@charset "UTF-8";

/*

Polo - Multipurpose HTML5 Template
Version: 5.9.9
Website: https://inspirothemes.com/themes/polo
License: https://inspirothemes.com/themes/polo/license.html
Inspiro Themes (https://inspirothemes.com)
Author: INSPIRO - Ardian Berisha
Copyright 2021

*/
/* Disable on iOS devices */
@supports (-webkit-touch-callout: none) {
.parallax-container {
background-attachment: scroll !important;
}
}
@media (min-width: 768px) {
#header[data-fullwidth="true"]
#mainMenu:not(.menu-left):not(.menu-center)
nav
> ul
> li.mega-menu-item
> .dropdown-menu {
left: auto;
right: 0;
}
}

@media (max-width: 1450px) {
#header,
#header .header-inner {
height: 150px;
}

#header #logo {
width: 100% !important;
height: auto !important;
text-align: center;
margin: 0 !important;
float: none !important;
left: 0;
right: 0;
}

#header #logo > a {
display: inline-block;
}

#header #logo > a img {
max-height: 80px;
padding-bottom: 4px;
}

#header.header-sticky #logo {
display: none;
}

#header.header-sticky,
#header.header-sticky .header-inner {
height: auto;
}

#mainMenu nav {
float: left;
padding-top: 10px;
}

#header.header-sticky .header-inner #mainMenu nav {
padding-top: 20px;
}

.header-extras {
padding-top: 4px;
}

#header.header-sticky .header-inner .header-extras {
padding-top: 17px;
}

#mainMenu nav > ul {
display: flex;
justify-content: center;
align-items: center;
}
}

@media (max-width: 1199px) {
#mainMenu nav > ul > li {
margin-left: 0px;
}

#mainMenu nav > ul > li > a {
padding: 10px 4px;
}

button.btn.btn-lg,
.btn:not(.close):not(.mfp-close).btn-lg {
padding: 24px 15px;
}

.post-item-description {
padding: 24px 24px 24px 40px;
}

.post-thumbnails .post-item .post-image img {
height: 290px;
}

.special-banner {
margin-top: -120px;
}

.call-to-action {
padding: 20px 20px 34px;
}

#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
width: 1079px;
}
}

@media (max-width: 1199px) and (min-width: 992px) {
.hidden-1199 {
display: none;
}
}

@media (max-width: 1128px) {
#mainMenu nav > ul > li > a {
font-size: 13.75px;
}

.fa-home.fs-20 {
font-size: 18px !important;
}
}

@media (max-width: 1036px) {
#header[data-fullwidth="true"] .header-inner .container,
#header[data-fullwidth="true"] #header-wrap .container {
padding: 0 30px;
}

#header #logo {
width: 100%;
text-align: center;
margin: 0 !important;
float: none;
height: 80px;
left: 35px;
right: 0;
}

#header #logo > a {
display: inline-block;
}

#header #logo > a img {
max-height: 80px;
padding-bottom: 6px;
}

#header[data-transparent="true"] + main {
top: -120px;
margin-bottom: -124px;
position: relative;
}

#header[data-transparent="true"] + main > #page-title {
padding: 220px 0 160px 0;
}

#header[data-transparent="true"] + .fullscreen {
top: -80px;
margin-bottom: -80px;
}

.header-extras {
float: none;
height: 0px;
}

.header-extras > ul > li {
width: 50%;
padding: 0 5px;
}

.header-extras > ul > li > a:not(.btn) {
padding: 0;
}

.header-extras button.btn {
width: 100%;
}

#header.header-sticky .header-extras > ul > li {
width: 45%;
}

/*Main Menu*/
#mainMenu-trigger {
opacity: 1;
visibility: visible;
float: left;
height: 0;
top: 48px;
}

#header.header-sticky #mainMenu-trigger {
top: 43px;
}

#mainMenu nav > ul {
display: block;
}

#mainMenu:not(.menu-overlay) {
max-height: 0;
clear: both;
display: block;
width: 100%;
opacity: 1;
overflow: hidden;
-webkit-transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86),
opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86),
opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}

#mainMenu:not(.menu-overlay) > .container {
text-align: left !important;
width: 100%;
max-width: 100%;
}

#mainMenu:not(.menu-overlay) nav {
line-height: 40px;
float: none;
width: 100%;
padding-bottom: 20px;
-webkit-transition: 0.7s ease;
transition: 0.7s ease;
opacity: 0;
-webkit-transform: translateY(-18px);
-ms-transform: translateY(-18px);
transform: translateY(-18px);
}

#mainMenu:not(.menu-overlay) nav > ul {
float: none;
width: 100%;
background-color: #fff;
}

#mainMenu:not(.menu-overlay) nav > ul > li {
padding: 0 20px;
margin: 0;
clear: both;
float: none;
display: block;
border: 0;
}

#mainMenu:not(.menu-overlay) nav > ul > li > a {
display: block;
padding: 12px 0;
font-size: 14px;
border: 0;
border-radius: 0;
}

#mainMenu:not(.menu-overlay) nav > ul > li.current > a,
#mainMenu:not(.menu-overlay) nav > ul > li:hover > a,
#mainMenu:not(.menu-overlay) nav > ul > li:focus > a {
color: #2250fc;
}

#mainMenu:not(.menu-overlay) nav > ul > li > a:after {
display: none;
}

#mainMenu:not(.menu-overlay) nav > ul > li > a .menu-sub-title {
display: none !important;
}

#mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
right: 14px;
display: block;
}

#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
display: inline;
}

#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu {
background-image: none !important;
max-height: 0;
opacity: 0;
-webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1),
opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1),
opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
position: static;
clear: both;
float: none;
box-shadow: none;
border: 0 !important;
min-width: 100%;
margin: 0;
border-radius: 0px;
padding: 0 16px;
}

#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
line-height: 16px;
font-size: 14px;
padding: 12px 0;
display: block;
}

#mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item {
position: relative;
}

#mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content {
padding: 0 0 0 15px;
}

#mainMenu:not(.menu-overlay)
nav
> ul
> li.mega-menu-item
.mega-menu-content
.mega-menu-title {
padding-top: 12px;
padding-bottom: 12px;
}

#mainMenu:not(.menu-overlay)
nav
> ul
> li.mega-menu-item
.mega-menu-content
> a,
#mainMenu:not(.menu-overlay)
nav
> ul
> li.mega-menu-item
.mega-menu-content
> span,
#mainMenu:not(.menu-overlay)
nav
> ul
> li.mega-menu-item
.mega-menu-content
[class*="col-"]
> ul
> li
> a {
padding: 10px 0px 10px 0px;
}

#mainMenu:not(.menu-overlay)
nav
> ul
> li.mega-menu-item
.mega-menu-content
[class*="col-"]
> ul
> li:first-child
> a {
padding-top: 12px;
}

#mainMenu:not(.menu-overlay)
nav
> ul
> li.mega-menu-item
.mega-menu-content
[class*="col-"]
> ul
> li:last-child
> a {
padding-bottom: 12px;
}

#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu {
position: relative;
}

#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu:before {
right: 0;
top: 0;
font-size: 16px;
}

#mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu {
border: 0 none;
background-color: transparent;
display: block;
}

#mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu {
position: relative;
}

#mainMenu:not(.menu-overlay)
nav
> ul
li
> .dropdown-menu
> .dropdown-submenu:before {
right: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
font-size: 16px;
}

#mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu {
visibility: visible;
opacity: 1;
max-height: 3000px;
}

#mainMenu:not(.menu-overlay) nav > ul [class*="col-lg"] {
width: 100%;
max-width: 100%;
min-width: 100%;
-webkit-box-flex: 100%;
-webkit-flex: 100%;
-ms-flex: 100%;
flex: 100%;
padding: 0;
margin: 0;
}

#mainMenu:not(.menu-overlay).menu-animate nav {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

#mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li {
line-height: unset !important;
}

#mainMenu:not(.menu-overlay).menu-sub-title
nav
> ul
> li
.dropdown-submenu:before {
top: 0;
}

#mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a,
#mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:hover > a,
#mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:focus > a {
background-color: unset !important;
}

#mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current,
#mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover,
#mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus {
background-color: unset;
}

#mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current > a,
#mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover > a,
#mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus > a {
color: unset !important;
}

#mainMenu:not(.menu-overlay).menu-left nav {
margin-left: 0;
}

.mainMenu-open #header #mainMenu {
width: calc(100% + 14px);
display: block;
opacity: 1;
overflow-y: scroll;
}

.mainMenu-open #header .header-inner,
.mainMenu-open #header #header-wrap {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
background-color: #fff !important;
}

.mainMenu-open #header #logo .logo-default {
display: block;
}

.heading-creative {
font-size: 4.5em;
padding-bottom: 0.3em;
}
}

@media (max-width: 1088px) {
#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
width: 1006px;
}
}

@media (max-width: 991px) {
.container {
padding: 0 30px;
}

body .body-inner {
width: 100%;
margin: 0;
}

#page-content:not(.no-sidebar).sidebar-both > .container > .row .content,
#page-content:not(.no-sidebar).sidebar-both > .container-fluid > .row .content {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}

.content,
.sidebar {
width: 100% !important;
padding-left: 15px;
padding-right: 15px;
}

#page-content {
padding: 20px 0 20px 0;
}

#footer .copyright-content {
text-align: center;
line-height: 13px;
padding-top: 10px;
}

.copyright-content .social-icons {
float: none;
display: flex;
justify-content: center;
}

.carousel .flickity-button {
width: 40px;
}

.carousel .flickity-button.next,
.carousel .flickity-button.next:hover {
right: 10px !important;
opacity: 1;
}

.carousel .flickity-button.previous,
.carousel .flickity-button.previous:hover {
left: 10px !important;
opacity: 1;
}

.mfp-ajax-holder .mfp-close {
margin-right: 0;
}

.mfp-close {
font-size: 22px;
height: 30px;
line-height: 32px;
width: 30px;
}

#reviews .parallax-container,
#about .parallax-container {
background-position: top left !important;
}

#welcome .parallax-container {
background-position: top rightt !important;
}

.call-to-action {
padding: 26px 12px 18px;
}

[class*="col-"] > .call-to-action {
padding: 26px 26px 18px;
margin-top: 70px;
}

.img-fluid.float-right.w-50 {
float: none !important;
width: 100% !important;
}

.special-banner {
position: relative;
margin-top: 0px;
padding: 25px 0;
}

.special-next {
margin-top: 20px;
}

.post-thumbnails .post-item:not(.quote) .post-item-description,
.post-thumbnails .post-item .post-image {
float: none;
width: 100% !important;
}

.post-item .post-item-wrap {
border-radius: 0.42rem;
}

.post-item img {
border-top-left-radius: 0.42rem;
border-top-right-radius: 0.42rem;
border-bottom-left-radius: 0rem;
}

.post-item-description {
padding: 24px;
}

.shop-category-box {
margin: 20px;
}

h2,
.h2 {
font-size: 3.8rem;
line-height: 4rem;
}

h3,
.h3 {
font-size: 3rem;
line-height: 3.2rem;
}

h4,
.h4 {
font-size: 2.5rem;
line-height: 2.7rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
text-align: center;
}

.widget > h4,
.timeline .timeline-item > h4,
.accordion .ac-item .ac-title {
text-align: left;
}

.banner-section h4 {
font-size: 2.2rem;
line-height: 3rem;
}

.banner-section h4 span {
font-size: 4rem;
}

button.btn.btn-lg,
.btn:not(.close):not(.mfp-close).btn-lg {
font-size: 1.4rem;
}

.copyright-content .social-icons li a {
line-height: 13px;
}

.pl-40 {
padding-left: 0px !important;
}

.fullscreen.page-start {
padding-top: 60px !important;
}

.post-thumbnails .post-item .post-image img {
height: auto;
}
}

@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}

.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}

.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}

.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
/** Remove all paddings around the image on small screen */
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}

.mfp-img-mobile img.mfp-img {
padding: 0;
}

.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}

.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}

.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}

.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}

.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}

.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}

@media (max-width: 768px) {
html {
font-size: 81.25%;
}

.shape-divider svg {
height: 75px !important;
}
}

@media (max-width: 767px) {
section {
padding: 40px 0;
}

.breadcrumb {
float: none;
}

.page-menu,
#footer,
.widget > h4,
#footer.inverted p,
.widget-contact-us .p-sm,
p,
.list-group-item,
a.read-more {
text-align: center;
}

.footer-logo img {
float: none;

place-self: center;
}

.social-icons {
float: none !important;
display: flex;
justify-content: center;
}

.flickity-page-dots {
bottom: -50px;
}

.mobile-img-fluid {
display: block;
margin: 0 auto;
}

.post-item img.post-image-2 {
width: 100%;
float: none;
margin-right: 0px;
margin-bottom: 20px;
}

.container {
padding: 0 20px;
}
}

@media (max-width: 540px) {
h2,
.h2 {
font-size: 3.2rem;
line-height: 3.4rem;
}

h3,
.h3 {
font-size: 2.8rem;
line-height: 3rem;
}

h4,
.h4 {
font-size: 2.2rem;
line-height: 2.4rem;
}

.banner-section h4 {
font-size: 2rem;
line-height: 2.6rem;
}

.banner-section h4 span {
font-size: 3.8rem;
line-height: 4rem;
}

.heading-creative {
font-size: 2.5em;
}
}

@media (max-width: 475px) {
h2,
.h2 {
font-size: 3rem;
line-height: 3.2rem;
}

.text-light h3 {
font-size: 1.55em;
line-height: 1.1em;
}

.accordion .ac-item .ac-title {
font-size: 1.8rem;
}

.shop-category-box {
margin: 20px 0;
}

.grid-item {
padding: 0px;
}
}

@media (max-width: 465px) {
#header {
line-height: 50px;
}

#header,
#header .header-inner {
height: 200px;
}

.header-extras > ul > li {
width: 100%;
}

#header.header-sticky .header-extras > ul > li {
width: 90%;
}

#header #logo > a img {
max-height: 75px;
}

.fancy-textbox {
padding: 20px;
}
}

@media (max-width: 424px) {
.banner-section h4 span {
font-size: 3.6rem;
}

.timeline .timeline-item,
.timeline .timeline-item:first-child {
margin: 3rem 2rem 3rem 2rem;
}
}

@media (max-width: 405px) {
h2,
.h2,
h3,
.h3 {
font-size: 2.6rem;
line-height: 2.6rem;
}

.banner-section h4 span {
font-size: 3.4rem;
}

.icon-box.process {
padding: 0px;
}

.btn:not(.close):not(.mfp-close).btn-sm.break-btn {
font-size: 14px;
height: 45px;
line-height: 16px;
padding: 7px 14px;
}

.px-40 {
padding-left: 15px !important;
padding-right: 15px !important;
}

.timeline .timeline-item,
.timeline .timeline-item:first-child {
margin: 3rem 0rem 3rem 1rem;
}

.heading-creative {
font-size: 2.2em;
}
}

@media (max-width: 355px) {
.banner-section h4 span {
font-size: 3.1rem;
line-height: 3.2rem;
}

h6,
.h6 {
font-size: 1.2rem;
}

.call-to-action h3 span {
font-size: 7rem;
line-height: 7rem;
}

a.read-more {
font-size: 19px;
}

.heading-creative {
font-size: 1.9em;
}
}

@media (max-width: 330px) {
.banner-section h4 {
font-size: 1.8rem;
line-height: 2.2rem;
}

.banner-section h4 span {
font-size: 2.9rem;
}

p {
font-size: 1.5rem;
line-height: 2.3rem;
}

.timeline .timeline-item,
.timeline .timeline-item:first-child {
margin: 3rem 0rem 3rem 0.5rem;
}

.heading-creative {
font-size: 1.6em;
}
}
