body {
background-color: #FFF;
}
a:focus {
outline-color: #6abe52;
}
.comments-area {
background-color: transparent;
}
#reply-title, .comment-form p label {
color: #141414;
}
.layout-full_fixed div.about-author:before, .layout-full_fixed div.about-author:after, .layout-full_fixed .comments-area:before, .layout-full_fixed .comments-area:after {
content: "";
background-color: transparent;
}
.posts-nav a span.title {
color: #141414;
}
.posts-nav a:hover span.title {
color: #6abe52;
}
.post .post-meta a:hover {
color: #6abe52;
}
.layout-full #content, .layout-full_fixed #content, .layout-full_padding #content {
background-color: transparent;
}
h2.comments-title {
color: #999999;
}
.comment-author a {
color: #141414;
}
.comment-author a:hover {
color: #6abe52;
}
.header-horizontal #header .head {
padding: 0 35px;
}
.tools_button {
height: 45px;
line-height: 45px;
text-transform: inherit;
text-decoration: none;
padding: 0 20px;
border-radius: 0px !important;
}
.header-horizontal #header-tools:before {
display: none;
}
.wp-block-button {
margin-bottom: 10px;
}
.footer-logo {
text-align: left;
padding: 60px 0 0 0;
float: left;
}
#footer .content-limiter {
border-bottom: 1px solid #31363d;
padding: 0 0 60px 0;
}
.footer-social {
float: right;
text-align: right;
padding: 70px 0 0 0;
}
.socials a {
background-color: #000 !important;
border-radius: 250px;
padding: 15px;
}
.under_content_tags a {
text-decoration: none;
}
.post .post-meta, .post .post-meta a {
color: #141414;
}
.foot-widgets .widget {
margin: 45px 0 0 3%;
} .whole-layout {
position: absolute;
top: 0;
width: 100%;
}
#topbar{
width:100%;
padding:15px 0 5px 0;
font-family: 'Assistant',sans-serif;
font-size:16px;
color:#FFF;
}
.hdrpart{
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-top:10px !important;
}
#header, #header.a13-light-variant, #header.a13-dark-variant{
background-color:transparent;
box-shadow:none;
}
.page-title{
position:relative;
top:60px;
}
.title-bar .post-meta{
position:relative;
top:70px;
}
.topleft{
float:left;
text-align:left;
}
.topright{
float:right;
text-align:left;
}
.qstn{
margin-right:20px;
}
.phnnumber{
margin-right:20px;
}
.tpsocial .socials a{
padding:0px;
border-radius:0px;
background-color:transparent !important;
height:16px;
line-height:23px;
font-size:14px;
}
.phnnumber .fa-phone {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
padding-left:5px;
} #navigation {
text-align: right;
padding: 0;
}
.main-navigation {
display: inline-block;
width: auto;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul li a {
z-index: 99;
}
.main-navigation ul ul {
float: left;
text-align: left;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
display: block;
min-width: 230px;
background: #ffffff;
opacity: 0;
transition: all ease 0.23s;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation ul li.focus > ul {
display: block;
opacity: 1;
z-index: 1000;
transform: scale(1,1);
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation li {
position: relative;
display: inline-block;
margin-bottom: 0;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul > li:hover > ul {
opacity: 1;
left: 0;
z-index: 9999;
}
.main-navigation ul ul li:hover > ul {
opacity: 1;
left: 100%;
}
.main-navigation li li {
float: none;
display: block;
}
.main-navigation ul li li:last-child > a {
border: none;
}
.main-navigation ul li a {
display: block;
padding: 0px 20px;
position: relative;
z-index: 99;
line-height: 90px;
transition: all ease 0.23s;
text-decoration: none;
color: #141414;
}
.main-navigation ul li:hover a, .main-navigation ul li a:focus, .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a,  .main-navigation ul li.current_page_item a {
opacity: 1;
color: #6abe52;
}
.a13-sticky-variant .main-navigation ul li a {
color: #b0b0b0;
}
.a13-sticky-variant .header-search-toggle {
color: #FFF;
}
.a13-sticky-variant .main-navigation ul li a:hover, .a13-sticky-variant .main-navigation ul li.current-menu-item a,  .a13-sticky-variant .main-navigation ul li.current_page_item a {
color: #ffffff;
}
.main-navigation ul ul li a:hover, .main-navigation ul ul li a:focus {
color: #ffffff;
background: #6abe52;
}
.main-navigation ul li ul li a {
line-height: 40px;
}
.main-navigation li > a {
position: relative;
}
.main-navigation li li.current_page_item > a:after,
.main-navigation li li.current-menu-item > a:after,
.main-navigation ul li li a:hover:after {
display: none;
}
.main-navigation li.menu-item-has-children > a {
padding-right: 24px;
}
.main-navigation li.menu-item-has-children > a:after {
content: '\f078';
right: 0px;
top: 0px;
width: 20px;
height: 20px;
font-family: FontAwesome;
font-size: 12px;
margin-left: 5px;
position: absolute;
}
.main-navigation ul ul li.menu-item-has-children > a:after {
content: '\f054';
right: 0;
}
.main-navigation ul ul li.menu-item-has-children > a:hover:after {
color: #ffffff;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.menu-toggle {
width: auto;
}
.menu-toggle:hover {
opacity: .89;
}
.toggled .menu-toggle span {
background: #141414;
}
.menu-toggle span {
background: #6abe52;
border: none;
height: 3px;
width: 32px;
position: absolute;
top: 7px;
left: 4px;
transition: all .25s ease;
cursor: pointer;
}
.menu-toggle span:nth-of-type(2) {
top: 18px;
}
.menu-toggle span:nth-of-type(3) {
top: 29px;
}
.main-navigation button.menu-toggle:focus {
outline: 1px solid #141414;
border-radius: 0;
}
@media screen and (max-width: 29.938em) {
.header-horizontal .mobile-menu .logo-container {
width: 100%;
flex: initial;
display: block;
float: none;
}
.header-horizontal #header-tools {
padding-right: 0;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
align-self: stretch;
text-align: center;
}
.topbar_tools_button {
float: none;
line-height: inherit;
display: table;
padding: 12px 20px;
margin: 0 auto;
text-align: center;
}
#header.narrow .head, #header.narrow .top-bar {
max-width: 100%;
}
.header-horizontal .head {
display: block !important;
}
.header-variant-one_line_centered .logo-container, .header-horizontal .logo-container a.logo {
margin: 0 auto;
}
a.logo {
font-size: 20px !important;
padding: 0px !important;
}
.focus a, .menu a:focus, .sitenav ul li a:focus {
color: #6abe52;
}
.tools_button {
margin: 10px 0 10px 0;
}
.footer-logo {
float: none;
text-align: center;
padding: 40px 0 0 0;
}
.footer-social {
float: none;
text-align: center;
padding: 40px 0 0 0;
}
.footer-social .socials a {
padding: 3px;
height: 40px;
width: 43px;
line-height: 35px;
}
.main-navigation ul li a {
line-height: 40px;
}
.topleft{
float:none;
text-align:center;
}
.topright{
float:none;
text-align:center;
padding-top:5px;
}
.whole-layout{ 
position:inherit !important;
}
#topbar{
color:#282828;
}
.tpsocial .socials.icons-only.white a{
color:#282828;
}
#navigation{
margin-top:-40px;
padding-bottom:20px;
}
.header-horizontal #header .head{
padding:0 15px;
}
}
@media screen and (max-width:47.938em) and (min-width:30.000em) {
.header-horizontal .mobile-menu .logo-container {
width: 100%;
flex: initial;
display: block;
float: none;
}
.header-horizontal #header-tools {
padding-right: 0;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
align-self: stretch;
text-align: center;
}
.topbar_tools_button {
float: none;
line-height: inherit;
display: table;
padding: 12px 20px;
margin: 0 auto;
text-align: center;
}
#header.narrow .head, #header.narrow .top-bar {
max-width: 100%;
}
.header-horizontal .head {
display: block !important;
}
.header-variant-one_line_centered .logo-container, .header-horizontal .logo-container a.logo {
margin: 0 auto;
}
a.logo {
font-size: 20px !important;
padding: 20px 0 0 0 !important;
}
.focus a, .menu a:focus, .sitenav ul li a:focus {
color: #6abe52;
}
.tools_button {
margin: 10px 0 10px 0;
}
.footer-logo {
float: none;
text-align: center;
padding: 55px 0 0 0;
}
.footer-social {
float: none;
text-align: center;
padding: 40px 0 0 0;
}
.footer-social .socials a {
padding: 3px;
height: 40px;
width: 43px;
line-height: 35px;
}
.main-navigation ul li a {
line-height: 40px;
}
.topleft{
float:none;
text-align:center;
}
.topright{
float:none;
text-align:center;
padding-top:5px;
}
.whole-layout{ 
position:inherit !important;
}
#topbar{
color:#282828;
}
.tpsocial .socials.icons-only.white a{
color:#282828;
}
#navigation{
margin-top:-40px;
padding-bottom:20px;
}
.header-horizontal #header .head{
padding:0 15px;
}
}
@media screen and (max-width:63.938em) and (min-width:48.000em) {
.header-horizontal .mobile-menu .logo-container {
width: 100%;
flex: initial;
display: block;
float: none;
}
.header-horizontal #header-tools {
padding-right: 0;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
align-self: stretch;
text-align: center;
}
.topbar_tools_button {
float: none;
line-height: inherit;
display: table;
padding: 12px 20px;
margin: 0 auto;
text-align: center;
}
#header.narrow .head, #header.narrow .top-bar {
max-width: 100%;
}
.header-horizontal .head {
display: block !important;
}
.header-variant-one_line_centered .logo-container, .header-horizontal .logo-container a.logo {
margin: 0 auto;
}
a.logo {
font-size: 20px !important;
padding: 20px 0 0 0 !important;
}
.focus a, .menu a:focus, .sitenav ul li a:focus {
color: #6abe52;
}
.tools_button {
margin: 10px 0 10px 0;
}
.footer-logo {
float: none;
text-align: center;
padding: 55px 0 0 0;
}
.footer-social {
float: none;
text-align: center;
padding: 40px 0 0 0;
}
.footer-social .socials a {
padding: 3px;
height: 40px;
width: 43px;
line-height: 35px;
}
.main-navigation ul li a {
line-height: 40px;
}
.whole-layout{ 
position:inherit !important;
}
#topbar{
color:#282828;
width:95%;
margin:0 auto;
}
.tpsocial .socials.icons-only.white a{
color:#282828;
}
#navigation{
margin-top:-40px;
padding-bottom:20px;
}
.header-horizontal #header .head{
padding:0 15px;
}
}
@media screen and (max-width:72.438em) and (min-width:63.250em) {
.header-horizontal .mobile-menu .logo-container {
width: auto !important;
}
a.logo {
font-size: 20px !important;
}
.footer-logo {
padding: 60px 0 0 45px;
}
.footer-social {
padding: 70px 45px 0 0;
}
.main-navigation ul li a {
line-height: 80px;
}
.green-banner h2 {
padding-top: 40px;
}
.header-horizontal #header{
width:95%;
left:0px !important;
right:0px !important;
margin:0 auto;		
}
}
@media screen and (min-width:1024px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
@media(max-width:1024px) {
.main-navigation {
width: 100%;
}
.main-navigation button.menu-toggle {
width: 40px;
text-align: left;
background: transparent;
border: 0;
color: #141414;
padding: 10px;
height: 40px;
position: relative;
cursor: pointer;
}
.main-navigation button.menu-toggle span.nav-icon {
float: right;
background: #fff;
color: #000;
height: 43px;
width: 45px;
line-height: 43px;
text-align: center;
position: absolute;
right: 20px;
top: 11px;
border: 1px solid;
}
#primary-menu ul.nav-menu {
position: absolute;
width: 100%;
left: 0;
box-shadow: 0 0 10px rgb(0 0 0 / 12%);
background: #ffffff;
z-index: 99;
margin-top: 5px;
}
.main-navigation button.menu-toggle span.nav-icon:hover {
background: #6abe52;
color: #ffffff;
cursor: pointer;
}
.main-navigation.toggled ul li {
text-align: left;
line-height: 37px;
float: left;
position: relative;
width: 100%;
}
.main-navigation.toggled ul ul,
.main-navigation.toggled ul ul ul {
position: relative;
width: 100%;
float: left;
display: block;
opacity: 0;
left: 0;
height: 0;
box-shadow: none;
}
.main-navigation ul ul ul {
right: 0;
opacity: 0;
left: 0;
}
.main-navigation.toggled ul li:hover ul,
.main-navigation.toggled ul li:focus ul,
.main-navigation.toggled ul li.focus ul {
display: block;
opacity: 1;
height: auto;
}
.main-navigation.toggled ul li:hover ul ul,
.main-navigation.toggled ul li:focus ul ul,
.main-navigation.toggled ul li.focus ul ul {
display: block;
opacity: 0;
height: 0;
box-shadow: none;
}
.main-navigation.toggled ul  ul li:hover ul,
.main-navigation.toggled ul  ul  li:focus ul,
.main-navigation.toggled ul  ul li.focus ul {
display: block;
opacity: 1;
left: 0;
height: auto;
box-shadow: none;
}
.main-navigation.toggled ul li a {
padding: 2px 15px;
}
}