@import url('font-awesome.css');
@import url('font-linea.css');
@import url('font-et-line.css');
/*--------------------------------------------------
				      RESET
---------------------------------------------------*/
pre,code {
	font-family:"Times New Roman", Times, serif;
	white-space:pre;
	letter-spacing: 0.1em;
}
pre {
	padding:20px;
}
code{
	padding:5px;
}
code, kbd, pre {
	border-radius: 3px;
	background:#f8f8f8;
	font-size: 0.75em;
	color: #666666;
}
.clear:after {
    clear: both;
    content: "";
    display: block;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	
	margin:0px; 
	padding:0px; 
	border:0px; 
	border-collapse:separate; 
	border-spacing:0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-decoration:none;
	-ms-word-wrap: break-word;
    word-wrap: break-word;
	word-break:normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block; }
#wrapper, .sb-site-container, .sb-slidebar, body, html { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box; }
body,html{ width:100%; }

body { 
	width:100%;max-width: 100%;  
	height: auto !important;
    min-height: 100%;
    position: relative;
}
*::-moz-selection{ color: #fff; background: #0000FF; }
*::selection { color: #fff; background: #0000FF; }
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	color: rgba(0, 0, 0, .7) !important;
	background-color: #fff;
	overflow-x: hidden; 
}
.fullpage-slider {
	overflow-y: hidden !important;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.2;
}
h1{
	font-size:44px;
	line-height: 1.6;
}
h2{
	font-size: 32px;
	line-height: 1.6;
}
h3{
	font-size:26px;
	line-height: 1.6;
}
h4{
	font-size:20px;
	line-height: 1.6;
}
h5{
	font-size:16px;
	line-height: 1.6;
}
h6{
	font-size:14px;
}
.outset {
    float: left;
	position: relative;
}
.outset {
    width: 90% !important;
}
.outset.left {
    margin-left: -10%;
    margin-right: 30px;
}
.outset.right {
    margin-right: -10%;
    margin-left: 30px;
    float: right;
}
.outset.left_right {
    width: 120% !important;
    margin-left: -10%;
	margin-top: 20px;
	margin-bottom: 30px;
}

blockquote {
	width: 100%;
	margin: 10px 0 20px 0;
	padding: 40px;
    position: relative;
}
blockquote.left {
	float: left;
	width: 60%;
	margin: 10px 30px 20px 0;
	padding: 25px;
    position: relative;
}
blockquote.right {
	float: right;
	width: 60%;
	margin: 10px 0 20px 30px;
	padding: 25px;
    position: relative;
}
blockquote p:first-child, blockquote p:last-child {
	margin-bottom: 0;
}
blockquote p a {
	text-decoration: none;
}
blockquote small {
    margin-top: 35px;
	display:block;
	font-family: "Open Sans", sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.3em;
}
blockquote { 
	border-bottom: 5px solid rgba(0, 0, 0, 0.04);
    border-top: 5px solid rgba(0, 0, 0, 0.04);
	padding: 25px;
	margin-bottom: 20px;
}
blockquote p {
	font: 400 30px/41px 'Playfair Display', sans-serif;
	word-spacing: 2px;
}
blockquote p:first-of-type::after, blockquote p:first-of-type::before {
    font-size: 30px;
    line-height: 0;
	font-family: 'Open Sans', sans-serif;
}
blockquote p:first-of-type::after {
    content: close-quote;
	margin-left: 10px;
    vertical-align: 0.05em;
}
blockquote p:first-of-type::before {
    content: open-quote;
	margin-right: 10px;
    vertical-align: 0.03em;
}
p {
	margin-bottom: 14px;
}
p:last-child {
	margin-bottom: 0;
}
em, dfn, cite {
	font-style: italic;
}
strong, b {
	font-weight: 600;
}
small { 
	font-size: 12px;
    letter-spacing: 0;
    word-spacing: 2px;
	line-height: 18px;
}
small.heading { margin-bottom: 10px; letter-spacing: 5px; word-spacing: 5px; margin-right: 3px; }
.uppercase {
	text-transform: uppercase;
}
ul, ol {
    margin: 20px 0;
    padding-left: 20px;
	display:block;
}
ol {
    list-style: outside none decimal;
}
ul {
    list-style: outside none disc;
}
ul li, ol li {
    margin-top: 0;
}
ul > li > ul, ol > li > ol {
    margin-left: 20px;
    margin-top: 0;
    padding-left: 0;
}
dl {
    margin: 20px 0;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 0 1.75em;
}
abbr, acronym {
    border-bottom: 1px dotted currentColor;
    cursor: help;
}
big {
    font-size: 125%;
}
sub {
    font-size: 10px;
    vertical-align: sub;
}
sup {
    font-size: 10px;
    vertical-align: super;
}
mark, ins {
	text-decoration:underline;
}
table {
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}
table tr:nth-child(2n+1) {
    background-color: #f8f8f8;
}
table td {
    border-color: currentcolor rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) currentcolor;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    font-size: 13px;
    padding: 10px;
}
table td, table th {
    border-color: currentcolor rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) currentcolor;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    overflow: visible;
}
table tr th:first-child, table tr td:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: currentColor;
    opacity: 1;
}
form select {
    color: currentColor;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: currentColor;
}
input, textarea, select {
	outline: medium none;
	font-family: "Open Sans", sans-serif;
	font-size:14px;
	color: currentColor;
	word-spacing: 0.2em;
	padding: 15px;	
	border: none;
	background-color: #f4f4f4;
	border-radius: 1px;
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
	width: 100%;
	margin-bootom: 15px;
}
input:focus, textarea:focus, select:focus, 
.background-light-grey input:focus, .background-light-grey textarea:focus, .background-light-grey select:focus {
	background-color: #fffcec;
	color: currentColor;
}
input.submit.rounded { border-radius: 200px; }
input[type="submit"], button[type="submit"], input[type="button"] {
	width: auto;
    cursor: pointer;
    display: block;
	font: 700 11px/22px 'Open Sans', sans-serif;
    letter-spacing: 1px;
	text-transform:uppercase;
    padding: 12px 20px 10px 20px !important;
}

input.outlined, textarea.outlined, select.outlined {
	border: 2px solid rgba(0, 0, 0, 0.07);
	background: transparent;
}
input.outlined:focus, textarea.outlined:focus, select.outlined:focus {
	border-color: rgba(0,0,0, 0.7);
	background-color: transparent !important;
}
.outlined input.submit {
	background-color: currentColor;
}
.minimal input, .minimal textarea, .minimal select {
	background-color: transparent;
	padding: 15px 0;	
	border-radius: 0;
	border: none;
}
.minimal input:focus, .minimal textarea:focus, .minimal select:focus {
	background-color: transparent;
	border-color: transparent transparent currentColor transparent;
    font-size:16px;
}
.minimal input, .minimal textarea, .minimal select, .minimal label {
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	font-size: 16px;
    letter-spacing: 0;
}
.minimal textarea {
	margin-bottom: -4px;
}
.minimal p {
	position: relative;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
}
.minimal label { 
    letter-spacing: 0;
	text-transform: none;  
	color:currentColor; 
    font-size:16px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:0;
    top:40px;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}
.minimal input:focus ~ label, .minimal input:valid ~ label, .minimal textarea:focus ~ label, .minimal textarea:valid ~ label,
.minimal span input:focus ~ label, .minimal span input:valid ~ label, .minimal span textarea:focus ~ label, .minimal span textarea:valid ~ label {
    top: 10px;
    font-size:12px;
    color: currentColor;
    font-weight:bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	opacity: 0.6;  
}
.minimal .bar 	{ 
	position:relative; 
	display:block; 
	width:100%; 
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: transparent transparent currentColor transparent;
}
.minimal .bar:after 	{
    content:'';
    height:2px;
	position: absolute; 
    width:0;
  	left: 0;
    bottom: -1px; 
    position:absolute;
    background:currentColor; 
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all; 
}
.minimal .bar:after {
    left:0%; 
}
.minimal input:focus ~ .bar:after, .minimal textarea:focus ~ .bar:after,
.minimal span input:focus ~ .bar:after, .minimal span textarea:focus ~ .bar:after {
    width:100%;
}
.minimal p.select:after {
    right: 0;
    top: 50px;
}
.minimal input.submit {
	border-style: solid;
	border-width: 1px;
	font: 700 11px/22px 'Open Sans', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
form.table {
    border: 2px solid currentColor;
    position: relative;
    width: 100%;
}
@media (min-width: 641px) {
form.table > div:last-child {
    border-bottom: none;
}
}
form.table p {
    border-bottom: 1px solid currentColor;
    position: relative;
	padding-bottom: 0;
	margin-right: 0;
}
@media (min-width: 641px) {
form.table p {
    border-right: 1px solid currentColor;
}
form.table p:last-child {
    border-right: 0 none;
}
}
.form.table .relative p {
    border-bottom: 0 none;
}
form.table input, form.table textarea, form.table select, form.table label {
    background: transparent;
    border: 0 none;
    border-radius: 0;
    display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	line-height: 18px;
    margin: 0;
    padding: 20px;
    width: 100%;
}
form.table label { 
    letter-spacing: 0;
	font-size: 12px;
	text-transform: none;
}
form.table input:focus, form.table textarea:focus, form.table select:focus {
	background-color: transparent;
}
form.table textarea {
    min-height: 300px;
    resize: none;
	padding-bottom: 55px;
}
form.table input[type=checkbox],
form.table input[type=radio] {
    display: inline-block;
    width: 18px;
    margin: 5px 0 20px 20px;
}
form.table label {
    padding: 20px 20px 0 20px;
    margin: 0;
}
form.table p.submit, form.table p.submit:hover {
    bottom: -1px;
    display: block;
    height: 50px;
    width: 80px;
    position: absolute;
    right: -2px;
	padding: 0;
	border: none;
	z-index: 9;
	background-color: transparent;
}
form.table .submit {
    cursor: pointer;
	background-color: transparent;
    bottom: 1px;
    display: block;
    height: 48px;
    width: 58px;
    position: absolute;
    right: 2px;
	padding: 0;
    border-color: currentColor transparent transparent currentColor;
    border-style: solid;
    border-width: 1px 0 0 1px;
	z-index: 9;
}
form.table .submit:hover {
	background-color: currentColor;
    border-color: currentColor transparent transparent currentColor;
}
form.table .submit::after, form.table .submit::before {
    position: absolute;
    top: 50%;
    transition: all 0.3s ease 0s;
	z-index: 99;
}
form.table .submit::after {
    border-color: transparent transparent transparent currentColor;
    border-style: solid;
    border-width: 6px 0 5px 5px;
    content: "";
    height: 0;
    margin-top: -5px;
    right: 40px;
    width: 0;
}
form.table .submit:hover::after {
    right: 15px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}
form.table .submit::before {
	background-color: currentColor !important;
	content: "";
	height: 1px;
	right: 45px;
	width: 25px;
}
form.table .submit:hover::before {
    right: 20px;
	background-color: rgba(255, 255, 255, 1) !important;
}
input[type=checkbox],
input[type=radio]{
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
input[type=checkbox] + span,
input[type=radio] + span {
  margin-left: -18px;
  margin-right: 13px;
}
input[type=checkbox] + span + span,
input[type=radio] + span + span {
  margin-right: 25px;
}
input[type=checkbox] + span,
input[type=radio] + span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid currentColor;
  vertical-align: middle;
  opacity: 1;
}
input[type=radio] + span{
  border-radius: 50%;
}
input[type=checkbox]:checked + span:before{
  content: '✓';
  display: block;
  width: 15px;
  color: currentColor;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  font-weight: bold;
}
input[type=radio]:checked + span > span {
  display: block;
  width: 6px;
  height: 6px;
  margin: 5px 0 0 5px;
  border-radius: 50%;
  background: currentColor;
}

form > div {
    display: flex;
	display: -webkit-flex;  
}
form p {
    flex: 1 1 0;
	-webkit-flex: 1 1 0;
	margin-right: 3%;
}
form p {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	padding-bottom: 30px;
	text-align: left;
}
form p:last-child {
    margin-right: 0;
}
.relative {
    position: relative;
}
form select, select {
    -moz-appearance: none;
    background: #f4f4f4;
    cursor: pointer;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	font-size: 12px;
}
.text-align-center form select, .text-align-center select {
	text-align-last: center;
}
form select, select {
  background-image:
    linear-gradient(45deg, transparent 50%, currentcolor 50%),
    linear-gradient(135deg, currentcolor 50%, transparent 50%);
    background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
}

form select option[value=""][disabled] {
    display: none;
}
p.select:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: currentcolor transparent transparent transparent;
}
p.select select {
    background-image: none;
    border: 0 none;
}
form span {
	display: inline;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
form label {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 18px;
	margin-bottom: 5px; 
}
form.minimal label {
	margin-bottom: 0; 
}

a { 
	-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; 
	-o-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; 
	transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s;
	outline:none;
	color: rgba(0, 0, 0, 0.75);
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.title {
    letter-spacing: 0.2em;
}
.title, .title a { 
	text-decoration: none;
}
img {  
    max-width:100%;
	vertical-align: middle;
	height: auto;
}
.imageHolder { position: relative; width: 100%; height: 100%; } 
.imageHolder .caption { position: absolute; height: auto; bottom: 0px; left:0px; padding: 5px 8px 5px 10px; color: currentColor; font-size: 12px; letter-spacing: 0.05em; word-spacing: 4px; }
.hero-wrapper {  
	min-height: 100%;
    position: relative;
    width: 100%;
    top: 0;
    z-index: 1;
}
.radius-200 {
    border-radius: 200px;
}
.alignleft {
	float:left !important;
	margin: 0 20px 0 0;
}
.alignright {
	float:right !important;
	margin: 0 0 0 20px;
}
.aligncenter {
	display: block;
	margin: 0 auto !important;
	float:none !important;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}

.divider {
	width: 100%;
    height: 70px;
	margin: 0 auto;
    display: block;
	overflow: hidden;
}
.divider.border {
	padding: 50px 0;
	margin: 0 !important;
}
.divider.border span {
    display: block;
    position: relative;
}
.divider.border span:before {
    height: 1px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
	background-color: currentColor;
	opacity: 0.4;
}
.divider.small {
    display: block;
	margin: 0 auto;
	padding: 34px 0;
    width: 100%;
	background-color: transparent;
}
.divider.small span:before {
    height: 2px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
	background-color: currentColor;
	margin-right: 5px;
}
.divider.small span {
    display: block;
    position: relative;
    width: 50px;
}
.text-align-center .divider.small span, .text-align-center.divider.small span {
    margin: 0 auto;
}
.text-align-right .divider.small span, .text-align-right.divider.small span {
    float: right;
}
/*--------------------------------------------------
			SCROLL TO TOP
---------------------------------------------------*/
#back-top {
    display: none;
}
#back-top {
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 1000;
	background: no-repeat center 0 transparent;
	width: 50px;
	height: 40px;    
	transition: transform 0.5s cubic-bezier(0.160, 0.80, 0.40, 1) 0s;
	-webkit-transition: transform 0.5s cubic-bezier(0.160, 0.80, 0.40, 1) 0s; 
	-o-transition: transform 0.5s cubic-bezier(0.160, 0.80, 0.40, 1) 0s; 
}
#back-top {
	font-size: 32px; 
	color: rgba(0, 0, 0, 0.75);
}
#back-top:hover {   
	transform: translate3d(0px, -5px, 0px);
	-webkit-transform: translate3d(0px, -5px, 0px); 
	-o-transform: translate3d(0px, -5px, 0px); 
}
/*--------------------------------------------------
			MAIN CONTENT
---------------------------------------------------*/

#wrapper, .wrapper-holder { width:100%; min-height:100vh; position:relative; z-index:1; }
#wrapper:after, #wrapper:before, .wrapper-holder:after, .wrapper-holder:before { content:' '; display:table; clear:both; }

.navbar.fixed { background-color: transparent !important; box-shadow: 0 0 3px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.navbar { border: none; width: 100%; position:fixed; z-index:1030; }

body.fixed .navbar-fixed { 
	box-sizing: content-box;
    height: 100%;
	z-index:10;   
	position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
	z-index:1030; 
	width: 280px; 
	box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3); 
} 
body.fixed.left .navbar-fixed { 
    left: 0;
} 
body.fixed.right .navbar-fixed { 
    right: 0;
} 
body.fixed.right .navbar-fixed { 
    overflow-y: scroll;
	right: -15px;
	padding-right: 15px;
}   
body.fixed #wrapper { 
	width:100%; 
	min-height:100vh; 
}
body.fixed.left #wrapper { 
	padding-left: 280px; 
}
body.fixed.right #wrapper { 
	padding-right: 280px; 
}
body.fixed .navbar-fixed #header-wrapper {
	padding: 0;
    height: 100%;
	background: transparent!important;
}
body.fixed .navbar-fixed.background-image {
    min-height: auto;
}
body.fixed .navbar-fixed .header {
    height: 100%;
	width: 280px;
	padding: 0;
}
body.fixed .navbar-fixed .content { 
	box-sizing: content-box;
	font-size: 13px;
    height: 100%;
	background: transparent;
	z-index:1001;
    display: table;
	position:relative; 
} 
body.fixed.right .navbar-fixed .content { 
	margin-right: -15px;
} 
body.fixed .navbar-fixed .holder {
    width: 280px; 
	padding: 0;
    display: table-cell;
    vertical-align: baseline;
    height: 100%;
}
body.fixed .navbar-fixed .row {
    height: 100%;
    display: table;
	position:relative; 
}
body.fixed .navbar-fixed #logo, body.fixed .navbar-fixed #header-wrapper.white_bg #logo {   
    padding: 50px 50px 50px 30px;
	padding-bottom: 0;
}
body.fixed .navbar-fixed .widget {
	margin-bottom: 70px;
	z-index:1001;
    display: inline-block;
	width: 280px;
}
body.fixed .navbar-fixed .footer {   
    position: absolute;
    bottom: 50px;
    left: 30px;
	width: 200px;
	z-index:1000;
	margin-bottom: 0;
}

.nav-up {
	-webkit-transform: translate3d(0px, -100px, 0px);
	-o-transform: translate3d(0px, -100px, 0px);
	transform: translate3d(0px, -100px, 0px);
	
}
#header-wrapper {
	width: 100%;  
    position: relative;
	margin: 0 auto !important;
	z-index:9998;
	background: transparent;
	-webkit-transition: all 0.4s cubic-bezier(0.37, 0.31, 0.2, 0.85) 0s; 
	-o-transition: all 0.4s cubic-bezier(0.37, 0.31, 0.2, 0.85) 0s; 
	transition: all 0.4s cubic-bezier(0.37, 0.31, 0.2, 0.85) 0s;
}
.navbar.fixed #header-wrapper.white_bg.transparent {
	background-color: transparent !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0);
}
#header-wrapper.white_bg {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.06);
}
#header-wrapper.white_bg.transparent {
	background-color: transparent !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#header-wrapper.transparent, #header-wrapper.transparent.black {
	background-color: transparent;
}
#header-wrapper.black, #header-wrapper.black.white_bg, #header-wrapper.transparent.black.white_bg {
	background-color: #2e2d2c;
}
.header {
	width: 1440px;
	max-width: 1440px;
	margin: 0 auto;
	position: relative;    
    height: 100%;
    display: table;
	padding: 0 80px;
}
.header.fullwidth {
	width: 100%;
	max-width: 100%;
	padding: 0 40px;
}
.header.clear:after {
	height: 100%;
}

#logo {
	padding: 10px 0;
	margin: 0;
    z-index: 1000;  
	display: inline-table;
    height: 100% !important;
    vertical-align: middle;
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
#logo.close {
	opacity: 0;
	z-index: -1;
}
#logo a {
    height: 100%;
}
.light_logo #dark-logo {
    display: none;
}
.light_logo #light-logo {
    display: block;
}
.dark_logo #light-logo {
    display: none;
}
.dark_logo #dark-logo {
    display: block;
}

.white_bg .light_logo #dark-logo {
    display: block !important;
}
.white_bg .light_logo #light-logo {
    display: none !important;
}
.white_bg .dark_logo #light-logo {
    display: none !important;
}
.white_bg .dark_logo #dark-logo {
    display: block !important;
}

.no_overflow .light_logo #dark-logo {
    display: block;
}
.no_overflow .light_logo #light-logo {
    display: none;
}
.no_overflow .dark_logo #light-logo {
    display: none;
}
.no_overflow .dark_logo #dark-logo {
    display: block;
}





#header-wrapper.white_bg #logo.light_logo #dark-logo, #header-wrapper.menu-open #logo.light_logo #dark-logo {
    display: block;
}
#header-wrapper.white_bg #logo.light_logo #light-logo, #header-wrapper.menu-open #logo.light_logo #light-logo {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 985px) {
#logo.light_logo #dark-logo, #logo.light_logo #dark-logo {
    display: block;
}
#logo.light_logo #light-logo, #logo.light_logo #light-logo {
    display: none;
}
}

.holder {
	max-width: 1440px;
	margin: 0 auto;
	z-index: 999;
	position: relative;
	padding: 100px 80px;
}
.holder.fullwidth {
	width: 100%;
	max-width: 100%;
	padding: 100px 0;
}
.holder.padding {
	padding: 100px;
}
.holder.width-50 { width:50%; max-width: 50%; }
.holder.width-55 { width:55%; max-width: 55%; }
.holder.width-60 { width:60%; max-width: 60%; }
.holder.width-65 { width:65%; max-width: 65%; }
.holder.width-70 { width:70%; max-width: 70%; }
.holder.width-75 { width:75%; max-width: 75%; }
.holder.width-80 { width:80%; max-width: 80%; }
.holder.width-85 { width:85%; max-width: 85%; }
.holder.width-90 { width:90%; max-width: 90%; }
.holder.width-95 { width:95%; max-width: 95%; }

.holder.width-50, .holder.width-55, .holder.width-60, .holder.width-65, .holder.width-70, .holder.width-75, .holder.width-80, .holder.width-85, .holder.width-90, .holder.width-95 { padding-right:0; padding-left:0; }

.holder.no-padding {
	padding: 0;
}
.no-padding-top {
	padding-top: 0;
}
.no-padding-bottom {
	padding-bottom: 0;
}
.no-padding-top-bottom {
	padding-top: 0;
	padding-bottom: 0;
}
.no-padding-left {
	padding-left: 0;
}
.no-padding-right {
	padding-right: 0;
}
.no-padding-left-right {
	padding-left: 0;
	padding-right: 0;
}
.minimized {
	padding: 45px 0;
}
.holder:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.content {
	z-index: 99;
	position: relative;
	background: #fff;
}
.content.overlap {
	margin-top: -100px;
}
.content.overlap .row:first-child{
	margin-top: -100px;
}

.background-image {
    background-attachment: scroll !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    min-height:35vh;
    z-index: 1;
}
.background-image.featured {
	width: 1280px;
	margin: 0 auto;
	float: none;
	position: relative;
}
.padding-featured {
    padding: 10% 0;
}


.parallax {
    background-attachment: fixed !important;
}
.parallax.off {
    background-attachment: fixed !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}
.parallax.removed, .parallax.off.removed {
    background-attachment: scroll !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}


.percentage-15 { height:15vh; }
.percentage-20 { height:20vh; }
.percentage-25 { height:25vh; }
.percentage-30 { height:30vh; }
.percentage-35 { height:35vh; }
.percentage-40 { height:40vh; }
.percentage-45 { height:45vh; }
.percentage-50 { height:50vh; }
.percentage-55 { height:55vh; }
.percentage-60 { height:60vh; }
.percentage-65 { height:65vh; }
.percentage-70 { height:70vh; }
.percentage-75 { height:75vh; }
.percentage-80 { height:80vh; }
.percentage-85 { height:85vh; }
.percentage-90 { height:90vh; }
.percentage-95 { height:95vh; }


.diagonal {
    display: table;
    height: 100%;
    width: 100%;
    min-width: 300%;
    transform: skew(-10deg);
	-webkit-transform: skew(-10deg); 
	-o-transform: skew(-10deg); 
}
.diagonal {
    content: "";
    position: absolute;
    left: -70px; 
	top:0;
}
.diagonal .midway .midway1 {
    padding: 10% 10% 10% 0;
}

.midway {
    height: 100%;
    margin: 0 auto;
    width: 100%;
    display: table;
	table-layout: fixed;
	content: "";
	position: relative;
}
.background-image .midway {
    min-height:35vh;
}
.midway .midway1 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
	padding: 15%;
	-webkit-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.midway .midway1.vertical-align-bottom {
    vertical-align: bottom;
}
.midway .midway1.vertical-align-top {
    vertical-align: top;
}
a.midway, .midway a.midway1 {
	text-decoration:none;
}



.hero-holder img, .hero-holder iframe {
    overflow-x: hidden;
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.hero-holder {
    width: 100%;
    height: 100%;    
	content: " ";
    display: table;
    table-layout: fixed; 
}
.hero-content {
	width: 100%;
    height: 100%;
    display: table;
	content: " ";
	padding: 0 50px;
    z-index: 99999;
}
.one .hero-content {
	margin: 0 auto;
	padding: 0;
}
.fixed.left .one .hero-content {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.hero-content .text {
	height: 100%;
	width: 100%;
	display: table-cell;
    vertical-align: middle;
}
.post-prev-img img {
    width: 100%;
}


.hero-content.fixed {
	margin: 0 auto;
	width: 100% !important;
	padding: 0 50px 50px 50px !important;
	transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0);
}
.one .hero-content.fixed {
	width: 100% !important;
	padding: 0 50px 50px 50px !important;
}
.hero-content.fixed .text {
	vertical-align: bottom;
    padding: 0;
}
.hero-content.fixed.middle {
	width: 100% !important;
	margin: 0 auto;
    padding: 0 0 50px 0!important;
}
.one .hero-content.fixed.middle {
	width: 1280px !important;
    padding-right: 0;
    padding-left: 0;
}
.hero-content.fixed.right {
	text-align: right;
}
.outdent {  
    position: relative;
	width: 145%;
	z-index: 99999;
	overflow:hidden;
}
.outdent-wrap.right.outdent {  
    margin-left: -45%;
    margin-right: 0;
}
.outdent-wrap.left.outdent {  
	text-align: right;
    margin-right: -45%;
    margin-left: 0;
}
/*--------------------------------------------------
		  PAGE HEADER
---------------------------------------------------*/
.section-title {
	margin: 0;
	padding: 0;
	position:relative;
}
.section-title a {
	text-decoration: none;
}
.section-title small {
    margin-bottom: 5px;
	letter-spacing: 0.15em;
}
.section-title .small, .section-title .medium, .section-title .large, .section-title .xl {
	margin: 0;
}
.section-title .small {
	font-family:'Montserrat', sans-serif;
	font-size: 17px;
	line-height:1.5;
	font-weight: 700; 
}
.section-title .medium {
	font-family:'Montserrat', sans-serif;
	font-size: 37px;
	line-height:1.2;
	font-weight: 700; 
}
.section-title .large {
	font-family:'Montserrat', sans-serif;
	font-size: 57px;
	line-height:1.2;
	font-weight: 700; 
}
.section-title .xl {
	font-family:'Montserrat', sans-serif;
	font-size: 5vw;
	line-height: 1.2;
	font-weight: 700; 
	letter-spacing: 0;
}
.section-title .xl a.underline{
	line-height: 1.27;
}
.section-title .post-meta {
	margin: 0 0 15px 0;
	border-bottom-color: rgba(0, 0, 0, 0.7);
}
.section-title .post-title {
	margin: 0;
}
.hero-content.fixed .section-title .post-title {
	margin: 0;
}
.background-image .section-title .post-title .title, .background-image .section-title .post-title .title a {
	margin: 0;
}
.section-title .uppercase {
	word-spacing: 4px;
}
/*--------------------------------------------------
			PRIMARY MENU 
---------------------------------------------------*/
#inner-wrapper {
  -moz-box-align: stretch;
    align-items: stretch;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
#inner-wrapper.middle > .inner {
    -moz-box-align: stretch;
    align-items: stretch;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.inner {
    -moz-box-align: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
}
.inner #primary-menu {
	padding-left: 50px;
}
.center #primary-menu {
    height: 100%;
	display: block;
	content: " ";
}
.brbr.center {
	float: none;
	margin: 0 auto;
	display: table-cell;
    height: 100%;
    vertical-align: middle;
	white-space:normal;
	text-align:center;
}
.inner.left {
	float:left;
}
.inner.right { 
	-moz-box-align: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row wrap; 
	justify-content: flex-end;
    width: 100%;
}
#inner-wrapper .inner.right #primary-menu {
	padding-left: 0;
}

#inner-wrapper.middle {
    -moz-box-align: stretch;
    align-items: stretch;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
#inner-wrapper.middle .inner {
	display: table;
    height: 100%;
}
#inner-wrapper.middle #secondary-menu {
	float:right;
}
#inner-wrapper.middle .brbr { 
	display: table-cell;
    vertical-align: top;
    white-space: normal;
	height: 100%;
	width: 100%;
	min-width: 200px;
}
#inner-wrapper.middle .brbr:first-child {
	display: inline-table;
    height: 100%;
	min-width: 200px;
	max-width: 400px;
}
#inner-wrapper.middle .brbr .secondary-menu { margin-left: 0; }
#inner-wrapper.middle #primary-menu {
	margin: 0 auto;
	padding-left: 0;
}
#inner-wrapper.middle #logo {
	margin: 0;
    z-index: 10;
	width: 100%;
    vertical-align: middle;
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

#primary-menu select {
	display:none;
}
#primary-menu select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #eee;
    cursor: pointer;
    width: 100%;
	padding: 7px;
	margin: 0 0 0 0;
	box-shadow: 0 0 0 rgba();
	color: rgba(0, 0, 0, 0.75);
}
#primary-menu, #secondary-menu {
	display: table-cell;
    height: 100%;
    vertical-align: top;
}
.main-menu, .secondary-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;     
    height: 100%;
	display: block;
	content: " ";
}
.main-menu li, .secondary-menu li {
	margin: 0;
	padding: 0;
	list-style-type: none; 
	display: inline-block;
    white-space: normal;
	height: 100%;
    vertical-align: top;
	text-align: left;
}
.main-menu li.menu-fullwidth {
	position: inherit;
}
.main-menu li.menu-fullwidth:hover ul {
	padding: 35px;
	overflow: hidden;
}
.main-menu li.menu-fullwidth:hover ul li ul {
	padding: 0;
}
.main-menu li.menu-fullwidth.col-2 li {
	width: 50%;
}
.main-menu li.menu-fullwidth.col-3 li {
	width: 33.33%;
}
.main-menu li.menu-fullwidth.col-4 li {
	width: 25%;
}
.main-menu li.menu-fullwidth.col-5 li {
	width: 20%;
}
.main-menu li.menu-fullwidth.col-6 li {
	width: 16.6666%;
}
.main-menu li.menu-fullwidth ul {
	width: 100%; 
}
.main-menu.submenu-dark li.menu-fullwidth ul {
	background: none repeat scroll 0 0 rgba(30, 30, 30, 1);
}
.main-menu.submenu-dark li.menu-fullwidth ul li {
	background: none repeat scroll 0 0 rgba(30, 30, 30, 0);
}
.main-menu.submenu-light li.menu-fullwidth ul {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}
.main-menu.submenu-light li.menu-fullwidth ul li {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
}
.main-menu li.menu-fullwidth:hover ul {
	left:0;
}
.main-menu li.menu-fullwidth:hover li ul {
	display: block !important;
    left: 0 !important;
    opacity: 1 !important;
    position: relative !important;
    top: 0 !important;
    width: 100%;
}
.main-menu li.menu-fullwidth:hover li ul li {
    width: 100%;
	padding: 0 !important;
}
.main-menu li.menu-fullwidth:hover ul li ul li a {
	font: 400 12px/22px 'Open Sans', sans-serif;
}
.main-menu li.menu-fullwidth ul li a.sf-with-ul:after {
	content: "";
}
.main-menu li.menu-fullwidth li:hover ul {
	margin-left: 0;
}
.main-menu li.menu-fullwidth ul li a.heading {
	font: 400 13px/22px 'Open Sans', sans-serif;
	margin-bottom: 15px;
	text-transform:uppercase;
}
.main-menu li.menu-fullwidth ul li li a.heading {
	margin-top: 20px;
	margin-bottom: 0;
}
.main-menu.submenu-dark li.menu-fullwidth:hover ul li a.heading:hover, .main-menu.submenu-light li.menu-fullwidth:hover ul li a.heading:hover, .main-menu li.menu-fullwidth ul li.sfHover > a.heading {   
	background: transparent; 
}
.main-menu.submenu-dark li.menu-fullwidth ul li.sfHover > a.heading { 
	border-left-color: rgba(30, 30, 30, 1); 
}
.main-menu.submenu-light li.menu-fullwidth ul li.sfHover > a.heading { 
	border-left-color: rgba(255, 255, 255, 1); 
}

.main-menu.submenu-dark li.menu-fullwidth li:hover ul li a:hover { 
    color: rgba(255, 255, 255, 1) !important ;    
}
.main-menu.submenu-dark li.menu-fullwidth ul li.sfHover a { 
    color: rgba(255, 255, 255, 1);    
}


.secondary-menu.no-border li:first-child:before {
	display:none;
}
.secondary-menu li:before { 
    content: "";
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
	margin-top: -8px;
    width: 1px;
	background: currentColor;
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
	opacity: 1;
}
#header-wrapper.white_bg .secondary-menu li:before {
    color: rgba(0, 0, 0, 1);
}
#secondary-menu.light-mode.light .secondary-menu li:before { 
	opacity: 1;
}
.secondary-menu { margin-left: 15px; }
.secondary-menu li { padding-left: 5px;  }
.secondary-menu li:last-child { padding-left: 10px;  }



.main-menu li:hover { 
	visibility: inherit; 
}
.main-menu li, .secondary-menu li {
	position: relative;
}
.main-menu li:last-child:after {
    content: "";
}
.main-menu li a, .secondary-menu li a {
	font: 700 12px/22px 'Open Sans', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.07em;
    padding: 0 15px;
	box-sizing: border-box;
	position: relative;
	height: 100%;
	display:block;
}
.main-menu li a::before, .secondary-menu li a::before {
    content: "";
    display: block;
    height: calc(50% - 0.9em);
}
.main-menu li a, .secondary-menu li a {
    color: rgba(0, 0, 0, 1);
}
.secondary-menu li:last-child a {
    padding: 0 0 0 20px;
}
.main-menu li a:hover, 
.main-menu li:hover a, 
.main-menu li.sfHover a, 
.secondary-menu li a:hover {
    color: rgba(0, 0, 0, .5);
}
.main-menu li.current a, #header-wrapper.white_bg .main-menu li.current a {
	color: rgba(0, 0, 0, 1);
}

.no_overflow #primary-menu.light-mode.light .main-menu li a,
.no_overflow #secondary-menu.light-mode.light .secondary-menu li,
.no_overflow #secondary-menu.light-mode.light .secondary-menu li a {
    color: rgba(0, 0, 0, 1);
}

 
.no_overflow #primary-menu.light-mode.light .main-menu > li.current-menu-parent > a, 
.no_overflow #primary-menu.light-mode.light .main-menu > li.current-menu-ancestor > a, 
.no_overflow #primary-menu.light-mode.light .main-menu > li.current-menu-item > a {
    color: rgba(0, 0, 0, .5);
}
.no_overflow #primary-menu.light-mode.light .main-menu li a:hover, 
.no_overflow #primary-menu.light-mode.light .main-menu li.current a, 
.no_overflow #primary-menu.light-mode.light .main-menu li:hover a, 
.no_overflow #primary-menu.light-mode.light .main-menu li.sfHover a, 
.no_overflow #secondary-menu.light-mode.light .secondary-menu li a:hover {
    color: rgba(0, 0, 0, .5);
}

#primary-menu.light-mode.light .main-menu li a,
#secondary-menu.light-mode.light .secondary-menu li,
#secondary-menu.light-mode.light .secondary-menu li a {
    color: rgba(255, 255, 255, 1);
}
#primary-menu.light-mode.light .main-menu li a:hover, 
#primary-menu.light-mode.light .main-menu li.current a, 
#primary-menu.light-mode.light .main-menu li:hover a, 
#primary-menu.light-mode.light .main-menu li.sfHover a, 
#secondary-menu.light-mode.light .secondary-menu li a:hover {
    color: rgba(255, 255, 255, .5);
}
@media only screen and (min-width: 320px) and (max-width: 985px) {
#primary-menu.light-mode.light li,
#primary-menu.light-mode.light a,
#secondary-menu.light-mode.light li,
#secondary-menu.light-mode.light a { color: rgba(0, 0, 0, 1) !important; }

#primary-menu.light-mode.light a:hover, 
#primary-menu.light-mode.light li.current a, 
#primary-menu.light-mode.light li:hover a, 
#primary-menu.light-mode.light li.sfHover a {
    color: rgba(0, 0, 0, .5) !important;
}
}
.search-button i {
	font-size: 15px;
}
.sb-open-right i {
	font-size: 23px;
}
.main-menu li ul {
	position: absolute;
	top: -9999em;
	width:250px;
	z-index: 9999;
}
.main-menu li li { 
	width: 100%; 
}
.menu li li:after {
	content: "";
}
.main-menu li:hover ul {
	left: 15px;
	top: 100%;
	padding: 20px 0;
}
.main-menu.submenu-dark li ul {
	background: none repeat scroll 0 0 rgba(30, 30, 30, 1);
}
.main-menu.submenu-light li ul {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}
.main-menu li:hover li ul { 
	top: -9999em; 
}
.main-menu li li:hover ul {
	left: 100%;
	top: -20px;
	visibility: visible; 
	z-index: 9999;
	padding-top: 20px;
	margin-left: 1px;
}

.main-menu li ul {
	margin: 0;
}
.main-menu li ul li {
	margin: 0 0 1px 0;
	padding: 0 20px;
	float: left;
	position: relative;
}

.main-menu li ul li a, .main-menu li ul li:last-child a, .main-menu li ul li:first-child a, .main-menu li ul li:first-child ul li a {
	font: 400 12px/22px 'Open Sans', sans-serif;
	padding: 7px 10px 7px 9px;
	word-spacing: 2px;
	letter-spacing: 0;
	width: 100%; 
	display: block;
	text-transform: none;
	border-radius: 2px;
	border-left-style: solid;
	border-left-width: 1px;
}
.main-menu.submenu-dark li ul li a {
	border-left-color: rgba(30, 30, 30, 1);
}
.main-menu.submenu-light li ul li a {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
	border-left-color: rgba(255, 255, 255, 1);
}
.main-menu li:hover ul li a:hover, .main-menu li:hover li:hover ul li a:hover {
	border-left-color: #fc9;
}
.main-menu.submenu-light li:hover ul li a:hover, .main-menu.submenu-light li:hover li:hover ul li a:hover {
	border-left-color: #39EFB8;
}
.main-menu li:hover ul li a,  .main-menu li li:hover ul li a { 
	margin: 0;
	overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}


.main-menu.submenu-light li:hover ul li a, .main-menu.submenu-light li:hover li:hover ul li a {
    color: rgba(0, 0, 0, .5) !important;    
}
.main-menu.submenu-light li:hover ul li a:hover, .main-menu.submenu-light li li:hover ul li a:hover, .main-menu.submenu-light li ul li.sfHover > a { 
    color: rgba(0, 0, 0, 1) !important; 
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);    
}
.main-menu.submenu-light li ul li.sfHover > a { 
	border-left-color: #39EFB8;
}
.main-menu.submenu-light li ul li.current-menu-item > a,
.main-menu.submenu-light li ul li.current-menu-ancestor > a {
	opacity: 1;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04); 
	border-left-color: #39EFB8;
}
.main-menu.submenu-light li.menu-fullwidth ul li.current-menu-ancestor > a {
	opacity: 1;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0); 
	border-left-color: rgba(255, 255, 255, 1);
}


.main-menu.submenu-dark li:hover ul li a, .main-menu.submenu-dark li:hover li:hover ul li a {
    color: rgba(255, 255, 255, .5) !important;    
}
.main-menu.submenu-dark li:hover ul li a:hover, .main-menu.submenu-dark li li:hover ul li a:hover, .main-menu.submenu-dark li ul li.sfHover > a { 
    color: rgba(255, 255, 255, 1) !important;   
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); 
}
.main-menu.submenu-dark li ul li.sfHover > a { 
	border-left-color: #fc9;
}
.main-menu.submenu-dark li ul li.current-menu-item > a,
.main-menu.submenu-dark li ul li.current-menu-ancestor > a {
	opacity: 1;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); 
	border-left-color: #fc9;
}
.main-menu.submenu-dark li.menu-fullwidth ul li.current-menu-ancestor > a {
	opacity: 1;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0); 
	border-left-color: rgba(30, 30, 30, 1);
}


.main-menu > li.active > a, 
.main-menu > li a.active, 
.main-menu > li.current-menu-parent > a, 
.main-menu > li.current-menu-ancestor > a, 
.main-menu > li.current-menu-item > a {
    color: rgba(0, 0, 0, .5)
}

#primary-menu.light-mode.light .main-menu > li.active > a, 
#primary-menu.light-mode.light .main-menu > li a.active:hover, 
#primary-menu.light-mode.light .main-menu > li.current-menu-parent > a, 
#primary-menu.light-mode.light .main-menu > li.current-menu-ancestor > a, 
#primary-menu.light-mode.light .main-menu > li.current-menu-item > a {
    color: rgba(255, 255, 255, .5);
}


.sf-arrows .sf-with-ul:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    content: "";
    height: 0;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 0;
	font-family: 'FontAwesome';
	font-size: 12px;
	line-height: 8px;
	font-weight: 100;
}
.sf-arrows ul .sf-with-ul:after {
	content: "\f054";
	font-family: 'FontAwesome';
	font-size: 6px;
	font-weight: 200;
	line-height: 1px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: 1px;
}
/*--------------------------------------------------
		  MOBILE MENU
---------------------------------------------------*/
ul#three-lines-menu {
	display: none;
	padding: 0;
	margin: 0;
}
ul#three-lines-menu {
	font: 700 12px/22px 'Open Sans', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
ul#three-lines-menu li {
	position: relative;
	display: table-cell;
    vertical-align: middle;
}
.transition.top_to_bottom ul#three-lines-menu li, .transition.top_to_bottom.open ul#three-lines-menu li { opacity:1 !important; }
#three-lines-menu a {
	display: table-cell;
    height: 100%;
    vertical-align: middle;
}
#mobile-menu {
	display: none;
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#mobile-menu ul {
	padding: 30px 50px;
	background-color: #26252A;
}
#mobile-menu ul.submenu-light {
	padding: 0 30px 30px 30px;
}
#mobile-menu ul.submenu-light, #mobile-menu ul.submenu-light ul {
	background-color: #fff !important;
}
#mobile-menu .main {
	float:none;
}
#mobile-menu .holder {
	padding: 0;
}
#mobile-menu .inner {
	width: 100%;
	display: block;
}
#mobile-menu ul {
	list-style-type: none;
	margin: 0 auto;
	width: 100%;
}
#mobile-menu ul li:first-child {
	border-top: none;
}
#mobile-menu ul li a {
	color: rgba(255, 255, 255, 0.8); 
	font: 600 11px/22px 'Open Sans', sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	position: relative;
	padding: 10px 0 !important;
}
#mobile-menu ul.submenu-light li a {
	color: rgba(0, 0, 0, 0.8) !important; 
}
#mobile-menu a:hover {opacity: 1;}
#mobile-menu a:hover {opacity: 0.5;}
#mobile-menu li.current-menu-item > a, #mobile-menu li.current-menu-parent > a, #mobile-menu li.current-menu-ancestor > a {
    opacity: .5;
}
#mobile-menu li ul li.menu-item-has-children a:hover,
#mobile-menu .sub-menu a.submenu-open,
#mobile-menu a.submenu-open {
    opacity: .5;
}


#mobile-menu ul li ul {	
	padding: 0;
}
#mobile-menu ul li ul li {	
	margin: 0 0 0 auto;
	padding-left: 30px;
}
#mobile-menu ul li ul li:first-child {
	border-top: none;
}
#mobile-menu ul li li a {
	font: 600 11px/22px 'Open Sans', sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 10px 0 !important;
}
#mobile-menu .sf-arrows .sf-with-ul:after {
    border-color: transparent transparent transparent;
}
.searching {
	display: none !important;
}
#mobile-menu .searching {
	display: block;
}
@media only screen and (max-width: 1000px) {
ul#three-lines-menu {
    height: 100%;
	display: table;
}	
li a .sf-sub-indicator {
    height: 0;
    left: auto !important;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    width: 0;
	padding: 25px;
}	
li a .sf-sub-indicator:after {
    margin-top: 16px;
    position: absolute;
    right: 0;
    top: 0;
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: 100;
	line-height: 8px;
	color: currentcolor;    
	transform: rotate(0deg);
    transition: transform 0.3s ease 0s;
}	
li.open a .sf-sub-indicator:after, li.open ul li.open a .sf-sub-indicator:after, li.open li.open ul li.open a .sf-sub-indicator:after { 
	transform: rotate(90deg);
	line-height: 10px;
}	
li.open ul li a .sf-sub-indicator:after, li.open li.open ul li a .sf-sub-indicator:after { 
	content: "\f105";
	transform: rotate(0deg);
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	height: 0px;
	position: absolute;
	visibility: hidden!important;
	overflow: hidden;
}
.sf-menu li ul.mobile-open {
   	height: auto!important;
   	display: block!important;
   	position: relative;
   	visibility: visible!important;
}
}

.testimonials div.carousel-item {
    position: relative; 
	padding: 80px 0 0 0;
}
.testimonials div.carousel-item .commentnumber {
    position: absolute;
    top: 70px;
 	left: 50%;
    margin-left: -90px;
	content: "";
	font: 700 150px/45px 'Open Sans', sans-serif;
	opacity: 0.08;
}
.navigation-pagination-outside.testimonials div.carousel-item, .navigation-outside.testimonials div.carousel-item { 
	padding: 80px 100px 0 100px;
}
/*--------------------------------------------------
				FOOTER
---------------------------------------------------*/
.footer {
	width: 100%;
	float: left;
	font-size: 13px;
}
.footer .background-dark-grey {
	background-color: #272625;
}
.footer .background-light-grey { background-color:#f3f3f3; }
.footer h3 {
	font: 400 15px/17px 'Montserrat', sans-serif;
	display: block;
	margin: 15px 0
}
.footer .widget {
	margin-bottom: 0;
}
.footer .widget:last-child {
	padding-bottom: 0;
}
.footer ul, .footer .widget ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer ul > li > ul, .footer ol > li > ol, .footer .widget ul > li > ul, .footer .widget ol > li > ol {
    margin: 0;
    padding: 0;
}
.footer .widget li {/*
    display: block;
	width: 100% !important;
    padding: 0;
    margin: 0 0 7px 0;
	float: left;*/
}
.footer .nav {
    list-style: outside none none;
    padding: 0;
}
.footer .nav li {
    display: block;
	position: relative;
    padding: 0;
    margin: 0;
}
.footer .text-align-center .nav, .footer .text-align-center .nav li {
    display: inline;
}
.footer .nav li a::after {
    content: "/";
    height: 100%;
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 14px;
    font-weight: bold;
}
.footer .nav li:last-child a:last-child::after {
    content: "";
}
.footer .nav a {
    color: currentColor;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: -0.2px;
    text-transform: lowercase;
	text-decoration: none;
	position: relative;
    padding: 0 25px 0 0;
    margin: 0 10px 0 0;
}
.footer .nav a:hover {
    opacity: 0.5;
}
.footer.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
}
/*--------------------------------------------------
				      COLUMNS
---------------------------------------------------*/
.one, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .four-fifth { float:left; position: relative; margin-right:3%; }
.one { width: 100%; margin-right: 0; }
.one-half {	width: 48.5%; }
.one-third  { width: 31.33%; }
.two-third { width: 65.33%; }
.one-fourth { width: 22.7%; }
.three-fourth { width: 74%; }
.one-fifth { width: 17.55%; }
.four-fifth { width: 79.45%; }
.last { margin-right: 0 !important; }

.one.aligncenter, .one-half.aligncenter, .one-third.aligncenter, .two-third.aligncenter, .one-fourth.aligncenter, .three-fourth.aligncenter, .one-fifth.aligncenter { float:none; margin: 0 auto !important; }
.one.bgvid, .one-half.bgvid, .one-third.fullw, .two-third.bgvid, .one-fourth.bgvid, .three-fourth.bgvid, .one-fifth.bgvid { overflow: hidden; }

.overlap { height: auto;  width: 100%; }
.row { height: auto; float: left; width: 100%; }
.row.hidden { overflow: hidden; }
.row.no-margin { float: left; width: 100%; }
.row.no-margin .one, .row.no-margin .one-half, .row.no-margin .one-third, .row.no-margin .two-third, .row.no-margin .one-fourth, .row.no-margin .three-fourth, .row.no-margin .one-fifth { margin-right: 0; }
.row.no-margin .one-half {	width: 50%; }
.row.no-margin .one-third { width: 33.33%; }
.row.no-margin .two-third { width: 66.63%; }
.row.no-margin .one-fourth { width: 25%; }
.row.no-margin .three-fourth { width: 75%; }
.row.no-margin .one-fifth { width: 20%; }
.row.outset {
	width: 100% !important;
}
.row.outset .one {
    padding: 0 8% !important;
	width: 100%;
}
.media-holder {
	
}

.bordered { 
	padding:50px; 
    border-color: currentColor;
    border-style: solid;
    border-width: 5px; 
}
/*--------------------------------------------------
			TEAM
---------------------------------------------------*/	
.team-hover-holder .background-image {
    position: relative;
	display: table;
    z-index: 110;
	width: 100%;
}
.team-member-info-holder {
    background-color: transparent;
    content: "";
    position: relative;
	opacity: 0;	
	display: table-cell;
    vertical-align: middle; 
}
.team-member-info-holder, .team-member-info {
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.team-member-info {
	-webkit-transform: translateY(-50px);
   -o-transform: translateY(-50px);
	transform: translateY(-50px);
}	
.team-hover-holder:hover .team-member-info {
   -webkit-transform: translateY(0px);
   -o-transform: translateY(0px);
   transform: translateY(0px);
}
.team-hover-holder:hover .team-member-info-holder {
	opacity: 1;
}
.team-hover figcaption {
    padding: 35px 0;
	float:left;
    width: 100%;
    z-index: 120;
}
.row.no-margin .team-hover figcaption {
    padding: 35px;
}
.team-hover.overlay figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
/*--------------------------------------------------
		   SKILLS GRAPH
---------------------------------------------------*/
.skills-graph {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: transparent !important;
}
.skills-graph li span, .skills-graph li div:after {
	border-radius: 2px;
}
.skills-graph li {
	margin-bottom: 30px;
	text-transform: uppercase;
}
.skills-graph li h2 {
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	word-spacing: 3px;
	margin-bottom: 5px;
}
.skills-graph li strong {
	float: right;
}
.skills-graph li span, .skills-graph li div {
	height: 5px;
	line-height: 0px;
}
.skills-graph li span {
	background: currentColor !important;
	height: 5px;
}
.skills-graph li div {
    position: relative;
}
.skills-graph li div:after {
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    width: 100%;
    height: 100%;
	opacity: 0.3;
	background: currentColor !important;
}
/*--------------------------------------------------
		  COUNTER
---------------------------------------------------*/
.count {
    position: relative;
	padding: 0;
	margin: 0;
    text-align: center;
} 
#qLpercentage {
	height: auto;
	width: 100%;
	text-align: center;
	position: absolute;
 	left: 0;
	font: 400 5em/115px 'Open Sans', sans-serif;
	opacity: 0.03;
	color: #000;
}
/*--------------------------------------------------
		  SERVICES
---------------------------------------------------*/
.icons.overlap .title {
    margin-top: -47px;
	font-size:16px;
	position:relative;
	display:block;
}
.icons.overlap i {
    width: 100%;
    z-index: 10;
	opacity: 0.25;
	display:block;
}
i.xl {
	font-size: 125px;
}
i.large {
	font-size: 75px;
}
i.medium {    
	font-size: 45px; 
}
i.small {
	font-size: 35px;
}
/*--------------------------------------------------
		  PIE CHART
---------------------------------------------------*/
.chart-list { margin: 0 auto; padding: 0; }
.chart-list li { float: left; display: inline; }
.chart { display: inline-block; text-align: center; }	
.chart:first-child { margin-left: 0; }	
.chart span { font-size: 150%; font-weight: 500; }	
.chart .percentage { margin-bottom: 15px; }	
.easyPieChart { margin: 0 auto; position: relative; }
.easyPieChart canvas { position: absolute; top: 0; left: 0; }
/*--------------------------------------------------
		    BUTTONS
---------------------------------------------------*/
.button { cursor:pointer; text-align:center; display:inline-block; margin-bottom: 5px; border-radius: 1px; font: 400 11px/22px 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; word-spacing: 3px; text-decoration: none;border: 1px solid currentColor; }
.button { color: #FFFFFF; text-transform:uppercase; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.button:hover { text-decoration: none; }
.button + .button { margin-left: 30px; }
.button.gradient:hover {
  background-position: right center;
}

.button.small.outline { font-weight: 600; }
.outline { border: 1px solid currentColor; color: currentColor; background-color: transparent; }
.outline.thick { border-width: 2px; }
.button.small.outline.thick, .button.small.outline.shadow { font-weight: 600; }
.outline:hover { color: #FFFFFF !important; }


.button.transparent { border: 1px solid currentColor; color: rgba(0, 0, 0, 0.75) !important; position: relative; display: inline-block; overflow: hidden; padding: 5px 25px; }
.button.transparent:hover { background-color: transparent; }
.button.transparent b { background: currentColor; display: block; position: absolute; transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }
.button.transparent b.top { height: 1px; left: 0; top: 0; transform: translate3d(-100%, 0px, 0px); width: 110%; -webkit-transform: translate3d(-100%, 0px, 0px); }
.button.transparent b.bottom { bottom: 0; height: 1px; left: 0;transform: translate3d(100%, 0px, 0px); width: 100%; -webkit-transform: translate3d(100%, 0px, 0px); }
.button.transparent b.left { height: 100%; left: 0; top: 0;transform: translate3d(0px, 100%, 0px); width: 1px; -webkit-transform: translate3d(0px, 100%, 0px); }
.button.transparent b.right { height: 100%; right: 0; top: 0;transform: translate3d(0px, -100%, 0px); width: 1px; -webkit-transform: translate3d(0px, -100%, 0px); }
.button.transparent:hover b { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }

.line-through { background: transparent none repeat scroll 0 0 !important; display: inline-block; margin: 0; position: relative; text-decoration:none; }
.line-through::before {  content: ""; display: block; height: 2px; left: -10px; position: absolute; right: -5px; top: 50%; transform: scaleX(0); transition: all 0.25s ease 0s; -webkit-transform: scaleX(0); -webkit-transition: all 0.25s ease 0s; z-index: 1; margin-top: -1px; }
.line-through:hover::before { transform: scaleX(1); -webkit-transform:scaleX(1); }

.underline-through { background: transparent !important; }
.underline-through { border-bottom: none; position: relative; text-decoration: none; z-index: 999;display: inline-block; }
.underline-through::after { bottom: 0; content: ""; height: 40%; left: 0; position: absolute; transition: all 0.3s ease 0s; width: 0; z-index: -1; }
.underline-through:hover { border-bottom: none !important; }
.underline-through:hover::after, .underline-through.visible::after { width: 100%; }
.underline-through.visible:hover::after { width: 0; }


.underline { text-decoration: none; background-color: transparent; border-color: transparent transparent transparent transparent !important; border-style: solid; border-width: 0 0 2px 0; }
.underline:hover, .underline.visible { -webkit-transition: all 0.05s ease 0s; -o-transition: all 0.05s ease 0s; transition: all 0.05s ease 0s; border-bottom: 2px solid currentColor !important; }
.underline.visible:hover { border-bottom-width: 0px !important; }

.button.borderr { cursor: pointer; float: left; position: relative; text-align: center; display:block; color: rgba(0, 0, 0, 0.75) !important; margin-bottom: 14px; border:none; }
.button.borderr:hover { background-color: transparent; }
.button .button-content { color: rgba(0, 0, 0, 0.75); background-color: #fff; border: 2px solid currentColor; display: block; position: relative; transition: background-color 0.35s ease 0s, color 0.35s ease 0s, transform 0.175s ease 0s; -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, transform 0.175s ease 0s; }
.button.borderr:hover .button-content { transform: translateX(6px) translateY(6px); transition-duration: 0.175s; -webkit-transform: translateX(6px) translateY(6px); -webkit-transition-duration: 0.175s; }
.button.borderr::before { border: 2px solid currentColor; content: ""; display: block; position: absolute; left: 6px; right: -6px; top: 6px; bottom: -6px; }

.button.large.borderr, .button.medium.borderr, .button.small.borderr { padding: 0; }
.button.small .button-content { padding: 6px 12px !important; }
.button.medium .button-content { padding: 10px 22px !important; }
.button.large .button-content { padding: 20px 32px !important; line-height: 14px; }

.button.borderr.shadow { background-color: transparent; }
.button.borderr.shadow .button-content { background-color: #fff; }
.button.borderr.shadow::before { background: currentColor; border: none !important; }


.button.small { padding: 6px 12px; line-height: 14px; font-weight: 600; }
.button.medium { padding: 10px 22px; }
.button.large { padding: 20px 32px; line-height: 14px; }
.button.rounded { border-radius: 30px; }

.button.gradient { border: none; }


.link-hover-background {
    display: block;
    overflow: hidden;
    position: relative;
}
.link-hover-background::after {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}
.link-hover-background::before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: translateY(100%);
	-webkit-transform: translateY(100%);
    transition: all 0.8s cubic-bezier(0.20, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.8s cubic-bezier(0.20, 1, 0.22, 1) 0s;
    width: 100%;
    z-index: 1;
}
.link-hover-background {
    display: block;
    position: relative;
    z-index: 2;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
}
.link-hover-background:hover::before {
    transform: translateY(0%);
	-webkit-transform: translateY(0%); 
    z-index: -1;
}


.line-through-padding-left {
	display:inline-block;
    overflow: hidden;
    position: relative;
    z-index: 6666;
    padding-left: 60px;
	margin-left: -60px; 
	border: none;
}
.line-through-padding-left::before {
    background-color: currentColor;
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    transition: all 0.4s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
}
a.line-through-padding-left:hover::before {
    left: 100%;
}

.line-through-padding-right {
	display:inline-block;
    overflow: hidden;
    position: relative;
    z-index: 6666;
    padding-right: 60px;
	border: none;
}
.line-through-padding-right::before {
    background-color: currentColor;
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    transition: all 0.4s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
}
a.line-through-padding-right:hover::before {
    right: 100%;
}




.background-white, .background-white.diagonal:before  { background-color: #fff !important; }
.background-black, .background-black.diagonal:before  { background-color: #000 !important; }
.background-light-grey, .background-light-grey.diagonal:before { background-color:#f8f8f8; }
.button.background-light-grey, .button.background-white { color: rgba(0, 0, 0, 0.75) !important; }
.button.light-grey:hover { color: #fff !important; }
.background-dark-grey, .background-dark-grey.diagonal:before { background-color: #26252A !important; }
.button.dark-grey:hover { background-color: rgba(0, 0, 0, 1); }
.background-yellow, .background-yellow.diagonal:before { background-color: #FBF5A1 !important; }
.background-light-yellow, .background-light-yellow.diagonal:before { background-color: #FAF7D9 !important; }
.background-dark-yellow, .background-dark-yellow.diagonal:before { background-color: #F9DF9A !important; }
.background-orange, .background-orange.diagonal:before { background-color: #F6821F !important; }
.background-light-orange, .background-light-orange.diagonal:before { background-color: #F9C0A4 !important; }
.background-dark-orange, .background-dark-orange.diagonal:before { background-color: #E27B5B !important; }
.background-green, .background-green.diagonal:before { background-color: #00af8f !important; }
.background-light-green, .background-light-green.diagonal:before { background-color: #B6E0D2 !important; }
.background-dark-green, .background-dark-green.diagonal:before { background-color: #107673 !important; }
.background-screaming-green, .background-screaming-green.diagonal:before { background-color: #39EFB8 !important; }
.background-tealgreen, .background-tealgreen.diagonal:before { background-color: #65c1be !important; }
.background-aquamarine, .background-aquamarine.diagonal:before { background-color: #02e8d0 !important; }
.background-blue, .background-blue.diagonal:before { background-color: #61b3ea !important; }
.background-light-blue, .background-light-blue.diagonal:before { background-color: #d0e8f3 !important; }
.background-dark-blue, .background-dark-blue.diagonal:before { background-color: #166995 !important; }
.background-ink-blue, .background-ink-blue.diagonal:before { background-color: #2727A4 !important; }
.background-screaming-blue, .background-screaming-blue.diagonal:before { background-color: #0e4ef1 !important; }
.background-navyblue, .background-navyblue.diagonal:before { background-color: #394458 !important; }
.background-dark-navyblue, .background-dark-navyblue.diagonal:before { background-color:#2E3748 !important; }
.background-purple, .background-purple.diagonal:before { background-color: #706abb !important; }
.background-dark-purple, .background-dark-purple.diagonal:before { background-color:#653cc3 !important; }
.background-light-purple, .background-light-purple.diagonal:before { background-color: #ba92c9 !important; }
.background-screaming-purple, .background-screaming-purple.diagonal:before { background-color: #b655fb !important; }
.background-pink, .background-pink.diagonal:before { background-color: #fe95b4 !important; }
.background-light-pink, .background-light-pink.diagonal:before { background-color: #F4B9CD !important; }
.background-dark-pink, .background-dark-pink.diagonal:before { background-color: #D5959D !important; }
.background-screaming-pink, .background-screaming-pink.diagonal:before { background-color: #df2d7f !important; }
.background-red, .background-red.diagonal:before { background-color: #ec5a62 !important; }
.background-light-red, .background-light-red.diagonal:before { background-color: #ff7979 !important; }
.background-dark-red, .background-dark-red.diagonal:before { background-color: #c72e4e !important; }
.background-cream, .background-cream.diagonal:before { background-color: #e8e1d9 !important; }
.background-brown, .background-brown.diagonal:before { background-color: #686868 !important; }
.background-light-brown, .background-brown.diagonal:before { background-color: #B19677 !important; }

.gradient.color-1 { background-image: linear-gradient(to bottom right, #a42f32, #5db0e0); }
.gradient.color-2 { background-image: linear-gradient(to bottom right, #49a09d, #602c82); }
.gradient.color-3 { background-image: linear-gradient(to bottom right, #fad5cb, #9a88c8); }
.gradient.color-4 { background-image: linear-gradient(to bottom right, #b1eee6, #7392d6); }
.gradient.color-5 { background-image: linear-gradient(to bottom right, #ff2c55, #41ebdf); }
.gradient.color-6 { background-image: linear-gradient(to bottom right, #b8faea, #e77ec0); }
.gradient.color-7 { background-image: linear-gradient(to bottom right, #f96563, #fa9c78); }
.gradient.color-8 { background-image: linear-gradient(to bottom right, #556270, #ff6b6b); }
.gradient.color-9 { background-image: linear-gradient(to bottom right, #b0d0b3, #446f76, #001831); }
.gradient.color-10 { background-image: linear-gradient(to bottom right, #8eb39e, #cebd95, #d48b7a, #8b374e); }
.gradient.color-11 { background-image: linear-gradient(to bottom right, #5a87a9, #74c3d4); }
.gradient.color-12 { background-image: linear-gradient(to bottom right, #a5c0a3, #42a5ab, #374989); }
.gradient.color-13 { background-image: linear-gradient(to bottom right, #e1b56f, #e2286a, #4a1e5c); }
.gradient.color-14 { background-image: linear-gradient(to bottom right, #000 50%, #fff 50%); }
.gradient.color-15 { background-image: linear-gradient(to bottom right, #ff4136, #1800ff); }
.gradient.color-16 { background-image: linear-gradient(to bottom right, #2727A4, #02e8d0); }
.gradient.color-17 { background-image: linear-gradient(to bottom right, #8a375e, #e881a0); }
.gradient.color-18 { background-image: linear-gradient(to bottom right, #44508f, #9AA2E3); }

.background-color-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
	overflow:hidden;
}
.opacity-1 { opacity: 0.1; }
.opacity-2 { opacity: 0.2; }
.opacity-3 { opacity: 0.3; }
.opacity-4 { opacity: 0.4; }
.opacity-5 { opacity: 0.5; }
.opacity-6 { opacity: 0.6; }
.opacity-7 { opacity: 0.7; }
.opacity-8 { opacity: 0.8; }
.opacity-9 { opacity: 0.9; }


.background-color-hover { background: transparent none repeat scroll 0 0; }
.background-color-hover:hover { background:#65c1be; }
.background-color-hover::before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition: all 0.3s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    z-index: 5;
}
.background-color-hover:hover::before {
    left: -30px;
    right: -30px;
    transform: scaleY(1);
}



.round-button {
	display: inline-block;
}
.round-button-circle {
    position: relative;
	display: table;
}
.round-button-circle a {
	display: table-cell;
    vertical-align: middle; 
	text-align:center;
    font-weight:bold;
    text-decoration:none;
    border-radius: 50%;
  	-webkit-transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  	transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  	transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  	transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
}
.round-button-circle a:hover {
	box-shadow: 0 0 1px 15px rgba(0, 0, 0, 0.05), 0 0 1px 30px rgba(0, 0, 0, 0.05), 0 0 1px 45px rgba(0, 0, 0, 0.05);
}
.round-button-circle.small a {
	width:70px;
	height: 70px;
}
.round-button-circle.medium a {
	width:140px;
	height: 140px;
}
.round-button-circle.large a {
	width:210px;
	height: 210px;
}
.round-button-circle a.border {
	border: 3px solid currentColor;
}
.round-button-circle .text {
	position:relative;
	left: 14px;
	display: table-cell;
    vertical-align: middle; 
}
.round-button-circle .text h4 {
	margin-bottom: 0 !important; 
}
/*--------------------------------------------------
			PRICING TABLE
---------------------------------------------------*/
.pricing-table {
    font-size: 0;
    margin-left: -10px;
    margin-right: -10px;
}
.pricing-table.gap {
    margin-left: -1%;
    margin-right: 0;
}
.safari .pricing-table {
    display: table;
    width: 100%;
}
.pricing-table * {
    transition: all 0.25s ease 0s;
}
.pricing-table ul {
    margin: 0;
    padding: 0;
	list-style: none;
}
.pricing-table > div {
	float:left;
	margin-left: -1px;
    z-index: 1;
}
.pricing-table.gap > div {
	margin: 0 1%;
}
.pricing-table.gap > div:first-child {
	margin-left: 0;
}
.pricing-table.gap > div:last-child {
	margin-right: 0;
}

.pricing-table.six-col > div {
    width: 16.5%;
}
.pricing-table.gap.six-col > div {
    width: 15%;
}
.pricing-table.five-col > div {
    width: 20%;
}
.pricing-table.gap.five-col > div {
    width: 18.4%;
}
.pricing-table.four-col > div {
    width: 25%;
}
.pricing-table.gap.four-col > div {
    width: 23.5%;
}
.pricing-table.three-col > div {
    width: 33.3%;
}
.pricing-table.gap.three-col > div {
    width: 32%;
}
.pricing-table.two-col > div {
    width: 50%;
}
.pricing-table > div.plan-most-popular {
    box-shadow: 0 0 35px 0 rgba(0,0,0,.1);
    margin-top: -36px !important;
    position: relative;
    z-index: 333;
}
.pricing-table > div.plan-most-popular .content {
	padding-bottom: 65px;
}
.pricing-table > div.plan-most-popular .price {
	padding: 70px 0 36px 0;
}
.pricing-table .content {
	display: inline-block;
	margin-right: -2px;
	text-align: center;
	padding-bottom: 30px;
	position: relative;
	z-index: 100;
	border-radius: 2px;
	width: 100%;
}
.pricing-table .content:after, .pricing-table .content:before, .pricing-table .price:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}
.pricing-table .content:after {
	opacity: 0;
}
.pricing-table .content:before {
	border-color: currentColor;
	border-style: solid;
	border-width: 1px;
	opacity: 0.1;
}
.pricing-table .price:before {
	opacity: 1;
}

.pricing-table .content:last-child {
    margin-right: 0;
}
.pricing-table .title {
    font: 400 14px/25px 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
    margin: 0;
    padding-bottom: 70px;
}
.pricing-table .title span {
	letter-spacing: 0.1em;
}
.pricing-table .price {
	padding: 35px 0;
	position: relative; 
    margin: 1px !important;
}
.pricing-table .price sup {
    font-size: 15px;
    position: relative;
    top: -7px;
    right: 10px;
}
.pricing-table .price h3 {
	font-size: 55px;
	line-height: 35px;
	font-weight: light;
	letter-spacing: 0;
}
.pricing-table .price span {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 400;
	display: block;
}
.pricing-table .features {
    margin: 0 0 30px 0;
    padding: 30px 0;
}
.pricing-table .features li {
    font-size: 15px;
    padding: 10px 20px;
    position: relative;
}
.pricing-table .features li:after {
	content: "";
	height: 1px; 
	left: 5%; 
	position: absolute; 
	bottom: 0; 
	width: 90%; 
	z-index: 1;
	background: currentColor !important; 
	opacity: 0.1;
}
/*--------------------------------------------------
			TOGGLE
---------------------------------------------------*/
.accordion-container {
	width: 100%;
	margin: 0 0 20px;
	clear: both;
}
.accordion-toggle {
	position: relative;
	display: block;
	padding: 13px 50px 13px 20px;
	color: rgba(0, 0, 0, 0.7); 
	word-spacing: 4px; 
	text-decoration: none; 
	font-weight: 400;
	border-radius: 1px;
}
.accordion-toggle:hover {
	text-decoration: none; 
	color: rgba(0, 0, 0, 1);
}
.accordion-toggle:after {	
	border: 1px solid currentColor;
    display: inline-block;
    overflow: hidden;
    visibility: visible;
    z-index: 200;
    content: "";
 	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.accordion-toggle.open {
	color: rgba(0, 0, 0, 1);
}
.accordion-toggle.open:after {
	opacity: 1;
}
.accordion-toggle:before {
	content: "\f107";
	position: absolute;
	top: 50%;
	right: 15px;
	font-family: 'FontAwesome';
	font-size: 14px;
	line-height: 8px;
	color: currentColor; 
	width: 15px;
	height: 8px;
	margin-top: -3px;
}
.accordion-toggle.open:before {  
	content: "\f106";
	opacity: 1;
}
/*---TOGGLE MINIMAL---*/
.accordion-container.minimal {
	margin: 0 0 30px;
}
.minimal .accordion-toggle {
	padding: 0 0 0 60px;
}
.minimal .accordion-toggle, .minimal .accordion-toggle:after, .minimal .accordion-toggle:hover, .minimal .accordion-toggle.open {
	border: none;
}
.minimal .accordion-toggle.open {
	background-color: transparent;
}
.minimal .accordion-toggle:before {
	top: 0;
	left: 0;
	line-height: 40px;
	text-indent: 15px;
	width: 40px;
	height: 40px;
	margin-top: -8px;
	border: 1px solid currentColor;
	border-radius: 1px;
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.minimal .accordion-content {
	padding: 20px 20px 20px 60px;
}

.accordion-content {
	display: none;
	padding: 20px;
}
	
@media (max-width: 767px) {
.accordion-content {
	padding: 10px 0;
	overflow: inherit;
}
.minimal .accordion-content {
	padding: 20px 20px 20px 60px;
}
}
/*--------------------------------------------------
	     ACCORDION
---------------------------------------------------*/
.trigger-button {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.7);
	cursor:pointer;
	position: relative;
	font-weight: 400;
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.trigger-button.active, .trigger-button:hover {  
	color: rgba(0, 0, 0, 1);
}
.trigger-button span {
	float: left;
	margin: 7px 0 0 20px;
}
.trigger-button:before {
	content: "+";
	float: left;
	border-style: solid;
    border-width: 1px;
	border-color: currentColor;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	border-radius: 1px;
}
.trigger-button.active:before {  
	content: "-";
	line-height: 34px;
	font-size: 23px;
}
.trigger-button:first-child{
	margin-top: 0;
}
.accordion {
	float: left;
	margin-bottom: 50px;
	margin-left: 55px;
}
/*---ACCORDION MINIMAL---*/
.minimal .trigger-button {
	border-style: solid;
    border-width: 1px;
	border-color: currentColor;
	padding: 13px 50px 11px 20px;
}
.minimal .trigger-button.active, .minimal .trigger-button:hover {  
	color: rgba(0, 0, 0, 1);
}
.minimal .trigger-button span {
	margin: 0;
}

.minimal .trigger-button:before {
	border: none;
	font-size: 18px;
	line-height: 0;
	position: absolute;
	right: 5px;
	top: 23px;
	background-color: transparent;
}
.minimal .trigger-button.active:before {  
	font-size: 23px;
	top: 22px;
}
.minimal .accordion {
	margin: 0 25px 50px 25px;
}
/*--------------------------------------------------
					TABS
---------------------------------------------------*/
.default .etabs { padding: 0; width: 100%; float: left; position: relative }

.default .etabs:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
	height: 1px;
	background: currentColor;
	opacity: 0.2;
}
.default .tab { display: inline; zoom:1; margin: 0; padding: 0; }
.default .tab a { float: left; display: block; position: relative; margin-right: -1px; margin-bottom: -1px; padding: 15px 25px; color: rgba(0, 0, 0, 0.7); font-size: 13px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; }
.default .tab a:hover { color: rgba(0, 0, 0, 1); }
.default .tab a.active, .default .tab a.active:before { color: rgba(0, 0, 0, 1); background-color: transparent; }
.default .tab a:after, .default .tab a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
	height: 100%;
}
.default .tab a:after {
	opacity: 0.2;
	border: 1px solid currentColor; 
	border-bottom: none;
}
.default .tab a.active:after {
    border-color: currentColor;
    border-style: solid solid none solid;
    border-width: 4px 1px medium 1px;
	opacity: 1;
}
.default .tab a:before {
	opacity: 0.1;
	background: currentColor;
}


.border-arrow .etabs { padding: 0; width: 100%; float: left; position: relative; }

.border-arrow .tab { display: inline; zoom:1; margin-bottom: 40px; margin: 0; padding: 0; *display:inline; }
.border-arrow .tab a { color: currentColor; letter-spacing: 0.1em; text-transform: uppercase; font-size: 13px; font-weight: bold; text-decoration: none; float: left; display: block; padding: 20px 30px; position: relative; }


.border-arrow .tab { display: block; float: left; position: relative; }
.border-arrow .tab.active:before { opacity: 1; }
.border-arrow .tab:before {  
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	height: 3px; 
	background: currentColor;
	opacity: 0.2;
}

.border-arrow .tab a:hover { opacity: 1; }
.border-arrow .tab a.active { opacity: 1; }
.border-arrow .tab a.active:after, .border-arrow .tab a.active:before { border: medium solid transparent; content: ""; height: 0; width: 0; position: absolute; bottom: -27px;}
.border-arrow .tab a.active:after { border-color: #fff transparent transparent; border-width: 20px; left: 50%; margin-left: -15px; }
.border-arrow .tab a.active:before { border-color: currentColor transparent transparent; border-width: 15px; left: 50%; margin-left: -10px; }


.etabs  {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
}
.etabs.flex  {
    display: flex;
	display: -webkit-flex;  
}
.etabs.flex li {
    flex: 1 1 0;
	-webkit-flex: 1 1 0;
    margin-right: 0;
}
.etabs.flex li {
    margin-bottom: 0;
    position: relative;
}
.etabs.flex li a {
	 width: 100%;
}

.minimal .tab a { float: left; display: block; position: relative; margin: 0; padding: 25px 50px; font-weight: bold; letter-spacing: 0.1em; }
.minimal .tab a:hover { color: rgba(0, 0, 0, 1); }
.minimal .tab a.active, .minimal .tab a.active:before { background-color: transparent; }
.minimal .tab a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
	height: 100%;
}
.minimal .tab a:before {
	opacity: 0.1;
	background: currentColor;
}
.minimal .etabs  {
	margin: 0;
}
/*--------------------------------------------------
				PORTFOLIO
---------------------------------------------------*/
.portfolio ul li a.hide {
	display: none;
}
.portfolio ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.work-item h3 {
	font: 700 18px/20px 'Montserrat', sans-serif;
	text-transform: none;
	margin: 0; 
}
.work-item h4 {
	font: 400 11px/18px 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 0; 
	margin-top: 5px; 
	opacity: .7;
}
.isotope-item { z-index: 1; }
.isotope-hidden { z-index: 0; }
.col2 .work-item {
    width: 50%;
}
.col3 .work-item {
    width: 33.33%;
}
.col4 .work-item {
    width: 25%;
}
.col4 .width2 { width: 50%; }
.col5 .work-item {
    width: 20%;
}
.isotope:after {
    clear: both;
    content: "";
    display: block;
}

.portfolio.gap.col2 .js-isotope .work-item.width2, .portfolio.gap.col3 .js-isotope .work-item.width2, .portfolio.gap.col4 .js-isotope .work-item.width2, .portfolio.gap.col5 .js-isotope .work-item.width2 {
    width: 98%;
}

.js-isotope .work-item img {
    background-color: transparent !important;
}


.portfolio.gap { margin-left: -2%; }
.portfolio.gap .work-item { padding: 0 0 2% 2%; }
.portfolio.gap.col2 .work-item { width: 49.99%; }
.portfolio.gap.col3 .work-item { width: 33.33%; }
.portfolio.gap.col4 .work-item { width: 25%; }
.portfolio.gap.col5 .work-item { width: 20%; }

.holder.fullwidth .portfolio.gap {  margin: 0 1.5% 0 -0.5%; }

.grid-sizer {
  width: 25%;
}
.gutter-sizer { width: 0px; }

.portfolio-item-details {
	margin: 0;
	padding: 0;
}
.portfolio-item-details li { 
	display:block; 
	position:relative; 
}
.portfolio-item-details.inline li { 
	display:inline-block; 
	margin-right: 15px; 
	padding-right: 20px; 
}
.portfolio-item-details li:after { 
    content: "";
    position: absolute;
    top: 0;
    right: 0;
	}
/*--------------------------------------------------
		 PORTFOLIO THUMBNAIL HOVER -VISIBLE
---------------------------------------------------*/
.figcaption-visible .work-item { padding: 0 0 2% 0; }
.portfolio.gap .work-item { padding: 0 0 2% 2%; }
.figcaption-visible .work-item .item-info-overlay {
	-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; 
	-o-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; 
	transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s;
    opacity: 0;
}
.figcaption-visible .work-item:hover .item-info-overlay {
    opacity: 1;
}
.figcaption-visible .work-item h3 {
	font: 200 18px/20px 'Playfair Display', sans-serif;
}
.figcaption-visible .hover-holder {
    display: block;
    position: relative;
    height: 100%;
	overflow: hidden;
    transition: all 0.5s ease-out 0s;
}
.figcaption-visible .item-info-overlay {
	color: #222;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
    display: inline-block;
    overflow: hidden;
    visibility: visible;
    z-index: 200;
    content: "";
 	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;   
}
.portfolio.gap.figcaption-visible .item-info-overlay {
	color: #222;
	background: rgba(255, 255, 255, 0.98) repeat scroll 0 0;
    display: inline-block;
    overflow: hidden;
    visibility: visible;
    z-index: 200;
    content: "";
 	bottom: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;   
}
.figcaption-visible .item-info-overlay .overlay-link {
	z-index: -1;
    display: table;
    width: 100%;
    height: 100%;
	color: #000;
	text-align: center;
}
.figcaption-visible .item-info-overlay .overlay-link div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.figcaption-visible .item-info-overlay a {
	color: #000 !important;
	font: 400 11px/18px 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 0; 
	display:inline;
}
.figcaption-visible .item-info-overlay a.underline-through::after { height: 50%;}
.figcaption-visible .hover-holder img {
    transition: all 0.5s ease-out 0s;
}
.figcaption-visible .hover-holder:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.figcaption-visible .item-info-overlay a + a { 
	margin-left: 20px;
}
.figcaption-visible figcaption {
    display: block;
    position: relative;
    height: 100%;
	padding: 20px 30px 30px 20px;
}
.figcaption-visible figcaption.text-align-center {
	padding: 30px 25px;
}
.portfolio.gap.figcaption-visible figcaption { background: none repeat scroll 0 0 transparent; }
.figcaption-visible figcaption a {
	text-decoration: none;
}
.portfolio.gap.figcaption-visible figcaption {
	padding: 20px 20px 30px 0;
}
.portfolio.gap.figcaption-visible .hover-holder {
	border-radius: 3px;
    box-shadow: 0 50px 60px 0 rgba(0, 0, 0, .03);
}
.portfolio.gap.figcaption-visible .work-item:hover .hover-holder {
    box-shadow: 0 50px 60px 0 rgba(0, 0, 0, .2);
}
.figcaption-visible-style2 .work-item {
    position: relative;
    height: 500px;    
	box-sizing: border-box;
	overflow:hidden;
}
.figcaption-visible-style2 .info {
    content: "";
 	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;   
	z-index:1;
	opacity: 1;
	padding: 50px;
}
.figcaption-visible-style2 .info:after {
    background: none repeat scroll 0 0 #fff;    
	content: "";
 	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;  
	z-index:-1;
	opacity: 1;
    transform: translateX(0%);
	-webkit-transform: translateX(0%);
   -o-transform: translateX(0%);
	border-style: none none solid solid;
	border-width: 0 0 1px 1px;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
}
.figcaption-visible-style2 .work-item:last-child .info:after {
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
	border-color: transparent rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
}
.figcaption-visible-style2 .info:hover:after {
    background: none repeat scroll 0 0 #fff;    
	content: "";
	z-index:-1;
    transform: translateX(60px) rotate(0deg);
	-webkit-transform: translateX(60px) rotate(0deg);
   -o-transform: translateX(60px) rotate(0deg);
	transition: transform 0.3s ease 0s, opacity 0.1s ease 0s;
	-webkit-transition: transform 0.3s ease 0s, opacity 0.1s ease 0s; 
	-o-transition: transform 0.3s ease 0s, opacity 0.1s ease 0s; 
}
/*--------------------------------------------------
		 PORTFOLIO THUMBNAIL HOVER -HIDDEN
---------------------------------------------------*/
.figcaption-hidden.gap { margin-left: -1.5%; }
.figcaption-hidden.gap .work-item { padding: 0 0 1.5% 1.5%; }
.holder.fullwidth .figcaption-hidden.gap {  margin: 0 1.5% 0 0%; }

.figcaption-hidden .hover-holder {
    min-height: 100%;
    width: 100%;
	position:relative;
}
.figcaption-hidden .item-info-overlay {
	position:absolute;
	left: 0;
	top: 0;
    height: 100%;
    width: 100%;
	z-index: 120;
}

.figcaption-hidden .item-info-overlay:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
	transform: scale(1, 1);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    width: 100%;
    z-index: -11;
}
.figcaption-hidden .item-info-overlay:after {
    border: 0 solid #000;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;    
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    width: 100%;
    z-index: -11;
    opacity: .03;
}
.figcaption-hidden .item-info-overlay:hover:before {
    opacity: 0.9;
    transform: scale(1, 1);
    transition-delay: 0s;
}
.figcaption-hidden .item-info-overlay:hover:after {
    border-width: 10px;
    transition-delay: 0s;
}


.figcaption-hidden .item-info-overlay a.overlay-link {
	z-index: -1;
    display: table;
    width: 100%;
    height: 100%;
	color: #222;
	text-decoration: none;
	text-align: center;
    opacity: 0;
}
.figcaption-hidden .item-info-overlay:hover a.overlay-link {
    opacity: 1;
    transition-delay: 0s;
}
.figcaption-hidden .item-info-overlay a.overlay-link div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
	padding: 50px;
}
.figcaption-hidden .item-info-overlay div h3, .figcaption-hidden .item-info-overlay div h4 {
   -webkit-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}	
.figcaption-hidden .item-info-overlay div h3 {
	-webkit-transform: translateY(-20px);
    -o-transform: translateY(-20px);
	transform: translateY(-20px);
}	
.figcaption-hidden .item-info-overlay:hover div h3 {
   -webkit-transform: translateY(0px);
   -o-transform: translateY(0px);
   transform: translateY(0px);
}	
.figcaption-hidden .item-info-overlay div h4 {
	-webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
	transform: translateY(20px);
}	
.figcaption-hidden .item-info-overlay:hover div h4 {
	-webkit-transform: translateY(0px);
   	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.figcaption-hidden .item-info-overlay div h4 {
	color: rgba(0, 0, 0, 0.55);
}	
/*--------------------------------------------------
	 PORTFOLIO THUMBNAIL HOVER -HIDDEN STYLE 2
---------------------------------------------------*/
.outdent-style { margin: 0; }
.outdent-style .work-item { padding: 0 80px; margin-bottom: 100px;  position:relative; }
.outdent-style .image-holder {
	float:left;
}
.outdent-style.col1 { margin: 0 auto; }
.outdent-style.col1 .work-item { width: 100%; }
.outdent-style .image-holder a {
	display:block;  position:relative;
}
.outdent-style .image-holder a:after, .outdent-style .image-holder a:before {
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
}
.outdent-style .image-holder img {
	width: 100%;
	box-shadow: -19px 15px 55px 7px rgba(0, 0, 0, 0.14);
}
.outdent-style .image-holder a:after {
    left: 10px;
    position: absolute;
    top: 10px;
    width: 100%;
    height: 100%;
    z-index: -1;
	content:"";
	overflow:visible;
}
.outdent-style .image-holder a:hover:after {
	background: currentColor;
}

.work-item .item-info {
	letter-spacing: 0.15em;
	position:absolute;
	max-width: 40% !important;
	min-width: 300px !important;
	z-index: 999;
	padding: 0;
	right: 20px;
}
.work-item.top .item-info {
	top: 50px;
}
.work-item.bottom .item-info {
	bottom: 50px !important;
}
.work-item.left .item-info {
	left: 20px;
	right: auto;
}
.work-item.left .image-holder {
	float:right;
}

.outdent-style .image-holder {
	width: 84%;
    height: 100%;
}
.outdent-style.col1 .image-holder {
	width: 74%;
    height: 100%;
}

.outdent-style .item-info h3 {
	font: 400 35px/48px 'Montserrat', sans-serif;
	margin: 0; 
	letter-spacing: .24em;
	text-transform: uppercase;
}
.outdent-style.col1 .item-info h3 {
	font-size: 50px;
	line-height: 74px;
	font-weight: 400;
	letter-spacing: .24em;
}
.outdent-style span {
	margin-bottom: 15px;
	font: normal 300 12px/18px "Open Sans",sans-serif;
    letter-spacing: 0.2em;
    text-transform: none;
	display:inline-block;
}
.outdent-style .item-info {
    z-index: 3;
	display:table;
}
.outdent-style .item-info a {
	text-decoration: none;
}
.outdent-style .item-info a {
    color: currentColor;
}

.outdent-style.col1 .work-item { padding: 0 0 10px 0; }
/*--------------------------------------------------
		  SPLIT
---------------------------------------------------*/
.split .content-wrap {
	position:relative;
	overflow:hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    background-color: #fff;
}
.split .content-wrap .number {
    top: 48px;
    position: absolute;
    right: 0;
	letter-spacing: 2px;
	font: 700 33em/188px  "Montserrat", sans-serif;
	padding: 0 15px;
	color: rgba(0, 0, 0, 0.02);
}
.split .image-holder, .split .image-holder a {
    transition: all .7s;
	overflow:hidden;
}
.split  .image-holder:hover a {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
}
/*--------------------------------------------------
		 PORTFOLIO CARD LAYOUT
---------------------------------------------------*/
.portfolio.gap.figcaption-overflow { margin-left: -3%; }
.holder.fullwidth .portfolio.gap.figcaption-overflow {  margin: 0 1.5% 0 -0.5%; }

.figcaption-overflow .work-item {
	transition: all 0.5s ease-in-out 0s;
}
.portfolio.gap.figcaption-overflow .work-item {
    padding: 0 0 3% 3%;
}
.holder.fullwidth .portfolio.gap.figcaption-overflow .work-item {
    padding: 0 0 2% 2%;
}
.figcaption-overflow .hover-holder { 
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.35);
    position: relative;
    z-index: 1000;
	transition: all 0.5s ease-in-out 0s;
}
.figcaption-overflow .hover-holder:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    z-index: 1100;
}

.portfolio.gap.figcaption-overflow .hover-holder { 
    border-radius: 3px;
}
.figcaption-overflow figcaption {
    display: block;
    position: relative;
	padding: 40px;
	color: #fff;
}
.figcaption-overflow a::after {
    backface-visibility: hidden;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 70%);
    background-position: 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}
.portfolio.gap.figcaption-overflow a::after {
    border-radius: 3px;
}
.figcaption-overflow a {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}
.figcaption-overflow a figcaption {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
    z-index: 1000;
	transition: all 0.5s ease-in-out 0s;
}
.figcaption-overflow a figcaption h3 {
	text-transform: none;
	letter-spacing: 0.1em;
	font-size: 22px;
}
.figcaption-overflow a figcaption strong {
	font: 400 12px/18px 'Open Sans', sans-serif;
	text-transform: none;
	letter-spacing: 0.15em;
	margin: 0; 
	margin-top: 5px; 
	opacity: 1;
}
.figcaption-overflow .work-item:hover a figcaption {
    transform: translateY(-50px);
}
.figcaption-overflow a small {
    color: #fff;
    bottom: 0;
    left: 40px;
    position: absolute;
    width: 100%;
    z-index: 1000;
    opacity: 0;
    transition: all 0.5s ease-in-out 0s;
    transform: translateY(0px);
	font: 400 10px/18px 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.figcaption-overflow .work-item:hover a small {
    opacity: 1;
    transform: translateY(-30px);
}
/*--------------------------------------------------
		  FILTERABLE NAVIGATION
---------------------------------------------------*/
.filterable { width: 100%; padding-bottom: 25px; }
.filterable:before { width: 100%; padding-bottom: 25px; }
.filterable  ul { display: inline-block; margin: 0; padding: 0; }
.holder.fullwidth .filterable  ul { padding: 0 0 0 1.5%; }
.filterable li { background: none; display: inline; float: left; }
.filterable li:last-child a { margin: 0 0 0 5px; }	
.filterable li a { font: 600 11px/18px "Open Sans", sans-serif; letter-spacing: 0.2em; text-transform: uppercase; word-spacing: 3px; color: rgba(0, 0, 0, 0.8) !important; text-decoration: none; float: left; margin: 0 6px 10px 6px; }
.filterable li a:hover, .filterable li.current a { color: ; }

.filterable li a::before,
.filterable li a::after { opacity: 0; }
.filterable li a::before { content: '['; margin-right: 5px; }
.filterable li a::after { content: ']'; margin-left: 5px; }
.filterable li.current a::before,
.filterable li.current a::after { opacity: 1; }
/*--------------------------------------------------
			POST NAVIGATION
---------------------------------------------------*/
.post-navigation {
	width: 100%;
	float: left;
	overflow: hidden;
}
.post-navigation .article {
    width: 50%;
	float: left;
    display: table;
	-webkit-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.post-navigation a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
	-webkit-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
	padding: 6% 0;
	position:relative;
}
.post-navigation .prev a {
	padding-right: 10%;
	padding-left: 20%;
}
.post-navigation .prev a {
	text-align: right;
}
.post-navigation a span {
	padding-right: 10px;
	font-size: 16px;
}
.post-navigation .prev a span {
	padding-right: 10px;
}
.post-navigation .prev a:hover span {
	padding-right: 30px;
}
.post-navigation .next a {
	padding-right: 20%;
	padding-left: 10%;
}
.post-navigation .next a span {
	padding-left: 10px;
}
.post-navigation .next a:hover span {
	padding-left: 30px;
}
.post-navigation a.article-text.dark-grey:hover {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.75)!important;
}
.post-navigation .article:hover {
	background-color: #26252A;
}
.post-navigation a:hover {
	color: #fffcec !important;
}
.post-navigation.extended .article {
    width: 46%;
}
.post-navigation.extended .all {
	width: 8%;
	text-align:center;
}
.post-navigation a {
	text-decoration: none;
}
.post-navigation a {
	position: relative;
}
.post-navigation a {
	font: 700 20px/28px 'Open Sans', sans-serif;
	text-transform:none;
}
.post-navigation small {
	font: 400 11px/22px 'Open Sans', sans-serif;
	letter-spacing: 0.3em;
	display: block;
	margin-bottom: 20px;
}
.post-navigation .next a, .post-navigation .all a {
	overflow:hidden;
}
.post-navigation .next a:after, .post-navigation .all a:after {
	box-shadow: 1px 0 0 currentColor inset;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
	opacity: 0.1;
}
.post-navigation a span {
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
/*--------------------------------------------------
			POST NAVIGATION BG-IMAGE
---------------------------------------------------*/
.post-navigation.bg-image .article.background-image {
    min-height: 100%;
}
.post-navigation.bg-image a {
	font-size: 27px;
	line-height: 36px;
	text-transform: none;
	letter-spacing: 0;
	padding: 15% !important;
}
.post-navigation.bg-image .article:first-child {
    position: relative;
}
.post-navigation.bg-image .article:last-child {
    position: relative;
}
.post-navigation.bg-image .article:before {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease 0s;
    width: 100%;
	z-index: 99;
	opacity: 0.97;
}
.post-navigation.bg-image .article:hover:before {
    background: none repeat scroll 0 0 #000;
	opacity: 0.15;
}
.post-navigation.bg-image a {
	background-color: transparent;
	z-index: 999;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
}
.post-navigation.bg-image a:hover, .post-navigation.bg-image .article:hover a {
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.post-navigation.bg-image .article .background-image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 20s linear 0s;
	z-index: 1;
}
.post-navigation.bg-image .next small {
	left: 15%;
}
.post-navigation.bg-image .prev small {
	right: 15%;
}
/*--------------------------------------------------
			POST NAVIGATION SOLO
---------------------------------------------------*/
.post-navigation.solo .article {
    width: 100%;
}
.post-navigation.solo a {
	text-align: center !important;
    width: 100%;
	margin: 0 auto;
	padding: 8% 20%;
}
.post-navigation.bg-image.solo a {
	padding: 8% 20% !important;
}
.post-navigation.solo a {
	letter-spacing: 0;
	font-size: 27px;
	line-height: 1.2;
	text-transform: none;
}
.post-navigation.solo .next small {
	left: 0;
	right: 0; 
}
/*--------------------------------------------------
			ARROW POST NAVIGATION
---------------------------------------------------*/
.nav-reveal-wrap {
	text-align: center;
	position: relative;
	top: 0;
	width: 100%;
	height: 100vh;
	height: calc(100% - 80px);
}
.nav-reveal {
	top: 50%;
	width: 100%;
	position: fixed;
	z-index: 200;
}
.nav-reveal a {
	position: absolute;
	top: 0%;
	display: block;
	outline: none;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
   -o-transform: translateY(-50px);
	z-index: 9999;
}
.nav-reveal a.prev {
	left: 0;
}
.nav-reveal a.next {
	right: 0;
}
.nav-reveal a {
	overflow: hidden;
	width: 50px;
	height: 120px;
	-webkit-transition: width 0.4s, background-color 0.4s;
	transition: width 0.4s, background-color 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.nav-reveal .icon-wrap {
	position: fixed;
	padding: 46px 4px;
	width: 80px;
	line-height: 30px;
}
.nav-reveal a.prev .icon-wrap {
	left: 0;
}
.nav-reveal a.prev .icon-wrap:after {
	content: "\f053";
	font-family: 'FontAwesome';
}
.nav-reveal a.next .icon-wrap {
	right: 0;
}
.nav-reveal a.next .icon-wrap:after {
	content: "\f054";
	font-family: 'FontAwesome';
}
.nav-reveal div {
	position: absolute;
	top: 0;
	padding: 0 50px;
	width: 450px;
	height: 100%;
    display: table;
	text-align: center;
}
.nav-reveal a.prev div {
	left: 0;
	padding-right: 100px;
}
.nav-reveal a.next div {
	right: 0;
	padding-left: 100px;
}
.nav-reveal h3 {
	position: relative;
	margin: 0;
	padding: 20px;
	color: #B89F6D;
	font: 700 11px/15px "Montserrat",sans-serif;
	letter-spacing: 0.3em;
	word-spacing: 4px;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}
.nav-reveal a:hover .icon-wrap {
	color: #B89F6D;
}
.nav-reveal img {
	position: absolute;
	top: 25px;
	height: 70px;
	width: 70px;
	border-radius: 50%;
}
.nav-reveal a.prev img {
	right: 25px;
}
.nav-reveal a.next img {
	left: 25px;
}
.nav-reveal a:hover {
	width: 450px;
	background-color: #26252A;
    border: 1px solid rgba(0, 0, 0, 0.03);
}
/*--------------------------------------------------
			CONTACT
---------------------------------------------------*/
.google-map {
	position: relative;
	z-index: 1;
	overflow: visible;
	min-height: 600px;
	height: 100%;
}
.percentage .google-map {
	min-height: 100%;
}
.form textarea {
	width: 100%;
	height: 225px;
}

.form .error {
	color: #f96e5b;
	font-size: 11px;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: right;
}
.form, .success {
	margin: 0 auto;
}
.success {
	width: 100%;
	padding-bottom: 50px;
}
/*--------------------------------------------------
			TAGCLOUD
---------------------------------------------------*/
.tagcloud {
    margin: 0 0 -10px 0;
}
.tagcloud a {
    display: inline-block;
	font: 400 10px/18px 'Open Sans', sans-serif!important;
	text-transform:uppercase;
	letter-spacing: 1px;
	text-decoration: none;
    margin: 0 5px 6px 0;
	padding: 2px 16px;
	border-radius: 200px;
	border: 1px solid rgba(0,0,0,0.1);
}
.tagcloud a:hover {
	background-color: rgba(0, 0, 0, 0.9);
	color: #eee !important;
}
/*--------------------------------------------------
			VIDEO IFRAME - YOUTUBE / VIMEO
---------------------------------------------------*/
.responsive-video-div > div { position: relative; }
.responsive-video-div iframe {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%;
}
.responsive-video-video > div { padding-top: 56.26506%; }
.responsive-video-vimeo > div { padding-top: 56.26506%; }
.responsive-video-youtube > div { padding-top: 56.271981%; }

.responsive-video-div2  { 
	position: absolute; 
	background-position: center 50%; 
	width: 100%;  
}
.responsive-video-div2 iframe, .responsive-video-div2 video {
	position: absolute;
	top: 0; 
	left: 0;
	min-height: 50%;
	min-width: 100%;
}
.responsive-video-div2 > div {
	width: 100%; 
	height: 50%;
	position: relative;
}
/*--------------------------------------------------
			VIDEO FILE
---------------------------------------------------*/
.bgvid video {
	background-position: 50% 50% !important;
	background-size: cover;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	z-index: -100;
    display: block;
    height: auto;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1.01);
	-webkit-transform: translate(-50%, -50%) scale(1.01);
	-o-transform: translate(-50%, -50%) scale(1.01); 
    width: auto;
}
/*--------------------------------------------------
			SEARCH POPUP WINDOW
---------------------------------------------------*/
#search-overlay {
	display: none;
	position: fixed; 
	left: 0; 
	width: 100%; 
	height: 100%;
	z-index: 1100;
}
.search-popup {
	display:none;
	position: fixed;
	left: 0;
	z-index: 99999;
	width: 100%; 
	height: 100%;
}
.search-form {
    z-index: 3;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.search-form .wrap {
    width: 100%;
	padding: 20% 10% 0 10%;
}
.search-form form {
    height: 100%;
    width: 100%;
	margin-top: 20px;
}
.search-form input {
	border-radius: 0;
	border: none;
	background: transparent;
	height: 100%;
	width: 100%;
    padding: 0;
    font-size: 3.2em;
    font-weight: 700;
	letter-spacing: 0;
  	border: none;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	-ms-appearance: none;
  	-o-appearance: none;
	appearance: none;
    color: rgba(0, 0, 0, 1);
}
.search-form input::-webkit-input-placeholder, .search-form input::-moz-placeholder, .search-form input:-moz-placeholder, .search-form input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 1);
}
.search-form input:-moz-placeholder {
    font-size: 3.2em;
    font-weight: 700;
}
.search-form input:focus {
    outline: none;
	background: transparent;
}
/*--------------------------------------------------
			SIDEMENU
---------------------------------------------------*/
#side-menu .toggle-menu li.menu-item-has-children>a.submenu-open:after {
	content: "";
}
#side-menu .toggle-menu li {
	margin: 0;
	padding: 0;
	list-style:none;
}
#side-menu .toggle-menu li {
	position:relative;
}
#side-menu .toggle-menu .sub-menu {
    display: none;
}
#side-menu .toggle-menu .sub-menu a {
    text-transform: none;
    font: 300 14px/20px 'Open Sans', sans-serif;
    display: inline-block;
    background-color: transparent;
	transition: all 0.1s ease-in-out;
    text-transform: none;
    letter-spacing: 0;
}
/* style menu items which have a submenu  */
#side-menu .toggle-menu li ul li.menu-item-has-children > a {
    position: relative;
}
#side-menu .toggle-menu li ul li.menu-item-has-children>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 10px;
	line-height: 8px;
	margin-top: 0;
}
#side-menu .toggle-menu li ul li.menu-item-has-children>a.submenu-open:after {
	content: "\f107";
}
#side-menu .toggle-menu li ul li.menu-item-has-children:before {
    content: "";
}
/*--------------------------------------------------
			OVERLAY MENU
---------------------------------------------------*/
.overlay-menu {
    padding: 0 0 100px 0;
	margin: 0;
	list-style:none;
}
.overlay-menu ul > li > ul {    
	margin-left: 0;
}
#side-menu .overlay-menu li {    
	display: block;
    padding: 15px 0;
}
.overlay-menu a {
     font: 200 25px/30px 'Dosis', sans-serif;
    letter-spacing: 0.1em;
    margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	display: inline;
    color: currentColor;
	position:relative;
}
.overlay-menu a:hover {opacity: 0.5;}
.overlay-menu li.current-menu-ancestor > a::before { bottom: 0; content: ""; height: 40%; width: 100%; left: 0; position: absolute; z-index: -1; background-color: #d0e8f3; opacity: 1; }
.overlay-menu li.current-menu-item > a, .overlay-menu li.current-menu-parent > a, .overlay-menu li.current-menu-ancestor > a {
    opacity: .5;
}
.overlay-menu li ul li.menu-item-has-children a:hover,
.overlay-menu .sub-menu a.submenu-open,
.overlay-menu a.submenu-open {
    opacity: .5;
}
.overlay-menu li.current-menu-ancestor > .sub-menu a:before { background-color: transparent; }
.overlay-menu .sub-menu {
    padding: 20px 0;
	margin: 0;
}
.overlay-menu .sub-menu a {
    padding: 0 20px;
	margin: 0 0 10px 0;
}
#side-menu .overlay-menu .sub-menu li {    
    padding: 0;
}
/*--------------------------------------------------
			NAVIGATION
---------------------------------------------------*/
#navigation {
	box-sizing: content-box;
    display: none;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 0;
	right: -15px;
	padding-right: 15px;
    z-index: 999;
}
#navigation .content { 
	box-sizing: content-box;
	background: none repeat scroll 0 0 transparent;
	font-size: 13px;
    height: 100%;
	margin-right: -15px;
} 
#navigation .holder {
    display: table;
    height: 100%;
	padding: 150px 0 50px 0;
}
#navigation .row {
    display: table-cell;
    vertical-align: baseline;
    height: 100%;
}
#navigation .background-color-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
}
.lateral-toggle a {
    display: inline-block;
    text-transform: none;
    font: 400 48px/58px "Playfair Display",sans-serif;
    letter-spacing: 0;
    padding: 5px 0;
    margin: 0;
    color: #fff;
	position:relative;
}
.lateral-toggle li.menu-item-has-children a {
    padding: 5px 15px 5px 0;
}
.lateral-toggle li ul li.menu-item-has-children > a {
    position: relative;
    padding: 5px 15px 5px 0;
}
.lateral-toggle li ul li.menu-item-has-children a:hover,
.lateral-toggle li ul li a:hover,
.lateral-toggle .sub-menu a.submenu-open {
    color: #fff;
    opacity: .5;
}
.lateral-toggle a:hover, .lateral-toggle a.submenu-open {
    color: #000;
}
.lateral-toggle li.current-menu-item > a, .lateral-toggle li.current-menu-parent > a, .lateral-toggle li.current-menu-ancestor > a,
.lateral-toggle li.current-menu-item > a:hover, .lateral-toggle li.current-menu-parent > a:hover, .lateral-toggle li.current-menu-ancestor > a:hover {
    color: #fff;
    opacity: .5;
}
.lateral-toggle .sub-menu {
    padding: 20px;
}
.lateral-toggle .sub-menu {
    padding: 20px;
}
.lateral-toggle li ul li.menu-item-has-children > a::after {
    top: 12px !important;
}
/*--------------------------------------------------
			SLIDING MENU
---------------------------------------------------*/
.sliding-menu { overflow: hidden; position: relative; padding: 0 -50px; }
.sliding-menu ul { float: left; margin: 0; width: 280px !important; display:block; padding: 0; }
.sliding-menu li { list-style: none; margin: 0; padding: 0; position:relative; }

.sliding-menu a { display: block; padding: 10px 30px; text-transform: none; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 18px;position:relative; color: #111; }
.sliding-menu li:before { content: ""; display: block; position: absolute; top: 10%; left: 0; height:80%; width: 2px; opacity: 0; background-color: currentColor; }

.sliding-menu a:hover { opacity: .5; }
.sliding-menu li:hover:before { opacity: .5; }

.sliding-menu li.current-menu-item a, .sliding-menu li.current-menu-ancestor a { opacity: .5; }
.sliding-menu li.current-menu-item:before, .sliding-menu li.current-menu-ancestor:before { opacity: .5; }

.sliding-menu a.nav:before { content: '\3009'; float: right; margin-right: -8px; font-size: 8px; }
.sliding-menu a.back { padding: 20px; }
.sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 0.5em; font-size: 10px; }
/*--------------------------------------------------
			SLIDEBAR
---------------------------------------------------*/
html.sb-scroll-lock.sb-active:not(.sb-static) { overflow:hidden; }
.sb-slidebar { height:100vh; overflow-y:auto; position:fixed; z-index:0; display:none; }
.sb-left { left:0; }
.sb-right { right:0; }
.sb-slidebar.sb-active { display:block; }
.sb-momentum-scrolling { -webkit-overflow-scrolling:touch; }
.wrapper-holder, .sb-slide, .sb-slidebar { -webkit-transition:-webkit-transform 0.3s ease; -moz-transition:-moz-transform 0.3s ease; -o-transition:-o-transform 0.3s ease; transition:transform 0.3s ease; -webkit-transition-property:-webkit-transform,left,right; -webkit-backface-visibility:hidden; }

.sb-hide { display:none; }

.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close { cursor: pointer; }
html.sb-active #wrapper, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

html.sb-active #wrapper {
	cursor: url(../images/slide-close.png), auto;
}

#slide-sidebar.sb-slidebar {
	width: 37%;
}
#slide-menu.sb-slidebar {
	width: 40%;
}
.sb-slidebar { 
	box-sizing: content-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
	right: -15px;
	top: 0;
	padding-right: 15px;
}
.sb-slidebar .content {
    background: transparent none repeat scroll 0 0;
    box-sizing: content-box;
    font-size: 13px;
    margin-right: -15px;
    position: relative;
    display: table;
    height: 100%;
	width: 100%;
    content: "";
}
.sb-slidebar .holder {
    display: table-cell;
    height: 100%;
    padding: 15% !important;
}
.sb-slidebar .holder.no-padding-left-right {
    padding-left: 0;
    padding-right: 0;
}
.sb-slidebar .background-color-overlay {
    height: 100%;
    position: fixed;
    width: 40%;
	right: 0;
	left: auto;
}
.sb-slidebar.sb-left .background-color-overlay {
	right: auto;
	left: 0;
}
.sb-slidebar .widget {
    width: 100%;
}
.sb-slidebar .widget {
    margin-bottom: 70px;
    padding-bottom: 0;
}
.sb-slidebar .widget h3 {
    display: block;
    font: 400 24px/34px "Montserrat",sans-serif;
}
.sb-slidebar .content a {
    text-decoration: none;
}
.sb-slidebar .sb-close {
    position: fixed;
    right: 0;
    z-index: 99999;
}
.sb-left .sb-close {
    left: 0;
}
.sb-slidebar .widget.footer {
	position: absolute;
	bottom: 10%;
	left: 15%;
	z-index: 1000;
	margin-bottom: 0;
}
/*--------------------------------------------------
			FADE IN
---------------------------------------------------*/
.fadein li{ opacity:0; }
.fadein.open li{ opacity:1; }
.fadein.open li { transition: top 0.3s ease 0.3s, opacity 0.3s ease 0s; }
.fadein.open li:nth-child(1) { transition: top 0.3s ease 0.3s, opacity 0.3s ease 0.3s; }
.fadein.open li:nth-child(2) { transition: top 0.3s ease 0.4s, opacity 0.3s ease 0.4s; }
.fadein.open li:nth-child(3) { transition: top 0.3s ease 0.5s, opacity 0.3s ease 0.5s; }
.fadein.open li:nth-child(4) { transition: top 0.3s ease 0.6s, opacity 0.3s ease 0.6s; }
.fadein.open li:nth-child(5) { transition: top 0.3s ease 0.7s, opacity 0.3s ease 0.7s; }
.fadein.open li:nth-child(6) { transition: top 0.3s ease 0.8s, opacity 0.3s ease 0.8s; }
.fadein.open li:nth-child(7) { transition: top 0.3s ease 0.9s, opacity 0.3s ease 0.9s; }
.fadein.open li:nth-child(8) { transition: top 0.3s ease 1s, opacity 0.3s ease 1s; }
.fadein.open li:nth-child(9) { transition: top 0.3s ease 1.1s, opacity 0.3s ease 1.1s; }
.fadein.open li:nth-child(10) { transition: top 0.3s ease 1.2s, opacity 0.3s ease 1.2s; }
.fadein.open li:nth-child(11) { transition: top 0.3s ease 1.3s, opacity 0.3s ease 1.3s; }
body.close {
    overflow: visible;
}
/*--------------------------------------------------
			HAMBURGER MENU
---------------------------------------------------*/
.hamburger-menu { 
	cursor: pointer; 
	z-index: 99; 
}
.hamburger-menu span.hamburger, .hamburger-menu span.hamburger:before, .hamburger-menu span.hamburger:after {
    cursor: pointer;
    height: 2px;
    width: 35px;
    content: '';
    transition: all 200ms linear 0s;
    background: currentColor;
    position: relative;
}
.hamburger-menu span.hamburger { 
    display: inline-block;
	top: -4px;
}
.hamburger-menu span.hamburger:before {
    left: 0;
    position: absolute;
    top: 6px;
	width: 26px;
}
.hamburger-menu span.hamburger:after {
    left: 0;
    position: absolute;
    bottom: 6px;
	width: 16px;
}
.hamburger-menu span.text {
    margin-right: 8px;
}
.hamburger-menu:hover span.hamburger, .hamburger-menu:hover span.hamburger:before, .hamburger-menu:hover span.hamburger:after {
    width: 35px;
}
.hamburger-menu.small span.hamburger, .hamburger-menu.small span.hamburger:before, .hamburger-menu.small span.hamburger:after {
    width: 15px;
}

#primary-menu.light-mode.light .hamburger-menu span.hamburger:before, 
#primary-menu.light-mode.light .hamburger-menu span.hamburger:after,
#primary-menu.light-mode.light .main-menu .hamburger-menu span.hamburger, 
#primary-menu.light-mode.light .main-menu .hamburger-menu span.hamburger:before, 
#primary-menu.light-mode.light .main-menu .hamburger-menu span.hamburger:after,
#secondary-menu.light-mode.light .secondary-menu .hamburger-menu span.hamburger, 
#secondary-menu.light-mode.light .secondary-menu .hamburger-menu span.hamburger:before, 
#secondary-menu.light-mode.light .secondary-menu .hamburger-menu span.hamburger:after {
    background: currentColor ;
}

.hamburger-menu .hamburger.close {
	background: transparent !important;
    z-index: 10000;
}
.hamburger-menu .hamburger.close:before, .hamburger-menu .hamburger.close:after {
	-webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0px;
    width: 35px; 
}
.hamburger-menu .hamburger.close:before {
	-webkit-transform: translateY(0px) rotate(45deg);
    -moz-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    -o-transform: translateY(0px) rotate(45deg);
	transform: translateY(0px) rotate(45deg);
}
.hamburger-menu .hamburger.small.close:before {
	top: 0px;
}
.hamburger-menu .hamburger.close:after {
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.square {
    height: 70px;
    text-align: center;
    width: 70px;
    z-index: 99;
}
.square {
    position: fixed;
    right: 0;
	margin-top: 0 !important;
}
.square.hamburger-menu {
	display: block;
    height: 67px;
    text-align: center;
    width: 67px;
    z-index: 999;
}
.square.hamburger-menu span.hamburger,
.square.hamburger-menu span.hamburger:after,
.square.hamburger-menu span.hamburger:before,
.square.hamburger-menu:hover span.hamburger:after,
.square.hamburger-menu:hover span.hamburger:before  {
    height: 3px;
    width: 20px !important;
	margin-top: 16px;
    top: 0;
}
.square.hamburger-menu:hover span.hamburger:after {
	transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
}
.square.hamburger-menu:hover span.hamburger:before  {
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}
.square.hamburger-menu .hamburger.close {
	float:none;
}


.iti, .static {
    box-sizing: border-box;
    width: 50%;
}
.iti.col-3, .static.col-3 {
    width: 33%;
}
.iti.col-3.last, .static.col-3.last {
    width: 67%;
}
.iti {
 	display: inline-block;
    vertical-align: top;
	float:left;
}
.iti .holder.fullwidth {
	padding-left: 0;
	padding-right: 0;
}
 

.transition.top_to_bottom li { opacity:0; }
.transition.top_to_bottom.open .main-menu li { opacity:1; }
.transition.top_to_bottom li { transition: all 0.3s ease 0s; }
.transition.top_to_bottom li:nth-child(1) { transition: all 0.3s ease 0.1s; }
.transition.top_to_bottom li:nth-child(2) { transition: all 0.3s ease 0.2s; }
.transition.top_to_bottom li:nth-child(3) { transition: all 0.3s ease 0.3s; }
.transition.top_to_bottom li:nth-child(4) { transition: all 0.3s ease 0.4s; }
.transition.top_to_bottom li:nth-child(5) { transition: all 0.3s ease 0.5s; }
.transition.top_to_bottom li:nth-child(6) { transition: all 0.3s ease 0.6s; }
.transition.top_to_bottom li:nth-child(7) { transition: all 0.3s ease 0.7s; }
.transition.top_to_bottom li:nth-child(8) { transition: all 0.3s ease 0.8s; }
.transition.top_to_bottom li:nth-child(9) { transition: all 0.3s ease 0.9s; }
.transition.top_to_bottom li:nth-child(10) { transition: all 0.3s ease 1s; }
.transition.top_to_bottom li:nth-child(11) { transition: all 0.3s ease 1.1s; }
.navigation-2 { opacity:0; }
.navigation-2.open { opacity:1; }

.navbar.menu-open .hamburger-menu span.text {
	display: none;
}

#brandlist {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
	width: 100%;
	position: fixed;
}
.brandlist {
	height: 100%;
	margin: 0;
	padding: 15% 0;
}
.brandlist ul {
    margin: 0;
	padding: 0;
}

.brandlist li a {
	position: relative;
	font: 100 23px/33px "Montserrat",sans-serif;
    letter-spacing: 0;
	font-style:normal;
	color: #bec7cc;
	display:inline-block;
	padding: 0 0 0 20%;
	margin: 0 0 40px 0;
    z-index: 999;
	-webkit-transition: all 0.4s ease 0s; 
	-o-transition: all 0.4s ease 0s; 
	transition: all 0.4s ease 0s;
}
.brandlist a:after {
	opacity: 0;   
	background: currentColor none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 20%;
    z-index: 100;
	-webkit-transition: all 0.4s ease 0s; 
	-o-transition: all 0.4s ease 0s; 
	transition: all 0.4s ease 0s;
	transform: scaleX(0); 
	-webkit-transform: scaleX(0);
	transform-origin: left center 0;
}
.brandlist a:hover:after, .brandlist a.active:after {
	opacity: 1;
	transform: scaleX(1); 
	-webkit-transform:scaleX(1);
}
.brandlist li a:hover, .brandlist li a.active {
	color: #222;
	padding-left: 22%;
}

.fixed-wrap {
    height: 100vh;
    width: 50%;
    float: left;
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
	background-color: #000;
}
#mainn {
    height: auto;
    width: 50%;
    float: left;
}
.fixed-holder {
    width: 100%;
    height: 100%;
    position: absolute;
}
.fixed-holder.fixed-div {
    position: fixed;
    top: 0;
    width: 50%;
}
.fixed-holder.fixed-div .item-pic.background-image {
	height: 100vh;
    background-attachment: scroll !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
	min-height: 100vh;
	vertical-align: middle;
}
.item-pic.background-image {
	height: 100vh;
    background-attachment: scroll !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
	min-height: 100vh;
	z-index:999999;
    vertical-align: middle;
}
.item-pic:not(.initial) {
    display: none;
}
.item-pic .section-title {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.item-pic .section-title h1 {
	font-weight: 100;
}
.item-pic .section-title small {
	font-size: 11px;
	letter-spacing: 0;
}

.icon-box {
    display: table;
    width: 100%;
	clear:both;
}
.icon-box.icon {
    width: 1px;
}
.icon-box.icon span i {
	width: 1.28571em;
}
.icon-box.icon span i {
	width: 1.28571em;
    text-align: center;
}
.icon-box.icon, .icon-box.content {
    display: table-cell;
    vertical-align: top;
	background: transparent;
}
.icon-box.left .content {
    padding-left: 30px;
}
.icon-box.right .icon {
	float:right;
}
.icon-box.right .content {
    padding-right: 30px;
    text-align: right;
}

.image-border {
	position:relative;
    z-index: 1;
}
.image-border:after {
    left: 25px;
    position: absolute;
    top: 25px;
    width: 100%;
    height: 100%;
    z-index: -11;
	content:"";
	border: 3px solid currentColor;
}
/*--------------------------------------------------
		CLIENTS BACKGROUND-COLOR COLUMNS
---------------------------------------------------*/
.clients  { padding: 0; margin: 0; }
.grid.col-2 .grid-wrap { width: 50%; }
.grid.col-3 .grid-wrap { width: 33.33%; }
.grid.col-4 .grid-wrap { width: 25%; }
.grid.col-5 .grid-wrap { width: 20%; }
.grid.col-6 .grid-wrap { width: 16.66%; }
.grid.background-color { padding: 3px; }
.grid.background-color { float:left; width: 100%; }	
.grid.background-color .grid-wrap { padding: 3px; }
.grid.background-color .grid-wrap:after { border: none; }

.grid { list-style: outside none none; margin: 0; padding: 0; }
.grid .grid-wrap { content:""; position: relative; z-index: 2; float:left; }
.grid-wrap:after {
    border-right-style: solid;
    border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	content:"";
    position: absolute;
	display: table-cell;
    vertical-align: middle; 
	height: 100%;
	width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	opacity: 0.3 !important;
    z-index: -1;
}
.grid .grid-wrap.last:after { border-right: medium none; }
.grid .grid-wrap.last-row:after { border-bottom: medium none; }
.grid .grid-wrap img { margin: 0 auto; height: auto; }
.grid.transparent .grid-wrap:after { display:none; }

.clients a img { opacity: 0.5;-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; -o-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s;
}
.clients a:hover img { opacity: 1; }

.brankic_extra_1_1_1.gap .one, 
.brankic_extra_1_2_1.gap .one, 
.brankic_extra_1_2_1.gap .one-half { padding-bottom: 30px; margin-right: 0; }
.brankic_extra_1_2_1.gap .one-half { padding-right: 15px; }
.brankic_extra_1_2_1.gap .one-half.last { padding-right: 0; padding-left: 15px; }
.row .brankic_extra_1_2_1.gap .one-half { width: 50%; }

.gallery { margin:0 -0.5em; }
.gallery-item { margin:0; float:left; padding:0.5em }
.gallery-item img { width:100% }
.gallery .gallery-item img { width:100%; max-width:100%; border: none !important; }
.gallery-columns-1 .gallery-item { width:100%; float:none }
.gallery-columns-2 .gallery-item { width:50% }
.gallery-columns-3 .gallery-item { width:33.3333% }
.gallery-columns-4 .gallery-item { width:25% }
.gallery-columns-5 .gallery-item { width:20% }
.gallery-columns-6 .gallery-item { width:16.6667% }
.gallery-columns-7 .gallery-item { width:14.2857% }
.gallery-columns-8 .gallery-item { width:12.5% }
.gallery-columns-9 .gallery-item { width:11.1111% }


.wp-caption { font-weight:500; font-size:11px; line-height:1.45; text-align:center; }
.wp-caption-text { display:block; margin:15px 0; font-weight:500; font-size:11px; line-height:1.45; text-align:center; } 
.gallery-caption { display:block; margin:15px 0; font-weight:500; font-size:11px; line-height:1.45; text-align:center; }
.bypostauthor { color: currentcolor; font-style:normal; }