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

/* Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%; 
}
body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
	font-size: 2.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;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-family: "Open Sans", sans-serif;	
	font-size: 2.3rem;
	line-height: 40px;
	text-decoration: none;
	white-space: nowrap;
}
.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
----------------------------------------------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
    color: #222;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif; 
}
h1 {
	font-size: 6.4rem; line-height: 1.2;  letter-spacing: 0rem; color: #0e2841;
}
h2 {
	font-size: 4.0rem; line-height: 1.25; letter-spacing: 0.1rem; text-align: center;
}
h3 {
	font-size: 3.0rem; line-height: 2;  letter-spacing: normal;
}
h4 {
	font-size: 2.6rem; line-height: 1.35; letter-spacing: normal; color: #cc9900;
}
h5 {
	font-size: 1.8rem; line-height: 1.5;  letter-spacing: normal;	
}
h6 {
	font-size: 1.5rem; line-height: 1.6;  letter-spacing: normal;	
}
h1 span {
	color: #cc9900;
}
input,
select,
textarea {
   font-family: inherit;
   font-size: inherit;
}

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

p {
	font-size: 1em;
}
li {
	font-size: 1em;
}
li > p {
	margin-top: 0.2em;
}
ul {
  list-style: disc outside;
}
ol {
  list-style: decimal outside;
}
th {
	font-weight: normal;
	text-align: left;
	padding-right: 0.5em;
}
td {
	text-align: left;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #000;
}
p a {
	display: inline-block;
	transition: all 0.1s ease-in-out;
}
p a:hover {
	text-decoration: none;
}
/* template styling */
#content {
	font-size: 1.8rem;
	color: #0e2841;
	font-style: italic;
}
#definition {
	font-size: 1.6rem;
	color: #d1d1d1;
}
#highlight {
	color: #d1d1d1;
}
#caption {
	font-family: Georgia, serif; 	
	font-size: 2.0rem;
	font-style: italic;
	color: #d1d1d1;
	text-align: center;
}
#footer-note {
	font-size: 1.6rem;
	color: #0e2841;
	
}
#privacy-policy,
#terms-use {
	color: #fff;
		font-size: 75%;

}
/* end of template styling */

/*--------------------------------------------------------------
# Common Classes
--------------------------------------------------------------*/
.black {
	color: #111;
}
.white {
	color: #FFF;
}
.common-button {
	font-size: 2.6rem;
	line-height: 50px;
	color: #FFF;	
	letter-spacing: 0.01em;
}
#menu .common-button {
	font-size: 2.2rem;
	line-height: 50px;
	color: #FFF;	
	letter-spacing: 0.01em;
}
#menu .common-button:hover {
	color: #000;
}
.blue-bg {
	color: #D1D1D1;
}
.toupper {
	text-transform: uppercase;
}
.success {
	color: #6C3;
}
.error {
	color: #C30;
}
/*==========  Media Query  ==========*/
@media only screen and (max-width : 992px) {
	#menu .common-button {
		font-size: 1.8rem;
		line-height: 40px;
		color: #FFF;	
		letter-spacing: 0.01em;
	}
}
@media only screen and (max-width : 768px) {
	html {
		font-size: 50%
	}
	.row {
		margin-bottom: 0!important
	}
	#menu .common-button {
		font-size: 1.6rem;
		line-height: 30px;
	}	
}
@media only screen and (max-width : 600px) {
}
@media only screen and (max-width : 480px) {
	#caption {
		color: #000;
	}
}
@media only screen and (max-width : 420px) {
	h1 {
		font-size: 5.0rem;
	}
}