/* базові правила іконок, збережені від чистки */
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }
.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free'; }
.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands'; }
.fab,
.fa-brands {
  font-weight: 400; }
.topbar-widget:before {
float: left;
position: relative;
font-family: "FontAwesome";
font-size: 16px;
margin-right: 10px;
}
a.btn-text:after {
font-family: FontAwesome;
content: "\f054";
padding-left: 10px;
}
a.btn-big:after {
font-family: FontAwesome;
content: "\f054";
margin-left: 20px;
}
a.btn-fx:after {
font-family: FontAwesome;
content: "\f178";
margin-left: 15px;
position: absolute;
right: -20px;
margin-top: 0px;
}
.btn-add_to_cart:before,
a.btn-add_to_cart:before {
font-family: "FontAwesome";
content: "\f07a";
position: absolute;
left: 20px;
}
.play-button:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f04b";
position: relative;
color: #fff;
}
.text-light .play-button:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f04b";
position: relative;
color: #fff;
}
.de_form input[type="radio"]+label:before {
content: "\f111";
font-family: "FontAwesome";
margin-right: 10px;
border: solid 1px #d2d2d2;
}
.de_form input[type="checkbox"]+label:before {
position: absolute;
content: '';
display: inline-block;
font-family: "FontAwesome";
margin-right: 10px;
border: solid 2px rgba(0, 0, 0, .2);
width: 16px;
height: 16px;
margin-top: 5px;
left: 0;
font-size: 11px;
padding: 1px 3px 0 3px;
line-height: 15px;
border-radius: 4px;
}
.ul-style-4 li:before {
color: #ffffff;
font-family: "FontAwesome";
content: "\f00c";
margin-right: 15px;
padding: 3px;
font-size: 12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.btn-right:after {
font-family: FontAwesome;
content: "\f054";
padding-left: 10px;
}
.btn-left:before {
font-family: FontAwesome;
content: "\f053";
padding-right: 10px;
}
.de_testi blockquote:before {
position: absolute;
font-family: "FontAwesome";
content: "\f10e";
color: rgba(255,255,255,.05);
z-index: 100;
font-size: 84px;
background: none;
top:20px;
right:0;
padding: 20px;
z-index:-1;
}
.widget_category li:before {
font-family: "FontAwesome";
content: "\f07b";
margin-right: 10px;
}
#aside .d-nav ul li a .fa {
width: 16px;
text-align: center;
margin-right: 5px;
float:right;
}
.d-checkbox__label:after {
font-family: "FontAwesome";
content: "\f00c";
background: var(--secondary-color);
color:#ffffff;
font-size: 14px;
line-height: 16px;
text-align: center;
width: 16px;
height: 16px;
display: block;
border-radius: 2px;
overflow: hidden;
text-align: center;
opacity: 0;
transition: 0.2s opacity;
}
.nav-prev:before,
.nav-next:before,
.nav-exit:before {
font-family: "FontAwesome";
content: '\f177';
color: #fff;
padding: 20px;
font-size: 24px;
cursor: poInter;
}
.arrow-anim:before {
content: "\f107";
font-family: "FontAwesome";
font-size: 32px;
}
.sitemap.s1 li:before {
font-family: FontAwesome;
content: "\f016";
margin-right: 10px;
}
.list.s2 li:before {
font-family: FontAwesome;
content: "\f055";
margin-right: 10px;
}
.ul-check-inline li:before {
font-family: "FontAwesome";
content: "\f00c";
margin-right: 10px;
color: var(--primary-color);
border: solid 1px var(--primary-color);
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
padding: 5px;
}
.carousel-control-next-icon:after,
.carousel-control-prev-icon:after {
font-family: FontAwesome;
content: "\f104";
font-size: 32px;
color: var(--primary-color);
}
#btn-search:before {
font-family: FontAwesome;
content: "\f002";
font-size: 24px;
color: #111;
}

@import url('https://fonts.googleapis.com/css2?family=Google Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* ================================================== */
/* Intrio
/* created by designesia
/*
Table of content:
- import font
- import icons(font)
- variables
- body
- aside
- media query
*/
/* ============== import google fonts ============== */
/* =============== import fonts icon =============== */
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome4/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome4/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome4/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome4/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome4/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome4/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-2x {
  font-size: 2em;
}
/* Deprecated as of 4.4.0 */
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-star:before {
  content: "\f005";
}

.fa-times:before {
  content: "\f00d";
}
.fa-home:before {
  content: "\f015";
}
.fa-comments:before {
  content: "\f086";
}
.fa-facebook-f:before {
  content: "\f09a";
}

.fa-bars:before {
  content: "\f0c9";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-whatsapp:before {
  content: "\f232";
}
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }

.fa,
.fas,
.fa-solid,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas,
.fa-solid {
  font-family: 'Font Awesome 6 Free'; }


.fa-brands {
  font-family: 'Font Awesome 6 Brands'; }

.fa-2x {
  font-size: 2em; }

@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25)); } }

@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg); }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg); }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg); }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg); }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-comments::before {
  content: "\f086"; }

.fa-pencil-ruler::before {
  content: "\f5ae"; }

.fa-bars::before {
  content: "\f0c9"; }

.fa-lightbulb::before {
  content: "\f0eb"; }

.fa-star::before {
  content: "\f005"; }

.fa-caret-up::before {
  content: "\f0d8"; }

.fa-palette::before {
  content: "\f53f"; }

.fa-couch::before {
  content: "\f4b8"; }

.fa-tools::before {
  content: "\f7d9"; }

.fa-caret-down::before {
  content: "\f0d7"; }

.fa-home::before {
  content: "\f015"; }

.fa-times::before {
  content: "\f00d"; }

.fa-ruler-combined::before {
  content: "\f546"; }

.fa-store::before {
  content: "\f54e"; }
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
:root {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fontawesome6/webfonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome6/webfonts/fa-brands-400.ttf") format("truetype"); }


.fa-brands {
  font-weight: 400; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-viber:before {
  content: "\f409"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-whatsapp:before {
  content: "\f232"; }
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
:root {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fontawesome6/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome6/webfonts/fa-solid-900.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }
@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.eot');
	src:url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.woff') format('woff'),
		url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.ttf') format('truetype'),
		url('../fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
@font-face {
	font-family: 'et-line';
	src:url('../fonts/et-line-font/fonts/et-line.eot');
	src:url('../fonts/et-line-font/fonts/et-line.eot?#iefix') format('embedded-opentype'),
		url('../fonts/et-line-font/fonts/et-line.woff') format('woff'),
		url('../fonts/et-line-font/fonts/et-line.ttf') format('truetype'),
		url('../fonts/et-line-font/fonts/et-line.svg#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2018 IcoFont 
* @license - https://icofont.com/license/
*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(../fonts/icofont/fonts/icofont.woff2) format("woff2"),url(../fonts/icofont/fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-simple-down:before{content:"\eab2"}.icofont-ui-calendar:before{content:"\ec45"}.icofont-clock-time:before{content:"\eedc"}.icofont-envelope:before{content:"\ef14"}.icofont-location-pin:before{content:"\ef79"}.icofont-phone:before{content:"\efbb"}.icofont-star:before{content:"\f000"}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/* =============== css variables =============== */
* {
  /* body font */
  --body-font: "Google Sans", Helvetica, Arial, sans-serif;
  --body-font-size: 16px;
  --body-font-color: rgba(52, 31, 22, .75);
  --body-font-color-bg-dark: rgba(255, 255, 255, .8);
  --body-font-weight: 400;
  --body-font-letter-spacing: -0.16px;
  --body-font-line-height: 30px;
  /* heading font */
  --heading-font: "Google Sans", Helvetica, Arial, sans-serif;  
  --heading-font-weight: 400;
  --heading-font-color: #341F16;
  --heading-font-color-bg-dark: #ffffff;
  --heading-text-transform: uppercase;
  /* alternatif font */
  --alt-font-1: "Google Sans", Helvetica, Arial, sans-serif; 
  /* h1 */
  --h1-font-family: var(--heading-font);
  --h1-font-size: 96px;
  --h1-font-weight: var(--heading-font-weight);
  --h1-letter-spacing: -0.02em;
  --h1-line-height: .85em;
  --h1-margin-bottom: 20px;
  /* h2 */
  --h2-font-family: var(--heading-font);
  --h2-font-size: 48px;
  --h2-font-weight: var(--heading-font-weight);
  --h2-letter-spacing: -0.96px;
  --h2-line-height: 1em;
  --h2-margin-bottom: 25px;
  /* h3 */
  --h3-font-family: var(--heading-font);
  --h3-font-size: 26px;
  --h3-font-weight: var(--heading-font-weight);
  --h3-letter-spacing: -0.4px;
  --h3-line-height: 1.5em;
  --h3-margin-bottom: 10px;
  /* h4 */
  --h4-font-family: var(--heading-font);
  --h4-font-size: 20px;
  --h4-font-weight: var(--heading-font-weight);
  --h4-letter-spacing: -0.2px;
  --h4-line-height: 1.6em;
  --h4-margin-bottom: 10px;
  /* h5 */
  --h5-font-family: var(--heading-font);
  --h5-font-size: 18px;
  --h5-font-weight: var(--heading-font-weight);
  --h5-letter-spacing: 0;
  --h5-line-height: 1.6em;
  --h5-margin-bottom: 10px;
  /* h6 */
  --h6-font-family: var(--heading-font);
  --h6-font-size: 16px;
  --h6-font-weight: var(--heading-font-weight);
  --h6-letter-spacing: 0;
  --h6-line-height: 1.6em;
  --h6-margin-bottom: 10px;
  /* mainmenu */
  --mainmenu-font: var(--body-font);
  --mainmenu-font-size: 15px;
  --mainmenu-font-weight: 400;
  --mainmenu-letter-spacing: 0;
  --mainmenu-text-transform: uppercase;
  /* subheader */
  --subheader-title-font-size: 60px;
  --subheader-title-text-transform: none;
  /* header logo */
  --logo-width: 130px;
  --logo-footer-width: 150px;
  /* misc */
  --border-default: solid 1px rgba(30, 30, 30, 1);
  --bg-default: #F0EBE5;
  --bg-light: #f7f5f3;
  --bg-dark-1: #34241C;
  --bg-dark-2: #433027;
  --bg-dark-3: #524036;  
  --bg-dark-1-rgb: 52, 36, 28;
  --bg-grey: #eeeeee;
  --bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
  --bg-color-even: #E8E8E8;
  --bg-color-odd: #F4F4F4;
  --swiper-theme-color: var(--secondary-color);
  --rounded-1: 0px;
  --border-color:#bbbbbb;
  --container-max-width:1240px;
  /* button */
  --btn-color: #ffffff;
  --btn-hover-color: #fff;
  --btn-hover-bg: var(--primary-color);
  --btn-font-family: var(--body-font);
  --btn-font-size: 15px;
  --btn-font-weight: bold;
  --btn-letter-spacing: 0;
  --btn-padding: 4px 30px;
  --btn-rounded: 0;
  --btn-text-decoration: none;
  --btn-text-transform: uppercase;
  /* subtitle */
  --subtitle-font:var(--heading-font);
  --subtitle-font-size:18px;
  --subtitle-font-weight: 500;
  --subtitle-color: var(--body-font-color);
  --subtitle-color-dark:#ffffff;
  --subtitle-letter-spacing:0px;
  --subtitle-text-transform: uppercase;
  --subtitle-padding:0;
  --subtitle-background: none;  
  --subtitle-background-dark: none;  
  --subtitle-rounded: 30px;
  --subtitle-margin-bottom: 20px;
  --text-circle-width: 350px;
  --text-circle-speed: 10s;
  /* breadcrumb */
  --breadcrumb-font-size:16px;
  --breadcrumb-font-weight:600;
  --breadcrumb-separator-color:#fff;
  --breadcrumb-separator-font-size:10px;
  /* text circle */
  --text-circle-width: 350px;
  --text-circle-speed: 10s;
  /* footer */
  --footer-background-color: var(--bg-dark-1);
}
/* base background color */
.bg-light{background: var(--bg-light) !important}
.bg-dark,.bg-dark-1{background-color: var(--bg-dark-1) !important}
/* base color */
.id-color, a.id-color{color:var(--primary-color)}
.rounded-1{
border-radius: var(--rounded-1) !important;
-moz-border-radius: var(--rounded-1) !important;
-webkit-border-radius: var(--rounded-1) !important;
}
/* Top Left */
/* Top Right */
/* Bottom Left */
/* Bottom Right */
/* alt font */
/* =============== body =============== */
html {
background: var(--bg-default);
overflow-x: hidden;
padding: 0;
margin: 0;
}
body {
background: var(--bg-default);
overflow: hidden;
font-family: var(--body-font);
font-size: var(--body-font-size);
font-weight: var(--body-font-weight);;
color: var(--body-font-color);
padding: 0;
letter-spacing: var(--body-font-letter-spacing);
line-height: var(--body-font-line-height); ;
word-spacing: 0px;
}
body.dark-scheme {
color: var(--body-font-color-bg-dark);
background: var(--bg-dark-1);
}
a,
a:hover {
color:var(--body-font-color);
text-decoration: none;
outline: none;
}
.dark-scheme a,
.dark-scheme a:hover,
.text-light a,
.text-light a:hover {
color:var(--body-font-color-bg-dark);
text-decoration: none;
outline: none;
}
/* =============== header =============== */
header {
width: 100%;
position: absolute;
left: 0;
z-index: 1001;
background: var(--bg-dark-1);
margin: 0;
}
header.transparent {
background: none;
}
header.autoshow {
top: -120px;
height: 70px !important;
}
header.autoshow.scrollOn,
header.autoshow.scrollOff {
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
outline: none;
}
header.autoshow.scrollOn {
top: 0;
}
header.autoshow.scrollOff {
opacity: ;
top: -120px;
}
header div#logo {
color: white;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header .logo-scroll {
display: none;
}
header .logo {
font-family: var(--body-font);
color: #fff;
font-size: 40px;
font-weight: 300;
}
header nav a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header nav a:hover {
color: #555;
}
header.smaller #mainmenu ul ul {
top: 0px;
}
header.smaller {
position: fixed;
top: 0px;
background: var(--bg-dark-1);
-webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: none;
}
.scroll-down {
margin-top: -90px;
}
header.smaller div#logo {}
header.smaller #topbar {
margin-top:-42px;
overflow: hidden;
}
header .logo-mobile {
display: none;
}

header.smaller.scroll-light #mainmenu li.has-child:after {
color: var(--heading-font-color);
}
.logo-smaller div#logo {
width: 150px;
height: 30px;
line-height: 65px;
font-size: 30px;
}
.logo-smaller div#logo img {
font-size: 30px;
}
.logo-main,
div#logo img{
max-width: var(--logo-width);
}
/* left col header */
/* middle col header */
/* subheader */
.de-overlay{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: rgba(var(--bg-dark-1-rgb), .35);
}
.de-overlay-gradient{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),.8), rgba(var(--secondary-color-rgb),.8));
}
.de-overlay-gradient-2{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: linear-gradient(45deg, rgba(var(--primary-color-rgb),.8) 0%, rgba(var(--secondary-color-rgb),0) 100%);
}
.crumb {
font-size: 13px;
}
.crumb {
display: inline-block;
padding: 3px 10px;
margin-top: 20px;
line-height: 1.2em;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
.text-light .crumb a{
color:rgba(255, 255, 255, 1.0);
}
.text-light .crumb {
color: #fff;
}
/* =============== mainmenu =============== */
#mainmenu {
font-size: 13px;
margin: 0 auto;
padding: 0;
float: none;
counter-reset: my-awesome-counter;
}
#mainmenu ul {
margin: 0px 0px;
padding: 0px;
height: 30px;
background: #ffffff;
color: var(--body-font-color);
}
#mainmenu ul:not(.mega) {
border: solid 1px #dddddd;
}
.dark-scheme #mainmenu ul {
background: var(--bg-dark-1);
border: solid 1px rgba(255, 255, 255, .1);
}
#mainmenu li {
margin: 0px 0px;
padding: 0px 0px;
float: left;
display: inline;
list-style: none;
position: relative;
}
#mainmenu>li {
margin-right: 30px;
}
#mainmenu>li:last-child{
margin-right: 0;
}
#mainmenu>li {
counter-increment: my-awesome-counter;
}
#mainmenu li a.new:before{
content:"NEW";
font-size: 12px;
padding: 1px 4px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin-right: 5px;
color:#ffffff;
background: var(--primary-color);
}
/* add number to menu
#mainmenu>li::before {
content: counter(my-awesome-counter) ' —';
right: 8px;
top: 5px;
color:var(--secondary-color);
margin-right: 5px;
font-weight: 500;
font-family: var(--heading-font);
}
*/
header.smaller #mainmenu>li::before{
transform: scale(0);
}
#mainmenu>li.has-child:after {
font-family: FontAwesome;
content: "\f078";
padding-left: 5px;
font-size: 8px;
position: relative;
top: -2px;
color:rgba(255, 255, 255, .75);
}
.rtl #mainmenu li.has-child:after {
padding-left: 15px;
}
.header-light #mainmenu li.has-child:after {
color: rgba(0, 0, 0, .5);
}
#mainmenu >li>a {  
padding-right: 6px;  
font-family: var(--mainmenu-font);
font-size: var(--mainmenu-font-size);
font-weight: var(--mainmenu-font-weight);
text-transform: var(--mainmenu-text-transform);
letter-spacing: var(--mainmenu-letter-spacing);
}
#mainmenu li.has-child>a {
padding-right: 0px;
}
#mainmenu a {
position: relative;
display: inline-block;
padding-top: 25px;
padding-bottom: 25px;
text-decoration: none;
color: #ffffff;
text-align: center;
outline: none;
}
#mainmenu p {
line-height: 1.8em;
margin-bottom: 0;
}
#mainmenu a span:not(.badge) {
position: relative;
width: 0%;
color: #ffffff;
display: block;
font-size: 10px;
text-transform: uppercase;
line-height: 14px;
border-bottom: solid 2px #ffffff;
}
#mainmenu li:hover a span:not(.badge) {
width: 100%;
}
#mainmenu li li a span:not(.badge) {
float: right;
margin-top: 5px;
}
#mainmenu a.active span:not(.badge) {
width: 100%;
margin-left: 0%;
}
#mainmenu li li {
font-family: var(--body-font);
font-size: 14px;
}
#mainmenu li li:last-child {
border-bottom: none;
}
#mainmenu li li a {
padding: 5px 15px;
border-top: none;
color: #606060;
width: 100%;
border-left: none;
text-align: left;
font-weight: normal;
border-bottom: solid 1px rgba(255, 255, 255, .1);
letter-spacing: 0;
}
#mainmenu li:last-child>a {
border-bottom: none;
}
.dark-scheme #mainmenu li li a {
color: #ffffff;
}
.rtl #mainmenu li li a {
text-align: right;
}
#mainmenu li li a:hover {
color: #111;
}
#mainmenu li li a:after {
content: none;
}
#mainmenu li li a:hover,
#mainmenu ul li:hover>a {
background: var(--primary-color);
color: var(--btn-hover-color);
}
#mainmenu li a.active{
color:var(--primary-color) !important;
}
#mainmenu li ul {
width: 190px;
height: auto;
position: absolute;
left: 0px;
z-index: 10;
visibility: hidden;
opacity: 0;
border-radius: 3px;
}
#mainmenu ul li b {
background: #333;
color: #ffffff;
padding: 0 3px;
padding-bottom: 3px;
font-size: 10px;
margin-right: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#mainmenu li li {
font-size: 14px;
display: block;
float: none;
text-transform: none;
}
#mainmenu li:hover>ul {
visibility: visible;
opacity: 1;
margin-top: 0px;
}
#mainmenu li ul ul:not(.ul-list) {
top: 0px;
margin-left: 188px;
}
#mainmenu select {
padding: 10px;
height: 36px;
font-size: 14px;
border: none;
background: #ff4200;
color: #eceff3;
}
#mainmenu select option {
padding: 10px;
}
#mainmenu>li ul.mega {
position: fixed;
left: 0;
height: 0%;
width: 100%;
visibility: hidden;
opacity: 0;
overflow: hidden;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
}
#mainmenu>li ul.mega .sb-menu {
background: #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: solid 1px #dddddd;
}
#mainmenu>li ul.mega .sb-menu ul {
padding: 0;
margin: 0;
opacity: 1;
}
.dark-scheme #mainmenu>li ul.mega .sb-menu {
background: var(--bg-dark-1);
border-color: rgba(255, 255, 255, .1);
}
#mainmenu li:hover ul.mega {
visibility: visible;
opacity: 1;
}
#mainmenu li ul.mega>li,
#mainmenu li ul.mega>li a {
width: 100%;
}
#mainmenu li ul.mega li.title {
padding: 0px 10px 15px 10px;
text-align: left;
color: #fff;
font-weight: bold;
}
#mainmenu li ul.mega>li ul {
position: static;
visibility: visible;
opacity: 1;
left: 0;
float: none;
width: 100%;
}
#mainmenu ul.mega>li ul li {
margin: 0;
padding: 0;
}
#mainmenu ul.mega>li ul li:last-child {
border-bottom: none;
}
#mainmenu li ul.mega li.title {
font-family: var(--main-font);
padding: 0px;
text-align: left;
font-weight: bold;
color: #586383;
}
#mainmenu ul.mega>li ul {
border: none;
}
#mainmenu li ul.mega ul li a {
background: none;
padding: 2px 0;
}
#mainmenu li ul.mega ul li a:hover {
color: #35404e;
}
header.header-mobile #mainmenu>li ul.mega {
visibility: visible;
opacity: 1;
}
header:not(.header-mobile) #mainmenu>li:hover ul.mega {
height: auto;
}
/* menu toggle for mobile */
#menu-btn {
line-height: 1.5em;
display: none;
float: right;
width: 32px;
height: 32px;
padding: 4px;
text-align: center;
cursor: poInter;
color: #fff;
margin-top: 0px;
margin-left: 20px;
}
#menu-btn:before {
font-family: FontAwesome;
content: "\f0c9";
font-size: 20px;
}
#menu-btn.menu-open:before{
content: "\f068";
}
.rtl #menu-btn {
float: left;
}
#btn-extra{
position: relative;
margin-left: 20px;
width: 24px;
height: 12px;
cursor: pointer;
}
#btn-extra span{
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
border-bottom: solid 2px #ffffff;
}
#btn-extra.img{
width: 32px;
height: 32px;
}
#btn-extra img{
width: 100%;
}
#btn-extra span:nth-child(2){
top:auto;
bottom: 0;
right: 0;
}
#btn-extra:hover span{
width: 70%;
}
#extra-wrap{
position: fixed;
z-index: 1002;
top:0;
right: -500px;
width: 500px;
height: 100%;
overflow: hidden;
background: rgba(var(255,255,255), .85);
-webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
#extra-wrap.dark{
background: rgba(var(--bg-dark-1-rgb), .85) !important;
}
#extra-wrap.open{
right: 0;
}
#extra-content{
padding: 50px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: -17px;
overflow-y: scroll;
}
#btn-close{
top: 50px;
right: 50px;
position: absolute;
z-index: 1001;
width: 26px;
height: 26px;
cursor: pointer;
}
#btn-close span{
content: '';
display: block;
position: absolute;
top: 50%;
width: 100%;
height: 2px;
background: #000000;
transform: rotate(45deg);
}
#extra-wrap.dark #btn-close span{
background:#ffffff;
}
#btn-close span:nth-child(2){
transform: rotate(-45deg);
}
/* =============== header-side begin =============== */
#header-side{
width: 20%;
position: fixed;
top:0;
left: 0;
z-index: 1000;
}
#header-side #mainmenu-v,
#header-side #mainmenu-v ul,
#header-side #mainmenu-v li{
list-style: none;
padding: 0;
margin: 0;
}
#header-side #mainmenu-v{
margin-bottom: 30px;
line-height: 1.7em;
}
#header-side #mainmenu-v li{
font-size: var(--header-side-menu-font-size);
font-weight: var(--header-side-menu-font-weight);
position: relative;
}
#header-side #mainmenu-v a{
color:#ffffff;
display: block;
}
#header-side #mainmenu-v a.active{
background: var(--primary-color);
padding: 0 5px;
color:var(--heading-font-color);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-weight: 600;
}
#header-side #mainmenu-v ul > li a{
font-size: var(--header-side-submenu-font-size);
font-weight: var(--header-side-submenu-font-weight);
padding: 2px 10px;
}
#header-side #mainmenu-v ul > li a:hover{
background: var(--primary-color);
}
#header-side #mainmenu-v ul{
position: absolute;
transform: scale(0);
transform-origin: top left;
top:0;
left: 100px;
width: 200px;
background: var(--bg-dark-1);
visibility: hidden;
z-index: 2;
opacity: 0;
}
#header-side #mainmenu-v li:hover ul{
transform: scale(1);
visibility: visible;
opacity: 1;
}
#header-side .d-separator{
width: 30px;
height: 2px;
background: var(--primary-color);
margin-bottom: 30px;
}
#header-side #menu-v{
line-height: 1.7em;
}
#header-side #menu-v,
#header-side #menu-v li{
list-style: none;
margin: 0;
padding: 0;
}
#header-side #menu-v a{
color:#ffffff;
display: block;
font-size: var(--header-side-menu-font-size);
font-weight: var(--header-side-menu-font-weight);
}
#header-side #menu-v a span{
opacity: 0;
padding: 0 5px;
background: var(--primary-color);
color:var(--heading-font-color);
margin-left: 10px;
font-size: 14px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-weight: bold;
}
#header-side #menu-v a:hover span{
opacity:1;
}
#btn-view,
#btn-s-menu{
cursor: pointer;
width: 36px;
height: 36px;
background-image: url(../images/svg/view-on.svg);  
background-color:var(--primary-color);
background-repeat: no-repeat;
background-position: center;
background-size: 30px 30px !important;   
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
#btn-view.click{
background-image: url(../images/svg/view-off.svg) !important;  
}
#btn-s-menu{
display: none !important;
background: url(../images/svg/menu.svg) rgba(255, 255, 255, .2) center;
}
#btn-s-menu.click{
background: url(../images/svg/close.svg) rgba(255, 255, 255, .2) center;
}
.d-hide{
opacity: 0 !important;
}
.d-show{
opacity: 1;
}
/* =============== header-side end =============== */
/* =============== content =============== */
#content {
width: 100%;
background: var(--bg-default);
padding: 90px 0 90px 0;
z-index: 100;
}
.dark-scheme #content {
background: var(--bg-dark-1);
}
.dark-scheme #content {
background: var(--bg-dark-1);
}
/* =============== section =============== */
section {
padding: 100px 0 100px 0;
}
section:not(.relative) {}
section.no-bg,
#content.no-bg {
background: none !important;
}
.dark-scheme section {
background: var(--bg-dark-1);
}
.no-bg {
background: none !important;
}
/* =============== footer =============== */
footer {
position: relative;
color: var(--body-font-color-bg-dark);
background: var(--footer-background-color);
padding: 100px 0 0 0;
}
footer p {
line-height: 1.8em;
}
.dark-scheme footer a {
color: var(--body-font-color-bg-dark);
}
footer h3{
color: #fff;
}
footer a {
color: var(--body-font-color-bg-dark);
text-decoration: none !important;
}
.subfooter {
margin-top: 50px;
border-top: solid 1px rgba(255, 255, 255, .1);
padding: 20px 0 20px 0;
}
header.header-mobile {
position: fixed !important;
background: var(--heading-font-color);
top: 0;
padding-bottom: 10px;
}
header.header-mobile .container {
max-width: 100% !important;
padding-left: 20px;
padding-right: 20px;
}
.dark-scheme header.header-mobile {
background: var(--bg-dark-1);
}
header.header-mobile.has-topbar .header-row,
header.header-mobile.has-topbar .header-col {
margin-top: 10px;
}
header.header-mobile nav {
float: none;
}
header.header-mobile .logo {
display: none;
}
header.header-mobile #mainmenu ul {
padding: 0;
}
/* topbar start here */
#topbar {
z-index: 1000;
width: 100%;
overflow: hidden;
top: 0;
background: var(--bg-dark-3);
}
#topbar a {
text-decoration: none;
}
#topbar.text-light a {
color: #ffffff;
}
/* topbar left content */
/* topbar widget */
/* topbar end here */
/* =============== blog =============== */
/* blog list */
/* blog comment */
#blog-comment {
margin-top: 40px;
}
#blog-comment ul,
#blog-comment li {
list-style: none;
margin-left: -40px;
padding-left: 0;
}
.rtl #blog-comment li {
margin-right: -30px;
}
.rtl #blog-comment li li {
margin-right: 40px;
}
#blog-comment li {
min-height: 70px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #ccc;
}
.dark-scheme #blog-comment li {
border-bottom-color: rgba(255, 255, 255, .1);
}
#blog-comment li .avatar {
position: absolute;
margin-top: 5px;
}
#blog-comment li .avatar img{
width: 70px;
border-radius:var(--rounded-1);
-moz-border-radius:var(--rounded-1);
-webkit-border-radius:var(--rounded-1);
}
#blog-comment .comment {
margin-left: 85px;
}
.rtl #blog-comment .comment {
margin-left: 0;
margin-right: 85px;
}
#blog-comment li {
min-height: 70px;
font-size: 15px;
line-height: 1.6em;
}
#blog-comment li li {
margin-left: 55px;
padding-bottom: 0px;
margin-top: 20px;
padding-top: 20px;
border-top: solid 1px #ccc;
border-bottom: none;
}
.dark-scheme #blog-comment li li {
border-top-color: rgba(255, 255, 255, .1);
}
#blog-comment li li .avatar {
position: absolute;
}
#blog-comment li li .comment {}
.comment-info {
margin-left: 85px;
margin-bottom: 5px;
}
.rtl .comment-info {
margin-left: 0;
margin-right: 85px;
}
.comment-info span {}
.comment-info .c_name {
display: block;
font-weight: 700;
color: #555555;
}
.dark-scheme .comment-info .c_name {
color: #ffffff;
}
.comment-info .c_reply {
padding-left: 20px;
margin-left: 20px;
border-left: solid 1px #ddd;
font-size: 12px;
}
.dark-scheme .comment-info .c_reply {
border-left-color: rgba(255, 255, 255, .2);
}
.comment-info .c_date {
font-size: 12px;
}
.blog-read h4 {
color: #333;
letter-spacing: normal;
font-size: 24px;
text-transform: none;
}
.blog-read img {
margin-bottom: 20px;
}
/* blog comment form */
.blog-slide {
padding: 0;
margin: 0;
}
/* =============== ratings =============== */
/* =============== contact form =============== */
.error {
display: none;
margin-top: 30px;
color: #e7505a;
clear: both;
padding-top: 20px;
padding: 20px;
background: rgba(231, 80, 90, .1);
border: solid 1px #e7505a;
}
.success {
display: none;
color: #96c346;
margin-top: 30px;
clear: both;
padding-top: 20px;
padding: 20px;
background: rgba(150, 195, 70, .1);
border: solid 1px #96c346;
}
.error img {
vertical-align: top;
}
#success_message{
display: none;
}
#contact_form input[type=checkbox] {
position: relative;
border: solid 1px var(--primary-color);
background: none;
cursor: pointer;
line-height: 0;
margin: 4px .6em 0 0;
outline: 0;
padding: 0 !important;
vertical-align: text-top;
height: 15px;
width: 15px;
-webkit-appearance: none;
opacity: .5;
}
.form-control {
padding: 10px;
border: solid 1px rgba(0,0,0,0.05);
background: rgba(0,0,0,.025);
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

.text-light .form-control{
color: #ffffff;
border: solid 1px rgba(255,255,255,0.2);
background: rgba(255,255,255,.025);
}
#contact_form input[type=checkbox]:checked{
background: var(--primary-color);
opacity: 1;
}
.text-light ::placeholder {
color: #ffffff;
opacity: 1; /* Firefox */
}
.text-light::-ms-input-placeholder { /* Edge 12 -18 */
color: #ffffff;
}
.form-border select {
background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'><path d='M0 0h24v24H0z' fill='none'></svg>") right 5px center no-repeat !important;
}
.rtl .form-border select {
background: none !important;
padding-left: 20px;
}
.error_input {
border-bottom: solid 1px #ff0000 !important;
}
.arrow-up,
.arrow-down {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #fff;
position: fixed;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 0;
cursor: poInter;
z-index: 101;
}
.arrow-down {
border-top: 40px solid #fff;
border-bottom: none;
position: fixed;
z-index: 102;
top: -40px;
}
.arrow-up:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f067";
color: #222;
position: relative;
top: 12px;
margin: 0 0 0 -8px;
}
.arrow-down:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f068";
color: #222;
position: relative;
top: -35px;
margin: 0 0 0 -8px;
}
/* =============== elements =============== */
/* border */
/* breadcrumb */
.crumb {
color: #777;
margin: 0;
padding: 0;
font-size: var(--breadcrumb-font-size);
font-weight: var(--breadcrumb-font-weight);
}
.crumb{
padding-top: 10px;
margin-bottom: -50px;
}
.crumb li {
display: inline;
text-decoration: none;
letter-spacing: 0;
}
.crumb li:after {  
color: var(--breadcrumb-separator-color);
font-family: "FontAwesome";
content:"\f054";
font-size: var(--breadcrumb-separator-font-size);;
margin: 0 10px 0 10px;
}
.crumb li:last-child:after {
display: none;
}
.crumb a {
opacity: .6;
text-decoration: none;
}
.crumb a:hover{
opacity: 1;
}
.crumb li .active {
font-weight: bold;
}
/* button and link */
a {
text-decoration: none;
}
a.btn,
.btn {
position: relative;
z-index: 1;
overflow: hidden;
}
a.btn:before {
content: "";
background: rgba(0, 0, 0, 0);
width: 0;
height: 100%;
position: absolute;
z-index: -1;
}
a.btn-fx.light:hover:before {
width: 100%;
background: rgba(255, 255, 255, 1);
}
a.btn-main:hover,
.btn-main:hover {
color: var(--btn-hover-color);
background: var(--btn-hover-bg);
}
a.btn-main,
a.btn-main:active,
a.btn-main:focus,
a.btn-main:visited,
.btn-main,
input[type=button].btn-main,
#mainmenu li ul.mega a.btn-main {
background: var(--primary-color);
color: var(--btn-color);
font-family: var(--btn-font-family);
font-size: var(--btn-font-size);
font-weight: var(--btn-font-weight);
letter-spacing: var(--btn-letter-spacing);
padding: var(--btn-padding); 
text-decoration: var(--btn-text-decoration);
text-transform: var(--btn-text-transform);
border-radius: var(--btn-rounded);
-moz-border-radius: var(--btn-rounded);
-webkit-border-radius: var(--btn-rounded);
border: none;
position: relative;
display: inline-block;
text-align: center;
outline: 0;
}
a.btn-main.arrow span:after{
content: '→';
margin-left: 10px;
}
a.btn-main.fx-slide{
overflow: hidden;
}
a.btn-main.fx-slide span{
display: block;
position: relative;
transition: all .3s ease-in-out;
}
a.btn-main.fx-slide:hover span{
transform: translate(0, 40px);
opacity: 0;
}
a.btn-main.fx-slide:hover:before {
opacity: 1;
transform: translate(0, 0);
}
a.btn-main.fx-slide:before {
content: attr(data-hover);
position: absolute;
left: 0;
width: 100%;
opacity: 0;
transform: translate(0, -100%);
transition: all 0.3s ease-in-out;
}
a.btn-main.btn-trans.light{
background: rgba(255, 255, 255, .25);
}
a.btn-border.light {
border: solid 1px #ffffff;
color: #ffffff;
}
a.btn-border.light:hover {
background: #ffffff;
}
/* divider */
.spacer-single {
width: 100%;
height: 30px;
display: block;
clear: both;
}
.spacer-double {
width: 100%;
height: 60px;
display: block;
clear: both;
}
.spacer-half {
width: 100%;
height: 15px;
display: block;
clear: both;
}
.spacer-20 {
width: 100%;
height: 20px;
display: block;
clear: both;
}
.spacer-30-line{
border-bottom: solid 1px rgba(0, 0, 0, .3);
margin-top: 30px;
margin-bottom: 30px;
}
.text-light .spacer-30-line{
border-bottom: solid 1px rgba(255, 255, 255, .3);
margin-top: 30px;
margin-bottom: 30px;
}
/* dropcap */
/* form */
.form-border input[type=text],
.form-border textarea,
.form-border input[type=email],
.form-border input[type=password],
.form-border input[type=date],
.form-border select {
padding: 8px;
margin-bottom: 10px;
border: none;
border: solid 2px #eeeeee;
background: rgba(0, 0, 0, .025);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
height: auto;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
color: #333;
}
.dark-scheme .form-border input[type=text],
.dark-scheme .form-border textarea,
.dark-scheme .form-border input[type=email],
.dark-scheme .form-border input[type=password],
.dark-scheme .form-border input[type=date],
.dark-scheme .form-border select {
color: #ffffff;
border: solid 1px rgba(var(--primary-color-rgb), .5);
}
.dark-scheme ::-webkit-calendar-picker-indicator {
filter: invert(1);
}
.dark-scheme .form-border input::-moz-input-placeholder,
.dark-scheme .form-border textarea::-moz-input-placeholder {
color: rgba(255, 255, 255, .5);
}
.dark-scheme .form-border input::-webkit-input-placeholder,
.dark-scheme .form-border textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, .5);
}
.form-border input[type=text]:focus,
.form-border textarea:focus,
.form-border input[type=date]:focus,
.form-border select:focus {
background: rgba(var(--secondary-color-rgb), .1);
}
.field-set label {
color: #606060;
}
.dark-scheme .field-set label {
color: #ffffff;
}
.no-bg input[type="radio"]+label,
.de_form.no-bg input[type="checkbox"]+label {
padding: 4px 0px;
border: none;
background: none;
}
/* =============== heading =============== */
h1,
h2,
h4,
h3,
.h1,
.h2,
.h3,
.h4 {
margin-top: 0;
font-family: var(--heading-font);
font-weight: var(--heading-font-weight);
color: var(--heading-font-color);
text-transform: var(--heading-text-transform);
}
.dark-scheme h1,
.dark-scheme h2,
.dark-scheme h4,
.dark-scheme h3,
.dark-scheme .h1,
.dark-scheme .h2,
.dark-scheme .h3,
.dark-scheme .h4 {
color: #ffffff;
}
footer h1,
footer h2,
footer h4,
footer h4 {
color: #fff;
}
h2.text-light,
footer h4,
footer h4 {
color: #fff;
}
h1,.h1{
font-family: var(--h1-font-family);
font-size: var(--h1-font-size);
font-weight: var(--h1-font-weight);  
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-bottom: var(--h1-margin-bottom);
}
h2,.h2{
font-family: var(--h2-font-family);
font-size: var(--h2-font-size);
font-weight: var(--h2-font-weight);  
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-bottom: var(--h2-margin-bottom);
}
h3,.h3{
font-family: var(--h3-font-family);
font-size: var(--h3-font-size);
font-weight: var(--h3-font-weight); 
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-bottom: var(--h3-margin-bottom);
}
h4,.h4,.hs-4{
font-family: var(--h4-font-family);
font-size: var(--h4-font-size);
font-weight: var(--h4-font-weight); 
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-bottom: var(--h4-margin-bottom);
}
.hs-5{
font-family: var(--h5-font-family);
font-size: var(--h5-font-size);
font-weight: var(--h5-font-weight); 
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-bottom: var(--h5-margin-bottom);
}
.text-light, .text-light p {
color: var(--body-font-color-bg-dark);
}
.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4 {
color: var(--heading-font-color) !important ;
}
.text-dark p{
color: var(--body-font-color);
}
.text-white {
color: #fff;
}
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4 {
color: var(--heading-font-color-bg-dark);
}
.text-white h1,
.text-white h2,
.text-white h4,
.text-white h4 {
color: #fff;
}
/* list */
ul.d-inline li{
list-style: none;
display: inline;
}
.ul-check {
padding: 0;
list-style: none;
}
.ul-check li {
margin: 5px 0 5px 0;
}
.ul-check li:before {
font-family: "FontAwesome";
content: "\f00c";
margin-right: 15px;
color:var(--primary-color);
}
.dark-scheme .ul-check li a{
color:rgba(255, 255, 255, .7);
}
ol.ol-style-1 {
list-style-type: none;
counter-reset: ordered;
margin-left: 50px;
}
ol.ol-style-1 li {
font-weight: 500;
margin-bottom: 20px;
font-size: 18px;
}
ol.ol-style-1 li::before {
background: rgba(var(--primary-color-rgb),1);
border-radius: 50%;
color: var(--btn-color);
content: counter(ordered);
counter-increment: ordered;
display: inline-block;
font-weight: 400;
margin-left: -50px;
padding: 5px 5px;
position: absolute;
width: 40px;
height: 40px;
text-align: center;
}
.text-light ol.ol-style-1 li::before{
color: #ffffff;
}
.ol-style-1 {
font-size: 16px;
font-weight: bold;
}
.ol-style-1 p {
font-weight: normal;
}
.ol-style-1 {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;
}
.ol-style-1 li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;
}
.ol-style-1 li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;
}
.ol-style-1 li li {
margin: 0;
}
.ol-style-1 li li:before {
content: counters(item, ".") " ";
}
/* pagination */
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
/* =============== preloader =============== */
#de-loader {
position: fixed;
z-index: 20000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.dark-scheme #de-loader{
background: var(--bg-dark-1);
}
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--primary-color);
margin: -2px 0 0 -2px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* =============== progress bar =============== */
.de-progress {
width: 100%;
height: 8px;
background: #ddd;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
overflow: hidden;
}
.de-progress .progress-bar {
width: 0;
background: #333;
height: 8px;
box-shadow: none;
}
.dark-scheme .de-progress,
.text-light .de-progress {
background: rgba(255, 255, 255, .2);
}

/* =============== social icons =============== */
.social-icons {
display: inline-block;
}
.social-icons i {
text-shadow: none;
padding: 10px 5px;
width: 36px;
height: 36px;
text-align: center;
font-size: 16px;
margin: 0 3px 0 3px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.dark-scheme .social-icons i {
background: rgba(255, 255, 255, .1);
}
.social-icons i:hover {
background: #fff;
border-color: #eceff3;
color: #333;
}
#topbar .social-icons i{
font-size: 16px;
background: none;
margin-bottom: 0;
margin-right: 1px;
padding: 15px 5px;
height: 30px;
width: 30px;
margin-top: 5px;
color:#ffffff;
}
.social-icons.s1 i {
border: none;
font-size: 16px;
margin: 3px;
}
.social-icons.s1:hover i {
background: none;
}
.social-icons.s1 {
line-height: 0.5;
text-align: center;
}
.social-icons.s1 .inner {
display: inline-block;
position: relative;
}
.social-icons.s1 .inner:before,
.social-icons.s1 .inner:after {
content: "";
position: absolute;
height: 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
top: 0;
width: 100%;
}
.social-icons.s1 .inner:before {
right: 100%;
margin-right: 15px;
margin-top: 20px;
}
.social-icons.s1 .inner:after {
left: 100%;
margin-left: 15px;
margin-top: 20px;
}
/* =============== accordion =============== */
.accordion-section-title {
color: var(--heading-font-color);
width: 100%;
padding: 15px 0;
cursor: poInter;
font-family: var(--body-font);
width: 100%;
display: inline-block;
transition: all linear 0.5s;
text-decoration: none;
font-weight: 600;
overflow: none;
border-bottom: solid 1px #dddddd;
}
.dark-scheme .accordion-section-title,
.text-light .accordion-section-title {
color:#ffffff;
border-bottom: solid 1px rgba(255, 255, 255,.4) !important;
}
.accordion-section-title:before {
font-family: "FontAwesome";
content: "\f107";
float: right;
color: var(--bg-dark-1);
text-align: center;
padding: 0 8px 0 8px;
font-size: 15px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width: 30px;
}
.dark-scheme .accordion-section-title:before,
.text-light .accordion-section-title:before{
color: #ffffff;
}
.accordion-s1{
padding: 0;
border:solid 1px #dddddd;
border-radius: var(--rounded-1);
-moz-border-radius: var(--rounded-1);
-webkit-border-radius: var(--rounded-1);
margin-bottom: 20px;
}
.accordion-s1 .accordion-section-title{
border: none !important;
}
.accordion-s1 .accordion-section-title,
.accordion-s1 .accordion-section-content{
padding: 15px 25px;
}
.accordion-s1 .accordion-section-content{
padding-top: 0;
}
.rtl .accordion-section-title:before {
float: left;
}
.accordion-section-title.active:before {
content: "\f106";
}
.accordion-section-title.active {
margin-bottom: 0px;
text-decoration: none;
}
.accordion-section-title:hover {
text-decoration: none;
}
.accordion-section-content {
padding-top: 15px;
padding-bottom: 5px;
display: none;
margin-bottom: 10px;
}
.accordion.s2 .accordion-section-title{
border:none;
border-bottom: solid 1px #ddd;
}
/* testimonial
/* ================================================== */
.de_testi.no-bg blockquote {
background: none;
}
/* css attributes */
.overflow-hidden {
overflow: hidden;
}
/* anim */
header,
header *,
.hover,
.hover *,
.de_count,
.social-icons a i,
.mfp-close,
.mfp-close:hover,
.text-rotate-wrap,
.text-rotate-wrap .text-item,
.owl-slider-nav .next,
.owl-slider-nav .prev,
#back-to-top.show,
#back-to-top.hide,
#popup-box.popup-show,
#popup-box.popup-hide,
.btn-main,
#mainmenu *,
#mainmenu a span,
#mainmenu a.active span,
.error_input,
.owl-item.active.center div blockquote,
.accordion .content,
#contact_form input,
.dropdown *,
.form-border *,
.d-carousel *,
.d_demo_img *,
.show-on-scroll,
#mainmenu>li::before,
.player *,
#topbar,
#extra-wrap,
#btn-extra,
#btn-extra *,
.crumb *,
.de-dot *,
#aside,
#aside-menu,
.d-prev:before,.d-next:before,
.atr__opt *,
.atr__colors *,
#de_notif,
#thumbnail-carousel *{
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
outline: none;
}

#mainmenu li,
#mainmenu li ul,
.owl-prev,
.owl-next {
-o-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
outline: none;
}
header.header-mobile #mainmenu>li>span {
-o-transition: none;
-ms-transition: none;
-moz-transition: none;
-webkit-transition: none;
transition: none;
outline: none;
}
@-webkit-keyframes scaleIn {
from {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes scaleIn {
from {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
@-webkit-keyframes scaleInFade {
from {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes scaleInFade {
from {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.scaleInFade {
-webkit-animation-name: scaleInFade;
animation-name: scaleInFade;
}
@-webkit-keyframes scaleOutFade {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1, 1, 1);
transform: scale(1, 1, 1);
}
}
@keyframes scaleOutFade {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1, 1, 1);
transform: scale(1, 1, 1);
}
}
.scaleOut {
-webkit-animation-name: scaleOutFade;
animation-name: scaleOutFade;
}
@-webkit-keyframes widthInFade {
from {
opacity: 0;
width: 1px;
}
100% {
opacity: 1;
width: 100px;
}
}
@keyframes widthInFade {
from {
opacity: 0;
width: 1px;
}
100% {
opacity: 1;
width: 100px;
}
}
/* video */
video,
object {
display: inline-block;
vertical-align: baseline;
min-width: 100%;
min-height: 100%;
}
/* =============== map =============== */
#map {
width: 100%;
height: 500px;
}
.map iframe {
width: 100%;
border: solid 1px #ccc;
padding: 2px;
background: #fff;
}
.de-map-hotspot {
position: relative;
}
.de-map-hotspot img {
width: 100%;
}
.de-spot {
padding: 0;
margin: 0;
position: absolute;
vertical-align: center;
text-align: center;
}
.de-spot span {
position: absolute;
display: inline-block;
background: #ffffff;
padding: 0 10px;
font-size: 12px;
font-weight: bold;
left: 30px;
line-height: 1.8em;
color: #35404e;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.dark-scheme .de-spot span{
background: none;
color:#ffffff;
border: solid 2px rgba(255, 255, 255, .25);
}
.de-circle-1 {
width: 15px;
height: 15px;
background-color: var(--tertiary-color);
border-radius: 50%;
position: absolute;
margin: 5px 0 0 5px;
left: 31%;
}
.de-circle-2 {
border: 4px solid var(--tertiary-color);
-webkit-border-radius: 30px;
height: 25px;
width: 25px;
position: absolute;
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0.0;
left: 31%;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
-webkit-transform: scale(1.2, 1.2);
opacity: 0.0;
}
}
/* =============== overide bootstrap =============== */
.dark-scheme .accordion-body {
background: var(--bg-dark-1);
border-color: #292F45;
}
.container-fluid {
padding: 0px;
margin: 0px;
}
p{
margin-top: 0;
}
p.small{
line-height: 1.8em;
}
.dark-scheme strong{
color:#ffffff;
}
.progress {
background: #27282B;
}
/* =============== widget =============== */
.widget {
margin-bottom: 30px;
padding-bottom: 30px;
}
footer .widget{
margin-bottom: 0;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget ul li {
margin: 3px 0;
}
.widget-post li {
padding-bottom: 8px;
margin-bottom: 8px;
}
.widget-post li a {
font-weight: 600;
display: block;
text-decoration: none;
color: #606060;
}
.dark-scheme .widget-post li a {
color: #ffffff;
}
.widget-post .date {
margin-top: 5px;
margin-right: 10px;
float: left;
background: #333;
color: #fff;
display: inline-block;
padding: 2px 3px 2px 3px;
line-height: 1.4em;
font-size: 12px;
width: 60px;
font-weight: bold;
text-align: center;
}
.rtl .widget-post .date {
float: right;
}
.widget_tags li {
text-shadow: none;
display: inline-block;
margin-right: 3px;
margin-bottom: 16px;
}
.widget_tags li a {
font-size: 12px;
text-decoration: none;
color: var(--btn-color) !important;
padding: 5px 10px 7px 10px;
margin: 0 2px;
border-radius: var(--btn-rounded);
-moz-border-radius: var(--btn-rounded);
-webkit-border-radius: var(--btn-rounded);
}
.widget_tags li a:hover {
color: #555;
border-color: #555;
}
.widget_tags li a {
border-color: #555;
}
/* У темі тут забуто «{» — браузер відкидає це правило цілком.
   Лишаємо вимкненим, щоб вигляд не змінився:
   .widget_tags li a:hover border-color: #eceff3; } */
footer .widget {
border: none;
margin-bottom: 0;
}
.widget_tags ul {
margin-top: 30px;
}
footer .widget.widget_tags li a {
border-color: #222;
}
#cookit {
position: fixed;
width: 100%;
bottom: 0;
padding: 1rem 2rem;
display: flex;
z-index: 1022;
background: rgba(20, 20, 20, 1) !important;
}
.dark-scheme #cookit {
border-top: solid 1px rgba(255, 255, 255, .15);
}
#cookit.hidden {
display: none;
}
#cookit #cookit-container {
margin: auto;
width: 1300px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
#cookit #cookit-container>* {
margin: .4rem;
}
#cookit #cookit-container p {
line-height: 1.4rem;
}
#cookit #cookit-container a {
text-decoration: none;
}
#cookit #cookit-container a:hover {
opacity: .9;
}
#cookit #cookit-container #cookit-button {
color: #ffffff !important;
font-size: 14px;
font-weight: bold;
padding: .25rem 2rem;
margin-left: auto;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
/* marquee */
.d-flex {
display: flex;
white-space: nowrap;
}
.de-marquee-list {
display: flex;
align-items: top;
-webkit-animation: loop 40s infinite linear;
animation: loop 40s infinite linear;
}
.de-marquee-list .d-item-txt {
font-size: 100px;
line-height: 100px;
padding-right: 8px;
font-style: normal;
font-weight: bold;
font-family: var(--heading-font);
color: var(--primary-color);
user-select: none;
text-transform:uppercase;
color: transparent;
-webkit-text-stroke: 1px rgba(255, 255, 255, .75);
}
.de-marquee-list.s2 .d-item-txt{
background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: -moz-linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0;
}
.de-marquee-list .d-item-txt img{
width: 80px;
margin-top: -15px;
margin-right: 20px;
}
.de-marquee-list .d-item-display {
display: inline;
}
.de-marquee-list .d-item-block {
width: 80px;
height: 2px;
margin: 0 20px;
margin-right: 40px;
padding: 0px;
border-radius: 50%;
display: inline-block;
transform: translateY(-30px);
background: var(--primary-color);
}
.de-marquee-list.s2 .d-item-block{
height: 5px;
background: -webkit-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: -moz-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
}
.de-marquee-list .d-item-block{
border-radius: 0;
}
.text-light .de-marquee-list .d-item-dot {
background: rgba(255, 255, 255, .3);
}
.de-marquee-list.style-2 .d-item-txt {
font-size: 160px;
background: rgba(255, 255, 255, .2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.de-marquee-list.style-2 .d-item-dot {
transform: translateY(-0px);
background: rgba(255, 255, 255, .2);
}
/* marquee */
.de-step-s1 {
overflow: ;
position: relative;
padding: 0 25px;
height: 100%;
border-radius:var(--rounded-1);
-moz-border-radius:var(--rounded-1);
-webkit-border-radius:var(--rounded-1);
}
.de-step-s1 p {
position: relative;
z-index: 1;
margin-bottom: 0;
}
.de-step-s1 h4 {
position: relative;
z-index: 1;
}
.de-step-s1 .d-number {
font-size: 14px;
text-transform: uppercase;
font-weight:500;
padding: 5px 10px;
display: inline-block;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom: 40px;
line-height: 1em;
color:var(--heading-font-color);
}
.text-light .de-step-s1 .d-number{
color:#ffffff;
}
.border-gray {
border: solid 1px #ddd;
}
.bg-blur {
background: rgba(0, 0, 0, .15);
-webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
/* marquee plugin close */
.gradient-edge-top {
z-index: 1;
position: absolute;
top: 0;
width: 100%;
height: 30%;
background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
}
.gradient-edge-bottom {
z-index: 1;
position: absolute;
bottom: 0;
width: 100%;
height: 30%;
background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
}
.gradient-edge-top.light {
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.gradient-edge-bottom.light {
background: linear-gradient(0deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100%);
}
.gradient-edge-start.light {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.gradient-edge-end.light {
background: linear-gradient(90deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100%);
}
.gradient-edge-top.color {
background: linear-gradient(180deg, rgba(var(--primary-color-rgb),1) 0%, rgba(var(--primary-color-rgb),0) 100%);
}
.gradient-edge-bottom.color{
background: linear-gradient(0deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--primary-color-rgb), 0) 100%);
}
.dark-scheme .de-gradient-edge-bottom {
background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
}
.no-border {
border: none !important;
}
.owl-carousel.no-hide .owl-stage-outer{
/* у темі було «overflow: visible; !important;» — браузер застосовував
   лише перше, а «!important;» відкидав. Лишаємо як діяло. */
overflow: visible;
}
.show-on-scroll{
opacity: 0;
}
.show-on-scroll.show{
opacity: 1;
}
.show-on-scroll.hide{
opacity: 0;
}
.de-rating-ext .d-val{
color:#fff;
margin-right: 10px;
}
.de-rating-ext{
font-size: 14px;
}
.de-rating-ext i{
color:#F2B827;
}
/* select2 begin */
.select2-dropdown {
border-radius: 0;
box-shadow: #444 0px 3px 5px;
border: 0;
}
/* select2 end */
.arrow-divider.light > [class*=col-]:nth-child(n+2):after {
content: url('../images/ui/arrow-right-white.svg');
}
/* =============== declass =============== */
/* background */
/* width (percent) */
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-80{width: 80%;}
.w-100{width: 100%;}
/* width (px) */
.w-20px{width: 20px;}
.w-30px{width: 30px;}
.w-40px{width: 40px;}
.w-60px{width: 60px;}
.w-70px{width: 70px;}
.w-80px{width: 80px;}
.w-150px{width: 150px;}
.w-170px{width: 170px;}
/* height (percent) */
.h-50{height: 50%;}
.h-70{height: 70%;}
.h-100{height: 100%;}
/* height (px) */
.h-70px{height: 70px;}
.h-100px{height: 100px;}
/* top (percent) */
/* top (px) */
/* bottom (percent) */
.bottom-10{bottom: 10%;}
/* bottom (px) */
/* top negative (px) */
/* bottom negative (px) */
/* left pos (percent) */
/* left pos (px) */
/* right  pos (percent) */
/* right  pos (px) */
/* margin-left (percent) */
/* margin-left (px) */
/* margin top (px) */
/* margin top negative (px) */
/* margin bottom (px) */
/* margin bottom negative (px) */
/* margin left negative (px) */
/* margin top negative (px) */
/* font-size (px) */
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-24{font-size: 24px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-40{font-size: 40px;}
/* font-weight */
.fw-600{font-weight: 600 !important;}
.fw-bold{font-weight: bold !important;}
/* margin left (px) */
/* padding (px) */
.p-20{padding: 20px;}
.p-30{padding: 30px;}
.p-40{padding: 40px;}
/* padding bottom (px) */
/* padding top (px) */
/* padding left (px) */
/* padding left (px) */
/* border white */
/* border bottom white with transparency */
/* border bottom grey */
/* border bottom dark */
/* border bottom dark */
/* hover effects */
.hover:hover .hover-scale-1-2{transform: scale(1.2);}
.hover-op-1,.hover-op-05{ opacity:0 }
.hover:hover .hover-op-1{ opacity:1 }
.hover:hover .hover-op-05{ opacity:.5 }
.hover:hover .hover-scale-1-1{transform: scale(1.1);}
.hover:hover .hover-scale-1-2{transform: scale(1.2);}
.inline-block{display: inline-block;}
.infinite{ animation-iteration-count: infinite;}
/* opacity */
.op-4{ opacity:.4; }
.op-5{ opacity:.5; }
.op-6{ opacity:.6; }
/* line height em */
.lh-1{line-height: 1em;}
/* min height (px) */
.mh-800{min-height:800px;}
/* max height (px) */
/* background dark */
/* overlay-black */
.overlay-black-5{background: rgba(0, 0, 0, .5)}
/* overlay-dark */
/* overlay-white */
/* rotation */
/* positions */
.absolute,.abs { position: absolute;}
.abs-center { left: 50%; transform: translateX(-50%);}
.abs-middle{ top: 50%;  transform: translateY(-50%);}
.relative,.position-relative { position: relative; }
/* z-index */
.z-2{ z-index:2 }
.z-3{ z-index:3 }
.z-4{ z-index:4 }
.z-1000 { z-index: 1000;}
/* gradient border */
.bg-color-op-1{background: rgba(var(--primary-color-rgb), .1) !important;}
.flex-end{
justify-content: flex-end;
}

/* Bottom Left */

/* Top Right */

/* Top Left */

/* Bottom Right */

/* declass end */
/* aside */
#aside{
padding: 60px 45px;
width: 20%;
position: fixed;
top:0;
bottom: 0;
background: var(--bg-dark-1);
z-index: 1001;
overflow-x: hidden;
scrollbar-width: none;
}
#main, .de-sidebar main, .de-sidebar footer{
width: 80%;
margin-left: 20%;
float: right;
}
#main .container, .de-sidebar main .container, .de-sidebar footer{
padding-left: 40px;
padding-right: 40px;
}
#aside-menu {
display: none;
position: fixed;
top:0;
left: 0;
line-height: 1.5em;
width: 40px;
height: 40px;
padding: 4px;
padding-top: 8px;
text-align: center;
cursor: pointer;
color: #fff;
margin:30px;
z-index: 1001;  background: var(--primary-color);
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
#aside-menu:before {
font-family: FontAwesome;
content: "\f0c9";
font-size: 20px;
}
#aside-menu.open:before{
content: "\f00d";
}
@media only screen and (max-width: 992px) {
#aside{
width: 30%;
}
#main,.de-sidebar main, .de-sidebar footer{
width: 70%;
margin-left: 30%;
}
}
@media only screen and (max-width: 768px) {
#main,.de-sidebar main, .de-sidebar footer{
width: 100%;
margin-left: 0;
}
#aside{
width: 320px;
left: -320px;
}
#aside.open{
left: 0;
}  
#aside-menu{
display: block;
}  
#aside-menu.open{
margin-left: 340px;
}  
}
/* aside end
/* shop */
.de__pcard h3{
font-weight: bold;
margin-top: 5px;
margin-bottom: 0px;
font-size: 17px;
}
.atr__colors{
margin-top: 10px;
}
.atr__colors div{
border: solid 1px rgba(51, 51, 51, 0);
display: inline-block;
margin: 0 2px;border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.atr__colors span{
display: block;
background: #333333;
width: 20px;
height: 20px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.atr__colors div.active{
border: solid 1px #333333;
padding: 3px;
}
.atr__colors div.active span{
width: 14px;
height: 14px;
}
.atr__opt{  
text-align: center;
}
.atr__opt div{
display: inline-block;
cursor: pointer;
font-size: 14px;
padding: 2px;
margin: 2px;
border:solid 1px var(--secondary-color);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
line-height: 1em;
width: 32px;
}
.atr__opt div.active{
background: var(--secondary-color);
color:#ffffff;
}
#de_notif{
opacity: 0;
font-weight: bold;
background: #ffffff;
color: #000000;
padding: 5px 10px;
position: fixed;
left: 50%;
bottom: -50px;
transform: translate(-50%, 0);
z-index: 100;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#de_notif.active{
opacity: 1;
bottom: 40px;
}
/* shop end */
/* cart begin */
/* cart end */
/* ecommerce icons begin */
.de-icon-counter{
cursor: pointer;
position: relative;
padding: 10px;
padding-right: 15px;
}
.de-icon-counter img{
width: 24px;
}
.de-icon-counter .d-counter{
background: var(--primary-color);
font-size: 12px;
width: 24px;
height: 24px;
color:#ffffff;
position: absolute;
top: 0;
right: 0;
padding-top: 6px;
line-height: 1;
text-align: center;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
.de-quick-search{
background: none;
outline: none;
border:solid 1px rgba(0, 0, 0, .5);
padding: 3px 10px;
}
/* ecommerce icons end */
/* owl sync begin */
#sync1 .item {
background: rgba(var(--primary-color-rgb),.1);
padding: 40px;
margin: 5px;
color: #FFF;
-webkit-border-radius: var(--rounded-1);
-moz-border-radius: var(--rounded-1);
border-radius: var(--rounded-1);
text-align: center;
}
#sync2 .item {
background: rgba(var(--primary-color-rgb),.1);
margin: 5px;
color: #FFF;
-webkit-border-radius: var(--rounded-1);
-moz-border-radius: var(--rounded-1);
border-radius: var(--rounded-1);
padding: 10px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1 {
font-size: 18px;
}
#sync2 .current .item {
background: rgba(var(--primary-color-rgb),.3);
}
/* range slider begin */
/* price range slider */
.price-input {
width: 100%;
display: flex;
margin: 0 0 15px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.slider {
height: 5px;
position: relative;
background: #ddd;
border-radius: 5px;
}
.slider .progress {
height: 100%;
left: 0%;
right: 0%;
position: absolute;
border-radius: 5px;
background: var(--primary-color);
}
.range-input {
position: relative;
margin-bottom: 10px;
}
.range-input input {
position: absolute;
width: 100%;
height: 5px;
top: -5px;
background: none;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
height: 17px;
width: 17px;
border-radius: 50%;
background: var(--primary-color);
pointer-events: auto;
-webkit-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
height: 17px;
width: 17px;
border: none;
border-radius: 50%;
background: var(--primary-color);
pointer-events: auto;
-moz-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
/* range slider end */
/* custom tabs */
.de-tab .d-tab-nav {
padding: 0;
list-style: none;
position: relative;
}
.de-tab .d-tab-nav .active-tab {
border-bottom: none;
font-weight: 500;
position: relative;
color: var(--btn-color);
background: var(--primary-color);
}
.de-tab .d-tab-nav li {
display: block;
cursor: pointer;
padding: 10px;
border-radius: var(--btn-rounded);
-moz-border-radius: var(--btn-rounded);
-webkit-border-radius: var(--btn-rounded);
}
.de-tab .d-tab-content {
padding: 0;
margin: 0;
list-style: none;
}
.de-tab .d-tab-content > li {
display: none;
}
.de-tab .d-tab-nav li{
display: inline-block;
padding: 8px 20px;
}
.de-tab.pill .d-tab-nav{
background: rgba(var(--primary-color-rgb),.2);
}
.de-tab.pill .d-tab-nav{  
display: flex;
justify-content: space-around;
border: none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
overflow: hidden;
}
.de-tab.pill .d-tab-nav li{
font-weight: 500;
color:#000000;
text-align: center;
flex-grow:1;
}
.de-tab.pill .d-tab-nav .active-tab{
background: var(--primary-color);
color:#ffffff;
border:none;
}
.de-tab.plain .d-tab-nav li{
font-weight: 500;
color:#000000;
text-align: center;
padding: 0;
margin: 0;
opacity: .4;
}
.de-tab.plain .d-tab-nav .active-tab{
background: none;
font-weight: bold;
opacity: 1;
}
.dark-scheme .de-tab.plain .d-tab-nav li,
.text-light .de-tab.plain .d-tab-nav li{
color: #ffffff;
}
@media only screen and (max-width: 767px) {
.d-tab-nav,
.d-tab-nav li{
display: block !important;
}
}
/* custom tabs end */
/* de-dot */
.de-dot {
position: absolute;
z-index: 10;
box-sizing: content-box;
display: inline-block;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
border-radius: 50%;
}
.de-dot:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 15px;
height: 15px;
background: orange;
border-radius: 50%;
animation: dot-pulse 1500ms ease-out infinite;
}
.de-dot:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 15px;
height: 15px;
background: orange;
border-radius: 50%;
transition: all 200ms;
}
@keyframes dot-pulse {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.2);
opacity: 0;
}
}
.de-dot .d-content{
transform: scale(0);
transform-origin: top left;
background: rgba(var(--bg-dark-1-rgb),.8);
opacity: 0;
overflow: hidden;
margin-left: 10px;
margin-top:20px;
width: 210px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding: 20px 25px;
font-size: 15px;
line-height: 1.6em;
}
.de-dot:hover .d-content,
.de-dot.active .d-content {
transform: scale(1);
opacity: 1;
}
.de-dot:hover::after,
.de-dot.active::after {
background: #ffffff;
}
.de-dot:hover::before,
.de-dot.active::before {
background: #ffffff;
}
/* dotted list begin */
/* dotted list end */
/* text circle begin */
.text-circle {
position: relative;
width: calc(var(--text-circle-width) * 2);
height: calc(var(--text-circle-width) * 2);
border-radius: 50%;
animation: spin var(--text-circle-speed) linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to   { transform: rotate(360deg); }
}
.text-circle span {
position: absolute;
left: 50%;
transform-origin: 0 var(--text-circle-width);
font-size: calc(var(--text-circle-width) * 0.15);
white-space: pre;
}
/* text circle end */
/* de-vertical-nav begin */
.de-vertical-nav a{
background: var(--bg-grey);
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
display: block;
padding: 40px;
position: relative;
}
.de-vertical-nav img{
position: absolute;
width: 40px;
top: 50%;  transform: translateY(-50%);
}
/* de-vertical-nav end */
/* timeline begin */
.de-timeline .d-item{
display: flex;
justify-content: space-between;
position: relative;
}
.de-timeline .d-item{
content: "";
border-left: solid 1px #555;
margin-left: 20px;
padding-bottom: 30px;
}
.de-timeline .d-item  .d-icon{
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
position: absolute;
width: 28px;
height: 28px;
text-align: center;
left: -15px;
color: #ffffff;
background: var(--secondary-color);
}
.de-timeline .d-item.active .d-icon{
animation: pulsing 2s infinite;
transition: all 0.2s;
}
.de-timeline .d-item .d-text{
max-width: 80%;
padding-left: 40px;
}
.de-timeline .d-item .d-text h4{
margin-bottom: 5px;
}
.de-timeline .d-item:not(.active){
opacity: .25;
}
@keyframes pulsing {
from {
box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),1);
}
70% {
box-shadow: 0 0 0 15px rgba(var(--secondary-color-rgb),0);
}
to {
box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),0);
}
}
/* de-timeline end */
/* timeline-s2 begin */
.de-timeline-s2 .d-item{
display: flex;
justify-content: space-between;
position: relative;
}
.de-timeline-s2 .d-item{
content: "";
border-left: solid 1px rgba(0, 0, 0, .2);
margin-left: 20px;
padding-bottom: 30px;
}
.text-light .de-timeline-s2 .d-item,
.dark-scheme .de-timeline-s2 .d-item{
border-left: solid 1px rgba(255, 255, 255, .2);
}
.de-timeline-s2 .d-item:last-child{
border: none;
}
.de-timeline-s2.color .d-item{
border-left-color: var(--secondary-color);
}
.de-timeline-s2 .d-item.no-border{
border: none;
}
.de-timeline-s2 .d-item  .d-icon{
font-weight: bold;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
position: absolute;
width: 40px;
height: 40px;
padding-top: 5px;
text-align: center;
left: -20px;
color:#ffffff;
background: var(--primary-color);
}
.de-timeline-s2.color .d-item  .d-icon{
background: var(--secondary-color);
}
.de-timeline-s2 .d-item.active .d-icon{
animation: pulsing 2s infinite;
transition: all 0.2s;
}
.de-timeline-s2 .d-item .d-text{
padding-left: 40px;
}
.de-timeline-s2 .d-item .d-text h4{
margin-bottom: 5px;
}
@keyframes pulsing {
from {
box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),1);
}
70% {
box-shadow: 0 0 0 15px rgba(var(--secondary-color-rgb),0);
}
to {
box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),0);
}
}
/* de-timeline end */
/* h-timeline begin */
/* Timeline */
/* h-timeline end */
/* swiperjs */
.swiper{
background: var(--bg-dark-1);  
}
.swiper,
.sw-overlay{
position: absolute;
width: 100%;
height: 100%;
left:0;
top: 0;
}
.swiper-slide{
position: relative;
background: var(--bg-dark-1);
}
.sw-text-wrapper.border-left.light{
border-left: solid 1px rgba(255, 255, 255, .25);
padding-left: 40px;
}
.slider-title .underline{
position: relative;
}
.slider-title .underline:before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: var(--secondary-color);
}
h1.slider-title{
font-size: 64px;
font-weight: 500;
margin-bottom: 20px;
line-height: 1.1em;
letter-spacing: -2px;
}
h2.slider-title{
font-size: 64px;
letter-spacing: -3px;
}
h3.slider-teaser{
font-size: 24px;
}
p.slider-teaser{
font-size: 18px;
line-height: 1.6em;
font-weight: 400;
} 
.sw-overlay{
background: -webkit-linear-gradient(0deg,rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 50%);
background: -moz-linear-gradient(0deg,rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 50%);
background: linear-gradient(0deg,rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 50%);
}
.swiper-inner{
display: block;
position: absolute;
top:0;
width: 100%;
height: 100%;
}
.swiper-pagination{
width: 100px;
font-size: 20px;
text-align: right;
position: absolute;
left: auto;
right: 40px;
bottom: 40px;
font-weight: 400;
}
.swiper-pagination-total{
font-size:20px;
opacity: .5;
}
.swiper-pagination-current{
color:#000000;
font-size: 20px;
}
.text-light .swiper-pagination-current{
color: #ffffff;
}
.slider-light .swiper-pagination-current{
color: var(--heading-font-color);
}
.swiper-button-next, .swiper-button-prev{
color:#ffffff;
}
.slider-light .swiper-button-next, .slider-light .swiper-button-prev{
color:var(--primary-color);
}
.swiper-button-next:after, .swiper-button-prev:after{
font-size:24px;
}
.swiper-button-next{
right: 20px;
}
.swiper-button-prev{
left: 20px;
}
/* swiper end */
/* swiper #2 begin */
.swiper-container {
overflow: hidden;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 480px) {
.swiper-container {
min-height: 320px;
}
}
.swiper-container-wrapper {
display: flex;
flex-flow: column nowrap;
height: 100vh;
width: 100vw;
}
@media (min-width: 480px) {
.swiper-container-wrapper {
flex-flow: row nowrap;
}
}
#swiper-s2 .swiper-slide {
text-align: center;
background-size: cover;
background-position: center;
background-color: var(--bg-dark-1);
/* Center slide text vertically */
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* Slide content */
}
.swiper-slide .description,
.swiper-slide .title {
display: block;
opacity: 0;
transition: 0.5s ease 0.5s;
}
.swiper-slide-active .description,
.swiper-slide-active .title {
opacity: 1;
}
.swiper-slide-active .title {
margin-bottom: 0.5rem;
font-size: 24px;
color: #000;
transition: opacity 0.5s ease 0.5s;
}
.swiper-slide-active .description {
font-size: 16px;
color: #777;
transition: opacity 0.5s ease 0.75s;
}
/* swiper #2 end */
.player {
margin: 0 auto;
background: none;
width: 120px;
height: 120px;
border: solid 2px #fff;
position: relative; 
text-indent:-9999px;
}
.player span {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 20px solid #ffffff;
border-bottom: 15px solid transparent;
position:absolute;
top:37.5%;
left:45%; 
}
.player.dark span{
border-left: 20px solid #000000;
}
.player:hover{
cursor:pointer;
border:none;
box-shadow:none;
}
.player:hover span{
transform: scale(1.2);
}
.player.invert span{
border-left: 20px solid #000;
}
.player.invert:hover span{
border-left: 20px solid #fff;
}
.de-flex #mainmenu{
margin: 0;
}
.subtitle{
position: relative;
font-weight: 600;
position: relative;
display: inline-block;
font-family:var(--subtitle-font);
font-size:var(--subtitle-font-size);
font-weight:var(--subtitle-font-weight);
color:var(--subtitle-color);
letter-spacing: var(--subtitle-letter-spacing);
text-transform: var(--subtitle-text-transform);
padding: var(--subtitle-padding);
background: var(--subtitle-background);
border-radius:var(--subtitle-rounded);
-moz-border-radius:var(--subtitle-rounded);
-webkit-border-radius:var(--subtitle-rounded);
line-height: 1.5em;
margin-bottom: var(--subtitle-margin-bottom);
}
.text-light .subtitle{
color: var(--subtitle-color-dark);
background: var(--subtitle-background-dark);
border-color: rgba(255, 255, 255, .5);
}
@keyframes blinkingText{
0%    { background: var(--primary-color);}
50%   { background: rgba(var(--primary-color-rgb), 0); }
100%    { background: var(--primary-color);}
}
.scrollbar {
position: fixed;
bottom: 0;
left: 0;
height: 4px;
transition: all linear 0.1s;
min-width: 0%;
z-index:1000;
}
.scrollbar-v {
background: var(--secondary-color);
position: fixed;
top: calc(50% + 60px);
left: 43px;
width: 2px;
transition: all linear 0.1s;
min-height: 0%;
z-index:1000;
}
.scrollbar-v:before{
content: "";
position: absolute;
left: 0;
width: 2px;
min-height: 100px;
background: rgba(0, 0, 0, .15);
}
.scrollbar-v.dark:before{
background: rgba(255, 255, 255, .2);
}
.float-text {
width: 20px;
position: fixed;
z-index: 1002;
margin-left: 30px;
text-align: center;
font-size: 12px;
top: 50%;
left: 16px;
transform: translate(-50%, -50%);
font-weight: 500;
}
.float-text a{
color: #000000;
}
.float-text.dark a{
color:#ffffff;
}
.float-text span{
margin-left: -5px;
margin-top: 20px;
writing-mode: vertical-rl;
letter-spacing: .75px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
color: #222;
}
.dark-scheme .float-text span{
color: #ffffff;
}
/* de-number begin */
.de-number{
margin-top: 8px;
}
.d-minus, .d-plus{
margin-top: -6px;
cursor: pointer;
color: #ffffff;
font-size: 24px;
width:36px;
height:36px;
padding:3px 5px 3px 5px;
display: inline-block;
vertical-align: middle;
text-align: center;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
background: var(--primary-color);
}
.d-minus:active, .d-plus:active{
background: #ffffff;
color: #000;
}
.de-number input{
width: 40px;
text-align: center;
font-size: 20px;
border:none;
padding: 3px !important;
background: none;
border:solid 1px var(--primary-color);
}
#extra-wrap.dark .de-number input{
color: #ffffff;
}
/* de-number close */
.d_demo_img {
position: relative;
overflow: hidden;
display: block;
margin: 5px;
margin-bottom: 15px;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
-moz-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
}
.d_demo_img:hover{
border-color:rgba(var(--primary-color-rgb),1);
}
.d_demo_img:hover img {
transform: scale(1.1);
}
.de-hover-scale:hover{
transform: scale(1.2);
-webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
-moz-box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
}
.rtl .owl-carousel {
direction: ltr;
}
.rtl .owl-carousel .owl-item {
direction: rtl;
}
.de-flex {
display: flex;
justify-content: space-between;
}
.de-flex>.de-flex-col {
display: flex;
justify-content: center;
align-items: center;
}
#loadmore {
display: inline-block;
margin-top: 10px;
}
.d-item {
display: none;
}
/*Cookie Consent Begin*/
#cookieConsent {
background-color: rgba(255, 255, 255, 0.8);
min-height: 26px;
font-size: 14px;
line-height: 26px;
font-weight: 500;
padding: 10px 30px 10px 30px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: none;
z-index: 9999;
}
#cookieConsent a {
text-decoration: none;
}
#closeCookieConsent {
float: right;
display: inline-block;
cursor: poInter;
height: 20px;
width: 20px;
margin: -15px 0 0 0;
font-weight: bold;
}
#closeCookieConsent:hover {
color: #FFF;
}
#cookieConsent a.cookieConsentOK {
color: #fff;
display: inline-block;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0 20px;
cursor: poInter;
}
#cookieConsent a.cookieConsentOK:hover {
opacity: .8;
}
/*Cookie Consent End*/
@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(120, 169, 56, 0.2);
}
100% {
box-shadow: 0 0 0 20px rgba(120, 169, 56, 0);
}
}
.opt-1 {
display: inline-block;
}
.opt-2 {
display: none;
}
.border {
border-color: #EFEFEF !important;
}
.text-light .border {
border-color: rgba(255, 255, 255, .1) !important;
}
.owl-thumbs img {
padding: 3px;
}
strong {
font-weight: bold;
}
.text-light strong {
color: #fff;
}
.border-bottom {
border-bottom: solid 1px #e5e5e5;
}
.dark-scheme .border-bottom {
border-bottom: solid 1px rgba(255, 255, 255, .3) !important;
}
.dark-scheme header.border-bottom {
border-bottom: solid 1px rgba(255, 255, 255, .1) !important;
}
#navigation {
position: fixed;
width: 100%;
height: 60px;
top: 0;
right: 20px;
text-align: center;
margin-bottom: 60px;
z-index: 1000;
}
.no-bottom {
margin-bottom: 0;
padding-bottom: 0;
}
p {
margin-bottom: 20px;
}
.no-bottom .col-md-12 {}
.no-bottom {
padding-bottom: 0 !important;
}
.no-top {
padding-top: 0 !important;
}
.no-margin {
margin: 0 !important;
}
#filters i {
margin-right: 10px;
}
.no-padding,
section.no-padding {
padding: 0;
}
.form-control:focus {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.d-carousel {
position: relative;
display: flex;
align-items: center;
}
.d-arrow-left,
.d-arrow-right {
display: none;
cursor: pointer;
position: absolute;
margin-top: -10px;
z-index: 100;
width: 30px;
height: 60px;
background-color: rgba(255, 255, 255, 1.0);
}
.d-arrow-left {
left: 0px;
border-top-right-radius: 110px;
border-bottom-right-radius: 110px;
}
.d-arrow-right {
right: 0px;
border-top-left-radius: 110px;
border-bottom-left-radius: 110px;
}
.d-arrow-left i,
.d-arrow-right i {
position: absolute;
z-index: 1000;
top: 20px;
color: #ffffff;
font-size: 20px;
font-weight: bold;
}
.d-arrow-left i {
left: 8px;
}
.d-arrow-right i {
right: 8px;
}
.owl-nav {
display: flex;
}
.owl-prev,
.owl-next {
cursor: pointer;
position: absolute;
top: 27.5%;
z-index: 100;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 1.0);
border: solid 1px #ccc;
}
.dark-scheme .owl-prev,
.dark-scheme .owl-next {
background: var(--bg-color-even);
color: #ffffff;
border-color: rgba(255, 255, 255, .1);
}
.owl-prev:hover,
.owl-next:hover {
transform: scale(1.1);
-webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);
}
.owl-prev {
left: -12px;
border-radius: 60px;
padding-left: 4px;
}
.owl-next {
right: -12px;
border-radius: 60px;
padding-right: 4px;
}
.owl-next i {
top: 12px;
left: 16px;
}
.owl-arrow {
z-index: 100;
background: #fff;
margin-top: 48%;
display: none;
cursor: poInter;
}
.owl-arrow span {
display: block;
background: #555;
position: absolute;
}
.owl-arrow .prev {
left: 0;
}
.owl-arrow .next {
right: 0;
}
.owl-arrow .prev:before,
.owl-arrow .next:before {
font-family: "FontAwesome";
content: '\f177';
color: #222222;
padding: 20px;
font-size: 32px;
display: block;
}
.owl-arrow .next:before {
content: '\f178';
}
.owl-pagination {
margin-top: 0px;
height: 40px;
}
.owl-theme .owl-controls .owl-page span {
display: block;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
width: 6px;
height: 6px;
background-color: #555;
opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span {
background: none;
}
.owl-theme .owl-controls .owl-page.active span:before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
position: relative;
border: solid 2px #555;
top: -2px;
left: -2px;
}
/* new owl */
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 20px;
}
.owl-dots button {
border: none;
outline: none;
padding: 0;
width: 8px;
height: 8px;
margin: 0 5px;
border-radius: 30px;
background: rgba(0, 0, 0, .15);
}
.owl-theme .owl-dots .owl-dot span {
display: none;
}
/* new owl close */
.text-light .owl-theme .owl-controls .owl-page span {
background-color: #fff;
}
.text-light .owl-theme .owl-controls .owl-page.active span {
background: none;
}
.text-light .owl-theme .owl-controls .owl-page.active span:before {
border: solid 2px #fff;
}
.text-light .owl-dot.active{
background: #ffffff;
}
.text-item i {
font-size: 60px;
margin-top: 5px;
}
.text-rotate-wrap {
display: inline-block;
}
.text-rotate-wrap .text-item {
display: none;
}
.overlay-bg.light-5 {
background: rgba(255, 255, 255, .5);
}
.overlay-bg.light-6 {
background: rgba(255, 255, 255, .6);
}
.overlay-bg.light-7 {
background: rgba(255, 255, 255, .7);
}
.overlay-bg.light-8 {
background: rgba(255, 255, 255, .8);
}
.de-overlay-gradient-dark {
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: -moz-linear-gradient(rgba(0 ,0 ,0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(rgba(0 ,0 ,0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(rgba(0 ,0 ,0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.de-overlay-gradient-color {
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: -moz-linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
background: -webkit-linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
background: linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
}
.wow {
visibility: hidden;
}
#back-to-top {
background: var(--primary-color);
position: fixed;
bottom: -40px;
right: 20px;
z-index: 1020;
width: 40px;
height: 40px;
text-align: center;
line-height: 30px;
cursor: poInter;
padding-top: 3px;
border: 0;
text-decoration: none;
transition: opacity 0.2s ease-out;
outline: none;
opacity: 0;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
#back-to-top:hover {
transform: scale(1.1);
}
#back-to-top.show {
bottom: 20px;
opacity: 1;
}
#back-to-top.hide {
bottom: -40px;
}
#back-to-top:before {
font-family: "FontAwesome";
font-size: 18px;
content: "\f106";
color: var(--btn-color) !important;
position: relative;
}
/* mouse scroll icon begin */
.mouse {
position: absolute;
width: 22px;
height: 42px;
bottom: 40px;
left: 50%;
margin-left: -12px;
border-radius: 15px;
border: 2px solid #fff;
-webkit-animation: intro 1s;
animation: intro 1s;
}
.scroll {
display: block;
width: 3px;
height: 3px;
margin: 6px auto;
border-radius: 4px;
background: #fff;
-webkit-animation: finger 1s infinite;
animation: finger 1s infinite;
}
@-webkit-keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
/* mouse scroll icon close */
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
#de-arrow-nav-set {
text-align: center;
}
#de-arrow-nav-set i {
color: #222;
font-size: 32px;
}
#de-arrow-nav-set i.icon_menu {
display: inline-block;
}
/* owl */
.owl-custom-nav.menu-float{
position: relative;
}
.owl-custom-nav.menu-float .btn-prev,
.owl-custom-nav.menu-float .btn-next{
position: absolute;
z-index: 2000;
top: 50%;
transform: translateY(-50%);
display: block;
cursor: pointer;
padding:0;
}
.owl-custom-nav.menu-float .btn-prev{
left: 0px;
}
.owl-custom-nav.menu-float .btn-next{
right: 0px;
}
.owl-custom-nav.menu-float .btn-prev:before,
.owl-custom-nav.menu-float .btn-next:before{
font-size: 24px;
}
.owl-custom-nav .btn-prev:before,
.owl-custom-nav .btn-next:before{
display: block;
font-family:"FontAwesome";
content:"\f105";
color:var(--btn-color);
padding:10px 0;
font-size:20px;
width: 40px;
height: 50px;
background: var(--primary-color);
text-align: center;
}
.owl-custom-nav.dark .btn-prev:before,
.owl-custom-nav.dark .btn-next:before{
color:#000000;
}
.owl-custom-nav .btn-prev:before{
content:"\f104";
border-radius:0 30px 30px 0;
-moz-border-radius:0 30px 30px 0;
-webkit-border-radius:0 30px 30px 0;
}
.owl-custom-nav .btn-next:before{
border-radius:30px 0 0 30px;
-moz-border-radius:30px 0 0 30px;
-webkit-border-radius:30px 0 0 30px;
}
.owl-custom-nav.dark .btn-prev:before,
.owl-custom-nav.dark .btn-next:before{
color:#000000;
}
.owl-custom-nav a{
text-decoration:none;
}
.de-custom-nav .d-prev:before, .de-custom-nav .d-next:before{
font-family: "FontAwesome";
display: block;
width: 40px;
height: 40px;
background: var(--primary-color);
margin: 3px;
text-align: center;
font-size: 20px;
color:var(--btn-color);
cursor: pointer;
padding: 3px 0 0 0;
}
.de-custom-nav .d-prev:before{
content:"\f104";
}
.de-custom-nav .d-next:before{
content:"\f105";
}
.de-custom-nav .d-prev.circle:before, .de-custom-nav .d-next.circle:before{
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
.de-custom-nav .d-prev:hover:before, .de-custom-nav .d-next:hover:before{
background: var(--primary-color);
opacity: .8;
}
.owl-prev,.owl-next{
display: none;
}
.owl-slider-nav {
position: absolute;
width: 100%;
}
.owl-slider-nav,
.owl-slider-nav div {
position: absolute;
z-index: 10;
cursor: poInter;
}
.owl-slider-nav .next {
right: -50px;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 50px solid transparent;
}
.owl-slider-nav .prev {
left: -50px;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid transparent;
}
.owl-slider-nav .next:before {
font-family: "FontAwesome";
font-size: 24px;
content: "\f0da";
color: #fff;
position: absolute;
right: -40px;
top: -13px;
}
.owl-slider-nav .prev:before {
font-family: "FontAwesome";
font-size: 24px;
content: "\f0d9";
color: #fff;
position: absolute;
left: -40px;
top: -13px;
}
.owl-dots {
text-align: center;
}
.owl-dot {
background: #ccc;
border: none;
margin: 5px;
width: 6px;
height: 6px;
padding: 0;
border-radius: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
}
.dark-scheme .owl-dot,
.text-light .owl-dot {
background: rgba(255, 255, 255, .2);
}
.owl-item.active div blockquote,
.owl-item.active div blockquote .de_testi_by {
opacity: 1;
}
.owl-stage {
overflow: none;
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.5s infinite;
-moz-animation: blink 0.5s infinite;
animation: blink 0.5s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.list {
margin: 0;
padding: 0;
}
.list li {
list-style: none;
}
.rtl .list.s1 li:after,
.list.s1 li:before {
font-family: FontAwesome;
content: "\f00c";
margin-right: 10px;
}
.rtl .list.s1 li:after {
margin-right: 0;
margin-left: 10px;
}
.rtl .list.s1 li:before {
display: none;
}
#owl-logo img:hover {
opacity: 1;
}
.dark-scheme .switch {
background: rgba(255, 255, 255, .1);
}
.switch {
margin-bottom: -5px;
-webkit-appearance: none;
height: 22px;
width: 42px;
background-color: #F4F4F4;
border-radius: 60px;
position: relative;
cursor: poInter;
border: none;
}
.switch::after {
content: "";
width: 18px;
height: 18px;
background-color: #ffffff;
position: absolute;
border-radius: 100%;
transition: .5s;
margin: 2px 0 0 2px;
}
.de-switch {
display: block;
}
.de-switch h3 {
font-weight: 400;
padding-bottom: 6px;
}
.de-switch input[type=checkbox] {
display: none;
}
.de-switch input[type=checkbox]:checked+label {
background-color: #2f7df9;
}
.de-switch input[type=checkbox]:checked+label:after {
left: 23px;
}
.de-switch label {
transition: all 200ms ease-in-out;
display: inline-block;
position: relative;
height: 20px;
width: 40px;
border-radius: 40px;
cursor: pointer;
background-color: rgba(0, 0, 0, .3);
color: transparent;
}
.dark-scheme .de-switch label {
background-color: rgba(255, 255, 255, .1);
}
.de-switch label:after {
transition: all 200ms ease-in-out;
content: " ";
position: absolute;
height: 14px;
width: 14px;
border-radius: 50%;
background-color: white;
top: 3px;
left: 3px;
right: auto;
}
.de-switch.colored input[type=checkbox]:checked+label {
background-color: #55c946;
}
.de-switch.colored label {
background-color: #ff4949;
}
.switch-with-title .de-switch {
float: right;
}
.switch:checked::after {
transform: translateX(20px);
}
.switch:focus {
outline-color: transparent;
}
.menu_side_area {
display: flex;
align-items: center;
}
.rtl .menu_side_area {
margin-left: 0;
}
.hide-content {
display: none;
}
.ul-check {
padding: 0;
list-style: none;
}
.ul-check li {
position: relative;
display: block;
margin-top: 0;
padding: 0px;
padding-left: 30px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
line-height: 1.6em;
}
.ul-check li h4 {
font-size: 18px;
font-weight: 500;
}
.ul-check li:before {
position: absolute;
left: 0;
font-family: "FontAwesome";
content: "\f00c";
margin-right: 12px;
width: 20px;
line-height: 1;
padding: 4px 0;
font-size: 15px;
display: inline-block;
text-align: center;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.rtl .ul-check li:before {
margin-right: 0;
margin-left: 12px;
}
/* shadow */

.de-map-wrapper iframe{
-webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
-moz-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
}
.no-shadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.circle{
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
.de-map-wrapper iframe {
width: 100%;
height: 450px;
border: solid 1px #cccccc;
}
/* image effect */
@-webkit-keyframes move-up-down {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
@keyframes move-up-down {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
.slider-text-wrap {
background: rgba(255, 255, 255, .75);
padding: 30px;
padding-top: 20px;
overflow: hidden;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.scale-in-mask{
animation: scale-in-mask 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s forwards;
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
@keyframes scale-in-mask {
0% {
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
clip-path: inset(30% 30% 30% 30%);
opacity: 0;
}
100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@keyframes mask-bottom {
0% {
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 0;
}
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes mask-left {
0% {
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@keyframes mask-right {
0% {
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.rotate-animation{
animation: rotate-animation 10s infinite linear;
}
@keyframes rotate-animation {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
/* price list */
.def-list-dots .no-def-item dt:after {
content: "";
}
#search {
float: left;
width: 70%;
margin-bottom: 0;
}
/* dropdown */
/* ============================== */
.dropdown {
position: relative;
z-index: 500;
font-weight: 600;
display: inline-block;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
text-align: left;
}
.dropdown a,
.dropdown a:hover {
text-decoration: none;
outline: none;
display: inline-block;
}
.dropdown a {
color: #333;
}
.dark-scheme .dropdown a {
color: #ffffff;
}
.dropdown>a {
display: inline-block;
padding: 7px 12px 7px 12px;
min-width: 140px;
border: solid 1px rgba(0, 0, 0, .2);
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
font-weight: bold;
}
.dark-scheme .dropdown>a {
border: solid 1px rgba(255, 255, 255, .2);
}
.dropdown>a:after {
font-family: "FontAwesome";
font-size: 16px;
content: "\f107";
position: relative;
float: right;
margin-left: 10px;
}
.rtl .dropdown>a:after {
margin-left: 0;
float: left;
}
.dropdown ul,
.dropdown li {
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.dropdown ul {
background: #ffffff;
padding: 10px;
position: absolute;
min-width: 140px;
display: none;
cursor: pointer;
border: solid 1px rgba(0, 0, 0, .1);
}
.dropdown li span {
background: #ffffff;
display: block;
padding: 5px 10px 5px 10px;
border-top: none;
width: 100%;
font-weight: 400;
font-size: 14px;
}
.dark-scheme .dropdown li span {
background: var(--bg-dark-1);
border: solid 1px rgba(255, 255, 255, .1);
}
.dark-scheme .dropdown li span:hover {
background: var(--bg-color-even);
color: #fff;
}
.dropdown li span:hover {
color: #ffffff;
background: #eeeeee;
}
.dropdown li.active {
display: none;
}
.text-light .dropdown {
background: none;
border: solid 1px rgba(255, 255, 255, .1);
}
.text-light .dropdown a {
color: #ffffff;
}
.de-separator:after {
background: none repeat scroll 0% 0% var(--primary-color);
content: "";
height: 10px;
right: 0%;
margin: -5px auto auto -5px;
position: absolute;
transform: rotate(-45deg);
width: 10px;
}
.de-separator:before {
background: none repeat scroll 0% 0% var(--primary-color);
content: "";
height: 10px;
left: 0%;
margin: -5px auto auto -5px;
position: absolute;
transform: rotate(-45deg);
width: 10px;
}
.de-separator {
position: relative;
border-top: 1px solid var(--primary-color);
width: 250px;
clear: both;
margin:0 auto;
margin-bottom: 40px;
}  
/* =============== plugin =============== */
/* isotope */
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
#filters {
font-family: var(--body-font);
padding: 0;
margin: 0;
margin-bottom: 20px;
font-weight: 400;
}
#filters li {
display: inline-block;
margin-right: 10px;
margin-bottom: 25px;
}
#filters a {
outline: none;
text-decoration: none;
padding: 8px 20px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-weight: 600;
}
.text-light #filters a {
color: rgba(255, 255, 255, .5);
}
#filters a:hover {  
background: rgba(255, 255, 255, .2);
}
#filters a.selected {
color: #fff;
}
.text-light #filters a:hover {
color: #fff;
}
.text-light #filters a.selected {
color: #fff;
}
.text-light #filters a.selected {
color: #fff;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
poInter-events: none;
z-index: 1;
}
.project-carousel ul.slides,
.project-carousel-3-col ul.slides {
margin-top: 10px;
margin-bottom: 20px;
}
.logo-carousel.no-control .flex-control-nav {
display: none;
}
.owl-carousel.owl-center .owl-item {
opacity: .6;
}
.owl-carousel.owl-center .owl-item.active.center {
opacity: 1;
position: relative;
z-index: 101;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());
-moz-box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());
box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());
}
a,
img {
outline: 0;
}
/* overwrite bootstrap */
.de-preloader {
width: 100%;
height: 100%;
top: 0;
position: fixed;
background: #ffffff;
z-index: 5000;
}
.dark-scheme .de-preloader {
background: var(--bg-color-even);
}
@-webkit-keyframes grow {
to {
transform: translateX(-50%) scale(0);
}
}
@keyframes grow {
to {
transform: translateX(-50%) scale(0);
}
}
/* Line Preloader */
@keyframes anim4 {
to {
transform: rotate(360deg);
}
}
/* countdown-begin */
/* steps */
.de-step-icon {
width: 80px;
height: 80px;
background-color: var(--primary-color);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
margin: 0 auto 10px;
}
.de-step-icon i{
font-size: 32px;
}
.de-step {
text-align: center;
position: relative;
padding: 20px;
}
.de-step-arrow::after {
content: "→";
font-size: 24px;
position: absolute;
right: -25px;
top: 50%;
transform: translateY(-50%);
color: #000;
}
.text-light .de-step-arrow::after{
  color: #ffffff;
}
.de-step:last-child .de-step-arrow::after {
content: none;
}
@media (max-width: 767.98px) {
.de-step-arrow::after {
display: none;
}
}
#thumbnail-carousel .owl-item:hover {
cursor: pointer;
opacity: .6;
}
/* ================================================== */
/* media query */
/* ================================================== */
@media (min-width: 1000px){
.container {
max-width: var(--container-max-width);
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1304px;
}
}
/* bootstrap cols 5 */
/* bootstrap cols 5 end */
/* 7 columns begin */
/* 7 columns end */
@media(min-width:980px) and (max-width: 1199px) {
#mainmenu li a:after {
margin-left: 15px;
}
.container {
min-width: 95%;
}
}
/* =============================================----- 
design for 768px
/* ================================================== */
@media (min-width: 768px) and (max-width: 979px) {
.slider_text {
padding-top: 0px;
}
}
@media only screen and (max-width: 992px) {
.container{
max-width: 100%;
}
.mb-sm-30 {
margin-bottom: 30px;
}
.sm-pt10 {
padding-top: 10px;
}
#menu-btn {
display: block;
float: right;
z-index: 1000;
top: 0;
right: 0;
}
.header-col-mid #mainmenu {
position: absolute;
top: 90px;
width: 100%;
padding: 0 0 0 0;
left: 20px;
}
#mainmenu>li::before{
display: none;
}
header {
display: none;
}
header,
header.fixed {
display: block;
position: inherit;
margin: 0;
padding: 0;
margin-top: 0;
height: auto;
background: var(--bg-dark-1);
}
header.autoshow {
height: auto;
top: 0;
}
header.autoshow #mainmenu li a {
background: none;
}
.slider_text h1 {
font-size: 32px;
}
.slider_text .description {
display: none;
}
#logo,
#logo .inner {
vertical-align: middle;
height: auto;
}
nav {
height: 0;
}
#mainmenu {
position: fixed;
height: 100%;
z-index: 200;
width: 200px;
margin: 0;
margin-top: 10px;
padding: 0;
padding-top: 20px;
padding-bottom: 100px !important;
overflow-y: auto;
top: 100px;
}
#mainmenu ul {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#mainmenu a.menu-item {
text-align: left;
padding-left: 0;
padding-top: 10px;
padding-bottom: 10px;
}
#mainmenu li.has-child:after {
display: none;
}
#mainmenu li li a.menu-item,
#mainmenu li li li a.menu-item {
padding-left: 0;
}
#mainmenu a.menu-item:hover {
background: #111;
}
#mainmenu a.menu-item:hover {
background: #111;
}
#mainmenu li ul {
display: block;
position: inherit;
margin: 0;
width: 100%;
}
#mainmenu li {
border-bottom: solid 1px var(--bg-dark-3);
margin: 0;
width: 100%;
display: block;
}
#mainmenu li a.menu-item:after {
display: none;
}
#mainmenu li:last-child {
margin-bottom: 30px;
}
#mainmenu li ul {
border-top: solid 1px #eee;
top: auto;
width: auto;
height: auto;
position: inherit;
visibility: visible;
opacity: 1;
}
#mainmenu>li.menu-item-has-children>a.menu-item {
position: relative;
padding-right: 15px;
}
#mainmenu>li.menu-item-has-children>a.menu-item:after {
content: "\f107";
font-family: "FontAwesome";
display: inline-block;
position: absolute;
top: 0;
right: 0;
}
#mainmenu li ul a.menu-item {
width: 100%;
background: none;
border: none;
}
#mainmenu li ul li {
border: none;
padding-left: 40px;
}
#mainmenu li ul li a.menu-item {
display: block;
}
#mainmenu li ul li:last-child {
border-bottom: none;
margin: 0;
}
#mainmenu li ul li:last-child a.menu-item {
border-bottom: none;
}
#mainmenu li a {
color: #eceff3;
}
#mainmenu li li a.menu-item:hover {
color: #fff;
}
#mainmenu ul:not(.mega) {
border: none;
}
#mainmenu>li ul.mega .sb-menu {
border: none;
}
#back-to-top {
display: none;
}
header.header-mobile {
overflow: hidden;
position: relative;
}
header.header-mobile #mainmenu {
width: 100%;
padding-right: 30px;
position: absolute;
}
header.header-mobile #mainmenu ul {
background: none;
}
header.header-mobile #mainmenu a.menu-item {
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
}
header.header-mobile #mainmenu a.menu-item:hover {
background: none;
}
header.header-mobile #mainmenu li ul {
display: block;
position: inherit;
margin: 0;
width: 100%;
}
header.header-mobile #mainmenu li {
border-bottom: solid 1px rgba(255, 255, 255, .2);
margin: 0;
width: 100%;
display: block;
}
.dark-scheme header.header-mobile #mainmenu li {
border-bottom-color: rgba(255, 255, 255, .1);
}
header.header-mobile #mainmenu li ul.mega ul {
height: auto;
}
header.header-mobile #mainmenu li a.menu-item:after {
display: none;
}
header.header-mobile #mainmenu li:last-child {
margin-bottom: 30px;
}
header.header-mobile #mainmenu li ul {
border-top: none;
top: auto;
}
header.header-mobile #mainmenu li ul a.menu-item {
width: 100%;
background: none;
border: none;
}
header.header-mobile #mainmenu li ul li {
border: none;
padding-left: 40px;
}
header #mainmenu li ul li:first-child {
border-top: solid 1px var(--bg-dark-3);
}
header #mainmenu li ul.mega li:first-child {
border-top: none;
}
.dark-scheme header #mainmenu li ul li:first-child {
border-top-color: rgba(255, 255, 255, .1);
}
header.header-mobile #mainmenu li ul li a.menu-item {
display: block;
border-bottom: solid 1px var(--bg-dark-3);
}
header.header-mobile #mainmenu li ul li:last-child {
border-bottom: none;
margin: 0;
}
header.header-mobile #mainmenu li ul li:last-child a.menu-item {
border-bottom: none;
}
header.header-mobile #mainmenu ul li a {
color: #ffffff;
}
header.header-mobile #mainmenu ul.mega li a {
color: var(--heading-font-color);
}
.dark-scheme header.header-mobile #mainmenu li a.menu-item {
color: #ffffff;
}
header.header-mobile #mainmenu li a.menu-item:hover {
color: var(--secondary-color);
}
.dark-scheme header.header-mobile #mainmenu li a.menu-item:hover {
color: #fff;
}
header.header-mobile #mainmenu li ul {
height: 0;
overflow: hidden;
position: relative;
left: 0;
}
header.header-mobile #mainmenu li ul li ul {
margin-bottom: 10px;
}
header.header-mobile #mainmenu>li>span {
width: 36px;
height: 36px;
background: url(../images/ui/arrow-down-light.png) center no-repeat;
position: absolute;
right: 0;
margin-top: 10px;
z-index: 1000;
cursor: poInter;
}
.dark-scheme header.header-mobile #mainmenu>li>span {
background: url(../images/ui/arrow-down-light.png) center no-repeat;
}
header.header-mobile #mainmenu li span.active {
background: url(../images/ui/arrow-up-light.png) center no-repeat;
}
.dark-scheme header.header-mobile #mainmenu li span.active {
background: url(../images/ui/arrow-up-light.png) center no-repeat;
}
header.header-mobile #mainmenu li>ul>li>span {
width: 36px;
height: 36px;
background: url(../images/ui/arrow-down.png) center no-repeat;
position: absolute;
right: 0;
margin-top: -45px;
z-index: 1000;
cursor: poInter;
}
header.header-mobile #mainmenu>li>ul>li>span.active {
background: url(../images/ui/arrow-up.png) center no-repeat;
}
header.header-mobile #mainmenu li ul li a.menu-item {
border-bottom: solid 1px rgba(255, 255, 255, .2);
}
.dark-scheme header.header-mobile #mainmenu li ul li a.menu-item {
border-bottom-color: rgba(255, 255, 255, .1);
}
header.header-mobile #mainmenu li ul li:last-child>a.menu-item {
border-bottom: none;
}
#mainmenu li ul.mega {
position: fixed;
left: 0;
width: 100%;
margin-top: 30px;
display: block;
}
#mainmenu li ul.mega>li {
width: 100%;
}
#mainmenu li ul.mega>li ul {
position: static;
visibility: visible;
opacity: 1;
left: 0;
float: none;
width: 100%;
}
#mainmenu ul.mega>li ul li {
margin: 0;
padding: 0;
}
/* header light */
.sm-hide {
display: none;
}
#mainmenu a.menu-item span {
display: none;
}
.timeline:before {
background: none;
}
.subfooter .de-flex,
.subfooter .de-flex-col {
display: block;
}
.subfooter .social-icons {
margin-top: 20px;
}
.subfooter span.copy {
margin-top: 20px;
display: block;
}
.dropdown {
display: inline-block;
margin-bottom: 10px;
}
section{
padding: 60px 0;
}
.crumb{
margin-bottom: 0;
}
/* title tablet */
h1,
h1.slider-title{
font-size: 60px;
}  
h1.slider-title,
h2.slider-title{
margin-bottom: 0;
}
h2{
font-size: 40px;
}
.pos-sm-relative{
position: relative !important;
}
/* padding top (px) */
/* padding top (px) */
/* margin top (px) */
/* margin top (px) */
.mb-sm-30{margin-bottom:30px;}
.fs-sm-10vw{font-size: 10vw}
#content{
margin-top: 50px;
}
#btn-extra{
display: none;
}
}
/* =============================================----- 
custom for 320px & 480px 
/* =============================================----- */
@media only screen and (max-width: 767px) {
header .logo-main {
display: none;
}
header .logo-mobile {
display: block;
}
#topbar{
display: none;
}
.menu_side_area {
margin-left: 20px;
width: 100%;
position: relative;
right: 0;
text-align: right;
z-index: 0;
display: block;
}
header .container {
min-width: 100%;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.text-item {
font-size: 48px;
line-height: 48px;
}
.text-item i {
font-size: 36px;
}
.scrollbar-v,
.float-text{
display: none;
}
.de-spot span{
display: none;
}
.de-spot .de-circle-1,
.de-spot .de-circle-2{
transform: scale(.25);
}
section{
padding: 40px 0;
}
/* title phone */
h1,
h1.slider-title,
h2.slider-title{
font-size: 48px;
}
h2{
font-size: 36px;
}
/* padding top (px) */
/* padding top (px) */
/* margin top (px) */
/* margin top (px) */
}
/* =============================================----- 
design for 480px
/* =============================================----- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
padding-left: 30px;
padding-right: 30px;
}
}
/* =============================================----- 
design for 320px
/* =============================================----- */
@media only screen and (max-width: 480px) {
.text-item {
font-size: 32px;
line-height: 32px;
}
.text-item i {
font-size: 24px;
}
header a.btn-main i {
display: inline-block;
}
}
@media only screen and (max-width: 360px) {
#topbar {
display: none;
}
}
/* section control */
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) {
section {
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
background-attachment: scroll;
}
}
@media only screen and (max-width: 992px) {
section {
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
background-attachment: scroll;
}
}
/* new added */
/* 2/3 */