/* ==

### 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/madeiracinza.jpg');
}
.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 {
    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;
}
.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();*/
}
.itemstripe:hover img {
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -o-transition-duration: .6s;
    -ms-transition-duration: .6s;
    -webkit-filter: saturate(300%);
    -webkit-filter: none;
}
.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-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"],
input[type="email"] {
    height: 35px;
    border: 1px solid black;
    font-size: 14px;
    width: 330px;
    padding-left: 5px;
}
select {
    height: 35px;
    border: 1px solid black;
    font-size: 14px;
    width: 100px;
    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;
}
@-moz-document url-prefix() {
    .drag .greyvertical img {
        height: 154px !important;
        width: 300px !important;
    }
}
.error_wrap,
.error_wrap p {
    text-align: center;
}
@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: 100%;
    }
}
@media screen and (max-width: 767px) {
    header {
        height: 130px !important;
    }
    .mobile-menu {
        height: 3em !important;
        margin-top: 15px !important;
        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: 5px;
        margin-bottom: 20px;
        vertical-align: middle;
    }
    #navigationmain {
        display: none;
    }
}
@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;
    }