body
{
margin:0;
padding:0;
font-family: 'Josefin Slab', serif !important; 
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6,p
{
margin:0;
padding:0;
}
ul,ol,li
{
list-style:none;
margin:0;
padding:0;
}
.header-topbar {
width: 100%;
float: left;
border-bottom:1px #d0cdcd solid;
}
header.container-fluid {
padding-right: 0;
padding-left: 0;
}
.header-info-left .fa {
color: #000;
margin-right:10px;
}
.header-info-left li {
color: #000;
float: left;
padding: 0 20px 0 0;
border-right: 1px #eee solid;
margin-right: 15px;
}
.header-info-left li a {
color: #000;
font-size: 22px;
font-weight: 600;
}
.header-info-left {
padding-top: 5px;
}
.social-icons
{
text-align:right;
}
.social-icons ul li {
display: inline-block;
border-right: 1px #d0cdcd solid;
}
.social-icons li a {
color: #000;
height:40px;
width:40px;
text-align:center;
font-size: 20px;
font-weight: 600;
display:inline-block;
padding-top:7px;
}
.social-icons li a:hover
{
background-color:#008bdc;
color:#fff;	
}
.header-inner {
text-align: center;
padding: 30px 0;
float: left;
width: 100%;
}
.header-inner a
{
font-size:35px;
color:#008bdc;
}
.navbar-outer
{
background-color:#008bdc;
width:100%;
float:left;
text-align:center;
}
nav li {
display: inline-block;
margin: 0 -2px;
}
nav li a {
font-size: 25px;
color: #fff;
text-transform: uppercase;
display: block;
font-weight: 800;
padding: 15px 50px;
border-right: 1px #ffff solid;
}
nav li a:hover
{
background-color:#203b50;
color:#fff;
text-decoration:none;
}
nav li:last-child a
{
border-right:none;
}
.our-outer {
width: 100%;
float: left;
border-bottom: 10px #008bdc solid;
padding: 50px 0;
}
.our-outer h2
{
font-size:45px;
color:#000;
text-align:center;
width:100%;
float:left;
padding-bottom:30px;
}
.security-framework-outer h3
{
font-size:45px;
color:#000;
text-align:center;
width:100%;
float:left;
padding-bottom:30px;	
}
.our-product-left img {
width: 100%;
border: 10px #eee solid;
}
.our-product-left h4 {
color: #fff;
margin: 20px 0 10px;
font-size: 30px;
margin-top: -30px;
position: relative;
z-index: 99999;
background-color: #000000;
padding: 15px 0;
text-align: center;
border-left: 10px #eee solid;
border-right: 10px #eee solid;
border-bottom: 10px #eee solid;
}
.our-product-left p {
font-size: 20px;
text-align: justify;
padding: 10px 0;
}
.our-product-left a {
color: #fff;
background-color: #008bdc;
padding: 10px 30px;
display: inline-block;
font-size: 20px;
margin-top: 20px;
text-transform: uppercase;
box-shadow: 6px 5px 7px #0000009e;
}
.our-product-left a:hover
{
color:#fff;
text-decoration:none;
box-shadow: 0px 0px 0px #0000009e;
background-color:#000;
}



.footer-container
{
width:100%;
float:left;
padding:50px 0 0;
background-color:#000;
}
.footer-container h4 {
color: #fff;
font-size: 30px;
padding-bottom: 20px;
}
.footer-container a {
color: #eee;
font-size: 18px;
display: block;
padding: 10px 0;
border-bottom: 1px #696464 solid;
}
.footer-container a:hover
{
text-decoration:none;
color:#bdb5b5;
}
.footer-container p {
color: #fff;
width: 100%;
float: left;
padding: 50px 0 20px;
text-align: center;
}
.security-framework-outer 
{
width:100%;
float:left;
background:#eee url(../images/bg-camera-image.jpg) center top fixed no-repeat;
background-size:cover;
}
.security-framework-outer .col-md-12 {
background-color:#ffffffba;
padding: 40px 110px;
}
.security-framework-outer h4
{
color:#000;
font-size:40px;
padding-bottom:20px;
text-align:center;
font-weight:800;
}
.security-framework-outer p
{
color:#000;
text-align:center;
font-size:18px;
padding-bottom:20px;
}
.security-framework-outer li {
color: #000;
font-size: 21px;
padding: 10px 0;
list-style: decimal-leading-zero;
}
.security-framework-outer h5 {
font-size: 35px;
margin: 10px 0;
color: #008bdc;
}
.security-framework-outer ul {
padding: 0 20px;
}
.content-inner {
width: 100%;
float: left;
padding: 50px 0;
}
.content-inner img {
float: left;
margin: 0 20px 0 0;
box-shadow: -20px -20px 0px 0px #008bdc;
}
.content-inner p {
font-size: 20px;
color: #000;
line-height: 29px;
margin-bottom:20px;
font-weight: 600;
}


.content-main-heading
{
width:100%;
background-color:#000;
float:left;
padding:50px 0;
}
.content-main-heading h1 {
font-size: 50px;
color: #fff;
text-align: center;
}
.content-inner li {
font-size: 20px;
color: #000;
font-weight: 600;
list-style: inside;
}
.content-inner h2 {
font-size: 27px;
font-weight: bold;
margin-bottom: 10px;
color: #008bdc;
}
.cctv-work {
width: 100%;
float: left;
padding: 50px 0;
background-color: #eee;
}
.content-inner h3 {
color: #008bdc;
font-size: 35px;
margin-bottom: 20px;
font-weight: bold;
}
.content-inner h4 {
color: #008bdc;
font-size: 30px;
margin-bottom: 20px;
font-weight: bold;
}
.cctv-work h3
{
font-size:45px;
color:#000;
}
.cctv-work p
{
font-size:15px;
color:#000;
}
.cctv-work p {
font-size: 20px;
color: #000;
margin: 10px 0;
}
.cctv-work li {
font-size: 23px;
padding: 5px 0px;
list-style: disc;
color: #000;
}
.conatct-us-inner ul {
margin: 0;
padding: 0;
list-style: none;
}

.conatct-address li {
padding-bottom: 20px;
float: left;
line-height: 65px;
position: relative;
z-index: 9999;
width: 100%;
}
.conatct-address li strong {
width: 55px;
height: 55px;
margin-right: 10px;
text-align: center;
border: 7px #116c8a solid;
background-color: #008bdc;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding-top: 6px;
line-height: normal;
}
.conatct-address li a {
color: #000;
}
.contact-field input[type="text"], .contact-field input[type="email"] {
padding: 8px 15px;
width: 100%;
float: left;
font-size: 15px;
color: #000;
}
.contact-field {
width: 47%;
float: left;
margin-right: 3%;
margin-bottom: 20px;
}
.contact-comment {
width: 100%;
float: left;
margin-bottom: 20px;
}
.contact-comment textarea {
width: 97%;
float: left;
font-size: 15px;
color: #000;
height: 100px !important;
padding: 8px 15px;
}
section.conatct-us-inner {
width: 100%;
float: left;
padding: 50px 0;
}
.submit-button:hover {
color: #fff !important;
background-color: #000;
}
.submit-button {
background-color: #008bdc;
width: auto;
padding: 10px 20px;
font-size: 15px;
text-transform: uppercase;
outline: none;
border: none;
color: #fff;
font-weight: bold;
float: left;
cursor: pointer;
}
a.icon {
display: none;
}

.banner-image
{
width:100%;
float:left;
}
.banner-image img
{
width:100%;
float:left;
}
p.connect-inner {
margin: 0;
padding: 0;
font-size: 40px;
margin-bottom: 60px;
color: #fff;
}
.arlo-setup {
width: 100%;
float: left;
background-color: #008bdc;
}
.arlo-setup h4 {
color: #000;
font-size: 50px;
float: left;
text-align: center;
background-color: #fff;
padding: 40px 0;
width: 50%;
border-right:1px #000 solid;
}
.arlo-setup h4:hover,
.arlo-setup h5:hover
{
background-color: #000;
color:#fff;
}
.arlo-setup h5
{
color: #000;
font-size: 50px;
text-align: center;
background-color: #fff;
padding: 40px 0;
width: 50%;
float:left;
}