html,body {
    background-color:white;
	color:rgb(33,35,30);
	font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
    height:100%;
	width:100%;
	padding:0;
	margin:0;
}

* {margin:0;padding:0}

/*  
	red: 198-54-60
	blue: 12-64-118	
	yellow: 237-185-46
	black: 33-35-30 */

a{color:rgb(198,54,60);padding-right:0.25em}
a:hover{color:rgb(12,64,118)}

p.hidden{display:none;}

a.encap-bt.no-deco{font-size:150%;}

button{
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px
}

.container {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:block;
    height:100%;
	max-width:1920px;
	margin:0 auto;
	padding:0;
	background-color:white;
	z-index:1;
	overflow:hidden;
}

#contents_page{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
}

#col_left {
	background-color:white;
    background-image:url("../img/IMG_4184.JPG");
	/*background-image:url("../img/P11506601080.jpg");*/
    background-repeat:no-repeat;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height:100%;
	width:50%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	display:block;
	z-index:10;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

#col_right {
	margin-left:50%;
	background-color:white;
	height:100%;
	z-index:10;
}

.overlay_about_the_title, .overlay_authors_notes, .overlay_foreword, .overlay_introduction, .overlay_acknowledgements, .overlay_about_the_author {
    background-color: rgba(255,255,255,1.0);
    position: fixed;
  	top:0%;
  	left:0%;
    height: 100%;
    width: 100%;
    z-index:30;
    /* overflow-y: hidden;*/
}

.overlay-content_about_the_title, .overlay-content_authors_notes, .overlay-content_foreword, .overlay-content_introduction, .overlay-content_acknowledgements, .overlay-content_about_the_author {
    top:0;bottom:0;
    width:100%;height:100%;
}

.overlay-content_foreword:after{
	content:" ";
	display:block;
	position:absolute;
	top: 0;
	left: 49.9%;
	right: 49.9%;
	height: 100%;
	background:transparent;
	z-index:50;
    /*box-shadow: inset -10px 0 80px -8px red, inset 10px 0 80px -8px green;
	box-shadow: inset -10px 0 40px -8px black*/
}

.overlay-content_about_the_title #col_left_about_the_title {
	background-color:none;
    background-image:url("../img/IMG_3769.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:50%;
	position:absolute;
	left:0%;right:50%;top:0;
	bottom:0;
	display: block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_about_the_title #col_right_about_the_title {
	position:absolute;
	top:0;
	left:50%;right:0;
	background-color:white !important;
	height:100%;width:50%;
	z-index:30;
}

.overlay-content_authors_notes #col_left_authors_notes {
	background-color:none;
    background-image:url("../img/IMG_4183.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:50%;
	position:absolute;
	left:0;top:0;
	bottom:0;
	display: block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_authors_notes #col_right_authors_notes {
	margin-left:50%;
	background-color:white !important;
	height:100%;
	z-index:30;
}

.overlay-content_foreword #col_left_foreword {
	margin-left:0%;
	background-color:white;
	height:100%;width:30%;
	z-index:30;
}

.overlay-content_crew_cff #col_left_foreword {
	background-color:none;
    background-image:url("../crews/CFF/IMG_4165.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:50%;
	position:absolute;
	left:0%;top:0;
	bottom:0;
	display:block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_crew_cp5 #col_left_foreword {
	margin-left:0%;
	background-color:white;
	height:100%;width:30%;
	z-index:30;
}

.overlay-content_crew_cku #col_left_foreword {
	background-color:none;
    background-image:url("../crews/CKU/IMG_4146.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:70%;
	position:absolute;
	left:0%;top:0;
	bottom:0;
	display:block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_crew_cpr #col_left_foreword {
	margin-left:0%;
	background-color:white;
	height:100%;width:30%;
	z-index:30;
}

.overlay-content_crew_cwg #col_left_foreword {
	margin-left:0%;
	background-color:white;
	height:100%;width:30%;
	z-index:30;
}

.overlay-content_crew_dolphins #col_left_foreword {
	margin-left:0%;
	background-color:white;
	height:100%;width:30%;
	z-index:30;
}

.overlay-content_foreword #col_right_foreword {
	background-color:none;
    background-image:url("../img/IMG_4440.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:70%;
	position:absolute;
	left:30%;top:0;
	bottom:0;
	display:block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_crew_cff #col_right_foreword {
	position:absolute;
	top:0;
	left:50%;
	right:0;
	background-color:white;
	height:100%;width:50%;
	z-index:30;
}

.overlay-content_crew_cku #col_right_foreword {
	position:absolute;
	margin-left:0%;
	top:0;
	left:70%;
	right:0;
	background-color:white;
	height:100%;width:30%;
	z-index:30;
}

.overlay-content_crew_cp5 #col_right_foreword {
	background-color:none;
    background-image:url("../crews/CP5/IMG_3932.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:70%;
	position:absolute;
	left:30%;top:0;
	bottom:0;
	display:block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_crew_cpr #col_right_foreword {
	background-color:none;
    background-image:url("../crews/CPR/IMG_4427.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:70%;
	position:absolute;
	left:30%;top:0;
	bottom:0;
	display:block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_crew_cwg #col_right_foreword {
	background-color:none;
    background-image:url("../crews/CWG/IMG_3953.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:70%;
	position:absolute;
	left:30%;top:0;
	bottom:0;
	display:block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_crew_dolphins #col_right_foreword {
	background-color:none;
    background-image:url("../crews/Dolphins/IMG_4428.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:70%;
	position:absolute;
	left:30%;top:0;
	bottom:0;
	display:block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_introduction #col_left_introduction {
	background-color:white;
	left:0;
	top:0;
	bottom:0;
	height:100%;
	width:50%;
	margin-left:0%;
	z-index:30;
}

.overlay-content_introduction #col_right_introduction {
	background-color:white;
	height:100%;
	width:50%;
	position:absolute;
	left:50%;
	top:0;
	bottom:0;
	display:block;
	z-index:30;
}

.overlay-content_acknowledgements #col_left_acknowledgements {
	background-color:none;
    background-image:url("../img/IMG_3912.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:70%;
	position:absolute;
	left:0;top:0;
	bottom:0;
	display: block;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_acknowledgements #col_right_acknowledgements {
	margin-left:70%;
	background-color:white !important;
	height:100%;
	z-index:30;
}

.overlay-content_about_the_author #col_left_about_the_author {
	background-color:none;
    background-image:url("../img/IMG_4003.JPG");
    background-repeat:no-repeat;
    background-size:cover;
	height:100%;
	width:50%;
	position:absolute;
	left:0%;top:0;
	bottom:0;
	z-index:30;
	overflow:hidden;
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
	outline: 17px solid black;
  	outline-offset: -16px;
}

.overlay-content_about_the_author #col_right_about_the_author {
	position:absolute;
	right:0%;
	width:50%;
	background-color:white !important;
	height:100%;
	z-index:30;
}

.left-shadow {
    box-shadow: inset 5px 0 6px -5px rgba(33,35,30,0.25);
	z-index:1000;
	-ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg);
}

.right-shadow {
    box-shadow: inset -5px 0 6px -5px rgba(33,35,30,0.25);
	z-index:1000;
}

.wrapper{
	text-align: left;
	padding: 94px 64px 0 64px;
	margin:0 auto;
}

.wrapper_contents{
	text-align: left;
	padding: 94px 142px 0 142px;
	margin:0 auto;
}

.wrapper_about_author {
	text-align: left;
	padding: 94px 128px 0 128px;
	margin:0 auto;
}

.wrapper_foreword {
	text-align: left;
	padding: 94px 24px 0 64px;
	margin:0 auto;
}

.wrapper_acknowledgements {
	text-align: left;
	padding: 94px 64px 0 24px;
	margin:0 auto;
}

.wrapper img{
	height:64px;
	width:100%;
}

section#quote{
	text-align:center;
	padding:100px 0;
}

footer {
  	position:fixed;
  	bottom:0;
  	left:0;
  	right:0;
  	padding:1rem;
  	background-color:transparent;
  	text-align:center;
	font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
	font-size:90%;
}

#bookmarkRibbon{
	position:absolute;
	top:0;
	margin-left:23px;
    height:60px;
	width:38px; 
    background-color:rgba(198,54,60,1.0);
	color:white;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	z-index:50 !important;
}

#bookmarkRibbon:after {
  	content: "ТВЦ";
  	font-size: 0.75em;
  	position: absolute;
  	bottom:3.5%;
	width:100%;
	text-align:center
}

#bookmarkRibbon span{text-align:center;font-family: Bodono, sans-serif;}

.phototext {
  	padding:0px 4px;
  	position: absolute;
  	bottom:0;
	margin:0px 0px 8px 8px;
	font-family: Bodoni, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color:black;
	font-weight: 400;
	line-height: 20px;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    width: auto;
    height: auto;
    background-color:rgba(237,185,46,0.8);
    border: 1px solid rgba(33,35,30,0.8);
}

.overlay_splash {
	background: /*linear-gradient(to top, #d4c8d0 45%, #35c4c7 100%),*/ url("img/testfp.jpg");
  	background-blend-mode:multiply;
  	background-size: cover;
	background-attachment: fixed;
    background-position: 50% 0%;
	background-repeat:no-repeat; 
    height:100%;
    width:100%;
    position:fixed;
    z-index:20;
  	top:0%;
  	left:0%;
    background-color: rgba(255,255,255,1.0);
    /* overflow-y: hidden;*/
	-webkit-filter: grayscale(50%);filter: grayscale(50%);
}

.overlay-content_splash {
	background-image:url("img/wallpaper-775_grid.png");
	background-blend-mode:screen;
  	background-size: cover;
	background-attachment: fixed;
    background-position: 50% 0%;
	background-repeat:no-repeat; 
    height:100%;
    width:100%;
    position:fixed;
  	top:0%;
  	left:0%;
}

div#enter_twc.row{
	background-color:rgba(0,0,0,0.6);
	border-radius:4px;
	padding:20px 20px 14px 20px;  
	box-shadow:0px 1px 8px 0px rgba(0,0,0,0.6);   
}

.cd-logo{margin:0;padding:0;text-indent:-9999px;width:142.34482759px;height:48px;background:url("/img/im_cd-logo.svg");background-size: 142.34482759px 48px;color:transparent}

div.cd-logo, div.avatar{margin:0 auto}

.avatar{width:24px;height:24px;background:url("/img/app_avatar-48-b2.svg");background-size:24px 24px;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;background-color:none}

.flex-container {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.row {
    width: auto;
}

.flex-item {
    background-color:none;
    padding: 5px;
    width: auto;
    height: auto;
    margin: 0;
    text-align: center;
	color:white
}

.closebtn {
    position:absolute;
    top:16px;
    right:22px;
    font-size:150% !important;
	padding:0;
	margin:0;
	text-decoration:none;
	z-index:50;
}

/* text_styles */
h1 {
	font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
	font-size: 33px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 23px;
}

h2 {
	font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 23px;
}

h3 {
	font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
	font-size: 27px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 23px;
}

p {
	font-family: Bodono, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
}

blockquote {
	font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
}

pre {
	font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
}

.text-center{text-align:center;margin-bottom:20px}

/*  
	red: 198-54-60
	blue: 12-64-118	
	yellow: 237-185-46
	black: 33-35-30 */

.encap{background-color:rgba(255,255,255,0.0);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:0px 5px 1px 4px;font-weight:bold;color:rgb(255,255,255);border:1px dashed rgba(255,255,255,0.9)}

.encap-bt{/*background-color:rgba(198,54,60,1.0);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding: 2px 2px 0px 2px;*/font-weight:bold;color:rgba(198,54,60,1.0);/*border:3px solid rgba(255,255,255,1.0)*/}

.no-deco{text-decoration:none}

#float-top-left{
	position:fixed;
	top:50%;
	left:0;
	margin-left: 20px;
	z-index:2000;
}

#float-top-right{
	position:fixed;
	top:50%;
	right:0;
	margin-right: 16px;
	z-index:2000;
}

#toc, #toc-extras {
	list-style: none;
}

#toc li, #toc-extras li {
	background: url(img/dot.gif) repeat-x bottom left;
	overflow: hidden;
	padding-bottom: 2px;
}

#toc a,
#toc span, #toc-extras a, #toc-extras span {
	display: inline-block;
	background: #fff;
	position: relative;
	bottom: -4px;
}

#toc a, #toc-extras a {
	float: right;
	padding: 0 0 3px 2px;
}

#toc span, #toc-extras span {
	float: left;
	padding: 0 2px 3px 0;
}

#crews {
	list-style: none;
	margin-bottom:10px;
}

#toc-extras {
	margin-bottom:40px
}

@media only screen 
and (min-device-width:320px) 
and (max-device-width:568px) { 
}