@charset utf-8;

body {color:#000; background-color:#fff; font-size:13px; font-family:Verdana,Arial,Helvetica,sans-serif; /*animation:fadein 3s; -moz-animation: fadein 3s; -webkit-animation: fadein 3s; -o-animation: fadein 3s */}
@keyframes fadein {from {opacity:0} to {opacity:1}}
@-moz-keyframes fadein { /* Firefox */from {opacity:0} to {opacity:1}}
@-webkit-keyframes fadein { /* Safari and Chrome */ from {opacity:0} to {opacity:1}}
@-o-keyframes fadein { /* Opera */from {opacity:0} to {opacity:1}}
a:link {color:#900; text-decoration:none}
a:visited {color:#4d692d!important}

#header_container {}

.header .logo {padding:7px 57px 0 10px; border-bottom:1px solid #900}
#header_buttons {clear:both; display:block; text-align:center; letter-spacing:0.8px; margin:20px auto; position:absolute; top:36px; width:100%}
#header_buttons a {color:#f00}
#header_buttons .btn_blues, #header_buttons .btn_greys {margin-bottom:10px}
#header_buttons .btn_blues a {line-height:1.5em; display:inline; border:1px solid #fbcd9f}
[class*="btn-"] {border-radius:8px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0,0,0,0.1); background-color:#fff; display: inline-block; font-size:13.3px; line-height:13.6px; padding:1px 4px 2px 5px; margin:1px; text-shadow:0 1px 1px rgba(0,0,0,0.1); transition:background-color 0.1s linear 0s; z-index:300}
[class*="btn-"]:hover {color:red; background-color:#fff8d6; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; box-shadow:0 3px 6px rgba(0,0,0,0.3); cursor:pointer}
.btn-blue {background-color:#f8efdf; border:1px solid #e7b37f; color:#900}
.btn-blue:hover {background-color:#fff09e; color:red; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; -moz-box-shadow:1px 1px 12px 3px #fff; -webkit-box-shadow:1px 1px 12px 3px #fff; box-shadow:1px 1px 12px 3px #fff}
.btn-blue:active {background-color:rgb(42,91,191)}
.btn-primary {background-color:#ededed; color:#333; border:1px solid #ccc}
.btn-primary:hover { background-color:#f9f9f9; color:red; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease -moz-box-shadow:1px 1px 12px 3px #fff; -webkit-box-shadow:1px 1px 12px 3px #fff; box-shadow:1px 1px 12px 3px #fff}
.btn-primary:active {background-color:rgb(54,44,87)} 

.btn_greys {position:absolute; top:19px; clear:both; color:black; font-size:10px!important; margin:4px; width:100%; z-index:5500!important}

.btn {border-radius:8px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0,0,0,0.1); background-color:#fff; display:inline-block; font-size:13.3px; line-height:13.6px; padding:1px 4px 2px 5px; margin:2px 1px; text-shadow:0 1px 1px rgba(0,0,0,0.1); transition:background-color 0.1s linear 0s; z-index:300}
.btn:hover {background-color:#5c9cd2; color:white!important; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; -moz-box-shadow:1px 1px 12px 3px #fff; -webkit-box-shadow:1px 1px 12px 3px #fff; box-shadow:1px 1px 12px 3px #fff; border:1px solid #f00}

	.share {display:none; position:fixed; top:69px; right:15px; padding-top:18px 8px 0 0; z-index:5500!important}
	.share_group {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}
	.share_group:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}

	#share_menu a {background-color:transparent; float:left; position:relative; line-height:0; margin-top:5px}
	#share_menu a img { }

#main {margin:0 auto 0; display:-webkit-flex; -webkit-align-items: flex-start; display:flex; align-items:flex-start; min-height: calc(100vh - 61px - 110px); clear:both}
#main .v_center {width:100%; align-self:center; margin:0 auto;}

#content {position:relative; background:rgba(0,1,122,0.1); overflow:auto; min-height:400px; margin:0; padding:0; z-index:5;}

.main_text {clear:both; color:#333; display:table; left:50%; letter-spacing:1px; line-height:18px; margin:73px auto; max-width:800px; padding:0; top:50%}
.main_text div.left {font-weight:490; margin:0; animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s; 
}
.main_text div.right img.main-image {height:350px; max-width:100%; width:350px}

div.center-cropped4 {overflow:hidden;}

.title {font-weight:500; color:#2a37b4;}
.content {color:#333;}

strong {font-weight:500; color:#2a37b4}
.contact {font-size:13px; color:#555; padding:2px; margin:2px}

.small {font-size:12px}
.dbug {color:#888; font-family:fixed,monospace; font-size:11.5px; position:fixed; top:110px; left:5px}
.bold {font-size:111%}
img {max-width:100%}

#footer {position:fixed; right:0; bottom:0; font-size:12px; text-align:center; padding:5px 7px 5px 9px; background-color:#888; color:#fff; z-index:3000}

@media only screen and (min-width:768px) {
	.share {display:inline; float:right; padding-top:0}
		.main_text {margin-top:50px; padding:13px 22px 33px 22px; line-height:22px;} 
		.main_text div {float:right; width:50%;}
		.main_text div.left {margin:0;}
	figure.center-cropped4 {height:350px; width:350px!important; float:right; height:350px; margin-bottom:10px; overflow:hidden}
	figure.center-cropped4.rounded {border-radius:50%}
	figure.center-cropped4 img {height:100%; left:50%; max-width:none; min-width:100%; position:relative; transform:translateX(-50%)}
	.note {max-width:861px}
}