html {
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}
body{
	overflow-x:hidden;
}
.h3{ font-family: roboto-bold, roboto, sans-serif; font-weight:normal !important; font-weight:normal !important; font-size:5px; letter-spacing: 1px;}
.p{ letter-spacing:0.5px; font-size:15px; line-height:10px !important;}
.shadow{
	/*box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-webkit-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-ms-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-moz-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);*/
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);
}
.instagram .fab {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.icon:hover{
    background-color: black !important;
}
.text-bold{
    font-weight: bold;
}
.text-black{
	color: black;
}
.bg-white{
	background-color:white;
}
.bg-black{
    background-color: black;
}
.desktop-none{
    display: none;
}
.bg-custom{
    background-color: #064759;
}
.no-gutter{
    padding:0;
    margin:0;
}
.text-custom{
    color:#064759;
    font-weight:bold;
}
.nav-link{
    font-family: roboto-bold, roboto, sans-serif;
    font-weight:normal !important;
    color:white;
    font-size:16px;
    letter-spacing: 1px;
}
.navbar-brand{
    font-weight:bold;
}
.dropdown-item{
    color:white;
    text-align:center;
    border-bottom:1px solid white;
    padding:5px;
 }
.hover{
    opacity: 100%;
}
.hover:hover{
    border-bottom:3px solid white;
    opacity: 70%;
    
}
.active-nav{
    transform:scale(1.1);
    background-color:black;
}
.hover-2{
    transition:1s ease;
}
.hover-2:hover{
    transform:scale(1.1);
    background-color:black;
}
.dropdown-item:hover{
    color:black;
}
.no-border{
    border:none;
}
.bg-txt{
    background-color:rgb(0, 0, 0, 0.5);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:cover;
}
.call-us{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
	display:none;
}
.call-us a{
	color:white;
	text-align:center;
	font-size:32px;
}
.phone-icons{
	border-right:2px solid white;
}
.phone-hover{
	transition:1s ease;
}
.phone-hover:hover{
	background-color:white;
}
.phone-hover:hover a span{
	color:black !important;
}
.ser{
    border :2ps solid black;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.guide{
    background-color:#f5f5f5;
}
.link{
    transition: 0.5s ease;
}
.link:hover{
    background: black;
}
.border{
    border: 4px solid white !important;
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 99;
    font-size: 28px;
    border: none;
    outline: none;
    background-color:black;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    
  }
  .get_cote{
      text-decoration: none;
      color:steelblue;
  }
  .get_cote:hover{
    text-decoration: none;
    color:#064759;
  }
  
  .quote-content{
	width:90%;
	margin-left:5%;
	padding:1%;
}
.quote-text{
	width:100%;
	margin-top:2%;
	border:none;
	text-align:center;
	box-shadow:1px 1px 1px 1px rgb(0, 0, 0, 0.5);
	padding:2%;
	font-size:16px;
}
.quote-select{
	width:100%;
	padding:2%;
	text-align:center;
}
.quote-option{
	padding:1%;
}
.quote-submit{
	font-size:20px;
} 
  .right-app {
      position: fixed;
      top: 50%; 
      left:93%; 
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
       transform:rotate(270deg); 
       border:2px solid white; animation:blink 1s infinite;}

  @keyframes blink{
      0%{
          background-color:black;
      }
      50%{
          background-color: #064759;
      }
      100%{
          background-color:black;
      }
  }

  #myBtn {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 99;
    font-size: 28px;
    border: none;
    outline: none;
    background-color:black;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    
  }
@media only screen and (max-width: 1400px){
    .res-txt{
        font-size:16px;
    }
}
@media only screen and (min-device-width: 990px) and  (max-width:1616px)  {
    .tag{
        display: none !important;
    }
    #nav_tag{
        font-size: 25px !important;
    }
}

@media only screen and (max-width: 800px){

    .desktop-none{
        display: block;
    }
    .call-us{
		display:block;
	}
    .right-app {
		left:71.5%; 
		transform:rotate(270deg)scale(0.7);
    }
    .logo {
        width: 15% !important;
    }
    .top{
        text-align: center !important;
    }
    .topicon {
        margin-left: 0%;
        margin-right: 0%;
}

.tag{
    display: none;
}
}