/*------------------------------------*\
    #GENERAL CSS
\*------------------------------------*/


html,
body { height: 100% }

h3 { font-weight: 400; }

@media only screen and (max-width: 767px) {
	h1, h2, h3 { letter-spacing: 0!important; }
	h1 { font-size: 24px!important; }
	h2 { font-size: 22px!important; }
	h3 { font-size: 20px!important; }
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex-column {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
	padding-bottom: 100px;
}
.page-index > .wrapper { padding-bottom: 0; }

.btn { padding: 6px 48px; }
.btn:active, .btn.active { box-shadow: none; }
.btn-green {
	background-color: #98c93c;
	color: #fff;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}
.btn-green:hover, .btn-green:focus {
	color: #fff;
	background-color: #90be39;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.18);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.18);
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.18);
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.center-both {
	min-height: 100%;
	min-height: 100vh;
	height: 100vh;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.box-wrapper {
 	background-color: rgba(236,236,236,0.43);
}
.page-about > .wrapper,
.page-clients > .wrapper,
.page-contact > .wrapper,
.page-works > .wrapper,
.page-careers > .wrapper {
	background: url('../images/bg_footer.jpg') no-repeat bottom 160px center;
	background-size: 100% auto;
}
@media only screen and (max-width: 992px) {
	.page-about > .wrapper,
	.page-clients > .wrapper,
	.page-contact > .wrapper {
		background-image: none;
		padding-bottom: 0;
	}
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/*------------------------------------*\
    #5 COLUMNS LAYOUT
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 767px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/*------------------------------------*\
    #ALWAYS COLLAPSED MENU
\*------------------------------------*/

.navbar-header {
	float: none;
}
.navbar-left,.navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: none;
	box-shadow: none;
}
.navbar-fixed-top {
	top: 0;
}
.navbar-nav {
	float: none!important;
	text-align: center;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-default .navbar-toggle { z-index: 2000; }

/*------------------------------------*\
    #PUSH MENU
\*------------------------------------*/

.navbar-push {
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 0;
	margin-right: 0;
}
.push-canvas {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.push-canvas.pushed-left {
	left: -50%;
}
.navbar-push {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	height: 100%;
	position: fixed;
	width: 50%;
	top: 0;
}
.navbar-default .navbar-nav>li>a {
	font-weight: 300;
}
.navbar-push.navbar-push-left {
	right: -50%;
}
.navbar-push.navbar-push-left.in {
	right: 0;
	background-color: #fff;
}
.pushed-left .navbar-fixed-top {
	left: -50%;
	right: 50%;
}
.pushed-left .navbar-fixed-top .hamburger {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity: 0;
}
@media only screen and (max-width: 767px) {
	.push-canvas.pushed-left { left: -100%; }
	.navbar-push { width: 100%; }
	.navbar-push.navbar-push-left {
	    right: -100%;
	}
}


/*------------------------------------*\
    #HEADER
\*------------------------------------*/

header { min-height: 116px; }
.page-index header { min-height: 0; }
.page-works header,
.page-clients header,
.page-careers header,
.page-contact header { margin-bottom: 64px; }
.navbar {
	-ms-align-items: center;
	align-items: center;
	border: 0;
	height: 116px;
	background-color: #fff;
	margin-bottom: 0;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.page-index .navbar-transparent {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-transparent {
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.transform-waypoint {
	position: absolute;
	top: 60px;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #000000; }

.hamburger {
	margin: 4.5px 0 0 0;
	padding: 10px;
	border: none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.hamburger .icon-bar {
	width: 26px;
	height: 3px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-toggle.close {
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: 22px;
}
.close {
    float: none;
    font-size: 54px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: 1;
    filter: alpha(opacity=100);
}
.close:hover, .close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-nav { margin-top: 20%; }
.navbar-default .navbar-nav>li>a {
	color: #98c93c;
	font-size: 48px;
	line-height: 100px;
	letter-spacing: 0.1em;
	padding: 0;
	text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #b8da78;
    text-decoration: underline;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #b8da78;
    background-color: transparent;
    text-decoration: underline;
}
.logo {
	height: 46px;
	width: auto;
}

@media only screen and (max-width: 992px) {
	.page-works header,
	.page-clients header,
	.page-careers header,
	.page-contact header{ margin-bottom: 0px; }
}

@media only screen and (max-width: 767px) {
	header { min-height: 60px; }

	.page-index header { min-height: 0; }
	.navbar {
		height: 60px;
		display: block;
	}
	.logo {
		height: 30px;
		width: auto;
		margin-top: 15px;
		margin-left: 10px;
	}
	.hamburger { margin-top: 13px; }
	.hamburger .icon-bar {
		width: 22px;
		height: 2px;
	}
	.navbar-toggle.close {
		top: 10px;
		margin-left: -9px;
	}
	.close {
		font-size: 30px;
	}
	.navbar-nav { margin-top: 60px; }
	.navbar-default .navbar-nav>li>a {
		color: #98c93c;
		font-size: 24px;
		line-height: 50px;
		letter-spacing: 0.05em;
	}
}

.navbar .navbar-push { display: block !important; }

.navbar hr {
	width: 50%;
}

/*------------------------------------*\
    #FOOTER
\*------------------------------------*/

footer, .push { height: 160px; }
footer {
	justify-content: center;
}

@media only screen and (max-width: 992px) {
	.footer-logo-wrap {
		-ms-align-items: center;
		align-items: center;
		margin-bottom: 20px;
	}
	.address { text-align: center; }
}

/*------------------------------------*\
    #HP HEADER SECTION
\*------------------------------------*/

#sect-home {
	height: 100vh;
	background-image: url('../images/bg_home.jpg');
	background-position: top center;
	background-size: cover;
	position: relative;
}
#sect-home h1 {
	letter-spacing: 0.08em;
	margin-bottom: 225px;
}
.scroll-button {
	position: absolute;
	bottom: 150px;
	left: 50%;
	margin-left: -55px;
}
.scroll-rhombus {
	cursor: pointer;
	display: block;
	width: 79px;
	height: 79px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
a.scroll-rhombus,
a.scroll-rhombus:hover,
a.scroll-rhombus:active { color: #fff; text-decoration: none; }
.scroll-rhombus span {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	text-align: center;
	line-height: 79px;
}
.scroll-rhombus .center {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url('../images/scroll_arrow.png') no-repeat center 55px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.scroll-rhombus:hover .center {
	background:  url('../images/scroll_arrow.png') no-repeat center 60px;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
@media only screen and (max-width: 767px) {
	.scroll-rhombus { display: none; }
}


/*------------------------------------*\
    #HP PROCESS SECTION
\*------------------------------------*/

#sect-process {
	padding: 70px 0;
	min-height: 1027px;
	background: url('../images/hp_process_bg.png') no-repeat center 255px;
}
#sect-process h2 {
	letter-spacing: 0.08em;
	margin-bottom: 2px;
}
.process-rhombus {
	display: block;
	width: 55px;
	height: 55px;
	background-color: transparent;
	border: 1px solid #a4cf53;
	margin: 0 auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.process-rhombus span {
	display: block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	font-size: 36px;
	line-height: 55px;
}
.process-steps { padding-top: 137px; }
.process-steps h3 {
	letter-spacing: 0.075em;
	color: #98c93c;
	text-transform: uppercase;
	margin-top: 44px;
    margin-bottom: 7px;
}
.process-steps .btn-green {
	margin-top: 98px;
}
#sect-process article {
	padding: 0 30px;
	line-height: 26px;
}

@media only screen and (max-width: 992px) {
	#sect-process { background: none; }
}
@media only screen and (max-width: 767px) {
	#sect-process { padding: 50px 0; }
	.process-steps { padding-top: 50px; }
	#sect-process article { padding-bottom: 50px; }
	#sect-process article:last-child { padding-bottom: 0px; }
	.process-steps h2 { margin-top: 0; }
	.process-steps h3 { margin-top: 25px; }
	.process-steps .btn-green  { margin-top: 50px; }
}

/*------------------------------------*\
    #HP WORKS SECTION
\*------------------------------------*/

#sect-hpworks {
	position: relative;
	background-color: #f8f8f8;
	padding: 70px 0 60px 0;
	border-bottom: 1px solid #ebebeb;
}
#sect-hpworks:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 28%;
	background-color: #fff;
}
#sect-hpworks h2 {
	letter-spacing: 0.08em;
	margin-bottom: 2px;
}
#sect-hpworks p { margin-bottom: 88px; }

.all-works {
	margin-top: 10px;
	z-index: 1;
    position: relative;
}
.flex-center {
	justify-content: center;
	line-height: 1em;
	margin-bottom: 40px;
}
.img-wrapper {
	display: inline-block;
	overflow: hidden;
}
.img-wrapper img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	vertical-align: middle;
}
.img-wrapper img:hover {
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
}
@media only screen and (max-width: 1200px) {
	.flex-center {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 992px) {
	#sect-hpworks:before { background-color: transparent; }
}
@media only screen and (max-width: 767px) {
	#sect-hpworks { padding: 50px 0 40px 0; }
	#sect-hpworks h2 { margin-top: 0; }
	#sect-hpworks p { margin-bottom: 25px; }
}
/*------------------------------------*\
    #CALL OUT SECTION
\*------------------------------------*/

.sect-call-outs {
	position: relative;
	border-bottom: 1px solid #ebebeb;
}
.border-right { border-right: 1px solid #ebebeb; }
.call-out-container { padding: 51px 45px 40px 45px; }
.call-out-container.no-border { border: none; }
.sect-call-outs h3 {
	color: #98c93c;
	margin-top: 0;
	margin-bottom: 19px;
}
.sect-call-outs p {
	height: 105px;
	margin-bottom: 25px;
}
.sect-call-outs .fluid-container {
	content: "";
	height: 1px;
	background-color: #ebebeb;
}
.btn-call-out {
	color: #000;
	border: 1px solid #000;
	border-radius: 4px;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}
.btn-call-out:hover, .btn-call-out:focus {
	color: #98c93c;
	border: 1px solid #9cc23c;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
@media only screen and (min-width: 992px) {
	.sect-call-outs:after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 1px;
		height: 100%;
		background-color: #ebebeb;
	}
}
@media only screen and (max-width: 992px) {
	.call-out-container { border-bottom: 1px solid #ebebeb; }
	.sect-call-outs p { height: auto; }
}

/*------------------------------------*\
    #PAGE ABOUT
\*------------------------------------*/

.page-about > .wrapper { padding-bottom: 230px; }
.page-about > .wrapper {
	background: url('../images/bg_about_footer.jpg') no-repeat bottom 160px center;
	background-size: 100% auto;
}
.page-about #sect-about-us img { width: 100%; }
.page-about h2 {
	font-size: 24px;
	color: #98c93c;
	letter-spacing: 0.05em;
	margin-top: 97px;
	margin-bottom: 15px;
	line-height: 20px;
}
.page-about h2 small, .page-about h2 .wysiwyg-font-size-smaller {
	color: #000;
	font-size: 14px;
	font-weight: 600;
}
.page-about p {
	line-height: 24px;
	padding-right: 30px;
	font-weight: 300;
	margin-bottom: 8px;
}
.page-about p span { color: #98c93c; }
.page-about a {
	font-size: 14px;
	font-weight: 600;
}
.about-img-cover {
	position: relative;
	top: -75px;
}
.about-img-cover img {
	-webkit-box-shadow: -50px -50px 0px 0px rgba(152,201,61,0.49);
	-moz-box-shadow: -50px -50px 0px 0px rgba(152,201,61,0.49);
	box-shadow: -50px -50px 0px 0px rgba(152,201,61,0.49);
}
.about-row-margin { margin-bottom: 177px; }

@media only screen and (max-width: 992px) {
	.page-about > .wrapper {
		padding-bottom: 50px;
	}
	.page-about h2 { margin-top: 50px; }
	.about-row-margin { margin-bottom: 50px; }
	.about-img-cover {
		position: initial;
	}
	.about-img-cover img {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}
@media only screen and (max-width: 767px) {
	.about-row-margin { margin-bottom: 0px; }
}


/*------------------------------------*\
    #PAGE CAREERS
\*------------------------------------*/

.page-careers h2 {
	font-size: 24px;
	color: #98c93c;
	letter-spacing: 0.05em;
	margin-bottom: 15px;
	line-height: 1;
}

.page-careers p,
.page-careers ul {
	line-height: 24px;
	font-weight: 300;
}s
.page-careers a {
	font-size: 14px;
	font-weight: 600;
}


/*------------------------------------*\
    #PAGE WORKS
\*------------------------------------*/

.no-gutter  img {
	width: 100%;
	height: auto;
}
.no-gutter .img-wrapper { display: block }

/*------------------------------------*\
    #PAGE CLIENTS
\*------------------------------------*/

.page-clients .box-wrapper {
	padding: 7px 30px 0px 30px;
}

.page-clients .box-wrapper h1 {
	font-size: 36px;
	letter-spacing: 0.08em;
}
.page-clients .box-wrapper p {
	margin-bottom: 67px;
}
.page-clients .client-wrap {
	margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
	.page-clients .box-wrapper { padding: 7px 20px 0px 20px; }
	.page-clients .client-wrap { margin-bottom: 10px; }
}
@media only screen and (max-width: 992px) {
	.page-clients .box-wrapper { padding-bottom: 2	0px; }
	.page-clients .client-wrap { margin-bottom: 10px; }
}


/*------------------------------------*\
    #PAGE CAREERS
\*------------------------------------*/

.page-careers .box-wrapper {
	padding: 7px 30px 0px 30px;
}

.page-careers .box-wrapper h1 {
	font-size: 36px;
	letter-spacing: 0.08em;
}

.page-careers .client-wrap {
	margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
	.page-careers .box-wrapper { padding: 7px 20px 0px 20px; }
	.page-careers .client-wrap { margin-bottom: 10px; }
}
@media only screen and (max-width: 992px) {
	.page-careers .box-wrapper { padding-bottom: 2	0px; }
	.page-careers .client-wrap { margin-bottom: 10px; }
}

.page-careers .btn-enq { padding: 50px 0; }


/*------------------------------------*\
    #PAGE CONTACT
\*------------------------------------*/

.page-contact .box-wrapper {
	padding: 34px 0 75px 0;
}
.page-contact h1 {
	font-size: 24px;
	letter-spacing: 0.05em;
	color: #98c93c;
	margin-bottom: 10px;
}
.page-contact h2 {
	font-size: 20px;
	letter-spacing: 0.08em;
	color: #98c93c;
	margin-bottom: 10px;
}

.page-contact .box-wrapper p {
	margin-bottom: 26px;
}
.page-contact p.social { margin-bottom: 10px; }
.page-contact p span { color: #98c93c; }
.page-contact a {
	font-size: 14px;
	font-weight: 600;
}
.page-contact form { margin-top: 36px; }
.box-wrapper .form-group { margin-bottom: 5px; }
.box-wrapper .form-group p {
	margin-bottom: 0;
	font-size: 12px;
	color: orange;
	font-weight: 600;
}
.box-wrapper .form-group p ul {
	margin-bottom: 0;
	list-style: none;
	padding: 0;
}
label {
	font-weight: 600;
	color: #98c93c;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1em;
}
.form-control {
	width: 100%;
	height: 30px;
	padding: 1px 12px;
	border: none;
	box-shadow: none;
}
address {
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}
@media only screen and (max-width: 992px) {

	.page-contact .box-wrapper {
		padding: 20px 0;
	}

	.page-contact form {
		margin-top: 0;
		padding-top: 25px;
		border-top: 1px solid #ebebeb;
	}
}


/*------------------------------------*\
    #USE CASES
\*------------------------------------*/

.work img {
	display: block;
	max-width: 100%;
	height: auto;
}

.work .header-image,
.work .bottom-image { width: 100%; }

.wysiwyg-float-left { float: left; }

.wysiwyg-float-right { float: right; }

.work h1 { margin: 93px 0; }
.work h2 {
	color: #9aca3f;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 25px;
}
.work h3 {
	color: #b2d76e;
	font-size: 16px;
	margin: 0 0 3px 0;
}
.work .description {
	position: relative;
}
.work .description img {
	position: relative;
	z-index: 10;
	margin-top: 170px;
}
.work .description:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 68%;
	background: #fefefe;
	background: -webkit-linear-gradient(#fefefe 0%, #f8f8f8 100%);
	background: -o-linear-gradient(#fefefe 0%, #f8f8f8 100%);
	background: linear-gradient(#fefefe 0%, #f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 );
}
.work .project-details p { margin-bottom: 30px; }
.work .project-text p { margin-bottom: 26px; }
.work .project-details {
	padding-left: 20px;
	margin-top: 3px;
	border-left: 1px solid #e1e1e1;
}
.work .description-2,
.work .description-3 { margin: 100px 0 100px 0; }

img.wysiwyg-float-right { padding-left: 50px; }
img.wysiwyg-float-left { padding-right: 50px; }

.works-navigation img {
	display: inline-block;
	margin: 0 35px;
}
.works-navigation-wrapper {
	position: relative;
	margin: 0 4%;
}
.works-navigation-wrapper:before {
	position: absolute;
	content: "";
	height: 1px;
	margin-top: -1px;
	width: 100%;
	background-color: #98c93c;
	top: 50%;
	left: 0;
	right: 0;
}
.works-navigation {
	background-color: #fff;
	padding: 0 40px;
}
.works-navigation p { margin: 0; }
.works-navigation a { color: #000; }
.works-navigation a:hover,
.works-navigation a:focus
{
	color: #000;
	text-decoration: underline;
}

@media only screen and (max-width: 992px) {
	.wysiwyg-float-left,
	.wysiwyg-float-right { float: none; }
	img.wysiwyg-floatt-left,
	img.wysiwyg-float-right { margin: 0 auto; }

	.work h1 { margin: 25px 0; }
	.work h2 { margin-bottom: 15px; }
	.work h3 { margin: 0; }

	.work .project-details {
		margin-left: 10px;
		margin-top: 0;
		margin-bottom: 25px;
	}
	.work .project-details p { margin-bottom: 10px; }
	.work .project-text p { margin-bottom: 15px; }
	.work .description img { margin-top: 50px; }

	.work .description-2,
	.work .description-3 {
		margin: 50px 0 50px 0;
	 	text-align: center;
	 }
	img.wysiwyg-float-right,
	img.wysiwyg-float-left { padding: 0 0 25px 0; }
	.works-navigation-wrapper:before { display: none; }
	.works-navigation img { margin: 0 10px; }
	.works-navigation { padding: 0; }
}
@media only screen and (max-width: 380px) {
	.works-navigation img { display: none; }
}


/*------------------------------------*\
    #LOCALE SWITCHER
\*------------------------------------*/

#locale-switcher {
  text-transform: uppercase;
	font-size: 20px;
	font-weight: 300;
	text-align: center;
}
#locale-switcher .current {
	border-bottom: 1px dotted #d9d9d9;}