html {scroll-behavior: smooth}
/* --------------------------------------
Body
disable code:
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-------------------------------------- */
body, html { overflow-x:hidden !important; }
a, a:hover {color: inherit;}
a[href^=tel] { color: inherit; text-decoration: none; }
body {
font-family:"arial", Times, serif; color: #111; background-color: #fff;
font-size: 18px;
overflow-x: hidden; }
h1 {font-size: 30px; font-weight: bold}
h2, h3, h4, h5, h6 {font-size: 30px; font-weight: bold}
a, a:hover {
color: #034c91; transition: all 0.2s ease-in-out 0s;}
p { font-family:"arial", Times, serif; text-shadow:none; font-size:18px;}
div.container {
position:relative;}
.floatLeft { float:left}
.floatRight { float:right}
.testimonials{background: rgba(255, 255, 255, 0.4); padding: 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 20px}
/* --------------------------------------
header padding and background
-------------------------------------- */
.heres_the-heres_the-Section_padding_around {padding: 1vh 13vw;}
#heres_the-heres_the-Section_main_heading_bg {background: rgba(0, 0, 0, .4)}
.heres_the-heres_the-Section_quick_services {background:#263b4e; color: #c4df9b; text-align: center; font-size: 36px; padding: 10px; text-transform: uppercase; font-weight: bold}
.section_area_quick_services p{font-size: 25px; margin: 0; padding: 0}
.section_area_quick_services {background:#263b4e; color: #fff; text-align: center; padding: 10px; margin: 0; text-transform: uppercase; font-weight: bold; font-family:"Georgia", Times, seri;}
/* --------------------------------------
logo and phone header
-------------------------------------- */
.heres_the-heres_the-Section_logo_phone {background: #263b4e}
.heres_the-heres_the-Section_phone_top{font-size: 25px; color:rgba(255, 255, 255, 0.8); display: inline-block; background:#04539a; margin-top: 10px; padding: 10px; -webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-top:5px solid #014c8f;
text-align: center}
.heres_the-heres_the-Section_phone_top a{font-size: 25px; color:rgba(255, 255, 255, 0.8); display: inline-block}
.heres_the-heres_the-Section_phone_top a:hover{color:#ffd66c;}
.heres_the-heres_the-Section_mobiletext { color:rgba(255, 255, 255, 0.5);}
.heres_the-heres_the-Section_logo h1{font-family:"Arial Black", "sans-serif";
font-size: 30px; text-transform: uppercase;
color: #fff; margin: 0; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3) }
.heres_the-heres_the-Section_cc img{display:inline-block; width: 200px; height: auto}
.heres_the-heres_the-Section_social_media {display:flex; width: 100px; margin: 5px auto;}
.heres_the-heres_the-Section_social_media img{ width: 32px; height: auto; padding: 5px; border-radius: 10px;}
/* --------------------------------------
Navigation
-------------------------------------- */
.navbar-inverse{
background:#04539a;
border-bottom:none; transition: all 0.2s ease-in-out 0s;
font-family:"arial", Times, serif; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color:#edc765; -webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
background:#011f3a;
font-family:"arial", Times, serif; text-shadow:none; }
.navbar-inverse .navbar-nav > li > a{
font-family:"arial", Times, serif; background:none;
padding:10px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
transition: all 0.2s ease-in-out 0s;
font-size:18px;
font-weight:normal;
color: #f4f4f4;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: #fff; background: none;
text-decoration:underline;}
.navbar {
margin-bottom:0; }
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;}
.navbar .navbar-collapse {
text-align: center;}
/* --------------------------------------
Section 1 Banner
-------------------------------------- */
.banner-wallpaper {background: #011107}
#banner{
margin:0px auto;
width: 100%;
background-size: auto;
position:relative; }
#bootstrap-menu{
-webkit-transition:all 0.3s 0s ease-in-out;
transition:all 0.3s 0s ease-in-out; margin:0;
font-family:"arial", Times, serif; font-weight:bold; }
.heres_the-heres_the-Section_banner1 {
background-position:center top;
background-image:url(../images/hialeah-locksmith_001.jpg);
background-repeat:no-repeat; font-style: normal;
min-height:275px; text-align: left;
font-family:"arial", Times, serif; }
.heres_the-heres_the-Section_banner1 p{ color:#ccc;
font-size:20px;
font-family:"arial", Times, serif;
padding: 1vh 7vw;}
.heres_the-heres_the-Section_banner1 h2{ color:#ccc;
font-size:36px; padding: 3vh 7vw; margin: 0;
}
.heres_the-heres_the-Section_banner2 {
background-position:center top;
background-image:url(../images/hialeah-locksmith_002.jpg);
background-repeat:no-repeat; font-style: normal;
min-height:275px; text-align: left;
font-family:"arial", Times, serif; }
.heres_the-heres_the-Section_banner2 p{ color:#ccc;
font-size:20px;
font-family:"arial", Times, serif;
padding: 1vh 7vw;}
.heres_the-heres_the-Section_banner2 h2{ color:#ccc;
font-size:36px; padding: 3vh 7vw;margin: 0;
}
.heres_the-heres_the-Section_banner3 {
background-position:center top;
background-image:url(../images/hialeah-locksmith_003.jpg);
background-repeat:no-repeat; font-style: normal;
min-height:275px; text-align: left;
font-family:"arial", Times, serif; }
.heres_the-heres_the-Section_banner3 p{ color:#ccc;
font-size:20px;
font-family:"arial", Times, serif;
padding: 1vh 7vw;}
.heres_the-heres_the-Section_banner3 h2{ color:#ccc;
font-size:36px; padding: 3vh 7vw;margin: 0;
}
.heres_the-heres_the-Section_padding_banner {padding: 1vh 7vw;}
.carousel-indicators li {
background-color: rgba(255, 255, 255, 0.5);
border: medium none;
border-radius: 27px;
height: 25px;
margin: 0;
padding: 0;
width: 25px;}
.carousel-indicators .active {
background-color: rgba(0, 0, 0, 0.8);
border:1px solid rgba(0, 0, 0, 0.6);
height: 25px;
margin: 0;
width: 25px;}
/* --------------------------------------
Section 1 banner services
-------------------------------------- */
.heres_the-heres_the-Section_banner_services {
background: #edc765;
padding: 2vh 4vw;
}
.heres_the-heres_the-Section_banner_services img{display:inline-flex; -webkit-border-radius: 70px;
-moz-border-radius: 50px;
border-radius: 50px; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.2));}
.heres_the-heres_the-Section_banner_services img:last-child {margin-right:none !important}
.heres_the-heres_the-Section_banner_services img:hover {-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
filter: grayscale(100%);}
/* --------------------------------------
Section 2 content text 1
-------------------------------------- */
.heres_the-heres_the-Section_2 {padding: 15px;}
.heres_the-heres_the-Section_2_responsive-video {
position: relative;
padding-bottom: 50%;
padding-top: 30px; overflow: hidden;
}
.heres_the-heres_the-Section_2_responsive-video iframe,
.heres_the-heres_the-Section_2_responsive-video object,
.heres_the-heres_the-Section_2_responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* --------------------------------------
Section 3 - dark gray
-------------------------------------- */
.heres_the-heres_the-Section_darkgray {padding: 10px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(244,244,244,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(244,244,244,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(244,244,244,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f4f4f4', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.heres_the-heres_the-Section_darkgray a:hover{color:#000;}
.heres_the-heres_the-Section_darkgray a, .heres_the-heres_the-Section_darkgray p, .heres_the-heres_the-Section_darkgray ul, .heres_the-heres_the-Section_darkgray li, .heres_the-heres_the-Section_darkgray h2, .heres_the-heres_the-Section_darkgray h3, .heres_the-heres_the-Section_darkgray h4{color:#111;}
.heres_the-heres_the-Section_darkgray ul{ margin-left: 30px;}
.heres_the-heres_the-Section_darkgray li{list-style: square;}
.heres_the-heres_the-Section_darkgray_img_services {float: right;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin: 10px 10px 10px 50px; filter: drop-shadow(0.35rem 0.55rem 0.4rem rgba(0, 0, 0, 0.1));}
/* --------------------------------------
Section 4 - (gray)
-------------------------------------- */
.heres_the-heres_the-Section_gray {padding: 10px;
margin-bottom: 15px; margin-top: 15px;
}
.heres_the-heres_the-Section_gray a:hover{color:#000;}
.heres_the-heres_the-Section_gray a, .heres_the-heres_the-Section_gray p, .heres_the-heres_the-Section_gray ul, .heres_the-heres_the-Section_gray li, .heres_the-heres_the-Section_gray h2, .heres_the-heres_the-Section_gray h3, .heres_the-heres_the-Section_gray h4{color:#111;}
.heres_the-heres_the-Section_gray ul{ margin-left: 30px;}
.heres_the-heres_the-Section_gray li{list-style: square;}
.heres_the-heres_the-Section_gray_img_services{float: right;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin: 10px 10px 10px 50px; filter: drop-shadow(0.35rem 0.55rem 0.4rem rgba(0, 0, 0, 0.2)); }
.heres_the-heres_the-Section_gray_container{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:25px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background:#fafafa; border:1px solid #fff;}
/* --------------------------------------
contact
-------------------------------------- */
.heres_the-Section_contact {background:#01203d; color: #fff; margin-top: 50px;}
.heres_the-Section_contact_info_text p{font-size: 20px;}
.heres_the-Section_contact_info_text {padding: 2vh 7vw; border: 30px solid #0054a7;}
.heres_the-Section_contact_info_text a:hover{text-decoration: underline; color:#83bffa}
.heres_the-Section_contact_info_text a{font-weight: bold; text-transform: uppercase;}
.heres_the-Section_contact_info_text strong {color:#fff;}
.heres_the-Section_contact_img {-webkit-box-shadow:-30px -30px 0px 20px #01203d;
-moz-box-shadow:-30px -30px 0px 20px #01203d;
box-shadow: -30px -30px 0px 20px #01203d;}
/* --------------------------------------
footer services
-------------------------------------- */
.heres_the-Section_padding_around_services_footer{padding: 2vh 7vw;}
.heres_the-Section_footer_services_padding {padding:10px; }
.heres_the-Section_footer_services_shadow { padding:30px 50px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; text-align: center;
min-height: 400px;
border-radius: 5px;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px; }
.heres_the-Section_footer_services_shadow:hover{background-color:#f4f4f4}
.heres_the-Section_footer_services_action_bg{
background: #FFF;
overflow-x: hidden; padding: 15px;}
.heres_the-Section_footer_services_action_bg h5{color:#111; text-align: center; font-weight: bold;}
.heres_the-Section_footer_services_action_bg p{text-align: center}
.img-circle{width:150px; height: auto}
.heres_the-Section_footer_services_shadow h4 {
color:#111; font-size: 20px;
font-family:"arial", Times, serif; font-weight: bold}
.heres_the-Section_footer_services_shadow strong{ color: #111; padding: 2px 5px;}
.heres_the-Section_footer_services_action .post {
padding: 5px;
position: relative;
color:#111 }
.heres_the-Section_footer_services_action .post-1 {
transform: translate(100px, 20px);
text-align:left}
.heres_the-Section_footer_services_action .post-3 {
transform: translate(-100px, 20px);
text-align:left}
.heres_the-Section_footer_services_action .post p{
color:#111;
font-size:15px;}
/* --------------------------------------
Section News
-------------------------------------- */
.heres_the-heres_the-Section_news ul {padding: 0; margin: 0;}
.heres_the-heres_the-Section_news li:nth-child(odd){font-size: 20px; padding: 15px; list-style: none; border-radius: 40px;}
.heres_the-heres_the-Section_news li:nth-child(even){font-size: 20px; background: #f4f4f4; padding: 15px; list-style: none; border-radius: 40px;}
.heres_the-heres_the-Section_news li:nth-child(even):hover, .heres_the-heres_the-Section_news li:nth-child(odd):hover {background: #fceec9;}
/* --------------------------------------
Section footer locations
-------------------------------------- */
.This_is_section_footer_location_bg {background: #b9ddfd; padding: 20px 0px; border-bottom:10px solid #034c91; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4)}
.This_is_section_footer_location_bg h5{color: #011327;}
.This_is_section_footer_location_bg li, .This_is_section_footer_location_bg ul{list-style:circle; color:#034c91; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4)}
.This_is_section_footer_location_box { padding: 5px; }
.This_is_section_footer_location_box_padding {padding-right: 5px;}
.This_is_section_footer_location_box_padding:last-child {padding-right: 0px;}
.This_is_section_footer_location_box a{color:#011327; font-size: 19px}
.This_is_section_footer_location_box {margin: 10px 0; padding: 15px;}
.This_is_section_footer_location_box a:hover{text-decoration: underline; color:#000}
/* --------------------------------------
Section footer links
-------------------------------------- */
#heres_the-heres_the-Section_footer {
background:#014c8f;
text-align:center;
color:#cccccc;
padding:15px;
}
#heres_the-heres_the-Section_footer p > strong { font-family: "Helvetica", Arial, sans-serif;
color: #fff; font-weight: 800; }
.heres_the-heres_the-Section_footer_text_links a{color: #fff; transition: all 0.2s ease-in-out 0s;}
.heres_the-heres_the-Section_footer_text_links a:hover{color:#edc765; text-decoration: none;}
/* footer Schema */
#heres_the-heres_the-Section_schema {
margin: 10px 0;
color:#ccc; padding: 10px 20px; }
#heres_the-heres_the-Section_schema a{color:#ccc;}
#heres_the-heres_the-Section_schema h2{ font-family: "Helvetica", Arial, sans-serif;
color:#ccc;
margin:0;
}
#heres_the-heres_the-Section_schema strong{ font-family:"arial", Times, serif; color: #ccc; letter-spacing: 1px;}
.heres_the-heres_the-Section_schema_add_mapSection div {
display: inline;}
/* --------------------------------------
BackToTop button css
-------------------------------------- */
#scrolltop {
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:50px;
height:50px;
background-color:#011425;
text-indent:-9999px;
display:none; -webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;}
#scrolltop span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff}
#scrolltop:hover {
background-color:#014c8f;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}
/* --------------------------------------
phone button
-------------------------------------- */
.heres_the-heres_the-Section_phone a{ color:#fff !important; text-align: center; font-size: 20px;
text-shadow: none; text-transform: none;
background: #034c91; /* Old browsers */
background: -moz-linear-gradient(-45deg, #011327 0%, #034c91 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #011327 0%,#034c91 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #011327 0%,#034c91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011327', endColorstr='#034c91',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline;
transition: all 0.2s ease-in-out 0s !important;
padding: 10px 40px; font-weight: bold }
.heres_the-heres_the-Section_phone {margin:10px;}
.heres_the-heres_the-Section_phone p{margin: 30px 0px;}
.heres_the-heres_the-Section_phone a:hover{
background: #04417a; text-shadow: none;
color:#d2e9fe!important;
}
.soc-icons{
width:fit-content;
margin:30px 0px;
}
.soc-icons > div{
display:inline-block;
}
.soc-icons img {
padding: 3px;
}
/* --------------------------------------
animation
-------------------------------------- */
@keyframes pop-in {
0% { opacity: 0;transform: scale(0.1); }
100% { opacity: 0.3;transform: scale(1); }
}
.popin1 {
animation: pop-in 0.5s ease;
animation-delay: 0;
}
@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}}
@media screen and (max-width: 1340px) { .heres_the-heres_the-Section_1_banner_main_left {padding: 5px 20px;}
.heres_the-heres_the-Section_Phone_visible_area_bg img{width: 130px; height: auto}
.navbar-brand h1{font-size:21px;}
h2, h3, h4, h5, h6 {font-size: 26px;}
.heres_the-heres_the-Section_1_banner_main_left a {font-size: 25px}
.heres_the-heres_the-Section_1_banner_main_right_service:last-child{width: 210px; height: auto;}
.heres_the-heres_the-Section_1_banner_main_right_service{width: 215px; height: auto; padding-right: 10px}
.heres_the-heres_the-Section_contact_info_text { padding: 10px 30px;}
.heres_the-heres_the-Section_footer_services_shadow { padding: 10px;}
.navbar-inverse.sticky {top:0;
position: fixed;
font-size:16px;
width: 100%;
background:#04539a !important;
text-align: left;
opacity:0.94; }
.navbar-inverse.sticky .navbar-nav > li > a{font-size:17px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
padding:10px 5px; }
.navbar-inverse .navbar-nav > li > a{
font-size:17px; padding: 10px 5px}
.heres_the-heres_the-Section_phone_top a{font-size: 22px}
.heres_the-heres_the-Section_padding_around {padding: 1vh 5vw;}
.heres_the-Section_footer_services_shadow { min-height: 430px;}
.heres_the-Section_contact_info_text {padding: 2vh 5vw; border: 15px solid #0054a7;}
}
/* Small screen laptop and pc */
@media screen and (max-width: 1200px) {
.heres_the-heres_the-Section_banner1, .heres_the-heres_the-Section_banner2, .heres_the-heres_the-Section_banner3 {padding: 1vh 10vw;
background-position:left top;
background-image:url(../images/hialeah-locksmith_004.jpg);
background-repeat:no-repeat; min-height: 215px; text-align: center}
.heres_the-heres_the-Section_banner1 p, .heres_the-heres_the-Section_banner2 p, .heres_the-heres_the-Section_banner3 p{color:#fff; background:rgba(0, 0, 0, 0.7); padding: 10px;text-shadow: -1px 0px #000, 0px 1px #000, 0px 2px #000, 0px -1px #022f5a; line-height: auto}
.carousel-indicators {bottom:-3%;}
.heres_the-heres_the-Section_banner1 h2, .heres_the-heres_the-Section_banner2 h2, .heres_the-heres_the-Section_banner3 h2{color:#fff; font-weight: bold; text-shadow: 1px 1px 2px #000;}
.section_area_quick_services p{font-size: 20px; padding: 1vh 3vw;}
.heres_the-Section_contact_info_text {border: 5px solid #0054a7;}
}
/* Small screen laptop and pc */
@media screen and (max-width: 1123px) {
.heres_the-heres_the-Section_padding_around {padding: 1vh 10vw;}
.navbar-brand h1{font-size: 18px;}
.heres_the-heres_the-Section_cc img{display:inline-block; width: 150px; height: auto}
.heres_the-heres_the-Section_phone_top a{font-size: 18px}
.heres_the-heres_the-Section_phone_footer {font-size: 25px}.heres_the-Section_footer_services_shadow { min-height: 460px;}
.heres_the-Section_contact_info_text {border: 5px solid #0054a7;}
}
@media screen and (max-width:1033px) {.navbar-brand h1{font-size: 17px;}
.heres_the-heres_the-Section_1_banner_main_right_service:last-child{width: 190px; height: auto;}
.heres_the-heres_the-Section_1_banner_main_right_service{width: 195px; height: auto; padding-right: 5px}
.heres_the-heres_the-Section_1_banner_main_right{display:flex;
justify-content:center; align-items:center; margin-top: 10px }
.heres_the-heres_the-Section_contact_info_text {padding: 10px 20px} .heres_the-heres_the-Section_1_banner_main_left h5{ font-size: 20px;}
.heres_the-heres_the-Section_logo h1{font-size: 20px; text-transform: none}
.heres_the-heres_the-Section_phone_footer {font-size: 25px}.heres_the-Section_footer_services_shadow { min-height: 470px;}
}
@media screen and (max-width:1003px) {.navbar-brand h1{font-size:20px;}
.heres_the-heres_the-Section_contact_info_text {padding: 10px 30px}
.carousel-indicators {bottom:-12%;}
}
@media screen and (max-width:980px) { .navbar-brand h1{font-size: 18px;}
.heres_the-heres_the-Section_footer_services_action_bg {background-repeat:repeat;}
.heres_the-heres_the-Section_footer_services_shadow {min-height:inherit;}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 15px;}
/* Navigation */
.navbar-inverse .navbar-nav > li > a{
font-size:15px; padding: 10px 5px}
.heres_the-heres_the-Section_cc img{display:inline-block; width: 90px; height: auto}
.heres_the-heres_the-Section_padding_around {padding: 1vh 2vw;}
}
/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) { .section_area_quick_services p{font-size: 18px; padding: 1vh 2vw;}
.heres_the-heres_the-Section_bg_phone_tablet_area {text-align: center; padding: 1vh 11vw; background: #011107; color:#ccc; }.heres_the-heres_the-Section_bg_phone_tablet_area a{color:#fff; font-size: 22px;}
.heres_the-heres_the-Section_bg_phone_tablet_area a:hover{color:darkseagreen; font-size: 22px;}
.heres_the-heres_the-Section_1_banner_main_left {background: #294972; }
.heres_the-heres_the-Section_1_banner_main_left { text-align: center;
padding: 5px 0px;
} .heres_the-heres_the-Section_1_banner_main_left h5{margin: 0 0 0 30px; padding: 5px; background: none; font-size: 18px;}
.heres_the-heres_the-Section_darkgray, .heres_the-heres_the-Section_gray, .heres_the-heres_the-Section_quick_services {padding: 1vh 11vw; }
body {background:#fff;}
.heres_the-heres_the-Section_footer_services_action_bg {background-image: none; background: #fafafa; padding: 10px 30px; margin: 0; min-height: inherit;}
.heres_the-heres_the-Section_phone_footer {font-size: 25px}
.heres_the-Section_footer_services_shadow {padding: 10px 30px; min-height: inherit}
.heres_the-heres_the-Section_contact_info_text {padding: 10px 20px;}
.heres_the-heres_the-Section_2_bg h1 {font-size: 22px}
.heres_the-heres_the-Section_phone a:hover, .heres_the-heres_the-Section_phone a{font-size: 20px}
h1, h2, h3, h4, h5, h6{font-size: 22px}
a, a:hover {font-size: 18px}
.heres_the-heres_the-Section_2, #heres_the-heres_the-Section_footer, .heres_the-heres_the-Section_darkgray,.heres_the-heres_the-Section_gray,.heres_the-heres_the-Section_contact,.heres_the-heres_the-Section_footer_services_action_bg
{padding: 10px 40px;}
.heres_the-heres_the-Section_footer_services_action h5 {font-size: 22px;}
.heres_the-heres_the-Section_1_banner_main_right_service > .col-sm-12 {padding: 0}
.heres_the-heres_the-Section_1_banner_main_left{text-align: center; }
.heres_the-heres_the-Section_1_banner_main_left > .clearfix, .heres_the-heres_the-Section_1_banner_main_right, .heres_the-heres_the-Section_phone{display:flex;
justify-content:center; align-items:center; width: 96%}
.heres_the-heres_the-Section_1_banner_main_left_social_media {width: 30px; height: auto}
.heres_the-heres_the-Section_1_banner_main_right_service:last-child{width: 150px; height: auto;}
.heres_the-heres_the-Section_1_banner_main_right_service{width: 155px; height: auto; padding-right: 10px}
.heres_the-heres_the-Section_1_banner_main_right_service {padding: 5px;}
.heres_the-heres_the-Section_1_banner_main_left a {font-size: 24px;}
.heres_the-heres_the-Section_banner_services {padding: 2vh 7vw;}
.navbar-inverse{
height:auto;
opacity:0.9;}
.navbar-inverse .navbar-nav > li > a{
font-size:18px;
font-weight:bold;
padding:5px 20px !important;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse
.navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav >
.active > a:hover {
border:none;
padding:5px 20px}
.navbar-nav{
float: inherit!important;
clear:left;
margin:0px;}
.navbar-collapse{
padding-bottom:5px;}
.navbar-inverse.sticky .navbar-nav > li > a{
font-size:18px;
font-weight:bold;
padding:5px 30px !important; }
.navbar-inverse.sticky .navbar-nav > .active > a,
.navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse.sticky .navbar-nav >
.active > a:hover { font-size:16px;
border:none;
padding:5px 30px}
.navbar-inverse.sticky{
height:auto;
opacity:0.9; }
.navbar-collapse.sticky{
padding-bottom:5px;}
.heres_the-heres_the-Section_logo_small_screen{ text-align: left;
font-family:"Arial Black", "sans-serif";
font-size: 18px; text-transform: uppercase;
color: #fff; margin: 0; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3); padding: 5px;}
.heres_the-heres_the-Section_darkgray img {width: 250px; height: auto}
.heres_the-heres_the-Section_gray_img_services img {width: 250px; height: auto}
.heres_the-heres_the-Section_gray img{width: 250px; height: auto}
/* navbar-toggle */
.navbar-inverse .navbar-toggle {background: rgba(0, 0, 0, 0.2); border: none;}
.navbar-inverse .navbar-toggle:hover {background: rgba(0, 0, 0, 0.7); color: #f4f4f4}
.This_is_section_footer_location_bg {display:flex;
justify-content:center; align-items:center; width: 100%; padding: 10px 50px; }
.This_is_section_footer_location_box{padding: 5px;}
.heres_the-heres_the-Section_phone_footer {font-size: 20px; padding: 1vh 11vw;}
}
/* Portrait & landscape phone */
@media (max-width: 670px) { .heres_the-heres_the-Section_logo_small_screen{font-size: 15px;}
.heres_the-heres_the-Section_1_banner_main_right_service {padding: 10px;}
.heres_the-heres_the-Section_1_banner_main_right_service:last-child img{padding-right: 0px }
.heres_the-heres_the-Section_1_banner_main_right_service:last-child{width: 110px; height: auto;}
.heres_the-heres_the-Section_1_banner_main_right_service{width: 115px; height: auto; padding-right: 5px}
.heres_the-heres_the-Section_1_banner_main_left h5{ font-size: 17px;}
.heres_the-heres_the-Section_1_banner_main_left_cc {width: 145px; height: auto;}
.heres_the-heres_the-Section_contact_img {display:none}
.heres_the-heres_the-Section_bg_phone_tablet_area a{font-size: 20px}
}
@media (max-width: 420px) {
.heres_the-heres_the-Section_1_banner_main_left a {font-size: 20px;}
.heres_the-heres_the-Section_logo_small_screen{font-size: 16px;}
.heres_the-heres_the-Section_1_banner_main_left h5{padding: 5px 10px; font-size: 15px;}
p, ul, li {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-size: 20px}.heres_the-heres_the-Section_phone a:hover, .heres_the-heres_the-Section_phone a{font-size: 16px; display: inline-block}
.heres_the-heres_the-Section_1_banner_main_right_service:last-child{width: 85px; height: auto;}
.heres_the-heres_the-Section_1_banner_main_right_service{width: 90px; height: auto; padding-right: 5px}
#scrolltop{display: none !important}
.heres_the-heres_the-Section_darkgray img {display: none}
.heres_the-heres_the-Section_gray_img_services img {display: none}
.heres_the-heres_the-Section_gray img{display: none}
}
@media (max-width: 360px) { h1, h2, h3, h4, h5, h6 {font-size: 18px}
.heres_the-heres_the-Section_1_banner_main_left a {font-size: 18px;}
.heres_the-heres_the-Section_logo_small_screen{font-size: 13px;}
.heres_the-heres_the-Section_1_banner_main_right_service:last-child img{padding-right: 0px }
.heres_the-heres_the-Section_1_banner_main_right_service:last-child{width: 70px; height: auto;}
.heres_the-heres_the-Section_1_banner_main_right_service{width: 75px; height: auto; padding-right: 5px}
.heres_the-heres_the-Section_2, #heres_the-heres_the-Section_footer, .heres_the-heres_the-Section_darkgray,.heres_the-heres_the-Section_gray,.heres_the-heres_the-Section_contact,.heres_the-heres_the-Section_footer_services_action_bg
{padding: 1vh 11vw;}
.heres_the-heres_the-Section_1_banner_main_left h5{font-size: 14px;}
.heres_the-heres_the-Section_gray_container { margin: 0; padding: 1vh 11vw;}
.heres_the-heres_the-Section_bg_phone_tablet_area a{font-size: 18px}
.heres_the-heres_the-Section_phone_footer {font-size: 18px; padding: 1vh 11vw;}
}
@media (max-width: 280px) { .heres_the-heres_the-Section_logo_small_screen{font-size: 12px;}
.heres_the-heres_the-Section_1_banner_main_right_service{display: none}
.heres_the-heres_the-Section_footer_services_action {text-align: center}
.heres_the-heres_the-Section_1_banner_main_left_cc {width: 105px; height: auto;}
.heres_the-heres_the-Section_1_banner_main_left{text-align: center;}
#heres_the-heres_the-Section_schema {display: none}
.heres_the-heres_the-Section_1_banner_main_left h5{ font-size: 12px; margin-left: 20px;}
.heres_the-heres_the-Section_darkgray img {display: none}
.heres_the-heres_the-Section_gray_img_services img {display: none}
.heres_the-heres_the-Section_gray img{display: none}
.heres_the-heres_the-Section_banner_services{display: none;}
.heres_the-heres_the-Section_bg_phone_tablet_area a{font-size: 16px}
}
@media screen and (min-width: 1200px) {
body {background-size: contain}
.navbar-inverse{background: #04539a;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
#banner{margin:0px auto 0; background:#04539a;}
.navbar-nav{margin:0;}
.navbar-inverse.sticky {top:0;
position: fixed;
line-height: 40px;
height: 65px;
font-size:16px;
width: 100%;
background:#04539a !important;
text-align: left;
opacity:0.94;
}
.navbar-inverse.sticky .navbar-nav > li > a{font-size:17px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
padding:10px 7px;
}
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color:#fff;
font-family:"arial", Times, serif; text-shadow:none; }
.navbar-inverse.sticky .navbar-nav{margin: 0;}
.navbar-inverse .navbar-nav > li > a{
font-family:"arial", Times, serif; background:#04539a;
padding:10px; }}
@media screen and (min-width: 1920px) {
.heres_the-heres_the-Section_padding_around {padding: 1vh 23vw;}
body {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important; background-size:100% 11%!important}
.heres_the-heres_the-Section_footer_services_action_bg{-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important; background-size:100% 100% !important}
}
@media (min-width: 2560px) { .heres_the-heres_the-Section_banner1, .heres_the-heres_the-Section_banner2, .heres_the-heres_the-Section_banner3 {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important; background-size:100% auto !important}
.carousel-indicators { bottom:-10%}
.heres_the-heres_the-Section_darkgray_gusali, .heres_the-heres_the-Section_darkgray_bale, .heres_the-heres_the-Section_darkgray_saken {background-position: center center} .heres_the-heres_the-Section_banner_services {padding: 2vh 10vw;}
.heres_the-heres_the-Section_padding_around {padding: 1vh 25vw;}
}
@media (min-width: 3500px) and (max-width: 4499px) {.heres_the-heres_the-Section_padding_around {padding: 1vh 30vw;}}
@media (min-width: 4500px) and (max-width: 6399px) {.heres_the-heres_the-Section_padding_around {padding: 1vh 35vw;} .heres_the-heres_the-Section_banner_services { padding: 2vh 25vw; }.heres_the-Section_contact {padding: 2vh 20vw; } }
@media (min-width: 6400px) { .heres_the-heres_the-Section_padding_around {padding: 1vh 39vw;}
.heres_the-heres_the-Section_banner_services { padding: 2vh 30vw; }
.heres_the-Section_padding_around_services_footer {
padding: 2vh 20vw;} .heres_the-Section_contact {padding: 2vh 20vw; }
}