/*---------------------------------------------- 



0. RESET & CLEARFIX



------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, .overlaycaption, figure, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }

ol, ul { list-style: none; }

:focus { outline: 0; }

/* deleting the default appearence for form elements */

input[type=text], input[type=password], input[type=submit], input[type=button], textarea, button, select { -moz-appearance: none; -webkit-appearance: none; }

/* HTML5 display definitions */

article, aside, details, .overlaycaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }

audio, canvas, video { display: inline-block; *display: inline;

*zoom: 1;

}

audio:not([controls]) {

display: none;

}

[hidden] {

display: none;

visibility: hidden;

}

.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }

.clearfix {

*display: inline-block; height: 1%; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; }

/*---------------------------------------------- 



1. BASICS



------------------------------------------------*/

html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */ -ms-text-size-adjust: 100%; position: relative; }

body { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.02em; font-size: 15px; line-height: 26px; color:#696969; text-align: left; position: relative; background: #ffffff; min-height: 100%; }

::selection {

background:#1a1a1a;

color:#ffffff;

}

::-moz-selection {

background:#1a1a1a;

color:#ffffff;

}

::-webkit-selection {

background:#1a1a1a;

color:#ffffff;

}

/* Headings

---------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat'; font-weight: 400; letter-spacing: -0.02em; color: #1a1a1a; }

.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6,  h1.text-light, h2.text-light, h3.text-light, h4.text-light, h5.text-light, h6.text-light { color: #ffffff; }

h1 { font-size: 72px; line-height: 86px; }

h2 { font-size: 48px; line-height: 60px; }

h3 { font-size: 34px; line-height: 46px; }

h4 { font-size: 24px; line-height: 34px; }

h5 { font-size: 17px; line-height: 26px; }

h6 { font-size: 13px; line-height: 20px; }

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; }

/* Headers Spacing */

div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 40px; }

i + h1, i + h2, i + h3, i + h4, i + h5, i + h6 { margin-top: 20px; }

div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child { margin-top: 0px !important; }

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 22px; }

h2 + h3, h2 + h4, h2 + h5, h2 + h6, h6 + h2, h5 + h2, h4 + h2, h3 + h2 { margin-top: 16px; }

h3 + h4, h3 + h5, h3 + h6, h4 + h3, h5 + h3, h6 + h3 { margin-top: 13px; }

h4 + h5, h4 + h6, h5 + h4, h6 + h4 { margin-top: 9px; }

h5 + h5, h5 + h6, h6 + h5, h6 + h6 { margin-top: 6px; }

 [class*='subtitle'] {

 opacity: 0.7;

}

div#page-loader {
    display: none;
}
footer#footer {
    margin-top: 00px;
}
header#header {
    background: #00000091;
}


section.team-section {
    padding: 100px 10px 00px 10px;
    display: flex;
    justify-content: center;
    text-align: center;
}
section.team-section-1 {
    padding: 100px 10px 100px 10px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.container {
    max-width: 1400px;
}
.team {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
}
.team-1 {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(5, 1fr);
    gap: 35px;
}

.team-member img {
  width: 100%;
  max-width: 100%;
  border-radius: 100%;
}
h2.team-text{
  font-family: "Roboto", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
}
p.team-text{
  font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #5e5e5e;
    margin-top: 8px;
}



.subtitle-1 { font-family: 'Lato'; font-weight: 300; letter-spacing: 0.03em; }

.subtitle-1 b, .subtitle-1 strong { font-weight: 600; }

.subtitle-2 { font-family: 'Lora'; font-weight: 400; font-style: italic; text-transform: none; letter-spacing: 0.03em; }

.subtitle-2 b, .subtitle-2 strong { font-weight: 700; }

.error-404 { font-size: 124px; line-height: 140px; }

.uppercase { text-transform: uppercase; letter-spacing: 0.06em; }

/* headings with link */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #1a1a1a; transition: all 200ms ease; }

.text-light h1 a, .text-light h2 a, .text-light h3 a, .text-light h4 a, .text-light h5 a, .text-light h6 a { color: #ffffff; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #33bfd0; }







/* Forms

---------------------------------------- */

::-webkit-input-placeholder {

color: #1a1a1a;

}

:-moz-placeholder {

color: #1a1a1a;

}

::-moz-placeholder {

color: #1a1a1a;

}

:-ms-input-placeholder {

color: #1a1a1a;

}

 .text-light ::-webkit-input-placeholder {

color: #ffffff;

}

.text-light :-moz-placeholder {

color: #ffffff;

}

.text-light ::-moz-placeholder {

color: #ffffff;

}

.text-light :-ms-input-placeholder {

color: #ffffff;

}

input[type=text], input[type=password], input[type=email], textarea { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; background: #ffffff; border: 1px solid #e0e0e0; line-height: 22px; height: 22px; color: #1a1a1a; padding: 10px; transition: all 200ms ease; border-radius: 0px; -moz-border-radius:0x; -khtml-border-radius:0px; -webkit-border-radius:0px; resize: none; }

.text-light input[type=text], .text-light input[type=password], .text-light input[type=email], .text-light textarea { border-color: #3d3d3d; color: #ffffff; background: #0f0f0f; }

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus { border-color: #1a1a1a; }

.text-light input[type=text]:focus, .text-light input[type=password]:focus, .text-light input[type=email]:focus, .text-light textarea:focus { border-color: #ffffff; }

input.false[type=text], input.false[type=password]:focus, input.false[type=email], textarea.false { border-color: #fa4d5a; }

input[type=text], input[type=password], input[type=email] { width: 100%; max-width: calc(100% - 22px); }

textarea { width: 100%; min-height: 100px; max-width: calc(100% - 22px); }

input[type=submit], input[type=button], button { cursor: pointer; -moz-border-radius:0x; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius: 0px; display: inline-block; font-family: 'Lato'; font-weight: 700; font-size: 11px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; margin-bottom: 5px; transition: all 0.2s ease; color: #ffffff; padding: 10px 40px; background: #1a1a1a; border: none; position: relative; top: -1px; }

.text-light input[type=submit], .text-light input[type=button], .text-light button { background: #ffffff; color: #1a1a1a; }

input[type=submit]:hover, input[type=button]:hover, button:hover { background: #33bfd0; color: #ffffff; }

select { background: #ffffff; border: 1px solid #e0e0e0; font-family: 'Montserrat'; font-size: 11px; font-weight: 400; height: 44px; width: auto; padding:8px; color: #1a1a1a; -moz-border-radius:0x; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius: 0px; min-width: 120px; background-image:url(../assets/select-arrow.png); background-position: center right; background-repeat: no-repeat; -webkit-background-size:16px 6px; -moz-background-size:16px 6px; -o-background-size:16px 6px; background-size:16px 6px; }

select.full-width { width: 100%; max-width: 100%; }

select:focus { border-color: #1a1a1a; }

.text-light select { border-color: #3d3d3d; color: #ffffff; background: #0f0f0f; background-image:url(../assets/select-arrow-light.png); }

.text-light select:focus { border-color: #ffffff; }

select option { cursor: pointer; padding: 5px 7px; }

label { font-family: 'Montserrat'; font-weight: 400; font-size: 14px; letter-spacing: -0.02em; width: 100%; color: #1a1a1a; display: block; }

.text-light label { color: #ffffff; }

.form-row.false label { color: #fa4d5a; }

label abbr { color: #33bfd0; text-decoration: none; }

input[type=radio] + label, input[type=checkbox] + label { display: inline-block; width: auto; margin-left: 5px; }

form { margin-top: 30px; }

form .form-row { margin-top: 20px;/* position: relative;*/ }

 form .form-row.one-half:nth-child(2), form .form-row.two-third:nth-child(2),  form .form-row.one-third:nth-child(2), form .form-row.one-third:nth-child(3),  form .form-row.one-fourth:nth-child(2), form .form-row.one-fourth:nth-child(3), form .form-row.one-fourth:nth-child(4) {

margin-top: 0px;

}

.form-row.hidden { display: none; }

form .form-submit { margin-top: 30px; }

 div form:first-child, form .form-row:first-child, div[class*='spacer-'] + form {

 margin-top: 0px;

}

/* Chech formular */

.check-error input[type=text], .check-error input[type=password], .check-error input[type=email], .check-error textarea, input[type=text].check-error, input[type=password].check-error, input[type=email].check-error, textarea.check-error { border-color: #ff4b14; }

.form-note { display: none; }

/* Table

---------------------------------------- */

table { margin-top: 30px; border-collapse: collapse; /*table-layout: fixed;*/

	width: 100%; max-width: 100%; }

div table:first-child { margin-top: 0px; }

table thead th { font-family: 'Montserrat'; font-weight: 400; letter-spacing: -0.02em; color: #1a1a1a; font-size: 13px; line-height: 20px; }

.text-light table thead th { color: #ffffff; }

table tr { border-bottom: 1px solid #e0e0e0; }

table thead tr { border-bottom: 2px solid #e0e0e0; }

.text-light table tr { border-color: #3d3d3d !important; }

table tbody td { padding: 10px 0; }

table tbody tr:first-child td { padding-top: 0px; }

table thead + tbody tr:first-child td { padding-top: 10px; }

table thead th { padding-bottom: 10px; }

table thead tr th:last-child, table tbody tr td:last-child { text-align: right; }

.table-scroll { max-width: 100%; overflow-y: scroll; margin-top: 30px; }

div .table-scroll:first-child { margin-top: 0px; }

.table-scroll table { min-width: 550px; }

/* Links

---------------------------------------- */

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color:rgba(0, 0, 0, 0.0); color: #33bfd0; }

a:hover { color: #1a1a1a; }

.text-light a:hover { color: #ffffff; }

/* Embedded content

---------------------------------------- */

img, object, video, audio { max-width: 100%; height: auto; display: inline-block; margin:0; vertical-align:top; }

img { width: auto; max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; }

p img { margin-top: 20px; }

p img:first-child { margin-top: 0px; }

img.alignleft { margin: 3px 20px 20px 0; float: left; }

img.alignright { margin: 3px 0px 20px 20px; float: right; }

p + video, p + audio { margin-top: 20px; }

/* Lists

---------------------------------------- */

ul { margin-top: 20px; margin-left: 15px; list-style: disc; }

ul.no-list-style { list-style: none; margin-left: 0px; }

div ul:first-child, li ul:first-child { margin-top: 0px; }

ol { margin-top: 20px; margin-left: 30px; list-style: decimal; }

div ol:first-child, li ol:first-child { margin-top: 0px; }

ul li, ol li { margin-top: 10px; }

ul li:first-child, ol li:first-child { margin-top: 0px; }

/* Others

---------------------------------------- */

p { margin-top: 20px; }

div p:first-child { margin-top: 0px; }

strong, b, dt { font-weight: 600; }

i, dfn, em { font-style: italic; }

strong i, b i, dt i, strong em, b em, dt em { font-style: italic; font-weight: 700; }

blockquote { font-family: 'Lora', Georgia; font-weight: 400; font-style: italic; text-align: center; margin: 40px; font-size: 26px; line-height: 34px; letter-spacing: 0.03em; color: #1a1a1a; position: relative; padding-top: 60px; }

.text-light blockquote, blockquote.text-light { color: #ffffff; }

div blockquote:first-child { margin-top: 0px; }

div blockquote:last-child { margin-bottom: 0px; }

blockquote:before { content: "\f347"; font-family: "Ionicons"; font-style: normal; font-size: 14px; line-height: 38px; width: 38px; height: 38px; position: absolute; top: 0px; left: 50%; margin-left: -19px; border-radius: 30px; border: 2px solid rgba(0, 0, 0, .25); }

.text-light blockquote:before, blockquote.text-light :before { border: 2px solid rgba(255, 255, 255, .4); }

blockquote cite { display: block; margin-top: 20px; color: #000000; font-size: 13px; line-height: 20px; font-family: 'Montserrat'; font-weight: 400; font-style: normal; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.text-light blockquote cite, blockquote.text-light cite { color: #ffffff; }

blockquote figure { margin: 20px auto 0 auto; width: 80px; height: 80px; border-radius: 60px; overflow: hidden; text-align: center; }

blockquote p { margin: 0; }

pre { padding: 20px; margin-top: 20px; font-size: 13px; line-height: 18px; background: #1a1a1a; color: #c9c9c9; display: block; border-radius: 3px; }

div pre:first-child { margin-top: 0px; }

code { padding: 0 7px 0 5px; display: inline-block; border-radius: 3px; background: #d9d9d9; color: #1a1a1a; font-size: 12px; line-height: 18px; position: relative; top: -1px; font-style: italic; }

small { color: #9c9c9c; font-size: 10px; line-height: 17px; font-family: 'Montserrat'; font-weight: 400; }

small b, small strong { font-weight: 700; }

.text-light small { color: #8c8c8c; }

/*---------------------------------------------- 



2. GENERAL ELEMENTS



------------------------------------------------*/

body.page-boxed { background: #f5f6f7; }

body.page-boxed #page-content { width: 1280px; margin: 0 auto; background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); }

#page-content { overflow: hidden; margin: 0; min-width: 1200px; max-width: 100%; }

#page-body { padding-top: 100px; position: relative; }

#page-body.notoppadding { padding: 0; }

#page-body:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }

.wrapper { width: 1200px; margin: 0 auto; }

.wrapper-small { width: 780px; margin: 0 auto; }

.wrapper:after, .wrapper-small:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }

.wrapper, .wrapper-small { max-width: calc(100% - 80px); }

.main-content { width: calc(100% - 400px); }

aside.sidebar { width: 340px; margin-right: 40px; }

 aside.sidebar.sidebar-grey, aside.sidebar.sidebar-grey::before {

 background: #f5f6f7;

 padding: 0 40px 100px 40px;

 width: 320px;

 margin: 0;

}

.notoppadding aside.sidebar.sidebar-grey { padding-top: 100px; }

 aside.sidebar.sidebar-grey::before {

 content: "";

 position: absolute;

 height: 100%;

 top: 0;

 right: 0;

 padding-top: 0;

 padding-bottom: 0;

}

 aside.sidebar.sidebar-grey.left-float::before {

left: 0;

right: auto;

}

.wrapper .sidebar { margin-right: 0px; }

.wrapper .sidebar.sidebar-grey { padding: 30px; width: 280px; }

 .wrapper .sidebar.sidebar-grey::before {

 display: none;

}

aside.sidebar .sidebar-content { position: relative; z-index: 1; }

.left-float { float: left; }

.right-float { float: right; }

.align-center { text-align: center; }

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

.text-light { color: #c9c9c9; }

.colored { color: #33bfd0 !important; opacity: 1 !important;  }

/*---------------------------------------------- 



3. HEADER



------------------------------------------------*/

header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1501; height: auto; background: #ffffff; transition: all 0.4s; }

.page-boxed header { width: 1280px; left: 50%; margin-left: -640px; }

header.not-sticky { position: absolute; }

header .header-inner { padding: 0px 30px; }

header .header-inner.wrapper { padding: 0; }

header #logo { max-width: 100%; z-index: 10; padding-top: 20px; padding-bottom: 20px; height: 50px; transition: all 0.4s ease; }

header #logo a { display: inline-block; transition: all 0.4s ease; position: relative; height: 100%; max-height: 100%; }

header #logo img { max-width:300px; height: 100%; max-height: 100%; transition: all 0.4s ease; }

header #logo #scroll-logo { float:left; max-width: 0px; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translate-X(-20px); transform: translateX(-20px); opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

header #logo #dark-logo + #light-logo { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 header #logo #scroll-logo ~ img {

 transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease, max-width 0.1s 0.4s ease;

}

/*---------------------------------------------- 



4. PAGE LOADER



------------------------------------------------*/

#page-loader { position: fixed; width: 100%; height: 100%; background: #ffffff; z-index: 100001; transition: opacity 0.8s ease 0.8s, height 0.1s ease 1.6s; overflow: hidden; }

.page-is-loaded #page-loader { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 0; }

#page-loader .page-loader-inner { transition: opacity 0.6s ease 0.3s; }

.page-is-loaded #page-loader .page-loader-inner { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#page-loader .loader-figure, #page-loader .loader-label { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#page-loader .loader-figure { height: 0px; width: 0px; box-sizing: border-box; border: 0px solid #33bfd0; border-radius: 50%; -webkit-animation: figure 1.2s ease infinite; -moz-animation: figure 1.2s ease infinite; animation: figure 1.2s ease infinite; }

 @-moz-keyframes figure {  0% {

height: 0;

width: 0;

}

 30% {

height: 40px;

width: 40px;

border-width: 21px;

opacity: 1;

}

 100% {

height: 40px;

width: 40px;

border-width: 0;

opacity: 0;

}

}

 @-webkit-keyframes figure {  0% {

height: 0;

width: 0;

}

 30% {

height: 40px;

width: 40px;

border-width: 21px;

opacity: 1;

}

 100% {

height: 40px;

width: 40px;

border-width: 0;

opacity: 0;

}

}

 @keyframes figure {  0% {

height: 0;

width: 0;

}

 30% {

height: 40px;

width: 40px;

border-width: 21px;

opacity: 1;

}

 100% {

height: 40px;

width: 40px;

border-width: 0;

opacity: 0;

}

}

#page-loader .loader-label { margin: 50px 0 0 0; font-size: 12px; line-height: 18px; }

#page-loader .loader-logo { position: absolute; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

/*---------------------------------------------- 



5. MENU / NAV / SMART NAV



------------------------------------------------*/

#menu { position: static; z-index: 10; }

/* Main Nav*/	

nav#main-nav { float: left; }

nav#main-nav ul { list-style: none; z-index: 10; margin: 0; padding: 0; }

nav#main-nav > ul > li { margin: 0 0 0 15px; padding: 0; display: inline-block; position: relative; }

nav#main-nav > ul > li:first-child { margin: 0; }

nav#main-nav > ul > li > a { display: inline-block; font-family: 'Montserrat'; font-weight: 400; font-size: 12px; text-transform: uppercase; color: #1a1a1a; letter-spacing: 0.13em; transition: all 0.4s ease; height: 30px; line-height: 30px; padding: 30px 1px; position: relative; }

 #menu.menu-is-open nav#main-nav ul li a:not(.button-style):hover, header.header-style-vertical #menu nav#main-nav ul li a:not(.button-style):hover {

color: #33bfd0 !important;

}

nav#main-nav > ul > li > a:after { content: ""; width: 100%; height: 2px; background: #1a1a1a; position: absolute; left: 0; top: 40%; margin-top: 15px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.3s ease; }

nav#main-nav > ul > li:hover > a:after, nav#main-nav > ul > li.current-menu-item > a:after { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 50%; }

nav#main-nav > ul li.menu-item-has-children > a:before { /*content: "\f3d0"; font-family: "Ionicons";*/ font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; right: 0px; margin-top: -5px; display: none; }

nav#main-nav > ul > li > a.button-style { padding-left:15px; padding-right:15px; color: #ffffff; }

nav#main-nav > ul > li > a.button-style:before { background: #1a1a1a; display: block; content: ""; width: 100%; height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 0; z-index: -1; border-radius: 30px; transition: background 0.3s ease; }

nav#main-nav > ul > li > a.button-style:hover { color: #ffffff !important; }

nav#main-nav > ul > li > a.button-style:hover:before { background: #33bfd0 !important; }

nav#main-nav > ul > li > a.button-style:after { display: none; }

/* submenu */

nav#main-nav ul li > ul.submenu { position: absolute; top: 90%; left: -20px; width: 240px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: all 0.2s ease 0.2s; background: #ffffff;/*margin-top: 1px;*/

	}

nav#main-nav ul li:hover > ul.submenu { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 100%; transition: all 0.3s ease 0.2s; }

/* added gap via javascript if item too close to border */

	nav#main-nav ul li > ul.submenu.add-gap { left: inherit; right: -20px; }

nav#main-nav ul li > ul.submenu:after { content:""; position: absolute; top: 0px; left: -1px; width: calc(100% + 0px); height: calc(100% + 0px); border: 1px solid rgba(0, 0, 0, .07); z-index: -1; }

nav#main-nav ul li ul > li { margin: 0; padding: 3px 25px; display: block; text-align: left; height: auto; line-height: normal; position: relative; }

nav#main-nav ul li > ul.submenu > li:first-child { margin-top: 17px; }

nav#main-nav ul li > ul.submenu > li:last-child { margin-bottom: 17px; }

nav#main-nav ul li ul > li > a { font-family: 'Lato'; color: #696969; font-weight: 400; text-transform: uppercase; font-size: 11px; height: auto; line-height: 21px; letter-spacing: 0.05em; transition: all 0.1s ease; position: relative; display: block; }

nav#main-nav ul li ul > li a:hover, nav#main-nav ul li ul > li.current-menu-item > a { color: #33bfd0 !important; }

 #menu.menu-is-open nav#main-nav .mega-menu-content ul li.mega-menu-title > a, header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a {

 font-family: 'Lato';

 font-weight: 400;

 color: #696969;

 text-transform: uppercase;

 font-size: 11px;

 letter-spacing: 0.05em;

}

nav#main-nav ul li ul li.menu-item-has-children > a:before { content: "\f10a";  display: block; }

nav#main-nav ul li ul > li > a > i, nav#main-nav ul li ul > li > a > em { font-size: 10px; text-transform: none; display: inline-block; margin-left: 5px; }

/* submenu 2nd+ level */

nav#main-nav ul li > ul.submenu li > ul.submenu { top: -5px; left: -100%; margin-top: 0px; margin-left: -1px; }

nav#main-nav ul li > ul.submenu li:hover > ul.submenu { top: 0; }

nav#main-nav ul li > ul.submenu li > ul.submenu:after { top: -1px; left: -1px; width: calc(100% + 0px); height: calc(100% + 0px); border: 1px solid rgba(0, 0, 0, .07); }

/* mega-menu */

nav#main-nav > ul > li.mega-menu { position: static; }

nav#main-nav .mega-menu-content { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-101%); -moz-transform: translateY(-101%); -ms-transform: translateY(-101%); -o-transform: translateY(-101%); transform: translateY(-101%); overflow: hidden; transition: all 0.3s ease 0.2s; margin-top: 0px; z-index: -1; background: #ffffff; visibility: hidden; }

nav#main-nav > ul > li.mega-menu:hover .mega-menu-content { transition: all 0.3s ease 0.2s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); top: 0; visibility: visible; }

nav#main-nav .mega-menu-content:before { content:""; width: 100%; height: 90px; display:block; transition: all 0.4s ease; border-bottom: 1px solid rgba(0, 0, 0, .10); }

nav#main-nav .mega-menu-content .mega-menu-inner { width: 1100px; margin: 0 auto; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); transition: all 0.3s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 30px 40px; }

nav#main-nav .mega-menu-content.col-2 .mega-menu-inner { width: 480px; }

nav#main-nav .mega-menu-content.col-3 .mega-menu-inner { width: 780px; }

nav#main-nav .mega-menu-content.col-4 .mega-menu-inner { width: 1100px; }

nav#main-nav .mega-menu-content.col-5 .mega-menu-inner { width: 1200px; }

nav#main-nav > ul > li.mega-menu:hover .mega-menu-content .mega-menu-inner { transition: all 0.3s ease 0.4s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

nav#main-nav .mega-menu-content .mega-menu-inner > ul { overflow:hidden; width: 100%; }

nav#main-nav .mega-menu-content .mega-menu-inner > ul > li { margin-right: 40px; float: left; padding: 0; }

nav#main-nav .mega-menu-content .mega-menu-inner > ul > li:last-child { margin-right: 0px; }

nav#main-nav .mega-menu-content.col-2 .mega-menu-inner > ul > li { width: calc(50% - 20px); }

nav#main-nav .mega-menu-content.col-3 .mega-menu-inner > ul > li { width: calc(33.3% - 26.7px); }

nav#main-nav .mega-menu-content.col-4 .mega-menu-inner > ul > li { width: calc(25% - 30px); }

nav#main-nav .mega-menu-content.col-5 .mega-menu-inner > ul > li { width: calc(20% - 32px); }

nav#main-nav .mega-menu-content ul li { text-align: left; background: none; padding-left: 0px; }

nav#main-nav .mega-menu-content ul li.mega-menu-title > a { display: block; position: relative; text-transform: uppercase; font-family: 'Montserrat'; font-weight: 400; margin-bottom: 20px; color: #1a1a1a; padding-bottom: 24px; font-size: 12px; line-height: 21px; letter-spacing: 0.1em; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

nav#main-nav .mega-menu-content ul li.mega-menu-title > a:after { content: ""; width: 34px; height: 2px; background: #000000; position: absolute; bottom: 0px; left: 0px; opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; }

/* responsive toggle icon */

#menu .responsive-nav-toggle { height: 30px; width: 22px; line-height: 30px; margin-top: 30px; margin-bottom: 30px; position: relative; transition: color 0.2s ease; float: right; display: none; }

#menu .responsive-nav-toggle:hover { color: #33bfd0; }

#menu .responsive-nav-toggle .hamburger { display: inline-block; width: 22px; height: 2.5px; background-color: #1a1a1a; position: relative; margin-right: 5px; top: -4px; transition: background 0.2s ease; }

#menu .responsive-nav-toggle .hamburger:before, #menu .responsive-nav-toggle .hamburger:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #1a1a1a; right: 0; transition: background 0.2s ease; }

#menu .responsive-nav-toggle .hamburger:before { -webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); }

#menu .responsive-nav-toggle .hamburger:after { -webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); }

header #menu .responsive-nav-toggle:hover .hamburger, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger,  header #menu .responsive-nav-toggle:hover .hamburger:before, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger:before,  header #menu .responsive-nav-toggle:hover .hamburger:after, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger:after { background-color: #33bfd0 !important; }

/* Smart nav */

#smart-nav { position: fixed; top: 140px; left: 0px; z-index: 3; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: all 0.3s ease; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

#smart-nav.visible { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: inherit; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }

#smart-nav ul { list-style: none; padding: 0; margin-left: 0; text-align: right; }

#smart-nav ul li { position: relative; padding: 0; margin: 0; }

#smart-nav ul li a { font-family:'Montserrat'; font-weight: 400; font-size: 11px; line-height: 40px; width: 40px; color: #ffffff; background: #0f0f0f; display: block; letter-spacing: 0.1em; text-align: center; transition: background 0.3s ease, border 0.3s ease; position: relative; border-top: 1px solid #3d3d3d; }

#smart-nav ul li:first-child a { border-top: none; }

#smart-nav ul li.current-menu-item a, #smart-nav ul li.current-menu-item a span { background: #33bfd0; border-color: #33bfd0; }

#smart-nav ul li.current-menu-item + li a { border-color: #0f0f0f; }

#smart-nav ul li a span { display: block; background: #0f0f0f; width: auto; white-space: nowrap; height: 100%; position: absolute; top: -1px; right: 0; padding: 0 15px; letter-spacing: 0.04em; z-index: -1; border-top: 1px solid #0f0f0f; transition: transform 0.3s ease, background 0.3s ease, border 0.3s ease; }

#smart-nav ul li:first-child a span { border-top: none; top: 0px; }

#smart-nav ul li a:hover span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

/*---------------------------------------------- 



6. MENU MISC (header-cart , search, language)



------------------------------------------------*/

#menu-misc { float: right; padding-left: 10px; }

/*header-search*/

#header-search { float: left; margin-left: 20px; padding-top: 30px; padding-bottom: 30px; transition: all 0.4s ease; }

#header-search a#show-search { display: inline-block; color: #1a1a1a; padding: 0; height: 30px; line-height: 30px; position: relative; transition: all 0.4s ease; }

#header-search a#show-search:hover { color: #33bfd0 !important; }

#header-search .header-search-content { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 11; text-align: center; -webkit-transform: translateY(-101%); -moz-transform: translateY(-101%); -ms-transform: translateY(-101%); -o-transform: translateY(-101%); transform: translateY(-101%); overflow: hidden; transition: all 0.4s ease; visibility: hidden; }

#header-search .header-search-content.search-visible { transition: all 0.4s ease; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); visibility: visible; }

#header-search .header-search-content .search-outer { content: ""; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #ffffff; opacity: 0.95; filter: alpha(opacity=95); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; z-index:0; }

#header-search .header-search-content form { width: 700px; max-width: 100%; display: block; position: absolute; top: 50%; left: 50%; margin: 0; margin-top: -30px; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.4s ease; z-index: 1; }

#header-search .header-search-content.search-visible form { transition: all 0.4s ease 0.3s; margin-top: 0px; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#header-search .header-search-content input[type=text] { font-family: 'Montserrat'; font-weight: 700; text-align: center; border: none; font-size: 42px; line-height: 50px; height: 50px; padding: 10px 0; color: #1a1a1a; text-transform: uppercase; background: none; }

 #header-search .header-search-content input[type=text]::-webkit-input-placeholder {

opacity: 1;

}

#header-search .header-search-content input[type=text]::-moz-placeholder {

opacity: 1;

}

#header-search a#close-search { display: block; height: 30px; line-height: 30px; position: relative; width: 30px; position: absolute; left: 50%; margin-left: -15px; top: -60px; }

#header-search a#close-search:before, #header-search a#close-search:after { width: 20px; height: 3px; content: ''; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -10px; background-color: #1a1a1a; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-radius: 1px; transition: background 0.2s ease; }

#header-search a#close-search:hover:before, #header-search a#close-search:hover:after { background: #33bfd0; }

#header-search a#close-search:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*header-cart*/

#header-cart { float: left; padding-left: 10px; margin-left: 20px; padding-top: 30px; padding-bottom: 30px; transition: all 0.4s ease; }

#header-cart a#show-cart { display: block; color: #1a1a1a; padding: 0; height: 30px; line-height: 30px; position: relative; transition: all 0.4s ease; }

#header-cart a#show-cart span { position: absolute; top: -2px; right: -8px; width: auto; height: 15px; background: #33bfd0; color: #ffffff; text-align: center; line-height: 15px; font-size: 9px; font-weight: 700; border-radius: 10px; padding: 0 5px; transition: all 0.4s ease; }

#header-cart .header-cart-content { position: absolute; top: 100%; right: 0px; /*margin-top: 1px;*/

	width: 300px; background: #ffffff; padding: 20px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: all 0.2s ease 0.2s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }

#header-cart:hover > .header-cart-content { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); transition: all 0.3s ease 0.2s; }

#header-cart .header-cart-content:after { content:""; position: absolute; top: -1px; left: -1px; width: calc(100% + 0px); height: calc(100% + 0px); border: 1px solid rgba(0, 0, 0, .07); border-right: none; z-index: -1; }

#header-cart .cart-item-list { list-style: none; margin: 0; padding: 0; }

#header-cart .cart-item-list li { overflow: hidden; margin: 0 0 10px 0; padding:  0 0 10px 0; }

#header-cart .cart-item-list li .cart-item-image { width: 50px; height: auto; float: left; }

#header-cart .cart-item-list li .cart-item-desc { width: calc(100% - 65px); position: relative; float: right; }

#header-cart .cart-item-list li .product-name { font-size: 12px; line-height: 17px; }

.sub-dark #header-cart .cart-item-list li .product-name a { color: #ffffff; }

.sub-dark #header-cart .cart-item-list li .product-name a:hover { color: #33bfd0; }

#header-cart .cart-item-list li .cart-item-price, #header-cart .cart-item-list li .cart-item-quantity { font-size: 11px; line-height: 17px; font-weight: 700; color: #9c9c9c; }

.sub-dark #header-cart .cart-item-list li .cart-item-price, .sub-dark #header-cart .cart-item-list li .cart-item-quantity { color: #8c8c8c; }

#header-cart .cart-total { overflow:hidden; border-top: 1px solid rgba(0, 0, 0, .10); padding-top: 10px; }

#header-cart .cart-total .cart-total-name { float: left; line-height: 32px; }

.sub-dark #header-cart .cart-total .cart-total-name { color: #ffffff; }

#header-cart .cart-total .cart-total-amount { float: right; font-weight: 700; color: #33bfd0; font-size: 16px; line-height: 32px; }

#header-cart .cart-action { overflow:hidden; margin-top: 10px; }

#header-cart .cart-action .cart-action-cart { float: left; }

#header-cart .cart-action .cart-action-checkout { float: right; }

/*header-language*/

#header-language { float: left; padding-top: 30px; padding-bottom: 30px; margin-left: 30px; position: relative; transition: all 0.4s ease; }

#header-language a#show-language { display: block; color: #1a1a1a; padding: 0; height: 30px; line-height: 30px; position: relative; font-size: 11px; color: #1a1a1a; font-family: 'Montserrat'; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; transition: all 0.4s ease; }

#header-language .header-language-content { position: absolute; top: 60px; left: 50%; margin-top: -10px; background: #ffffff; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: all 0.3s ease; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

#header-language:hover > .header-language-content, #header-language > .header-language-content.show { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; transition: all 0.3s ease 0.2s; margin-top: 0px; }

#header-language .header-language-content:after { content:""; position: absolute; top: -1px; left: -1px; width: calc(100% + 0px); height: calc(100% + 0px); border: 1px solid rgba(0, 0, 0, .07); z-index: -1; }

#header-language .header-language-content ul.lang-select { margin: 0; padding: 4px 0; list-style: none; }

#header-language .header-language-content ul.lang-select li { text-align: center; margin-top: 0; width: 50px; }

#header-language .header-language-content ul.lang-select li a { font-size: 11px; color: #1a1a1a; font-family: 'Montserrat'; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; height: 24px; line-height: 24px; display: block; transition: color 0.2s ease; }

#header-language .header-language-content ul.lang-select li a:hover { color: #33bfd0 !important; }

/*---------------------------------------------- 



7. HEADER OPTIONS



------------------------------------------------*/



/* Header Style Floating */

header.header-style-floating { top: 40px; left: 40px; width: calc(100% - 80px); }

header.header-style-floating:after { content:""; background: transparent; width: 100%; height: 40px; position: absolute; top: -40px; left: 0; }

.page-boxed header.header-style-floating { width: 1200px; left: 50%; margin-left: -600px; }

header.header-bordered.header-style-floating { border: 1px solid rgba(0, 0, 0, .10); }

header.header-bordered.header-style-floating nav#main-nav .mega-menu-content { top: -40px; }

header.header-bordered.header-style-floating:not(.small-header) #header-cart .header-cart-content {

right: -1px;

}

/* Header Bordered */

header.header-bordered { border-bottom: 1px solid rgba(0, 0, 0, .10); }

header.header-bordered #logo { border-right: 1px solid rgba(0, 0, 0, .10); padding-right:30px; }

header.header-bordered #menu-misc { border-left: 1px solid rgba(0, 0, 0, .10); margin-left: 30px; }

header.header-bordered nav#main-nav ul li > ul.submenu { margin-top: 1px; } 		/* when header normal bordered */

header.header-bordered nav#main-nav ul li > ul.submenu:after { border-top: none; }

header.header-bordered #header-cart .header-cart-content { margin-top: 1px; }

header.header-bordered #header-cart .header-cart-content:after { border-top: none; }

/* Header Dark */	

header.header-dark { background: #1a1a1a; }

header.header-dark:not(.mega-hover) nav#main-nav > ul > li > a {

color: #ffffff;

}

header.header-dark:not(.mega-hover) nav#main-nav > ul > li > a:after {

background: #ffffff;

}

header.header-dark:not(.mega-hover) nav#main-nav > ul > li > a.button-style {

color: #1a1a1a;

}

header.header-dark:not(.mega-hover) nav#main-nav > ul > li > a.button-style:before {

background: #ffffff;

}

header.header-dark:not(.mega-hover) #header-search a#show-search {

color: #ffffff;

}

header.header-dark:not(.mega-hover) #header-cart a#show-cart {

color: #ffffff;

}

header.header-dark:not(.mega-hover) #header-language a#show-language {

color: #ffffff;

}

header.header-dark:not(.mega-hover) #logo #dark-logo {

opacity: 0;

filter: alpha(opacity=0);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

header.header-dark:not(.mega-hover) #logo #dark-logo + #light-logo {

opacity: 1;

filter: alpha(opacity=100);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

header.header-dark:not(.mega-hover) #menu .responsive-nav-toggle .hamburger, header.header-dark:not(.mega-hover) #menu .responsive-nav-toggle .hamburger:before, header.header-dark:not(.mega-hover) #menu .responsive-nav-toggle .hamburger:after {

background-color: #ffffff;

}

header.header-bordered.header-dark:not(.mega-hover) {

border-color: rgba(255, 255, 255, .10);

}

header.header-bordered.header-dark:not(.mega-hover) #logo {

border-right: 1px solid rgba(255, 255, 255, .10);

}

header.header-bordered.header-dark:not(.mega-hover) #menu-misc {

border-left: 1px solid rgba(255, 255, 255, .10);

}

header.header-bordered.header-dark:not(.mega-hover) nav#main-nav .mega-menu-content:before {

border-bottom: 1px solid rgba(255, 255, 255, .10);

}

header.header-bordered.header-dark:not(.mega-hover) nav#main-nav .mega-menu-content {

border-bottom: 1px solid rgba(255, 255, 255, .10);

}

/* Transparent Header */

header.header-transparent { background: transparent; }

header.header-transparent:not(.mega-hover) nav#main-nav > ul > li > a {

color: #1a1a1a;

}

header.header-transparent:not(.mega-hover) nav#main-nav > ul > li > a:after {

background: #1a1a1a;

}

header.header-transparent:not(.mega-hover) nav#main-nav > ul > li > a.button-style {

color: #ffffff;

}

header.header-transparent:not(.mega-hover) nav#main-nav > ul > li > a.button-style:before {

background: #1a1a1a;

}

header.header-transparent:not(.mega-hover) #header-search a#show-search {

color: #1a1a1a;

}

header.header-transparent:not(.mega-hover) #header-cart a#show-cart {

color: #1a1a1a;

}

header.header-transparent:not(.mega-hover) #header-language a#show-language {

color: #1a1a1a;

}

header.header-transparent:not(.mega-hover) #logo #dark-logo {

opacity: 1;

filter: alpha(opacity=1);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";

}

header.header-transparent:not(.mega-hover) #logo #dark-logo + #light-logo {

opacity: 0;

filter: alpha(opacity=0);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

header.header-bordered.header-transparent:not(.mega-hover) {

border-color: rgba(0, 0, 0, .10);

}

header.header-bordered.header-transparent:not(.mega-hover) #logo {

border-right: 1px solid rgba(0, 0, 0, .10);

}

header.header-bordered.header-transparent:not(.mega-hover) #menu-misc {

border-left: 1px solid rgba(0, 0, 0, .10);

}

header.header-bordered.header-transparent:not(.mega-hover) nav#main-nav .mega-menu-content:before {

border-bottom: 1px solid rgba(0, 0, 0, .10);

}

header.header-bordered.header-transparent:not(.mega-hover) nav#main-nav .mega-menu-content {

border-bottom: 1px solid rgba(0, 0, 0, .10);

}





/* Transparent Header (light transparent) */

header.header-transparent.transparent-light:not(.mega-hover) nav#main-nav > ul > li > a {

color: #ffffff;

}

header.header-transparent.transparent-light:not(.mega-hover) nav#main-nav > ul > li > a:after {

background: #ffffff;

}

header.header-transparent.transparent-light:not(.mega-hover) nav#main-nav > ul > li > a.button-style {

color: #1a1a1a;

}

header.header-transparent.transparent-light:not(.mega-hover) nav#main-nav > ul > li > a.button-style:before {

background: #ffffff;

}

header.header-transparent.transparent-light:not(.mega-hover) #header-search a#show-search {

color: #ffffff;

}

header.header-transparent.transparent-light:not(.mega-hover) #header-cart a#show-cart {

color: #ffffff;

}

header.header-transparent.transparent-light:not(.mega-hover) #header-language a#show-language {

color: #ffffff;

}

header.header-transparent.transparent-light:not(.mega-hover) #logo #dark-logo {

opacity: 0;

filter: alpha(opacity=0);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

header.header-transparent.transparent-light:not(.mega-hover) #logo #dark-logo + #light-logo {

opacity: 1;

filter: alpha(opacity=100);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

header.header-transparent.transparent-light:not(.mega-hover) #menu .responsive-nav-toggle .hamburger, header.header-transparent.transparent-light:not(.mega-hover) #menu .responsive-nav-toggle .hamburger:before, header.header-transparent.transparent-light:not(.mega-hover) #menu .responsive-nav-toggle .hamburger:after {

background-color: #ffffff;

}

header.header-bordered.header-transparent.transparent-light:not(.mega-hover) {

border-color: rgba(255, 255, 255, .10);

}

header.header-bordered.header-transparent.transparent-light:not(.mega-hover) #logo {

border-right: 1px solid rgba(255, 255, 255, .10);

}

header.header-bordered.header-transparent.transparent-light:not(.mega-hover) #menu-misc {

border-left: 1px solid rgba(255, 255, 255, .10);

}

header.header-bordered.header-transparent.transparent-light:not(.mega-hover) nav#main-nav .mega-menu-content:before {

border-bottom: 1px solid rgba(255, 255, 255, .10);

}

header.header-bordered.header-transparent.transparent-light:not(.mega-hover) nav#main-nav .mega-menu-content {

border-bottom: 1px solid rgba(255, 255, 255, .10);

}

/* Sub Dark */

header.sub-dark nav#main-nav ul li > ul.submenu { background: #1a1a1a; }

header.sub-dark nav#main-nav ul li > ul.submenu:after { border: 1px solid rgba(255, 255, 255, .07); }

header.sub-dark nav#main-nav .mega-menu-content { background: #1a1a1a; }

header.sub-dark nav#main-nav .mega-menu-content:before { border-bottom: 1px solid rgba(255, 255, 255, .10); }

header.sub-dark nav#main-nav ul li ul > li > a { color: #c9c9c9; }

header.sub-dark nav#main-nav .mega-menu-content ul li.mega-menu-title > a { color: #ffffff !important; }

header.sub-dark nav#main-nav .mega-menu-content ul li.mega-menu-title > a:after { background: #ffffff; opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

header.sub-dark #header-cart .header-cart-content { background: #1a1a1a; }

header.sub-dark #header-cart .header-cart-content:after { border-color: 1px solid rgba(255, 255, 255, .07); }

header.sub-dark #header-cart .cart-item-list li { border-bottom: 1px solid rgba(255, 255, 255, .10); }

header.sub-dark #header-cart .cart-item-list li .cart-item-name a { color: #ffffff; }

header.sub-dark #header-cart .cart-action .cart-total-amount { color: #ffffff; }

header.sub-dark #header-language .header-language-content { background: #1a1a1a; }

header.sub-dark #header-language .header-language-content:after { border: 1px solid rgba(255, 255, 255, .07); }

header.sub-dark #header-language .header-language-content ul.lang-select li a { color: #ffffff; }

/* Small Header (change spacings/sizes) */

header.small-header:after { display: none; }

header.small-header:not(.not-sticky):not(.header-style-vertical) #logo {

padding-top: 15px;

padding-bottom: 15px;

height: 30px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #menu .responsive-nav-toggle {

height: 30px;

line-height: 30px;

margin-top: 15px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a {

height: 30px;

line-height: 30px;

padding-top: 15px;

padding-bottom: 15px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a:after {

margin-top: 12px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav ul li > ul.submenu {

margin-top: 1px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav ul li > ul.submenu:after {

border-top: none;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-search, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-language {

padding-top: 15px;

padding-bottom: 15px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-search a#show-search, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart a#show-cart, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-language a#show-language {

height: 30px;

line-height: 30px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content:before {

height: 60px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart .header-cart-content {

margin-top: 1px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart .header-cart-content:after {

border-top: none;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart a#show-cart span {

top: -1px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-language .header-language-content {

top: 45px;

}



/* Small Header - Floating Style */

header.small-header:not(.not-sticky):not(.header-style-vertical) {

top: 0px;

left: 0px;

width: 100%;

}

.page-boxed header.small-header:not(.not-sticky):not(.header-style-vertical) {

width: 1280px;

left: 50%;

margin-left: -640px;

}

header.small-header.header-style-floating:not(.not-sticky):not(.header-style-vertical) {

border-top: none;

border-left: none;

border-right: none;

}

header.small-header.header-style-floating nav#main-nav .mega-menu-content:not(.not-sticky):not(.header-style-vertical) {

top: 0px;

}





/* Small Header (white/light background) */	

header.small-header:not(.not-sticky):not(.header-style-vertical) {

background: #ffffff !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) {

border-bottom: 1px solid rgba(0, 0, 0, .10) !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a {

color: #1a1a1a !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a:after {

background: #1a1a1a !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a.button-style {

color: #ffffff !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a.button-style:before {

background: #1a1a1a;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav ul li > ul.submenu {

margin-top: 1px;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav ul li > ul.submenu:after {

border-top: none;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-search a#show-search {

color: #1a1a1a !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-search a#show-search:hover {

color: #33bfd0 !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart a#show-cart {

color: #1a1a1a !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #header-language a#show-language {

color: #1a1a1a !important;

}

/*header.small-header #header-cart .header-cart-content:after { border-top: none; }*/

header.small-header:not(.not-sticky):not(.header-style-vertical) #logo #dark-logo {

opacity: 1 !important;

filter: alpha(opacity=1) !important;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #logo #dark-logo + #light-logo {

opacity: 0 !important;

filter: alpha(opacity=0) !important;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;

}

header.small-header:not(.not-sticky):not(.header-style-vertical) .responsive-nav-toggle .hamburger, header.small-header:not(.not-sticky):not(.header-style-vertical) .responsive-nav-toggle .hamburger:before, header.small-header:not(.not-sticky):not(.header-style-vertical) .responsive-nav-toggle .hamburger:after {

background-color: #1a1a1a !important;

}

header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) #logo {

border-right: 1px solid rgba(0, 0, 0, .10) !important;

}

header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) #menu-misc {

border-left: 1px solid rgba(0, 0, 0, .10) !important;

}

header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content:before {

border-bottom: 1px solid rgba(0, 0, 0, .10) !important;

}

header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content {

border-bottom: 1px solid rgba(0, 0, 0, .10) !important;

}





/* Small Header (dark background) */	

header.small-header.header-dark:not(.not-sticky):not(.header-style-vertical) {

border-bottom: 1px solid rgba(255, 255, 255, .10) !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) {

background: #1a1a1a !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a {

color: #ffffff !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a:after {

background: #ffffff !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a.button-style {

color: #1a1a1a !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a.button-style:before {

background: #ffffff;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-search a#show-search {

color: #ffffff !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-search a#show-search:hover {

color: #33bfd0 !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-cart a#show-cart {

color: #ffffff !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-language a#show-language {

color: #ffffff !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #logo #dark-logo {

opacity: 0 !important;

filter: alpha(opacity=0) !important;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #logo #dark-logo + #light-logo {

opacity: 1;

filter: alpha(opacity=100);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) {

border-bottom: 1px solid rgba(255, 255, 255, .10) !important;

}

header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #menu .responsive-nav-toggle .hamburger, header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #menu .responsive-nav-toggle .hamburger:before, header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #menu .responsive-nav-toggle .hamburger:after {

background-color: #ffffff !important;

}

header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #logo {

border-right: 1px solid rgba(255, 255, 255, .10) !important;

}

header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #menu-misc {

border-left: 1px solid rgba(255, 255, 255, .10) !important;

}

header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content:before {

border-bottom: 1px solid rgba(255, 255, 255, .10) !important;

}

header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content {

border-bottom: 1px solid rgba(255, 255, 255, .10) !important;

}



/* Show scroll logo and hide others */	

header.small-header:not(.not-sticky):not(.header-style-vertical) #logo #scroll-logo {

transition:transform 0.3s 0.4s ease, opacity 0.3s 0.4s ease, max-width 0.1s 0.4s ease;

-webkit-transform:translateX(0);

-moz-transform:translateX(0);

-ms-transform:translateX(0);

-o-transform:translateX(0);

transform:translateX(0);

max-width:400px;

opacity:1;

filter:alpha(opacity=100);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"

}

header.small-header:not(.not-sticky):not(.header-style-vertical) #logo #scroll-logo ~ img, header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #logo #scroll-logo ~ #light-logo {

transition:transform 0.3s ease, opacity 0.3s ease, max-width 0.2s 0.3s ease;

-webkit-transform:translateX(-20px);

-moz-transform:translateX(-20px);

-ms-transform:translateX(-20px);

-o-transform:translateX(-20px);

transform:translateX(-20px);

max-width:0;

opacity:0!important;

filter:alpha(opacity=0)!important;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important

}

/* Responsive Menu */

#menu.menu-is-open nav#main-nav ul li a { color: #ffffff !important; }

#menu.menu-is-open nav#main-nav ul ul li a { color: #c9c9c9 !important; }

#menu.menu-is-open nav#main-nav > ul > li > a.button-style { color: #1a1a1a !important; }

#menu.menu-is-open nav#main-nav > ul > li > a.button-style:before { background: #ffffff; }

#menu.menu-is-open nav#main-nav .mega-menu-content ul li.mega-menu-title > a { color: #c9c9c9 !important; }

#menu.menu-is-open #header-search a#show-search { color: #ffffff !important; }

#menu.menu-is-open #header-cart a#show-cart { color: #ffffff !important; }

#menu.menu-is-open #header-language a#show-language { color: #ffffff !important; }

header #menu.menu-is-open .responsive-nav-toggle .hamburger, header #menu.menu-is-open .responsive-nav-toggle .hamburger:before, header #menu.menu-is-open .responsive-nav-toggle .hamburger:after { background-color: #ffffff !important; }

/* Vertical Header */	

header.header-style-vertical, .page-boxed header.header-style-vertical { width:300px; height:100%; position:fixed; top:0; left:0; -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, .15); -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, .15); box-shadow:0 0 4px 0 rgba(0, 0, 0, .15); }

.page-boxed header.header-style-vertical { left: 50%; margin-left: -640px; }

header.header-style-vertical.header-dark { border-right:1px solid #3d3d3d }

header.header-style-vertical~#footer, header.header-style-vertical~#hero, header.header-style-vertical~#page-body {

width:calc(100% - 300px);

margin-left:300px

}

header.header-style-vertical .header-inner { padding:0 }

header.header-style-vertical #logo { width:100%; float:none; max-width:100%; padding:40px 0; text-align:center }

header.header-style-vertical #menu:not(.menu-is-open) {

float:none

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav {

float:none;

padding:0 30px;

overflow-y:scroll;

max-height:calc(100vh - 220px);

position:absolute;

top:50%;

left:0;

width:calc(100% - 60px);

-webkit-transform:translateY(-50%);

-moz-transform:translateY(-50%);

-ms-transform:translateY(-50%);

-o-transform:translateY(-50%);

transform:translateY(-50%)

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul>li {

margin:0;

display:block;

width:100%;

text-align:center

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li a {

height: 22px !important;

line-height: 22px !important;

padding: 4px 0 !important;

display: inline-block !important;

}

header.header-style-vertical.header-dark #menu:not(.menu-is-open) nav#main-nav ul li ul > li > a {

color: #c9c9c9;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav > ul > li > a.button-style {

height: 30px !important;

line-height: 30px !important;

padding: 0 15px !important;

margin: 4px 0;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav > ul > li > a:after {

display: none;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li.menu-item-has-children > a:before {

content: "\f3d0" !important;

display: block;

right:-15px;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li > ul.submenu {

display: none;

position: static;

top: auto !important;

left: auto !important;

right: auto !important;

transition: none !important;

width: auto;

opacity: 1;

filter: alpha(opacity=100);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

visibility: visible;

background: none;

margin-top: 0;

padding: 15px 0;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li > ul.submenu:after {

display: none;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li > ul.submenu > li {

padding: 0;

margin: 0 !important;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content {

display: none;

position: static;

top: auto !important;

left: auto !important;

right: auto !important;

transition: none !important;

-webkit-transform: translateY(0) !important;

-moz-transform: translateY(0) !important;

-ms-transform: translateY(0) !important;

-o-transform: translateY(0) !important;

transform: translateY(0) !important;

margin: 0;

z-index: auto;

background: none;

padding: 15px 0;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content:before {

display: none;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content .mega-menu-inner {

width: auto !important;

margin: 0 !important;

-webkit-transform: translateY(0) !important;

-moz-transform: translateY(0) !important;

-ms-transform: translateY(0) !important;

-o-transform: translateY(0) !important;

transform: translateY(0) !important;

transition: none !important;

opacity: 1;

filter: alpha(opacity=100);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

visibility: visible;

padding: 0;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content .mega-menu-inner > ul > li {

float: none;

width: 100% !important;

margin: 0;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a {

margin: 0;

}

header.header-style-vertical.header-dark #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a {

color: #c9c9c9;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a:after {

display: none;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a:before {

content: "\f3d0";

font-family: "Ionicons";

font-size: 10px;

line-height: 10px;

height: 10px;

width: 10px;

text-align: center;

position: absolute;

top: 50%;

right: -15px;

margin-top: -5px;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > ul {

display: none;

padding: 15px 0;

}

header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > ul li {

padding: 0 !important;

}

header.header-style-vertical #menu:not(.menu-is-open) #header-search a#show-search, header.header-style-vertical #menu:not(.menu-is-open) #header-cart a#show-cart, header.header-style-vertical #menu:not(.menu-is-open) #header-language a#show-language {

height: 30px;

line-height: 30px;

}

header.header-style-vertical #menu:not(.menu-is-open) #menu-misc {

float:none;

position:absolute;

bottom:0;

left:0;

height:auto;

width:100%;

text-align: center;

padding: 0;

margin: 0;

}

header.header-style-vertical #menu:not(.menu-is-open) #menu-misc > div:first-child {

margin-left:0

}

header.header-style-vertical #menu:not(.menu-is-open) #menu-misc > div {

display: inline-block;

float: none;

}

header.header-style-vertical #menu:not(.menu-is-open) #header-cart .header-cart-content {

display: none;

}

header.header-style-vertical #menu:not(.menu-is-open) #header-language .header-language-content {

top: -30px;

}

header.header-style-vertical ~ #page-body #smart-nav {

left: 300px;

}

.page-boxed header.header-style-vertical ~ #page-body #smart-nav {

left: 50%;

margin-left: -340px;

}

/*---------------------------------------------- 



8. FOOTER



------------------------------------------------*/

footer { width: 100%; background: #f5f6f7; position: relative; border-top:0; }

footer.footer-dark { background: #1a1a1a; border-color: #333333; }

footer.footer-custom { background: none; ; border: none; }

footer .footer-inner { padding: 25px 0; }

footer .copyright { border-top: 0; text-align: center; padding: 10px 0; line-height: 20px; float:left; }

footer .copyright small{display: inline-block;  margin: 10px;}

.text-light .copyright { border-color: #3d3d3d; }

footer .social-ftr{float:right;}

footer #backtotop { text-align: center; font-size: 11px; font-family: "Montserrat"; font-weight: 400; line-height: 20px; position: fixed; bottom: 40px; right: -1px; width: auto; transition: all 0.3s ease; z-index: 100; color: #ffffff; background: #0f0f0f; padding: 10px 15px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

footer #backtotop.visible { right: 40px; }

footer #backtotop.visible:hover { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); right: 0px; }

footer #backtotop:before { text-align: center; content: "\f126"; font-family: "Ionicons"; font-size: 10px; line-height: 20px; height: 10px; width: 10px; margin: 0 15px 0 1px; }

/*---------------------------------------------- 



9. HERO / PAGETITLE



------------------------------------------------*/

#hero { position: relative; overflow: hidden; }

#hero.text-light { background: #1a1a1a; }

#hero.hero-full { min-height: 100vh; }

#hero.hero-big { min-height: 75vh; }

/* hero pagetitle */

#hero #page-title { padding-top: 100px; padding-bottom: 100px; position: relative; }

 #hero #page-title:not(.wrapper):not(.wrapper-small) {

width: calc(100% - 120px);

padding-left: 60px;

padding-right: 60px;

}

 header.header-transparent:not(.header-bordered) + #hero #page-title {

margin-top: 30px;

}

#hero.hero-full #page-title:not(.title-top):not(.title-bottom), #hero.hero-big #page-title:not(.title-top):not(.title-bottom) {

margin: 0;

}

header.header-style-floating + #hero #page-title { padding-top: 140px; }

#hero.hero-full #page-title, #hero.hero-big #page-title { margin-top: 0px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

 #hero.hero-full #page-title.title-top, #hero.hero-big #page-title.title-top, #hero.hero-full #page-title.title-bottom, #hero.hero-big #page-title.title-bottom, #hero #page-title.title-adapt:not(.title-top):not(.title-bottom) {

 top: 0;

 -webkit-transform: translateY(0%) translateX(-50%);

 -moz-transform: translateY(0%) translateX(-50%);

 -ms-transform: translateY(0%) translateX(-50%);

 -o-transform: translateY(0%) translateX(-50%);

 transform: translateY(0%) translateX(-50%);

}

#hero.hero-full #page-title.title-bottom, #hero.hero-big #page-title.title-bottom { top: auto; bottom: 0; }

#page-title h1 a, #page-title h2 a, #page-title h3 a, #page-title h4 a, #page-title h5 a, #page-title h6 a { color: #1a1a1a; transition: all 0.2s ease; }

.text-light #page-title h1 a, .text-light #page-title h2 a, .text-light #page-title h3 a, .text-light #page-title h4 a, .text-light #page-title h5 a, .text-light #page-title h6 a { color: #ffffff; }

/* overlay-body */

#hero.overlay-body { margin-bottom: -100px; }

#hero.overlay-body + #page-body { position: relative; z-index: 20; padding-top: 0px; }

#hero.overlay-body #page-title { padding-bottom: 160px; }

/* scroll down */

#scroll-down { text-align: center; color: #1a1a1a; transition: all 0.1s ease; z-index: 2; width: 30px; height: 30px; position: absolute; bottom: 30px; left: 50%; margin-left: -15px; border-radius: 30px; border: 2px solid rgba(0, 0, 0, .3); transition: all 0.2s ease; z-index: 20; }

#scroll-down.text-light, .text-light #scroll-down { color: #ffffff; border: 2px solid rgba(255, 255, 255, .3); }

#scroll-down:after { text-align: center; content: "\f123"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; transition: all 0.2s ease; }

#scroll-down:hover { border: 2px solid rgba(0, 0, 0, .6); }

#scroll-down.text-light:hover, .text-light #scroll-down:hover { border: 2px solid rgba(255, 255, 255, .6); }

#scroll-down:hover:after { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*---------------------------------------------- 



10. PORTFOLIO



------------------------------------------------*/

.portfolio-item .portfolio-desc { margin-top: 15px; }

.portfolio-item .portfolio-desc:first-child { margin-top: 0px; }

.portfolio-item .portfolio-desc .portfolio-name { transition: all 0.2s ease; }

.portfolio-item .portfolio-desc a:hover .portfolio-name { color: #33bfd0; }

.portfolio-item .portfolio-desc .portfolio-category + .portfolio-name { margin-top: 3px; }

/*---------------------------------------------- 



11. FILTER



------------------------------------------------*/

.filter { margin: 0; list-style: none; text-align: center; padding: 30px 20px; height: auto; width: calc(100% - 40px); overflow: hidden; }

.filter.align-left { text-align: left; padding: 30px 0px; }

.filter.align-right { text-align: right; padding: 30px 0px; }

.filter.filter-grey { background: #f5f6f7; padding: 30px 20px; }

.filter.filter-dark { background: #1a1a1a; padding: 30px 20px; }

#hero.hero-full .filter, #hero.hero-big .filter { position: absolute; bottom: 0; left: 0; }

 div[class*='spacer-'] + .filter:not(.filter-grey):not(.filter-dark) {

padding-top: 0;

}

.filter li { display: inline-block; margin: 0 8px; position: relative; }

.filter.align-left li { margin: 0 16px 0 0; }

.filter li:after { content: ""; width: calc(100% + 2px); height: 2px; background: #000000; position: absolute; bottom: 10px; left: -1px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; }

.filter.filter-dark li:after, .filter.text-light li:after { background: #ffffff; }

.filter li.active:after { opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; bottom: 0px; }

.filter.filter-dark li.active:after, .filter.text-light li.active:after { opacity: 0.2; filter: alpha(opacity=2); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=2)"; }

.filter li a { display: inline-block; color: #1a1a1a; font-family:'Montserrat'; font-size: 12px; line-height: 26px; font-weight: 400; letter-spacing: 0.04em; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 1; position: relative; }

.filter.filter-dark li a, .filter.text-light li a { color: #ffffff; }

.filter li.active a, .filter li a:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*---------------------------------------------- 



12. BLOG



------------------------------------------------*/

.blog-item .blog-desc { margin-top: 15px; margin-bottom: 15px; }

.owl-carousel .blog-item .blog-desc { margin-bottom: 0px; }

.align-center .blog-desc, .blog-desc.align-center { padding: 0 15px; }

 .blog-item .post-category:not(.subtitle-1):not(.subtitle-2) {

 font-size: 12px;

 opacity: 0.6;

}

 .blog-item .blog-desc .post-category:not(.subtitle-1):not(.subtitle-2) {

color: #33bfd0;

opacity: 1;

}

.blog-item .post-category + .post-name { margin-top: 5px; }

.blog-item .blog-desc p { font-size: 14px; line-height: 23px; }

/* Classic Blog layout

----------------------------*/

.classic-blog .blog-item { margin-top: 100px; margin-bottom: 0; }

.classic-blog .blog-item:first-child { margin-top: 0px; }

.classic-blog .blog-item .blog-desc { margin-bottom: 0px; }

/* Blog Meta 

----------------------------*/

.blog-meta { padding: 0; margin: 10px 0 0 0; list-style: none; }

.blog-meta li { display: inline-block; margin: 0 12px; font-size: 12px; line-height: 18px; font-family: 'Montserrat'; font-weight: 400; letter-spacing: 0; color: #1a1a1a; position: relative; opacity: 0.6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.blog-meta li:first-child { margin-left: 0px; }

.blog-meta li:last-child { margin-right: 0px; }

.text-light .blog-meta li { color: #ffffff; }

.isotope-item.blog-item .blog-meta li { font-size: 10px; line-height: 14px; }

.blog-meta li:before { content: ""; position: absolute; top: 50%; margin-top: -2.5px; left: -16px; width: 5px; height: 5px; border-radius: 5px; background: #000000; opacity: 0.33; filter: alpha(opacity=33); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=3)"; }

.text-light .blog-meta li:before { background: #ffffff; }

.blog-meta li:first-child:before { display: none; }

.blog-meta li.post-author { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.blog-meta li.post-author a { color: #1a1a1a; }

.text-light .blog-meta li.post-author a { color: #ffffff; }

.blog-meta li.post-author img { width: 18px; height: 18px; border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden; display: inline-block; margin-right: 7px; }

.blog-meta li.post-author span { display: inline-block; line-height: 18px; margin: 0; opacity: 0.6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.blog-meta li.post-author:before { opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

/* Blog Single

----------------------------*/

#blog-single .blog-media { margin-bottom: 60px; }

/* Blog Author Box 

----------------------------*/

.author-box { background: #f5f6f7; margin-top: 60px; padding: 30px; border-radius: 3px; overflow: hidden; }

.author-box .author-image { float: left; width: 100px; border-radius: 50px; overflow: hidden; }

.author-box .author-details { float: right; width: calc(100% - 130px); }

/*---------------------------------------------- 



13. COMMENTS



------------------------------------------------*/



/* Comments 

----------------------------*/

.comments { margin-top: 60px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; }

.comments ul { background: none; list-style: none; margin: 0; padding: 0; }

.comments .comment-list { margin-top: 30px; }

.comments .comment-list .comment { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e0e0e0; }

.comments .comment-list .comment:first-child { margin-top: 0px; }

.comments .comment .comment-inner { overflow: hidden; position: relative; }

.comments .comment .children { margin-left: 80px; margin-top: 40px; }

.comments .user { float: left; width: 60px; -moz-border-radius: 999px; -webkit-border-radius: 999px; -o-border-radius: 999px; border-radius: 999px; }

.comments .user img { -moz-border-radius: 999px; -webkit-border-radius: 999px; -o-border-radius: 999px; border-radius: 999px; }

.comments .time { font-size: 11px; line-height: 15px; margin-top: 5px; }

.comments .comment-content { margin-left: 80px; position: relative; }

.comments .comment-reply-link { position: absolute; top: 0; right: 0; font-family: "Montserrat"; font-weight: 400; font-size: 11px; line-height: 17px; text-transform: uppercase; letter-spacing: 0.1em; }

/* Leave comment

----------------------------*/	

.leavecomment { margin-top: 60px; }

.leavecomment form { margin-top: 30px; }

/*---------------------------------------------- 



14. SHOP



------------------------------------------------*/	



/* Shop General 

----------------------------*/

.product-media { position: relative; overflow: hidden; }

.product-media .onsale { font-family: 'Montserrat'; font-size: 10px; line-height: 17px; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; position: absolute; top: 0; right: 0; background: #33bfd0; display: inline-block; padding: 3px 15px; color: #ffffff; }

.product-price { font-family: 'Montserrat'; font-size: 13px; line-height: 18px; font-weight: 400; color: #1a1a1a; margin-top: 5px; }

.text-light .product-price { color: #ffffff; }

.product-price del, .product-desc .product-price ins { display:block; }

.product-price ins { text-decoration: none; color: #33bfd0; }

.product-price del { font-size: 11px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }

.product-rating { margin-top: 5px; }

.product-rating .star-rating { display: inline-block; color: #33bfd0; font-size: 16px; }

/* Shop Grid 

----------------------------*/

.shop-container .shop-item .product-media .add-to-cart-overlay { position: absolute; width: 100%; bottom: 0; left: 0; transition: all 0.3s ease; -webkit-transform: translateY(101%); -moz-transform: translateY(101%); -ms-transform: translateY(101%); -o-transform: translateY(101%); transform: translateY(101%); }

.shop-container .shop-item .product-media:hover .add-to-cart-overlay { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.shop-container .shop-item .product-media .add-to-cart-overlay a { font-family: 'Lato'; font-weight: 700; font-size: 11px; line-height: 20px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; background: #1a1a1a; color: #ffffff; display: block; padding: 13px 0; transition: all 0.2s ease; }

.shop-container .shop-item .product-media .add-to-cart-overlay a:hover { background: #33bfd0; }

.shop-container .shop-item .product-desc { margin-top: 20px; }

/* Shop Single 

----------------------------*/

#shop-single .onsale { font-size: 12px; line-height: 20px; padding: 7px 17px; }

#shop-single .product-thumbs { margin-top: 20px; overflow: hidden; width: calc(100%); }

#shop-single .product-thumbs a { float: left; width: calc(20% - 16px); display: block; height: auto; margin-right: 20px; }

 #shop-single .product-thumbs a:nth-child(5n) {

 margin-right: 0;

}

#shop-single .product-rating a.review-link { font-family: 'Lora'; font-weight: 400; font-size: 12px; font-style: italic; letter-spacing: 0.03em; opacity: 0.6; color: #1a1a1a; margin-left: 10px; display: inline-block; }

#shop-single .product-rating a.review-link:hover { opacity: 1; }

#shop-single .product-price { font-size: 18px; line-height: 22px; margin-top: 30px; }

#shop-single .product-price ins { color: #1a1a1a; }

#shop-single .product-price del { font-size: 13px; }

#shop-single .product-intro { margin-top: 30px; }

#shop-single form.add-to-cart { margin-top: 30px; }

#shop-single form.add-to-cart .quantity { position: relative; width: 50px; padding-right: 19px; display: inline-block; top: 1px; margin-right: 20px; }

#shop-single form.add-to-cart .quantity input[type=text] { text-align: center; }

#shop-single form.add-to-cart .quantity input[type=button] { padding: 0; margin: 0; line-height: 15px; width: 20px; height: 50%; position: absolute; top: 0; right: 0; }

#shop-single form.add-to-cart .quantity input[type=button].minus { top: auto; bottom: 0; border-top: 1px solid #3d3d3d; }

#shop-single .product-meta { margin-top: 30px; padding: 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }

#shop-single .product-content { background: #f5f6f7; margin-top: 100px; }

#shop-single .product-content .tabs .tab-container { margin-top: 60px; }

#shop-single #product-review { margin-top: 0px; }

#shop-single #product-review .comment-list { margin: 0; }

#shop-single #product-review .product-rating { position: absolute; top: 0; right: 0; margin: 0; }

#shop-single #product-review .product-rating .star-rating { font-size: 12px; line-height: 16px; }

#shop-single #product-addreview select.rating { width: 100%; }

/* Shop Cart & Checkout

----------------------------*/	

table.table-cart tbody td { padding: 20px 0; }

table.table-cart tbody tr:first-child td { padding-top: 0px; }

table.table-cart thead + tbody tr:first-child td { padding-top: 20px; }

table.table-cart tbody tr:last-child td { padding-bottom: 0px; }

table.table-cart thead th { padding-bottom: 20px; }

table.table-cart tbody tr:last-child { border-bottom: none; }

table.table-cart .product-remove { width: 5%; text-align: center; }

table.table-cart .product-remove a { color: #1a1a1a; font-size: 12px; }

table.table-cart .product-remove a:hover { color: #f23030; }

table.table-cart .product-image a { max-width: 70px; max-height: 110px; display: block; }

table.table-cart .amount { max-width: 70px; max-height: 110px; display: block; }

table.table-cart .quantity { position: relative; width: 50px; padding-right: 19px; display: inline-block; top: 1px; margin-right: 20px; }

table.table-cart .quantity input[type=text] { text-align: center; }

table.table-cart .quantity input[type=button] { padding: 0; margin: 0; line-height: 15px; width: 20px; height: 50%; position: absolute; top: 0; right: 0; }

table.table-cart .quantity input[type=button].minus { top: auto; bottom: 0; border-top: 1px solid #3d3d3d; }

table.table-cart .coupon-code { width: 400px; max-width: 48%; float:left; }

table.table-cart .coupon-code .coupon-text { width: 38%; margin-right: 10px; }

table.table-cart .update-cart { float:right; }

#shop-cart .cart-total, #shop-checkout .cart-total, #shop-checkout .payment-option { background: #f5f6f7; padding: 30px; border-radius: 3px; margin-top: 30px; }

.cart-total table.table-cart tbody td { padding: 10px 0; }

.cart-total table.table-cart tr.total .product-price { font-size: 18px; color: #33bfd0; }

#shop-cart .checkout-button { float: right; margin-top: 20px; }

#shop-checkout .billing-details, #shop-checkout .payment-option { margin-top: 30px; }

/*---------------------------------------------- 



15. RELATED ITEMS



------------------------------------------------*/

.related-items { margin-top: 100px; }

.related-items #related-grid { margin-top: 60px; }

/*---------------------------------------------- 



16. ISOTOPE GRID & GALLERY LIST & CAROUSEL (options)



------------------------------------------------*/	

.isotope-grid { width: calc(100% + 1px); overflow: hidden; }

.wrapper .isotope-grid { width: 100%; }

.isotope-grid.isotope-spaced { width: calc(100% - 50px); margin: 0 auto; left: 15px; }

.wrapper .isotope-grid.isotope-spaced { width: calc(100% + 30px); left: 0; margin: 0; }

.isotope-grid.portfolio-container.isotope-spaced { margin-top: 30px; }

 .filter:not(.filter-grey):not(.filter-dark) + .isotope-grid.portfolio-container.isotope-spaced {

 margin-top: 0px;

}

.isotope-grid .isotope-item { margin-right: 0px; margin-bottom: 0px; float: left; overflow:hidden; position: relative; }

.isotope-grid.isotope-spaced .isotope-item { margin-bottom: 30px; margin-right: 30px; }

.isotope-grid.isotope-spaced .grid-sizer { margin-right: 30px; }

/* style column */

.isotope-grid .isotope-item, .isotope-grid .grid-sizer { width: 25%; }

.isotope-grid.isotope-spaced .isotope-item, .isotope-grid.isotope-spaced .grid-sizer { width: calc(50% - 30px); }

.isotope-grid.style-column-2 .isotope-item, .isotope-grid.style-column-2 .grid-sizer { width: 50%; }

.isotope-grid.style-column-3 .isotope-item, .isotope-grid.style-column-3 .grid-sizer { width: 33.33%; }

.isotope-grid.style-column-4 .isotope-item, .isotope-grid.style-column-4 .grid-sizer { width: 25%; }

.isotope-grid.style-column-5 .isotope-item, .isotope-grid.style-column-5 .grid-sizer { width: 20%; }

.isotope-grid.style-column-2.isotope-spaced .isotope-item, .isotope-grid.style-column-2.isotope-spaced .grid-sizer { width: calc(50% - 30px); }

.isotope-grid.style-column-3.isotope-spaced .isotope-item, .isotope-grid.style-column-3.isotope-spaced .grid-sizer { width: calc(33.33% - 30px); }

.isotope-grid.style-column-4.isotope-spaced .isotope-item, .isotope-grid.style-column-4.isotope-spaced .grid-sizer { width: calc(25% - 30px); }

.isotope-grid.style-column-5.isotope-spaced .isotope-item, .isotope-grid.style-column-5.isotope-spaced .grid-sizer { width: calc(20% - 30px); }



	

/* style modern */	

.isotope-grid[class*='style-modern'] .isotope-item, .isotope-grid[class*='style-modern'] .grid-sizer {

width: 25%;

}

.isotope-grid[class*='style-modern'] .isotope-item.wide, .isotope-grid[class*='style-modern'] .isotope-item.wide-tall {

width: 50%;

}

.isotope-grid.style-modern-3 .isotope-item, .isotope-grid.style-modern-3 .grid-sizer { width: 33.33%; }

.isotope-grid.style-modern-3 .isotope-item.wide, .isotope-grid.style-modern-3 .isotope-item.wide-tall { width: 66.66%; }

.isotope-grid.style-modern-5 .isotope-item, .isotope-grid.style-modern-5 .grid-sizer { width: 20%; }

.isotope-grid.style-modern-5 .isotope-item.wide, .isotope-grid.style-modern-5 .isotope-item.wide-tall { width: 40%; }

 .isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item, .isotope-grid.isotope-spaced[class*='style-modern'] .grid-sizer {

width: calc(25% - 30px);

}

.isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item.wide, .isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item.wide-tall {

width: calc(50% - 30px);

}

.isotope-grid.style-modern-3.isotope-spaced .isotope-item, .isotope-grid.style-modern-3.isotope-spaced .grid-sizer { width: calc(33.33% - 30px); }

.isotope-grid.style-modern-3.isotope-spaced .isotope-item.wide, .isotope-grid.style-modern-3.isotope-spaced .isotope-item.wide-tall { width: calc(66.66% - 30px); }

.isotope-grid.style-modern-5.isotope-spaced .isotope-item, .isotope-grid.style-modern-5.isotope-spaced .grid-sizer { width: calc(20% - 30px); }

.isotope-grid.style-modern-5.isotope-spaced .isotope-item.wide, .isotope-grid.style-modern-5.isotope-spaced .isotope-item.wide-tall { width: calc(40% - 30px); }

 .isotope-grid[class*='style-modern'] .portfolio-media, .isotope-grid[class*='style-modern'] .blog-media {

width: calc(100% + 2px);

height: calc(100% + 2px);

left: -1px;

top: -1px;

position: relative;

}

 .isotope-grid[class*='style-modern'] .isotope-item img {

 position: absolute;

 left: 0;

 top: 0;

 max-width: none;

}

 .isotope-grid[class*='style-modern'] .isotope-item img.wide-img {

 width: 100%;

 top: 50%;

 -webkit-transform: translateY(-50%);

 -moz-transform: translateY(-50%);

 -ms-transform: translateY(-50%);

 -o-transform: translateY(-50%);

 transform: translateY(-50%);

}

 .isotope-grid[class*='style-modern'] .isotope-item img.tall-img {

 width: auto;

 height: 100%;

 left: 50%;

 -webkit-transform: translateX(-50%);

 -moz-transform: translateX(-50%);

 -ms-transform: translateX(-50%);

 -o-transform: translateX(-50%);

 transform: translateX(-50%);

}

/* gallery */

ul.gallery-list { margin: 0; padding: 0; list-style: none; }

ul.gallery-list.gallery-spaced { margin-top: 40px; }

div ul.gallery-list.gallery-spaced:first-child { margin-top: 0px; }

ul.gallery-list li { margin: 0; padding: 0; text-align: center; }

ul.gallery-list.gallery-spaced li { margin-top: 40px; }

ul.gallery-list.gallery-spaced li:first-child { margin-top: 0px; }

/* carousel */

.owl-carousel.owl-spaced { left: 40px; width: calc(100% - 80px); }

.wrapper .owl-carousel.owl-spaced { width: 100%; left: inherit; }

/*---------------------------------------------- 



17. COLUMNS SECTION



------------------------------------------------*/

.column-section { margin-top: 40px; }

div .column-section:first-child { margin-top: 0px; }

.column { float: left; margin-right: 40px; min-height: 1px; }

.column-section .column:first-child { margin-left: 40px; }

.wrapper .column-section .column:first-child, .wrapper-small .column-section .column:first-child { margin-left: 0px; }

.boxed-sticky, .bordered-sticky { margin-top: 0px; }

.boxed-spaced .column, .boxed-sticky .column, .bordered-spaced .column, .bordered-sticky .column { background: #f5f6f7; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.text-light .boxed-spaced .column, .text-light .boxed-sticky .column { background: #0f0f0f; }

.bordered-spaced .column, .bordered-sticky .column { border: 1px solid #e0e0e0; background: none; }

.bordered-sticky .column { border-right: none; }

.bordered-sticky .column:first-child { border-left: none; }

.wrapper .bordered-sticky .column:first-child { border-left: 1px solid #e0e0e0; }

.text-light .bordered-spaced .column, .text-light .bordered-sticky .column { border-color: #3d3d3d; }

.wrapper .bordered-sticky .column.last-col { border-right: 1px solid #e0e0e0; }

.wrapper .text-light .bordered-sticky .column.last-col, .text-light .wrapper .bordered-sticky .column.last-col { border-right: 1px solid #3d3d3d; }

.bordered-sticky + .bordered-sticky .column { border-top: none; }

h1 + .column-section.bordered-sticky, h2 + .column-section.bordered-sticky, h3 + .column-section.bordered-sticky, h4 + .column-section.bordered-sticky, h5 + .column-section.bordered-sticky, h6 + .column-section.bordered-sticky, h1 + .column-section.boxed-sticky, h2 + .column-section.boxed-sticky, h3 + .column-section.boxed-sticky, h4 + .column-section.boxed-sticky, h5 + .column-section.boxed-sticky, h6 + .column-section.boxed-sticky, separator + .column-section.bordered-sticky, separator + .column-section.boxed-sticky { margin-top: 40px; }

.column.nopadding { padding: 0px !important; }

.column.notoppadding { padding-top: 0px !important; }

.column.nobottompadding { padding-bottom: 0px !important; }

.column.bigpadding { padding: 5em; }

.one-full { width: calc(100% - 80px); float: none; margin-right: 0; }

.one-half { width: calc(50% - 60px); }

.one-third { width: calc(33.33% - 53.33px); }

.two-third { width: calc(66.66% - 66.66px); } 		/* ((40*4)/3) + (40/3) */

.one-fourth { width: calc(25% - 50px); }

.two-fourth { width: calc(50% - 60px); }

.three-fourth { width: calc(75% - 70px); }

.one-fifth { width: calc(20% - 48px); }

.two-fifth { width: calc(40% - 56px); }

.three-fifth { width: calc(60% - 64px); }

.four-fifth { width: calc(80% - 72px); }

.one-sixth { width: calc(16.66% - 46.66px); }

.two-sixth { width: calc(33.33% - 53.33px); }

.three-sixth { width: calc(50% - 60px); }

.four-sixth { width: calc(66.66% - 66.66px); }

.five-sixth { width: calc(83.33% - 73.33px); }

.wrapper .one-full, .wrapper-small .one-full { width: 100%; float: none; margin-right: 0; }

.wrapper .one-half, .wrapper-small .one-half { width: calc(50% - 20px); }

.wrapper .one-third, .wrapper-small .one-third { width: calc(33.33% - 26.66px); }

.wrapper .two-third, .wrapper-small .two-third { width: calc(66.6% - 13.33px); } 		/* ((40*3)/2) - (40/3) */

.wrapper .one-fourth, .wrapper-small .one-fourth { width: calc(25% - 30px); }

.wrapper .two-fourth, .wrapper-small .two-fourth { width: calc(50% - 20px); }

.wrapper .three-fourth, .wrapper-small .three-fourth { width: calc(75% - 10px); }

.wrapper .one-fifth, .wrapper-small .one-fifth { width: calc(20% - 32px); }

.wrapper .two-fifth, .wrapper-small .two-fifth { width: calc(40% - 24px); }

.wrapper .three-fifth, .wrapper-small .three-fifth { width: calc(60% - 16px); }

.wrapper .four-fifth, .wrapper-small .four-fifth { width: calc(80% - 8px); }

.wrapper .one-sixth, .wrapper-small .one-fifth { width: calc(16.66% - 33.33px); }

.wrapper .two-sixth, .wrapper-small .two-fifth { width: calc(33.33% - 26.66px); }

.wrapper .three-sixth, .wrapper-small .three-fifth { width: calc(50% - 20px); }

.wrapper .four-sixth, .wrapper-small .four-fifth { width: calc(66.66% - 13.33px); }

.wrapper .five-sixth, .wrapper-small .five-fifth { width: calc(83.33% - 6.66px); }

.boxed-sticky .column, .bordered-sticky .column, .boxed-sticky .column:first-child, .bordered-sticky .column:first-child { margin-left: 0; margin-right: 0; }

.boxed-sticky .one-full, .bordered-sticky .one-full { width: 100%; float: none; margin-right: 0; }

.boxed-sticky .one-half, .bordered-sticky .one-half { width: 50%; }

.boxed-sticky .one-third, .bordered-sticky .one-third { width: 33.33%; }

.boxed-sticky .two-third, .bordered-sticky .two-third { width: 66.6%; }

.boxed-sticky .one-fourth, .bordered-sticky .one-fourth { width: 25%; }

.boxed-sticky .two-fourth, .bordered-sticky .two-fourth { width: 50%; }

.boxed-sticky .three-fourth, .bordered-sticky .three-fourth { width: 75%; }

.boxed-sticky .one-fifth, .bordered-sticky .one-fifth { width: 20%; }

.boxed-sticky .two-fifth, .bordered-sticky .two-fifth { width: 40%; }

.boxed-sticky .three-fifth, .bordered-sticky .three-fifth { width: 60%; }

.boxed-sticky .four-fifth, .bordered-sticky .four-fifth { width: 80%; }

.last-col { margin-right: 0px !important; }

.col-content:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }

.col-content {

*display: inline-block; height: 1%; overflow: hidden; }

/*---------------------------------------------- 



18. FULLWIDTH SECTION



------------------------------------------------*/	

.fullwidth-section .fullwidth-content { padding: 100px 0; }

.fullwidth-section.notoppadding .fullwidth-content { padding-top: 0; }

.fullwidth-section.nobottompadding .fullwidth-content { padding-bottom: 0; }

 header.header-transparent + #page-body .fullwidth-section:first-child::before {

content: "";

display: inline-block;

}

header.header-transparent + #page-body .fullwidth-section:first-child .fullwidth-content { padding-top: 60px; }

.fullwidth-section.fullheight { min-height: -webkit-calc(100vh - 60px); min-height: -moz-calc(100vh - 60px); min-height: calc(100vh - 60px); }

header.header-transparent + #page-body .fullwidth-section.fullheight:first-child, #page-content #page-body:first-child .fullwidth-section.fullheight { min-height: 100vh; }

 header:not(.header-transparent) + #page-body .fullwidth-section.fullheight:first-child {

 min-height: calc(100vh - 90px);

}





/*---------------------------------------------- 



19. PAGINATION & SHARE



------------------------------------------------*/

#share:not(.share-fixed) + #single-pagination {

margin-top: 30px;

}

#pagination ul, #single-pagination ul { list-style: none; overflow:hidden; padding: 0 40px; margin: 0; text-align: center; }

.wrapper #pagination ul, .wrapper-small #pagination ul,  .wrapper #single-pagination ul, .wrapper-small #single-pagination ul { padding: 0; }

#pagination ul li, #single-pagination ul li { margin: 0; padding: 30px 0; /*float: left;*/

	display: inline-block; text-align: center; }

#pagination ul li a, #single-pagination ul li a, #pagination ul li span { font-family:'Montserrat'; font-weight: 400; font-size: 11px; line-height: 17px; height: 17px; overflow: hidden; text-transform: uppercase; letter-spacing: 0.1em; display: block; color: #1a1a1a; position: relative; transition: all 0.2s ease; }

#pagination ul li.prev, #single-pagination ul li.prev { text-align: left; float: left; }

#pagination ul li.next, #single-pagination ul li.next { text-align: right; float: right; }

#pagination ul li.next a, #single-pagination ul li.next a { padding-right: 15px; }

#pagination ul li.prev a, #single-pagination ul li.prev a { padding-left: 15px; }

#pagination ul li a:hover, #single-pagination ul li a:hover { color: #33bfd0; }

#pagination ul li.next a:after, #single-pagination ul li.next a:after { content: "\f125"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; right: 0; margin-top: -5px; }

#pagination ul li.prev a:after, #single-pagination ul li.prev a:after { content: "\f124"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -5px; }

/* pagiation with pages */

#pagination ul li.next a, #pagination ul li.prev a { display: block; text-indent: 9999px; }

#pagination ul li.next a:after, #pagination ul li.prev a:after { text-indent: 0px !important; }

#pagination ul li a, #pagination ul li.page span { height: 30px; line-height:30px; width: 15px; }

#pagination ul li.page span.current, #pagination ul li.page a { font-size: 12px; width: 25px; height: 26px; line-height: 26px; padding-left: 1px; border: 2px solid #e0e0e0; border-radius:20px; }

#pagination ul li.page span.current { margin: 0 3px; }

#pagination ul li.page a { border-color:transparent; width: 20px; padding: 0; }

/* Share */

#share { margin-top: 30px; }

.post-content + #share { margin-top: 60px; }

#share ul { list-style: none; margin: 0; text-align: center; margin-left: -4px; padding: 0 3px; }

#share.align-left ul { text-align: left; }

#share.align-right ul { text-align: right; }

#share ul li { margin: 0; padding: 0; display: inline-block; margin-right: -5px; }

#share ul li a { line-height: 40px; height: 40px; min-width: 20px; padding: 0 10px; color: #ffffff; transition: all 0.2s ease; display: block; text-align: left; font-family:'Montserrat'; font-weight: 400; font-size: 11px; }

#share ul li a:hover { padding: 0 15px; }

#share ul li a:before { text-align: center; font: normal normal normal 12px/1 FontAwesome; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; width: 20px; display: inline-block; top: 2px; }

#share ul li.facebook a:before { content:"\f09a"; }

#share ul li.twitter a:before { content:"\f099"; }

#share ul li.googleplus a:before { content: "\f0d5"; }

#share ul li.pinterest a:before { content: "\f0d2"; }

#share ul li.facebook a { background: #446ebf; }

#share ul li.twitter a { background: #39aadc; }

#share ul li.googleplus a { background: #d63d1e; }

#share ul li.pinterest a { background: #c81e1e; }

#share ul li a span { display: inline-block; margin: 0 2px; min-width: 40px; text-align: center; }

/* Share fixed */

#share.share-fixed { position: fixed; right: -170px; bottom: 80px; z-index: 2; transition: all 0.3s ease; margin: 0; }

#share.share-fixed.visible { right: -130px; }

#share.share-fixed ul { margin: 0; padding: 0; text-align: left; width: 130px; }

#share.share-fixed ul li { display: block; margin: 0; width: auto; }

#share.share-fixed ul li a { padding: 0 !important; min-width: 50px; display: inline-block; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); transition: all 0.3s ease; }

#share.share-fixed ul li a:hover { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

#share.share-fixed ul li a:before { width: 40px; }

#share.share-fixed ul li a span { margin: 0 15px 0 2px; min-width: auto; }

/*---------------------------------------------- 



20. THUMB OVERLAY EFFECT



------------------------------------------------*/	

.thumb-overlay { overflow: hidden; height: auto; display: block; width: 100%; max-width: 100%; position: relative; margin: 0; padding: 0; }

.isotope-grid .thumb-overlay, .owl-carousel .thumb-overlay { display: block; }

 .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay {

height: 100%;

}

.thumb-overlay:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease; transition: all 0.51s ease; }

.thumb-overlay.text-light:after { background: #000000; }

.thumb-overlay .overlay-caption { position: absolute; top: 50%; left: 30px; width: calc(100% - 60px); padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }

 .thumb-overlay .overlay-caption:not(.align-left):not(.align-right) {

text-align: center;

}

.thumb-overlay .overlay-caption.caption-bottom { top: inherit; bottom: 40px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.thumb-overlay .overlay-caption.caption-top { top: 40px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.thumb-overlay .overlay-caption hr { width: 60px; float: none; margin-top: 10px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }

 .thumb-overlay .overlay-caption:not(.align-left):not(.align-right) hr {

margin-right: auto;

margin-left: auto;

}

.thumb-overlay .overlay-caption hr + h1, .thumb-overlay .overlay-caption hr + h2, .thumb-overlay .overlay-caption hr + h3, .thumb-overlay .overlay-caption hr + h4, .thumb-overlay .overlay-caption hr + h5, .thumb-overlay .overlay-caption hr + h6 { margin-top: 10px; -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease; transition: all 0.51s ease; }

/* general effect */	

.thumb-overlay img { -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease; transition: all 0.51s ease; }

.thumb-overlay:hover img, .shop-item:hover .thumb-overlay img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

 .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay:hover img.wide-img {

 -webkit-transform: translateY(-50%) scale(1.1);

 -moz-transform: translateY(-50%) scale(1.1);

 -ms-transform: translateY(-50%) scale(1.1);

 -o-transform: translateY(-50%) scale(1.1);

 transform: translateY(-50%) scale(1.1);

}

 .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay:hover img.tall-img {

 -webkit-transform: translateX(-50%) scale(1.1);

 -moz-transform: translateX(-50%) scale(1.1);

 -ms-transform: translateX(-50%) scale(1.1);

 -o-transform: translateX(-50%) scale(1.1);

 transform: translateX(-50%) scale(1.1);

}

/* hover pic*/	

.thumb-overlay img.hover-pic { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); position: absolute; top: 0; left: 0; }

 .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay img.hover-pic.wide-img {

 -webkit-transform: translateY(-50%) scale(1.1);

 -moz-transform: translateY(-50%) scale(1.1);

 -ms-transform: translateY(-50%) scale(1.1);

 -o-transform: translateY(-50%) scale(1.1);

 transform: translateY(-50%) scale(1.1);

}

 .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay img.hover-pic.tall-img {

 -webkit-transform: translateX(-50%) scale(1.1);

 -moz-transform: translateX(-50%) scale(1.1);

 -ms-transform: translateX(-50%) scale(1.1);

 -o-transform: translateX(-50%) scale(1.1);

 transform: translateX(-50%) scale(1.1);

}

.thumb-overlay:hover img.hover-pic, .product-media:hover .thumb-overlay img.hover-pic { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

 .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay:hover img.hover-pic.wide-img,  .isotope-grid[class*='style-modern'] .isotope-item .product-media:hover .thumb-overlay img.hover-pic.wide-img {

 -webkit-transform: translateY(-50%) scale(1);

 -moz-transform: translateY(-50%) scale(1);

 -ms-transform: translateY(-50%) scale(1);

 -o-transform: translateY(-50%) scale(1);

 transform: translateY(-50%) scale(1);

}

 .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay:hover img.hover-pic.tall-img,  .isotope-grid[class*='style-modern'] .isotope-item .product-media:hover .thumb-overlay img.hover-pic.tall-img {

 -webkit-transform: translateX(-50%) scale(1);

 -moz-transform: translateX(-50%) scale(1);

 -ms-transform: translateX(-50%) scale(1);

 -o-transform: translateX(-50%) scale(1);

 transform: translateX(-50%) scale(1);

}

.thumb-overlay .overlay-caption hr { margin-top: 0px; width: 0px; -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease; transition: all 0.51s ease; }

.thumb-overlay:hover .overlay-caption hr { width: 60px; margin-top: 15px; }

.thumb-overlay:hover .overlay-caption hr + h1, .thumb-overlay:hover .overlay-caption hr + h2, .thumb-overlay:hover .overlay-caption hr + h3,  .thumb-overlay:hover .overlay-caption hr + h4, .thumb-overlay:hover .overlay-caption hr + h5, .thumb-overlay:hover .overlay-caption hr + h6 { margin-top: 15px; }

	

	

	

/* hidden-on-start */

.thumb-overlay:not(.overlay-effect-3):not(.overlay-effect-4) .overlay-caption.hidden-on-start {

 opacity: 0;

 filter: alpha(opacity=0);

 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

 -webkit-transition: all 0.51s ease;

 -moz-transition: all 0.51s ease;

 -o-transition: all 0.51s ease;

 -ms-transition: all 0.51s ease;

 transition: all 0.51s ease;

}

 .thumb-overlay:not(.overlay-effect-3):not(.overlay-effect-4):hover .overlay-caption.hidden-on-start {

 opacity: 1;

 filter: alpha(opacity=100);

 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

/* overlay style 1 */

.thumb-overlay.overlay-effect-1:hover:after { opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

/* overlay style 2 */

.thumb-overlay.overlay-effect-2:hover:after { opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; width: calc(100% - 30px); height: calc(100% - 30px); left: 15px; top: 15px; }

/* overlay style 3 */

.thumb-overlay.overlay-effect-3 .overlay-caption { height: auto; padding: 20px; width: 100%; top: auto; bottom: 0; left: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: opacity 0.51s ease; -moz-transition: opacity 0.51s ease; -o-transition: opacity 0.51s ease; -ms-transition: opacity 0.51s ease; }

.thumb-overlay.overlay-effect-3 .overlay-caption.caption-top { bottom: auto; top: 0; }

.thumb-overlay.overlay-effect-3 .overlay-caption:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% + 100px); z-index: -1; transition: opacity 0.51s ease; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.5)) ); background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100% ); }

.thumb-overlay.overlay-effect-3 .overlay-caption.caption-top:after { bottom: auto; top: 0; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)) ); background-image: -moz-linear-gradient( rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100% ); }

.thumb-overlay.overlay-effect-3.text-light .overlay-caption:after { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)) ); background-image: -moz-linear-gradient( rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100% ); }

.thumb-overlay.overlay-effect-3.text-light .overlay-caption.caption-top:after { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: -moz-linear-gradient( rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100% ); }

/* overlay style 4 */

.thumb-overlay.overlay-effect-4 .overlay-caption { height: auto; padding: 20px; width: 100%; top: 100%; left: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: transform 0.31s ease; -moz-transition: transform 0.31s ease; -o-transition: transform 0.31s ease; -ms-transition: transform 0.31s ease; transition: transform 0.31s ease; }

.thumb-overlay.overlay-effect-4 .overlay-caption:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: -1; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.thumb-overlay.text-light.overlay-effect-4 .overlay-caption:after { background: #000000; }

.thumb-overlay.overlay-effect-4:hover .overlay-caption { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

		

	

	



/*---------------------------------------------- 



21. ELEMENTS



------------------------------------------------*/	



/*	spacer

-------------------------------------------------*/	

div[class*='spacer-'] {

display: block;

}

.spacer-mini { height: 20px; }

.spacer-small { height: 40px; }

.spacer-medium { height: 60px; }

.spacer-big { height: 100px; }

 div[class*='spacer-'] + p, div[class*='spacer-'] + div, cdiv[class*='spacer-'] + blockquote, div[class*='spacer-'] + ul, div[class*='spacer-'] + h1, div[class*='spacer-'] + h2, div[class*='spacer-'] + h3, div[class*='spacer-'] + h4, div[class*='spacer-'] + h5, div[class*='spacer-'] + h6 {

margin-top: 0px !important;

}

/*	detail row

-------------------------------------------------*/	

p.meta-row { font-size: 14px; }

p.meta-row + p.meta-row { margin-top: 0px; }

p.meta-row .meta-label { font-family:'Montserrat'; font-weight: 400; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; display: inline-block; width: 130px; color: #1a1a1a; }

/*	has animation

-------------------------------------------------*/	

.has-animation { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); -webkit-transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; -moz-transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; -o-transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; -ms-transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.has-animation.from-top { -webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -o-transform: translateY(-70px); transform: translateY(-70px); }

.has-animation.from-left { -webkit-transform: translateY(0px) translateX(-70px); -moz-transform: translateY(0px) translateX(-70px); -ms-transform: translateY(0px) translateX(-70px); -o-transform: translateY(0px) translateX(-70px); transform: translateY(0px) translateX(-70px); }

.has-animation.from-right { -webkit-transform: translateY(0px) translateX(70px); -moz-transform: translateY(0px) translateX(70px); -ms-transform: translateY(0px) translateX(70px); -o-transform: translateY(0px) translateX(70px); transform: translateY(0px) translateX(70px); }

.has-animation.fade { -webkit-transform: translateY(0px) translateX(0px); -moz-transform: translateY(0px) translateX(0px); -ms-transform: translateY(0px) translateX(0px); -o-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); }

.has-animation.animated { -webkit-transform: translateY(0px) translateX(0px); -moz-transform: translateY(0px) translateX(0px); -ms-transform: translateY(0px) translateX(0px); -o-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* Buttons */

.sr-button { font-family: 'Lato'; font-weight: 700; font-size: 12px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; background: #1a1a1a; color: #ffffff; display: inline-block; padding: 15px 40px; transition: all 0.2s ease; max-width: 100%; margin: 2px 0 3px 0; }

.text-light .sr-button { background: #ffffff; color: #1a1a1a; }

.align-center .sr-button { margin-left: 5px; margin-right: 5px; }

.sr-button:hover { background: #33bfd0; color: #ffffff; }

.text-light .sr-button:hover { background: #33bfd0; color: #ffffff; }

.sr-button.button-tiny { font-size: 9px; line-height: 16px; padding: 7px 14px; }

.sr-button.button-mini { font-size: 10px; line-height: 18px; padding: 9px 20px; }

.sr-button.button-small { font-size: 11px; line-height: 20px; padding: 12px 30px; }

.sr-button.button-medium { font-size: 12px; line-height: 22px; padding: 15px 40px; }

.sr-button.button-big { font-size: 14px; line-height: 24px; padding: 20px 50px; }

.sr-button.button-full { font-size: 18px; line-height: 32px; width: 100%; padding: 40px 0; font-weight: 400; margin: 0; }

.sr-button.button-full strong { font-size: 22px; font-weight: 700; }

.sr-button.button-1 { background: #1a1a1a; color: #ffffff; }

.sr-button.button-1:hover { background: #33bfd0; color: #ffffff; }

.text-light .sr-button.button-1 { background: #ffffff; color: #1a1a1a; }

.text-light .sr-button.button-1:hover { background: #33bfd0; color: #ffffff; }

.sr-button.button-2 { background: #33bfd0; color: #ffffff; }

.sr-button.button-2:hover { background: #1a1a1a; color: #ffffff; }

.text-light .sr-button.button-2:hover { background: #ffffff; color: #1a1a1a; }

.sr-button.button-3 { background: #f0f0f0; color: #1a1a1a; }

.sr-button.button-3:hover { background: #1a1a1a; color: #ffffff; }

.text-light .sr-button.button-3 { background: #3d3d3d; color: #ffffff; }

.text-light .sr-button.button-3:hover { background: #ffffff; color: #1a1a1a; }

.sr-button.button-4 { background: transparent; border: 2px solid rgba(0, 0, 0, .2); color: #1a1a1a; }

.sr-button.button-4:hover { background: #1a1a1a; border-color: #1a1a1a; color: #ffffff; }

.text-light .sr-button.button-4 { border: 2px solid rgba(255, 255, 255, .2); color: #ffffff; }

.text-light .sr-button.button-4:hover { background: #ffffff; border-color: #ffffff; color: #1a1a1a; }

.sr-button.button-5 { background: transparent; border: 2px solid rgba(0, 0, 0, .2); color: #1a1a1a; }

.sr-button.button-5:hover { background: #33bfd0; border-color: #33bfd0; color: #ffffff; }

.text-light .sr-button.button-5 { border: 2px solid rgba(255, 255, 255, .2); color: #ffffff; }

.text-light .sr-button.button-5:hover { background: #33bfd0; border-color: #33bfd0; color: #ffffff; }

.sr-button.rounded { border-radius: 4px; }

.sr-button.circled { border-radius: 50px; }

/* Icon-Text Button */

.button-icon-text { position: relative }

.button-icon-text i { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; }

.sr-button.button-tiny.button-icon-text { padding-left: 34px; }

.sr-button.button-tiny.button-icon-text i { font-size: 14px; left: 14px; }

.sr-button.button-mini.button-icon-text { padding-left: 44px; }

.sr-button.button-mini.button-icon-text i { font-size: 18px; left: 18px; }

.sr-button.button-small.button-icon-text { padding-left: 58px; }

.sr-button.button-small.button-icon-text i { font-size: 22px; left: 26px; }

.sr-button.button-medium.button-icon-text { padding-left: 70px; }

.sr-button.button-medium.button-icon-text i { font-size: 26px; left: 36px; }

.sr-button.button-big.button-icon-text { padding-left: 90px; }

.sr-button.button-big.button-icon-text i { font-size: 34px; left: 44px; }

/* Separator (hr)*/

hr { border: none; background: #000000; height: 1px; width: 100%; margin: 0; opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; margin-left: 0; }

.text-light hr { background: #ffffff; opacity: 0.22; filter: alpha(opacity=22); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=22)"; }

.align-center hr, hr.align-center { margin-left: auto; margin-right: auto; }

.align-right hr, hr.align-right { margin-left: auto; margin-right: 0; }

/* hr spacings (this might be optimized depending on your font and lineheight used) */

	hr + h1 { margin-top: 10px; }

h1 + hr { margin-top: 11px; }

hr + h2 { margin-top: 12px; }

h2 + hr { margin-top: 13px; }

hr + h3, h3 + hr { margin-top: 14px; }

hr + h4, h4 + hr { margin-top: 18px; }

hr + h5, h5 + hr { margin-top: 21px; }

hr + h6, h6 + hr { margin-top: 22px; }

hr + p, p + hr { margin-top: 20px; }

hr.mini { width: 36px; }

hr.small { width: 60px; }

hr.medium { width: 120px; }

hr.big { width: 180px; }

 hr.has-animation:not(.colored) {

 width: 0px;

 -webkit-transform: translateY(0px);

 -moz-transform: translateY(0px);

 -ms-transform: translateY(0px);

 -o-transform: translateY(0px);

 transform: translateY(0px);

 opacity: 0.15 !important;

filter: alpha(opacity=15) !important;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)" !important;

}

 .text-light hr.has-animation:not(.colored) {

opacity: 0.22;

filter: alpha(opacity=22);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=22)";

}

hr.mini.has-animation.animated { width: 36px; transition: width 0.5s; }

hr.small.has-animation.animated { width: 60px; transition: width 0.6s; }

hr.medium.has-animation.animated { width: 120px; transition: width 0.7s; }

hr.big.has-animation.animated { width: 180px; transition: width 0.8s; }

hr.thin { height: 1px; }

hr.thick { height: 2px; }

hr.fat { height: 4px; }

hr.huge { height: 6px; }

hr.colored { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: #33bfd0; border-color: #33bfd0; }

hr.dotted { background: none; height: 1px; border-top: 1px dotted #000000; }

.text-light hr.dotted { border-color: #ffffff; }

hr.zigzag { background: repeat-x url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="6px" viewBox="0 0 12 6" enable-background="new 0 0 12 6" xml:space="preserve"><polygon points="6,3.5 0,0 0,1.208 6,4.708 12,1.208 12,0" fill="%23000000"/></svg>'); height: 5px; }

.text-light hr.zigzag { background: repeat-x url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="6px" viewBox="0 0 12 6" enable-background="new 0 0 12 6" xml:space="preserve"><polygon points="6,3.5 0,0 0,1.208 6,4.708 12,1.208 12,0" fill="%23ffffff"/></svg>'); }

hr.zigzag.colored { background: repeat-x url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="6px" viewBox="0 0 12 6" enable-background="new 0 0 12 6" xml:space="preserve"><polygon points="6,3.5 0,0 0,1.208 6,4.708 12,1.208 12,0" fill="%2333bfd0"/></svg>'); }

/* Icon Boxes */

.icon-box { overflow: hidden; }

.icon-box .icon-box-icon { float: left; width: 50px; color: #1a1a1a; }

.text-light .icon-box .icon-box-icon { color: #ffffff; }

.icon-box .icon-box-content { float: right; width: calc(100% - 70px); margin-top: 3px; }

/* Inline Video */

.inline-video { position: relative; cursor: pointer; display: inline-block; max-width: 100%; }

.slider-item.inline-video, .parallax-section.inline-video { display: inherit; }

.inline-video:before { content: "\f04b"; font-family: "FontAwesome"; color: #ffffff; font-size: 35px; width: 55px; height: 60px; line-height: 60px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding-left: 5px; border: 2px solid rgba(255, 255, 255, .4); -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius: 50px; transition: all 0.3s ease; }

 .inline-video:hover::before {

 border-color: #33bfd0;

 padding: 3px 3px 3px 7px;

}

 .inline-video::after {

 content: attr(data-button);

 font-family: 'Lato';

 font-weight: 700;

 font-size: 12px;

 line-height: 22px;

 letter-spacing: 0.1em;

 text-transform: uppercase;

 color: #ffffff;

 position: absolute;

 top: 50%;

margin-top: 50px;

 left: 0;

 width: 100%;

 height: auto;

 text-align:center;

}

.inline-video .inline-iframe-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.inline-video .inline-iframe-container .close-inline-video { color: #ffffff; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border: 2px solid rgba(255, 255, 255, .4); -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius: 50px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.3s ease; }

.inline-video .inline-iframe-container .close-inline-video:hover { border-color: #33bfd0; }

.inline-video.active .inline-iframe-container:hover .close-inline-video { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.inline-video .inline-iframe-container .close-inline-video:before { content: "\f12a"; font-family: "Ionicons"; font-size: 15px; width: 40px; height: 40px; position: absolute; top: 0; left: 0; }

/* Counter */

.sr-counter { margin-top: 10px; }

div .sr-counter:first-child { margin-top: 0; }

.sr-counter .counter-value { font-family: 'Montserrat'; font-weight: 700; font-size: 26px; line-height: 36px; color: #1a1a1a; }

.text-light .sr-counter .counter-value { color: #ffffff; }

.sr-counter.counter-medium .counter-value { font-size: 36px; line-height: 38px; }

.sr-counter.counter-big .counter-value { font-size: 46px; line-height: 50px; }

.counter-value { opacity:0;  -webkit-transition: opacity .6s ease;

 -o-transition: oopacity .6s ease;

 transition: opacity .6s ease;

}

.counter-value.animated { opacity:1; }

.counter-value .main { display: none; }

.counter-value .digit { position:relative; overflow:hidden; display: inline-block; vertical-align: middle; }

.counter-value .digit > .digit-value { visibility:hidden; display: inline-block; vertical-align: middle; }

.counter-value .digit .counter-animator { position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden; }

.counter-value .digit .counter-animator ul { list-style:none; margin:0; padding:0; position:relative; transition: all 3s ease; }

.counter-value .digit .counter-animator ul li { margin-top:0; }

.sr-counter + h1, .sr-counter + h2, .sr-counter + h3, .sr-counter + h4, .sr-counter + h5, .sr-counter + h6 { margin-top: 10px; }

/*	Tabs

------------------------------------------------*/

.tabs { margin-top: 40px; }

div .tabs:first-child { margin-top: 0px; }

.tabs ul.tab-nav { padding: 0; margin: 0; list-style: none; position: relative; text-align: center; }

.tabs ul.tab-nav li { display: inline-block; margin: 0 10px; position: relative; }

.tabs ul.tab-nav li:after { content: ""; width: calc(100% + 2px); height: 2px; background: #000000; position: absolute; bottom: 10px; left: -1px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; }

.text-light .tabs ul.tab-nav li:after { background: #ffffff; }

.tabs ul.tab-nav li.active:after { opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; bottom: 0px; }

.text-light .tabs ul.tab-nav li.active:after { opacity: 0.2; filter: alpha(opacity=2); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=2)"; }

.tabs ul.tab-nav li a { display: block; margin-bottom: 10px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.tabs ul.tab-nav li.active a, .tabs ul.tab-nav li a:hover { color: #1a1a1a; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.tabs .tab-container { margin-top: 40px; width: 100%; }

.tabs .tab-container .tab-content { float: left; display: none; width: 100%; }

.tabs .tab-container .active { display: block; }

/* Button Tabs & Vertical */

.tabs-button ul.tab-nav li, .vertical-tabs ul.tab-nav li { margin: 0 -4px 0 0; border-left: 1px solid #e0e0e0; }

.tabs-button ul.tab-nav li:first-child, .vertical-tabs ul.tab-nav li:first-child { border: none; }

.tabs-button ul.tab-nav li:after, .vertical-tabs ul.tab-nav li:after { display: none; }

.tabs-button ul.tab-nav li a, .vertical-tabs ul.tab-nav li a { background: #f5f6f7; margin: 0; padding: 15px 40px; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: #9c9c9c; }

 .tabs-button ul.tab-nav li:not(.active) a:hover, .vertical-tabs ul.tab-nav li:not(.active) a:hover {

 color: #1a1a1a;

}

.tabs-button ul.tab-nav li.active a, .vertical-tabs ul.tab-nav li.active a { color: #ffffff; background: #33bfd0; }

.tabs-button ul.tab-nav li.active, .tabs-button ul.tab-nav li.active + li, .vertical-tabs ul.tab-nav li.active, .vertical-tabs ul.tab-nav li.active + li { border-color: #f5f6f7; }

.vertical-tabs { overflow: hidden; }

.vertical-tabs ul.tab-nav { float: left; width: 300px; }

.vertical-tabs .tab-container { float: right; margin: 0; width: calc(100% - 340px); }

.vertical-tabs ul.tab-nav li { margin: 0; display: block; border-left: none; border-top: 1px solid #e0e0e0; }

.vertical-tabs ul.tab-nav li a { display: block; }

/*	Toggle

------------------------------------------------*/

.toggle-item { margin-top: 20px; }

div .toggle-item:first-child { margin: 0; }

.toggle-title { position:relative; padding-left: 20px; cursor: pointer; }

.toggle-title:hover .toggle-name { color:#33bfd0; }

.toggle-title:after { content: "\f218"; font-family: "Ionicons"; font-size: 12px; line-height: 20px; color: #1a1a1a; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; text-align: left; }

.toggle-title.toggle-active:after { content: "\f209"; }

.toggle-title:before { content: ""; width: calc(100% + 2px); height: 2px; background: #000000; position: absolute; bottom: 5px; left: -1px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; }

.text-light .toggle-title:before { background: #ffffff; }

.toggle-title.toggle-active:before { opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; bottom: -5px; }

 .text-light .toggle-title.toggle-active:before:after {

 opacity: 0.2;

filter: alpha(opacity=2);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=2)";

}

.toggle-inner { margin-top: 20px; padding-bottom: 20px; display: none; }

/*	Skills

------------------------------------------------*/	

.progress-bar-item { margin-top: 20px; }

div .progress-bar-item:first-child { margin-top: 0px; }

.progress-bar-item .progress-name { margin-bottom: 4px; display: block; }

.progress-bar-item .progress-bar { height: 2px; width: 100%; position: relative; background: rgba(0, 0, 0, .15); }

.progress-bar-item.big-bar .progress-bar { height: 10px; border-radius: 2px; }

.text-light .progress-bar-item .progress-bar { background: rgba(255, 255, 255, .2); }

.progress-bar-item .progress-bar .progress-active { background: #1a1a1a; height: 100%; width: 0; position: relative; }

.progress-bar-item.big-bar .progress-bar .progress-active { border-radius: 2px; }

.text-light .progress-bar-item .progress-bar .progress-active { background: #ffffff; }

.progress-bar-item .tooltip { position: absolute; width: 24px; height: 7px; line-height: 10px; line-height: 5px; padding: 8px 0 6px 0; font-size: 12px; text-align: center; color: #1a1a1a; font-weight: 400; top: -25px; right: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.text-light .tooltip { color: #ffffff; }

/*	Testimonials

------------------------------------------------*/	

.testimonial { text-align: center; z-index: 1; }

.testimonial-image { width: 80px; height: 80px; border-radius: 60px; overflow: hidden; display: inline-block; }

.testimonial-content { margin-top: 20px; }

.testimonial-content blockquote { font-size: 16px; line-height: 26px; color: #696969; margin: 0; padding: 30px 20px 0 20px; }

.text-light .testimonial-content blockquote { color: #c9c9c9; }

.testimonial-content blockquote:before { font-size: 14px; line-height: 20px; width: 20px; height: 20px; top: 0px; margin-left: -10px; border: none; color: #1a1a1a; }

.text-light .testimonial-content blockquote:before { color: #ffffff; }

.testimonial-content .testimonial-name { opacity: 0.99;				/* HACK FOR IMAGE BG OPTION */ margin-top: 20px; }

.testimonial-content .testimonial-meta { margin-top: 0px; }

/* image bg */

.testimonial-image-bg { position: relative; }

.testimonial-image-bg:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }

.testimonial-image-bg {

*display: inline-block; height: 1%; }

.testimonial-image-bg .testimonial-image { border-radius: 0px; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: 0; }

.testimonial-image-bg .testimonial-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.testimonial-image-bg .testimonial-content { margin-top: 0px; text-align: left; width: 50%; float: right; }

.testimonial-image-bg .testimonial-content blockquote { text-align: left; padding: 10px 0; font-size: 18px; line-height: 28px; }

.testimonial-image-bg .testimonial-content blockquote:before { left: -10px; top: -5px; margin-left: 0px; opacity: 0.2; font-size: 40px; line-height: 40px; }

/*	Pricing Tables

------------------------------------------------*/

.pricing-table { text-align: center; }

.accent-pricing .pricing-table { margin-top: 30px; }

.accent-pricing .pricing-table.accent-table, .text-light .accent-pricing .pricing-table.accent-table { border: 2px solid #33bfd0; margin-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.bordered-sticky .pricing-table.accent-table + .pricing-table { border-left: none; }

.pricing-table.accent-table .pricing-title { padding: 15px 0; }

.pricing-table .pricing-price { margin-top: 20px; padding: 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }

.text-light .pricing-table .pricing-price { border-color: #3d3d3d; }

.pricing-table .pricing-price .price-unit { font-family: 'Montserrat'; font-size: 34px; line-height: 44px; font-weight: 400; color: #1a1a1a; display: block; }

.text-light .pricing-table .pricing-price .price-unit { color: #ffffff; }

.pricing-table.accent-table .pricing-price .price-unit { color: #33bfd0; }

.pricing-table .pricing-price .price-period { font-size: 14px; }

.pricing-table .pricing-list { margin: 20px 0 0 0; list-style: none; padding: 0; }

.pricing-table .pricing-action { margin-top: 20px; }

.pricing-table.accent-table .pricing-action { padding: 15px 0; }

/*	Team members

------------------------------------------------*/

.team-content { margin-top: 20px; }

	

	

/*	Alerts

------------------------------------------------*/	

div[class*='alert-'] {

 padding-left: 70px;

 position: relative;

 min-height: 50px;

}

 div[class*='alert-']:before {

 content:"\f00d";

 font: normal normal normal 12px/1 FontAwesome;

 font-size: 18px;

 text-rendering: auto;

 -webkit-font-smoothing: antialiased;

 -moz-osx-font-smoothing: grayscale;

 text-align: center;

 line-height: 50px;

 width: 50px;

 height: 50px;

 position: absolute;

 top: -2px;

 left: 0;

 border: 2px solid rgba(0, 0, 0, .2);

 border-radius: 60px;

 color: #ff4b14;

}

 div[class*='alert-'] h1, div[class*='alert-'] h2, div[class*='alert-'] h3, div[class*='alert-'] h4, div[class*='alert-'] h5, div[class*='alert-'] h6 {

color:#ff4b14;

}

div.alert-confirm:before { content:"\f00c"; color: #26c872; }

div.alert-confirm h1, div.alert-confirm h2, div.alert-confirm h3, div.alert-confirm h4, div.alert-confirm h5, div.alert-confirm h6 { color:#26c872; }

/*---------------------------------------------- 



22. WIDGETS



------------------------------------------------*/	

.widget { margin-top: 60px; }

footer .widget { margin-top: 40px; }

footer .one-full .widget { margin-top: 30px; }

div .widget:first-child { margin-top: 0px; }

.widget .widget-title { position: relative; padding-bottom: 20px; }

.widget .widget-title:after { content: ""; width: 36px; height: 2px; background: #000000; position: absolute; bottom: 0px; left: 0px; opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; }

.text-light .widget .widget-title:after { background: #ffffff; opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.align-center .widget .widget-title:after, .widget.align-center .widget-title:after { left: 50%; margin-left: -18px; }

.align-right .widget .widget-title:after, .widget.align-right .widget-title:after { left: inherit; right: 0px; }

/* Text Widget

-------------------------------- */

.widget_text p { font-size: 14px; line-height: 22px; }





/* Menu Widget

-------------------------------- */

.widget ul:not(.socialmedia-widget) {

 list-style: none;

 padding: 0;

 margin-left: 0;

}

 .widget ul:not(.socialmedia-widget):not(.product-list) li a {

 color: #696969;

 font-family:'Montserrat';

 font-weight: 400;

 font-size: 12px;

 line-height: 20px;

 display: block;

 letter-spacing: 0.04em;

 transition: color 0.2s ease;

}

 .text-light .widget ul:not(.socialmedia-widget):not(.product-list) li a {

color: #c9c9c9;

}

 .widget ul:not(.socialmedia-widget):not(.product-list) li a:hover {

 color: #33bfd0;

}

.one-full .widget_menu ul li { display: inline-block; margin: 0 20px 0 0; }

.align-center .one-full .widget_menu ul li, .one-full.align-center .widget_menu ul li { margin: 0 10px; }

.align-right .one-full .widget_menu ul li, .one-full.align-right .widget_menu ul li { margin: 0 0 0 20px; }

/*	Social Widget



------------------------------------------------*/	

.socialmedia-widget { margin: 20px 0 0 0; padding: 0; list-style: none; }

.socialmedia-widget.align-center, .align-center .socialmedia-widget { text-align: center; }

div .socialmedia-widget:first-child { margin: 0; }

.socialmedia-widget li { display: inline-block;  *display: inline; *zoom: 1; margin:18px 12px; position: relative; line-height: normal; }

.align-center .socialmedia-widget li { margin-right: -5px; padding: 0 10px; }

 .align-center .socialmedia-widget[class*='style-'] li {

margin-right: -5px;

padding: 0 0px;

}

.align-right .socialmedia-widget li { margin-left: 14px; margin-right: 0px; }

.socialmedia-widget li a { font: normal normal normal 12px/1 FontAwesome; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 20px; color: #1a1a1a; /*transition: all 0.2s ease;*/

	display: inline-block; text-align: center; }

.text-light .socialmedia-widget li a { color: #ffffff; }

.socialmedia-widget li.facebook a:before, .socialmedia-widget li.facebook a:after { content:"\f09a"; }

.socialmedia-widget li.twitter a:before, .socialmedia-widget li.twitter a:after { content:"\f099" }

.socialmedia-widget li.tumblr a:before, .socialmedia-widget li.tumblr a:after { content: "\f173"; }

.socialmedia-widget li.vimeo a:before, .socialmedia-widget li.vimeo a:after { content: "\f194"; }

.socialmedia-widget li.dribbble a:before, .socialmedia-widget li.dribbble a:after { content: "\f17d"; }

.socialmedia-widget li.deviantart a:before, .socialmedia-widget li.deviantart a:after { content: "\f1bd"; }

.socialmedia-widget li.behance a:before, .socialmedia-widget li.behance a:after { content: "\f1b4"; }

.socialmedia-widget li.flickr a:before, .socialmedia-widget li.flickr a:after { content: "\f16e"; }

.socialmedia-widget li.linkedin a:before, .socialmedia-widget li.linkedin a:after { content: "\f0e1"; }

.socialmedia-widget li.rss a:before, .socialmedia-widget li.rss a:after { content: "\f09e"; }

.socialmedia-widget li.googleplus a:before, .socialmedia-widget li.googleplus a:after { content: "\f0d5"; }

.socialmedia-widget li.pinterest a:before, .socialmedia-widget li.pinterest a:after { content: "\f0d2"; }

.socialmedia-widget li.youtube a:before, .socialmedia-widget li.youtube a:after { content: "\f167"; }

.socialmedia-widget li.mail a:before, .socialmedia-widget li.mail a:after { content: "\f0e0"; }

.socialmedia-widget li.instagram a:before, .socialmedia-widget li.instagram a:after { content: "\f16d"; }

.socialmedia-widget li.xing a:before, .socialmedia-widget li.xing a:after { content: "\f168"; }

.socialmedia-widget li.dropbox a:before, .socialmedia-widget li.dropbox a:after { content: "\f16b"; }

.socialmedia-widget li.stumbleupon a:before, .socialmedia-widget li.stumbleupon a:after { content: "\f1a4"; }

.socialmedia-widget li.delicious a:before, .socialmedia-widget li.delicious a:after { content: "\f1a5"; }

.socialmedia-widget li.wordpress a:before, .socialmedia-widget li.wordpress a:after { content: "\f19a"; }

.socialmedia-widget li.vk a:before, .socialmedia-widget li.vk a:after { content: "\f189"; }

.socialmedia-widget li.soundcloud a:before, .socialmedia-widget li.soundcloud a:after { content: "\f1be"; }

.socialmedia-widget li.spotify a:before, .socialmedia-widget li.spotify a:after { content: "\f1bc"; }

.socialmedia-widget li.codepen a:before, .socialmedia-widget li.codepen a:after { content: "\f1cb"; }

.socialmedia-widget li.github a:before, .socialmedia-widget li.github a:after { content: "\f09b"; }

.socialmedia-widget li.lastfm a:before, .socialmedia-widget li.lastfm a:after { content: "\f202"; }

.socialmedia-widget li.jsfiddle a:before, .socialmedia-widget li.jsfiddle a:after { content: "\f1cc"; }

.socialmedia-widget li.mixcloud a:before, .socialmedia-widget li.mixcloud a:after { content: "\f289"; }

.socialmedia-widget li.skype a:before, .socialmedia-widget li.skype a:after { content: "\f17e"; }

.socialmedia-widget li a:after { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

/* sizes */	

.socialmedia-widget.size-medium li a { font-size: 22px; line-height: 26px; }

.socialmedia-widget.size-big li a { font-size: 28px; line-height: 32px; }

.socialmedia-widget.size-huge li a { font-size: 40px; line-height: 44px; }

.socialmedia-widget.size-medium li { margin-right: 20px; }

.align-center .socialmedia-widget.size-medium li { margin-right: -5px; padding: 0 15px; }

.align-right .socialmedia-widget.size-medium li { margin-left: 20px; margin-right: 0px; }

.socialmedia-widget.size-big li { margin-right: 25px; }

.align-center .socialmedia-widget.size-big li { margin-right: -5px; padding: 0 20px; }

.align-right .socialmedia-widget.size-big li { margin-left: 25px; margin-right: 0px; }

.socialmedia-widget.size-huge li { margin-right: 30px; }

.align-center .socialmedia-widget.size-huge li { margin-right: -5px; padding: 0 25px; }

.align-right .socialmedia-widget.size-huge li { margin-left: 30px; margin-right: 0px; }





/* styles */

.socialmedia-widget[class*='style-'] li a:before, .socialmedia-widget[class*='style-'] li a:after {

width: 40px;

line-height: 40px;

}

.socialmedia-widget.size-medium[class*='style-'] li a:before, .socialmedia-widget.size-medium[class*='style-'] li a:after {

width: 60px;

line-height: 60px;

}

.socialmedia-widget.size-big[class*='style-'] li a:before, .socialmedia-widget.size-big[class*='style-'] li a:after {

width: 80px;

line-height: 80px;

}

.socialmedia-widget.size-huge[class*='style-'] li a:before, .socialmedia-widget.size-huge[class*='style-'] li a:after {

width: 100px;

line-height: 100px;

}

.socialmedia-widget[class*='style-'] li {

margin: 0 5px 0 0;

}

.align-center .socialmedia-widget[class*='style-'] li {

margin: 0 3px;

}

.align-right .socialmedia-widget[class*='style-'] li {

margin: 0 0 0 5px;

}

.socialmedia-widget li a { position: relative; overflow: hidden; }

.socialmedia-widget[class*='style-'] li a:after, .socialmedia-widget[class*='style-'] li a:before {

border: 1px solid rgba(0, 0, 0, .12);

}

.text-light .socialmedia-widget[class*='style-'] li a:after, .text-light .socialmedia-widget[class*='style-'] li a:before {

border: 1px solid rgba(255, 255, 255, .18);

}

.socialmedia-widget li a:after { position: absolute; top: 0; left: 0; }

.socialmedia-widget li a:before, .socialmedia-widget li a:after { display: block; }

.socialmedia-widget[class*='style-rounded'] li a:after, .socialmedia-widget[class*='style-rounded'] li a:before {

border-radius: 3px;

}

.socialmedia-widget[class*='style-circled'] li a:after, .socialmedia-widget[class*='style-circled'] li a:before {

border-radius: 100px;

}

.socialmedia-widget.hover-slide-1[class*='style-rounded'] li a {

border-radius: 3px;

}

.socialmedia-widget.hover-slide-1[class*='style-circled'] li a {

border-radius: 100px;

}

/* hover general */

.socialmedia-widget li a, .socialmedia-widget li a:before, .socialmedia-widget li a:after { transition: all 0.25s ease; }

.socialmedia-widget[class*='hover-slide'] li a:hover:before {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 -o-transform: translateY(-100%);

 transform: translateY(-100%);

}

.socialmedia-widget[class*='hover-slide'] li a:after {

 visibility: visible;

 top: 100%;

 opacity: 1;

filter: alpha(opacity=100);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.socialmedia-widget[class*='hover-slide'] li a:hover:after {

 top: 0px;

}



/* hover 1 */

.socialmedia-widget.hover-slide-1[class*='style-'] li a {

border: 1px solid #e0e0e0;

}

text-light .socialmedia-widget.hover-slide-1[class*='style-'] li a {

border: 1px solid #3d3d3d;

}

.socialmedia-widget.hover-slide-1[class*='style-'] li a:after, .socialmedia-widget.hover-slide-1[class*='style-'] li a:before {

border: none;

}

.socialmedia-widget.hover-fade-1 li.facebook a:hover, .socialmedia-widget.hover-slide-1 li.facebook a:after { color: #446ebf; }

.socialmedia-widget.hover-fade-1 li.twitter a:hover, .socialmedia-widget.hover-slide-1 li.twitter a:after { color: #39aadc; }

.socialmedia-widget.hover-fade-1 li.tumblr a:hover, .socialmedia-widget.hover-slide-1 li.tumblr a:after { color: #4c6781; }

.socialmedia-widget.hover-fade-1 li.vimeo a:hover, .socialmedia-widget.hover-slide-1 li.vimeo a:after { color: #15c9f5; }

.socialmedia-widget.hover-fade-1 li.dribbble a:hover, .socialmedia-widget.hover-slide-1 li.dribbble a:after { color: #f14980; }

.socialmedia-widget.hover-fade-1 li.deviantart a:hover, .socialmedia-widget.hover-slide-1 li.deviantart a:after { color: #2ea06f; }

.socialmedia-widget.hover-fade-1 li.behance a:hover, .socialmedia-widget.hover-slide-1 li.behance a:after { color: #00b0f0; }

.socialmedia-widget.hover-fade-1 li.flickr a:hover, .socialmedia-widget.hover-slide-1 li.flickr a:after { color: #f04783; }

.socialmedia-widget.hover-fade-1 li.linkedin a:hover, .socialmedia-widget.hover-slide-1 li.linkedin a:after { color: #81d3fd; }

.socialmedia-widget.hover-fade-1 li.rss a:hover, .socialmedia-widget.hover-slide-1 li.rss a:after { color: #ff8322; }

.socialmedia-widget.hover-fade-1 li.googleplus a:hover, .socialmedia-widget.hover-slide-1 li.googleplus a:after { color: #d63d1e; }

.socialmedia-widget.hover-fade-1 li.pinterest a:hover, .socialmedia-widget.hover-slide-1 li.pinterest a:after { color: #c81e1e; }

.socialmedia-widget.hover-fade-1 li.youtube a:hover, .socialmedia-widget.hover-slide-1 li.youtube a:after { color: #ee423d; }

.socialmedia-widget.hover-fade-1 li.mail a:hover, .socialmedia-widget.hover-slide-1 li.mail a:after { color: #74624d; }

.socialmedia-widget.hover-fade-1 li.instagram a:hover, .socialmedia-widget.hover-slide-1 li.instagram a:after { color: #95604b; }

.socialmedia-widget.hover-fade-1 li.xing a:hover, .socialmedia-widget.hover-slide-1 li.xing a:after { color: #036567; }

.socialmedia-widget.hover-fade-1 li.dropbox a:hover, .socialmedia-widget.hover-slide-1 li.dropbox a:after { color: #008cd2; }

.socialmedia-widget.hover-fade-1 li.stumbleupon a:hover, .socialmedia-widget.hover-slide-1 li.stumbleupon a:after { color: #f94213; }

.socialmedia-widget.hover-fade-1 li.delicious a:hover, .socialmedia-widget.hover-slide-1 li.delicious a:after { color: #1b59c3; }

.socialmedia-widget.hover-fade-1 li.wordpress a:hover, .socialmedia-widget.hover-slide-1 li.wordpress a:after { color: #118bc0; }

.socialmedia-widget.hover-fade-1 li.vk a:hover, .socialmedia-widget.hover-slide-1 li.vk a:after { color: #29577b; }

.socialmedia-widget.hover-fade-1 li.soundcloud a:hover, .socialmedia-widget.hover-slide-1 li.soundcloud a:after { color: #ff7700; }

.socialmedia-widget.hover-fade-1 li.spotify a:hover, .socialmedia-widget.hover-slide-1 li.spotify a:after { color: #80b900; }

.socialmedia-widget.hover-fade-1 li.codepen a:hover, .socialmedia-widget.hover-slide-1 li.codepen a:after { color: #171515; }

.socialmedia-widget.hover-fade-1 li.github a:hover, .socialmedia-widget.hover-slide-1 li.github a:after { color: #171515; }

.socialmedia-widget.hover-fade-1 li.lastfm a:hover, .socialmedia-widget.hover-slide-1 li.lastfm a:after { color: #f94f14; }

.socialmedia-widget.hover-fade-1 li.jsfiddle a:hover, .socialmedia-widget.hover-slide-1 li.jsfiddle a:after { color: #0c9de8; }

.socialmedia-widget.hover-fade-1 li.mixcloud a:hover, .socialmedia-widget.hover-slide-1 li.mixcloud a:after { color: #29587c; }

.socialmedia-widget.hover-fade-1 li.skype a:hover, .socialmedia-widget.hover-slide-1 li.skype a:after { color: #00aef3; }

/* hover 2 */

.socialmedia-widget.hover-fade-2 li a:hover:before, .socialmedia-widget.hover-slide-2 li a:after { background: #1a1a1a; border-color: #1a1a1a; color: #ffffff; }

.text-light .socialmedia-widget.hover-fade-2 li a:hover:before, .text-light .socialmedia-widget.hover-slide-2 li a:after { background: #ffffff; border-color: #ffffff; color: #1a1a1a; }

/* hover 3 */

.socialmedia-widget.hover-fade-3 li.facebook a:hover:before { background: #446ebf; border-color: #446ebf; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.twitter a:hover:before { background: #39aadc; border-color: #39aadc; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.tumblr a:hover:before { background: #4c6781; border-color: #4c6781; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.vimeo a:hover:before { background: #15c9f5; border-color: #15c9f5; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.dribbble a:hover:before { background: #f14980; border-color: #f14980; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.deviantart a:hover:before { background: #2ea06f; border-color: #2ea06f; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.behance a:hover:before { background: #00b0f0; border-color: #00b0f0; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.flickr a:hover:before { background: #f04783; border-color: #f04783; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.linkedin a:hover:before { background: #81d3fd; border-color: #81d3fd; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.rss a:hover:before { background: #ff8322; border-color: #ff8322; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.googleplus a:hover:before { background: #d63d1e; border-color: #d63d1e; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.pinterest a:hover:before { background: #c81e1e; border-color: #c81e1e; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.youtube a:hover:before { background: #ee423d; border-color: #ee423d; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.mail a:hover:before { background: #74624d; border-color: #74624d; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.instagram a:hover:before { background: #95604b; border-color: #95604b; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.xing a:hover:before { background: #036567; border-color: #036567; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.dropbox a:hover:before { background: #008cd2; border-color: #008cd2; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.stumbleupon a:hover:before { background: #f94213; border-color: #f94213; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.delicious a:hover:before { background: #1b59c3; border-color: #1b59c3; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.wordpress a:hover:before { background: #118bc0; border-color: #118bc0; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.vk a:hover:before { background: #29577b; border-color: #29577b; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.soundcloud a:hover:before { background: #ff7700; border-color: #ff7700; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.spotify a:hover:before { background: #80b900; border-color: #80b900; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.codepen a:hover:before { background: #171515; border-color: #171515; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.github a:hover:before { background: #171515; border-color: #171515; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.lastfm a:hover:before { background: #f94f14; border-color: #f94f14; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.jsfiddle a:hover:before { background: #0c9de8; border-color: #0c9de8; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.mixcloud a:hover:before { background: #29587c; border-color: #29587c; color: #ffffff; }

.socialmedia-widget.hover-fade-3 li.skype a:hover:before { background: #00aef3; border-color: #00aef3; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.facebook a:after { background: #446ebf; border-color: #446ebf; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.twitter a:after { background: #39aadc; border-color: #39aadc; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.tumblr a:after { background: #4c6781; border-color: #4c6781; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.vimeo a:after { background: #15c9f5; border-color: #15c9f5; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.dribbble a:after { background: #f14980; border-color: #f14980; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.deviantart a:after { background: #2ea06f; border-color: #2ea06f; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.behance a:after { background: #00b0f0; border-color: #00b0f0; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.flickr a:after { background: #f04783; border-color: #f04783; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.linkedin a:after { background: #81d3fd; border-color: #81d3fd; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.rss a:after { background: #ff8322; border-color: #ff8322; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.googleplus a:after { background: #d63d1e; border-color: #d63d1e; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.pinterest a:after { background: #c81e1e; border-color: #c81e1e; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.youtube a:after { background: #ee423d; border-color: #ee423d; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.mail a:after { background: #74624d; border-color: #74624d; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.instagram a:after { background: #95604b; border-color: #95604b; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.xing a:after { background: #036567; border-color: #036567; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.dropbox a:after { background: #008cd2; border-color: #008cd2; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.stumbleupon a:after { background: #f94213; border-color: #f94213; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.delicious a:after { background: #1b59c3; border-color: #1b59c3; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.wordpress a:after { background: #118bc0; border-color: #118bc0; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.vk a:after { background: #29577b; border-color: #29577b; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.soundcloud a:after { background: #ff7700; border-color: #ff7700; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.spotify a:after { background: #80b900; border-color: #80b900; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.codepen a:after { background: #171515; border-color: #171515; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.github a:after { background: #171515; border-color: #171515; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.lastfm a:after { background: #f94f14; border-color: #f94f14; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.jsfiddle a:after { background: #0c9de8; border-color: #0c9de8; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.mixcloud a:after { background: #29587c; border-color: #29587c; color: #ffffff; }

.socialmedia-widget.hover-slide-3 li.skype a:after { background: #00aef3; border-color: #00aef3; color: #ffffff; }

/*	Recent Posts

------------------------------------------------*/		

.widget_recent_entries li { margin-top: 15px; }

.widget_recent_entries span { font-size: 11px; line-height: 15px; display: block; font-family: 'Open Sans'; font-weight: 300; color: #9c9c9c; }

.text-light .widget_recent_entries span { color: #8c8c8c; }

/*	Newsletter

------------------------------------------------*/

#newsletter-email { width: 280px; max-width: calc(100% - 100px); }

#newsletter-submit { position: relative; left: -6px; padding-left: 0; padding-right: 0; width: 70px; margin: 0; }

/*	Search Widget

------------------------------------------------*/

#searchform { margin-top: 20px; }

div #searchform:first-child { margin: 0; }

#searchform > div { display: inline-block; position:relative; width: 100%; max-width: 400px; margin: 0; }

#searchform label { display: none; }

#searchform input[type="submit"] { display: none; }

#searchform input[type="text"] { max-width: calc(100% - 47px); padding: 10px 35px 10px 10px; }

#searchform > div:before { text-align: center; content: "\f2f5"; font-family: "Ionicons"; font-size: 16px; line-height: 20px; height: 20px; width: 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; color: #1a1a1a; }

/*	Tag Cloud Widget

------------------------------------------------*/

.tagcloud { margin-top: 20px; }

div .tagcloud:first-child { margin-top: 0; }

.tagcloud > a { display: inline-block; border: 1px solid #e0e0e0; padding: 4px 6px; border-radius: 2px; margin: 0 1px 3px 0; font-weight: 400; font-size: 10px; line-height: 15px; text-transform: uppercase; color: #1a1a1a; }

.text-light .tagcloud > a { border-color: #3d3d3d; color: #ffffff; }

.tagcloud > a:hover { border-color: #33bfd0; }

/*	Product List Widget

------------------------------------------------*/	

.product-list li { overflow: hidden; margin: 0 0 10px 0; padding:  0 0 10px 0; }

.product-list li .product-item-image { width: 50px; height: auto; float: left; }

.product-list li .product-item-desc { width: calc(100% - 65px); position: relative; float: right; }

.product-list li .product-name { font-size: 12px; line-height: 17px; }

.product-list li .product-item-price, .product-list li .product-item-quantity { font-size: 11px; line-height: 17px; font-weight: 700; color: #9c9c9c; }

.product-list li .star-rating { font-size: 12px; line-height: 16px; }

/*	Instagram/Flickr/Dribbble Widget

------------------------------------------------*/

.instagram-widget > div, .flickr-widget > div, .dribbble-widget > div { width: 12.5%; display: inline-block; }

.instagram-widget.instagram-spaced > div, .flickr-widget.flickr-spaced > div, .dribbble-widget.dribbble-spaced > div { width: calc(12.5% - 20px); margin: 10px; }

.instagram-widget > div img, .flickr-widget > div img, .dribbble-widget > div img { width: 100%; }

.column .instagram-widget > div, aside .instagram-widget > div, .column .flickr-widget > div, aside .flickr-widget > div { width: 25%; }

.column .instagram-widget.instagram-spaced > div, aside .instagram-widget.instagram-spaced > div, .column .flickr-widget.flickr-spaced > div, aside .flickr-widget.flickr-spaced > div { width: calc(25% - 20px); }

.dribbble-widget > div { width: 16.6%; }

.dribbble-widget.dribbble-spaced > div { width: calc(16.6% - 20px); }

.column .dribbble-widget > div, aside .dribbble-widget > div { width: 33.3%; }

.column .dribbble-widget.dribbble-spaced > div, aside .dribbble-widget.dribbble-spaced > div { width: calc(33.3% - 20px); }

/*---------------------------------------------- 



23. REVOLUTION SLIDER (DNP navigation + DNP layers)



------------------------------------------------*/

.tparrows.dnp-nav { background: #1a1a1a; width: 40px; height: 40px; transition: width 0.3s ease, margin 0.3s ease; }

.tparrows.dnp-nav:hover { width: 50px; background: #1a1a1a; }

.tp-rightarrow.tparrows.dnp-nav:hover { margin-left: -10px; }

.tparrows.dnp-nav:before { text-align: center; content: "\f125"; font-family: "Ionicons"; font-size: 10px; line-height: 20px; height: 20px; width: 20px; color: #ffffff; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; }

.tp-rightarrow.tparrows.dnp-nav:before { content: "\f125"; margin-left: -8px; }

.tp-leftarrow.tparrows.dnp-nav:before { content: "\f124"; margin-left: -12px; }

.tp-bullets.dnp-bullets .tp-bullet { width: 13px; height: 13px; display: block; background: none; }

.tp-bullets.dnp-bullets .tp-bullet:before { content: ""; position: absolute; top: 3px; left: 3px; width: 7px; height: 7px; background: #ffffff; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; transition: opacity 0.2s ease, background 0.2s ease; }

.tp-bullets.dnp-bullets.dnp-dark .tp-bullet:before { background: #000000; }

.tp-bullets.dnp-bullets .tp-bullet:after { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #ffffff; border-radius: 30px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 0.2s ease; }

.tp-bullets.dnp-bullets.dnp-dark .tp-bullet:after { border-color: #000000; }

.tp-bullets.dnp-bullets .tp-bullet:hover:before { opacity: 0.85; filter: alpha(opacity=85); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }

.tp-bullets.dnp-bullets .tp-bullet.selected:before { background: transparent; }

.tp-bullets.dnp-bullets .tp-bullet.selected:after { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.tp-caption.dnp-caption { font-family: 'Montserrat'; font-weight: 400; letter-spacing: -0.02em; color: #1a1a1a; }

.tp-caption.dnp-caption strong { font-weight: 700; }

.text-light .tp-caption.dnp-caption { color: #ffffff; }

.tp-caption.dnp-caption.subtitle-1 { font-family: 'Open Sans'; font-weight: 300; letter-spacing: 0.03em; }

.tp-caption.dnp-caption.subtitle-1 strong { font-weight: 400; }

.tp-caption.dnp-caption.subtitle-2 { font-family: 'Lora'; font-weight: 400; font-style: italic; letter-spacing: 0.03em; }

.tp-caption.dnp-caption.subtitle-2 strong { font-weight: 700; }

/*---------------------------------------------- 



24. CUSTOM STYLE



------------------------------------------------*/



/* 	!!!!!!!!!!!!!!!!!!

	Depending on your logo height you want to use, please adapt the values below 

   	!!!!!!!!!!!!!!!!!! */



/* your logo height */

header #logo { height: 50px; }

nav#main-nav > ul > li > a { height: 30px; line-height: 30px; }

#header-search a#show-search, #header-cart a#show-cart, #header-language a#show-language { height: 30px; line-height: 30px; }

/* Height of the header on pageload - Logo height + padding of #logo a (30+2x30)*/

nav#main-nav .mega-menu-content:before { height: 90px; }

header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero {

margin-top: 90px;

}

header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero.hero-full {

min-height: calc(100vh - 90px);

}

header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #page-body {

margin-top: 90px;

}

header.header-transparent.header-bordered + #hero #page-title, header.header-style-floating + #hero #page-title { margin-top: 90px; }

#hero #page-title.title-adapt:not(.title-top):not(.title-bottom) {

top: 90px;

}

header.header-transparent + #page-body .fullwidth-section:first-child::before {

height: 90px;

}

header:not(.header-transparent) + #page-body .fullwidth-section.fullheight:first-child {

min-height: calc(100vh - 90px);

}





/* YOUR CUSTOM CSS */

.g-map html{ cursor:pointer !important;  pointer-events: none;}

.contact-col{text-align:left; width:64%; float:left;}

.contact-col .column{margin:0 37px 0 0px !important;}

.contact-col .column.no-margin{margin:0 !important;}

.contact-col .column.form-row{ position:static !important;}

.contact-col #contact-form input{background:rgba(0,0,0,0.2);}

.contact-col #contact-form textarea{background:rgba(0,0,0,0.2);}

.contact-col #contact-form input[type="submit"]{background: #fff none repeat scroll 0 0; color: #1a1a1a;}

.contact-pg .fullwidth-section {min-height:inherit !important; padding-bottom:150px;}

.contact-pg .fullwidth-content{padding-top:0 !important; transform:translateY(150px) !important;}

.mapscroll-wrap{ width:100%; }





.success {

    padding: 1em;

    margin-bottom: 0.75rem;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

    color: #468847;

    background-color: #dff0d8;

    border: 1px solid #d6e9c6;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}



.PrivacyPolicy{font-family:Arial !important; font-size:12px; line-height:normal !important; margin-bottom:10px; margin-top:20px;}

.PrivacyPolicy h1{font-family:Arial !important; font-size:16px; font-weight:bold;  line-height:normal !important;}



.cc-banner.cc-theme-edgeless .cc-message {

    margin-left: 1.4em !important;

    margin-top: 1.5em !important;

    margin-bottom: 1.5em !important;

    font-size: 14px !important;

}
.mapscroll-wrap {
    display: none !important;;
}