/*=======================================================================

??? Gumby by Digital Surgeons. ???

*** DESIGN BY HASAN ALI, DRUPALIZED BY REFAKTOR ***

========================================================================*/
/* ==

### CONTENT ###

BASE
MARGINS
PADDINGS
HEADINGS
PAGE STYLES
TEXT STYLES
NAVIGATION
ABOUT
BLOG
PORTFOLIO
	BASIC
	DRAG
	STRIPE
	GRID
	GRIDBLOCK
FORM
BUTTON
PLUGINS
	SCROLL
	FONT AWESOME
	TWITTER
	SUPERSIZED
	FLEXSLIDER
	PRETTYPHOTO
DRUPAL STYLES
== */

/* 
' BASE
*/

html, body {
height: 100%;
}

body{
font-family: 'Oswald', sans-serif;
}

header {
z-index: 500;
border-top: 1px solid #fff;
display: block;
background-color: #111;
position:fixed;
width:100%;
height: 65px;
}

.branding {
margin-top: -5px;	
}

footer{
width: 100%;
z-index: 25;
border-top: 1px solid #3c3c3c;
display: block;
z-index: 5000;
}

footer.fixed{
position:fixed;
z-index:2000;
bottom:0;
height:40px;
overflow:hidden;
}



.logo{
display:block;
background-repeat:no-repeat;
overflow:hidden;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
margin-top:-5px;
}

::selection
{
background:#43EDAB;
color:#111;
}
::-moz-selection
{
background:#43EDAB;
color:#111;
}


::-webkit-scrollbar {
width: 15px;
background:#fff;
border-left:1px solid #111;

}

::-webkit-scrollbar-thumb:vertical {
background-color:#111;
border-top:1px solid #fff;
}

::-moz-scrollbar {
width: 15px;
background:#fff;
border-left:1px solid #111;

}

::-moz-scrollbar-thumb:vertical {
background-color:#111;
border-top:1px solid #fff;
}

.white .drawer{
border-top: 4px solid #111;
}

.black .drawer{
border-top: 4px solid #fff;
}

#map{
height:350px;
}

/*
' padding
*/

.nopadding {
padding: 0 !important;
margin:0 auto;
}

.smallpadding {
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.smallsidepadding {
padding-left: 10px !important;
padding-right: 10px !important;
}

.smalltoppadding {
padding-top: 10px !important;
}

.smallbottompadding {
padding-bottom: 10px !important;
}

.leftpadding {
padding-left: 20px !important;
}

.rightpadding {
padding-right: 20px !important;
}

.midpadding {
padding-top: 20px !important;
padding-bottom: 20px !important;
}

.midtoppadding {
padding-top: 20px !important;
}

.midbottompadding {
padding-bottom: 20px !important;
}

.bigpadding_back {
padding-top: 50px !important;
padding-bottom: 50px !important;
background: url('../img/stripes60.png'); 
}

.bigpadding {
padding-top: 50px !important;
padding-bottom: 50px !important;
}

.bigsidepadding {
padding-left: 50px !important;
padding-right: 50px !important;
}

.bigtoppadding {
padding-top: 50px !important;
}

.bigbottompadding {
padding-bottom: 50px !important;
}

.largepadding {
padding-top: 100px !important;
padding-bottom: 100px !important;
}

.largepadding_back {
padding-top: 100px !important;
padding-bottom: 100px !important;
background: url('../img/stripesblack.png'); 
}

.largebottompadding {
padding-bottom: 100px !important;
}

.largetoppadding {
padding-top: 100px !important;
}

/*
' margin
*/

.nomargin {
margin: 0 !important;
}

.smallmargin {
margin-top: 10px !important;
margin-bottom: 10px !important;
}

.smalltopmargin {
margin-top: 10px !important;
}

.smallbottommargin {
margin-bottom: 10px !important;
}

.midmargin {
margin-top: 20px !important;
margin-bottom: 20px !important;
}

.midtopmargin {
margin-top: 20px !important;
}

.midbottommargin {
margin-bottom: 20px !important;
}

.bigmargin {
margin-top: 50px !important;
margin-bottom: 50px !important;
}

.bigtopmargin {
margin-top: 50px !important;
}

.bigbottommargin {
margin-bottom: 50px !important;
}

.largemargin {
margin-top: 100px !important;
margin-bottom: 100px !important;
}

.largebottommargin {
margin-bottom: 100px !important;
}

.largetopmargin {
margin-top: 100px !important;
}

/*
' HEADINGS
*/

h1{
font-size:70px;
font-size:7.0rem;
line-height:1;
}

h2{
font-size:52px;
font-size:5.2rem;
line-height:1.2;
}

h4.icon{
font-size:30px;
font-size:3.0rem;
display:inline;
padding-left:20px;
padding-top:5px;
color:#444;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

h4.icon:hover{
color:#fff;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

h5{
font-size:1.8rem;
font-weight:400;
}

h6{
font-size:1.5rem;
font-weight:300;
}

h6 a:hover{
text-decoration:underline;
}


h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, h1.black, h2.black, h3.black, h4.black, h5.black, h6.black{
display:inline-block;
margin-bottom:9px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

h1.white:hover, h2.white:hover, h3.white:hover, h4.white:hover, h5.white:hover, h6.white:hover, h1.black:hover, h2.black:hover, h3.black:hover, h4.black:hover, h5.black:hover, h6.black:hover{
background:#43EDAB !important;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


h5.border{
border-bottom:3px solid #111;
margin-bottom:15px;
padding-bottom:15px;
}

/*
' PAGE STYLES
*/

.hidden{
overflow:hidden;
}

.black{
background:#111;
}

.white{
background:#fff;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.grey{
background:#e6e6e6;
}

.drag{
overflow-x:visible;
overflow-y:hidden;
padding:0 0 !important;
height:420px;
}

.dragbig{
overflow-x:visible;
overflow-y:hidden;
padding:0 0 !important;
height:100%;
}

.slideshow{
border-bottom:6px solid #111;
height:100%;
background: url('../img/stripesblack.png'); 
}

.whitevertical{
border-right:1px solid #fff;
padding-right:20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.whitehorizontal{
height:1px;
width:100%;
background-color:#fff;
}

.blackvertical{
border-right:1px solid #111;
padding-right:20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.blackhorizontal{
height:1px;
width:100%;
background-color:#111;
margin-left: 0px;
}

.greyhorizontal{
background-color:#3c3c3c;
height:1px;
width:100%;
}

.greyvertical{
border-right:1px solid #3c3c3c;
}

/*
' TEXT STYLES
*/

p{
font-family: 'Ubuntu', sans-serif;
}

.black p{
font-size:13px;
font-size:1.3rem;
color:#888;
font-family: 'Ubuntu', sans-serif;
}

.white p{
font-size:13px;
font-size:1.2rem;
color:#444;
font-family: 'Ubuntu', sans-serif;
text-align:justify;
}

.white blockquote{
border-left:2px solid #111;
font-family: 'Droid Serif', serif;
font-weight:400;
font-style:italic;
}

.black blockquote{
border-left:2px solid #fff;
font-family: 'Droid Serif', serif;
font-weight:400;
font-style:italic;
}

.white p.dropcaps:first-letter {
font-size: 65px;
font-size: 6.5rem;
float: left;
color: #111;
line-height: 50px;
padding-right: 10px;
font-family:inherit;
}

.black p.dropcaps:first-letter {
font-size: 65px;
font-size: 6.5rem;
float: left;
color: #fff;
line-height: 50px;
padding-right: 10px;
font-family:inherit;
}
.center{
text-align:center !important;
}

.right{
text-align:right !important;
}

.left{
text-align:left !important;
}

.whitetext{
color:#fff !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.blacktext{
color:#111 !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.greytext{
color:#777 !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.greentext{
color:#43EDAB !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

a.greentext:hover{
color:#fff !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.black a.greytext:hover{
color:#fff !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.white a.greytext:hover{
color:#111 !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.italic{
font-family: 'Droid Serif', serif;
font-weight:400;
font-style:italic;
}

.italicbold{
font-family: 'Droid Serif', serif;
font-weight:700;
font-style:italic;
}

.light{
font-weight:300;
}

.bold{
font-weight:400;
}

.extrabold{
font-weight:700;
}

.meta{
font-size:12px !important;
font-size:1.2rem !important;
}

.smallfont{
font-size:10px !important;
font-size:1.0rem !important;
}

.largefont{
font-size:18px !important;
font-size:1.8rem !important;
}

/* Tabs */

.tabs div {
padding-left:0px;
}

.tabs ul {
border-bottom: 1px solid #111 !important;
padding-bottom: 1px;
}

.tabs li a {
display: block;
width: auto;
height: 29px;
padding: 0 12px;
line-height: 30px;
border: 1px solid #111 !important;
margin: 0 -1px 0 0;
color: #2e2e2e !important;
text-shadow: 0 0 !important;
background: #ECECEC !important;
font-size: 12px;
}

.tabs li.active a {
height: 30px;
font-weight: 400 !important;
color:#fff !important;
background: #111 !important;
border-width: 1px 1px 0;
text-shadow: 0 0;
}

/*
' navigation
*/

/* default style */
.selectnav { display: none; }

/* small screen */
@media screen and (max-width: 600px) {
.js #menu { display: none; }
.js .selectnav { display: block;padding: 10px;
background-color: #fff;
font-family: inherit;width:100%;
border-radius: 4px;
text-shadow: 0 1px 1px white;
font-family:inherit;
font-size:14px;
font-size:1.4rem;
margin-bottom:20px;
}
}

#navigationmain ul { margin: 0; padding: 0; float:right;padding:18px 0px 0px 0px;}
#navigationmain li { margin: 0; padding: 0;}
#navigationmain li .active { color:#ccc}

#navigationmain li.active > ul > li > a{color:#111;}

#navigationmain a { margin: 0; padding: 0;}
#navigationmain ul {list-style: none;}
#navigationmain a {text-decoration: none; text-transform: uppercase;}
#navigationmain {}

/*
#navigationmain > ul > li > ul > li{opacity:0.7;}
#navigationmain > ul > li > ul > li:hover{opacity:1; -webkit-transition-duration:0.1s;} */


#navigationmain > ul > li {
float: left;
margin-right:1px;
position: relative;
}

#navigationmain > ul > li.active a{
color:#888;
}

#navigationmain > ul > li > a {
color: #fff;
font-family: inherit;
font-weight:300;
font-size: 11px;
font-size:1.1rem;
letter-spacing:2px;
padding-left:30px;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
}


#navigationmain ul > ul{
padding:0px;
}

#navigationmain > ul > li > a:hover {
color: #43EDAB;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}


#navigationmain > ul > li > ul {
opacity: 0;
visibility: hidden;
background-color: #fff;
text-align: left;
position: absolute;
top: 60px;
left: 50%;
margin-left: -75px;
margin-top:-22px;
width: 180px;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;
-o-transition: all .3s .1s;
transition: all .3s .1s;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
box-shadow: 0px 1px 3px rgba(0,0,0,.4);
padding-top:0px;
}

#navigationmain > ul > li:hover > ul {
opacity: 1;
top: 64px;
visibility: visible;
}

#navigationmain > ul > li > ul:before{
content: '';
display: block;
border-color: transparent transparent #fff transparent;
border-style: solid;
border-width: 10px;
position: absolute;
top: -20px;
left: 50%;
margin-left: -10px;
}

#navigationmain > ul ul > li { position: relative;}

#navigationmain ul ul a{
color: #111;
font-family:inherit;
font-size: 13px;
font-size: 1.3rem;
background-color: #fff;
padding: 15px 8px 15px 16px;
display: block;
-webkit-transition: background-color .1s;
-moz-transition: background-color .1s;
-o-transition: background-color .1s;
transition: background-color .1s;
}

#navigationmain ul ul a:hover {
background-color:#ddd;
color:#111 !important;
-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
-o-transition: background-color .2s;
transition: background-color .2s;
}

#navigationmain ul ul ul {
visibility: hidden;
opacity: 0;
position: absolute;
top: -16px;
left: 206px;
padding: 16px 0 20px 0;
background-color: rgb(250,250,250);
text-align: left;
width: 160px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


#navigationmain ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}

.dropdown .menu {
float: left !important;
padding-top: 0px !important;
}

.dropdown li {
width: 180px;
}

.menu li .dropdown {
width: 180px;
min-width: 0px;
max-width: 380px;
height: 0;
position: absolute;
background: #fff;
overflow: hidden;
z-index: 999;
margin-left: -30px;
margin-top: 13px;
}
	
.menu li:hover .dropdown {
min-height: 60px;
max-height: 500px;
height: auto;
width: 180px;
padding: 0;
border-top: 1px solid #1d692d;
-webkit-box-shadow: 0px 3px 4px rgba(0,0,0,.3);
box-shadow: 0px 3px 4px rgba(0,0,0,.3);
-webkit-transition: ease-in-out .2s;
-moz-transition: ease-in-out .2s;
-o-transition: ease-in-out .2s;
-ms-transition: ease-in-out .2s;
transition: ease-in-out .2s;
}

.dropdown_wrap ul:before{
content: '' !important;
display: block !important;
border-color: transparent transparent #fff transparent !important;
border-style: solid !important;
border-width: 10px !important;
position: absolute !important;
top: -20px !important;
left: 50% !important;
margin-left: -10px !important;
}


/*
' ABOUT
*/


.client{
opacity:0.9;
filter: alpha(opacity=0.9);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
border-bottom:3px solid #fff;
}

.client:hover{
opacity:0.9;
filter: alpha(opacity=0.9);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
border-bottom:3px solid #111;
}


.person {
position: relative;
float: left;
display: block;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
border:1px solid#fff;
}

.person img{
display:block;
}

.person:hover img {
opacity: 0.6;
filter: alpha(opacity=0.6);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}

.person:hover{
-webkit-box-shadow:5px 5px 0px #fff;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
-webkit-transform: translate(0, -5px)
}

.personinfo {
position: absolute !important;
z-index: 3;
width: 100%;
height: 100%;
left: 0;
top:0;
/* background:url(../img/static.gif); */
cursor: default;
background:#111;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
display: block;
padding:20px 20px !important;
}

.team{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display:block;
}
.team img{
width:100%;
display:block;
}

.person:hover .personinfo, .team:hover .personinfo {
display: block;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
opacity: 1;
filter: alpha(opacity=1);
}


.team:hover .person{
-webkit-box-shadow:5px 5px 0px #fff;
-moz-box-shadow:5px 5px 0px #fff;
-o-box-shadow:5px 5px 0px #fff;
-ms-box-shadow:5px 5px 0px #fff;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
-webkit-transform: translate(0, -5px)
}


/*
' BLOG
*/

.blog{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding-bottom:35px;
margin-bottom:15px;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
padding:10px;
background:#fff;
}

.blog:hover{
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
background:#111;
}

.blog:hover .blacktext a,
.blog .blacktext a:hover,
.blog:hover .blacktext {
color:#fff !important;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
}


.blog img{
display:block;
width:100%;
border:1px solid #3c3c3c;
-webkit-filter:grayscale();
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.blog:hover img{
-webkit-filter:saturate(100%);
}

.blog:hover p{
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
color:#ddd;
}


.blog a.greytext:hover{
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
color:#43EDAB !important;
}

.blogpost{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:100px 20px;
}

.page-blog .blogpost img{
display:block;
width:100%;
border:1px solid #3c3c3c;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin:15px 0px;
}

.sidebar{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:100px 20px;
}

/*
' PORTFOLIO
*/

.itempost{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:100px 20px 100px 0px;
}

.itempost img{
-webkit-filter:grayscale(); /* WEBKIT BROWSERS RENDER IMAGE GRAYSCALE */
border:0px !important;
}


/* drag */

.item img{
display:block;
border:1px solid #111;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}


.item{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
-ms-transition-duration: .2s;
width:300px;
margin-bottom:25px;
}


.item:hover .whitetext{
color:#43EDAB !important;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
}


/* stripe */


.itemstripe {
width:200px;
height:100%;
display: block;
background-color: #fff;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
position: relative !important;
overflow: hidden;
border-right:1px solid #111;
}

.itemstripe:hover {
width: 210px;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
box-shadow: -3px 0 2px rgba(0,0,0,0.3);
-webkit-box-shadow: -3px 0 2px rgba(0,0,0,0.3);
-moz-box-shadow: -3px 0 2px rgba(0,0,0,0.3);
-o-box-shadow: -3px 0 2px rgba(0,0,0,0.3);
-ms-box-shadow: -3px 0 2px rgba(0,0,0,0.3);
}

.itemstripe img {
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
-webkit-filter: grayscale();
max-width: none;
}

.itemstripe:hover img {
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
-webkit-filter: saturate(300%);
}

.infowhite {
position: absolute !important;
z-index: 3;
bottom: 100px;
width: 100%;
height: 170px;
background-color: #fff;
cursor: default;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.itemstripe:hover .infowhite {
background-color: #111;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
color:#fff !important;
cursor:pointer;
}

.itemstripe a{
color: inherit;
cursor: pointer;
}


.itemstripe .infowhite:hover .view{
color: #4DBCE9 !important;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
}

.itemstripe:hover .infowhite .blacktext{
color: #fff !important;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
}

.itemstripe:hover .infowhite a.blacktext{
color: #43EDAB !important;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
}

.itemstripe:hover .infowhite span.blacktext{
color: #43EDAB !important;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
}

.item:hover a.blacktext, .blog:hover a.blacktext{
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
letter-spacing:3px;
color:#111;
}


/*
 GRID
*/

.griditem{
margin-bottom:15px;
box-sizing:border-box;
display:block;
}
.griditem img{
-webkit-filter: grayscale();
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
display:block;
}

.griditem:hover img{
/*-webkit-filter:saturate(800%);*/
-webkit-filter:none;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}

.griditem a{
/*color:#fff;*/
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}

.gridinfo {
position: absolute !important;
z-index: 3;
width: 100%;
height: 100%;
left: 0;
top:0;
cursor: pointer;
background:#43EDAB;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
display: block;
padding:50px 20px !important;
text-align:center;
}


.griditem:hover .gridinfo{
display: block;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
opacity: 1;
filter: alpha(opacity=1);
-webkit-transition-delay:1s;
}

.gridblack {
position: absolute !important;
z-index: 3;
width: 100%;
height: 100%;
left: 0;
top:0;
cursor: pointer;
background:#111;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
display: block;
padding:20px 20px !important;

}

.griditem:hover .gridblack{
display: block;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
opacity: 1;
filter: alpha(opacity=1);
-webkit-transition-delay:3s;
}

/*
' GRID BLOCK
*/

.gridder{
width:100%;
max-width:1007px;
margin:0 auto;
padding-top: 65px !important;
}

.gridblock{
position: relative;
float: left;
width: 335px;
overflow: hidden;
cursor: pointer;
}

.gridblock img{
display:block;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:1px solid #111;
}

.gridinfo {
position: absolute !important;
z-index: 3;
width: 100%;
height: 100%;
left: 0;
top:0;
cursor: pointer;
background:#43EDAB;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
display: block;
padding:20px 20px !important;
text-align:center;
}

.gridblock:hover .gridinfo{
display: block;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
opacity: 1;
filter: alpha(opacity=1);

}

/*
' FORM
*/

form label {
text-transform:uppercase;
font-size:11px;
color:#111;
}

.white .field .text, .white .field .search, .white .field .textarea{
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
background:#fff;
padding: 6px 5px;
border-radius:0px;
border:1px solid #111;
}

.white .field .text input, .white .field .text input[type="search"], .white form textarea{
font-size: 12px !important;
font-family: inherit;
background-color:#fff;
letter-spacing:1.4px;
color:#111;
}

.submit{
font-family:inherit;
cursor:pointer;
}

.white .submit{
font-size: 11px;
font-size: 1.1rem;
margin-top: 15px;
border: 0px;
color: #ccc;
width:100%;
padding: 7px 0px;
display: block;
text-align: center;
background: #111;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}


.white .submit:hover{
color: #fff;
background: #43EDAB;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}


.black .field .text, .black .field .search, .black .field .textarea{
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
background:#fff;
padding: 6px 5px;
border-radius:0px;
border:0px;
}

.black .field .text input, .black .field .text input[type="search"], .black form textarea{
font-size: 12px !important;
font-family: inherit;
background-color:#fff;
letter-spacing:1.4px;
color:#111;
}

.black .submit{
font-size: 11px;
font-size: 1.1rem;
margin-top: 15px;
border: 0px;
color: #111;
width:100%;
padding: 7px 0px;
display: block;
text-align: center;
background: #fff;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}


.black .submit:hover{
color: #111;
background: #43EDAB;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

/*
' BUTTON
*/

.button{
letter-spacing: 1px;
font-size: 11px;
font-size: 1.1rem;
margin-top: 15px;
border: 0px;
color: #fff;
background:#111;
width:100%;
padding: 12px 0px;
display: block;
text-align: center;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.button:hover{
letter-spacing: 1px;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
background: #43EDAB;
box-shadow:0px 0px #111;
-webkit-box-shadow: 0px 0px #111;
-moz-box-shadow: 0px 0px #111;
-ms-box-shadow: 0px 0px #111;
-o-box-shadow: 0px 0px #111;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.black .button{
letter-spacing: 1px;
font-size: 11px;
font-size: 1.1rem;
margin-top: 15px;
border: 0px;
color: #111;
background:#fff;
width:100%;
padding: 12px 0px;
display: block;
text-align: center;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.black .button:hover{
letter-spacing: 1px;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
background: #43EDAB;
box-shadow:0px 0px #111;
-webkit-box-shadow: 0px 0px #111;
-moz-box-shadow: 0px 0px #111;
-ms-box-shadow: 0px 0px #111;
-o-box-shadow: 0px 0px #111;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.secondbutton {
display:block;
text-align:center;
letter-spacing:1px;
font-size: 12px;
font-size: 1.2rem;
font-weight:300;
border-radius:4px;
width:100%;
padding:15px 5px;
border: 1px solid #000;
color:#fff;
background: #111;
margin-top: 15px;
-webkit-box-shadow:
inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.secondbutton:hover{
letter-spacing: 1px;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #00bd78;
background: #43EDAB;
box-shadow:0px 0px #111;
-webkit-box-shadow: 0px 0px #111;
-moz-box-shadow: 0px 0px #111;
-ms-box-shadow: 0px 0px #111;
-o-box-shadow: 0px 0px #111;
-webkit-box-shadow:
inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}


.thirdbutton {
display:block;
text-align:center;
letter-spacing:1px;
font-size: 12px;
font-size: 1.2rem;
font-weight:400;
border-radius:4px;
width:100%;
padding:15px 5px;
border: 1px solid #ffb72c;
color:#fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
background: #ffd34c;
margin-top: 15px;
-webkit-box-shadow:
inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.thirdbutton:hover{
letter-spacing: 1px;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #00bd78;
background: #43EDAB;
box-shadow:0px 0px #111;
-webkit-box-shadow: 0px 0px #111;
-moz-box-shadow: 0px 0px #111;
-ms-box-shadow: 0px 0px #111;
-o-box-shadow: 0px 0px #111;
-webkit-box-shadow:
inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.fourthbutton {
display:block;
text-align:center;
letter-spacing:1px;
font-size: 12px;
font-size: 1.2rem;
font-weight:300;
border-radius:4px;
width:100%;
padding:15px 5px;
border: 1px solid #949494;
color:#fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
background: #b8b8b8;
margin-top: 15px;
-webkit-box-shadow:
inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.fourthbutton:hover{
letter-spacing: 1px;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #00bd78;
background: #43EDAB;
box-shadow:0px 0px #111;
-webkit-box-shadow: 0px 0px #111;
-moz-box-shadow: 0px 0px #111;
-ms-box-shadow: 0px 0px #111;
-o-box-shadow: 0px 0px #111;
-webkit-box-shadow:
inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.btn a {
font-family: inherit;
font-weight: 300;
font-size: 15px;
letter-spacing: 1px;
}

.btn a:hover {
font-family: inherit;
font-weight: 300;
font-size: 15px;
letter-spacing: 1px;
}


/* ============= plugins ============== */

/*
' SCROLL
*/

/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */
/* Invisible left hotspot */
div.scrollingHotSpotLeft {
/* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
max-width: 40px;
width: 10%;
height: 100%;
/* There is a big background image and it's used to solve some problems I experienced in Internet Explorer 6. */
/* background-image: url(../images/big_transparent.gif); */
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
left: 0;
/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible {
/* background-image: url(../images/arrow_left.gif); background-color: #fff; */
background-repeat: no-repeat;
opacity: 0.35;
/* Standard CSS3 opacity setting */
-moz-opacity: 0.35;
/* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
filter: alpha(opacity=35);
/* Opacity for Internet Explorer. */
zoom: 1;
/* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight {
max-width: 60px;
width: 10%;
height: 100%;
/* background-image: url(../images/big_transparent.gif); */
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
right: 0;
cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
/* background-image: url(../images/arrow_right.gif); background-color: #fff; */
background-repeat: no-repeat;
opacity: 0.35;
filter: alpha(opacity=35);
-moz-opacity: 0.35;
zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area. */
div.scrollWrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

div.scrollableArea {
position: relative;
width: auto;
height: 100%;
}

#scroll {
width: 100%;
height: 100%;
position: relative;
overflow:hidden;
}

/* Replace the last selector for the type of element you have in your scroller. If you have div's use #makeMeScrollable div.scrollableArea div, if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#scroll div.scrollableArea div {
position: relative;
float: left;
margin: 0;
padding: 0;
/* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

#mouse{
background:url(../img/mouse.png);
z-index:10000;
width:43px;
height:44px;
opacity:1;
position:absolute;
right:0;
}

/* fade */  .fade { display:block; -webkit-animation-name: fade; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0; -webkit-animation-play-state: running;  -moz-animation-name: fade; -moz-animation-duration: 1s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-delay: 0; -moz-animation-play-state: running;  -o-animation-name: fade; -o-animation-duration: 1s; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-delay: 0; -o-animation-play-state: running;  -ms-animation-name: fade; -ms-animation-duration: 1s; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: infinite; -ms-animation-delay: 0; -ms-animation-play-state: running; }   @-webkit-keyframes fade { 0% { }  50% { opacity:.2; }  100% { opacity:1; } }  @-moz-keyframes fade { 0% { }  50% { opacity:.2; }  100% { opacity:1; } }

/*
' FONT AWESOME
*/

/*  Font Awesome
the iconic font designed for use with Twitter Bootstrap
-------------------------------------------------------
The full suite of pictographic icons, examples, and documentation
can be found at: http://fortawesome.github.com/Font-Awesome/

License
-------------------------------------------------------
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
http://creativecommons.org/licenses/by/3.0/ A mention of
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
source code is considered acceptable attribution (most common on the web).
If human readable source code is not available to the end user, a mention in
an 'About' or 'Credits' screen is considered acceptable (most common in desktop
or mobile software).

Contact
-------------------------------------------------------
Email: dave@davegandy.com
Twitter: http://twitter.com/fortaweso_me
Work: http://lemonwi.se co-founder

*/
@font-face {
font-family: "FontAwesome";
src: url('../font/fontawesome-webfont.eot');
src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}

/*  Font Awesome styles
------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
display: inline-block;
text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
vertical-align: top;
font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
/* keeps button heights with and without icons the same */

line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
display: inline-block;
width: 1.25em;
text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
/* 1.5 increased font size for icon-large * 1.25 width */

width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
margin-left: 0;
list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
text-indent: -2em;
text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }



/*
' TWITTER
*/


.white .tweet_list, .grey .tweet_list, .greybox .tweet_list{
font-size: 18px;
font-size: 1.8rem;
font-weight:300;
color: #111;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-ms-transition-duration:0.2s;
-o-transition-duration:0.2s;
}

.white .tweet_list a, .grey .tweet_list a, .greybox .tweet_list a{
color:#43EDAB;
}



.tweet_list li {
margin-top:10px;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-ms-transition-duration:0.2s;
-o-transition-duration:0.2s;
text-align:center;
}

.tweet_avatar{
margin-right:5px;
}

.tweet_first{
margin-top:15px;
}

.tweet_list:hover li{
opacity:0.5;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-ms-transition-duration:0.2s;
-o-transition-duration:0.2s;
}

.tweet_list li:hover{
opacity:1;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-ms-transition-duration:0.2s;
-o-transition-duration:0.2s;
}


/*
' SUPERSIZED
*/

/*

Supersized - Fullscreen Slideshow jQuery Plugin
Version : 3.2.7
Site	: www.buildinternet.com/project/supersized

Author	: Sam Dunn
Company : One Mighty Roar (www.onemightyroar.com)
License : MIT License / GPL License

*/

* { margin:0; padding:0; }
body { background:#111; height:100%; }
img { border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }




/*

Supersized - Fullscreen Slideshow jQuery Plugin
Version : 3.2.7
Site	: www.buildinternet.com/project/supersized

Theme 	: Shutter 1.2
Author	: Sam Dunn
Company : One Mighty Roar (www.onemightyroar.com)
License : MIT License / GPL License

*/


/* Controls Bar
----------------------------*/
#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }

#navigation { float:right; margin:0px 20px 0 0; }
#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('../img/bg-hover.png') repeat-x 0 44px; }
#play-button:hover{ background-position:0 1px; cursor:pointer; }

#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
#prevslide{ left:10px; background:url('../img/back.png'); }
#nextslide{ right:10px; background:url('../img/forward.png'); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }

ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
ul#slide-list li a{ display:block; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat 0 -24px; }
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }

#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url('../img/bg-hover.png') repeat-x 0 44px; }
#tray-button:hover{ background-position:0 1px; cursor:pointer; }

/* Progress Bar
----------------------------*/
#progress-back{ z-index:5; bottom:35px; left:0; height:8px; width:100%; background:url('../img/progress-back.png') repeat-x; }
#progress-bar{ position:relative; height:8px; width:100%; background:url('../img/progress-bar.png') repeat-x; }


/* Thumbnail Navigation
----------------------------*/
#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }


/* Thumbnail Tray
----------------------------*/
#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:#000; height:150px; width:100%; overflow:hidden; text-align:center;border-top:1px solid #fff; }

#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
#thumb-back{ left:0; background: url('../img/thumb-back.png') no-repeat center center;}
#thumb-forward{ right:0; background:url('../img/thumb-forward.png') no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }


ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }


/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; border:1px solid #111;box-sizing:border-box}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 42px; height: 5px; display: block; background: #ddd; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background: #111; background: rgba(0,0,0,0.8); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*
' PRETTYPHOTO
*/

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right {
height: 13px;
}

div.pp_default .pp_top .pp_left {
background: url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}

div.pp_default .pp_top .pp_middle {
background: url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x;
}

div.pp_default .pp_top .pp_right {
background: url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}

div.pp_default .pp_content .ppt {
color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
background: url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
background: url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right: 13px;
}

div.pp_default .pp_next:hover {
background: url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer;
}

div.pp_default .pp_previous:hover {
background: url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer;
}

div.pp_default .pp_expand {
background: url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor: pointer;
width: 28px;
height: 28px;
}

div.pp_default .pp_expand:hover {
background: url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor: pointer;
}

div.pp_default .pp_contract {
background: url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor: pointer;
width: 28px;
height: 28px;
}

div.pp_default .pp_contract:hover {
background: url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor: pointer;
}

div.pp_default .pp_close {
width: 30px;
height: 30px;
background: url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor: pointer;
}

div.pp_default .pp_gallery ul li a {
background: url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
border: 1px solid #aaa;
}

div.pp_default .pp_social {
margin-top: 7px;
}

div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next {
position: static;
left: auto;
}

div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause {
background: url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
height: 30px;
width: 30px;
}

div.pp_default .pp_nav .pp_pause {
background-position: -51px -29px;
}

div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next {
background: url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height: 20px;
width: 20px;
margin: 4px 0 0;
}

div.pp_default a.pp_arrow_next {
left: 52px;
background-position: -82px -3px;
}

div.pp_default .pp_content_container .pp_details {
margin-top: 5px;
}

div.pp_default .pp_nav {
clear: none;
height: 30px;
width: 110px;
position: relative;
}

div.pp_default .pp_nav .currentTextHolder {
font-family: Georgia;
font-style: italic;
color: #999;
font-size: 11px;
left: 75px;
line-height: 25px;
position: absolute;
top: 2px;
margin: 0;
padding: 0 0 0 10px;
}

div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover {
opacity: 0.7;
}

div.pp_default .pp_description {
font-size: 11px;
font-weight: 700;
line-height: 14px;
margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
background: url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}

div.pp_default .pp_bottom .pp_middle {
background: url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}

div.pp_default .pp_bottom .pp_right {
background: url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}

div.pp_default .pp_loaderIcon {
background: url(../img/prettyPhoto/default/loader.gif) center center no-repeat;
}

div.light_rounded .pp_top .pp_left {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}

div.light_rounded .pp_top .pp_right {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}

div.light_rounded .pp_next:hover {
background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}

div.light_rounded .pp_previous:hover {
background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}

div.light_rounded .pp_expand {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}

div.light_rounded .pp_expand:hover {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}

div.light_rounded .pp_contract {
background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}

div.light_rounded .pp_contract:hover {
background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}

div.light_rounded .pp_close {
width: 75px;
height: 22px;
background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}

div.light_rounded .pp_nav .pp_play {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}

div.light_rounded .pp_nav .pp_pause {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}

div.light_rounded .pp_arrow_previous {
background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}

div.light_rounded .pp_arrow_next {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}

div.light_rounded .pp_bottom .pp_left {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}

div.light_rounded .pp_bottom .pp_right {
background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}

div.dark_rounded .pp_top .pp_left {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}

div.dark_rounded .pp_top .pp_right {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}

div.dark_rounded .pp_content_container .pp_left {
background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}

div.dark_rounded .pp_content_container .pp_right {
background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}

div.dark_rounded .pp_next:hover {
background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}

div.dark_rounded .pp_previous:hover {
background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}

div.dark_rounded .pp_expand {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}

div.dark_rounded .pp_expand:hover {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}

div.dark_rounded .pp_contract {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}

div.dark_rounded .pp_contract:hover {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}

div.dark_rounded .pp_close {
width: 75px;
height: 22px;
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}

div.dark_rounded .pp_description {
margin-right: 85px;
color: #fff;
}

div.dark_rounded .pp_nav .pp_play {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}

div.dark_rounded .pp_nav .pp_pause {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}

div.dark_rounded .pp_arrow_previous {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}

div.dark_rounded .pp_arrow_next {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}

div.dark_rounded .pp_bottom .pp_left {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}

div.dark_rounded .pp_bottom .pp_right {
background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}

div.dark_rounded .pp_loaderIcon {
background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}

div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content {
background: #000;
}

div.dark_square .pp_description {
color: #fff;
margin: 0 85px 0 0;
}

div.dark_square .pp_loaderIcon {
background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}

div.dark_square .pp_expand {
background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}

div.dark_square .pp_expand:hover {
background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}

div.dark_square .pp_contract {
background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}

div.dark_square .pp_contract:hover {
background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}

div.dark_square .pp_close {
width: 75px;
height: 22px;
background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}

div.dark_square .pp_nav {
clear: none;
}

div.dark_square .pp_nav .pp_play {
background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}

div.dark_square .pp_nav .pp_pause {
background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}

div.dark_square .pp_arrow_previous {
background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}

div.dark_square .pp_arrow_next {
background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}

div.dark_square .pp_next:hover {
background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
cursor: pointer;
}

div.dark_square .pp_previous:hover {
background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
cursor: pointer;
}

div.light_square .pp_expand {
background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}

div.light_square .pp_expand:hover {
background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}

div.light_square .pp_contract {
background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}

div.light_square .pp_contract:hover {
background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}

div.light_square .pp_close {
width: 75px;
height: 22px;
background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}

div.light_square .pp_nav .pp_play {
background: url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}

div.light_square .pp_nav .pp_pause {
background: url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}

div.light_square .pp_arrow_previous {
background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}

div.light_square .pp_arrow_next {
background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}

div.light_square .pp_next:hover {
background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;
cursor: pointer;
}

div.light_square .pp_previous:hover {
background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
cursor: pointer;
}

div.facebook .pp_top .pp_left {
background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}

div.facebook .pp_top .pp_middle {
background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}

div.facebook .pp_top .pp_right {
background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}

div.facebook .pp_content_container .pp_left {
background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}

div.facebook .pp_content_container .pp_right {
background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}

div.facebook .pp_expand {
background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}

div.facebook .pp_expand:hover {
background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}

div.facebook .pp_contract {
background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}

div.facebook .pp_contract:hover {
background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}

div.facebook .pp_close {
width: 22px;
height: 22px;
background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}

div.facebook .pp_description {
margin: 0 37px 0 0;
}

div.facebook .pp_loaderIcon {
background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat;
}

div.facebook .pp_arrow_previous {
background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
height: 22px;
margin-top: 0;
width: 22px;
}

div.facebook .pp_arrow_previous.disabled {
background-position: 0 -96px;
cursor: default;
}

div.facebook .pp_arrow_next {
background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
height: 22px;
margin-top: 0;
width: 22px;
}

div.facebook .pp_arrow_next.disabled {
background-position: -32px -96px;
cursor: default;
}

div.facebook .pp_nav {
margin-top: 0;
}

div.facebook .pp_nav p {
font-size: 15px;
padding: 0 3px 0 4px;
}

div.facebook .pp_nav .pp_play {
background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
height: 22px;
width: 22px;
}

div.facebook .pp_nav .pp_pause {
background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
height: 22px;
width: 22px;
}

div.facebook .pp_next:hover {
background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
cursor: pointer;
}

div.facebook .pp_previous:hover {
background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
cursor: pointer;
}

div.facebook .pp_bottom .pp_left {
background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}

div.facebook .pp_bottom .pp_middle {
background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}

div.facebook .pp_bottom .pp_right {
background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}

div.pp_pic_holder a:focus {
outline: none;
}

div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
opacity: 1 !important;
}

div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}

.pp_content {
height: 40px;
min-width: 40px;
}

* html .pp_content {
width: 40px;
}

.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}

.pp_content_container .pp_left {
padding-left: 20px;
}

.pp_content_container .pp_right {
padding-right: 20px;
}

.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px;
}

.pp_description {
display: none;
margin: 0;
}

.pp_social {
float: left;
margin: 0;
}

.pp_social .facebook {
float: left;
margin-left: 5px;
width: 55px;
overflow: hidden;
}

.pp_social .twitter {
float: left;
}

.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}

.pp_nav p {
float: left;
white-space: nowrap;
margin: 2px 4px;
}

.pp_nav .pp_play,.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}

a.pp_arrow_previous,a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}

.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}

.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}

.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}

.pp_gallery ul {
float: left;
height: 35px;
position: relative;
white-space: nowrap;
margin: 0 0 0 5px;
padding: 0;
}

.pp_gallery ul a {
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}

.pp_gallery ul a img {
border: 0;
}

.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}

.pp_gallery li.default a {
background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}

.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}

a.pp_next {
background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}

a.pp_previous {
background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}

a.pp_expand,a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}

a.pp_close {
position: absolute;
right: 0;
top: 0;
display: block;
line-height: 22px;
text-indent: -10000px;
}

.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
position: absolute;
top: 50%;
width: 24px;
margin: -12px 0 0 -12px;
}

#pp_full_res {
line-height: 1 !important;
}

#pp_full_res .pp_inline {
text-align: left;
}

#pp_full_res .pp_inline p {
margin: 0 0 15px;
}

div.ppt {
color: #fff;
display: none;
font-size: 17px;
z-index: 9999;
margin: 0 0 5px 15px;
}

div.pp_default .pp_content,div.light_rounded .pp_content {
background-color: #fff;
}

div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline {
color: #000;
}

div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a {
border-color: #fff;
}

div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details {
position: relative;
}

div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content {
background: #fff;
}

div.light_rounded .pp_description,div.light_square .pp_description {
margin-right: 85px;
}

div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next {
margin-top: 12px !important;
}

div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled {
background-position: 0 -87px;
cursor: default;
}

div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled {
background-position: -22px -87px;
cursor: default;
}

div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon {
background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}

div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle {
background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder {
color: #c4c4c4;
}

div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline {
color: #fff;
}

.pp_top,.pp_bottom {
height: 20px;
position: relative;
}

* html .pp_top,* html .pp_bottom {
padding: 0 20px;
}

.pp_top .pp_left,.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}

.pp_top .pp_middle,.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}

* html .pp_top .pp_middle,* html .pp_bottom .pp_middle {
left: 0;
position: static;
}

.pp_top .pp_right,.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}

.pp_fade,.pp_gallery li.default a img {
display: none;
}

/* 
' DRUPAL
*/

#sidebar-first {
margin-top: 20px;	
}

#sidebar-first h2 {
color:#111 !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
font-size: 1.8rem;	
font-weight: 700;
text-transform: uppercase;
}

.form-textarea {
border: 1px solid #CCC;
margin-bottom: 20px !important;
}

.icon-folder-open {
margin-right: 2px;	
}

.article_content p {
font-size:12px !important;
font-size:1.2rem !important;	
}

#sidebar-first .content p {
font-size:12px !important;
font-size:1.2rem !important;	
}

.pager-current {border-bottom: solid 2px #3a3a3a;}
.item-list .pager {overflow: auto; height: 35px;}
.item-list .pager li {padding: 0px; }
ul.pager { display: block; margin-left: -5px; }
ul.pager li { float: left; display: block;  color: #999; font-size: 15px; margin-left: 5px; }
ul.pager li a, ul.pager .pager-current { display: block; padding: 6px 12px 4px; color: #555; font-family:inherit;font-size:12px; background:#fff;}
ul.pager li.pager-current, ul.pager li:hover a { border-bottom: solid 2px #3a3a3a; color: #141414;-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
-ms-transition-duration: .2s; }
ul.pager li.unavailable a { cursor: default; color: #999; }
ul.pager li.unavailable:hover a { border-bottom: none; }

/* Comments */

.comment {
margin-bottom: 15px;
}

.comment_content p {
clear: none;
}

.comment_meta {
margin: 0px 0px 5px 0px; 
}

.comment_meta li {
list-style: none; 
display: inline; 
margin-right: 10px;
}

.comments_title {
text-align: left; 
margin-bottom: 12px;
}

.comment_avatar {
float: left; 
margin-right: 30px;
margin-bottom: 15px;
}

ul.links.inline {
margin: 0px;
}

.user-picture {
width: 60px;
}

.comment_content {
margin-top: 7px;
}

.indented {
margin-left: 80px !important;
}

#comment-form-wrapper .form-actions, #sidebar_wrap .form-actions {
background-color: transparent;
border-top: none;
padding: 0px;
}

#comments .meta {
margin-bottom: 5px;
}

.comment_avatar {
float: left;
margin-right: 15px;
}

.ie8 .comment_avatar {
float: none;
}

.comment_body {
margin-left: 80px; 
padding-bottom: 10px; 
border-bottom: 1px solid #ECECEC;
}

.ie8 .comment_body {
margin-top: -60px;
}

.comment_avatar img {
width: 60px; 
height: 60px;
margin: 0px;
}

.comment {
margin-bottom: 20px; 
}

.comment_reply {
margin-left: 80px; 
margin-bottom: 20px;
}

.comment_reply_reply {
margin-left: 160px; 
margin-bottom: 20px;
}

.comment_text {
width: 80%; 
height: 150px;
}


.greyvertical img {
margin-bottom: 10px;

}

footer form .field {
margin-bottom: -5px;
}

.node_title {
text-transform: uppercase;
}

.mobile-menu{
display: none;
}

.post_meta {
text-transform: uppercase;
}

.carousel_item_wrapper {
text-align: center;
position: relative;
clear: both;
}

.carousel_item_content {
opacity: 1;
}

.carousel_item_description {
background: #F8F8F8;
border-bottom: 1px solid #E8E8E8;
margin-bottom: 20px;
margin-top: -6px;
text-align: center;
padding: 1px 0px;
position: relative;
}

.carousel_item_hover {
display: block;
color: #fff;
opacity: 0;
height: 100%;
width: 100%;
top: 0%;
position: absolute;
background: #999;
filter: alpha(opacity=0);
}

.carousel_item_hover p {
text-align: center;
padding-top: 66px;
}

.carousel_item_hover img {
border: none;
margin-left: 140px;
}

.view-categories .item-list ul li {
margin: 0;	
}

.view-categories .item-list ul li a {
color: #111;
text-transform: uppercase;
font-weight: 200;
}

.view-categories .item-list ul li a:hover {
text-decoration: underline;
}

.tabs {
margin-left: 0;
}

input[type="text"], input[type="password"]{
height: 35px;
border: 1px solid black;
font-size: 14px;
width: 330px;
padding-left: 5px;	
}

#project_planner input[type="text"]{
width: 98%;
}

.white form textarea {
border: 1px solid black;
font-size: 14px;
}

.blacktext a {
color: #111;
text-transform: uppercase;
}

input[type="submit"]{
font-size: 11px;
font-size: 1.1rem;
margin-top: 15px;
border: 0px;
color: #ccc;
width: 100%;
padding: 7px 0px;
display: block;
text-align: center;
background: #111;
-webkit-transition-duration: 0.4s;	
}

input:hover[type="submit"] {
color: #fff;
background: #43EDAB;
cursor: pointer;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;	
}

#main_title_text {
color: #FFF; 
font-size: 24px;
margin-top: 15px;
}

/*Scroll to Top*/
#toTop { 
  display:none; 
  text-decoration:none; 
  position:fixed; 
  bottom:10px; 
  right:10px; 
  overflow:hidden; 
  width:51px; 
  height:51px; 
  border:none; 
  text-indent:100%; 
  background:url('../images/ui.totop.png') no-repeat left top;
}
#toTopHover {
  background:url('../images/ui.totop.png') no-repeat left -51px; 
  width:51px; 
  height:51px; 
  display:block; 
  overflow:hidden; 
  float:left; 
  opacity: 0; 
  -moz-opacity: 0; 
  filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline:none;
}

@media screen and (max-width: 1024px) { 
	.mobile-menu {
	display: block;  
	padding: 10px;
	background-color: #fff;
	font-family: inherit;
	width: 100%;
	border-radius: 4px;
	text-shadow: 0 1px 1px white;
	font-family: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	  
	#navigationmain {
	display: none;  
	}
	
	.slideshow {
		height: auto;
	}
}

@media screen and (max-width: 767px) { 
  header {
  height: 100px !important;
  }
  .mobile-menu {
	margin-top: -15px !important;
  }
}

@media screen and (max-width: 767px) { 
 
  .slideshow h1 {
	  font-size: 18px;
  }
  
  .highlight_text {
	  font-size: 3rem !important;
  }
  
  .largepadding_back {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  
  .blog h4 {
	  font-size: 20px;
  }