/*
	themename:
	Author: Emmanuel L. Ruaza
*/
html{font-family: 'Open Sans', sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0; font: 15px/25px 'Open Sans', sans-serif; color:#111; background: #000}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0;text-decoration:none;transition: all 0.3s linear;-webkit-transition: all 0.3s linear}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn,em{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.entry-content iframe {width:100%;overflow:hidden;border:none}ul{margin: 0; padding: 0;}

/*================ global style ================*/
.comp{color: #bc0909; font-weight: bold; }
.comingsoon{color: red!important; font-weight: bold!important; font-style: italic!important; }
#wrapper{width: 480px; height: auto; margin: 0 auto; position: relative;}
.oswald{font-family: 'Oswald', sans-serif;}

/*========== header */
header{background:#fff;padding:0 15px;border-radius:15px 15px 0 0;margin-top:16px;}
	#logo{display: block; background: #fff; width: 100%; padding: 20px 0;}
	.header_btn{margin: 10px 0 0;}
	.header_btn a{display: block; width: 219px; line-height: 50px; text-indent: 87px; font-size: 19px; color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;background:url(images/headerbtns-bg.png) no-repeat center 4px,url(images/headerbtn-bg.jpg) repeat-x left bottom;position:relative;}
	.header_btn a:hover {background:url(images/headerbtns-bg2.png) no-repeat center 4px,url(images/headerbtn-bg.jpg) repeat-x left top;}
		.emailus:before {content:url(images/emailus.png);position:absolute;left:-60px;top:4px;}
		.callus:before{content:url(images/callus.png);position:absolute;left:-60px;top:4px;}

	.social h2 {font:bold 22px Open Sans;color:#9c0202;position:relative;margin:0;}
	.social img {vertical-align:middle;position:relative;bottom:6px;}

	.contact-num {margin:10px 0 32px;}
	.contact-num h2 {font:bold 22px/27px Open Sans;color:#131313;margin:0;}
	.contact-num h2 span {display:block;}


/*========== main-navigation */
nav.pageNav{height: 53px; position: relative; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; margin-bottom: 15px;}
	nav.pageNav ul{margin: 0; list-style: none; padding: 0;}
	nav.pageNav ul li{margin: 0 0 6px;}
	nav.pageNav li a{display: block; line-height: 53px; font-weight: bold; font-size: 18px; color: #fff; text-indent: 20px; background: #c50000;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.pageNav ul li {position: relative;}
.pageNav ul ul {display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; z-index: 999;width:100%;}
.pageNav ul ul ul {left: 100%; top: 0;}
.pageNav ul ul li{display: block; width:100%;}
.pageNav ul ul li a {width:100%; height: auto;margin: auto; display: block;text-indent: 15px; border-bottom: 1px solid #fff;background:#F24545 ;}
.pageNav ul li:hover > ul {display: block; visibility: visible; }

.pageNav ul li span{position: absolute; right: -16px; top: 5px; display: block; padding: 5px; cursor: pointer; z-index: 9;color:#fff;}

	nav.pageNav li a:hover, nav.pageNav li.current a{
background: #ff9305; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9305 0%, #ff700a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9305), color-stop(100%,#ff700a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9305 0%,#ff700a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9305 0%,#ff700a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9305 0%,#ff700a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9305 0%,#ff700a 100%); /* W3C */}

	#toggle{display: block; position: absolute; right: 10px; top: 8px; z-index: 9; width: 37px; height: 35px;cursor: pointer; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
		#toggle span{transition: all 0.4s ease; -webkit-transition: all 0.4s ease; display: block; width: 28px; height: 5px; background: #fff; margin: 15px auto; position: relative;}
			#toggle span:before, #toggle span:after{display: block; content: ""; width: 28px; height: 5px; background: #fff; position: absolute; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
			#toggle span:before{top: -9px;}
			#toggle span:after{bottom: -9px;}

	/* for Toggle function */
	.heightAuto{height: 490px /* auto */ !important; }
	.tsamp2{background: transparent !important;}
	.tsamp2:before{top: 0 !important; transform: rotate(45deg);}
	.tsamp2:after{bottom: 0 !important; transform: rotate(-45deg);}


/*========== banner */
#banner{background: #fff; padding:35px 15px 0px;}

#banner h2 {font:bold 30px Open Sans;color:#0c0c0c;position:relative;text-align:center;}
#banner h2:before {content:url(images/bannertitle-before.png);position:absolute;left:0px;top:-6px;}
#banner h2:after {content:url(images/bannertitle-after.png);position:absolute;right:0px;top:-6px;}

#banner ul {list-style:none;}
#banner ul li {margin-bottom:6px;}
#banner ul li a {display:block;background:url(images/bannermenu-bg.jpg) repeat-x left bottom;font:bold 24px/68px Open Sans;color:#fff;padding-left:80px;border:3px solid #e05252;border-radius:10px;position:relative;}
#banner ul li a:before {position:absolute;left:26px!important;top:13px!important;content:url(images/bannermenu-before.png);}

#banner ul li a:hover {background-position:left top;}
#banner ul li a:hover:before {content:url(images/bannermenu-before-h.png);}

.slogan {margin:40px 0 25px;}
.slogan h3 {font:bold 50px/48px Open Sans;color:#a80f0f;padding-left:29px;text-shadow: 4px 4px 0px rgba(233, 195, 195, 1);margin:0;}
.slogan h3 span{display:block;padding-left:48px;}


/*========== main content */
#maincontent{background: #fff; padding: 15px 15px 10px; color: #242424;}
	#maincontent h1{font-size: 20px; font-weight: normal; margin: 0 0 30px;font:bold 21px Open Sans;color:#000;text-align:center;}
	#maincontent h1 span{color: #800000;}
	.contents ul {list-style:none;text-align:left;}
	.contents p, .contents ol, .contents ul{margin: 0 0 22px;text-align:left;font:14px/27px Open Sans;color:#1a1a1a;}
	.contents ul li {padding-left:45px;position:relative;margin-bottom:5px;}
	.contents ul li:before {content:url(images/bullet.png);position:absolute;left:14px;top:2px;}
	.contents {padding:0 10px;}
	.contents a {font-weight:bold;color:#800000;text-decoration:underline;}

/*========== bottom */
#bottom{background: #fff; padding: 10px 15px 0;}
.announce {padding:0 6px;margin-bottom:29px;}
.announce a {display:block;font:bold 27px/66px Open Sans;color:#fff;text-align:center;background:url(images/bottombtn-bg.png) no-repeat center 4px,url(images/bottombtn.jpg) repeat-x left bottom;border-radius:16px;margin: 10px 0;}
.announce a:hover {background:url(images/bottombtn-bg-h.png) no-repeat center 4px,url(images/bottombtn.jpg) repeat-x left top;}

.delivery {padding:0 35px 0 175px;min-height:267px;background:url(images/bottom-box.png) no-repeat center top;margin-bottom:40px;}
.delivery h2 {font:bold 34px/7px Open Sans;color:#fff;margin:0;padding-left:80px;margin-bottom:35px;padding-top:80px;}
.delivery h2 span{font:bold 43px Open Sans;color:#fff53d;}
.delivery p{font:bold italic 19px Open Sans;color:#fff;margin:0;text-shadow: 0px 0px 7px rgba(128, 0, 0, 1),0px 0px 7px rgba(128, 0, 0, 1),0px 0px 7px rgba(128, 0, 0, 1), -4px 0px 6px rgba(128, 0, 0, 1);}
.delivery a {display:block;width:181px;float:right;background:url(images/bottombox-bg.jpg) repeat-x left bottom;font:bold 22px/33px Open Sans;color:#fff;padding-left:12px;border-radius:3px;border:1px solid #e5a503;position:relative;margin-top:9px;}
.delivery a:after {content:url(images/deliver-after.png);position:absolute;right:14px;top:-3px;}

.delivery a:hover {background-position:left top;}

#contact {background:#fff;padding:0 34px 43px;text-align:center;border-radius:0 0 20px 20px;}
.contact {min-height:370px;background:#800000;border-radius:22px;padding:18px 22px 0;}
.contact h2 {margin:0;color:#ffbf28;font:bold 24px Open Sans;margin-bottom:8px;}
.contact p {font:13px Open Sans;color:#fff;text-align:left;}
.contact a {color:#fff;}

.contact .first {float:left;width:196px;margin-left:15px;}
.contact .second {float:right;width:130px;margin-right:15px;}
.contact .third {clear:both;text-align:center;}

.bottom-container {padding:0 20px;}
.bottom-box {margin:0 auto 35px;}
.bottom-box h2{font:bold 27px Open Sans;color:#800000;margin:17px 0 5px;text-align:left;}
.bottom-box p{font:18px/27px Open Sans;color:#1a1a1a;margin:0;text-align:left;}
.bottom-box a {font-weight:bold;color:#800000;}
.bottom-box a:hover {color:#aac833;text-decoration:underline;}
/*========== footer */
footer{color: #fff;padding-bottom:50px;font-size:20px;line-height:32px;}
	footer a{color: #fff;}
	.viewdesk{text-decoration:none;}
	.viewdesk:hover{color: #fbea2c;}
	footer h3 {font:bold 18px Open Sans;color:#aadc48;margin:40px auto 10px; width:320px;}
/*================ useful styles ================*/

.clearfix:before, .clearfix:after { content: " "; display: table; }.clearfix:after { clear: both; }.clearfix { clear: both; overflow: hidden; }.clear{ clear: both; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center!important; }
.align-justify { text-align: justify; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }

.float-left { float: left; }
.float-right { float: right; }

.dnone{display: none;}

/* resources */
.resources ul li:before {content:"";}.resources {font-size: 14px; }.resources a {color: #990100; text-decoration: none; display: block;font-weight: bold;}.resources a:hover {color: #ff0000; text-decoration: none; padding-left: 1px;}.resources ul,.resources li {list-style-type: none; margin: 0; padding: 0;}.entry-content .resources ul{ list-style: none; padding: 0!important;}.resources ul li {margin-bottom: 8px; padding: 12px; background: #FAFDFE; border:1px solid #5590C1; border-bottom: 2px solid #5590C1; list-style-image: none;}.resources ul li span {font-size: 11px; color: #666666; letter-spacing: 1px;} /* optional*/

.h2_new{font-family: "FrutigerLTStd77BlackCondensed"; font-size: 22px; font-weight: bold; color: #800000; text-align: left !important;}


.table {border-collapse:collapse; margin-top:20px; margin-bottom:20px; text-align:center;}
.table th {border:1px solid #CCC; background:#530105; color:#FFF;}
.table td {border:1px solid #ccc; padding:10px;}
.table td:nth-child(even) {width:149px; background:#FFF;}
.table td:nth-child(odd) {width:469px; background:#FFFFCC;}

.search { width: 100%; position: relative }
		.searchTerm { float: left; width: 100%; border: 3px solid #7f0000; padding: 5px; height: 20px; border-radius: 5px; outline: none; }
		.searchTerm:focus{ /* color: #00B4CC; */ }
		.searchButton { position: absolute; right: -50px; width: 40px; height: 36px; border: 1px solid #7f0000; background: #7f0000; text-align: center; color: #fff; border-radius: 5px; cursor: pointer; font-size: 20px; }
		/*Resize the wrap to see the search bar change!*/
		.wrap{width: 300px; display: block; right: 0; margin-right: 62px; margin-bottom: 10px;margin-left: 30px; }
		.coup-wrapper{    min-height: 100px !important; margin: 7px 5px; float: left; border: 1px dotted; width: 168px; text-align: center; padding: 5px 12px; display: inline-block;}
		#output { margin-top: 28px;}

		.coup-wrapper:hover{background: linear-gradient(#fda901, #ff5010); color: #fff; border: 1px solid #fda901 !important;cursor: pointer}
		.coup-wrapper:hover b{color: #fff;}
		.coup-wrapper b,{color:#7f0000}


		.coup-wrapper2 { line-height: 94px;margin: auto;min-height: 200px;max-width: 700px;border-radius: 5px;background: linear-gradient(#fff, #d1d1d1);text-align: center;font-size: 50px;padding: 0 10px;}
		.coup-wrapper2 b{color:#7f0000;font-size: 86px;}
		/* The Modal (background) */
		.modal-coupon {
		    display: none; /* Hidden by default */
		    position: fixed; /* Stay in place */
		    z-index: 999; /* Sit on top */
		    padding-top: 100px; /* Location of the box */
		    left: 0;
		    top: 0;
		    width: 100%; /* Full width */
		    height: 100%; /* Full height */
		    overflow: auto; /* Enable scroll if needed */
		    background-color: rgb(0,0,0); /* Fallback color */
		    background-color: rgba(0, 0, 0, 0.28); /* Black w/ opacity */
		}

		/* Add Animation */
		.coup-content {
		  text-align: center;
		    -webkit-animation-name: zoom;
		    -webkit-animation-duration: 0.6s;
		    animation-name: zoom;
		    animation-duration: 0.6s;

		}

		@-webkit-keyframes zoom {
		    from {-webkit-transform:scale(0)}
		    to {-webkit-transform:scale(1)}
		}

		@keyframes zoom {
		    from {transform:scale(0)}
		    to {transform:scale(1)}
		}

		/* The Close Button */
		.close {
		    position: absolute;
		    top: 15px;
		    right: 35px;
		    color: #f1f1f1;
		    font-size: 40px;
		    font-weight: bold;
		    transition: 0.3s;
		}

		.close:hover,
		.close:focus {
		    color: #bbb;
		    text-decoration: none;
		    cursor: pointer;
		}

		/* 100% Image Width on Smaller Screens */
		@media only screen and (max-width: 700px){
		    .modal-content {
			   width: 100%;
		    }
		}
		/* End Modal (background) */