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

??? Gumby by Digital Surgeons. ???

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

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

### CONTENT ###

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

/* 
' BASE
*/

html, body {
height: 100%;
}

body{
font-family: arial, 'Oswald', sans-serif;
letter-spacing: 0;
}

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

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

.branding img {
	width: 100%;
	max-width: 150px;
	padding-top:1px;
}

.caps {
text-transform: uppercase;
}

footer .columns p a{
	display: inline-block;
}

footer .columns p a::first-letter{
	/*text-transform: capitalize;*/
}

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

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

footer span.whitetext {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	/*text-transform: lowercase;*/
}

footer span.whitetext::first-letter {
	/*text-transform: capitalize;*/
}

.page-wrap {
padding: 40px 0px;
}

.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:#999;
color:#111;
}
::-moz-selection
{
background:#999;
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: 			2.25em;
line-height:		1;
}

h2{
font-size: 1.75em;
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;
}

h4{
font-size: 1.8rem;
/*text-transform:uppercase;	*/
}

h5{
font-size:		1.4rem;
font-weight:	bold!important;
}

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:#999 !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;
}

.front span.highlight_text {
	display: block;
	font-size: 2.25em;
	line-height: 1.2;
}

.front h1 {
	font-size: 2.5em;
	line-height: 1.5em;
}

.node-type-article h1 {
	font-size: 2.25em;
}/*=======================================================================

??? Gumby by Digital Surgeons. ???

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

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

### CONTENT ###

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

/* 
' BASE
*/

html, body {
height: 100%;
}

body{
font-family: arial, 'Oswald', sans-serif;
letter-spacing: 0;
}

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

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

.branding img {
	width: 100%;
	max-width: 150px;
	padding-top:1px;
}

.caps {
text-transform: uppercase;
}

footer .columns p a{
	display: inline-block;
}

footer .columns p a::first-letter{
	/*text-transform: capitalize;*/
}

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

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

footer span.whitetext {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	/*text-transform: lowercase;*/
}

footer span.whitetext::first-letter {
	/*text-transform: capitalize;*/
}

.page-wrap {
padding: 40px 0px;
}

.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:#999;
color:#111;
}
::-moz-selection
{
background:#999;
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: 			2.25em;
line-height:		1;
}

h2{
font-size: 1.75em;
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;
}

h4{
font-size: 1.8rem;
/*text-transform:uppercase;	*/
}

h5{
font-size:		1.4rem;
font-weight:	bold!important;
}

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:#999 !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;
}

.front span.highlight_text {
	display: block;
	font-size: 2.25em;
	line-height: 1.2;
}

.front h1 {
	font-size: 2.5em;
	line-height: 1.5em;
}

.node-type-article h1 {
	font-size: 2.25em;
}

/*  lists  */

.article_content ul,
.node-type-blank-page .container ul {	
	font-size: 1.2rem;
	padding-left: 2.75em;
}

.article_content ol,
.node-type-blank-page .container ol {
	font-size: 1.2rem;
	padding-left: 0;
}

.article_content ul,
.node-type-blank-page .container ul {
	list-style-type: square;
}

h2 {
	font-size: 2.9rem;
}

h3 {
	font-size: 1.8rem;
	font-weight: bold;
}

h4 {
	font-size: 1.4rem;
	font-weight: normal;
}

/*
' PAGE STYLES
*/

.hidden{
overflow:hidden;
}

.black{
background:#111;
}

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

.grey{
background:#e6e6e6;
}

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

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

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

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

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

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

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

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

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

/*
' TEXT STYLES
*/

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

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

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

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

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

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

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

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

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

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

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

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

footer .greytext{
color:			white !important;
}

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

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

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

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

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

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

.light{
font-weight:300;
}

.bold{
font-weight:400;
}

.extrabold{
font-weight:700;
}

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

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

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

/* Tabs */

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

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

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

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

/*
' navigation
*/

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

/* small screen */
@media screen and (max-width: 600px) {
.js #menu { display: none; }
.js .selectnav { display: block;padding: 10px;
background-color: #fff;
font-family: arial, 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:left;padding:18px 0px 0px 0px; width: 80%;}
.page-dealers #navigationmain ul {padding:22px 0px 0px 0px; }
#navigationmain ul.translation-menu {float:right; width: 20%;}
#navigationmain li { margin: 0; padding: 0;}
#navigationmain li .active { color:#888;}

#navigationmain li.active > ul > li > a {color:#111; font-weight: bold;}

#navigationmain a { margin: 0; padding: 0;}
#navigationmain ul {list-style: none;}
#navigationmain a {text-decoration: none;}
#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: 		arial, inherit;
font-weight:		normal;
font-size: 			11px;
font-size:			1.2rem;
letter-spacing:	0;
padding-left:		8px;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
}

#navigationmain > ul > li:first-child > a {
padding-left:0;
}

.page-dealers #navigationmain > ul.translation-menu {
margin-top: -4px;
}

.page-dealers #navigationmain > ul.translation-menu > li {
padding-top: 5px;
}

.page-dealers #navigationmain > ul.translation-menu > li:first-child {
padding-top: 0;
}

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

#navigationmain > ul > li > a:hover {
color: #999;
-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:#999 !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:none;
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: 0px 0px 0px 20px;
}

.sidebar-note{
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:#999 !important;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
}

.greyvertical .field-name-body .field-items .even {
font-size: 1.2rem !important;
padding-left: 20px !important;
padding-top: 10px !important;
color: #888;
font-family: arial, 'Ubuntu',sans-serif;
padding-bottom: 20px !important;
}

/* 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: #999 !important;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
}

.itemstripe:hover .infowhite span.blacktext{
color: #999 !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:#999;
-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:#999;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
display: block;
padding:20px 20px !important;
text-align:center;
}

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

/*
' FORM
*/

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

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

.white .field .text input, .white .field .text input[type="search"], .white form textarea{
font-size: 12px !important;
font-family: arial, 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: #999;
-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: arial, 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;
/*text-transform: uppercase;*/
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: #999;
-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: #999;
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: #999;
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: #999;
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: #999;
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: #999;
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: arial, inherit;
font-weight: 300;
font-size: 15px;
letter-spacing: 1px;
}

.btn a:hover {
font-family: arial, 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: arial, "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: arial, 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!important;
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: ">"; }
.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: ""; }*/
.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:#999;
}



.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 "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }

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

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

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

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

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


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


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

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


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


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


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

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

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

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


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

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 20px 0 20px; 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 {margin:1em 0 0;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 {border-radius:5px;width: 10px; height: 10px; display: block; background: #ddd; background: rgba(0,0,0,0.15); cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background: #111; background: rgba(0,0,0,0.8); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

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

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

/*
' PRETTYPHOTO
*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.dark_square .pp_nav {
clear: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* html .pp_content {
width: 40px;
}

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

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

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

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

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

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

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

.pp_social .twitter {
float: left;
}

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

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

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

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

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

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

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

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

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

.pp_gallery ul a img {
border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 
' DRUPAL
*/

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

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

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

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

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

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

.pager-current {border-bottom: solid 2px #3a3a3a;}
.item-list .pager {overflow: auto; }
.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: #555; font-family:inherit;font-size:12px; background:#fff;}
ul.pager li.pager-current, ul.pager li:hover a { border-bottom: solid 2px #3a3a3a; color: #141414;-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
-ms-transition-duration: .2s; }
ul.pager li.unavailable a { cursor: default; color: #999; }
ul.pager li.unavailable:hover a { border-bottom: none; }

/* Comments */

.comment {
margin-bottom: 15px;
}

.comment_content p {
clear: none;
}

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

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

.comments_title {
text-align: left; 
margin-bottom: 12px;
color: #111;
/*text-transform: uppercase;*/
font-weight: bold;
}

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

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

.user-picture {
width: 60px;
}

.comment_content {
margin-top: 7px;
}

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

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

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

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

.ie8 .comment_avatar {
float: none;
}

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

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

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

.comment {
margin-bottom: 20px; 
}

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

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

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


.greyvertical img {
margin-bottom: 10px;

}

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

.node_title {
/*text-transform: uppercase;*/
}

.mobile-menu{
display: none;
}

.post_meta {
/*text-transform: uppercase;*/
}

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

.carousel_item_content {
opacity: 1;
}

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

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

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

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

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

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

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

.tabs {
margin-left: 0;
}

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

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

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

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

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

input:hover[type="submit"] {
color: #fff;
background: #999;
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;
}

/*Page workshops*/

.page-workshop .page-wrap {
	background: url(/sites/all/themes/montreal/images/workshops_1920x280.jpg) no-repeat top center white;
	padding-top: 0;
}

.page-workshop .page-wrap .largetoppadding {
	margin-bottom: 4em;
	padding-top: 3.5em!important;
}

.page-workshop table thead tr {
	background: white;
}

.page-workshop table thead tr th {
	color: 			#555;
	font-size: 	16px;
	padding: 		14px 10px;
}

.page-workshop table tbody tr:nth-child(even) {
	background: white!important;
}

.page-workshop table tbody tr td:last-child {
	text-align: 	center;
}

.page-workshop tr.even, .page-workshop tr.odd {
	border-bottom: 0;
}

.page-workshop .views-field-field-dates {
	width: 80px;
}

.page-workshop .views-field-field-images {
	width: 150px;
}

.node-type-workshop .page-wrap ul li {
	color: 						#222;
	font-size: 				12px;
	list-style-type: 	square;
}

/*Dealer locator - filters*/
article.node-intro-dealers{
    padding-bottom: 20px;
    padding-top: 0px;
    width: 100% !important;
}
.view-filters form#views-exposed-form-dealers-locator3-page{
    clear: both;
}
.view-dealers-locator3 .views-widget-filter-field_acs_dealer_tid,
.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid{
	margin-top: 1.75em;
	width: 			17.5%;
}

.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid{
	display: 		none;
	width: 			14%;
}

.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid{
	margin-top: 2.25em;
}

.view-dealers-locator3 .views-widget-filter-field_acs_dealer_tid label,
.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid label,
.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid label {
	display: none;
}

.view-dealers-locator3 .views-widget-filter-field_acs_dealer_tid .form-type-bef-checkbox input,
.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid .form-type-bef-checkbox input {
	float: left;
	margin-top: 0.75em;
}

.view-dealers-locator3 .views-widget-filter-field_acs_dealer_tid .form-type-bef-checkbox label {
	background: url(/sites/all/themes/montreal/images/icon_black.png) 0 0 no-repeat;
	color: white;
	display: block;
	float: left;
	font-size: 11px;
	height: 24px;
	margin: 5px 10px 0 5px;
	padding: 2px 0 0 8px;
	width: 16px;
}

.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid .form-type-bef-checkbox label {
	height: 32px;
	display: block;
	float: left;
	font-size: 0;
	margin-left: 2px;
	margin: 0 10px 0 5px;
	text-indent: -4000px;
	width: 32px;
}

.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid .form-item-edit-field-ex-dealer-tid-13 label {
	background: url(/sites/all/themes/montreal/images/icon_ex-dealer.png) 0 0 no-repeat;
}

.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid .form-item-edit-field-ex-dealer-tid-14 label {
	background: url(/sites/all/themes/montreal/images/icon_ex-dealer-light.png) 0 0 no-repeat;
}

.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid .highlight {
	background: none;
}

.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid .form-type-bef-checkbox input {
	float: 	left;
	margin: 0.1em 0.5em 0 0;
}

.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid .form-type-bef-checkbox label {
	background: url(/sites/all/themes/montreal/images/icon_selling_point.png) 0 -1px no-repeat;
	display: block;
	float: left;
	padding-left: 2.4em;
}

.view-dealers-locator3 form .views-exposed-widgets input#edit-submit-dealers-locator3 {
	font-size: 0.9em;
	margin-top: 2.15em!important;
	padding: 9px 26px!important;
}

.view-dealers-locator3 .view-content table div.csp {
	background: url(/sites/all/themes/montreal/images/icon_selling_point.png) 0 -1px no-repeat;
	display: block;
	float: left;
	height: 15px;
	margin: 0.75em 0;
	width: 22px;
}

.view-dealers-locator3 .view-content table div.rentalpoint {
	background: url(/sites/all/themes/montreal/images/icon-verhuurpunt.png) 0 3px no-repeat;
	background-size: 78%;
	display: block;
	float: left;
	height: 32px;
	margin: 0 0.25em;
	width: 32px;
}

.view-dealers-locator3 table.dealer-locator tr td.two-fourth span.field-content {
	color: #111;
	font-weight: bold;
}

.view-dealers-locator3 table.dealer-locator tr td.two-fourth div.field-content a {
	color: #555;
}

.view-dealers-locator3 table.dealer-locator tr td.two-fourth a.link-map {
	background: 			url(/sites/all/themes/montreal/images/icon_pin.png) 0 0 no-repeat;
	bottom: 					0.5em;
	color: 						#555555;
	display: 					block;
	margin-top: 			5.75em;
	padding: 					0.25em 1.4em;
	text-decoration: 	none;
}

.view-dealers-locator3 table.dealer-locator tr td.two-fourth a:hover {
	text-decoration: 	underline;
}


/*Dealer locator - results*/

table.dealer-locator {table-layout: fixed; width: 100%;}

table.dealer-locator tr th.two-fourth,
table.dealer-locator tr td.two-fourth {position:relative; width: 50%;}

table.dealer-locator tr th.one-fourth,
table.dealer-locator tr td.one-fourth {width: 25%;}

table.dealer-locator tr th.two-fourth,
table.dealer-locator tr th.one-fourth {font-weight:bold; padding: 10px;}

table.dealer-locator tr td div.field-content {
	word-wrap: break-word;
}

table tbody tr:nth-child(even) {
background: #efefef;
}

.page-dealers #edit-field-acs-dealer-tid-wrapper,
.page-dealers #edit-field-ex-dealer-tid-wrapper,
.page-dealers #edit-field-camera-dealers-tid-wrapper,
.page-dealers #edit-field-rentalpoint-tid-wrapper {
	margin-top: 0.5em;
	overflow: hidden;
}

.page-dealers #edit-field-camera-dealers-tid-wrapper {
	margin-top: 1em;
}

.page-dealers #edit-field-rentalpoint-tid-wrapper {
	margin-top: -0.25em;
}

.page-dealers form .views-exposed-widgets {
	background: #efefef;
	margin-bottom: 35px;
	padding: 10px 20px 25px;
}

.page-dealers form .views-exposed-widgets #edit-combine-wrapper {
	width: 785px;
}

.page-dealers form .views-exposed-widgets #edit-combine-wrapper input#edit-combine{
	width: 100%;
}

.page-dealers form .views-exposed-widgets #edit-combine-wrapper label {
	font-size: 18px;
}

.page-dealers form .views-exposed-widgets input#edit-combine {
	width: 231px;
}

.page-dealers form .views-exposed-widgets input#edit-submit-dealers-locator3 {
	margin-top: 2.5em;
	padding: 11px 12px 12px;
}

.page-dealers .ex-dealer {
	background: 	url(../images/icon_ex-dealer.png) 0 0 no-repeat;
	height: 			32px;
	float: 				left;
	margin-left: 	2px;
	margin-right: 	1em;
	width: 				32px;
}

.page-dealers .ex-lite-dealer{
	background: url(../images/icon_ex-dealer-light.png) 0 0 no-repeat;
	height: 			32px;
	float: 				left;
	margin-left: 	2px;
	margin-right: 	1em;
	width: 				32px;
}

.page-dealers table a.A,
.page-dealers table a.C,
.page-dealers table a.S {
	background: url(../images/icon_black.png) 0 0 no-repeat;
	color: 			white;
	display: 		block;
	float: 			left;
	font-size: 	11px;
	height: 		24px;
	margin-top: 5px;
	padding: 		2px 0 0 9px;
	width: 			16px;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid {
	padding: 0.5em 0 0;
	width: 165px;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid label:first-child {
	font-size: 0.1em;
	height: 1px;
	text-indent: 2000px;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-130,
.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-107 {
	background: url(/sites/all/themes/montreal/images/icon-verhuurpunt.png) 19px 4px no-repeat;
  	background-size: 15%;
	height: 32px;
	padding: 0.75em 0 0;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-130 input,
.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-107 input {
	float: left;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-130 label, 
.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-107 label {
	float: left;
	margin-top: -0.2em;
	padding-left: 3.25em;
}

.page-dealers .views-submit-button {
	position: absolute;
	right: 0;
	top: 0.4em;
}

/* News */

.page-news h2 {font-size: 1.8rem!important;}

.page-news .news-intro {
	margin: 0 auto;
	padding: 1em 2em;
	text-align: center;
}

.page-news a.news-intro-button {
	background: #000;
	border: 0px;
	color: white;
	font-size: 1.1rem;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
}

.page-news a.news-intro-button:hover {
	background: #999999;
}

/* Registratie - newsletter */

.node-type-webform form #project_planner {
	margin-left: 0;
}

.node-type-webform form #project_planner .webform-component label {
	font-size: 0.9em;
}

.node-type-webform form #project_planner .webform-component-email input {
	height: 35px;
	border: 1px solid black;
	font-size: 14px;
	width: 48%;
	padding-left: 5px;
}

.node-type-webform form #project_planner .webform-component-email input.error {
	border: 1px solid red;
}


.node-type-webform form #project_planner .webform-component-radios .form-radios .form-item-submitted-aanhef {
	float: left;
	margin-right: 1em;
}

.node-type-webform form .webform-component-radios {
    overflow: hidden;
}

.node-type-webform form .form-radios {
    margin-left: 0.1em;
}

.node-type-webform form #project_planner #webform-component-achternaam {
	margin-top: 3.5em;
}

.node-type-webform form #project_planner .webform-component-textfield label {
	clear: both;
}

.node-type-webform form #project_planner .webform-component-select select {
	height: 35px;
	border: 1px solid black;
	font-size: 14px;
	width: 49%;
	padding-left: 5px;
}

.node-type-webform form #project_planner .webform-component--privacy {
	float:right!important;
}

.node-type-webform form #project_planner .webform-component--privacy label {
	float:right;
}

.node-type-webform form #project_planner .form-actions {
	clear:both;
	margin-top:0;
}

.node-type-webform form #project_planner .form-actions input {
	margin-top:0;
}

.node-type-webform form #project_planner .webform-component-checkboxes .form-type-checkbox input {
	float: left;
	margin: 0.25em 1.1em 0 0;
}

.node-type-webform form #project_planner .form-actions input {
	font-size: 0.9em;
	padding: 9px 36px!important;
}

.node-type-webform form .webform-component--Intro {
	background: #f2f0f0;
	margin: 		0;
	padding: 		2em 2em 1em;
}

.node-type-webform form .webform-component--Intro  .webform-intro-text p:nth-child(1){
	margin: 0 0 1.75em;
}

.node-type-webform form .personalized-mail,
.node-type-webform form .webform-component--aanhef,
.node-type-webform form .webform-component--achternaam,
.node-type-webform form .webform-component--country,
.node-type-webform form .webform-component--postcode {
	padding: 0 0 0 2em;
}


.node-type-webform form .webform-component--country {
	padding: 0 2em;
}

.node-type-webform form .webform-component--email {
	background: #f2f0f0;
	margin: 		0 0 2em;
	padding: 		0 2em 2em;
}

.node-type-webform form .webform-component--country {
	border-bottom: 2px solid #e1e1e1;
	margin-bottom: 0;
	padding-bottom: 1.75em;
}

.node-type-webform form .form-actions input {
	background: rgba(255,127,0,1);
	color: black;
	float: right;	
	-webkit-transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
	-o-transition-duration:0.4s;
}

.node-type-webform form .form-actions input:hover {	
	background: rgba(255,127,0,0.5);
}

/* Thanks page */

.page-node-done .container .links a {display: none;}
.page-node-done .container .webform-confirmation {min-height: 400px;}

#sliding-popup.sliding-popup-bottom {background: #313131;}

/* Springsavers */

.node-type-blank-page .springsavers {
	background: url(/sites/all/themes/montreal/images/springsavers.jpg) 0 0 no-repeat;
	height: 		761px;
	margin-top: 3em;
	text-align: center;
	width: 			960px;
}

.node-type-blank-page .springsavers-nl {
	background: url(/sites/all/themes/montreal/images/springsavers.jpg) 0 0 no-repeat;
}

.node-type-blank-page .springsavers-fr {
	background: url(/sites/all/themes/montreal/images/springsavers-fr.jpg) 0 0 no-repeat;
}

.node-type-blank-page .springsavers iframe {
	-webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.25);
	margin-top: 9em;
}

.node-type-blank-page h2 {
	font-size: 1.6rem;
}

.node-type-page .container {padding: 0;}



/* Custom changes */
.normal-font {font-family: arial, "Ubuntu", sans-serif;}

/* decrease fonts FOUT effects in browsers used in script 
body {
  visibility: hidden;

}
*/

/*-------------------------------------------------------------
additional changes*/


/*		products page		*/

.page-products .griditem .field-item {
	line-height: 1.2em;
}


/*		product detail page (portfolio basic)		*/

p.blacktext {padding-left: 0!important;}


.cke_show_borders {
    background: transparent;
}

#slidecaption a:hover {
    text-decoration: none;
}

#slidecaption h1 {
    margin-right: 0.1em;
}

.node-type-portfolio-basic .container h2 {
	line-height: 0.9em;
}

.node-type-portfolio-basic .container .columns h4 {
	line-height: 1.25em;
}

.node-type-portfolio-basic .container .columns h5 {
	font-weight: normal!important;
	line-height: 1.25em;
	margin-top: -0.25em;
}

/* custom detail page */
#bottom-container {
	border-top:1px solid #111;
	border-bottom: 1px solid #111;
    padding: 10px 0 0;
    overflow: hidden;
}
.detail-features{
    float: right;
    margin-right: 10px;
}

.award-wrapper img{
    margin-right: 0.5em;
}

.detail-features ul {
	margin:0;
	padding:0;
}

.detail-features li {

}
.detail-features li.icon-chevron-right:before{
    color: red;
}
.detail-features li a{
	font-size: 1.2rem !important;
	/*text-transform: uppercase;*/
}

.detail-features li a:hover {
	color:#111;
}

.award-wrapper {
	float:left;
	margin-top: 1em;
}
div.container.white.page-wrap div.row div.twelve.columns div.four.columns div.form-item.form-type-item{
    display: none;
}
section.row div.four.columns div.form-item.form-type-item{
    display: none;
}

/*EU Cookie compliance*/
div#popup-text a{
    color: #ffffff;
    text-decoration: underline;
}

button.find-more-button{
    display:none !important;
}


/*-------------------------------------------------------------------------------------- 
Media Queries */

@-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: 480px) { 
	.node-type-webform form .webform-container-inline label {
		width:83%;
	}

	.node-type-page .container,
	.node-type-portfolio-basic .article_content {
		padding: 0 0.5em; 
	}

	footer .columns #block-block-5 p a {
		width: 71%;
	}
}

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

	.node-type-webform h3 {
  	margin: 0 1em;
  }
}

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

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

/*		webform		*/


  .node-type-webform h3 {
  	margin: 0 1em;
  }

  .node-type-webform form #project_planner .webform-component-email input {
		margin-bottom: 2.5em;
		width: 100%;
	}

	.node-type-webform form .personalized-mail,
	.node-type-webform form .webform-component--aanhef,
	.node-type-webform form .webform-component--achternaam,
	.node-type-webform form .webform-component--country,
	.node-type-webform form .webform-component--postcode,
	.node-type-webform form .webform-component-checkboxes,
	.node-type-webform form .form-actions {
		padding: 0 2em;
	}

	.node-type-webform form .webform-container-inline label {
		position: relative;
	}
	
	.node-type-webform form .webform-component--country select{
		margin-bottom: 2.5em;
		width: 100%!important;
	}

	.node-type-webform form .webform-component-checkboxes label {
		font-size: 0.75em;
	}

	.node-type-webform form .webform-container-inline .form-checkboxes {
		position: relative;
	}

	.node-type-webform form .form-actions input {
		float: none;
		width: 100%;
	}


}
	
@media only screen and (max-width: 768px) {
	/* Style adjustments for viewports 768px and under go here */

	.page-dealers form .views-widget-filter-field_acs_dealer_tid,
	.page-dealers form .views-widget-filter-field_ex_dealer_tid  {
		margin-top: 0.5em!important;
	}
	
	.page-dealers form .views-widget-filter-field_acs_dealer_tid  {
		clear: both;
		width: 24%;
	}

	.page-dealers form .views-widget-filter-field_ex_dealer_tid  {
		width: 19%;
	}

	.page-dealers form .views-widget-filter-field_camera_dealers_tid {
		margin-top: 1.05em;
		width: 27%;
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper {
	  width: 84%;
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper label {
	  	width: 250px;
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper input#edit-combine {
	  	width: 100%!important;
	}

	.view-dealers-locator3 form .views-exposed-widgets input#edit-submit-dealers-locator3 {
		margin-top: 2.1em!important;
	}
}  
	
@media only screen and (max-width: 767px) and (orientation: landscape)  {
	/* Style adjustments for viewports 768px portrait and under go here */	



	.page-dealers #edit-field-acs-dealer-tid-wrapper{
		width: 31%
	}
	
	.page-dealers #edit-field-ex-dealer-tid-wrapper {
		width: 24%
	}

	.page-dealers #edit-field-camera-dealers-tid-wrapper {
		width: 35%
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper {
	  width: 80%;
	}

}
	
@media only screen and (max-width: 767px) and (orientation: portrait)  {
	/* Style adjustments for viewports 768px portrait and under go here */	



	.page-dealers #edit-field-acs-dealer-tid-wrapper,
	.page-dealers #edit-field-ex-dealer-tid-wrapper,
	.page-dealers #edit-field-camera-dealers-tid-wrapper {
		width: 100%
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper {
	  width: 60%;
	}

}
	
@media only screen and (max-width: 960px) and (orientation: landscape) {
	/* Style adjustments for viewports 768px portrait and under go here */

	.page-dealers form .views-widget-filter-field_acs_dealer_tid,
	.page-dealers form .views-widget-filter-field_ex_dealer_tid  {
		margin-top: 0.5em!important;
	}
	
	.page-dealers form .views-widget-filter-field_acs_dealer_tid  {
		clear: both;
		width: 29%;
	}

	.page-dealers form .views-widget-filter-field_ex_dealer_tid  {
		width: 22%;
	}

	.page-dealers form .views-widget-filter-field_camera_dealers_tid {
		margin-top: 1.05em;
		width: 28%;
	}
}  


/*  lists  */

.article_content ul,
.node-type-blank-page .container ul {	
	font-size: 1.2rem;
	padding-left: 2.75em;
}

.article_content ol,
.node-type-blank-page .container ol {
	font-size: 1.2rem;
	padding-left: 0;
}

.article_content ul,
.node-type-blank-page .container ul {
	list-style-type: square;
}

h2 {
	font-size: 2.9rem;
}

h3 {
	font-size: 1.8rem;
	font-weight: bold;
}

h4 {
	font-size: 1.4rem;
	font-weight: normal;
}

/*
' PAGE STYLES
*/

.hidden{
overflow:hidden;
}

.black{
background:#111;
}

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

.grey{
background:#e6e6e6;
}

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

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

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

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

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

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

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

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

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

/*
' TEXT STYLES
*/

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

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

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

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

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

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

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

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

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

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

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

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

footer .greytext{
color:			white !important;
}

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

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

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

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

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

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

.light{
font-weight:300;
}

.bold{
font-weight:400;
}

.extrabold{
font-weight:700;
}

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

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

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

/* Tabs */

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

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

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

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

/*
' navigation
*/

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

/* small screen */
@media screen and (max-width: 600px) {
.js #menu { display: none; }
.js .selectnav { display: block;padding: 10px;
background-color: #fff;
font-family: arial, 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:left;padding:18px 0px 0px 0px; width: 80%;}
.page-dealers #navigationmain ul {padding:22px 0px 0px 0px; }
#navigationmain ul.translation-menu {float:right; width: 20%;}
#navigationmain li { margin: 0; padding: 0;}
#navigationmain li .active { color:#888;}

#navigationmain li.active > ul > li > a {color:#111; font-weight: bold;}

#navigationmain a { margin: 0; padding: 0;}
#navigationmain ul {list-style: none;}
#navigationmain a {text-decoration: none;}
#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: 		arial, inherit;
font-weight:		normal;
font-size: 			11px;
font-size:			1.2rem;
letter-spacing:	0;
padding-left:		8px;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
}

#navigationmain > ul > li:first-child > a {
padding-left:0;
}

.page-dealers #navigationmain > ul.translation-menu {
margin-top: -4px;
}

.page-dealers #navigationmain > ul.translation-menu > li {
padding-top: 5px;
}

.page-dealers #navigationmain > ul.translation-menu > li:first-child {
padding-top: 0;
}

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

#navigationmain > ul > li > a:hover {
color: #999;
-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:#999 !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:none;
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: 0px 0px 0px 20px;
}

.sidebar-note{
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:#999 !important;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
}

.greyvertical .field-name-body .field-items .even {
font-size: 1.2rem !important;
padding-left: 20px !important;
padding-top: 10px !important;
color: #888;
font-family: arial, 'Ubuntu',sans-serif;
padding-bottom: 20px !important;
}

/* 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: #999 !important;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
}

.itemstripe:hover .infowhite span.blacktext{
color: #999 !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:#999;
-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:#999;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-o-transition-duration: .6s;
-ms-transition-duration: .6s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
display: block;
padding:20px 20px !important;
text-align:center;
}

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

/*
' FORM
*/

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

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

.white .field .text input, .white .field .text input[type="search"], .white form textarea{
font-size: 12px !important;
font-family: arial, 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: #999;
-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: arial, 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;
/*text-transform: uppercase;*/
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: #999;
-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: #999;
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: #999;
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: #999;
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: #999;
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: #999;
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: arial, inherit;
font-weight: 300;
font-size: 15px;
letter-spacing: 1px;
}

.btn a:hover {
font-family: arial, 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: arial, "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: arial, 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!important;
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: ">"; }
.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: ""; }*/
.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:#999;
}



.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 "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }

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

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

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

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

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


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


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

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


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


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


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

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

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

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


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

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 20px 0 20px; 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 {margin:1em 0 0;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 {border-radius:5px;width: 10px; height: 10px; display: block; background: #ddd; background: rgba(0,0,0,0.15); cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background: #111; background: rgba(0,0,0,0.8); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

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

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

/*
' PRETTYPHOTO
*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.dark_square .pp_nav {
clear: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* html .pp_content {
width: 40px;
}

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

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

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

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

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

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

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

.pp_social .twitter {
float: left;
}

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

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

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

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

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

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

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

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

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

.pp_gallery ul a img {
border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 
' DRUPAL
*/

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

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

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

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

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

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

.pager-current {border-bottom: solid 2px #3a3a3a;}
.item-list .pager {overflow: auto; }
.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: #555; font-family:inherit;font-size:12px; background:#fff;}
ul.pager li.pager-current, ul.pager li:hover a { border-bottom: solid 2px #3a3a3a; color: #141414;-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
-ms-transition-duration: .2s; }
ul.pager li.unavailable a { cursor: default; color: #999; }
ul.pager li.unavailable:hover a { border-bottom: none; }

/* Comments */

.comment {
margin-bottom: 15px;
}

.comment_content p {
clear: none;
}

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

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

.comments_title {
text-align: left; 
margin-bottom: 12px;
color: #111;
/*text-transform: uppercase;*/
font-weight: bold;
}

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

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

.user-picture {
width: 60px;
}

.comment_content {
margin-top: 7px;
}

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

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

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

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

.ie8 .comment_avatar {
float: none;
}

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

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

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

.comment {
margin-bottom: 20px; 
}

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

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

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


.greyvertical img {
margin-bottom: 10px;

}

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

.node_title {
/*text-transform: uppercase;*/
}

.mobile-menu{
display: none;
}

.post_meta {
/*text-transform: uppercase;*/
}

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

.carousel_item_content {
opacity: 1;
}

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

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

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

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

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

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

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

.tabs {
margin-left: 0;
}

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

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

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

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

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

input:hover[type="submit"] {
color: #fff;
background: #999;
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;
}

/*Page workshops*/

.page-workshop .page-wrap {
	background: url(/sites/all/themes/montreal/images/bg-sunset.jpg) no-repeat top center white;
	padding: 0 15px;
	background-size: 100%;
}

.page-workshop .page-wrap .largetoppadding {
	margin-bottom: 4em;
	padding-top: 3.5em!important;
}

.page-workshop .node-workshop-intro {
	padding: 0;
	margin: 150px 0 20px;
	width:100%;
}
.page-workshop .node-workshop-intro h1 {
	font-size:2.75em;
}

.page-workshop .node-workshop-intro p {
	font-weight: bold;
	font-size: 1.5rem !important;
	color: #1b1b1b;
}

.page-workshop .view-workshops .views-table p{
	color: #999;
	margin: 1em 0 0 0;
}

.page-workshop .view-workshops .views-table .clickable-row{
	cursor:pointer;
}

.page-workshop .view-workshops .views-table .clickable-row.odd{
	background: #f9f9f9;
}
.page-workshop .view-workshops .views-table .clickable-row.odd:hover {
	background: #eee;
}
.page-workshop .view-workshops .views-table .clickable-row.even:hover {
	background: #eee !important;
}


@media screen and (min-width: 380px) {
	.page-workshop .node-workshop-intro {
		margin: 160px 0 20px;
	}
}

@media screen and (min-width: 480px) {
	.page-workshop .node-workshop-intro {
		margin: 180px 0 20px;
	}
}

@media screen and (min-width: 600px) {
	.page-workshop .node-workshop-intro {
		margin: 230px 0 20px;
	}
}

@media screen and (min-width: 768px) {
	.page-workshop .node-workshop-intro {
		margin: 300px 0 20px;
	}
}

@media screen and (min-width: 992px) {
	.page-workshop .node-workshop-intro {
		margin: 360px 0 20px;
	}
}
@media screen and (min-width: 1200px) {
	.page-workshop .node-workshop-intro {
		margin: 440px 0 20px;
	}
}

@media screen and (min-width: 1480px) {
	.page-workshop .node-workshop-intro {
		margin: 480px 0 20px;
	}
}

@media screen and (min-width: 1650px) {
	.page-workshop .node-workshop-intro {
		margin: 520px 0 20px;
	}
}
@media screen and (min-width: 1750px) {
	.page-workshop .node-workshop-intro {
		margin: 580px 0 20px;
	}
}

.page-workshop table#workshops {
	display:none;
}

.page-workshop table thead tr {
	background: white;
}

.page-workshop table thead tr th {
	color: 			#555;
	font-size: 	16px;
	padding: 		14px 10px;
}

.page-workshop table tbody tr:nth-child(even) {
	background: white!important;
}

.page-workshop table tbody tr td:last-child {
	text-align: 	center;
}

.page-workshop tr.even, .page-workshop tr.odd {
	border-bottom: 0;
}

.node-type-workshop .page-wrap ul li {
	color: 						#222;
	font-size: 				12px;
	list-style-type: 	square;
}

/*Dealer locator - filters*/
article.node-intro-dealers{
    padding-bottom: 20px;
    padding-top: 0px;
    width: 100% !important;
}
.view-filters form#views-exposed-form-dealers-locator3-page{
    clear: both;
}
.view-dealers-locator3 .views-widget-filter-field_acs_dealer_tid,
.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid{
	margin-top: 1.75em;
	width: 			17.5%;
}

.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid{
	display: 		none;
	width: 			14%;
}

.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid{
	margin-top: 2.25em;
}

.view-dealers-locator3 .views-widget-filter-field_acs_dealer_tid label,
.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid label,
.view-dealers-locator3 .views-widget-filter-field_cine_dealer_tid label,
.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid label {
	display: none;
}

.view-dealers-locator3 .views-widget-filter-field_acs_dealer_tid .form-type-bef-checkbox input,
.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid .form-type-bef-checkbox input {
	float: left;
	margin-top: 0.75em;
}

.view-dealers-locator3 .views-widget-filter-field_acs_dealer_tid .form-type-bef-checkbox label {
	background: url(/sites/all/themes/montreal/images/icon_black.png) 0 0 no-repeat;
	color: white;
	display: block;
	float: left;
	font-size: 11px;
	height: 24px;
	margin: 5px 10px 0 5px;
	padding: 2px 0 0 8px;
	width: 16px;
}

.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid .form-type-bef-checkbox label {
	background: url(/sites/all/themes/montreal/images/icon_black.png) 0 0 no-repeat;
	height: 32px;
	display: block;
	float: left;
	font-size: 0;
	margin-left: 2px;
	margin: 0 10px 0 5px;
	text-indent: -4000px;
	width: 32px;
}

.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid .form-item-edit-field-ex-dealer-tid-13 label {
	background: url(/sites/all/themes/montreal/images/icon_ex-dealer.png) 0 0 no-repeat;
}

.view-dealers-locator3 .views-widget-filter-field_ex_dealer_tid .form-item-edit-field-ex-dealer-tid-14 label {
	background: url(/sites/all/themes/montreal/images/icon_ex-dealer-light.png) 0 0 no-repeat;
}

.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid .highlight {
	background: none;
}

.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid .form-type-bef-checkbox input,
.view-dealers-locator3 .views-widget-filter-field_cine_dealer_tid .form-type-bef-checkbox input {
	float: 	left;
	margin: 0.1em 0.5em 0 0;
}
.view-dealers-locator3 .views-widget-filter-field_cine_dealer_tid .form-type-bef-checkbox input {
	margin-top: 8px;
}

.view-dealers-locator3 .views-widget-filter-field_cine_dealer_tid .form-type-bef-checkbox label {
	background: url(/sites/all/themes/montreal/images/icon_cine.png) 0 2px no-repeat;
	background-size: 20px;
	display: block;
	float: left;
	padding-left: 2.4em;
	padding-top: 5px;
}

.view-dealers-locator3 .views-widget-filter-field_camera_dealers_tid .form-type-bef-checkbox label {
	background: url(/sites/all/themes/montreal/images/icon_selling_point.png) 0 -1px no-repeat;
	display: block;
	float: left;
	padding-left: 2.4em;
}

.view-dealers-locator3 form .views-exposed-widgets input#edit-submit-dealers-locator3 {
	font-size: 0.9em;
	margin-top: 2.15em!important;
	padding: 9px 26px!important;
}

.view-dealers-locator3 .view-content table div.csp {
	background: url(/sites/all/themes/montreal/images/icon_selling_point.png) 0 -1px no-repeat;
	display: block;
	float: left;
	height: 15px;
	margin: 0.75em 0;
	width: 22px;
}

.view-dealers-locator3 .view-content table div.rentalpoint {
	background: url(/sites/all/themes/montreal/images/icon-verhuurpunt.png) 0 3px no-repeat;
	background-size: 78%;
	display: block;
	float: left;
	height: 32px;
	margin: 0 0.25em;
	width: 32px;
}

.view-dealers-locator3 table.dealer-locator tr td.two-fourth span.field-content {
	color: #111;
	font-weight: bold;
}

.view-dealers-locator3 table.dealer-locator tr td.two-fourth div.field-content a {
	color: #555;
}

.view-dealers-locator3 table.dealer-locator tr td.two-fourth a.link-map {
	background: 			url(/sites/all/themes/montreal/images/icon_pin.png) 0 0 no-repeat;
	bottom: 					0.5em;
	color: 						#555555;
	display: 					block;
	margin-top: 			5.75em;
	padding: 					0.25em 1.4em;
	text-decoration: 	none;
}

.view-dealers-locator3 table.dealer-locator tr td.two-fourth a:hover {
	text-decoration: 	underline;
}


/*Dealer locator - results*/

table.dealer-locator {table-layout: fixed; width: 100%;}

table.dealer-locator tr th.two-fourth,
table.dealer-locator tr td.two-fourth {position:relative; width: 50%;}

table.dealer-locator tr th.one-fourth,
table.dealer-locator tr td.one-fourth {width: 25%;}

table.dealer-locator tr th.two-fourth,
table.dealer-locator tr th.one-fourth {font-weight:bold; padding: 10px;}

table.dealer-locator tr td div.field-content {
	word-wrap: break-word;
}

table tbody tr:nth-child(even) {
background: #efefef;
}

.page-dealers #edit-field-acs-dealer-tid-wrapper,
.page-dealers #edit-field-ex-dealer-tid-wrapper,
.page-dealers #edit-field-camera-dealers-tid-wrapper,
.page-dealers #edit-field-rentalpoint-tid-wrapper {
	margin-top: 0.5em;
	overflow: hidden;
}

.page-dealers #edit-field-camera-dealers-tid-wrapper {
	margin-top: 1em;
}
.page-dealers #edit-field-cine-dealer-tid-wrapper {
	margin-top:10px;
}

.page-dealers #edit-field-rentalpoint-tid-wrapper {
	margin-top: -0.25em;
}

.page-dealers form .views-exposed-widgets {
	background: #efefef;
	margin-bottom: 35px;
	padding: 10px 20px 25px;
}

.page-dealers form .views-exposed-widgets #edit-combine-wrapper {
	width: 785px;
}

.page-dealers form .views-exposed-widgets #edit-combine-wrapper input#edit-combine{
	width: 100%;
}

.page-dealers form .views-exposed-widgets #edit-combine-wrapper label {
	font-size: 18px;
}

.page-dealers form .views-exposed-widgets input#edit-combine {
	width: 231px;
}

.page-dealers form .views-exposed-widgets input#edit-submit-dealers-locator3 {
	margin-top: 2.5em;
	padding: 11px 12px 12px;
}

.page-dealers .cine-dealer {
	background: 	url(/sites/all/themes/montreal/images/icon_cine.png) 5px 5px no-repeat;
	background-size: 20px;
	height: 20px;
	float: left;
	width: 20px;
	vertical-align: middle;
	padding: 5px;
}

.page-dealers .ex-dealer {
	background: 	url(../images/icon_ex-dealer.png) 0 0 no-repeat;
	height: 			32px;
	float: 				left;
	margin-left: 	2px;
	margin-right: 	1em;
	width: 				32px;
}

.page-dealers .ex-lite-dealer{
	background: url(../images/icon_ex-dealer-light.png) 0 0 no-repeat;
	height: 			32px;
	float: 				left;
	margin-left: 	2px;
	margin-right: 	1em;
	width: 				32px;
}

.page-dealers table a.A,
.page-dealers table a.C,
.page-dealers table a.S {
	background: url(../images/icon_black.png) 0 0 no-repeat;
	color: 			white;
	display: 		block;
	float: 			left;
	font-size: 	11px;
	height: 		24px;
	margin-top: 5px;
	padding: 		2px 0 0 9px;
	width: 			16px;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid {
	padding: 0.5em 0 0;
	width: 165px;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid label:first-child {
	font-size: 0.1em;
	height: 1px;
	text-indent: 2000px;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-130,
.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-107 {
	background: url(/sites/all/themes/montreal/images/icon-verhuurpunt.png) 19px 4px no-repeat;
  	background-size: 15%;
	height: 32px;
	padding: 0.75em 0 0;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-130 input,
.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-107 input {
	float: left;
}

.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-130 label, 
.page-dealers .views-exposed-form .views-widget-filter-field_rentalpoint_tid .views-widget .form-item-field-rentalpoint-tid .form-item-edit-field-rentalpoint-tid-107 label {
	float: left;
	margin-top: -0.2em;
	padding-left: 3.25em;
}

.page-dealers .views-submit-button {
	position: absolute;
	right: 0;
	top: 0.4em;
}

/* News */

.page-news h2 {font-size: 1.8rem!important;}

.page-news .news-intro {
	margin: 0 auto;
	padding: 1em 2em;
	text-align: center;
}

.page-news a.news-intro-button {
	background: #000;
	border: 0px;
	color: white;
	font-size: 1.1rem;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
}

.page-news a.news-intro-button:hover {
	background: #999999;
}

/* Registratie - newsletter */

.node-type-webform form #project_planner {
	margin-left: 0;
}

.node-type-webform form #project_planner .webform-component label {
	font-size: 0.9em;
}

.node-type-webform form #project_planner .webform-component-email input {
	height: 35px;
	border: 1px solid black;
	font-size: 14px;
	width: 48%;
	padding-left: 5px;
}

.node-type-webform form #project_planner .webform-component-email input.error {
	border: 1px solid red;
}


.node-type-webform form #project_planner .webform-component-radios .form-radios .form-item-submitted-aanhef {
	float: left;
	margin-right: 1em;
}

.node-type-webform form .webform-component-radios {
    overflow: hidden;
}

.node-type-webform form .form-radios {
    margin-left: 0.1em;
}

.node-type-webform form #project_planner #webform-component-achternaam {
	margin-top: 3.5em;
}

.node-type-webform form #project_planner .webform-component-textfield label {
	clear: both;
}

.node-type-webform form #project_planner .webform-component-select select {
	height: 35px;
	border: 1px solid black;
	font-size: 14px;
	width: 49%;
	padding-left: 5px;
}

.node-type-webform form #project_planner .webform-component--privacy {
	float:right!important;
}

.node-type-webform form #project_planner .webform-component--privacy label {
	float:right;
}

.node-type-webform form #project_planner .form-actions {
	clear:both;
	margin-top:0;
}

.node-type-webform form #project_planner .form-actions input {
	margin-top:0;
}

.node-type-webform form #project_planner .webform-component-checkboxes .form-type-checkbox input {
	float: left;
	margin: 0.25em 1.1em 0 0;
}

.node-type-webform form #project_planner .form-actions input {
	font-size: 0.9em;
	padding: 9px 36px!important;
}

.node-type-webform form .webform-component--Intro {
	background: #f2f0f0;
	margin: 		0;
	padding: 		2em 2em 1em;
}

.node-type-webform form .webform-component--Intro  .webform-intro-text p:nth-child(1){
	margin: 0 0 1.75em;
}

.node-type-webform form .personalized-mail,
.node-type-webform form .webform-component--aanhef,
.node-type-webform form .webform-component--achternaam,
.node-type-webform form .webform-component--country,
.node-type-webform form .webform-component--postcode {
	padding: 0 0 0 2em;
}


.node-type-webform form .webform-component--country {
	padding: 0 2em;
}

.node-type-webform form .webform-component--email {
	background: #f2f0f0;
	margin: 		0 0 2em;
	padding: 		0 2em 2em;
}

.node-type-webform form .webform-component--country {
	border-bottom: 2px solid #e1e1e1;
	margin-bottom: 0;
	padding-bottom: 1.75em;
}

.node-type-webform form .form-actions input {
	background: rgba(255,127,0,1);
	color: black;
	float: right;	
	-webkit-transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
	-o-transition-duration:0.4s;
}

.node-type-webform form .form-actions input:hover {	
	background: rgba(255,127,0,0.5);
}

/* Thanks page */

.page-node-done .container .links a {display: none;}
.page-node-done .container .webform-confirmation {min-height: 400px;}

#sliding-popup.sliding-popup-bottom {background: #313131;}

/* Springsavers */

.node-type-blank-page .springsavers {
	background: url(/sites/all/themes/montreal/images/springsavers.jpg) 0 0 no-repeat;
	height: 		761px;
	margin-top: 3em;
	text-align: center;
	width: 			960px;
}

.node-type-blank-page .springsavers-nl {
	background: url(/sites/all/themes/montreal/images/springsavers.jpg) 0 0 no-repeat;
}

.node-type-blank-page .springsavers-fr {
	background: url(/sites/all/themes/montreal/images/springsavers-fr.jpg) 0 0 no-repeat;
}

.node-type-blank-page .springsavers iframe {
	-webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.25);
	margin-top: 9em;
}

.node-type-blank-page h2 {
	font-size: 1.6rem;
}

.node-type-page .container {padding: 0;}



/* Custom changes */
.normal-font {font-family: arial, "Ubuntu", sans-serif;}

/* decrease fonts FOUT effects in browsers used in script 
body {
  visibility: hidden;

}
*/

/*-------------------------------------------------------------
additional changes*/


/*		products page		*/

.page-products .griditem .field-item {
	line-height: 1.2em;
}


/*		product detail page (portfolio basic)		*/

p.blacktext {padding-left: 0!important;}


.cke_show_borders {
    background: transparent;
}

#slidecaption a:hover {
    text-decoration: none;
}

#slidecaption h1 {
    margin-right: 0.1em;
}

.node-type-portfolio-basic .container h2 {
	line-height: 0.9em;
}

.node-type-portfolio-basic .container .columns h4 {
	line-height: 1.25em;
}

.node-type-portfolio-basic .container .columns h5 {
	font-weight: normal!important;
	line-height: 1.25em;
	margin-top: -0.25em;
}

/* custom detail page */
#bottom-container {
	border-top:1px solid #111;
	border-bottom: 1px solid #111;
    padding: 10px 0 0;
    overflow: hidden;
}
.detail-features{
    float: right;
    margin-right: 10px;
}

.award-wrapper img{
    margin-right: 0.5em;
}

.detail-features ul {
	margin:0;
	padding:0;
}

.detail-features li {

}
.detail-features li.icon-chevron-right:before{
    color: red;
}
.detail-features li a{
	font-size: 1.2rem !important;
	/*text-transform: uppercase;*/
}

.detail-features li a:hover {
	color:#111;
}

.award-wrapper {
	float:left;
	margin-top: 1em;
}
div.container.white.page-wrap div.row div.twelve.columns div.four.columns div.form-item.form-type-item{
    display: none;
}
section.row div.four.columns div.form-item.form-type-item{
    display: none;
}

/*EU Cookie compliance*/
div#popup-text a{
    color: #ffffff;
    text-decoration: underline;
}

button.find-more-button{
    display:none !important;
}


/*-------------------------------------------------------------------------------------- 
Media Queries */

@-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: 480px) { 
	.node-type-webform form .webform-container-inline label {
		width:83%;
	}

	.node-type-page .container,
	.node-type-portfolio-basic .article_content {
		padding: 0 0.5em; 
	}

	footer .columns #block-block-5 p a {
		width: 71%;
	}
}

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

	.node-type-webform h3 {
  	margin: 0 1em;
  }
}

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

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

/*		webform		*/


  .node-type-webform h3 {
  	margin: 0 1em;
  }

  .node-type-webform form #project_planner .webform-component-email input {
		margin-bottom: 2.5em;
		width: 100%;
	}

	.node-type-webform form .personalized-mail,
	.node-type-webform form .webform-component--aanhef,
	.node-type-webform form .webform-component--achternaam,
	.node-type-webform form .webform-component--country,
	.node-type-webform form .webform-component--postcode,
	.node-type-webform form .webform-component-checkboxes,
	.node-type-webform form .form-actions {
		padding: 0 2em;
	}

	.node-type-webform form .webform-container-inline label {
		position: relative;
	}
	
	.node-type-webform form .webform-component--country select{
		margin-bottom: 2.5em;
		width: 100%!important;
	}

	.node-type-webform form .webform-component-checkboxes label {
		font-size: 0.75em;
	}

	.node-type-webform form .webform-container-inline .form-checkboxes {
		position: relative;
	}

	.node-type-webform form .form-actions input {
		float: none;
		width: 100%;
	}


}
	
@media only screen and (max-width: 768px) {
	/* Style adjustments for viewports 768px and under go here */

	.page-dealers form .views-widget-filter-field_acs_dealer_tid,
	.page-dealers form .views-widget-filter-field_ex_dealer_tid  {
		margin-top: 0.5em!important;
	}
	
	.page-dealers form .views-widget-filter-field_acs_dealer_tid  {
		clear: both;
		width: 24%;
	}

	.page-dealers form .views-widget-filter-field_ex_dealer_tid  {
		width: 19%;
	}

	.page-dealers form .views-widget-filter-field_camera_dealers_tid {
		margin-top: 1.05em;
		width: 27%;
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper {
	  width: 84%;
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper label {
	  	width: 250px;
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper input#edit-combine {
	  	width: 100%!important;
	}

	.view-dealers-locator3 form .views-exposed-widgets input#edit-submit-dealers-locator3 {
		margin-top: 2.1em!important;
	}
}  
	
@media only screen and (max-width: 767px) and (orientation: landscape)  {
	/* Style adjustments for viewports 768px portrait and under go here */	



	.page-dealers #edit-field-acs-dealer-tid-wrapper{
		width: 31%
	}
	
	.page-dealers #edit-field-ex-dealer-tid-wrapper {
		width: 24%
	}

	.page-dealers #edit-field-camera-dealers-tid-wrapper {
		width: 35%
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper {
	  width: 80%;
	}

}
	
@media only screen and (max-width: 767px) and (orientation: portrait)  {
	/* Style adjustments for viewports 768px portrait and under go here */	



	.page-dealers #edit-field-acs-dealer-tid-wrapper,
	.page-dealers #edit-field-ex-dealer-tid-wrapper,
	.page-dealers #edit-field-camera-dealers-tid-wrapper {
		width: 100%
	}

	.page-dealers form .views-exposed-widgets #edit-combine-wrapper {
	  width: 60%;
	}

}
	
@media only screen and (max-width: 960px) and (orientation: landscape) {
	/* Style adjustments for viewports 768px portrait and under go here */

	.page-dealers form .views-widget-filter-field_acs_dealer_tid,
	.page-dealers form .views-widget-filter-field_ex_dealer_tid  {
		margin-top: 0.5em!important;
	}
	
	.page-dealers form .views-widget-filter-field_acs_dealer_tid  {
		clear: both;
		width: 29%;
	}

	.page-dealers form .views-widget-filter-field_ex_dealer_tid  {
		width: 22%;
	}

	.page-dealers form .views-widget-filter-field_camera_dealers_tid {
		margin-top: 1.05em;
		width: 28%;
	}
}