@import url(http://fonts.googleapis.com/css?family=Mako);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

html, body {
	margin: 0 !important;
	padding: 0 !important;
	scroll-behavior: smooth;
}
body {
	background-color: #fff;
	color: #555;
	font: normal 16px/150% 'Mako', sans-serif;
	margin: 0;
}
a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
}
h1, h2 {
	margin: 1em;
}

@media screen and (max-width: 920px) {
	h2 {
		font-size:  1em;
	}
	
}




.link-color{
	color: #7c3838;
}

.link-color:hover {
	border-bottom: 1px solid;
	color: #7c3838;
}

blockquote {
	color: #777;
	display: block;
	float: left;
	padding: 15px 20px;
	width: 80%;
	position: relative;
	border-left: 15px solid #7c3838;
	border-right: 2px solid #7c3838;
	-moz-box-shadow: 2px 2px 15px rgb(151, 22, 22);
	-webkit-box-shadow: 2px 2px 15px rgb(151, 22, 22);
	box-shadow: 2px 2px 15px rgba(151, 22, 22, 0.15);
	margin: 0 auto;
}
.two-col-cell {
	display: table-cell;
	float: left;
	width: calc(100% / 2);
}
.three-col-cell {
	display: table-cell;
	float: left;
	width: calc((100% / 3) - 6px);
}
.sub {
	font-size: 95%;
	padding: 1.5em 0;
	margin: 0;
}
.clear {
	clear: both;
}
.gallery {
	text-align: center;
	padding: 10px 0;
	margin: 1px;
}
.gallery img {
	width: 90%;
}
ul#menu {
	width: 200px;
	position: absolute; /*change to 'fixed' for sticky menu */
	top: 0;
	left: 2%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1000;
}
ul#menu li {
	border-top: 1px solid #888;
	border-bottom: 1px solid #7C71AD;
}
ul#menu li a {
	font-size: 85%;
	text-decoration: none;
	color: #ccc;
	padding: 10.5px 11px;
	background-color: #7C71AD;
	display: block;
	border: none !important;
}
ul#menu li a:hover, ul#menu li a.active {
	background-color: #87b;
	color: #fff;
	border: none !important;
}
#banner {
	display: table;
	width: 100%;
	height: 250px;
	background-color: #7c3838;
	color: #fff;
	margin-top: 5.75em;
}



@media screen and (max-width: 780px) {
	#banner {
		display: table;
		width: 120%;
		height: 250px;
		background-color: #7c3838;
		color: #fff;
		margin-top: 5em;
	}
}





#header {
	display: table-cell;
	vertical-align: middle;
	padding-left: calc(200px + 2% + 2%);
}
#content {
	display: table;
	width: calc(100% - (200px + (2% * 2)));
	margin: 0;
	margin-left: calc(100px + 2%);
	margin-bottom: 15px;
}

@media screen and (max-width: 1680px) {
	#content {
		display: table;
		width: calc(100% - (200px + (2% * 2)));
		margin: 0;
		margin-left: calc(1px + 2%);
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 920px) {
	#content {
		margin-left: 2em;
		margin-right: 2em;
	}
}






.pageitem {
	width: 97%;
	margin-left: 2%;
	margin-bottom: 15px;
	margin-top: .5em;
	float: left;
}
.pageitem p {
	text-align: justify;
}
.pageitem ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.pageitem ul li:before {
	content: '\f061';
	font-family: 'FontAwesome';
	float: left;
	margin-left: -1.5em;
	color: #cf5e5e;
}
.pageitem ol li {
	counter-increment: list;
	list-style: none;
}
.pageitem ol li:before {
	color: #cf5e5e;
	content: counter(list) ".";
	text-align: right;
	position: absolute;
	left: calc(100px + 2% + 2%);
	width: 30px;
}
#footer {
	border-top: 2px solid #79BFA1;
	text-align: right;
	padding: 15px;
	font-size: 75%;
	line-height: 70%;
	clear: both;
}
#show-menu {
	display: none;
}
.open, .close {
	background-color: inherit;
	color: #fff;
	text-align: right;
	font-weight: normal;
	font-size: 1.5em;
	padding: 0;
	position: absolute;
	top: 135px;
	left: 4%;
	display: none;
}

/* Responsive styles */
@media screen and (max-width: 1000px) {
	.three-col-cell {
		width: calc((100% / 2) - 6px);
	}
}
@media screen and (max-width: 750px) {
	#header {
		padding-left: 4%;
	}
	.pageitem ol li:before {
		left: calc(2% + 2%);
	}
	/* menu */
	ul#menu {
		display: none;
	}
	.hide, .open {
		display: block;
	}
	#show-menu:checked ~ .open {
		display: none;
	}
	#show-menu:checked ~ .close {
		font-size: 1.6em;
		display: block;
	}
	#show-menu:checked ~ ul#menu {
		display: initial;
		width: 100%;
		text-align:center;
		position: absolute;
		top: calc(18px + 150px);
		right: 0;
		left: auto;
		opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
	}
}
@media screen and (max-width: 650px) {
	.three-col-cell {
		width: calc(100% / 1);
	}
	.two-col-cell {
		width: calc(100% / 1);
	}
	.gallery img {
		width: 70%;
	}
	#footer {
		text-align: center;
	}
}


.site-footer {
	padding-top: 120px;
	background-color: #343434;
  }
  
  @media (max-width: 1250px) {
	.site-footer {
	  padding-top: 60px;
	}
  }

  @media (max-width: 750px) {
	.site-footer {
	  width: 120%;
	}
  }


  
  .footer-inner {
	display: flex;
	justify-content: space-between;
	padding-bottom: 95px;
  }
  
  .footer-inner h5 {
	margin-bottom: 30px;
	font-size: 20px;
	letter-spacing: 2px;
	color: #fff;
	font-weight: bold;
  }
  
  @media (max-width: 1250px) {
	.footer-inner {
	  padding-bottom: 50px;
	  flex-direction: column;
	  align-items: center;
	}
  }
  
  .footer-info {
	width: 50%;
	display: flex;
  }
  
  .footer-info .footer-info__left {
	margin-right: 45px;
  }
  
  .footer-info .footer-info__left img {
	margin-bottom: 10px;
  }
  
  .footer-info .footer-info__left p {
	color: #a13b3bb7;
  }
  
  @media (max-width: 620px) {
	.footer-info .footer-info__left {
	  margin-right: 0;
	  margin-bottom: 20px;
	}
  }
  
  .footer-info .footer-info__right p {
	margin-bottom: 15px;
	color: #aaa;
  }
  
  .footer-info .footer-info__right .footer-phone {
	font-size: 14px;
  }
  
  .footer-info .footer-info__right .social-icons {
	margin-top: 27px;
  }
  
  .footer-info .footer-info__right .social-icons a {
	padding: 9px 19px;
  }
  
  @media (max-width: 1250px) {
	.footer-info {
	  width: 100%;
	  margin-bottom: 20px;
	}
  }
  
  @media (max-width: 620px) {
	.footer-info {
	  flex-direction: column;
	  align-items: center;
	}
  }
  
  .footer-contact-form {
	width: 50%;
  }
  
  .footer-contact-form .contact-form__input {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
  }
  
  .footer-contact-form .contact-form__input input {
	width: 40%;
	padding: 20px;
	border: 1px solid #404040;
	background-color: #282828;
	color: #c18f59;
  }
  
  .footer-contact-form .contact-form__input input::placeholder {
	color: #aaa;
  }
  
  @media (max-width: 1250px) {
	.footer-contact-form .contact-form__input input {
	  width: 45%;
	}
  }
  
  @media (max-width: 520px) {
	.footer-contact-form .contact-form__input input {
	  width: 100%;
	}
  }
  
  .footer-contact-form textarea {
	box-sizing: border-box;
	height: 90px;
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #404040;
	background-color: #282828;
	resize: none;
	color: #c18f59;
  }
  
  .footer-contact-form .submit-button {
	padding: 19px 50px;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	background-color: #c00303;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	transition: 0.3s ease;
  }
  
  .footer-contact-form .submit-button:hover {
	background-color: #777;
  }
  
  @media (max-width: 1250px) {
	.footer-contact-form {
	  width: 100%;
	}
  }
  
  .footer-bottom {
	padding: 25px 0;
	background-color: #2d2d2d;
  }
  
  .footer-bottom-inner {
	display: flex;
	justify-content: space-between;
  }
  
  .footer-bottom-inner p {
	color: #777;
  }
  
  .footer-bottom-inner a {
	color: #b43636;
	text-decoration: none;
	transition: 0.3s ease;
	font-size: medium;
  }
  
  .footer-bottom-inner a:hover {
	color: #777;
  }
  
  .footer-bottom-inner .footer-bottom__img img {
	margin-right: 25px;
  }
  
  .footer-bottom-inner .footer-bottom__img img:last-child {
	margin-right: 0;
  }
  
  @media (max-width: 992px) {
	.footer-bottom-inner {
	  flex-direction: column;
	  align-items: center;
	}
  
	.footer-bottom-inner p {
	  font-size: 14px;
	  margin-bottom: 20px;
	}
  }
  .site-container {
	width: 1315px;
	margin: 0 auto;
  }
  

  @media (max-width: 850px) {
	.site-container {
		width: 40em;
		margin: 0 auto;
	  }
	  
  }


  
  @media (max-width: 690px) {
	.site-container {
		width: 35em;
		margin: 0 auto;
	  }
	  
  }





  a:-webkit-any-link { text-decoration: none !important; }

  

  .fh5co-counter .site-container {
	margin-bottom: 50px;
	position: relative;
	z-index: 1;
  }
  
  @media (max-width: 850px) {
	.fh5co-counter {
	  padding: 50px 0 20px;
	  margin-bottom: 50px;
	}
  }
  
  .counter-inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  
  .single-count {
	width: 23%;
	text-align: center;
	color: #fff;
  }
  
  .count-number {
	font-size: 42px;
	width: 23%;
	text-align: center;
	color: rgb(202, 0, 0);
	margin-top:1em;
  }
  
  .single-count span {
	display: block;
	margin-bottom: 25px;
	font-size: 40px;
	font-weight: 900;
  }
  
  .count-number p {
	font-size: 20px;
	text-transform: uppercase;
  }
  
  .single-count p {
	font-size: 20px;
	text-transform: uppercase;
  }
  
  @media (max-width: 850px) {
	.single-count {
	  width: 48%;
	  margin-bottom: 30px;
	}
  
	.single-count .count {
	  font-size: 35px;
	  margin-bottom: 15px;
	}
  }
  
  @media (max-width: 500px) {
	.single-count {
	  width: 100%;
	  padding-bottom: 10px;
	  border-bottom: 1px solid #fff;
	}
  }
  
  .title{
	font-size: 4em;
  }

  @media (max-width: 1792px) {
	html, body {
	  zoom: 90%;

	}
}

* {
	margin: 0;
	padding: 0;
	font-family: Lato, arial, sans-serif;
  }


  .social-icons a {
	position: relative;
	border: 1px solid white;
	border-radius: 50%;
	padding: 13px 23px;
	margin-right: 10px;
	transition: 0.3s ease;
	font-size: 16px;
  }
  
  .social-icons a:hover {
	background-color: rgb(51, 22, 22);
	border-color: transparent;
  }
  
  .social-icons img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
  }
  
  @media (max-width: 620px) {
	.social-icons {
	  margin: 35px 0;
	}
  }
  

  @media (max-width: 620px) {
	html {
	 zoom: 50%;
	}
  }


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

	body, select, textarea {
	  font-size: 8pt;
	}
  
  }
  
  @media screen and (max-width: 980px) {
  
	body, select, textarea, p {
	  font-size: 8pt;
	}
  
  }
  
  @media screen and (max-width: 736px) {
  
	body, select, textarea {
	  font-size: 9pt;
	}
  
  }
  
  @media screen and (max-width: 480px) {
  
	body, select, textarea {
	  font-size: 9pt;
	}
  
  }



  @media (max-width: 620px) {
	.footer-info .footer-info__left p {
	  font-size: 0em;
	}
	
  }