/*
Theme Name: Mosaic OnBoarding
Theme URI: https://www.mosaiconboarding.com/
Author: Mosaic OnBoarding
Author URI: https://www.mosaiconboarding.com/
Description: Mosaic OnBoarding Wordpress Theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mosaiconboarding
*/


@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
html, body { height: 100% !important; height:auto; margin: 0 auto;}
html { font-size:100%; }
body{font-size:16px;color:#ffffff;font-family: "Poppins", sans-serif !important; background: #181329 url('img/onboarding-main-bg.jpg') no-repeat top center; background-attachment: fixed;text-decoration:none;margin:0;padding:0}
.h2, h2 { font-size: 3rem; }
.smartslider-bigtitle div { font-weight: 800 !important; }
.wrapper { width: 1410px !important; }

.spacer{height:auto;margin:15px 0 0 0;padding:15px 0 0 0;display:inline-block;width:100%;border-top:0px solid #eee}

.main-box {
    border-radius: 20px;
    border: 1px solid #7554e6;
    position: relative;
    overflow: hidden;
    background: #0a0a0a;
}

.main-box::before {    
    content: "";
    background: #0a0a0a url('img/box-inside-bg.png') no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
}

.main-box-inside {
    border-radius: 20px;
    border: 1px solid #7554e6;
    position: relative;
    overflow: hidden;
    background: #0a0a0a;
}

.main-box-inside::before {    
    content: "";
    background: #0a0a0a url('img/box-inside-bg.png') no-repeat top center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.35;
}

.widget-box {display: block;}


.actors-large .flex-list .item-picture { width:80px; height: 80px; display: inline-block; margin-right:1em;}
.actors-large .flex-list .item-content h4.item-title a { font-size: 18px; font-weight: 700; }

a.read-more-btn, span.read-more-btn, a.dark-btn, .wp-block-button__link {margin:10px 0; padding:10px 5px 10px 30px; color:#fff; background-image: linear-gradient(to right, #f49cc4 0%, #5947e7 100%); font-size:16px; transition: all 0.2s ease 0s; display: inline-block; text-decoration: none; border-radius: 8px; font-weight: 600; border: 1px solid #5947e7; }
a.read-more-btn:hover, span.read-more-btn:hover, .wp-block-button__link:hover { background: transparent; border: 1px solid #ff9ac1; color:#fff; }

a.read-more-btn:focus, span.read-more-btn:focus {color: #141414; }

a.read-more-btn i, span.read-more-btn i, a.dark-btn i { font-size: 12px; font-weight: 900; margin-left:10px; transition: all 0.2s ease 0s; border-radius: 50%; padding: 12px 13px; }
a.read-more-btn:hover i, span.read-more-btn:hover i, a.dark-btn:hover i { font-size: 12px; font-weight: 900; margin-left:30px; border-radius: 50%; padding: 12px; }

a.read-more-btn-white {margin:10px 0; padding:10px 30px; color:#8469df; border:2px solid #ffffff; background: white; font-size:16px; transition: all 0.2s ease 0s; display: inline-block; text-decoration: none;  }
a.read-more-btn-white:hover { background: transparent; border:2px solid #ffffff; color:#ffffff; }
a.read-more-btn-white i { font-size: 12px; font-weight: 900; margin-left:10px; transition: all 0.2s ease 0s; }
a.read-more-btn-white:hover i { font-size: 12px; font-weight: 900; margin-left:30px; }


a.dark-btn {  }
a.dark-btn:hover {
    background: transparent;
    border: 2px solid #8469df;
    color: white;
}

a.read-more-btn-small {margin:10px 0; padding:10px 40px; background:#8469df; color:#fff; border:0px solid #8469df; font-size:14px; transition: all 0.2s ease 0s; display: inline-block; text-decoration: none;}
a.read-more-btn-small:hover { background: #8469df; border:0px solid #8469df; color:#fff; }

input.wpcf7-submit {margin:10px 0; padding:10px 30px 10px 30px; color:#fff; background: #8469df; font-size:14px; transition: all 0.2s ease 0s; display: inline-block; text-decoration: none; border-radius: 50px; font-weight: 600; border: 2px solid transparent; cursor: pointer;}
input.wpcf7-submit:hover { background: #141414; color:#fff; }


/*--------------*/
/* CONTACT US */
/*--------------*/

.contact-info-two .single-info-box {
    position: relative;
    display: block;
    padding: 30px 30px 25px;
    background: #e5e5e51a;
    border-radius: 0px;
    overflow: hidden;
    border-left: 5px solid transparent;
    transition: all 0.2s ease 0s;
    height: 100%;
}
.contact-info-two .single-info-box:hover {
    border-left: 5px solid #c2e9de;
}
.contact-info-two .single-info-box:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    top: 0;
    right: -15px;
    opacity: .5;
}
.contact-info-two .single-info-box .icon-box {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    padding: 4px;
    margin-bottom: 17px;
}

.contact-info-two .single-info-box h3 {
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #222;
    font-weight: 600;
    margin-bottom: 13px;
}
.contact-info-two .single-info-box p {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #222;
}
.contact-info-two .info-column:first-child .single-info-box:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
}

.contact-info-two .single-info-box .icon-box .icon {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 90px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

.icon-bg {
    position: absolute;
    bottom: -80px;
    left: -40px;
    color: #888;
    opacity: .1;
    font-size: 150px;
    transform: rotate( -45deg );
}


/*--------------*/
/* Progress Nums */
/*--------------*/


@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

div.count1 {
  animation: counter 5s  alternate ease-in-out;
  counter-reset: num var(--num);
  font: 800 40px system-ui;
  padding: 2rem;
}
div.count1::after {
  content: counter(num);
}

@keyframes counter {
  from {
    --num: 0;
  }
  to {
    --num: 100;
  }
}



/* MAINS *//*****************************/
.container { max-width: 1320px !important; }

.navbar-toggler { background: #fff; border: 1px solid #fff; }
.navbar-toggler-icon { color: #1a1a1a; }

a{color:#fff;text-decoration:none;outline:0}
a:hover,a:active,a:focus{outline:0}
input::-moz-focus-inner{border:0}
object,embed{outline:0}
.divider-wave { content:''; margin: 0 auto; margin-bottom: 40px; margin-top: 40px;display: inline-block; text-align: center; z-index: 999; position: relative; width: 100%; height: 30px; background: url("img/divider-wave.png") center center no-repeat; }

.divider-line { content:''; margin: 0 auto; margin-bottom: 15px; display: inline-block; text-align: center; z-index: 999; position: relative; width: 100%; height: 9px; background: url("img/divider.png") center center no-repeat; }
.divider-line-left { content:''; margin: 0 auto; margin-bottom: 15px; display: inline-block; text-align: center; z-index: 999; position: relative; width: 100%; height: 9px; background: url("img/divider.png") left center no-repeat; }
.divider-line-white { content:''; margin: 0 auto; margin-bottom: 15px; display: inline-block; text-align: center; z-index: 999; position: relative; width: 100%; height: 16px; background: url("img/divider-white.png") center center no-repeat; }

a,a.underline{color: #ffffff;font-size:16px;font-weight:normal;line-height:24px;padding:0}
a:hover,a:focus{color:#8469df;text-decoration:none}
a.underline:hover,a.underline:focus{color:var(--primary-color);text-decoration:underline}
p{color: #ffffff;font-size:16px;font-weight:400;line-height:1.5em;margin:0 0 10px 0;padding:0;text-align:justify}
p a {color: #ffffff;font-size:16px;font-weight:400;line-height:1.5em;margin:15px 0;padding:0; text-decoration:none; }
p a:hover, p a:focus {color:#8469df;text-decoration:none}
p.featured { font-size: 16px; color: #ffffff; margin: 0;}
p.contact { font-size: 14px; padding-left: 20px; display: inline-block; }


ul.wp-block-list {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 0 10px 20px;
    padding: 0;
    text-align: justify;
}
ul.wp-block-list li {
	list-style-type: circle;
}


#about ul {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 0 10px 20px;
    padding: 0;
    text-align: justify;
}
#about ul li {
	list-style-type: circle;
}

#about { 
    position: relative;
    height: auto;
    background-size: contain;
    margin-top: 0px;
    margin-bottom: 0px;
}

.arajanlatkeres p a { font-size: 12px; text-decoration: underline; }
.arajanlatkeres textarea { height: 6em; }
.arajanlatkeres label { font-weight: 600 !important; }
#footer p.contact { font-size: 14px; color: #fff; padding-left: 20px; display: inline-block; }



#attraction h2.title, #attraction a.title { margin-left: 50px; margin-right: 50px; font-size:18px;font-weight:600;font-style:normal;color:#8469df; margin-bottom: 0; padding-top: 20px; display: inline-block; }
#attraction a.title { text-decoration: none; outline: inherit;}
#attraction p { margin-left: 50px; margin-right: 50px; font-size:14px; text-align: center; }
#attraction a.read-more-btn { padding: 4px 20px; font-size: 14px; }

#home-features { }
#home-features h3, #home-features p  { color: #fff; } 
#home-features .feat-orange { background: #e6842e; padding-top: 20px; padding-bottom: 20px;  }
#home-features .feat-blue { background: #8469df; color: #fff; padding-top: 20px; padding-bottom: 20px;  }

#home-features .circle-feature { display: inline-block; border: 2px dotted #8469df; width: 100px; height: 100px; padding: 12px; }
#home-features .circle-feature img {   }
#home-features p.contact { font-size: 14px; color: #fff; padding-left: 0; text-align: center; display: block; }



.sitemap .side-headline .title { display: block; }

#main-headers {width:100%;height:auto;transition:all .4s ease 0s;}


.header-contact ul { list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0; }
.header-contact ul li, .header-contact ul li a {
    font-size: 10px;
    font-weight: 600;
    display: inline-block;
    color: #141414;
    padding-left: 10px;
    position: relative;
}
.header-contact ul li {  }
.header-contact ul li a:hover { color: #8469df; }
.header-contact ul li i { color: #8469df; }

.footer-dark {  padding-top: 40px; padding-bottom: 40px; }

/* HEADLINES *//*****************************/
h3.subtitle { font-size: 16px; color: #8469df; text-transform: uppercase; }

h2.title, h3.title {font-weight:700;font-style:normal;color:#292929;letter-spacing:0px;line-height:1.2em;margin:0 0 20px 0;padding-bottom:8px;padding-top:5px;padding-left:0; transition: all 0.2s ease 0s;  position: relative; z-index: 1;}
h2.title::after, h3.title::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #8469df;
    z-index: -1;
}
h2.title { font-size:36px; }
h2.featured { font-size: 24px; color: #04212b; font-weight: 600; text-align: left; margin: 0; }
h2.contact { font-size: 24px; color: #262827; font-weight: 600; }
h3.title { font-size:24px; }
h6.subtitle {
    font-size: 18px;
    color: #04212b;
    font-weight: 600;
    margin: 0;
    margin-bottom: 15px;
}



.side-headline { transition: all 0.2s ease 0s; position: relative; display: inline-block; width: 100%; }
.side-headline:hover h2.title { transition: all 0.2s ease 0s; padding-left:10px; }
/* END */

.overfloat-items { position: absolute; top: -50px; right: 70px; z-index: 8; }

.dropshd { 
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}

.img-border {border: 15px solid #fff; transition: all 0.2s ease 0s; }
.img-border:hover { border: 15px solid #8469df; opacity: 0.8; }

.img-frame {
    margin: 0px;
    border: 15px solid #fff;
    -webkit-box-shadow: 0px 0px 31px -9px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 31px -9px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 31px -9px rgba(0,0,0,0.25);
    transition: all 0.2s ease 0s;
}

.img-frame:hover { border: 15px solid #8469df; opacity: 0.8; }




.product.type-product .product-image-wrapper a img {
    border-bottom: 3px solid #E4E4E4;
}
ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}
.product.type-product .button {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 70px);
    margin: 0;
    background-color: var(--primary-color);
    color: #fff;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.41, 1.29);
    transform: translateY(50px);
    letter-spacing: 1px;
    padding: 13px 25px;
}
.product.type-product:hover .button {
    opacity: 1;
    transform: translateY(0px);
}



/* HEIGHT */
.h30vh { min-height: 30vh; }
.h40vh { min-height: 40vh; }
.h60vh { min-height: 60vh; }
.h100vh { min-height: 100vh; }



.ratings {color: #f2b01e;font-size: 14px; display: inline-block;}

/*===========================
       VIDEO
===========================*/
.video-box * { -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; }
.video-box { background: #111211; }
.video-box .item {  }
.video-box .item img { overflow: hidden; }
.video-box .item a { font-size: 14px; font-weight: 400; margin: 0px 0; border-radius: 10px; }
.video-item-box { overflow: hidden; position: relative; height: 100%; }
.video-item-box:hover i.video-play-icon { opacity: 1; transform: translate(-50%, -50%) scale(1, 1); }
.video-item-box i.video-play-icon {color:red;z-index:600;opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.4,1.4);font-size:36px!important}
.video-item-box:hover img {opacity: 0.4; transform: scale(1.4);}
.video-item-box i.video-play-icon:before{content:"\f008";border-radius:50%;background:#fff}
.video-item-box .duration,.video-item-box .ratebox{position:absolute;margin:12px;padding:4px 8px;line-height:1;color:#fff;background-color:rgba(0,0,0,.75);border-radius:10px;z-index:600;bottom:0}.video-item-box .post-desc{padding:15px 0;vertical-align:middle!important}
.video-item-box .duration{right:5px; font-size: 12px; }
.video-item-box .post-meta{display:inline-block;margin:0;width:100%}
.video-item-box .post-meta span{color:#869daf}
.video-item-box .post-desc .post-meta a.meta-category{border-radius:12px;padding:2px 12px;background:red;color:#fff;font-size:11px;border:2px solid transparent;margin-right:10px;margin-bottom:10px;display:inline-block;line-height:normal}
.video-item-box .post-desc .post-meta a.meta-category:hover{background:0 0;border:2px solid #00f;color:#fff}
.flag{position:absolute;top:0;z-index:101;right:20px;padding: 10px 5px 5px 5px;border-radius: 0 0 40px 40px; }
.flag i{display:inline-block;color:#fff; font-size: 20px; }

a.video-title { color: #ffffff; padding: 8px; }
a.video-title:hover { color: #3eca56; }


/*===========================
       OWL CAROUSEL
===========================*/
.owl-theme .owl-nav { margin: 0; padding: 0; }
.owl-nav i { font-size: 30px; }
.owl-nav:hover i {  }
.owl-prev, .owl-next { transition:all 0.2s ease 0s; }
.owl-prev:hover { color: #40cb54 !important; background: transparent !important; }
.owl-next:hover { color: #40cb54 !important; background: transparent !important; }
.owl-carousel { height: 100%; }
.owl-stage-outer { height: 100%; }
.owl-stage { height: 100%; }
.owl-item { height: 100%; }
.owl-item .item { height: 100%; }
#owl-carousel-video-webinar .owl-prev:hover { color: #1a45ff !important; background: transparent !important; }
#owl-carousel-video-webinar .owl-next:hover { color: #1a45ff !important; background: transparent !important; }
#owl-carousel-video-category .banner-card { min-height: 160px; }
#owl-carousel-video-mc .owl-nav.disabled,
#owl-carousel-video-cc .owl-nav.disabled { display: block !important; }
#owl-carousel-banner-promo .banner-card img {opacity: 0.6;}
#owl-carousel-video-category .banner-card img  {
    object-position: center center; 
    mask-image: linear-gradient(-90deg, white 50%, white 100%);
    -webkit-mask-image: linear-gradient(-90deg, white 50%, white 100%);
}


/* Heading */

.main-heading.s-behind-t {
    position: relative;
}

.main-heading h1 {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 72px;
    line-height: 80px;
    font-weight: 700;
    color: #ffffff;
}
.main-heading h1 span {
    display: inline-block;
    font-size: 72px;
    line-height: 80px;
    font-weight: 700;
    color: #ff9ac1;
}

.main-heading h3 {
    display: flex;
    align-items: center;
}
.main-heading h3:after {
  content: '';
  flex: 1;
  margin-left: 1rem;
  height: 1px;
  background-color: #4912ba;
}
.main-heading h3 i {
    color: #ff9ac1;
    margin-right: 10px;
    font-size: 20px;
}


.main-heading h4 {
    display: flex;
    align-items: center;
}
.main-heading h4:after {
  content: '';
  flex: 1;
  margin-left: 1rem;
  height: 1px;
  background-color: #4912ba;
}
.main-heading h4 i {
    color: #ff9ac1;
    margin-right: 10px;
    font-size: 20px;
}



.main-heading.s-behind-t h2 {

    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    color: #ffffff;
}
.main-heading h2 span {
    display: inline-block;
    position: relative;
    z-index: 1;
}
/*
.main-heading h2 span:after {
    background-color: #f1cda0;
}
*/
.main-heading h2 span::before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: -10px;
    left: -5px;
    right: -5px;
    background-color: #ffdc86;
    z-index: -1;
    transform: skew(15deg,-2deg);
}

.main-heading.s-behind-t p { text-align: center; }

.main-heading.s-behind-t p {
    text-transform: uppercase;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #8469df;
}

#workprocess .main-heading.s-behind-t p {  color: #141414 !important; }



.parallax-headline {
    position: relative;
}

.parallax-headline h2 {

    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    color: #141414;
}
.parallax-headline h2 span {
    display: inline-block;
    position: relative;
    z-index: 1;
}
/*
.main-heading h2 span:after {
    background-color: #f1cda0;
}
*/
.parallax-headline h2 span::before {
    content: "";
    position: absolute;
    top: auto;
    bottom: -10px;
    left: -5px;
    right: -5px;
    z-index: -1;
    background-color: #8469df !important;
    height: 4px;
}



/* FLOATINGS */
.main-img { position: relative;}
.main-img img { border-radius: 12px; }

.main-heading-box {
    width: 200px;
    min-height: 175px;
    background: #966528;
    opacity: 1;
    position: absolute;
    top: calc(71% - 60px);
    right: calc(80% - 60px);
     
}

.main-heading-box h2 {
    font-size: 22px;
    text-align: center;
    letter-spacing: 0;
    color: #FFFFFF;
    position: absolute;
    top: 35px;
    left: 34px;
    width: 139px;
    height: 27px;
    font-weight: lighter;
}
.main-heading-box h2 span {
    font-size: 26px;
    font-weight: bold;
    line-height: 39px;
    background: none;
    display: block;
}
/* LIGHT 
.main-heading h2 span:after {
    content: '';
    background: url("img/title-after.svg") no-repeat;
    display: inline-block;
    height: 3px;
    width: 100%;
    bottom: 14px;
    z-index: -1;
}

.make-resp h2 span:after {
    content: '';
    background: url("img/title-after.svg") no-repeat -20px center;
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    z-index: -1;
    bottom: -15px;
}
*/
/* DARK */

.make-resp h2 span::after {
  left: 6% !important;
}

.main-heading h2.dark span:after {
    content: '';
    background: url("img/title-after-dark.svg") no-repeat;
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    z-index: -1;
    bottom: -15px;
}




/* BOX SERVICE */
#service {
  
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}
#service h2 span:after,
#workprocess .main-heading h2 span:after,
.main-heading h2 span:after {  background-position-x: center; }

#testimonials .main-heading h2 span:after,
#price-quote .main-heading h2 span:after,
#about .main-heading h2 span:after,
#single .main-heading h2 span:after {  background-position-x: left; }

#about2 .main-heading h2 span:after {  background-position-x: center !important; }

.bradius { border-radius: 15px 0px 15px 0px; }

.service-img-box {
    border: 1px solid #ddd;
    transition: .3s;
}
.service-img-box:hover {
    box-shadow: 0 3px 30px rgb(110 122 182 / 10%);
}
.service-img-box h4 {
    font-size: 28px;
    transition: .5s;
    font-weight: 700;
    letter-spacing: 2px;
}
.service-img-box a {
    display: block;
    margin-bottom: 20px;
    padding: 0 35px;
}
.service-img-box i {
    float: right;
    margin-top: -30px;
    padding-right: 10px;
    margin-right: -10px;
    transition: .5s;
}

/*
#standard, #about, #arajanlat { background: #fff url('img/fenstherm-pattern.jpg') no-repeat -5% 17% fixed; }
*/

/* PARALLAX */
#parallax-page { }
#parallax-page h2 { color: #ffffff; }

.parallax-inner {
    position: relative;
    height: auto;
    padding: 50px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #361315 url(img/parallax-inner.jpg) no-repeat top center fixed;
    background-attachment: fixed; position: relative; 
}


.parallax1 {
    position: relative;
    height: auto;
    padding: 50px 0 0 0;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #8469df url(img/parallax3.jpg) no-repeat top center fixed;
    background-attachment: fixed; position: relative; 
}


.parallax2 {
    position: relative;
    height: auto;
    padding: 50px 0;
    background-size: cover;
    margin-top: 0px;
    margin-bottom: 0px;
}

.parallax3 {
    position: relative;
    background: #8469df url(img/parallax3.jpg) no-repeat center center fixed;
    height: auto;
    padding: 0px 0px;
    background-size: cover;
}

.parallax4 {
    position: relative;
    background: #8469df url(img/parallax4.jpg) no-repeat center center fixed;
    height: auto;
    padding: 100px 0;
    background-size: cover;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 5px solid #8469df;
}

.parallax5 {
    position: relative;
    background: #ffffff url(img/parallax-video.jpg) no-repeat center 0px;
    height: auto;
    padding: 0 0 100px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    background-size: cover;
}

.parallax-map {
    position: relative;
    background: #ffffff url(img/parallax-map.jpg) no-repeat center 0px;
    height: auto;
    padding: 0 0 100px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    background-size: cover;
}

.parallax6 {
    position: relative;
    height: auto;
    padding: 0px 0;
    background-size: cover;
    margin-top: 0px;
    margin-bottom: 0px;
}
.parallax-footer {
    position: relative;
    
    height: auto;
    padding: 100px 0;
    background-size: cover;
    margin-top: 0px;
    margin-bottom: 0px;
}

.parallax-headline1 {
    position: relative;
    background: #fff url(img/parallax-headline1.jpg) no-repeat center center fixed;
    height: auto;
    padding: 150px 0;
    background-size: cover;
    margin-bottom: 30px;
    text-align: center;
}
.parallax-headline2 {
    position: relative;
    background: #fff url(img/parallax-headline2.jpg) no-repeat center center fixed;
    height: auto;
    padding: 150px 0;
    background-size: cover;
    margin-bottom: 30px;
    text-align: center;
}
.parallax-headline3 {
    position: relative;
    background: #fff url(img/parallax-headline3.jpg) no-repeat center center fixed;
    height: auto;
    padding: 150px 0;
    background-size: cover;
    margin-bottom: 30px;
    text-align: center;
}
.parallax-headline4 {
    position: relative;
    background: #8469df;
    
    height: auto;
    padding: 100px 0;
    background-size: cover;
    margin-bottom: 60px;
    text-align: center;
}

.page-header-img:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url('img/main/parallax2.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size:cover;
}



/* ANIMATION NUMBER */
.count {
  display: block;
  font-size: 24px;
  color: #f2f2f2;
  padding: 60px;
  font-weight: 600;
  width: 120px;
}

#about-numbers {  }
#about-numbers h5 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #00212d;
}
#about-numbers span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #71b92b;
}


#workprocess .main-heading.s-behind-t h2,
#testimonials .main-heading.s-behind-t h2 { color: #ffffff !important; }


#workprocess {  }
#workprocess .process-box { transition: all 0.3s ease-out 0s; background: #fff; border-radius: 15px; padding:0px; position:relative; text-align: center;margin-left: 25px;margin-right: 25px; margin-bottom: 50px; overflow: hidden;}
#workprocess .process-box .circle-badge { transition: all .2s ease-in-out; background: #8469df; border-radius:50%; padding:15px; position:absolute; z-index:800;  left: 50%;
    transform: translate(-50%, 0); display: inline-block; margin-top: -250px; }
#workprocess .process-box .circle-badge img { width: 100%; overflow: hidden; border-radius: 50%; }
#workprocess .process-box h3 { font-size: 20px; font-weight: 600; color: #141414; }
#workprocess .process-box p { text-align: center; }


#workprocess .process-box:hover {  transition: all 0.3s ease-out 0s;

    background: rgb(27,160,203,1);
    background: -moz-linear-gradient(90deg, rgba(27,160,203,1) 0%, rgba(7,102,163,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(27,160,203,1) 0%, rgba(7,102,163,1) 100%);
    background: linear-gradient(90deg, rgba(27,160,203,1) 0%, rgba(7,102,163,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ba0cb",endColorstr="#0766a3",GradientType=1);
}
#workprocess .process-box:hover h3 { color: #ffffff; }
#workprocess .process-box:hover p { color: #ffffff; }
#workprocess .process-box:hover .circle-badge { background: #ffffff; }
#workprocess .process-box:hover .circle-badge img {  }

.ph img { z-index: 1000; position: absolute; top: 0; }

.box-img { max-height:300px; overflow:hidden; display: inline-block; transition: all 0.2s ease 0s;  }
.box-img img { transition: all 0.2s ease 0s;  }
#workprocess .process-box:hover .box-img img {
  transform: scale(1.3); transition: all 0.2s ease 0s; 
}

#workprocess .process-box .card-inside-content { padding: 20px;   }
#workprocess .process-box:hover .card-inside-content { padding: 20px;
    
}


/* WP GALLERY */

#gallery-1 img { border: 0 !important; border-radius: 12px;  }





.gallery {
    margin-left: -21px;
    margin-bottom: 21px;
    margin-bottom: 1.5rem;
}
.ie8 .gallery {
    margin-left: 0;
  background:red;
}
.gallery-item {
    position: relative;
    float: left;
    text-align: center;
    margin: 0 0 21px;
    margin: 0 0 1.5rem;
    padding: 21px;
    padding: 1.5rem;
    border: 0 solid rgba(0, 0, 0, 0);
    border-left-width: 21px;
    border-left-width: 1.5rem;
}

.ie8 .gallery-item {
  padding: 0 21px;
}

.gallery-item:before {
    position: absolute;
    content:"";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    z-index: -1;
}
.gallery-item img {
    border: 1px solid #ccc;
}
.gallery-item a {
    position: relative;
    z-index: 1000;
}
.gallery-columns-1 > .gallery-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.gallery-columns-2 > .gallery-item {
    width: 50%;
}
.gallery-columns-3 > .gallery-item {
    width: 33.333%;
}
.gallery-columns-4 > .gallery-item {
    width: 25%;
}
.gallery-columns-5 > .gallery-item {
    width: 20%;
}
.gallery-columns-2 > .gallery-item:nth-of-type(2n + 1), .gallery-columns-3 > .gallery-item:nth-of-type(3n + 1), .gallery-columns-4 > .gallery-item:nth-of-type(4n + 1), .gallery-columns-5 > .gallery-item:nth-of-type(5n + 1) {
    margin-left: 0;
}
.gallery-columns-2 > .gallery-item:nth-of-type(2n), .gallery-columns-3 > .gallery-item:nth-of-type(3n), .gallery-columns-4 > .gallery-item:nth-of-type(4n), .gallery-columns-5 > .gallery-item:nth-of-type(5n) {
    margin-right: 0;
}
.ie8 .gallery-columns-2 > .gallery-item {
    width: 49%;
}
.ie8 .gallery-columns-3 > .gallery-item {
    width: 32.3%;
}
.ie8 .gallery-columns-4 > .gallery-item {
    width: 24%;
}
.ie8 .gallery-columns-5 > .gallery-item {
    width: 19%;
}
.gallery-caption {
    font-size: 14px;
    font-size: .875rem;
    /* 14px / 16 = .875 */
    margin-left: 0;
    padding: 8px 0;
    padding: .75em 0 0;
}
.gallery-caption > :last-child {
    margin-bottom: 0;
}


/* END */




#carousel-slider img { background-size: cover; }

.slider-content {
    position: absolute;
    z-index: 1000;
    
    display: block;
    width: 30%;
    top: 30%;
    left: 10%;
}

.slider-content h1 { color: #fff; font-size: 80px; }
.slider-content h1 small { color: #fff; font-size: 36px; }
.slider-content h3 { color: #fff; font-size: 48px; }
.slider-content p {  font-size: 16px;  }
.slider-content .read-more-btn {  }
.slider-content .read-more-btn:hover { background: #8469df; color: #fff; }



#header {  padding-top: 10px; padding-bottom: 0px; }

.navbar-expand-lg { padding: 0; }






/* CATEGORY *********************************/
.category-item {border: 0px;padding: 0px; transition: all 0.2s ease 0s; position: relative; box-shadow: 0px 0px 15px rgb(5 5 5 / 8%); 
    overflow: hidden; max-height: 156px; margin-bottom: 30px; }
.category-item:hover { box-shadow: 0 10px 15px rgb(0 0 0 / 15%); }
.category-item:hover .category-thumb img { transform: scale(1.1); transition: all .2s ease-in-out; opacity: 0.4;  }
.category-item .category-thumb {  transition: all .2s ease-in-out; }
.category-item .category-thumb img {   transition: all .2s ease-in-out; opacity: 0.5; }
.category-item a { display: inline-block;}
.category-item a h3 { font-weight: 700;font-size: 20px;left: 42%;position: absolute;margin-right: 10%;top: 38%; }
.category-item .service-content .service-text {color: #9cadc2; }
.category-item .service-link {margin-top: 55px;display: inline-block;position: relative; }
.category-item .service-link:after {content: "";height: 2px;width: 75px;position: absolute;left: 0;top: -15px; }
.category-item .service-link:hover {color: #fff !important; }
.category-item:hover {background: #2d2d2d; border: 0px; }
/* END */

.upper a h3 { top: 14% !important; }


/* END */


#testimonials { }
.testimonial-item { 
    background: #fff;
    padding: 35px;
    -webkit-box-shadow: 0px 0px 31px -9px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 31px -9px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 31px -9px rgba(0,0,0,0.25);
    transition: all 0.2s ease 0s;
    border-radius: 15px 0px 15px 0px;
}

.testimonial-item h2 { font-size: 18px; font-weight: 600; color: #00212d; }
.testimonial-item span { font-size: 14px; font-weight: 600; color: #71b82a; margin-bottom: 20px; display: block; }
.testimonial-item p.testimonials-text { font-size: 14px; text-align: center; font-style: italic; padding-left: 20px; padding-right: 20px; }
.testimonial-item i.ri-star-fill:before { color: #71b82a; }
.testimonials-content { padding: 0px 0px; }

.ts-bg { background: #351314 url("img/testimonials-bg.png") no-repeat center right; }

.partners {list-style:none;margin:0;padding:18px 0 0 0;display:inline-block}
.partners li {display:inline-block;padding:0 8px}
.partners li a {color:#9caab5;font-size:16px;font-weight:700}




.parallax3 .circle { width: 80px; height:80px; background: #fff; padding: 30px; display: inline-block; margin-bottom: 50px; }
.parallax3 .circle i { color: #cfac8f; }

/* MAP *//**********************/
.map-frame { height: 100%; overflow: hidden; min-height: 350px;  background: #ffffff;
    border: 0px solid #fff;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px rgb(5 5 5 / 8%); 
    transition: all 0.2s ease 0s;
}
.map-frame iframe{height:100%;width:100%; min-height: 350px;}

.contact-box { background: #f5f5f5; position: relative; padding: 60px ; box-shadow: 0px 0px 15px rgb(5 5 5 / 8%);  }

/*===========================
       8.CONTACT css 
===========================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area {
    padding-top: 90px;
    padding-bottom: 100px; } }
@media (max-width: 767px) {
  .contact-area {
    padding-top: 70px;
    padding-bottom: 80px; } }

.contact-box-footer {
  background-color: #fff;
  border: 0px solid #ddd;
    border-radius: 8px;
  padding: 30px 35px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-box-footer {
      padding: 30px 25px; } }
  @media (max-width: 767px) {
    .contact-box-footer {
      padding: 30px 25px; } }
  .contact-box-footer .contact-icon i {
    font-size: 48px;
    color: #8469df; }
  .contact-box-footer .contact-content {
    margin-top: 15px; }
    .contact-box-footer .contact-content .contact-title {
      font-size: 18px;
      font-weight: 600;
      padding-bottom: 15px; }
  .contact-box-footer:hover {
    -webkit-box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23);
    -moz-box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23);
    box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23); }

.contact-box-footer p { font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #8a8fa3;
    margin: 0px;
text-align: center; }

.owl-theme .owl-dots .owl-dot { outline: 0px !important; }



/* CONTACT MAP INFO */
#home-map-content h2 { color: #8469df !important; }
#home-map-content p { color: #ffffff !important; }

.gps-icons i {  color: #8469df;
    font-size: 46px;
    line-height: 44px;
    margin-right: 0px;
    margin-bottom: 30px;
    display: inline-block;
}

#double-address {  }
#double-address h3 { font-size: 16px; font-weight: 600; color: #361315; }
#double-address p { font-size: 14px; line-height: 20px; margin: 0; }
#double-address .da-content { border-left:2px solid #8469df; padding-left:25px; margin-left:70px; }

.map-contact-list { display: block; padding: 0; margin: 0; }
.map-contact-list li { display: block; list-style: none; padding: 5px 0; color: #ffffff; }
.map-contact-list li span { color: #8469df;  }
.map-contact-list li a { color: #ffffff; }
.map-contact-list li a:hover { color: #8469df; }
.map-contact-list li i { color: #8469df; font-size: 18px; margin-right: 10px; }

/****************************/

#contact .map-contact-list { display: block; padding: 0; margin: 0; }
#contact .map-contact-list li { display: block; list-style: none; padding: 5px 0; color: #3b3b3b; }
#contact .map-contact-list li span { color: #8469df;  }
#contact .map-contact-list li a { color: #3b3b3b; }
#contact .map-contact-list li a:hover { color: #8469df; }
#contact .map-contact-list li i { color: #8469df; font-size: 18px; margin-right: 10px; }

/****************************/

.shadow { -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2); }
.padding { margin: 0; padding: 25px !important; display: block; }
/* SIDE TABS *//*****************************/
.side-tabs { margin:0; padding:0; display: inline-block; width: 100%;  }
.side-tabs .tab-content { width: 86%; }
.side-tabs-items { width:12%; margin:0 !important; padding:0; position: initial !important; }
.side-tabs-items li { display: inline-block; margin-bottom:25px; }
.side-tabs-items li:last-child { margin-bottom:0; }

.side-tabs-items li > a { padding:0 !important; margin:0 !important; }
.side-tabs-items li.active > a article.hover-thumb img,
.side-tabs-items li.active > a:active article.hover-thumb img,
.side-tabs-items li.active > a:hover article.hover-thumb img,
.side-tabs-items li.active > a:focus article.hover-thumb img { opacity: 0.4; transform: scale(1.4); }



/* ACCORDION */
.faq-wrapper .card { 
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d0e5dd !important;
    border-bottom: 1px solid #d0e5dd !important;
    border-left:0;
    border-right: 0;
    border-top: 0;
    border-radius: 0 !important;
}


.faq-wrapper .card-header {
    padding: .90rem 0;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0px solid rgba(0,0,0,.125);
    position: relative;
}

.faq-wrapper .card-header h5 i { position: absolute; right: 0; top: 16px; font-size: 20px; color: #8469df; transition: all 0.3s ease-out 0s; }

.faq-wrapper h5 { padding-left: 0; }
.faq-wrapper h5, .faq-wrapper .btn-link { 
    color: #4c8c8b;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 180%;
    padding-right: 40px;
    cursor: pointer;
}

.faq-wrapper .btn-link:hover { 
    text-decoration: none;
    color: #8469df;
}

.faq-wrapper .card-header:hover h5 i { color: #8469df; }

.faq-wrapper .card-body { line-height: 1.8em; text-align: justify; }


/* GRAD *//******************/
.btn-grad {
  background: rgb(0,84,80);
  background: -moz-linear-gradient(90deg, rgba(27,160,203,1) 0%, rgba(7,102,163,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(27,160,203,1) 0%, rgba(7,102,163,1) 100%);
  background: linear-gradient(90deg, rgba(27,160,203,1) 0%, rgba(7,102,163,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ba0cb",endColorstr="#0766a3",GradientType=1);
}


/* BOTTOM TABS *//*****************************/
.bottom-tabs { margin:0; padding:0; display: inline-block; width: 100%;  }
.bottom-tabs .tab-content { display: block; }
.flextabs-bottom { margin: 25px 0px 0px 0px !important; padding:0; position: initial !important; display: flex !important; flex-flow: row wrap; justify-content:space-between; }
.flextabs-bottom:after { content: ""; flex: auto; }
.flextabs-bottom:before, .flextabs-bottom:after{ content: none; }

.flextabs-bottom li { flex: 0 1 15%; position: relative; margin:0; }
.flextabs-bottom li > a { padding:0 !important; margin:0 !important; }
.flextabs-bottom li.active > a article.hover-thumb img,
.flextabs-bottom li.active > a:active article.hover-thumb img,
.flextabs-bottom li.active > a:hover article.hover-thumb img,
.flextabs-bottom li.active > a:focus article.hover-thumb img { opacity: 0.4; transform: scale(1.4); }

.flexbox-widget .item { flex: 0 1 100% !important; margin-bottom: 25px; }
.flexbox-widget .item:last-child { margin-bottom:0; }

.flexbox-blocktabs h3.title,
.carousel h3.title,
#block-blog h3.title,
.tab-content h3.title,
.grid-list article .post-info h3.title,
.flexbox-widget .item h3.title { line-height: 20px !important; margin: 10px 0; font-size: 15px; font-weight: 500;}

.grid-list article .post-info h3.title { margin: 0 0 10px 0; }

.side-tabbed .tab-content h3.title a  { color: #9caab5; }
.side-content .grid-list article .post-info h3.title a { color: #9caab5; }
.side-content .grid-list article .post-info h3.title a:hover { color: var(--primary-color); transition: all 0.1s ease 0s; }

#block-blog article .post-info { border-left: 5px solid transparent; transition: all 0.2s ease 0s; padding-right:10px; }
#block-blog article:hover .post-info { border-left: 5px solid var(--primary-color); padding-left: 15px; padding-right:0px; }


#block-activity article .post-info { border-left: 5px solid transparent; transition: all 0.2s ease 0s; padding-right:10px; }
#block-activity article:hover .post-info { border-left: 5px solid var(--primary-color); padding-left: 15px; padding-right:0px; }
#block-activity article { border-bottom: 1px solid #1f1f1f; margin-bottom: 15px; padding-bottom: 15px; display: inline-block; width: 100%; }
.post-header { display: block; }


.flexbox-popular-before { margin-left:-15px; margin-right: -15px; }
.flexbox-popular { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.flexbox-popular .item { flex: 0 1 31%; position: relative; }
.flexbox-popular .item .infor { padding: 15px 15px 15px 60px; }
.flexbox-popular .item .infor h4 { margin-top:0; margin-bottom:8px; font-size: 16px; line-height: 1.4em; }
.flexbox-popular .item .infor a.author-name {display: block; font-weight:100; color: #9c9c9c; font-size: 14px; margin:0 0 5px 0;}
.flexbox-popular .item .video-time {margin: 0px 0px 0px 0px; text-align: right; position: absolute; bottom: 10px; right: 10px; z-index:500; }
.flexbox-popular .item .video-time span {background-color: rgba(7,7,7, 0.7); color: #fff; font-size:12px; line-height: 1; padding: 5px 10px; }

.box-4block {}
.box-4block article {position:relative;background:rgba(7,7,7,0.7);overflow:hidden;margin-bottom:15px !important;}

.box-categories { }
.box-categories .item {  position: relative; }
.box-categories .item.hover-thumb img { opacity: 0.5; }
.box-categories .item:hover.hover-thumb img { opacity: 1; }
.box-categories .item.hover-thumb h3.title a { font-size: 14px; }
.box-categories .item .headline-round { opacity: 1; transform: translate(-50%, -50%) scale(1, 1); background: none; font-size: 36px; border: 0; }
.box-categories .item:hover .headline-round { opacity: 0; transform: translate(-50%, -50%) scale(1.4, 1.4); transition: all 0.2s ease 0s; }




/* SCROLL VISIBLE BOX ANIMATION *//*******************************/
.come-in { transform: translateY(400px); animation: come-in 0.9s ease forwards; }
.come-in:nth-child(odd) { animation-duration: 0.6s; }
.already-visible { transform: translateY(0); animation: none; }
@keyframes come-in { to { transform: translateY(0); } }
/* END */


.main-container {padding-top:20px}
.post-list{margin-bottom:40px;display:inline-block}
.meta-box{display:block}
.post-info-box{display:inline-block;margin:0 0 20px 0}
.post-info h3.title{margin:10px 0}
.block-postlist{display:block}
.fullwidth-bg{background:#1a1a1a;padding:30px;border-bottom:10px solid #08bcb6;background:#1a1a1a url('img/fullwidth-background-img.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat}

.fullwidth-bg .video-frame{background:#000}
#block-featured-home6{text-align:center}
#block-featured-home6 h2{color:#fff;margin-top:50px}
h2.title i{padding-right:25px}

.main-wrapper{background:#fff}
#sidebar{background-color:var(--secondary-bgcolor);height:100%}
#sidebar section{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #262b2f}

.copyright, .copyright a {font-size:13px;color:#fff; font-weight: 300;}
.copyright a:hover { color: #8469df; }

/* TOP MENU *//*****************************/
.top-menu-xs {display:inline-block; width: auto; padding: 0; margin: 0 0 20px 0; list-style-type: none;}
.top-menu-xs li { display: inline-block; width: auto;}
.top-menu-xs li a {width: auto;text-decoration: none;color: #7f7f7f; padding: 8px 10px; border-right: 0px solid white; height: auto; font-size: 12px; font-weight: normal;}
.top-menu-xs li a:hover {color: #fff;}
/* END */

/* HEADER *//*****************************/
.header-functions{list-style:none;margin:0;padding:18px 0 0 0;display:inline-block}
.header-functions li{display:inline-block;padding:0 8px}
.header-functions li a{color:#9caab5;font-size:16px;font-weight:700}
.header-functions li a i{font-size:18px;color:#9caab5;margin-right:5px}
.header-functions li a:hover{color:#fff}
.header-functions li a:hover i{color:var(--primary-color)}
/* END */

/* CAROUSEL *//*****************************/
.carousel-control-prev, .carousel-control-next {background:rgba(0, 0, 0, 0) none repeat scroll 0 0; margin:0; opacity: 0;}
.carousel {display:block; }
.carousel-inner {margin:0; }
.carousel-control-prev, .carousel-control-next { opacity: 0; }
.carousel:hover .carousel-control-prev, .carousel:hover .carousel-control-next { opacity: 1; transition: all 0.2s ease 0s; z-index: 600; }
.carousel-control-prev, .carousel-control-next {position: absolute; top: 49%; z-index: 600; background: #8469df; height: 60px; width: 40px; }
.carousel-control-prev { padding: 10px; left: 0;  }
.carousel-control-next { padding: 10px; right: 0; }
.carousel-control-prev:hover, .carousel-control-next:hover { background: #8469df; color: #fff; opacity: 1; }
.carousel-control-prev:focus, .carousel-control-next:focus { opacity: 0; }
.carousel-control-prev i, .carousel-control-next i { color: #696969; }
.carousel-control-prev:hover i, .carousel-control-next:hover i { color: #fff; }

.owl-theme .owl-dots .owl-dot.active span { background: #8469df !important; }

ol.carousel-indicators {width:auto; margin:0; padding:0; display: block; position:absolute; text-align: center; bottom:-20px; z-index: 300}
ol.carousel-indicators li {display:inline-block;margin:0px 5px;height:14px;width:14px;border:3px solid #9ab1c3;transition: all 0.2s ease 0s;background:transparent; cursor: pointer; }
ol.carousel-indicators .active {border:3px solid var(--primary-color); margin:0px 5px; width: 25px; background:transparent;}

/* CAROUSEL FADE EFFECT */
.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{opacity:1}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}
.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev{transform:translateX(0);transform:translate3d(0,0,0)}
/* END */

.carousel-wide .carousel-inner article.post.inner.visible-meta .post-desc { opacity: 0; }
.carousel-wide .carousel-inner article.post.inner.visible-meta .post-desc { opacity: 1; background: transparent; }
.carousel-wide .carousel-inner article.post.inner.visible-meta:hover .post-desc { opacity: 1; background: rgba(0, 0, 0, 0.6); }
.carousel-wide .carousel-inner article.post.inner.visible-meta a.post-thumb button.btn-watch {z-index: 200; position: absolute; left: 20px; bottom: 30px; }



/* SIDEBAR SETTINGS *//*****************************/
aside { position:relative; background: black; border-radius: 10px; padding: 20px; display:block; z-index: 10; }
aside .side-content{display:block;padding:15px}
aside .side-headline { text-align: left; padding-right: 15px; }
aside .side-headline h2.title { padding-left: 0px; color: #fff; font-size: 20px; font-weight: 700; }
aside .side-headline:hover h2.title { transition: all 0.2s ease 0s; padding-left:10px; border-left:10px solid var(--primary-color); color: #fff; }
aside .sidebar-postinner article.post { margin-bottom:30px; }
aside ul.bottom-menu li a { color: #9ab1c3; }

aside h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 1.0em;
    margin: 0 0 20px 0;
    padding-bottom: 8px;
    padding-top: 5px;
    padding-left: 20px;
    position: relative;
}

aside h2:before { content: '';
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #8469df;
    z-index: -1;
}







ul.sidebar-post-list {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
ul.sidebar-post-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  text-align: left !important;
  line-height: 1.5rem;
}

ul.sidebar-post-list li a {
    color: #ffffff; display: block; transition: all 0.2s ease 0s; padding: 5px 0px;
}

ul.sidebar-post-list li:hover a {
    color: #8469df !important;
}


ul.sidebar-category { display: inline-block !important; margin: 0; padding: 0; list-style: none; }
ul.sidebar-category>li { display: block; padding: 0 0 15px 0; }
ul.sidebar-category>li>a { color: #ffffff; display: block; transition: all 0.2s ease 0s; padding: 5px 0px; }
ul.sidebar-category>li:hover>a{ color: #8469df !important; }

.wp-block-group,
.wp-block-search,
.wp-block-page-list,
.wp-block-tag-cloud { margin-bottom: 50px; }
.wp-block-tag-cloud { text-align: left !important; }
/*****************************/
#sidebar-left, #sidebar-right { width: 100%; position: relative; padding-top: 30px; margin-bottom: 30px; }
/* END */







/* TYPOGRAPH *//*****************************/
blockquote{background:transparent;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"\201C""\201D""\2018""\2019"}
blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-0.4em}
blockquote p{display:inline}
/* END */

/* MISC *//*****************************/
.box { margin: 0; padding: 25px; display: block;  }
.ratings { color: var(--ratings-color); font-size: 14px; display: inline-block; }
.main-logo { padding:0px; display: inline-block; margin-right:40px; width: 170px; }
.main-logo img { width: 170px; }
.divid {height:2px;display:block;background:#d2d2d2;clear:both;margin:15px 0;}
.filter-box {display:block; padding:10px;}
.filter-box button.filter-btn { cursor: pointer;  margin:10px 5px; padding:4px 20px; background:var(--primary-color); color:#fff; font-size:14px; border:2px solid transparent; transition: all 0.2s ease 0s; display: inline-block;}
.filter-box button.filter-btn:hover { background: transparent; color: #fff; border:2px solid var(--primary-color);  }
.filter-box button.filter-btn i { font-size: 12px; font-weight: 900; margin-left:10px; }


.btn-default.active, .filter-box button:hover {background: var(--primary-color); color:#fff;}
.drop-shd { -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2); }
/* END */

/* ARTICLE POST INIT *//*****************************/
#blog, #single { }
#blog .post-thumb-inner, #single .post-thumb-inner {overflow: hidden; }
#blog .post-thumb-inner .wp-post-image, #single .post-thumb-inner .wp-post-image {}

#blog .card {  }
#blog .card a { overflow: hidden; transition: .3s ease-in-out; }
#blog .card a img { transition: .3s ease-in-out; transform: scale(1.1); }
#blog .card:hover a img { transform: scale(1.3);  }
#blog .card { background: #0a0a0a; box-shadow: 0px 0px 15px rgb(5 5 5 / 8%); border: 0px solid #8469df; margin-bottom: 15px; transition: .3s ease-in-out; border-radius: 10px; overflow: hidden;}
#blog .card .card-title a { font-size: 18px; font-weight: 600; color: #ffffff; transition: .3s ease-in-out; }
#blog .card:hover .card-title a { font-size: 18px; font-weight: 600; color: #8469df;  }
#blog .card .card-more { padding-top: 15px; }
#blog .card .card-more a { font-size: 14px; transition: .3s ease-in-out; }
#blog .card .card-body i { color: #8469df; }
#blog .card .card-body p { font-size: 14px; color: #c7c7c7; }

.blog-item { margin: 10px; }

#single article .post-thumb-inner { width: 100%; }

article.post .post-thumb-nolink { overflow: hidden; position: relative; margin:10px 0; }



article.post *, article.post:hover { -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; }
article.post { position: relative; margin:20px; background-color: #fff;   overflow: hidden; border-top: none;   padding: 20px; }
article.post:hover { box-shadow: 0px 0px 15px rgb(5 5 5 / 8%); }
article .entry-header { padding: 10px 0px; background-color: #fff; position: relative; }
article .entry-header a, article .entry-header h4 { text-decoration: none; font-size: 20px;font-weight: 600;font-style: normal;color: #361315; line-height: 1.3em; }
article .entry-header a:hover { color: #8469df; }
article .entry-content { padding: 0px 0px 0px 20px; width: 68%; display: inline-block; }
article .entry-content small { margin: 8px 0; color: #838383; display: inline-block; }
article .post-thumb-inner { overflow: hidden; transition: all .2s ease-in-out; width: 28%; display: inline-block; position: relative; top: 0; vertical-align: top;    }
article.post:hover .post-thumb-inner img { transform: scale(1.1);}


article.post:hover .wp-post-image i.video-play-icon { opacity: 1; transform: translate(-50%, -50%) scale(1, 1); }
article.post a.post-thumb i.video-play-icon{border:5px solid var(--primary-color);padding:8px;color:#fff;background:rgba(0,0,0,0.9);z-index:600;opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.4,1.4);font-size:24px!important}
article.post .post-desc h3.title,
article.post .post-desc h4.title { display: block; }
article.post .post-desc h3.title a,
article.post .post-desc h4.title a { font-weight: 700; text-decoration: none; display: inline-block;}
article.post .post-desc h3.title:hover a,
article.post .post-desc h4.title:hover a { color:var(--primary-color) !important; }
article.post .post-desc a.meta-category{padding:2px 12px;background:var(--primary-color);color:#fff;font-size:11px;border:2px solid transparent; margin-right: 10px; margin-bottom: 10px; display: inline-block;     line-height: normal;}
article.post .post-desc a.meta-category:hover { background: transparent; border:2px solid var(--primary-color); color: var(--secondary-color);  }
article.post .post-desc .post-meta span { }
article.post .post-desc .post-meta span:before { content: ' '; padding-left: 7px; padding-right: 7px; }
article.post .post-thumb .ratebox { left: 0; }
article.post .post-thumb .duration { right: 5px; }
article.post .post-thumb .ratebox,
article.post .post-thumb .duration { position: absolute; margin:12px; padding: 4px 8px; line-height: 1; color: rgba(255,255,255,1.00); background-color: rgba(0,0,0,0.75);   z-index: 600; bottom: 0; }
article.post span.count { z-index: 800; position: absolute;left:-8px;top:-8px;background: var(--primary-color);color: #fff;font-weight: 700;width: 30px;height: 30px;text-align: center;line-height: 30px; }
article.post:hover span.count { background: var(--ratings-color) !important; }

article.post .post-desc button.cart {padding:2px 12px;background:var(--primary-color);color:#fff;font-size:11px;border:2px solid transparent; margin-right: 0px; margin-bottom: 10px; display: inline-block; line-height: normal; cursor: pointer; }
article.post .post-desc button.cart:hover { background: transparent; border:2px solid var(--primary-color); color: var(--secondary-color);  }


article .tags, .tags { display: inline-block; padding: 15px 0; }
article .tags a, .tags a, a.tag-cloud-link { transition: all 0.2s ease 0s; background: transparent; color: #ffffff; font-size: 12px !important; font-weight: 700;  border-bottom: 2px solid #8469df; padding: 2px 10px; display: inline-block; margin: 8px;  }
article .tags a:hover, .tags a:hover, a.tag-cloud-link:hover { background: #8469df; color: #fff; }

aside .tags { display: inline-block; padding: 15px 0; }
aside .tags a { float: left; background: transparent; color: #292929; font-size: 12px !important; font-weight: 700;  border: 2px solid #8469df; padding: 2px 10px; display: inline-block; margin: 8px; }
aside .tags a:hover { background: #8469df; color: #fff; border: 2px solid #8469df; }

.border-frame {
    
    overflow: hidden;
    position: relative;
}

h2.post-title { position:absolute;bottom: 0;left: 0;padding: 20px; padding-left: 0; background: white;margin: 0;display: block; font-weight: 700;
    font-style: normal;
    color: #292929;
    letter-spacing: 0px;
    line-height: 1.2em; z-index: 3;
    font-size: 2.2rem; max-width: 50%; }

h2.post-title:before { content: '';
    display: block;
    width: 6px;
    height: 40%;
    position: absolute;
    top: -20px;
    right: -20px;
    background-color: #c2e9de;
    z-index: -1;
}
h2.post-title:after {
    content: '';
    display: block;
    height: 6px;
    width: 10%;
    position: absolute;
    top: -20px;
    right: -20px;
    background-color: #c2e9de;
    z-index: -1;
}


h2.post-title-single {
    padding: 20px;
    padding-left: 0;
    background: white;
    margin: 0;
    display: block;
    font-weight: 700;
    font-style: normal;
    color: #292929;
    letter-spacing: 0px;
    line-height: 1.2em;
    font-size: 2.2rem;
}



/* ARTICLE MEDIA *//*****************************/
article.media .post-thumb { flex: 0.7; }
article.media .media-body { margin:0; padding: 0; }
article.media .media-body h4.title { display: block; font-size: 16px; line-height: 24px; font-weight: 700; color: #1a1a1a; }
article.media .media-body h4.title a { font-size: 16px; line-height: 22px; font-weight: 700; text-decoration: none; display: inline-block;}
article.media .media-body h4.title:hover,
article.media .media-body h4.title:hover a { color:var(--primary-color); }
article.media:hover .media-body h4.title { color:var(--primary-color) !important; }

.img-rounded { overflow: hidden;    }
.img-rounded img { 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main-about-p p img { max-width: 100%; height: auto; }


/* END */

/* LIST *//*****************************/
.list { display: block; }
.list article.media { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 0px solid #cad7e2; position: relative; }
.list article.media:last-child { border-bottom: 0px solid #cad7e2 !important; padding-bottom: 0 !important; }
/* END */

/* AUTHOR STATS */
ul.stats { list-style: none; margin: 0; padding: 0; }
ul.stats > li { display: inline-block; text-align: center; padding: 5px 10px 5px 0; }

/* ARTICLE INNER CONTENT SETTINGS *//*****************************/
.inner, .inner a { color: #ffffff; }
.inner span { color: #a1b3c1; }
.inner .post-desc { background: rgba(0, 0, 0, 0.6); position: absolute; z-index: 200; bottom: -60px;  padding: 10px 25px 25px 25px !important;display: inline-block;width: 100%;}
.inner .post-desc a.meta-category:hover { color: #fff !important; }
.outer, .outer a { color: var(--secondary-color); }
/*****************************/
article.post.inner { overflow: hidden;  }
article.post.inner:hover .post-desc { bottom: 0; padding: 10px 25px 5px 25px !important; }
article.post.inner h3.title { margin-bottom: 10px; }
article.post.inner.visible-meta .post-desc { bottom: 0px !important; }
article.post.inner.visible-meta:hover .post-desc {bottom: 0;}
article.post.list-post .post-desc { padding-top: 0; padding-bottom: 0; }


.post-img-inn { display: inline-block; overflow: hidden; }
.post-img-inn img { display: inline-block;  }
.post-img-inn:hover img { opacity: 0.6; transform: scale(1.4); }
/* END */

/* BREADCRUMBS */
#breadcrumb { }
.breadcrumbs {margin:0 0 0 0px;padding:8px 0;border-bottom:0 solid #eee;background:none;list-style: none; border: none; width: 100%;display:block;}
.breadcrumbs i{font-size:15px}
.breadcrumbs > li{padding:0;display: inline-block;white-space:wrap}
.breadcrumbs > li:after{content:' / '}
.breadcrumbs > li > a, .breadcrumbs > li > span, .breadcrumbs > li, .breadcrumbs .post-categories a {color:#b3b3b3;font-weight:500;padding:5px 10px;font-size:14px}
.breadcrumbs > li > a:hover, .breadcrumbs .post-categories li a:hover {color:#8469df}
.breadcrumbs > li > i { color:#b3b3b3;font-weight:600; font-size:12px; }

.breadcrumbs .post-categories { list-style: none; border: none; display: inline-block; margin:0 0 0 0px;padding:0px 0; }
.breadcrumbs .post-categories li { display: inline-block;}

/* PAGINATION */
.pagination{margin:0;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:0;border-bottom-right-radius:0}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#101010;border-color:#101010}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#fff;background-color:#101010;border-color:#101010}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:10px;margin-left:0;line-height:normal;color:#000;font-weight:700;text-decoration:none;background-color:#ffe51e;border:0 solid #ddd;transition:all 256ms cubic-bezier(0.330,0.975,0.245,0.910)}





/* CATEGORIES FLEXBOX *//*****************************/
.vertically .box-categories article.post  { width: 100%; position: relative; margin-bottom: 0; }
.vertically .box-categories article.post .post-desc { padding: 5px 0 5px 0; }
.box-categories article.post .post-thumb .headline-round { opacity: 1; transform: translate(-50%, -50%) scale(1, 1); background: none; font-size: 36px; border: 0; }
.box-categories article.post:hover .post-thumb .headline-round { opacity: 0; transform: translate(-50%, -50%) scale(1.4, 1.4); transition: all 0.2s ease 0s; }
.box-categories article.post .post-desc h3.title { margin-bottom: 0; line-height: 18px; }
.box-categories article.post .post-desc h3.title a { font-size: 14px; line-height: 18px; font-weight: 500; }
.box-categories article.post .post-desc { padding-bottom: 0; }
aside .flexbox-categories article.post { flex: 0 1 45%; position: relative; margin-bottom: 0; }
aside .flexbox-categories article.post .post-desc h3.title a { color: #9caab5; }
aside .flexbox-categories article.post .post-desc h3.title a:hover { color: var(--primary-color); }
aside section.side-menu { display: inline-block; width: 100%; }
aside section.featured { display: block; background: var(--aside-featured-bg); margin-left: -25px; margin-right: -25px; padding: 15px; }
aside section.featured .side-headline { border-left: 0px solid var(--aside-featured-color); }
aside section.featured .side-headline h2.title{ border-bottom: 1px solid var(--aside-featured-color); border-left: 0px solid var(--aside-featured-color); }
aside section.featured .side-headline:hover h2.title { border-left: 10px solid var(--aside-featured-color); border-bottom: 1px solid var(--aside-featured-color); }
aside section.featured .form-inline .form-control { color: #869daf }
aside section.featured button.search-btn { background: var(--aside-featured-color); }
aside section.featured button.search-btn:hover { border: 2px solid var(--aside-featured-color); background: transparent; }
aside section.featured button.search-btn i { color: var(--aside-featured-icon-color); }
aside section.featured button.search-btn:hover i { color: var(--aside-featured-icon-color-hover); }
/* TAGS SETTINGS *//*****************************/
section.tags { display: block; }
ul.tags { list-style: none; padding: 0px; margin: 15px 0px; border: none; width: 100%; display:block; text-align: center;}
ul.tags li {display: inline-block; margin:8px 0; padding: 5px 16px; border: 2px solid transparent; transition: all 0.1s linear 0s; }
ul.tags li:hover {background: transparent; text-decoration: none; transition: all 0.1s linear 0s; border: 2px solid var(--primary-color);}
ul.tags li a { color: #506779; font-size: 14px; line-height: 18px; text-decoration: none; text-align: center; font-weight: 300;}
ul.tags li:hover a { color:var(--primary-color); }
/* NAV MENU SETTINGS *//*****************************/
.navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:var(--primary-color);background:transparent}

/*
.navbar-nav>li{margin-right:15px}
.navbar-nav>li>a{width:auto;text-decoration:none;color:#2e2e2e;padding:2px 10px;height:auto;font-size:16px;font-weight:400;letter-spacing:0;border-bottom:0px solid transparent;transition:all .1s linear 0s}
*/

.main-menu-css li a {
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: 5px;
    padding-bottom: 5px;
    background: transparent !important;
    display: block;
    margin-right: 15px;
    transition: all 0.2s ease 0s;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    border-bottom: 2px solid transparent;
}

.main-menu-css li a:hover {
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #8469df !important;
    border-bottom: 2px solid #8469df;
}

.navbar-nav>li>a:hover{color:#8469df;text-decoration:none;transition:all .1s ease 0s;}
.navbar-nav .active>.nav-link { color: #ffffff; transition: all 0.2s ease 0s; }



.nav-link:focus, .nav-link:hover { color: #8469df !important; }

/* Change ' +' in order to change the Dropdown symbol */
.main-menu-css li > a:after { content:  ''; }
.main-menu-css li > a:only-child:after { content: ''; }



.dropdown-menu .main-menu-css li a {
    padding-right: .5rem;
    padding-left: .5rem;
    height: 90px !important;
    padding-top: 30px;
    background: transparent !important;
    display: inline-block;
    margin-right: 15px;
    color: #fff;
}

.dropdown-menu  .main-menu-css li a:hover {
    padding-right: .5rem;
    padding-left: .5rem;
    height: 90px !important;
    padding-top: 30px;
    background: #8469df !important;
    color: #fff !important;
}


.footer-menu ul { display: block !important; margin: 30px 0 0 0 !important; }
.footer-menu ul>li { display: inline-block !important; margin: 15px !important;}
.footer-menu ul>li>a { float: none !important; color: #fff; }




.navbar-nav ul ul {
    display: none;
}

.navbar-nav ul li:hover > ul {
    display: block;
}

.navbar-nav ul ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
    width: 180px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

.navbar-nav li {
    position: relative;
}

/* SERIVE ITEMS */
.service-item { overflow: hidden; position: relative; margin: 10px; border-radius: 12px; border: 1px solid #4912ba; }


/* Zoom In #1 */
.service-thumb { overflow: hidden; }
.service-thumb img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    opacity: 1;
}
.service-item:hover .service-thumb img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
    opacity: 0.8;
}



/*
.service-item:before {
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
    background: linear-gradient(to top, #000000, transparent);
    opacity: 1;
    height: 65%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
*/



#documents .service-item:before,
#videos .service-item:before {
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
    background: linear-gradient(to top, #000000, transparent);
    opacity: 1;
    height: 65%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}




.service-item span.read-more-btn:hover {
    background: transparent;
    border: 2px solid #8469df;
    color: white;
}

.service-item .photo { transform: scale(1.0); }
.service-item:hover .photo { transform: scale(1.1); }
.service-item .service-thumb { background: #181329; }
.service-item a {
    display: block;
    padding: 0;
    background-clip: padding-box;
    background-size: cover;
    position: relative;
    background-position: center;
    background-image: none !important;
    overflow: hidden;
    -webkit-transition: -webkit-background-size .5s;
    -moz-transition: -moz-background-size .5s;
    -o-transition: background-size .5s;
    transition: background-size .5s;
}

.service-item .service-content { position: absolute; z-index: 800; padding: 35px 30px; bottom: 0px; transition: all 0.3s ease-out; width: 100%; text-align: center; }
.service-item:hover .service-content { bottom:0px; background: transparent; }
.service-item .service-content:hover { bottom:0px; background: transparent; }


.service-content a h3 { 
    font-size: 18px;
    color: #ffffff;
    display: block;
    font-weight: 600;
    transition: all 0.3s ease-out;
    margin-bottom: 0px;
}
.service-content a h3:hover {
    color: #ff9ac1;
}
.service-content p { color: #ffffff; }
.service-item:hover .service-content h3 { margin-bottom: 0px; }
.service-item:hover .service-content span.read-more-btn { opacity: 1; }
.service-item:hover .service-content p { opacity: 1; }

.service-item .service-content:hover h3 { color: #ffffff;  }
.service-item .service-content:hover p { color: #ffffff; }


.service-item .service-content span.read-more-btn,
.service-item .service-content p { opacity: 1;  }
.service-item .service-content span.read-more-btn i { margin-left: 10px; }
.service-item .service-content span.read-more-btn:hover i { margin-left: 25px; }

.service-content p { 
    font-size: 14px;
    
    display: block;
    line-height: 1.5em;
    font-weight: 400;
    transition: all 0.3s ease-out;
}






ul.content-lang,li {
  list-style: none;
  padding: 0;
}
ul.content-lang li a {
    border: 1px solid #c489d1;
    background: #211833;
    color: white;
    padding: 0px 12px;
    font-size: 12px;
    border-radius: 50px;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
ul.content-lang li a:hover {
    border: 1px solid #c489d1;
    background: #c489d1;
}
ul.content-lang {
    margin: 1em auto;
    display: flex;
    justify-content: flex-start;
    gap: 1em;
    margin-bottom: 0;
}


span.video-guide-tag {
    border: 1px solid #f5511f;
    background: #f5511f;
    color: white;
    padding: 0px 12px;
    font-size: 12px;
    border-radius: 50px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}



.color-flip0 {
    color: #272727;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgb(5 5 5 / 8%);
    -webkit-box-shadow: 0px 0px 15px rgb(5 5 5 / 8%);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.color-flip0:hover {
    background-color: #ffffff;
    box-shadow: -1px 10px 17px -1px rgb(0 0 0 / 40%);
    -webkit-box-shadow: -1px 10px 17px -1px rgb(0 0 0 / 40%);
}

.move-box-white {
    line-height: 1;
    padding: 25px;
    overflow: hidden;
    border: none;
    vertical-align: top;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    will-change: transform;
    background: #fff;
    border-radius: 8px;
}
.move-box-white:hover {
    transform: translateY(3px);
}
.move-box-white i {
    
}




/* DROPDOWN MENU SETTINGS */
.navbar-nav>li.dropdown:hover>.dropdown-menu { display: block;  }
.navbar-nav>li.dropdown>.dropdown-menu,
.navbar-nav>li.dropdown>.dropdown-menu>.dropdown-submenu {background:#000;margin:0;padding:0;border:0;min-width:50px;box-shadow:0px 0px 15px rgb(5 5 5 / 8%);left: -10px; z-index: 1000; }

.navbar-nav>li.dropdown>.dropdown-menu>li>a { 
    display: block;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    transition: all 0.2s ease 0s;
}

.dropdown-item.active, .dropdown-item:active { color: #8469df !important; }







/* SECONDARY MENU *//**********************/
ul.secondary-menu {list-style:none;padding:0;margin:0;border:0;width:100%;float:left}
ul.secondary-menu li { }
ul.secondary-menu li a:hover{background:transparent;text-decoration:none;transition:all .1s linear 0s;border:2px solid var(--primary-color)}
ul.secondary-menu li a, ul.secondary-menu li span.justlist {color:#9ab1c3;font-size:14px;line-height:18px;text-decoration:none;text-align:left;font-weight:300; margin:5px;padding:5px 16px;border:2px solid transparent;transition:all .1s linear 0s;  display: inline-block; width: 100%;}
ul.secondary-menu li a i, ul.secondary-menu li span.justlist i { margin-right: 20px; }
ul.secondary-menu li a span { font-size:12px;display:inline-block;text-decoration:none;color:#9caab5;font-weight:lighter;width:auto;float:right;}
ul.secondary-menu li a:hover,ul.bottom-menu li a:focus, ul.secondary-menu li span.justlist:hover {color:#fff}
ul.secondary-menu li a:hover,ul.bottom-menu li a:hover span{color:#fff}
ul.secondary-menu li:last-child{margin-right:0}

/* SIDEBAR TAGS *//**************************/
.tab-pane.loading{min-height:50px}
.tab-pane.loading:before{content:'Loading...'}

/* POST TAGS *//**************************/
ul.post-tags { list-style: none; padding: 0px !important; margin: 0px !important; border: none; width: 100%; display:block;}
ul.post-tags li { padding: 0px !important; margin: 0px !important; margin-right:-3px !important; margin-bottom:1px !important; height: auto; list-style:none; text-decoration: none;display:inline-block; transition: all 0.1s linear 0s;}
ul.post-tags li a {font-size: 14px;display:inline-block;padding: 12px !important;margin: 0px !important;text-decoration: none;color: #595959;width:auto;font-weight:lighter; }
ul.post-tags li:hover {background: var(--primary-color);}
ul.post-tags li:hover a {color:#fff;}

/* SOCIAL ICONSET *//**************************/
ul.footer-social {margin:0px; padding-left:0;}
ul.footer-social li {display:inline-block;list-style:none;text-align:center; margin-right: 10px;}
ul.footer-social li a:hover {border-color: #8469df; }
ul.footer-social li a {display:block; color:#fff; font-size:16px; font-weight:400; height:35px; text-decoration:none; transition:all 0.1s linear 0s; width:35px; border:2px solid transparent; border-radius: 50%; padding: 4px; }

footer ul.social li a { color: #fff; }

#footer-widgets ul li a { color: #fff; }


ul.contact-social {margin:0px; padding-left:0;}
ul.contact-social li {display:inline-block;list-style:none;text-align:center; margin-right: 10px;}
ul.contact-social li a:hover {border-color: #351314; }
ul.contact-social li a {display:block; color:#351314; font-size:16px; font-weight:400; height:35px; text-decoration:none; transition:all 0.1s linear 0s; width:35px; border:2px solid #71b82a; border-radius: 50%; padding: 4px; }



/* FOOTER *//**************************/
#footer {  }
#footer-quote { background: url("img/leaf-bg.jpg") repeat; padding: 50px 0; }
#footer-quote p { color: #ffffff; font-style: italic; text-align: center; }
#footer p { font-size: 14px; }
#footer-stage {
    position: relative;
    height: auto;
    padding: 50px 0;
}
footer section:hover .side-headline { transition: all 0.1s linear 0s;  }
footer section:hover .side-headline h3 { transition: all 0.1s linear 0s; color: #fff; }
footer section p { color:#9caab5; margin:0; padding: 0px 25px 20px 5px; }
footer .social { margin: 20px 0;  display: block; }
footer .side-headline { margin-bottom: 15px; padding:10px 15px 10px 20px; }
footer .side-headline h3 {margin:0;padding:0;display:block;font-size:20px;font-weight:700;color:#9caab5;text-transform:uppercase;transition:all .1s linear 0s}
footer .list article.media .media-body h4.title a { color: #9caab5; font-size: 14px; line-height: 20px; font-weight: 500; }
footer .list article.media .post-thumb { flex: 0.5; }
footer .list article.media { border-bottom: 0px solid #1A1A1A; }
footer .list article.media a.meta-category:hover { background: transparent;  color: #fff; }
footer .spacer { border-top: 0px solid #1A1A1A; }
footer h2.icon {border-left:0;padding-left:0;font-weight:500!important;font-size:22px;letter-spacing:0;margin:0 0 15px 0}
.footer-bottom {padding-top:30px;margin-top:30px}
.footer-content {padding-top:30px;padding-bottom:30px}
footer .footer-list-menu ul.menu {display:block;padding: 0; margin: 0; }
footer .footer-list-menu ul.menu li {display:block;list-style:none; padding: 5px 0; }
footer .footer-list-menu ul.menu li a { color: #fff;font-size: 14px; font-weight: 500; display:inline-block; transition:all 0.2s ease 0s; padding: 5px 0px; position:relative }
footer .footer-list-menu ul.menu li a:hover { color: #8469df; padding-left: 8px; }
footer .footer-list-menu ul.menu li a::before {
  content: '\F138';
  font-family: "bootstrap-icons";
  color: #ffffff;
  margin-right: 10px;
}


footer .widget-title,
#download .widget-title {
    position: relative;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
footer .widget-title h3,
#download .widget-title h3 { transition: all 0.1s linear 0s; color: #8469df; font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 25px 0 0px 0; padding-bottom: 10px; }

footer .widget-title h3:before,
#download .widget-title h3:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 0px solid #fff;
}





footer p { color: #fff; }

footer ul.list-contact {margin:30px 0px; padding-left:0;}
footer ul.list-contact li {display:block;list-style:none; padding: 10px 0;}
footer ul.list-contact li a,
footer ul.list-contact li span {display:inline-block; color:#fff; font-size:14px; font-weight:400; text-decoration:none; transition:all 0.2s linear 0s; }
footer ul.list-contact li a:hover { color: #8469df; text-decoration:none; }
footer ul.list-contact li span i { color: #fff; font-size: 14px; font-weight: 500; margin-right: 10px; }


ul.list-contact {margin:30px 0px; padding-left:0;}
ul.list-contact li {display:block;list-style:none; padding: 10px 0;}
ul.list-contact li a {display:inline-block; color:#351314; font-size:14px; font-weight:400; text-decoration:none; transition:all 0.2s linear 0s; }
ul.list-contact li a:hover { color: #8469df; text-decoration:underline; }


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

input[type=text], input[type=password], input[type=url], input[type=email], select, textarea {
    background-color: #fff;
    border: 1px solid #b9b9b9;
    color: #414141;
    height: auto;
    padding: 8px 15px;
    font-size: 14px;
    width: 100%;
    margin: 0 10px 0 0;
    display: inline-block;
    unicode-bidi: embed;
    font-weight: 500;
    transition: all .2s ease 0s;
    border-radius: 8px 0px 8px 0px;
}
.search-block input[type=search]{padding:18px 7px;margin:0}
input[type=search]{background:#fff;border:2px solid #d7d7d7 !important;padding:6px 20px;width:80%;font-size:14px;font-style:normal;transition:all .2s linear 0s; border-radius: 0px;}
input[type=search]:focus{background-color:white;font-size:14px;color:#141414;border-color: #8469df !important;outline: inherit; }

.sidebar-widget-search button {
    background: #8469df !important;
    border: 0px solid #ccc !important;
    padding: 0.375em 0.625em;
    color: white !important;
    margin-left: 0.625em;
    word-break: normal;
    font-weight: 600;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {color:#141414;border-color: #71b82a !important; outline: inherit; }
.wpcf7 form.invalid .wpcf7-response-output { border-color: #71b82a; }
.search-top i.fa-search{position:absolute;font-size:18px;color:rgba(153,153,153,1.0);top:12px;right:30px;transition:all .2s;-webkit-transition:all .2s}
.n-input{width:100%!important;background-color:#1a1a1a!important;margin:0!important;padding:20px!important}
button.search-btn { padding:4px 5px 5px 3px;background:var(--primary-color);border: 2px solid transparent; color:#fff;font-size:14px;font-weight:700;width:30px;height:30px;line-height:18px;text-align:center; }
button.search-btn:hover { border: 2px solid var(--primary-color); background: transparent; }

#searchform { position: relative; }
#searchform button { position: absolute; right: 10px; top:8px; border: 0; background: transparent; }
#searchform button i { font-size: 22px; color:#8469df; }

/* BUTTONS *//**********************/
button.style1,button.style2{border:medium none;color:#fff;font-size:16px;letter-spacing:.3px;margin:8px;padding:10px 15px;border-radius:0;background:var(--primary-color);text-transform:uppercase;transition:all .1s linear 0s;border:1px solid var(--primary-color)}
button.style3{border:medium none;color:#fff;font-size:16px;letter-spacing:.3px;margin:8px;padding:10px 15px;border-radius:0;background:var(--button-gray);text-transform:uppercase;transition:all .1s linear 0s;border:1px solid var(--button-gray)}
button.style4{border:medium none;color:#1a1a1a;font-size:16px;letter-spacing:.3px;margin:8px;padding:10px 15px;border-radius:0;background:transparent;text-transform:uppercase;transition:all .1s linear 0s;border:1px solid var(--button-gray)}
button.style1:hover{background:#fff;color:#777;border:1px solid #fff}
button.style2:hover{background:#fff;color:#777;border:1px solid #1a1a1a}
button.style3:hover{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}
button.style4:hover{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}

/* COMMENTS *//**********************/
.widget-area{background-color:#fff;display:block}
.comment-box-control{display:inline-block;padding:15px;width:100%}
.status-upload{background:none repeat scroll 0 0 #1a1a1a;display:inline-block;width:100%}
.status-upload form{float:left;width:100%}
.status-upload form textarea{background:none repeat scroll 0 0 #fff;border:medium none;color:#777;float:left;font-size:16px;height:142px;letter-spacing:.3px;padding:20px;width:100%;resize:vertical;outline:0;border:1px solid #ddd}
.status-upload ul{float:left;list-style:none outside none;margin:0;padding:0;width:auto}
.status-upload ul>li{float:left}
.status-upload ul>li>a{color:#777;display:inline-block;font-size:16px;padding:12px 15px;text-align:center;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s;cursor:pointer}
.status-upload ul>li>a:hover{background:none repeat scroll 0 0 #606060;color:#fff}
.status-upload form button{border:medium none;color:#fff;font-size:16px;letter-spacing:.3px;margin:0;padding:10px 15px;border-radius:0;background:var(--primary-color);text-transform:uppercase;transition:all .1s linear 0s}
.status-upload form button:hover{background:#fff;color:#777}
.status-upload form button>i{margin-right:7px}
/* COMMENT PANELS *//**********************/
.comment-posts{display:inline-block;width:100%;margin:20px 0}
.comment-posts .thumbnail{padding:0;border-radius:0}
.comment-posts article{margin-bottom:20px;display:inline-block}
.panel{border-radius:0;font-size:16px;color:#1a1a1a;border:0}
.panel-heading{border:0;border-radius:0;background:var(--primary-color)!important;color:#fff!important}
.panel>.panel-heading:before{border-right-color:#ddd;border-width:8px}
/* BACK TOP BUTTON *//**********************/
ul.bottom-menu{list-style:none;padding:0;margin:0;border:0;width:100%;float:left}
ul.bottom-menu li { }
ul.bottom-menu li a:hover{background:transparent;text-decoration:none;transition:all .1s linear 0s;border:2px solid var(--primary-color)}
ul.bottom-menu li a {color:#fff;font-size:14px;line-height:18px;text-decoration:none;text-align:left;font-weight:300; margin:5px;padding:5px 16px;border:2px solid transparent;transition:all .1s linear 0s; border-radius: 40px; display: inline-block; width: 100%;}
ul.bottom-menu li a span { font-size:12px;display:inline-block;text-decoration:none;color:#9caab5;font-weight:lighter;width:auto;float:right;}
ul.bottom-menu li a:hover,ul.bottom-menu li a:focus{color:#fff}
ul.bottom-menu li a:hover,ul.bottom-menu li a:hover span{color:#fff}
ul.bottom-menu li:last-child{margin-right:0}
/* BACK TOP BUTTON *//**********************/
#back-top { position: relative; float:right;}
#back-top a { display: block;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span { padding:10px 15px; display: block; margin-bottom: 0px; }
#back-top a:hover span i { color: var(--primary-color); /* For IE8 and earlier */}
#back-top span i {color:#9caab5; transition: all 0.2s ease 0s;  }
/* Loaded styles */
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:hidden}
.loader,.loader:before,.loader:after{border-radius:50%}
.loader{color:#fff;font-size:11px;text-indent:-99999em;margin:55px auto;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 1em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);z-index:200}
.loader:before,.loader:after{position:absolute;content:''}
.loader:before{width:5.2em;height:10.2em;background:var(--primary-color);border-radius:10.2em 0 0 10.2em;top:-0.1em;left:-0.1em;-webkit-transform-origin:5.2em 5.1em;transform-origin:5.2em 5.1em;-webkit-animation:load2 2s infinite ease 1.5s;animation:load2 2s infinite ease 1.5s}
.loader:after{width:5.2em;height:10.2em;background:var(--primary-color);border-radius:0 10.2em 10.2em 0;top:-0.1em;left:5.1em;-webkit-transform-origin:0 5.1em;transform-origin:0 5.1em;-webkit-animation:load2 2s infinite ease;animation:load2 2s infinite ease}
@-webkit-keyframes load2{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load2{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:var(--primary-color);z-index:10}
#loader-wrapper .loader-section.section-left{left:0}
#loader-wrapper .loader-section.section-right{right:0}
.loaded #loader-wrapper .loader-section.section-left{transform:translateY(-100%);transition:all .9s .3s cubic-bezier(0.645,0.045,0.355,2.500)}
.loaded #loader-wrapper .loader-section.section-right{transform:translateY(100%);transition:all .9s .3s cubic-bezier(0.645,0.045,0.355,2.500)}
.loaded #loader{opacity:0;transition:all .5s ease-out}
.loaded #loader-wrapper{visibility:hidden;transform:translateX(-100%);transition:all .9s 1s ease-out}

/* TABS SETTINGS *//*****************************/
.nav-tabs { border-bottom: 0px; }
.tab-dots-position { display: block; }
.tab-dots-position .side-headline { text-align: center; }
.tab-dots-position .tab-content { margin:30px 20px }
.tab-dots-position .tab-content h3.title { margin:0 0 10px 0; }
.tab-dots-position .nav-tabs { padding: 5px 15px; margin-bottom: 0; text-align: center; display: inline-block; width: 100%; }
.tab-dots-position .nav-tabs li { margin: 0 10px; display: inline-block; }
.tab-dots-position .nav-tabs li a { font-weight: 700; transition: all 0.2s ease 0s; color: #5b7082; border-radius: 40px; }
.tab-dots-position .nav-tabs li a:hover { color: var(--primary-color); border:1px solid #d2d2d2; }
.tab-dots-position .nav-tabs li a.active { background-color: var(--primary-color); border:1px solid var(--primary-color); color: #fff; }

.pillsbox .nav-pills li a { border: 1px solid transparent; }
.pillsbox .nav-pills li { margin: 0 10px; display: inline-block; }
.pillsbox .nav-pills li a { font-weight: 700; transition: all 0.2s ease 0s; color: #5b7082; border-radius: 40px; }
.pillsbox .nav-pills li a:hover { color: var(--primary-color); border:1px solid #d2d2d2; }
.pillsbox .nav-pills li a.active { background-color: var(--primary-color); border:1px solid var(--primary-color); color: #fff; }

.profile-review { display: block; text-align: left; }
.profile-review ul.stats li { display: block; font-size: 14px; color:#fff; text-align: left; }
.profile-review ul.stats li span { cursor:default; }
.profile-review ul.stats li span i { color: var(--primary-color); margin-right: 10px; }
.profile-review ul.stats li:hover span i { margin-right: 5px; }


/* Preloader Styling */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #0f0f0f, #1a1a1a);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
#preloader h1 { font-size: 24px; }

.bar-container {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.bar {
  width: 5px;
  height: 30px;
  background: linear-gradient(45deg, #00eb59, #00b581);
  border-radius: 5px;
  animation: bounce 1.2s infinite ease-in-out;
}

.bar:nth-child(1) {
  animation-delay: 0s;
}
.bar:nth-child(2) {
  animation-delay: 0.2s;
}
.bar:nth-child(3) {
  animation-delay: 0.4s;
}
.bar:nth-child(4) {
  animation-delay: 0.6s;
}
.bar:nth-child(5) {
  animation-delay: 0.8s;
}


/* Hide Content Initially */
#content {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}



/* Animations */
@keyframes bounce {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(2);
  }
}

@keyframes fadeIn {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .tooltip {
        display: none !important;
    }
 }