@charset "utf-8";
/* CSS Document */
body{
	width:auto;
	background-color:#333;
	font-size: 100%;
	color: #333;
}
h2, h3, h5, h6, p, a {
	font-family: 'Montserrat', sans-serif; line-height:1.5em;
}
h1{
	font-size:1.6em;
	padding: 0 0 8px 0;
	font-family:'Montserrat', sans-serif;
	color:#fff;
}
h2{
	font-size: 1.5em;
	color:#fff;
	font-variant:small-caps;
}

h3{
	font-size:1.5em;
	color:#333;
}
h3 a{
	font-size:1.17em;
	color:#e84747;
}
h4{
	font-size:1em;
	font-family:'Montserrat', sans-serif;
	color:#333;
}
h5{
	font-size:0.83em;
	color:#333;
}
h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

p{
	font-size:1em;
	color:#333;
	margin: 5px 0 0 5px;
}
p.karma{
	font-size:0.85em;
	color:#333;
	margin: 5px 10px 10px 10px;
}
p.author{
	font-size:1em;
	color:#333;
	margin: 0;
}
p.frontpage{
	font-size:1em;
	font-family:'Merriweather', Georgia, serif;
	color:#06C;
	font-weight:bold;
	margin: 5px 0 0 5px;
}
p.caption{
	font-size:0.80em;
	color:#06C;
	margin: 2px 0 10px 0;
}
p.date{
	font-size:1.25em;
	color:#06C;
	margin: 6px 0 10px 0;
}
p.heading{
	font-size:1.5em;
	color:#333;
	margin: 6px 0 10px 0;
}
p.heading2{
	font-size:1.5em;
	color:#06C;
	margin: 6px 0 10px 0;
}
a.author{ 
color:#e84747; text-decoration:underline;
	font-size:1em;
	margin: 6px 0 10px 0;
}
a.author:visited{
	color:#e84747;
}
a.author:hover{
	color:#333333; text-decoration:underline;
}
p.tagline{
	font-size:1.2em;
	margin: 0 0 0 15px;
	font-variant:small-caps;
}
p.donate_side{
	font-size:1em;
	text-align:center;
	color:#F60;
	margin: 0;
	font-family:'Montserrat', sans-serif;
}
p.donate_side_small{
	font-size:1em;
	color:#0063aa;
	font-family:'Montserrat', sans-serif;
	font-weight:200;
	margin: 0;
}
p.series{
	margin: 0 0 0 15px;
}
p.note3{
	font-size:1.2em;
	color:#333;
	margin: 0;
	font-weight:bold;
}
p.copyright{
	font-size:1em;
	color:#fff;
	margin: 0;
}
p.desc{
	font-size:1em;
	color:#333;
margin: 10px 15px 10px 15px;
}
p.quote {
	font-size: 1em;
	color:#000;
	font-weight: normal;
	line-height: 1.5em;
	font-style: italic;
	padding-left: 16px;
	border-left: solid 6px #e84747;
}

a{ 
color:#e84747; text-decoration:underline;
	font-size:1em;
}
a:visited{
	color:#e84747;
}
a:hover{
	color:#333333; text-decoration:underline;
}
a.nav{ 
font-size:0.8em;
margin: 0;
}

a.breadcrumbs{ 
color:#e84747; text-decoration:underline;
	font-size:1.2em;
}
a.breadcrumbs:visited{
	color:#e84747;
}
a.breadcrumbs:hover{
	color:#333333; text-decoration:underline;
}

a.karma{ 
color:#e84747; text-decoration:underline;
	font-size:0.85em;
}
a.karma:visited{
	color:#e84747;
}
a.karma:hover{
	color:#000; text-decoration:underline;
}



a.desc{ 
color:#e84747; text-decoration:underline;
font-size:1.3em;
margin: 10px 15px 10px 0;
font-variant:small-caps;
}
a.desc:visited{
	color:#e84747;
}
a.desc:hover{
	color:#333; text-decoration:underline;
}
a.categories{ 
color:#e84747; text-decoration:underline;
font-size:1.4em;
}
a.categories:visited{
	color:#e84747;
}
a.categories:hover{
	color:#333; text-decoration:underline;
}
ul#categories{padding:0
}
ul#categories li,a {
	text-decoration:none;
}
ul#categories li a:hover{
	text-decoration:underline;
	color:#e84747;
}
img {
    max-width: 100%;
    width: auto;
	height:auto;
}
.ad-box{
     width:790px;
	 margin-left:auto;
	 margin-right:auto;
	 box-sizing: border-box;
}
hr{
	width:100%;
	height:1px;
	background-color:#ccc;
	color:#ccc;
	border:none;
}
#wrapper{
	max-width:1500px;
	width:100%;
	margin:auto;
}
/*menu*/

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
}
nav {
	height: 40px;
	width: 100%;
	background: #333;
	font-size: 14pt;
    font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
}
nav a{
	font-family: 'Montserrat', sans-serif;
	margin:0 0 0 5px;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:visited, nav a:hover, nav a:active  {
	color:#fff;
	background-color: #e84747;
    text-decoration: none;
}
nav a#pull {
	display: none;
}
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
		color:white;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
		color:white;
  	}
	nav a:visited {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
		color:white;
  	}
	
	nav a:hover {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
		color:white;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 515px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #e84747;
		color:white;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('../nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}

/*end menu*/
* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
.header {
    background-color: #ffffff;
    color: #ffffff;
    padding: 2px;
	margin:0 5px 0 5px;
}
.section {
    background-color: #ffffff;
    padding: 15px;
    color: #ffffff;
    text-align: left;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu {
    background-color: #ffffff;
    padding: 15px;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#ffffff;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}
.aside {
    background-color: #ffffff;
    padding: 15px;
    color: #ffffff;
    text-align: left;
	font-weight:bold;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
    background-color: #333;
    text-align: center;
    padding: 15px;
	margin:30px 0 30px 0;
}
.footer a{
	color:white;
	font-size:0.85em;
	line-height:2em;
	font-family:'Montserrat', sans-serif;
}
.footer a:visited{
    color:white;
}

.footer a:hover{
	color:#999;
}
/* CARDS */
.w3-card{border:1px solid #ccc}
.w3-card-2,.w3-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important}
.w3-card-4{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important}
.w3-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important}
.w3-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important}
.w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important}
.w3-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important}
/* CONTAINERS */
.w3-container{padding:1px 16px}
.w3-example{background-color:#f1f1f1;padding:1px 16px 16px 16px}
.w3-code{font-family:Consolas,"courier new";font-size:16px;line-height:1.4;
width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #009688;word-wrap:break-word}
/* COLORS */
.w3-text-amber{color:#e84747 !important}
.w3-amber{color:#333 !important;background-color:#333 !important}
.w3-text-blue{color:#2196F3 !important}
.w3-blue{color:#fff !important;background-color:#0066FF !important}
.w3-text-light-blue{color:#03a9f4 !important}
.w3-light-blue{color:#333 !important;background-color:#Ffffff !important}
.w3-text-brown{color:#795548 !important}
.w3-brown{color:#fff !important;background-color:#DF6539 !important}
.w3-text-cyan{color:#00bcd4 !important}
.w3-cyan{color:#333 !important;background-color:#00bcd4 !important}
.w3-text-blue-grey{color:#607d8b !important}
.w3-blue-grey{color:#fff !important;background-color:#607d8b !important}
.w3-text-green{color:#4CAF50 !important}
.w3-green{color:#fff !important;background-color:#4CAF50 !important}
.w3-text-light-green{color:#8bc34a !important}
.w3-light-green{color:#333 !important;background-color:#8bc34a !important}
.w3-text-indigo{color:#3f51b5 !important}
.w3-indigo{color:#fff !important;background-color:#3f51b5 !important}
.w3-text-khaki{color:#b4aa50 !important}
.w3-khaki{color:#333 !important;background-color:#f0e68c !important}
.w3-text-lime{color:#cddc39 !important}
.w3-lime{color:#333 !important;background-color:#cddc39 !important}
.w3-text-orange{color:#ff9800 !important}
.w3-orange{color:#333 !important;background-color:#E98333 !important}
.w3-text-deep-orange{color:#ff5722 !important}
.w3-deep-orange{color:#fff !important;background-color:#ff5722 !important}
.w3-text-pink{color:#e91e63 !important}
.w3-pink{color:#fff !important;background-color:#e91e63 !important}
.w3-text-purple{color:#9c27b0 !important}
.w3-purple{color:#fff !important;background-color:#9c27b0 !important}
.w3-text-deep-purple{color:#673ab7 !important}
.w3-deep-purple{color:#fff !important;background-color:#673ab7 !important}
.w3-text-red{color:#F44336 !important}
.w3-red{color:#fff !important;background-color:#DF6539 !important}
.w3-text-teal{color:#009688 !important}
.w3-teal{color:#fff !important;background-color:#009688 !important}
.w3-text-yellow{color:#d2be0e !important}
.w3-yellow{color:#333 !important;background-color:#ffeb3b !important}
.w3-text-white{color:#fff !important}
.w3-white{color:#333 !important;background-color:#fff !important}
.w3-text-black{color:#333 !important}
.w3-black{color:#fff !important;background-color:#333 !important}
.w3-text-grey{color:#757575 !important}
.w3-grey{color:#333 !important;background-color:#9e9e9e !important}
.w3-text-light-grey{color:#f1f1f1 !important}
.w3-light-grey{color:#333;background-color:#f1f1f1 !important}
.w3-text-dark-grey{color:#3a3a3a !important}
.w3-dark-grey{color:white;background-color:#616161 !important}
.w3-text-white-opacity{color:rgba(255,255,255,0.65) !important}
.w3-text-black-opacity{color:rgba(0,0,0,0.60) !important}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 878px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
@media only screen and (max-width: 768px) {
  .search { 
    display:none;
  }
  .ad-box { 
    display:none;
  }
  p.tagline{
	  font-size:0.8em;
  }
}
@media only screen and (max-width: 400px) {
  .search { 
    display:none;
  }
  p.tagline{
	  font-size:0.85em;
  }
}
/* RESPONSIVE */
.w3-responsive{overflow-x:auto}
.w3-container:after, .w3-row:after,.w3-row-padding:after,.w3-topnav:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.33366%}
.w3-col.s3{width:24.99999%}
.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.33366%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.33366%}
.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.33366%}
.w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-quarter{width:99.99999%}
@media only screen and (min-width:601px){
.w3-col.m1{width:8.33333%}
.w3-col.m2{width:16.33366%}
.w3-col.m3,.w3-quarter{width:24.99999%}
.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.33366%}
.w3-col.m6,.w3-half{width:49.99999%}
.w3-col.m7{width:58.33333%}
.w3-col.m8,.w3-twothird{width:66.33366%}
.w3-col.m9{width:74.99999%}
.w3-col.m10{width:83.33333%}
.w3-col.m11{width:91.33366%}
.w3-col.m12{width:99.99999%}}
@media only screen and (min-width:993px){
.w3-col.l1{width:8.33333%}
.w3-col.l2{width:16.33366%}
.w3-col.l3,.w3-quarter{width:24.99999%}
.w3-col.l4,.w3-third{width:33.33333%}
.w3-col.l5{width:41.33366%}
.w3-col.l6,.w3-half{width:49.99999%}
.w3-col.l7{width:58.33333%}
.w3-col.l8,.w3-twothird{width:66.33366%}
.w3-col.l9{width:74.99999%}
.w3-col.l10{width:83.33333%}
.w3-col.l11{width:91.33366%}
.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}
.w3-rest{overflow:hidden}
@media (max-width:601px){.w3-modal-dialog .w3-modal-content{margin:50px 10px 10px 10px;width:auto !important}}
@media (max-width:768px){.w3-modal-dialog .w3-modal-content{width:500px}}
@media (min-width:992px){.w3-modal-dialog .w3-modal-content{width:900px}}
@media screen and (max-width:601px){.w3-topnav a{display:block}.w3-topnav a:first-child{padding:0 8px}}	
@media screen and (max-width:600px){.w3-topnav{text-align:center}}
@media (max-width:600px){.w3-hide-small{display:none !important;}}
@media (max-width:991px) and (min-width:601px){.w3-hide-medium{display:none !important;}}
@media (min-width:992px){.w3-hide-large{display:none !important;}}
/* UTILITIES */
.material-icons {width:24px;position:relative;top:3px}
.material-icons.w3-small{width:12px;top:1px;}
.material-icons.w3-xlarge{top:4px}
.material-icons.w3-xxlarge{width:36px;top:6px}
.material-icons.w3-xxxlarge{width:48px;top:8px}
.w3-left{float:left !important}
.w3-right{float:right !important}
.w3-clear{content:"";display:table;clear:both}
.w3-hide{display:none !important}
.w3-show{display:block !important}
.w3-tiny{font-size:10px !important}
.w3-small{font-size:12px !important}
.w3-medium{font-size:15px !important}
.w3-large{font-size:18px !important}
.w3-xlarge{font-size:24px !important}
.w3-xxlarge{font-size:36px !important}
.w3-xxxlarge{font-size:48px !important}
.w3-stroke{font-family:'Courgette';-webkit-text-stroke:1px #333;letter-spacing:2px}
.w3-jumbo{font-size:64px !important}
.w3-left-align{text-align:left !important}
.w3-right-align{text-align:right !important}
.w3-center{text-align:center !important}
.w3-circle{border-radius:50% !important}
.w3-border-0{border:0 !important}
.w3-border{border:1px solid #ccc !important}
.w3-border-top{border-top:1px solid #ccc !important}
.w3-border-bottom{border-bottom:1px solid #ccc !important}
.w3-border-left{border-left:1px solid #ccc !important}
.w3-border-right{border-right:1px solid #ccc !important}
.w3-margin-0{margin:0 !important}
.w3-margin-2{margin:2px !important}
.w3-margin-4{margin:4px !important}
.w3-margin-8{margin:8px !important}
.w3-margin-12{margin:12px !important}
.w3-margin-16{margin:16px !important}
.w3-margin-24{margin:24px !important}
.w3-margin-32{margin:32px !important}
.w3-margin-64{margin:64px !important}
.w3-margin{margin:16px !important}
.w3-margin-top{margin-top:16px !important}
.w3-margin-bottom{margin-bottom:16px !important}
.w3-margin-left{margin-left:16px !important}
.w3-margin-right{margin-right:16px !important}
.w3-padding-tiny{padding:2px 4px !important}
.w3-padding-small{padding:4px 8px !important}
.w3-padding-medium,.w3-padding{padding:8px 16px !important}
.w3-padding-large{padding:12px 24px !important}
.w3-padding-xlarge{padding:16px 32px !important}
.w3-padding-xxlarge{padding:24px 48px !important}
.w3-padding-jumbo{padding:32px 64px !important}
.w3-padding-0{padding:0 !important}
.w3-padding-4{padding-top:4px !important;padding-bottom:4px !important}
.w3-padding-8{padding-top:8px !important;padding-bottom:8px !important}
.w3-padding-16{padding-top:16px !important;padding-bottom:16px !important}
.w3-padding-24{padding-top:24px !important;padding-bottom:24px !important}
.w3-padding-32{padding-top:32px !important;padding-bottom:32px !important}
.w3-padding-48{padding-top:48px !important;padding-bottom:48px !important}
.w3-padding-64{padding-top:64px !important;padding-bottom:64px !important}
.w3-padding-top{padding-top:8px !important}
.w3-padding-bottom{padding-bottom:8px !important}
.w3-padding-left{padding-left:16px !important}
.w3-padding-right{padding-right:16px !important}
.w3-row-padding,.w3-row-padding .w3-half,.w3-row-padding .w3-third,.w3-row-padding .w3-twothird,.w3-row-padding .w3-quarter,
.w3-row-padding .w3-col{padding:1px 8px}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 3px 0; /*3 used to be 20*/
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #e84747;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #e84747;
  border-color: #e84747;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*		Spoiler + Accordion
---------------------------------------------------------------*/
.su-spoiler { margin-bottom: 1.5em; }
.su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
.su-accordion { margin-bottom: 1.5em; }
.su-accordion .su-spoiler { margin-bottom: 0.5em; }
.su-spoiler-title {
	position: relative;
	cursor: pointer;
	min-height: 20px;
	line-height: 20px;
	padding: 7px 7px 7px 34px;
	font-weight: bold;
	font-size: 13px;
}
.su-spoiler-icon {
	position: absolute;
	left: 7px;
	top: 7px;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 21px;
	text-align: center;
	font-size: 14px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	*margin-right: .3em;
}
.su-spoiler-content {
	padding: 14px;
	-webkit-transition: padding-top .2s;
	-moz-transition: padding-top .2s;
	-o-transition: padding-top .2s;
	transition: padding-top .2s;
	-ie-transition: padding-top .2s;
}
.su-spoiler.su-spoiler-closed > .su-spoiler-content {
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: none;
	opacity: 0;
}
.su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; }
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; }
.su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; }
.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; }
.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; }
.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; }
.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; }
.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; }
.su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; }
.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; }
.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; }
.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; }
.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; }
.su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; }
.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; }
.su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; }
.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; }
.su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; }
.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; }
.su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; }
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; }
.su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; }
.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; }
.su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; }
.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; }
.su-spoiler-style-default { }
.su-spoiler-style-default > .su-spoiler-title {
	padding-left: 27px;
	padding-right: 0;
}
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; }
.su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; }
.su-spoiler-style-fancy {
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	color: #333;
}
.su-spoiler-style-fancy > .su-spoiler-title {
	border-bottom: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #f0f0f0;
	font-size: 0.9em;
}
.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }
.su-spoiler-style-fancy > .su-spoiler-content {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.su-spoiler-style-simple {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.su-spoiler-style-simple > .su-spoiler-title {
	padding: 5px 10px;
	background: #f0f0f0;
	color: #333;
	font-size: 0.9em;
}
.su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; }
.su-spoiler-style-simple > .su-spoiler-content {
	padding: 1em 10px;
	background: #fff;
	color: #333;
}
.btn, .btn:link, .btn:visited {
  border-radius: 0.3em;
  border-style: solid;
  border-width: 1px;
  color: #111;
  display: inline-block;
  font-family: avenir, helvetica, arial, sans-serif;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  padding: 1em 0.75em;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
  transition: color 0.4s, background-color 0.4s, border 0.4s; }
.btn:hover, .btn:focus {
  color: #7FDBFF;
  border: 1px solid #7FDBFF;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s; }
.btn:active {
  color: #0074D9;
  border: 1px solid #0074D9;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s; }
.btn--s {
  font-size: 12px; }
.btn--m {
  font-size: 14px; }
.btn--l {
  font-size: 20px;
  border-radius: 0.25em !important; }
.btn--full, .btn--full:link {
  border-radius: 0.25em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%; }
.btn--black, .btn--black:link, .btn--black:visited {
  color: #fff;
  background-color: #333; }
.btn--black:hover, .btn--black:focus {
  color: #fff;
  background-color: #777;
  border-color: #777; }
.btn--black:active {
  color: #fff;
  background-color: #999;
  border-color: #999; }
.btn--black:hover, .btn--black:focus {
  background-color: #444; }
.btn--black {
  background-color: #333; }
.btn--gray:link, .btn--gray:visited {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: #555; }
.btn--gray:hover, .btn--gray:focus {
  background-color: #ddd;
  border-color: #ddd;
  color: #444; }
.btn--gray:active {
  background-color: #ccc;
  border-color: #ccc;
  color: #444; }
.btn--gray-border:link, .btn--gray-border:visited {
  background-color: #fff;
  border-color: #555;
  border-width: 2px;
  color: #555; }
.btn--gray-border:hover, .btn--gray-border:focus {
  background-color: #fff;
  border-color: #ddd;
  color: #777; }
.btn--gray-border:active {
  background-color: #ccc;
  border-color: #ccc;
  color: #444; }
.btn--gray-dark:link, .btn--gray-dark:visited {
  background-color: #e84747;
  color: #eee; }
.btn--gray-dark:hover, .btn--gray-dark:focus {
  background-color: #555;
  border-color: #999;
  color: #eee; }
.btn--gray-dark:active {
  background-color: #777;
  border-color: #777;
  color: #eee; }
.btn--blue:link, .btn--blue:visited {
  color: #fff;
  background-color: #0074D9; }
.btn--blue:hover, .btn--blue:focus {
  color: #fff !important;
  background-color: #0063aa;
  border-color: #0063aa; }
.btn--blue:active {
  color: #fff;
  background-color: #001F3F;
  border-color: #001F3F; }
/* Keep it mobile-first and responsive */
@media screen and (min-width: 32em) {
  .btn--full {
    max-width: 16em !important; } }
div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}