.service-area {
    margin-top: -104px;
    position: absolute;
    left: 110px;
 }

.tz-slider {
	width: 100%;
	overflow: hidden;
}

.learn-more-styl2:after {
	background: none repeat scroll 0 0 #ffffff;
	content: "";
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	width: 100%;
}

.learn-more-styl2 {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 15px;
	margin: 31px 0 19px;
	overflow: hidden;
	padding: 17px 21px 18px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.learn-more-styl2:hover:after {
	left: 0;
}

.learn-more-styl2:hover span {
	color: #333333;
}

.learn-more-styl2 span {
	color: #fff;
	position: relative;
	z-index: 99;
}

body .tp-caption.title-slider {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 90px;
	font-weight: 700;
	line-height: 108px;
	text-align: center;
	text-decoration: none;
}

body .tp-caption.content-slider {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 32px!important;
	font-weight: 400;
	line-height: 21px;
	margin: 30px 0 0 0;
	padding: 0 0 15px;
	text-align: center;
	text-decoration: none;
	white-space: pre-wrap;
    line-height: 46px !important;
	max-width: 70%!important;
}

body .slider-button2 {
	background: none repeat scroll 0 0 #fff;
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	margin: 0;
	overflow: hidden;
	padding: 17px 37px 18px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
}

.slider-button2 span {
	color: #1f1f1f;
}

body .tp-caption.slider-attach {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	text-align: center;
	text-decoration: none;
}

body .tp-caption.title-slider-blod {
	color: #fff;
	display: inline-block;
	font-family: "Raleway", sans-serif;
	font-size: 65px;
	font-weight: 700;
	letter-spacing: 5px;
	line-height: 78px;
}

body .tp-caption.slider-ds {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 3px;
}

body .tp-caption.tz-title-small {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 30px;
	font-weight: 800;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
}

body .tp-caption.tz-title-large {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 100px;
	font-weight: 400;
	line-height: 88px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}

body .tp-caption.title-slider-big {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 180px;
	font-weight: 600;
	line-height: 146px;
	text-align: center;
	text-decoration: none;
}

.tz-slider-content p {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}

body .tp-caption.tz-content-lager {
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}

body .tp-leftarrow.default {
	background-image: url('../images/pre-slider.png');
	background-position: center;
}

body .tp-leftarrow:hover {
	background-image: url('../images/pre-slider-hover.png');
}

body .tp-leftarrow:hover,
body .tp-rightarrow:hover {
	background-position: inherit;
}

body .tp-rightarrow.default {
	background-image: url('../images/next-slider.png');
	background-position: center;
}

body .tp-rightarrow:hover {
	background-image: url('../images/next-slider-hover.png');
}

.bk-responsive-slide {
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.customers-section {
	background: #f5f5f5;
}

.customers-section .item {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 10px;
}

.customers-section .item-inner {
	position: relative;
	height: 380px;
	overflow: hidden;
	border-radius: 30px;
}

.customers-section .item-inner:hover .item-content {
	margin-top: 0;
}

.customers-section .item-inner:hover .item-mask {
	background-color: rgba(0, 0, 0, 0) 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0) 0), to(rgba(0, 0, 0, 0.8) 35%));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 35%);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 35%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 35%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 35%);
}

.customers-section .item-1 .item-inner {
	background: url('../assets/home-services/001-thumb-cctv-analogue.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-2 .item-inner {
	background: url('../assets/home-services/002-thumb-ip-cctv.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-3 .item-inner {
	background: url('../assets/home-services/003-thumb-access-control-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-4 .item-inner {
	background: url('../assets/home-services/004-thumb-time-attendance-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-5 .item-inner {
	background: url('../assets/home-services/005-thumb-fire-alarm.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-6 .item-inner {
	background: url('../assets/home-services/006-thumb-fire-fighting-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-mask {
	background-color: rgba(0, 0, 0, 0) 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0) 0), to(rgba(0, 0, 0, 0.8) 85%));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 85%);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 85%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 85%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 85%);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.customers-section .item-content {
	padding: 45px;
	color: #fff;
	position: absolute;
	width: 100%;
	height: 380px;
	left: 0;
	-webkit-transition: margin-top 0.4s ease-in-out;
	-moz-transition: margin-top 0.4s ease-in-out;
	-ms-transition: margin-top 0.4s ease-in-out;
	-o-transition: margin-top 0.4s ease-in-out;
	margin-top: 230px;
}

.customers-section .item-link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.customers-section .content-title {
	margin-top: 0;
	margin-bottom: 45px;
	line-height: 1.5;
	font-size: 24px;
}
.customers-section .content-title span {
	color: #d63b24;
}

.customers-section .content-desc .fa {
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: #fff;
	color: #000;
	padding-top: 8px;
	margin-bottom: 15px;
}

.customers-section .stories-wrapper {
	margin-bottom: 0px;
}


#popup {
	display: none;
	position: absolute;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999999;
	width: 900px;
	height: 400px;
	position: fixed;
}

.modalDialog {
	overflow: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.2);
	/*background: rgba(0, 0, 0, 0.8);*/
	/*background: rgba(119, 119, 119, 0.35);*/
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	z-index: 99999999;
}

.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
}

.modalDialog>div {
	width: 350px;
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 0px;
	background: #fff;
	border: 5px solid rebeccapurple;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 5px;
	/*-12px;*/
	text-align: center;
	top: 5px;
	/*-10px;*/
	width: 24px;
	text-decoration: none;
	/*font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;*/
}

.close:hover {
	background: #ffc500;
	/*#00d9ff;*/
}

#pop {
	display: block;
	border-radius: 10px 10px 0px 0px;
	height: 50px;
	width: 150px;
	background-color: #ffc500;
	position: fixed;
	top: 200px;
	right: -50px;
	z-index: 99999;
	transform: rotate(-90deg);
	text-align: center;
	padding-top: 13px;
	font-size: 20px;
	text-decoration: none;
}

.btn {
	/* font-size: 3vmin;*/
	/*padding: 0.75em 1.5em;*/
	/*padding: 14px 16px;*/
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	transition: background-color 1s ease;
	background-color: #ffc500;
}

.bootstrap-iso .formden_header h2,
.bootstrap-iso .formden_header p,
.bootstrap-iso form {
	font-family: Arial, Helvetica, sans-serif;
	color: black
}

.bootstrap-iso form button,
.bootstrap-iso form button:hover {
	color: white !important;
}

.asteriskField {
	color: red;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
	font: 400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;
}

#contact {
	background: #F9F9F9;
	padding: 25px;
	/*margin:50px 0;*/
}

#contact h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin: 5px 0 15px;
	display: block;
	font-size: 13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
	width: 100%;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	border: 1px solid #AAA;
}

#contact textarea {
	height: 100px;
	max-width: 100%;
	resize: none;
}

#contact button[type="submit"] {
	cursor: pointer;
	width: 100%;
	border: none;
	background: #0CF;
	color: #FFF;
	margin: 0 0 5px;
	padding: 10px;
	font-size: 15px;
}

#contact button[type="submit"]:hover {
	background: #09C;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

#contact input:focus,
#contact textarea:focus {
	outline: 0;
	border: 1px solid #999;
}

::-webkit-input-placeholder {
	color: #888;
}

:-moz-placeholder {
	color: #888;
}

::-moz-placeholder {
	color: #888;
}

:-ms-input-placeholder {
	color: #888;
}

#popup {
	display: none;
	position: absolute;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999999;
	width: 900px;
	height: 400px;
	position: fixed;
}
.customers-section .item-7 .item-inner {
	background: url('../assets/home-services/007-thumb-fire-suppression-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-8 .item-inner {
	background: url('../assets/home-services/008-thumb-fire-extinguishers-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-9 .item-inner {
	background: url('../assets/home-services/009-thumb-public-address-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-10 .item-inner {
	background: url('../assets/home-services/010-thumb-entrance-control-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-11 .item-inner {
	background: url('../assets/home-services/011-thumb-intrusion-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.customers-section .item-12 .item-inner {
	background: url('../assets/home-services/012-thumb-home-door-phone-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}
.customers-section .item-13 .item-inner {
	background: url('../assets/home-services/013-thumb-rodent-repellant-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}
.customers-section .item-14 .item-inner {
	background: url('../assets/home-services/014-thumb-data-networking.jpg') no-repeat 50% 50%;
	background-size: cover;
}
.customers-section .item-15 .item-inner {
	background: url('../assets/home-services/015-thumb-intercomm.jpg') no-repeat 50% 50%;
	background-size: cover;
}
.customers-section .item-16 .item-inner {
	background: url('../assets/home-services/016-thumb-fire-rated-system.jpg') no-repeat 50% 50%;
	background-size: cover;
}

/* Photo shapes */
.image-shape-1 {
	border-radius: 80px 20px 80px 20px;
}

/* Major clients */
.major-clients .gallery-img,
.business-partner .gallery-img {
	background: #fff;
	border-radius: 40% 20% 40% 20%;
	padding: 15px;
}
.major-clients .gallery-img img,
.business-partner .gallery-img img {
	border-radius: 40% 20% 40% 20%;
}

hr {
	margin-bottom: 30px;
}

/* Promotional banner */
.contact-promotional {
    background: #d63b24;
    color: #fff;
	padding: 30px 0;
}
.contact-promotional h2 {
    font-size: 32px;
	margin-bottom: 10px;
}
.contact-promotional p {
    font-size: 18px;
}
.contact-promotional .btn {
	background-color: #e9d938;
	border-color: #e9d938;
	color: #333;
	border-radius: 30px;
}

/* Grid list */
.grid-list-container {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px; 
    padding: 50px 20px 20px 20px; 

}
.grid-list-container b {
    display: block;
    font-size: 18px;
    color: #d63b24;
	margin-bottom: 15px;
}
.grid-list-container span {
	display: block;
}
.grid-list-container > li {
    list-style-type: none;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 80px 20px 80px 20px;
    overflow: hidden;
	transition: all 500ms ease;
}
.grid-list-container > li:hover {
    transform: scale(1.05);
}
.grid-list-container a,
.grid-list-container a:hover {
	color: #333;
}
.grid-list-container img {
	width: 1000%;
	height: 300px;
	object-fit: cover;
	border-radius: 80px 20px 80px 20px;	
}
.grid-list-container .image-contain {
	object-fit: contain;
	height: 200px;
}
.grid-list-content {
	background: #fff;
	padding: 20px 30px;
}
.grid-list-content .theme_button,
.grid-list-content .theme_button:hover {
	padding: 10px 20px 8px;
	color: #fff;
	background: #d63b24;
	border-radius: 30px;
	margin-top: 15px;
}

/* Why business */
.why-business .why-business-content {
	margin-bottom: 30px;
}

/* How it works */
.how-works .how-works-item {
	padding: 50px 15px 0 15px;
}
.how-works .how-works-item img {
    border: 0.5rem solid #d63b24;
    padding: 20px;
    border-radius: 100%;
}

/* Logo grid */
.logo-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}
.logo-grid .service-block-1 {
    border-radius: 80px 20px 80px 20px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
	padding: 15px;
}
.logo-grid .service-block-1 img {
    border-radius: 80px 20px 80px 20px;
}
.logo-grid .service-block-1 h3 {
	margin: 0;
	padding: 30px 0;
	font-size: 22px;
	color: #d63b24;
}

/* Address grid */
.address-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}
.address-grid .address-grid-item {
	border-radius: 80px 20px 80px 20px;
	background: #fff;
	box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
	padding: 50px 15px;
}

/* Services individual block */
.service-individual-block img {
	width: 100%;
}

/* Client testimonial */
.client-testimonial .owl-item .with_quotes {
    position: relative;
    border-radius: 80px 20px 80px 20px;
	background: #fff;
	padding: 50px 30px;
	text-align: left;
	min-height: 430px;
}
.client-testimonial .owl-item strong {
	margin-bottom: 15px;
	display: block;
}

/* Enquiry Form */
.enquiry-inner {
	max-width: 500px;
	margin: 0 auto;
}
.enquiry-inner input,
.enquiry-inner textarea {
	background: #fff;
    border-radius: 4px;
    border: 0.1rem solid #dddddd;
}
.enquiry-inner label {
	width: 100%;
	text-align: left;
}	
.enquiry-inner textarea {
	resize: none;
}
.enquiry-inner .theme_button[class*="color"]:hover {
	color: #fff;
}