.offcanvas-navigation {
width: 100%;
height: 100%;
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin: 0;
padding: 0;
visibility: hidden;
z-index: 7;
top: 0;
left: 0;
}
.offcanvas-navigation li {
width: 100%;
float: left;
opacity: 0;
pointer-events: none;
display: block;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 10px 0;
}
.offcanvas-navigation li .dropdown {
display: none;
margin: 0;
padding: 0 10%;
}
.offcanvas-navigation li:hover ul {
display: block;
}
.offcanvas-navigation li .dropdown li {
width: auto;
margin: 0 10px;
display: inline-block;
float: none;
font-size: 14px;
font-weight: 700;
}
.offcanvas-navigation li .dropdown li .dropdown {
padding: 0;
margin-top: 10px;
}
.offcanvas-navigation li .dropdown li .dropdown li {
font-size: 17px;
font-weight: 400;
font-family: 'Popins', sans-serif;
}
.offcanvas-navigation.is-opened {
z-index: 7;
visibility: visible;
}
.offcanvas-navigation li a {
color: #fff;
opacity: 1;
font-size: 36px;
font-weight: 700;
font-family: 'Popins', sans-serif;
position: relative;
z-index: 1;
}
.offcanvas-navigation li a:after {
content: "";
height: 100%;
width: 0%;
background-color: #cccccc;
top: 0;
left: 0;
z-index: -1;
position: absolute;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.offcanvas-navigation li a {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transform: all 0.4s ease;
transition: all 0.4s ease;
}
.offcanvas-navigation li a span {
font-size: 11px;
padding: 0 5px;
background: #fff;
color: #f50c1a;
position: absolute;
right: -4px;
top: -14px;
}
.offcanvas-navigation li a:hover {
text-decoration: none;
}
.offcanvas-navigation li a:hover:after {
animation: btnmove 1s linear;
}
.offcanvas-navigation.is-opened li {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
pointer-events: auto;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.offcanvas-navigation li:nth-of-type(1) {
transition-delay: 0s;
}
.offcanvas-navigation.is-opened li:nth-of-type(1) {
transition-delay: 0.65s;
}
.offcanvas-navigation li:nth-of-type(2) {
transition-delay: 0s;
}
.offcanvas-navigation.is-opened li:nth-of-type(2) {
transition-delay: 0.7s;
}
.offcanvas-navigation li:nth-of-type(3) {
transition-delay: 0s;
}
.offcanvas-navigation.is-opened li:nth-of-type(3) {
transition-delay: 0.75s;
}
.offcanvas-navigation li:nth-of-type(4) {
transition-delay: 0s;
}
.offcanvas-navigation.is-opened li:nth-of-type(4) {
transition-delay: 0.8s;
}
.offcanvas-navigation li:nth-of-type(5) {
transition-delay: 0s;
}
.offcanvas-navigation.is-opened li:nth-of-type(5) {
transition-delay: 0.85s;
}
.offcanvas-navigation li:nth-of-type(6) {
transition-delay: 0s;
}
.offcanvas-navigation.is-opened li:nth-of-type(6) {
transition-delay: 0.9s;
}
.shape-overlays {
width: 100vw;
height: 100vh;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
z-index: 6;
}
.shape-overlays.is-opened {
pointer-events: auto;
}
.shape-overlays__path:nth-of-type(1) {
fill: #000;
}
.shape-overlays__path:nth-of-type(2) {
fill: #1d1d1f;
}
.shape-overlays__path:nth-of-type(3) {
fill: #111111;
}
@-webkit-keyframes intervalOffCanvasBorder {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
80% {
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
100% {
opacity: 0;
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
}
@keyframes intervalOffCanvasBorder {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
80% {
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
100% {
opacity: 0;
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
}f         .masthead-container.header-controll .row{
align-items: center;
}
.site-header .site-branding a img {
padding: 8px 0 8px;
max-height: 150px;
}
.additional-menu-area .sidenav .additional-logo img {
max-height: none;
}
.site-header .rt-sticky-menu .site-branding a img {
max-height: 100px;
}
.site-header .rt-sticky-menu .main-navigation nav ul li a {
padding: 30px 10px;
font-size: 15px !important;
}
.fixed-header ul> li > a {
font-size: 18px;
color: #111111;
padding: 5px;
font-weight: 500;
-webkit-transition: all 0.3s 
ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s 
ease-out;
}
.fixed-header  ul > li {
margin-bottom: 20px;
position: relative;
}
.fixed-header  .elementor-element ul , .fixed-header  .footer-social {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.fixed-header .footer-about {
font-size: 15px;
color: #757575;
margin-bottom: 14px;
text-align:center
}
.fixed-header .rt-about-widget ul li a {
background-color: transparent;
color: #111111;
font-size: 16px;
width: inherit;
height: inherit;
display: inline-flex
;
justify-content: center;
align-items: center;
-webkit-transition: all 0.3s 
ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s 
ease-out;
}
.fixed-header .rt-about-widget ul li {
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
}   .fixed-sidebar-left.fixed-inner-div  .theiaStickySidebar .elementor-widget-wrap  {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}   .single-post .rt-single-content p {
margin-bottom: 10px;
}
.category  .blog-box , .tag  .blog-box{
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.category  .blog-layout-1 .entry-content , .tag  .blog-layout-1 .entry-content {
padding: 30px 30px 30px 30px;
position: relative;
text-align: left;
}
.single_author{
display: flex;
gap: 20px;
margin-top: 50px;
}
.single_author img{
width:300px
}
.post_grid  .post-grid-style2 .rtin-content {
background: #ffffff;
padding: 22px 20px 15px;
}
.post_grid .rt-grid-item:nth-child(odd) {
left: 0% !important;
}
.post_grid .rt-grid-item:nth-child(even) {
left: 50% !important;
}
.post_grid .rt-grid-item{
margin-top:20px
}
.post_grid h3{
min-height:62px;
}
.mr20{
margin-left: 20%;
}
.fixed-header{
height: 900px;
position: fixed;
left: 0;
top: 0; }
.fixed-bar-coloum-menu .elementor-widget{
margin-bottom:0px
}
.fixed-header .gtranslate_wrapper{
display: flex;
justify-content: center;
} .about_me *{
position: relative;
z-index: 2;
}
.about_me::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6); z-index: 1;
}
.about_me p
{
font-size: 16px;
line-height:1.3;
padding:0px 10px;
}
.about_me img{
padding-top:10px
}
.about_me{
position: absolute;
right: 0px;
left: 50px;
bottom: 50px;
width: 91%;
}
.entry-banner .entry-banner-content {
padding: 30px 0 35px;}  .footer-logo img{
max-height: none;
background: #FFF;
padding: 10px;
border-radius: 50%;
height: 180px;
width: 180px;
max-width: none;
}
.footer-area .widget_media_image img {
border-radius: 50%;
}
footer i.fa.fa-heart.faa-pulse.animated {
color: #fb705d
}
.heartbeat {
color: red;
animation: heartbeat 1.5s infinite;
}
@keyframes heartbeat {
0% {
transform: scale(1);
}
25% {
transform: scale(1.2);
}
40% {
transform: scale(1);
}
60% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
footer .tophead-social{
display:none
}
.copyright_sec{
display: flex
;
justify-content: space-between;
}
.copyright_sec p{
margin-bottom:0px
}
.footer-bottom-area{
padding:7px
}    @media (min-width: 320px) and (max-width: 767px){
.mr20{
margin-left:0
}
.post_grid .rt-grid-item:nth-child(even) {
left: 0% !important;
}
.no-banner .content-area {
padding-bottom: 0px;
}
.copyright_sec {
display: block;
}
.mean-container .mean-bar .logo-small {
max-height: 120px;
}
.mean-container a.meanmenu-reveal{
top:30%
}
.about_me {
position: absolute; right: 0%;
left: 30px;
width: 84%;
bottom: 0;
}
} @media (min-width: 768px) and (max-width: 1023px) {
.mr20{
margin-left:0
}
.mean-container .mean-bar .logo-small {
max-height: 120px;
}
.mean-container a.meanmenu-reveal{
top:30%
}
.about_me {
position: absolute;
top: 80%;
right: 0%;
left: 4%;
width: 92%;
}
} @media (min-width: 1024px) and (max-width: 1180px)  {
.w100{
width:100%
}	
.tab_bar .elementor-container.elementor-column-gap-default{
justify-content: flex-end !important;
}
.post_grid .rt-grid-item:nth-child(even) {
left: 0% !important;
}
.about_me {
position: absolute;
top: 66%;
right: 0%;
left: 12%;
width: 87%;
}
}