/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('/fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('/fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('/fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-100italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('/fonts/raleway-v28-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-200italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('/fonts/raleway-v28-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('/fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('/fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('/fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('/fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-800italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('/fonts/raleway-v28-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-900italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('/fonts/raleway-v28-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/raleway-v28-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asar';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/asar-v22-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/asar-v22-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-family: 'Moonbeam Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Moonbeam Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/*** GENERAL STYLING ***/

#header-wrap #logo img
{
    height:85px !important;
}

.sub-menu-container
{
    border-top:solid 2px #e7af27 !important;
}

#header-wrap #logo img {
    padding: 5px 0px;
}

.yellow {
	color:#e6b61a;
}


.min-720
{
    min-height:820px;
}

a{
    cursor:pointer;    
}

.videoDrawing
{
    position: absolute;
    top: 28%;
    right: 14%;
    transform:rotate(109deg) skew(17deg, 3deg);
}

.content-wrap {
   overflow: initial;
}

.si-sticky.si-sticky-right {
    left: auto;
    right: 15px;
}

.si-sticky {
    top:auto!important;
    bottom: 5%!important;
}

.blue
{
    color:#e7ae21;
}

.bg-success {
    background-color: #93b4cf !important;
}

.product-image
{
    cursor:pointer;
}

#slider
{
    background-color:#ffffff;
}

.modal-body ul
{
    margin-left:20px;
}

/*** GENERAL STYLING END ***/


/*** BOXEN ***/
.boxed
{
    position:relative;
}

.lineHorizontal, .lineVertical
{
    position:absolute;
    top:0px;
    left:0px;
    background-color:#cccccc;
}

.lineHorizontal
{
    width:50%;
    height:2px;
    max-width:100px;
}

.lineVertical
{
    top:2px;
    width:2px;
    height:15%;
}

.boxedWhite
{
    color:#ffffff;
}

.boxedWhite .lineHorizontal, .boxedWhite .lineVertical
{
    background-color:#ffffff;
}

.boxRight .lineHorizontal, .boxRight .lineVertical
{
    left:auto;
    right:0px;
}


/*** FONT STYLING ***/

.fontsizeLarge
{
    font-size:24px;
}

h1,h2,h3,h4,h5,h6,.smallHeadline, .promo h2, .promo h3
{
    font-family: 'Moonbeam Regular', 'Asar', serif;
    text-transform:uppercase;
    font-weight:400;
}

h1 {
    font-size: 45px;
}

.smallHeadline
{
    font-size:18px;
}

body, p, a, ul, li
{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 18px;
}


.heading-block h1 {
    font-size: 45px;
    font-weight:400;
}

.heading-block > span:not(.before-heading) {
    font-weight: 400;
    font-size: 30px;
    color:#969C9C;   
}

.heading-block::after {
    width: 120px;
    border-top: 2px solid #616161;
}

/*** FONT STYLING END ***/

/*** COLORS ***/
.blackgrey
{
    color:#333333;
}

.darkgrey
{
    color:#616160;
}

.grey
{
    color:#969C9C;   
}

.lightgrey
{
    color:#EFEFEF;
}

.white, .promo h2, .promo h3
{
    color:#ffffff;
}

.bg-blackgrey
{
    background-color:#333333;
}

.bg-darkgrey
{
    background-color:#616160;
}

.bg-grey
{
    background-color:#969C9C;   
}

.bg-lightgrey
{
    background-color:#EFEFEF;
}


a:not(.btn-link):not(.text-decoration-underline) {
    text-decoration: none !important;
}
.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #e7ae21;
    --bs-btn-border-color: #e7ae21;
    --bs-btn-hover-color: #e7ae21;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000000;
    --bs-btn-disabled-border-color: #000000;
}

/*** COLORS END ***/

/*** HEADER ***/

#header
{
    background-color:transparent;
}

#header-wrap {
    background: rgba(255,255,255,1);
}

#top-bar
{
    background-color:#969C9C;
    border-bottom: 0px solid #969C9C;
    z-index:1;
}

#top-bar a
{
    color:#ffffff;
}

#top-bar a:hover
{
    color:#616161;
}

.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: #ffffff;
}

.full-header .primary-menu .menu-container {
    border-right: 0px solid #EEE;
}

.menu-link, .top-links-item > a
{
    font-family: 'Raleway', sans-serif;
    font-weight:400;
}

.menu-link
{
    color:#000;
    font-size: 14px !important;padding-left: 10px;
    padding-right: 6px;
}

.menu-container > .menu-item:hover
{
    background: #616160;
    color:#fff;
}


.menu-container > .menu-item.active
{
    background: #e8b528;
    color:#fff;
}

.menu-item a:hover, .menu-item.active a
{
    background: #1f2326;
    color:#fff;
}

/*** HEADER END ***/

/*** FOOTER ***/

#footer {
    border-top-color:#969C9C;
    z-index:0;
}

.footer-widgets-wrap
{
    position:relative;
    z-index:3;
}

.owl-carousel .owl-stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-prev
{
    left:5px !important;
}

.owl-next
{
    right:5px !important;
}

#oc-clients .owl-item
{
   opacity: 0;
}

#oc-clients .owl-item.active
{
   opacity: 1;
}

/*** FOOTER END ***/

.bg-color, .bg-color #header-wrap {
    background-color: #969C9C !important;
}

.button
{
    text-decoration:none;    
    border-radius: 0px;
}

	.demos-filter {
			margin: 0;
			text-align: right;
		}

		.demos-filter li {
			list-style: none;
			margin: 10px 0px;
		}

		.demos-filter li a {
			display: block;
			border: 0;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #444;
		}

		.demos-filter li a:hover,
		.demos-filter li.activeFilter a { color: #9A9F9F; }
		
		
.dark .section, .section.dark, #footer.dark {
    background-color: #212121;
    border-color: rgba(255,255,255,0.1);
}
		
		.full-header #logo {
    border-right-color: rgba(0,0,0,0);
}

.dark #header.transparent-header.full-header #header-wrap, #header.transparent-header.full-header.dark #header-wrap,
#header.transparent-header, #header.transparent-header:not(.sticky-header) #header-wrap {
    border-bottom-color: rgba(255,255,255,0) !important;
}

.dark #header.transparent-header.full-header #logo, #header.transparent-header.full-header.dark #logo {
    border-right-color: rgba(255,255,255,0) !important;
}



h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {
    color: #9A9F9F;
}

/*.owl-stage-outer
{
    padding:0px 50px;
}*/

/*** HOVER PARALLAX **/
	.move-bg {
			width: 100%;
			height: 100%;
			background-size: cover;
			-webkit-backface-visibility: hidden;
		}

    .move-bg:after, #footer:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.5));
    transition: all .3s ease;
    opacity: 0.9;
    z-index:1;
}
		/* img-hover-wraps */
		.img-hover-wrap {
			-webkit-transition: transform .3s ease;
			-o-transition: transform .3s ease;
			transition: transform .3s ease;
			-moz-transform-style: flat !important;
			-webkit-backface-visibility: hidden;
		}

		.img-hover-wrap:hover {
			-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
			z-index: 99;
		}

		.img-hover-card:after {
			content: " ";
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0));
			transition: all .3s ease;
			opacity: 0;
		}

		.img-hover-wrap.show-title .img-hover-card:after { opacity: 0.5; }

		.img-hover-wrap:hover .img-hover-card:after { opacity: 1 }

		.img-hover-card {
			position: relative;
			display: block;
			will-change: transform;
			transition: all .3s ease;
			box-shadow: 0 10px 40px transparent;
		}

		.img-hover-card img {
			width: 100%;
			max-width: 100%;
			display: block;
		}

		.img-hover-card.hover-in {
			transition: -webkit-transform .2s ease-out;
			transition: transform .2s ease-out;
			transition: transform .2s ease-out, -webkit-transform .2s ease-out;
		}

		.img-hover-card.hover-3d { z-index: 99; }

		.img-hover-card.hover-out {
			transition: -webkit-transform .2s ease-in;
			transition: transform .2s ease-in;
			transition: transform .2s ease-in, -webkit-transform .2s ease-in;
		}

		.img-hover-wrap:hover .img-hover-card { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); }

		.img-hover-wrap.show-title .img-hover-title,
		.img-hover-wrap.show-title .img-hover-category {
			-webkit-transform: translateY(0) scale(1);
			-ms-transform: translateY(0) scale(1);
			transform: translateY(0) scale(1);
			opacity: 1;
		}

		.img-hover-wrap.show-title:hover .img-hover-title,
		.img-hover-wrap.show-title:hover .img-hover-category {
			-webkit-transform: scale(1.106);
			-ms-transform: scale(1.106);
			transform: scale(1.106);
		}

		.img-hover-wrap:hover .img-hover-title,
		.img-hover-wrap:hover .img-hover-category {
			-webkit-transform: translateY(0) scale(1);
			-ms-transform: translateY(0) scale(1);
			transform: translateY(0) scale(1);
			opacity: 1;
		}

		.img-hover-detail {
			position: absolute;
			left: 0px;
			right: 0px;
			top: 40px;
			bottom: 0px;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			text-align: center;
			pointer-events: none;
			-webkit-transform: translateZ(40px);
			transform: translateZ(40px);
			-webkit-backface-visibility: hidden;
		}
		
		.img-hover-title {
			margin: 0 0 10px;
			font-size: 24px;
			font-weight: 700;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
			transition: .4s ease;
			opacity: 0;
			-webkit-transform: translateY(40px) scale(0);
			-ms-transform: translateY(40px) scale(0);
			transform: translateY(40px) scale(0);
			will-change: transform;   background:rgba(0,0,0,0.6);
			padding:15px 15px 0px 15px;
			width:100%;
			position:absolute;
			bottom:0px;
			left:0px;
		}
		
				.img-hover-detail2 {
			position: absolute;
			left: 40px;
			right: 40px;
			top: 40px;
			bottom: 40px;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			text-align: center;
			pointer-events: none;
			-webkit-transform: translateZ(40px);
			transform: translateZ(40px);
			background:rgba(0,0,0,0.75);
			display:none;
		}
		
		.img-hover-card:hover .img-hover-detail2 
		{
		    display:flex;
		}

		.img-hover-title2 {
			margin: 0 0 10px;
			font-size: 24px;
			font-weight: 700;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
			transition: .4s ease;
			opacity: 1;
			color:#ffffff !important;
			line-height: 27px;
		}

	    .img-hover-title2 a {
			color:#ffffff !important;
		}

		.img-hover-category {
			opacity: 0;
			margin: 0 0 18px;
			font-family: 'Lato';
			transition: .4s ease;
			transition-delay: .1s;
			-webkit-transform: translateY(40px) scale(0);
			-ms-transform: translateY(40px) scale(0);
			transform: translateY(40px) scale(0);
			will-change: transform;
		}

		.img-hover-detail a { color: #FFF; }

@media (max-width: 991px) {
	.demos-filter { text-align: center; }

	.demos-filter li {
		float: left;
		width: 33.3%;
		padding: 0 20px;
	}
	
	.boxed h3
	{
	    font-size:15px;
	    min-height: 70px;
	}
	
	.fontsizeLarge {
        font-size: 18px;
    }
}

@media (max-width: 767px) { 

    .demos-filter li { width: 50%; }

    #footer
    {
        height:auto !important;
    }
    
}

@media (max-width:425px)
{
    
    h1
    {
        font-size:38px;
    }
    
    h2
    {
        font-size:30px;
    }
    
    h3
    {
        font-size:25px;
    }
    
    h4
    {
        font-size:21px;
    }
    
    .min-720
    {
        min-height:auto;
    }

    #header-wrap #logo img
    {
        max-height:70px !important;
    }
    
    .button.button-reveal.button-large
    {
        padding-left:20px;
        padding-right:20px;
    }
}

.tp-nopointer { pointer-events:none ;}
#rev_slider_104_1 .metis.tparrows { background:rgba(255,255,255,1); padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box ;}
#rev_slider_104_1 .metis.tparrows:hover{ background:rgba(255,255,255,0.75) ;}
#rev_slider_104_1 .metis.tparrows:before{ color:rgb(0,0,0);transition:all 0.3s; -webkit-transition:all 0.3s ;}
#rev_slider_104_1 .metis.tparrows:hover:before{ transform:scale(1.5) ;}