html, body {
height: 100%;
margin: 0;
}
body {
color:#2d2d2d;
padding-top:60px;
font-weight:400;
font-family:'Plus Jakarta Sans',sans-serif;
background:#f5f1ed;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
line-height: 1.4;
font-weight:400;
}
h1 {
font-size: 1.7em;
margin-top:1.0em;
margin-bottom: 1.0em;
}
h2 {
font-size:1.4em;
margin-top:1.5em;
margin-bottom: 0.5em;
}
h3 {
font-size: 1.2em;
margin-top:1.0em;
margin-bottom: 0.5em;
}
.creampad{
}
.creamplus{
background:#E3D7CC;
padding-top:2.5em;
padding-bottom:2.5em;
}
.section-summary{
margin-top:2.5em;
padding-top:2.5em;
}
.section-summary h2{
margin-top:2.5em;
padding-bottom:0.5em;
}
.site-summary {
}
.site-summary p{
font-weight:500;
}
.ad-pad{
padding-top:2.0em;
padding-bottom:2.0em;
}
.section-summary .row .col{
padding-bottom:0.9em!important;
}
.site_summary_lead a {
text-decoration:underline;
}
.section_info h2{
font-size:1.2em;
padding-top:1.0em;
}
.list-group-item{
padding-left:0.0em;
}
.section_info_news h3{
}
.section_info_news a{
color:#eee;
}
.section_info_news a:hover{
color:#eee!important;
text-decoration:underline;
}
.section_info_news img{
height:200px;
}
*:focus {
outline: 0 !important;
}
a{
text-decoration:none;
color:#0066f5;
}
a:hover{
text-decoration:underline;
}
ol, ul {
list-style: none;
}
ol li, ul li {
padding-bottom:1.0em;
}
.masthead {
position: relative;
overflow: hidden;
padding-top: calc(7.5rem + 72px);
padding-bottom: 10.5rem;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
}
.masthead h1{
font-size:2.2em;
}
.masthead h1 a{
text-decoration:underline;
}
.masthead h2{
font-size:1.3em;
margin-top:0.5em;
}
.masthead p{
margin-top:2.0em;
}
.masthead h1 span{
display:block;
}
.masthead h2 span{
display:block;
}
.masthead p{
margin-top:2.0em;
}
.container-wrap{
padding-top: 5.0em;
padding-bottom: 5.0em;
}
.container{
min-width:75%;
}
.navbar .container{
min-width:75%;
}
.container-splash-stretch{
padding-top: 5.0em;
padding-bottom: 5.0em;
}
.section-t8 {
padding-top: 8rem;
}
.section-t4 {
padding-top: 4rem;
}
.section-t3 {
padding-top: 3rem;
}
.section-b2 {
padding-bottom: 2rem;
}
.section-tb85 {
padding: 8rem 0 5rem 0;
}
.overlay-a {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);
}
.overlay {
position: absolute;
top: 0;
left: 0px;
padding: 0;
height: 100%;
width: 100%;
}
.news-wrapper{
width:70%;
margin: 0 auto;
}
.news-button-play{
font-size:4.5em;
padding-top:25%;
padding-left:15%;
color:#fff;
}
.alert-warning {
background-color: #fedc45;
border-color: #fedc45;
color: #111;
padding:1.0em;
}
.alert-message {
padding: 1.0em;
margin-bottom: 0;
line-height: 1.5;
background:#F4F4F4;
border-radius: .25rem;
}
.alert-info{
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
padding:1.0em;
}
.alert-danger{
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
padding:1.0em;
}
.alert-success{
padding:1.0em;
}
.alert-dark{
padding:1.0em;
}
.services-wrapper{
margin: 0 auto;
}
/*======================================
//--//--> CARD
======================================*/
.card{
border:0px;
background:#f5f1ed;
}
/*======================================
//--//--> news card
======================================*/
.home-news-card-img-overlay{
background-color:#f5f1ed!important;
}
.home-news-card img{
height:250px;
}
.home-news-card-img-overlay h2 a {
color:#eee!important;
}
.home-news-card-img-overlay h2 a:hover {
text-decoration:underline;
color:#eee!important;
}
.card-shadow{
background: rgba(0, 0, 0, 0.9);
}
.news-card{
padding:1.0em;
margin-bottom:0.5em;
}
.news-card h2, .areawecoverpad h2 {
font-size:1.25em;
font-weight:700;
color:#2d2d2d;
}
.news-card a h2:hover, .news-card a:hover{
color:#1a73e8!important;
text-decoration:underline;
}
.news-card-content{
color:#2d2d2d;
}
.content-pad{
padding:1.0em;
background:#F4F4F4;
}
.btn-primary {
background-color: #2b2b2b!important;
border:2px solid #2b2b2b!important;
font-weight:700;
color:#fff!important;
border-radius:4px;
}
.btn:hover {
opacity:0.8;
color:#fff!important;
}
.list-btn{
text-align: center;
font-weight:700;
background-color: #fff!important;
border: 2px solid rgba(196, 205, 213, 0.3)!important;
color: rgb(99, 115, 129)!important;
border-radius: 5px!important;
}
.list-btn:hover{
color: #fff!important;
background-color: #4285fb !important;
border:2px solid #4285fb !important;
opacity:1.0;
}
.quote-btn{
text-align: center;
font-weight:700;
background-color:transparent!important;
color: #fff!important;
border: 2px solid rgba(196, 205, 213, 0.3)!important;
border-radius: 50px!important;
}
.quote-btn:hover{
background-color: #4285fb!important;
border:2px solid #4285fb !important;
opacity:1.0!important;
}
.list-btn-hover{
color: #fff!important;
background-color: #4285fb !important;
border:2px solid #4285fb !important;
opacity:1.0;
}
.list-btn-focused{
color: #fff!important;
background-color: #4285fb !important;
border:2px solid #4285fb !important;
opacity:1.0;
}
.list-btn-disabled{
color: #fff!important;
background-color: #F4F4F4 !important;
border:2px solid #F4F4F4 !important;
opacity:0.5;
}
li{
list-style:none;
}
/*====================================
SPLASHES
======================================*/
.home_splash {
background: url("../img/front/guard.monitor.jpg");
background-size: cover;
background-repeat:no-repeat;
background-position: 0px 0px!important;
}
.traffic_marshall {
background: url("../img/front/marshall.jpg");
background-size: cover;
background-repeat:no-repeat;
background-position: 0px 0px!important;
}
.risk_assess_splash {
background:
url("../img/front/riskassessment.jpg");
background-size: cover;
}
.carpark_splash {
background:
url("../img/front/car-park.jpg");
background-size: cover;
}
.logistics_splash {
background:
url("../img/front/logistics.jpg");
background-size: cover;
}
.industrial_splash {
background:
url("../img/front/industrial.jpg");
background-size: cover;
}
.healthcare_splash {
background:
url("../img/front/healthcare.jpg");
background-size: cover;
}
.guard-monitor-splash{
background:
url("../img/front/guard.monitor.jpg");
background-size: cover;
}
.services-splash{
background:
url("../img/front/front.jpg");
background-size: cover;
}
.property-protection-splash {
background:
url("../img/front/building.jpg");
background-size: cover;
}
.reception-splash {
background:
url("../img/front/concierge.jpg");
background-size: cover;
}
.commercial-splash {
background:
url("../img/front/buildingsite.jpg");
background-size: cover;
}
.residential-splash {
background:
url("../img/front/residential.jpg");
background-size: cover;
}
.keyholding-splash{
background:
url("../img/front/stand.jpg");
background-size: cover;
}
.retail-detective-splash {
background:
url("../img/front/retail.jpg");
background-size: cover;
}
.education-splash {
background:
url("../img/front/uni.jpg");
background-size: cover;
}
.testimonials-splash {
background:
url("../img/front/testi.jpg");
background-size: cover;
}
.cleaning-splash {
background:
url("../img/front/cleana.jpg");
background-size: cover;
}
/* ad pads */
.sidebar_ad_pad{
padding-top:0.5em;
padding-bottom:0.5em;
}
/*====================================
FOOTER
======================================*/
footer{
padding-top:2.5rem;
margin-top:5.0rem;
padding-bottom:2.5em;
background:#111;
color:#fff;
opacity:0.7;
}
footer .footer-container{
margin-bottom:0px;
padding-top:1.5em;
padding-bottom:2.5em;
}
footer .footer-container p {
margin-left:0.0em;
}
footer a{
color:#fff!important;
text-decoration:underline;
}
footer ul{
padding-left:0.0em;
margin-left:0.0em;
}
footer h2{
margin-top:0.5em;
}
footer .col {
padding-left:0.0em;
margin-left:0.0em;
}
.footer-accordion .accordion-item, .footer-accordion .accordion-header, .footer-accordion .accordion-button{
background:#f5f1ed!important;
}
/* Back to top button */
.back-to-top {
position: fixed;
display: none;
background: #1a73e8;
color: #fff;
width: 44px;
height: 44px;
text-align: center;
line-height: 1;
font-size: 16px;
border-radius: 50%;
right: 15px;
bottom: 15px;
transition: background 0.5s;
z-index: 11;
}
.back-to-top i {
padding-top: 12px;
color: #fff;
}
a.plainlink{
color:#212b36;
}
a.plainlink:hover{
color:#4285fb!important;
}
.white{
color: #fff;
}
.redbold, a.redbold{
color: #f50!important;
font-weight:bold;
}
.red, a.red{
color: #f50!important;
}
.bg-danger{
background: #ff806e!important;
}
.green, a.green{
color: #4dbc15; !important;
}
.blue, a.blue{
color: #678fff !important;
}
.black{
color:#000000!important;
}
.neutral{
color:#d7d7d7;
}
.wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
padding-top:5.0em;
padding-bottom:5.0em;
}
.footer, .push {
height: 50px; /* .push must be the same height as .footer */
}
.get_quote_btn{
background-color: transparent!important;
color:#fff!important;
border:2px solid #fff!important;
border-radius: 3px !important;
padding:8px 20px 8px 20px;
}
.btn-tin {
background-color: #FFF !important;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #ebebeb!important;
border-radius: 3px !important;
padding:10px 20px 10px 20px;
color: #484848!important;
}
.dropdown-menu span{
display:block;
}
.navbar{
padding-left: 0.0rem ;
padding-right: 0.0rem ;
padding-top: 0.5rem ;
padding-bottom: 0.5rem ;
background:#f5f1ed;
box-shadow:rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;
}
.navbar ul {
margin-top: 0.0em;
margin-bottom: 0.0em;
padding-top: 0.5em;
padding-bottom:0.5em;
}
.navbar ul li{
margin-top: .0em;
margin-bottom: 0.0em;
padding-top: 1.0em;
padding-bottom:1.0em;
}
.navbar .navbar-brand {
width:260px!important;
height:60px!important;
background:url("../img/logo.png")!important;
background-repeat: no-repeat!important;
}
.nav-link {
color: #212b36!important;
font-size:1.1em;
margin-left:0.75em;
}
.nav-link:hover{
color: #1a73e8!important;
}
/*======================================
//--//--> FORMS
======================================*/
.form_wrapper{
margin: 0 auto;
}
.form_wrapper h1 {
font-size:1.5em;
padding-bottom:0.0em;
margin-bottom:0.5em;
}
.form-row {
margin-left:0.0em;
margin-right:0.0em;
}
.form-group, .form-check, .form-row{
margin-top:0.9em;
}
input, select,textarea {
border: 2px solid #e8f0fe!important;
border-radius:0px!important;
}
label{
font-size:1.0em!important;
font-weight:600px;
}
.form-check-input:checked {
background-color: #4285fb!important;
border-color: #4285fb!important;
}
.form-check-input[type=radio] {
border-radius: 50%!important;
}
.parsley-errors-list {
margin: 5px 0 3px;
padding: 0;
list-style-type: none;
font-size: 0.9em;
line-height: 0.9em;
opacity: 0;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
opacity: 1;
}
.parsley-errors-list {
margin: 5px 0 3px;
padding-top:0.4em;
padding-bottom:0.4em;
list-style-type: none;
font-size: 0.9em;
line-height: 0.9em;
opacity: 0;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
color:#F50;
}
.hero-card-img img {
height: 63vh!important
}
.hero-card-img {
margin-bottom: -120px!important;
margin-top: -80px!important
}
.section {
position: relative;
overflow: hidden;
}
.nomargin {
margin: 0!important;
}
.slider-caption {
position: relative;
top: 10%!important;
max-width: 670px!important;
left: 7.5%!important;
cursor: grab;
}
.slider-caption h2 {
font-size: 3.5em;
letter-spacing: 2px;
font-weight: 800;
line-height: 1.2;
margin-top: 1.0em;
margin-bottom: 0;
color:#eee;
}
.slider-caption p {
margin-top: 30px;
margin-bottom: 10px;
font-size: 24px;
color:#eee;
}
.slider-caption-top-left {
bottom: auto;
}
.list-group, .list-group-item{
}
/*======================================
//--//--> miniskirts
======================================*/
/* black */
.blue_miniskirt {
background: #2b2b2b;
position: relative;
margin-bottom: 0.0%;
padding: 50px 25px 30px;
font-weight:700;
}
.blue_miniskirt p {
color: #fff;
}
.blue_miniskirt figure {
margin: 0 auto;
box-sizing: border-box;
line-height:2.0em;
}
.blue_miniskirt svg {
position: absolute;
top: 100%;
margin-top: -1px;
left: 0;
width: 100%;
height: 3.90625vw;
}
.blue_miniskirt a {
color:#fff!important;
text-decoration:underline;
}
.blue_miniskirt a:hover {
color:#fff!important;
text-decoration:none;
}
.blue_skirt-btn{
border-radius: 0px;
color:#fff !important;
border:0.8px solid #eee!important;
background:transparent;
text-decoration:none!important;
}
.blue_skirt-btn:hover{
color: #fff!important;
background-color: #4285fb !important;
border: 0.8px solid #4285fb!important;
opacity:1.0;
}
/*-----------------------
Hamburger Navbar
----------------------*/
.navbar-toggler {
position: relative;
margin:0.0em!important;
padding:0.0em!important;
outline: 0!important;
border:0px!important;
box-shadow: none!important;
}
.navbar-toggler:focus,
.navbar-toggler:active {
outline: 0!important;
border:0px!important;
}
.navbar-toggler span {
display: block;
background-color: #0a2961;
height: 3px;
width: 20px;
margin-top: 3px;
margin-bottom: 3px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
.navbar-toggler span.navbar-toggler-3{
width: 20px;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
height: 12px;
visibility: hidden;
background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: 0.9;
}
/*-----------------------
nav better menu
----------------------*/
.back-to-top {
position: fixed;
display: none;
background: #4285fb;
color: #fff;
width: 44px;
height: 44px;
text-align: center;
line-height: 1;
font-size: 16px;
border-radius: 50%;
right: 15px;
bottom: 15px;
transition: background 0.5s;
z-index: 11;
}
.back-to-top i {
padding-top: 12px;
color: #fff;
}
.back-to-top:hover {
opacity:0.7;
}
/*-----------------------
whatsup
----------------------*/
.whatsapp_float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.whatsapp-icon {
margin-top: 16px;
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
.navbar-collapse{
padding-top:2.5em;
padding-bottom:2.5em;
}
.slider-caption h2, .slider-caption p{
padding-right:1.5em;
}
.news-wrapper{
width:90%;
}
.section-summary p{
padding-right:0.0em;
padding-left:0.0em;
}
.section-summary h1{
font-size:2.0em!important;
}
.navbar .nav-item{
padding-right:1.0em;
}
header.masthead h1{
font-size:2.0em;
padding-bottom:0.1em;
}
header.masthead h2{
margin-top:0.5em;
}
.footer-top-padder{
padding-top:2.5em;
}
.masthead h1 span{
display:inline;
}
.masthead h2 span{
display:inline;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (max-width: 768px) {
.container {
width:94%!important;
}
h1{
font-size:1.4em;
}
h2{
font-size:1.3em;
}
.home_splash .btn{
margin-right:0.0em!important;
}
.whatsapp-icon {
margin-top: 10px;
}
.whatsapp_float {
width: 40px;
height: 40px;
bottom: 20px;
right: 10px;
font-size: 22px;
}
.blue_miniskirt {
padding-left:0.0em;
padding-right:0.0em;
}
.masthead {
padding-top: calc(0.5rem + 0px);
padding-bottom: 5.5rem;
}
.offcanvas-header{
background:#f5f1ed;
}
.offcanvas-body{
margin-bottom:2.0em;
padding-left:0.0em;
background:#f5f1ed;
}
.offcanvas-body .navbar-nav{
background:#f5f1ed;
}
.offcanvas-body .nav-link{
font-size:1.3em;
font-weight:500;
margin-top:0.0em;
padding-top:0.5em;
margin-bottom:0.5em;
padding-bottom:0.0em;
}
.navbar {
margin-top: .0em;
margin-bottom: 0.0em;
padding-top: 1.5em!important;
padding-bottom:1.5em!important;
}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.card-columns {
column-count: 2!important;
}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}