@import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300");
@font-face {
  font-family: 'Flat-UI-Icons';
  src: url('../fonts/Flat-UI-Icons.eot');
  src: url('../fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Flat-UI-Icons.woff') format('woff'), url('../fonts/Flat-UI-Icons.ttf') format('truetype'), url('../fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Flat-UI-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="fui-"] {
*/
.fui-arrow-right,
.fui-arrow-left,
.fui-cmd,
.fui-check-inverted,
.fui-heart,
.fui-location,
.fui-plus,
.fui-check,
.fui-cross,
.fui-list,
.fui-new,
.fui-video,
.fui-photo,
.fui-volume,
.fui-time,
.eye,
.fui-chat,
.fui-search,
.fui-user,
.fui-mail,
.fui-lock,
.fui-gear,
.fui-radio-unchecked,
.fui-radio-checked,
.fui-checkbox-unchecked,
.fui-checkbox-checked,
.fui-calendar-solid,
.fui-pause,
.fui-play,
.fui-check-inverted-2 {
  display: inline-block;
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.fui-arrow-right:before {
  content: "\e02c";
}
.fui-arrow-left:before {
  content: "\e02d";
}
.fui-cmd:before {
  content: "\e02f";
}
.fui-check-inverted:before {
  content: "\e006";
}
.fui-heart:before {
  content: "\e007";
}
.fui-location:before {
  content: "\e008";
}
.fui-plus:before {
  content: "\e009";
}
.fui-check:before {
  content: "\e00a";
}
.fui-cross:before {
  content: "\e00b";
}
.fui-list:before {
  content: "\e00c";
}
.fui-new:before {
  content: "\e00d";
}
.fui-video:before {
  content: "\e00e";
}
.fui-photo:before {
  content: "\e00f";
}
.fui-volume:before {
  content: "\e010";
}
.fui-time:before {
  content: "\e011";
}
.eye:before {
  content: "\e012";
}
.fui-chat:before {
  content: "\e013";
}
.fui-search:before {
  content: "\e01c";
}
.fui-user:before {
  content: "\e01d";
}
.fui-mail:before {
  content: "\e01e";
}
.fui-lock:before {
  content: "\e01f";
}
.fui-gear:before {
  content: "\e024";
}
.fui-radio-unchecked:before {
  content: "\e02b";
}
.fui-radio-checked:before {
  content: "\e032";
}
.fui-checkbox-unchecked:before {
  content: "\e033";
}
.fui-checkbox-checked:before {
  content: "\e034";
}
.fui-calendar-solid:before {
  content: "\e022";
}
.fui-pause:before {
  content: "\e03b";
}
.fui-play:before {
  content: "\e03c";
}
.fui-check-inverted-2:before {
  content: "\e000";
}

.moreTop {
	line-height: 10px;
}

.moreBottom {
	margin-bottom: 30px;
}

body {
	background: url(../images/line_bg.png);
	font-family: "museo-sans-rounded",sans-serif;
	font-style: normal;
	font-weight: 300;
	min-width: 980px;
}

.pinkLines {
	background: url(../images/adorablebg.png);
}

img {
	border: none;
}


a {
	color: #ed4e6e;
}

a:hover {
	color: #2889b8;
}

p a {
	font-weight: 600;
}


cite {
	font-family: "museo-sans-rounded",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
}
cite:before {
content: "\2014 \0020";
}


/****** GENERAL STYLES ******/

.link {
    display: inline-block;
    position: relative;
    padding-left: 6px;
    /* Font styles */
    text-decoration: none;
    color: #2aa58b;
    text-shadow: 0 1px 1px rgba(255,255,255,0.9);
}

.pinkLink {
	color:#ff9e9d;
	font-weight: 400;
}
 
.link:hover {
    color: #ed4e6e;
}
 
.link:before {
    /*content: "\25BA";*/
    content: "//";
   
    display: inline-block;
    padding-right: 3px;
    pointer-events: none;
}
 
.link:hover:before {
    color: #222222;
}


/****** ORBIT ******/

#featured { 
background: url(../images/spinner.gif) no-repeat center center; 
height: 463px; }
#featured img { display: none; }

#featured.orbit { background: none; }
#featured.orbit img { display: block; }

.orbit {
	margin-bottom: 0;
	max-height: 475px;
	position: relative;
}


.orbit-caption h1 {
	z-index: 6000;
	position: absolute;
	top: 35%;
	padding-left: 63%;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #2AA58B;
	font-size:30px;


}

.orbit-caption h1 strong {
	font-weight: 500;
}

.orbit-caption h1 em {
	display: block;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #2AA58B;
	font-size:19px;
	padding-top: 15px;
}

.orbit-caption h1 a {
	color: #ed4e6e;
}

.orbit-caption h1 a:hover {
	color: #222222;
}

.orbit-caption h1 em:before {
    content: "\25BA";
    font-size: 80%;
    padding-right: 5px;
   color: #ed4e6e;
}

.orbit-caption h4 {
	position: absolute;
	top: 35%;
	padding-left: 65%;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #2AA58B;
	font-size:19px;

}

/****** HEADER ******/

.topLine {
	border-top: 10px solid #56f2d0;
}

.pinkLine {
	border-top: 10px solid #FF9E9D;
}

.headBar {

	background: #56f2d0;
	background: rgba(87, 242, 208, 0.10);
	/*background: rgba(87, 242, 208, 0.10) url(../images/rabbit.png) center center no-repeat;*/
	margin: 25px 0; 
}

.lightGreen {

	background: #56f2d0;
	background: rgba(87, 242, 208, 0.10);
}

.pinkBar {
	background: #FF9E9D;
	background: rgba(255,158,157, 0.10);
}

.lightPink {
	background: #FF9E9D;
	background: rgba(255,158,157, 0.10);
}

.darkerPink {
	background: #FF9E9D;
	background: rgba(255,158,157, 0.20);
}

h1.name {
	text-transform: uppercase;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #2AA58B;
	padding-top: 42px;
	font-size:19px;
	padding-left: 15px;
}

span.fat {
	font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 1.50px;
}

span.fatPink {
	font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 1.50px;
	color: #FF9E9D;
}



.headBar img.logo {
	float: left;
	margin-top: 0;
	margin-right: 5px;
}

.green {
	background: #57f2d0;
	background: rgba(87, 242, 208, 0.30);
}

.pink {
	background: #FF9E9D;
	
}

h2.greenTitle {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 200;
	text-transform: uppercase;
	font-size: 22px;
	text-align: center;
	color: #2aa58b;
	background: #56f2d0;
	background: rgba(87, 242, 208, 0.10);
	margin: 0;
	padding: 10px; 
}

h2.pinkTitle {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 200;
	text-transform: uppercase;
	font-size: 22px;
	text-align: center;
	color: #fd9190;
	background: #FF9E9D;
	background: rgba(255,158,157, 0.10);
	margin: 0;
	padding: 10px; 
}

h2.greenTitle strong, h2.pinkTitle strong {
	font-weight: 500;
}

/****** SUBPAGE STYLES ******/

.subBanner h1 {
	text-align: center;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 60px;
	padding: 25px 0;
	color: #58595b;

}

.aboutHead {
	margin-top: 80px;
}

img.ry {
	margin-top: 115px;
	margin-bottom: 15px;
}

.ryan {
	background: url(../images/ryan.png) right bottom no-repeat;
	background-size: 450px;
}

.padR {
	padding-right: 35%;
}

/****** PROJECT STYLES ******/

.project {
}

.project img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.oneGreen {
	background: #56f2d0;
	background: rgba(87, 242, 208, 0.85);
}


.twoGreen {
	background: #56f2d0;
	background: rgba(87, 242, 208, 0.65);
}

.threeGreen {
	background: #56f2d0;
	background: rgba(87, 242, 208, 0.50);
}

.fourGreen {
	background: #56f2d0;
	background: rgba(87, 242, 208, 0.35);
}

.fiveGreen {
	background: #56f2d0;
	background: rgba(87, 242, 208, 0.20);
}

.backPro h1 {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	text-align: center;
	font-weight: 500;
	font-size: 25px;
	padding: 5px;
}


.backPro h1 a {
	color: #2aa58b;
	-webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
	
}

.backPro h1 a:before {
	content: "WANT TO ENJOY MORE DESIGN?";
	
}

.backPro h1 a:hover {
	color: #58595b;
	
}

.backPro h1 a:hover:before {
	content: none;
	
}

.backPro h1 a:hover:after {
	content: "CLICK IT LIKE IT'S HOT :)";
	
}


/****** CLIENT PROJECT STYLES ******/

ul.client {
	list-style: none;

}

ul.servList {
	list-style: none;
	padding: 15px 5px 15px 15px;
	margin-top: 15px;
}
ul.servList li {

text-transform: uppercase;
font-size: 19px;
margin: 0;
padding: 0;
padding: 2px;
font-family: "museo-sans-rounded",sans-serif;
font-style: normal;
font-weight: 600;
color: #ed4e6e;
background: none;
border: none;
}
/****** CONNECT STYLES ******/

a.mode {
	margin-top: 35px;
	margin-right: 15px;
	text-transform: uppercase;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	text-align: center;
	font-weight: 300;
	color: #2AA58B;
	font-size:16px;
	background: url(../images/off.png) center bottom no-repeat;
	float: right;
	padding-bottom: 50px;
}

a.mode.on {
	color: #FF9E9D;
	background: url(../images/on.png) center bottom no-repeat;
}

ul.connect {
	float: right;
	margin-top: 50px;
}

ul.connect li {
	display: inline;
	text-transform: uppercase;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #2AA58B;
	font-size:19px;
}
ul.connect li img {
	display: inline;
}

/****** BODY STYLES ******/

.mainSec {
	padding: 0 0 50px;
}
.body {
	padding: 60px 0 25px;
}
.body h1{
font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 300;
text-transform: uppercase;
}

.body p {
	color:#58595b;
	font-size: 18px;
	line-height: 30px;
	font-family: "museo-sans-rounded",sans-serif;
	font-style: normal;
	font-weight: 300;
	padding-right: 25px;
}

.body li p {
	padding-right: 50px;
}

/*.body ul {
	margin: 10px 0 0 60px;
}*/
/*.body ul li {
	display: block;
color: #666;
text-transform: uppercase;
font-size: 18px;
padding: 7px 0;
}*/

dl {
	background: none;
	border: none;
	margin-top: 10px;
	margin-left: 25px;
}

.tabs.vertical dd, dd  {

margin: 0;
padding: 0;
padding: 7px 0;

}
.tabs.vertical dd a, dd a, dd {

text-transform: uppercase;
font-size: 20px;
margin: 0;
padding: 0;
padding: 7px 0 7px 42px;
font-family: "museo-sans-rounded",sans-serif;
font-style: normal;
font-weight: 600;
color: #ed4e6e;
background: none;
border: none;
}

.tabs.vertical dd a:hover {
	color:#222222;
}

.tabs.vertical dd a.design {
	background: url(../images/design.png) left center no-repeat;
}

.tabs.vertical dd a.offerings{
	background: url(../images/offerings.png) left center no-repeat;
}
.tabs.vertical dd a.love {
	background: url(../images/love.png) left center no-repeat;
}
.tabs.vertical dd a.friends {
	background: url(../images/friends.png) left center no-repeat;
}

.body ul li a {
	font-family: "museo-sans-rounded",sans-serif;
font-style: normal;
font-weight: 600;
color: #ed4e6e;
}

.body ul li p a:hover {
color: #2889b8;
}

.body h2, .work h2 {
	font-family: "museo-sans-rounded",sans-serif;
font-style: normal;
font-weight: 300;
color: #666;
text-transform: uppercase;
font-size: 16px;
text-align: center;
}

.body img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/*li a.test:before {
	content: "\25BA ";
	padding-right: 5px;
}*/

/****** PROJECT DESCRIPTION STYLES ******/

.projInfo {
	padding: 50px 0 25px;
}
.projInfo h1{
	font-size: 30px;
font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 300;
text-transform: uppercase;
}

.projInfo p {
	color:#58595b;
	font-size: 18px;
	line-height: 30px;
	font-family: "museo-sans-rounded",sans-serif;
	font-style: normal;
	font-weight: 300;
	padding-right: 25px;
}

.projInfo li p {
	padding-right: 50px;
}

/****** CTA STYLES ******/

.marginR {
	margin-right: 15px;
	margin-left: -15px;
}

.cta {
	padding: 35px 0 25px;
}

.cta h2 {
font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 300;
text-align: center;
padding-top: 25px;
}

.cta h3 {
font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 300;
text-align: center;
color: #58595b;
font-size: 18px;
}


ul.cta  {
	text-align: center;
}

ul.cta li {
	display: inline-block;
	color: #2aa58b;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 17px;
	padding: 5px 45px;
}



ul.cta  li a {
color: #2aa58b;
}

ul.cta.pinkText li, ul.cta.pinkText li a {
	color: #ff9e9d;
}

ul.cta li a:hover {
	color:#ed4e6e;
}

ul.cta img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;

}

/*input[type="text"], input, textarea {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-size: 18px;
	font-weight: 300;
    padding: 25px 10px;
    color: #fff;
    display: block;
    width: 100%;
    background: transparent;
}*/

input[type="text"], input[type="email"], textarea,
.cbp-mc-form textarea {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-size: 18px;
	font-weight: 300;
	height:60px;
    border: 3px solid #48eac7;
    color: #222222;
    background: #56f2d0;
	background: rgba(87, 242, 208, 0.10);
    -webkit-appearance: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: border .25s linear, color .25s linear;
-moz-transition: border .25s linear, color .25s linear;
-o-transition: border .25s linear, color .25s linear;
transition: border .25s linear, color .25s linear;
}

textarea {
	height:100px;
}

 
.cbp-mc-form textarea {
    min-height: 200px;
}
 
input:focus,
textarea:focus,
label:active + input,
label:active + textarea {
    outline: none;
    border: 3px solid #10689a;
    
}
 
select:focus {
    outline: none;
    background: #56f2d0;
	background: rgba(87, 242, 208, 0.50);
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {  background: #56f2d0;
  background: rgba(87, 242, 208, 0.40); border-color: #3dd7b6; }

  label {
  	padding: 25px;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	color: #58595b;
	text-transform: uppercase;
  }
 
::-webkit-input-placeholder { /* WebKit browsers */
    color: #10689a;
    font-style: italic;
}
 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #10689a;
    font-style: italic;
}
 
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #10689a;
    font-style: italic;
}
 
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #10689a;
    font-style: italic;
}
 
.subButton {
    text-align: center;
    padding-top: 40px;
    clear: both;
}
 
input.subButton {
    background: #10689a;
    border: none;
    color: #fff;
    width: auto;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 30px;
    font-size: 1.1em;
    -webkit-appearance: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
    letter-spacing: 1px;
}
 
input.subButton:hover {
    background: #1478b1;
}




/****** PROJECT PLANNER STYLES ******/
.pp {
	padding: 0 175px 25px;
}

h4 {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

h4 a {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-size: 20px;
	font-weight: 500;
	border: none;
	background: #56f2d0;
    background: rgba(87, 242, 208, 0.80);
	color: #2aa58b;
	padding: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-backface-visibility: hidden;
}

h4 a:hover {
	background: rgba(87, 242, 208, 0.50);
}

.submitBtn {
	cursor: pointer;
	margin-top: 25px;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-size: 20px;
	font-weight: 300;
border: none;
background: #56f2d0;
  background: rgba(87, 242, 208, 0.90);
color: #2aa58b;
padding: 20px 20px 20px;
line-height: 22px;
text-decoration: none;
text-shadow: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden;
}

.submitBtn:hover {
	background: #56f2d0;
  background: rgba(87, 242, 208, 0.50)

}

/****** WORK PAGE STYLES ******/

.work {
	padding: 25px 0 25px;
}

.extra {
	margin-top: 10px;
}

.work .vw {
	background: url(../images/visit.png) center center no-repeat;
	background-size: 80%;
}

.work .vp {
	background: url(../images/viewproject.png) 60% center no-repeat;
	background-size: 80%;

}

.show {
	display: none;
}
.work img {
	margin: 20px 0 5px;
}

.work a img  {
	-webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
}

.work a img:hover {
	 opacity:.20;
	 
}

.logoWork img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


/****** SERVICES ******/

.cat {
border-top: 1px solid #bbb;
}

.ser {
	list-style: none;
}
.serv {
	padding: 25px;
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	color: #58595b;
	text-transform: uppercase;
}

.subHead {
	margin-top: 100px;
}


/****** PROJECT PLANNER ******/

.projectHead {
	text-align: center;
	font-size: 22px;

}

.planner {
	text-align: center;
}

.planner p {
	padding-right: 0;
}

hr.greenLine {
	margin-top: 5px;
	width:100px;
	height: 10px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	background: #56f2d0;
	background: rgba(87, 242, 208, 0.65)
}

.body.sticker {
	padding-top: 30px;
}

.body.sticker img {
	margin-bottom: 25px;
	padding-left: 30px;
}

/****** FEATURED WORK CAPTION ******/

.grid {
	margin: 0 auto;
	list-style: none;
	text-align: center;
}


.grid li {
	display: inline-block;
	width: 100%;
	margin: 0;
	margin-top: 25px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	width: 100%;
	display: block;
	position: relative;
}


.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #57f2d0;
	color: #ed4e6e;
}

.grid figcaption h3 {
	font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	margin: 0;
	font-size: 18px;
	padding: 0 0 10px;
	color: #2aa58b;
	text-transform: uppercase;
}

.grid figcaption span:before {
	content: 'by ';
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #ed4e6e;
	color: #fff;
}
.caption figure {
	overflow: hidden;
}

.caption figure img {
	/*-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;*/
}

.no-touch .caption figure:hover img,
.caption figure.cs-hover img {
	/*-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);*/
}

.caption figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .caption figure:hover figcaption,
.caption figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.caption figcaption a {
	/*position: absolute;
	bottom: 20px;
	right: 40%;*/
	display: block;
	width: 35%;
	margin-right: auto;
	margin-left: auto;
}

/****** FOOTER STYLES ******/

.footer {
	padding: 15px 0;
}

.copywrite p {
	float: right;
	color: #2aa58b;
	padding-top: 5px;
	padding-right: 10px;
}

.copywrite.pinkp p {
	color: #ff9e9d;
}

ul.social {
 list-style: none;
 margin-left:15px;
 margin-top: 5px;
}

ul.social.subSocial {
	float: right;
	margin-top: 38px;
	margin-right: 10px;
	margin-left: 0;
}


ul.social li {
	display: inline;
}

ul.social li a {
	float: left;
	background: url(../images/social.png) no-repeat;
	width: 50px;
	height: 50px;
	padding: 5px 26px;
}

ul.social.psocial li a {
	float: left;
	background: url(../images/psocial.png) no-repeat;

}

ul.social.psocial li a.facebook {
	margin-right: 2px;

}




ul.social li a.twitter{
	background-position: -2px 0;
	width: 50px;
	height: 50px;
}

ul.social li a.twitter:hover, ul.social li a.facebook:hover, ul.social li a.behance:hover, ul.social li a.google:hover, ul.social.subSocial li a.twitter:hover, ul.social.subSocial li a.facebook:hover, ul.social.subSocial li a.behance:hover, ul.social.subSocial li a.google:hover {
	opacity: .80;
	}

ul.social li a.google{
	background-position: -61px 0;
	width: 50px;
	height: 50px;
}

ul.social li a.facebook{
	background-position: -117px 0;
	width: 50px;
	height: 50px;
}

ul.social li a.behance{
	background-position: -170px -1px ;
	width: 50px;
	height: 50px;
}

.copywrite img.rocket {
	float: right;
}


/****** VIEW PROJECT ******/



h2.proLink a {
	margin-top: -80px;
	border-radius: 5px;
border: 2px solid;
padding: .7em 1.5em .6em;
display: inline-block;
text-align: center;
-webkit-transition: color .2s,border-color .2s;
-moz-transition: color .2s,border-color .2s;
-ms-transition: color .2s,border-color .2s;
-o-transition: color .2s,border-color .2s;
transition: color .2s,border-color .2s;
}



/****** NEXT PROJECTS ******/

.nextP {
	min-height: 80px;
}

.nextL {
	float: left;
	font-size: 30px;
	color: #2aa58b;
	padding: 25px;
	border-right: 3px solid white;
	-webkit-transition: all .2s;
     -moz-transition: all .2s;
       -o-transition: all .2s;
      -ms-transition: all .2s;
          transition: all .2s; 
}

.nextR {
	float: right;
	font-size: 30px;
	color: #2aa58b;
	padding: 25px;
	border-left: 3px solid white; 
	-webkit-transition: all .2s;
     -moz-transition: all .2s;
       -o-transition: all .2s;
      -ms-transition: all .2s;
          transition: all .2s; 
}

.nextL:hover, .nextR:hover {
	background: #41d9b8;
	color: white;
}

p.backTo {
	text-align: center;
	font-size: 20px;
	padding: 0;
	margin: 0;
	padding-top: 26px;
}

p.backTo a {
	color: #2aa58b;
	-webkit-transition: all .2s;
     -moz-transition: all .2s;
       -o-transition: all .2s;
      -ms-transition: all .2s;
          transition: all .2s; 
}

p.backTo a:hover {
	color: #ed4e6e;
}


/****** MOBILE STYLES ******/

.mobileGreen {
	background: #56f2d0;
}

.bellsMobile {
	background: #56f2d0;
	width: 100%;
	position: fixed;
	z-index: 5010;
	height: 50px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.quick {
	width: 15%;
	display: inline-block;
}

.top {
	height:50px;
}
.bottomSpace {
	height:50px;
}
.bellsBottom {
	background: #56f2d0;
	border-top: 1px solid #fff;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 5010;
	padding: 25px 0 5px;
	text-align: center;
}

.mobilePanel {
	background: #56f2d0;
}

.blue {
	background: #56f2d0;
    /*height: 20em;*/
}

.mobilePanel p {
	text-align: center;
    padding: 7em 0;
    font-family: "museo-sans",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}
.red {
	background: #56f2d0;
    /*height: 20em;*/
}


@media only screen and (max-device-width: 960px) { 
 
    /*fixes too big font in mobile Safari*/
 
    html { 
        -webkit-text-size-adjust:none; 
    }
 }


/*
@media all and (max-width: 768px) {

	body {
		background: #56f2d0;
	}

}*/