@import url("generic.css");
@import url("top-menu.css");
@import url("slideshow-carousel.css");
@import url("subpages.css");


/****************************************
	Layout
****************************************/
	.MainWrapper {
		max-width:1320px;
		display:block;
		margin:0px auto;
		position:relative;
	}


	/**===== TOP HEADER ==**/
	#TopHead {
		width:100%;
		position:relative;
		z-index:1001;
		height:auto !important;
	}
	#TopHeadHeightFixed { display:none;}


	#TopHead .BotmRow {
		background:#fff;
			-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);
		box-shadow:0 0 4px rgba(0,0,0,.25);
	}

	#TopHead .BotmRow .Logo {
		float:left;
		margin:10px 0 10px 2.5%;
	}

	#TopHead .CntctInfo {
		float:left;
		line-height:20px;
		letter-spacing:0.04em;
		margin-top:39px;
		margin-left:40px;
	}
	#TopHead .CntctInfo img {
		float:left;
		height:50px;
		margin-right:12px;
		position:relative;
		top:-4px;
	}
	#TopHead .CntctInfo > div { float:left;}
	
	#TopHead .CntctInfo b,
	#TopHead .CntctInfo strong {
		font-size:23px;
		font-weight:700;
		color:#222;
	}
	#TopHead .CntctInfo a { color:#222;}
	#TopHead .CntctInfo a:hover { color:#65200b;}
	#TopHead .CntctInfo a.moreInfo {
		font-size:15px;
		font-weight:600;
		color:#0f4385;
	}
	#TopHead .CntctInfo a.moreInfo span { border-color:#0f4385;}
	

@media All and (min-width:991px) {
	#TopHead.th_active .Logo img { height:70px;}
	#TopHead.th_active .CntctInfo { margin-top:25px;}
}



	/*===== HEADING STYLE ==*/
	.TitleStyle {
		position:relative;
		text-align:Left;
		margin-bottom:4vh;
	}

	.TitleStyle .Top {
		font-family: 'Maiandra GD';
		font-size:40px;
		line-height:42px;
		font-weight:normal;
		color:#222;
		margin-bottom:20px;
		border-left:5px solid #ccc;
		padding:0 0 4px 15px;
	}

	.TitleStyle .Bottom {
		font-size:20px;
		line-height:24px;
		text-transform:uppercase;
		font-weight:500;
		color:#9c4e27;
	}
	.TitleStyle .Tag {
		font-size:17px;
		line-height:20px;
		font-weight:800;
		color:#ccc;
		text-transform:uppercase;
		letter-spacing:2px;
		margin-bottom:15px;
	}

	.TitleStyle.Center { text-align:center;}
	.TitleStyle.Center .Top {
		padding:0;
		border:none;
	}

	.DarkWrapper .TitleStyle .Top { color:#fff;}

	.ColorWrapper .TitleStyle .Top { color:#fff;}
	.ColorWrapper .TitleStyle .Bottom { color:#000;}

	.SubHeading {
		font-size:25px;
		line-height:30px;
		font-weight:500;
		color:#333;
		position:relative;
		margin-bottom:10px;
	}
	
	.Slogan {
		font-family: 'Maiandra GD';
		font-size:30px;
		line-height:32px;
		font-weight:normal;
		color:#222;
	}



	/**===== BODY CONTENTS ==**/
	.WhiteWrapper, .GreyWrapper, .DarkWrapper, .LightWrapper, .ColorWrapper {
		position:relative;
		padding:8vh 0 5vh 0;
	}
	.WhiteWrapper { background:#fff;}
	.GreyWrapper { background:#f0f0f0;}
	.DarkWrapper { background:#222;}
	.LightWrapper { background:#f5f5f5;}
	.ColorWrapper { background:#65200b;}

	.ParallaxWrapp {color:#bbb;}
	.ParallaxWrapp > div {
		background:url(../images/overlay.png) rgba(0,0,0,.35);
		padding:8vh 0 5vh 0;
	}

	.ColorWrapper .TitleStyle .Tag,
	.ParallaxWrapp .TitleStyle .Tag { color:#ffd800;}
	
	.ColorWrapper .TitleStyle .Top,
	.ParallaxWrapp .TitleStyle .Top { color:#fff;}
	
	.ColorWrapper .TitleStyle .Bottom,
	.ParallaxWrapp .TitleStyle .Bottom { color:#ccc;}


	/*===== DESIGN LAYOUT ==*/
	#Welcome .Slogan { margin-top:4vh;}
	#Welcome.GreyWrapper { padding-bottom:100px;}
	#Welcome .col-lg-7 { margin-top:30px;}

	.Services {
		position:relative;
		background:#fff;
	}
	.Services .Box {
		text-align:center;
		font-size:16px;
		line-height:22px;
		position:relative;
		top:-80px;
	}
	
	.Services .Box .Image { overflow:hidden;}
	.Services .Box .Image img {
		margin:0 auto;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.Services .Box:hover .Image img {
		transform:scale(1.2);
	}

	.Services .Box .Title {
		font-family: 'Maiandra GD';
		font-size:25px;
		line-height:32px;
		font-weight:normal;
		color:#222;
		margin-top:20px;
		margin-bottom:10px;
	}
	
	.Services .Box .Theme.btn {
		background: #e5e5e5;
		font-size:15px;
		min-width:auto;
	}
	.Theme.btn.AnchorBtn a {padding: 11px 21px;}
	.Services .Box:hover .Theme.btn {background: #9b4d2c;}
	.Services .Box:hover .Theme.btn:hover {background: #222;}


	/*= Why Choose */
	.Process .Boxx {
		text-align:center;
		position:relative;
		padding:30px 0;
		margin:30px 0;
	}
	.Process .Boxx img {
		height:100px;
		margin-bottom:20px;
	}
	.Process .Boxx .Title {
		font-size:21px;
		line-height:26px;
		font-weight:500;
		color:#222;
		margin-bottom:5px;
	}

	.ParallaxWrapp .Process .Boxx .Title { color:#fff;}
	.ParallaxWrapp .Process .Boxx p {
		margin:0;
		height:90px;
	}

	.Process .Boxx::before,
	.Process .Boxx::after  {
		content:'';
		background:#eee;
		position:absolute;
	}

	.ParallaxWrapp .Process .Boxx::before,
	.ParallaxWrapp .Process .Boxx::after  { background:rgba(255,255,255,0.25);}

	.Process .Boxx::before {
		height:100%;
		width:1px;
		right:-30px;
		top:0;
	}
	.Process .Boxx::after {
		height:1px;
		width:100%;
		left:0;
		bottom:-30px;
	}

	.Process .Boxx.Three::before,
	.Process .Boxx.Six::before,
	.Process .Boxx.Four::after,
	.Process .Boxx.Five::after,
	.Process .Boxx.Six::after { display:none;}
	
	.Process>.row {
		margin-left:-30px;
		margin-right:-30px;
	}
	.Process>.row>* {
		padding-left:30px;
		padding-right:30px;
	}
	
	#Form {
		background:#134483;
		color:#fff;
		padding:50px;
		position:relative;
		top:-80px;
		z-index:1;
	}
	#Form .form-control {
		border-color:rgba(255,255,255,0.25);
		border-top:none;
		border-left:none;
		border-right:none;
	}
	#Form .FieldWrapp label { color:#fff;}
	#Form .FieldWrapp .not_empty + label {
		color:#c5c5c5;
	}
	
	#Form .TitleStyle .Tag {color: #ffd800;}
	#Form .TitleStyle .Top {
		color:#fff;
		border-color:rgba(255,255,255,0.25);
	}
	#Form .Theme.btn {
		background: #fff;
		color: #222;
	}
	#Form .Theme.btn:hover {
		background: #222;
		color: #fff;
	}
	
	#OurGoodness.ParallaxWrapp>div {
		padding-bottom:100px;
	}
	
	.Points {
		margin-top:100px;
		margin-left:30px;
	}
	.Points ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.Points ul li {
		margin:0;
		padding:20px 0 20px 65px;
		position:relative;
		display:block;
		color:#222;
		font-weight:600;
	}
	.Points ul li::before {
		content:'\02714';
		position:absolute;
		top:50%;
		left:0;
		height:50px;
		width:50px;
		line-height:48px;
		text-align:center;
		font-size:26px;
		color:#9c4e27;
		border:2px solid #9c4e27;
			-webkit-border-radius:100%;
		border-radius:100%;
		margin-top:-25px;
	}
	.Points ul li a { color:#222;}

	.ContactWrapp {position:relative;}
	.ContactWrapp::before {
		content:'';
		background-image:url(../images/logo_lrg.jpg);
		background-position:right top;
		background-repeat:no-repeat;
		position:absolute;
		top:30px;
		right:30px;
		width:493px;
		height:452px;
		opacity:0.15;
	}



	/*===== FOOTER ==*/
	#Footer {
		background:#222;
		font-size:16px;
		line-height:25px;
		color:#999;
		padding-top:6vh;
	}

	#Footer a { color:#fff;}
	#Footer a:hover { color:#999;}
	#Footer a.moreInfo span { border-color:#999;}

	#Footer .RowOne {
		border-bottom:1px solid rgba(255,255,255,0.15);
		padding-bottom:40px;
	}
	#Footer .RowOne>.row>*,
	#Footer .RowTwo>.row>* {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#Footer .RowTwo>.row>* {
		justify-content: normal;
		padding-top:30px;
		padding-bottom:40px;
	}

	#Footer .RowTwo>.row>*:first-child {border-right:1px solid rgba(255,255,255,0.15);}
	#Footer .RowTwo>.row>*:first-child .Inner { padding-right:30px;}
	#Footer .RowTwo>.row>*:last-child .Inner { padding-left:30px;}

	#Footer .NewsletterForm {
		position:relative;
		margin-bottom:25px;
	}
	#Footer .form-control {border-color:rgba(255,255,255,0.15);}
	#Footer .form-control:focus {border-color: #fff; }
	#Footer .FieldWrapp input:focus + label,
	#Footer .FieldWrapp textarea:focus + label {color: #fff;}
	#Footer .FieldWrapp .not_empty + label { display:none;}

	#Footer .NewsletterForm .btn {
		position:absolute;
		top:2px;
		right:2px;
		z-index:1;
		min-width: auto;
		padding-top:12px;
		padding-bottom:12px;
		font-size:14px;
		font-weight:500;
	}
	#Footer .Theme.btn:hover,
	#Footer .Theme.btn:focus,
	#Footer .Theme.btn.focus {
		background: #fff;
		color: #222;
	}

	#Footer .MyCarousel .carousel-indicators {justify-content: left;}
	#Footer .MyCarousel .carousel-indicators li {
		background-color:#fff;
		opacity:0.2;
	}
	#Footer .MyCarousel .carousel-indicators .active { opacity: 1;}
	
	#Footer .MyCarousel .carousel-indicators {
		margin:0;
		bottom:-60px;
	}

	.Feedback .Name {
		font-size:17px;
		line-height:22px;
		font-weight:500;
		color:#fff;
		position:relative;
		display:inline-block;
		padding-left:25px;
		margin-bottom:5px;
	}
	.Feedback .Name::before {
		content:'';
		height:1px;
		width:20px;
		background:#fff;
		position:absolute;
		top:11px;
		left:0;
	}
	.Feedback .Tagline {
		font-size:14px;
		line-height:20px;
		font-weight:400;
		color:#888;
	}

	#Footer .Copyright {
		border-top:1px solid rgba(255,255,255,.2);
		padding-top:40px;
		padding-bottom:40px;
		text-align:center;
	}
	#Footer .Copyright .Inline {display: inline-block;}
	#Footer .Copyright .Hide {
		padding: 0 15px;
		color: #999;
	}

	#Footer .TitleStyle .Tag { color:#666;}
	#Footer .TitleStyle .Top {
		font-size: 26px;
		line-height: 32px;
		color: #fff;
		margin-bottom: 0;
		border-left-color:#9c4e27;
		padding: 0 0 2px 15px;
	}
	
	#Footer .SocialLinks ul li { margin-right:2px;}
	#Footer .SocialLinks ul li.Twitter,
	#Footer .SocialLinks ul li.Linkedin,
	#Footer .SocialLinks ul li.GooglePlus,
	#Footer .SocialLinks ul li.YouTube,
	#Footer .SocialLinks ul li.Pinterest,
	#Footer .SocialLinks ul li.RssFeed { display:none;}
	
	#Footer .SocialLinks ul li a:hover { background:#9c4e27;}




/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1400px or less ===========*/
@media All and (max-width:1480px) {
	.MainWrapper {
		margin:0px 5%;
		max-width:100%;
	}
}


/***** for 1280px or less ===========*/
@media All and (max-width:1280px) {
	#TopHead .BotmRow .Logo { margin-left:20px;}
	#TopHead .CntctInfo { margin-left:30px;}
}

@media All and (max-width:1199px) {
	.MainWrapper { margin:0px 20px;}
	
	#TopHead .CntctInfo { display:none;}
	
	.Services { padding-top:30px;}
	.Services .Box {
		top: 0;
		border: 1px solid #eee;
		padding: 30px;
		margin-bottom: 30px;
	}
	
	#Welcome.GreyWrapper { padding-bottom: 5vh;}
	
	.Process .Boxx.Two::before,
	.Process .Boxx.Four::before { display:none;}
	
	.Process .Boxx.Three::before,
	.Process .Boxx.Four::after { display:block;}
	
	.Process>.row {
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.Points {
		margin-top: 60px;
		margin-left: 0;
		margin-bottom:30px;
	}
	#Form { top:0;}
}


/***** for 1024px or less ===========*/
@media All and (max-width:991px) {
	.ParallaxWrapp { background-attachment:scroll;}
	
	.ParallaxVideo {height: calc(100vh - 70px);}

	#TopHead {
		background:#fff;
		height:80px !important;
		position:fixed;
			-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);
		box-shadow:0 0 4px rgba(0,0,0,.25);
	}
	#TopHeadHeightFixed {
		display:block;
		height:80px;
	}
	#TopHead .UperRow { display:none;}

	#TopHead .BotmRow {
		background: none;
		box-shadow: none;
	}
	#TopHead .BotmRow .MainWrapper { margin:0;}
	#TopHead .BotmRow .Logo {
		float:none;
		margin:0;
	}
	#TopHead .BotmRow .Logo img {
		margin:5px 0 5px 15px;
		height:70px;
	}
	
	#TopHead .CntctInfo b,
	#TopHead .CntctInfo strong {
		font-size:18px;
		font-weight:600;
	}
	#TopHead .CntctInfo a.moreInfo {
		font-size:14px;
		font-weight:500;
	}
	
	#Footer .RowTwo>.row>*:first-child .Inner {padding-right: 0;}
	#Footer .RowTwo>.row>*:first-child {border-right:none;}
	#Footer .RowTwo>.row>*:last-child .Inner { padding-left:0;}
	#Footer .RowOne{ display:none;}
	#Footer .MyCarousel .carousel-indicators { justify-content: flex-end;}
	
	#Welcome .col-lg-7,
	#Welcome .Slogan { margin-top:0;}
}


/***** for 768px or less ===========*/
@media All and (max-width:768px) {

}

@media All and (max-width:767px) {
	.Process .Boxx {
		border-bottom:1px solid rgba(255,255,255,0.25);
		margin-bottom:0;
		padding-top:0;
	}
	.Process .Boxx.Six { border-bottom:none;}

	.Process .Boxx::before,
	.Process .Boxx::after { display:none !important;}
	.Process .Boxx img { height: 80px;}
	.Process .Boxx {
		padding: 20px 0;
		margin: 0;
	}
	.Process>.row {
		margin-left:-15px;
		margin-right:-15px;
	}
	.Process>.row>* {
		padding-left: 15px;
		padding-right: 15px;
	}
	.ParallaxWrapp .Process .Boxx p { height:auto;}
}

@media All and (max-width:760px) {
	body {
		font-size: 15px;
		line-height: 23px;
		font-weight:400;
	}
	p { margin-bottom:20px;}

	.WhiteWrapper, .GreyWrapper, .DarkWrapper, .LightWrapper, 
	.ColorWrapper, .ParallaxWrapp > div { padding: 40px 0 20px 0;}

	.TitleStyle .Top {
		font-size: 28px;
		line-height: 32px;
	}
	.TitleStyle .Bottom {
		font-size: 18px;
		line-height: 23px;
	}

	#Welcome .Slogan { margin-top: 0;}

	.Slogan {
		font-size: 22px;
		line-height: 27px;
	}

	#Welcome.GreyWrapper { padding-bottom:15px;}
	.Process .Boxx .Title {
		font-size: 16px;
		line-height: 22px;
		font-weight: 600;
	}
	#OurGoodness.ParallaxWrapp>div { padding-bottom: 25px;}
	#Form { padding:25px;}

	.About .TitleStyle .Top {
		font-size: 25px;
		line-height: 29px;
	}
	.SubHeading {
		font-size: 20px;
		line-height: 28px;
	}
}


/***** for 576px or less ===========*/
@media All and (max-width:576px) {
	.Services .Box { padding:20px;}
	
	.ContactWrapp::before {
		background-size: 100% auto;
		right: 0;
		width: 100%;
		height: 100%;
	}
	#Footer .Copyright .Hide {display: none;}
	#Footer .Copyright .Inline {display: block;}
}

@media All and (max-width:480px) {
	.Points ul li {
		line-height:18px;
		padding-left:50px;
	}
	.Points ul li::before {
		height: 40px;
		width: 40px;
		line-height: 38px;
		font-size: 19px;
		margin-top: -20px;
	}
}