body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #636363;
    font-weight: 400;
    line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 25px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
}
p { margin: 0 0 25px;}

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

* {
    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;
}


.font-2 {font-weight:500;}
.font-weight-700 { font-weight: 700;}
.font-weight-600 { font-weight: 600;} 
.font-weight-500 { font-weight: 500;}
.font-weight-400 { font-weight: 400;}
.font-weight-300 { font-weight: 300;}

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


.text-black { color:#141414;}
.text-light-gray { color: #d6d5d5; }
.text-extra-light-gray { color: rgb(183, 183, 183);}
.text-extra-dark-gray { color: #232323;}
.text-medium-gray{ color: #939393; }
.text-lime { color: #ee0000; }
.bg-extra-dark-gray { background-color: #1c1c1c;}
.bg-black { background-color:#141414;}

.pro-text-gray { color: #636363;}
.pro-text-white { color: #ffffff;}
.pro-bg-dark { background-color:#343a40;}
.pro-bg-white { background-color:#ffffff;}
.pro-bg-transparent { background-color: transparent;}

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

.o-hidden { overflow: hidden;}

.top-0 { top: 0;}
.right-0 { right: 0;}
.left-0 { left: 0;}
.bottom-0 { bottom: 0;}
.top-auto { top: auto;}

/*.anim-fade-in  { opacity: 0;}*/
.letter-spacing-minus-1 { letter-spacing: -1px;}
.letter-spacing-minus-2 { letter-spacing: -2px;}
.line-height-12 { line-height: 1.2;}
.line-height-22 { line-height: 22px;}
.line-height-24 { line-height: 24px; }

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

.border-all { border: 1px solid #636363;}
.border-gray { border-color: #636363 !important;}
.border-light-gray { border-color: #d7d7d7 !important;}
.border-extra-light-gray {    border-color: #ededed !important; }
.border-dark-gray { border-color:#232323;}
.border-width-1px { border-width: 1px !important;}


.opacity-medium { position: absolute; height: 100%; width: 100%; opacity: 0.75; top: 0; left: 0; }
.opacity-075 {opacity: 0.75;}
.opacity-05 {opacity: 0.5;}
.opacity-08 {opacity: 0.8;}
.position-relative { position: relative !important; }
.z-index-5 { z-index: 5; }
.blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); transform: scale(0.8); }
.overflow-hidden { overflow: hidden !important;}
.overflow-visible { overflow: visible;}

.padding-eighteen-all { padding: 18%;}
.padding-seven-all { padding: 7%;}
.margin-25px-bottom { margin-bottom: 25px; }
.margin-20px-bottom { margin-bottom: 20px;}
.margin-30px-bottom { margin-bottom: 30px;}
.margin-eight-bottom { margin-bottom: 8%;}
.margin-40px-bottom { margin-bottom: 40px;}
.margin-50px-bottom { margin-bottom: 50px;}

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

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

/*
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%; 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; display:inline-block; }

.parallax-mirror, .parallax {
transition-duration: 0s;
-ms-transition-duration: 0s;
-moz-transition-duration: 0s;
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
}
    
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{list-style: none; padding-left: 0px;}
nav.navbar-left-sidebar ul.social-buttons>li{display: inline-block; padding:0 5px; width: auto;}
nav.navbar-left-sidebar 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;}

/*--------------------*/

#reviews .review-photo { margin-right: -35px; z-index: 1;}
.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    border-radius: 2px;
	margin: 0 4px;
}
.swiper-pagination-bullet-active { background: #fff;}
#reviews .swiper-pagination-bullet-active {border:1px solid #636363; background-color: #636363;}
#reviews .swiper-slide img { max-height: 150px; width: auto; height: auto;}

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

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

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


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




/* ===================================
    Header
====================================== */



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


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



a:hover, a:active { color: #ee0000; text-decoration: 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; }
#error-page { height: 100vh;}


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

.anim-left, .anim-right, .anim-fade-in, .fade-in-left-big, .fade-in-right-big, .anim-fade-in-up, .anim-zoom-in {
    opacity:0;
}

img {
    max-width: 100%;
    height: auto;
}
section { padding: 130px 0; overflow: hidden; }
section.page {  min-height: 70vh; }
section#search-page {  min-height: 95vh; }

blockquote { border-left: 2px solid; border-left-color: #ee0000; 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; }

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



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

/* list style 3 */
.list-style-3 { list-style: none; margin: 0; padding: 0;}
.list-style-3 li { position: relative; padding: 0 0 0 22px; margin: 0 0 15px 0;}
.list-style-3 li:before { content: ""; width: 10px; height: 1px; background-color: #ee0000; 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: #ee0000;}



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


.margin-100px-top { margin-top: 100px; }
.margin-15px-bottom { margin-bottom: 15px;}
.margin-10px-bottom { margin-bottom: 10px;}

a { outline:none;}

.title-large { font-size: 38px; line-height: 44px;}

/* animation */ 
@-webkit-keyframes up-down-animation {0%   {opacity:1;  top:0px;} 25%  {opacity:.4;   top:2px;} 50%  {opacity:.3;  top:4px;} 75%  {opacity:.2;  top:5px;} 100% {opacity:0;  top:9px;} }
@keyframes up-down-animation {0%   {opacity:1;  top:0px;} 25%  {opacity:.4;   top:4px;} 50%  {opacity:.3;  top:8px;} 75%  {opacity:.2;  top:12px;} 100% {opacity:0;  top:16px;} }



.down-arrows {  bottom: 40px; }

.up-down-anima { display: block; -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; }




/* ===================================
    Homepage Header
====================================== */
#header { height:100vh; }
.header-typography {  width: 100%; height: 100%; position: absolute; right: 0; left: 0; top: 0; }




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

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

#header.parallax.scale {
    background-size: auto 100%;
}

.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; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out;}

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

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

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

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

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

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

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

/* dropdown style 1 */
.dropdown-style-1 .btn {color: #fff; font-size: 11px; padding: 0; margin: 0; background: transparent; border: none; font-weight:normal}
.dropdown-style-1 .btn:hover, .custom-dropdown btn:focus {color: #ee0000;}
.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' block
====================================== */
#whywe .whywe-box h3 { font-size: 48px; line-height: 54px;}

#whywe .anim-fade-in:nth-child(1) { animation-delay: .3s}
#whywe .anim-fade-in:nth-child(2) { animation-delay: .6s}
#whywe .anim-fade-in:nth-child(3) { animation-delay: .9s}

/* ===================================
    'SERVICES' block
====================================== */

#services .anim-fade-in-up:nth-child(1) { animation-delay: .3s}
#services .anim-fade-in-up:nth-child(2) { animation-delay: .6s}
#services .anim-fade-in-up:nth-child(3) { animation-delay: .9s}
#services .anim-fade-in-up:nth-child(4) { animation-delay: .5s}
#services .anim-fade-in-up:nth-child(5) { animation-delay: .8s}
#services .anim-fade-in-up:nth-child(6) { animation-delay: 1.1s}

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

.portfolio-grid .card {opacity: 1;overflow: hidden; border: 0px none; border-radius: 0;}

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

.portfolio-grid .card:hover .portfolio-caption { opacity: 0.85; }
.portfolio-img { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;  border-radius: 0px;}
.portfolio-grid .card:hover .portfolio-img {
    transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);
}


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

#portfolio .card-columns { column-count: 1; column-gap:0;-webkit-column-gap: 0;-moz-column-gap: 0;}
#portfolio .card-columns .card { margin-bottom: 0; display:flex; border: 0px none;}



/* ===================================
    ABOUT ITEMS
====================================== */


#about .anim-fade-in:nth-child(1) { animation-delay: .3s}
#about .anim-fade-in:nth-child(2) { animation-delay: .6s}
#about .anim-fade-in:nth-child(3) { animation-delay: .9s}

/* ===================================
    SERVICE_ORDER ITEMS
====================================== */


#service_order .anim-fade-in:nth-child(1) { animation-delay: .3s}
#service_order .anim-fade-in:nth-child(2) { animation-delay: .6s}
#service_order .anim-fade-in:nth-child(3) { animation-delay: .9s}


/* ===================================
    FEATURES ITEMS
====================================== */


#features .fade-in-left-big:nth-child(1) { animation-delay: 0s}
#features .fade-in-left-big:nth-child(2) { animation-delay: .3s}
#features .fade-in-left-big:nth-child(3) { animation-delay: .6s}
#features .fade-in-left-big:nth-child(4) { animation-delay: .9s}

.feature-box {overflow: hidden;position: relative;text-align: center; cursor: pointer}
.feature-box .content {padding: 35px 15px;}
.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after{display: inline-block; position:absolute; content:""; background-color:#ff214f; z-index: 1}
.feature-box:before, .feature-box .content:before {right:0; top:0; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
.feature-box:after, .feature-box .content:after {left:0; bottom:0; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
.feature-box:hover:before, .feature-box:hover:after{transform:scaleY(1); transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
.feature-box:before {transform-origin: right top 0; -webkit-transform-origin: right top 0; -moz-transform-origin: right top 0; -ms-transform-origin: right top 0; -o-transform-origin: right top 0;}
.feature-box:after {transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -o-transform-origin: left bottom 0;}
.feature-box .content:before {transform-origin: right top 0; -webkit-transform-origin: right top 0; -moz-transform-origin: right top 0; -ms-transform-origin: right top 0; -o-transform-origin: right top 0;}
.feature-box .content:after {transform-origin: top left 0; -webkit-transform-origin: top left 0; -moz-transform-origin: top left 0; -ms-transform-origin: top left 0; -o-transform-origin: top left 0;}
.feature-box:before, .feature-box:after{height:100%; width:3px; transform:scaleY(0);-webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0); transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
.feature-box:hover .content:before, .feature-box:hover .content:after {transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
.feature-box .content:before, .feature-box .content:after {width:100%; height:3px; transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}


/* feature box style 7 */
.feature-box.feature-box-7:before,.feature-box.feature-box-7:after {content: ''; display: flex; justify-content:center; align-items: center;}
.feature-box.feature-box-7:hover,.feature-box.feature-box-7:hover:before,.feature-box.feature-box-7:hover:after {border: none }
.feature-box.feature-box-7::before, .feature-box.feature-box-7::after, .feature-box.feature-box-7 .content::before, .feature-box.feature-box-7 .content::after {background: transparent;}
.feature-box.feature-box-7:after {clear: both;}
.feature-box.feature-box-7 .box {cursor: default; height: 100%; width: 100%; display: flex; position: relative; -webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -moz-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -mstransition: all 0.4s cubic-bezier(.48,.83,.63,.91); -o-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); border: 1px solid #ededed; border-right: none; overflow: hidden; position:relative; justify-content:center; align-items: center; flex-direction: row; max-height:200px;}
.feature-box.feature-box-7 div:first-child .box {border-left: none}
.feature-box.feature-box-7 .box figure {-webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -moz-transition:all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -ms-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -o-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); padding: 8% 0 0; display: flex;flex-direction: column; align-items: first baseline; justify-content: center; /*height: 100%;*/ overflow-y:hidden;}
.feature-box.feature-box-7 .box .content {display:block; /*height: 100%; */width:100%; vertical-align: middle; padding: 0; position: relative; top: calc(50% - 60px);}
.feature-box.feature-box-7 .box figure i, .feature-box.feature-box-7 .box figure span, .feature-box.feature-box-7 .box figure div { width: 100%;}
.feature-box.feature-box-7 .box .content .details {opacity: 0; }
.feature-box.feature-box-7 .box:hover .content .details {opacity: 1;}
.feature-box.feature-box-7 .box:hover .content {top: auto; border-bottom-color: #ee0000;}
.feature-box.feature-box-7 .box:hover i {color: #ee0000 }
.container .feature-box.feature-box-7 .box .content {top: 43px;}
.container .feature-box.feature-box-7 .box:hover .content {top: 0;}
.feature-box.feature-box-7 .box figure h5 { width:100%;}


/* feature box style 5 */

.feature-box-5 i {/*position: absolute; top: 0; left: 0*/}
.feature-box-5 {
    padding-left: 0;
    text-align: center;
}


/* ===================================
    TEAM
====================================== */

/* team style 1 */
.team-style-1 figure .team-image {position: relative; overflow: hidden;}
.team-style-1 .team-overlay {display: block; position: absolute; overflow: hidden; 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;}
.team-style-1 .team-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 0;}
.team-style-1 figure:hover .team-overlay {height: 100%;}
.team-style-1 figure figcaption {width: 100%; position: relative; margin-top: 17px}
.team-style-1 figure .overlay-content {opacity: 0; position: absolute; height: 100%; width: 100%; top: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; top:-15px}
.team-style-1 figure:hover .overlay-content {opacity: 1; z-index: 1111; top:0}
.team-style-1 figure figcaption .team-member-position {position: relative; top: 0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }

#team .anim-fade-in-up:nth-child(1) { animation-delay: .0s}
#team .anim-fade-in-up:nth-child(2) { animation-delay: .3s}
#team .anim-fade-in-up:nth-child(3) { animation-delay: .6s}
#team .anim-fade-in-up:nth-child(4) { animation-delay: .9s}


/* ===================================
    MISSION
====================================== */
.icon-box {border-bottom: 1px solid rgba(255,255,255,0.10)}
.icon-box:last-child{border-bottom: none}
.icon-box .icon-box-holder{padding-left:74px; }
.icon-box .icon-box-holder i{position: absolute; left: 0; vertical-align: middle; }
.icon-box .icon-box-holder { height: 90px; }
.icon-box .icon-box-holder i {  padding-top: 5px; }


.mission-anim.anim-fade-in { animation-delay: .0s}
.mission-anim.anim-fade-in:nth-child(1) { animation-delay: .3s}
.mission-anim.anim-fade-in:nth-child(2) { animation-delay: .6s}
.mission-anim.anim-fade-in:nth-child(3) { animation-delay: .9s}


/* ===================================
    BLOG POSTS
====================================== */
/* blog post style 2 */
.blog-post.blog-post-style2 .author img{width: 30px; display: inline-block; vertical-align: middle;}
.blog-post.blog-post-style2 .author span{max-width: calc(100% - 40px); vertical-align: middle; display: inline-block;}

#blog-posts .anim-fade-in-up:nth-child(1) { animation-delay: .0s}
#blog-posts .anim-fade-in-up:nth-child(2) { animation-delay: .3s}
#blog-posts .anim-fade-in-up:nth-child(3) { animation-delay: .6s}
#blog-posts .anim-fade-in-up:nth-child(4) { animation-delay: .9s}


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

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

.blog-pages-menu ul.menu-v { list-style: none; padding-left:0px; }
.blog-pages-menu ul.menu-v li { background-color:#fff;  /*margin-bottom:2px;*/ }
.blog-pages-menu li a {padding:15px 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; }

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






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


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



.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: 0px ;padding:0;}
.wa-auth-adapters li { margin-top:0.5em; display: inline-block;margin-right: 1rem;}
.wa-auth-adapters li img { margin-right:0.5em; }


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

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

.wa-signup-form-wrapper section, .wa-login-form-wrapper section { padding: 30px;}

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


/* XS */
.size-08x { font-size:0.8em;}
.size-1x { font-size:1em;}
.size-12x { font-size:1.2em;}
.size-15x { font-size:1.5em;}
.size-175x { font-size:1.75em;}
.size-2x { font-size:2em;}
.size-25x { font-size:2.5em;}
.container { max-width: 560px;}
p { line-height: 1.4;}

.navbar-toggle {    color: #fff;background: transparent;border: 0px none;font-size: 2em;outline: none;}
.navbar-toggle:focus { outline: none;}

#profile .wa-name, #login .wa-name, #signup .wa-name { text-align: left;}
.swiper-button-prev, .swiper-button-next, .features-swiper-button-prev, .features-swiper-button-next  { background-size: 50%;}

.padding-0px { padding: 0px !important;}
.padding-20px { padding: 20px !important;}
.padding-40px { padding: 40px !important;}
.padding-50px { padding: 50px !important;}
.padding-80px { padding: 80px !important;}
.padding-100px { padding: 100px !important;}
.padding-thirteen { padding: 13%;}
.padding-ten { padding: 10%;}
.padding-x-five { padding-left: 5%; padding-right: 5%;}
.padding-x-ten { padding-left: 10%; padding-right: 10%; }
.padding-y-fifteen { padding-top: 15%; padding-bottom: 15%;}
.padding-top-10px { padding-top: 10px;}
.padding-top-15px { padding-top: 15px;}
.padding-top-60px { padding-top: 60px;}

.padding-y-20px { padding-top: 20px !important;padding-bottom: 20px !important;}
.padding-x-20px { padding-left: 20px !important;padding-right: 20px !important;}
.padding-x-30px { padding-left: 30px !important;padding-right: 30px !important;}
.padding-left-20px { padding-left: 20px !important;}
.padding-left-ten { padding-left: 10%; }
.padding-right-ten { padding-right: 10%; }
.no-padding-x { padding-left: 0px; padding-right: 0px;}
.no-padding-right { padding-right: 0px;}
.padding-bottom-200 { padding-bottom: 200px !important;}
.padding-bottom-250 { padding-bottom: 250px !important;}


.mt-50px {     margin-top: 50px;}
.mt-70px {     margin-top: 70px;}
.mt-100px {     margin-top: 100px;}
.margin-y-five { margin-top:5%; margin-bottom: 5%;}
.margin-y-seven { margin-top:7%; margin-bottom: 7%;}
.margin-seven-top { margin-top:7%;}
.margin-y-15px { margin-top:15px; margin-bottom: 15px;}
.margin-y-20px { margin-top:20px; margin-bottom: 20px;}

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

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

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



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

    .mt-50px-sm { margin-top: 50px;}
    .mt-70px-sm { margin-top: 70px;}
    .mt-100px-sm { margin-top: 100px;}
    
    .border-sm-right { border-right: 1px solid #dee2e6 !important;}
    
    .margin-15px-bottom-sm { margin-bottom: 15px; }
    .margin-25px-bottom-sm { margin-bottom: 25px; }
    .margin-20px-bottom-sm { margin-bottom: 20px;}
    .margin-30px-bottom-sm { margin-bottom: 30px;}
    .margin-eight-bottom-sm { margin-bottom: 8%;}
    .margin-40px-bottom-sm { margin-bottom: 40px;}
    .margin-50px-bottom-sm { margin-bottom: 50px;}
    .margin-y-five-sm { margin-top:5%; margin-bottom: 5%;}
    .margin-y-seven-sm { margin-top:7%; margin-bottom: 7%;}
    .margin-seven-top-sm { margin-top:7%;}
    .margin-y-15px-sm { margin-top:15px; margin-bottom: 15px;}
    .margin-y-20px-sm { margin-top:20px; margin-bottom: 20px;}

}

/* MD */
@media (min-width: 768px) {
    .size-08x-md { font-size:0.8em;}
    .size-1x-md { font-size:1em;}
    .size-15x-md { font-size:1.5em;}
    .size-2x-md { font-size:2em;}
    .size-25x-md { font-size:2.5em;}
    .size-3x-md { font-size:3em;}
    .size-4x-md { font-size:4em;}
    .size-5x-md { font-size:5em;}
    
    p { line-height: 1.5;}
    #portfolio .card-columns { column-count: 2;}
    .swiper-button-prev, .swiper-button-next, .features-swiper-button-prev, .features-swiper-button-next  { background-size: 100%;}
    .width-40-md { width: 40% !important; }
    .width-50-md { width: 50% !important; }
    .width-60-md { width: 60% !important; }
    .width-70-md { width: 70% !important; }
    .width-80-md { width: 80% !important; }
    .width-100-md { width: 100% !important; }
    
    .padding-0px-md { padding: 0px !important;}
    .padding-20px-md { padding: 20px !important;}
    .padding-40px-md { padding: 40px !important;}
    .padding-50px-md { padding: 50px !important;}
    .padding-80px-md { padding: 80px !important;}
    .padding-100px-md { padding: 100px !important;}
    .padding-thirteen-md { padding: 13%;}
    .padding-ten-md { padding: 10%;}
    .padding-x-five-md { padding-left: 5%; padding-right: 5%;}
    .padding-x-ten-md { padding-left: 10%; padding-right: 10%; }
    .padding-x-30px-md { padding-left: 30px !important;padding-right: 30px !important;}
    .padding-y-fifteen-md { padding-top: 15%; padding-bottom: 15%;}
    .padding-left-ten-md { padding-left: 10%; }
    .padding-right-ten-md { padding-right: 10%; }
    .no-padding-x-md { padding-left: 0px; padding-right: 0px;}
    
    .mt-50px-md { margin-top: 50px;}
    .mt-70px-md { margin-top: 70px;}
    .mt-100px-md { margin-top: 100px;}

    .title-large { font-size: 60px; line-height: 65px;}
    
    .feature-box-5 {padding-left:75px}
    .feature-box-5 i {position: absolute; top: 0; left: 0}
    
    .margin-15px-bottom-md { margin-bottom: 15px; }
    .margin-25px-bottom-md { margin-bottom: 25px; }
    .margin-20px-bottom-md { margin-bottom: 20px;}
    .margin-30px-bottom-md { margin-bottom: 30px;}
    .margin-eight-bottom-md { margin-bottom: 8%;}
    .margin-40px-bottom-md { margin-bottom: 40px;}
    .margin-50px-bottom-md { margin-bottom: 50px;}
    .margin-y-five-md { margin-top:5%; margin-bottom: 5%;}
    .margin-y-seven-md { margin-top:7%; margin-bottom: 7%;}
    .margin-seven-top-md { margin-top:7%;}
    .margin-y-15px-md { margin-top:15px; margin-bottom: 15px;}
    .margin-y-20px-md { margin-top:20px; margin-bottom: 20px;}
    .blog-pages-menu  ul.menu-v li.collapsible > span.blog-menu-toggle { right:5px; padding: 15px 5px;}
    .blog-pages-menu li a {padding:10px 15px 10px 10px;}
}


/* LG */
@media (min-width: 992px) {
    .size-08x-lg { font-size:0.8em;}
    .size-1x-lg { font-size:1em;}
    .size-12x-lg { font-size:1.2em;}
    .size-15x-lg { font-size:1.5em;}
    .size-2x-lg { font-size:2em;}
    .size-25x-lg { font-size:2.5em;}
    .size-3x-lg { font-size:3em;}
    .size-35x-lg { font-size:3.5em;}
    .size-4x-lg { font-size:4em;}
    .size-5x-lg { font-size:5em;}
    
    p { line-height: 1.5;}
    
    #portfolio .card-columns { column-count: 3;}
    .portfolio-grid .portfolio-caption{
    background-color:#232323; opacity: 0;
    }
    .width-40-lg { width: 40% !important; }
    .width-50-lg { width: 50% !important; }
    .width-60-lg { width: 60% !important; }
    .width-70-lg { width: 70% !important; }
    .width-80-lg { width: 80% !important; }
    .width-100-lg { width: 100% !important; }
    
    .padding-0px-lg { padding: 0px !important;}
    .padding-20px-lg { padding: 20px !important;}
    .padding-40px-lg { padding: 40px !important;}
    .padding-50px-lg { padding: 50px !important;}
    .padding-80px-lg { padding: 80px !important;}
    .padding-100px-lg { padding: 100px !important;}
    .padding-thirteen-lg { padding: 13%;}
    .padding-ten-lg { padding: 10%;}
    .padding-x-five-lg { padding-left: 5%; padding-right: 5%;}
    .padding-x-ten-lg { padding-left: 10%; padding-right: 10%; }
    .padding-x-30px-lg { padding-left: 30px !important;padding-right: 30px !important;}
    .padding-y-fifteen-lg { padding-top: 15%; padding-bottom: 15%;}
    .padding-left-ten-lg { padding-left: 10%; }
    .padding-right-ten-lg { padding-right: 10%; }
    .no-padding-x-lg { padding-left: 0px; padding-right: 0px;}
    
    .mt-50px-lg { margin-top: 50px;}
    .mt-70px-lg { margin-top: 70px;}
    .mt-100px-lg { margin-top: 100px;}

    .carousel-caption-container { padding-right: 25%;}
    .carousel-caption { padding-left: 0px;}
    
    nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header { position: static;}
    nav.navbar.sidebar-nav.sidebar-nav-style-1 { left: 0;}
    
    .mobile-toggle span { display: none; }
    nav .logo-holder img { max-width: 230px;}
    nav.navbar.sidebar-nav {width: 230px; }

    .div-sub-menu{position:fixed;height:100vh;top:0;z-index: 8!important; display:none;}
    .div-sub-menu{left:230px;width:230px;}
    .div-sub-menu.fade-in-left{ left:270px;}
    div.div-sub-menu>ul.ul-menu-centered-cell>li.hover-li>div.div-sub-menu{left:460px;}
    div.div-sub-menu>ul.ul-menu-centered-cell>li.hover-li>div.div-sub-menu.fade-in-left{left:490px;}
    .sidebar-wrapper{padding-left: 230px;}
    .header-bg { /*margin-left:230px;*/ background-position-x: 230px;}
    div.nav-popup-pointer i.active { transform: none; -o-transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none;}
    
    .title-large { font-size: 60px; line-height: 60px;}
    
    .icon-box .icon-box-holder{ height: 112px; }
    .icon-box .icon-box-holder i{ padding-top:10px;}

    .margin-15px-bottom-lg { margin-bottom: 15px; }
    .margin-25px-bottom-lg { margin-bottom: 25px; }
    .margin-20px-bottom-lg { margin-bottom: 20px;}
    .margin-30px-bottom-lg { margin-bottom: 30px;}
    .margin-eight-bottom-lg { margin-bottom: 8%;}
    .margin-40px-bottom-lg { margin-bottom: 40px;}
    .margin-50px-bottom-lg { margin-bottom: 50px;}
    .margin-y-five-lg { margin-top:5%; margin-bottom: 5%;}
    .margin-y-seven-lg { margin-top:7%; margin-bottom: 7%;}
    .margin-seven-top-lg { margin-top:7%;}
    .margin-y-15px-lg { margin-top:15px; margin-bottom: 15px;}
    .margin-y-20px-lg { margin-top:20px; margin-bottom: 20px;}
    nav .logo-holder img { max-height: none;}
    
    #mobileToggleSidenav { display: none;}
    .blog-pages-menu  ul.menu-v li.collapsible > span.blog-menu-toggle { right:15px; padding: 15px 15px 15px 15px;}
    .blog-pages-menu li a {padding:15px 40px 15px 15px;}
}

/* XL */
@media (min-width: 1200px) {
    .size-1x-xl { font-size:1em;}
    .size-2x-xl { font-size:2em;}
    .size-25x-xl { font-size:2.5em;}
    .size-3x-xl { font-size:3em;}
    .size-35x-xl { font-size:3.5em;}
    .size-4x-xl { font-size:4em;}
    .size-5x-xl { font-size:5em;}
    
    p { line-height: 1.7;}
    
    .width-40-xl { width: 40% !important; }
    .width-50-xl { width: 50% !important; }
    .width-60-xl { width: 60% !important; }
    .width-70-xl { width: 70% !important; }
    .width-80-xl { width: 80% !important; }
    .width-100-xl { width: 100% !important; }
    
    .padding-0px-xl { padding: 0px !important;}
    .padding-20px-xl { padding: 20px !important;}
    .padding-40px-xl { padding: 40px !important;}
    .padding-50px-xl { padding: 50px !important;}
    .padding-80px-xl { padding: 80px !important;}
    .padding-100px-xl { padding: 100px !important;}
    .padding-thirteen-xl { padding: 13%;}
    .padding-ten-xl { padding: 10%;}
    .padding-x-five-xl { padding-left: 5%; padding-right: 5%;}
    .padding-x-ten-xl { padding-left: 10%; padding-right: 10%; }
    .padding-x-30px-xl { padding-left: 30px !important;padding-right: 30px !important;}
    .padding-y-fifteen-xl { padding-top: 15%; padding-bottom: 15%;}
    .padding-left-ten-xl { padding-left: 10%; }
    .padding-right-ten-xl { padding-right: 10%; }
    .no-padding-x-xl { padding-left: 0px; padding-right: 0px;}
    
    .mt-50px-xl { margin-top: 50px;}
    .mt-70px-xl { margin-top: 70px;}
    .mt-100px-xl { margin-top: 100px;}
    
    nav.navbar.sidebar-nav { width: 280px; }
    .div-sub-menu{left:280px; width: 280px;}
    .div-sub-menu.fade-in-left{ left:310px;}
    div.div-sub-menu>ul.ul-menu-centered-cell>li.hover-li>div.div-sub-menu{left:560px;}
    div.div-sub-menu>ul.ul-menu-centered-cell>li.hover-li>div.div-sub-menu.fade-in-left{left:590px;}
    nav.navbar-left-sidebar ul li { padding: 0 45px; }
    nav .logo-holder img { max-width: 280px;}
    .sidebar-wrapper{padding-left: 280px;}
    .header-bg { /*margin-left:280px;*/ background-position-x: 280px;}
    
    .padding-x-45px-xl { padding-left: 45px !important;padding-right: 45px !important;}
    
    .title-large { font-size: 90px; line-height: 90px;}
    .text-extra-large { font-size: 20px; line-height: 26px;}
    
    .margin-15px-bottom-xl { margin-bottom: 15px; }
    .margin-25px-bottom-xl { margin-bottom: 25px; }
    .margin-20px-bottom-xl { margin-bottom: 20px;}
    .margin-30px-bottom-xl { margin-bottom: 30px;}
    .margin-eight-bottom-xl { margin-bottom: 8%;}
    .margin-40px-bottom-xl { margin-bottom: 40px;}
    .margin-50px-bottom-xl { margin-bottom: 50px;}
    .margin-y-five-xl { margin-top:5%; margin-bottom: 5%;}
    .margin-y-seven-xl { margin-top:7%; margin-bottom: 7%;}
    .margin-seven-top-xl { margin-top:7%;}
    .margin-y-15px-xl { margin-top:15px; margin-bottom: 15px;}
    .margin-y-20px-xl { margin-top:20px; margin-bottom: 20px;}
    
    .sidebar-search-form, .sidebar-contactinfo { padding: 0 45px;}
    .sidebar-contactinfo { line-height: 1.5em; text-align: center;}

}
/*==============*/


@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;}
.bg-h-color-1 { background-color: #232323;}
.h-color-2, ul.h-color-2 a, div.h-color-2 a { color: #ffffff;}
.text-color-1 { color: #636363;}
.text-color-2 { color: #d7d7d7;}
footer .wa-captcha-refresh, footer .wa-captcha-refresh:visited { color: #d7d7d7;}
.text-colored { color: #ee0000;}
.border-text-colored { border-color: #ee0000;}
.bg-text-colored { background-color: #ee0000;}
.link-color { color: #636363;}
a:hover, a:active { color: #ee0000; }
a.link-color:hover, a.link-color:active { color: #ee0000;}
.link-color-2 { color: #d7d7d7;}
a.link-color-2:hover, a.link-color-2:active,  footer .wa-captcha-refresh:hover { color: #ee0000;}
.social-icon a:hover { color: #ee0000;}
.slider-color { color:#ffffff;}

.wa-error { box-shadow: 0px 0px 7px red;}
.wa-error-msg { color: red; }
.wa-captcha-input { max-width: 100px; border-color: #636363;}
.wa-captcha p, .wa-captcha-img , .wa-captcha-input { margin-bottom:0;}


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

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





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

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

.navbar-left-sidebar { overflow-x: hidden; overflow-y: auto; }
.navbar-left-sidebar::-webkit-scrollbar {
    width: 12px;
}

.fixed-top-header { position: fixed; left: 0; top: 0; box-sizing: border-box; z-index: 10; background-color:#fff; justify-content:space-between;}
#contactme-btn-sbm1 { background: #232323; border-color: #232323; color: #fff;}
#contactme-btn-sbm1:hover, #contactme-btn-sbm1:focus {
    background: transparent;
    color: #232323;
}
@media (max-width: 991px) {
  nav .logo-holder img, .sidenav-header .logo-holder img {
    max-height: 60px;
  }
}

#contactform ul.social-buttons {
  list-style: none;
  padding-left:0;
}
#contactform ul.social-buttons li {
  display: inline-block;
  padding: 0 10px 0 0;
}