
@font-face {
    font-family: 'ch5';
    src: url('../fonts/chunkfive-webfont.eot');
    src: url('../fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chunkfive-webfont.woff2') format('woff2'),
         url('../fonts/chunkfive-webfont.woff') format('woff'),
         url('../fonts/chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothic';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype'),
         url('../fonts/gothic.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;         
}

@font-face {
	font-family: 'thin';
	src: url('../fonts/Existence-Light.eot?') format('eot'), 
	     url('../fonts/Existence-Light.otf')  format('opentype'),
	     url('../fonts/Existence-Light.woff') format('woff'), 
	     url('../fonts/Existence-Light.ttf')  format('truetype'),
	     url('../fonts/Existence-Light.svg#Existence-Light') format('svg');
}

html,body{height:100%}
body{margin:0px;
background:#eee;
font-family:gothic;
font-size:14px;
color:#5B5B5B;
overflow-x:hidden;
}

a:link{COLOR: #359CF4;TEXT-DECORATION: none}
a{COLOR: #359CF4;TEXT-DECORATION: none}
a:hover{COLOR: #D9011E;}

img {border:0px;}

input, textarea, select{
font-family:gothic;
background: #DADADA;
color:gray;
padding:3px;
font-size:10pt;
border: 1px solid transparent;
}

input:focus, textarea:focus, select:focus{
background: #CACACA;
border: 1px solid transparent;}

input[type="submit"] {
background:#d80523;padding:7px;color:#fff;font-family:thin;font-size:18px;text-align:center;cursor:pointer;
}

/*input[type="submit"]:hover {
background:#E91D4A;
}*/

textarea:hover, select:hover{
background:#CACACA
}

input[placeholder], [placeholder], *[placeholder] {
   color:#000;
}


.em{
padding:6px;
font-family:gothic;
margin:0px;
position:relative;
width:100%;
margin-bottom:4px;
}

#bgbox{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:-999999999999999;background:url(../images/pattern.png)}
#bgbox1{width:50%;float:left;background:#E2E2E2;height:100%;opacity:.3}
#bgbox2{width:50%;float:left;background:#8B8B8B;height:100%;opacity:.6}

blockquote {
border: 0px solid #cfcfcf;
padding: 10px;
background-color:#F4F4F4;
filter: alpha(opacity=90);
opacity: .90;
}

h1,h2,h3,h4,h5,h6{font-family: 'gothic';}
h1{
font-size:34px;
//background:#179EEA;
color:#fff;
text-align:center;
line-height:30px;
letter-spacing:-1px;
font-weight:normal;
padding:0px;margin:0px;
margin-bottom:20px;
font-weight:normal;
}

h2{
font-size:35px;
color:#E91D4A;
line-height:40px;
letter-spacing:0px;
font-weight:bold;
padding:0px;
margin:0px;
}

h3{
font-size:30px;
color:#fff;
width:auto;
line-height:35px;
letter-spacing:0px;
font-weight:normal;
margin:0px;
padding:0px;
}

h4{
font-size:30px;
color:#E91D4A;
line-height:40px;
letter-spacing:-2px;
font-weight:normal;
padding:0px;margin:0px;
}

h5{
font-size:20px;
color:#5E5E5E;
line-height:20px;
letter-spacing:-1px;
font-weight:normal;
padding:0px;margin:0px;
}


#readmore{border-radius:5px;background:#d20b00;padding:7px;color:#fff;font-family:thin;font-size:18px;width:120px;text-align:center;cursor:pointer;margin-top:10px;}
#readmore:hover{background:#E91D4A;}

#pattern{background: url(../images/pattern0.png);width:100%;height:100%;}

#topheader{
background:#414141;
width:100%;
height:40px;
padding:10px 0px 10px 0px;
}

#topheader #topheader-01,#topbox-02{width:50%;float:left;}
#topheader #topheader-01{text-align:left}
#topheader #topheader-02{text-align:right}
#topheader span{color:gray;font-family:arial;font-size:13px}

#socialwrapper{margin:5px 20px;text-align:right;position:relative}

#social{}
#social img{margin-left:0px;}

#wrapper{width:100%;margin:0 auto;}
#wrapperheader{width:96%;margin:0 auto;padding-top:20px;}
#prodwrapper{width:95%;margin:0 auto;}
#centering{position:relative;margin:0 auto;width:98%;}

#headertop{
	//background: url(../images/header_back.png);
	background:rgba(30,0,19,1);width:100%;height:130px;padding:0px;
	position:relative;top:0px;left:0px;z-index:999;;
}

#headerline{float:right;width:70%;padding-right: 20px;text-align: right;margin-top: -15px;}

#menusmall{float:right;width:auto;margin-top: 10px;font-weight: bold;}
#headerline #socials{position:absolute;right:0px;top:0px;width:auto;padding:0px;padding-right:0px;}

#social {list-style-type: none;margin-top:0px;dopacity:.5;}
#social a{padding:0px;color:#000;}
#social a:hover{background:none;padding:0px}
#social li {display: inline;background:transparent;padding:0px;padding-bottom:0px;font-family:gothic}
#social img{vertical-align:middle}


#logo{font-family:allura;font-size:50px;float:left;width:100px;height:100px;padding:0px;color:#333333;overflow: hidden;margin-top:-10px}

#logotext{float:left;font-size:35px;font-family:thin;font-weight:bold;color:#fff;letter-spacing:-1px;line-height:32px;padding-top: 0px;margin-left: 1%;margin-top:-5px}
#small{font-size: 17px;background: #d00d0d;color:#fff;font-family: 'gothic';font-weight: normal;padding: 5px;}
#gap{height:125px;}

#slider-01{width:50%;float:left;margin-top:1%}
#slider-02{width:50%;float:left;margin-top:1%}


#homebox-01{float:left;width:33.33%;margin:0;/*background-color: #ededed;*/box-sizing: border-box; border:20px solid transparent; min-height: 332px;margin-top:30px;}
#homebox-02{float:left;width:33.33%;margin:0;/*background-color: #ededed;*/box-sizing: border-box; border:20px solid transparent;;dmargin: 0 2%;min-height: 332px;margin-top:30px;}
#homebox-03{float:left;width:33.33%;margin:0;/*background-color: #ededed;*/box-sizing: border-box; border:20px solid transparent;;margin: 0;min-height: 332px;margin-top:30px;}
#homebox-01, #homebox-02, #homebox-03{

}

#event-slider{float:left;width:100%;margin: 20px 0;}
#event-slider-sub{
	width:95.5%;
	margin: 20px auto;
	background-color: #fff;
	padding: 0.5%;
	-webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
}
#event-heading{float:left;width:98%;padding: 0 1%;margin-bottom: 5px;}
#event-heading #readmore{position:absolute;right:3%;margin-top:-3%;}


#box-01,#box-02{font-family:arial;font-size:13px;margin-top:10px;height:350px;width:50%;float:left;}

#slider{margin-top:-20px}

#slider,#productslider{float:left;width:100%;}
#productslider{text-align:center;margin-top:30px;}

/* menu starts */

#srch{padding:5px 10px 0px 0px;margin-bottom:-15px;margin-top:15px}
#srch input {width:400px;border:1px solid #D3D3D3;background:#fff;font-size:11pt;padding:6px;height:33px}
#srch input[type="submit"] {width:auto;;border:0px solid #D3D3D3;background:#D80523;margin-top:-4px}


	.header {padding:0px;margin:0px}
	.header .nav {/*background:#506491;*/}
	.header ul { list-style: none; padding: 0px; margin:0px; font-weight: normal; position: relative; text-align: left; font-family:arial;font-size:16px;letter-spacing:0px}
	.header .nav > ul:after { content: ""; clear: both; display: block; }
	.header ul li { display: inline-block; text-align: left;margin-right:5px;  dtext-transform:uppercase;font-family:gothic;font-weight:normal;font-size:20px}
	.header ul li a{ display: block; padding: 14px 10px; text-decoration: none; color: #F5F5F5;}	
	.header ul ul li a{ display: block; padding: 5px 10px; text-decoration: none; color: #fff; text-transform:capitalize;font-family:arial}	
	.header ul li a:hover { background:#04A6E7;color:#fff; transition: all 0.0s ease-in-out;}
	.header ul li:hover { background:#04A6E7;color:#fff; }
	.header ul ul { display: none; position: absolute;width:250px;z-index:9999;}
	.header ul li:hover > ul { display: block;transition: all 0.2s ease-in-out;}
	.header ul ul li:hover a{background:#0274A2;color:#fff}
	.header ul ul li { float: none; display: block; position: relative; margin-left:0px;background:#04A6E7;font-size:15px;}
	.header ul ul li:hover { float: none; display: block; position: relative; margin-left:0px;background:#0379A8;}
	.header ul ul ul { position: absolute; left: 100%; top:0px; width:250px;}
	.header ul ul ul li a {background:#005A65;}
	.header ul ul ul li:hover a {background:#005A65;}
	.tinynav { display: none; margin: 0 auto; width:100%;}

/* menu ends */

#box2_1,#box2_2,#box2_3{height:350px;font-size:30px;font-weight:normal;font-family:thin;color:white;}
#box2_1{width:32%;background:#009CAE;margin-right:1%;float:left;margin-top:1%;}
#box2_2{width:34%;background:#DA542D;margin-right:1%;float:left;margin-top:1%;}
#box2_3{width:32%;background:#633DBE;float:left;margin-top:1%;}

/*#contents{position:relative;margin:0 auto;width:85%;}*/
#contents-01{
	width:100%;
	float:left;
	min-height:600px;
	font-family:thin;
	font-size:16px;
	color:#343434;
	margin-right:0%;
	margin-top: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 	
	background:#fff;
}

#contents-02{
display:none;
	width:25%;
	float:right;
	min-height:600px;
	background:#eee;
	margin:0px;
	border-right:0px solid transparent;
	border-left:0px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin-top:0px;
}

#space{margin:15px;}
#contents-01 td{font-family:arial;font-size:13px;color:#343434;}
#contents-01 h4{line-height:60px;}

#pageheader{
	margin-top:0;
	width:100%;
	left:0px;
	font-size:33px;
	font-family:'thin';
	padding:10px;
	color:#fff;
	text-align:left;
	background:#179EEA url(../images/pattern0.png);
}

#pagecontent h3{
	font-family:'gothic';
	font-size:30px;
	color:#fff;
	background:#3e6589;
	padding:5px;
	width:auto;
	line-height:35px;
	letter-spacing:0px;
	font-weight:normal;
	margin-top:0px;
}
#pagecontent #linknav {padding:10px;font-size:13px;margin-bottom:0px;margin-top:0px;background:#ddd;font-family:'gothic'}
#pagecontent #linknav img{width:20px;height:auto;}
#page {padding:25px ;font-size:16px;font-family:gothic;color:#5A5A5A;min-height:400px;font-weight:normal}

#latest_news{padding: 0;margin: 0;}
#latest_news li{
	display: block;
	float:left;
	width: 46.5%;
	margin: 0.5%;
	height:100px;
	border:4px solid #000;
	transition:all 0.5s ease-in-out;
}
#latest_news a li:hover{
	border:4px solid #D0373B;
}

#proimg,#prodesc{
float:left;
min-height:500px;
margin-top:20px;
border:10px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
#proimg{width:45%;}
#prodesc{width:55%}
#prodesc ul{padding-left:50px}
#prodesc input[type="text"]{margin-bottom:3px;margin-left:0px;padding:10px;width:240px;background:#fff}

#prodsrch{
float:left;
width:20%;
border:10px solid transparent;
border-top:3px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 

}
#pageprodcontent{
float:left;
width:80%;
border:10px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}

#footer{background:#6E6E6E;width:100%;paddingd-bottom:20px;margin-top:0px;float:left;line-height:15px}
#footer img{opacity:.8}
#footer_1,#footer_2,#footer_3{height:390px;font-size:30px;font-weight:normal;font-family:thin;color:white;}
#footer_1{width:32%;margin-right:1%;float:left;margin-top:1%;}
#footer_2{width:34%;margin-right:1%;float:left;margin-top:1%;}
#footer_3{width:32%;float:left;margin-top:1%;}
#footer-note-01,#footer-note-02{background:#000;padding:0px;color:#8C8C8C;float:left;font-family:arial;font-size:12px}
#footer-note-01{width:70%;text-align:left;}
#footer-note-02{width:30%;text-align:right;}

#sliderhome{width:100%;height:380px;}

#book_cover{float:left;width:20%;text-align:left;padding-right:1%}
#book_deails{float:left;width:79%;}

#poem_deails{float:left;width:79%;}
#poem_cover{float:left;width:20%;text-align:left;dpadding-left:1%}

@media screen and (max-width : 1293px){
#logo{width:100px;margin-left:5px; }
#logotext{font-size:25px;}
#logotext{font-size: 32px}
#small{font-size: 12px;}
#headerline{width: 70%;}
}


@media screen and (max-width : 940px) {
#pageprod,#wrapperheader {width:100%}
#socialwrapper{margin-right:0px}
#headerline{width:50%;}
#toplinks{display:none}
#homebox-01, #homebox-02, #homebox-03{float:left;width:100%;margin: 10px 0;box-shadow: none;min-height: 0;margin-top:40px}
#popuphome{display:none;}
#contents-01, #contents-02{float:left;width:100%;}
}

.parallax-container {
    min-height: <?=$screen_height?>px;
    background: transparent;
	width:100%;
	float:left;
	margin-bottom:50px;
}
.gkpadding{padding:40px}


@media screen and (max-width : 768px) {

#book_cover{float:left;width:100%;text-align:center}
#book_deails{float:left;width:100%;}

#poem_cover{float:left;width:100%;text-align:center}
#poem_deails{float:left;width:100%;}

.gkpadding{padding:10px}
*{transition: all 0.5s ease-in-out;}
#headerline{display:none;}
#menusmall{position:fixed;z-i}
#sliderhome{width:100%;height:250px;}
#headertop{position:relative;margin:0px;top:0px;width:100%;padding:0px;height:auto;padding-bottom:25px;background:transparent}

#dilipbora{width:100%;text-align:center;}
.menu{width:100%;}
#gap{height:0px;}
body{margin:0px;}

	#contents-01,#contents-02{width:100%;min-height:auto;border:0px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; padding:0px;margin-top: 5px;}
	#bgbox{display:none}
	#wrapper{width:100%;}
	#prodwrapper,#centering{width:100%;}
	#topheader{height:30px;margin-top:50px;width:100%;}
	#topheader #topheader-01,#topheader-02{text-align:center;width:100%}
	#topheader-01{widdth:30%}
	#topheader-02{widdth:70%}	
	#topheader span{display:none}	
	
	#logo{float:left;text-align:right;width:50%;margin-top:0px;padding:0px;padding-bottom:20px;margin-left: 0;position:fixed;z-index:99999999999999999999999999999999;width:50px;height:50px;top:3px;left:5px}
	#logotext{float:right;width: 49%;text-align: left;background:none;margin-top: 0;display:none}
	#small{font-size: 15px;}

	
	#socialwrapper{display:none}
	
	#productslider{margin-top:30px;text-align:center}
	
	.header .nav {margin-left:0px;background:#E91D4A url(../images/menu_res.png) no-repeat 96%;position:fixed;top:0px;width:100%;
	z-index:999000;
	}
	
	.tinynav { display: block; }
	.dropdown { display: none }
	.menu{right:0px;margin-right:0px;}
	.menu select{
		padding:10px;
		color:white;
		background:transparent url(../images/pattern.png);
		border:0px solid gray;
		font-size:20px;
		font-size:arial;
		width:100%;
		text-indent:5px; 
		line-height:38px;
		-webkit-appearance: listbox;
	}	
	#slider{margin-top:15px}
	#slider-01,#slider-02{width:100%;float:left}
	#header{margin-top:30px;background:url(../images/header_mobile.png) center no-repeat;height:380px;	background-size:auto 371px;}	
	#box-01{width:auto;height:auto;padding:20px;} 	
	#box-02{width:auto;height:auto;padding:20px;}
	
	#box2_1{width:100%;} 	
	#box2_2{width:100%;}
	#box2_3{width:100%;}  
	
	#contents{position:relative;margin:0 auto;width:100%}
	#pageheader{width:auto;margin-top:0px;font-size:33px;padding:0px;background:#374381;text-align:center}
	#pagecontent #linknav {display:none;margin-top:5px;}
	#page{padding: 0 3%;width:94%;}
	
	#pageprod {padding:10px;width:100%;margin:0 auto;position:relative;}
	#prodsrch{display:none}
	#pageprodcontent{width:100%}
	
	#proimg{min-height:auto;margin-top:0px;width:100%;padding:0px 10px 0px 10px}
	#prodesc{min-height:auto;margin-top:0px;width:100%;padding:0px 10px 0px 10px}

	#event-slider{width:100%;}
	#movie{width:98%;}
	#movie iframe{width: 300px;height: 160px; margin:0 auto;}
	
	#footer{height:auto;padding:0px;margin:0px;background:#383838}
	#footer_1,#footer_2,#footer_3{height:auto;width:100%;margin:0px;text-align:center;}
	#footer_2{background:#383838}
	#footer-note-01,#footer-note-02{width:100%;text-align:center}
	
}

@media screen and (max-width : 568px) {
	#sliderhome{width:100%;height:150px;}
	#pagecontent{padding: 0;margin: 0px;}

}