html, body { height: 100%; }

body {
font-weight: 400;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.5px;
background: #fff;
}
body.preload > .container, body.preload > .menu {opacity: 0};

input,textarea,select {
font-size: 15px;
width: 100%;
letter-spacing: 0.5px;
}
p {
	padding-bottom: 15px;
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: 300;
word-spacing: 1px;
margin-bottom: 15px;
text-transform: uppercase;
}
h1 {font-size: 80px;line-height: 90px;margin-bottom: 30px; font-weight: 900;}
h1.pagetitle, .onepage h2 {
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 90px;
	font-weight: 900;
	text-align: center;
}
.headerbox h2 {font-size: 40px; }
h2, .onepage h3 {font-size: 30px; line-height: 40px;margin-bottom: 30px;}
h2.thin, .thin {font-weight: 300;}
h3, .onepage h4 {font-size: 20px}
h4 {font-size: 16px}
h5 {font-size: 14px}
h6 {font-size: 12px}

.wrap {padding: 90px 0 ;}

ul, ol {list-style-position: inside; }
.post-content ul, .post-content ol { margin-bottom: 30px;}
.post-content ul ul, .post-content ol ol {margin-bottom: 5px;}
.post-content ul li:before {content: "."; font-size: 20px; width: 10px; height: 15px; line-height: 0; float: left; display: inline-block; margin-top: 6px; color:#fff; color: rgba(255,255,255,.7);}


a {outline: none;}
a img {border: none;}
a:hover {cursor: pointer;}

p.intro{font-size: 24px;font-weight: 300;line-height: 34px;padding-bottom: 45px;}
p.intro.big{font-size: 34px;line-height: 44px; padding-bottom: 45px;}

/* helpers */
.clear {display: block; clear: both; width: 100%; height: 0; line-height: 0;}

.spacer {display: block; height: 30px;}
.bigspacer {display: block; height: 60px;}
.text-center {text-align: center;}
.text-left {text-align: left;} 
.text-right {text-align: right; }
.pull-left {float: left !important;}
.pull-right {float: right !important;}
.centered {margin-left: auto; margin-right: auto; float: none;}
.nobottom {margin-bottom: 0 !important; padding-bottom: 0 !important;}
.notop {margin-top: 0 !important; padding-top: 0 !important;}
.col img {max-width: 100%; height: auto; }
.max30 img {max-width: 30%;}
.max50 img {max-width: 50%;}
.max75 img {max-width: 75%;}
.img-circle, .img-circle img {-webkit-border-radius: 500px; border-radius: 500px; }
.img-bordered {border: 5px solid;}
.blacktext {color: #000;}
.whitetext {color: #fff;}
.color-light {color: #fff !important;}
.bg-light {background: #fff !important;}
.bg-dark { background: #222 !important;}
.color-dark {color: #111 !important;}
.capslock {text-transform: uppercase !important; }
.bordered {display: inline-block; border: 1px dotted #fff; padding: 5px 15px; }
.lined {border-bottom: 1px solid #fff; padding: 5px 30px 60px;}
.glyphicons.aftertext:before {margin-right: 0; margin-left: 7px;} .social.aftertext:before {margin-right: 0; margin-left: 7px;}
.glyphicons.notext:before {margin-right: 0; margin-left: 0;} .social.notext:before {margin-right: 0; margin-left: 0;}
.glyphicons.bigicon, .social.bigicon {line-height: 80px; margin-bottom: 15px;} 
.glyphicons.bigicon:before, .social.bigicon:before {font-size: 80px; margin-bottom: 15px; vertical-align: middle;}
.tablet .reveal, .phone .reveal {opacity: 1 !important;}
.quote {font-style: italic; }
.quote:before {content: '“ '; display: inline;font-size: 200%; width: auto; vertical-align: middle; }
.quote:after {content: ' „'; display: inline;font-size: 200%; width: auto; vertical-align: inherit; }
.bg-image {background-size: cover; background-position: center center; background-attachment: scroll; }
.bg-image .wrap, .parallax .wrap{z-index: 3;}
.quote a {text-decoration: none !important;}


.pagetitle {margin-bottom: 60px;}
.pagetitle:after, .pagetitle:before { content:" "; display: inline-block; border-top: 1px dotted #fff; border-top: 1px dotted; height: 1px; margin: 0 12px 8px;width: 100px; }
h1.pagetitle:after, h1.pagetitle:before, .onepage h2.pagetitle:after, .onepage h2.pagetitle:before {margin: 0 15px 15px;}



/* text colors */
body { color: #444;}
h3,h4,h5,h6 {color: #222;}


/* fonts */
body { font-family: 'Lato',sans-serif;}
input,textarea,select { font-family: 'Verdana',sans-serif !important; color: #222 !important;}
h1,h2,h3,h4,h5,h6 { font-family: 'Lato',sans-serif;}
.btn { font-family: 'Lato',sans-serif;}


/* buttons */
.btn-nav {margin-bottom: 20px;}
.btn-nav li > a, .btn {
font-size: 12px;
text-transform: uppercase;
color: #FFF;
display: inline-block;
padding: 6px 20px;
margin: 0;
cursor: pointer;
margin-bottom: 20px;
width: auto;
text-align: center;
letter-spacing: 1px;
text-decoration: none;
}

.btn-nav li {margin-bottom: 15px;}
.btn-nav:after {clear: both;}
.btn-nav:after, .btn-nav:before {content: ""; display: table;line-height: 0;}
.btn-nav li {display: inline-block; list-style-type: none;}
.btn-nav li > a {margin: 0 4px;}
.btn-nav.pull-right li > a {margin-right: 0; margin-left: 5px;}
.btn {display: inline-block; padding: 8px 12px; line-height: 15px; text-decoration: none; }

.btn-big {padding: 10px 15px; line-height: 30px; font-size: 20px;}

/* headerbox */
.headerbox { width: 100%; z-index: 2; }
.headerbox div.prehead, .headerbox h1, .headerbox h2, .headerbox h3, .headerbox p {display: inline-block !important; max-width: 70%;}
.phone .headerbox h1, .phone .headerbox h2, .phone .headerbox h3, .phone .headerbox p,
.tablet .headerbox h1, .tablet .headerbox h2, .tablet .headerbox h3, .tablet .headerbox p {max-width: 85%;}
.phone .headerbox h1 {margin-bottom: 15px;}

.headerbox h1 {margin-top: 30px;}
.headerbox .dimfull {width: 100%; position: relative; padding: 0;}
.tablet .headerbox .dimfull, .phone .headerbox .dimfull{ padding: 0;}


.footer {min-height: 0 !important; height: auto !important; }
.footer .wrap {padding: 30px 0;}
.footer.smallfooter .wrap {padding: 5px 0;}
.computer .footer .row > .col {padding-bottom: 0;}

.container.absolute {margin-left: 0 !important;}
.absolute .wrap, .absolute .headerbox{ position: absolute; left: 0; right: 0; top: 15px;}

/*.container {min-height: 100%;}*/

/* Isotope */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* contact form */
input, textarea {
background: url(./images/bg_w_85.png) repeat;
background: rgba(255,255,255,.85);
border: none;
font-size: 15px;
display: inline-block;
vertical-align: middle;
height: 30px;
line-height: 30px;
padding: 5px 10px;
width: 60%;
}
input:focus, textarea:focus { background: #fff;}
.bg-white input, .bg-white textarea {background: url(./images/bg_b_05.png) repeat;background: rgba(0,0,0,.05);}
.bg-white input:focus, .bg-white textarea:focus { background: url(./images/bg_b_10.png) repeat;background: rgba(0,0,0,.1);}


textarea {height: auto;}
form label {display: inline-block; width: 20%;float: left; text-align: right; padding-right: 15px;}
form button.btn {border: none; margin-left: 20%; cursor: pointer;} 
::-webkit-input-placeholder { font-family: Arial,Helvetica,sans-serif; font-style: italic;}
::-moz-placeholder { font-family: Arial,Helvetica,sans-serif; font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { font-family: Arial,Helvetica,sans-serif; font-style: italic; } /* ie */
input:-moz-placeholder, textarea:-moz-placeholder  { font-family: Arial,Helvetica,sans-serif; font-style: italic; }

.email-confirmation, .email-error {font-size: 20px; margin-left: 20%;}
.error-message { margin-left: 20%;}
input.error, textarea.error {margin-bottom: 10px; }


/* images rollover effects */
.imgholder {position: relative; margin-bottom: 15px; overflow: hidden!important; cursor: crosshair; display: block; margin-left: auto; margin-right: auto;}
.imgholder, .imgholder img {line-height: 0;}
.o-gallery .o-item {padding: 0;}
.o-item .imgholder, .carousel_item .imgholder {margin-bottom: 0;}
.carousel_item .imgholder {max-width: 100%;}

.imgholder .actions {
position: absolute; 
bottom: -30px; 
left: 0; 
right: 0; 
height: 20px; 
text-align: center;
}

.imgholder .actions a{
text-decoration: none;
display: inline-block;
width: 30px;
height: 30px;
margin: 0 6px;
padding: 5px;
color: #fff;
text-align: center;
"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8;
}
.imgholder .actions a.glyphicons:before {position: relative; line-height: 30px; width: 30px; height: 30px; font-size: 24px; text-align: center; margin: 0;}
.imgholder .actions a:hover { "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}


/* vertical progress bars */
.pgrogressBarContainer  {
	margin-bottom: 15px;
}
.progressLabel {font-weight: bold; line-height: 22px; display: block; overflow: hidden; margin-bottom: 15px;}

.progressBar {
		width: 400px;
		height: 22px;
		display: inline-block;
}
.labeledProgressBar .progressLabel {display: inline-block; margin-bottom: 0;}
.labeledProgressBar .progressBar { margin-left: 5px;}

.progressBar div {
		height: 100%;
		color: #555;
		text-align: right;
		font-weight: normal;
		line-height: 22px; /* same as #progressBar height if we want text middle aligned */
		width: 0;
		overflow: hidden;
}

/* pie progress bars */

.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.pieContainer {display: inline-block; margin: 0 15px;}

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}


/* parallax */
.parallax { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; position: relative;}
.parallax.stretch { background-size: cover; }
.phone .parallax, .tablet .parallax {background-size: cover; background-position: center center; background-attachment: scroll;}

/* positions */
.position { 
width: 70%; 
margin: 0 auto;
padding: 15px 30px;
background: url(./images/bg_w_05.png) repeat;
background: rgba(255,255,255,.05);
border: 1px dotted;
}


.position h3 {margin-bottom: 15px; margin-top: 15px;}
.position h4 {margin-bottom: 30px; }
.date-detail { font-style: italic; font-size: 14px; margin-bottom: 15px;}
.position { padding-bottom: 30px;}

.position-alt {margin-bottom: 60px;}
.position-alt .dim1fifth {padding-top: 15px; padding-right: 30px;}
.position-alt .dim4fifths {border-left: 1px dotted; padding-bottom: 15px!important; padding-top: 15px; padding-left: 30px; }
.position-alt h4 {line-height: 40px;}

.iconed .iconed-icon {width: 60px;  float: left; height: 60px; }
.iconed .iconed-icon .glyphicons { font-size: 30px; line-height: 60px; -webkit-border-radius: 500px; border-radius: 500px; width: 60px; height: 60px;}
.iconed .iconed-content {padding-left: 75px; text-align: left;}
.iconed .iconed-content h4 {margin-bottom: 5px;}

.iconed-medium .iconed-icon {width: 90px;  float: left; height: 90px; }
.iconed-medium .iconed-icon .glyphicons { font-size: 45px; line-height: 90px; -webkit-border-radius: 500px; border-radius: 500px;; width: 90px; height: 90px;}
.iconed-medium .iconed-content {padding-left: 120px; text-align: left;}
.iconed-medium .iconed-content h4 {margin-bottom: 5px;}

.iconed-large .iconed-icon {width: 105px;  float: left; height: 120px; }
.iconed-large .iconed-icon .glyphicons { font-size: 60px; line-height: 120px; -webkit-border-radius: 500px; border-radius: 500px; width: 120px; height: 120px;}
.iconed-large .iconed-content {padding-left: 135px; text-align: left;}
.iconed-large .iconed-content h4 {margin-bottom: 5px;}


.more {margin-top: 20px;}
.more .btn {margin: 0 4px 5px;}

.timeline-date {padding: 5px 15px; border: 1px dotted #fff; display: inline-block; margin-bottom: 0;}
.timeline-bar {display: block; width: 1px; height: 45px; margin: 0 auto; background: transparent; border-left: 1px dotted; ; position: relative; } 

.timeline-bar.bar-before {height: 90px;}

.portfolio-detail .col {padding-bottom: 0;}


/* lighten elements */
.lighten .btn-nav li > a, .lighten .btn { background: url(./images/bg_w_10.png) repeat; background: rgba(255,255,255,.1); }
.lighten .iconed-icon .glyphicons, .lighten .progressBar { background: url(./images/bg_w_20.png) repeat; background: rgba(255,255,255,.2); } 
.lighten .btn-nav li > a:hover, .lighten .btn:hover { background: url(./images/bg_w_30.png) repeat; background: rgba(255,255,255,.3); }
.lighten .progressBar div {background: #fff; background: rgba(255,255,255,.8); }
.lighten .img-bordered {border-color: #fff !important; border-color: rgba(255,255,255,.3) !important;}
.lighten .owl-theme .owl-controls .owl-page span{ background: url(./images/bg_w_50.png) repeat; background: rgba(255,255,255,.5);}
.lighten .owl-theme .owl-controls .owl-page.active span, .lighten .imgholder.hovered {background: #fff; background: rgba(255,255,255,.8);}

/* darken elements */
.darken .btn-nav li > a, .darken .btn { background: url(./images/bg_b_05.png) repeat; background: rgba(0,0,0,.08); }
.darken .iconed-icon .glyphicons, .darken .progressBar { background: url(./images/bg_b_10.png) repeat; background: rgba(0,0,0,.05); } 
.darken .btn-nav li > a:hover, .darken .btn:hover { background: url(./images/bg_b_20.png) repeat; background: rgba(0,0,0,.2); }
.darken .progressBar div {background: #000; background: rgba(0,0,0,.8); color: #fff !important;}
.darken .img-bordered {border-color: #000 !important; border-color: rgba(0,0,0,.2) !important;}
.darken .owl-theme .owl-controls .owl-page span{ background: url(./images/bg_b_50.png) repeat; background: rgba(0,0,0,.5);}
.darken .owl-theme .owl-controls .owl-page.active span, .darken .imgholder.hovered {background: #000; background: rgba(0,0,0,.8);}

/* dark-container elements */
.dark-container .btn-nav li > a, .dark-container .btn { background: url(./images/bg_w_10.png) repeat; background: rgba(255,255,255,.1); }
.dark-container .iconed-icon .glyphicons, .dark-container .progressBar { background: url(./images/bg_w_20.png) repeat; background: rgba(255,255,255,.2); } 
.dark-container .btn-nav li > a:hover, .dark-container .btn:hover { background: url(./images/bg_w_30.png) repeat; background: rgba(255,255,255,.3); }
.dark-container .progressBar div {background: #fff; background: rgba(255,255,255,.8); }
.dark-container .img-bordered {border-color: #fff !important; border-color: rgba(255,255,255,.3) !important;}
.dark-container .owl-theme .owl-controls .owl-page span{ background: url(./images/bg_w_50.png) repeat; background: rgba(255,255,255,.5);}
.dark-container .owl-theme .owl-controls .owl-page.active span, .dark-container .imgholder.hovered {background: #fff; background: rgba(255,255,255,.8);}

/* light-container elements */
.light-container .btn-nav li > a, .light-container .btn { background: url(./images/bg_b_05.png) repeat; background: rgba(0,0,0,.08); }
.light-container .iconed-icon .glyphicons, .light-container .progressBar { background: url(./images/bg_b_10.png) repeat; background: rgba(0,0,0,.05); } 
.light-container .btn-nav li > a:hover, .light-container .btn:hover { background: url(./images/bg_b_20.png) repeat; background: rgba(0,0,0,.2); }
.light-container .progressBar div {background: #000; background: rgba(0,0,0,.8); color: #fff !important;}
.light-container .img-bordered {border-color: #000 !important; border-color: rgba(0,0,0,.2) !important;}
.light-container .owl-theme .owl-controls .owl-page span{ background: url(./images/bg_b_50.png) repeat; background: rgba(0,0,0,.5);}
.light-container .owl-theme .owl-controls .owl-page.active span, .light-container .imgholder.hovered {background: #000; background: rgba(0,0,0,.8);}

body.nav-lighten .menu-icon 	{background: url(./images/bg_w_05.png) repeat; background: rgba(255,255,255,.05); }
body.nav-lighten .menu-icon:hover {background: url(./images/bg_w_10.png) repeat; background: rgba(255,255,255,.1); }
body.nav-lighten .active .menu-icon {background: url(./images/bg_w_20.png) repeat; background: rgba(255,255,255,.2); }
body.nav-lighten #showLeftPush {background: #fff; }

body.nav-darken .menu-icon 	{background: url(./images/bg_b_10.png) repeat; background: rgba(0,0,0,.1); }
body.nav-darken .menu-icon:hover {background: url(./images/bg_b_20.png) repeat; background: rgba(0,0,0,.2); }
body.nav-darken .active .menu-icon {background: url(./images/bg_b_30.png) repeat; background: rgba(0,0,0,.3); }
body.nav-darken #showLeftPush {background: #000; }

/* carousel */
.owl-carousel {margin-bottom: 30px;}
.owl-carousel.carousel-navigation-side {padding: 0 60px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
.carousel_item {padding: 15px;}
.owl-no-spacing .carousel_item {padding: 0;}
.carousel_item img {margin-bottom: 15px;}
.carousel_item .imgholder img {margin-bottom: 0; line-height: 0;}
.imgfull img {max-width: 100%; height: auto;}
.carousel_item p.quote { font-size: 18px; text-align: left; }
.carousel_item p.author { text-align: center; font-size: 14px;}
.carousel-title {float: left;padding-left: 15px; line-height: 50px; margin-top: 10px;}
.carousel-title.title-centered {position: absolute; width: 100%; text-align: center; padding-left: 0; margin-top: 0;}

.owl-carousel.carousel-navigation-top .owl-controls {float: right; display: inline-block; margin-right: 15px;}
.owl-buttons .owl-prev, .owl-buttons .owl-next { display: inline-block; float: left; margin-left: 8px; }
.owl-buttons .owl-prev .glyphicons, .owl-buttons .owl-next .glyphicons {font-size: 20px; line-height: 24px; }

.owl-carousel.carousel-navigation-bottom .owl-buttons {position: relative;}
.owl-carousel.carousel-navigation-bottom .owl-buttons .owl-prev, .owl-carousel.carousel-navigation-bottom .owl-buttons .owl-next {float: none; margin: 0 4px;}

.owl-carousel.carousel-navigation-side .owl-buttons { position: absolute; top: 45%; left: 0; right: 0; z-index: 1;}
.owl-carousel.carousel-navigation-side .owl-buttons .owl-prev {float: left; margin-left: 0; margin-right: 4px;}
.owl-carousel.carousel-navigation-side .owl-buttons .owl-next {float: right; margin-left: 4px;}
.owl-carousel.carousel-navigation-side .owl-wrapper-outer {z-index: 100;}

/* superslide */
.superslide {position: relative;}
.superslide .slides-container {display: none;}
.superslide .scrollable {*zoom: 1;position: relative;top: 0;left: 0; overflow-y: auto;-webkit-overflow-scrolling: touch; height: 100%;}
.superslide .scrollable:after {content: ""; display: table; clear: both;}

.slides-navigation {margin: 0 auto;position: absolute; z-index: 9990; bottom: 70px; left: 15px; right: 15px;}
.slides-navigation a {position: absolute; display: block;}
.slides-navigation a .glyphicons {font-size: 20px; line-height: 24px;}
.slides-navigation a.prev {left: 15px;}
.slides-navigation a.next {right: 15px;}

.slides-pagination {position: absolute; z-index: 3; bottom: 30px; text-align: center; width: 100%;}
.slides-pagination a {background: url(./images/bg_w_50.png) repeat; background: rgba(255,255,255,.5); text-indent: -999em; display: inline-block; height: 15px; width: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0 5px; opacity: .5;}
.slides-pagination a.current {background: #fff; opacity: 1;}
.slides-pagination a:hover {opacity: 1;}



/* team */
.team h3 {margin-bottom: 0;}
.team h4 {font-weight: 300; }

/* social icons */
.social-icons li {display: inline-block;  }
.social-icons li a {font-size: 30px !important; color: inherit; margin: 0 4px 4px;}
.social-icons a span{display: inline-block; text-indent: -999em;}





/* overlays */
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: repeat; z-index: 2;}
.overlay-custom {opacity: .8; }
.overlay-grid-dark { background-image: url(./images/overlays/grid.png); }
.overlay-grid-light { background-image: url(./images/overlays/grid_light.png); }
.overlay-light { background: url(./images/bg_w_20.png) repeat; background-color: rgba(255,255,255,.2); }
.overlay-dark { background: url(./images/bg_b_20.png) repeat; background-color: rgba(0,0,0,.2); }


/* scrolltop button */
#top {position: absolute; top: 0;}
#scrolltop {
display: block;
width: 40px; height: 40px;
position: fixed; 
bottom: 30px; right: 30px;
z-index: 10;
display: none;
cursor: pointer;
text-align: center;
text-decoration: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: .7;
}
#scrolltop:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;}
#scrolltop .glyphicons, #scrolltop .glyphicons:before {font-size: 20px; line-height: 40px; text-align: center; width: 40px; height: 40px; padding: 0; text-align: center; margin-right: 0; color: #fff;}



/* menu */

#header {width: 100%; position: relative; text-transform: uppercase;} 
#header.scrolled, #header.menu-fixed {position: fixed; top: 0; z-index: 8888;}
.admin-bar #header.scrolled, .admin-bar #header.menu-fixed {top: 28px;}
#header .col {padding-top: 0; padding-bottom: 0;}
#logo {line-height: 0;}
#header .logolink { height: 40px; line-height: 40px;  font-size: 16px; }
#header .logoimage {line-height: 0; display: inline-block; border: none; overflow: hidden;}
#header .logoimage img {line-height: 0; display: inline; border: none;}
#header .logobaseline {display: inline-block; margin-left: 10px;}


#header .wrap {padding: 0;}



#header a {text-decoration: none; font-size: 14px;}
.nav li {position: relative;}
ul.nav > li, div.nav > ul > li {display: inline-block;}
ul.nav a, div.nav > ul a {display: inline-block; padding: 5px 10px;}
ul.nav ul, div.nav > ul ul {text-align: left; position: absolute; display: none; z-index: 9990; width: 180px; padding-top: 0; padding-bottom: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
opacity: .95;
}
ul.nav ul li a, div.nav > ul ul li a {line-height: 22px !important; padding: 2px 15px; }
ul.nav ul > li, div.nav > ul ul > li {padding-bottom: 5px; padding-top: 5px;}
ul.nav ul > li:last-child, div.nav > ul ul > li:last-child {border-bottom: none !important;}

.computer #mobilenav { display: none !important;}
#mobilenavtrigger { display: none; }
.nav { display: block;}
.mobinav {padding-left: 15px;}

/* fix for responsive menu on apple devices */
.phone .nav, .tablet .nav {  display: none; }
	
.phone #logo, .tablet #logo {text-align: center; width: 100%; }
.phone #mobilenav, .tablet #mobilenav {margin-top: 10px; margin-bottom: 15px; }
.phone #pagenav, .tablet #pagenav {position: absolute; top: -5px; right: 15px;}

.phone #header.menu-fixed, .tablet #header.menu-fixed { position: fixed !important; top: 0 !important; z-index: 9990;}

.phone #mobilenavtrigger.hidden, 
.tablet #mobilenavtrigger.hidden {display: table !important; height: 60px;}
.phone #mobilenavtrigger a, 
.tablet #mobilenavtrigger a {display: table-cell; vertical-align: middle; }
.phone #mobilenavtrigger .glyphicons, #mobilenavtrigger .glyphicons i:before,
.tablet #mobilenavtrigger .glyphicons, #mobilenavtrigger .glyphicons i:before {font-size: 28px; height: 60px; line-height: 60px; padding: 0; width: 60px; display: inline; position: relative;}
.phone #logo,
.tablet #logo {width: auto; float: left; height: 60px;}
.phone #header .logolink,
.tablet #header .logolink {line-height: 60px;}
.phone .mobinav,
.tablet .mobinav { margin-top: 15px;}
.phone .mobinav li,
.tablet .mobinav li { text-align: left; position: relative; font-size: 16px; line-height: 24px;}
.phone .mobinav > li,
.tablet .mobinav > li {margin-bottom: 8px; padding-right: ; padding: 0 30px 9px 0;}
.phone .mobinav > li:last-child,
.tablet .mobinav > li:last-child {border-bottom: none !important;}
.phone .mobinav > li li,
.tablet .mobinav > li li { margin-bottom: 6px; padding-bottom:4px; padding-left: 15px;}
.phone .ddmobinav ul,
.tablet .ddmobinav ul {display: none; padding-top: 10px;}
.phone .ddmobilink,
.tablet .ddmobilink {position: absolute; top: 2px; right: 0;}
.phone .ddmobilink .glyphicons, .ddmobilink .glyphicons i:before,
.tablet .ddmobilink .glyphicons, .ddmobilink .glyphicons i:before {display: inline-block; width: 24px; height: 24px; font-size: 18px; line-height: 24px; text-align: center;}



/* push menu related */

/*
.menu {
position: fixed;
left: -220px;
width: 260px;
height: 100%;
top: 0;
z-index: 9999;
text-align: right;
}

.tablet .menu {left: -200px; overflow-y: auto; overflow-x: hidden;}
.phone .menu {left: -200px; height: 60px; overflow: hidden;}
.phone .menu {background: transparent !important;}
.menu.menu-open {left: 0px; overflow-y: auto;}
.phone .menu.menu-open {height: 100%; bottom: 0;  overflow-y: auto; overflow-x: hidden;}

.menu-inner {
position: absolute;
top: 40px;
left: 40px;
width: 220px;
bottom: 0;
}
.tablet .menu-inner {top: 60px;}
.phone .menu-inner {top: 60px; left: -20px; height: auto; bottom: 0;}

#menu-toggle {
position: fixed;
top: 0;
left: 0;
z-index: 11;
display: block;
}
#menu-toggle div { font-weight: bold; font-size: 15px;}
.menu-open #menu-toggle {width: 260px!important;}
.phone #menu-toggle { opacity: .1;}
.phone .menu-open #menu-toggle {opacity: 1; }

.menu-icon {
display: inline-block;
cursor: pointer;
width: 40px;
height: 40px;
margin: 0;
text-align: center;
position: relative;
z-index: 1;
}
.menu-icon:before {
text-align: center;
margin-right: 0!important;
font-size: 18px !important; 
line-height: 40px !important;
}
.active .menu-icon {cursor: default;}
.tablet .menu-icon, .phone .menu-icon { width: 60px; height: 60px; }
.tablet .menu-icon:before, .phone .menu-icon:before { font-size: 26px !important; line-height: 60px !important; }

.menu-icon div{
display: none; 
font-size: 14px; 
top: 7px; 
text-transform: uppercase; 
height: 40px; 
line-height: 40px; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}
.tablet .menu-icon div, .phone .menu-icon div{height: 60px; line-height: 60px; }

.menu-icon div.visible { 
display: inline-block; 
position: absolute;
top: 0; 
left: 40px; 
text-align: left; 
padding: 0 15px; 
width: auto; 
max-width: 300px;
white-space: nowrap;
}

.menu-open .menu-inner {left: 0; width: 260px; text-align: right;}
.menu-open .menuitem {display: block; height: 40px;}
.tablet .menu-open .menuitem, .phone .menu-open .menuitem {height: 60px; }
.menu-open .menuitem.menutrigger {height: 0;}

.menu-open #menu-toggle,
.menu-open .menuitem .menu-icon {width: 100%;text-align: right; float: right;}
.menu-open #menu-toggle:before,
.menu-open .menuitem .menu-icon:before {position: absolute; right: 10px; text-align: right; float: right;}

.menu-open .menu-icon div, .menu-open .menu-icon div.visible {
display: block !important;
position: relative !important;
left: auto;
top: auto;
padding: 0 40px 0 15px !important;
float: right;
background: transparent !important;
text-align: right !important;
white-space: nowrap;
}
.tablet .menu-open .menu-icon div, .tablet .menu-open .menu-icon div.visible,
.phone .menu-open .menu-icon div, .phone .menu-open .menu-icon div.visible {padding-right: 50px !important;}
*/


/* lightbox CSS tweaks */
.tos-wrapper.tos-fixed {z-index: 9999 !important; background-color: #000 !important; background-color: rgba(0,0,0,.85) !important;}
.tos-prev, .tos-next, .tos-close, .tos-play, .tos-zoom:after {border: none !important; background-color: transparent !important; }


.hidden {display: none;}


/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #000; /* change if the mask should have another color then white */
    z-index:9999; /* makes sure it stays on top */
}

#status {
	position: absolute;
	color: #fff; /* centers the loading animation vertically one the screen */
	margin-top: -100px;
	margin-right: 0;
	margin-left: -100px;
	margin-bottom: 0;
	left: 30%;
	top: 30%;
}


/**** CSS TRANSITIONS ****/ 

* {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-transition-property: color, background-color;
-moz-transition-property: color, background-color;
-o-transition-property: color, background-color;
-ms-transition-property: color, background-color;
transition-property: color, background-color;

-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
transition-timing-function: ease;
}

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

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


#mainMenu, #menu-toggle, .headerbox{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.imgholder, .imgholder .actions, .imgholder .actions a, .imgholder img{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}


.shareaholic-tipsy-n .shareaholic-tipsy-arrow{border-left-color:transparent !important;border-right-color:transparent !important; border-bottom-color: #000 !important; }



/* RESPONSIVE */
@media (min-width: 1200px) {
  
}

@media (min-width: 768px) and (max-width: 979px) {
  
 
}

@media (max-width: 767px) {

	.wrap {padding: 45px 0 ;}
	#header .wrap {padding: 0;}
	.footer.smallfooter .wrap {padding: 5px 0;}
	
	.headerbox div.prehead, .headerbox h1, .headerbox h2, .headerbox h3, .headerbox p {max-width: 85%;}
	.headerbox h1 {margin-bottom: 15px;}

	h1 {font-size: 40px; line-height: 50px;}
	h2, .onepage h3 { font-size: 23px;}
	
	h1.pagetitle, .onepage h2 {margin-bottom: 45px; }
	.headerbox h1 {font-size: 30px; line-height: 40px;}
	.headerbox h2 {font-size: 20px; line-height: 24px;}
	h2.pagetitle:after, h2.pagetitle:before, h1.pagetitle:after, h1.pagetitle:before {display: none; }
	h2.pagetitle, h1.pagetitle {font-size: 30px; line-height: 40px;}	
	.progressBar {width: 100%;}
	.position-alt .dim4fifths {border: none; padding-left: 15px;}
	.position-alt .dim4fifths h3 {text-align: center;}
	.position-alt .dim4fifths .more {text-align: center;}
	.position-alt .dim1fifth {text-align: center; padding-bottom: 0; padding-right: 15px; }
	
	p.intro.big { font-size: 26px; line-height: 38px;}
	.bigspacer {height: 30px;}
	
	form.text-left {text-align: center !important;}
	form label {display: block; float: none; text-align: center; margin: 0 0 10px; width: auto; padding: 0;}
	input, textarea {width: 80%;}
	.error-message, form button.btn, .email-confirmation, .email-error {margin-left: 0;}
	
	.nav {  display: none; }
	
	#logo {text-align: center; width: 100%; }
	#mobilenav {margin-top: 10px; margin-bottom: 15px; }
	#pagenav {position: absolute; top: -5px; right: 15px;}
	
	#header.menu-fixed { position: fixed !important; top: 0 !important; z-index: 9990;}
	
	#mobilenavtrigger.hidden {display: table !important; height: 60px;}
	#mobilenavtrigger a {display: table-cell; vertical-align: middle; }
	#mobilenavtrigger .glyphicons, #mobilenavtrigger .glyphicons i:before {font-size: 28px; height: 60px; line-height: 60px; padding: 0; width: 60px; display: inline; position: relative;}
	#logo {width: auto; float: left; height: 60px;}
	#header .logolink {line-height: 60px;}
	.mobinav { margin-top: 15px;}
	.mobinav li { text-align: left; position: relative; font-size: 16px; line-height: 24px;}
	.mobinav > li {margin-bottom: 8px; padding-right: ; padding: 0 30px 9px 0;}
	.mobinav > li:last-child {border-bottom: none !important;}
	.mobinav > li li { margin-bottom: 6px; padding-bottom:4px; padding-left: 15px;}
	.ddmobinav ul {display: none; padding-top: 10px;}
	.ddmobilink {position: absolute; top: 2px; right: 0;}
	.ddmobilink .glyphicons, .ddmobilink .glyphicons i:before {display: inline-block; width: 24px; height: 24px; font-size: 18px; line-height: 24px; text-align: center;}
	
	.tos-content {padding: 15px 0; max-width: 75%;}
	
}