/*==========
		 1 - FONT-AWESOME
		 2 - GLYPHICONS
		 3 - RD-NAVBAR
		 4 - FLEX SLIDER
		 5 - OWL CAROUSEL
		 6 - CUBE PORTFOLIO
	==========*/


/*===== FONT-AWESOME =*/
	@font-face {
		font-family: 'FontAwesome';
		src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
		src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			 url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
			 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
			 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
			 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}


/*===== GLYPHICONS =*/
	@font-face {
		font-family: 'Glyphicons Halflings';
		src: url('../fonts/glyphicons-halflings-regular.eot');
		src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
			 url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
			 url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
			 url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
	}


/*===== RD-NAVBAR =*/
	.TopNav {
		background:#fff;
		width:100%;
		z-index:1000 !important;
		text-align:center;
		padding:25px 0;
	}
	.th_active .TopNav {
		padding:10px 0;
			-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
		box-shadow:0 0 4px rgba(0,0,0,.4);
	}
	
	
	.TopNav .rd-navbar-outer { background:none;}
	.TopNav .rd-navbar-static{background:none;}

	.TopNav .rd-navbar-static .rd-navbar-subpanel { /*margin:0 auto;  /*float change on your design*/}
	
	.TopNav .rd-navbar-static .rd-navbar-inner {/* float change on your design*/
		float:none;
		padding:0;
		max-width:1260px;
	}

	.TopNav .rd-navbar-static .rd-navbar-nav > li {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}

	.TopNav .rd-navbar-static .rd-navbar-nav > li > a,
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li > a {
		font-family: 'Poppins', sans-serif;
		font-size:16px;
		line-height:22px;
		font-weight:500;
		padding:9px 25px;
		color:#212229;
		text-decoration:none;
		text-transform:capitalize;
		border:2px solid transparent;
		border-radius:30px;
	}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li.Social > a {
		background:#285500;
		border-color:#285500;
		color:#fff;
		font-weight:normal;
		padding:0 !important;
		height:44px;
		line-height:42px;
		width:44px;
		text-align:center;
		font-size:18px;
		margin-left:4px;
	}
	.TopNav .rd-navbar-static .rd-navbar-nav > li.Social {
		position:absolute;
		right:0;
	}
	.TopNav .rd-navbar-static .rd-navbar-nav > li.Social.IcoFB { right:96px;}
	.TopNav .rd-navbar-static .rd-navbar-nav > li.Social.IcoTW { right:48px;}
	
	.th_active .TopNav .rd-navbar-static .rd-navbar-nav > li.Social > a {
		height:40px;
		line-height:38px;
		width:40px;
	}
	.th_active .TopNav .rd-navbar-static .rd-navbar-nav > li > a { padding:7px 25px;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li > a {
		border: none;
		border-bottom: 1px solid rgba(255,255,255,.2);
		padding: 13px 10px 13px 20px;
		line-height: 22px;
		color: #fff;
		border-radius: 0;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li.opened > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li.focus > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li > a:hover {color: #fff; text-decoration:none; background:#285500; border-color:#285500;}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li.active > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li.NavActive > a {color: #285500; background:#fff; border-color:#285500;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.opened > a,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li a:hover,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.active > a { background:rgba(255,255,255,.1); text-decoration:none;}

	.TopNav .rd-navbar-fixed .rd-navbar-toggle {
		background: #285500;
		color: #fff;
		border: none;
		top: 0;
		left: auto;
		right: 0;
		height: 60px;
		width: 60px;
		line-height: 34px;
		z-index: 1000;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-toggle span:after,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle span:before,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle span {background-color:#fff;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav-wrap {
		width: 280px;
		color: #fff;
		background: rgba(0,0,0,.85);
		top:0;
		bottom:0;
		left:auto;
		right:0;
			-webkit-transform: translateX(105%);
		transform: translateX(105%);
		padding: 56px 0 40px 0;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav-wrap.active {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.TopNav .rd-navbar-fixed .rd-navbar-toggle.active span:before {
		-webkit-transform: rotate3d(0, 0, 1, 140deg);
		transform: rotate3d(0, 0, 1, 140deg);
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.active span:after {
		-webkit-transform: rotate3d(0, 0, 1, -140deg);
		transform: rotate3d(0, 0, 1, -140deg);
	}
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.toggle-original.active span:before,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.toggle-original.active span:after {
		left:auto;
		right:-15px;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-submenu-toggle {
		height:58px;
		width:58px;
		color:#fff;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-submenu-toggle:hover,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.active .rd-navbar-submenu-toggle { color:#fff;}


	.TopNav .rd-navbar-static .rd-navbar-nav > li.ForMobile { display:none;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.ForMobile a {
		padding:10px 5px 8px 0;
		font-weight:300;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.ForMobile b,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.ForMobile strong {
		font-weight:600;
		color:#ecef1a;
	}

	.TopNav .rd-navbar-fixed .rd-navbar-nav li.ForMobile > a > img {
		float:left;
		position:relative;
		top:1px;
		margin-right:10px;
		margin-left:20px;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.ForMobile .Social ul {
		margin:20px auto 0 auto;
		padding:0;
		text-align:center;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.ForMobile .Social ul li {
		margin:0;
		padding:0;
		display:inline-block;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.ForMobile .Social ul li a {
		height:40px;
		width:40px;
		line-height:40px;
		font-size:20px;
		text-align:center;
		color:#fff;
		display:inline-block;
		padding:0;
	}

	
@media All and (max-width:1024px) {
	.th_active .TopNav .rd-navbar-static .rd-navbar-nav > li > a { padding:7px 20px;}
}
@media All and (max-width:991px) {
	.TopNav { padding:0;}
	.th_active .TopNav {
		padding: 0;
		box-shadow: none;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li.Social { display:none;}
}
	


/*===== FLEX SLIDER =*/
	@font-face {
		font-family: 'flexslider-icon';
		src: url('../fonts/flexslider-icon.eot');
		src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/flexslider-icon.woff') format('woff'),
			 url('../fonts/flexslider-icon.ttf') format('truetype'),
			 url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	.preloader_hide {opacity:0;}
	#preloader {background-color:#fff; position:fixed; left:0; top:0; width:100%; height:100%;}
	#preloader img {position:fixed; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; display:block;}
	
	/*= Flex Caption Effect */
	.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {
		opacity: 0;
			-moz-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}
	.captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
	.captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
	.captionDelay4 {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
	.captionDelay5 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
	.captionDelay6 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
	.captionDelay7 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
	.captionDelay8 {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
	.captionDelay9 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
	.captionDelay10 {transition-delay: 1s; -webkit-transition-delay: 1s;}
	.captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
	.captionDelay12 {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
	
	.flexslider li.flex-active-slide .FadeIn {opacity: 1;}
	
	.flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);}
	.flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
	
	.flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);}
	.flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
	
	.flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);}
	.flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
	
	.flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);}
	.flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}

	/*= For background video */
	.HomeSlider .flexslider .slides > li iframe {
		width:100%;
		height:125%;
		margin-top:-120px;
	}
	
	.HomeSlider {
		height:600px;
		position:relative;
	}

	.HomeSlider .flexslider .slides { overflow: hidden; }
	
	.HomeSlider .flexslider .slides > li {
		background-repeat:no-repeat;
		background-position: top center;	
		height: 600px;
		display: none; 
			-moz-background-size:cover;
			-ms-background-size:cover;
			-o-background-size:cover;
			-webkit-background-size:cover;
		background-size:cover;
		transform:none;
	}
	
	.HomeSlider .flexslider .slides > li table {
		width:100%;
		height:600px;
	}
	
	/*= Direction Nav */
	.HomeSlider .flex-direction-nav a  {
		width: 30px; 
		height: 60px; 
		line-height:60px;
		margin:-30px 0 0 0;
		top:50%;
		z-index: 10;
		color:#fff; 
		background:none;
		text-align:center;
	}
	.HomeSlider .flex-direction-nav a:before {
		content: '';
		text-shadow:none;
		background:url(../images/prev.png) no-repeat;
		width:30px;
		height:60px;
	}
	.HomeSlider .flex-direction-nav a.flex-next:before {
		content: '';
		background:url(../images/next.png) no-repeat;
	}

	.HomeSlider .flex-direction-nav li { padding:0; margin:0;}
	
	.HomeSlider .flex-direction-nav .flex-prev {left: 0px;}
	.HomeSlider .flex-direction-nav .flex-next {right: 0px;}


	/*= Caption */
	.HomeSlider .flexslider {
		margin:0;
		padding:0;
		border:none;
		box-shadow:none;
		background:none;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.HomeSlider .SliderContainer {
		width:100%;
		height: 100%;
		margin:0 auto;
		position: absolute;
		top: 0;
		background:url(../images/overlay.png) rgba(0,0,0,.2);
	}
	.HomeSlider .SliderContainerInner {
		max-width:1260px;
		display:block;
		margin:0px auto;
		padding:0px;
		position:relative;
	}
	
	.HomeSlider .TitleCaption {
		z-index:50;
		left:0;
		top:0;
		width:65%;
		margin:0 auto;
		text-align:center;
		color:#fff;
	}
	
	.HomeSlider .TitleCaption .SldSlogan {
		font-family: 'Lora', serif;
		font-size:25px;
		line-height:32px;
		font-style:italic;
		color:#fff;
		font-weight:400;
	}
	
	.HomeSlider .TitleCaption .SldSpace{
		position:relative;
		height:7px;
		margin:20px 0 15px 0;
	}
	.HomeSlider .TitleCaption .SldSpace::before,
	.HomeSlider .TitleCaption .SldSpace::after {
		content:'';
		height:2px;
		width:90px;
		background:#ecef1a;
		position:absolute;
		left:50%;
		top:0;
		margin-left:-50px;
	}
	.HomeSlider .TitleCaption .SldSpace::after {
		top:auto;
		bottom:0;
		margin-left:-40px;
	}
	
	.HomeSlider .TitleCaption .SldHead {
		font-family: 'Barlow', sans-serif;
		font-size:60px;
		line-height:60px;
		color:#fff;
		font-weight:300;
		text-transform:uppercase;
		margin-bottom:30px;
	}
	.HomeSlider .TitleCaption .SldHead b,
	.HomeSlider .TitleCaption .SldHead strong { font-weight:600;}
	
	.HomeSlider .TitleCaption .Link a {
		font-family: 'Poppins', sans-serif;
		font-size:17px;
		line-height:22px;
		color:#fff;
		font-weight:600;
		text-transform:uppercase;
		min-width:200px;
		text-align:center;
		display:inline-block;
		padding:10px 30px;
		border:2px solid rgba(255,255,255,.3);
			-webkit-border-radius:40px;
		border-radius:40px;
		letter-spacing:1px;
	}
	.HomeSlider .TitleCaption .Link a:hover {
		background:#fff;
		color:#000;
		border-color:#fff;
	}

@media All and (max-width:991px) {
	.HomeSlider,
	.HomeSlider .flexslider .slides > li,
	.HomeSlider .flexslider .slides > li table { height:450px;}

	.HomeSlider .TitleCaption { width:80%;}
	
	.HomeSlider .TitleCaption .SldHead {
		font-size:40px;
		line-height:40px;
	}
}

@media All and (max-width:760px) {
	.HomeSlider,
	.HomeSlider .flexslider .slides > li,
	.HomeSlider .flexslider .slides > li table { height:calc(100vh - 65px);}

	.HomeSlider .TitleCaption .SldHead {
		font-size: 8vw;
		line-height: 1.1em;
		font-weight: 400;
	}
	.HomeSlider .TitleCaption .SldSlogan {
		font-size: 21px;
		line-height: 26px;
	}
}

@media All and (max-height:375px) {
	.HomeSlider .TitleCaption .SldHead {
		font-size: 5vw;
	}
}

	

/**===== OWL CAROUSEL =*/
/* https://owlcarousel2.github.io/OwlCarousel2/ */
	.MyCarousel .item { margin:0 15px;}

	.MyCarousel.owl-carousel .owl-item img {
		display: initial;
		width: auto;
	}

	.MyCarousel.owl-theme .owl-nav {
		position: absolute;
		top:50%;
		right:0;
		margin:0;
		margin-top:-30px;
		width:100%;
	}
	.MyCarousel.owl-theme .owl-nav [class*=owl-] {
		margin: 0 1px;
		padding: 0;
		height: 60px;
		width: 30px;
		line-height: 60px;
		background:none;
		border: none;
		font-size: 26px;
		color: #fff;
		display: inline-block;
		border-radius: 0;
		text-align: center;
			-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
		opacity:.25;
	}
	.MyCarousel.owl-theme .owl-nav .owl-next {
		position:absolute;
		right:-30px;
		padding: 0;
	}
	.MyCarousel.owl-theme .owl-nav .owl-prev {
		position:absolute;
		left:-30px;
		padding: 0;
	}
	.MyCarousel.owl-theme .owl-nav [class*=owl-]:hover {background:none; opacity:1;}
	
	.MyCarousel.owl-theme .owl-nav img { max-width:none;}

	.MyCarousel.owl-theme .owl-dots .owl-dot span {
		width: 12px;
		height: 12px;
		margin: 4px;
		background: #d5d5d5;
	}
	.MyCarousel.owl-theme .owl-dots .owl-dot.active span,
	.MyCarousel.owl-theme .owl-dots .owl-dot:hover span { background: #212229;}
	
	.TwoTestimonialCarousel.MyCarousel.owl-theme .owl-nav {
		top: auto;
		bottom: 130px;
	}
	
@media All and (max-width:760px) {
	.MyCarousel.owl-theme .owl-nav [class*=owl-] {
		height:40px;
		width:20px;
	}
	.MyCarousel.owl-theme .owl-nav img { max-width: 100%;}
	.MyCarousel.owl-theme .owl-nav .owl-next { right: -25px;}
	.MyCarousel.owl-theme .owl-nav .owl-prev {left: -25px;}
}



/**===== CUBE PORTFOLIO =*/

	.ProductsWrapp .cbp .cbp-item {
		background-color: #FFF;
	}
	.ProductsWrapp .cbp-item-off {
		visibility: hidden!important;
		display:none;
	}
	.ProductsWrapp .cbp-l-filters-buttonCenter {margin-bottom: 20px;}
	
	.ProductsWrapp .cbp-l-filters-buttonCenter .cbp-filter-item {
		border: 1px solid #dfe6ec;
		color: #151515;
		font: 600 14px/30px 'Poppins', sans-serif;
		    margin: 0 6px 6px 0;
		padding: 0 15px 1px 15px;
	}
	.ProductsWrapp .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
		color: #fff;
		border-color: #2c5600;
		background: #2c5600;
	}
	.ProductsWrapp .cbp-l-filters-buttonCenter .cbp-filter-item:hover {
		border-color: #2c5600;
		color:#2c5600;
	}
	.ProductsWrapp .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active:hover { color:#fff;}
	
	.ProductsWrapp .cbp-l-filters-buttonCenter .cbp-filter-item {
		display: inline-block;
		text-align: left;
	}