/*
* OTTO - A premium web template from Designova
* Build: March 2015;
* Author: Designova, http://www.designova.net
* Copyright (C) 2015 Designova Digital IN.
* This is a premium product. For licensing queries please contact info@Designova.net
*/


/* Table of contents
–––––––––––––––––––––––––––––––––––––––––––––––––– 
- 1. Common
- 2. Header
- 3. Footer
- 4. Navigation
- 5. Pages
- 6. Utilities
*/


/* 1. Common
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body{
	overflow-x: hidden;
}
p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	color:#999;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0;
	margin-bottom: 0;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a:focus { 
	outline: none; 
}
@media (min-width: 1024px) and (max-width: 5000px) {
	.container{
		max-width: 1000px;
	}
}
.welcome-heading h1 span{
	font-size: 32px;
	letter-spacing: 8px;
	line-height: 64px;
	text-transform: uppercase;
	padding: 20px;
	padding-left: 28px;
	border: solid 4px #222;
}
.main-heading > span{
	font-size: 32px;
	line-height: 39px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.sub-heading{
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 1px;
}
.headcaps div{
	border-bottom: solid 6px;
	display: inline-block;
	padding: 15px 0;
	padding-left: 32px;
}      
.headcaps div > span{
	font-size: 32px;
	line-height: 32px;
	letter-spacing: 32px;
	text-transform: uppercase;
} 
.promo-inner h6{
	font-size: 16px;
	line-height: 23px;
	letter-spacing: 8px;
	margin-top: 10px;
}

/*Buttons*/
.btn-otto{
	border-radius: 0px;
	text-decoration: none;
	padding: 10px 10px 10px 12px;
	font-size: 12px;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: 4px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-otto:hover{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-otto-white{
	border:solid 3px #fff;
	background: transparent;
	color: #fff;
}
.btn-otto-white:hover{
	border:solid 3px #fff;
	background: #fff;
	color: #000;
}

.btn-otto-dark{
	border:solid 3px #000;
	background: transparent;
	color: #000;
}
.btn-otto-dark:hover{
	border:solid 3px #000;
	background: #000;
	color: #fff;
}

.btn-otto-color{
	border:solid 3px;
	background: transparent;
}
.btn-otto-color:hover{
	border:solid 3px;
	color: #fff;
}


/*Preloader*/
html.preloader-running, body.preloader-running{ 
	overflow: hidden; 
}
html.preloader-running .sticky-sidebar{
	display: block;
}
body.preloader-running{
	overflow: hidden;
}
body.preloader-running #ajax-content{
	opacity: 0;
}

div#preloader { 
	background: none repeat scroll 0 0 white; 
	height: 100%; 
	left: 240px; 
	position: fixed;
	top: 0; 
	width: 100%; 
	z-index: 99999; 
}

#status { 
	width: 200px; 
	height: 200px; 
	position: fixed; 
	left: 50%; 
	top: 50%; 
	background-image: url(/assets/images/loader.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
	/*background-size: 48px 48px;*/
	margin: -100px 0 0 -100px; 
}

/* 2. Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header.masthead{
	height: 100%;
	width: 240px;
	position: fixed;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
header.masthead .inner{
	margin: 0px 25px;
}
.slogan{
	margin-top: 40px;
}
.slogan a{
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 6px;
}
.sticky-icons{
	position: absolute;
	bottom: 70px;
	left: 40px;
}
.sticky-icons ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.sticky-icons li{
	display: inline-block;
}
.sticky-icons li a img, .onscreen-trigger img{
	width: 24px;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.sticky-icons li a:hover img{
	opacity: 0.3;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.onscreen-trigger{
	display: none;
	position: fixed;
	bottom: 70px;
	left: 40px;
	z-index: 99999;
}
.sticky-sidebar{
	position: fixed;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
}
.sticky-sidebar ul{
	list-style-type: none;
	padding: 0;
}
.sticky-sidebar ul li{
	margin: 10px 0;
}
.sticky-sidebar ul li a span{
	font-size: 28px;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.sticky-sidebar ul li a:hover span{
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.featured-mask-overlay{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	overflow: hidden;
	z-index: 8888;
}
.featured-projects-heading{
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 31px;
	text-transform: capitalize;
	padding: 10px 15px;
}
.featured-item-block{
	position: relative;
}
.featured-item-block:last-child{
	margin-bottom: 50px;
}
.featured-panel-item-overlay{
	opacity: 0;
	background-color: rgba(0,0,0,0.9);
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.featured-item-block:hover .featured-panel-item-overlay{
	opacity: 1;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.featured-panel-item-overlay h3{
}
.featured-panel-item-overlay h3 span{
	border: solid 2px #fff;
	padding: 14px;
	font-size: 14px;
	letter-spacing: 4px;
	line-height: 21px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.cd-panel-content{
	margin-top: 50px;
}
.share-panel{
	width: 200px;
	height: 100%;
	position: fixed;
	top: 0;
	right: -400px;
	z-index: 9999;
	text-align: center;
}
.share-panel-heading{
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 31px;
	text-transform: capitalize;
	padding: 15px 25px;
	position: absolute;
	top: 0;
	left: 0;
}
.share-panel ul{
	list-style-type: none;
	padding: 0;
}
.share-panel ul li{
	margin: 10px 0;
}
.share-panel ul li a span{
	font-size: 32px;
	line-height: 32px;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.share-panel ul li a:hover span{
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.share-panel-close {
	position: absolute;
	top: 0;
	right: 0;
	height:  60px;
	width: 60px;
	/* image replacement */
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image: url('/assets/images/next.svg');
	background-position: center center;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}
.share-panel-close:hover {
	background-color: #eee;
}

/* 3. Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer.mastfoot{
	width: 100%;
	position: relative;
}
footer.mastfoot .row{
	padding: 60px 0px;
}
.social-wrap{
	padding: 0;
}
.foot-social {
	list-style: none outside none;
	padding: 0;
}
.foot-social li {
	display: inline-block;
	margin-left: 2px;
	margin-bottom: 0;
	width:32px;
	height:32px;
}

.foot-social li a
{
	font-size:25px;
}

.foot-social li a > img {
	width: 32px;
	opacity: 1;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.foot-social li a > img:hover {
	opacity: 0.5;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.credits {
	padding: 0;
	text-align: right;
	margin-bottom:20px;
}
.credits p
{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color:#77787b;
}

.credits p a
{
	color:#77787b;
}

.credits p span#motif-credit
{
	font-size:12px;
}

footer .sponsors
{
	border-bottom:1px solid #023b62;
	padding-bottom:20px;
	margin-bottom:20px;
	margin-top:20px;

}



footer .sponsors ul
{
	margin:0px;
	padding:0px;
	float:right;
	height:87px;
}

footer .sponsors ul li
{
	line-height:87px;
	height:87px;
	list-style: none;
	float:left;
	display:inline;
	margin-left:15px;
}

/* 4. Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav.mastnav{
	margin-top: 10px;
}
nav.mastnav ul{
	list-style-type: none;
	padding: 0;
}
nav.mastnav a{
	color:##023b62;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1px;
	display: block;
	opacity: 1;
	text-decoration:none;

	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
nav.mastnav a:hover{
	opacity: 1;
	text-decoration:none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
nav.mastnav a:focus{
	opacity: 1;
}
.sub-nav-wrap{
	display: none;
	position: fixed;
	left: 240px;
	top: 0;
	height: 100%;
	width: 340px;
	z-index: 9990;
}
.sub-nav-wrap ul{
	list-style-type: none;
	padding: 0;
	margin: 0 40px;
}

.sub-nav-wrap ul li
{
	text-transform: capitalize;
}

.sub-nav{
	display: none;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 1px;
	display: block;
	opacity: 1;
	text-decoration:none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.sub-nav a, .sub-nav a:hover{
	text-decoration:none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

/* 5. Pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mastwrap{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.mastwrap.spaced-left{
	margin-left: 240px;
	margin-right: 100px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.page-section{
	padding: 120px 0;
}

/*INTRO*/

.intro-02-overlay{
	background-color:  transparent;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.intro-02:hover .intro-02-overlay{
	background-color: rgba(255,255,255,0.4);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.slideshow-caption-wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px 0;
}
.slideshow-caption{
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 4px;
	text-transform: uppercase;
}
.slideshow-control-wrap{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 0;
}
.slideshow-control-wrap ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.slideshow-control-wrap ul li{
	display: inline-block;
	margin: 0 5px;
}
.slideshow-control-wrap ul li a span{
	font-size: 20px;
	line-height: 20px;
}
.slideshow-count{
	position: absolute;
	left: 0;
	top: 14px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.slideshow-count li{
	display: inline-block;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 4px;
	text-transform: uppercase;
}
.slideshow-count li:last-child:before{
	content: '/';
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding-right: 4px;
}
.slideshow-status{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.6) url(/assets/images/loader.gif); 
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
}
.intro-05-overlay{
	opacity: 0;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.intro-05-overlay:hover{
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.intro-05 .intro-05-item h3 > span{
	font-size: 45px;
	letter-spacing: 0px;
	line-height: 45px;
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 12px;
	border:none;
	color:#ffcc56;
}

/*PORTFOLIO*/
.works-filter-panel{
	display: none;
	width: 100%;
	padding: 20px;
	z-index: 9999;
}
.works-filter{
	list-style: none;
	padding: 0;
	margin: 0;
}
.works-filter li{
	display: inline-block;
}
.works-filter li a{
	font-size: 12px;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.works-filter li:after{
	content: '/';
	margin-left: 10px;
	margin-right: 10px;
}
.works-container{
	padding: 0;
	margin: 70px auto 0 auto;
}
.works-filter li:last-child:after{
	display: none;
}

.works-item a{
	border: solid 6px;
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 100;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.works-item a:hover{
           /* text-decoration: none !important;
       	background: rgba(255,255,255,0.9);
            opacity:1;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                 transition: all .4s ease-in-out;*/
               }
               .info a:hover{
               	cursor: url("/assets/images/plus.png") 40 40, crosshair;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }
               .zoom a:hover{
               	cursor: url("/assets/images/zoom.png") 40 40, crosshair;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }
               .works-item-inner{
               	text-align: left;
               	padding: 30px;
               }
               .works-item-inner h3{ 
               	font-size: 16px;
               	letter-spacing: 4px;
               	line-height: 23px;
               	text-transform: uppercase;
               	margin-bottom: 5px;
               }
               .works-item-inner p{  
               }
               .works-item-inner p > span{  
               	font-size: 16px;
               	line-height: 23px;
               	margin-top: 0px;
               }
               .works-item a:hover 
               .works-item-inner h3{ 
               }
               .works-item a:hover 
               .works-item-inner p{  
               }

               .works-item-fade{
               	opacity: 0.1;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }

               .works-item-fade a{
               	display: none !important;
               }
               .works-masonry-container{
               	padding: 0;
               	margin:0px !important;
               }
               .works-masonry-container .works-item-one-third {
               	margin: 1% !important;
               	padding: 0 !important;
               	width: 30.3% !important;
               }
               .works-masonry-container .works-item-two-third {
               	margin: 0 !important;
               	padding: 0 !important;
               	width: 66.6% !important;
               }
               .works-masonry-container .works-item-one-half {
               	margin: 0 !important;
               	padding: 0 !important;
               	width: 50% !important;
               }
               .works-masonry-container .works-item-one-fourth {
               	margin: 0% !important;
               	padding: 0% !important;
               	width: 25% !important;
               }
               .works-masonry-container .works-item-one-fifth {
               	margin: 0 !important;
               	padding: 0 !important;
               	width: 20% !important;
               }
               .works-masonry-container .works-item-full-width {
               	margin: 0 !important;
               	padding: 0 !important;
               	width: 100% !important;
               }
               .works-masonry-container .works-item-one-third-spaced{
               	margin: 1% !important;
               	padding: 0 !important;
               	width: 31.3% !important;
               }
               .works-masonry-container .works-item-one-half-spaced{
               	margin: 1% !important;
               	padding: 0 !important;
               	width: 48% !important;
               }
               .works-masonry-container .works-item-two-third-spaced{
               	margin: 1% !important;
               	padding: 0 !important;
               	width: 64.6% !important;
               }
               .works-masonry-container .works-item-one-fourth-spaced{
               	margin: 1% !important;
               	padding: 0 !important;
               	width: 23% !important;
               }


               /* Portfolio Isotope Transitions */ 

               .isotope, .isotope .isotope-item {
               	-webkit-transition-duration: 0.8s;
               	-moz-transition-duration: 0.8s;
               	-ms-transition-duration: 0.8s;
               	-o-transition-duration: 0.8s;
               	transition-duration: 0.8s;
               }

               .isotope {
               	-webkit-transition-property: height, width;
               	-moz-transition-property: height, width;
               	-ms-transition-property: height, width;
               	-o-transition-property: height, width;
               	transition-property: height, width;
               }

               .isotope .isotope-item {
               	-webkit-transition-property: -webkit-transform, opacity;
               	-moz-transition-property: -moz-transform, opacity;
               	-ms-transition-property: -ms-transform, opacity;
               	-o-transition-property: -o-transform, opacity;
               	transition-property: transform, opacity;
               }

               .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
               	-webkit-transition-duration: 0s;
               	-moz-transition-duration: 0s;
               	-ms-transition-duration: 0s;
               	-o-transition-duration: 0s;
               	transition-duration: 0s;
               }






               /*ABOUT*/
               .promo h1{
               	border: solid 6px #292929;
               	padding: 40px;
               }      
               .promo h1 > span{
               	font-size: 36px;
               	line-height: 72px;
               	letter-spacing: 8px;
               	text-transform: uppercase;
               } 

               .caption h1{
               	font-size: 48px;
               	line-height: 58px;
               	letter-spacing: 8px;
               	text-transform: uppercase;
               	margin-bottom: 10px;
               }  
               .caption h3{
               	margin-top: 20px;
               	font-size: 24px;
               	line-height: 31px;
               	letter-spacing: 1px;
               	font-weight: 200;
               }
               .caption h6{
               	font-size: 14px;
               	line-height: 21px;
               	letter-spacing: 4px;
               	font-weight: 200;
               	text-transform: uppercase;
               	margin-top: 10px;
               	margin-bottom: 10px;
               }
               .liner{
               	width: 80px;
               	height: 4px;
               	display: inline-block;
               }       
               .services-item i{
               	font-size: 48px;
               	line-height: 48px;
               	display: block;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }          
               .services-item:hover i{
               	opacity: 0.8;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }         
               .services-item h4{
               	margin-top: 10px;
               	margin-bottom: 15px;
               	font-size: 16px;
               	line-height: 23px;
               	letter-spacing: 2px;
               	text-transform: uppercase;
               } 
               .phrase-carousel-item{
               	text-align: center;
               	padding: 0 30px;
               }   
               .testimonial-thumb{
               	max-width: 100px;
               	display: inline-block !important;
               }   
               .team-item{
               	text-align: center;
               	padding: 0 20px;
               }        
               .team-item h4{
               	margin-top: 0px;
               	padding-top: 10px;
               	font-size: 16px;
               	line-height: 23px;
               	letter-spacing: 2px;
               	text-transform: uppercase;
               }          
               .team-item img{
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }                    
               .team-item:hover img{
               	opacity: 0.3;
               	border: solid 8px #000;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }        
               .team-item h6{
               	font-size: 16px;
               	line-height: 23px;
               	padding-bottom: 10px;
               }   
               .team-overlay{
               	display: none;
               	padding: 30px;
               	width:90%;
               	position: absolute;
               	top: 0;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }
               .team-item:hover .team-overlay{
               	display: block;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               } 
               .team-overlay ul{
               	list-style: none;
               	padding: 0;
               	margin: 0;
               	margin-top: 20px;
               }
               .team-overlay li{
               	display: inline-block;
               	margin-right: 10px;
               }
               .team-overlay li i{
               	font-size: 20px;
               	line-height: 20px;
               	opacity: 1;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }
               .team-overlay li a:hover i{
               	opacity: 0.5;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }
               /*NEWS*/

               .news h3{
               	font-size: 16px;
               	line-height: 28px;
               	text-transform: capitalize;
               	margin-bottom: 10px;
               	font-weight:bold;
               }  
               .news h4{
               	font-size: 14px;
               	line-height: 23px;
               	margin-bottom: 10px;
               	color: #023b62;
               }  
               .news a{
               	min-height:365px;
               	display: block;
               	margin: 0px;
               	padding: 20px 40px;
               	font-size: 20px;
               	line-height: 27px;
               	letter-spacing: 1px;
               	font-weight: 200;
               	text-decoration: none;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               } 
               .news a:hover{
               	background-color:#023b62;
               	color:#FFF; 
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }

               .news a:hover h3,
               .news a:hover h4,
               .news a:hover p
               {
               	color:#FFF;
               }

               .news-post{
               	padding: 0 60px;
               }
               .news-post h1{
               	font-size: 28px;
               	line-height: 35px;
               	letter-spacing: 8px;
               	text-transform: uppercase;
               	margin-bottom: 0px;
               }  
               .news-post h5{
               	font-size: 16px;
               	line-height: 23px;
               	margin-bottom: 30px;
               }
               .news-sidebar{
               	padding: 0 20px;
               }  
               .news-sidebar h3{
               	font-size: 16px;
               	line-height: 23px;
               	letter-spacing: 2px;
               	text-transform: uppercase;
               }  
               .news-sidebar ul{
               	list-style: none;
               	padding: 0;
               	margin-top: 10px;
               	margin-bottom: 60px;
               }   
               .news-sidebar ul li{
               	border-bottom: solid 1px;
               	padding: 5px 0;
               }  
               .news-sidebar .post-tags a{
               	margin: 5px;
               	display: inline-block;
               }

               /*PROJECT*/
               .project-cover-overlay{
               	background-color:rgba(255,255,255,0.8);
               }
               .thumb-item a img{
               	opacity: 1;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }
               .thumb-item a:hover img{
               	opacity: 0.2;
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }
               .thumb-item{
               	background: rgba(0,0,0,0.9);
               	-webkit-transition: all .4s ease-in-out;
               	-moz-transition: all .4s ease-in-out;
               	-ms-transition: all .4s ease-in-out;
               	-o-transition: all .4s ease-in-out;
               	transition: all .4s ease-in-out;
               }
             }

             /*ELEMENTS*/
             .minimal-caps{
             	font-size: 16px;
             	letter-spacing: 2px;
             	line-height: 23px;
             	margin-bottom: 15px;
             	margin-top: 10px;
             	text-transform: uppercase;
             	padding: 10px 0;
             } 

             /*CONTACT*/
             #googlemaps
             {
             	width: 100%;
             	height: 100%;
             }
             #googlemaps iframe {
             	position: absolute;
             	top: 0;
             	left: 0;
             	width: 100% !important;
             	height: 100% !important;
             	border:0;

             }
           }
           .contact-box{
           }
           .contact-box h1{
           	font-size: 28px;
           	line-height: 35px;
           	letter-spacing: 8px;
           	text-transform: uppercase;
           	margin-bottom: 0px;
           }  
           .contact-box h5{
           	font-size: 24px;
           	line-height: 31px;
           	margin-bottom: 30px;
           }
           .contact-form-wrap{
           	display: none;
           	padding-top: 30px;
           }
           .contact-item{
           	padding: 0px;
           }

/*
input {
  background: transparent !important;
    border: none !important;
    border-bottom: 2px solid !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #444 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 25px !important;
    height: 50px !important;
    margin-bottom: 30px !important;
    padding: 0px !important;
    width: 100%;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
input:focus, textarea:focus {
    border: none !important;
    color: #444 !important;
    border-bottom: 1px solid !important;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
textarea {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #444 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 25px !important;
    margin-top: 0;
    padding: 0px !important;
    resize: none;
    width: 100%;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
input.send_message {
    background: none repeat scroll 0 0 #EF4A4A;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    width: 120px;
}
input.send_message:hover {
    background: none repeat scroll 0 0 #262932;
}

*/
fieldset {
	border: 0 none;
	float: left;
	padding: 0;
	position: relative;
	width: 100%;
}
fieldset h1 {
	color: #000000;
	font-size: 24px;
}
.contact-label-box {
	color: #222;
	font-size: 24px;
	line-height: 31px;
	padding: 30px 20px;
	text-align: center;
}
.contact-label-box > span {
	display: block;
	margin-right: 10px;
}
.contact-label-box > span > img {
	height: 60px;
	width: 60px;
}
.contact-label-box a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.contact .alert{
	box-shadow: none;
	border:none;
	border-radius: 0;
	text-shadow:none;
	font-size: 12px;
	line-height: 19px;
	margin-bottom:10px;
	padding:10px;
	background:#000;
	color: #fff;
	text-align: left;
}
.btn-wrap{
	margin-top: 60px;
}
.space-left{
	margin-left: 1%;
}


.alert{
	border-radius: 0px;
	padding: 5px;
	text-align: left;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}

.alert > p{
	padding: 0px;
	text-shadow:none;
	font-size: 10px;
	line-height: 17px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.contact-wallpaper{
	padding: 100px 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.contact-dual-panel{
	padding: 70px;
}
.email-heading{
	font-size: 18px;
	line-height: 25px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 4px;
}

/*PROJECT PAGE*/

.project-info h4{
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
}  
.project-nav-icon-wrap{
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}
.project-nav-icon-wrap li{
	display: inline-block;
	margin: 15px;
}
.project-nav-icon-wrap li a img{
	width: 24px;
}
.project-title{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 32px;
	line-height: 46px;
}

/*PRICING TABLES*/
/*Pricing table and price blocks*/
.pricing_table {
	padding: 0;
	margin: 0;
	line-height: 150%; 
	font-size: 12px; 
	padding-top: 10px;
}

.price_block {
	text-align: center; 
	width: 100%; 
	color: #fff; 
	float: left; 
	list-style-type: none; 
	transition: all 0.25s; 
	position: relative; 
	box-sizing: border-box;

	margin-bottom: 10px; 
	border-bottom: 1px solid transparent; 
}

/*Price heads*/
.pricing_table h3 {
	text-transform: uppercase; 
	padding: 5px 0; 
	margin: 10px 0 1px 0;
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/*Price tags*/
.price {
	display: table; 
	width: 100%; 
	height: 90px; 
}
.price_figure {
	font-size: 24px; 
	text-transform: uppercase; 
	vertical-align: middle; 
	display: table-cell;
}
.price_number {
	font-weight: bold; 
	display: block;
}
.price_tenure {
	font-size: 11px; 
}

/*Features*/
.features {
	padding: 0;
	margin: 0;
	background: #DEF0F4; 
	color: #000;
}
.features li {
	padding: 12px 15px;
	border-bottom: 1px solid #ccc; 
	font-size: 11px; 
	list-style-type: none;
}

.price-footer {
	padding: 35px 15px; 
	background: #DEF0F4;
}
.action_button {
	text-decoration: none; 
	color: #fff; 
	font-weight: bold; 
	border-radius: 5px; 
	background: linear-gradient(#666, #333); 
	padding: 5px 20px; 
	font-size: 11px; 
	text-transform: uppercase;
}
.price_block{
	padding: 20px;
}
.price_block_inner{
	border: solid 2px #121212;
}
.price_block:hover {
	transform: scale(1.04) translateY(-5px); 
	z-index: 1; 
	border-bottom: 0 none;
}
.price_block:hover .action_button {
	background: linear-gradient(#F9B84A, #DB7224); 
}


@media only screen and (min-width : 480px) and (max-width : 992px) {
	.price_block {width: 50%;}
	.price_block:nth-child(odd) {border-right: 1px solid transparent;}
	.price_block:nth-child(3) {clear: both;}

	.price_block:nth-child(odd):hover {border: 0 none;}
}
@media only screen and (min-width : 992px){
	.price_block {width: 25%;}
	.price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
	.price_block:last-child {border-right: 0 none;}

	.price_block:hover {border: 0 none;}
}



/* 6. Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.add-top{
	margin-top: 120px;
}
.add-top-half{
	margin-top: 60px;
}
.add-top-quarter{
	margin-top: 30px;
}
.add-bottom{
	margin-bottom: 120px;
}
.add-bottom-half{
	margin-bottom: 60px;
}
.add-bottom-quarter{
	margin-bottom: 30px;
}
.pad{
	padding: 60px;
}
.pad-top{
	padding-top: 120px;
}
.pad-top-half{
	padding-top: 60px;
}
.pad-top-quarter{
	padding-top: 30px;
}
.pad-bottom{
	padding-bottom: 120px;
}
.pad-bottom-half{
	padding-bottom: 60px;
}
.pad-bottom-quarter{
	padding-bottom: 30px;
}
.remove-top{
	margin-top: 0 !important;
}
.ease{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.ease:hover{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.no-pad{
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
	padding-right: 0 !important;
}
.valign{
	position: relative;
	top: 12%;
	-webkit-transform: translateY(-15%);
	-ms-transform: translateY(-15%);
	-o-transform: translateY(-15%);
	transform: translateY(-15%);
}

.valign.hp
{
	top:50%;
}

.valign.hp.socialshare
{
	top:3%;
	background: transparent url("/assets/images/social-side-bg.png") no-repeat center 0px;
	height:122px;
}

.valign.logo
{
	top:20px;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

.valign.hp.socialshare .social img
{
	margin-top:56px;
}

.valign.hp.socialshare .love img
{
	margin-top:30px;
}


.valign.takingaction
{
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
}
.img-bg{
	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.img-bg-littlethings
{
	background-position: center center;
    background-repeat: repeat-x;

}


.parallax{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
/*this class will be activated on mobile devices in order to switch off the parallax effect*/
.parallax-off {
	background-attachment:scroll !important;
	background-size:cover !important;
}
.no-scroll-xy{
	overflow: hidden !important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.poster-img{
	background:url(/assets/images/poster.jpg) center center no-repeat !important;
	background-size: cover !important;
}

/* CUSTOM STYLES */ 


.homepage-blurb
{

}


.row.no-gutter
{
	margin-left:0;
	margin-right:0px;
}

.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}

.homepage-blurb .blurb,
.homepage-blurb .getintouch
{
	/*min-height: 600px;*/
}

.homepage-blurb .getintouch.littlethings
{
	min-height:180px;
}

.homepage-blurb .blurb.littlethings a
{
	text-decoration: underline;
}

.homepage-blurb .blurb.littlethings a:hover
{
	color:#000;
}


.homepage-blurb .getintouch.littlethings p
{
	color:#FFF;
}

.homepage-blurb .getintouch.littlethings p a
{
	font-weight:bold;
	margin-top:0px;
	color:#FFF;
	text-decoration: none;
}

.homepage-blurb .getintouch.littlethings p a:hover
{
	text-decoration: underline;
	color:#FFF;
}

.homepage-blurb .blurb
{
	background-color: #ffcc56;
	min-height: 650px;
	overflow: hidden;
	padding: 3%;
}



.homepage-blurb .blurb p
{
	margin-top:2em;
	color:#023B62;
	font-size:16px;

}


.homepage-blurb .blurb ul
{
	margin-top:20px;
}

.homepage-blurb .blurb ul li
{
	color:#023B62;
}

.homepage-blurb .blurb h4
{

	color: #023b62;
	font-weight:bold;
}

.homepage-blurb .blurb h5
{
	margin-top:20px;
	color: #023b62;
	font-size:16px;
}


.homepage-blurb .getintouch
{
	background-color: #004c78;
	min-height: 650px;
	padding: 3%;
}

.homepage-blurb .getintouch img
{
	max-width:100%;
}


.homepage-blurb .getintouch.about
{
	background-color: #fecd47;
	min-height:390px;
}


.homepage-blurb #address
{
	padding:3%;
	float:left;
}

.homepage-blurb #address.littlethings
{
	padding:0;
}

.homepage-blurb #address p
{
	color:#063a63;
	margin-bottom:10px;
}



.homepage-blurb .getintouch h5
{
	margin-bottom:20px;
}


.homepage-blurb .getintouch p
{
	margin-top:1em;
	color:#023B62;
}

.homepage-blurb .blurb.about
{
	background-color:#063a63;
	min-height:390px;
}

.homepage-blurb .blurb.about h4,
.homepage-blurb .blurb.about p
{
	color:#fecd47;
}

.homepage-blurb .blurb.about p a
{
	color:#fecd47;
	text-decoration: underline;
}


.homepage-blurb .twitter-hp
{
	padding:3%;
	background-color:#e5e5e5;
	min-height:302px;
}



.homepage-blurb .happycog
{
	padding:3%;
	background: transparent url("/assets/images/hp-heart-cog.gif") no-repeat 95% 20px;
	min-height:302px;
}




.form-style-6
{
	margin: 1em auto;
	max-width: 100%;
}

.form-style-6 input[type="text"], .form-style-6 input[type="date"], .form-style-6 input[type="datetime"], .form-style-6 input[type="email"], .form-style-6 input[type="number"], .form-style-6 input[type="search"], .form-style-6 input[type="time"], .form-style-6 input[type="url"], .form-style-6 textarea, .form-style-6 select {
	background: none repeat scroll 0 0 #cfcfd0;
	border: 1px none;
	border-radius: 0;
	box-sizing: border-box;
	color: #023B62;
	font-family: "proxima-nova",sans-serif;
	font-size: 14px;
	outline: medium none;
	padding: 2%;
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
	margin-bottom:15px;
}

.form-style-6.about  input[type="text"], .form-style-6.about  input[type="email"], .form-style-6.about textarea
{
	background: none repeat scroll 0 0 #e5ba40;
}


.form-style-6 input[type="text"]:focus, .form-style-6 input[type="date"]:focus, .form-style-6 input[type="datetime"]:focus, .form-style-6 input[type="email"]:focus, .form-style-6 input[type="number"]:focus, .form-style-6 input[type="search"]:focus, .form-style-6 input[type="time"]:focus, .form-style-6 input[type="url"]:focus, .form-style-6 textarea:focus, .form-style-6 select:focus
{
	border-radius: 0;
	box-shadow: none;
	transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}
.form-style-6 input[type="submit"], .form-style-6 input[type="button"]
{
	background: none repeat scroll 0 0 #8c8d8f;
	border:none !important;
	color: #fff;
	padding: 2%;
	width: 100px;
}


.form-style-6.about input[type="submit"], .form-style-6.about input[type="button"]
{
	background: none repeat scroll 0 0 #063a63;
	border:none !important;
	color: #fff;
	padding: 2%;
	width: 100px;
}


.form-style-6 input[type="submit"]:hover, .form-style-6 input[type="button"]:hover
{
	background: none repeat scroll 0 0 #555;
}


.latest-tweet
{
	margin-top: 20px;
}
.latest-tweet img
{
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.latest-tweet p
{
	background-color: #ffcc56;
	float: left;
	font-size: 16px;
	margin-bottom: 5%;
	padding: 0 5% 5%;
	width: 80%;
	color:#555;
}

.latest-tweet p::before {
	border-color: #ffcc56 transparent;
	border-style: solid;
	border-width: 20px 0 0 20px;
	content: "";
	display: block;
	left: -43px;
	position: relative;
	top: 24px;
	width: 0;
}


.latest-tweet p a
{
	color: #023b62;
}
.latest-tweet p span
{
	display: block;
	font-size: 12px;
	margin-top: 20px;
}


section.intro
{
	position:relative;
}

p#ysi-bug
{
	color: #fff;
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 10000;
}


.taking-action .intro-box .section-intro
{
	background-color:#ffcd34;
	padding:8%;
}

.taking-action h4
{
	margin-bottom: 10px;
	font-weight:bold;
}

.taking-action h5
{
	margin-bottom: 10px;
	font-weight:normal;
}

.taking-action .intro-box p
{
	margin-bottom:10px;
	line-height:18px;
}

.taking-action .next-prev-links
{
	padding:8%;
}

.taking-action .next-prev-links a
{
	color: #003a65;
	display: block;
	font-size: 16px;
	height: 30px;
	margin-bottom: 15px;
	padding-left: 35px;
}


.taking-action .next-prev-links a#prev
{

	background: transparent url("/assets/images/prev-arrow.png") no-repeat 0px 0px;
}

.taking-action .next-prev-links a#next
{
	background: transparent url("/assets/images/next-arrow.png") no-repeat 0px 0px;
}


.taking-action .story
{
	padding:3% 6%;
	background-color:#E6E7E8;
}

.taking-action .story h4
{
	margin-bottom:20px;
}


.taking-action .story p
{
	margin-top:20px;
	line-height:22px;
	color: #023b62;

}

.taking-action .story p a
{
	text-decoration: underline;
}

.taking-action .story p a:hover
{
	color:#023b62;
}

.poster-power 
{
	padding: 1%;
}

.poster-power .intro-box .section-intro
{
	background-color:#ffcd34;
	padding:8%;
}

.poster-power h4
{
	margin-bottom: 10px;
	font-weight:bold;
}

.poster-power h5
{
	margin-bottom: 10px;
	font-weight:normal;
}

.poster-power .intro-box p
{
	margin-bottom:10px;
	line-height:18px;
}

.poster-power .next-prev-links
{
	padding:8%;
}

.poster-power .next-prev-links a
{
	color: #003a65;
	display: block;
	font-size: 16px;
	height: 30px;
	margin-bottom: 15px;
	padding-left: 35px;
}


.poster-power .next-prev-links a#prev
{

	background: transparent url("/assets/images/prev-arrow.png") no-repeat 0px 0px;
}

.poster-power .next-prev-links a#next
{
	background: transparent url("/assets/images/next-arrow.png") no-repeat 0px 0px;
}


.poster-power .story
{
	padding:3% 6%;
	background-color:#FFF;
	min-height:231px;
}

.poster-power .story h4
{
	margin-bottom:20px;
}


.poster-power .story p
{
	margin-top:20px;
	line-height:22px;
	color: #023b62;

}

.poster-power .story p a
{
	font-weight:bold;
	text-decoration: underline;
}


#works-container .works-item #intro-box 
{
	/*height:365px;*/
	background-color:#ffcd34;
	/*padding:8%;*/

}

#works-container .works-item #intro-box h4
{
	font-size:28px;
	margin-bottom: 15px;
}


#works-container .works-item #intro-box p
{
	margin-bottom:20px;
	font-size:18px;
}


#works-container .works-item #intro-box h5
{
	font-size:24px;
}


#title-overlay
{
	background-color: rgba(0,0,0,0.3);
	position: relative;
	padding:3%;
}

#title-overlay h3
{
	color:#fecd47;
	margin-bottom:40px;
}

#title-overlay p
{
	color: #FFF;
	font-size:14px;
	margin-bottom:30px;
}

#title-overlay p strong
{
	font-weight:bold;
	font-size:18px;
}


#title-overlay.help
{
	/*background: none;*/
}

#title-overlay.help p
{
	color: #FFF;
	font-size:14px;
	margin-bottom:0px;
	width:76%;
}



#title-overlay.getinspired p
{
	margin-bottom:20px;
}


article.inspired-list-item
{
	padding:40px 70px;
	min-height:370px;
}

article.inspired-list-item h3{
	font-size: 16px;
	line-height: 28px;
	text-transform: capitalize;
	margin-bottom: 10px;
	font-weight:bold;
	color:#063a63;
}  
article.inspired-list-item h4{
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 10px;
	color: #023b62;
}  
article.inspired-list-item a{
	display: block;
	margin: 0px;
	padding: 20px 40px;
	font-size: 20px;
	line-height: 27px;
	letter-spacing: 1px;
	font-weight: 200;
	text-decoration: none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
} 
article.inspired-list-item a:hover{
	background-color:#023b62;
	color:#FFF; 
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

article.inspired-list-item p
{
	color:#063a63;
}

article.inspired-list-item a:hover h3,
article.inspired-list-item a:hover h4,
article.inspired-list-item a:hover p
{
	color:#FFF;
}

article.inspired-list-item.yellow-bg
{
	background-color:#fecc47;
}

article.inspired-list-item.yellow-bg p
{
	color:#063a63;
}


article.inspired-list-item.blue-bg
{
	background-color:#063a63;
}

article.inspired-list-item.blue-bg h3,
article.inspired-list-item.blue-bg p
{
	color:#fecc47;
}

article.inspired-list-item ul
{
	margin-top:20px;
}

article.inspired-list-item ul li
{
	margin-bottom:10px;
	color:#063a63;
}

article.inspired-list-item ul li a
{
	display: inline;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 0;
	line-height: 27px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	transition: none 0s ease 0s ;
}

article.inspired-list-item ul li a:hover
{
	background:none;
	text-decoration: underline;
	color:#063a63;
}

article.inspired-list-item.blue-bg ul li
{
	margin-bottom:10px;
	color:#fecc47;
}

.takingaction article.welcome-heading h1
{
	color:#fecc47;
	font-size:32px;
}

.takingaction article.welcome-heading h2
{
	color:#FFF;
	font-size:56px;
}

.takingaction a.prev
{
	background: url("/assets/images/prev.png") no-repeat scroll center center transparent !important;
	height: 50px;
	position: absolute;
	top: 50%;
	width: 50px;
	display:block;
	left:20px;
}


.takingaction a.next
{
	background: url("/assets/images/next.png") no-repeat scroll center center transparent !important;
	height: 50px;
	position: absolute;
	top: 50%;
	width: 50px;
	display:block;
	right:20px;
}

.mentalhealth-link
{
	margin:0;
	display:block;
}


/* #Media Queries
================================================== */


			/* IPAD LANDSCAPE */
			@media only screen and (max-width: 1024px) {}


			/* IPAD PORTRAIT */
			@media only screen and (min-width: 768px) and (max-width: 1023px) {}


			/* IPHONE LANDSCAPE DOWN TO ZERO CATCH ALL */
			@media only screen and (min-width: 0px) and (max-width: 767px) {}


			/* IPHONE LANDSCAPE SPECIFIC */
			@media only screen and (min-width: 481px) and (max-width: 767px) {}


			/* IPHONE LANDSCAPE + PORTRAIT  */
			@media only screen and (min-width: 0px) and (max-width: 480px) {


				footer .sponsors ul {
					float: none;
					height: auto;
					margin: 0;
					padding: 0;
				}


				footer .sponsors ul li {
					display: block;
					float: none;
					height: auto !important;
					line-height: 30px;
					list-style: outside none none;
					margin-bottom: 10px;
					margin-left: 0;
				}

				.credits
				{
					margin:0 auto 20px;
					width:80%;
				}


			}