@charset "utf-8";
/* CSS Document */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
a{ color:#7ac142;}
#navbtn{ display:none;}
iframe{ max-width:100%;}
.nav-menu{}
ul li{ list-style-type:none;}
.nav-menu li{ position:relative; float:left;}
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:400 14px/34px 'Lora', serif; color:#354a45; padding:0 11px; white-space:nowrap; display:block; text-transform:uppercase;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ background:#fff; color:#7d1215; text-decoration:none; text-transform:uppercase;}
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#7d1215; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:400 14px/34px 'Lora', serif; color:#fff; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #a13134;}
.nav-menu .menu-item-has-children > a{ cursor:pointer;}
#content{ padding:25px 0 0;}

.gaptop{ padding-top:30px;}
.gapbottom{ padding-bottom:30px;}
.gap{ padding:40px 0;}
.mdlright{ float:right; width:50%;}
.spece{ padding:15px 0;}

#content h1{ font:400 italic 40px/50px 'Lora', serif; background:url(images/h1bg.png) no-repeat 50% 100%; padding-bottom:10px;}
#content h1 span{ color:#7e1215;}
#content p{ font:400 italic 15px/24px 'Lora', serif; padding:12px 0 0;}
#content h2{ font:400 italic 23px/25px 'Lora', serif; padding:10px 0 0;}
#content h3{ font:400 italic 32px/35px 'Lora', serif;}
#content h4{ font:400 30px/35px 'Lora', serif; color:#b26427; padding:0 0 25px 0;}
#content p strong{ color:#6d1112;}
.cqc{ padding:20px 0 0; margin:0 auto; display:table;}
.cqc ul li{ float:left;}
.cqc ul li+li{ padding-left:25px;}


.pagination{ display:none;}
.flexslider .flex-control-nav{ display:none;}
.flexslider{ position:relative;}
.flexslider .flex-direction-nav{ position:absolute; top:37%; left:7%; right:7%; transform: translate(0, -50%); -ms-transform: translate(0, -50%);   -webkit-transform: translate(0, -50%);}
.flexslider .flex-direction-nav li{ float:left;}
.flexslider .flex-direction-nav li+li{ float:right; display:block !important;}
.flexslider .flex-direction-nav li a{ font-size:0; width:23px; height:43px; display:block; z-index:100000;}
.flexslider .flex-direction-nav li a.flex-prev{ background:url(images/preniew.png) no-repeat 0 0;}
.flexslider .flex-direction-nav li a.flex-next{ background:url(images/next.png) no-repeat 0 0;}
.slides{ clear:both;}

header{ padding:10px 0;}
.right{ padding:15px; background:url(images/line.png) no-repeat 0 50%; float:right;}
#logo{ float:left;}
#navigation{ float:left; margin:40px 0 0; padding-left:20px;}
.right p{font:400 14px/16px 'Lora', serif; padding:5px 0 0 0;}
.right p img{ padding-right:5px;}
.right p a{ float:right; font:400 14px/16px 'Lora', serif; color:#000;}
.iconpart{ text-align:center;}

#banner{ text-align:center; position:relative;}
#enquiry{ background:#fff url(images/frombg.png) no-repeat 100% 0; border:1px solid #d0d0d0; padding:30px 45px;}
#enquiry label{ width:100%; display:block; margin:14px 0 4px;font:normal 15px/22px Arial, Helvetica, sans-serif; text-align:left;}
.wpcf7 .wpcf7-form-control-wrap{ width:100%; display:block;}
#enquiry input[type="text"], #enquiry input[type="email"], #enquiry input[type="password"]{ height:46px; background:none; border:1px solid #d8d8d8; text-indent:10px;font:normal 15px/48px Arial, Helvetica, sans-serif; width:100%; margin:4px 0 0; box-sizing:border-box; color:#000;}
#enquiry textarea{ height:115px; background:none; border:1px solid #d8d8d8; padding:4px;font:normal 15px/22px Arial, Helvetica, sans-serif; width:100%; resize:none; margin:4px 0 0; box-sizing:border-box;text-indent:10px; color:#000;}
#enquiry input[type="submit"], #enquiry input[type="button"]{ border:0; cursor:pointer; color:#fff; background:#b26427; font:400 18px/38px 'Roboto', sans-serif; text-transform:uppercase; padding:0 25px; margin:4px 0 0;}


.mdlbanner{ background:url(images/mdlbanner.png) no-repeat 50% 50%;}
footer{ background:#7d1215; margin:30px 0 0; padding:10px 0;}
footer p a{ color:#fff;}
.footerlogo{ float:left;}
.footerroght{ float:right;}
footer ul{ padding:30px 0 0;}
footer ul li a{ font:400 italic 14px/20px 'Lora', serif; color:#fff;}
footer ul li{ float:left; padding:0 18px;}
footer p{ color:#fff; font:400 italic 14px/20px 'Lora', serif; padding:12px 0 0;}

a.downloadbtn{ font:400 18px/20px 'Lora', serif; color:#000; background:#e1e1e1; padding:7px 75px 7px 40px; display:inline-block; border-radius:15px; border:1px solid #acacac; width:100%; margin:3px 0 0;}
a.downloadbtn img{ padding:0 10px 0 0;}
.mdlsec{ border-bottom:1px solid #dedede; border-top:1px solid #dedede;}
.mdlsec img{ border:7px solid #b26427;}
.mdlsec ul{ padding:20px 0 0;}
.mdlsec ul li{ padding:6px 0 0 24px; background:url(images/ulbg.png) no-repeat 0 8px; font:400 italic 14px/18px 'Lora', serif; color:#000;}
#content .mdlsec h2{ padding:0;}


@media only screen and (max-width: 1198px) {
.nav-menu li > a{ font-size:12px; padding:0 6px;}
.right{ background:none;}
#navigation{ float:right; margin:0;}

}
@media only screen and (max-width: 990px) {
	a.downloadbtn{ font-size:14px; padding:6px 20px;}
	.footerlogo{ float:none; text-align:center;}
	.footerroght{ float:none;}
	footer p{ text-align:center;}
	footer ul li{ padding:0 10px;}
	#enquiry{ padding:20px;}
	.mdlright{ width:65%;}
	#content h1{ font-size:35px;}
}
@media only screen and (max-width: 740px) {
#navigation{}
#navbtn{ display:block; background:#851417 url(images/navigation.png) no-repeat 0 0; width:38px; height:27px; font-size:0; cursor:pointer; margin:24px 0 0;}

/*.nav-menu li > a{ font:400 14px/35px 'Lora', serif; color:#FFF;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}*/

.nav-menu{ display:none; position:absolute; right:0; top:50px; min-width:250px; background:#dc9024; box-shadow:0 3px 5px #460603; z-index:9999;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #851417;}
.nav-menu li > a{ font:400 14px/40px 'Lora', serif; color:#FFF;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50% #7b1214;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}



#content h1{ font-size:24px;}
.iconpart img{ padding:20px 0 0;}
.mdlright{ width:100%;}
.mdlbanner{ background-attachment:fixed; background-size:cover;}
#enquiry{ margin:30px 0 0;}
.gap{ padding:25px 0;}
.smlgap{ padding:20px 0 0;}
}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
	.gap{ padding:20px 0;}
	.right{ float:none; margin:0 auto; display:table; width:100%;}
	#content h1{ line-height:28px;}
	a.downloadbtn img{ width:14%;}
	a.downloadbtn { font-size:11px; padding:6px 8px}
.cqc ul li{ float:none; text-align:center;}
.cqc ul li+li{ padding:15px 0 0 0;}
}

