.stickynavbar {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
background: #fff;
}
.stickynavbar {
background-color: #131415;
z-index: 9999999999999;
padding-top: 0 !important;
}
.stickynavbar{
position: fixed;
top: 0px;
width: 100%;
padding-bottom: 0 !important;
}
.nav_wrap {
clear:both;
background-color: transparent;
margin-bottom: 0em;
z-index: 99;
}
.admin-bar .stickynavbar{ 
margin: 32px 0px 0px 0px !important;
}
.logo a {
color: #fff;
font-size: 24px;
letter-spacing: 1px;
font-weight: 400;
}
.logo a:hover {
color: #fff;
}
.logo p{ 
color: #fff;
margin-bottom: 0;
font-size: 18px;
}
.menubar .social-media{
padding:12px 0; 
text-align:center;
}
.scrolled {
position: fixed !important;
top: 0;
width: 100%;
z-index: 9999999;
background:#fff;
}
#masthead.scrolled {
background: #ccc;
}
#site-navigation {
width: 100%;
} #header_navigation .mial-icon i {
color: #fff;
padding: 6px 5px;
font-size: 30px;
text-align: center;
}
#header_navigation .mail_content a{
font-size: 14px;
line-height: 22px;
color: #ffffff;
font-weight: 400;
}
#header_navigation .mail_content span{
font-size: 12px;
line-height: 22px;
color: #ffffff;
font-weight: 700;
}
#header_navigation .head_button{
text-align: right;
}
#header_navigation .head_button a{
font-size: 14px;
line-height: 82px;
color: #000000;
font-weight: 400;
background:#ffcc00;
padding: 10px 25px;
}
.main-header-box {
position: relative;
z-index: 0;
}
header#masthead {
background:#565b6d;
}
.page-template-home-page header#masthead {
position: absolute;
z-index: 2;
width: 100%;
background: transparent;
}
.main-navigation ul li:hover > ul{
display: block;
} ul.list_nav {
margin: 0 auto;
text-align: center;
display: block;
text-align: right;
}
.main-navigation ul{
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li a:hover{
color: #ffcc00;
}
.main-navigation li{
position: relative;
display: inline-block;
}
.main-navigation .sub-menu li .current_page_item > a{
color: #492c1e ;
}
.main-navigation ul#menu-primary-menu .current-menu-item > a{
color: #ffcc00;
}
.stickynav .main-navigation .current-menu-item > a{
color: #ffcc00;
}
.menubar {
float: right;
}
.main-navigation .sub-menu li:before {
content: "\f105";
position: absolute;
left: 9px;
top: 8px;
font-family: "Font Awesome";
font-weight: 800;
font-size: 25px;
color: #000;
opacity: 0;
}
.main-navigation .sub-menu a:hover:after {
display: none;
}
.main-navigation a {
padding: 25px 6px 25px 20px;
display: inline-block;
position: relative;
transition-duration: 0.3s;
font-size: 14px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
font-family: "Noto Sans";
}
.main-navigation ul ul{
display: none;
position: absolute;
left: 0;
top: 100% ;
background: #ffcc00;
min-width: 240px;
z-index: 9999;
padding-left: 0px;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
visibility: hidden;
}
.main-navigation ul ul {
left: auto;
top: 62px;
text-align: left;
-ms-animation: zoomIn .3s ease-in-out;
-webkit-animation: zoomIn .3s ease-in-out;
animation: zoomIn .3s ease-in-out;
border-radius: 0;
}
.main-navigation ul ul {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1 !important;
visibility: visible;
}
.main-navigation ul ul ul{
left: 100%;
top: 0;
}
.main-navigation ul ul a{
text-transform: capitalize;
font-weight: 400;
color: #fff;
font-size: 14px;
line-height: 1.5;
padding-left: 10px;
text-align: left;
padding: 5px 20px;
transition: all 0.5s ease 0s;
}
ul.sub-menu li a:hover {
-moz-transform: translate(15px, 0%);
-ms-transform: translate(15px, 0%);
-webkit-transform: translate(15px, 0%);
-o-transform: translate(15px, 0%);
transform: translate(15px, 0%);
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
float: none;
display: block;
text-align: left;
}
.main-navigation ul ul li:hover > a{
color: #fff;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
margin: 0 0 15px;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
float: left;
width: 50%;
}
.nav-links .nav-previous{
padding: 1.5rem 2rem;
border: none;
position: relative;
margin-right: 17px;
background: #f4f5f6;
}
.nav-links .nav-next{
width: 50%;
padding: 1.5rem 2rem;
border: none;
position: relative;
background: #f4f5f6;
}
.nav-links {
display: inline-flex;
width: 100%;
margin-top: 25px;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
float: right;
text-align: right;
}
#header_navigation input.search-field {
padding: 10px 15px;
width: 100%;
border: 5px solid #ffcc00;
color: #222222;
}
#header_navigation  input[type="submit"].search-submit {
padding: 18px 30px;
font-weight: 500;
color: #ffffff;
border-radius: 0px;
border: none;
background-color: #ffcc00;
}
#header_navigation input.search-submit{
position: absolute; 
}
#header_navigation .button label{
width: 50%;
float: none;
} .footer-cols {
padding-top: 40px;
padding-bottom: 40px;
}
#footer
{
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.outer-footer {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.footer-social .socialbox a {
border-right: none;
}
.footer-social .socialbox a i {
color: #ffffff;
}
.footer-top {
padding-bottom: 50px;
}
.footer-top-col h3 {
font-size: 20px;
font-weight: bold;
}
.outer-footer {
background-size: 100% 100%;
}
#footer form.search-form{
border: none;
background: transparent;
padding: 0;
}
#footer form.search-form input{
float: none;
border: 1px solid #fff;
margin: 8px 0px;
}
#footer .social-icons i {
font-size: 12px;
color: #ffcc00;
}
#footer .widget_recent_entries img {
width: 70px;
float: left;
padding-right: 10px;
}
#footer .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
display: inline-block;
font-size: 11px;
letter-spacing: 0px;
color: #afafad;
font-weight: 400;
margin-top: 2px;
}
#footer .wp-block-latest-posts__post-author {
padding-right: 10px;
}
#footer .social-icons a {
display: inline-block;
line-height: 10px;
}
#footer input[type="email"] {
font-size: 15px;
letter-spacing: 0px;
line-height: 40px;
color: #414447;
font-weight: 600;
padding: 5px 18px;
}
#footer input[type="submit"] {
font-size: 14px;
line-height: 25px;
background: #ffcc00;
width: 100%;
color: #ffffff;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
text-align: center;
border-radius: 50px;
}
#footer input[type="email"]::placeholder {
font-size: 14px;
line-height: 25px;
color: #afafad;
font-weight: 400;
text-align: center;
}
#footer textarea{
height: 100px;
}
#footer p.post-date {
font-size: 13px !important;
line-height: 26px;
color: #ffcc00;
font-weight: 600;
}
.home #footer{
margin-top: -95px;
}
#footer {
color: #fff;
text-align: left;
position: relative;
}
.footer_hide{
display:none;
}
#footer .footer-cols h3 {
font-size: 20px;
letter-spacing: 0px;
color: #fdf3f4;
font-weight: 500;
font-family: "Poppins";
position: relative;
}
#footer .footer-cols p {
font-size: 12px;
line-height: 30px;
color: #f9f6f6;
font-weight: 200;
font-family: "Poppins";
}
#footer .copyright {
background: #000;
}
#footer .copyright p {
color: #ffffff;
font-weight: 300;
letter-spacing: 1px;
font-family: "Poppins";
font-size: 12px;
text-align: center;
line-height: 20px;
padding: 12px 0;
margin-bottom: 0;
}
#footer .copyright a {
color: #ffcc00;
cursor: pointer;
}
#footer ul {
padding: 0;
margin-bottom: 0;
}
#footer ul li{
list-style:none;
margin:0 0 9px 0;
color: #6c6f73;
text-align:left;
}
#footer ul li a{
font-size: 15px;
line-height: 20px;
display: inline-block;
font-size: 16px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
}
#footer ul li{
padding: 5px 0px;
}
.home #footer .darkbox {
padding-top: 55px;
}
#footer p {
font-size: 15px;
letter-spacing: 0px;
line-height: 25px;
color: #ffffff;
font-weight: 400;
}
#footer .textwidget input[type="email"]
{
border-radius: 0px;
border:1px solid #414447;
}
#footer .textwidget input[type="submit"]
{
background-color: #ffcc00;
border-radius: 0px;
padding: 15px;
border:0px;
display: inline-block;
width: 55%;
margin-top: 20px;
font-size: 15px;
line-height: 22px;
color: #ffffff;
font-weight: 400;
text-align: center; 
}
#footer .contact-widget i {
color: #6c6f73;
margin-right: 10px;
font-size: 16px;
width: 18px;
}
#footer span.contact {
border-left: 1px solid #fff;
padding-left: 10px;
}
#footer i.fas.fa-phone-volume {
transform: rotate( -45deg);
}
#footer .footer-logo {
width: 200px;
}
#footer .social a:hover{
background:#ffcc00;
color: #ffffff;
}
#footer .social a {
color: #565b6d;
margin-right: 4px;
border: none;
border-radius: 0px;
width: 34px;
padding: 7px;
background: #252730;
height: 36px;
display: inline-block;
font-size: 13px;
text-align: center;
}
#footer .widget td 
{
padding-top: 0px !important;
}
#footer #site-navigation ul li a
{
font-size: 15px;
letter-spacing: 1px;
color: #919191;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
#footer #site-navigation ul li
{
margin-right: 20px;
}
#footer #site-navigation
{
text-align: center;
border-bottom: 1px solid #292929;
margin-bottom: 20px;
padding-bottom: 20px;
padding-top: 65px;
}
#footer .main-navigation li.current_page_item
{
background-color: transparent;
}
#footer .footer-logo-box
{
margin: 0 auto;
display: block;
position:absolute;
top: -154px;
left: 0;
right: 0;
background-color: #111111;
padding: 20px 15px;
max-width:180px;
max-height: 180px;
border-radius: 50%;
}
.wpcf7 .ajax-loader {
display: none;
}
div#footer_box {
background: #131415;
}
#footer .gallery-icon img {
border: none; 
}
#footer .gallery-item{
float: left;
margin: 3px !important;
text-align: center;
width: 30% !important;
}
#footer h3.widget-title {
font-size: 20px;
color: #ffffff;
font-weight: 700;
}
#footer .footer3 ul li a:before {
content: "\f099";
font-family: 'Font Awesome 5 Brands';
padding-right: 10px;
color: #ffcc00;
font-size: 14px;
} table {
border-collapse: collapse;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%;
}
.widget.widget_calendar table {
margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
border: 1px solid #fff;
color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
color: #ffffff;
padding: 2px;
}
.widget_calendar td,
.widget_calendar th {
line-height: 1.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 0em;
color: #fff;
padding-left: 15px;
caption-side: top;
}
.widget_calendar tbody a {
background-color: #bbb;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
.widget th,
.widget td {
padding: 0.5384615385em;
} #return-to-top {
display: inline-block;
background-color: #ffcc00;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, 
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1;
}
#return-to-top:after {
content: "\f077";
font-family: "Font Awesome 5 Free";
font-weight: 800;
font-size: 25px;
color: #fff;
text-align: center;
line-height: 50px;
}
#return-to-top:hover {
cursor: pointer;
background-color: #1c1c1c;
}
#return-to-top:active {
background-color: #555;
}
#return-to-top.show {
opacity: 1;
visibility: visible;
}