body{
   background:#fcfcfc; 
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-family: 'Raleway', sans-serif;
}
     
#nav{
position:relative;
margin:0 auto;
height:170px;
width:1000px;
}

#nav .logo{
position:absolute;
font-size:40px;
font-family: 'Montserrat', sans-serif;
font-weight:700;
letter-spacing:-1px;
text-transform:uppercase;
top:50px;
}

#nav .tagline{
position:absolute;
font-family: 'Raleway', sans-serif;
font-size:16px;
color:#959595;
top:94px;
left:3px;
}

#nav #menu{
position:absolute;
text-align:right;
top:70px;
right:0;
width:600px;
}

#nav #menu a{
font-size:16px;
text-decoration:none;
font-family: 'Varela Round', sans-serif;
margin-left:25px;
color:#999999;
}

#nav #menu .active{
color:#f8344f !important;
}

#wrapper{
position:relative;
margin:0 auto;
height:auto;
width:1000px;
}

/* GENERAL */

a{
text-decoration:none;
}

h1{
font-weight:400; 
padding: 0 0 0 0;
margin:0 0 0 0;
}

h2{
font-weight:400; 
margin:0 0 0 0;
padding: 0 0 0 0;
}

.button:hover{
opacity:0.85;
}

/* WRAPPER PART-1*/

#wrapper #part-1{
height:250px;
}

#wrapper #part-1 .main{
float:left;
width:610px;
}

#wrapper #part-1 .main .title{
font-size:38px;
color:#07cbb0;
font-family: 'Varela Round', sans-serif;
}

#wrapper #part-1 .main .text{
font-size:16px;
color:#222222;
font-family: 'Raleway', sans-serif;
line-height:1.5;
width:450px;
margin-top:20px;
}

#wrapper #part-1 .main .button{
width:140px;
height:45px;
margin-top:20px;
color:#fff;
line-height:45px;
text-align:center;
background:#07cbb0;
font-family: 'Varela Round', sans-serif;
font-size:14px;
}

#wrapper #part-1 .secondary{
float:right;
position:relative;
width:310px;
}

#wrapper #part-1 .secondary .quote{
position:relative;
width:310px;
height:225px;
background:#07cbb0;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 75%, 35% 90%, 35% 75%, 0% 75%);
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 75%, 35% 90%, 35% 75%, 0% 75%);
overflow:visible;
}

#wrapper #part-1 .secondary .quote .text{
position:absolute;
top:18px;
left:25px;
font-size:25px;
width:270px;
color:#fcfcfc;
font-family: 'Varela Round', sans-serif;
}

#wrapper #part-1 .secondary .avatar{
position:absolute;
bottom:-20px;
left:5px;
height:96px;
width:96px;
border-radius:40px;
background-size:cover;
background-position:center center;
}

#wrapper #part-1 .secondary .author{
position:absolute;
bottom:30px;
right:0px;
color:#222;
font-size:14px;
font-family: 'Varela Round', sans-serif;
}

#wrapper #part-1 .secondary .website{
color:#07cbb0;
}

/* WRAPPER PART-1 COLOR VARIATIONS */

#wrapper #part-1 .main .green{
color:#93c054;
}

#wrapper #part-1 .main .bg-green{
background:#93c054;
}

#wrapper #part-1 .secondary .green{
color:#93c054;
}

#wrapper #part-1 .secondary .bg-green{
background:#93c054;
}

#wrapper #part-1 .main .purple{
color:#b57fb3;
}

#wrapper #part-1 .main .bg-purple{
background:#b57fb3;
}

#wrapper #part-1 .secondary .purple{
color:#b57fb3;
}

#wrapper #part-1 .secondary .bg-purple{
background:#b57fb3;
}

/* WRAPPER MAGAZINE */

#wrapper #magazine{
clear: both;
position:Relative;
width:100%;
height:330px;
margin-top:30px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

#wrapper #magazine .title{
position:relative;
margin-top:27px;
font-size:26px;
letter-spacing:-1px;
color:#222;
font-family: 'Varela Round', sans-serif;
}

#wrapper #magazine .tagline{
position:relative;
font-size:14px;
color:#999;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
}

#wrapper #magazine .show-all{
position:absolute;
top:40px;
right:0px;
font-size:16px;
color:#999;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
}

#wrapper #magazine .show-all a{
text-decoration:none;
color:#a1a1a1;
margin-left:20px;
}

#wrapper #magazine .show-all a:hover{
color:#f8344f;
}

#wrapper #magazine .magazines{
position:relative;
margin-top:25px;
width:100%;
height:200px; 
}

#wrapper #magazine .magazines .main-issue{
display:inline-block;
position:relative;
width:360px;
border-right:1px dashed #e1e1e1;
}

#wrapper #magazine .magazines .main-issue img{
height:100%;
width:auto;
}

#wrapper #magazine .magazines .main-issue .des{
position:absolute;
top:0px;
left:160px;
width:180px;
font-size:13px;
line-height:1.4;
color:#888;
}

#wrapper #magazine .magazines .main-issue .des .title{
margin-top:0;
}


#wrapper #magazine .magazines .main-issue .des a{
font-size:13px;
font-weight:500;
text-decoration:none;
color:#fff;
padding:2px 5px;
background:#f8344f;
line-height:2;
border-radius:3px;
}

#wrapper #magazine .magazines .older-issue-list {
	width:620px;
	float:right;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
}

#wrapper #magazine .magazines .older-issue-list .older-issue{
display:inline-block;
position:relative;
margin:0 1%;
}

#wrapper #magazine .magazines .older-issue-list .older-issue img{
height:100%;
width:auto;
}

/* WRAPPER SUBSCRIBE */

#wrapper #subscribe{
clear:both;
position:relative;
width:100%;
height:auto;
background:url('img/mission-bg.jpg');
background-size:cover;
background-position:center center;
padding:60px 0;
}

#wrapper #subscribe .heading{
font-size:72px;
font-family: 'Montserrat', sans-serif;
font-weight:700;
letter-spacing:-1px;
text-transform:uppercase;
text-align:center;
color:#fff;
}

#wrapper #subscribe .tag{
font-size:18px;
text-align:center;
color:#fff;
}

#wrapper #subscribe .swear{
font-size:14px;
text-align:center;
color:#fff;
font-family: 'Varela Round', sans-serif;
opacity:0.6;
float:right;
margin:14px 20px 0 0;
}

#wrapper #subscribe .what{
clear:both;
margin:0 18px;
opacity:0.5;
}

#wrapper #subscribe .title{
color:#fff;
height:50px;
line-height:50px;
border-bottom:1px solid #fff;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
}

#wrapper #subscribe .list{
margin:20px 0;
font-size:13px;
color:#fff;
line-height:25px;

}

#wrapper #subscribe .widget{
margin:0 auto;
margin-top:50px;
width:600px;
padding: 0 0 0 0;
}

#wrapper #subscribe .widget label{
color:#fff;
}

#wrapper #subscribe .widget #mc_embed_signup{
clear:left;  
font-family: 'Raleway', sans-serif;
}

#wrapper #subscribe .widget .email{
height:50px; 

border:none;
}

#wrapper #subscribe .widget .button{
height:40px;
background:#f8344f;
}


/* WRAPPER PROMO */

#wrapper #promo{
clear: both;
position:Relative;
width:100%;
height:auto;
margin:30px 0; 
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
}

#wrapper #promo .tshirt {
display:inline-block;
position:relative;
width:350px; 
}

#wrapper #promo .tshirt .title{
position:relative;
font-size:26px;
letter-spacing:-1px;
color:#222;
font-family: 'Varela Round', sans-serif;
}

#wrapper #promo .tshirt .tagline{
position:relative;
font-size:14px;
color:#999;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
}

#wrapper #promo .shirt {
width:150px;
height:auto;
margin-top:0px;
}

#wrapper #promo .des{
position:absolute;
top:20px;
left:170px;
width:145px;
font-size:13px;
color:#777;
}

#wrapper #promo .des a{
color:#07cbb0;
text-decoration:none;
}

#wrapper #promo .des a:hover{
color:#ee2762;
}

#wrapper #promo .featured {
position:relative;
width:300px; 
}

#wrapper #promo .featured .des{
width:125px;
}

#wrapper #promo .featured .shirt {
width:150px;
height:auto;
margin-top:0px;
}

/* WRAPPER WHAT WE DO */

#wrapper #we-do{
margin-top:60px;
}

#wrapper #we-do .item{
width:100%;
height:auto;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
border-top:2px solid #f8344f;
margin:10px 0;
}


#wrapper #we-do .item .description{
display:line-block;
position:relative;
margin: 25px 15px 25px 0px;
width:570px;
}

#wrapper #we-do .item .description .title{
position:relative;
font-size:28px;
letter-spacing:-1px;
color:#222;
font-family: 'Varela Round', sans-serif;
}

#wrapper #we-do .item .description .tagline{
position:relative;
font-size:14px;
color:#a1a1a1;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
}

#wrapper #we-do .item .description .des{
position:relative;
font-size:14px;
color:#222;
margin-top:15px;
line-height:1.5;
}

#wrapper #we-do .item .description .button{
margin-top:20px;
color:#fff;
text-align:center;
background:#f8344f;
font-family: 'Varela Round', sans-serif;
font-size:14px;
padding:15px 25px;
text-decoration:none !important;
line-height:45px;
}

#wrapper #we-do .item .description a{
text-decoration:none !important;
}

#wrapper #we-do .item .media{
display:line-block;
width:385px;
height:auto;
margin:25px 0px 25px 0;
}

#wrapper #we-do .item .media img{
width:100%;
height:auto;
}

/* WRAPPER MISSION*/

#wrapper #mission{
position:relative;
margin-top:60px;
width:100%;
height:200px;
background:url('img/mission-bg.jpg');
background-position:center center;
background-size:cover;
}

#wrapper #mission #content{
position:relative;
width:100%;
height:auto;
text-align:center;
top:50px;
}

#wrapper #mission #content .header{
font-size:48px;
letter-spacing:-1px;
color:#fff;
font-family: 'Varela Round', sans-serif;
}

#wrapper #mission #content .des{
margin:10px 0 20px 0 ;
font-size:22px;
color:#fff;
}

/* WRAPPER ABOUT ARTICLES*/

#wrapper .article{
position:relative;
margin:40px 0;
font-size:14px;
color:#777;
line-height:1.65;
}

#wrapper .article .column-1{
display:inline-block;
width:480px;
vertical-align:text-top;
}

#wrapper .article .column-2{
display:inline-block;
width:480px;
margin-left:30px;
vertical-align:text-top;
}

/* WRAPPER TEAM PAGE*/

#wrapper #team-page{
margin-top:60px;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
margin-bottom:50px;
}

#wrapper #team-page .member{
position:relative;
display:inline-block;
width:480px;
height:auto;
vertical-align:text-top;
margin-bottom:40px;
}

#wrapper #team-page .member .photo{
display:inline-block;
width:200px;
vertical-align:text-top;
}

#wrapper #team-page .member .data{
display:inline-block;
width:250px;
margin-left:20px;
vertical-align:text-top;
}

#wrapper #team-page .member .data .name{
font-size:28px;
letter-spacing:-1px;
color:#222;
width:270px;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
}

#wrapper #team-page .member .data .position{
font-size:14px;
text-transform:uppercase;
color:#f8344f;
font-family: 'Varela Round', sans-serif;
}

#wrapper #team-page .member .data .bio{
margin-top:20px;
margin-bottom:5px;
font-size:13px;
color:#a1a1a1;
line-height:1.5;
}

#wrapper #team-page .member .data .country{
margin-bottom:5px;
font-size:13px;
color:#f8344f;
line-height:1.5;
}

#wrapper #team-page .member .data .twitter{
height:20px;
line-height:20px;
background:#55acee;
font-size:12px;
text-decoration:none;
color:#fff;
padding:3px 4px;
}

/* WRAPPER MANIFESTO*/

#wrapper #manifesto .banner {
width:100%;
height:auto;
}

#wrapper #manifesto .heading{
font-size:72px;
font-family: 'Montserrat', sans-serif;
font-weight:700;
letter-spacing:-1px;
text-transform:uppercase;
text-align:left;
color:#222;
margin:0 0 30px 0;
}

#wrapper #manifesto .tagline{
font-size:22px;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
text-align:left;
color:#999;
line-height:1.8;
margin: 0 0 60px 0;
}

/* Wrapper Promo-Subscribe*/

#wrapper #promo-subscribe{
position:relative;
width:100%;
height:auto;
background:#fbe566;
margin:60px 0 0 0;
padding:10px 0;
border:1px solid #ffcf5c;
}

#wrapper #promo-subscribe .heading{
font-size:36px;
color:#9f5718;
font-family: 'Montserrat', sans-serif;
font-weight:700;
letter-spacing:-1px;
text-transform:uppercase;
margin:20px 0 0px 0px;
text-align:center;
}

#wrapper #promo-subscribe .des{
font-size:16px;
color:#9f5718;
text-align:center;
margin:10px 0 20px 0px;
}

#wrapper #promo-subscribe label{
color:#fff;
}

#wrapper #promo-subscribe .inputs-subscribe{
position:relative;
margin:0 auto;
width:550px;
}

#wrapper #promo-subscribe #mc_embed_signup{  
position:relative;
font-family: 'Raleway', sans-serif;
width:100%;
margin:30px 0 25px 0;
}

#wrapper #promo-subscribe #mc_embed_signup input{  
font-size:18px;
}

#wrapper #promo-subscribe .email{
height:60px; 
border:none;
margin:0px 0;
padding:0 15px;
width:400px;
}

#wrapper #promo-subscribe .button{
display:inline-block;
height:60px;
background:#f8344f;
margin-top:-10px;
border:none;
padding:0 20px;
color:#fff !important;
}

#wrapper #promo-subscribe .response{
color:#9f5718;
text-align:center;
}

#wrapper #promo-subscribe .response a{
color:#fff;
}



/* WRAPPER FWC*/

#wrapper #fwc .banner {
width:100%;
height:auto;
}

#wrapper #fwc .heading{
font-size:62px;
font-family: 'Montserrat', sans-serif;
font-weight:700;
letter-spacing:-1px;
text-transform:uppercase;
text-align:center;
color:#222;
margin:60px 0;
}

#wrapper #fwc .tagline{
font-size:22px;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
text-align:left;
color:#a1a1a1;
line-height:1.6;
margin: 0 0 30px 0;
}

#wrapper #fwc .essay{
position:relative;
margin:40px 0;
font-size:14px;
color:#777;
line-height:1.65;
}

#wrapper #fwc .essay .column-1{
display:inline-block;
width:480px;
vertical-align:text-top;
}

#wrapper #fwc .essay .column-2{
display:inline-block;
width:480px;
margin-left:30px;
vertical-align:text-top;
}

#wrapper #fwc .support{
background:#27aae1;
width:100%;
color:#fff;
position:relative;
padding:20px 0;
margin-bottom:40px;
}

#wrapper #fwc .support .title{
width:400px;
display:block;
font-family: 'Varela Round', sans-serif;
margin:0px 20px;
font-size:35px;
text-transform:uppercase;
}

#wrapper #fwc .support .tag{
display:block;
font-family: 'Varela Round', sans-serif;
margin:0px 20px;
font-size:14px;
text-transform:uppercase;
color:#135e7d;
border-bottom:1px solid #fff;
padding-bottom:20px;
}

#wrapper #fwc .support .tweet{
position:absolute;
top:20px;
right:20px;
height:50px;
width:230px;
background:#fff;
color:#27aae1;
text-align:center;
line-height:50px;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
}

#wrapper #fwc .support .tweet:hover{
color:#f8344f;
background:#f2f2f2;
}

#wrapper #fwc .support .blocks{
position:relative;
height:auto;
margin:10px 20px 0px 20px;
width:960px;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
}

#wrapper #fwc .support .block{
display:inline-block;
width:465px;
}

#wrapper #fwc .support .block .title{
font-family: 'Montserrat', sans-serif;
margin:10px 0px;
font-size:24px;
}

#wrapper #fwc .support .block .text{
font-size:15px;
color:#fff;
line-height:1.4;
}

/* WRAPPER SHOP*/

#wrapper #shop{

}

#wrapper #shop #header{
position:relative;
width:100%;
height:200px;
background:url('img/mission-bg.jpg');
background-position:center center;
background-size:cover;
}

#wrapper #shop #header #content{
position:relative;
width:100%;
height:auto;
text-align:center;
top:50px;
}

#wrapper #shop #header #content .header{
font-size:48px;
letter-spacing:-1px;
color:#fff;
font-family: 'Varela Round', sans-serif;
}

#wrapper #shop #header #content .des{
margin:10px 0 20px 0 ;
font-size:22px;
color:#fff;
}

#wrapper #shop #items{
width:100%;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
margin-bottom:40px;
}

#wrapper #shop #items .item{
position:relative;
background:#e2e2e2;
height:350px;
width:310px;
text-align:center;
margin-top:40px;
}

#wrapper #shop #items .item:hover{
opacity:0.85;
}

#wrapper #shop #items .item .photo{
width:80%;
margin:20px auto;
}

#wrapper #shop #items .item .title{
position:absolute; 
width:100%;
bottom:0;
color:#fff;
font-family: 'Varela Round', sans-serif;
font-size:24px;
text-align:center;
background:#111;
height:50px;
line-height:50px;
}


#wrapper #shop #items .item .price{
position:absolute;
top:10px;
right:0;
background:#f8344f;
color:#fff;
font-size:16px;
font-weight:600;
padding:5px;
}

/* Wrapper BRUNO */

#wrapper #bruno{
width:100%;
}

#wrapper #bruno .des{
margin:50px 0;
line-height:1.6;
font-size:24px;
color:#a1a1a1;
}

#wrapper #bruno .mascot{
width:75%;
text-align:center;
margin:20px 0 60px 0;
}

/* FOOTER */

#footer{
clear: both;
position:relative;
margin:0 auto;
height:auto;
width:1000px;
border-top:1px solid #e1e1e1;
}

#footer #part-1{
height:auto;
width:100%;
margin-top:30px;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
font-size:13px;
}

#footer #part-1 .widget-1{
display:inline-block;
width:250px;
color:#a1a1a1;
line-height:1.4;
margin-right:30px;
}

#footer #part-1 .widget-1 .designn{
font-size:22px;
font-family: 'Montserrat', sans-serif;
font-weight:700;
letter-spacing:-1px;
text-transform:uppercase;
color:#ee3769;
}

#footer #part-1 .footer-links{
display:inline-block;
width:auto;
color:#a1a1a1;
line-height:1.4;
margin:0 1%;
}

#footer #part-1 .footer-links .title{
color:#777777;
font-weight:700;
font-size:14px;
line-height:2.5;
}

#footer #part-1 .footer-links ul{
    list-style-type: none;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

#footer #part-1 .footer-links li{

}


#footer #part-1 .footer-links  a{
color:#a1a1a1;
font-size:13px;
text-decoration:none;
line-height:1.8;
}

#footer #part-1 .footer-links  a:hover{
color:#777;
}

#footer #part-2{
position:relative;
width:100%;
margin:25px 0;
font-size:13px;
color:#a1a1a1;
}

#footer #part-2 a{ 
text-decoration:none;
color:#a1a1a1;
font-size:12px;
line-height:2;   
}

#footer #part-2 .fwc-logo{ 
position:absolute;
right:0;
top:0;
height:40px;
width:40px;
background:url('img/fwc-logo-mini.png');
background-size:cover;
background-position:center center;
}

#footer .mascot{
display:none;
position:absolute;
top:0;
right:00px;
height:70px;
width:100px;
background:url('img/mascot.png') no-repeat;
background-size:100%;
background-position:0 35px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#footer .mascot:hover{
background-position:0px 20px;
	-webkit-transform: rotate(185deg);
	-moz-transform: rotate(185deg);
	-ms-transform: rotate(185deg);
	-o-transform: rotate(185deg);
	transform: rotate(185deg);
}