/* ESyntaxis (Pvt) Ltd :  http: //www.esyntaxis.com Compiled by Srinath */
/* Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%; 
}
body {
    font-family: 'Quicksand', sans-serif;	
	font-size: 1.0em;
	color: rgb(51,31,18);	
	-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,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 52px;
	color: rgb(255,255,255);
	text-transform: uppercase;
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: rgb(255,255,255);
}

/* Headings
----------------------------------------------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 1.8rem;
    color: rgb(131,131,134);
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	color: rgb(148,121,93);
}
h1 {
	font-size: 6.0rem; color: rgb(255,255,255); font-weight: normal; line-height: 1.12;
}
h2 {
	font-size: 5.0rem; font-weight: normal; line-height: 1.2;
}
h3 {
	font-size: 3.0rem; font-weight: normal; line-height: 1.2;
}
h4 {
	font-size: 2.4rem; line-height:1.25; text-transform: uppercase;
}
h5 {
	font-size: 3.0rem; font-weight: normal; line-height: 1.12;
}
h6 {
	font-size: 1.8rem; line-height: 1.12;	
}
h1 span,
h2 span,
h3 span {
	font-weight: 800 ;
}
h1 small {
	display: block;
	font-size: 3.0rem;
	font-weight: normal;
}
input,
select,
textarea {
   font-family: inherit;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/
p {
	font-size: 1.6em;
	line-height: 1.44;
}
li {
	font-size: 1.6em;
}
li > p {
	margin-top: 0.2em;
}
ul {
  list-style: none;
}
.c6 ul {
	list-style: disc;
}
ul.columns-2 {
  list-style: none;	
}
ol {
  list-style: decimal outside;
}
th {
	font-weight: normal;
	text-align: left;
}
td {
	text-align: left;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a {
	color: rgb(148,121,93);
	text-decoration: none;
}
a:hover {
	color: rgba(0,0,0,0.5);
}
p a {
	display: inline-block;
	transition: all 0.1s ease-in-out;
	border-bottom: 1px dotted rgb(255,255,255);	
}
p a:hover {
	text-decoration: none;
	border-bottom: 1px dashed rgb(148,121,93);
}
button a:hover {
	border-bottom: none;
}
button.transparent a {
	color: rgb(148,121,93);
	border-bottom: none;
}
#slide-show button.transparent a,
#home-feature button.transparent a {
	color: rgb(255,255,255);
	border-bottom: none;
}
#slide-show button.transparent a:hover,
#home-feature button.transparent a:hover {
	color: rgb(148,121,93);
	border-bottom: none;
}
.blockquote {
	font-size: 2.4rem;
	color: rgb(148,121,93)	
}
/* template styling */
#content,
#post-content {
	text-align: left;
}
#post-content,
#post-content h2,
#post-content h5,
#post-content a {
	color: rgb(255,255,255);
}
#post-content p {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.6;
}
#bread-crumbs {
	font-size: 1.4em;
	line-height:1.2; 
}
#content #bread-crumbs a {
	font-weight: normal;
}
#bread-crumbs.white a {
	color: rgb(255,255,255);
}
#bread-crumbs.brown a ,
#bread-crumbs.dark-brown a{
	color: rgb(148,121,93);
}
#main-navigation li {
	font-size: 1.8rem;
}
#main-navigation>ul>li>a {
	color: rgb(255,255,255);
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
/*	text-shadow: 0px 1px 10px #331f12; */
}
#main-navigation ul.sub-menu>li>a {
	display: block;
	font-size: 0.8em;
	color: rgb(51,31,18);
	text-align: left;
	text-decoration: none;
}
#menu-title {
	font-size: 3.0rem;
	color: rgb(255,255,255);
	font-weight: bold;	
}
.text-box h2 {
	font-size: 3.9rem;
	text-align: left;
	color: rgb(255,255,255);
}
.text-block p {
	font-size: 1.8rem;
}
.text-box {
	text-align: left;
	color: rgb(255,255,255);
}
.text-box p {
	font-size: 1.6rem !important;
	text-align: left;
}
.slideshow-content {
	color: #fff;
}
.slideshow-content a {
	color: #FFF;
	text-transform: uppercase;
}
.slideshow-content a:visited {
	color: #fff;
}
.slideshow-content h2 {
	font-size: 4em;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1;
}
.slideshow-content .para-one {
	font-size: 2.0em;
	line-height: 1.4em;
}
.slideshow-content p:nth-child(3) {
	text-align: left;
}
.slideshow-content-temp {
	text-align: left;
}
#top-square-quote,
#bottom-square-quote {
	font-family: 'Montserrat', sans-serif;
	font-size: 3.4rem;
	text-transform: uppercase;
}
#top-square-quote {
	color: rgba(255,255,255,50%);
}
#bottom-square-quote {
	color: rgb(148,121,93);
}
.home-block #top-square-quote,
.projects #top-square-quote {
	color: rgb(148,121,93);
}
#home-box h1 {
	font-size: 5.0rem;
	font-weight: 600;
	line-height: 1.2;
	color: rgb(148,121,93);
}
#home-feature h2 {
	font-size: 4.8rem;
	color: rgb(255,255,255);
	font-weight: bold;
	line-height: 1;
}
ul.sub-menu li {
	line-height: 44px;
}
#main-navigation ul.sub-menu .current-menu-item a {
	color: rgb(255,255,255);
}
#main-navigation ul.sub-menu li:hover a {
	color: rgb(255,255,255);
}
#link-highlights ul {
	line-height: 2;
}
#page-contact.home h2,
#page-contact.home p,
#home-volunteer h2,
#home-volunteer p,
#link-highlights h5,
#link-highlights a {
	color: rgb(51,31,18);
}
#provide h5,
#provide h2 {
	text-align: center;
	color: rgb(255,255,255);
}
#provide a {
	color: rgb(255,255,255);
	font-weight: bold;
}
#provide a:hover {
	color: rgb(51,31,18);
}
#provide p {
	font-size: 1.6rem;
	color: rgb(255,255,255);
}
#product-showcase h2 {
	text-align: center;
}
#partners h3 {
	font-size: 5.5rem;
}
#articles h2,
#press h2,
#volunteer h2,
{
	color: rgb(51,31,18);
}
#contact h2 {
	color: rgb(148,121,93);
}
.experience-circle:hover { 
	color: rgb(255,255,255);
}
#client-list a {
	font-size: 1.8rem;
	font-weight: bold;
	color: rgb(148,121,93);
	line-height: 2;
	
	cursor: pointer;
}
#client-list a:hover,
#client-list a.active {
	color: rgb(51,31,18);	
}
#branding-slide-show h2 {
	text-transform: uppercase;
}
#volunteer h4 {
	text-transform: capitalize;
}
#articles a,
#press a {
	color: rgb(51,31,18);
	font-weight: bold;
}
.volunteer-title h4 {
	color: rgb(51,31,18);
}
.volunteer-title h4 small {
	font-size: 60%;
	font-weight: normal;
	color: rgb(148,121,93);
}
.volunteer-title p {
	color: rgb(237,207,122);
}
#contact,
#contact #bread-crumbs,
#contact a {
	color: rgb(51,31,18);
}
.service-icon {
	font-size: 2.245rem;
	line-height: 1.45;
	font-weight: 500;
}
.footer-navigation ul li {
	line-height: 1.65;
}
.footer-navigation ul li a {
	color: rgb(255,255,255);
}
.footer-note {
	font-size: 1.5rem;
	color: rgb(148,121,93);
}
.footer-note a {
	font-size: 1.5rem;
	color: rgb(148,121,93);
	border-bottom: 1px dashed rgb(148,121,93);
}
/* end of template styling */

.wpcf7 form .wpcf7-response-output {
	font-size: 1.8rem;
	color: rgb(255,255,255);
}
#contact .wpcf7-not-valid-tip {
	font-size: 1.8rem;
	color: rgba(193,49,58);
}
.nav-links {
	font-size: 1.8rem;
}
/*--------------------------------------------------------------
# Common Classes
--------------------------------------------------------------*/
.black {
	color: #111;
}
.white {
	color: rgb(255,255,255);
}
.brown {
	color: rgb(148,121,93);
}
.light-brown-bg {
	color: rgb(51,31,18);
}
.dark-brown-bg {
	color: rgb(255,255,255);
}
.brown-bg p {
	color: rgb(255,255,255);
}
button {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 52px;
	color: rgb(255,255,255);
	text-transform: uppercase;
}
button:hover {
	color: rgb(255,255,255);
}
button a {
	color: rgb(255,255,255);
}
button.transparent:hover {
	color: rgb(148,121,93);
}
.brown {
	color: rgb(148,121,93);
}
.dark-brown {
	color: rgb(51,31,18);
}
.toupper {
	text-transform: uppercase;
}
.upgradeie {
	color: #FFF;
	font-size: 1.1em;
	text-align: center;
}
.upgradeie a {
	color: #FFF;
	font-weight: bold;
}
/*==========  Media Query  ==========*/
@media only screen and (max-width : 1380px) {
	#home-feature h2 {
		font-size: 4.0rem;
	}
}
@media only screen and (max-width : 1200px) {
	#home-feature h2 {
		font-size: 4.0rem;
	}
	#partners h3 {
		font-size: 5.0rem;
	}
}
@media only screen and (max-width : 992px) {
	#contact h2 {
		font-size: 4.0em;
	}
}
@media only screen and (max-width : 768px) {
	html {
		font-size: 50%
	}
	.row {
		margin-bottom: 0!important
	}
	#main-navigation>ul>li>a {
		color: rgb(0,0,0);
		font-weight: bold;
	}
	#main-navigation li {
		font-size: 2.6rem;
	}
	#main-navigation li {
		text-align: right;
	}	
	#main-navigation ul.sub-menu>li>a {
		text-align: right;
	}
	#main-navigation ul.sub-menu .current-menu-item a {
		color: 	rgb(148,121,93);
		text-decoration: underline;
	}
	#main-navigation ul.sub-menu li:hover a	{
		color: rgb(0,0,0);
		font-weight: bold;
	}
	h2 {
		font-size: 4.0rem;
	}
	h5 {
		font-size: 2.0rem;
	}	
	ul.sub-menu li {
		line-height: 26px;
	}
	#menu-title {
		font-size: 2.6rem;
	}
	#top-square-quote,
	#bottom-square-quote {
		font-size: 3.22rem;
	}	
}
@media only screen and (max-width : 600px) {
	h1 {
		font-size: 4.75rem;
	}
}
@media only screen and (max-width : 480px) {
	#top-square-quote,
	#bottom-square-quote {
		font-size: 3rem;
	}
}
@media only screen and (max-width : 320px) {
	#top-square-quote,
	#bottom-square-quote {
		font-size: 2.6rem;
	}
}
/* ipad styles */
/*
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#main-navigation>ul>li>a {
		color: rgb(0,0,0);
		font-weight: bold;
	}
	#main-navigation li {
		font-size: 2.6rem;
	}
	#main-navigation li {
		text-align: right;
	}	
	#main-navigation ul.sub-menu>li>a {
		text-align: right;
	}
	#main-navigation ul.sub-menu .current-menu-item a {
		color: 	rgb(148,121,93);
		text-decoration: underline;
	}
	#main-navigation ul.sub-menu li:hover a	{
		color: rgb(0,0,0);
		font-weight: bold;
	}
	ul.sub-menu li {
		line-height: 26px;
	}
	#menu-title {
		font-size: 2.6rem;
	}  
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#main-navigation>ul>li>a {
		color: rgb(0,0,0);
		font-weight: bold;
	}
	#main-navigation li {
		font-size: 2.6rem;
	}
	#main-navigation li {
		text-align: right;
	}	
	#main-navigation ul.sub-menu>li>a {
		text-align: right;
	}
	#main-navigation ul.sub-menu .current-menu-item a {
		color: 	rgb(148,121,93);
		text-decoration: underline;
	}
	#main-navigation ul.sub-menu li:hover a	{
		color: rgb(0,0,0);
		font-weight: bold;
	}
	ul.sub-menu li {
		line-height: 26px;
	}
	#menu-title {
		font-size: 2.6rem;
	}  	  
} */