*{
    text-decoration: none!important;
    box-sizing: border-box!important;
}

body {
    background: #F7F8F8!important;
      font-family: 'Lato', sans-serif!important;
      font-size: 16px!important;
       line-height: 1.4;
       margin: 0;
       padding: 0;
       
    }
    
    @media (max-width: 767px){
        body{
         font-size: 17px!important;
        }
        .c-profile {
    padding: 30px 10px!important;
    margin-top: -85px;
    border-radius: 25px;
}
    }

    .navbar{
        padding:0rem 0rem!important;
        transition: .5s!important;
        
    }
.bg-dark{
    background: white!important;
}
    .navbar-nav{
      
        margin-left: 0%;
    font-size: 17px;
    color: white;
}

html{
    scroll-behavior: smooth;
}

.dropdown-menu {
    padding:0rem 0 0!important;
}
.dropdown-item{
    transition: 0.5s;
}
.dropdown-item:hover{
    background:black!important;
    color:white!important;

}


.dropdown-item:hover  .fa-angle-double-right{
    margin-left: 5px!important;
    transition: 0.5s;
    
}
nav{
      
    position: fixed!important;
    top: 0;
    z-index: 1098!important;
    transition: top 0.5s ease-in-out;
    width: 100%;
}

.social-icon a{
    color:white!important;
}

.stick-top {
    top: -90px;
}

.bg-dark{
    top:0px;
}

body,html{
    overflow-x: hidden;
}


.dropdown:hover .dropdown-menu{
    display: block;
    position: relative;
    animation-name: example;
    animation-duration: 1s;
    animation-timing-function: all;
} 

    
/*.nav-item:hover {
    border-bottom: 2px solid;
    border-top: 2px solid;
    margin-bottom: -2px;
    margin-top: -2px;
}*/


.navbar-collapse{
    bckground: linear-gradient(-14deg , black 60% , gold 50%);
}

.navbar-brand{
    transition: .5s!important;
}

#logo img{
    height: 50px;
}
.nav-link{
    color:black!important;
    padding: 25px  20px!important;
}


.test-img{
    display:flex;
    justify-content:center;
}


#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: rgb(6, 8, 7);
    color: white;
    cursor: pointer;
    padding: 10px 16px;
    border-radius: 25px;

  }
  
  #myBtn:hover {
    background-color: #555;
  }

  .top-margin{
    margin-top:80px;
}

@media screen and (min-width:601px) and (max-width:900px){
    .navbar-nav{

            margin-left: 0%;
            font-size: 15px;
    }

    .h-sec .headings{
        margin-bottom: 0px;
    }
    .heading-img .h-sec .headings {
        padding: 74px 0px 10px;
       
    }
    .h-sec .page-info {
        padding: 6px 40px!important;
    }

    .whisper{
        margin-top:10px!important;
    }

    
    .navbar-toggler{
        outline: none!important;
    }
   #bars{
        color:black;
    }

}



@media screen and (min-width:901px) and (max-width:1300px){
    .navbar-nav{

            padding:25px 14px!important;
            font-size: 14px;
    }
    .h-sec .headings{
        margin-bottom: 0px;
    }
    .heading-img .h-sec .headings {
        padding: 140px 0px 10px;
       
    }
    .h-sec .page-info {
        padding: 6px 40px;
    }

    #lgo img{
        height: 46px;
    }
    
    .navbar-toggler{
        outline: none!important;
    }
   #bars{
        color:black;
    }

}
@media screen and (max-width:600px){
    body{
        font-size: 18px!important;
    }
    .navbar-nav{
        margin-left:0%!important;
        padding-left:25px!important;
    }
    .navbar-toggler{
        outline: none!important;
    }

     .section2{
         margin-right:0px!important;
     }

    .nav-link{
        padding:20px 20px!important;
    }
    .navbar-toggler:active{
        display: block!important;
    }
     .navbar-dark .navbar-brand {
         padding: 21px 0;
    }

    .cont-block {
        margin-bottom: 70px!important;
    }
.social-icon{
    display: none;
}
#bars{
    display: contents!important;
}
.foot-head .f-pro{
    margin-left:0px;
}

#lgo img{
    height: 50px;
}
.c-profile{
	margin-top:0px!important;
}
.stick-top {
 margin-top:-500px;
 background: white;
}
.top-margin{
    margin-top:80px;
}
   .item .whisper{
        margin-top: 0px;
    }
    .page-info span{
        font-size:10px;
    }
    footer{
        padding:10px 20px!important;
    }
    .carousel-caption{
        display: none;
    }
    .team1{
        margin-bottom: 40px;
    }
    .top-head{
        display: none;
    }

    .fa-bars{
        color:black;
    }

   section .heading-img .headings {
        padding: 29px 0px 0px;
        color: white;
        font-size: 17px;
    }

    .h-sec .page-info{
        padding:0px 14px;
    }

    .h-sec .headings{
        margin-bottom: 0px;
    }

   .bann-sec .bann-overlay {
    position: inherit;
    margin-top: 0;
   }

   .bann-sec .bann-overlay h2{
       font-size:25px;
   }
}

.top-head{
    display: none;
}

.social-icon{
    position: fixed;
    left:0px;
    top: 30%;
    z-index: 999;
    padding: 10px 0px;
}

.social-icon p{
   
    color:white;
    padding:10px 12px;
    margin-bottom: 0px;
    cursor: pointer;
   
}

#s1{
background: #3B5998;
}


#s2{
    background:#049ae1;
}


#s3{
    background: #0b47c6;
}

#s4{
    background: red;
}

#s5{
    background: #01be01;
}
.social-icon p:hover{
   
   opacity: 0.8;
}

.cont-icon{
    position: fixed;
    right:0px;
    bottom: 100px;
    z-index: 999;
}
.cont-icon span{
    display: block;
    padding: 10px 15px;
    color: white;
    font-size: 22px;
    border-radius: 50%;
    margin-bottom: 5px;
}
.cont-icon span a{
    color: white;
}

#s5 a{
    color: white;
}
.phone{
    background: #3B5998;
}

.whatapp{
    background: green;
}
  .cont-sec{
    position: fixed;
    left: 0px;
    bottom: 70px;
    display:flex;
    margin-left: -302px;
    transition: 1.0s;
    z-index: 999;
}

.cont-sec:hover{
    margin-left:0px!important;
}

.con-img{
    padding-top:110px;
}
.cimg{
    height: 100px;
}
.cont-form{
    padding:40px;
    background:#1CCACD;
    display: inline-block;
}


.cont-form input[type=submit]{
  font-weight: 600;
  border:none!important;
  padding:10px 20px!important;
  
}
.cont-form input[type=submit]:hover{

  border:2px solid black!important;
 color:black;
 
 margin: -2px;
  background: white;
}

.top-head{
    background: #111;
}

.tcont span,.tcont2 span,.tcont3 span{
    color:white;
    font-size:14px;

}
.tcont a{
    color:white;
}
.tcont2 a{
    color:white;
    
}
.tcont2{
    text-align: right;
}
.tcont a,.tcont2 a:hover{
    color:white;
}

.tcont{
    padding: 2px;
}

.about{
    padding:40px 0px;
    text-align: center;
}
.headings{
    font-family: 'Raleway' sans-serif;
 font-size: 40px;    
 text-align: center;
 margin-bottom: 30px;
}

.services{
    padding:40px 0px;
    background:white;
}


.box16{
    margin-bottom: 30px;
}

.why{
    padding:40px 0px;
}

.why-sec{
    text-align: center;
}
.why-sec span{
    display: block;
}

.why-icons{
    height:128px;
}

.cl-section{
    padding: 30px 0px;
}
.item{
    text-align: center;
}

.whisper{
    font-size: 25px;
    margin-top:40px;
}

.name{
    font-size:20px;
    color:black;
}
.fa-star{
    color:gold;
}

footer{
    padding:100px 80px;
    background: #171414d4;
    color:#afa6a6;
}

footer li{
    list-style: none;
    transition: 0.5s;
}

.in-block{
    display:inline-grid;
    
}

footer a{
    color:#afa6a6;
    transition: 0.5s;
}
footer h3{
    color: white;
}

footer li:hover{
    margin-left:5px;
}
footer a:hover{
    color: white;
}

.f-down{
    background: black;
}
.copy{
    text-align: center;
    
    padding:10px 0px;
    border-radius: 25px;
    
}

.copy p{
    margin-bottom: 0px;
    color: #f48734;
}
.copy a{
    color:white;
}

.client{
    background: white;
}

.team-sec{
    text-align: center;
    background: white;
    padding: 39px 10px;
    border-radius: 101px;
    transition: 0.5s;
    height:196px;
}

.team1{
    border-bottom: 9px solid;
    border-radius: 100px;
    
}

.team-sec:hover {
margin-top:-20px;
margin-bottom: 20px;
}

.team-sec h2{
    font-size: 60px;
}

.about .container{
    
    background-repeat: no-repeat;
    background-size: contain;
}


@keyframes example {
    0%   {margin-top:50px}
        100% {margin-top:0px}
  }

  .sec1{
    animation: mymove 1s infinite;
  }
  .sec2{
    animation: mymove 1.7s infinite;
  }
  .sec3{
    animation: mymove 1.2s infinite;
  }
  @keyframes mymove {
    0% {margin-top: 0px;margin-bottom: 0px;}
    50% {margin-top: -20px;margin-bottom: 20px;}
    100% {margin-top: 0px;margin-bottom: 0px;}
    
  }
  .contact-form{
      padding:10px 80px;
  }
  .contact-form input,.contact-form textarea{
      border: none;
      box-shadow: none!important;
      background: transparent;
border-bottom:1px solid;
;
  }

  .contact-form .form-control:focus {
      border-color:black;
      background: transparent!important;
  }

  
  .con-icon .fa{
      font-size: 27px;
  }

  .h-sec .headings{
      margin-bottom: 0px;
  }


  /* BlueSmart */


  .c-profile{
    padding: 30px 40px;
    margin-top: -85px;
  
    border-radius: 25px;
   
  }

  .pro-sec{
    padding: 20px;
    border-bottom: 13px solid  #3e418e;
	 border-top: 13px solid  #3e418e;
    background: white;
	border-radius:25px;
      z-index: 999;
      transition: 0.5s ease-in-out !important;
  }

  .pro-sec:hover{
      background: black;
  }
  .pro-sec:hover .p-icon .fas, .pro-sec.p-icon h3{
   color: white!important;
  }

  .pro-sec:hover .pro-desc p{
    color: #8484ad;
   }

  .p-icon{
      text-align: center;
  }
  .p-icon .fas{
      font-size: 32px;
	  color: black;
  }

  .pro-desc p{
      text-align: justify;
  }

  .about-us{
      padding: 30px 10px;
  }

  .ab-info p{
      text-align: justify;
  }

  .h2-heading{
    font-family: 'Roboto', sans-serif;
   font-size:28px;
   text-align: center;
   margin-bottom: 20px;
   font-size: 35px;
   font-weight: 600;
   text-transform: uppercase;
  }

  .know-btn{
      background: #111;
      color: white;
      transition: 0.5s ease-in;
      padding:10px 20px;
      border-radius: 25px;
  }

  b1{
    color: #f78934;
    font-weight: 400;
    transform: skew(20deg);
  }

  .product{
     padding: 30px 0px;
      background: url('../img/pro-back.jpg');
    background-attachment: fixed;
    background-size: cover;
  }

  .product-desc{
    padding: 52px 27px;
    background: #14120c;
    color: white;
    transition: 0.5s ease-in-out !important;
      border-bottom: 10px solid #f88630;
      border-top-right-radius: 95px;
   
      border-bottom-left-radius: 95px;
   
    }

  .product-desc:hover{
      background: #092f6db0;
       }

  .product-img img{
      max-width: 100%;
      max-height: 400px;
  }

  .row1,.row2,.row3{
      margin-top: 30px;
  }

  .h3-heading{
color: white;
  }

  .read-btn{
    background:white;
    color: black;
    transition: 0.5s ease-in;
    padding:10px 20px;
    border-radius: 25px;
  }

  .btn2{
      margin-top: 30px;
  }
  
  .test-img{
     width: 300px!important;
  }


  .service_area {
      
	      background-image: url(../img/back1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
      
  }
  
  .service_back{
  background: #000000c2;
   padding: 50px 10px;
  }

  .service-item{
      text-align: center;
  }


  .service_area .h2-heading{
      color: white;

  }

  .service_area .far,.fas{

  color: white;
  font-size: 25px;

}

.footer{
    background: url('../img/back2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    
}

.service_item p{
color: green;
}

footer .fa{
    display: none;
}

.testo{
height:300px;
width: auto!important;
}

.p-icon .fa{
color:black!important;
}
.p-icon h3{
	    color: #f58634;
}
.top-mrgin{
	margin-top:85px;
}

	.f-pro{
        margin-left:40px;
    }
    
    .testo-img{
        display:flex;
        justify-content:center;
    }
    
            
.head-banner{
    position: relative;
}

.bann-overlay{
    position: absolute;
    margin-top: -80px;
    left:50px
}

.bann-overlay h2{
    font-size:45px;
    color:white;
    background: black;
    padding:20px;
    border-bottom: 5px solid #3e4095;
    border-top: 5px solid #3e4095;
}

.all-product{
    padding:40px 0px;
}

.pimg-sec{
    margin-top:30px;
    text-align: center;
}
.pimg-sec img{
    max-width: 100%;
}

.pro-del h3{
    font-size:17px;
    margin:20px;
}

.pro-info{
    margin-top:30px 
}
.my-btns{
    margin:20px 0;
    text-align: right;
}

.pimg-sec:hover .pimg-sec img{
    transform: scale(1.20);
}

/* Modal Start */
/* Modal Start */

.mymodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .mymodal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
  }
  
  /* Add Animation */
  @-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
  }
  
  @keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
  }
  
  /* The Close Button */
  .close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .mymodal-header {
    padding: 10px 16px;
    background-color: #062A69;
    color: white;
    margin-top: -26px;
    border-radius: 25px;
    margin-left: -40px;
  }
  
  .mymodal-body {padding: 20px 16px;}
  
  .mymodal-footer {
    padding: 10px 16px;
    background-color: #062A69;
    color: white;
    margin-bottom: -30px;
    border-radius: 25px;
    margin-right:-40px
  }

  .mymodal-body input{
 
    height: 40px;
    margin-bottom: 10px;
    border:none;
    border-bottom: 1px dashed #062A69;
  }

  .mymodal-body textarea{
      border:none;
      border-bottom: 1px dashed #062A69;
  }

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

  input[type=submit]{
      border:none;
      margin-top: 20px;
  }
  /* My Modal End */

  .modal-submit .read-btn{
    background: black;
    color: white;
  }

  /* Modal end */

  .my-btns .quotes{
      color:white;
      cursor: pointer;
  }

/* Modal End */

.service_item{
    border: 1px dashed white;
    padding: 30px;
    transition: 0.5s;
    margin-bottom: 20px;
    border-bottom: 5px solid white;
    
}

.service_item:hover{
    background: #000000a1;
    margin-bottom: -5px;
}

.contact-us{
    margin:50px 0 0;
    padding:40px 0px;
}

.cont-block{
    padding: 20px;
    box-shadow: 0 0 5px black;
    height: 200px;
    position: relative;
    margin-bottom: 40px;
}
.f-icons{
    text-align: center;
    font-size: 34px;
    position: absolute;
    left: 41%;
    top: -20%;
    background: black;
    color: white;
    padding: 10px 19px;
    border-radius: 60%;
}

.sec-info{
    margin-top: 20px;
}

.send-mail .sec-info,.call-us .sec-info{
padding-left: 20px;
margin-top:40px;
}
.call-us{
    text-align: center;
}

.owl-dots{
    display: none;
}

.dropdown-menu::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left:64px;
    top: -20px;
    background: black;
    transform: rotate(45deg);
}


.pro-del h3{
    text-transform: uppercase;
}

.pro-del h3 a{
    color: #f48734;
    transition: 0.5s;
}

.pro-slider{
    background: white;
    padding: 40px 10px;
}

#slider1 .owl-nav{
    display: none;
}

.owl-nav{
    display: none;
}