/*
Theme Name: Hency
Theme URI: http://html.flytemplates.com/hency/
Author: FlyTemplates
Author URI: http://flytemplates.com/
Description: Hency is a Creative Portfolio Theme
Version: 1.0.1
License: http://flytemplates.com/
License URI: http://flytemplates.com/
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
CSS STRUCTURE:
FONTS
- Google Fonts
- Font Icons
RESET
GENERAL
- General Styles
- Typography
- Helper Classes
LAYOUT
- General Layout
- Header
- Footer
- Full Page Navigation Footer
COMPONENTS
- Page Loader
- Page Title
- Page Title Before
- Ajax Button
- Logo
- Map
- ScrollBar Width Detection
BUTTONS
FORMS
- Form Fields
- CheckBoxes, Radios
- Search Form in Header
- Widget Search, Subscribe
- Widget Subscribe
- Widget Login
- Comment Form
- Contact Form
NAVIGATION
- Dropdown Menu
- Button for Dropdown Menu
- Navigation Bar
- Navigation Full Page
- Menu on Full Page
PAGINATION
- Pagination
- Pager
TABS
TOGGLES
SLIDERS
- Owl Slider Basics
- BS Slider Effects
- Main Image or Slider
- Post Slider
- Team Slider
- Photography Slider
SERVICES
PRICING
POST
- General Post Styles
- Masonry Posts
- Widget Posts
POST DETAILS
- BlockQuote
- Unordered List
- Ordered List
- Definition List
- HighLighted First Letter
- Blog Details
COMMENTS
PORTFOLIO
- Portfolio Item List
- Portfolio Filter
PORTFOLIO DETAILS
WIDGETS
- General Widget Styles
- Widget Categories
- Widget Tags
- Widget Calendar
- Widget Subscribe
- Widget Text
- Widget About The Author
- Widget Team
- Widget Skills
SECTIONS
SWIPEBOX
*/
/* Google Fonts */
/*-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display+SC:400);
@import url(https://fonts.googleapis.com/css?family=Raleway:400);
/* Font Icons */
/*-----------------------------------*/
@font-face {
font-family: 'flyIcons';
src: url('fonts/flyIcons/flyIcons.eot');
src: url('fonts/flyIcons/flyIcons.eot?#iefix') format('embedded-opentype'), url('fonts/flyIcons/flyIcons.ttf') format('truetype'), url('fonts/flyIcons/flyIcons.woff') format('woff'), url('fonts/flyIcons/flyIcons.svg#flyIcons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-monitor:before {
content: "\e601";
}
.icon-note:before {
content: "\e602";
}
.icon-brush:before {
content: "\e603";
}
.icon-bag:before {
content: "\e604";
}
.icon-cup:before {
content: "\e605";
}
.icon-mail:before {
content: "\e606";
}
.icon-heart:before {
content: "\e607";
}
.icon-wallet:before {
content: "\e612";
}
.icon-chart:before {
content: "\e613";
}
.icon-check:before {
content: "\e634";
}
.icon-arrow-down:before {
content: "\e900";
}
.icon-arrow-right:before {
content: "\e901";
}
.icon-arrow-up:before {
content: "\e902";
}
.icon-arrow-left:before {
content: "\e903";
}
.icon-arrow-right-2:before {
content: "\e904";
}
.icon-search:before {
content: "\e905";
}
.icon-search2:before {
content: "\e906";
}
.icon-close:before {
content: "\e907";
}
.icon-list:before {
content: "\e908";
}
.icon-eye:before {
content: "\e909";
}
.icon-arrow-left-2:before {
content: "\e90a";
}
.icon-arrow-down-2:before {
content: "\e90b";
}
.icon-arrow-up-2:before {
content: "\e90c";
}
.icon-info:before {
content: "\e90d";
}
/* Global Reset */
/*-----------------------------------*/
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased;
}
/* General Styles */
/*-----------------------------------*/
html.hidden {
display: block !important;
}
body {
font-family: 'acumin-pro', sans-serif;
font-size: 13px;
font-weight: 400;
color: #5f5f5f;
letter-spacing: 0;
background: #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
position: relative;
overflow-x: hidden;
}
@media only screen and (max-width: 1229px) {
body {
font-size: 12px;
}
}
@media only screen and (max-width: 991px) {
body {
font-size: 11px;
}
}
@media only screen and (max-width: 767px) {
body {
font-size: 10px;
}
}
.oldie body {
background: none;
filter: none;
font-size: 19px;
color: #353535;
text-align: center;
padding-top: 200px;
}
::-moz-selection {
background: #efdfc4;
color: #fff;
text-shadow: none;
}
::selection {
background: #efdfc4;
color: #fff;
text-shadow: none;
}
img {
display: block;
max-width: 100%;
height: auto;
}
img.inline {
display: inline-block;
}
.gm-style img {
display: inline-block;
max-width: none;
}
embed,
iframe {
max-width: 100%;
border: none;
}
.video-player {
width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'acumin-pro', sans-serif;
font-weight: 400;
line-height: 1;
color: #1a1a1a;
text-transform: uppercase;
letter-spacing: 0;
margin: 0 0 0.8em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
.h1 a:focus,
.h2 a:focus,
.h3 a:focus,
.h4 a:focus,
.h5 a:focus,
.h6 a:focus {
color: #1a1a1a;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active,
.h1 a:active,
.h2 a:active,
.h3 a:active,
.h4 a:active,
.h5 a:active,
.h6 a:active {
color: #efdfc4;
}
/* Typography */
/*-----------------------------------*/
h1,
.h1 {
font-size: 24px;
}
h2,
.h2 {
font-size: 21px;
}
h3,
.h3 {
font-size: 20px;
}
h4,
.h4 {
font-size: 16px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 13px;
}
@media only screen and (max-width: 991px) {
h1,
.h1 {
font-size: 24px;
}
h2,
.h2 {
font-size: 20px;
}
h3,
.h3 {
font-size: 18px;
}
h4,
.h4 {
font-size: 16px;
}
h5,
.h5 {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
h1,
.h1 {
font-size: 20px;
}
h2,
.h2 {
font-size: 18px;
}
h3,
.h3 {
font-size: 16px;
}
h4,
.h4 {
font-size: 14px;
}
h5,
.h5 {
font-size: 13px;
}
h6,
.h6 {
font-size: 12px;
}
}
@media only screen and (max-width: 479px) {
h1,
.h1 {
font-size: 16px;
}
h2,
.h2 {
font-size: 15px;
}
h3,
.h3 {
font-size: 14px;
}
h4,
.h4 {
font-size: 13px;
}
h5,
.h5 {
font-size: 12px;
}
h6,
.h6 {
font-size: 11px;
}
}
a {
color: #ff6000;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
a:focus {
outline: none;
text-decoration: none;
color: #ff6000;
}
a:hover,
a:active {
color: #efdfc4;
text-decoration: none;
outline: none;
}
a:active {
background-color: transparent;
}
a.link-underlined {
text-decoration: underline;
}
em {
font-style: italic;
}
strong {
font-weight: 700;
}
small {
font-size: 85%;
}
pre {
border-radius: 0;
}
i {
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
}
p {
line-height: 2.5;
word-wrap: break-word;
margin-bottom: 2em;
}
@media only screen and (max-width: 1229px) {
p {
line-height: 2;
}
}
code {
padding: 2px 4px;
font-size: 90%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/* Helper Classes */
/*-----------------------------------*/
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.notransform {
text-transform: none !important;
}
.italic {
font-style: italic !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.inline-block {
display: inline-block !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.font-thin {
font-weight: 100 !important;
}
.font-light {
font-weight: 300 !important;
}
.font-normal {
font-weight: 400 !important;
}
.font-medium {
font-weight: 500 !important;
}
.font-semi {
font-weight: 600 !important;
}
.font-bold {
font-weight: 700 !important;
}
.no-padding {
padding: 0 !important;
}
.no-padding-top {
padding-top: 0 !important;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.text-md {
font-size: 13px !important;
}
.text-sm {
font-size: 11px !important;
}
.text-xs {
font-size: 10px !important;
}
.color-yellow,
.link-yellow {
color: #efdfc4;
}
.color-orange,
.link-orange {
color: #ff6000;
}
.color-red,
.link-red {
color: #fe2231;
}
.color-purple,
.link-purple {
color: #9560f5;
}
.color-blue,
.link-blue {
color: #0072ff;
}
.color-green,
.link-green {
color: #3aaa35;
}
.color-brown,
.link-brown {
color: #7f5122;
}
.link-yellow:hover,
.link-orange:hover,
.link-red:hover,
.link-purple:hover,
.link-blue:hover,
.link-green:hover,
.link-brown:hover,
.link-yellow:active,
.link-orange:active,
.link-red:active,
.link-purple:active,
.link-blue:active,
.link-green:active,
.link-brown:active {
color: #efdfc4;
}
.padding-top-0 {
padding-top: 0px !important;
}
.padding-bottom-0 {
padding-bottom: 0px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-0 {
padding-top: 0px !important;
}
.padding-bottom-0 {
padding-bottom: 0px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-0 {
padding-top: 0px !important;
}
.padding-bottom-0 {
padding-bottom: 0px !important;
}
}
.padding-top-10 {
padding-top: 10px !important;
}
.padding-bottom-10 {
padding-bottom: 10px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-10 {
padding-top: 6px !important;
}
.padding-bottom-10 {
padding-bottom: 6px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-10 {
padding-top: 4px !important;
}
.padding-bottom-10 {
padding-bottom: 4px !important;
}
}
.padding-top-20 {
padding-top: 20px !important;
}
.padding-bottom-20 {
padding-bottom: 20px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-20 {
padding-top: 12px !important;
}
.padding-bottom-20 {
padding-bottom: 12px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-20 {
padding-top: 8px !important;
}
.padding-bottom-20 {
padding-bottom: 8px !important;
}
}
.padding-top-30 {
padding-top: 30px !important;
}
.padding-bottom-30 {
padding-bottom: 30px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-30 {
padding-top: 18px !important;
}
.padding-bottom-30 {
padding-bottom: 18px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-30 {
padding-top: 12px !important;
}
.padding-bottom-30 {
padding-bottom: 12px !important;
}
}
.padding-top-40 {
padding-top: 40px !important;
}
.padding-bottom-40 {
padding-bottom: 40px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-40 {
padding-top: 24px !important;
}
.padding-bottom-40 {
padding-bottom: 24px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-40 {
padding-top: 16px !important;
}
.padding-bottom-40 {
padding-bottom: 16px !important;
}
}
.padding-top-50 {
padding-top: 50px !important;
}
.padding-bottom-50 {
padding-bottom: 50px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-50 {
padding-top: 30px !important;
}
.padding-bottom-50 {
padding-bottom: 30px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-50 {
padding-top: 20px !important;
}
.padding-bottom-50 {
padding-bottom: 20px !important;
}
}
.padding-top-60 {
padding-top: 60px !important;
}
.padding-bottom-60 {
padding-bottom: 60px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-60 {
padding-top: 36px !important;
}
.padding-bottom-60 {
padding-bottom: 36px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-60 {
padding-top: 24px !important;
}
.padding-bottom-60 {
padding-bottom: 24px !important;
}
}
.padding-top-70 {
padding-top: 70px !important;
}
.padding-bottom-70 {
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-70 {
padding-top: 42px !important;
}
.padding-bottom-70 {
padding-bottom: 42px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-70 {
padding-top: 28px !important;
}
.padding-bottom-70 {
padding-bottom: 28px !important;
}
}
.padding-top-80 {
padding-top: 80px !important;
}
.padding-bottom-80 {
padding-bottom: 80px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-80 {
padding-top: 48px !important;
}
.padding-bottom-80 {
padding-bottom: 48px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-80 {
padding-top: 32px !important;
}
.padding-bottom-80 {
padding-bottom: 32px !important;
}
}
.padding-top-90 {
padding-top: 90px !important;
}
.padding-bottom-90 {
padding-bottom: 90px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-90 {
padding-top: 54px !important;
}
.padding-bottom-90 {
padding-bottom: 54px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-90 {
padding-top: 36px !important;
}
.padding-bottom-90 {
padding-bottom: 36px !important;
}
}
.padding-top-100 {
padding-top: 100px !important;
}
.padding-bottom-100 {
padding-bottom: 100px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-100 {
padding-top: 60px !important;
}
.padding-bottom-100 {
padding-bottom: 60px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-100 {
padding-top: 40px !important;
}
.padding-bottom-100 {
padding-bottom: 40px !important;
}
}
.padding-top-110 {
padding-top: 110px !important;
}
.padding-bottom-110 {
padding-bottom: 110px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-110 {
padding-top: 66px !important;
}
.padding-bottom-110 {
padding-bottom: 66px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-110 {
padding-top: 44px !important;
}
.padding-bottom-110 {
padding-bottom: 44px !important;
}
}
.padding-top-120 {
padding-top: 120px !important;
}
.padding-bottom-120 {
padding-bottom: 120px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-120 {
padding-top: 72px !important;
}
.padding-bottom-120 {
padding-bottom: 72px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-120 {
padding-top: 48px !important;
}
.padding-bottom-120 {
padding-bottom: 48px !important;
}
}
.padding-top-130 {
padding-top: 130px !important;
}
.padding-bottom-130 {
padding-bottom: 130px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-130 {
padding-top: 78px !important;
}
.padding-bottom-130 {
padding-bottom: 78px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-130 {
padding-top: 52px !important;
}
.padding-bottom-130 {
padding-bottom: 52px !important;
}
}
.padding-top-140 {
padding-top: 140px !important;
}
.padding-bottom-140 {
padding-bottom: 140px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-140 {
padding-top: 84px !important;
}
.padding-bottom-140 {
padding-bottom: 84px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-140 {
padding-top: 56px !important;
}
.padding-bottom-140 {
padding-bottom: 56px !important;
}
}
.padding-top-150 {
padding-top: 150px !important;
}
.padding-bottom-150 {
padding-bottom: 150px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-150 {
padding-top: 90px !important;
}
.padding-bottom-150 {
padding-bottom: 90px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-150 {
padding-top: 60px !important;
}
.padding-bottom-150 {
padding-bottom: 60px !important;
}
}
.padding-top-160 {
padding-top: 160px !important;
}
.padding-bottom-160 {
padding-bottom: 160px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-160 {
padding-top: 96px !important;
}
.padding-bottom-160 {
padding-bottom: 96px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-160 {
padding-top: 64px !important;
}
.padding-bottom-160 {
padding-bottom: 64px !important;
}
}
.padding-top-170 {
padding-top: 170px !important;
}
.padding-bottom-170 {
padding-bottom: 170px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-170 {
padding-top: 102px !important;
}
.padding-bottom-170 {
padding-bottom: 102px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-170 {
padding-top: 68px !important;
}
.padding-bottom-170 {
padding-bottom: 68px !important;
}
}
.padding-top-180 {
padding-top: 180px !important;
}
.padding-bottom-180 {
padding-bottom: 180px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-180 {
padding-top: 108px !important;
}
.padding-bottom-180 {
padding-bottom: 108px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-180 {
padding-top: 72px !important;
}
.padding-bottom-180 {
padding-bottom: 72px !important;
}
}
.padding-top-190 {
padding-top: 190px !important;
}
.padding-bottom-190 {
padding-bottom: 190px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-190 {
padding-top: 114px !important;
}
.padding-bottom-190 {
padding-bottom: 114px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-190 {
padding-top: 76px !important;
}
.padding-bottom-190 {
padding-bottom: 76px !important;
}
}
.padding-top-200 {
padding-top: 200px !important;
}
.padding-bottom-200 {
padding-bottom: 200px !important;
}
@media only screen and (max-width: 1229px) {
.padding-top-200 {
padding-top: 120px !important;
}
.padding-bottom-200 {
padding-bottom: 120px !important;
}
}
@media only screen and (max-width: 767px) {
.padding-top-200 {
padding-top: 80px !important;
}
.padding-bottom-200 {
padding-bottom: 80px !important;
}
}
.margin-top-0 {
margin-top: 0px !important;
}
.margin-bottom-0 {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-0 {
margin-top: 0px !important;
}
.margin-bottom-0 {
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-0 {
margin-top: 0px !important;
}
.margin-bottom-0 {
margin-bottom: 0px !important;
}
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-10 {
margin-top: 6px !important;
}
.margin-bottom-10 {
margin-bottom: 6px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-10 {
margin-top: 4px !important;
}
.margin-bottom-10 {
margin-bottom: 4px !important;
}
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-bottom-20 {
margin-bottom: 20px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-20 {
margin-top: 12px !important;
}
.margin-bottom-20 {
margin-bottom: 12px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-20 {
margin-top: 8px !important;
}
.margin-bottom-20 {
margin-bottom: 8px !important;
}
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-30 {
margin-top: 18px !important;
}
.margin-bottom-30 {
margin-bottom: 18px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-30 {
margin-top: 12px !important;
}
.margin-bottom-30 {
margin-bottom: 12px !important;
}
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-bottom-40 {
margin-bottom: 40px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-40 {
margin-top: 24px !important;
}
.margin-bottom-40 {
margin-bottom: 24px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-40 {
margin-top: 16px !important;
}
.margin-bottom-40 {
margin-bottom: 16px !important;
}
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-bottom-50 {
margin-bottom: 50px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-50 {
margin-top: 30px !important;
}
.margin-bottom-50 {
margin-bottom: 30px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-50 {
margin-top: 20px !important;
}
.margin-bottom-50 {
margin-bottom: 20px !important;
}
}
.margin-top-60 {
margin-top: 60px !important;
}
.margin-bottom-60 {
margin-bottom: 60px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-60 {
margin-top: 36px !important;
}
.margin-bottom-60 {
margin-bottom: 36px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-60 {
margin-top: 24px !important;
}
.margin-bottom-60 {
margin-bottom: 24px !important;
}
}
.margin-top-70 {
margin-top: 70px !important;
}
.margin-bottom-70 {
margin-bottom: 70px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-70 {
margin-top: 42px !important;
}
.margin-bottom-70 {
margin-bottom: 42px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-70 {
margin-top: 28px !important;
}
.margin-bottom-70 {
margin-bottom: 28px !important;
}
}
.margin-top-80 {
margin-top: 80px !important;
}
.margin-bottom-80 {
margin-bottom: 80px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-80 {
margin-top: 48px !important;
}
.margin-bottom-80 {
margin-bottom: 48px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-80 {
margin-top: 32px !important;
}
.margin-bottom-80 {
margin-bottom: 32px !important;
}
}
.margin-top-90 {
margin-top: 90px !important;
}
.margin-bottom-90 {
margin-bottom: 90px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-90 {
margin-top: 54px !important;
}
.margin-bottom-90 {
margin-bottom: 54px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-90 {
margin-top: 36px !important;
}
.margin-bottom-90 {
margin-bottom: 36px !important;
}
}
.margin-top-100 {
margin-top: 100px !important;
}
.margin-bottom-100 {
margin-bottom: 100px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-100 {
margin-top: 60px !important;
}
.margin-bottom-100 {
margin-bottom: 60px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-100 {
margin-top: 40px !important;
}
.margin-bottom-100 {
margin-bottom: 40px !important;
}
}
.margin-top-110 {
margin-top: 110px !important;
}
.margin-bottom-110 {
margin-bottom: 110px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-110 {
margin-top: 66px !important;
}
.margin-bottom-110 {
margin-bottom: 66px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-110 {
margin-top: 44px !important;
}
.margin-bottom-110 {
margin-bottom: 44px !important;
}
}
.margin-top-120 {
margin-top: 120px !important;
}
.margin-bottom-120 {
margin-bottom: 120px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-120 {
margin-top: 72px !important;
}
.margin-bottom-120 {
margin-bottom: 72px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-120 {
margin-top: 48px !important;
}
.margin-bottom-120 {
margin-bottom: 48px !important;
}
}
.margin-top-130 {
margin-top: 130px !important;
}
.margin-bottom-130 {
margin-bottom: 130px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-130 {
margin-top: 78px !important;
}
.margin-bottom-130 {
margin-bottom: 78px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-130 {
margin-top: 52px !important;
}
.margin-bottom-130 {
margin-bottom: 52px !important;
}
}
.margin-top-140 {
margin-top: 140px !important;
}
.margin-bottom-140 {
margin-bottom: 140px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-140 {
margin-top: 84px !important;
}
.margin-bottom-140 {
margin-bottom: 84px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-140 {
margin-top: 56px !important;
}
.margin-bottom-140 {
margin-bottom: 56px !important;
}
}
.margin-top-150 {
margin-top: 150px !important;
}
.margin-bottom-150 {
margin-bottom: 150px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-150 {
margin-top: 90px !important;
}
.margin-bottom-150 {
margin-bottom: 90px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-150 {
margin-top: 60px !important;
}
.margin-bottom-150 {
margin-bottom: 60px !important;
}
}
.margin-top-160 {
margin-top: 160px !important;
}
.margin-bottom-160 {
margin-bottom: 160px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-160 {
margin-top: 96px !important;
}
.margin-bottom-160 {
margin-bottom: 96px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-160 {
margin-top: 64px !important;
}
.margin-bottom-160 {
margin-bottom: 64px !important;
}
}
.margin-top-170 {
margin-top: 170px !important;
}
.margin-bottom-170 {
margin-bottom: 170px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-170 {
margin-top: 102px !important;
}
.margin-bottom-170 {
margin-bottom: 102px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-170 {
margin-top: 68px !important;
}
.margin-bottom-170 {
margin-bottom: 68px !important;
}
}
.margin-top-180 {
margin-top: 180px !important;
}
.margin-bottom-180 {
margin-bottom: 180px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-180 {
margin-top: 108px !important;
}
.margin-bottom-180 {
margin-bottom: 108px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-180 {
margin-top: 72px !important;
}
.margin-bottom-180 {
margin-bottom: 72px !important;
}
}
.margin-top-190 {
margin-top: 190px !important;
}
.margin-bottom-190 {
margin-bottom: 190px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-190 {
margin-top: 114px !important;
}
.margin-bottom-190 {
margin-bottom: 114px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-190 {
margin-top: 76px !important;
}
.margin-bottom-190 {
margin-bottom: 76px !important;
}
}
.margin-top-200 {
margin-top: 200px !important;
}
.margin-bottom-200 {
margin-bottom: 200px !important;
}
@media only screen and (max-width: 1229px) {
.margin-top-200 {
margin-top: 120px !important;
}
.margin-bottom-200 {
margin-bottom: 120px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-top-200 {
margin-top: 80px !important;
}
.margin-bottom-200 {
margin-bottom: 80px !important;
}
}
/* General Layout */
/*-----------------------------------*/
.page-wrapper {
background-color: #fff;
padding-top: 30px;
max-width: 1280px;
margin: -44px auto 0;
position: relative;
}
@media only screen and (max-width: 1359px) {
.page-wrapper {
max-width: 1200px;
}
}
@media only screen and (max-width: 1229px) {
.page-wrapper {
max-width: 970px;
}
}
@media only screen and (max-width: 991px) {
.page-wrapper {
max-width: 750px;
}
}
@media only screen and (max-width: 767px) {
.page-wrapper {
max-width: none;
margin: 0;
}
}
.content,
.sidebar {
width: 100%;
padding: 0 15px;
margin-bottom: 50px;
}
.page-sidebar .content,
.page-sidebar-left .content {
float: left;
width: 75%;
}
@media only screen and (max-width: 1229px) {
.page-sidebar .content,
.page-sidebar-left .content {
width: 70%;
}
}
@media only screen and (max-width: 991px) {
.page-sidebar .content,
.page-sidebar-left .content {
width: 65%;
}
}
.page-sidebar .sidebar,
.page-sidebar-left .sidebar {
display: block;
float: right;
width: 25%;
padding-top: 11px;
}
@media only screen and (max-width: 1229px) {
.page-sidebar .sidebar,
.page-sidebar-left .sidebar {
width: 30%;
}
}
@media only screen and (max-width: 991px) {
.page-sidebar .sidebar,
.page-sidebar-left .sidebar {
width: 35%;
}
}
@media only screen and (max-width: 767px) {
.page-sidebar .content,
.page-sidebar-left .content,
.page-sidebar .sidebar,
.page-sidebar-left .sidebar {
width: 100%;
float: none !important;
}
}
.page-sidebar-left .content {
float: right;
}
.page-sidebar-left .sidebar {
float: left;
}
.page-narrow .content {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.page-narrow .sidebar {
display: none;
}
/* Header */
/*-----------------------------------*/
.header {
position: relative;
z-index: 0;
}
.video-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
}
.overlay .video-container:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
background: rgba(26, 26, 26, 0.5);
}
/* Footer */
/*-----------------------------------*/
.footer {
margin: 0 40px 50px;
}
.footer.wide {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.footer .logo {
margin-bottom: 20px;
}
@media only screen and (max-width: 1359px) {
.footer {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 1229px) {
.footer {
max-width: 970px;
}
}
@media only screen and (max-width: 991px) {
.footer {
max-width: 750px;
}
}
@media only screen and (max-width: 767px) {
.footer {
max-width: none;
}
}
@media only screen and (max-width: 479px) {
.footer {
margin-bottom: 40px;
}
}
.footer-widgets {
background-color: #f5f5f5;
padding: 56px 0 36px;
margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
.footer-widgets {
padding: 36px 0 6px;
}
}
.footer-social {
font-size: 0;
text-align: center;
padding: 0 15px;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.footer-social {
margin-bottom: 15px;
}
}
.footer-social li {
display: inline-block;
margin: 0 20px 6px;
}
@media only screen and (max-width: 767px) {
.footer-social li {
margin: 0 6px 6px;
}
}
.footer-social a {
font-family: 'acumin-pro', sans-serif;
font-size: 12px;
color: #b4b4b4;
}
@media only screen and (max-width: 767px) {
.footer-social a {
font-size: 11px;
}
}
.footer-social a:before {
content: '\e907';
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-size: 8px;
margin-right: .5em;
color: #1a1a1a;
opacity: 0;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navigation-full-footer .footer-social a:before {
color: #fff;
}
.footer-social a:hover,
.footer-social a:active {
color: #1a1a1a;
}
.footer-social a:hover:before,
.footer-social a:active:before {
opacity: 1;
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.navigation-full-footer .footer-social a:hover,
.navigation-full-footer .footer-social a:active {
color: #fff;
}
.footer-copyright {
text-align: center;
font-size: 12px;
line-height: 1.2;
color: #5f5f5f;
padding: 0 15px;
}
.navigation-full-footer .footer-copyright {
color: #fff;
}
.footer-copyright a {
color: #5f5f5f;
}
.navigation-full-footer .footer-copyright a {
color: #fff;
}
.footer-copyright a:hover,
.footer-copyright a:active {
color: #efdfc4 !important;
}
/* Full Page Navigation Footer */
/*-----------------------------------*/
.navigation-full-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.12);
padding: 30px 0;
}
@media only screen and (max-width: 767px) {
.navigation-full-footer {
padding: 20px 0;
}
}
/* Page Loader */
/*-----------------------------------*/
.loader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-color: #fff;
}
.loader .inner {
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -26px;
visibility: hidden;
}
.loader.active .inner {
visibility: visible;
}
[class*='loader-part-'] {
float: left;
width: 12px;
height: 60px;
margin-left: 8px;
opacity: .1;
border: 2px solid #efdfc4;
-webkit-animation-name: loader;
animation-name: loader;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.loader-part-1 {
margin-left: 0;
}
.loader-part-2 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.loader-part-3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
@-webkit-keyframes loader {
50% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(0.7);
opacity: .1;
}
}
@keyframes loader {
50% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(0.7);
opacity: .1;
}
}
/* Page Title */
/*-----------------------------------*/
.page-title {
font-size: 50px;
font-weight: 700;
color: #fff;
letter-spacing: -0.01em;
text-align: center;
margin: 0;
}
.page-title span {
display: inline-block;
padding: .18em .24em;
border: 3px solid #fff;
}
@media only screen and (max-width: 1229px) {
.page-title {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.page-title {
font-size: 24px;
}
}
@media only screen and (max-width: 479px) {
.page-title {
font-size: 16px;
}
}
.main-slider-big .page-title {
font-size: 70px;
}
@media only screen and (max-width: 1229px) {
.main-slider-big .page-title {
font-size: 50px;
}
}
@media only screen and (max-width: 991px) {
.main-slider-big .page-title {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.main-slider-big .page-title {
font-size: 24px;
}
}
@media only screen and (max-width: 479px) {
.main-slider-big .page-title {
font-size: 16px;
}
}
/* Page Title Before */
/*-----------------------------------*/
.page-title-before {
font-family: 'acumin-pro', sans-serif;
font-size: 14.5px;
color: #fff;
letter-spacing: 0.26em;
text-align: center;
text-transform: uppercase;
margin-bottom: .6em;
}
@media only screen and (max-width: 1229px) {
.page-title-before {
font-size: 11.5px;
}
}
@media only screen and (max-width: 767px) {
.page-title-before {
font-size: 10px;
letter-spacing: 0;
}
}
@media only screen and (max-width: 479px) {
.page-title-before {
font-size: 9px;
}
}
.main-slider-big .page-title-before {
font-size: 20px;
}
@media only screen and (max-width: 1229px) {
.main-slider-big .page-title-before {
font-size: 14.5px;
}
}
@media only screen and (max-width: 991px) {
.main-slider-big .page-title-before {
font-size: 11.5px;
}
}
@media only screen and (max-width: 767px) {
.main-slider-big .page-title-before {
font-size: 10px;
letter-spacing: 0;
}
}
@media only screen and (max-width: 479px) {
.main-slider-big .page-title-before {
font-size: 9px;
}
}
/* Ajax Button */
/*-----------------------------------*/
.load-more {
position: relative;
text-align: center;
}
.load-more:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background-color: #eaeaea;
}
.load-more a {
position: relative;
display: inline-block;
outline: none;
height: 50px;
line-height: 48px;
border: 1px solid #eaeaea;
background-color: #fff;
font-family: 'acumin-pro', sans-serif;
font-size: 10px;
font-weight: 400;
color: #b4b4b4;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.02em;
padding: 0 25px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.load-more a:hover,
.load-more a:active {
border-color: #1a1a1a;
color: #fff;
background-color: #1a1a1a;
}
/* Logo */
/*-----------------------------------*/
.logo {
display: inline-block;
font-family: 'acumin-pro', sans-serif;
font-size: 24px;
line-height: normal;
color: #fff;
text-transform: uppercase;
letter-spacing: .2em;
}
a.logo {
color: #fff;
}
a.logo:hover,
a.logo:active {
color: #fff;
}
.logo.black {
color: #1a1a1a;
}
.logo.black:hover,
.logo.black:active {
color: #1a1a1a;
}
@media only screen and (max-width: 991px) {
.logo {
font-size: 17px;
}
}
.logo img {
display: inline-block;
vertical-align: -86%;
margin-right: 20px;
}
@media only screen and (max-width: 991px) {
.logo img {
width: 30px;
margin-right: 5px;
}
}
.logo .image-sticky {
display: none;
}
.sticky .logo {
color: #1a1a1a;
}
.sticky .logo:hover,
.sticky .logo:active {
color: #1a1a1a;
}
.sticky .logo img {
display: none;
}
.sticky .logo .image-sticky {
display: inline-block;
}
/* Map */
/*-----------------------------------*/
.google-map {
height: 440px;
margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
.google-map {
height: 360px;
}
}
@media only screen and (max-width: 767px) {
.google-map {
height: 260px;
}
}
@media only screen and (max-width: 479px) {
.google-map {
height: 200px;
}
}
/* ScrollBar Width Detection */
/*-----------------------------------*/
.scrollbar-detect {
height: 0;
opacity: 0;
visibility: hidden;
overflow: scroll;
}
.scrollbar-detect span {
display: block;
}
/* Buttons */
/*-----------------------------------*/
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
outline: none;
}
.btn.active,
.btn:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: none;
}
.btn {
position: relative;
z-index: 0;
outline: none;
vertical-align: top;
height: 50px;
line-height: 48px;
border: 1px solid #1a1a1a;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
font-family: 'acumin-pro', sans-serif;
font-size: 10px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.02em;
padding: 0 25px;
overflow: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.btn:active {
top: 1px;
}
.btn:focus {
color: #fff;
}
.btn.btn-wide {
display: block;
width: 100%;
padding: 0 5px;
}
.btn.btn-border-thick {
line-height: 46px;
border-width: 2px;
}
.btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: #1a1a1a;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.btn:after {
content: '';
position: absolute;
top: 0;
left: 50%;
z-index: -1;
width: 0;
height: 100%;
background-color: #fff;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: skewX(24deg) translateX(-50%);
-moz-transform: skewX(24deg) translateX(-50%);
-o-transform: skewX(24deg) translateX(-50%);
-ms-transform: skewX(24deg) translateX(-50%);
transform: skewX(24deg) translateX(-50%);
}
.btn:hover,
.btn:active {
color: #1a1a1a;
}
.btn:hover:after,
.btn:active:after {
width: 90%;
opacity: 1;
}
.btn.btn-transparent {
color: #1a1a1a;
}
.btn.btn-transparent:before {
background-color: transparent;
}
.btn.btn-transparent:after {
background-color: #1a1a1a;
}
.btn.btn-transparent:hover,
.btn.btn-transparent:active {
color: #fff;
}
.btn.btn-gray {
color: #1a1a1a;
border-color: #eaeaea;
}
.btn.btn-gray:before {
background-color: #eaeaea;
}
.btn.btn-gray:after {
background-color: #fff;
}
.btn.btn-gray:hover,
.btn.btn-gray:active {
color: #1a1a1a;
}
.btn.btn-gray.btn-transparent {
color: #1a1a1a;
}
.btn.btn-gray.btn-transparent:before {
background-color: transparent;
}
.btn.btn-gray.btn-transparent:after {
background-color: #eaeaea;
}
.btn.btn-gray.btn-transparent:hover,
.btn.btn-gray.btn-transparent:active {
color: #fff;
border-color: #1a1a1a;
}
.btn.btn-gray.btn-transparent:hover:after,
.btn.btn-gray.btn-transparent:active:after {
background-color: #1a1a1a;
}
.btn.btn-white {
color: #1a1a1a;
border-color: #fff;
}
.btn.btn-white:before {
background-color: #fff;
}
.btn.btn-white:after {
background-color: #1a1a1a;
}
.btn.btn-white:hover,
.btn.btn-white:active {
color: #fff;
}
.btn.btn-white.btn-transparent {
color: #fff;
}
.btn.btn-white.btn-transparent:before {
background-color: transparent;
}
.btn.btn-white.btn-transparent:after {
background-color: #fff;
}
.btn.btn-white.btn-transparent:hover,
.btn.btn-white.btn-transparent:active {
color: #1a1a1a;
}
input.btn {
background-color: #1a1a1a;
}
input.btn:hover,
input.btn:active {
background-color: transparent;
}
input.btn.btn-transparent {
background-color: transparent;
}
input.btn.btn-transparent:hover,
input.btn.btn-transparent:active {
background-color: #1a1a1a;
}
input.btn.btn-gray {
background-color: #eaeaea;
}
input.btn.btn-gray:hover,
input.btn.btn-gray:active {
background-color: transparent;
}
input.btn.btn-gray.btn-transparent {
background-color: transparent;
}
input.btn.btn-gray.btn-transparent:hover,
input.btn.btn-gray.btn-transparent:active {
color: #fff;
border-color: #1a1a1a;
background-color: #1a1a1a;
}
input.btn.btn-white {
background-color: #fff;
}
input.btn.btn-white:hover,
input.btn.btn-white:active {
background-color: transparent;
}
input.btn.btn-white.btn-transparent {
background-color: transparent;
}
input.btn.btn-white.btn-transparent:hover,
input.btn.btn-white.btn-transparent:active {
background-color: #fff;
}
.btn.btn-large {
height: 60px;
line-height: 58px;
font-size: 14px;
padding: 0 27.77777778px;
}
.btn.btn-medium {
height: 44px;
line-height: 42px;
}
.btn.btn-small {
height: 36px;
line-height: 34px;
}
.buttons .btn {
margin: 0 20px 20px 0;
}
.buttons .btn.btn-wide {
margin-right: 0;
}
/* Form Fields */
/*-----------------------------------*/
[placeholder]::-webkit-input-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: #b4b4b4;
}
[placeholder]:-moz-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: #b4b4b4;
}
[placeholder]::-moz-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: #b4b4b4;
}
[placeholder]:-ms-input-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: #b4b4b4;
}
:focus[placeholder]::-webkit-input-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]:-moz-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]::-moz-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
:focus[placeholder]:-ms-input-placeholder {
font-size: 12px;
font-weight: 400;
font-style: italic;
color: transparent !important;
}
label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input,
button,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
outline: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.form-control,
.wpcf7-form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 36px;
padding: 0 1em;
margin-bottom: 30px;
font-size: 12px;
font-weight: 400;
color: #353535;
line-height: normal;
letter-spacing: 0;
background-color: transparent;
border: 1px solid #eaeaea;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-control:focus,
.wpcf7-form-control:focus {
border-color: #b4b4b4;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ie8 .form-control,
.ie8 .wpcf7-form-control {
line-height: 34px;
}
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 260px;
padding: 1em;
resize: vertical;
}
@media only screen and (max-width: 767px) {
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 200px;
}
}
@media only screen and (max-width: 479px) {
textarea.form-control,
textarea.wpcf7-form-control {
min-height: 160px;
}
}
.form-group label {
display: inline-block;
font-family: 'acumin-pro', sans-serif;
font-size: 12px;
color: #353535;
text-transform: uppercase;
margin-bottom: 1em;
}
.form-group.required label:after {
content: '*';
font-size: 1.33em;
color: #fe2231;
}
/* CheckBoxes, Radios */
/*-----------------------------------*/
.checkbox,
.radio {
margin: 0 0 20px;
}
.checkbox input,
.radio input {
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.ie8 .checkbox input,
.ie8 .radio input {
visibility: visible;
width: 0;
height: 0;
}
.checkbox label,
.radio label {
position: relative;
padding-left: 26px;
line-height: 16px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 991px) {
.checkbox label,
.radio label {
line-height: 18px;
}
}
.checkbox label:before,
.radio label:before,
.checkbox label:after,
.radio label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #1a1a1a;
}
.checkbox label:after,
.radio label:after {
top: 4px;
left: 4px;
width: 8px;
height: 8px;
border: none;
background-color: transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.checkbox label.checked,
.radio label.checked {
color: #1a1a1a;
}
.checkbox label.checked:after,
.radio label.checked:after {
background-color: #1a1a1a;
}
.checkbox label:hover,
.radio label:hover,
.checkbox label:focus,
.radio label:focus,
.checkbox label:active,
.radio label:active {
color: #1a1a1a;
}
.radio label:before,
.radio label:after {
border-radius: 50%;
}
/* Search Form in Header */
/*-----------------------------------*/
.form-search-header {
width: 320px;
position: absolute;
top: 100%;
right: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 479px) {
.form-search-header {
width: 220px;
right: -40px;
}
}
.form-search-header .inner {
background-color: #353535;
padding: 15px 15px 5px;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
-o-transform: translateX(102%);
-ms-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-search-header.active {
visibility: visible;
opacity: 1;
}
.form-search-header.active .inner {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.form-search-header .form-control {
border-color: #fff;
margin-bottom: 10px;
}
.form-search-header .form-control:focus {
background-color: #fff;
}
.form-search-header .btn {
margin-bottom: 10px;
}
.form-search-header .btn:active {
top: 0;
}
.form-search-header .row {
margin: 0;
}
.form-search-header [class*='col-sm-'] {
padding: 0;
}
/* Widget Search, Subscribe */
/*-----------------------------------*/
.form-search,
.form-subscribe {
position: relative;
}
.form-search .submit,
.form-subscribe .submit {
position: absolute;
top: 11px;
right: 5px;
font-size: 12px;
color: #b4b4b4;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-search .form-control,
.form-subscribe .form-control {
padding-right: 32px;
}
.form-search .form-control:focus + .submit,
.form-subscribe .form-control:focus + .submit {
color: #5f5f5f;
}
.form-search .form-control:focus + .submit:hover,
.form-subscribe .form-control:focus + .submit:hover,
.form-search .form-control:focus + .submit:active,
.form-subscribe .form-control:focus + .submit:active {
color: #efdfc4;
}
/* Widget Subscribe */
/*-----------------------------------*/
.form-subscribe .submit {
top: 15px;
font-size: 8px;
}
.form-subscribe .form-control {
border-width: 0 0 1px 0;
}
/* Widget Login */
/*-----------------------------------*/
.form-login .form-control {
float: left;
width: 48%;
}
.form-login .form-control + .form-control {
margin-left: 4%;
}
.form-login .checkbox {
float: left;
font-family: 'acumin-pro', sans-serif;
font-size: 9px;
color: #1a1a1a;
margin: -3px 0 10px;
}
.form-login .submit {
float: right;
font-family: 'acumin-pro', sans-serif;
font-size: 10px;
color: #1a1a1a;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
margin-bottom: 16px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.form-login .submit:hover,
.form-login .submit:active {
color: #efdfc4;
}
.form-login .forgot {
float: right;
font-family: 'acumin-pro', sans-serif;
font-size: 9px;
color: #fe2231;
}
.form-login .forgot:hover,
.form-login .forgot:active {
color: #efdfc4;
}
/* Comment Form */
/*-----------------------------------*/
.form-comment .form-control {
margin-bottom: 16px;
}
.form-comment .inputs .form-control {
float: left;
width: 32%;
}
.form-comment .inputs .form-control + .form-control {
margin-left: 2%;
}
@media only screen and (max-width: 479px) {
.form-comment .inputs .form-control {
float: none;
width: 100%;
}
.form-comment .inputs .form-control + .form-control {
margin-left: 0;
}
}
/* Contact Form */
/*-----------------------------------*/
.wpcf7-submit {
display: inline-block;
width: auto;
height: 50px;
}
/* Dropdown Menu */
/*-----------------------------------*/
.nav-menu {
position: relative;
font-size: 0;
white-space: nowrap;
float: right;
}
.nav-menu li {
position: relative;
}
.nav-menu li a.menu-link {
display: block;
font-family: 'acumin-pro', sans-serif;
font-size: 10px;
font-weight: 400;
line-height: normal;
color: #fff;
letter-spacing: .16em;
text-transform: uppercase;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nav-menu li:hover > a.menu-link,
.nav-menu li:active > a.menu-link,
.nav-menu li.active > a.menu-link,
.nav-menu li.current-menu-item > a.menu-link {
color: #efdfc4;
}
.nav-menu li ul {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
position: absolute;
top: 0;
left: 100%;
padding: 0 3px;
white-space: normal;
}
.nav-menu li ul.left {
left: auto;
right: 100%;
}
.nav-menu li ul li {
padding: 0;
background-color: #353535;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.nav-menu li ul li:hover > a.menu-link,
.nav-menu li ul li:active > a.menu-link {
color: #efdfc4;
}
.nav-menu li ul li a.menu-link {
padding: 20px 44px 20px 50px;
text-align: left;
color: #fff;
}
.nav-menu li ul li:first-child a.menu-link {
padding-top: 30px;
}
.nav-menu li ul li:last-child a.menu-link {
padding-bottom: 30px;
}
.nav-menu li ul li.parent > a:before {
content: '\e904';
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 23px;
left: 22px;
font-size: 6px;
}
.nav-menu li ul li:first-child.parent > a:before {
top: 33px;
}
.nav-menu > li {
display: inline-block;
margin: 0 18px;
padding: 0 3px 3px;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
}
@media only screen and (max-width: 1359px) {
.nav-menu > li {
margin: 0 12px;
}
}
@media only screen and (max-width: 1229px) {
.nav-menu > li {
margin: 0;
}
}
.nav-menu > li > a.menu-link {
height: 74px;
line-height: 100px;
padding: 0 14px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 991px) {
.nav-menu > li > a.menu-link {
height: 56px;
line-height: 68px;
padding: 0 10px;
}
}
.nav-menu > li:hover > a.menu-link,
.nav-menu > li:active > a.menu-link,
.nav-menu > li.active > a.menu-link,
.nav-menu > li.current-menu-item > a.menu-link {
color: #fff;
background-color: #353535;
}
.nav-menu > li > ul {
top: 100%;
left: 0;
z-index: 999;
}
.sticky .nav-menu > li > a.menu-link {
color: #1a1a1a;
}
.sticky .nav-menu > li:hover > a.menu-link,
.sticky .nav-menu > li:active > a.menu-link,
.sticky .nav-menu > li.active > a.menu-link,
.sticky .nav-menu > li.current-menu-item > a.menu-link {
color: #fff;
}
@media only screen and (max-width: 769px) {
.nav-menu {
padding: 15px;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 9999;
background-color: rgba(53, 53, 53, 0.9);
height: auto;
overflow: auto;
will-change: transform;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: transform 0.4s ease-out;
-moz-transition: transform 0.4s ease-out;
-o-transition: transform 0.4s ease-out;
-ms-transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out;
}
.nav-menu.active {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.nav-menu li a.menu-link {
display: block;
font-size: 12px;
color: #fff;
background-color: transparent !important;
}
.nav-menu li.parent > a:before {
content: '\e904';
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 17px;
left: 8px;
font-size: 6px;
}
.nav-menu li.active > a.menu-link,
.nav-menu li.current-menu-item > a.menu-link {
color: #efdfc4;
}
.nav-menu li.active.parent > a.menu-link:before,
.nav-menu li.current-menu-item.parent > a.menu-link:before {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.sticky .nav-menu li > a.menu-link {
color: #fff;
}
.sticky .nav-menu li.active > a.menu-link,
.sticky .nav-menu li.current-menu-item > a.menu-link {
color: #efdfc4;
}
.nav-menu li ul {
-webkit-animation-name: none;
animation-name: none;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: static;
padding: 0;
}
.nav-menu li ul li:first-child a.menu-link {
padding-top: 15px;
}
.nav-menu li ul li:last-child a.menu-link {
padding-bottom: 15px;
}
.nav-menu li ul li a.menu-link {
font-size: 10px;
padding: 8px 0 8px 50px;
}
.nav-menu > li {
height: auto;
line-height: normal;
padding: 0;
display: block;
-webkit-animation-name: none;
animation-name: none;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.nav-menu > li > a.menu-link {
height: 40px;
line-height: 40px;
padding: 0 5px 0 40px;
}
}
/* Button for Dropdown Menu */
/*-----------------------------------*/
.navigation-link a {
position: relative;
display: inline-block;
width: 26px;
height: 17px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
line-height: 18px;
text-align: center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navigation-link a:before,
.navigation-link a:after {
content: '';
position: absolute;
top: 4px;
left: 0;
right: 0;
height: 3px;
background-color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navigation-link a:after {
top: -7px;
left: 11px;
right: auto;
bottom: -7px;
width: 3px;
height: auto;
background-color: transparent;
}
.sticky .navigation-link a {
border-color: #1a1a1a;
}
.sticky .navigation-link a:before {
background-color: #1a1a1a;
}
.navigation-link a.active,
.sticky .navigation-link a.active {
border-color: transparent;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.navigation-link a.active:before,
.sticky .navigation-link a.active:before,
.navigation-link a.active:after,
.sticky .navigation-link a.active:after {
background-color: #efdfc4;
}
/* Navigation Bar */
/*-----------------------------------*/
.navigation {
position: absolute;
top: auto;
left: 0;
right: 0;
z-index: 4;
padding: 0 80px 22px;
}
@media only screen and (max-width: 1229px) {
.navigation {
padding: 0 40px 22px;
}
}
@media only screen and (max-width: 991px) {
.navigation {
padding: 0 15px 10px;
}
}
.navigation .logo {
float: left;
margin-top: 22px;
}
@media only screen and (max-width: 991px) {
.navigation .logo {
margin-top: 14px;
}
}
.navigation .search,
.navigation .navigation-link,
.navigation .navigation-full-link {
float: right;
height: 74px;
line-height: 100px;
padding-left: 26px;
position: relative;
}
@media only screen and (max-width: 991px) {
.navigation .search,
.navigation .navigation-link,
.navigation .navigation-full-link {
height: 56px;
line-height: 68px;
}
}
.navigation .search > a,
.navigation .navigation-link > a,
.navigation .navigation-full-link > a {
font-size: 12px;
color: #fff;
}
.navigation .search > a:hover,
.navigation .navigation-link > a:hover,
.navigation .navigation-full-link > a:hover,
.navigation .search > a:active,
.navigation .navigation-link > a:active,
.navigation .navigation-full-link > a:active {
color: #efdfc4;
}
@media only screen and (max-width: 767px) {
.navigation .search > a,
.navigation .navigation-link > a,
.navigation .navigation-full-link > a {
font-size: 15px;
}
}
@media only screen and (max-width: 991px) {
.navigation .navigation-link {
line-height: 72px;
}
}
.navigation.sticky {
position: fixed;
top: -120px;
background-color: #f5f5f5;
-webkit-transition: top 0.4s linear;
-moz-transition: top 0.4s linear;
-o-transition: top 0.4s linear;
-ms-transition: top 0.4s linear;
transition: top 0.4s linear;
}
.navigation.sticky.sticky-moved {
top: 0;
}
.navigation.sticky .search > a,
.navigation.sticky .navigation-full-link > a {
color: #1a1a1a;
}
.navigation.sticky .search > a:hover,
.navigation.sticky .navigation-full-link > a:hover,
.navigation.sticky .search > a:active,
.navigation.sticky .navigation-full-link > a:active {
color: #efdfc4;
}
/* Navigation Full Page */
/*-----------------------------------*/
.navigation-full {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navigation-full.active {
opacity: 1;
}
.navigation-full .navigation-full-close {
position: absolute;
top: 36px;
right: 70px;
width: 32px;
height: 32px;
font-size: 16px;
line-height: 32px;
color: #fff;
text-align: center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 1229px) {
.navigation-full .navigation-full-close {
right: 36px;
}
}
@media only screen and (max-width: 991px) {
.navigation-full .navigation-full-close {
top: 15px;
right: 10px;
}
}
.navigation-full .navigation-full-close:hover,
.navigation-full .navigation-full-close:active {
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.navigation-full .logo {
margin: 22px 0 0 80px;
}
@media only screen and (max-width: 1229px) {
.navigation-full .logo {
margin: 22px 0 0 40px;
}
}
@media only screen and (max-width: 991px) {
.navigation-full .logo {
margin: 14px 0 0 15px;
}
}
.navigation-full.overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: rgba(26, 26, 26, 0.67);
}
/* Menu on Full Page */
/*-----------------------------------*/
.nav-menu-full {
position: relative;
font-size: 0;
white-space: nowrap;
text-align: center;
margin-top: 12%;
}
@media only screen and (max-width: 1599px) {
.nav-menu-full {
margin-top: 8%;
}
}
@media only screen and (max-width: 767px) {
.nav-menu-full {
height: 300px;
overflow: auto;
margin-top: 20px;
}
}
.nav-menu-full li {
position: relative;
text-align: left;
}
.nav-menu-full li a {
position: relative;
display: block;
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: normal;
color: #fff;
letter-spacing: .24em;
text-transform: uppercase;
padding: 15px;
white-space: nowrap;
}
.nav-menu-full li:hover > a,
.nav-menu-full li:active > a,
.nav-menu-full li.active > a,
.nav-menu-full li.current-menu-item > a {
color: #efdfc4;
}
.nav-menu-full li:hover > ul > li > a,
.nav-menu-full li:active > ul > li > a,
.nav-menu-full li.active > ul > li > a,
.nav-menu-full li.current-menu-item > ul > li > a {
height: 42px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
@media only screen and (max-width: 1599px) {
.nav-menu-full li:hover > ul > li > a,
.nav-menu-full li:active > ul > li > a,
.nav-menu-full li.active > ul > li > a,
.nav-menu-full li.current-menu-item > ul > li > a {
height: 26px;
}
}
.nav-menu-full li ul {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
position: absolute;
top: 0;
left: 100%;
padding: 0;
white-space: normal;
}
@media only screen and (max-width: 767px) {
.nav-menu-full li ul {
position: static;
}
}
.nav-menu-full li ul li {
padding: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.nav-menu-full li ul a {
padding-top: 0;
padding-bottom: 0;
height: 0;
line-height: 44px;
overflow: hidden;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
@media only screen and (max-width: 1599px) {
.nav-menu-full li ul a {
font-size: 11px;
line-height: 26px;
}
}
@media only screen and (max-width: 991px) {
.nav-menu-full li ul a {
font-size: 9px;
padding: 0 11px;
}
}
@media only screen and (max-width: 767px) {
.nav-menu-full li ul a {
padding: 0 10px 0 60px;
}
}
.nav-menu-full > li {
display: inline-block;
margin: 0 36px;
}
@media only screen and (max-width: 1599px) {
.nav-menu-full > li {
margin: 0 26px;
}
}
@media only screen and (max-width: 1359px) {
.nav-menu-full > li {
margin: 0 10px;
}
}
@media only screen and (max-width: 767px) {
.nav-menu-full > li {
display: block;
}
}
.nav-menu-full > li > a {
font-size: 21px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 1229px) {
.nav-menu-full > li > a {
font-size: 15px;
}
}
@media only screen and (max-width: 991px) {
.nav-menu-full > li > a {
font-size: 11px;
padding: 10px;
}
}
@media only screen and (max-width: 767px) {
.nav-menu-full > li > a {
padding: 10px 10px 10px 46px;
}
}
.nav-menu-full > li > a:before {
content: '\e904';
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 23px;
left: -22px;
font-size: 9px;
color: #efdfc4;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 1229px) {
.nav-menu-full > li > a:before {
top: 20px;
}
}
@media only screen and (max-width: 991px) {
.nav-menu-full > li > a:before {
top: 12px;
left: -19px;
font-size: 7px;
}
}
@media only screen and (max-width: 767px) {
.nav-menu-full > li > a:before {
left: 12px;
}
}
.nav-menu-full > li > a span {
display: block;
font-family: 'acumin-pro', sans-serif;
font-size: 11px;
color: #b4b4b4;
text-transform: uppercase;
letter-spacing: .1em;
margin-top: .6em;
}
@media only screen and (max-width: 1229px) {
.nav-menu-full > li > a span {
font-size: 9px;
}
}
.nav-menu-full > li:hover > a:before,
.nav-menu-full > li:active > a:before,
.nav-menu-full > li.active > a:before,
.nav-menu-full > li.current-menu-item > a:before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.nav-menu-full > li > ul {
top: 100%;
left: 0;
z-index: 999;
}
/* Pagination */
/*-----------------------------------*/
.pagination {
display: block;
font-size: 0;
text-align: left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 50px 0;
}
.pagination > li {
display: inline-block;
vertical-align: top;
border: none;
margin: 0 16px 16px 0;
}
@media only screen and (max-width: 991px) {
.pagination > li {
margin: 0 8px 8px 0;
}
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: none;
display: block;
font-family: 'acumin-pro', sans-serif;
font-size: 10px;
font-weight: 400;
width: 50px;
height: 50px;
line-height: 48px;
color: #1a1a1a;
text-align: center;
padding: 0;
margin: 0;
background-color: transparent;
border: 1px solid #eaeaea;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 991px) {
.pagination > li > a,
.pagination > li > span {
width: 36px;
height: 36px;
line-height: 34px;
}
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:active,
.pagination > li > span:active {
border-color: #1a1a1a;
background-color: #1a1a1a;
color: #fff;
}
.pagination > li > span {
cursor: default;
}
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > li > span:active {
border-color: #eaeaea;
background-color: transparent;
color: #1a1a1a;
}
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus,
.pagination > li.active > a:active,
.pagination > li.active > span:active {
border-color: #1a1a1a;
background-color: #1a1a1a;
color: #fff;
}
.pagination > li.prev a,
.pagination > li.next a {
font-size: 8px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pagination > li.prev a:before,
.pagination > li.next a:before {
content: '\e90a';
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pagination > li.next a:before {
content: '\e904';
}
/* Pager */
/*-----------------------------------*/
.pager {
margin-bottom: 44px;
}
.pager:before,
.pager:after {
content: '';
display: table;
}
.pager:after {
clear: both;
}
@media only screen and (max-width: 479px) {
.pager {
margin: 36px 0;
}
}
.pager a {
display: inline-block;
float: right;
text-transform: uppercase;
color: #1a1a1a;
}
.pager a:hover,
.pager a:active {
color: #efdfc4;
}
.pager a i {
font-size: 9px;
margin-left: 1em;
vertical-align: 6%;
}
.pager a:first-child {
float: left;
}
.pager a:first-child i {
margin-left: 0;
margin-right: 1em;
}
/* Tabs */
/*-----------------------------------*/
.tabs {
margin-bottom: 50px;
}
.tab-header li {
float: left;
width: 50%;
border-left: 1px solid #fff;
}
.tab-header li:first-child {
border-left: none;
}
.tab-header a {
display: block;
height: 50px;
line-height: 50px;
font-family: 'acumin-pro', sans-serif;
font-size: 11px;
color: #1a1a1a;
text-align: center;
text-transform: uppercase;
padding: 0 5px;
background-color: #eaeaea;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.tab-header .active a {
color: #fff;
background-color: #1a1a1a;
}
.tab-content {
padding-top: 30px;
}
/* Toggleable Panels */
/*-----------------------------------*/
.panel-group {
margin-bottom: 50px;
}
.panel {
background-color: transparent;
border: none;
padding-bottom: 20px;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0;
}
.panel-heading {
border: none;
border-radius: 0;
padding: 0;
}
.panel-heading + .panel-collapse > .panel-body {
padding: 10px 30px 0;
}
.panel-title {
font-family: 'acumin-pro', sans-serif;
font-size: 13px;
font-weight: 700;
color: #5f5f5f;
letter-spacing: .1em;
text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
.panel-title {
font-size: 11px;
}
}
a.panel-toggle {
position: relative;
display: block;
padding: 0 0 0 30px;
color: #efdfc4;
}
a.panel-toggle:focus {
color: #efdfc4;
}
@media only screen and (max-width: 479px) {
a.panel-toggle {
padding-top: 2px;
}
}
a.panel-toggle:before,
a.panel-toggle:after {
content: '';
width: 10px;
height: 2px;
position: absolute;
top: 6px;
left: 4px;
background-color: #efdfc4;
}
a.panel-toggle:after {
width: 2px;
height: 10px;
top: 2px;
left: 8px;
display: none;
}
a.panel-toggle.collapsed {
color: #5f5f5f;
}
a.panel-toggle.collapsed:after {
display: block;
}
a.panel-toggle.collapsed:focus {
color: #5f5f5f;
}
a.panel-toggle.collapsed:hover,
a.panel-toggle.collapsed:active {
color: #efdfc4;
}
.panel-body {
border: none !important;
color: #5f5f5f;
padding: 20px 4px 5px;
}
.panel-body p:last-child {
margin-bottom: 0;
}
/* Owl Slider Basics */
/*-----------------------------------*/
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
-ms-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:before,
.owl-carousel .owl-wrapper:after {
content: '';
display: table;
}
.owl-carousel .owl-wrapper:after {
clear: both;
}
.owl-carousel .owl-item {
float: left;
}
.owl-carousel .owl-item.loading {
min-height: 150px;
background: url('images/AjaxLoader.gif') no-repeat center center;
}
.owl-carousel .owl-controls {
padding-top: 1px;
margin-top: 44px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 767px) {
.owl-carousel .owl-controls {
margin-top: 30px;
}
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
position: absolute;
top: 50%;
left: 10px;
margin-top: -40px;
width: 50px;
height: 50px;
font-size: 9px;
line-height: 50px;
color: #fff;
text-align: center;
cursor: pointer;
background-color: rgba(26, 26, 26, 0.2);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before,
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
content: '\e90a';
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover,
.owl-carousel .owl-controls .owl-buttons .owl-prev:active,
.owl-carousel .owl-controls .owl-buttons .owl-next:active {
color: #efdfc4;
background-color: #1a1a1a;
}
.controls-bottom-left.owl-carousel .owl-controls .owl-buttons .owl-prev,
.controls-bottom-left.owl-carousel .owl-controls .owl-buttons .owl-next {
top: auto;
left: 0;
right: auto;
bottom: -10px;
background-color: transparent;
color: #1a1a1a;
}
.controls-bottom-left.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.controls-bottom-left.owl-carousel .owl-controls .owl-buttons .owl-next:hover,
.controls-bottom-left.owl-carousel .owl-controls .owl-buttons .owl-prev:active,
.controls-bottom-left.owl-carousel .owl-controls .owl-buttons .owl-next:active {
color: #efdfc4;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
left: auto;
right: 10px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
content: '\e904';
}
.controls-bottom-left.owl-carousel .owl-controls .owl-buttons .owl-next {
left: 50px;
}
.owl-carousel .owl-controls .owl-page {
display: inline-block;
cursor: pointer;
}
.owl-carousel .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px;
border: 1px solid #5f5f5f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.owl-carousel .owl-controls .owl-page.active span {
background-color: #5f5f5f;
}
.owl-carousel .owl-controls .owl-page.owl-numbers {
width: auto;
height: auto;
color: #fff;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-carousel .grabbing {
cursor: url('images/grabbing.png') 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* BS Slider Effects */
/*-----------------------------------*/
/*Fade Effect on BS Slider*/
.fade-effect .item {
opacity: 0;
-webkit-transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
-ms-transition: opacity 0.8s;
transition: opacity 0.8s;
}
.fade-effect .item.active {
opacity: 1;
}
.fade-effect .item.active.left,
.fade-effect .item.active.right {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
left: 0;
z-index: 2;
opacity: 0;
}
/*Shot Effect on BS Slider*/
.shot-effect .item {
top: 0;
left: 0 !important;
-webkit-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-moz-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-o-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-ms-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
}
.shot-effect .item.prev,
.shot-effect .item.next {
z-index: 3;
}
.shot-effect .item.prev.left,
.shot-effect .item.next.left,
.shot-effect .item.prev.right,
.shot-effect .item.next.right {
top: 0;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.shot-effect .item.prev {
top: 100%;
}
.shot-effect .item.next {
top: -100%;
}
/* Main Image or Slider */
/*-----------------------------------*/
.main-slider {
background: #353535;
overflow: hidden;
}
.main-slider iframe {
max-width: none;
}
.main-slider .item {
text-align: center;
padding: 10%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1599px) {
.main-slider .item {
padding: 13% 50px;
}
}
@media only screen and (max-width: 1359px) {
.main-slider .item {
padding: 16% 50px;
}
}
@media only screen and (max-width: 767px) {
.main-slider .item {
padding: 19% 50px 16%;
}
}
@media only screen and (max-width: 479px) {
.main-slider .item {
padding: 24% 50px 16%;
}
}
.main-slider-big.main-slider .item {
padding-top: 0;
padding-bottom: 0;
}
.main-slider .overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
background-color: rgba(26, 26, 26, 0.25);
}
.main-slider .carousel-indicators {
display: none;
position: absolute;
top: auto;
left: 10px;
bottom: 54px;
width: auto;
margin: 0;
padding: 0;
}
.main-slider .carousel-indicators li {
float: left;
width: 36px;
height: 4px;
margin: 0 6px;
background-color: transparent;
border: 1px solid #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;
-ms-transition: all 2s;
transition: all 2s;
}
.main-slider .carousel-indicators li.active {
background-color: #353535;
}
.main-slider .carousel-control {
position: absolute;
top: 50%;
left: -36px;
z-index: 2;
width: 116px;
height: 44px;
line-height: 44px;
margin-top: -22px;
border: none;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
font-family: 'acumin-pro', sans-serif;
font-size: 14px;
font-weight: 400;
color: #353535;
text-transform: uppercase;
text-shadow: none;
text-align: center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 479px) {
.main-slider .carousel-control {
width: 104px;
height: 32px;
line-height: 32px;
}
}
.main-slider .carousel-control.left,
.main-slider .carousel-control.right {
background: none;
filter: none;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.main-slider .carousel-control.right {
left: auto;
right: -36px;
}
.main-slider .carousel-control:hover.left,
.main-slider .carousel-control:active.left,
.main-slider .carousel-control:hover.right,
.main-slider .carousel-control:active.right {
background-color: #fff;
}
@-webkit-keyframes carousel-control {
20% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes carousel-control {
20% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes carousel-control-right {
20% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes carousel-control-right {
20% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.main-slider .description {
display: inline-block;
vertical-align: middle;
line-height: normal;
position: relative;
z-index: 1;
}
/* Post Slider */
/*-----------------------------------*/
.post-slider .owl-controls {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.post-slider .owl-controls .owl-page span {
width: 12px;
height: 12px;
margin: 20px 5px;
border: 2px solid #b4b4b4;
}
@media only screen and (max-width: 767px) {
.post-slider .owl-controls .owl-page span {
width: 16px;
height: 16px;
}
}
.post-slider .owl-controls .owl-page:hover span,
.post-slider .owl-controls .owl-page:active span {
border-color: #efdfc4;
}
.post-slider .owl-controls .owl-page.active span {
background-color: #efdfc4;
border-color: #efdfc4;
}
/* Team Slider */
/*-----------------------------------*/
.team-slider {
width: auto;
margin: 0 -9px;
}
/* Photography Slider */
/*-----------------------------------*/
.thumbnail-slider {
position: relative;
margin-bottom: 50px;
}
@media only screen and (max-width: 479px) {
.thumbnail-slider {
margin-bottom: 40px;
}
}
.thumbnail-slider:before {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
z-index: 2;
height: 4px;
background: #fff;
display: block;
}
.thumbnail-slider .slider-images-wrap {
background-color: #353535;
float: left;
position: relative;
width: 79.8%;
}
@media only screen and (max-width: 767px) {
.thumbnail-slider .slider-images-wrap {
width: 79.7%;
}
}
.thumbnail-slider .slider-images-wrap li {
width: 100%;
height: 850px;
float: left;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.thumbnail-slider .slider-images-wrap:hover .prev,
.thumbnail-slider .slider-images-wrap:active .prev,
.thumbnail-slider .slider-images-wrap:hover .next,
.thumbnail-slider .slider-images-wrap:active .next {
opacity: 1;
}
.thumbnail-slider .slider-thumbs-wrap {
position: relative;
z-index: 1;
float: right;
width: 19.9%;
height: auto;
}
.thumbnail-slider .slider-thumbs-wrap li {
width: 100%;
height: 280px;
margin-bottom: 2px;
cursor: pointer;
overflow: hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
-webkit-box-shadow: inset 0 0 0 4px transparent;
-moz-box-shadow: inset 0 0 0 4px transparent;
box-shadow: inset 0 0 0 4px transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.thumbnail-slider .slider-thumbs-wrap li img {
position: relative;
z-index: -1;
}
.thumbnail-slider .slider-thumbs-wrap li.active {
opacity: .6;
cursor: default;
}
.thumbnail-slider .slider-thumbs-wrap .prev,
.thumbnail-slider .slider-thumbs-wrap .next {
font-size: 22px;
top: 0;
left: 50%;
margin: 0 0 0 -25px;
}
.thumbnail-slider .slider-thumbs-wrap .next {
top: auto;
right: auto;
bottom: 0;
}
.thumbnail-slider .slider-thumbs-wrap:hover .prev,
.thumbnail-slider .slider-thumbs-wrap:active .prev,
.thumbnail-slider .slider-thumbs-wrap:hover .next,
.thumbnail-slider .slider-thumbs-wrap:active .next {
opacity: 1;
}
.thumbnail-slider .prev,
.thumbnail-slider .next {
position: absolute;
top: 50%;
left: 0;
z-index: 2;
font-size: 9px;
line-height: 48px;
color: #fff;
text-align: center;
width: 50px;
height: 50px;
margin-top: -25px;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.thumbnail-slider .prev:hover,
.thumbnail-slider .next:hover,
.thumbnail-slider .prev:active,
.thumbnail-slider .next:active {
color: #efdfc4;
}
.thumbnail-slider .prev.disabled,
.thumbnail-slider .next.disabled {
color: rgba(255, 255, 255, 0.5);
cursor: default;
}
.thumbnail-slider .next {
left: auto;
right: 0;
}
.thumbnail-slider .description {
position: absolute;
top: 10%;
left: 6%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
@media only screen and (max-width: 479px) {
.thumbnail-slider .description {
top: 4%;
left: 4%;
}
}
.thumbnail-slider .description.active {
visibility: visible;
opacity: 1;
}
.thumbnail-slider .description.bottom {
top: auto;
bottom: 10%;
}
@media only screen and (max-width: 479px) {
.thumbnail-slider .description.bottom {
bottom: 2%;
}
}
.thumbnail-slider .description.top-right {
left: auto;
right: 6%;
}
@media only screen and (max-width: 479px) {
.thumbnail-slider .description.top-right {
right: 4%;
}
}
.thumbnail-slider .description.bottom-right {
top: auto;
left: auto;
right: 6%;
bottom: 10%;
}
@media only screen and (max-width: 479px) {
.thumbnail-slider .description.bottom-right {
right: 4%;
bottom: 2%;
}
}
.thumbnail-slider .description .title {
font-family: 'Playfair Display SC', serif;
font-size: 18px;
color: #fff;
letter-spacing: .02em;
margin: 0;
}
@media only screen and (max-width: 991px) {
.thumbnail-slider .description .title {
font-size: 16px;
}
}
@media only screen and (max-width: 479px) {
.thumbnail-slider .description .title {
font-size: 12px;
}
}
.thumbnail-slider .description .title span {
display: inline-block;
background-color: rgba(255, 196, 127, 0.6);
padding: .4em .8em;
}
.thumbnail-slider .description .subtitle {
font-size: 14px;
color: #1a1a1a;
margin: 0;
}
@media only screen and (max-width: 991px) {
.thumbnail-slider .description .subtitle {
font-size: 12px;
}
}
@media only screen and (max-width: 479px) {
.thumbnail-slider .description .subtitle {
font-size: 10px;
}
}
.thumbnail-slider .description .subtitle span {
display: inline-block;
background-color: rgba(255, 255, 255, 0.8);
padding: .6em .9em;
}
.thumbnail-slider .description-open {
display: block;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 40px;
text-align: center;
color: #fff;
position: absolute;
left: 10px;
bottom: 22px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
@media only screen and (max-width: 479px) {
.thumbnail-slider .description-open {
left: 0;
bottom: 4px;
}
}
.thumbnail-slider .description-open:hover,
.thumbnail-slider .description-open:active {
color: #efdfc4;
}
.thumbnail-slider .description-open.active {
visibility: visible;
opacity: 1;
}
.thumbnail-slider .description-close {
display: block;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #efdfc4;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.thumbnail-slider .description-close:hover,
.thumbnail-slider .description-close:active {
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
/* Services */
/*-----------------------------------*/
.service {
padding-top: 30px;
margin-bottom: 80px;
}
.service:nth-child(3n + 1) {
clear: left;
}
.service .inner {
position: relative;
border-top: 1px solid #eaeaea;
padding-top: 50px;
text-align: center;
}
.service [class*='icon-'] {
width: 60px;
height: 60px;
border: 2px solid #eaeaea;
border-radius: 50%;
font-size: 24px;
line-height: 56px;
color: #b4b4b4;
text-align: center;
background-color: #fff;
position: absolute;
top: -31px;
left: 50%;
margin-left: -30px;
}
.service .title {
font-size: 21px;
}
@media only screen and (max-width: 991px) {
.service .title {
font-size: 17px;
}
}
.service .price {
font-size: 13px;
}
.service .price span {
text-transform: uppercase;
}
.service .price strong {
font-family: 'acumin-pro', sans-serif;
font-size: 3em;
color: #efdfc4;
margin: 0 .2em;
}
.service .price sup {
font-size: .5em;
font-weight: 400;
}
/* Pricing */
/*-----------------------------------*/
.pricing {
background-color: #eaeaea;
padding: 10px;
margin-bottom: 30px;
text-align: center;
}
.pricing .price,
.pricing .title {
font-size: 14px;
color: #fff;
background-color: #efdfc4;
padding: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pricing .price {
font-family: 'acumin-pro', sans-serif;
font-size: 24px;
}
.pricing .price strong {
font-size: 2em;
}
.pricing .features {
margin: 20px 0 50px;
}
.pricing .features li {
position: relative;
padding: 16px 10px 16px 32px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pricing .features li:before {
content: '\e634';
position: absolute;
top: 50%;
left: 5px;
margin-top: -12px;
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 26px;
color: #fff;
}
.pricing .features li:nth-child(odd) {
background-color: #fff;
}
.pricing .features li:nth-child(odd):before {
color: #eaeaea;
}
.pricing .features li.checked:before {
color: #efdfc4;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s cubic-bezier(0.6, 0.4, 0.1, 2.6);
-moz-transition: all 0.4s cubic-bezier(0.6, 0.4, 0.1, 2.6);
-o-transition: all 0.4s cubic-bezier(0.6, 0.4, 0.1, 2.6);
-ms-transition: all 0.4s cubic-bezier(0.6, 0.4, 0.1, 2.6);
transition: all 0.4s cubic-bezier(0.6, 0.4, 0.1, 2.6);
}
.pricing:hover .features li.checked:before {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
/* General Post Styles */
/*-----------------------------------*/
.article {
margin-bottom: 90px;
}
@media only screen and (max-width: 1229px) {
.article {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 991px) {
.article {
margin-bottom: 40px;
}
}
.post-title {
font-family: 'Playfair Display SC', serif;
font-size: 24px;
line-height: 1.5;
color: #1a1a1a;
text-transform: none;
margin-bottom: .7em;
}
@media only screen and (max-width: 1229px) {
.post-title {
font-size: 19px;
}
}
.post-title a {
display: inline-block;
color: #1a1a1a;
}
.post-title a:hover,
.post-title a:active {
color: #efdfc4;
}
.postlist-quad .post-title {
font-size: 18px;
}
.post-media {
margin-bottom: 16px;
position: relative;
}
.post-media img {
width: 100%;
}
.post-media .links {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
background-color: rgba(255, 255, 255, 0.5);
visibility: hidden;
opacity: 0;
font-size: 0;
text-align: center;
overflow: hidden;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.post-media .links:before {
content: '';
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.post-media .links a {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
font-size: 24px;
line-height: 40px;
color: #fff;
text-align: center;
background-color: rgba(26, 26, 26, 0.5);
border-radius: 50%;
margin: 6px;
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-o-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.post-media .links a:first-child {
-webkit-transform: translateX(-200%);
-moz-transform: translateX(-200%);
-o-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
.post-media .links a:hover,
.post-media .links a:active {
background-color: #1a1a1a;
}
.post-media:hover .links,
.post-media:active .links {
visibility: visible;
opacity: 1;
}
.post-media:hover .links a,
.post-media:active .links a {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.post-meta {
font-size: 0;
margin-bottom: 10px;
}
.post-meta > * {
display: inline-block;
font-family: 'acumin-pro', sans-serif;
font-size: 11px;
color: #5f5f5f;
letter-spacing: .1em;
padding: 8px 20px 8px 0;
margin-right: 18px;
border-right: 1px solid #eaeaea;
}
@media only screen and (max-width: 991px) {
.post-meta > * {
font-size: 9px;
padding: 4px 4px 4px 0;
margin-right: 6px;
}
}
@media only screen and (max-width: 479px) {
.post-meta > * {
margin-bottom: 4px;
}
}
.post-meta > *.last {
margin-right: 0;
padding-right: 0;
border-right: none;
}
.postlist-quad .post-meta > * {
font-size: 10px;
padding-right: 10px;
margin-right: 8px;
}
.postlist-quad .post-meta > *.last {
margin-right: 0;
padding-right: 0;
}
.post-meta a {
color: #5f5f5f;
}
.post-meta a:hover,
.post-meta a:active {
color: #efdfc4;
}
.post-meta .post-date {
color: #1a1a1a;
}
.post-meta .post-category a {
text-transform: uppercase;
}
.post-meta .link-yellow {
color: #efdfc4;
}
.post-meta .link-orange {
color: #ff6000;
}
.post-meta .link-red {
color: #fe2231;
}
.post-meta .link-purple {
color: #9560f5;
}
.post-meta .link-blue {
color: #0072ff;
}
.post-meta .link-green {
color: #3aaa35;
}
.post-meta .link-brown {
color: #7f5122;
}
.post-content {
margin-bottom: 24px;
}
.post-links {
text-align: right;
}
a.post-overlay-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: rgba(26, 26, 26, 0.5);
font-family: 'Raleway', sans-serif;
font-size: 24px;
color: #fff;
text-align: center;
overflow: hidden;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 1229px) {
a.post-overlay-link {
font-size: 20px;
}
}
@media only screen and (max-width: 991px) {
a.post-overlay-link {
font-size: 15px;
}
}
@media only screen and (max-width: 479px) {
a.post-overlay-link {
font-size: 11px;
}
}
a.post-overlay-link:hover,
a.post-overlay-link:active {
background-color: rgba(26, 26, 26, 0.8);
}
a.post-overlay-link .inner {
position: absolute;
top: 50%;
left: 20%;
right: 20%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 1229px) {
a.post-overlay-link .inner {
left: 5%;
right: 5%;
}
}
a.post-overlay-link i {
font-size: 36px;
margin-bottom: 1em;
}
@media only screen and (max-width: 1229px) {
a.post-overlay-link i {
font-size: 32px;
}
}
@media only screen and (max-width: 479px) {
a.post-overlay-link i {
font-size: 20px;
}
}
a.post-overlay-link blockquote {
line-height: 1.4;
}
.postlist-masonry a.post-overlay-link {
font-size: 15px;
}
.postlist-masonry a.post-overlay-link .inner {
left: 5%;
right: 5%;
}
.postlist-masonry a.post-overlay-link i {
font-size: 24px;
}
@media only screen and (max-width: 1229px) {
.postlist-masonry a.post-overlay-link {
font-size: 12px;
}
}
@media only screen and (max-width: 991px) {
.postlist-masonry a.post-overlay-link {
font-size: 13px;
}
.postlist-masonry a.post-overlay-link i {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.postlist-masonry a.post-overlay-link {
font-size: 11px;
}
}
/* Masonry Posts */
/*-----------------------------------*/
.postlist-masonry {
margin: 0 -15px -10px;
}
.postlist-masonry:before,
.postlist-masonry:after {
content: '';
display: table;
}
.postlist-masonry:after {
clear: both;
}
.postlist-masonry .article {
width: 100%;
float: left;
padding: 0 15px;
margin-bottom: 60px;
}
@media only screen and (max-width: 479px) {
.postlist-masonry .article {
margin-bottom: 40px;
}
}
.postlist-masonry.postlist-double .article {
width: 50%;
padding: 0 50px;
}
@media only screen and (max-width: 991px) {
.postlist-masonry.postlist-double .article {
padding: 0 15px;
}
}
@media only screen and (max-width: 767px) {
.postlist-masonry.postlist-double .article {
width: 100%;
}
}
.postlist-masonry.postlist-triple .article {
width: 33.33%;
}
@media only screen and (max-width: 991px) {
.postlist-masonry.postlist-triple .article {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.postlist-masonry.postlist-triple .article {
width: 100%;
}
}
.postlist-masonry.postlist-quad .article {
width: 25%;
padding: 0 5px;
}
@media only screen and (max-width: 1359px) {
.postlist-masonry.postlist-quad .article {
width: 33.33%;
padding: 0 15px;
}
}
@media only screen and (max-width: 991px) {
.postlist-masonry.postlist-quad .article {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.postlist-masonry.postlist-quad .article {
width: 100%;
}
}
.postlist-masonry .post-title {
text-align: center;
}
.postlist-masonry .post-meta,
.postlist-masonry .post-links {
text-align: center;
}
.postlist-masonry .post-content {
padding: 0 10px;
}
/* Widget Posts */
/*-----------------------------------*/
.widget-posts .article {
margin-bottom: 14px;
}
.widget-posts .post-media {
width: 29.6%;
float: left;
}
.widget-posts .post-content {
width: 66%;
float: right;
margin-bottom: 0;
}
.widget-posts .post-title {
font-size: 13px;
margin: -0.2em 0 0.2em;
}
@media only screen and (max-width: 1229px) {
.widget-posts .post-title {
font-size: 12px;
}
}
@media only screen and (max-width: 991px) {
.widget-posts .post-title {
font-size: 11px;
}
}
.widget-posts .post-meta > * {
padding: 6px 0 0;
margin-right: 8px;
border: none;
}
.widget-posts .post-meta > *.last {
margin-right: 0;
padding-right: 0;
}
@media only screen and (max-width: 991px) {
.widget-posts .post-meta > * {
font-size: 9px;
}
}
.footer .widget-posts .post-media {
width: 21.6%;
}
.footer .widget-posts .post-content {
width: 75%;
}
/* BlockQuote */
/*-----------------------------------*/
.blockquote {
display: block;
font-family: 'acumin-pro', sans-serif;
font-size: 13px;
line-height: 1.9;
color: #b4b4b4;
border-left: 1px solid #b4b4b4;
padding-left: 1.5em;
margin: 2.5em 3em 3em 1.5em;
}
.blockquote span {
display: block;
margin-top: 1em;
font-style: italic;
text-transform: uppercase;
}
@media only screen and (max-width: 1229px) {
.blockquote {
margin: 2em;
}
}
@media only screen and (max-width: 991px) {
.blockquote {
font-size: 11px;
}
}
@media only screen and (max-width: 767px) {
.blockquote {
font-size: 10px;
}
}
@media only screen and (max-width: 479px) {
.blockquote {
margin: 2em 1em;
}
}
/* Unordered List */
/*-----------------------------------*/
.unordered-list {
margin: 2.5em 3em 3em 2.5em;
}
@media only screen and (max-width: 1229px) {
.unordered-list {
margin: 2em;
}
}
.unordered-list li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.unordered-list li:before {
content: '';
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #b4b4b4;
position: absolute;
top: 5px;
left: -16px;
}
@media only screen and (max-width: 767px) {
.unordered-list {
margin: 2em 6% 2.4em;
}
.unordered-list li {
font-size: 12px;
}
.unordered-list li:before {
top: 4px;
left: -20px;
}
}
@media only screen and (max-width: 767px) {
.unordered-list li:before {
left: -17px;
}
}
/* Ordered List */
/*-----------------------------------*/
.ordered-list {
margin: 2.5em 3em 3em 2.5em;
list-style-type: none;
counter-reset: list;
}
@media only screen and (max-width: 1229px) {
.ordered-list {
margin: 2em;
}
}
.ordered-list li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.ordered-list li:before {
counter-increment: list;
content: counter(list);
position: absolute;
top: -5px;
left: -35px;
width: 26px;
height: 26px;
font-size: 13px;
line-height: 26px;
font-style: normal;
text-align: right;
}
@media only screen and (max-width: 767px) {
.ordered-list {
margin: 2em 6% 2.4em;
}
.ordered-list li {
font-size: 12px;
}
.ordered-list li:before {
top: -6px;
left: -39px;
}
}
@media only screen and (max-width: 767px) {
.ordered-list li:before {
left: -36px;
}
}
/* Definition List */
/*-----------------------------------*/
.definition-list {
margin: 2.5em 3em 3em 1.24em;
}
@media only screen and (max-width: 1229px) {
.definition-list {
margin: 2em .6em;
}
}
@media only screen and (max-width: 767px) {
.definition-list {
margin: 2em 1em;
}
}
@media only screen and (max-width: 479px) {
.definition-list {
margin: 2em 0;
}
}
.definition-list dt {
font-size: 12px;
font-weight: 500;
color: #353535;
letter-spacing: .2em;
text-transform: uppercase;
margin: .6em 0;
}
@media only screen and (max-width: 479px) {
.definition-list dt {
letter-spacing: 0;
}
}
.definition-list dd {
margin-bottom: 1.6em;
}
@media only screen and (max-width: 1229px) {
.definition-list dd {
margin-bottom: 1.4em;
}
}
/* HighLighted First Letter */
/*-----------------------------------*/
.first-letter:first-letter {
float: left;
font-size: 4.4em;
line-height: .8;
text-transform: uppercase;
padding: .18em .26em 0 0;
}
/* Blog Details */
/*-----------------------------------*/
.post-content blockquote {
display: block;
font-family: 'acumin-pro', sans-serif;
font-size: 13px;
line-height: 1.9;
color: #b4b4b4;
border-left: 1px solid #b4b4b4;
padding-left: 1.5em;
margin: 2.5em 3em 3em 1.5em;
}
.post-content blockquote span {
display: block;
margin-top: 1em;
font-style: italic;
text-transform: uppercase;
}
@media only screen and (max-width: 1229px) {
.post-content blockquote {
margin: 2em;
}
}
@media only screen and (max-width: 991px) {
.post-content blockquote {
font-size: 11px;
}
}
@media only screen and (max-width: 767px) {
.post-content blockquote {
font-size: 10px;
}
}
@media only screen and (max-width: 479px) {
.post-content blockquote {
margin: 2em 1em;
}
}
.post-content ul {
margin: 2.5em 3em 3em 2.5em;
}
@media only screen and (max-width: 1229px) {
.post-content ul {
margin: 2em;
}
}
.post-content ul li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.post-content ul li:before {
content: '';
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #b4b4b4;
position: absolute;
top: 5px;
left: -16px;
}
@media only screen and (max-width: 767px) {
.post-content ul {
margin: 2em 6% 2.4em;
}
.post-content ul li {
font-size: 12px;
}
.post-content ul li:before {
top: 4px;
left: -20px;
}
}
@media only screen and (max-width: 767px) {
.post-content ul li:before {
left: -17px;
}
}
.post-content ol {
margin: 2.5em 3em 3em 2.5em;
list-style-type: none;
counter-reset: list;
}
@media only screen and (max-width: 1229px) {
.post-content ol {
margin: 2em;
}
}
.post-content ol li {
line-height: 1.2;
margin-bottom: .9em;
position: relative;
}
.post-content ol li:before {
counter-increment: list;
content: counter(list);
position: absolute;
top: -5px;
left: -35px;
width: 26px;
height: 26px;
font-size: 13px;
line-height: 26px;
font-style: normal;
text-align: right;
}
@media only screen and (max-width: 767px) {
.post-content ol {
margin: 2em 6% 2.4em;
}
.post-content ol li {
font-size: 12px;
}
.post-content ol li:before {
top: -6px;
left: -39px;
}
}
@media only screen and (max-width: 767px) {
.post-content ol li:before {
left: -36px;
}
}
.post-content dl {
margin: 2.5em 3em 3em 1.24em;
}
@media only screen and (max-width: 1229px) {
.post-content dl {
margin: 2em .6em;
}
}
@media only screen and (max-width: 767px) {
.post-content dl {
margin: 2em 1em;
}
}
@media only screen and (max-width: 479px) {
.post-content dl {
margin: 2em 0;
}
}
.post-content dl dt {
font-size: 12px;
font-weight: 500;
color: #353535;
letter-spacing: .2em;
text-transform: uppercase;
margin: .6em 0;
}
@media only screen and (max-width: 479px) {
.post-content dl dt {
letter-spacing: 0;
}
}
.post-content dl dd {
margin-bottom: 1.6em;
}
@media only screen and (max-width: 1229px) {
.post-content dl dd {
margin-bottom: 1.4em;
}
}
.post-taglist {
margin-top: 20px;
text-align: left;
}
.post-taglist a {
position: relative;
z-index: 0;
display: inline-block;
overflow: hidden;
height: 20px;
line-height: 18px;
border: 1px solid #b4b4b4;
font-family: 'Raleway', sans-serif;
font-size: 12px;
color: #b4b4b4;
padding: 0 1em;
margin: 0 8px 8px 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.post-taglist a:hover,
.post-taglist a:active {
border-color: #1a1a1a;
background-color: #1a1a1a;
color: #fff;
-webkit-box-shadow: inset 0 0 0 1px #1a1a1a;
-moz-box-shadow: inset 0 0 0 1px #1a1a1a;
box-shadow: inset 0 0 0 1px #1a1a1a;
}
.post-share {
font-size: 0;
margin-top: 22px;
}
.post-share li {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.post-share li {
margin: 0 20px 10px 0;
}
}
.post-share a {
font-size: 16px;
color: #5f5f5f;
}
.post-share a:hover,
.post-share a:active {
color: #efdfc4;
}
@media only screen and (max-width: 767px) {
.post-share {
text-align: left;
}
}
/* Comments */
/*-----------------------------------*/
.comments {
border-top: 1px solid #eaeaea;
padding-top: 50px;
margin-bottom: 50px;
}
@media only screen and (max-width: 1229px) {
.comments {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.comments {
margin-bottom: 30px;
}
}
.comments .title {
font-family: 'acumin-pro', sans-serif;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
text-transform: uppercase;
margin-bottom: 2em;
}
.comment-list {
margin-bottom: 75px;
}
.comment {
padding: 14px 0 0 100px;
}
@media only screen and (max-width: 479px) {
.comment {
padding: 0px 0 0 90px;
}
}
.comment-body {
position: relative;
margin-bottom: 40px;
}
.comment-avatar {
width: 80px;
height: 80px;
position: absolute;
top: 2px;
left: -100px;
}
@media only screen and (max-width: 479px) {
.comment-avatar {
left: -90px;
}
}
.comment-avatar img {
width: 100%;
height: 100%;
}
.comment-meta {
margin-bottom: 20px;
}
.comment-author {
font-family: 'acumin-pro', sans-serif;
font-size: 13px;
color: #353535;
text-transform: uppercase;
}
.comment-author:hover,
.comment-author:active {
color: #efdfc4;
}
.comment-date {
font-size: 11px;
color: #b4b4b4;
display: block;
margin-top: .4em;
}
.comment-reply {
float: right;
color: #353535;
}
.comment-reply:hover,
.comment-reply:active {
color: #efdfc4;
}
.comment-content {
font-size: 11px;
}
.comment-content p {
line-height: 1.5;
margin-bottom: 1em;
}
.children .comment {
padding-left: 0;
padding-right: 0;
}
.children .comment-body {
padding-left: 80px;
}
@media only screen and (max-width: 991px) {
.children .comment-body {
padding-left: 40px;
}
}
@media only screen and (max-width: 479px) {
.children .comment-body {
padding-left: 10px;
}
}
.children .comment-avatar {
left: -20px;
}
@media only screen and (max-width: 991px) {
.children .comment-avatar {
left: -60px;
}
}
@media only screen and (max-width: 479px) {
.children .comment-avatar {
left: -80px;
}
}
/* Portfolio Item List */
/*-----------------------------------*/
.portfolio {
overflow: hidden;
margin-bottom: 45px;
}
.portfolio .portfolio-items {
font-size: 0;
margin: 0 -5px;
}
.portfolio .portfolio-item {
display: inline-block;
vertical-align: top;
padding: 5px;
width: 20%;
height: 240px;
/*@media @sm {
width: 25%;
&.width2 {width: 25%;}
&.width3 {width: 50%;}
&.width4 {width: 75%;}
&.width5 {width: 100%;}
}*/
}
.portfolio .portfolio-item.width2 {
width: 40%;
}
.portfolio .portfolio-item.width3 {
width: 60%;
}
.portfolio .portfolio-item.width4 {
width: 80%;
}
.portfolio .portfolio-item.width5 {
width: 100%;
}
.portfolio .portfolio-item.height2 {
height: 480px;
}
.portfolio .portfolio-item.height3 {
height: 720px;
}
.portfolio .portfolio-item.height4 {
height: 960px;
}
.portfolio .portfolio-item.height5 {
height: 1200px;
}
@media only screen and (max-width: 1229px) {
.portfolio .portfolio-item {
padding: 2px;
}
}
@media only screen and (max-width: 991px) {
.portfolio .portfolio-item {
width: 33.33%;
}
.portfolio .portfolio-item.width2 {
width: 33.33%;
}
.portfolio .portfolio-item.width3 {
width: 66.66%;
}
.portfolio .portfolio-item.width4 {
width: 66.66%;
}
.portfolio .portfolio-item.width5 {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.portfolio .portfolio-item {
width: 50%;
}
.portfolio .portfolio-item.width2 {
width: 50%;
}
.portfolio .portfolio-item.width3 {
width: 50%;
}
.portfolio .portfolio-item.width4 {
width: 100%;
}
.portfolio .portfolio-item.width5 {
width: 100%;
}
}
.portfolio .portfolio-item:nth-child(5n + 1) .item-image {
-webkit-transform-origin: 20% 20%;
-moz-transform-origin: 20% 20%;
-o-transform-origin: 20% 20%;
-ms-transform-origin: 20% 20%;
transform-origin: 20% 20%;
}
.portfolio .portfolio-item:nth-child(5n + 2) .item-image {
-webkit-transform-origin: 80% 20%;
-moz-transform-origin: 80% 20%;
-o-transform-origin: 80% 20%;
-ms-transform-origin: 80% 20%;
transform-origin: 80% 20%;
}
.portfolio .portfolio-item:nth-child(5n + 3) .item-image {
-webkit-transform-origin: 80% 80%;
-moz-transform-origin: 80% 80%;
-o-transform-origin: 80% 80%;
-ms-transform-origin: 80% 80%;
transform-origin: 80% 80%;
}
.portfolio .portfolio-item:nth-child(5n + 4) .item-image {
-webkit-transform-origin: 20% 80%;
-moz-transform-origin: 20% 80%;
-o-transform-origin: 20% 80%;
-ms-transform-origin: 20% 80%;
transform-origin: 20% 80%;
}
.portfolio .item-link {
position: relative;
display: block;
font-size: 0;
text-align: center;
overflow: hidden;
width: 100%;
height: 100%;
}
.portfolio .item-link .item-image {
display: block;
width: 100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-position: center center;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.portfolio .item-link .item-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
background-color: rgba(255, 255, 255, 0.75);
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.portfolio .item-link .item-hover:before {
content: '';
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.portfolio .item-link .item-hover:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0;
background-color: rgba(255, 196, 127, 0.5);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.portfolio .item-link.active .item-hover:after {
height: 100%;
-webkit-transition: height 3.8s linear;
-moz-transition: height 3.8s linear;
-o-transition: height 3.8s linear;
-ms-transition: height 3.8s linear;
transition: height 3.8s linear;
}
.portfolio .item-link .item-inner {
width: 90%;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 1;
}
.portfolio .item-link .item-title {
font-size: 16px;
}
@media only screen and (max-width: 1229px) {
.portfolio .item-link .item-title {
font-size: 13px;
}
}
@media only screen and (max-width: 479px) {
.portfolio .item-link .item-title {
font-size: 11px;
}
}
.portfolio .item-link .item-description {
font-size: 11px;
}
@media only screen and (max-width: 1229px) {
.portfolio .item-link .item-description {
font-size: 9px;
}
}
@media only screen and (max-width: 479px) {
.portfolio .item-link .item-description {
font-size: 9px;
}
}
.portfolio .item-link .item-description span {
text-transform: uppercase;
}
.portfolio .item-link:hover,
.portfolio .item-link:active {
color: #1a1a1a;
}
.portfolio .item-link:hover .item-image,
.portfolio .item-link:active .item-image {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: all 10s;
-moz-transition: all 10s;
-o-transition: all 10s;
-ms-transition: all 10s;
transition: all 10s;
}
.portfolio .item-link:hover .item-hover,
.portfolio .item-link:active .item-hover {
opacity: 1;
}
.portfolio.columns2 .portfolio-item {
width: 50%;
}
.portfolio.columns2 .portfolio-item.width2 {
width: 100%;
}
.portfolio.columns3 .portfolio-item {
width: 33.33%;
}
.portfolio.columns3 .portfolio-item.width2 {
width: 66.66%;
}
.portfolio.columns3 .portfolio-item.width3 {
width: 100%;
}
@media only screen and (max-width: 767px) {
.portfolio.columns3 .portfolio-item {
width: 50%;
}
.portfolio.columns3 .portfolio-item.width2 {
width: 50%;
}
.portfolio.columns3 .portfolio-item.width3 {
width: 100%;
}
}
.portfolio.columns4 .portfolio-item {
width: 25%;
}
.portfolio.columns4 .portfolio-item.width2 {
width: 50%;
}
.portfolio.columns4 .portfolio-item.width3 {
width: 75%;
}
.portfolio.columns4 .portfolio-item.width4 {
width: 100%;
}
@media only screen and (max-width: 767px) {
.portfolio.columns4 .portfolio-item {
width: 50%;
}
.portfolio.columns4 .portfolio-item.width2 {
width: 50%;
}
.portfolio.columns4 .portfolio-item.width3 {
width: 100%;
}
.portfolio.columns4 .portfolio-item.width4 {
width: 100%;
}
}
/* Portfolio Filter */
/*-----------------------------------*/
.portfolio-filter {
overflow: hidden;
padding-left: 100px;
margin-bottom: 10px;
position: relative;
}
@media only screen and (max-width: 991px) {
.portfolio-filter {
padding-left: 70px;
}
}
@media only screen and (max-width: 767px) {
.portfolio-filter {
padding: 0;
}
}
.portfolio-filter:before {
content: attr(data-label);
font-family: 'acumin-pro', sans-serif;
font-size: 13px;
line-height: 1;
color: #1a1a1a;
text-transform: uppercase;
position: absolute;
top: -1px;
left: 0;
}
@media only screen and (max-width: 767px) {
.portfolio-filter:before {
position: static;
display: block;
margin-bottom: 15px;
}
}
.portfolio-filter ul {
margin-right: -40px;
}
@media only screen and (max-width: 991px) {
.portfolio-filter ul {
margin-right: -15px;
}
}
.portfolio-filter li {
float: left;
margin: 0 40px 10px 0;
}
@media only screen and (max-width: 991px) {
.portfolio-filter li {
margin-right: 15px;
}
}
.portfolio-filter li.active a {
border-bottom-color: #efdfc4;
}
.portfolio-filter a {
display: block;
font-family: 'acumin-pro', sans-serif;
font-size: 11px;
line-height: 1;
color: #b4b4b4;
text-transform: uppercase;
padding: 0 0 .4em;
border-bottom: 2px solid transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.portfolio-filter a:hover,
.portfolio-filter a:active {
color: #1a1a1a;
}
/* Portfolio Details */
/*-----------------------------------*/
.project-info {
text-transform: uppercase;
margin-bottom: 20px;
}
.project-info .item {
margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
.project-info .item {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1229px) {
.project-info .item:nth-child(2n + 1) {
margin-left: 0;
}
}
.project-info .item > strong {
font-family: 'acumin-pro', sans-serif;
font-size: 16px;
display: block;
margin-bottom: .4em;
}
@media only screen and (max-width: 991px) {
.project-info .item > strong {
font-size: 14px;
}
}
@media only screen and (max-width: 479px) {
.project-info .item > strong {
font-size: 13px;
}
}
.project-info .item > span {
display: block;
line-height: 1.4;
}
/* General Widget Styles */
/*-----------------------------------*/
[class^='widget-'] {
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
[class^='widget-'] {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 479px) {
[class^='widget-'] {
margin-bottom: 30px;
}
}
.content [class^='widget-'] {
margin-bottom: 80px;
}
@media only screen and (max-width: 991px) {
.content [class^='widget-'] {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.content [class^='widget-'] {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 479px) {
.content [class^='widget-'] {
margin-bottom: 30px;
}
}
.footer [class^='widget-'] {
margin-bottom: 20px;
}
.widget-title {
font-family: 'acumin-pro', sans-serif;
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
text-align: left;
padding-bottom: 1em;
margin-bottom: 2.4em;
border-bottom: 2px solid #eaeaea;
}
.content .widget-title {
font-size: 20px;
padding-bottom: 0;
margin-bottom: 2em;
border-bottom: none;
}
@media only screen and (max-width: 1229px) {
.content .widget-title {
font-size: 18px;
}
}
@media only screen and (max-width: 479px) {
.content .widget-title {
font-size: 16px;
}
}
.footer .widget-title {
font-size: 13px;
padding-bottom: 0;
margin-bottom: 2em;
border-bottom: none;
}
/* Widget Categories */
/*-----------------------------------*/
.widget-categories ul {
margin-top: -16px;
}
.widget-categories li {
border-top: 1px solid #f1f1f1;
}
.widget-categories li:first-child {
border-top: none;
}
.widget-categories li.active a {
color: #efdfc4;
}
.widget-categories a {
display: block;
padding: 16px 0;
font-size: 12px;
color: #5f5f5f;
}
.widget-categories a:before,
.widget-categories a:after {
content: '';
display: table;
}
.widget-categories a:after {
clear: both;
}
.widget-categories a:hover,
.widget-categories a:active {
color: #efdfc4;
}
.widget-categories a span {
float: right;
}
.footer .widget-categories ul {
margin-top: 0;
}
.footer .widget-categories li {
float: left;
width: 44%;
margin: 0 6% 20px 0;
border: none;
}
.footer .widget-categories a {
display: inline-block;
padding: 0 0 2px;
position: relative;
}
.footer .widget-categories a:before,
.footer .widget-categories a:after {
content: '';
display: block;
position: absolute;
left: 50%;
right: 50%;
bottom: 0;
height: 1px;
background-color: #353535;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.footer .widget-categories a:hover,
.footer .widget-categories a:active {
color: #353535;
}
.footer .widget-categories a:hover:before,
.footer .widget-categories a:active:before {
left: 0;
}
.footer .widget-categories a:hover:after,
.footer .widget-categories a:active:after {
right: 0;
}
/* Widget Tags */
/*-----------------------------------*/
.widget-tags {
overflow: hidden;
}
.widget-tags .tags {
font-size: 0;
margin-right: -8px;
}
.widget-tags a {
position: relative;
z-index: 0;
display: inline-block;
overflow: hidden;
height: 36px;
line-height: 34px;
border: 1px solid #eaeaea;
font-family: 'Raleway', sans-serif;
font-size: 12px;
color: #353535;
text-transform: uppercase;
padding: 0 1.5em 0 2em;
margin: 0 8px 8px 0;
-webkit-box-shadow: inset 0 0 0 1px transparent;
-moz-box-shadow: inset 0 0 0 1px transparent;
box-shadow: inset 0 0 0 1px transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
@media only screen and (max-width: 1229px) {
.widget-tags a {
padding: 0 1em 0 1.4em;
}
}
.widget-tags a:before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #eaeaea;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 4px;
left: 4px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.widget-tags a:after {
content: '';
position: absolute;
top: -100%;
left: -100%;
right: -100%;
bottom: -100%;
z-index: -1;
background-color: #1a1a1a;
-webkit-transform: skewX(-65deg) translateX(100%);
-moz-transform: skewX(-65deg) translateX(100%);
-o-transform: skewX(-65deg) translateX(100%);
-ms-transform: skewX(-65deg) translateX(100%);
transform: skewX(-65deg) translateX(100%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.widget-tags a:hover,
.widget-tags a:active {
border-color: #1a1a1a;
color: #fff;
-webkit-box-shadow: inset 0 0 0 1px #1a1a1a;
-moz-box-shadow: inset 0 0 0 1px #1a1a1a;
box-shadow: inset 0 0 0 1px #1a1a1a;
}
.widget-tags a:hover:before,
.widget-tags a:active:before {
border-color: #fff;
}
.widget-tags a:hover:after,
.widget-tags a:active:after {
-webkit-transform: skewX(-65deg) translateX(0);
-moz-transform: skewX(-65deg) translateX(0);
-o-transform: skewX(-65deg) translateX(0);
-ms-transform: skewX(-65deg) translateX(0);
transform: skewX(-65deg) translateX(0);
}
/* Widget Calendar */
/*-----------------------------------*/
.widget-calendar table {
width: 100%;
font-family: 'acumin-pro', sans-serif;
font-size: 12px;
text-align: center;
border: none;
position: relative;
}
.widget-calendar table thead {
margin-bottom: 24px;
font-size: 10px;
}
.widget-calendar table thead th {
text-transform: uppercase;
color: #1a1a1a;
text-align: center;
background: none;
}
.widget-calendar table tbody td,
.widget-calendar table tbody td span {
padding: 13px 4px;
}
.widget-calendar table caption {
height: 24px;
line-height: 24px;
font-size: 14px;
color: #1a1a1a;
text-align: center;
text-transform: uppercase;
margin-bottom: 26px;
}
.widget-calendar table #today {
position: relative;
z-index: 0;
padding-left: 0;
padding-right: 0;
}
.widget-calendar table #today:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: #f1f1f1;
border-radius: 50%;
}
.widget-calendar table tfoot {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.widget-calendar table tfoot a {
display: inline-block;
overflow: hidden;
text-indent: 1000px;
}
.widget-calendar table tfoot tr td#prev a,
.widget-calendar table tfoot tr td#next a {
font-family: 'flyIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
font-size: 12px;
color: #1a1a1a;
display: block;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget-calendar table tfoot tr td#prev a:hover,
.widget-calendar table tfoot tr td#next a:hover,
.widget-calendar table tfoot tr td#prev a:active,
.widget-calendar table tfoot tr td#next a:active {
color: #efdfc4;
}
.widget-calendar table tfoot tr td#prev a:before,
.widget-calendar table tfoot tr td#next a:before {
content: '\e901';
line-height: 24px;
text-align: center;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
background-color: #fff;
}
.widget-calendar table tfoot tr td#prev a {
right: auto;
left: 0;
}
.widget-calendar table tfoot tr td#prev a:before {
content: '\e903';
}
/* Widget Subscribe */
/*-----------------------------------*/
.widget-subscribe {
border: 1px solid #eaeaea;
padding: 30px;
}
@media only screen and (max-width: 1229px) {
.widget-subscribe {
padding: 20px;
}
}
.widget-subscribe .widget-title {
text-align: center;
border: none;
margin-bottom: 1em;
}
.widget-subscribe p {
font-style: italic;
color: #5f5f5f;
margin-bottom: 0;
}
/* Widget Text */
/*-----------------------------------*/
.sidebar .widget-text p {
line-height: 2;
}
/* Widget About The Author */
/*-----------------------------------*/
.widget-author {
position: relative;
min-height: 120px;
padding-left: 120px;
}
@media only screen and (max-width: 479px) {
.widget-author {
padding-left: 90px;
}
}
.widget-author img {
margin-bottom: 14px;
}
.widget-author .avatar {
position: absolute;
top: 0;
left: 0;
width: 100px;
}
@media only screen and (max-width: 479px) {
.widget-author .avatar {
width: 80px;
}
}
.widget-author .widget-title {
font-size: 17px;
margin-bottom: 1em;
}
@media only screen and (max-width: 991px) {
.widget-author .widget-title {
font-size: 14px;
}
}
.widget-author p {
line-height: 1.8;
}
/* Widget Team */
/*-----------------------------------*/
.team-member {
padding: 0 9px 4px;
text-align: center;
}
.team-member img {
width: 100%;
}
.team-member .name {
font-family: 'acumin-pro', sans-serif;
font-size: 16px;
color: #5f5f5f;
letter-spacing: .04em;
text-transform: uppercase;
margin-bottom: .4em;
}
.team-member .job {
font-size: 12px;
}
.team-member .image {
position: relative;
margin-bottom: 1.1em;
}
.team-member .image:hover .social,
.team-member .image:active .social {
opacity: 1;
}
.team-member .social {
position: absolute;
top: 16px;
left: 16px;
right: 16px;
bottom: 16px;
background-color: rgba(255, 255, 255, 0.9);
font-size: 0;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.team-member .social:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.team-member .social li {
display: inline-block;
vertical-align: middle;
margin: 10px;
}
.team-member .social li a {
font-size: 18px;
color: #5f5f5f;
}
.team-member .social li a:hover,
.team-member .social li a:active {
color: #efdfc4;
}
/* Widget Skills */
/*-----------------------------------*/
.widget-skills .skill {
margin-bottom: 2.6em;
}
.widget-skills .skill .skill-info {
font-family: 'acumin-pro', sans-serif;
font-size: 14px;
font-weight: 700;
color: #5f5f5f;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 1em;
}
.widget-skills .skill .skill-info:before,
.widget-skills .skill .skill-info:after {
content: '';
display: table;
}
.widget-skills .skill .skill-info:after {
clear: both;
}
@media only screen and (max-width: 479px) {
.widget-skills .skill .skill-info {
font-size: 12px;
}
}
.widget-skills .skill .skill-info .skill-title {
float: left;
width: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.widget-skills .skill .skill-info .skill-percentage {
float: right;
width: 20%;
text-align: right;
}
.widget-skills .skill .progress {
height: 8px;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 0 0 1px #eaeaea;
-moz-box-shadow: inset 0 0 0 1px #eaeaea;
box-shadow: inset 0 0 0 1px #eaeaea;
}
.widget-skills .skill .progress-bar {
background-color: #5f5f5f;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: width 0.2s linear;
-moz-transition: width 0.2s linear;
-o-transition: width 0.2s linear;
-ms-transition: width 0.2s linear;
transition: width 0.2s linear;
}
/* Full Independent Sections (aka LP Sections) */
/*---------------------------------------------*/
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
overflow: hidden!important;
}
#swipebox-overlay img {
border: none!important;
}
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999!important;
overflow: hidden;
user-select: none;
background: rgba(95, 95, 95, 0.9);
}
#swipebox-container {
position: relative;
width: 100%;
height: 100%;
}
#swipebox-slider {
transition: transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
}
#swipebox-slider .slide {
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background: none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 5%;
box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
position: absolute;
left: 0;
right: 0;
z-index: 999;
}
#swipebox-bottom-bar {
top: 50%;
margin-top: -25px;
}
#swipebox-top-bar {
bottom: 0;
font-family: 'acumin-pro', sans-serif;
color: #fff;
font-size: 13px;
background-color: #efdfc4;
padding: 20px 5%;
}
@media only screen and (max-width: 991px) {
#swipebox-top-bar {
font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
#swipebox-top-bar {
font-size: 11px;
}
}
@media only screen and (max-width: 479px) {
#swipebox-top-bar {
font-size: 10px;
}
}
#swipebox-title {
display: block;
width: 100%;
text-align: center;
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
font-family: 'flyIcons';
border: none;
text-decoration: none!important;
cursor: pointer;
width: 50px;
height: 50px;
top: 0;
font-size: 50px;
color: #fff;
text-align: center;
line-height: 50px;
}
#swipebox-prev:hover,
#swipebox-next:hover,
#swipebox-close:hover,
#swipebox-prev:active,
#swipebox-next:active,
#swipebox-close:active {
color: #efdfc4;
border-color: #efdfc4;
}
#swipebox-arrows {
display: block;
margin: 0 auto;
width: 100%;
height: 50px;
}
#swipebox-prev,
#swipebox-next {
width: 40px;
height: 40px;
line-height: 32px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
font-size: 24px;
color: #fff;
text-shadow: none;
text-align: center;
margin: 0 20px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#swipebox-prev {
float: left;
}
#swipebox-prev:before {
content: '\e903';
}
#swipebox-next {
float: right;
}
#swipebox-next:before {
content: '\e901';
}
#swipebox-close {
top: 0;
right: 20px;
position: absolute;
z-index: 9999;
font-size: 20px;
}
#swipebox-close:before {
content: '\e907';
}
.swipebox-no-close-button #swipebox-close {
display: none;
}
#swipebox-prev.disabled,
#swipebox-next.disabled {
opacity: .6;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after {
backface-visibility: hidden;
transition: all .3s ease;
content: ' ';
position: absolute;
z-index: 999;
top: 0;
height: 100%;
width: 20px;
opacity: 0;
}
.swipebox-touch #swipebox-container:before {
left: 0;
box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
right: 0;
box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}
@keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
/* Write all WordPress Styles Here */
/*---------------------------------*/
/*# sourceMappingURL=style.css.map */
.form-title-ajax, .confirm {
text-align: center;
}