/*
Theme Name: Home Guard
Theme URI: https://gracethemes.com/themes/free-home-security-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Home Guard is a free home security WordPress theme that can deliver you an impeccable performance in creating a highly professional website. This theme can be a suitable choice for any home guard service providers, security stores, security guard training centers, security product selling stores, home security installation service providers, etc. It can also be perfect for agencies that provide security services on-demand or on a contract basis. This one is a multipurpose theme that lets you develop a top to bottom professional looking and highly functional website. This website template enables you to create a robust theme quite quickly. Demo: http://www.gracethemesdemo.com/home-guard/
Version: 2.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: home-guard
Requires PHP:  5.6
Tested up to: 6.0
Tags:blog,two-columns,right-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,
theme-options, translation-ready
Home Guard WordPress Theme has been created by Grace Themes(gracethemes.com), 2021.
Home Guard WordPress Theme is released under the terms of GNU GPL
*/
*{ 
	padding:0;
	outline:none;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body{
	font-family:'Poppins', sans-serif;	
	background-color:#ffffff;
	font-size:16px;
	line-height:28px;
	color:#555555;
	-ms-word-wrap:break-word; 
	word-wrap:break-word;
}
/* = Heading tags
--------------------------------------------- */
h1, h2, h3, h4, h5, h6{ 
	font-family:'Noto Sans Display SemiCondensed', sans-serif;
	color:#303030;
	font-weight:600;
	margin:0 0 20px;
	padding:0;
	line-height:1.1;
}
h1{ font-size:42px;}
h2{ font-size:32px;}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:22px;}
h6{ font-size:18px;}

h1.entry-title{ 
	font-size:40px;	
	font-weight:400;
	margin-bottom:35px;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute !important;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
/* Above WP toolbar. */
}


/* = Clearings CSS
--------------------------------------------- */
.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-footer:before,
.site-footer:after,
nav:before,
nav:after {
	content: "";
	display: block;
}
.clear:after,
.site-header:after,
.site-footer:after,
nav:after {
	clear: both;
}
.clear{ 
	clear:both;
}


/* = Default CSS
--------------------------------------------- */
a{ 
	text-decoration:none;
	color:#efc62c;
}
a:hover{ 
	color:#111;
}
p{ 
	margin:0;
	padding:0;
}

blockquote{ 
  position: relative;  
  font-size: 16px;
  margin:50px auto;    
  padding:1.2em 30px 1.2em; 
  color: #555555; 
  border-left:7px solid #57b857 ; 
  line-height:1.6;
  font-style:italic;  
  background-color:#ededed;
}

blockquote p{ 
	margin-bottom:0 !important;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

figcaption,figure{	
	display: block;
}
figure {
	margin: 1em 0;
}
.post-tags{ 
	font-weight:bold;
}
.post-tags a:hover{ 
	color:#000 !important;
}
.left{ 
	float:left;
}
.right{ 
	float:right;
}

.textwidget select{ 
	width:100%;
}
.tagcloud a{ 
	font-size:12px !important;	
	border:1px solid #fff;
	display:inline-block;
	color:#fff;
	margin:0 5px 5px 0;
	padding:5px 12px;
}
.tagcloud a:hover{ 
	border:1px solid #fff;
}
table{ 
	width:100%
}
.wp-caption, 
.wp-caption-text, 
.sticky, 
.gallery-caption, 
.aligncenter{
	max-width:100% !important; 
	margin:0;
	padding:0;
}

.last_column{
	clear:right;
	margin-right:0 !important;
}


/*image align css*/
img{ 
	max-width:100%; 
	height:auto;
	border:none;
	vertical-align:middle;	
	border-style: none;
}
.alignnone{ 
	width:100%;
}

.aligncenter, 
img.aligncenter { 
	display: block;
	clear: both;
	margin-top:0;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
img.alignright, 
.alignright{ 
	border:1px solid #ddd;
	float:right;
	padding:5px;
	margin:0 0 0 15px;
}
img.alignleft, 
.alignleft{ 
	margin:0 15px 0 0;
	padding:5px;
	float:left;
	border:1px solid #ddd;
}

/*
Lists style CSS
---------------------------------*/
ol,
ul{ 
	margin:0;
	padding:0;
}
ul,
ol { 
	margin:0;
	padding: 0;
}
ul {
	list-style: inside none disc;
}
ol {
	list-style: decimal;
}
ul li ul, 
ul li ul li ul, 
ol li ol, 
ol li ol li ol{ 
	margin-left:10px;
}

ul li,
ol li {
	margin-bottom: 0;
	margin-left: 1.5em;
}

/*
pagination style CSS
---------------------------------*/
nav.pagination .page-numbers{ 
	font-size:14px;	
	padding:10px 15px;
	font-weight:600;
	background-color:#ccc;
	color:#444;
}
nav.pagination .page-numbers.current{
	background-color:#efc62c;
}
.site-nav-previous, 
.nav-previous{ 
	float:left;
}
.site-nav-next,
.nav-next{ 
	float:right;
}
nav#nav-below{ 
	margin-top:15px;
}

#comment-nav-above .nav-previous, 
#comment-nav-below .nav-previous{ 
	float:none !important;
	margin:10px 0;
}

dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
audio:not([controls]) {	
	display: none;
	height: 0;
}

svg:not(:root) {
	overflow: hidden;
}

a {	
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:active, 
a:hover {
	outline-width: 0;
}
b, 
strong {	
	font-weight: bold;
}
pre {
	background-color: #eee;
	padding:20px;
	max-width: 100%;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom:25px;
	overflow: auto;
}
iframe{
	max-width:100%;
}
.breadcrumbs{
	padding:10px 0;
	margin-bottom:0;
}
nav.pagination{ 
	clear:both;
}
/* = Default Button CSS
---------------------------- */
a.blogreadmore{ 
	background-color:#505050;
	padding:5px 20px;
	display:inline-block;
	color:#fff ;
	border-radius:3px;
}
a.blogreadmore:hover{ 
	background-color:#404040;
	color:#fff;
}
h2.sectiontitle{
	position:relative;
	font-size:40px;	
	font-weight:600;
	margin-bottom:50px;
	text-align:center;
}

a.ReadMoreBtn{ 
	padding: 0; 
	margin: 20px 0 0 0; 
	font-weight: 600;
	text-transform:uppercase;
}
a.ReadMoreBtn:hover{ 
	color:#fff;
}

/* = Header contact info CSS
--------------------------------------------- */

.hdr-topstrip{ 
	background-color:#57b857; 
	color:#333; 
	font-size:16px; 
	margin:0; 
	position:relative; 
	padding:8px 0;
}
.hdrinfofixer{ 
	text-align:right;
}



.hdrtop-Info{ 
	display:inline-block; 	
	color:#fff; 
	line-height:35px; 
	vertical-align:top;
	font-weight:500; 
	padding:0 30px 0 35px;
	margin:0; 
	text-align:left;  
	border-right:solid 1px #dfdfdf;
}

.hdrtop-Info i{ 
	position:relative; 
	margin:0 5px 0 0; 
	line-height:0; 	
	font-size:26px; 	
	top:3px;
	text-align:center; 
}
.hdrtop-Info a{ 
	color:#fff;
}

.social-icons{ 
	padding:0; 
	line-height:45px;
}
.social-icons a{ 
	background:none !important; 	
	font-size:16px; 
	margin: 0 0 0 20px; 
	width: auto;
	height:auto; 
}
.hdrtop-Info a.morebutton{ 
	font-weight:600; 
	padding:12px 30px;	
	line-height:24px; 
	text-transform:uppercase; 
	border-radius:25px; 
	font-size:15px; 
	color:#fff;
}

.hdrsocial a{ 
	color:#fff; 
	width:40px; 
	height:30px; 
	line-height:30px;
	text-align:center;
	display:inline-block;
}
.hdrsocial a:hover{
	color:#202020;
}
.hdrtop-Info.last-child{ 
	border:none; 
	padding-right:0; 
}

/* = Main site CSS
-------------------------------------------------------------*/
#SiteWrapper{ 
	position:relative;
	margin:0 auto;
	overflow-x:hidden;
}

.container{ 
	position:relative;
	width:1170px;
	margin:0 auto;
}

.site-header{ 
	position: relative;
	width:100%;
	z-index:999;
}
.site-header.innerpage_header{ 
	position:relative;
	box-shadow:0 1px 5px #F2F2F3;
}
.logo {
    float: left;
	width:25%;
    text-align: left;   
    padding:37px 20px 36px 0;
    background: #fff;
    position: absolute;
	top:-60px;
    z-index: 99999;
}
.logo::after {
	position: absolute;
	right:-50px;
	top: 0;
	transform: skew(-20deg);
	width: 100%;
	display: block;
	content: '';
	background: #ffffff;
	height: 100%;
	border-right:2px solid #57b857;
}

.logo:before {
    background: #ffffff;
    bottom: 0;
    content: "";
    position: absolute;
    left: -100000px;
    top: 0px;
    width: 100000px;
}
.logo a{ 
	color: #fff;
	position:relative;
	display:block;
	z-index:99;
}
.site_branding{ 
	position:relative; 
	z-index:99;
}
.logo h1 {
	font-size:35px;
	margin:0;
	font-weight:700;
}
.logo p{ 
	color:#060606;
	display:block;
}
.RightNavMenu{ 
	float:right;	
	padding:7px 0;
	text-align:right;
	width:71%;
}
.logofix{ 
	top:-16px; 
	padding:20px 20px 20px 0;
}


/* = Header Navigation CSS
--------------------------------------------------*/
#navigationpanel{ 
	position:relative; 
}

.site-navigation {
    display: block;
    position: relative;
    width: 100%;
}

.site-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.site-navigation ul ul li a {
    padding: 12px 15px;
}
.site-navigation ul ul a:after {
    float: right;
}
.site-navigation ul {   
    list-style: none;
    margin: 0;
	display: none;
    padding-left: 0;
}
.site-navigation li {
    position: relative;
	margin:0;
}

.site-navigation a {
    font-size: 17px;
    line-height: 1.5;
	display: block;
    font-weight: 600;
    color: #212121;   
	text-align:left;
}
.site-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}
.site-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.site-navigation li li {
    display: block;
}
.site-navigation ul.nav-menu .current_page_item > a,
.site-navigation ul.nav-menu .current-menu-item > a,
.site-navigation ul.nav-menu .current_page_ancestor > a,
.site-navigation ul.nav-menu .current-menu-ancestor > a {
    color: #0FBAF4;
}
.site-navigation ul.nav-menu > li:before {
    background-color: #5750A0;
    color: #fff;   
    display: inline-block;
    text-align: center;
    border-radius: 50%;
	width: 46px;
    height: 46px;
    line-height: 46px;
}

.menu-toggle {
    font-size: 16px;
    margin: 10px 0;   
    width: 50px;
    height: 50px;
    position: absolute;
	display: block;
    top: 15px;
    right: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
	z-index:999999;
}

.menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;	
    right: 0;
    margin: 0 auto;
    display: block;
    width: 30px;
    height: 4px;
    background-color: #000;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.menu-toggle span:before, 
.menu-toggle span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -webkit-transform 0.3s;
    -ms-transition: -webkit-transform 0.3s;
    -o-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.menu-toggle span:before {
    -webkit-transform: translateY(-250%);
    -moz-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    -o-transform: translateY(-250%);
    transform: translateY(-250%);
}
.menu-toggle span:after {
    -webkit-transform: translateY(250%);
    -moz-transform: translateY(250%);
    -ms-transform: translateY(250%);
    -o-transform: translateY(250%);
    transform: translateY(250%);
}
.menu-toggle.active span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.menu-toggle.active span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
.menu-toggle.active span {
    background-color: transparent;
}
.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}
button.dropdown-toggle {  
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background-color: transparent;
    color: #000;
    border: none;
    width: 45px;
    height: 45px;
    line-height: 50px;
	padding: 0;
}
button.dropdown-toggle.active i {
    transform: rotate(-180deg);
    transform-origin: center;
}

@media screen and (min-width: 1024px) {
    #masthead {
        min-height: 108px;
    }
    .menu-sticky #masthead {
        position: sticky;
        top: 0;
    }
    .menu-sticky #masthead.nav-shrink {
        box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
    }
    .customize-support.menu-sticky #masthead.nav-shrink {
        top: 32px;
    }
    .site-branding {
        display: flex;
        align-items: center;
        min-height: 108px;
    }
    .site-navigation {
        padding: 10px 0;
        width: auto;
    }
    .site-navigation.icons-active {
        padding: 0;
    }
    .site-navigation ul.nav-menu > li {
        text-align: center;
    }	
    .site-navigation ul.nav-menu > li {
        text-align: center;
        padding: 10px 18px;
    }
    .site-navigation.icons-active ul.nav-menu > li {
        padding: 15px 25px 8px;
    }
    .site-navigation ul.nav-menu > .menu-item-has-children > a:after {              
        position: relative;
        bottom: 1px;
		padding-left: 10px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        text-rendering: auto;
    }
    .site-navigation ul ul .menu-item-has-children > a:before {       
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        text-rendering: auto; 
        position: absolute;
		top: 20px;
        right: 15px;
    }
	/*Dropdown arrows*/
	.site-navigation .menu-item-has-children > a:after, 
	.site-navigation .page_item_has_children > a:after {
		font-family: dashicons;
		content: '\f347';
		vertical-align: bottom;
		margin-left: 0.25em;
	}		
	
	.site-navigation .menu-item-has-children .menu-item-has-children > a:after,
	.site-navigation .menu-item-has-children .page_item_has_children > a:after,
	.site-navigation .page_item_has_children .menu-item-has-children > a:after,
	.site-navigation .page_item_has_children .page_item_has_children > a:after {
		content: '\f345';
		font-family: dashicons;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
	}		
	
    .site-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }
    .site-navigation ul ul {
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
        width: 220px;
    }
    .site-navigation ul li:hover > ul,
    .site-navigation ul li.focus > ul {
        left: 0;
        right: auto;
        display: block !important;
    }
    .site-navigation ul ul li:hover > ul,
    .site-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    .site-navigation ul ul li:hover > a,
    .site-navigation ul ul li.focus > a {
        
    }
    .site-navigation ul.sub-menu > li:last-child > a {
        border-bottom: none;
    }
    .site-navigation ul ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    .site-navigation ul ul > li:last-child {
        border-bottom: none;
    }
    .site-navigation ul ul li a:hover,
    .site-navigation ul ul li.current-menu-ancestor:hover > a {
       
    }   
    .menu-toggle {
        height: 80px;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .site-navigation ul {
        display: block;
    }
    .site-navigation li {
        display: inline-block;
    }
    .site-navigation .left-menu {
        padding-left: 50px;
    }
    .site-navigation ul.nav-menu > li.left-menu > a,
    .site-navigation ul.nav-menu > li.right-menu > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .site-navigation li.left-menu + li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1023px) {
    #masthead {
        min-height: 86px;
    }    
    .site-navigation ul ul {
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }
    .site-navigation ul ul ul {
        margin-top: 0;
    }
    .site-navigation ul.nav-menu li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        display: block;
        width: 100%;
    }
    .site-navigation ul.nav-menu li:last-child {
        border-bottom: none;
    }
    .site-navigation ul.nav-menu > li {
        width: 100%;
        padding: 0;
    }
    .site-navigation ul ul li a {
        padding-left: 35px;
    }
    .site-navigation ul ul ul li a {
        padding-left: 60px;
    }
    .site-navigation ul ul ul ul li a {
        padding-left: 80px;
    }
    .site-navigation ul ul a {
        width: 100%;
    }
    .site-navigation ul ul,
    .site-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .site-navigation ul.nav-menu > li:before {
        display: none;
    }
    .site-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 0;
        background-color: rgba(255, 255, 255, 0.20);
        width: 1px;
        height: 25px;
    }
    .site-navigation .menu-item-has-children > a:after {
        padding-top: 3px;
    }
    .site-navigation ul.sub-menu li a {
        border-left: none;
    }
    .site-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #fff;
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }
    .site-navigation {
        position: static;
    }
    .site-navigation a {
        color: #555555;
        padding: 12px 15px;

    }
    #masthead.site-header .site-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        max-width: 500px;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
        z-index: 10;
    }
   
}

@media screen and (max-width: 992px) {    
    .comments-title, 
    #reply-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
	#masthead.site-header .site-navigation ul.nav-menu {
	max-width: 100%;
	}
}

/* = Page layout css
------------------------------------------ */
.ContentArea-Left{ 	
	margin:0;
	padding:0 5% 0 0;
	width:70%;
	float:left;
}
.SitePageStyle-2{
	padding:30px;
	-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}

.ContentArea-Left ul, 
.ContentArea-Left ol{ 
	margin:0 0 20px 20px;
}
.ContentArea-Left ul li, 
.ContentArea-Left ol li{ 
	margin:0;
}
.ContentArea-Left ul ul, 
.ContentArea-Left ol ol{ 
	margin:0 0 0 30px;
}
.fullwidth{ 
	width:100% !important;
	float:none  !important;
	padding:0 !important;
}
.fullwidth p{ 
	margin-bottom:15px;
}
.boxlayout{ 
	position:relative;
	width:1210px;
	margin:0 auto;
	background-color:#fff;	
	box-shadow:0 -8px 8px #111;
}
.fulllayout{ 
	width:100% !important;
}
#TabNavigator{ 
	padding:50px 0;
}
#TabNavigator p{ 
	margin-bottom:25px;
}
.slider_wrapper{ 
	position:relative;
}

.ContentArea-Left a{ 
	font-weight:bold;
	text-decoration:underline;
}
.ContentArea-Left .comments-area a{ 
	font-weight: 400;
	text-decoration:underline;
}

/* = Three column Services Section CSS
----------------------------------------- */

.best-3-features{ 
	background-color:#fff;
	position:relative;
	margin:-40px 0 0 0;
	z-index:99; 
	-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2);
}

h2.section_title{ 
	text-align:center; 
	margin-bottom:25px; 
	font-size:40px;
	font-weight:700;
}

.fix3column{
	position:relative; 
	width:33.3333%; 
	padding:35px;
	float:left; 	
}
.fix3column:hover{ 
	background-color:#57b857 !important;
	color:#fff; 
}
.fix3column:hover h4 a{ 
	color:#fff !important; 
}

.fix3column h4{ 
	margin:0 0 15px;
	font-size:22px;
}
.fix3column h4 a{ 
	color:#494848
}
.fix3column h4 a:hover{ 
	color:#57b857
}
.fix3column .sm-iconbx{	
	float:left;
	margin:0 20px 0 0;
	width:69px; 
	height:66px; 
	overflow:hidden;
}
.fix3column a.ReadMoreBtn:hover{
	color:#282828;
}
.fix3column .sm-iconbx img{ 
	vertical-align: top;
}


.fix3column:hover a.morehg:after{ 
	background-color:#57b857; 
}
.fix3column a.morehg{ 
	font-size:0;
	font-weight: 600; 
 }
.fix3column a.morehg:after{ 
	background-color:#222; 
	color:#fff; 
	width:25px; 
	height:25px; 
	line-height:25px; 
	top: 35%; 
	text-align:center; 
	content: "\f105"; 
	font-size:14px; 
	position: absolute; 
	font-family: 'Font Awesome 5 Solid'; 
	right:20px; 
	border-radius:100%;
}

.fix3column.highlight{
	background-color:#57b857;	 
}
.fix3column.highlight h4 a{
	color:#fff;	 
}
.best-3-features:hover .fix3column.highlight{
	background:transparent;
}
.best-3-features:hover .fix3column.highlight h4 a{
	color:#494848;
}
.fix3column.highlight a.morehg:after{
	background:transparent;
}

/* = security-solution-section Section CSS
----------------------------------------- */
#security-solution-section{ 
	padding:120px 0 160px;
}
.security-left-50{ 
	width:50%; 
	margin:0;  
	padding-right:5%; 
	float:left;
}
.security-left-50 h3{ 
	font-size:55px; 
	font-weight:700; 
	margin-bottom:40px; 
	line-height:55px;
}
.security-right-45{ 
	width:45%; 
	margin:0; 
	float:right; 
	position:relative; 
	padding:0;
}
.security-right-45 img{ 
	width:100%; 
	display:block; 
	position:relative; 
	z-index:999;
}

.aboutliststyle{ 
	background-color:#f9f9f9; 
	padding:50px; 
	font-size:20px; 
	font-weight:600; 
	line-height:28px; 
	color:#494848; 
	border-radius:10px; 
	margin:50px 0;
}
.aboutliststyle ul{ 
	margin:0; 
	padding:0;
}
.aboutliststyle ul li{ 
	list-style: inside none; 
	color:#494848; 
	margin:0 0 8px 0;
}
.aboutliststyle ul li::before { 
	position:relative; 
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Solid'; 
	font-size:18px; 
	vertical-align:top; 
	margin-right:15px; 
	color:#57b857;
}

.security-phoneBX{ 
	background-color:#57b857;  
	color:#fff; 
	padding:50px; 
	font-size:30px; 
	font-weight:600; 
	line-height:28px; 
	border-radius:10px; 
	margin:50px 0;
}
.security-phoneBX span{ 
	font-size:17px; 
	color:#fff; 
	text-transform:uppercase; 
	display: block; 
	margin-bottom:5px;
}
.security-phoneBX h2{ 
	font-size:43px; 
	color:#fff; 
	font-weight:700; 
	margin:0;
}
.security-phoneBX .phoneicon{ 
	width:81px; 
	height:81px; 
	overflow:hidden; 
	float:left; 
	margin:0 30px 0 0;
}
.security-phoneBX .phoneicon i{ 
	font-size:80px;
}


/* = Six Column Circle Section CSS
----------------------------------------- */
#PageSections-3{ 
	background-color:#f9f9f9; 
	padding:0 0 100px;
}
.box-equal-height{ 
	margin-top:-100px; 
	position: relative; 
	width:100%; 
	display:inline-block;
}
.sixcirclecolumn{ 
	width:15%; 
	float:left; 
	margin:0 2% 0 0; 
	padding:15px; 
	position:relative; 
	text-align:center;
}
.topboxbg{ 
	position:relative;  
	padding:0;
}
.sixcirclecolumn h4{ 
	font-weight:600;  
	margin:0 0 15px; 
	font-size:19px; 
	line-height:24px;
}
.sixcirclecolumn h4 span{ 
	display:block;
}
.sixcirclecolumn h4 a{ 
	color:#494848;
}
.sixcirclecolumn .thumbbx{ 
	background-color:#fff; 
	margin:0; 
	padding:0; 
	width:150px; 
	height:150px; 
	line-height:150px; 
	position:relative; 
	border-radius:100%; 
	margin: 0 auto; 
	margin-bottom:30px; 
	-webkit-box-shadow: 
	0 -10px 40px 0 rgba(0, 0, 0, 0.1); 
	box-shadow: 0 -10px 40px 0 rgba(0, 0, 0, 0.1);
}

.sixcirclecolumn .thumbbx:before{ 
	top:90%; 
	left:50%; 
	border:solid transparent; 
	content:""; 
	height:0; 
	width:0; 
	position:absolute; 
	pointer-events:none;
	border-color:rgba(87, 184, 87, 0);
	border-top-color:#fff; 
	border-width:15px; 
	margin-left:-15px; 
	transition:all ease-in-out .4s;
	-ms-transition:all ease-in-out .4s;
	-webkit-transition:all ease-in-out .4s;
}
.sixcirclecolumn:hover .thumbbx:before{ 
	top:98%; 
	border-top-color:#57b857;
}
.sixcirclecolumn .thumbbx img{ 
	height:auto; 
	max-width:78px; 
	max-height:81px; 
	vertical-align: middle; 
}
.sixcirclecolumn:hover .thumbbx{ 
	background-color:#57b857;
}

/* = Sidebar CSS
----------------------------------------------- */
#sidebar{
	position:relative; 
	float:right;
	width:30%;
	padding:30px;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px; 
	-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}
aside.widget{ 
	margin-bottom:30px;
	
}
aside.widget ul{ 
	list-style:disc inside;
}
#sidebar h3.widget-title, #sidebar h2{ 
	position:relative;
	font-size:28px;
	font-weight:600;
	padding:0;
	margin:0 0 15px 0;
	color:#202020;
}
#sidebar ul li, 
#sidebar ol li{ 
	list-style:none;
	margin:0;
	padding:8px 10px 8px 0;
	border-bottom:1px solid #eee;
	line-height:24px;
}
#sidebar ul li:hover, 
#sidebar ol li:hover {
	padding-left:10px;
	transition: all 300ms ease-out 0s;
	-webkit-transition: all 300ms ease-out 0s;
	-moz-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
}		
#sidebar ul li a, 
#sidebar ol li a{ 
	color:#3b3b3b;
}
#sidebar ul li a:hover,
#sidebar ol li a:hover{ 
	color:#57b857;
}
#sidebar ul li:last-child,
#sidebar ol li:last-child{ 
	border:none;
}
aside .textwidget, 
#sidebar .gallery, 
aside.widget_media_image{ 
	padding:20px;
	background-color:#fff;
	box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
/*sidebar search form css*/
#sidebar .search-form{ 
	margin-bottom:20px;
}
#sidebar .search-form input.search-field{ 
	background-color:#fff;
	width:80%;
	padding: 13px 15px 13px 15px;
	border:1px solid #ddd;
}
#sidebar .search-form input.search-submit{ 
	background:url(images/search-icon.png) no-repeat center center #efc62c;
	float:right;
	padding: 12px 0 12px 0;
	font-size:0;
	height:43px;
	width:20%;
	border:0;
}
#sidebar .comment-author-link a{ 
	text-transform: capitalize;
}

/* = Blog post styles
-------------------------------------------------------------- */
.hg-blog-list{ 
	margin:0 0 50px 0;
	-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}
.hg-blogstyle{ 
	padding:30px;
}

.hg-blog-list .hg-blog-img{ 
	width:40%; 
	float:left;
	position:relative;
	margin:0 5% 20px 0;	
}
.hg-blog-list .hg-blog-img img{ 
	width:100%;
	height:auto;
	transition: all 300ms ease-out 0s;
	-webkit-transition: all 300ms ease-out 0s;
	-moz-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
}

.hg-blog-list .hg-blog-img.imgFull{ 
	width:100%; 
	float:none;
	margin-right:0;
}

.hg-blog-list h3, h3.single-title{ 
	margin-bottom:15px;
	font-size:22px;
	font-weight:600;
}
.hg-blog-list h3 a{ 
	color:#484f5e;
	font-weight:600;
}
.hg-blog-list h3 a:hover{ 
	color:#efc62c;
}
.hg-blog-list p{ 
	margin-bottom:20px;
}
.blog-meta{ 
	font-style:italic;
	margin-bottom:8px;
}
.post-date, 
.post-comment, 
.post-categories, 
.edit-link{ 
	display:inline;
	color:#333;
	font-weight:600;
	margin:0 10px 0 0;
} 
.single_title{ 
	margin-bottom:5px;
}
body.single-post .hg-blog-list { 
	width:100%;
	float:none;
	margin:0 0 25px;
}
.hg-blog-meta{ 
	margin-bottom:15px;
	color:#888;
}
.hg-blog-meta a{ 
	color:#999;
}
.hg-blog-meta a:hover{ 
	color:#57b857;
}
.morebutton{ 
	background-color:#505050;
	color:#fff;
	padding:7px 20px;
	font-weight:600;
	display:table;
	text-decoration:none !important;
	margin-top:15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
.morebutton:focus, 
.hdrtop-Info a:focus{
	outline:thin dotted #000 !important;
}

.morebutton::after{ 
	content: "\f0a9";
	font-family: 'Font Awesome 5 Solid';
	margin-left:10px;
	font-size:16px;
	color:#fff;
}

.morebutton:hover{
	 background-color:#303030;
	color:#fff;
}

/* = Grid type Blog post styles with sidebar
------------------------------------------ */
.gridlayout .hg-blog-list{ 	
	width:50%;
	float:left;
	margin:0 0  25px 0;
	padding: 0 20px 0 0;
}

/* = Grid type Blog post styles without sidebar
---------------------------------------- */
.fullwidth .hg-blog-list{ 
	margin:0 0 25px 0;
	padding:0 50px 0 0;
}

/* = Site Footer css
-------------------------------------------- */
.site-footer{ 
	background-color:#353c56;
	position:relative;
	padding:0;
	color:#fff;
}
.footer-fix{ 
	padding-bottom:50px;
}
.site-footer h2, 
.site-footer h3, 
.site-footer h4{ 	
	margin-bottom:30px;
	font-size:24px;
	font-weight:600;
	color:#fff;
	position:relative;
}

.fwcolumn-1, 
.fwcolumn-2, 
.fwcolumn-3, 
.fwcolumn-4{ 
	padding:50px 0;
}
.fwcolumn-1{ 
	width:23%;
	float:left;
	margin:0 3% 0 0;
}
.fwcolumn-2{ 
	width:23%;
	float:left;
	margin:0 3% 0 0;
}
.fwcolumn-3{ 
	width:23%;
	float:left;
	margin:0 3% 0 0;
}
.fwcolumn-4{ 
	width:22%;
	float:left;
	margin:0;
}
.site-footer ul{ 
	margin:0;
	padding:0;
}
.site-footer ul li { 
	padding:0 0 8px 0;
	margin:0;
	list-style:none;
	color:#555;
}
.site-footer ul li a { 
	color:#fff;
}
.site-footer ul li::before{ 
	content: "\f105";
	font-family: 'Font Awesome 5 Solid';
	margin-right:15px;
	font-size:16px;
	color:#fff;
}
.site-footer ul li a:hover, 
.site-footer ul li.current_page_item a { 
	color:#000;
}


/* = Footer Copyrigh wrapper css
-------------------------------------------- */
.copyrigh-wrapper{ 
	text-align:center;	
	position:relative;
	color:#202020;
	background-color:#fff;
	margin-top:25px;
	padding:25px 0;
	border-top:1px solid #353c56;
}

.copyrigh-wrapper a:hover{ 
	color:#000;
}
.fcopy-center{ 
	text-align:center;
}

/*Footer Contact info*/
.BottomContactBX{ 
	background-color:#1c2132; 
	color:#fff; padding:40px; 
	position:relative; 
	margin-top:-100px; 
	margin-bottom:40px; 
	text-align:left;
}
.footcl-3{ 
	width:30%; 
	float:left; 
	margin-right:5%;
}
.footcl-3 i{ 
	float:left; 
	font-size:50px;
	margin:5px 25px 0 0;
}
.footcl-3 .ctinfo span{ 
	display:block; 
	font-size:20px; 
	margin-bottom:5px;
}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:35px;
	padding:0 15px;
}
.wpcf7 textarea{
	width:60%;
	height:160px;
	font-size:12px;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	padding-right:0;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	cursor:pointer;
	color:#ffffff;
	padding:12px 40px;
	border-radius:25px;
	font-size:16px;
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}



/* = WooCommerce CSS
------------------------------------------ */
a.added_to_cart{
	background:#e1472f;
	padding:5px;
	display:inline-block;
	color:#fff;
	line-height:1;
}
a.added_to_cart:hover{
	background:#000000;
}
a.button.added:before{
	content:'' !important;
}
#bbpress-forums ul li{
	padding:0;
}
#subscription-toggle a.subscription-toggle{
	padding:5px 10px;
	display:inline-block;
	color:#e1472f;
	margin-top:4px;
}
textarea.wp-editor-area{
	border:1px #ccc solid;
}
.woocommerce input[type=text], 
.woocommerce textarea{
	border:1px #ccc solid;
	padding:4px;
}
form.woocommerce-ordering select{ 
	padding:5px;
	color:#777777;
}
.woocommerce table.shop_table th, 
.woocommerce-page table.shop_table th{ 
	color:#ff8a00;
}
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price{ 
	color:inherit !important;
}
h1.product_title, p.price{ 
	margin-bottom:10px;
}
.woocommerce table.shop_table th, 
.woocommerce-page table.shop_table th{ 
	color:#ff6d84;
}
.woocommerce ul.products li{ 
	text-align:center;
}
.woocommerce ul.products li, 
#payment ul.payment_methods li{ 
	list-style:none !important;
}
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price{ 
	color:inherit !important;
}
.woocommerce table.shop_table th, 
.woocommerce table.shop_table td{ 
	border-bottom:0px !important
}
.woocommerce-Price-amount.amount{
	font-size:14px !important;
}
.woocommerce div.product .product_title{ 
	padding-bottom:20px !important;
}
.woocommerce div.product form.cart{ 
	margin-top:15px !important;
}
.woocommerce .quantity .qty{ 
	padding:7px;
	border:1px solid #ccc;
}


/* = Comment Form css
--------------------------------------------- */
.Comment-CustomStyle{
	-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
	padding:30px;
	margin-bottom:50px;
}
#respond.comment-respond{
	-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
	padding:30px;
}

h1.screen-reader-text{
	font-family: 'Assistant', sans-serif;
	font-size:22px;
}
h3#reply-title{ 
	font-size:20px;
}
#comments{ 
	margin:30px 0 0;
	padding:0;
}

ol.commentlist{
	list-style:none;
}
#commentform p{
	margin:5px 0;
}
#commentform label{
	display:block;
}
#commentform input#email, 
#commentform input#url, 
#commentform input#author, 
#commentform textarea,
#commentform input
#eazycfc_captcha{
	max-width:96%;
	border:1px #ccc solid;
	padding:5px 2%;
}
#commentform input#submit{ 
	background-color:#32373a;
	border:none;
	color:#fff;
	display:inline-block;
	cursor:pointer;
	border-radius:5px;
	padding:12px 25px;
	text-transform:uppercase;
}
#commentform input#submit:hover{
	background:#34c6f6;
	color:#fff;
}
.form-allowed-tags{
	display:none;
}
.entry-content table, 
.comment-body table{ 
	border-collapse:collapse;
	margin:10px 0;
}
.entry-content table td, 
.entry-content table th, 
.comment-body table td, 
.comment-body table th{
	padding:10px 5px;
	text-align:left;
}
.entry-content table th, 
.comment-body table th{
	color:#676767;
	font:normal 18px Oswald;
	border-bottom:1px #888 solid;
}
.entry-content table td, 
.comment-body table td{
	border-bottom:1px #ccc solid;
}
.fvch-codeblock:hover .comment-form-url{
	display:block !important;
}
.commentlist, 
ol.commentlist {
	background-color:#fff;
	padding:10px 0;
	list-style:none;
	box-shadow:0 0 5px #ddd;
	-moz-box-shadow:0 0 5px #ddd;
	-webkit-box-shadow:0 0 5px #ddd;
	-khtml-box-shadow:0 0 5px #ddd;
	margin:10px 0;
}
.commentlist li, 
ol.commentlist li { 
	list-style:none;
	background-image:none !important;
	padding:0px 15px;
}


.commentlist article, 
.commentlist li.bypostauthor li article, 
ol.commentlist li.bypostauthor li article { 
	border:none !important;
	padding:10px;
	position:relative;
	background-color:#fff;
}
.commentlist li.bypostauthor article, 
ol.commentlist li.bypostauthor article { 
	background:#f9ffe1;
}
.commentlist li .fn { 
	font-weight:normal;
	font-size:15px;
	font-style:normal;
}

img.avatar { 
	vertical-align:middle;
	position:static;
	display:inline-block;
	border:5px solid #ccc;
}

.commentlist article a time { 
	padding:5px 0 10px;
	font-size:13px;
	clear:both;
	font-style:italic;
}
.comment-edit-link{ 
	padding:2px 15px;
	font-style:italic;
}
.commentlist .reply a, 
ol.commentlist .reply a { 
	display:block;
	padding:10px;
	text-align:center;
	background:#f6f6f6;
	margin:5px 0;
	border:1px #ddd solid;
}


/* = Navigation Focus CSS
-------------------------------------------- */
#SiteWrapper a:focus,
button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="button"]:focus,
input[type="month"]:focus,
input[type="range"]:focus,		
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="week"]:focus,
input[type="submit"]:focus,
input[type="datetime-local"]:focus,		
input[type="url"]:focus,
input[type="time"]:focus,
input[type="reset"]:focus,
input[type="color"]:focus,
textarea:focus {	
	border:1px solid #57b857;
}

/* Do not show the outline on the skip link target. */
#TabNavigator[tabindex="-1"]:focus {
	outline: 0;
}

/*fade Effects*/
.sixcirclecolumn .thumbbx img, 
.sixcirclecolumn h4, 
.sixcirclecolumn .thumbbx {
	 transition:all ease-in-out .4s;
	-ms-transition:all ease-in-out .4s;
	-webkit-transition:all ease-in-out .4s;
}