
@import url('https://fonts.googleapis.com/css?family=Arimo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oleo+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Changa&display=swap');
@import url('https://fonts.googleapis.com/css?family=Exo|Poppins&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');*/
body{
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: #3f3f3f;
    padding: 0;
    margin:0;
  }
 .front{
  width: 100%;
  height: 500px;
 }
  .service{
    font-family: 'Changa', sans-serif;
  }
  .service_a{
    color:#3f3f3f; 
  }
  .service_a:hover{
    color:#3f3f3f; 
  }
   .sub-heading{
    font-family: 'Poppins', sans-serif;
    color: black;
    margin-bottom: 15px;
  }
  .help-block,#errmsg{
      color: red;
      font-size: 12px; 
    }
  .icon-big{
  font-size: 40px;
  color: #343A40;
  }

  .solution .p{
    height: 300px;
  }
  .solution .p a{
    color: #777;
  }
  .gif{
    width: 100%;
    height: 281px;
  }

  .p-m-none{
    padding: 0;
    margin:0;
   }
  
  a:hover{
    text-decoration: none;
  }
  /*h3,h4,h5{
    word-spacing: 10px;
    letter-spacing: 2px;
  	font-weight: bold;
  }*/

.hide {
    display:none;
}

  /*........................................marquee...........................................*/
.trending-container {
  padding:3px;
  width:100%;
  overflow:hidden;
  background-color: #d1dbe0;
  /*background-color: #FF0000;*/
}
.marquee{
display:block;
position:relative;
width:1500px;
animation:scroll 30s linear infinite;
padding:3px;
}

.marquee:hover {
    animation-play-state: paused
}

.marquee-item {
  width:100%;
  margin:3px;
  float:left;
  letter-spacing: 2px;
  font-weight: bold;
  color: #000;
}

/* Make it move */
@keyframes scroll{
0% {left:1500px;}
100% {left:-1100px;}
}

@media screen and (max-width: 768px){
  .marquee{
  display:block;
  position:relative;
  width:1500px;
  animation:scroll 20s linear infinite;
  padding:3px;
  }
  @keyframes scroll{
  0% {left:300px;}
  100% {left:-1100px;}
  }
}
/*.................................................end-marquee................................*/

  /*................................header...............................*/
  
  	*,
*::after,
*::before{
    box-sizing: border-box;
    /*padding: 0;*/
    /*margin: 0;*/
}
.navbar-goc .navbar-goc-container ul{
margin-bottom: 0 !important;
}
.navbar-goc input[type="checkbox"],
.navbar-goc .hamburger-lines{
    display: none;
}

.navbar-goc{
    box-shadow: 0px 5px 10px 0px #37a7d1;
    position: relative;
    width: 100%;
    background: #fff;
    color: #000;
    /*opacity: 0.85;*/
    z-index: 100;
}

.navbar-goc-container{
    display: flex;
    justify-content: space-between;
    /*height: 64px;*/
    align-items: center;
}

.menu-items{
    order: 2;
    display: flex;
}
.navbar-goc-container .logo{
    order: 1;
    font-size: 2.3rem;
    padding-top: 5px;
}

.navbar-goc-container .logo img{
        width: 130px;
    }

.menu-items li{
    list-style: none;
    margin-left: 1.5rem;
    font-size: 1.2rem;
}

.navbar-goc a{
    color: #444;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
    text-transform: uppercase;
}

.navbar-goc a:hover{
    color: #37a7d1;
}

.navbar-goc .menu-items .active a{
    color: #37a7d1;
    font-weight: bold;
}

@media (max-width: 768px){
    .navbar-goc{
        /*opacity: 0.98;*/
        height: 120px;
    }

    .navbar-goc-container input[type="checkbox"],
    .navbar-goc-container .hamburger-lines{
        display: block;
    }

    .navbar-goc-container{
        display: block;
        position: relative;
        height: 64px;
    }

    .navbar-goc-container input[type="checkbox"]{
        position: absolute;
        display: block;
        height: 32px;
        width: 30px;
        top: 20px;
        left: 20px;
        z-index: 5;
        opacity: 0;
        cursor: pointer;
    }

    .navbar-goc-container .hamburger-lines{
        display: block;
        height: 28px;
        width: 35px;
        position: absolute;
        top: 45px;
        left: 20px;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .navbar-goc-container .hamburger-lines .line{
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: #333;
    }
    
    .navbar-goc-container .hamburger-lines .line1{
        transform-origin: 0% 0%;
        transition: transform 0.3s ease-in-out;
    }

    .navbar-goc-container .hamburger-lines .line2{
        transition: transform 0.2s ease-in-out;
    }

    .navbar-goc-container .hamburger-lines .line3{
        transform-origin: 0% 100%;
        transition: transform 0.3s ease-in-out;
    }

    .navbar-goc .menu-items{
        padding-top: 100px;
        background: #fff;
        /*height: 100vh;*/
        /*max-width: 300px;*/
        transform: translate(-150%);
        display: flex;
        flex-direction: column;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 40px;
        transition: transform 0.5s ease-in-out;
        box-shadow:  5px 0px 10px 0px #aaa;
        overflow: scroll;
    }

    .navbar-goc .menu-items li{
        margin-bottom: 1.5rem;
        font-size: 1.1rem;
        font-weight: 500;
    }

    .navbar-goc-container .logo{
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 2.5rem;
        padding-top: 0;
    }
    
    .navbar-goc-container .logo img{
        width: 100px;
    }

    .navbar-goc-container input[type="checkbox"]:checked ~ .menu-items{
        transform: translateX(0);
    }

    .navbar-goc-container input[type="checkbox"]:checked ~ .hamburger-lines .line1{
        transform: rotate(45deg);
    }

    .navbar-goc-container input[type="checkbox"]:checked ~ .hamburger-lines .line2{
        transform: scaleY(0);
    }

    .navbar-goc-container input[type="checkbox"]:checked ~ .hamburger-lines .line3{
        transform: rotate(-45deg);
    }

}

/* .img-logo{*/
/*  width: 140px;*/
/*  height: 140px;*/
/* }*/

/*.navbar-light .navbar-nav .nav-link {*/
/*    border-radius: 5px;*/
/*    font-size: 14px;*/
/*    font-weight: bold;*/
/*    width: 150px;*/
/*}*/

/*.navbar-light .navbar-nav .nav-link:hover {*/
/*    color: #fff;*/
/*    background-color:black;*/
/*    transition: 1s; */
/*}*/
/*.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {*/
/*    color:#fff;*/
/*    background-color:black; */
/*}*/
/*.navbar-light .navbar-toggler {*/
/*    border:none;*/
/*}*/

/*.navbar-light .navbar-brand {*/
/*    padding: 0;*/
/*}*/

/*..............................end-header..........................*/

/*.......................................number-counter.................*/

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

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


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


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


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

#projectFacts .fullWidth{
  padding: 0;
}

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

.projectFactsWrap .item:nth-child(1){
  /*background: rgb(16, 31, 46);*/
}

.projectFactsWrap .item:nth-child(2){
 /* background: rgb(18, 34, 51);*/
}

.projectFactsWrap .item:nth-child(3){
  /*background: rgb(21, 38, 56);*/
}

.projectFactsWrap .item:nth-child(4){
 /* background: rgb(23, 44, 66);*/
}

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


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



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

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


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

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

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

    .marquee-item{
      font-size: 12px;
    }
}
/*.........................................end-number-counter........................*/


/*.........................footer......................................*/
.footer-border-left-right{
    border-left: 2px solid #37a7d1;
    border-right: 2px solid #37a7d1;
}
.footer-border-left{
   border-left: 2px solid #37a7d1;  
}
.devider-footer-mob{
    height: 2px;
    background-color: #37a7d1;
    margin: 30px 0 30px 0;
    display: none;
}
.devider-footer-mob:last-child{
   margin: 30px 0 0 0;  
}

 .icon-footer{
  font-size: 20px;
 }
 .icon{
  font-size: 20px;
  /*margin-right: 15px;*/
}
 /*..........................end-footer..................................*/

 /*.......................text-blinking....................................*/

    .center {
      
      margin: 0 auto;
      
    }

    .awesome {
      
      font-family: futura;
      font-style: italic;
      width:100%;
      color:#313131;
      font-size:45px;
      font-weight: bold;
      -webkit-animation:colorchange 10s infinite alternate;
      
      
    }
  .blinking{
    margin-top: -20px;
  }  
 .blinking span{
  font-size: 10px;
 }
 .blinking span:nth-child(1){
  color: #5FB246;
 }
 .blinking span:nth-child(2){
  color: #EBAB2A;
 }
 .blinking span:nth-child(3){
  color: #FF0000;
 }
    @-webkit-keyframes colorchange {
      0% {
        
        color: #5FB246;
      }
      
      50% {
        
        color: #EBAB2A;
      }
      
      100% {
        
        color: #FF0000;
      }
      
    }
    /*.............................................end-text-blinking...................*/ 

  /*......................................media-queries............................*/
  @media only screen and (max-width: 768px){

 /*............................header............................*/
/*.img-logo{*/
/*  width: 80px;*/
/*  height: 80px;*/
/* }*/

/*  .navbar-light .navbar-nav .nav-link {*/
/*    color:#DA2B48;*/
/*    font-size: 12px;*/
/*    font-weight: bold;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*  }*/
/*.gif{*/
/*    width: 100%;*/
/*    height: 150px;*/
/*  }*/
  /*...........................end-header..........................*/

  .front{
  width: 100%;
  height: 350px;
 }
 
 .footer-border-left-right, .footer-border-left{
     border-left: 0px solid #37a7d1;
     border-right: 0px solid #37a7d1;
 }
 .devider-footer-mob{
    display: block;
}
  }

 @media only screen and (max-width: 576px){
h1{
    font-size: 22px;
  }
  h2{
    font-size:20px;
  }
  h3{
    font-size: 18px;
  }
  h4{
    font-size: 16px;
  }
  h5,a{
    font-size: 14px;
  }
  h6,b,label,input,span,p,.btn{
    font-size: 14px;
  }
  li{
    font-size: 15px;
  }
  .m-top{
  	margin-top: 15px;
  }
  .icon-big{
  font-size: 30px;
  }

 
.front{
  width: 100%;
  height: 250px;
 }
/*...............................carousel...............................*/

   .carousel-inner{
    height: 40vh;
    }
    .carousel-inner img{
     height: 40vh;
     }
/*...............................end-carousel...............................*/

}


/*...............................end-media-queries......................*/