.site-footer {
  padding: 2px 0;
  background:#63b3d8; }
  @media (min-width: 768px) {
    }
  .site-footer .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  .site-footer p {
    color: white; }

  .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
    color: #ffffff; }
  .site-footer a {
    color: white; }
    .site-footer a:hover {
      color: white; }
  .site-footer ul li
 {
    margin-bottom: 10px; }

  .site-footer .footer-heading {
    font-size: 16px;
    color: #fff; }
    
.img-fluid {
     width: 100%;					
      height: 250px;
    }

overlay {
  position: absolute;
  bottom:0px;
  left: 0px;
  right: 10px;

  overflow: hidden;
  width:88%;
  height: 0;
  transition: .7s ease;
margin-left:17px;
}

.box:hover overlay {
  height: 100%;
  background-color:#63b3d8;
}
overlays {
  position: absolute;
  bottom:0px;
  left: 0px;
  right: 10px;
  background-color: #1aa3ff;
  overflow: hidden;
  width:88%;
  height: 0;
  transition: .7s ease;
margin-left:17px;
}

.boxs:hover overlays {
  height: 100%;
background-color:#63b3d8;
}

overlayy {
  position: absolute;
  bottom:0px;
  left: 0px;
  right: 10px;
  background-color: #1aa3ff;
  overflow: hidden;
  width:88%;
  height: 0;
  transition: .7s ease;
margin-left:17px;
}

.boxy:hover overlayy {
  height: 100%;
background-color:#63b3d8;
}

overlayz {
  position: absolute;
  bottom:0px;
  left: 0px;
  right: 10px;
  background-color: #1aa3ff;
  overflow: hidden;
  width:88%;
  height: 0;
  transition: .7s ease;
margin-left:17px;
}

.boxz:hover overlayz {
  height: 100%;
background-color:#63b3d8;
}

@media screen and (max-width: 400px) 
{
  
overlay {
  position: absolute;
  bottom:0px;
  left: 0px;
  right: 10px;
  background-color: #1aa3ff;
  overflow: hidden;
  width:92%;
  height: 0;
  transition: .7s ease;
margin-left:17px;

}

.box:hover overlay {
  height: 100%;

}

overlays {
  position: absolute;
  bottom:0px;
  left: 0px;
  right: 10px;
  background-color: #1aa3ff;
  overflow: hidden;
  width:92%;
  height: 0;
  transition: .7s ease;
margin-left:17px;

}

.boxs:hover overlays {
  height: 100%;

}
overlayy {
  position: absolute;
  bottom:0px;
  left: 0px;
  right: 10px;
  background-color: #1aa3ff;
  overflow: hidden;
  width:92%;
  height: 0;
  transition: .7s ease;
margin-left:17px;
}

.boxy:hover overlayy {
  height: 100%;

}
overlayz {
  position: absolute;
  bottom:0px;
  left: 0px;
  right: 10px;
  background-color: #1aa3ff;
  overflow: hidden;
  width:92%;
  height: 0;
  transition: .7s ease;
margin-left:17px;
}

.boxz:hover overlayz {
  height: 100%;

}
}

.headings{
font-size:40px;
font-family: 'Work Sans', sans-serif;
 color: #3385ff
}




@media only screen   
and (min-width: 768px)   
and (max-width: 1198px)  
{
 
.headings{
font-size:29px;
font-family: 'Work Sans', sans-serif;
 color: #3385ff;
margin-top:6px;
}

}

.carousel-inner img {
    width: 100%;
    height: 530px;
  }

@media only screen   
and (min-device-width : 180px)   
and (max-device-width : 414px)  
{ 

.headings{
font-size:29px;
font-family: 'Work Sans', sans-serif;
 color: #3385ff;
margin-top:6px;
}
.phone
{

margin-left:50px;
margin-top:-23px;
}
.mobilehr
{
    
  margin-top:25px;  
}
.mobiletoggle{
  margin-top:-13px;  
    
}
.logos{
    
top:0px;
}
.firstbody
{
    
    
    margin-top:10px;
}

.carousel-inner img {
    width: 100%;
    height: 320px;
  }
}

.half .text, .half .image {
  width: 50%; }
  @media (max-width: 991.98px) {
    .half .text, .half .image {
      width: 100%; } }

.half .text {
  padding: 7%; }

.half .image {
  background-size: cover;
  background-position: center center; }
  @media (max-width: 991.98px) {
    .half .image {
      height: 350px; } }

.block-counter-1 {
  text-align: center; }
  .block-counter-1 .number,
  .block-counter-1 .caption {
    display: block;
    line-height: 1; }
  .block-counter-1 .number {
    color:#3385ff;
    font-size: 4rem;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    @media (max-width: 991.98px) {
      .block-counter-1 .number {
        font-size: 2rem; } }
    .block-counter-1 .number:after {
      position: absolute;
      content: "";
      width: 50px;
      height: 3px;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: rgba(52, 58, 64, 0.3); }
  .block-counter-1 .caption {
    font-size: 14px;
    letter-spacing: .05em; }
    
     .btn-outline-s {
        
        color:#63b3d8;
          border-color:#63b3d8;
          border-radius: 50px;
    }
    .btn-dark{
        background-color:black;
        
    }
   
    @media only screen   
and (min-device-width : 570px)   
 
{ 
        .carousel-caption h3 {
  text-align:left;
  margin-top:-170px;
  font-size:50px;
  color:white;
}
     
}
 .carousel-caption h3{
  text-align:left;
  margin-top:-170px;
  font-size:50px;
  color:white;
  visibility:hidden;
}


.preloader
{
background-color:#f7f7f7;
width:100%;
height:100%;
position:fixed
;top:0;left:0;right:0;bottom:0;
z-index:999999;
-webkit-transition:.6s;
-o-transition:.6s;
transition:.6s;
margin:0 auto}

.preloader .preloader-circle
{
    width:100px;height:100px;position:relative;border-style:solid;border-width:3px;border-top-color:#63b3d8;
    border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:10;
    border-radius:50%;
    -webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
    box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);background-color:#ffffff;-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;
    -webkit-transition:.6s;-o-transition:.6s;transition:.6s
    
}
    
.preloader .preloader-circle2

{border-top-color:#0078ff}
    
    .preloader .preloader-img
    {
        position:absolute;top:50%;z-index:200;
    left:0;right:0;margin:0 auto;
    text-align:center;display:inline-block;
    
    -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);
    
    padding-top:6px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
    
    .preloader .preloader-img img{max-width:55px}
    
    .preloader .pere-text strong
    
    {
        font-weight:800;
    
    color:#dca73a;text-transform:uppercase}
    @-webkit-keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);
    -webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%
    {-webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transition:.6s;-o-transition:.6s;transition:.6s}}
    @keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);
    -webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%
    {-webkit-transform:rotate(360deg);transform:rotate(360deg);
    -webkit-transition:.6s;-o-transition:.6s;transition:.6s}}
   
   
   /**box**/
   
   input,
textarea {
    background-color: #F3E5F5;
    border-radius: 50px !important;
    padding: 12px 15px 12px 15px !important;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border: 1px solid #F3E5F5 !important;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 400
}

input:focus,
textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #D500F9 !important;
    outline-width: 0;
    font-weight: 400
}

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}

.card {
    border-radius: 0;
    border: none
}

.card1 {
    width: 100%;
    padding: 40px 30px 10px 30px
}



#logo {
    width: 100px;
    height: 70px
}

.heading {
    margin-bottom: 60px !important
}



.form-control-label {
    font-size: 12px;
    margin-left: 15px
}

.msg-info {
    padding-left: 15px;
    margin-bottom: 30px
}

.btn-color {
    
    color: #fff; 
    background-color: #63b3d8;
    padding: 15px;
    cursor: pointer;
    border: none !important;
    margin-top: 40px
}

.btn-color:hover {
    color: #fff;
     background-color: #63b3d8
}

.btn-white {
   
    color: #D500F9;
    background-color: #fff;
    padding: 8px 40px;
    cursor: pointer;
    border: 2px solid #D500F9 !important
}

.btn-white:hover {
    color: #fff;
    background-image: linear-gradient(to right, #FFD54F, #D500F9)
}

a {
    color: #000
}

a:hover {
    color: #000
}

.bottom {
    width: 100%;
    margin-top: 50px !important
}

.sm-text {
    font-size: 15px
}

@media screen and (max-width: 992px) {
    .card1 {
        width: 100%;
        padding: 40px 30px 10px 30px
    }

    

    .right {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }
}


@media only screen   
and (min-width: 992px)   
and (max-width: 1087px)  
{
  li {  
font-size: 17px;
    display: inline-block;
padding:4px 15px;
font-family: 'Inconsolata', monospace;


 
}
}