/* Copyright @ Balbooa, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@font-face {
    font-family: 'balbooa-family';
    src: url('/assets/fonts/ic-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* ========================================================================
    Global Reset
 ========================================================================== */


html {
    background: transparent;
}

body {
    -webkit-locale: auto;
    box-sizing: border-box;
}

body {
    -webkit-text-size-adjust: none!important ;
    -webkit-overflow-scrolling: touch !important;
    -webkit-tap-highlight-color: transparent;
}

p,
.content-text pre {
    font-size-adjust: inherit
}

:focus {
    outline: 0;
}

:focus-visible {
    outline: 2px solid var(--primary);
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header p {
    margin: 0;
}

.content-text {
    outline: none !important;
}


body .ic-item:not(.ic-item-modules) {
    font-size: initial;
    letter-spacing: 0;
    line-height: initial;
}

table {
    border-spacing: 0;
    width: 100%;
}

a {
    cursor: pointer;
    text-decoration: none;
}

a[name]:hover,
a[name] {
    color: inherit;
    cursor: text;
}

img {
    min-width: 1px;
    vertical-align: middle;
}

form {
    margin: 0 0 18px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    border: 0;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 18px;
    padding: 0;
    width: 100%;
}

hr {
    border: 0;
    border-top: 1px solid #f3f3f3;
    margin: 18px 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}

dl {
    margin-bottom: 18px;
}

dt,
dd {
    line-height: 18px;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

select[multiple] {
    height: auto;
}

img[width="100"][height="100"] {
    height: auto;
    width: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 12px 0;
    font-weight: inherit;
}

ul,
ol {
    margin: 0 0 9px 25px;
    padding: 0;
}

ul.list-unstyled,
ol.list-unstyled {
    list-style: none;
    margin-left: 0;
}

input[type=range]::-moz-focus-outer {
    border: 0;
}


img {
    max-width: 100%;
}

.nav {
    list-style: none;
    margin-bottom: 18px;
    margin-left: 0;
}

/* Blockquote */

blockquote {
    border-left: 4px solid;
    border-color: var(--primary);
    margin: 0;
    padding: 50px;
}

/* ========================================================================
    Global Inputs
 ========================================================================== */

textarea:not([class*="ic-col-"]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    background: #fff;
    border: 1px solid #f3f3f3;
    box-sizing: border-box;
    color: #555;
    display: inline-block;
    font-size: .8125rem;
    font-family: inherit;
    height: 3rem;
    line-height: 1.25rem;
    margin-bottom: .625rem;
    padding: .25rem .375rem;
    width: 15.625rem;
}

input[readonly] {
    background-color: #fafafa;
}

input:focus,
textarea:not(.ic-comment-message):focus,
select:focus {
    border-color: transparent !important;
}

input:focus,
select:focus,
textarea:not(.ic-comment-message):focus {
    box-shadow: none !important;
}

/* Disabled inputs */
body input[disabled],
body select[disabled],
body textarea[disabled],
body input[readonly],
body select[readonly],
body textarea[readonly] {
    cursor: not-allowed;
    background-color: transparent;
}

/* ========================================================================
    site Template General Styles
 ========================================================================== */

body {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
}

.body {
    flex: 1 1 auto;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none){
    .body {
        min-height: 1px;
    }
}

.ic-slideshow-img video,
.ic-slideshow-img iframe {
    height: calc(100vw * .5625);
    left: calc(0px - ((100vw - 100%)/2));
    position: absolute;
    top: calc(50% - ((100vw * .5625)/2));
    width: 100vw;
}


.ic-container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 100%;
}

.ic-grid-column .ic-row > .ic-overlay,
.ic-overlay {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

body > .ic-overlay {
    position: fixed;
    z-index: -2;
}

.ic-section > .ic-overlay {
    z-index: 1;
}

.ic-row > .ic-overlay {
    z-index: -1;
}

header.header {
    min-width: inherit;
    width: 100%;
    z-index: 16;
}

header.header[class*="fixed-header"] {
    z-index: 1000;
}

body:not(.site) header.header {
    margin-left: 0 !important
}

.ic-item {
    min-height: 20px;
    position: relative;
}

.ic-grid-column:not(.column-horizontal-direction):not(.column-horizontal-align-left):not(.column-horizontal-align-center):not(.column-horizontal-align-right) .ic-item:not(.ic-item-scroll-to-top):not(.ic-social-sidebar):not(.side-navigation-menu):not(.ic-pull-right):not(.ic-pull-left) {
    width: 100%;
}


.ic-item-simple-gallery,
.ic-item-blog-posts,
.ic-item-video,
.ic-item-content-slider {
    min-width: 100%;
    width: 100%;
}

.ic-row > .column-wrapper .ic-grid-column:before,
.ic-row > .column-wrapper .ic-grid-column:after,
.ic-row > .column-wrapper:before,
.ic-row > .column-wrapper:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}


.ic-item-blog-posts:before,
.ic-item-blog-posts:after {
    display: table;
    content: "";
    line-height: 0;
}


.ic-item-blog-posts:after {
    clear: both;
}

/*
/* Grid
*/

.ic-blog-post,
.ic-blog-post-button-wrapper a,
.ic-blog-post-image,
.ic-button-wrapper a,
.ic-icon-list-wrapper ul li,
.ic-image-wrapper,
.ic-site-gallery-image,
.ic-item-content-slider > .slideshow-wrapper > .ic-slideshow,
.ic-item-lottie-animations .ic-lottie-animations-wrapper,
.ic-item-main-menu .ic-menu-wrapper > .main-menu > .integration-wrapper > ul > li > *:not(ul):not(div),
.ic-item-main-menu .main-menu li.deeper.parent > ul li > *:not(ul):not(div),
.ic-item-main-menu li.deeper.parent > ul,
.ic-row-wrapper,
.ic-video-wrapper,
.ic-wrapper,
.column-wrapper {
    --border-color: transparent;
    --border-radius: 0;
    --border-style: none;
    --border-width: 0;
    --shadow-blur: 0;
    --shadow-color: transparent;
    --shadow-horizontal: 0;
    --shadow-spread: 0;
    --shadow-vertical: 0;
    --border-top: 0;
    --border-right: 0;
    --border-bottom: 0;
    --border-left: 0;
}

.ic-item-lottie-animations .ic-lottie-animations-wrapper,
.ic-blog-post,
.ic-blog-post-button-wrapper a,
.ic-item-content-slider > .slideshow-wrapper > .ic-slideshow,
.ic-item-main-menu li.deeper.parent > ul,
.ic-image-wrapper,
.ic-icon-list-wrapper ul li,
.ic-video-wrapper,
.ic-button-wrapper a,
.ic-section,
.ic-row,
.ic-grid-column {
    border-bottom-width: calc(var(--border-bottom)*var(--border-width));
    border-color: var(--border-color);
    border-left-width: calc(var(--border-left)*var(--border-width));
    border-radius: var(--border-radius);
    border-right-width: calc(var(--border-right)*var(--border-width));
    border-style: var(--border-style);
    border-top-width: calc(var(--border-top)*var(--border-width));
    box-shadow: var(--shadow-horizontal) var(--shadow-vertical) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
    box-sizing: content-box;
    max-width: 100%;
}

.ic-item-main-menu li.deeper.parent > ul {
    max-width: none;
}

.ic-blog-post-image,
.ic-item-main-menu .ic-menu-wrapper > .main-menu > .integration-wrapper > ul > li > *:not(ul):not(div),
.ic-item-main-menu .main-menu li.deeper.parent > ul li > *:not(ul):not(div),
.ic-site-gallery-image {
    border-bottom-width: calc(var(--border-bottom)*var(--border-width));
    border-color: var(--border-color);
    border-left-width: calc(var(--border-left)*var(--border-width));
    border-radius: var(--border-radius);
    border-right-width: calc(var(--border-right)*var(--border-width));
    border-style: var(--border-style);
    border-top-width: calc(var(--border-top)*var(--border-width));    
}

.ic-site-gallery-image {
    overflow: hidden;
}

.ic-section,
.ic-row,
.ic-grid-column {
    box-sizing: border-box;
    justify-content: center;
    position: relative;
}

.ic-section,
.ic-row {
    align-items: center;
}

.ic-row {
    z-index: 1;
}

.ic-grid-column {
    flex-direction: row;
}

.ic-section-items {
    width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ic-wrapper,
    .ic-row-wrapper,
    .ic-grid-column-wrapper {
        display: flex;
    }

    header.header {
        flex-shrink: 0;
    }
}

.column-wrapper .ic-grid-column-wrapper {
    align-self: stretch;
    display: flex;
    order: 1;
    flex-grow: 1;
    max-width: 100%;
}

.column-wrapper .ic-grid-column-wrapper > .ic-grid-column {
    align-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.ic-grid-column > a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 100;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-align-left > .ic-item,
.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-align-center > .ic-item {
    width: auto !important;
}

.ic-grid-column .ic-row-wrapper:not(.ic-container) {
    width: 100%;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-align-center > .ic-item.ic-item-category-intro {
    width: 100%!important;
}

.ic-item {
    max-width: 100%;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column {
    flex-direction: column;
    flex-wrap: initial;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-direction {
    flex-direction: row;
    flex-wrap: wrap;
}

/* Column Vertical Direction */
.column-wrapper .ic-grid-column-wrapper .ic-grid-column:not(.column-horizontal-direction).column-horizontal-align-left {
    align-items: start;
    align-content: start;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column:not(.column-horizontal-direction).column-horizontal-align-center {
    align-items: center;
    align-content: center;
}

.column-wrapper .ic-grid-column-wrapper > .ic-grid-column:not(.column-horizontal-direction) {
    align-content: center;
    align-items: center;
    justify-content: start !important;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column:not(.column-horizontal-direction).column-content-align-middle {
    justify-content: center !important;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column:not(.column-horizontal-direction).column-content-align-bottom {
    justify-content: end !important;
}

/* Column Horizontal Direction */
.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-direction {
    align-content: start;
    align-items: start;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-direction.column-content-align-middle {
    align-content: center;
    align-items: center;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-direction.column-content-align-bottom {
    align-content: end;
    align-items: end;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-direction.column-horizontal-align-left {
    justify-content: start !important;
}

.column-wrapper .ic-grid-column-wrapper .ic-grid-column.column-horizontal-direction.column-horizontal-align-center {
    justify-content: center !important;
}


/* ========================================================================
    Modal
 ========================================================================== */

@keyframes modal-in {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes close-modal-sm {
    to { opacity: 0;}
}

@keyframes modal-sm-in {
    from {transform: scale(.8); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

/* ========================================================================
    Plugins
 ========================================================================== */

/*
/* Plugin Instagram
*/

@keyframes search-result {
    from {opacity: 0;}
    to {opacity: 1;}
}

@media (hover: hover) {
}

/*
/* Plugin Rating
*/

/*
/* Plugin Image
*/

@keyframes site-gallery-modal-in {
    from { background-color: transparent; }
}

@keyframes image-radius {
    to {border-radius:0;}
}

@keyframes image-radius-out {
    from {border-radius:0;}
}

@keyframes image-modal {
    from { opacity: 0; }
    to {opacity: 1;}
}

@keyframes image-modal-out {
    from {opacity: 1;}
    to { opacity: 0; }
}

@keyframes site-gallery-modal-out {
    to { background-color: transparent; }
}

@keyframes image-lightbox-fade-out {
    from {opacity: 1;}
    to { opacity: 0; }
} 

.ic-item-lottie-animations .ic-lottie-animations-wrapper {
    display: inline-block;
}

/* ========================================================================
    Tooltip
 ========================================================================== */

@keyframes tooltip {
    from { opacity: 0; }
}

/*
/* Responsive Grid
*/

.ic-row-clear:before,
.ic-row-clear:after {
    content: "";
    display: table;
    line-height: 0;
}

.ic-row-clear:after {
    clear: both;
}

[class*="ic-col-"]{
    flex-grow: 1;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.127659574468085%;
}

.ic-section.ic-row-clear,
.ic-row.ic-row-clear{
    width: auto;
}

.ic-row-clear {
    width: 100%;
}

.no-gutter-desktop > .column-wrapper > [class*="ic-col-"],
[class*="ic-col-"]:first-child {
    margin-left: 0;
}

.header .ic-col-12,
.ic-col-12 {
    width: 100%;
}

.header .ic-col-9,
.ic-col-9 {
    width: 74.46808510638297%;
}

.header .ic-col-8,
.ic-col-8 {
    width: 65.95744680851064%;
}

.header .ic-col-7,
.ic-col-7 {
    width: 57.44680851063829%;
}

.header .ic-col-6,
.ic-col-6 {
    width: 48.93617021276595%;
}

.header .ic-col-5,
.ic-col-5 {
    width: 40.42553191489362%;
}

.header .ic-col-4,
.ic-col-4 {
    width: 31.914893617021278%;
}

.header .ic-col-3,
.ic-col-3 {
    width: 23.404255319148934%;
}

.header .ic-col-2,
.ic-col-2 {
    width: 14.893617021276595%;
}

.header .ic-col-1,
.ic-col-1 {
    width: 6.382978723404255%;
}

/*
/* No Space Between Columns
*/

.column-wrapper {
    position: relative;
    width: 100%;
}

/*
/* Balbooad Icons
*/

.ic-icons {
    display: inline-block;
    font-family: 'balbooa-family' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ic-icon-close:before {
    content: "\e04a";
}


.ic-icon-circle:before {
    content: "\f26d";
}

.ic-icon-facebook:before {
    content: "\f343";
}

.ic-icon-twitter:before {
    content: "\e900";
}

.ic-icon-linkedin:before {
    content: "\f3f8";
}