:root {
  --theme-color: #aa0000;
  --black: #1d2228;
  --light-gray: #e1e2e2;
  /*--theme-color-dark: #994b0f;*/
  --gray: #636363;
  --grid-gutter: 2rem;
  --grid-maxWidthBig: 1440px;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: var(--black);
    font-weight: 400;
    line-height: 24px;
    
}

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

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;}
nav .social-icon a, nav .social-icon a:visited { color:var(--black);}
.social-icon a:hover, nav .social-icon a:hover {
    color: var(--theme-color);
}
nav .site-search .form-control { height:32px;}



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

.container-big {
  max-width: var(--grid-maxWidthBig);
  margin: 0 auto;
  width: 96%;
  padding-left: calc(var(--grid-gutter) / 2);
  padding-right: calc(var(--grid-gutter) / 2);
}



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



.searchform-container { z-index:1030; width: 100vw; height: 100vh; display: none;align-items: center;justify-content: center;}
.searchform-wrapper { max-width: 300px;}
.searchform-wrapper .form-control, .searchform-wrapper .input-group { height:32px;}

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


    -webkit-transition: color .5s ease, padding .5s ease;   -moz-transition: color .5s ease, padding .5s ease;   transition: color .5s ease, padding .5s ease; line-height: 1.3em;}
.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; font-weight: 600; letter-spacing: 0.015em;}
header nav .navbar-nav > li.dropdown > a { margin-right: 40px;}
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;
	z-index: 10;
    box-shadow: 0 15px 15px rgba(0,0,0,.05);
}
header .phone.with_dropdown ul {
	display: none;
}
header .contact-info {
  border-radius: 0px 0px 10px 10px;
}

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;
    border-bottom: 3px solid var(--theme-color);
}


/* 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: "\f054"; font-family: Font Awesome\ 6 Free; padding: 0px 5px; display: inline-block; font-weight:700;  }
nav.navbar.navbar-default ul li.dropdown li.dropdown li.dropdown > a::after { content: ""}

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

.sidebar-nav-style-1 {z-index: -1}

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

.navbar-collapse {padding-left: 0; padding-right: 0;}

nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a{color: #626262; border-color: #ededed; padding: 15px 0;}
nav.navbar.sidebar-nav .navbar-left-sidebar li a:hover, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.active > a{color: #000 }
.sidebar-nav .logo-holder, .sidenav-header .logo-holder {text-align: center; min-height: 107px;}
.sidebar-nav .footer-holder {text-align: center}
nav.navbar .toggle-button {background: #000; border: medium none; height: auto; margin: 0; padding: 0; width: auto; }
nav.navbar.sidebar-nav{border: none; display: inline-table; width: 290px; border-radius:0; position: fixed; top: 0; z-index: 10005; height: 100% !important; padding: 50px 0px 25px; left: 0}
nav .logo-holder img, .sidenav-header .logo-holder img { }

/* header center logo */
.nav-left, .nav-right, .nav-center {display: table-cell; vertical-align: middle; width: 33.33%}

.nav.navbar-left-sidebar > li > ul li a {display: block; font-weight: 500;}

/* sidebar nav style 1 */
.sidebar-wrapper {padding-left: 0; }
.header-bg { background-position-x: 0px;}
nav.navbar.sidebar-nav {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-property: left; -webkit-transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; left:-280px; width: 280px; z-index: 10005; padding: 25px 0px 25px 0px; display:inline-block;overflow-y:scroll; }

nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header { position: fixed; top: 0; left: 0; background: #fff; z-index: 1;}
nav.navbar.sidebar-nav.sidemenu-open {left:0;}
nav.navbar.bootsnav.sidebar-nav .navbar-collapse.collapse, .sidebar-part2 nav.navbar.bootsnav .navbar-collapse.collapse {display:block !important; max-height: 100%; position: relative; top: 0;}
nav.navbar.bootsnav.sidebar-nav .mobile-scroll {display: block; max-height: 80%; overflow-y: auto; position: absolute}
.sidebar-nav .logo-holder, .sidebar-nav .footer-holder, .sidenav-header .logo-holder {padding: 0; /*text-align: left;*/ display: inline-block;}
.sidebar-nav .logo-holder, .sidenav-header .logo-holder {min-height: 0; padding: 0; max-width:100%;}
.sidebar-nav.sidemenu-open .footer-holder {width: 100%; padding: 5px 0; margin-right: 0;}
    
.sidebar-nav .footer-holder .navbar-form {margin: 0 auto;}
nav.navbar.bootsnav.sidebar-nav .navbar-toggle, .sidenav-header .navbar-toggle  { padding:10px 20px; cursor: pointer;}
nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown li:first-child {margin-top: 0}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu  li {opacity: 1; visibility: visible}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu  > li > a, .sidenav-header a {color: #232323; margin: 0;}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu  > li.active > ul > li.active > a {color: #ff214f;}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu  > li > a .fas{display: none}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.open ul.dropdown-menu  > li > a {border-bottom: 1px solid #ededed !important}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.open ul.dropdown-menu  > li > ul.third-level > li > a {border-bottom: 0 !important; font-size: 11px; padding: 6px 0 0 0;}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.open ul.dropdown-menu  > li > ul.third-level > li:first-child > a {padding-top: 10px;}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.open ul.dropdown-menu  > li:last-child > ul.third-level > li:last-child > a {margin-bottom: 15px}
nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.open ul.dropdown-menu  li {margin-bottom: 5px;}
    
nav.navbar-left-sidebar ul li { display: inline-block; width: 100%; padding: 0 20px; }


.sidemenu-open .mobile-toggle span:first-child{transform: rotate(45deg) translate(7px); -webkit-transform: rotate(45deg) translate(7px); -moz-transform: rotate(45deg) translate(7px); -o-transform: rotate(45deg) translate(7px); -ms-transform: rotate(45deg) translate(7px); }
.sidemenu-open .mobile-toggle span:nth-child(2){transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); }
.sidemenu-open .mobile-toggle span:last-child{transform: rotate(-45deg) translate(7px); -webkit-transform: rotate(-45deg) translate(7px); -moz-transform: rotate(-45deg) translate(7px); -o-transform: rotate(-45deg) translate(7px); -ms-transform: rotate(-45deg) translate(7px); }
.sidebar-part2 nav.navbar.bootsnav li.dropdown.open > a > i {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown.open > a > i {transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg);}

div.nav-popup-pointer { position: relative; }
div.nav-popup-pointer i.active { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }

.ul-menu-centered-cell li.hover-li>a i {font-family:'Font Awesome\ 6 Free';}

ul.ul-menu-centered-cell li a { font-weight:600;text-decoration:none;  margin: 0; text-transform: uppercase; padding: 15px 25px 15px 0; display: inline-block; border-bottom:1px solid #aeaeae; width:100%; font-size:.8rem; }
ul.ul-menu-centered-cell li:last-child a { border: 0px none;}
li.li-bordered-second-lever>a{font-size: 1.1rem!important;font-weight:200!important;}
ul.ul-menu-centered-cell{display:none;padding: 0px;}
ul.ul-menu-centered-cell:first-child{display:block;}
.li-bordered-second-lever{margin-right: 20px;}
.div-sub-menu { transition: left .1s; -webkit-transition: left .1s; -o-transition: left .1s; -moz-transition: left .1s; background-color:#fafafa;}
.div-sub-menu{position:static;width:auto;z-index: 8!important; display:none;animation-duration: .1s; }
.hover-li ul { display: none;}
div.div-sub-menu>ul.ul-menu-centered-cell>li.hover-li>div.div-sub-menu{left:560px; background-color:#f7f7f7;}
div.div-sub-menu>ul.ul-menu-centered-cell>li.hover-li>div.div-sub-menu.fade-in-left{left:590px;}

.ul-menu-centered-cell {
    list-style: none;
}


nav.navbar-left-sidebar ul.social-buttons, #map ul.social-buttons{list-style: none; padding-left: 0px;}
nav.navbar-left-sidebar ul.social-buttons>li, #map ul.social-buttons>li{display: inline-block; padding:0 5px; width: auto;}
nav.navbar-left-sidebar ul.social-buttons>li>a>div.fa-size, #map ul.social-buttons>li>a>div.fa-size{color:#888;font-size:1.4rem;}
.sidebar-search-form, .sidebar-contactinfo { padding: 0 20px;}
.sidebar-contactinfo { line-height: 1.5em;}

.mobile-toggle span { display: block; width: 26px; height: 3px; background: #232323; content: ""; margin: 6px 0px; }
.div-20 { width: 20px; min-width: 20px; height: 20px;box-sizing: content-box;}

.search-close-button { position: absolute; top: 10px; right: 15px;}
#mobileToggleSidenav { display: block;}
nav.navbar-left-sidebar ul.auth-links li { padding-left:0; padding-right:0;}

.site-search .input-group { height:32px;}

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

.contactme-helper-panel { border-radius: 15px;}

.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;
}
section section { padding: 0;}
.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);
}


.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; }
#scroll-up-button:hover { color:var(--theme-color);}

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

.services-icon { width:90px; min-width:90px}
.rounded { border-radius: 10px !important;}
.rounded-15 { border-radius: 15px !important;}
.rounded-50 { border-radius: 50%;}
.card { border-radius: 10px;}
.card-header:first-child { border-radius: 7px 7px 0 0;}

.wait { cursor:wait; }



.hidden { height: 0px !important;
  max-height: 0px;
  overflow: hidden;
  padding: 0 !important;

  }
.hide-scroll { 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: .1s;
	-ms-transition-duration: .1s;
	-moz-transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-o-transition-duration: .1s;}
    
header.sticky-top, header .stiky-top  { /*position:sticky;*/}
header.sticky-top.fixed, header .stiky-top.fixed { position: fixed; top: 0; 
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: .1s;
	-ms-transition-duration: .1s;
	-moz-transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-o-transition-duration: .1s;
    box-shadow:0 5px 10px -10px rgba(0, 0, 0, 0.6);}


#certificates img.certificate-img { max-height: 300px; width: auto;}
/* ===================================
    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:0px none; /*2px solid transparent*/; letter-spacing: .5px; line-height: inherit; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; transition-duration: 0.3s; transition-timing-function: ease-in-out;  border-radius: 15px;}

.btn:focus, .btn:active { border: 0px transparent;box-shadow: none;}

/* button size */
.btn.btn-very-small {font-size:9px; padding: 3px 19px; line-height: 22px;}
.btn.btn-small {font-size:11px; padding: 6px 26px;}
.btn.btn-medium {font-size:12px; padding: 8px 27px 7px;}
.btn.btn-large {font-size:13px; padding: 11px 36px; line-height: 25px}
.btn.btn-extra-large {font-size:15px; padding: 14px 42px 15px;  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, #contactme-btn-sbm1 { 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: 15px; border: 2px transparent;}
.btn.btn-theme-color :hover {}
/*.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}


/* ===================================
    SERVICES
====================================== */

section#services { z-index: 999; }
.services-card { padding: 20px; background-color: #ffffff; height: 100%;transform: translatey(0px); 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;box-shadow: 0 15px 15px rgba(0,0,0,.05);}
.services-card:hover { transform: translatey(-4px); /*border-right: 4px solid var(--theme-color);*/ border-bottom: 4px solid var(--theme-color); border-top: 1px solid var(--theme-color);}


/*.about-img-wrap::after {
  content: '';
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: conic-gradient( from 30deg, var(--theme-color), #ff0000 46%, transparent 46% );
  -webkit-mask: radial-gradient( farthest-side, transparent calc(100% - 3px), #fff calc(100% - 3px + 1px) );
  mask: radial-gradient( farthest-side, transparent calc(100% - 3px), #fff calc(100% - 3px + 1px) );
}*/


.about-img-wrap.round svg.circle1 {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  top: -10%;
  right: -5%;
  animation: jump-1 5s linear infinite;
  fill:var(--theme-color);
}


.about-img-wrap.square img{
    box-shadow: 5px 2px 0px var(--theme-color);
}

.about-img-wrap.rhombus img{
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  position: relative;
  left: -10px;
  top: 8px;
}

.about-img-wrap.rhombus {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: var(--theme-color);

}
  
.z-index-1 { z-index: 1;}
.z-index-10 { z-index: 10;}


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




/* 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: #ffffff;
    background-clip: padding-box;
    border-radius: 0 0 10px 10px;
    border-left: 1px solid #ffffff14;
  border-bottom: 1px solid #ffffff14;
  border-right: 1px solid #ffffff14;
  border-top: 1px solid var(--theme-color);
  box-shadow: 0 15px 15px rgba(0,0,0,.05);
  border-bottom: 3px solid var(--theme-color);
}

.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:var(--black);}
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: color: var(--theme-color); }

ul.menu-h.dropdown li.dropdown>a { position: relative; }
ul.menu-h.dropdown li.dropdown>a::after { content: "\f078"; font-family: Font Awesome\ 6 Free; padding: 0px 5px; display: inline-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;  position: absolute; }
ul.menu-h.dropdown li.dropdown:hover>a::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); bottom:1px}




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

.swiper-button-next,.swiper-button-prev { background: none; color: var(--theme-color) !important; width: 35px; opacity: 0.75;}
.swiper-button-next:hover,.swiper-button-prev:hover { opacity: 1;}
.swiper-button-next { transform: rotate(45deg);}
.swiper-button-prev { transform: rotate(225deg);}

/* =====================================
              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: var(--white);  left: 0px; top:42px; }
#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: 1.5em;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;}
.swiper-button-next, .swiper-button-prev { top: 75%;}
.swiper-button-next { right: 15px;}
.swiper-button-prev { left: 15px;}

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

	.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;}
    ul.menu-h.dropdown li.dropdown > a::after { content: "\f078";}
    .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; }
    .pr-lg-8 { padding-right: 8rem !important;}
    .pl-lg-8 { padding-left: 8rem !important;}
    .w-lg-50 { width: 50% !important;}
    
    .swiper-button-next, .swiper-button-prev { top: 50%; }
    .swiper-button-next { right: 30px;}
    .swiper-button-prev { left: 30px;}
}

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