@charset utf-8;

@font-face {
    font-family: 'sanchez_niuregular_it';
    src: url('/_fonts/SanchezNiuRIt/sanchezniu-regularit-webfont.eot');
    src: url('/_fonts/SanchezNiuRIt/sanchezniu-regularit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/SanchezNiuRIt/sanchezniu-regularit-webfont.woff2') format('woff2'),
         url('/_fonts/SanchezNiuRIt/sanchezniu-regularit-webfont.woff') format('woff'),
         url('/_fonts/SanchezNiuRIt/sanchezniu-regularit-webfont.ttf') format('truetype'),
         url('/_fonts/SanchezNiuRIt/sanchezniu-regularit-webfont.svg#sanchez_niuregular_it') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clarika_geometriclight';
    src: url('/_fonts/ClarikaL/clarikageo-light-webfont.eot');
    src: url('/_fonts/ClarikaL/clarikageo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/ClarikaL/clarikageo-light-webfont.woff2') format('woff2'),
         url('/_fonts/ClarikaL/clarikageo-light-webfont.woff') format('woff'),
         url('/_fonts/ClarikaL/clarikageo-light-webfont.ttf') format('truetype'),
         url('/_fonts/ClarikaL/clarikageo-light-webfont.svg#clarika_geometriclight') format('svg');
    font-weight: normal;
    font-style: normal;

}

a:link,a:visited {color:#04548F; text-decoration:none;}

a:hover,a:active,a:focus {color:#C22305;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}

body {color:#000; background-color:#000; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center; margin:0; padding:0; font-size:16px; 
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */}

#background {background-color: rgba(192, 242, 242, 0.5); height:100%; position:fixed; right:0; top:0; width:50%; z-index:-1; transition:all 0.9s ease;}

.container {position: relative;}

#content {background: rgba(0, 0, 0, 0.1); width:100%; margin-right:auto; margin-left:auto; overflow:auto; min-height:400px; position:relative;}

#content:before,
#content:after {content:""; display:table;}   
#content:after {clear: both;}

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

ul {list-style-type:none; margin:0; padding:0;}
li {padding:1px 3px 38px 5px; text-align:right; font-size:9px;}

.btns-on-grey-top-right ul { }
.btns-on-grey-top-right li {display:inline; float:right; padding-top:0;}
.btns-on-grey-top-right li:last-child {padding-right:0;}
.btns-on-grey-top-right li a {display:block; padding:5px 3px; background-color:#ddd; line-height:13px; margin-top:9px;}

.header {padding:0;}
.header .logo {font-family:'clarika_geometriclight',"Open Sans", sans-serif; font-size:23px; font-weight:290; letter-spacing:1px; background-color:rgba(205,0,0,0.4); color:#454543; padding:7px 57px 0 10px; border-bottom:2px solid #f00;}
.header .share {display:none;}

.menu_button {float:right; padding-right:6px; width:100%;}
.menu_button:hover {color:#00b800; cursor:pointer; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition: all .6s ease; -o-transition:all .6s ease; transition: all .6s ease;}

.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;}

.main-text {background-color:rgba(0, 255, 255, 1); clear:both; color:#333; display:table; font-size:22px; left:50%; letter-spacing:1px; line-height:20px; margin:0 auto; max-width:800px; padding:0; text-align:left; top:50%;}
.main-text div.left {font-family:'clarika_geometriclight',"Open Sans", sans-serif; margin:0 15px;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@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}}
}
.main-text div.right img.main-image {height:350px; max-width:100%; width:350px;}

.note {font-family:'sanchez_niuregular_it',"Open Sans", sans-serif; font-size:11px; line-height:12px; padding:0 9px 26px 0; text-align:right; width:95%;}

.image-cropper {position:relative; overflow: hidden;}
.image-cropper img {display:inline; margin:0 auto; max-height:100%;}
.image-cropper .squared {border-radius:5%;}
.image-cropper .rounded {border-radius:50%;}

div.center-cropped4 {overflow:hidden;}

figure.center-cropped4 img {max-width:100%; margin-bottom:7px;}

.nav { position:relative; }
.nav li { float:left; list-style:outside none none;}
.nav li a {background-color:#9bf4c1; border-bottom:1px solid #9bf4c1; font-size:14px; margin-bottom:2px; padding:0 6px 0 11px; text-align:center;}

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

/* * * Media Queries  * * */
@media (min-width: 359px) {
	
	figure.center-cropped1 {width:315px!important; height:315px;}
}

@media only screen and (min-width: 480px) {

	li {font-size:10px!important; text-align:center;}

	figure.center-cropped1 {width: 315px!important; height:315px; float:right; overflow:hidden; margin-bottom:10px;}
	
}

@media only screen and (min-width: 768px) {

	.header .share {display:inline-block; float:right;}
	
	li {font-size:10px!important;}

	.main-text {margin-top:50px; padding:33px 34px; line-height:24px;}
	.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%);}
	
	.header .logo {font-size:32px; padding:12px 7px 0 10px;}
	
	.nav {position:absolute; right:0; top:0; float:left;}
	.nav li {float: left; margin-left: 5px; font-size:19px;}
}

@media only screen and (min-width: 1140px) {

}