@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
*
{
box-sizing:border-box;
}
body {
margin:0px;
padding:0px;
font-family: 'Open Sans', sans-serif !important ;
}
h1,h2,h3,h4,h5,h6,p {
margin:0px !important;
padding:0px !important;
}
ol,ul,li {
padding:0px !important;
margin:0px !important;
list-style:none;
}
.auto-container {
width:1170px;
margin:auto;
}
.header-outer {
width:100%;
float:left;
background:#01ab4e;
padding:17px 0px !important;
color:#fff;
}
.contact-left {
width: auto;
float: left;
}
.contact-left span {
font-size:20px;
}
.contact-left a {
color: #fff;
font-size: 20px;
}
.contact-left a:hover{
color: #000;
}
.pages-right {
width: auto;
float: right;
}
.pages-right ul li {
float: left;
padding: 0px 30px !important;
}
.pages-right a {
color: #fff;
font-size: 20px;
}
.pages-right a:hover {
    color: #000;
}
.owl-carousel {
width:100%;
float:left;
}
.our-services-outer {
width: 100%;
float: left;
text-align: center;
padding: 80px 0px;
}
.our-services-outer a {
background: #000000;
padding: 15px 25px;
color: #ffffff;
border-radius: 50px;
font-size:25px;
}
.our-services-outer h1 {
color: #000;
font-size: 40px;
padding: 30px 0px 0px 0px!important;
}
.our-services-outer h2 {
color:#000;
font-size:25px;
padding: 25px 0px!important;
}
.our-services-outer span a {
background: #33cc99;
padding: 15px 40px;
border-radius: 5px;
font-size: 20px;
color:#fff;
}
.our-services-outer span a:hover {
background: #000000;
padding: 15px 40px;
border-radius: 5px;
font-size: 20px;
color:#fff;
}
.service-inner {
width: 100%;
float: left;
padding: 40px 0px;
}
.service-inner ul li {
box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 75%);
-webkit-box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 75%);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
padding: 10px 10px !important;
margin: 10px 13px!important;
width: 31%;
float: left;
min-height: 290px;
}
.service-inner ul li .fa {
font-size: 40px;
}
.service-inner h3 {
font-size: 25px !important;
padding: 10px 0px !important;
}
.service-inner p {
font-size: 15px !important;
padding: 0px 10px !important;
}
.live-chat-outer {
width: 100%;
float: left;
text-align:center;
}
.live-chat-outer h4 {
color: #000;
font-size: 40px;
padding: 20px 0px 20px!important;
}
.live-chat-outer p {
font-size: 15px;
color: #000000;
margin-bottom: 30px !important;
}
.live-chat-outer ul {
padding: 50px 0px!important;
}
.live-chat-outer ul li {
margin: 0px 0px !important;
padding: 31px 0px!important;
float: left;
width: 234px;
}
.silent-outer {
padding: 70px 0px;
background: #0f3a4f;
width: 100%;
float: left;
text-align:center;
}
.silent-outer h5 {
font-size: 40px;
color: #fff;
}
.silent-outer ul li {
width: 33%;
margin: 20px 0px !important;
float: left;
text-align: justify;
}
.silent-outer ul li img {
float: left;
width: 54px;
margin: 21px 21px 23px 0px;
}
.silent-outer ul li h6 {
color: #fff;
font-size: 20px;
padding: 5px 10px !important;
}
.silent-outer ul li p {
color: #fff;
font-size: 15px;
padding: 0px 20px !important;
}
.footer-outer {
width:100%;
float:left;
background:#000000;
padding:50px 0px;
text-align:center;
color:#fff;
}
.footer-outer ul li {
display: inline-block;
padding: 0px 40px !important;
font-size: 27px;
}
.main-links {
width: 33%;
display:inline-block;
padding: 51px 0px !important;
text-align: justify;
}
.main-links ul li {
padding: 10px 0px!important;
float: left;
font-size: 20px;
width: 95%;
border-bottom: 1px solid #353535;
}
.main-links ul li a {
color: #ffffff;
font-size: 20px;
}
.main-links h6 {
font-size: 25px;
color:#fff;
}
.about-us {
width: 100%;
float: left;
padding: 100px 0px;
background:#424242e3;
}
.about-us h3 {
color:#ffffff;
font-size:40px;
}
.about-outer {
width: 100%;
float: left;
padding: 50px 0px;
}
.about-left {
float: left;
width: 50%;
}
.about-right {
float: right;
width: 50%;
}
.about-left p {
font-size: 15px;
padding-right: 20px !important;
}
.contact-us {
width: 100%;
float: left;
padding: 100px 0px;
background:#424242e3;
}
.contact-us h3 {
color:#ffffff;
font-size:40px;
}
.contact-outer {
width: 100%;
float: left;
padding: 50px 0px;
}
.contact-left {
float: left;
width: 50%;
}
.contact-left ul li {
width: 100%;
float: left;
}
.contact-left h3 {
color: #000;
font-size: 40px;
}
.contact-left ul li .fa {
font-size: 25px;
background: #000;
color: #fff;
margin: 10px 10px 10px 0px !important;
width: 60px;
height: 60px;
text-align: center;
padding: 18px 16px;
border-radius: 50px;
}
.contact-left ul li p {
display: inline-block;
color: #000;
font-size: 20px;
}
.contact-left ul li a {
color: #000;
font-size: 20px;
}
.contact-left ul li a:hover {
color: #000;
}
.contact-right {
float: right;
width: 50%;
}
.conatct-left p {
font-size: 15px;
padding-right: 20px !important;
}
.contact-right h3 {
color: #000;
font-size: 40px;
}
.txt-left {
width: auto;
float: left;
margin-top: 13px;
margin-right: 10px;
}
.txt-right {
width: auto;
float: left;
margin-top: 13px;
margin-right:10px;
}
input[type="text"] {
margin: 0px !important;
width: 280px !important;
}
textarea[rows] {
height: 120px !important;
}
.txt-area {
width: 570px !important;
margin: 17px 0px;
float: left;
}
input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
background: #000;
color: #fff;
padding: 10px 25px;
font-size: 20px;
border: none;
outline: none;
}
.submit-button {
width: 100%;
float: left;
}
input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
background: #000;
color: #fff;
padding: 10px 25px;
font-size: 20px;
border: none;
}
.arlo-go-outer {
width: 100%;
float: left;
text-align: center;
padding: 50px 0px;
}
.arlo-go-outer h2 {
font-size: 50px;
padding: 30px 0px !important;
}
.arlo-left {
width: 50%;
float: left;
}
.arlo-right {
width: 50%;
float: right;
text-align: justify;
}
.arlo-right h3 {
color: #000;
font-size: 25px;
padding: 20px 0px !important;
}
.arlo-right a {
background: #000;
color: #fff;
padding: 10px 25px;
}
.arlo-right a:hover {
color: #fff;
}
.arlo-right h4 {
color: #000;
font-size: 25px;
padding: 25px 0px 0px !important;
}
.arlo-right p {
color: #000;
font-size: 16px;
padding: 10px 0px !important;
}
.arlo-right h5 {
font-size: 25px;
color: #000;
padding: 10px 0px !important;
}
.arlo-right ul li {
float: left;
list-style: inside;
padding: 3px !important;
font-size: 17px;
color: #000;
width: 100%;
}
.arlo-setup-outer {
width: 100%;
float: left;
padding: 40px 0px;
text-align: center;
}
.arlo-setup-outer h2 {
color: #000;
font-size: 40px;
}
.arlo-setup-left {
width: 50%;
float: left;
padding: 50px 0px;
}
.arlo-setup-right {
width: 50%;
float: right;
text-align: justify;
padding: 100px 0px 0px 0px;
}
.arlo-setup-right h3 {
color: #000;
font-size: 30px;
}
.arlo-setup-right p {
color: #000;
font-size: 20px;
padding: 10px 0px !important;
}
.arlo-setup-right ul li {
float: left;
width: 100%;
list-style: inside;
color: #000;
font-size: 16px;
}
.camera-technician-outer {
width: 100%;
float: left;
padding: 50px 0px;
text-align:center;
}
.camera-technician-outer h2 {
color: #000;
font-size: 40px;
}
.camera-technician-outer img {
padding: 50px 0px;
}
.camera-technician-outer p {
color: #000;
font-size: 15px;
text-align: justify;
padding: 10px 0px !important;
}
.security-outer {
width: 100%;
float: left;
padding: 40px 0px;
}
.security-outer img {
width: 100%;
float: left;
padding: 30px 0px;
text-align: justify;
}
.security-outer span {
font-size: 30px;
color: #000;
padding: 10px 0px;
}
.security-outer p {
font-size: 17px;
padding: 10px 0px !important;
color: #000;
}




a.icon {
display: none;
}