:root {
  --theme-color: #fb8122;
  --black: #1d2228;
  --light-gray: #e1e2e2;
  --theme-color-dark: #994b0f;
  --gray: #636363;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: var(--black);
    font-weight: 400;
    line-height: 24px;
}

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


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


.text-black, .text-dark { color:var(--black);}
.text-white, .text-light { color:#f8f9fa}

.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: var(--black);}
.pro-text-white { color: #ffffff;}*/
.border-gray { border-color: var(--gray) !important;}
.border-light-gray { border-color: var(--gray) !important;}



header.sticky-top { /*height:40px;*/}

.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:95vh;}

.top-0 { top:0px;}
.slider-header { font-size: 1.5em; animation-delay: .3s;}
.slider-caption { animation-delay: .6s;}
.slider-button { animation-delay: .9s;}
/*.slider-button .btn.btn-small { padding:10px 30px;}*/

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

.carousel-caption-container { height: 95vh;}

#reviews .swiper-pagination-bullet-active {border:1px solid var(--black);}
#reviews .swiper-slide img { max-height: 150px; width: auto; height: auto;}
#reviews .reviews-navigation { height:70px; cursor: default; }
#reviews .reviews-navigation .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231d2228'%2F%3E%3C%2Fsvg%3E"); background-position-x: calc(50% + 1px);}
#reviews .reviews-navigation .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231d2228'%2F%3E%3C%2Fsvg%3E"); left:-140px; background-position-x: calc(50% - 1px);}
#reviews .swiper-button-prev, #reviews .swiper-button-next {
  background-size: 25%;
  background-color: var(--white);
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
}

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

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


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

.bg-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:var(--black);}
.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-black, .bg-dark { background-color:var(--black);}

.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(29, 34, 40, 0.85); }
.bg-black-opacity-light { background-color: rgba(29, 34, 40, 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:7px;}
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:7px;}
.form-control:focus, input:focus, textarea:focus {   border-color: #585858;  box-shadow: inset 0px 0px 1px 0px var(--theme-color); }
.search-btn:focus { box-shadow: none;}

.h-100vh { height:100vh;}


/** ================================
 * Кнопка переключения панели
 * тег <label>
 */ ================================


.nav {   /*  ширна произвольная, не стесняйтесь экспериментировать */
    width: 320px;   min-width: 320px;   /* фиксируем и выставляем высоту панели на максимум */
    height: 100%;   position: fixed;   top: 0;   bottom: 0;   margin: 0;   /* сдвигаем (прячем) панель относительно правого края страницы */
    right: -320px;   /* внутренние отступы */
    padding: 15px 20px;   /* плавный переход смещения панели */
    -webkit-transition: right 0.3s;   -moz-transition: right 0.3s;   transition: right 0.3s;   /* поверх других элементов */
    z-index: 2000; }


.nav{min-width:200px;height:100%;position:fixed;top:0;bottom:0;margin:0;right:-320px;padding:5rem 3rem;-webkit-transition:right 0.3s;-moz-transition:right 0.3s;transition:right 0.3s;background:var(--black);z-index:2000;}
.nav hr { border-top: 1px solid var(--light-gray);}
.nav-toggle{position:fixed;right:0;top:10px;padding: 35px;background:none;color:white;cursor:pointer;font-size: 4rem;line-height:0;z-index:2001;-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;transition:color .25s ease-in-out;}
.nav-toggle:after{content:'\2261';text-decoration:none;}
[id='nav-toggle']:checked ~ label.nav-toggle:after{content:'\00D7'; font-size:5rem; margin-right: 7px;}
[id='nav-toggle']:checked ~ label.nav-toggle{position: fixed;}
body{position:relative;}
.nav-toggle:hover{color:#f4f4f4;}
[id='nav-toggle']{position:absolute;display:none;}
[id='nav-toggle']:checked ~ .nav > .nav-toggle{left:auto;right:2px;top:1em;}
[id='nav-toggle']:checked ~ .nav{right:0;box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);-moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);-webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);overflow-y:auto;}
[id='nav-toggle']:checked ~ main > article{-webkit-transform:translateX(-320px);-moz-transform:translateX(-320px);transform:translateX(-320px);}
.nav-toggle.round { width: 40px;  height: 40px;  display: flex;  justify-content: center;  align-items: center;   padding: 10px;  box-sizing: content-box;  border-radius: 50%;  background-color: var(--black); top: 10px;  margin: 5px 30px; border-radius: 50%;}
.nav-toggle.round::after { font-size: 3rem;}

.static_fon { background-color:#999999;}
.display-block { display:block;}

@-webkit-keyframes bugfix{to{padding:0;} }
@media screen and (min-width:320px){
    html,body{margin:0;overflow-x:hidden;} 
    .nav{width:320px;}
}
@media screen and (max-width:320px){
    html,body{margin:0;overflow-x:hidden;}
    .nav{width:50%;box-shadow:none} 
}
.nav h2{width:90%;padding:0;margin:10px 0;text-align:center;text-shadow:rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;font-size:1.3em;line-height:1.3em;opacity:0;transform:scale(0.1, 0.1);-ms-transform:scale(0.1, 0.1);-moz-transform:scale(0.1, 0.1);-webkit-transform:scale(0.1, 0.1);transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transition:opacity 0.8s, transform 0.8s;-ms-transition:opacity 0.8s, -ms-transform 0.8s;-moz-transition:opacity 0.8s, -moz-transform 0.8s;-webkit-transition:opacity 0.8s, -webkit-transform 0.8s;}
.nav h2 a{color:#dadada;text-decoration:none;text-transform:uppercase;}
[id='nav-toggle']:checked ~ .nav h2{opacity:1;transform:scale(1, 1);-ms-transform:scale(1, 1);-moz-transform:scale(1, 1);-webkit-transform:scale(1, 1);}
.nav > ul{display:block;margin:0;padding:0;list-style:none;width:100%;}
.nav ul { list-style: none;}
.nav ul ul {
  padding-left: 25px;
}
.nav li{line-height:2.5;}
[id='nav-toggle']:checked ~ .nav > ul > li{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.nav li > a{display:inline-block;position:relative;padding:0;font-family:'Open Sans', sans-serif;font-weight:300;font-size:1.2em;width:100%;text-decoration:none;-webkit-transition:color .5s ease, padding .5s ease;-moz-transition:color .5s ease, padding .5s ease;transition:color .5s ease, padding .5s ease;}
.nav li > a:before{content:'';display:block;position:absolute;right:0;bottom:0;height:1px;width:100%;-webkit-transition:width 0s ease;transition:width 0s ease;}
.nav li > a:after{content:'';display:block;position:absolute;left:0;bottom:0;height:1px;width:100%;-webkit-transition:width .5s ease;transition:width .5s ease;}
/* определяем интервалы появления пунктов меню */
.nav  li:nth-child(2) {   -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;   transition: opacity .5s .2s, transform .5s .2s; }
.nav li:nth-child(3) {   -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;   transition: opacity .5s .3s, transform .5s .3s; }
.nav li:nth-child(4) {   -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;   transition: opacity .5s .4s, transform .5s .4s; }
.nav li:nth-child(5) {   -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;   transition: opacity .5s .5s, transform .5s .5s; }
.nav li:nth-child(6) {   -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;   transition: opacity .5s .6s, transform .5s .6s; }
.nav li:nth-child(7) {   -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;   transition: opacity .5s .7s, transform .5s .7s; }
/**
 * оформление ссылок пунктов меню
 */
.nav li > a {   display: inline-block;   position: relative;   padding: 0;   font-family: 'Open Sans', sans-serif;   font-weight: 300;   font-size: 1.2em;   width: 100%;   text-decoration: none;   /* плавный переход */
    -webkit-transition: color .5s ease, padding .5s ease;   -moz-transition: color .5s ease, padding .5s ease;   transition: color .5s ease, padding .5s ease; }
.text-underline{text-decoration:underline;}


/* ===================================
    Main screen
====================================== */

.main-image { background-repeat: no-repeat; background-size: cover; position: relative;}
.main-image-shadow { position: absolute; width: 100%; height: 100%; background-color: var(--black); opacity:0.6;}



/* ===================================
    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-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 { position: relative; top: -1px;}
.header-social-icon a:last-child i { margin-right: 0;}
.search-icon {padding-right: 10px;}
.search-close-button { position: absolute; top: 10px; right: 15px;}
ul.contact-info li {
    display: inline-block; padding:0;
}

/* 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 nav.navbar {border-radius: 0; padding: 0; }
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 {/*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 > .fas { 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; }

header .phone.with_dropdown {
	
	position: relative;
	/*background-color: #fff;*/
}
header .phone>div {
	padding: 5px 7px 0px 7px;
}
header .phone ul {
	padding: 5px 7px;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: left;
	
}
header .phone.with_dropdown ul {
	display: none;
}

header .phone.with_dropdown:hover ul {
	display: block;
	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;
}


/* 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 5px;}
.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;}

/* 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}



/* 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.navbar-default ul.nav > li > a {/*padding:26px 0;*/ background: transparent; border-color: transparent; font-weight: 600}
nav.navbar.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.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {border-bottom: 0; border-bottom: 0;}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover  {color: #fff; background:  transparent; left: 5px; }
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a { color: #fff;}
nav.navbar.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.navbar-default ul li.dropdown li.dropdown > a::after { content: "\203A"; float: right;}




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%}

/* ===================================
    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;}
.breadcrumb ul > li:after, .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:last-child:after, .credentials ul > li:last-child:after {border-right: 0; content: ""; padding: 0}


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


.logo.navbar-brand img  { max-height: 60px;}

/* 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: 70px 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;
}
.flex-1 { flex:1;}

.hr-50px { width: 50px; height: 2px; background-color: var(--theme-color);}

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: rgb(147, 147, 147);
}
.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 var(--black);
}
: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;
}

.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); display: flex; align-items: center;}
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);}

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

ul.marker-colored li:before { color: var(--theme-color);}



/* pagination */
.pagination {border-radius: 0; padding: 0; margin: 0}
.pagination ul { display: inline-block; display: inline; 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;
}

#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; }

.white-space-normal { white-space: normal;}
.line-height-1 { line-height: 1em;}

.services-icon { width:90px; min-width:90px}
.services-item-header { padding-left: 22px;}
.rounded { border-radius: 7px !important;}
.card { border-radius: 7px;}
.card-header:first-child { border-radius: 7px 7px 0 0;}

.wait { cursor:wait; }


/* ===================================
    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: 50% 0 !important;}




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


/* ===================================
    Button
====================================== */

.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; transition-timing-function: ease-in-out}

.btn:focus, .btn:active { border: 0px transparent;}

/* 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-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-theme-color { background: var(--theme-color); color:var(--light); position: relative;}
.btn.btn-theme-color::after { 	content: ""; position: absolute;width: 100%;height: 100%;top: 0;left:0;background-color: #fff; opacity:0.1; display:none;}
.btn.btn-theme-color:hover::after { display: block; border-radius: 7px; border: 0px transparent;}
.btn.btn-shadow { box-shadow: 0 4px 0px -2px var(--theme-color-dark); border-radius: 7px;}

/*.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: var(--theme-color); border-color: var(--theme-color); color: #ffffff}
.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {background: transparent; border-color: var(--theme-color); color: var(--theme-color)}*/

/* 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: var(--theme-color); color: var(--theme-color)}
.btn.btn-transparent-deep-pink:hover, .btn.btn-transparent-deep-pink:focus {background: var(--theme-color); border-color: var(--theme-color); color: #fff}
.btn.search-btn { height: 32px;border-top-right-radius: 7px;  border-bottom-right-radius: 7px;}
.btn.search-btn svg.svg-inline--fa{ vertical-align: 0;}
#search-page .search-btn { height: 33px;}
.site-search input{ border-top-left-radius: 7px;  border-bottom-left-radius: 7px;}


/* 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}



/* ===================================
    WHY WE
====================================== */

.whywe-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 20px; position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; overflow: hidden;border-radius: 7px;}
.ratio-inner { padding-top: 100%;}
.grid-column-span-2 {grid-column: span 2}
.grid-row-span-2 {grid-row: span 2}


/* ===================================
    CONTACTFORM
====================================== */

.contactform-container { z-index:1030; width: 100vw; height: 100vh; display: flex;align-items: center;justify-content: center;}
.contactform-wrapper { width: calc(100% - 20px);}
.shadow { background-color: rgba(0,0,0,0.5);}
.close-x { right: 40px; top: 15px; cursor: pointer;}


/* ===================================
    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:rgba(29, 34, 40, 0.5); 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: 5rem; padding:5px; z-index: 1; text-align: center; display: flex;align-items: center; font-size:0.8em; 
}
.portfolio-grid .portfolio-hover-main {bottom:0; 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%; z-index: 1; text-align: center; /*background-color:#232323;*/}
.portfolio-grid .card .portfolio-hover-content { bottom:0px; opacity: 1; 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;}

.portfolio-grid .portfolio-hover-content {
    bottom: 0;
}

#portfolio .card-columns .card { width: auto; display: block;margin-bottom: 20px;}
#portfolio .card-columns .portfolio-hover-main {
    transform: none;
    display: table;
    height: 100%;
    top: 0;
    width: 100%;
}
#portfolio .card-columns .portfolio-hover-box {
    display: table-cell;
    height: 100%;
}


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

section#error, div.page-container { min-height: calc(100vh - 70px); }




/* ===================================
    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;
    /*margin: .125rem 0 0;*/
    font-size: 1rem;
    color: #ffffff;
    text-align: left;
    background-color: #343a40;
    background-clip: padding-box;

}

.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 0 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; }

.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 { color:#fff;}
ul.menu-h.dropdown ul.menu-v li a:hover, ul.menu-h li a:hover { color: rgba(255,255,255,0.8); }
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); }






/* ===================================
    MAP
====================================== */
#map iframe {
  border-radius: 7px;
}


/* ===================================
    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;} 



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

/* 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: var(--gray); 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:var(--theme-color)}
.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;}
#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: 100px; }
#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: 10px 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-login-form-wrapper input { border: 0px none;}
.wa-login-form-wrapper input:hover, .wa-login-form-wrapper select:hover, .wa-login-form-wrapper textarea:hover { color: var(--gray); border-color: var(--gray) !important;}


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

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

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


/* XS */
.size-08x { font-size:0.8em;}
.size-095x { font-size: 0.95em; }
.size-1x { font-size:1em;}
.size-12x { font-size:1.2em;}
.size-15x { font-size:1.5em;}
.size-25x { font-size:2.5em;}
.size-3x { font-size:3em;}
.container { max-width: 560px;}
p { line-height: 1.4;}
/*#navbar-menu { position: absolute; width:100%; background: #343a40;  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: 2;}
#profile .wa-name, #login .wa-name, #signup .wa-name { text-align: left;}
.swiper-button-prev, .swiper-button-next  { background-size: 50%;}
.page-title-small h1 { font-size:1.5rem;}
.services-icon { width: 40px; min-width: 40px;}

/* SM */
@media (min-width: 576px) {
    .container { max-width: 740px;}
    .size-1x-sm { font-size:1em;}
    .size-2x-sm { font-size:2em;}
    .size-3x-sm { font-size:3em;}
    .size-4x-sm { font-size:4em;}
    .size-5x-sm { font-size:5em;}
    
    .card-columns { column-count: 3;}
    #profile .wa-name  {/* text-align: right;*/}
	/*header .phone>div {
		padding: 15px 20px;
	}
	header .phone ul {
	padding: 15px 20px;
	}*/
    .services-icon { width: 50px; min-width: 50px;}
	
}

/* 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-3x-md { font-size:3em;}
    .size-4x-md { font-size:4em;}
    .size-5x-md { font-size:5em;}
    .size-6x-md { font-size:6em;}
    
    p { line-height: 1.5;}
    .card-columns { column-count: 3;}
    .swiper-button-prev, .swiper-button-next  { background-size: 100%;}
	/*header .phone>div {
		padding: 15px 30px;
	}
	header .phone ul {
		padding: 15px 30px;
	}*/
	.page-title-small h1 { font-size:2rem;}
    .services-icon { width: 60px; min-width: 60px;}
    .contactform-wrapper { width: 500px;}
}

/* LG */
@media (min-width: 992px) {
    .size-08x-lg { font-size:0.8em;}
    .size-1x-lg { font-size:1em;}
    .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;}
    .size-6x-lg { font-size:6em;}
    
    p { line-height: 1.5;}
    /*#navbar-menu { position: static; width:auto;  top:auto; left: auto;}*/
    .card-columns { column-count: 4;}
    
    .social-icon a {margin: 0 15px;}
    .nav .social-icon a {margin: 0 10px;}
    .services-icon { width: 80px; min-width: 80px;}
    section { padding: 130px 0;}
    .portfolio-grid .portfolio-caption { padding:5px; height:5rem; }
    
    .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-3x-xl { font-size:3em;}
    .size-4x-xl { font-size:4em;}
    .size-5x-xl { font-size:5em;}
    
    p { line-height: 1.7;}
    .page-title-small h1 { font-size:2.5rem;}
	.services-icon { width: 90px; min-width: 90px;}
    .portfolio-grid .portfolio-caption { font-size:1em;}
    .contactform-wrapper { width: 700px;}
}
/*==============*/
/*@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;  }
}



/* ==============================
             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: var(--black);}
.text-color-2 { color: #f8f9fa;}
footer .wa-captcha-refresh, footer .wa-captcha-refresh:visited { color: var(--gray);}
.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: var(--black);}
a.link-color:hover { color: var(--theme-color);}
.link-color-2 { color: #f8f9fa;}
a.link-color-2:hover,  footer .wa-captcha-refresh:hover { color: var(--theme-color);}
.slider-color { color:#ffffff;}
/*.pro-bg-dark { background-color:#343a40;}*/
.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: var(--gray);}
.wa-captcha p, .wa-captcha-img , .wa-captcha-input { margin-bottom:0;}

input[type=text], input[type=password], textarea, input[type=text]:focus, input[type=password]:focus, textarea:focus { color: var(--gray); border-color: var(--gray) !important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--gray); text-overflow: ellipsis;   opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { color: var(--gray); text-overflow: ellipsis;   opacity:1;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--gray); text-overflow: ellipsis;   opacity:1;}

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

.hidden_1 { display:none;}



.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: 'Ubuntu'; }

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

.contactform-container {  z-index: 9999;}