.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;
    }



@media only screen   
and (min-device-width : 320px)   
and (max-device-width : 480px)  
{ 

.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:6px;
}
.firstbody
{
    
    
    margin-top:10px;
}

}
     .btn-outline-s {
        
        color:#63b3d8;
          border-color:#63b3d8;
          border-radius: 50px;
    }
    .btn-dark{
        background-color:black;
        
    }
.applic-apps
{
overflow:hidden;
position:relative;
z-index:0
}

.applic-apps .single-cases-info
{
position:relative;
left:28%;
margin-top:72px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px)

{

.applic-apps .single-cases-info

{

margin-top:72px;

}

}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
.applic-apps .single-cases-info
{
left:38%;
margin-top:0px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px)

{
.applic-apps .single-cases-info
{
left:17%;
margin-top:40px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px)

{

.applic-apps .single-cases-info
{
left:1%;margin-top:20px
}
}
@media (max-width: 767px)

{

.applic-apps .single-cases-info{left:1%;margin-top:10px}}



@media (max-width: 767px)

{
.applic-apps .single-cases-info h3
{font-size:30px}
}


.applic-apps .single-cases-info p

{
margin-bottom:50px;
padding-right:224px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px)

{
.applic-apps .single-cases-info p
{
padding-right:0px
}
}


@media only screen and (min-width: 992px) and (max-width: 1199px)

{
.applic-apps .single-cases-info p
{
margin-bottom:20px;
padding-right:26px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px)

{
.applic-apps .single-cases-info p
{
margin-bottom:20px;
padding-right:26px
}}

@media (max-width: 767px)
{.applic-apps .single-cases-info p
{
margin-bottom:20px;
padding-right:0px
}}

.applic-apps .owl-carousel .owl-stage-outer{overflow:visible}.

applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded{overflow:hidden;position:relative;right:-14%}

@media only screen and (min-width: 768px) and (max-width: 991px)

{

.applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded{right:0%}}

@media (max-width: 767px){.applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded{right:0%}}

@media only screen and (min-width: 576px) and (max-width: 767px)

{

.applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded

{
right:0%
}
}

.applic-apps .owl-carousel .owl-item img

{
display:block;
width:100%

}



.section-padding2

{
padding-top:200px;
padding-bottom:200px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px)

{
.section-padding2

{
padding-top:150px;
padding-bottom:200px
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)

{
.section-padding2
{
padding-top:200px;

padding-bottom:200px

}
}

@media only screen and (min-width: 768px) and (max-width: 991px)

{
.section-padding2
{

padding-top:100px;
padding-bottom:100px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px)

{
.section-padding2
{
padding-top:50px;

padding-bottom:50px
}
}

@media (max-width: 767px)

{
.section-padding2
{

padding-top:50px;

padding-bottom:50px

}
}  

.single-cases-info

{
position:relative;
left:58%;
margin-top:72px

}

@media only screen and (min-width: 1200px) and (max-width: 1600px)

{
.applic-apps .single-cases-info

{

margin-top:15px;
margin-left:-90px;

}


.lines{

margin-top:-600px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)

{

.applic-apps .single-cases-info

{

left:38%;
margin-left:-90px;
}
.lines{

margin-top:-500px;
}

}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.applic-apps .single-cases-info

{
left:17%;
margin-top:40px;
margin-left:-90px;
}
.lines{

margin-top:-400px;
}
}


@media only screen and (min-width: 576px) and (max-width: 767px)

{
.applic-apps .single-cases-info
{
left:1%;
margin-top:20px
}
.lines{

margin-top:-300px;
}
}

@media only screen   
and (min-device-width : 320px)   
and (max-device-width : 480px)  
{
.applic-apps .single-cases-info
{
left:1%;
margin-top:20px
}



 .lines{

margin-top:-180px;
}
}
@media only screen   
and (min-device-width : 481px)   
and (max-device-width : 575px)  
{
.applic-apps .single-cases-info
{
left:1%;
margin-top:20px
}
 .lines{

margin-top:-200px;
}
}

@media (max-width: 767px)
{
.applic-apps .single-cases-info
{
left:1%;
margin-top:10px
}
}

.applic-apps .single-cases-info h3
{
color:#2b044d;
font-size:40px;
font-weight:700;
line-height:1.3;
margin-bottom:20px;
padding-right:40px
}

@media (max-width: 767px)
{
.applic-apps .single-cases-info h3
{
font-size:30px
}
}

.applic-apps .single-cases-info p

{
margin-bottom:50px;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px)

{
.applic-apps .single-cases-info p
{
padding-right:0px
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)

{

.applic-apps .single-cases-info p
{
margin-bottom:20px;
padding-right:26px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px)

{
.applic-apps .single-cases-info p
{
margin-bottom:20px;
padding-right:26px
}
}

@media (max-width: 767px)

{
.applic-apps .single-cases-info p

{
margin-bottom:20px;
padding-right:0px
}
}

 .owl-carousel .owl-stage-outer
{
overflow:visible

}

.applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded
{
overflow:hidden;
position:relative;
right:-14%
}

@media only screen and (min-width: 768px) and (max-width: 991px)

{
.applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded

{
right:0%
}
}

@media (max-width: 767px)
{

.applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded
{
right:0%
}
}

@media only screen and (min-width: 576px) and (max-width: 767px)

{
.applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded
{
right:0%
}
}
.applic-apps .owl-carousel .owl-item img{display:block;width:100%}

.mb-30
{
margin-bottom:30px
}



.carousel {
  position: relative;
}

.carousel-item img {
    object-fit: fill;
width:1140px;
height:500px;
}

@media only screen   
and (min-device-width : 320px)   
and (max-device-width : 480px)  

{ 

.carousel-item img {
    object-fit: fill;
width:1140px;
height:250px;

}
.carousel-container #carousel-thumbs {
    background: #63b3d8;
  }
}
.carousel-container #carousel-thumbs {
    background: #63b3d8;
  }

#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: -105px;
  left: 0;
  padding: 0px 50px;
  right: 0;

    
}

@media only screen   
and (min-device-width : 300px)   
and (max-device-width : 480px) 
{
#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0px 50px;
  right: 0;
}
}
#carousel-thumbs img {
    
  border: 5px solid transparent;
  cursor: pointer;
height:90px;
}
#carousel-thumbs img:hover {
  border-color: rgba(255,255,255,.3);
}
#carousel-thumbs .selected img {
  border-color: #fff;
}
.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}
@media all and (max-width: 767px) {
  .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
  .carousel-container #carousel-thumbs {
    position: absolute;
  }
}
@media all and (max-width: 576px) {
  .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
}
.single img{
height:220px;

}



#particles-js {

 
 
  left: 0;

  right: 0;
 }
 @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;


 
}
}
.bgimg
{
    background-image:url("img/fullwidthhouse.jpeg");

 background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;


  height: 350px;
   width: 100%;
 
}

.modalimg
{
    background-image:url("img/fullwidthhouse.jpeg");

 background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;


  height: 100%;
   width: 100%;
 
}


.card-signin {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.card-signin .card-title {
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 1.5rem;
}

.card-signin .card-body {
  padding: 2rem;
}

.form-signin {
  width: 100%;
}

.form-signin .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group input {
  height: 48px;
  border-radius: 2rem;
}



.form-label-group>label {
  position: absolute;
  top: 13px;
  left: 110px;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

   input[type="email"]::placeholder {  
                  
                /* Firefox, Chrome, Opera */ 
                padding-left:10px; 
            }