@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
}
img {border: none; -webkit-touch-callout: none; -webkit-user-select:none; }

html{
  height: 100vh;
	margin: 0px;
	padding: 0px;

}

body {

  background: url(bg_test.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  	background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}
header {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  height:85px;
  
  }
  header img
  {
    padding-left:20px;
    padding-right:20px;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 300px;
  height: auto;
  width: auto\9; /* ie8 */
  }
  
  @media screen and (max-width: 568px) {
    header {
      max-width: 100%;
      margin-left:auto;
      margin-right:auto;
      margin-top:0px;
      margin-bottom:0px;
      padding-left: 20px;
      padding-right: 20px;
      text-align:center;
      height:85px;
 }
  }
  
  @media screen and (max-width: 320px) {
    header {
      max-width: 100%;
      margin-left:auto;
      margin-right:auto;
      margin-top:0px;
      margin-bottom:0px;
      padding-left: 20px;
      padding-right: 20px;
      text-align:center;
      height:75px;
  }
  }
.main { 
	    padding-left:40px;
        padding-right: 40px;
	    padding-bottom:0px;
        padding-top:0px;
	margin-left:auto;
	margin-right:auto;

}

main {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
  width: 100%;
min-height:700px;



z-index: 15;


padding-left:0px;
padding-right: 0px;
border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.6); 

}
.main_container {
  background: rgba(255, 255, 255, 0.7); 
  -webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.8);box-shadow:0 0px 4px rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter:blur(30px);
              backdrop-filter:blur(30px);
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
   max-width: 1000px;
   min-height: 500px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:0px;

font-size:16px;

}


 /* unvisited link */
 h1 {
	font-family:var(--PrimaryFontFamily);
	color:var(--PrimaryFontColor);
	letter-spacing: 1px;
	font-weight: normal;
	font-size:22px;
	text-align:center;
	text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	 margin-bottom:10px;
	 padding-bottom: 10px;
	 margin-top: 20px;
	}
	h1:after {
		background:var(--PrimaryAccentColor);
		content: '';
		display: block;
		height: 1px;
		width: 50px;
		margin-top: 5px;
		margin-right: auto;
		margin-bottom: -15px;
		margin-left: auto;
	}
	h1 a:link {
		font-family:var(--PrimaryFontFamily);
		color:var(--PrimaryFontColor);
		letter-spacing: 1px;
	font-size:22px;
	 text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	}
	
	/* visited link */
	h1 a:visited {
	font-family:var(--PrimaryFontFamily);
	color:var(--PrimaryFontColor);
	font-size:22px;
	text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	}
	
	/* mouse over link */
	h1 a:hover {
	font-family:var(--PrimaryFontFamily);
	color:var(--PrimaryHoverColor);
	letter-spacing: 1px;
	font-size:22px;
	text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	}
	
	/* selected link */
	h1 a:active {
	font-family:var(--PrimaryFontFamily);
	color:var(--PrimaryFontColor);
	letter-spacing: 1px;
	font-size:22px;
	 text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	}
.data
{
  max-width: 100%;
  min-height:25px;
  font-family: 'futura_ptmedium';
  color:var(--PrimaryFontColor);
    font-size:12px;
  letter-spacing:3px;
  text-align:center;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  
  padding: 3px ;
  margin-left:auto;
  margin-right:auto;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); 
  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  border-top:0px solid rgba(255, 255, 255, 0.08);
  
   
  text-rendering: geometricPrecision; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;


}


.news_image
  {
  
  
    max-width:400px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    padding-left:10px;
    padding-right:10px;
  padding-bottom:20px;
    
  }  
  .news_image img
  {
  max-width:100%;
    -webkit-box-shadow:0 0px 3px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0px 3px rgba(0, 0, 0, 0.6);box-shadow:0 0px 3px rgba(0, 0, 0, 0.6);
      z-index:3;	height: auto;
    width: auto\9; /* ie8 */
  }

 /* unvisited link */
 .title {
  font-family:'playfair_displayregular';
  color:var(--PrimaryFontColor);
  letter-spacing: 1px;
  font-size:24px;
  text-align:center;
  text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
   margin-bottom:10px;
   padding-bottom: 10px;
   margin-top: 0px;
   padding-left: 30px;
   padding-right: 30px;
  }
  .title:after {
    background:var(--PrimaryAccentColor);
    content: '';
    display: block;
    height: 1px;
    width: 40px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: -15px;
    margin-left: auto;
  }
  .title a:link {
    font-family:'playfair_displayregular';
    color:var(--PrimaryFontColor);
    letter-spacing: 1px;
    font-size:24px;
   text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }
  
  /* visited link */
  .title a:visited {
    font-family:'playfair_displayregular';
  color:var(--PrimaryFontColor);
  font-size:24px;
  text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }
  
  /* mouse over link */
  .title a:hover {
    font-family:'playfair_displayregular';
  color:var(--PrimaryHoverColor);
  letter-spacing: 1px;
  font-size:24px;
  text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }
  
  /* selected link */
  .title a:active {
    font-family:'playfair_displayregular';
  color:var(--PrimaryFontColor);
  letter-spacing: 1px;
  font-size:24px;
   text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }
.book_intro
{

    max-width: 1060px;
  margin-left:auto;
  margin-right:auto;
    -moz-text-align-last: left;
  text-align-last: left;
  font-size:16px;
  line-height: 150%;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:20px;
  padding-top: 0px;
   
	
}
  .txt
  {
    max-width: 1060px;
  margin-left:auto;
  margin-right:auto;
  font-family:var(--PrimaryFontFamily);
  color:var(--PrimaryFontColor);
  text-align:justify;
  text-justify: inter-word;
  -moz-text-align-last: left;
  text-align-last: left;
  font-size:16px;
  line-height: 150%;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:20px;
  padding-top: 10px;
    

  
  }
  .txt a {
    color:var(--PrimaryFontColor);
    position: relative;
    text-decoration: none;

    
    text-justify: inter-word;
    font-size:16px;
    line-height: 150%;
  }
  
  .txt a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 0px;
    background-color:var(--PrimaryAccentColor);
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }
  
  .txt a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .txt_img
  {
  
  
    max-width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-left:0px;
    padding-right:0px;
  padding-bottom:0px;
    
  }
  
  .txt_img img
  {
  max-width:100%;
    -webkit-box-shadow:0 0px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0px 3px rgba(0, 0, 0, 0.2);box-shadow:0 0px 3px rgba(0, 0, 0, 0.2);
      z-index:3;	height: auto;
    width: auto\9; /* ie8 */
  }

  .txt_more:before,   .txt_more:after{
    content: "";
    flex: 1 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); 
    margin: auto;
    
  }

  .txt_more
  {
    display: flex;
    flex-direction: row;
    max-width: 1060px;
    min-height:15px;
    font-family: 'futura_ptmedium';
    color:var(--PrimaryFontColor);
    font-size:12px;
    letter-spacing:3px;
    text-align:center;
    text-transform: uppercase;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 10px;
    margin-top: 10px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); 
    -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
    border-top:0px solid rgba(255, 255, 255, 0.08);  
    text-rendering: geometricPrecision; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .txt_more a:link {
    font-family: 'futura_ptmedium';
    color:var(--PrimaryFontColor);
      font-size:12px;
    letter-spacing:3px;
    text-align:center;
    text-transform: uppercase;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
 text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
}

/* lang link */
.txt_more a:visited {
  font-family: 'futura_ptmedium';
  color:var(--PrimaryFontColor);
    font-size:12px;
  letter-spacing:3px;
  text-align:center;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
}

/* mouse over link */
.txt_more a:hover {
  font-family: 'futura_ptmedium';
  color:var(--PrimaryFontColor);
    font-size:12px;
  letter-spacing:3px;
  text-align:center;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;



}

/* selected link */
.txt_more a:active {
  font-family: 'futura_ptmedium';
  color:rgba(255, 255, 255, 0.45); 
    font-size:12px;
  letter-spacing:3px;
  text-align:center;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
}


.news_gallery {
  max-width:100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-top: 0px;
  text-align: center;


}

.news_gallery img
  {
  max-width:100%;
    -webkit-box-shadow:0 0px 3px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0px 3px rgba(0, 0, 0, 0.6);box-shadow:0 0px 3px rgba(0, 0, 0, 0.6);
      z-index:3;	height: auto;
    width: auto\9; /* ie8 */
    padding-bottom: 10px;
  }
.book_gallery
{
	
	max-width:100%;
  margin-left: auto;
  margin-right: auto;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:40px;
  padding-top: 0px;
  text-align: center;
	
	
}
.book_fot_thumb
{
    padding:0;
	margin: 5px;
    text-align:center;
}

.book_fot_thumb img
{
  padding:0;
-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
border: none;

z-index:999;
max-width: 100%;
margin-bottom:0px;
margin-top:0px;
height: auto;
width: auto\9; /* ie8 */	
-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);
}

/* gallery.
	* --------------------------------------- */
  .gallery
  {
    
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:40px;
    padding-top: 0px;
    text-align: center;
    
    
  }
  .fot_thumb
  {
      padding:0;
    margin: 5px;
      text-align:center;
  }
  
  .fot_thumb img
  {
    padding:0;
  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  border: none;
  
  z-index:999;
  max-width: 100%;
  margin-bottom:0px;
  margin-top:0px;
  height: auto;
  width: auto\9; /* ie8 */	
  -webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);
  }

footer
{ 

 max-width: 1060px;
  margin-left:auto;
  margin-right:auto;
  font-family:var(--PrimaryFontFamily);
  color:var(--PrimaryFontColor);
  text-align:justify;
  text-justify: inter-word;
  -moz-text-align-last: center;
  text-align-last: center;
  font-size:16px;
  line-height: 150%;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:40px;
  padding-top: 20px;

}
.footer {
font-family:var(--PrimaryFontFamily);
    color:rgba(255, 255, 255, 0.7);
    letter-spacing: 2px;
    font-size:12px;
   text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }

.footer a:link {
font-family:var(--PrimaryFontFamily);
    color:rgba(255, 255, 255, 0.7);
    letter-spacing: 2px;
    font-size:12px;
   text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }
  
  /* visited link */
.footer a:visited {
font-family:var(--PrimaryFontFamily);
color:rgba(255, 255, 255, 0.7);
	  letter-spacing: 2px;
  font-size:12px;
  text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }
  
  /* mouse over link */
.footer a:hover {
font-family:var(--PrimaryFontFamily);
color:rgba(255, 255, 255, 1.0);
  letter-spacing: 2px;
  font-size:12px;
  text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }
  
  /* selected link */
.footer a:active {
font-family:var(--PrimaryFontFamily);
color:rgba(255, 255, 255, 0.7);
  letter-spacing: 2px;
  font-size:12px;
   text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }


  

@media screen and (orientation: landscape) {

	.wrapper {
		margin-left:auto;
		margin-right:auto;
		max-width: 1060px;
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 5px;

    padding-left: 30px;
    padding-right: 30px;
		
	  }
	
	  
	@media screen and (max-width:1200px) {
	
    .wrapper {
	margin-left:auto;
	margin-right:auto;
	max-width: 1000px;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 5px;
	
  }
  
	}
	
  @media screen and (max-width:1000px) {
    .wrapper {
		margin-left:auto;
		margin-right:auto;
		max-width: 800px;
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-column-gap: 5px;
		grid-row-gap: 0px;
	  }

}

}
@media screen and (orientation: portrait) {
	 .wrapper {
            margin-left:auto;
            margin-right:auto;
            max-width: 600px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-column-gap: 8px;
            grid-row-gap: 4px;
          }

    @media screen and (max-width:1200px) {
        .wrapper {
            margin-left:auto;
            margin-right:auto;
            max-width: 600px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-column-gap: 8px;
            grid-row-gap: 4px;
          }

}
@media screen and (max-width:820px) {
    .wrapper {
		margin-left:auto;
		margin-right:auto;
		max-width: 500px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 5px;
		grid-row-gap: 0px;
	  }

}
@media screen and (max-width:490px) {
    .wrapper {
		margin-left:auto;
		margin-right:auto;
		max-width: 400px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 5px;
		grid-row-gap: 0px;
		padding-left: 20px;
		padding-right: 20px;
	  }

}



}




.pagination {
max-width:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
padding:20px;
text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;

 }
  .pagination a {
color:rgba(255, 255, 255, 0.45); 
line-height: 250%;
font-family:var(--PrimaryFontFamily);
font-weight: 400;
font-size:16px;
margin-top: 25px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom:10px;
padding-left: 10px;
padding-right: 10px;
display: inline;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--PrimaryBackgroundColor);
text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;

 }
 
 .pagination a.active {
  color:rgba(255, 255, 255, 0.45); 
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--PrimaryAccentColor);
text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;

 }
 
 .pagination a:hover:not(.active) { 
color:rgba(255, 255, 255, 0.65); 
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--PrimaryAccentColor);
text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;

 }


 @media screen and (max-width:600px) {
  body {
  padding-left: 0px;
  padding-right: 0px;
 }
 .main { 
  padding-left:20px;
    padding-right: 20px;
  padding-bottom:0px;
    padding-top:0px;
margin-left:auto;
margin-right:auto;

}

.book_gallery
{
	
	max-width:100%;
  margin-left: auto;
  margin-right: auto;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:40px;
  padding-top: 0px;
  text-align: center;
	
	
}
.gallery
  {
    
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:40px;
    padding-top: 0px;
    text-align: center;

}
  .news_image
  {
    
    max-width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    padding-left:0px;
    padding-right:0px;
  padding-bottom:0px;
    
  }
  .title {
    font-family:'playfair_displayregular';
    color:var(--PrimaryFontColor);
    letter-spacing: 1px;
    font-size:22px;
    text-align:center;
    text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
     margin-bottom:10px;
     padding-bottom: 10px;
     margin-top: 10px;
     padding-left: 20px;
     padding-right: 20px;
    }

    .title a:link {
      font-family:'playfair_displayregular';
      color:var(--PrimaryFontColor);
      letter-spacing: 1px;
      font-size:22px;
     text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
    }
    
    /* visited link */
    .title a:visited {
      font-family:'playfair_displayregular';
    color:var(--PrimaryFontColor);
    font-size:22px;
    text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
    }
    
    /* mouse over link */
    .title a:hover {
      font-family:'playfair_displayregular';
    color:var(--PrimaryHoverColor);
    letter-spacing: 1px;
    font-size:22px;
    text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
    }
    
    /* selected link */
    .title a:active {
      font-family:'playfair_displayregular';
    color:var(--PrimaryFontColor);
    letter-spacing: 1px;
    font-size:22px;
     text-decoration: none; -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
    }


    .txt
{
  width: 100%;
margin-left:auto;
margin-right:auto;
font-family:var(--PrimaryFontFamily);
color:var(--PrimaryFontColor);
text-align:left;


font-size:16px;
line-height: 110%;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
padding-top: 20px;
font-variation-settings: 'GRAD' 0;

text-rendering: geometricPrecision; 
text-align-last: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.txt_more
{
  display: flex;
  flex-direction: row;
  max-width: 100%;
  min-height:15px;
  font-family: 'futura_ptmedium';
  color:rgba(255, 255, 255, 0.45); 
  font-size:12px;
  letter-spacing:3px;
  text-align:center;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 20px;
  margin-top: 0px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); 
  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  border-top:0px solid rgba(255, 255, 255, 0.08);  
  text-rendering: geometricPrecision; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

}
@media screen and (max-width:568px) {
  
  .book_gallery
{
	
	max-width:100%;
  margin-left: auto;
  margin-right: auto;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:40px;
  padding-top: 0px;
  text-align: center;
	
	
}

.book_fot_thumb
{
    padding:0;
	margin-left: 0px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 5px;

    text-align:center;
}

.book_fot_thumb img
{
  padding:0;
-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
border: none;

z-index:999;
max-width: 100%;
margin-bottom:0px;
margin-top:0px;
height: auto;
width: auto\9; /* ie8 */	
-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.3);box-shadow:0 0px 0px rgba(0, 0, 0, 0.3);
}

}


@media screen and (max-width:400px) {
  body {
  padding-left: 0px;
  padding-right: 0px;
 }
 .main { 
  padding-left:10px;
    padding-right: 10px;
  padding-bottom:0px;
    padding-top:0px;
margin-left:auto;
margin-right:auto;

}
}

.video_div_main

{
	
	 max-width: 100%;
	  margin-left:auto;

  margin-right:auto;
	text-align: center;
	padding: 0;
}
.video_div

{
	
	 max-width: 100%px; 
	  margin-left:auto;
  margin-right:auto;
	margin-bottom: 0px;
		text-align: center;
	padding-top: 20px; 
	padding-bottom: 15px;
	
}
.video
{
	  max-width: 100%; height: auto;

	object-fit:cover;
	padding: 0;
	
  margin-left:auto;
  margin-right:auto;
 -webkit-box-shadow:0 0px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0px 3px rgba(0, 0, 0, 0.2);box-shadow:0 0px 3px rgba(0, 0, 0, 0.2);

}



.iframe-container {
  overflow: hidden;
  padding-top: 60%;
  position: relative;


}

.iframe-container iframe {
   border: 0;

   left: 0;
	padding-left: 20px;
	padding-right: 30px;

   position: absolute;
   top: 0;
   width: 100%;
}




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

.iframe-container {

  padding-top: 60%;
 
}

}
@media screen and (max-width:1024px) { 
.iframe-container {

  padding-top: 90%;

}

}
@media screen and (max-width:768px) { 
.iframe-container {
   width: 100%;
  padding-top: 140%;
		padding-left: 0px;
	padding-right: 0px;

}

}
@media screen and (max-width:568px) { 
.iframe-container {
   width: 100%;
  padding-top: 220%;
		padding-left: 0px;
	padding-right: 0px;

}

}