body {font-family: 'Montserrat', sans-serif;  background: #101010;}

	
/* General */

a {text-decoration: none; color: #000000;}
a:visited {color: #0d0d0d}

img a {}

nav {width: 100%;}
nav a:hover{font-weight: 900;}

.navigation {
    margin: 25px;
}

img { border: none;}
.border {border: 0px solid black;}
.blackgradient {height: 200px; width: 100%; background: -webkit-linear-gradient(#000000 0%, rgba(0,0,0,0) 100%); position: absolute; top: -20px; left: 0; z-index: -1;}
.blackgradienti {background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}

.maincontent {
    margin: 50px;
    color: white;
}

.maincontent figure {
    margin: 50px 25px;
    box-shadow: 0 0 0 rgba(0,0,0,0.19), 0 0 0 rgba(0,0,0,0.23);
    -webkit-transition: all 250ms;
}

.maincontent p {
    max-width: 960px;
    margin: 0 auto;
    font-size: 14px;
}

figcaption {margin: 25px;}

.killed {text-decoration: line-through; color: white;}


h1 { font-size: 65px;}
h2 { font-size: 22px; font-weight: 900;}
h3 { font-size: 15px;}
h4 { font-size: 13px;}
h5 { font-size: 10px;}
h6 { font-size: 8px;}

p { line-height: 1.2em;letter-spacing: 0.01em; padding: 10px 0; letter-spacing: 0.5; font-weight: 300;}

p a {color: white;}

a:hover img {
border: none !important;
}
  
.alt {text-transform: uppercase; font-size: 12px; letter-spacing: 0.2em; line-height: 1.5em}

.small {font-size: 10px;}

.bold {font-weight: bold;}
.bolder {font-weight: bolder;}

#brain {width: 100%; color: white; margin: 60px 0px; }

#brain ul h3 {float: left;}
#brain ul h3 ::last {margin: 0;}

#brain li {  margin: 14px 0px 0px 40px; list-style: none; font-weight: bold; padding: 2px 0; float: left; text-transform: uppercase; letter-spacing: 0.2em; font-size: 20px;}

.list {float: right; height: 46px;}

.logo, .logo a {
    color: white;
    font-size: 36px;
    float: left;
    border: none;
}
.logo:hover {border: none; text-decoration: none;}
.logo a {text-decoration: none;}


.mini-logo {height: 52px; width: 52px;}

.list a { color: white;}

.beta {margin-left: 6px;}


/* Modifiers */

li {list-style: none;}
aloatleft {float: left;}
.auto {margin: 0 auto;}
.vertical {position: relative;
  top: 50%;
  transform: translateY(-50%);}

.left {text-align: left;}
.right {text-align: right;}

.center {text-align: center;}
.declare {margin: 40px 0;}

/* Specific UI */
#wrapper { }

header {width: 100%;}

.dots {color: white; margin: 0 auto; position: relative; bottom: 40px;}
.indicators {height: 20px;margin: 0 auto; letter-spacing: 10px; font-size: 24px;}

.active {opacity: 1;}
.dead {opacity: 0.3;}


.big {height: 400px;}
.fixed { background-attachment: fixed;}

.bottomline {border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 10px 0;}

/* Colors */
.opacity1 {opacity: 0.1;}
.opacity3 {opacity: 0.3;}
.opacity5 {opacity: 0.5;}
.opacity8 {opacity: 0.8;}
.opacity {opacity: 1;}

.twhite {color: white;}
.tblack {color: black;}
.tgray {color: #ccc;}

.bg-black {background: #101010; color: white;}
.bg-darkgray {background: rgba(15,  15,  15, 0.90);}
.bg-gray {background: #dedede;}
.bg-lightgray {background: #fafafa;}
.bg-green {background: #0cef60;}


/* .border {border:1px solid black;} */
.spaced {padding: 60px 0;}
.spacing {margin: 60px auto;}

.rightspace {padding: 10px 0px 0px 10px;}


.resource { box-shadow: 0 0 0 rgba(0,0,0,0.19), 0 0 0 rgba(0,0,0,0.23); -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; margin: 20px;}
    
.resource:hover {box-shadow: 0 10px 100px rgba(0,0,0,0.19), 0 6px 50px rgba(0,0,0,0.23);  -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); }

.info {
    padding: 30px;
    border-top: 0;
    background: #1b1b1b;
    text-align: center;
    color: white;
}

h1.titles {font-size: 25px;}


ul .description {margin-left: 10px;}
.description li {list-style: square; margin-left: 30px; list-style-position: inside;}

p.short {
    height: 60px;
}

.button {
    font-size: 29px;
    padding: 20px 40px;
    margin: 25px auto;
    text-decoration: none;
    width: 80px;
    display: inline-block;
}

.button:hover {
  background: #00ff5e;
  text-decoration: none;
}

.long {padding: 10px 20px;}

.green {background: #28e56d; color: #00a85d; transition: all 250ms; cursor: hand; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

a .button:hover, .button:hover {background: #0cef60; color: black; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px);transform: translateY(-5px);}

.fright {float: right;}

.fleft {float: left;}


.shadow {    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0,0,0,0.06);}

.godown, .godown a {font-size: 3em; color: white;}

.large-f {font-size: 3em;}

/* Content */

.container {max-width: 1200px; margin: 0 auto; height: auto; text-align: center;}

.full {max-width: 100%; margin: 0 auto;}
.responsive {width: 100%;}

.showcase {margin: 20px 0px 80px 0px; border-top: #00ff8d solid 2px;}
.divide {height: 2px; width: 100%; background: #f2f2f2;}
 
/* Spacers */
.spaced {padding: 60px 0px;}
.spaced-min {padding: 10px 0px;}

.spaced-m {margin: 60px 0px;}
.spaced-m-top {margin: 60px 0px 0px 0px;}


.spaced-up {padding-top: 60px;}
.spaced-down {padding-bottom: 60px;}

.spacer {height: 180px;}

.icon {margin-left: 8px;}




footer {padding: 50px 15px;}

.pattern {background: url(../img/mtgrfc-pttrn-wht.png) repeat;  background-attachment: fixed;}
.pattern-white {background: url(../img/mtgrfc-pttrn.png) repeat;  background-attachment: fixed;}
.pattern-dot {background: url(../img/mtgrfc-dot.png) repeat;  background-attachment: fixed;}


.bg-gray {background: #626262;}
.bg-green {background: #00ff8d;}



.underdash {
	text-decoration: none; 
	background: url(../img/underline.svg) repeat-x 100% 100%;
	padding-bottom: 8px;
	z-index: 5;
}

.white {color: #fafafa;}
a.white {color: #fafafa; font-weight: 900;}


.footlink {color: rgba(255, 255, 255, 0.3);  cursor: pointer;}
.footlink a:hover {color: rgba(255, 255, 255, 1); transition: 0.5s;}


.gray {color: rgba(123, 123, 123, 0.5);}
.muted {color: #ccc;}

.darklight {letter-spacing: 0.08em; line-height: 1.4em; color:#fff; text-transform: uppercase; display: inline; padding: 0 0.2em}



.null {max-height: 300px; width: 100%; height: auto;}

.featuredimage {margin: 20px 0 100px 0; box-shadow: 0 10px 20px rgba(121, 121, 121, 0.19), 0 6px 6px rgba(95, 95, 95, 0.23);}
    
.featured {height: 300px; width: 100%; background: #101010; overflow: hidden; background-size: cover; background-position: center center;}
.resource img {
    width: 100%;
}

    
.first {margin-left: 0;}
.last {margin-right: 0;}


.fa {
    margin: 8px;
}

.disabled{color: rgba(0, 0, 0, 0.3); border: 1px dashed rgba(0, 0, 0, 0.3); font-weight: 300;}

/* Content */
.grid {box-shadow: 0 8px 15px rgba(0,0,0,-8.75), 0 5px 9px rgba(0,0,0,0.05)/*
 border: 1px solid black; box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
*/}



.featured img {min-height: 300px;  overflow: hidden;}


.slider {height: 500px; overflow: hidden; max-height: 100%;}
.slide {height: 500px; width: 100%;}
.fullscreen {background-size: cover}

.circle {height: 170px; width: 170px; border-radius: 50%;}

/* Single Proyects */

.banner {
    height: 160px;
    overflow: hidden;
/*     background: #0cef60; */
}

.bannertitle {
    color: white;
    z-index: 1;
}

.single-title {margin: 25px 0;}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  top: 0;
  left: 0;
  
  z-index: -2;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

/* Participantes */

.avatar {max-height: 100px; max-width: 100px; border-radius: 50px;  overflow: hidden; float: left; margin-right: 20px;}

/* Background */
/* Footer */

.space { height: 60px;}

/* Mail */

.mailchimp1 {
	width: 600px;
    height: 40px;
    margin: 20px 0 10px 0;
}

#mc_embed_signup { width: 90%;
    height: 40px;
    margin: 20px 0 10px 0;}
    
p.copyright {
    font-size: 12px;
    color: white;
    margin: 10px;
}

p.copyright a {
    font-weight: bolder;
    color: white;
}

.license {margin: 25px;}
.license, .license a {text-align: center; color: white; font-size: 14px;
    line-height: 18px;}

img.cc {
    height: 50px;
    margin: 25px;
    width: 200px;
}

img.css:hover {position: 0;}

.maincontent img {
    width: 100%;
}

p.copyright a:hover {
    padding: 2px 0;
    border-bottom: 2px solid white;
}

.fin {
    width: 32px;
    margin: 0 auto;
}


/* Layout */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.53%;
}
.span_10_of_12 {
  	width: 83.06%;
}

.span_9_of_12 {
  	width: 74.6%;
}

.span_8_of_12 {
  	width: 66.13%;
}

.span_7_of_12 {
  	width: 57.66%;
}

.span_6_of_12 {
  	width: 49.2%;
}

.span_5_of_12 {
  	width: 40.73%;
}

.span_4_of_12 {
  	width: 32.26%;
}

.span_3_of_12 {
  	width: 23.8%;
}

.span_2_of_12 {
  	width: 15.33%;
}

.span_1_of_12 {
  	width: 6.866%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
}
/*  GO FULL WIDTH BELOW 1000 PIXELS */
@media only screen and (max-width: 1000px) {
	#brain .span_3_of_9 {width: 100%; float: none;}
    #brain {text-align: center;}
    .list {float: none;}
    ul {width: 100%;}
    #brain li {margin: 0; float: none;}
    .links {
    height: 50px;
    width: 320px;
    margin: 0 auto;}
}

.desktop {display: block;}
.mobile {display: none;}

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

.desktop {display: none;}
.mobile {display: block;}

.logo {float: none;}

.span_4_of_12 {
    width: 100%;
}
}
.pagination li a {
    color: #fff;
  }
  
  .pagination li {
    display: inline-block;
    color: #fff;
    margin: 0px 5px;
  }
  .pagination li a.active {
    background: #fff;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #fff;
}