/* CSS Document */

html{
    font-family: "Roboto", helvetica, arial, sans-serif;
    line-height: 1.95;
    font-size: 16px;
	
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

.form_color {
	background-color: #fff0b5;
	background-image: url("https://transparenttextures.com/patterns/classy-fabric.png");
	background-repeat: repeat;
	
}


body {
  /*background-image: url(assets/carbon_fibre.png); */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3f2f7+0,71ceef+28,21b4e2+53,055e7f+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffe8+0,feffe8+8,feffe8+8,5096b2+100 */
/* background: radial-gradient(ellipse at center,  rgba(254,255,232,1) 0%,rgba(254,255,232,1) 8%,rgba(254,255,232,1) 8%,rgba(80,150,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


	font-family: "Roboto";
	color: #666;
	background-color: #fff0b5;
	background-image: url("https://transparenttextures.com/patterns/classy-fabric.png");
	background-repeat: repeat;

  /* background-size: cover;
  background-repeat: no-repeat; */
  width: 100%;
}

 /* overlapping hero images */
.parent {
  position: relative;
  top: 0;
  left: 0;
}
.image1 {
  position: relative;
  top: 0;
  left: 0;
 }
.image2 {
  position: absolute;
  top: 20px;
  right: 0;
}





.container {

	margin-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

a:hover {
  
  color: #006f9d;
}



.navbar {
  background-color: #fff0b5;
  background-image: url("https://transparenttextures.com/patterns/classy-fabric.png");
  background-repeat: repeat;
}

.navbar li {
	color: rgb(10, 10, 10);
}

/*
.navbar a:hover {
	color: rgb(20, 20, 100);
}

*/
.navbar a:active {
	color: rgb(0, 0, 0);
}


.contact {
	color: #fff;
}


.section2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  background-color: #fff0b5;
  background-image: url("https://transparenttextures.com/patterns/classy-fabric.png");
  background-repeat: repeat;
  height: vh100;
  width: 100%;
  z-index: 2;
  text-align: left;
  padding-bottom: 60px;
  padding-top: 0;
}

.page_content {
  /* background-color: #c6dfe9; */
  border-color: #006f9d;
  border-width: 1px;
  border-style: solid;
  border-radius: 15px;
  background-color: #fbf7ef;
  background-image: url("https://transparenttextures.com/patterns/rice-paper-3.png");
  background-repeat: repeat;
  margin-bottom: 30px;
  padding-bottom: 60px;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  width: auto;
  margin-top: 60px;
  margin-left: 30px;
  margin-right: 30px;
  text-align: center;
}

.page_title {
  font-size: 3.5rem;
  line-height: 3.2em;
  font-family: 'The Friday Stroke', sans-serif;
  font-weight: 400;
  color: #006f9d;  
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.category_title {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 600;
  color: #006f9d;
  /* color: #034972; */
  width: 100%;
  margin-top: 20px;
  font-family: "Roboto Condensed";
}
.byline {
	font-size: 1.4rem;
	color: #006f9d;
}

.category_intro {
  font-family: "Roboto Condensed";
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #666;
  text-align: left;
  font-size: 1.2rem;
  padding-left: 30px;
  padding-right: 30px;
}

.page_intro{
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  font-size: 1.15rem;
  font-family: "Roboto";
  font-style: normal;
  line-height: 1.3;
  text-align: center;
  color: #666;
  
}

.headline {
  font-size: 2.5rem;
  color: #006f9d;
  font-family: "Roboto";
  font-weight: 900;
  line-height: 1.2;
  text-align: left;
}

.pdf_title {
	font-weight: 600;
	color: #006f9d;
	font-size: 1.2rem;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 0;
}

.pdf_byline {
	font-style: bold;
	color: #B85042;
	font-size: 1rem;
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: 'Roboto Condensed';
}	

.author {
	font-size: .925rem;
	line-height: 1.2;
	font-weight: 600;
	color: 333;
}
	
	
.pdf_desc {
	font-weight: 400;
	color: #666;
	font-size: .9rem;
	line-height: 1.4;
}

.testimonials {
	font-weight: 400;
	color: #666;
	font-size: 1rem;
	line-height: 1.4;
}

.services {
	font-size: 2.4rem;
	font-family: 'The Friday Stroke', sans-serif;
	line-height: 1.3;
	font-weight: 400;
	color: #006f9d;
}
		
.separator {
  border-width: 1px;
  border-style: dotted;
  border-color: #006f9d;
  margin-bottom: 36px;
  margin-top: 30px;
  width: 100%;
}

.page-content.button {
  margin-top: 20px;
}


.button {
  background-color: #006f9d;
  color: #fff;
}


.button a {
  color: #fff;
}

.button a:hover {
  color: #00f;
  text-decoration: none;
}

.page-footer {
  margin-top: 20px;
  font-size: .9rem;
  position: bottom-fixed;
  margin-bottom: 20px;
  width: 100%;
 }

.page-footer a:hover {
  text-decoration: none;
}

.social-icons {
  width: 42px;
  height: 42px;
  font-size: 18px;
  background: #444;
  border-radius: 21px;
  text-align: center;
  padding: 6px 0;
  line-height: 28px;
  color: #fff;
}
.social-icons:hover,
.social-icons:focus {
  color: #eee;
  background: #555;
}


/*
.card {
  margin-bottom: 30px;
}

.card-body {
  padding: 0;
  margin-bottom: 30px;
}


.card-title {
  font-size: 18px;
  font-weight: bold;
  color: rgb(248, 6, 6);
  text-align: center;
  margin-top: 10px;
}

.card-text {
  font-size: 14px;
  text-align: left;
}

*/


.lb-album > li img a{
		overflow: hidden;
}

@media screen and (min-width: 667px) {
	.page_content {
		padding: 20px;
		margin: 0px;
		}
}



@media screen and (max-width: 428px){
	
.lb-overlay:target{
	width: 100%;
	text-align: center;
	height: auto;
	bottom: 0px;
	right: 0px;
	/*padding: 80px 100px 120px 100px;*/
	padding: 0;
}

.lb-overlay div p{
	width: 68%;
}

.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 50%;
}


.lb-prev, .lb-next{
	left: 35%;
}

	.section2 {
		padding-left: 0;
		padding-right: 0;
		}

	.page_content {
		width: 100%;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		}
	
	.page_title {
		font-size: 2rem;
		line-height: 1.2;
	 	}
	
	html {
		font-size: .9rem;
	}
}

/*

@media screen and (max-width: 383px) {
	
.lb-overlay:target {
	width: 100%;
	text-align: center;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 0;
}

.lb-overlay > div p{
	position: relative;
	color: rgba(27,54,81,0.8);
	width: auto;
	height: 80px;
	margin: 0;
	padding: 0;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
}

.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 50%;
}

.lb-prev, .lb-next{
	left: 35%;
}

*/