/* Navigation Sub
------------------------------------- */
.fff {
    color: #524e4e  !important;
}
a:hover
{
	text-decoration: none;
}
.m0
{
margin: 0;
}
.width100
{
width: 100%;
}
button:focus
{
outline: none;
}
.mobdisb {
display: none;
}
.border-top-class {
border-top: 1px solid gray;
padding-top: 20px;
margin-top: 30px;
color: #000;
}
.border-top-class.text-center, header button, nav.main .megamenu h6 {
font-weight: 500;
font-family: 'Fredericka the Great', cursive;
}
nav.sub {
border-bottom: 1px solid #ebebeb;
padding: 10px 0;
}
/* Navigation Main
------------------------------------- */
nav.main .nav-logo {
max-width: 200px;
width: 100%;
}
nav.main ul {
padding-left: 0;
list-style-type: none;
}
/* ------ Mega Menu ------ */
nav.main .megamenu {
padding: 20px 20px;
position: absolute;
top: auto;
left: 0;
right: 0;
width: 90%;
margin-left: auto;
margin-right: auto; 
border-top: 2px solid #f5f5f5;
}
/* ------ Mid Menu ------ */
nav.main .midmenu {
position: absolute;
padding: 20px 20px;
float: left;
top: auto;
left: auto;
right: auto;
max-width: 650px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.dropdown-menu.megamenu.midmenu.show {
right: 0;
}
.dropdown-menu.show {
right: 0;
}
header
{
position: relative;z-index: 999;
}
.logo
{
height: 60px;
}
ul.dropdown-menu.megamenu {
/*background: url(../img/BG.jpg);*/    padding: 33px 40px;
}
.dropdown-menu
{
min-width: 14rem;
padding: 0;
}
nav.main .megamenu
{
border-right: none;
border-radius: 0;
}
nav.main .megamenu h6
{
text-transform: uppercase;
font-weight: 700;
color: #eb550a;
font-size: 16px; 
}
nav.main .megamenu li a
{
line-height: 22px;
font-size: 16px;
color: #000;

}
nav.main .megamenu li
{
padding: 5px 7px;
}
.call-list h3,.call-list span.callcontent,.call-list a
{
text-align: left;
color: #555252 !important;
font-weight: 500;
font-family: 'Fredericka the Great', cursive;
}
.call-list span.callcontent
{
font-size: 32px;
display: block;
line-height: 40px;
}
.call-list h3
{
margin-top: 10px;
margin-bottom: 10px;
}
.call-list a
{
font-size: 1.75rem !important;
line-height: 38px !important;
}
li.nav-item {
    padding: 0 18px;
}
.navbar-light .navbar-nav .nav-link {
display: inline-block;
padding: 0px;
line-height: 66px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 0;
font-weight: 400;
color:#696767;   
margin-bottom: -1px;
}
.dropdown-item {
display: block;
padding: 0 9px;
position: relative;
border-bottom: none;
white-space: inherit;
width: 14rem;
font-weight: 500;
padding: 7px 9px;
line-height: 19px;
padding: 7px 35px;
}
.dropdown-menu
{
/*border: 2px solid #f5f5f5;*/
}
.dropdown:hover .dropdown-menu {
display: block;
animation: spMenuFadeInUp .4s;
padding: 28px 0;
}
@keyframes spMenuFadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}100%{opacity:1;transform:none}}
.border-r {
border-right: 1px solid #f1f0f0;
padding-left: 0;
min-height: 235px;
}
.sticky {
position: fixed;
top: 0;
width: 100% !important;
z-index: 777;
margin: auto;
background: #fff;
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
}
.sticky#myHeader {
background: #fff;
-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
-moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}
.sticky#myHeader .navbar {
padding: 0;
width: 1350px;
}
#myHeader {
    /*border-top: solid 5px #f36729bf;*/
	position: absolute;
}
header button
{
letter-spacing: 2px;
}
.navbar
{
padding: 0rem;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #fff;
}
.dropdown-toggle::after {
    position: relative;
    top: 2px;
    }
.callbutton a
{
position: relative;
top: -3px;
}
.mr13
{
margin-right:13px;
}
li.nav-item.call-item.calllisticon img {
position: relative;
top: -1px; -webkit-transition: 0.6s ease-out;
-moz-transition: 0.6s ease-out;
transition: 0.6s ease-out;
}
li.nav-item.call-item.calllisticon:hover img
{
-webkit-transform: rotateZ(720deg);
-moz-transform: rotateZ(720deg);
transform: rotateZ(720deg);
}
li.nav-item.call-item.calllisticon a:hover {
color: #ffffff;
}
li.nav-item.call-item.calllisticon:hover
{
box-shadow:0 3px 7px rgba(57, 63, 72, 0.3);
}
.homelandsec.top0
{
top: 0;
}
.nav-item a:hover,.dropdown-menu.megamenu a:hover
{
color: rgb(231, 75, 44);
}
ul.dropdown-menu.megamenu {
padding: 33px 40px !important;
}
.header.stivky{
box-shadow: 0 3px 6px rgba(0,0,0,.05);
position: fixed;
width: 100%;
z-index: 999999;
top: 0;
background: #fff;
-webkit-animation: slide-down 0.7s;
-moz-animation: slide-down 0.7s;
animation: slide-down 0.7s
}
@-webkit-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}
@-moz-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}
@keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}
.top-auto{top:auto}
i.fa.fa-phone {
color: #df5c1e;
font-size: 25px;
position: relative;
top: 2px;
left: 43px;
}
i.fa.fa-whatsapp.mobdisb {
    position: relative;
    left: 17px;
}
.navbar-light .navbar-toggler {
border-color: transparent;
margin-left: 55px;
}
.call-item {
background: #000;
padding: 0;
border-radius: 5px;
position: relative;
top: 13px;
height: 38px;
}
.navbar-light .navbar-nav .call-item .nav-link {
color: #fff;
line-height: 38px;
font-size: 15px;
font-weight: 600;
}
.navbar-expand-lg .navbar-nav ul.dropdown-menu.megamenu {
  background: linear-gradient( 
135deg
 ,#fff 30%,#ffefe0 56%,#fff 83%,#fff);
    width: 100%;
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    margin: 0;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
}
.call-list h3
{
margin-top: 10px;
margin-bottom: 10px;
}
.call-list a
{
font-size: 1.75rem !important;
line-height: 38px !important;
}

#offcanvas-toggler {
float: right;
line-height: 1;
z-index: 999;
display: none;
padding-right: 6px;
margin-left: 70px;
}
#offcanvas-toggler>i {
display: inline-block;
padding: 0 0 0 1px;
font-size: 25px;
background: 0 0;
margin: 0;
border-radius: 3px;
cursor: pointer;
color: #eb550a;
-webkit-transition: color .4s, background-color .4s;
-o-transition: color .4s, background-color .4s;
transition: color .4s, background-color .4s
}
#offcanvas-toggler>i:hover {
color: #eb550a
}
.close-offcanvas {
position: fixed;
top: 15px;
right: 15px;
z-index: 1;
color: #f1480b;
border: 2px solid #f1480b;
border-radius: 100%;
width: 22px;
height: 22px;
line-height: 18px;
text-align: center;
font-size: 12px
}
.close-offcanvas:hover {
background: #000;
color: #fff
}
.offcanvas-menu {
width: 280px;
height: 100%;
background: #fff;
color: #000;
position: fixed;
top: 0;
opacity: 0;
z-index: 99;
overflow-y: scroll
}
.offcanvas-menu .offcanvas-inner .sp-module {
margin-top: 20px
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li {
border: none;
width: 100%;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover {
background: #f5f5f5
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li>a:before {
display: none
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
margin-top: 0
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content>ul {
margin: 0 -20px
}
.offcanvas-menu .offcanvas-inner .search {
margin-top: 25px
}
.offcanvas-menu .offcanvas-inner .search input {
width: 100%;
border-radius: 0;
border: 1px solid #eee;
box-shadow: none;
-webkit-box-shadow: none
}
.ltr .offcanvas-menu {
-webkit-transition: opacity .4s cubic-bezier(.7, 0, .3, 1), right .4s cubic-bezier(.7, 0, .3, 1);
transition: opacity .4s cubic-bezier(.7, 0, .3, 1), right .4s cubic-bezier(.7, 0, .3, 1)
}
.ltr .body-innerwrapper:after {
/* right:0 */
}
.ltr .offcanvas-menu {
right: -280px
}
.body-innerwrapper:after {
position: absolute;
top: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, .8);
content: '';
opacity: 0;
-webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
transition: opacity .5s, width .1s .5s, height .1s .5s;
z-index: 7;
}
.offcanvas-menu
{
display: none;
}
.make-me-sticky a
{
padding: 8px 20px 10px;
}

#toggle1 {
    display: none;
}
.header#myHeader.stivky
{
	position: fixed;
}
.header#myHeader.stivky .navbar-light .navbar-nav .nav-link ,.header#myHeader.stivky .navbar-light .navbar-nav .nav-link:focus, .header#myHeader.stivky .navbar-light .navbar-nav .nav-link:hover {
    color: #000;
}
.header#myHeader.stivky .navbar-light .navbar-nav .call-item .nav-link
{
	color: #fff;
}