/****************************************
	Layout
****************************************/
	.MainWrapper {
		max-width:1260px;
		display:block;
		margin:0px auto;
		position:relative;
	}
	
	/**===== TOP HEADER ==**/
	#TopHead {
		width:100%;
		position:relative;
		z-index:1000;
		background:#fff;
			-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
		box-shadow:0 0 4px rgba(0,0,0,.4);
		height:auto;
	}
	
	.animated {
			-webkit-animation-duration: 1s;
		animation-duration: 1s;
			-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	@-webkit-keyframes fadeInDown {
		from {
			opacity: 0;
				-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
		}	
		to {
			opacity: 1;
				-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes fadeInDown {
		from {
			opacity: 0;
				-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
		}	
		to {
			opacity: 1;
				-webkit-transform: none;
			transform: none;
		}
	}
	
	.fadeInDown {
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
	}

	#TopHead .affix {
		width:100%;
		top:0;
	}
	@media All and (min-width:991px){
		#TopHead .affix {
				-webkit-animation-name: fadeInDown;
			animation-name: fadeInDown;
		}	
	}


	#MidleRow {
		width:100%;
		position:relative;
		padding:0;
	}
	#MidleRow .MainWrapper { border-bottom:1px solid #d5d5d5;}
	
	#MidleRow .Logo {
		float:left;
		margin-top:24px;
		margin-bottom:25px;
	}
	#MidleRow .LogoArab {
		float:left;
		margin-top:27px;
		padding-left:15px;
	}
	
	#MidleRow .TopContactInfo {
		float:right;
		margin-top:26px;
	}
	
	#MidleRow .TopContactInfo ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#MidleRow .TopContactInfo ul li {
		margin:0 0 0 30px;
		padding:0;
		display:inline-block;
		font-size:17px;
		font-weight:400;
	}
	
	#MidleRow .TopContactInfo ul li img {
		float:left;
		position:relative;
		top:1px;
	}

	#MidleRow .TopContactInfo ul li p {
		float: right;
		margin: -2px 0 0 10px;
		line-height: 22px;
	}
	#MidleRow .TopContactInfo ul li a { color:#212229;}
	#MidleRow .TopContactInfo ul li a:hover { color:#285500;}
	#MidleRow .TopContactInfo ul li strong {
		font-weight:600;
		color:#285500;
		font-size:16px;
	}

	.NavFixLogo {
		float: left;
		position: relative;
		z-index: 10;
		display:none;
		margin-right:20px;
	}
	.NavFixLogo img { height:40px;}
	#TopHead.th_active .NavFixLogo { display:block;}

	#TopbarHeightFix { display:none;}



	/*===== HEADING STYLE ==*/
	.TitleStyle {
		position:relative;
		margin-bottom:40px;
		text-align:center;
	}
	.TitleStyle h2 {
		font-family: 'Barlow', sans-serif;
		font-size:50px;
		line-height:50px;
		color:#212229;
		font-weight:300;
		text-transform:uppercase;
	}
	.TitleStyle h3 {
		font-family: 'Lora', serif;
		font-size:25px;
		line-height:32px;
		font-style:italic;
		color:#285500;
		font-weight:400;
		position:relative;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.TitleStyle h3::before,
	.TitleStyle h3::after {
		content:'';
		height:2px;
		width:90px;
		background:#d5d5d5;
		position:absolute;
		left:50%;
		bottom:0;
		margin-left:-50px;
	}
	.TitleStyle h3::after {
		top:auto;
		bottom:-5px;
		margin-left:-40px;
	}
	
	.SubHead {
		font-family: 'Barlow', sans-serif;
		font-size:28px;
		line-height:28px;
		color:#212229;
		font-weight:500;
		margin-bottom:12px;
		text-transform:uppercase;
	}
	.SubHead2 {
		font-family: 'Barlow', sans-serif;
		font-size:22px;
		line-height:22px;
		color:#285500;
		font-weight:600;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	
	.Heading1 {
		font-family: 'Barlow', sans-serif;
		font-size:40px;
		line-height:40px;
		color:#212229;
		font-weight:300;
		text-transform:uppercase;
		margin-bottom:20px;
	}
	
	.HeadLrg {
		font-size:40px;
		line-height:46px;
		font-weight:600;
		color:#83888f;
		margin-bottom:25px;
	}
	.HeadLrg span { color:#212229;}
	

	/**===== BODY CONTENTS ==**/
	.WhiteWrapper, .GreyWrapper {
		position:relative;
		padding:10vh 0;
	}
	.WhiteWrapper { background:#fff;}
	.GreyWrapper { background:#f5f5f5;}


	/*= Parallax Wrapper =*/
	.ParallaxWrapp {
		background-color:#000;
		background-repeat:no-repeat;
		background-image:url(../images/bg_parallax.jpg);
		background-position:center center;
		background-attachment:fixed;
			-moz-background-size:cover;
			-ms-background-size:cover;
			-o-background-size:cover;
			-webkit-background-size:cover;
		background-size:cover;
		position:relative;
		z-index:1;
		color:#fff;
	}
	.ParallaxWrapp > div {
		background:url(../images/overlay.png) rgba(0,0,0,.4);
		height:100%;
		width:100%;
		padding:15vh 0;
	}
	
	.ParallaxWrapp h2,
	.ParallaxWrapp h3 {color:#fff;}
	.ParallaxWrapp h3::before,
	.ParallaxWrapp h3::after {background:#ecef1a;}
	
	.ParallaxWrapp .HeadLrg { color:#fff;}
	.ParallaxWrapp .HeadLrg span { color:#ecef1a;}


	/*===== DESIGN LAYOUT ==*/
	#Welcome { margin-top:30px;}
	
	#Welcome > .row {
		margin-left:-30px;
		margin-right:-30px;
	}
	#Welcome > .row > .col-lg-6 {
		padding-left:30px;
		padding-right:30px;
	}
	
	.HomeRightColl {
		font-family: 'Barlow', sans-serif;
		font-size:19px;
		line-height:22px;
		font-weight:500;
		color:#83888f;
		text-transform:uppercase;
		text-align:center;
	}
	.HomeRightColl p { margin-bottom:30px;}
	
	#Brand { margin-top:25px;}
	
	.Highlited {
		text-align:left;
		margin-bottom:30px;
	}
	.Highlited .Lrg {
		font-family: 'Barlow', sans-serif;
		float:left;
		font-size:120px;
		line-height:120px;
		color:#285500;
		font-weight:700;
		margin-right:10px;
	}
	.Highlited .Sml {
		font-size:30px;
		line-height:30px;
		color:#212229;
		font-weight:300;
		text-transform:uppercase;
		padding-top:32px;
		margin-bottom:3px;
	}
	.Highlited .Mdm {
		font-size:50px;
		line-height:50px;
		color:#212229;
		font-weight:600;
		text-transform:uppercase;
	}


	.Category > .row { margin:0;}
	.Category > .row > .col-md-6 { padding:0;}

	.Category .TableStyle {
		display: table;
		width:100%;
	}
	.Category .TableStyle > .tr { display: table-row;}
	.Category .TableStyle > .tr > .td {
		display: table-cell;
		width:50%;
		vertical-align:middle;
		background:#fff;
		text-align:center;
		overflow:hidden;
		position:relative;
			-webkit-transition: 0.5s ease;
		transition: 0.5s ease;
	}

	.Category .TableStyle > .tr img {
		width:100%;
			-webkit-transition: 0.5s ease;
		transition: 0.5s ease;
	}
	.Category .TableStyle > .tr:hover img {
			-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	.Category .TableStyle > .tr > .td .Inner { padding:25px 10px;}

	.Category .Caption {
		position:relative;
		padding-bottom:20px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.Category .Caption::before,
	.Category .Caption::after {
		content: '';
		height: 2px;
		width: 90px;
		background: #d5d5d5;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -50px;
	}
	.Category .Caption::after{
		top: auto;
		bottom: -5px;
		margin-left: -40px;
	}

	.Category .TableStyle > .tr:hover > .td .Caption { margin-bottom:20px;}

	.Category .Caption h4 {
		font-size: 27px;
		line-height: 27px;
		font-weight: 500;
		text-transform: uppercase;
		color: #000;
		margin-bottom: 6px;
	}
	.Category .Caption h5 {
		font-family: 'Lora', serif;
		font-size:18px;
		line-height:24px;
		font-weight:400;
		color:#83888f;
		font-style:italic;
	}

	.Category .Link {
		position:absolute;
		bottom:-100%;
		left:0;
		width:100%;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.Category .TableStyle > .tr:hover > .td .Link { position:relative;}
	
	.Category .TableStyle > .tr > .td .btn {
		font-size:15px;
		min-width:160px;
	}
	.Category .TableStyle > .tr > .td .btn a {padding:11px 15px 10px 15px;}

	.Category .TableStyle > .tr > .td.SecondMbl,
	.Category .TableStyle > .tr > .td.ThirdMbl,
	.Category .TableStyle > .tr > .td.FourMbl { display:none;}
	

	/*= Counter =*/  
	.CounterWrapp { margin-top:80px;}

	.CounterWrapp ul {
		margin:0;
		padding:0;
		list-style:none;
		display:block;
		text-align:center;
	}
	.CounterWrapp ul li {
		margin:0;
		padding:0;
		display:inline-block;
		text-align:left;
		width:280px;
	}
	
	.CounterWrapp ul li .Counting {
		font-family: 'Barlow', sans-serif;
		font-size:40px;
		line-height:40px;
		font-weight:300;
		color:#fff;
	}
	.CounterWrapp ul li .Title {
		font-family: 'Lora', serif;
		font-size:20px;
		line-height:24px;
		color:#999;
		font-weight:400;
		font-style:italic;
	}
	.CounterWrapp ul li img {
		float:left;
		position:relative;
		top:4px;
		margin-right:10px;
	}

	.Feedback {
		font-family: 'Lora', serif;
		text-align:center;
		font-size:17px;
		line-height:25px;
		font-weight:400;
		font-style:italic;
		color:#212229;
	}
	.Feedback .Name {
		font-family: 'Poppins', sans-serif;
		font-weight:400;
		color:#a7a9ac;
		font-style:normal;
	}
	.Feedback .Name b,
	.Feedback .Name strong {
		font-size:600;
		color:#285500;
	}



	/*===== SUBPAGE CONTENTS ==*/
	.SubpageWrapper > .MainWrapper > .row {
		margin-left:-30px;
		margin-right:-30px;
	}
	.SubpageWrapper > .MainWrapper > .row > .col-lg-8,
	.SubpageWrapper > .MainWrapper > .row > .col-lg-4,
	.SubpageWrapper > .MainWrapper > .row > .col-md-8,
	.SubpageWrapper > .MainWrapper > .row > .col-md-7,
	.SubpageWrapper > .MainWrapper > .row > .col-md-6,
	.SubpageWrapper > .MainWrapper > .row > .col-md-5,
	.SubpageWrapper > .MainWrapper > .row > .col-md-4,
	.SubpageWrapper > .MainWrapper > .row > .col-xs-12 {
		padding-left:30px;
		padding-right:30px;
	}


	/*= Subpage Header =*/
	.PageTitle {
		width:100%;
		position:relative;
		overflow:hidden;
		background: url(../images/bg_parallax.jpg) no-repeat fixed;
		background-position:center center;
			-webkit-background-size:cover;
		background-size:cover;
		text-align:center;
	}
	.PageTitle > div {
		padding-top: 10vh;
		padding-bottom: 10vh;
		background:url(../images/overlay.png) rgba(0,0,0,.4);
	}
	.PageTitle h2,
	.PageTitle h3 {color:#fff;}
	.PageTitle h3::before,
	.PageTitle h3::after {background:#ecef1a;}
	
	.PageTitle .TitleStyle { margin-bottom:0;}
	
	#ContactUs .SubHead2 {
		color:#212229;
		border-bottom:1px solid #d5d5d5;
		padding-bottom:6px;
		margin-bottom:15px;
	}
	.ContactInfo {
		font-size:16px;
		line-height:22px;
		font-weight:400;
	}
	.ContactInfo img {
		float: left;
		position: relative;
		top: 2px;
		margin-right: 12px;
	}
	.ContactInfo a { color:#26262d;}
	
	.FormWrapper p { margin-bottom:30px;}
	.FormWrapper .btn { margin-top:20px;}
	
	.ContactInfo .SocialLinks { margin-top:15px;}
	
	
	/*= Product Box =*/
	.ItemBox {
		background:#fff;
		position:relative;
			-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}

	.ItemBox .ItemPic {
		width:100%;
		height:250px;
		overflow:hidden;
	}
	.ItemBox .ItemPic .Img {
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-position:center center;
			/*-webkit-background-size:auto 100%;
		background-size:auto 100%;*/
			-webkit-background-size:cover;
		background-size:cover;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.ItemBox:hover .Img {
			-webkit-transform:scale(1.15);
		transform:scale(1.15);
	}
	.ItemBox .ItemPic a {
		display:block;
		height:100%;
		width:100%;
	}
	
	.ItemBox .Inner {
		padding:20px;
		text-align:center;
		background:#f5f5f5;
	}
	
	.ItemBox .Name {
		font-family: 'Barlow', sans-serif;
		font-size:22px;
		line-height:24px;
		font-weight:500;
		color:#26262d;
		text-transform:uppercase;
		margin-bottom:20px;
		/*text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;*/
	}
	
	.ItemBox .btn {
		font-size:15px;
		min-width:150px;
		background:#ccc;
	}
	.ItemBox:hover .btn { background:#2c5600;}
	.ItemBox .AnchorBtn.btn a { padding:9px 15px;}
	
	.ProductWrapp .ItemBox { margin-bottom:30px;}



	/*===== FOOTER ==*/
	#Footer {
		width:100%;
		background:#fff;
		border-top:2px solid #d5d5d5;
		position:relative;
		padding:50px 0;
		font-size:16px;
		line-height:24px;
		font-weight:400;
		color:#999;
	}
	#Footer a { color:#212229;}
	#Footer a.moreInfo { color:#285500;}
	#Footer a.moreInfo span { border-color:#212229;}
	
	#FootTop {
		font-family: 'Lora', serif;
		font-size:17px;
		line-height:22px;
		color:#999;
		font-style:italic;
	}

	#FootTop .Title {
		font-family: 'Barlow', sans-serif;
		font-size:20px;
		line-height:20px;
		color:#212229;
		font-weight:600;
		text-transform:uppercase;
		font-style:normal;
		margin-bottom:6px;
	}
	#FootTop img {
		float:left;
		margin-right:12px;
	}
	
	#FootAddress {
		border-top:1px solid #d5d5d5;
		border-bottom:1px solid #d5d5d5;
		padding:30px 0;
		margin-bottom:30px;
		margin-top:5px;
	}
	#FootAddress i {
		color:#285500;
		margin-right:4px;
	}
	#FootAddress i.fa-phone-square {
		font-size:18px;
		position:relative;
		top:1px;
	}
	#FootAddress .Left {
		text-align:right;
		border-right:1px solid #d5d5d5;
	}
	#FootAddress .col-sm-6 { padding:5px 30px;}

	#Copyright {
		font-size:15px;
		text-align:center;
	}
	
	#Copyright div { display:inline-block;}

	.SocialLinks ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.SocialLinks ul li {
		margin:0 2px;
		padding:0;
		display:inline-block;
	}
	.SocialLinks ul li a {
		background:#fff;
		color:#fff;
		font-size:16px;
		height:36px;
		width:36px;
		line-height:36px;
		text-align:center;
		border:1px solid #d5d5d5;
			-webkit-border-radius:100%;
		border-radius:100%;
		display:block;
	}
	
	.IcoFB a { background:#3a5499 !important; border-color:#3a5499 !important;}
	.IcoTW a { background:#17b9f7 !important; border-color:#17b9f7 !important;}
	.IcoGP a { background:#d92b2b !important; border-color:#d92b2b !important;}