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:"tahoma", Times, serif; color: #111; background-color: #fff;
font-size: 18px;
overflow-x: hidden; }
h1 {font-size: 30px;}
h2, h3, h4, h5, h6 {font-size: 30px;}
a, a:hover {
color: #333; transition: all 0.2s ease-in-out 0s;}
p { font-family:"tahoma", Times, serif; text-shadow:none; font-size:18px;}
div.container {
position:relative;}
.floatLeft { float:left}
.floatRight { float:right}
/* --------------------------------------
header padding and background
-------------------------------------- */
.moduleArea-edit-here-area_padding_around {padding: 1vh 15vw;}
#moduleArea-edit-here-area_main_heading_bg {background: rgba(0, 0, 0, .4)}
.moduleArea-edit-here-area_quick_services {background:#03582d; color: #c4df9b; text-align: center; font-size: 36px; padding: 10px; text-transform: uppercase; font-weight: bold}
/* --------------------------------------
logo and phone header
-------------------------------------- */
.moduleArea-edit-here-area_logo_phone {background: #00a651}
.moduleArea-edit-here-area_phone_top{font-size: 25px; color:rgba(255, 255, 255, 0.8); display: inline-block; background:#038241; 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 #049b4e;
text-align: center}
.moduleArea-edit-here-area_phone_top a{font-size: 25px; color:rgba(255, 255, 255, 0.8); display: inline-block}
.moduleArea-edit-here-area_phone_top a:hover{color:#ffd66c;}
.moduleArea-edit-here-area_mobiletext { color: #001108}
.moduleArea-edit-here-area_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) }
.moduleArea-edit-here-area_cc img{display:inline-block; width: 200px; height: auto}
.moduleArea-edit-here-area_social_media {display:flex; width: 110px; margin: 5px auto; float:right;}
.moduleArea-edit-here-area_social_media img{ width: auto; height: 40px; padding: 5px; border-radius: 10px;}
/* --------------------------------------
Navigation
-------------------------------------- */
.navbar-inverse{
background:#038241;
border-bottom:none; transition: all 0.2s ease-in-out 0s;
font-family:"tahoma", Times, serif; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color:#fff; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background:#024c26;
font-family:"tahoma", Times, serif; text-shadow:none; }
.navbar-inverse .navbar-nav > li > a{
font-family:"tahoma", 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:"tahoma", Times, serif; font-weight:bold; }
.moduleArea-edit-here-area_banner1 {
background-position:center top;
background-image:url(../images/plymouth-locksmith_001.jpg);
background-repeat:no-repeat; font-style: normal;
min-height:275px; text-align: left;
font-family:"tahoma", Times, serif; }
.moduleArea-edit-here-area_banner1 p{ color:#ccc;
font-size:20px;
font-family:"tahoma", Times, serif;
padding: 1vh 7vw;}
.moduleArea-edit-here-area_banner1 h2{ color:#ccc;
font-size:36px; padding: 1vh 7vw;
}
.moduleArea-edit-here-area_banner2 {
background-position:center top;
background-image:url(../images/plymouth-locksmith_002.jpg);
background-repeat:no-repeat; font-style: normal;
min-height:275px; text-align: left;
font-family:"tahoma", Times, serif; }
.moduleArea-edit-here-area_banner2 p{ color:#ccc;
font-size:20px;
font-family:"tahoma", Times, serif;
padding: 1vh 7vw;}
.moduleArea-edit-here-area_banner2 h2{ color:#ccc;
font-size:36px; padding: 1vh 7vw;
}
.moduleArea-edit-here-area_banner3 {
background-position:center top;
background-image:url(../images/plymouth-locksmith_003.jpg);
background-repeat:no-repeat; font-style: normal;
min-height:275px; text-align: left;
font-family:"tahoma", Times, serif; }
.moduleArea-edit-here-area_banner3 p{ color:#ccc;
font-size:20px;
font-family:"tahoma", Times, serif;
padding: 1vh 7vw;}
.moduleArea-edit-here-area_banner3 h2{ color:#ccc;
font-size:36px; padding: 1vh 7vw;
}
.moduleArea-edit-here-area_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
-------------------------------------- */
.moduleArea-edit-here-area_banner_services {
background: #00a14f; /* Old browsers */
background: -moz-linear-gradient(-45deg, #00a14f 45%, #00a14f 45%, #c2dc99 45%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #00a14f 45%,#00a14f 45%,#c2dc99 45%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #00a14f 45%,#00a14f 45%,#c2dc99 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a14f', endColorstr='#c2dc99',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 2vh 4vw;
}
.moduleArea-edit-here-area_banner_services img{display:inline-flex; -webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.2));}
.moduleArea-edit-here-area_banner_services img:last-child {margin-right:none !important}
.moduleArea-edit-here-area_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
-------------------------------------- */
.moduleArea-edit-here-area_2 {padding: 15px;}
.moduleArea-edit-here-area_2_responsive-video {
position: relative;
padding-bottom: 50%;
padding-top: 30px; overflow: hidden;
}
.moduleArea-edit-here-area_2_responsive-video iframe,
.moduleArea-edit-here-area_2_responsive-video object,
.moduleArea-edit-here-area_2_responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-holder{
float:right;
}
/* --------------------------------------
Section 3 - dark gray
-------------------------------------- */
.moduleArea-edit-here-area_darkgray {padding: 15px;
}
.moduleArea-edit-here-area_darkgray_gusali {background-position:right bottom;
background-image:url(../images/plymouth-locksmith.gif);
background-repeat:no-repeat;}
.moduleArea-edit-here-area_darkgray_bale {background-position:right bottom;
background-image:url(../images/plymouth-locksmith_03.gif);
background-repeat:no-repeat;}
.moduleArea-edit-here-area_darkgray_saken {background-position:right bottom;
background-image:url(../images/plymouth-locksmith_02.gif);
background-repeat:no-repeat;}
.moduleArea-edit-here-area_darkgray a:hover{color:#000;}
.moduleArea-edit-here-area_darkgray a, .moduleArea-edit-here-area_darkgray p, .moduleArea-edit-here-area_darkgray ul, .moduleArea-edit-here-area_darkgray li, .moduleArea-edit-here-area_darkgray h2, .moduleArea-edit-here-area_darkgray h3, .moduleArea-edit-here-area_darkgray h4{color:#111;}
.moduleArea-edit-here-area_darkgray ul{ margin-left: 30px;}
.moduleArea-edit-here-area_darkgray li{list-style: square;}
.moduleArea-edit-here-area_darkgray_img_services {float: right;-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px; margin: 10px 10px 10px 50px; filter: drop-shadow(0.35rem 0.55rem 0.4rem rgba(0, 0, 0, 0.2));}
/* --------------------------------------
Section 4 - (gray)
-------------------------------------- */
.moduleArea-edit-here-area_gray {padding: 10px;
margin-bottom: 15px; margin-top: 15px;
}
.moduleArea-edit-here-area_gray a:hover{color:#000;}
.moduleArea-edit-here-area_gray a, .moduleArea-edit-here-area_gray p, .moduleArea-edit-here-area_gray ul, .moduleArea-edit-here-area_gray li, .moduleArea-edit-here-area_gray h2, .moduleArea-edit-here-area_gray h3, .moduleArea-edit-here-area_gray h4{color:#111;}
.moduleArea-edit-here-area_gray ul{ margin-left: 30px;}
.moduleArea-edit-here-area_gray li{list-style: square;}
.moduleArea-edit-here-area_gray_img_services{float: right;-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px; margin: 10px 10px 10px 50px; filter: drop-shadow(0.35rem 0.55rem 0.4rem rgba(0, 0, 0, 0.2)); }
.moduleArea-edit-here-area_gray_container{-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px; padding:25px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background:#fafafa; border:1px solid #fff;}
/* --------------------------------------
Section contact
-------------------------------------- */
.moduleArea-edit-here-area_contact {background:#79aaeb;}
.moduleArea-edit-here-area_contact_info_text p{font-size: 20px;}
.moduleArea-edit-here-area_contact_info_text {padding: 40px 50px; background: #f4f4f4}
.moduleArea-edit-here-area_contact_info_text a:hover{ color:#513d35;}
.moduleArea-edit-here-area_contact_info_text a{font-weight: bold; text-transform: uppercase;}
.moduleArea-edit-here-area_contact_info_text strong {color:#1e1714;}
/* --------------------------------------
Section footer services
-------------------------------------- */
.moduleArea-edit-here-area_footer_services_padding {padding:10px }
.moduleArea-edit-here-area_footer_services_shadow {background-color:#004c25; padding:30px 50px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.moduleArea-edit-here-area_footer_services_shadow:hover{background-color:#023010}
.moduleArea-edit-here-area_footer_services_action_bg{
background: #00a14f; /* Old browsers */
background: -moz-linear-gradient(45deg, #00a14f 9%, #c2dc99 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #00a14f 9%,#c2dc99 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #00a14f 9%,#c2dc99 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a14f', endColorstr='#c2dc99',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
overflow-x: hidden; padding: 15px;}
.moduleArea-edit-here-area_footer_services_action_bg h5{color:#fff}
.moduleArea-edit-here-area_footer_services_shadow h4 {
color:#fff; font-size: 20px;
font-family:"tahoma", Times, serif; }
.moduleArea-edit-here-area_footer_services_shadow strong{ color: #fff; padding: 2px 5px;}
.moduleArea-edit-here-area_footer_services_action .post {
padding: 5px;
position: relative;
color:#fff }
.moduleArea-edit-here-area_footer_services_action .post-1 {
transform: translate(100px, 20px);
text-align:left}
.moduleArea-edit-here-area_footer_services_action .post-3 {
transform: translate(-100px, 20px);
text-align:left}
.moduleArea-edit-here-area_footer_services_action .post p{
color:#f4f4f4;
font-size:15px;}
/* --------------------------------------
Section News
-------------------------------------- */
.moduleArea-edit-here-area_news ul {padding: 0; margin: 0;}
.moduleArea-edit-here-area_news li:nth-child(odd){font-size: 20px; padding: 15px; list-style: none; border-radius: 40px;}
.moduleArea-edit-here-area_news li:nth-child(even){font-size: 20px; background: #f4f4f4; padding: 15px; list-style: none; border-radius: 40px;}
.moduleArea-edit-here-area_news li:nth-child(even):hover, .moduleArea-edit-here-area_news li:nth-child(odd):hover {background: #def4ba;}
/* --------------------------------------
Section footer locations
-------------------------------------- */
.This_is_section_footer_location_bg {background: #d1eda6; padding: 20px 0px; border-bottom:10px solid #42b568; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4)}
.This_is_section_footer_location_bg h5{color: #023010;}
.This_is_section_footer_location_bg li, .This_is_section_footer_location_bg ul{list-style:circle; color:#42b568; 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:#023010; 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
-------------------------------------- */
#moduleArea-edit-here-area_footer {
background:#001108;
text-align:center;
color:#cccccc;
padding:15px;
}
#moduleArea-edit-here-area_footer p {
color: #fff;
}
#moduleArea-edit-here-area_footer p > strong { font-family: "Helvetica", Arial, sans-serif;
color: #fff; font-weight: 800; }
.moduleArea-edit-here-area_footer_text_links a{color: #fff; transition: all 0.2s ease-in-out 0s;}
.moduleArea-edit-here-area_footer_text_links a:hover{color:#c2dc99; text-decoration: none;}
/* footer Schema */
#moduleArea-edit-here-area_schema {
margin: 10px 0;
color:#ccc; padding: 10px 20px; }
#moduleArea-edit-here-area_schema a{color:#ccc;}
#moduleArea-edit-here-area_schema h2{ font-family: "Helvetica", Arial, sans-serif;
color:#ccc;
margin:0;
}
#moduleArea-edit-here-area_schema strong{ font-family:"tahoma", Times, serif; color: #ccc; letter-spacing: 1px;}
.moduleArea-edit-here-area_schema_add_mapSection div {
display: inline;}
/* --------------------------------------
BackToTop button css
-------------------------------------- */
#scrolltop {
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:50px;
height:50px;
background-color:#004c25;
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:#2DAA02;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}
/* --------------------------------------
phone button
-------------------------------------- */
.moduleArea-edit-here-area_phone a{ color:#f4f4f4 !important; text-align: center; font-size: 20px;
display: inline-block;
text-shadow: none; text-transform: none;
background: #00a14f; /* Old browsers */
background: -moz-linear-gradient(-45deg, #00a14f 0%, #028844 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #00a14f 0%,#028844 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #00a14f 0%,#028844 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a14f', endColorstr='#028844',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
transition: all 0.2s ease-in-out 0s !important;
padding: 10px 40px; }
.moduleArea-edit-here-area_phone {margin:10px;}
.moduleArea-edit-here-area_phone p{margin: 30px 0px;}
.moduleArea-edit-here-area_phone a:hover{
background: #c2df9c; text-shadow: none;
color:#013a1b!important;
}
.moduleArea-edit-here-area_phone_footer {
background: #023010; /* Old browsers */
background: -moz-linear-gradient(-45deg, #023010 55%, #024c26 59%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #023010 55%,#024c26 59%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #023010 55%,#024c26 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023010', endColorstr='#024c26',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
text-align: center; padding: 10px; color:#cce1b6; font-size: 36px; font-weight: bold}
.moduleArea-edit-here-area_phone_footer a:hover{color:#fff;}
/* --------------------------------------
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) { .moduleArea-edit-here-area_1_banner_main_left {padding: 5px 20px;}
.moduleArea-edit-here-area_Phone_visible_area_bg img{width: 130px; height: auto}
.navbar-brand h1{font-size:21px;}
h2, h3, h4, h5, h6 {font-size: 26px;}
.moduleArea-edit-here-area_1_banner_main_left a {font-size: 25px}
.moduleArea-edit-here-area_1_banner_main_right_service:last-child{width: 210px; height: auto;}
.moduleArea-edit-here-area_1_banner_main_right_service{width: 215px; height: auto; padding-right: 10px}
.moduleArea-edit-here-area_contact_info_text { padding: 10px 30px;}
.moduleArea-edit-here-area_footer_services_shadow { padding: 10px;}
.navbar-inverse.sticky {top:0;
position: fixed;
font-size:16px;
width: 100%;
background:#038241 !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}
.moduleArea-edit-here-area_phone_top a{font-size: 22px}
.moduleArea-edit-here-area_padding_around {padding: 1vh 12vw;}
.moduleArea-edit-here-area_footer_services_shadow {min-height: 180px; }
}
/* Small screen laptop and pc */
@media screen and (max-width: 1200px) {
.moduleArea-edit-here-area_banner1, .moduleArea-edit-here-area_banner2, .moduleArea-edit-here-area_banner3 {padding: 1vh 10vw;
background-position:left top;
background-image:url(../images/plymouth-locksmith_004.jpg);
background-repeat:no-repeat; min-height: 215px; text-align: center}
.moduleArea-edit-here-area_banner1 p, .moduleArea-edit-here-area_banner2 p, .moduleArea-edit-here-area_banner3 p{background: rgba(0, 0, 0, 0.7); display: inline; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; padding: 10px; }
.carousel-indicators {bottom:-3%;}
.moduleArea-edit-here-area_banner1 h2, .moduleArea-edit-here-area_banner2 h2, .moduleArea-edit-here-area_banner3 h2{color:#fff; font-weight: bold; text-shadow: 1px 1px 2px #000;}
}
/* Small screen laptop and pc */
@media screen and (max-width: 1123px) {
.moduleArea-edit-here-area_padding_around {padding: 1vh 10vw;}
.navbar-brand h1{font-size: 18px;}
.moduleArea-edit-here-area_cc img{display:inline-block; width: 150px; height: auto}
.moduleArea-edit-here-area_phone_top a{font-size: 18px}
.moduleArea-edit-here-area_phone_footer {font-size: 25px}
}
@media screen and (max-width:1033px) {.navbar-brand h1{font-size: 17px;}
.moduleArea-edit-here-area_1_banner_main_right_service:last-child{width: 190px; height: auto;}
.moduleArea-edit-here-area_1_banner_main_right_service{width: 195px; height: auto; padding-right: 5px}
.moduleArea-edit-here-area_1_banner_main_right{display:flex;
justify-content:center; align-items:center; margin-top: 10px }
.moduleArea-edit-here-area_footer_services_shadow {min-height: 190px; padding: 20px;}
.moduleArea-edit-here-area_contact_info_text {padding: 10px 20px} .moduleArea-edit-here-area_1_banner_main_left h5{ font-size: 20px;}
.moduleArea-edit-here-area_logo h1{font-size: 20px; text-transform: none}
}
@media screen and (max-width:1003px) {.navbar-brand h1{font-size:20px;}
.moduleArea-edit-here-area_contact_info_text {padding: 10px 30px}
.carousel-indicators {bottom:-12%;}
}
@media screen and (max-width:980px) { .navbar-brand h1{font-size: 18px;}
.moduleArea-edit-here-area_footer_services_action_bg {background-repeat:repeat;}
.moduleArea-edit-here-area_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}
.moduleArea-edit-here-area_cc img{display:inline-block; width: 90px; height: auto}
.moduleArea-edit-here-area_padding_around {padding: 1vh 3vw;}
.moduleArea-edit-here-area_footer_services_shadow {min-height: 180px; }
.video-holder{
float:none;
}
}
/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {.moduleArea-edit-here-area_darkgray_gusali, .moduleArea-edit-here-area_darkgray_bale, .moduleArea-edit-here-area_darkgray_saken {background-image:none;}
img.social{width: 30px; height: auto}
.moduleArea-edit-here-area_bg_phone_tablet_area {text-align: center; padding: 1vh 11vw; background: #011107; color:#ccc; }.moduleArea-edit-here-area_bg_phone_tablet_area a{color:#fff; font-size: 22px;}
.moduleArea-edit-here-area_bg_phone_tablet_area a:hover{color:darkseagreen; font-size: 22px;}
.moduleArea-edit-here-area_1_banner_main_left {background: #294972; }
.moduleArea-edit-here-area_1_banner_main_left { text-align: center;
padding: 5px 0px;
} .moduleArea-edit-here-area_1_banner_main_left h5{margin: 0 0 0 30px; padding: 5px; background: none; font-size: 18px;}
.moduleArea-edit-here-area_darkgray, .moduleArea-edit-here-area_gray, .moduleArea-edit-here-area_quick_services {padding: 1vh 11vw; }
body {background:#fff;}
.moduleArea-edit-here-area_footer_services_action_bg {background-image: none; background: #02090f; padding: 10px 30px; margin: 0; min-height: inherit;}
.moduleArea-edit-here-area_footer_services_shadow {padding: 10px 30px; min-height: inherit}
.moduleArea-edit-here-area_contact_info_text {padding: 10px 20px;}
.moduleArea-edit-here-area_2_bg h1 {font-size: 22px}
.moduleArea-edit-here-area_phone a:hover, .moduleArea-edit-here-area_phone a{font-size: 20px}
h1, h2, h3, h4, h5, h6{font-size: 22px}
a, a:hover {font-size: 18px}
.moduleArea-edit-here-area_2, #moduleArea-edit-here-area_footer, .moduleArea-edit-here-area_darkgray,.moduleArea-edit-here-area_gray,.moduleArea-edit-here-area_contact,.moduleArea-edit-here-area_footer_services_action_bg
{padding: 10px 40px;}
.moduleArea-edit-here-area_footer_services_action h5 {font-size: 22px;}
.moduleArea-edit-here-area_1_banner_main_right_service > .col-sm-12 {padding: 0}
.moduleArea-edit-here-area_1_banner_main_left{text-align: center; }
.moduleArea-edit-here-area_1_banner_main_left > .clearfix, .moduleArea-edit-here-area_1_banner_main_right, .moduleArea-edit-here-area_phone{display:flex;
justify-content:center; align-items:center; width: 96%}
.moduleArea-edit-here-area_1_banner_main_left_social_media {width: 30px; height: auto}
.moduleArea-edit-here-area_1_banner_main_right_service:last-child{width: 150px; height: auto;}
.moduleArea-edit-here-area_1_banner_main_right_service{width: 155px; height: auto; padding-right: 10px}
.moduleArea-edit-here-area_1_banner_main_right_service {padding: 5px;}
.moduleArea-edit-here-area_1_banner_main_left a {font-size: 24px;}
.moduleArea-edit-here-area_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;}
.moduleArea-edit-here-area_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;}
.moduleArea-edit-here-area_darkgray img {width: 250px; height: auto}
.moduleArea-edit-here-area_gray_img_services img {width: 250px; height: auto}
.moduleArea-edit-here-area_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;}
.moduleArea-edit-here-area_phone_footer {font-size: 20px; padding: 1vh 11vw;}
.video-holder{
float:none;
}
}
/* Portrait & landscape phone */
@media (max-width: 670px) { .moduleArea-edit-here-area_logo_small_screen{font-size: 15px;}
.moduleArea-edit-here-area_1_banner_main_right_service {padding: 10px;}
.moduleArea-edit-here-area_1_banner_main_right_service:last-child img{padding-right: 0px }
.moduleArea-edit-here-area_1_banner_main_right_service:last-child{width: 110px; height: auto;}
.moduleArea-edit-here-area_1_banner_main_right_service{width: 115px; height: auto; padding-right: 5px}
.moduleArea-edit-here-area_1_banner_main_left h5{ font-size: 17px;}
.moduleArea-edit-here-area_1_banner_main_left_cc {width: 145px; height: auto;}
.moduleArea-edit-here-area_contact_img {display:none}
.moduleArea-edit-here-area_bg_phone_tablet_area a{font-size: 20px}
}
@media (max-width: 420px) {
.moduleArea-edit-here-area_1_banner_main_left a {font-size: 20px;}
.moduleArea-edit-here-area_logo_small_screen{font-size: 16px;}
.moduleArea-edit-here-area_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}.moduleArea-edit-here-area_phone a:hover, .moduleArea-edit-here-area_phone a{font-size: 16px; display: inline-block}
.moduleArea-edit-here-area_1_banner_main_right_service:last-child{width: 85px; height: auto;}
.moduleArea-edit-here-area_1_banner_main_right_service{width: 90px; height: auto; padding-right: 5px}
#scrolltop{display: none !important}
.moduleArea-edit-here-area_darkgray img {display: none}
.moduleArea-edit-here-area_gray_img_services img {display: none}
.moduleArea-edit-here-area_gray img{display: none}
}
@media (max-width: 360px) { h1, h2, h3, h4, h5, h6 {font-size: 18px}
.moduleArea-edit-here-area_1_banner_main_left a {font-size: 18px;}
.moduleArea-edit-here-area_logo_small_screen{font-size: 13px;}
.moduleArea-edit-here-area_1_banner_main_right_service:last-child img{padding-right: 0px }
.moduleArea-edit-here-area_1_banner_main_right_service:last-child{width: 70px; height: auto;}
.moduleArea-edit-here-area_1_banner_main_right_service{width: 75px; height: auto; padding-right: 5px}
.moduleArea-edit-here-area_2, #moduleArea-edit-here-area_footer, .moduleArea-edit-here-area_darkgray,.moduleArea-edit-here-area_gray,.moduleArea-edit-here-area_contact,.moduleArea-edit-here-area_footer_services_action_bg
{padding: 1vh 11vw;}
.moduleArea-edit-here-area_1_banner_main_left h5{font-size: 14px;}
.moduleArea-edit-here-area_gray_container { margin: 0; padding: 1vh 11vw;}
.moduleArea-edit-here-area_bg_phone_tablet_area a{font-size: 18px}
.moduleArea-edit-here-area_phone_footer {font-size: 18px; padding: 1vh 11vw;}
}
@media (max-width: 280px) { .moduleArea-edit-here-area_logo_small_screen{font-size: 12px;}
.moduleArea-edit-here-area_1_banner_main_right_service{display: none}
.moduleArea-edit-here-area_footer_services_action {text-align: center}
.moduleArea-edit-here-area_1_banner_main_left_cc {width: 105px; height: auto;}
.moduleArea-edit-here-area_1_banner_main_left{text-align: center;}
#moduleArea-edit-here-area_schema {display: none}
.moduleArea-edit-here-area_1_banner_main_left h5{ font-size: 12px; margin-left: 20px;}
.moduleArea-edit-here-area_darkgray img {display: none}
.moduleArea-edit-here-area_gray_img_services img {display: none}
.moduleArea-edit-here-area_gray img{display: none}
.moduleArea-edit-here-area_banner_services{display: none;}
.moduleArea-edit-here-area_bg_phone_tablet_area a{font-size: 16px}
}
@media screen and (min-width: 1200px) {
body {background-size: contain}
.navbar-inverse{background: #038241;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
#banner{margin:0px auto 0; background:#038241;}
.navbar-nav{margin:0;}
.navbar-inverse.sticky {top:0;
position: fixed;
line-height: 40px;
height: 65px;
font-size:16px;
width: 100%;
background:#038241 !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:"tahoma", Times, serif; text-shadow:none; }
.navbar-inverse.sticky .navbar-nav{margin: 0;}
.navbar-inverse .navbar-nav > li > a{
font-family:"tahoma", Times, serif; background:#038241;
padding:10px; }}
@media screen and (min-width: 1600px) and (max-width: 1912px) {.moduleArea-edit-here-area_padding_around{padding: 1vh 19vw;}
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}
.moduleArea-edit-here-area_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 screen and (min-width: 1920px) and (max-width: 1999px){
.moduleArea-edit-here-area_padding_around{padding: 1vh 25vw;}
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}
.moduleArea-edit-here-area_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 screen and (min-width: 1920px) and (max-width: 1999px){
.moduleArea-edit-here-area_padding_around{padding: 1vh 32vw;}
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}
.moduleArea-edit-here-area_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 screen and (min-width: 2000px) and (max-width: 2559px){
.moduleArea-edit-here-area_padding_around{padding: 1vh 29vw;}
.moduleArea-edit-here-area_banner1, .moduleArea-edit-here-area_banner2, .moduleArea-edit-here-area_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%}
.moduleArea-edit-here-area_darkgray_gusali, .moduleArea-edit-here-area_darkgray_bale, .moduleArea-edit-here-area_darkgray_saken {background-position: center center} .moduleArea-edit-here-area_banner_services {padding: 2vh 10vw;}
}}
@media (min-width: 2560px) and (max-width: 3499px) {.moduleArea-edit-here-area_padding_around{padding: 1vh 32vw;}
.moduleArea-edit-here-area_banner_services {padding: 1vh 41vw;}
.moduleArea-edit-here-area_darkgray_gusali, .moduleArea-edit-here-area_darkgray_bale, .moduleArea-edit-here-area_darkgray_saken {background-position: center center}
.moduleArea-edit-here-area_banner1, .moduleArea-edit-here-area_banner2, .moduleArea-edit-here-area_banner3 {padding: 1vh 1vw;}}
@media screen and (min-width: 3500px) and (max-width: 4499px) {.moduleArea-edit-here-area_padding_around{padding: 1vh 35vw;}
.moduleArea-edit-here-area_banner_services {padding: 1vh 33vw;}
.moduleArea-edit-here-area_darkgray_gusali, .moduleArea-edit-here-area_darkgray_bale, .moduleArea-edit-here-area_darkgray_saken {background-position: center center}
.moduleArea-edit-here-area_banner1, .moduleArea-edit-here-area_banner2, .moduleArea-edit-here-area_banner3 {padding: 1vh 22vw;}}
@media screen and (min-width: 4500px) {.moduleArea-edit-here-area_padding_around{padding: 1vh 39vw;}
.moduleArea-edit-here-area_banner_services {padding: 1vh 35vw;}
.moduleArea-edit-here-area_darkgray_gusali, .moduleArea-edit-here-area_darkgray_bale, .moduleArea-edit-here-area_darkgray_saken {background-position: center center}
.moduleArea-edit-here-area_banner1, .moduleArea-edit-here-area_banner2, .moduleArea-edit-here-area_banner3 {padding: 1vh 25vw;}}
@media screen and (min-width: 6400px) { .moduleArea-edit-here-area_padding_around{padding: 1vh 41vw;}
.moduleArea-edit-here-area_banner_services {padding: 1vh 41vw;}
.moduleArea-edit-here-area_banner1, .moduleArea-edit-here-area_banner2, .moduleArea-edit-here-area_banner3 {padding: 1vh 25vw;}
.moduleArea-edit-here-area_darkgray_gusali, .moduleArea-edit-here-area_darkgray_bale, .moduleArea-edit-here-area_darkgray_saken {background-position: center center}
}