@charset "UTF-8";

/* CSS Document */



/*RESET

...................................................*/



/* Help older browsers with HTML5 layout elements */

header, nav, aside, article, footer, section, figure, figcaption, details, hgroup, menu {

 display: block;

}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 

menu, nav, output, section, summary, {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	-webkit-appearance: none;

	}	

body {

	line-height: 1;

	}

table {

	border-collapse: collapse;

	border-spacing: 0;

	}

	

/*GLOBAL

......................................................*/

 /*images*/

 /*this makes the images resize with changing screensize*/

img {

  width: auto\9;

  height: auto;

  max-width: 100%;

  vertical-align:baseline;

  border: 0;

  }

/* GRID */

.grid {padding:12px 0;}

.wrapper {margin: 0 auto; width: 97%; max-width: 1000px;}

.col-left {float: left; margin-right: 2%;}

.col-right {float: right;}

.col-center {margin: 0 auto; text-align: center;}

.col-1 {width: 2.25%;}

.col-2 {width: 6.5%;}

.col-3 {width: 10.75%;}

.col-4 {width: 17.0%;}

.col-5 {width: 19.25%;}

.col-6 {width: 23.5%;}

.col-7 {width: 27.5%; }

.col-8 {width: 32.0%;}

.col-9 {width: 36.25%; }

.col-10 {width: 40.0%;}

.col-11 {width: 44.75%;}

.col-12 {width: 49.0%;}

.col-13 {width: 53.25%;}

.col-14 {width: 57.5%;}

.col-15 {width: 61.75%; }

.col-16 {width: 66.0%;}

.col-17 {width: 70.5%;}

.col-18 {width: 72.5%;}

.col-19 {width: 78.75%;}

.col-20 {width: 83.0%;}

.col-21 {width: 87.25%;}

.col-22 {width: 89.20%;}

.col-23 {width: 95.75%;}

.col-24 {width: 100%;}



/*.blank {height:54px; width:100%; background-color:#063;}*/



/* Flush Columns */

.half, .third {margin-right: 0;}

.half {width: 50%;}

.third {width: 33%;}

.quarter {float:left; width: 25%;}



/* TYPE STYLES */

body {font-weight: 400; font-size: 62.5%; line-height: 100%; font-family:Verdana, Geneva, sans-serif; background: #FFF; color: #000;} /* Base: 10px */

em, i {font-style: italic;}

strong, b {font-weight: 700;}

u {text-decoration: underline;}

a {outline: none;}

a:link, a:visited {text-decoration: none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}





h2, h3 {font-size: 2.4em; line-height: 1.33em;}

h2 {font-weight: 300; font-style: italic; color: #6D6E71;}

h3 {color: #356AC1;}

h5, h6 {font: 700 1.6em/1 Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em;}

h5 {position: absolute; top: -0.5em; left: 0; width: 100%; text-align: center; color: #356AC1;}

h5 span {padding: 0 .5em; background: #fff;}



/* HEADER */

header {position: relative;}

.logo {margin:22px 0;}

.socialicons {text-align:right;}

.socialicons img { 	display:inline; padding-left:6px; padding-right:4px; }

.right {float:right;}



/* Layout Fixes */

.clear:before, .clear:after {content: ""; display: table;}

.clear:after {clear: both;}

.clear {zoom:1;}



/*MENU*/

.mobile {

    display: none !important;

}

.menu{

	list-style: none;

	padding: 0;

	display: table;

	width: 100%;

	height: 45px;

	position: relative;

	z-index: 2;

}

.menu li{

	display:inline-block;

	text-align:center;

	margin: 0 30px 0 0;

	height: 30px;

	position: relative;

	line-height:24px;

}

.menu li a{

	font-size:15px;

	text-transform: uppercase;

	color: #000;

	text-decoration: none;

	outline:none;

}

.menu:hover a {

      color: #888888;

    }

.menu li a:hover,.menu li a:active {

	color:#AB8E35;

}	

.menu li a.currentpage {

	color:#972031;

}

.menu:hover a.currentpage {

	color:#972031;

}



.gold {color:#d4af37;}



/*MENU*/

.mobile {

    display: none !important;

}



/*slider*/



.video {

  position: relative;

  zoom: 1;

  margin-top:16px;

  }

  

/*main content*/

.featured-image {

  text-align:center;

  max-width: 100%;

  padding:16px 0; }

  

article p {font-size:14px; text-align:justify;padding-bottom:8px; line-height:24px;}



article h1 {font-size: 18px; line-height: 16px; text-align:left !important; font-weight:600;}



/*gallery*/

.gallery {

	margin-top:30px; margin-bottom:42px;}

	

/*menus*/

.menus {

	margin-top:30px; margin-bottom:42px;}

	

.address {

margin-top:30px; margin-bottom:42px;}

.address p {font-size:14px; text-align:justify;padding-bottom:8px; line-height:24px;}

/*bottom*/

.bottom {width:100%; border-top:solid #ddd thin; }

  

/* timings */



 .timings ul li {

	margin:0 40px 0 0; text-align:center; position: relative; display:inline-block; font-size:15px; color:#C8A500;  line-height:24px; font-family:"Century Gothic";}

	

/*google map*/

.google-maps {

        position: relative;

        padding-bottom: 75%; // This is the aspect ratio

        height: 0;

        overflow: hidden;

    }

.google-maps iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 100% !important;

        height: 100% !important;

    }



/*footer*/



footer {

  border-top: 1px solid #ddd;

  font-family:"Century Gothic"; }

  

.menu-bottom{

	list-style: none;

	padding: 0;

	display: table;

	width: 100%;

	height: 45px;

	position: relative;

	z-index: 2;

}

  

.footer-nav ul li {

  margin: 10px 40px 16px 0;

  display: inline-block;

  font-size: 15px;

  line-height:16px; 

  color:#850013;}

  

.footer-nav ul li a, .footer-nav ul li a:link { color:#850013; text-decoration:none;}



 .bullet {

   margin: 0 20px 0 20px;}

  

.ph {

	margin-right:6px;}



.credits {

  left:0; 

  margin-top:10px;

  color: #cdcdcd !important;

  font-size: 11px !important; }

.credits a {

    color: #cdcdcd !important; }





/*media queries*/



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

	

   .footer-nav ul li {

	   display:block;

  line-height:8px;

}

.mobile {

    display: none !important;

}

}



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

	.col-11 {width:100%; float:none;}

	.col-13 {width:100%; float:none;}

}



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

 

 .timings ul li {line-height:28px;}

.menu {

  /*  display: none !important;*/

}

#nav{

	display: block;

}
/*
.mobile {

   display: block !important;

    float: left;

    width: 100%;

}
*/
 }

 

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

	

   .footer-nav ul li {

  line-height:20px;}
/*
.mobile {

   display: block !important;

    float: left;

    width: 100%;

}
*/
.menu {

   /* display: none !important; */

}

 

}



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

.right {float:none; width:100%;}

.logo {margin-top:30px;}

.socialicons {text-align:center !important;}



}













/*next&prev*/





.next_pre {

    float: left;

    width: 100%;

}



#rightbar ul {

    padding: 7px 15px 7px 55px;

}

.next_pre ul {

    float: right;

    list-style: none outside none;

    margin: 0;

    padding: 0 !important;

}



.next_pre ul li {

    float: left;

    margin: 0;

    padding: 0;

}

.next_pre ul li a.active {

    color: #850013 !important;

}

.next_pre ul li a {

    border: 1px solid #CCCCCC;

    color: #CCCCCC !important;

    font-size: 14px;

    font-weight: bold;

    padding: 5px;

}

.menu li a.currentpage {

color: #972031;

}
.detall{
	float:left;
	width:100%;
}
.detall img{
	    float: left;
    padding: 3px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-top: 15px;
}
.detall p {
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 8px;
    text-align: justify;
    width: 65%;
    word-wrap: break-word;
}