/* ESyntaxis (Pvt) Ltd :  http: //www.esyntaxis.com Compiled by Srinath */

/* Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%; 
}
body {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 1.0em;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	line-height: 1.5; /* 1.6 is also an option */

}
pre,
code {
	font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
html,
button,
input,
select,
textarea {
    color: #222;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-size: 1.6em;
	color: #FFF;
	line-height: 38px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	letter-spacing: 0.25em;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #333;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFF;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFF;
}


/* Headings
----------------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Dancing Script', cursive;	
}
h1 {
	font-size: 4.0rem; line-height: 1.2;  letter-spacing: 0.1rem;;
}
h2 {
	font-size: 3.6rem; line-height: 1.25; letter-spacing: 0.1rem;
}
h3 {
	font-size: 3.0rem; line-height: 1.3;  letter-spacing: normal;
}
h4 {
	font-size: 2.4rem; line-height: 1.35; letter-spacing: normal;
}
h5 {
	font-size: 1.8rem; line-height: 1.5;  letter-spacing: normal;	
}
h6 {
	font-size: 1.5rem; line-height: 1.6;  letter-spacing: normal;	
}
input,
select,
textarea {
   font-family: inherit;
   font-size: inherit;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

p {
	font-size: 1.8em;
}
li {
	font-size: 1em;
}
li > p {
	margin-top: 0.2em;
}
ul {
  list-style: disc inside;
}
ol {
  list-style: decimal inside;
}
th {
	font-weight: normal;
	text-align: left;
}
td {
	text-align: left;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
.lable,
input,
textarea {
	font-size: 1.8em;
}
/* template styling */
#main-navigation ul li a {
    font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;	
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 1.8em;
	letter-spacing: 0.2em;
	
	text-transform: uppercase;
}
#main-navigation ul li.active a {
	color: #FFFFFF;
}
#main-navigation ul li a:hover {
	color: #65A343;
	transition: all 0.5s ease-in-out;	
}
#inner_content {
	color: #EAEAEA;
}
#inner_content h1,
.full_content_wrapper h1,
.photo_gallery_wrapper h1,
.photo_gallery_wrapper h3  {
	color: #FFF;
	text-shadow: 2px 2px 8px #000;
}
#inner_content li {
	font-size: 1.8em;
}
#inner_content a {
	color: #FFFFFF;
}
#inner_content a:hover {
	text-decoration: underline;
}
#open {
	font-size: 1.6em;
}
#close {
    font-family: Arial, Helvetica, sans-serif;	
	font-size: 2.0em;
	font-weight: bold;
}
#open,
#close {
	color: #FFF;
}
#open:hover,
#close:hover {
	letter-spacing: 0.05em;
	text-decoration: none;
}
#close-text {
	font-size: 1.6em;
	color: #FFF;	
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#main-navigation ul li.current a {
	color: #696968;
}
dt {
	font-size: 1.8em;
	font-weight: bold;
	cursor: pointer;
}
dd {
	font-size: 1.6em;
	text-align: justify;
}
.footer-note {
    font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;	
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.2;
}
.footer-note a {
	color: #222;
}
.footer-note a:hover {
	color: #000;
}
/* end of template styling */
/* joomla related styles */
.popover {
	background-color: #FFF;
	border: 1px dotted #ccc;
	border-radius: 3px;
	padding: 3px;
}
h3.popover-title {
	font-size: 1em;
	margin: 0;
}
.popover-content {
	font-size: 1.3em;
}
/* end of template styling */
/*--------------------------------------------------------------
# Common Classes
--------------------------------------------------------------*/
.black {
	color: #111;
}
.white {
	color: #FFF;
}
.common-button {
	line-height: 30px;
	color: #FFF;	
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.toupper {
	text-transform: uppercase;
}
.upgradeie {
	color: #FFF;
	font-size: 1.1em;
	text-align: center;
}
.upgradeie a {
	color: #FFF;
	font-weight: bold;
}
.success,
.error {
	color: #FFF;	
}
.success li,
.error li {
	font-size: 1.4em;
}
/*==========  Media Query  ==========*/
@media only screen and (max-width : 600px) {
	#main-navigation ul li a {
		font-size: 2.2em;
		text-align: right;
	}
}
@media only screen and (max-width : 768px) {
}
@media only screen and (max-width : 480px) {
	html {
		font-size: 50%
	}
	.row {
		margin-bottom: 0!important
	}
}