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

??? Gumby by Digital Surgeons. ???

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

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

### CONTENT ###

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

/* 
   ' BASE
   */

html, body {
    height: 100%;
}
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;
    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/stripes.png');
}*/

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

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

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

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

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

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

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

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

/*
  ' margin
  */

.nomargin {
    margin: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*
  ' HEADINGS
  */

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

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

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

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

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

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

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


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

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


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

/*
  ' PAGE STYLES
  */

.hidden{
    overflow:hidden;
}

.black{
    background:#111;
}

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

.grey{
    background:#e6e6e6;
}

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

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

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

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

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

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

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

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

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

/*
  ' TEXT STYLES
  */

p{
    
}

.black p{
    /*font-size:13px;*/
    font-size:/*1.3rem*/ 16px;
    color:#888;
    
}

.white p{
    font-size: 19px;
    color:#444;
    
    /*text-align:justify;*/
}

.white blockquote{
    border-left:2px solid #111;
    
    font-weight:400;
    font-style:italic;
}

.black blockquote{
    border-left:2px solid #fff;
    
    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-weight:400;
    font-style:italic;
}

.italicbold{
    
    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%);
}

.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:12px;
    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 !important; height:auto; position:relative; display:none; outline:none; border:none; max-width:inherit;}
#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; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }

#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px; 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-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:16px /*!important;
    font-size:1.2rem !important;*/	
}

.pager-current {border-bottom: solid 2px #3a3a3a;}
.item-list .pager {overflow: auto; }
.item-list .pager li {margin: 0px;}
li.pager-current.first, li.pager-current.last {
    padding: 6px 12px 4px !important;
    margin-top: 8px;
}
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: #BE4D00; 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;
}
#mobile-menu-icon{
    display: none;
}
#mobile-cart-icon{
    display: none;
}

.post_meta {
    text-transform: uppercase;
}

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

.carousel_item_content {
    opacity: 1;
}

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

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

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

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

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

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

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

.tabs {
    margin-left: 0;
}

input[type="text"], input[type="password"]{
    height: 35px;
    font-size: 14px;
    padding-left: 10px;	
    border: 1px solid #949d9f;
    width:100%;
}

#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;
    padding: 15px;
    display: block;
    text-align: center;
    background: #111;
    
    margin-right: 10px;
}*/

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;
}

#admin-menu-wrapper .dropdown li {
    width: auto;
    line-height: 22px;
}


/*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-icon {
	display: block;
	background-color: #fff;
	font-family: inherit;
	width: auto;
	border-radius: 4px;
	text-shadow: 0 1px 1px white;
	font-family: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 20px;
	margin-bottom: 20px;
    }

    #navigationmain {
	display: none;  
    }
    
    .slideshow {
	height: auto;
    }
}*/

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

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

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

.node-type-allies-event .field-item {
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 10px;
}
.node-type-allies-event .field-label {
    float: left;
    width: 140px;
    text-align: right;
    margin-right: 25px;
    font-weight: bold;
    margin-left: 20px ;
    font-size: 15px;
}
/*.node-type-allies-event legend {
    font-size: 17px;
    color: #B93D26;
    font-weight: normal;
    margin-bottom: 20px;
    word-spacing: 4px;
}*/

@media screen and (max-width: 480px) { 
    #mobile-menu-icon {
	padding: 10px;
	display: block;
	font-family: inherit;
	width: auto;
	border-radius: 4px;
	font-family: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 50px;
	margin-bottom: 20px;
    }
    
    section.row{
	text-align: left !important;
    }

    #navigationmain {
	display: none;  
    }
    /*.slideshow {
	height: auto;
    }*/
}


/* @media screen and (max-width: 767px) {  */
 @media screen and (max-width: 767px) {
    #mobile-menu-icon {
	padding: 10px;
	display: block;
	font-family: inherit;
	width: auto; 
	border-radius: 4px;
	font-family: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 50px;
	margin-bottom: 20px;
    }
    
    section.row{
	text-align: left !important;
    }

    #navigationmain {
	display: none;  
    }
/*.slideshow {
  height: auto;
  }*/
} 

@media screen and (max-width: 767px) { 
    #mobile-menu-icon {
	padding: 10px;
	display: block;
	font-family: inherit;
	width: auto;
	border-radius: 4px;
	font-family: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 50px;
	margin-bottom: 20px;
    }
    
    section.row{
	text-align: left !important;
    }

    #navigationmain {
	display: none;  
    }
/*.slideshow {
  height: auto;
  }*/
} 

@media screen and (max-width: 960px) { 
    #mobile-menu-icon {
	padding: 10px;
	display: block;
	font-family: inherit;
	width: auto;
	border-radius: 4px;
	font-family: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 50px;
	margin-bottom: 20px;
    }
    
    section.row{
	text-align: left !important;
    }

    #navigationmain {
	display: none;  
    }
/*.slideshow {
  height: auto;
  }*/
} 

/*event instance group-event-instance-wrapper*/

.group-event-instance-wrapper .views-accordion-header {
    background: none !important;
    padding: 0 !important;
    margin: 0;
}
.group-event-instance-wrapper .views-accordion-header *,
.group-lctn-wrapper *,
 .article_content p{
    font-family: arno-pro, serif;
}
    
.group-event-instance-wrapper .views-accordion-header a {
    color: #000 !important;
    padding-left: 10px;
    font-weight: bold;
    font-family: arno-pro, serif;
    font-size: 20px;
}
.view-event-details .ui-accordion .ui-accordion-header:after {
    font-weight: 700;
    font-family: fontAwesome !important;
    float: left !important;
    border:none !important;
    color: #000 !important;
    top:7px  !important;
    right: 0 !important;
    padding: 0  !important;
}
.group-event-instance-wrapper .views-accordion-header.ui-state-active:after {
    content: '\f107' !important;
}
.group-event-instance-wrapper .ui-accordion .ui-accordion-content {
    padding: 0 20px !important;
    height: initial !important;
}
.group-event-instance-wrapper .group-event-details-wrapper,
.group-event-instance-wrapper .group-event-registration-group {
    display: flex;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding:20px 0;
    margin-bottom: 20px;
}
.group-event-instance-wrapper .group-event-details-wrapper .field-group-div {
    width: 50%;
    padding: 0 20px;
}
.group-event-instance-wrapper .group-event-details-wrapper .field-group-div.red-button .field-content {
    margin: 10px 0;
    display: inline-block;
}
.group-event-instance-wrapper .group-event-registration-group .registration-wrapp {
    width: 60%;
    padding: 0 20px;
    border-right: 1px solid #ccc;
}
.group-event-instance-wrapper .group-event-registration-group .group-event-transport {
    width: 40%;
    padding: 0 20px;
}
.group-lctn-wrapper {
    width: 100% !important;
    padding: 0 !important;
}
.group-event-instance-wrapper .group-event-details-wrapper h3,
.group-event-instance-wrapper h3
{
    text-transform: uppercase;
    color: #666;
    width:100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}
.group-event-instance-wrapper h3 a,
.group-lctn-wrapper h3 {
    color: #666;
    text-decoration: none;
}
.group-event-instance-wrapper .group-event-details-wrapper .group-event-details-grp {
    border-right: 1px solid #ccc;
}
.event-components-transportation-details h2,
.event-components-transportation-details h2 a {
    font-size: 20px;
    font-family: arno-pro, serif;
    color: #000;
    margin: 0;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
}
.event-components-transportation-details h2 {
    margin-left: 42px;
}
    
.event-components-transportation-details .content .field-name-field-icon-image {
    float: left;
}
.event-components-transportation-details .content .field-name-field-icon-image img {
    margin-right: 10px;
}
.node-type-events .post_meta {
    display: none;
}
.event-components-registration-fees .flat {
    display: none;
    height: 0px;
}
.event-components-registration-fees h2 {
    display: none;
}
.event-components-registration-fees .group-registration-fees {
    display: flex;
    justify-content: space-between;
}
.event-components-registration-fees .group-registration-fees .field-name-field-room:before {
    content: '•';
    margin-right: 5px;
    display: inline;
}
.event-components-registration-fees .group-registration-fees .field-name-field-price:before {
    content: '$';
    display: inline;
}
.event-components-registration-fees .group-registration-fees .field {
    display: flex;
}
.event-components-registration-fees .field-name-field-notes {
    background: #f1f1f1;
    padding: 10px;
    font-style: italic;
    margin-left: 12px;
}
.event-components-registration-fees .field-name-field-notes * {
    margin-bottom: 0 !important;
}
.field-name-field-registration-details-sub-t {
    font-weight: bold;
    font-size: 20px;
}
.group-event-details-grp {
    display: flex;
    flex-wrap: wrap;
}
.group-event-details-grp > .field:not(.field-name-field-registration-notes),
.group-lctn-wrapper {
    margin-left: 40px;
    position: relative;
    width: 100%;
    font-family: arno-pro, serif;
}
.group-event-details-grp .field * {
    text-transform: none !important;
    font-weight: normal !important;
    font-family: arno-pro, serif;
    font-size: 18px !important;
}
.group-event-details-grp .date-display-range {
    color: #000 !important;
}
.group-lctn-wrapper {
    margin-bottom: 10px;
}
.group-lctn-wrapper .field {
    margin-bottom: 0 !important;
}
.group-lctn-wrapper .field-name-field-display-city {
    margin-left: 0;
}
.group-event-details-grp .field .field-label {
    font-weight: 700 !important;
    font-family: arno-pro, serif;
    font-size: 20px !important;
}
.group-lctn-wrapper .field-name-field-display-city .field-item  {
     font-weight: 700 !important;
    font-size: 14px !important;
    display: inline;
    width: auto;
    float: left !important;
}
.group-event-details-grp .field-type-datetime .date-display-single {
    color: #000 !important;
}
.group-lctn-wrapper .field a:after {
    content: ',';
    padding-right: 3px;
    display: inline;
    color:#000;
}
.group-lctn-wrapper .field-type-location * {
font-size: 18px !important; 
}
.group-lctn-wrapper .field a {
    font-weight: normal !important;
    color: #d04526 !important;
    font-size: 18px !important;
    display: inline;
    width: auto;
    float: left !important;
}
.group-lctn-wrapper h3 {
    font-weight: bold !important;
    text-transform: none !important;
    border:none !important;
    font-size: 16px !important;
}
.group-lctn-wrapper * {
    font-weight: normal !important;
}
.group-lctn-wrapper h3 span {
    font-weight: 700 !important;
    font-family: arno-pro, serif;
    font-size: 20px;
}
.group-lctn-wrapper {
    position: relative;
}
.group-lctn-wrapper .field-item,
.group-lctn-wrapper h3 {
    padding-bottom:0 !important;
    margin-bottom: 0 !important;
    color: #000 !important;
}
.group-event-details-grp .field-label-above:before,
.group-event-details-grp .field-name-field-check-in:before,
.group-lctn-wrapper:before {
    font-family: fontAwesome;
    font-size: 30px;
    position: absolute;
    top: 10px;
    left: -40px;
    display: block;
}

.group-lctn-wrapper:before {
    content: '\f041';
    color: #000;
}
.group-event-details-grp .field-name-field-date-and-time:before {
    content: '\f073';
}
.group-event-details-grp .field-name-field-event-location:before {
    content: '\f041';
}
.group-lctn-wrapper .field-name-field-event-location:before {
    display: none;
}
.group-event-details-grp .field-name-field-check-in:before {
    content: '\f017';
}
.group-event-details-grp .field-name-field-registration-notes {
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
    margin-top: 20px;
}
.group-event-details-grp .field-name-field-area-map-directions:before {
    content: '\f041';
}
@media screen and (max-width:768px) {
    .group-event-instance-wrapper .group-event-details-wrapper .field-group-div,
    .group-event-instance-wrapper .group-event-registration-group .registration-wrapp,
    .group-event-instance-wrapper .group-event-registration-group .group-event-transport {
        width: 100%;
    }
    .group-event-instance-wrapper .group-event-details-wrapper, .group-event-instance-wrapper .group-event-registration-group {
        flex-wrap: wrap;
    }
    .group-event-instance-wrapper .group-event-details-wrapper .group-event-details-grp,
    .group-event-instance-wrapper .group-event-registration-group .registration-wrapp {
        border-right: 0px;
    }
}

/*events view list*/
.tribe-benefits {
	border-top: 3px solid #d6d6d6;
	clear: both;
	margin-bottom: 40px;
    padding-top: 40px;
}
.tribe-events-container h3 {
    margin-bottom: 20px;
}
.tribe-events-container h3, 
.tribe-events-container h2 {
    text-transform: uppercase;
    color: #BE4D00;
}

.tribe-events-container h2 {
    margin-bottom: 40px;
    margin-top: 80px;
}
.tribe-events-container:first-child h2 {
    margin-top: 0;
}
.tribe-benefits p {
    margin-bottom: 10px !important;
}
.tribe-benefits .block {
    padding: 0 !important
}
.tribe-benefits h2 a {
     font-family: arno-pro, serif;  font-weight: 700;  font-style: normal;
    text-decoration: none;
    color: #BE4D00;
    text-transform: none;
    font-weight: bold;
}
.tribe-benefits > div {
    width: 60%;
    position: relative;
}
@media screen and (min-width:768px) {
    .tribe-benefits .links-bottom {
    position: absolute;
    bottom: 0;
    }
}

.tribe-benefits img{
	width: 280px;
	height: auto;
	float: left;
	margin-right: 0;
}
@media screen and (min-width:768px) {
    .tribe-benefits img {
	   margin-right: 30px;
    }
}
.tribe-benefits img {
    margin-bottom: 0 !important;
}
.tribe-benefits {
    display: flex;
}
.tribe-benefits > a {
    width: 40%;
    padding-right: 30px;
}
.tribe-benefits .tribe-info {
    width:60%;
}
.tribe-benefits img {
    float: none !important;
    width: 100% !important;
    height: auto !important;
}
.upcoming-section-list .view-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.upcoming-section-list .views-field-view-node span a {
    font-size: 0 !important;
    text-decoration: none;
}

.upcoming-section-list .views-field-view-node span a:before {
    content: '\f08e';
    font-family: fontAwesome;
    font-size: 14px;
    display: block;
    margin-top: 3px;
    margin-left: 5px;
    color: #BE4D00;
}

.tribe-benefits p {
    font-size: 18px !important;
    line-height: 25px !important;
}
.tribe-benefits a.views-more-link {
    text-decoration: none;
    font-style: normal !important;
    display: block;
    width: 100%;
}
.tribe-benefits a.views-more-link:before {
    content: '\f061' !important;  
}
.upcoming-section-list .view-header {
    text-transform: uppercase;
    display: block;
    padding-top: 10px;
    border-bottom: none;
}

.upcoming-section-list *,
.upcoming-section-list span.date-display-single, .upcoming-section-list .date-display-range {
    text-transform: none;
    font-weight: normal !important;
    color: #000 !important;
    line-height: normal;
    font-size: 16px;
}
.upcoming-section-list .views-row {
    display: flex;
    padding-bottom: 10px;
}
.upcoming-section-list .views-row .views-field-field-event-location {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-left: 10px;
}
@media screen and (max-width:768px) {
    .tribe-benefits {
        flex-wrap: wrap;
    }
    .tribe-benefits a,
    .tribe-benefits .tribe-info,
    .tribe-benefits > div{
    width: 100%;
    padding: 0 0 10px;
    }

}

.upcoming-section-list span.date-display-single {
    float: none;
}
.upcoming-section-list .view-content .views-row .views-field-field-date-and-time-1 .field-content {
    display: flex;
}

.upcoming-section-list .view-content .views-row .views-field-field-date-and-time-1 .field-content .date-display-single:first-child {
    padding-right: 5px;
    font-size: 16px !important;
}

.upcoming-section-list .view-content .views-row .views-field-field-date-and-time-1 .field-content .date-display-single:last-child {
    padding-left: 5px;
    font-size: 16px !important;
}
@media screen and (max-width:600px) {
    .upcoming-section-list .view-content .views-row .views-field-field-date-and-time-1 .field-content {
    display: flex;
        flex-wrap: wrap;
    }
    .upcoming-section-list .view-content .views-row .views-field-field-date-and-time-1 .field-content .date-display-single:last-child {
    padding-left: 0px;
    }
}