body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #636363;
    font-weight: 400;
    line-height: 24px;
    display:flex;
    min-height:100vh;
    flex-direction:column;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 25px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
}
p { margin: 0 0 25px;}
/*h6 { font-size:2em;}
h5 { font-size:3em;}
h4 { font-size:3.5em;}
h3 { font-size:3.8em;}*/

.left-nav-sidebar {
    padding-left: 90px;
    transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;
}

.font-2 {font-weight:500;}
.size-2x { font-size:2em;}
.font-weight-700 { font-weight: 700;}
.font-weight-600 { font-weight: 600;} 
.font-weight-500 { font-weight: 500;}
.font-weight-400 { font-weight: 400;}

.text-black { color:#141414;}
.bg-black { background-color:#141414;}


.text-extra-small {
    font-size: 11px;
    line-height: 14px;
}
.text-small { font-size: 85.7%; }
.text-large { font-size: 114.2%; }

.text-light-gray {
    color: #d6d5d5;
}

.o-hidden { overflow: hidden;}

a:hover, a:active {
    color: var(--theme-color);
    text-decoration: none;
}
/*.social-icon a, .social-icon a:visited { color:white;}*/
.social-icon a:hover {
    color: var(--theme-color);
}

.dots::after { content:'...'}

.pro-text-gray { color: #636363;}
.pro-text-white { color: #ffffff;}
.border-gray { border-color: #636363 !important;}
.border-light-gray { border-color: #d7d7d7 !important;}
.border-extra-light-gray {    border-color: #ededed !important; }


header {
    width: 100%;
    z-index: 99;
}
header.top-fixed-header { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;}
header.top-fixed-header.pro-bg-transparent .blog-logo, header.top-fixed-header .blog-logo { display: inline-block; }
header.top-fixed-header.pro-bg-transparent .blog-logo-floating { display: none; }

header.top-fixed-header.pro-bg-white .blog-logo { display: none; }
header.top-fixed-header.pro-bg-white .blog-logo-floating { display: inline-block; }

.left-nav {
    position: fixed;
    top: 0;
    width: auto;
    left: 0;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;
}
.sidebar-part1 {
    position: absolute;
    top: 0;
    width: 90px;
}
.sidebar-part2 {
    position: absolute; 
    top: 0px;
    bottom: 90px;
    width: 90px;
    overflow: hidden;
    background-color: #fff;
}
.sidebar-part2.with-logo {
    top: 90px;
}
.vertical-text  {
    -moz-transform: rotate(270deg); 
    -ms-transform: rotate(270deg); 
    -webkit-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    transform: rotate(270deg);
    transform-origin: center top;
    margin-left: -50%;
    text-transform: uppercase;
    width: inherit;
}

.vertical-box {
    position: absolute;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    width: max-content;
    /*bottom: 50%;*/
    bottom: calc(50% - 25px);
    padding-left: 30px;
}
.vertical-box:before{
	content: "";
	display: block;
	padding-top: 100%; 	
}

.sidebar-part3 {
    position: absolute;
    bottom: 0;
    height: 90px;
    width: 90px;
}
.bottom-menu-icon {
    /*padding:30px;*/
}

.menu-header {
    height: 100vh;
    width: 90px;
    background-color: #fff;
    position: fixed;
    z-index: 10;
    border-right: 1px solid #919191;
    
}
.pages-menu {
    height: 100vh;width: 230px;background-color: #fff;border-right: 1px solid #dfdfdf;position: fixed;z-index: 9;display:block; overflow-y: scroll; padding-top:20px; padding-bottom:20px;
}
.ul-menu-centered-cell{list-style: none;display:table-cell;vertical-align:middle; padding-left:0;}
ul.ul-menu-centered-cell li a{color:#212121!important;font-size: 1.5rem;font-weight:400;text-decoration:none;}
li.li-bordered-second-lever>a{font-size: 1.1rem!important;font-weight:200!important;}
ul.ul-menu-centered-cell>li{padding:15px 20px;}
ul.ul-menu-centered-cell{display:none;}
ul.ul-menu-centered-cell/*:first-child*/{display:flex; flex-direction:column; justify-content:center;}
.li-bordered-second-lever{margin-right: 20px;}
.div-sub-menu{position:fixed;left:320px;width:230px;height:100vh;top:0;background:white;z-index: 8!important; display:flex; flex-direction:column; justify-content:center; overflow-y:scroll;}
div.div-sub-menu>ul.ul-menu-centered-cell>li.hover-li>div.div-sub-menu{left:550px;}
.open-menu{left:90px;transition: left .2s; -webkit-transition: left .2s; -o-transition: left .2s; -moz-transition: left .2s;}
.close-menu{left:-100%;transition: left .2s; -webkit-transition: left .2s; -o-transition: left .2s; -moz-transition: left .2s;}

ul.ul-menu-authorization { list-style: none;display:table-cell;vertical-align:middle;}
ul.ul-menu-authorization li { padding:5px 20px;}

.nav-popup-pointer { margin-right:-10px; padding-left:10px; }

.social-buttons>li>a>div.fa-size{font-size:1.4rem;}
.social-buttons {list-style: none; padding-left: 0;}
#contactform .social-buttons li { padding-left: 0; padding-right: 10px;}
footer .social-buttons{list-style: none;padding-left: 55px;}
.social-buttons>li{display: inline-block; padding:0 5px;}
footer .social-buttons>li>a>div.fa-size{color:#888;font-size:1.4rem;}
.menu-social ul.social-buttons {
	padding-left: 20px;
	padding-right: 20px;
}

#footer .social-buttons { margin-bottom: 0px;}



.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 90px;
  height: 90px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  background-color: #fff;
}



.cmn-toggle-switch:hover span, .cmn-toggle-switch:hover span::before, .cmn-toggle-switch:hover span::after {
    background: var(--theme-color);
}
 
.cmn-toggle-switch:focus {
  outline: none;
}
.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 44px;
  left: 25px;
  right: 25px;
  height: 3px;
  background: #232323;
  -webkit-transition-delay: background 0.3s;
  transition-delay: background 0.3s;
  -o-transition-delay: background 0.3s;
  -moz-transition-delay: background 0.3s;
}
 
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #232323;
  content: "";
}
 
.cmn-toggle-switch span::before {
  top: -15px;
}
.cmn-toggle-switch span::after {
  bottom: -15px;
}

.cmn-toggle-switch-mini {
  width: 55px;
  height: 45px;
}
.cmn-toggle-switch-mini span {
  top: 20px;
  left: 10px;
  right: 10px;
}
.cmn-toggle-switch-mini span::before {
  top: -10px;
}
.cmn-toggle-switch-mini span::after {
  bottom: -10px;
}
 
.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
  -o-transition: background 0 0.3s;
  -moz-transition: background 0 0.3s;
  transition: background 0 0.3s;
}
 
.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  -moz-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
  -o-transition-delay: 0.3s, 0;
  -moz-transition-delay: 0.3s, 0;
  transition-delay: 0.3s, 0;
}
 
.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  -o-transition-property: top, -o-transform;
  -moz-transition-property: top, -moz-transform;
  transition-property: top, transform;
}
 
.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  -o-transition-property: top, -o-transform;
  -moz-transition-property: top, -moz-transform;
  transition-property: bottom, transform;
}
 
/* активное состояние, т.е. меню открыто */
 
.cmn-toggle-switch__htx.active span {
  background: none;
}
 
.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
 
.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
 
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
  -webkit-transition-delay: 0, 0.3s;
  -o-transition-delay: 0, 0.3s;
  transition-delay: 0, 0.3s;
}



.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    border-radius: 2px;
	margin: 0 4px;
}
.swiper-pagination-bullet-active { background: #fff;}
.swiper-slide { max-height:100vh;}

.top-0 { top:0px;}
.slider-header { font-size: 1.5em; animation-delay: .3s;}
.slider-caption { animation-delay: .6s;}
.slider-button { animation-delay: .9s;}

.swiper-button-prev, .features-swiper-button-prev { left: 30px;}
.swiper-button-next, .features-swiper-button-next { right: 30px;}

.carousel-caption-container { height: 100%; padding-right: 0px;}
.carousel-caption {
    -webkit-transition: filter 1.8s ease-in;
    -o-transition: filter 1.8s ease-in;
    -moz-transition: filter 1.8s ease-in;
    transition: filter 1.8s ease-in;

    padding-left:5%; 
    padding-right:5%; 
}

.swiper-cover {
    top: 0;
    left: 0;
    z-index: 99;
/*    padding-top: 25%;*/
}


.barlittle {
 background-color:var(--theme-color); 
 background-image: -moz-radial-gradient(#fff 25%,var(--theme-color));
 background-image: -webkit-radial-gradient(#fff 25%, var(--theme-color));
/* border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333;*/
 width:10px;
 height:10px;
/* float:left;*/
 margin-left:5px;
 opacity:0.1;
 -moz-transform:scale(0.7);
 -webkit-transform:scale(0.7);
 -o-transform:scale(0.7);
 -ms-transform:scale(0.7);
 -moz-animation:move 1s infinite linear;
 -webkit-animation:move 1s infinite linear;
 -o-animation:move 1s infinite linear;
 -ms-animation:move 1s infinite linear;
 border-radius: 50%;
 display: inline-block;
}
#block_1{
 -moz-animation-delay: .4s;
 -webkit-animation-delay: .4s;
 -o-animation-delay: .4s;
 }
#block_2{
 -moz-animation-delay: .3s;
 -webkit-animation-delay: .3s;
 -o-animation-delay: .3s;
}
#block_3{
 -moz-animation-delay: .2s;
 -webkit-animation-delay: .2s;
 -o-animation-delay: .2s;
}
#block_4{
 -moz-animation-delay: .3s;
 -webkit-animation-delay: .3s;
 -o-animation-delay: .3s;
}
#block_5{
 -moz-animation-delay: .4s;
 -webkit-animation-delay: .4s;
 -o-animation-delay: .4s;
}
@-moz-keyframes move{
 0%{-moz-transform: scale(1.2);opacity:1;}
 100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes move{
 0%{-webkit-transform: scale(1.2);opacity:1;}
 100%{-webkit-transform: scale(0.7);opacity:0.1;}
}

  .blur {
          -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
       -o-filter: blur(5px);
      -ms-filter: blur(5px);
          filter: blur(5px);
          transform: scale(0.8);
      }
    

#reviews .swiper-pagination-bullet-active {border:1px solid #636363;}
#reviews .swiper-slide img { max-height: 150px; width: auto; height: auto;}

.text-deep-pink {
    color: var(--theme-color);
}

.w-15 { width:15%;}
.w-90 { width:90%;}
.height-400px { height: 400px;}




.slider-color {

    color: #ffffff;

}
.slider-color {

    color: #ffffff;

}
.swiper-pagination-right {

    position: absolute;
    display: table;
    vertical-align: middle;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    height: 100%;
    top: 0px;
    right: 0px;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: auto;
    top: auto;
    bottom: auto;
    left: auto;
    right: 50px;
}

.slider-pagination-el {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 300px;
    margin: 1px 0px 0px 0px;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    padding: 15px 40px 15px 40px;
    cursor: pointer;
}

.slider-pagination-el:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all .5s ease;
    -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
    z-index: -1;
}
.slider-pagination-el:hover {
    color: #e1d9c5;
}
.slider-pagination-el:hover:before {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.swiper-pagination-bullet-active {
    background-color: rgba(0,0,0,0.6) !important;
}

.slider-pagination-page:after {
    content: "";
    display: inline-block;
    width: 30px;
    background: var(--theme-color);
    height: 1px;
    top: 50%;
    position: absolute;
    margin-left:10px;
}

.slider-pagination-header {
    padding-left: 50px;
}

/* ===================================
    Background color
====================================== */

.bg-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-light-gray {background-color:#e0e0e0}
.bg-medium-light-gray {background-color:#ededed}
.bg-light-gray {background-color:#f7f7f7}
.bg-very-light-gray {background-color:#fafafa}
.bg-deep-pink {background-color:var(--theme-color);}

.bg-transparent-white { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.bg-transparent-black { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.85); }
.bg-black-opacity { background-color: rgba(0, 0, 0, 0.75); }
.bg-black-opacity-light { background-color: rgba(0, 0, 0, 0.5); }
.bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
.bg-charcoal-gray{background-color: #0e0f10;}

input, textarea, select{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;border-radius:0;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0;}
.form-control { border-radius:0;}




/* ===================================
    Header
====================================== */
.sidebar-nav-style-1 {z-index: -1}

.side-left-menu-close { display: none; position: fixed; top: 0; right: 0; height:100%; }

/* header icon */
.header-searchbar {/*border-left: 1px solid rgba(255,255,255,.15); padding-left: 15px; */}
.header-social-icon { border-left: 1px solid rgba(255,255,255, 0.15); padding-left: 10px;/* margin-left: 12px;*/ display: inline-block; line-height: 15px; position: relative; top: -1px;}
.heder-menu-button {display: inline-block; line-height: 14px; padding-left: 5px; position: relative; top: -1px;}
nav.navbar.bootsnav .heder-menu-button .navbar-toggle {float: none; padding: 0; margin-top: 0; margin-bottom: 0; top: 4px}
.white-link .header-searchbar a, .white-link .header-social-icon a { color:#fff;}
/*.header-social-icon a {color: #232323}*/
.header-social-icon a i, .header-searchbar a i {margin: 0 5px;}
.header-searchbar a i { }
.header-social-icon a:last-child i { margin-right: 0;}
.search-icon {padding-right: 10px;}
.search-close-button { position: absolute; top: 10px; right: 15px;}

/* header navigation color and logo */
/*header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{color: #232323;}*/
header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,
header nav.navbar.white-link .header-social-icon a,  nav.navbar.bootsnav.white-link .header-social-icon a,
header nav.navbar.white-link .header-searchbar a,  nav.navbar.bootsnav.white-link .header-searchbar a,
header nav.navbar.bootsnav ul.nav.white-link > li > a,  nav.navbar.white-link .header-menu-button a {color: #fff}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a,
header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a,
/*header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a {color: #232323}*/

/* navigation */
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent .header-searchbar a:hover, header.header-appear nav.header-light .header-searchbar a:hover, header.header-appear nav.header-light.white-link .header-searchbar a:hover, header.header-appear nav.header-light-transparent.white-link /*.header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover,*/ .header-search-form:hover, .header-social-icon a:hover {color: rgba(255,255,255,0.6)}
header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover, header.header-appear nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark-transparent .search-button:hover, header.header-appear nav.header-dark .search-button:hover, header.sticky nav.header-dark .search-button:hover, header.sticky nav.header-dark-transparent .search-button:hover { color: rgba(255,255,255,0.6)}
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {color: rgba(255,255,255,0.6)}

header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover { color: rgba(255,255,255,0.6);}
header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a:hover, header.sticky nav.header-dark .header-social-icon a:hover { color: rgba(255,255,255,0.6);}


header .top-header-area .icon-social-very-small a:last-child i{margin-right: 0;}
header nav .row { align-items: center; display: -ms-flex; display: -webkit-flex; display: -moz-flex; display: flex; height: auto; padding: 0;}
header nav .row > div:first-child { flex: 1 1 auto;}

header.top-fixed-header nav.navbar { padding: 0;}
header.header-shadow {border-radius: 0; padding: 0; box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);}
header nav.navbar-default, nav.navbar.bootsnav {border-bottom: 0;}
header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0; display: table; }
header nav .nav-header-container {display: table-cell; vertical-align: middle; position: relative;}
header nav .navbar-nav > li > a, header .contact-info > li > a {color: #232323; font-weight: 800; margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase; letter-spacing: 0.015em;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;}
header nav .navbar-nav > li:last-child a { margin-right: 0;}
.navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999}
header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}
header nav .navbar-nav.text-normal > li > a {font-weight: 600;  }
.navbar-nav > li { position: inherit;}
.navbar-nav > li.dropdown > .fa-solid, .navbar-nav > li.dropdown > .fa-solid { display: none}
/*.navbar-nav > li ul { margin: 0; padding: 0;}*/
.navbar-toggle {border-radius: 0; margin-right: 0;}
.mobile-toggle {display: block}
.sidebar-nav .mobile-toggle {display: none}
.mobile-toggle span { display: block; width: 16px; height: 2px; background: #232323; content: ""; margin: 3px 0px }
.mobile-toggle:hover span, .white-link .mobile-toggle:hover span { background-color: red}
.white-link .mobile-toggle span { background: #fff;}
header nav .brand-logo { padding-top: 20px; padding-bottom: 20px;}
header.sticky nav .brand-logo {padding-top: 15px; padding-bottom: 15px;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a { padding: 20px 0 20px; }
ul.sidebar-contact-info { padding-left:0; padding-bottom:7px; margin:0; position: relative;}
ul.sidebar-contact-info li  {padding: 0px 20px; list-style: none;}
ul.sidebar-contact-info::after { content:""; display: block;width: 40%; height: 1px; background-color: #ededed; position: absolute;bottom: 0; left: 30%;}


/* header center logo */
.nav-left, .nav-right, .nav-center {display: table-cell; vertical-align: middle; width: 33.33%}
header nav .navbar-nav.navbar-center > li:last-child a {margin-right: 20px;}
.social-icon a {margin: 0 15px;}
.social-icon a:first-child {margin-left: 0;}
.social-icon a:last-child {margin-right: 0;}


nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {text-align: left }
header nav.navbar-fixed .nav-header-container {width: 100%; float: left;}

header .menu-logo-center .navbar-nav > li.social-links {padding: 26px 0;}
header.sticky .menu-logo-center .navbar-nav > li.social-links {padding: 20px 0;}

/* light transparent navigation */
header.header-appear nav.header-light-transparent, header.sticky nav.navbar-fixed-top.header-light-transparent, header.sticky nav.navbar-scroll-fixed-top.header-light-transparent {background: rgba(255, 255, 255, 0.95); box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6)}
header.header-appear nav.header-light-transparent .separator-line-verticle-small, header.header-appear nav.header-light .separator-line-verticle-small {background: rgba(0, 0, 0, 0.4) }
header.header-appear nav.header-light-transparent .header-social-icon a, header.header-appear nav.header-light .header-social-icon a, header.header-appear nav.header-light.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a, header.header-appear nav.header-light-transparent .header-searchbar a, header.header-appear nav.header-light .header-searchbar a, header.header-appear nav.header-light.white-link .header-searchbar a, header.header-appear nav.header-light-transparent.white-link .header-searchbar a {color: #232323}
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {/*color: #232323;*/}
header.header-appear nav.header-light-transparent .header-searchbar, header.header-appear.header-light-transparent .header-social-icon, header.header-appear nav.header-light .header-searchbar, header.header-appear nav.header-light-transparent.white-link .header-social-icon, header.sticky nav.header-light-transparent .header-searchbar, header.sticky nav.header-light-transparent .header-social-icon, header.sticky nav.header-light .header-searchbar, header.sticky nav.header-light .header-social-icon {border-left: 1px solid rgba(0,0,0,0.25);}
header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-searchbar a,header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-searchbar a {/*color: #232323*/}
header.sticky nav.header-light-transparent .heder-menu-button .mobile-toggle span,header.sticky nav.header-light .heder-menu-button .mobile-toggle span {background: #232323;}

/* dark transparent navigation */
header.header-appear nav.header-dark-transparent, header.sticky nav.navbar-fixed-top.header-dark-transparent, header.sticky nav.navbar-scroll-fixed-top.header-dark-transparent {background: rgba(23, 23, 23, 0.85);}
header.header-appear nav.header-dark-transparent .separator-line-verticle-small, header.header-appear nav.header-dark .separator-line-verticle-small {background: #ffffff }
header.header-appear nav.header-dark-transparent .navbar-nav > li > a, header.header-appear nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark-transparent .navbar-nav > li > a {color: #ffffff }
header.header-appear nav.header-dark-transparent .header-social-icon a, header.header-appear nav.header-dark .header-social-icon a, header.sticky nav.header-dark .header-social-icon a, header.sticky nav.header-dark-transparent .header-social-icon a{color: #ffffff}
header.header-appear nav.header-dark-transparent .search-button, header.header-appear nav.header-dark-transparent .right-menu-button, header.header-appear nav.header-dark .search-button, header.header-appear nav.header-dark .right-menu-button, header.sticky nav.header-dark .search-button, header.sticky nav.header-dark .right-menu-button, header.sticky nav.header-dark-transparent .search-button, header.sticky nav.header-dark-transparent .right-menu-button{color:#ffffff }
header.sticky nav.header-dark-transparent .header-social-icon, header.sticky nav.header-dark .header-social-icon,header.sticky nav.header-dark-transparent .header-searchbar, header.sticky nav.header-dark .header-searchbar {border-left: 1px solid rgba(255,255,255,0.4);}
header.sticky nav.header-dark-transparent .mobile-toggle span, header.sticky .header-dark  .mobile-toggle span {background: #fff;}
header.sticky nav.header-dark-transparent .mobile-toggle:hover span, header.sticky .header-dark  .mobile-toggle:hover span {background: red;}

/* light navigation */
header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light, header.sticky nav.navbar-scroll-fixed-top.header-light {background-color: #ffffff; box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6)}

/* dark navigation */
header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {background-color: #000000;}


header.top-fixed-header.pro-bg-transparent #_navbar-menu>ul>li>a, header.top-fixed-header.pro-bg-transparent .auth a, header.top-fixed-header.pro-bg-transparent .header-searchbar a, header.top-fixed-header.pro-bg-transparent .contact-info > li > a { color: #fff;} 
header.top-fixed-header.pro-bg-transparent #_navbar-menu>ul>li>a:hover, header.top-fixed-header.pro-bg-transparent .auth a:hover, header.top-fixed-header.pro-bg-transparent .header-searchbar a:hover { color: #dedede;}
header.top-fixed-header.pro-bg-transparent .cmn-toggle-switch span, header.top-fixed-header.pro-bg-transparent  .cmn-toggle-switch span::before, header.top-fixed-header.pro-bg-transparent .cmn-toggle-switch span::after { background-color: #fff;}
header.top-fixed-header.pro-bg-transparent .cmn-toggle-switch-mini.active span {
    background-color: transparent;
}
header .navbar-container {
    padding:10px 0px;
}


#navbar-menu.navbar-collapse { box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);}

/* collepsed menu icon */
.navbar-default .navbar-toggle .icon-bar, header.sticky .navbar-default.header-light .navbar-toggle .icon-bar, header.sticky .navbar-default.header-light-transparent .navbar-toggle .icon-bar {background: #232323; }
.navbar-default.white-link .navbar-toggle .icon-bar, header.sticky .navbar-default.header-dark .navbar-toggle .icon-bar, header.sticky .navbar-default.header-dark-transparent .navbar-toggle .icon-bar {background: #fff; }

/* hamburger menu */
nav.navbar.bootsnav .btn-hamburger { padding: 0;}
nav.navbar.bootsnav .btn-hamburger .navbar-toggle { margin: 0; top: -2px;}

.hamburger-menu-wrepper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -10005; padding: 55px 80px; display: table; opacity: 0; visibility: collapse;}
.menu-middle {display: table; height: 100%; width: 65%; margin: 0 auto; opacity: 0;}
.hamburger-menu-links {float: left; list-style: none; margin: 0; padding: 0; width: 100%; font-size: 52px; line-height: 55px; opacity: 0;}
.hamburger-menu-links li{float: left; margin-bottom: 36px; width: 50%;}
.hamburger-menu-links li a{color: #fff; position: relative;}
.hamburger-menu-links li.open > a{color: #ff2149}
.hamburger-menu-links li a:hover, .follow-box a:hover {color: #ff2149}
.animation-box {position: absolute; top: 5%; height: 100%; width: 100%; left:0; transform: perspective(600px) rotateX(-20deg); -weblit-transform: perspective(600px) rotateX(-20deg); -moz-transform: perspective(600px) rotateX(-20deg); -ms-transform: perspective(600px) rotateX(-20deg); -o-transform: perspective(600px) rotateX(-20deg); }
.hamburger-menu.show-menu .hamburger-menu-wrepper {z-index: 10004; opacity: 1; visibility: visible;}
.hamburger-menu.show-menu .animation-box{top: 0; transform: perspective(600px) rotateX(0deg); -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); opacity: 1;}
.hamburger-menu.show-menu .hamburger-menu-links,.hamburger-menu.show-menu .menu-middle {opacity: 1;}
.hamburger-menu.show-menu .btn-hamburger .mobile-toggle,.hamburger-menu .btn-hamburger .close-menu {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}
.hamburger-menu.show-menu .btn-hamburger .close-menu,.hamburger-menu .btn-hamburger .mobile-toggle  {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.hamburger-menu .hamburger-menu-wrepper .btn-hamburger {border-color: #fff; height: 18px; position: absolute; width: 18px; z-index: 99; padding: 0; margin: -27px 0 0 -15px; opacity: 0;}
.hamburger-menu.show-menu .hamburger-menu-wrepper .btn-hamburger {opacity: 1; right: 40px; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
.hamburger-menu .close-button-menu  { float: none; height: auto; margin: 0; padding: 0; position: inherit; right: -26px; top: 44px; width: auto;}
.hamburger-menu .close-button-menu:after, .hamburger-menu .close-button-menu:before {background: #fff; width: 22px; right: 26px; top: -34px;}
.hamburger-menu-links li.dropdown > a:after{content: "\f107"; display: inline-block; position: absolute; right: -60px; top: 15px; font-family: Font Awesome\ 6 Free; font-weight: 900; font-size: 42px}

.logo.navbar-brand { padding: 0px;}

/* full navigation */
.show-menu .menu-wrap,.menu-wrap {left:auto }
.show-menu .menu-wrap {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1; visibility: visible; z-index: 10001;}
.menu-wrap {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; width: 100%; z-index: -10001; position: fixed; top: 0; right: 0; opacity: 0; visibility: hidden;}

/* container fluid navigation padding */
header nav.nav-box-width {padding: 0 50px;}

/* hamburger menu right side */
.big-menu-right {position: fixed; top: 0; right: 0; width: 40%; height: 100%; padding: 0 5%; opacity: 0; transform: translateX(30%) scaleX(0.6); -webkit-transform: translateX(30%) scaleX(0.6); -moz-transform: translateX(30%) scaleX(0.6); -o-transform: translateX(30%) scaleX(0.6); -ms-transform: translateX(30%) scaleX(0.6); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; z-index: -1;}
.big-menu-links {list-style: none; margin: 0; padding: 0;}
.big-menu-links li {margin-bottom: 15px; display: block; width: 100%; float: left}
.big-menu-links li a {font-size: 50px;line-height: 1.5; color: #676767; float: left}
.big-menu-links li a:after {width: 0; background: var(--theme-color); height: 3px; content: ""; display: block; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}
.big-menu-links li a:hover {color: #ddd;}
.big-menu-links li a:hover:after {width: 100px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}
.big-menu-right.open {transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -webkit-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); opacity: 1; z-index: 9999}
.big-menu-close {background: #fff; position: absolute; right: 0; width: 40px; height: 40px; color: #232323; }

/* dropdown menu */
nav.navbar nav.navbar-default ul.nav > li > a {/*padding:26px 0;*/ background: transparent; border-color: transparent; font-weight: 600}
nav.navbar nav.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after, nav.navbar.sidebar-nav ul.nav > li.dropdown > a.dropdown-toggle::after {content: ""; vertical-align: middle; position: relative; top: -1px; margin-top: 0; }
nav.navbar nav.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {border-bottom: 0; border-bottom: 0;}
nav.navbar nav.navbar-default ul li.dropdown .dropdown-menu li > a:hover  {color: #fff; background:  transparent; left: 5px; }
nav.navbar nav.navbar-default ul li.dropdown .dropdown-menu li.active > a { color: #fff;}
nav.navbar nav.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.active > a {/*color: #232323*/}
.dropdown ul.second-level {left: 270px; top:0; height: 100%;}
.dropdown ul.third-level {left: 530px; top:0; height: 100%;}
nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {margin-top: 0 }
.navbar-default ul li li.dropdown ul {display: none}
.navbar-default ul li li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown ul.dropdown-menu {position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0; box-shadow: none;}
.navbar-default ul li li.dropdown ul.dropdown-menu li {padding: 0;}
.dropdown-menu .dropdown a {position: relative}
nav.navbar nav.navbar-default ul li.dropdown li.dropdown > a::after { content: "\203A"; float: right; padding-left: 10px;}




nav.navbar.brand-center ul.nav > li > a {padding:26px; margin: 0;}


.sidebar-middle ::-webkit-scrollbar, .sidebar-nav-style-1 ::-webkit-scrollbar {-webkit-appearance: none;width: 4px;height: 4px;}
.sidebar-middle ::-webkit-scrollbar-thumb, .sidebar-nav-style-1 ::-webkit-scrollbar-thumb {background-color: #9e9f9f;}
.navbar-collapse, .sub-menu {-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}
.left-menu-inner { overflow-y: auto; overflow-x: hidden; }
.nav.navbar-left-sidebar > li > ul li a {display: block; font-weight: 500;}

/* navigation widget */
.menu-wrap .widget {display: inline-block; width: 100%}

.sidebar-part3 { border-top: 1px solid #d6d6d6;}

.search-row form { padding-left: 20px; display: block; /*vertical-align: bottom;*/ padding-right: 20px;}
.close { opacity: 1;}

/* ===================================
    Page title
====================================== */


/* breadcrumb */
.breadcrumb {background: transparent; border-radius: 0; padding: 0}
.breadcrumb ul, .credentials ul { list-style: none; padding: 0; margin: 0;}
.breadcrumb ul li, .credentials ul li {display: inline-block;}
.credentials ul > li:after { content: "\f111"; font-family: Font Awesome\ 6 Free; font-weight: 900; padding: 0 11px 0 14px; display: inline-block; vertical-align: middle; font-size: 5px; opacity: .6;}
.breadcrumb ul > li:after { content: "\f061"; font-family: Font Awesome\ 6 Free; font-weight: 900; padding: 0 11px 0 14px; display: inline-block; vertical-align: middle; font-size: 12px; opacity: .6;}
.breadcrumb ul > li:last-child:after, .credentials ul > li:last-child:after {border-right: 0; content: ""; padding: 0}


/* ===================================
    Features slider
====================================== */



/* ===================================
    Other
====================================== */

#scroll-up-button { position: fixed; bottom: 50px; right: 50px; opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; cursor: pointer; display: none; z-index:999; }
#scroll-up-button:hover { color: var(--theme-color)}

.anim-fade-in  { opacity: 0;}

#error-page { height: 100vh;}

.letter-spacing-minus-1 { letter-spacing: -1px;}
.line-height-12 { line-height: 1.2;}
.logo.navbar-brand img  { max-height: 70px;}

/* separator */
.separator-line-verticle-extra-small {width:1px; height: 8px;}
.separator-line-verticle-small-thick {width:17px; height: 3px;}
.separator-line-verticle-small {width:1px; height: 13px;}
.separator-line-verticle-small-thick2 {width:64px; height: 7px;}
.separator-line-verticle-large {width:1px; height:20px;}
.separator-line-verticle-extra-large {width:1px; height:30px;}
.separator-line-verticle-medium-thick-full {width:8px; height: 40px;}
.separator-line-verticle-large-thick {width:109px; height: 11px}
.separator-line-horrizontal-medium-light {width:36px; height: 3px;}
.separator-line-horrizontal-medium-light2 {width:40%; height: 1px;}
.separator-line-horrizontal-medium-light3 {width:18%; height: 1px;}
.separator-line-horrizontal-medium-thick {width:50px; height: 5px;}
.separator-line-horrizontal-full {width:100%; height: 1px;}

/* divider */
.divider-full {width:100%; height: 1px; display: inline-block}

.margin-25px-bottom {
    margin-bottom: 25px;
}
img {
    max-width: 100%;
    height: auto;
}
section {
    padding: 60px 0;
    overflow: hidden;
}
.opacity-medium {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.75;
    top: 0;
    left: 0;
}
.position-relative {
    position: relative !important;
}
.z-index-5 {
    z-index: 5;
}



blockquote {
    border-left: 2px solid;
    border-left-color: var(--theme-color);
    padding: 15px 40px;
    margin: 45px 0;
}

blockquote {
    font-size: 1.3em;
}
blockquote footer {
    color: #939393;font-size: 80%;
}
.form-control:focus, .btn:active, .btn:focus { box-shadow: 0 0 0 .2rem rgba(0,0,0, .1); border-color:#232323; }

/* feature box style 13 */
.feature-box {overflow: hidden; z-index: 1;}
.feature-box:before { background: var(--theme-color); left: 0; height: 100%;  top: 0; position: absolute; width: 100%; z-index: -1; display: block; content: ""; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0); opacity: 0}
.feature-box:hover:before {transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1}
.feature-box:hover i {color: #fff }
.feature-box:hover p {color: #fff }


.padding-eighteen-all {
    padding: 18%;
}
.text-extra-light-gray {
color: rgb(183, 183, 183);
}
.text-extra-dark-gray {
    color: #232323;
}
.text-medium-gray{
color: #939393;
}
.overflow-hidden {
    overflow: hidden !important;
}
.margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.counter-feature-box-1:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.counter-feature-box-1 {
    height: 199px;
}
.border-all {
    border: 1px solid #636363;
}
:hover {
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}
.sidebar-toggler { cursor: pointer;}
.sidebar-toggler.hidden {
	display: none;
}
.border-dark-gray { border-color:#232323;}

section.page ul li, ul li { padding: 5px 0}
section.page table { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); margin-top: 30px;}
section.page table td  { padding:10px 30px; border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
section.page p { margin-bottom: 1.5rem;}

ul.list-style-none { list-style: none;}

/* list style 10 */
ul.list-style-10 {list-style: none; margin: 0; padding: 0;}
ul.list-style-10 li, .section.page ul.list-style-10 li {padding:15px 0!important; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
ul.list-style-10 li i {float: left; margin-top: 5px}
ul.list-style-10 li span { padding-left: 15px; /*display: table*/}
/*.list-style-1 li:last-child {border-bottom: none}*/

/* list style 3 */
.list-style-3 { list-style: none; margin: 0; padding: 0;}
.list-style-3 li { position: relative; padding: 0 0 0 22px; margin: 0 0 15px 0;}
.list-style-3 li:before { content: ""; width: 10px; height: 1px; background-color: var(--theme-color); position: absolute; top: 11px; left: 0; }

/* list style 4 */
.list-style-2 { list-style: none; margin: 0; padding: 0;}
.list-style-2 li { position: relative; padding: 0 0 10px 22px; margin: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-2 li:before { content: "\f00c"; position: absolute; top: 1px; left: 0; font-family: Font Awesome\ 6 Free; font-weight: 900; }
.list-style-2 li:last-child {border-bottom: 0;}
.list-style-2.list-style-color li {border-color: rgba(255,255,255,.15);}
.list-style-2.list-style-color li:before {color: var(--theme-color);}



/* pagination */
.pagination {border-radius: 0; padding: 0; margin: 0}
.pagination ul { display: inline-block; /**display: inline; *zoom: 1;*/ margin-left: 0; margin-bottom: 0; padding: 0; }
.pagination li { display: inline; }
.pagination a { float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff }
.pagination a:hover { background-color: #232323; color: #fff }
.pagination .selected a { background-color: #f5f5f5;}
.pagination .selected a { color: #999999; cursor: default; }
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; }
.pagination li:first-child a { border-left-width: 1px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right;}


.margin-100px-top { margin-top: 100px; }

a{
    outline:none;
}

/* ===================================
    Background image
====================================== */

.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed  }
.fix-background {position: relative;  background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s;  -webkit-animation-fill-mode: none; -moz-animation-duration: 0s;  -moz-animation-fill-mode: none; -ms-animation-duration: 0s; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed }
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit}
.background-attachment-inherit {background-attachment: inherit}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani { display:table; position: relative; -webkit-animation-name: up-down-animation; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: up-down-animation; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: up-down-animation; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; -o-animation-direction: alternate; -o-animation-name: up-down-animation; -o-animation-duration:.7s; -o-animation-timing-function: linear; -o-animation-delay:.7s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; animation-direction: alternate; animation-name: up-down-animation; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto; }
.background-position-x-50 {background-position-x: 50% !important;}




.bg-dotted { background: rgba(0, 0, 0, 0) url('../img/dotted-bg.png') repeat scroll 0% 0%;}


/* ===================================
    Button
====================================== */
button:active, button:focus {	outline: none;}
.btn {display:inline-block; border:2px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out;}

/* button size */
.btn.btn-very-small {font-size:9px; padding: 1px 17px; line-height: 22px;}
.btn.btn-small {font-size:11px; padding: 4px 24px;}
.btn.btn-medium {font-size:12px; padding: 6px 25px 5px;}
.btn.btn-large {font-size:13px; padding: 9px 34px; line-height: 25px}
.btn.btn-slider {font-size: 16px; font-weight:600; padding: 4px 25px;}
.btn.btn-extra-large {font-size:15px; padding: 12px 40px 13px;  line-height: 25px}
.btn-dual .btn {margin: 0 10px; }
.btn i {margin-left: 6px; vertical-align: middle; position: relative; top:-1px}

/* button background */
.btn.btn-white {background:#ffffff; border-color: #ffffff; color: #232323}
.btn.btn-white:hover, .btn.btn-white:focus {background: transparent; color: #fff}
.btn.btn-black {background:#000000; border-color: #000000; color: #fff}
.btn.btn-black:hover, .btn.btn-black:focus {background: transparent; color: #000}
.btn.btn-dark-gray {background: #232323; border-color: #232323; color: #fff}
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus {background: transparent; color: #232323}
.btn.btn-dark {background: #343a40; border-color: #343a40; color: #fff}
.btn.btn-dark:hover, .btn.btn-dark:focus {background: transparent; color: #343a40}

.btn.btn-light-gray {background: #dbdbdb; border-color: #dbdbdb; color: #232323}
.btn.btn-light-gray:hover, .btn.btn-light-gray:focus {background: transparent; border-color: #dbdbdb; color: #dbdbdb}
.btn.btn-deep-pink {background: #ff214f; border-color: #ff214f; color: #ffffff}
.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {background: transparent; border-color: #ff214f; color: #ff214f}

/* button transparent */
.btn.btn-transparent-white {background: transparent; border-color: #ffffff; color: #ffffff}
.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {background: #ffffff; border-color: #ffffff; color: #232323}
.btn.btn-transparent-black {background: transparent; border-color: #000000; color: #000000}
.btn.btn-transparent-black:hover, .btn.btn-transparent-black:focus {background: #000000; border-color: #000000; color: #ffffff}
.btn.btn-transparent-dark-gray {background: transparent; border-color: #232323; color: #232323}
.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus {background: #232323; border-color: #232323; color: #ffffff}
.btn.btn-transparent-light-gray {background: transparent; border-color: #dbdbdb; color: #dbdbdb}
.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus {background: #dbdbdb; border-color: #dbdbdb; color: #232323}
.btn.btn-transparent-deep-pink {background: transparent; border-color: #ff214f; color: #ff214f}
.btn.btn-transparent-deep-pink:hover, .btn.btn-transparent-deep-pink:focus {background: #ff214f; border-color: #ff214f; color: #fff}

/* button rounded */
.btn.btn-rounded {border-radius: 50px}
.btn.btn-rounded.btn-very-small {padding: 2px 23px 1px;}
.btn.btn-rounded.btn-small {padding: 5px 29px;}
.btn.btn-rounded.btn-medium {padding: 6px 32px;}
.btn.btn-rounded.btn-large {padding: 9px 38px;}
.btn.btn-rounded.btn-extra-large {padding: 12px 45px 13px;}



/* image button */
.image-button {width: 100%; background: rgba(0,0,0,0.80); padding: 26px; font-family: "Roboto", sans-serif; font-size: 16px;}
.image-button:hover {background: rgba(0,0,0,0.5);}

.tag-cloud a {font-size: 10px; padding: 3px 8px; border: 1px solid #d9d9d9; margin: 0 8px 8px 0; display: inline-block; text-transform: uppercase; color: #232323; line-height: 18px;}
.tag-cloud a:hover{ background: #232323; color: #fff !important; border: 1px solid #232323;}

/* dropdown style 1 */
.dropdown-style-1 .btn {color: #fff; font-size: 11px; padding: 0; margin: 0; background: transparent; border: none; font-weight:normal}
.dropdown-style-1 .btn:hover, .custom-dropdown btn:focus {color: var(--theme-color);}
.dropdown-style-1 .dropdown-menu {margin-top: 2px; min-width: 130px; border-radius:0; border: none; z-index: 444; right: 0; left:auto;}
.dropdown-style-1 .dropdown-menu > li > a {padding: 6px 15px; font-size: 12px}
.dropdown-style-1 .dropdown-menu > li > a:hover,.dropdown-style-1 .dropdown-menu > li > a:focus {background: #ededed}


/* ===================================
    BLOG POSTS
====================================== */


#blogposts  .blog-post * {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s;}
#blogposts  .blog-post .author img {width: 25px;}
#blogposts  .blog-post .blog-post-images a {display: block;}
#blogposts  .blog-post .blog-post-images .blog-hover-icon {position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; text-align: center; opacity: 0;}
#blogposts  .blog-post:hover .blog-post-images .blog-hover-icon {opacity: 1}
#blogposts  .blog-post .blog-post-images .blog-hover-icon span {top: 35%; position: relative; font-size: 48px; color: #fff; opacity: 0}
#blogposts  .blog-post:hover .blog-post-images .blog-hover-icon span {top: 40%; opacity: 1;}

#blogposts .blog-post-images img{ max-height: 200px;}

.inner-match-height{position: relative; height: 100%;}

.home-blogpost-title { min-height: 3.5em;}




/* ===================================
    PORTFOLIO ITEMS
====================================== */

.portfolio-grid .card {opacity: 1;overflow: hidden;}

.portfolio-grid .portfolio-caption{
    background-color:var(--theme-color); opacity: 0;bottom:0; left:0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center; }
    
.portfolio-grid .portfolio-hover-main { bottom:-15px; left:0; /*opacity: 0;*/ position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center; /*background-color:#232323;*/}
.portfolio-grid .portfolio-hover-content { bottom: -15px;transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;
}
.portfolio-grid .card:hover .portfolio-hover-content { bottom:0px; opacity: 1; }

.portfolio-grid .card:hover .portfolio-caption {
    opacity: 0.85;
}
.portfolio-img { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;}
.portfolio-grid .card:hover .portfolio-img {
    transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);
}



#portfolio .card-columns .portfolio-hover-main {
    transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;
    display: table;
    height: 100%;
    top: 0;
    width: 100%;
}
#portfolio .card-columns .portfolio-hover-box {
    display: table-cell;
    height: 100%;
}


/* ===================================
    BAND
====================================== */


.swiper-slide.band-item { width: 250px; max-width: 250px; height: 100px; text-align: center; justify-content: center; align-items: center; display: flex; padding: 20px 35px; border: 1px solid #aaa; margin-left:-1px;}
.swiper-slide.band-item img { max-height:100%;}
#band .swiper-wrapper {
  -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; 
}

.swiper-band { background-color: #eee;}
.swiper-band-2 { margin-left: -125px; margin-top:-1px;}



/* Menus
-------- */

.menu-h ul.menu-v { display: none; position: absolute;list-style: none;
    
    top: 100%;
    left: 0;
    z-index: 98;
    animation-duration: 0.5s;
    float: left;
    min-width: 10rem;
    padding: 1rem 0;
    font-size: 1rem;
    text-align: left;
    background-color: #ffffff;
    background-clip: padding-box;
    box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
}

.blog-pages-menu ul.menu-v { list-style: none; padding-left:0px; }
.blog-pages-menu ul.menu-v li { background-color:#fff;  /*margin-bottom:2px;*/ }
.blog-pages-menu li a {padding:15px 40px 15px 15px; margin-bottom:2px;background-color:#f7f7f7}
.blog-pages-menu li ul li a { padding: 15px 0 15px 30px;}
.blog-pages-menu li ul li ul a { padding: 15px 0 15px 40px;}
.blog-pages-menu ul.menu-v li a:hover { background-color: #ededed;}
.blog-pages-menu  ul.menu-v li span.blog-menu-toggle { display: none;}
.blog-pages-menu  ul.menu-v li.collapsible > span.blog-menu-toggle { position: absolute; right:15px; padding: 15px 15px 15px 15px; display: inline-block; cursor: pointer;}
.blog-pages-menu .menu-v ul.menu-v { display: none; list-style: none; }

header.top-fixed-header { position: fixed; top: 0px;}

.menu-h ul.menu-v li { padding: 10px 20px; line-height: normal;width: -moz-max-content; width:max-content; min-width: 100%;}

ul.menu-h.dropdown ul.menu-v li a, ul.menu-h li a { padding-left: 20px;}
ul.menu-h.dropdown ul.menu-v li a:hover, ul.menu-h li a:hover {/* color: var(--theme-color); */}
ul.menu-h.dropdown ul.menu-v li i.icon16 { margin-left:-20px; margin-right:4px; }
ul.menu-h.dropdown ul.menu-v li ul.menu-v { top: -1px; left: 100%; margin-left: 0; }
ul.menu-h.dropdown li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown.disabled li:hover ul.menu-v { display: none !important; }
ul.menu-h.dropdown li:hover ul.menu-v ul.menu-v { display: none; top: -1px; }  /* level 2*/
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v { display: block;  margin-top: -1em;}
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v ul.menu-v { display: none; top: -1px; } /* level 3 */
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v ul.menu-v { display: none; top: -1px; } /* level 4 */
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v ul.menu-v { display: none; top: -1px; } /* level 5; add more levels in a similar way if needed */
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown li .inner { display: none; width: 400px; position: absolute; left: -3px; z-index: 13012; background: #fff; }
ul.menu-h.dropdown li .inner.shadowed { background: #fff; border: 1px solid #ccc; padding: 0; margin-left: 0; -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.3); box-shadow: 0px 5px 20px rgba(0,0,0,0.3); margin-top: 0; }
ul.menu-h.dropdown li:hover .inner { top: 100%; display: block; }
ul.menu-h.dropdown li:hover .inner a:hover { color: rgba(255,255,255,0.6); }






/* ===================================
    FOOTER
====================================== */

/* latest post */
.latest-post { list-style: none; padding: 0; margin: 0;}
.latest-post li {display: table; padding:15px 0;}
aside .latest-post li {padding:10px 0;}
.latest-post li:first-child {padding-top: 0}
.latest-post li:last-child {border-bottom:none}
.latest-post li figure {height:33px; width: 60px; float: left}
.latest-post li figure, footer .latest-post li div {display: table-cell; vertical-align: top}
aside .latest-post li figure {width: 75px;}
.latest-post li div {/*line-height: normal;*/ padding-left: 13px; position: relative; top: -1px;}
.latest-post li figure:hover img, .latest-post li figure:focus img {transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;} 

#footer { margin-top:auto; justify-self:end;}

img.footer-logo { max-height: 45px;}

/* newsletter */
.newsletter input {float: left; font-size: 12px; color: #fff; width: 100%; height: 100%; padding: 0 38px 0 12px}
.newsletter .btn.btn-arrow-small {background: transparent none repeat scroll 0 0; margin-right: 0; height: 100%; padding-top: 0;  padding-bottom: 5px; text-align: center; right: 0; border-width: 0 0 0 1px}
.newsletter .btn.btn-arrow-small i {color: #d7d7d7; font-size: 18px; display: block; margin-top: 6px;}
.newsletter {width: 100%; height: 33px}

.newsletter .btn.border-color-white {border-color:#fff}
.newsletter .btn.border-color-black {border-color:#000}
.newsletter .btn.border-color-extra-dark-gray {border-color:#232323}
.newsletter .btn.border-color-medium-dark-gray {border-color:#363636}
.newsletter .btn.border-color-dark-gray {border-color:#939393}
.newsletter .btn.border-color-extra-medium-gray {border-color:#dbdbdb}
.newsletter .btn.border-color-medium-gray {border-color:#e4e4e4}
.newsletter .btn.border-color-extra-light-gray {border-color:#ededed}
.newsletter .btn.border-color-light-gray {border-color:#f5f5f5}
.newsletter .btn.border-color-light-pink {border-color:#862237}
.newsletter .btn.border-color-deep-pink {border-color:#ff214f}
.newsletter .btn.border-color-transparent-pink {border-color: rgba(255, 33, 79, 0.45);}

.modal-backdrop { z-index: auto;}
.cursor-pointer { cursor: pointer;}


/* =====================================
              PROFILE
========================================= */

ul.auth { list-style: none;}
ul.auth li { display: inline-block;}

#profile .wa-field, #login .wa-field, #signup .wa-field, #forgotpassword .wa-field { clear: left; width: 100%; margin-top:20px; display: flex; align-items: baseline;}
#profile .wa-name, #profile .wa-value, #login .wa-name, #login .wa-value, #signup .wa-name, #signup .wa-value, #forgotpassword .wa-name, #forgotpassword .wa-value { display: inline-table; font-weight: 500; margin-right: 0; margin-left: 0; box-sizing: border-box; }
#profile .wa-value p, #login .wa-value p, #signup .wa-value p, #forgotpassword .wa-value p { width: 100%;}
#profile .wa-name, #login .wa-name, #signup .wa-name, #forgotpassword .wa-name {  padding-right: 30px; max-width: 20%; min-width: 150px; }
#profile .wa-value, #login .wa-value, #signup .wa-value, #forgotpassword .wa-value { text-align: left; max-width: 80%; width: 80%; }
#signup .wa-name {  max-width: 30%; min-width: 200px; }
#signup .wa-value { max-width: 70%; width: 70%; }

.wa-auth-adapters ul { list-style: none; margin-left: 0px ;padding:0;}
.wa-auth-adapters li { margin-top:0.5em; display: inline-block;margin-right: 1rem;}
.wa-auth-adapters li img { margin-right:0.5em; }


.wa-signup-form a { text-decoration: underline;}

input[type=checkbox], input[type=radio] { width: auto;}

#signup section, #login section, #forgotpassword section { padding: 0}
#forgotpassword .wa-field.wa-field-login { display: flex;align-items: start;}
.wa-forgotpassword-form-wrapper input[type="text"] { display: block; clear: both;}
#forgotpassword .wa-name  { padding-top: 8px;}
#signup .wa-signup-form-wrapper .wa-field .wa-name, #login .wa-login-form-wrapper .wa-field .wa-name, #forgotpassword .wa-forgotpassword-form-wrapper .wa-field .wa-name { font-size: 1em;}
#forgotpassword  input, #signup .wa-value input, #login .wa-value input, #signup .wa-value select, #signup .wa-value textarea, #profile .wa-value input, #profile .wa-value textarea, #profile .wa-value select {  border-color: #343a40 !important; margin: 0 !important;  outline: none; }
#forgotpassword  input, #signup .wa-value input:not([type=checkbox]), #login .wa-value input, #signup .wa-value select, #signup .wa-value textarea { width: 100%;padding: .5rem !important; -webkit-appearance: none;}
#profile .wa-value input:not([type=checkbox]), #profile .wa-value textarea, #profile .wa-value select { padding: .5rem !important; -webkit-appearance: none;}
#login .wa-login-forgotpassword-url { display: block; clear: both;}
#forgotpassword .wa-forgotpassword-button { margin-top: 20px;}

#profile .wa-value p, #login .wa-value p, #signup .wa-value p, #forgotpassword .wa-value p { margin-bottom: 0}
#profile .wa-value input[type=checkbox], #profile .wa-value input[type=file] { width:auto;}
#profile .wa-value input[type=file] { border:0px none; padding:0 !important}
#profile .wa-field-photo span a { margin-left: 10px;}

#signup .wa-field.wa-field-email .wa-name { align-self: end;}


/* =====================================
              SIZES
========================================= */


/* XS */
.size-08x { font-size:0.8em;}
.size-1x { font-size:1em;}
.size-12x { font-size:1.2em;}
.size-15x { font-size:1.5em;}
.size-175x { font-size:1.75em;}
.size-25x { font-size:2.5em;}
.container { max-width: 560px;}
p { line-height: 1.4;}
#navbar-menu { position: absolute; width:100%; background: #fff;  left: 0px; }
#navbar-menu li { padding:0.5em 0px; }
#navbar-menu li:not(:last-child) { border-bottom: 1px #696969 solid; }
.navbar-toggle {    color: #fff;background: transparent;border: 0px none;font-size: 2em;outline: none;}
.navbar-toggle:focus { outline: none;}
.card-columns { column-count: 1;}
#profile .wa-name, #login .wa-name, #signup .wa-name { text-align: left;}
.swiper-button-prev, .swiper-button-next, .features-swiper-button-prev, .features-swiper-button-next  { background-size: 50%;}

.padding-0px { padding: 0px !important;}
.padding-20px { padding: 20px !important;}
.padding-40px { padding: 40px !important;}
.padding-50px { padding: 50px !important;}
.padding-80px { padding: 80px !important;}
.padding-100px { padding: 100px !important;}

.mt-50px {     margin-top: 50px;}
.mt-70px {     margin-top: 70px;}
.mt-100px {     margin-top: 100px;}

.pro-position-static { position: static;}
.pro-position-fixed { position: fixed;}

.width-100px { width:100px;}

.width-40 { width: 40% !important; }
.width-50 { width: 50% !important; }
.width-60 { width: 60% !important; }
.width-70 { width: 70% !important; }
.width-80 { width: 80% !important; }

.left-nav-sidebar { padding-left:0px;}
nav.navbar.navbar-expand-lg { padding: 0px ;}
#blog-stream-header {
	min-height: 170px;
}

/* SM */
@media (min-width: 576px) {
    .container { max-width: 740px;}
    .size-1x-sm { font-size:1em;}
    .size-15x-sm { font-size:1.5em;}
    .size-2x-sm { font-size:2em;}
    .size-25x-sm { font-size:2.5em;}
    .size-3x-sm { font-size:3em;}
    .size-4x-sm { font-size:4em;}
    .size-5x-sm { font-size:5em;}
    
    .card-columns { column-count: 2;}
    #profile .wa-name  {/* text-align: right;*/}
    
    .width-40-sm { width: 40% !important; }
    .width-50-sm { width: 50% !important; }
    .width-60-sm { width: 60% !important; }
    .width-70-sm { width: 70% !important; }
    .width-80-sm { width: 80% !important; }
    
    .padding-0px-sm { padding: 0px !important;}
    .padding-20px-sm { padding: 20px !important;}
    .padding-40px-sm { padding: 40px !important;}
    .padding-50px-sm { padding: 50px !important;}
    .padding-80px-sm { padding: 80px !important;}
    .padding-100px-sm { padding: 100px !important;}

    .mt-50px-sm { margin-top: 50px;}
    .mt-70px-sm { margin-top: 70px;}
    .mt-100px-sm { margin-top: 100px;}
    
    .border-sm-right { border-right: 1px solid #dee2e6 !important;}
}

/* MD */
@media (min-width: 768px) {
    .size-08x-md { font-size:0.8em;}
    .size-1x-md { font-size:1em;}
    .size-15x-md { font-size:1.5em;}
    .size-2x-md { font-size:2em;}
    .size-25x-md { font-size:2.5em;}
    .size-3x-md { font-size:3em;}
    .size-4x-md { font-size:4em;}
    .size-5x-md { font-size:5em;}
    
    nav.navbar.navbar-expand-lg { padding: 0px 20px;}
    
    p { line-height: 1.5;}
    .card-columns { column-count: 3;}
    .swiper-button-prev, .swiper-button-next, .features-swiper-button-prev, .features-swiper-button-next  { background-size: 100%;}
    .width-40-md { width: 40% !important; }
    .width-50-md { width: 50% !important; }
    .width-60-md { width: 60% !important; }
    .width-70-md { width: 70% !important; }
    .width-80-md { width: 80% !important; }
    
    .padding-0px-md { padding: 0px !important;}
    .padding-20px-md { padding: 20px !important;}
    .padding-40px-md { padding: 40px !important;}
    .padding-50px-md { padding: 50px !important;}
    .padding-80px-md { padding: 80px !important;}
    .padding-100px-md { padding: 100px !important;}
    
    .mt-50px-md { margin-top: 50px;}
    .mt-70px-md { margin-top: 70px;}
    .mt-100px-md { margin-top: 100px;}
    
    .left-nav-sidebar { padding-left:90px;}
    
    
    .carousel-caption { padding-left: 5%;
    
      }
    section { padding: 130px 0;}
    #profile .wa-name, #login .wa-name, #signup .wa-name, #forgotpassword .wa-name { min-width: 200px; }

}


/* LG */
@media (min-width: 992px) {
    .size-08x-lg { font-size:0.8em;}
    .size-1x-lg { font-size:1em;}
    .size-12x-lg { font-size:1.2em;}
    .size-15x-lg { font-size:1.5em;}
    .size-18x-lg { font-size:1.8em;}
    .size-2x-lg { font-size:2em;}
    .size-25x-lg { font-size:2.5em;}
    .size-3x-lg { font-size:3em;}
    .size-4x-lg { font-size:4em;}
    .size-5x-lg { font-size:5em;}
    
    p { line-height: 1.5;}
    #navbar-menu { position: static; width:auto;  top:auto; left: auto;}
    .card-columns { column-count: 4;}
    .width-40-lg { width: 40% !important; }
    .width-50-lg { width: 50% !important; }
    .width-60-lg { width: 60% !important; }
    .width-70-lg { width: 70% !important; }
    .width-80-lg { width: 80% !important; }
    
    .padding-0px-lg { padding: 0px !important;}
    .padding-20px-lg { padding: 20px !important;}
    .padding-40px-lg { padding: 40px !important;}
    .padding-50px-lg { padding: 50px !important;}
    .padding-80px-lg { padding: 80px !important;}
    .padding-100px-lg { padding: 100px !important;}
    
    .mt-50px-lg { margin-top: 50px;}
    .mt-70px-lg { margin-top: 70px;}
    .mt-100px-lg { margin-top: 100px;}

    .carousel-caption-container { padding-right: 25%;}
    .carousel-caption { padding-left: 0px;}
    
    nav.navbar.navbar-expand-lg { padding: 0px 0px!important;}
    .pages-menu { width: 300px; }
    .div-sub-menu{left:390px;width:300px;}
    div.div-sub-menu>ul.ul-menu-centered-cell>li.hover-li>div.div-sub-menu{left:690px;}
    .open-menu{left:90px;}
    .swiper-slide.band-item { width: 300px; max-width: 300px; height: 150px; padding: 25px 50px;}
    .swiper-band-2 { margin-left: -150px;}
}

/* XL */
@media (min-width: 1200px) {
    .size-1x-xl { font-size:1em;}
    .size-2x-xl { font-size:2em;}
    .size-25x-xl { font-size:2.5em;}
    .size-3x-xl { font-size:3em;}
    .size-4x-xl { font-size:4em;}
    .size-5x-xl { font-size:5em;}
    
    p { line-height: 1.7;}
    
    .width-40-xl { width: 40% !important; }
    .width-50-xl { width: 50% !important; }
    .width-60-xl { width: 60% !important; }
    .width-70-xl { width: 70% !important; }
    .width-80-xl { width: 80% !important; }
    
    .padding-0px-xl { padding: 0px !important;}
    .padding-20px-xl { padding: 20px !important;}
    .padding-40px-xl { padding: 40px !important;}
    .padding-50px-xl { padding: 50px !important;}
    .padding-80px-xl { padding: 80px !important;}
    .padding-100px-xl { padding: 100px !important;}
    
    .mt-50px-xl { margin-top: 50px;}
    .mt-70px-xl { margin-top: 70px;}
    .mt-100px-xl { margin-top: 100px;}

}
/*==============*/
/*@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}*/

@media (min-width: 768px) {
  .container {    max-width: 720px;  }
}

@media (min-width: 992px) {
  .container {    max-width: 960px;  }
}

@media (min-width: 1200px) {
  .container {    max-width: 1140px;  }
}

@media (max-width: 992px) {
    .portfolio-grid .portfolio-caption { opacity: 1; background-color: transparent!important;}
}



/* ==============================
             FONTS & COLORS 
================================= */

.font_family_google_fira, .font_family_google_fira * { font-family: 'Fira Sans', sans-serif; }
.font_family_trebuchet, .font_family_trebuchet * { font-family: "Trebuchet MS", sans-serif; }
.font_family_verdana, .font_family_verdana * { font-family: Verdana, sans-serif; }
.font_family_georgia, .font_family_georgia * { font-family: Georgia, Times, serif; }
.font_family_google_opensans, .font_family_google_opensans * { font-family: 'Open Sans', sans-serif; }
.font_family_google_ptsans, .font_family_google_ptsans * { font-family: 'PT Sans', sans-serif; }
.font_family_google_ptserif, .font_family_google_ptserif * { font-family: 'PT Serif', sans-serif; }
.font_family_google_roboto, .font_family_google_roboto * { font-family: 'Roboto', sans-serif; }
.font_family_google_lora, .font_family_google_lora * { font-family: 'Lora', sans-serif; }
.font_family_google_ubuntu, .font_family_google_ubuntu * { font-family: 'Ubuntu', sans-serif; }
.font_family_google_montserrat, .font_family_google_montserrat * { font-family: 'Montserrat', sans-serif; }

html, html body { font-size: 14px; }
html.font_size_12, html.font_size_12 body { font-size: 12px; }
html.font_size_13, html.font_size_13 body { font-size: 13px; }
html.font_size_14, html.font_size_14 body { font-size: 14px; }
html.font_size_15, html.font_size_15 body { font-size: 15px; }
html.font_size_16, html.font_size_16 body { font-size: 16px; }



.h-color-1 { color: #232323;}
.h-color-2, ul.h-color-2 a, div.h-color-2 a { color: #ffffff;}
.text-color-1 { color: #636363;}
.text-color-2 { color: #d7d7d7;}
footer .wa-captcha-refresh, footer .wa-captcha-refresh:visited { color: #d7d7d7;}
.text-colored { color: var(--theme-color);}
.border-text-colored { border-color: var(--theme-color);}
.bg-text-colored { background-color: var(--theme-color);}
.link-color { color: #636363;}
a.link-color:hover { color: var(--theme-color);}
.link-color-2, .link-color-2 a, .link-color-2:visited, .link-color-2 a:visited { color: #d7d7d7;}
a.link-color-2:hover, .link-color-2 a:hover, footer .wa-captcha-refresh:hover { color: var(--theme-color);}
.slider-color { color:#ffffff;}
.pro-bg-dark { background-color:#343a40;}
.pro-bg-white { background-color:#ffffff;}
.pro-bg-transparent, .pro-bg-transparent.blog-panel-bg { background-color: transparent;}
.pro-color-white { color:#ffffff;}
.bg-extra-dark-gray { background-color: #1c1c1c;}
.wa-error { box-shadow: 0px 0px 7px red;}
.wa-error-msg { color: red; }
.wa-captcha-input { max-width: 100px; border-color: #636363;}
.wa-captcha p, .wa-captcha-img , .wa-captcha-input { margin-bottom:0;}

header.pro-bg-white .right-panel a:link, header.pro-bg-white .right-panel a:visited, header.pro-bg-white .right-panel .header-searchbar { color: #232323;}
header.pro-bg-white .right-panel .cmn-toggle-switch span { background-color: #232323;}
header.pro-bg-white .right-panel .cmn-toggle-switch span::after, header.pro-bg-white .right-panel .cmn-toggle-switch span::before { background-color: #232323;}
header.pro-bg-white .right-panel .cmn-toggle-switch.cmn-toggle-switch__htx.active span { background-color: transparent;}


header.pro-bg-transparent .right-panel a, header.pro-bg-transparent .right-panel .header-searchbar { color: #ffffff;}
header.pro-bg-transparent .right-panel .cmn-toggle-switch span { background-color: #ffffff;}
header.pro-bg-transparent .right-panel .cmn-toggle-switch span::after, header.pro-bg-transparent .right-panel .cmn-toggle-switch span::before { background-color: #ffffff;}
header.pro-bg-transparent .right-panel .cmn-toggle-switch.cmn-toggle-switch__htx.active span { background-color: transparent;}

input, textarea, input:focus, textarea:focus { color:#636363;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #636363; text-overflow: ellipsis;   opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #636363; text-overflow: ellipsis;   opacity:1;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #636363; text-overflow: ellipsis;   opacity:1;}

footer input::-webkit-input-placeholder { color: #d7d7d7; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
footer input::-moz-placeholder { color: #d7d7d7; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;} 
footer input:-ms-input-placeholder { color: #d7d7d7; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
footer .newsletter input, footer .newsletter input:focus { color: #d7d7d7; letter-spacing: normal; }





.btn.btn-color:hover, .btn.btn-color:focus {
    background: transparent;
    color: #232323;
}
.btn.btn-white-bg:hover, .btn.btn-white-bg:focus { background: #fff; }
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn.btn-color {
    background: #232323;
    border-color: #232323;
    color: #fff;
}

.font-1 { font-family: 'Fira Sans';}
.font-2 { font-family: 'Montserrat';  }



.map-over { top:3rem; left:3rem;}