/*
Theme Name: tdenigma
Theme URI: http://topdesign.gr/demo/enigma
Author: TDGR and DeoThemes
Author URI: http://pixeldrops.net
Description: Enigma is a clean and minimal WordPress theme. It is Fully Responsive and compatible with all mobile devices. Perfectly suits for companies, creative agencies, freelancers, personal portfolio, creative minds, blogging and for landing pages as well. Enigma contains a drag & drop builder – so it’s easy to modify and customize everything.
Version: 1.4
License: Themeforest Regular / Extended
License URI: http://themeforest.net/licenses/standard
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: tdenigma
*/
/*-------------------------------------------------
Table of Content
1.General
1.1 Reset
1.2.Typography
2.Navigation
3.Content Home
4.Blog Standard
5.Blog Single
6.Home Owl Slider
7.Home Text Rotator
8.Home Video bg
9.Home Angles
10.Home Multi-page
11.Shortcodes
12.Typography
13.Services
14.About Us
15.Portfolio
16.Contact
17.404
-------------------------------------------------*/
/*-------------------------------------------------------*/
/* 1. General
/*-------------------------------------------------------*/
/* 1.0 - 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
/* 1.1 - Reset */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.clear { clear: both; }
.oh { overflow: hidden; }
.relative { position: relative; }
.section-wrap { padding: 150px 0; overflow: hidden; background-attachment: fixed; }
.color-white h2,
.color-white .subheading {
color:#fff;
}
.color-white h2:after {
border-bottom: 3px solid #fff;
}
.color-white.testimonials.style-2 .owl-dot.active span {
background-color: #fff;
border-color: #fff;
}
.color-white.testimonials.style-2 .owl-dot span {
border-color:#fff;
background:none;
}
.color-white.testimonials.style-2 .owl-dot:hover span {
border-color:#fff;
background:none;
}
.color-white .testimonial p.testimonial-text {
font-size: 24px;
line-height: 39px;
color: #fff;
font-style: italic;
margin: 30px 0;
padding:0 20px;
}
.color-white .testimonial p.testimonial-text:before {
content:"\f10d";
display:block;
color:#fff;
font-size:28px;
font-family:"FontAwesome";
font-style:normal;
margin-bottom:30px;
}
.color-white .testimonial p.testimonial-text,
.color-white.testimonials.style-2 .testimonial span.testimonial-info {
color:#fff;
}
.left { float: left; }
.right { float: right; }
.bg-light { background-color: #f7f7f7; }
.bg-dark { background-color: #242424; }
::-moz-selection { color: #fff; background: #000; }
::-webkit-selection { color: #fff; background: #000; }
::selection { color: #fff; background: #000; }
a {
text-decoration: none;
color: #bfa67a;
outline: none;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
color: #7a7a7a;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.arrows,
ul.arrows-2,
ul.bullets {
list-style:none;
}
body {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 1.5;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
background: #fff;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
color: #4b4b4b;
text-align: justify;
}
video {
height: 100%;
width: 100%;
}
body img {
border: none;
max-width: 100%;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
margin-top: 0;
text-transform: uppercase;
color: #7a7a7a;
letter-spacing: 0.05em;
font-weight: 700;
margin:20px 0;
}
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 15px; }
.section-title {
margin-bottom:60px;
}
.section-title.disable {
margin-bottom:0;
}
.section-title.disable h2:after {
display:none;
}
p {
font-size: 15px;
color: #7a7a7a;
font-weight: normal;
line-height: 25px;
margin-bottom: 1.6em;
margin:10px 0;
}
b,
strong {
font-weight: 700;
}
address {
font-style: italic;
margin: 0 0 1.6em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background-color: transparent;
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid #e8e8e8;
border: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.2;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 0.8em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
abbr[title] {
border-bottom: 1px dotted #e8e8e8;
border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
cursor: help;
}
mark,
ins {
background-color: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
/**
* 4.0 Elements
*/
hr {
background-color: #e8e8e8;
background-color: rgba(51, 51, 51, 0.1);
border: 0;
height: 1px;
margin-bottom: 1.6em;
}
ul,
ol {
margin: 0 0 1.6em 1.3333em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin-bottom: 1.6em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.6em;
}
table,
th,
td {
border: 1px solid #e8e8e8;
border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
table-layout: fixed; /* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th, td {
padding: 0.4em;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
figure {
margin: 0;
}
del {
opacity: 0.8;
}
.blog iframe {
max-height:420px;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.7);
font-family: "Pt Serif", sans-serif;
}
:-moz-placeholder {
color: rgba(51, 51, 51, 0.7);
font-family: "Pt Serif", sans-serif;
}
::-moz-placeholder {
color: rgba(51, 51, 51, 0.7);
font-family: "Pt Serif", sans-serif;
opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.7);
font-family: "Pt Serif", sans-serif;
}
/**
* 5.0 Forms
*/
button,
input,
select,
textarea {
background-color: #f7f7f7;
border-radius: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
line-height: normal;
}
input,
textarea {
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
border: 1px solid #e8e8e8;
border: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
input:focus,
textarea:focus {
background-color: #fff;
border: 1px solid #c1c1c1;
border: 1px solid rgba(51, 51, 51, 0.3);
color: #333;
}
input:focus,
select:focus {
outline: 2px solid #c1c1c1;
outline: 2px solid rgba(51, 51, 51, 0.3);
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
opacity: .5;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
background-color: #333;
border: 0;
color: #fff;
cursor: pointer;
font-family: "Pt Serif", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
padding: 0.7917em 1.5em;
text-transform: uppercase;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
outline: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.375em;
width: 100%;
}
textarea {
overflow: auto;
vertical-align: top;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
outline: 0;
}
.post-password-form {
position: relative;
}
.post-password-form label {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Pt Serif", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.post-password-form input[type="submit"] {
padding: 0.7917em;
position: absolute;
right: 0;
bottom: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
padding: 0;
}
/**
* 8.0 Alignments
*/
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0.4em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
}
/**
* 9.0 Clearings
*/
.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
content: "";
display: table;
}
.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
clear: both;
}
/*-------------------------------------------------------*/
/* Preloader
/*-------------------------------------------------------*/
.loader-mask {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff;
z-index:99999;
}
.loader,
.loader:before,
.loader:after {
border-radius: 50%;
}
.loader:before,
.loader:after {
position: absolute;
content: '';
}
.loader:before {
width: 4.9em;
height: 10.8em;
background: #fff;
border-radius: 10.2em 0 0 10.2em;
top: -0.1em;
left: -0.1em;
-webkit-transform-origin: 5.2em 5.1em;
transform-origin: 5.2em 5.1em;
-webkit-animation: load2 2s infinite ease 1.5s;
animation: load2 2s infinite ease 1.5s;
}
.loader {
font-size: 7px;
text-indent: -99999em;
position: absolute;
left: 50%;
top: 50%;
width: 10em;
height: 10em;
margin:-35px 0 0 -35px;
box-shadow: inset 0 0 0 .4em #000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.loader:after {
width: 5.6em;
height: 10.8em;
background: #fff;
border-radius: 0 10.2em 10.2em 0;
top: -0.1em;
left: 5.1em;
-webkit-transform-origin: 0px 5.1em;
transform-origin: 0px 5.1em;
-webkit-animation: load2 2s infinite ease;
animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*-------------------------------------------------------*/
/* Navigation Onepage
/*-------------------------------------------------------*/
.nav-type-1 .container-fluid {
padding: 0 50px;
}
.navbar {
margin-bottom: 0;
border: none;
min-height: 60px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 1200;
}
.navbar-nav {
margin: 0;
float: none;
display: inline-block;
}
.navigation-overlay {
background-color: rgba(17,17,17,.5);
width: 100%;
line-height: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navigation-overlay.sticky {
background-color: rgba(17,17,17,1);
visibility: visible;
opacity: 1;
}
.navigation-overlay.sticky .navbar-nav > li > a,
.navigation-overlay.sticky .menu-socials li > a {
line-height: 60px;
}
.menu-socials ul {
margin:0;
}
.navbar-header {
width: 30%;
padding-right: 15px;
}
.nav-wrap {
width: 60%;
}
.menu-socials {
width: 20%;
float: right;
padding: 0 15px;
}
.menu-socials li {
display: inline-block;
}
.nav > li {
clear:right;
}
.navbar-nav > li > a {
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
text-transform: uppercase;
padding: 0 20px;
line-height: 90px;
color: #fff;
font-size: 13px;
letter-spacing: 0.02em;
font-weight: bold;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu-socials ul {
float: right;
}
.menu-socials li > a {
font-size: 16px;
line-height: 90px;
margin-left: 22px;
color: #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.logo-container {
padding: 0 15px;
float: left;
}
.logo-wrap,
.logo-left-wrap {
display: table;
width: 100%;
}
.logo-wrap > a,
.logo-left-wrap > a {
display: table-cell;
vertical-align: middle;
height: 90px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.logo-wrap.shrink > a {
/*height: 90px;*/
}
.logo-wrap img,
.logo-left-wrap img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-top:5px;
margin-bottom:5px;
}
.logo-wrap.shrink img {
/*height: 70px;*/
}
.navbar-collapse.in {
overflow-x: hidden;
}
.navbar-nav > li > a:hover,
.navbar-nav > .active > a,
.navbar-nav > .active > a:focus,
.navbar-nav > .active > a:hover,
.menu-socials li > a:hover {
opacity: 1;
}
.menu-socials li > a:hover {
border-color: #bfa67a;
}
.navbar-collapse {
padding: 0;
border-top: none;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.nav > li > a:focus,
.nav > li > a:hover {
background-color: transparent;
text-decoration: none;
border-color: #f2f2f2;
}
.style-2 .work-img { filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.style-2 .work-item:hover .work-img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
}
@media (max-width: 991px) {
.navigation-overlay,
.navigation-overlay.sticky {
background-color: rgba(17,17,17,.9);
}
.nav-wrap {
width: 100%;
padding: 0;
}
.nav-type-1 .container-fluid {
padding: 0 15px;
}
.navbar-header {
width: 100%;
padding-right: 0;
}
.logo-wrap img,
.logo-left-wrap img {
height: 48px;
}
.logo-wrap > a,
.logo-left-wrap > a {
height: 60px;
}
.navbar-nav {
width: 100%;
padding: 40px 0;
}
.navigation-overlay.sticky .navbar-nav > li > a,
.navigation-overlay .navbar-nav > li > a {
padding: 10px 0;
line-height: 30px;
}
}
/* Navigation Toggle
-------------------------------------------------------*/
.navbar-toggle {
margin-top: 13px;
border: none;
z-index: 50;
margin-right: 5px;
}
.navbar-toggle .icon-bar {
background-color: #fff;
width: 18px;
}
.navbar-toggle:focus .icon-bar,
.navbar-toggle:hover .icon-bar {
background-color: #f2f2f2;
}
.navbar-toggle:focus,
.navbar-toggle:hover {
background-color: transparent;
}
/*Go to Top*/
#back-to-top {
display: block;
z-index: 500;
width: 40px;
height: 40px;
text-align: center;
font-size: 22px;
position: fixed;
bottom: -40px;
right: 20px;
line-height: 35px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background-color: #fff;
text-decoration: none;
box-shadow: 1px 1.732px 12px 0px rgba( 0, 0, 0, .14 ), 1px 1.732px 3px 0px rgba( 0, 0, 0, .12 );
}
#back-to-top i {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#back-to-top a {
width: 40px;
height: 40px;
display: block;
color: #333333;
}
#back-to-top.show {
bottom: 20px;
}
#back-to-top:hover {
background-color: #333333;
}
#back-to-top:hover i {
color: #fff;
}
/*-------------------------------------------------------*/
/* Content Home
/*-------------------------------------------------------*/
/* Intro
-------------------------------------------------------*/
.intro-heading {
font-size: 28px;
margin-bottom: 40px;
}
.heading-frame {
padding: 38px 50px;
border: 5px solid #333333;
display: inline-block;
}
.intro-text {
font-size: 17px;
line-height: 32px;
}
/* Results
-------------------------------------------------------*/
.result-box {
padding: 23% 0;
}
.result-wrap {
width: 230px;
margin: 0 auto
}
.result-wrap i.icon {
font-size: 55px;
color: #fff;
float: left;
margin-top: 3px;
width: 55px;
height: 55px;
line-height: 55px;
vertical-align: text-top;
margin-left: 0px;
}
.statistic span {
font-size: 36px;
font-family: 'Montserrat', sans-serif;
color: #fff;
display: block;
line-height: 1;
margin-bottom: 9px;
margin-left: 20px;
float: left;
}
.statistic span.counter-text {
font-size: 13px;
text-transform: uppercase;
color: #929292;
margin-bottom: 0;
}
/* Services
-------------------------------------------------------*/
.subheading {
font-family: "Pt Serif", Serif;
font-size: 16px;
font-style: italic;
}
.heading {
margin-bottom: 60px;
}
.bottom-line:after {
content: "";
display: block;
width: 48px;
border-bottom: 3px solid #e8e8e8;
margin: 15px auto 15px;
}
.service-item-box {
background-color: #fff;
padding: 60px 10px;
margin-bottom: 30px;
}
.service-item-box h3 {
font-size: 15px;
margin-bottom: 21px;
}
.service-item-box > a {
display: inline-block;
margin-bottom: 27px;
}
.service-item-box i {
display: block;
font-size: 24px;
line-height: 70px;
color: #fff;
}
.services.style-2 .service-item-box {
background:none;
}
.features-icons.service-item-box {
padding:0px;
background:none;
}
/*Hi Icons*/
.hi-icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
}
.hi-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* Effect 1 */
.icon-effect-1 .hi-icon {
background-color: transparent;
color: #bfa67a;
border: 2px solid #bfa67a;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.icon-effect-1 .hi-icon:after {
top: -5px;
left: -5px;
padding: 5px;
box-shadow: 0 0 0 2px #111;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
}
.icon-effect-1a .hi-icon:hover {
background: rgba(17, 17, 17,1);
color: #fff;
border-color: transparent;
}
.icon-effect-1a .hi-icon:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* Promo Section
-------------------------------------------------------*/
#td-promo .vc_col-sm-12{
padding: 0;
}
#owl-promo .owl-pagination {
left:95px;
}
#owl-promo .col-md-6 {
padding:0;
}
.promo-section img {
width: 100%;
}
#owl-promo .promo-description {
padding: 50px 0 50px 50px;
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.promo-description > h3 {
margin-bottom: 22px;
}
.promo-description > p {
color: #a6a6a6;
}
.customNavigation > a {
background-color: transparent;
cursor: pointer;
color: #fff;
font-size: 24px;
}
.customNavigation > a:first-child {
margin-right: 10px;
}
.customNavigation > a:hover {
opacity: .8;
}
/* Portfolio
-------------------------------------------------------*/
.style-2 img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.work-item:hover img {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}
.works-grid-3-col-wide .container-fluid {
padding: 0 50px;
}
#portfolio.style-2 {
margin: 0 0 50px -5px;
}
#portfolio.style-2 .work-item {
padding: 0 0 5px 5px;
height: auto;
float: left;
overflow: hidden;
}
.work-img img {
overflow: hidden;
width: 100%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.work-img {
position: relative;
overflow: hidden;
}
.work-img > a,
.work-overlay {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.work-overlay {
background-color: rgba(20,20,20,.7);
border: 10px solid rgba(255,255,255,.2);
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.work-description {
position: absolute;
display: block;
left: 8%;
top: 8%;
width: 80%;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#portfolio.style-2 .work-img a.btn {
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -82px;
height: auto;
width: auto;
}
.work-description h3 {
font-size: 16px;
margin-bottom: 5px;
color: #fff;
}
.work-description a {
color: #fff;
}
.work-description span {
font-size: 13px;
color: #fff;
display: inline-block;
}
.work-description h3,
.work-description span {
-webkit-transform: translateX(-360px);
-moz-transform: translateX(-360px);
-o-transform: translateX(-360px);
transform: translateX(-360px);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.work-item:hover img {
-webkit-transform: scale3d(1.1,1.1,1);
-moz-transform: scale3d(1.1,1.1,1);
-o-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.work-item:hover .work-description h3,
.work-item:hover .work-description span {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.work-item:hover .work-description span {
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.work-item:hover .work-overlay {
opacity: 1;
}
/* Call to Action
-------------------------------------------------------*/
.call-to-action h2 {
font-size: 19px;
margin-top: 15px;
}
.cta-center-align {
text-align:center;
}
.cta-center-2-align {
text-align:center;
}
.cta-center-2-align h2 {
font-size:32px;
margin-bottom:45px;
}
.cta-center-align h2 {
font-size:32px;
margin-bottom:45px;
}
.cta-center-align .ctabtn2,
.cta-left-align .ctabtn2,
.cta-right-align .ctabtn2 {
display:none;
}
.cta-left-align h2 {
float:left;
width:80%;
display:inline-block;
}
.cta-left-align .cta-button {
float:right;
width:20%;
display:inline-block;
}
.cta-right-align h2 {
float:right;
width:80%;
display:inline-block;
}
.cta-right-align .cta-button {
float:left;
width:20%;
display:inline-block;
}
/* Process
-------------------------------------------------------*/
.process {
background: url(../img/process_bg.jpg) no-repeat center center fixed;
position: static;
}
/*5 columns*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 767px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
.process-wrap i.icon {
font-size: 32px;
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
display: inline-block;
border: 2px solid rgba(255,255,255,.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #fff;
}
.process-wrap h3 {
color: #fff;
font-size: 13px;
margin: 30px 0 20px;
}
/* Our Team
-------------------------------------------------------*/
.our-team .team-row {
margin-left: -40px;
margin-right: -40px;
}
.our-team .team-wrap {
padding: 0 40px;
}
.our-team .container-fluid {
padding: 0 50px;
}
.team-img img {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
overflow: hidden;
width: 100%;
}
.team-member,
.team-img {
position: relative;
overflow: hidden;
}
.team-title {
margin: 30px 0 7px;
}
.overlay {
background-color: rgba(20,20,20,.7);
position: absolute;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.team-details {
opacity: 0;
position: absolute;
top: 50%;
left: 0;
padding: 5%;
overflow: hidden;
width: 100%;
z-index: 2;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.team-details p {
color: #fff;
}
.team-img:hover .team-details {
opacity: 1;
margin-top: -80px;
}
.team-img:hover .overlay {
opacity: 1;
}
.socials a {
display: inline-block;
width: 37px;
height: 37px;
background-color: transparent;
}
.socials i {
line-height: 37px;
color: #616161;
font-size: 14px;
width: 37px;
height: 37px;
border-radius: 50%;
text-align: center;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.team-details .socials i {
color: #fff;
}
.socials a:hover i {
color: #fff;
background-color: #bfa67a;
}
/* About us
-------------------------------------------------------*/
.about-description h4,
.about-description p:first-of-type {
margin-bottom: 15px;
}
/* Progress Bars
-------------------------------------------------------*/
#skills {
margin-top: 35px;
}
.progress-bar {
-webkit-transition: width 1.5s ease-in-out;
-moz-transition: width 1.5s ease-in-out;
-o-transition: width 1.5s ease-in-out;
transition: width 1.5s ease-in-out;
box-shadow: none;
}
.skills-progress h6,
.skills-progress h6 span {
color: #333;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.progress-solid.meter {
height: 8px;
position: relative;
background: #fbfbfb;
margin-bottom: 30px;
}
.meter .progress-bar {
display: block;
height: 8px;
position: relative;
overflow: hidden;
background-color: #bfa67a;
}
.skills-progress h6 span {
float: right;
}
.row.mt-minus-30 {
margin-top: -30px;
}
/* From Blog
-------------------------------------------------------*/
.our-team .container-fluid {
padding: 0 50px;
}
.blog-col {
padding: 0 5px;
}
.from-blog .customNavigation > a {
color: #333;
}
.entry-box {
padding: 40px;
background-color: #fff;
}
.blog-col h4 {
font-size: 15px;
margin-top: 10px;
margin-bottom: 4px;
line-height: 1.5;
}
.blog-col h4 a {
color: #333;
}
.blog-col a.read-more {
display:block;
margin-top:20px;
}
ul.entry-meta {
margin-left:0;
}
.entry-meta li,
.entry-meta > span {
display: inline;
font-size: 13px;
color: #919191;
margin-bottom: 15px;
}
.entry-meta a {
color: #919191;
}
.entry-meta a:hover,
.blog-col h4 a:hover {
color: #333;
}
.entry-meta li:before,
li.entry-author:after {
content: "|";
opacity: 0.5;
margin: 0 7px;
}
.entry-meta li:first-child:before {
content: "";
margin: 0;
}
.entry-category a {
margin-bottom:7px;
display:inline-block;
}
.entry-img {
position: relative;
overflow: hidden;
}
.entry-img img {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 100%;
}
.read-more {
font-size: 12px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
letter-spacing: 0.02em;
font-weight: bold;
color: #333;
}
.blog-col-3 .entry-img:hover img {
opacity: 0.8;
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.flex-direction-nav a {
display: block;
font-size: 16px;
width: 40px;
height: 40px;
background-color: rgba(0,0,0,.5);
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
text-align: center;
color: #fff;
line-height: 40px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
left: -40px;
}
.flex-direction-nav .flex-next {
right: -40px;
}
.flexslider:hover .flex-direction-nav a {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
right: 0;
}
.flexslider:hover .flex-direction-nav .flex-prev {
left: 0;
}
.flexslider .flex-direction-nav .flex-nav-next:hover a,
.flexslider .flex-direction-nav .flex-nav-prev:hover a {
color: #000;
background-color: #fff;
}
/* Testimonials
-------------------------------------------------------*/
.parallax-testimonials {
background: url(../img/testimonials_bg.jpg) no-repeat center center fixed;
position: relative;
}
.testimonial-text {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.parallax-testimonials .bottom-line:after {
border-color: #fff;
}
.testimonial-text {
font-size: 24px;
line-height: 39px;
color: #fff;
font-style: italic;
margin: 30px 0;
font-family: "Pt Serif", Serif;
}
.testimonial i {
font-size: 28px;
color: #fff;
}
.testimonial span,
.testimonial h6 {
display: block;
color: #fff;
}
.testimonial span {
font-size: 13px;
}
.testimonial h6 {
font-size: 13px;
margin-bottom: 5px;
}
.parallax-testimonials .owl-pagination {
bottom: 30px;
}
.parallax-testimonials .owl-carousel {
}
/* Clients
-------------------------------------------------------*/
.client-logo {
border-bottom: 1px solid #dedede;
border-right: 1px solid #dedede;
text-align: center;
}
.client-logo:last-child {
border-right: none;
}
.second-row .client-logo {
border-bottom: none;
}
/* Contact
-------------------------------------------------------*/
.contact-row {
margin-left: -8px;
margin-right: -8px;
}
.contact-name,
.contact-email {
padding: 0 8px;
}
.contact-item:first-of-type {
margin-top: 38px;
}
.contact-item {
position: relative;
padding-left: 70px;
padding-top: 5px;
margin-top: 30px;
}
.contact-item h6 {
font-size: 12px;
margin-top: 5px;
margin-bottom: 7px;
}
.contact-item p,
.contact-item span,
.contact-item a {
font-size: 16px;
}
.contact-icon {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 2px solid #bfa67a;
text-align: center;
position: absolute;
left: 0;
}
.contact-icon i.icon {
font-size: 18px;
color: #bfa67a;
line-height: 47px;
margin-left:0;
}
.gmap {
position: relative;
width: 100%;
height: 450px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea {
height: 47px;
border: 2px solid #e3e3e3;
background-color: transparent;
width: 100%;
margin-bottom: 16px;
padding: 0 16px;
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
-ms-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
}
textarea.wpcf7-form-control.wpcf7-textarea,
textarea#comment {
height: 190px;
max-height: 190px;
padding: 8px 16px;
margin-bottom: 25px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea.wpcf7-form-control.wpcf7-textarea:focus {
border-color: #bfa67a;
outline: none;
box-shadow: none;
border-width:2px;
}
#contact-form .message {
height: 50px;
width: 100%;
font-size: 13px;
line-height: 50px;
text-align: center;
float: none;
margin-top: 20px;
display: none;
color: #fff;
}
#contact-form .message.error { background-color: #f44336; }
#contact-form .message.success { background-color: #4CAF50; }
/* Footer
-------------------------------------------------------*/
.footer.minimal {
padding: 120px 0;
text-align: center;
}
.copyright {
display: none;
}
.footer.minimal .copyright {
display: block;
margin-top: 70px;
font-size: 10px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.footer.minimal .copyright a {
color: #909090;
}
.socials.footer-socials a {
margin: 0 2px;
}
.socials.footer-socials i {
width: 90px;
height: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #1B1B1B;
color: #dbdbdb;
line-height: 46px;
text-align: center;
font-size: 40px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.socials.footer-socials a:hover i {
color: #fff;
background-color: #bfa67a;
}
.footer-type-3 .socials.footer-socials a:hover i {
background-color: transparent;
}
/* Owl Carousel
-------------------------------------------------------*/
.owl-pagination {
bottom: 20px;
position: absolute;
left: 0;
display: block;
text-align: center;
width: 100%;
}
.owl-buttons {
position: static;
}
.owl-prev, .owl-next {
display: block;
position: absolute;
top: 50%;
margin-top: -23px;
text-align: center;
line-height: 46px;
z-index: 10;
width: 46px;
height: 46px;
background-color: #fff;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.owl-prev {
left: -40px;
}
.owl-next {
right: -40px;
}
#owl-slider-one-img:hover .owl-prev,
#owl-slider-small-img:hover .owl-prev {
opacity: 1;
left: 0;
}
#owl-slider-one-img:hover .owl-next,
#owl-slider-small-img:hover .owl-next {
opacity: 1;
right: 0;
}
.owl-dot {
display: inline-block;
padding: 6px 6px;
position: relative;
}
.owl-dot span {
display: block;
position: relative;
width: 10px;
height: 10px;
opacity: 0.8;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: transparent;
z-index: 100;
border: 2px solid #fff;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.owl-dot span:hover {
opacity: 1;
}
.owl-theme .owl-controls .owl-dot.active span {
display: block;
width: 10px;
height: 10px;
opacity: 1;
background: #fff;
}
.owl-next:hover i,
.owl-prev:hover i {
color: #bfa67a;
}
/*-------------------------------------------------------*/
/* Page Title / Breadcrumbs
/*-------------------------------------------------------*/
.page-title {
position: relative;
width: 100%;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
display: block;
}
.page-title .container {
height: 600px;
}
.page-title .heading-frame {
border-color: #fff;
}
.title-holder {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.title-text {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.title-text h1 {
margin: 30px 0;
font-size: 32px;
}
.page-title .breadcrumb {
width: auto;
background-color: transparent;
padding: 0;
margin: -10px 0 0 0;
font-size: 13px;
}
ol.breadcrumb {
background-color: transparent;
padding: 0;
margin-top: 28px;
margin-bottom: 0;
font-size: 13px;
}
.breadcrumb a {
color: #fff;
}
.breadcrumb > .active {
color: #fff;
}
.breadcrumb a {
color: #fff;
}
.page-title .breadcrumb>li+li:before {
color: #fff;
opacity: 0.5;
}
.page h2.entry-title {
margin-top:0;
}
.blog .format-quote .entry {
margin-top:0 ;
}
/*-------------------------------------------------------*/
/* Blog Standard
/*-------------------------------------------------------*/
.blog-content .entry-img img {
transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
}
.blog-content .entry-img a:hover img {
opacity: .8;
}
.blog h2.entry-title a,
.archive h2.entry-title a {
font-size: 21px;
color: #333;
margin-top:0;
}
.blog .bottom-line:after,
.archive .bottom-line:after {
display: none;
}
.blog .blog-sidebar,
.archive .blog-sidebar,
.single-post .blog-sidebar {
padding-left: 65px;
}
.entry-item {
margin-bottom: 60px;
position: relative;
overflow: hidden;
}
.blog .entry,
.archive .entry {
margin-top: 42px;
}
.blog-content .entry-img,
.blog-content .entry-slider,
.blog-content .entry-video {
position: relative;
overflow: hidden;
margin-bottom: 34px;
}
.blog .entry-title,
.archive .entry-title {
padding-left: 93px;
margin-bottom: 10px;
margin-top:0;
}
.blog .entry-meta,
.archive .entry-meta {
padding-left: 96px;
margin-left:0;
margin-top:0;
}
.blog-content .entry-meta li:first-child:before {
margin: 0 0 0 3px;
}
.blog .entry-image,
.archive .entry-image {
margin-bottom:35px;
}
.blog .entry-date,
.archive .entry-date {
float: left;
padding: 13px 19px;
width: 75px;
height: 70px;
border: 3px solid #333;
font-family: "Montserrat", sans-serif;
color: #3b3b3b;
font-weight: bold;
text-align: center;
}
.blog .blog-content .entry-date span,
.archive .blog-content .entry-date span {
display: block
}
.blog .blog-content .entry-date span:first-child,
.archive .blog-content .entry-date span:first-child {
font-size: 21px;
line-height: 1;
}
.blog .blog-content .entry-date span:last-child,
.archive .blog-content .entry-date span:last-child {
font-size: 15px;
line-height:20px;
text-transform: uppercase;
width: 30px;
}
.blog-content .entry-title h2 > a {
font-size: 21px;
color: #333;
}
.blog-content .entry-meta li {
margin-bottom: 7px;
}
.blog-content .entry-content {
/*margin-top: 17px;*/
}
.entry-content > i {
margin-left: 3px;
font-size: 14px;
vertical-align: middle;
}
a.more-link {
font-size: 12px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
letter-spacing: 0.02em;
font-weight: bold;
color: #333;
}
a.more-link:after {
font-family:'ElegantIcons';
content:"\24";
margin-left: 3px;
font-size: 14px;
vertical-align: middle;
color: #7a7a7a;
}
/* Quote Post
-------------------------------------------------------*/
.blog .entryblockquote,
.archive .entryblockquote {
padding-left: 0;
}
.blog .entry-item blockquote > p > a,
.blog .entry-item blockquote > p,
.archive .entry-item blockquote > p > a,
.archive .entry-item blockquote > p {
color: #333333;
font-size: 22px;
line-height: 34px;
font-style: italic;
font-family: "Pt Serif", Serif;
}
.blog .entry-item blockquote > p > a:hover,
.archive .entry-item blockquote > p > a:hover {
color: #7a7a7a;
}
blockquote > i {
font-size: 22px;
color: #d1d1d1;
margin-bottom: 13px;
}
/* Video Post
-------------------------------------------------------*/
.entry-video iframe {
width: 100%;
display: block;
border: 0;
}
/* Pagination
-------------------------------------------------------*/
.pagination {
margin: 0 auto;
border-radius: 0;
display: block;
text-align: center;
padding-top: 42px;
border-top: 1px solid #e5e5e5;
}
a.page-numbers,
span.page-numbers {
background-color: #fff;
font-size: 12px;
display: inline-block;
height: 25px;
line-height: 20px;
text-align: center;
margin: 0 9px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: "Montserrat", sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.pagination span.pagination-dots {
margin: 0 3px;
}
.pagination i:first-child {
margin-right: -5px;
}
.pagination i:last-child {
margin-left: -7px;
}
.pagination a {
color: #757575;
}
.pagination a:hover {
color: #333;
}
.pagination .current {
color: #3b3b3b;
}
.pagination .next,
.pagination .prev {
font-size:0px;
}
.pagination .next:after {
font-family:"ElegantIcons";
content:"\24";
font-size: 10px;
margin: 0 3px;
}
.pagination .prev:before {
font-family:"ElegantIcons";
content:"\23";
font-size: 10px;
margin: 0 3px;
}
/*-------------------------------------------------------*/
/* Blog Sidebar
/*-------------------------------------------------------*/
.blog-sidebar .widget {
margin-top: 60px;
position: relative;
}
.blog-sidebar .widget:first-child {
margin-top: 0;
}
.blog-sidebar .widget ul li {
padding: 10px 0;
border-bottom: 1px solid #e5e5e5;
}
.blog-sidebar .widget ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.blog-sidebar .widget ul li:first-child {
padding-top: 0;
}
.blog-sidebar .widget ul li a {
color: #7a7a7a;
}
.blog-sidebar .widget ul li a:hover {
color: #333;
}
.widget-title {
font-size: 15px;
margin-bottom: 28px;
}
.widget .screen-reader-text {
display:none;
}
.blog-sidebar .search-field {
border: 2px solid #e5e5e5;
margin-bottom: 0;
padding: 0 20px;
min-width:100%;
display:block;
position:relative;
}
.blog-sidebar input.search-form:after {
font-family:"ElegantIcons";
font-size:11px;
color: #a1a1a1;
width:80px;
height:40px;
display:block;
position:relative;
}
input[type="search"] {
color: #333;
}
input.search-field:focus {
border-color: #bfa67a;
color: #333;
}
.search-button {
position: absolute;
top: 12px;
right: 15px;
background-color: transparent;
border: none;
}
.search-button i {
color: #a1a1a1;
}
/* Latest Posts
-------------------------------------------------------*/
.blog-sidebar .widget.latest-posts ul li {
border-bottom: none;
line-height: 19px;
}
.blog-sidebar .latest-posts img {
margin-right: 24px;
float: left;
}
.widget.latest-posts ul li a {
font-size: 11px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
color: #333;
vertical-align: top;
line-height: 1;
}
.widget.latest-posts .entry-meta > span {
color: #7a7a7a;
font-size: 13px;
font-family: "Pt Serif", sans-serif;
text-transform: none;
margin-top: 5px;
display: block;
}
.widget.latest-posts ul li a:hover {
color: #7a7a7a;
}
/* Popular Tags
-------------------------------------------------------*/
.tagcloud {
display:inline-block;
}
.tagcloud a {
background-color: transparent;
border: 3px solid #e5e5e5;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
padding: 9px 16px;
line-height: 1;
margin: 0 8px 8px 0;
color: #ababab;
display: inline-block;
float: left;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.tagcloud a:hover {
border-color: #333;
color: #333;
}
/*-------------------------------------------------------*/
/* Blog Single Post
/*-------------------------------------------------------*/
.single-post .entry-item {
margin-bottom: 0;
}
.single-post .entry-title {
margin-top: 70px;
text-align: center;
}
.single-post .entry-meta {
text-align: center;
}
.single-post .blog-content .entry-title h2 {
font-size: 28px;
}
.single-post .blog-content .entry-content {
margin-top: 50px;
}
.single-post .blog-content blockquote {
margin: 60px 0;
}
.single-post .blog-content .entry-content > p {
margin-bottom: 24px;
}
.blog-content .entry-tags h6,
.entry-share h6 {
display: inline-block;
margin-right: 2px;
font-size: 14px;
}
.blog-content .entry-tags h6 {
margin-right: 7px;
margin-bottom: 0;
}
.entry-share .socials i,
.entry-share .socials a {
width: 32px;
height: 32px;
line-height: 32px;
}
.blog-content .entry-tags a {
font-style: italic;
font-size: 14px;
line-height: 37px;
font-family: "Pt Serif", Serif;
color: #7a7a7a;
}
.blog-content .entry-share {
float: right;
}
.entry-share .socials {
margin-top: 0;
display: inline-block;
}
.entry-tags h6,
.entry-share h6 {
font-size: 15px;
text-transform: none;
letter-spacing: normal;
}
.post-navigation {
margin: 60px auto 0 auto;
border-radius: 0;
display: block;
text-align: center;
padding-top: 42px;
border-top: 1px solid #e5e5e5;
}
.post-navigation div {
background-color: #fff;
font-size: 12px;
display: inline-block;
height: 25px;
line-height: 20px;
text-align: center;
margin: 0 9px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: "Montserrat", sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.post-navigation div a {
color: #757575;
}
.post-navigation div a:hover {
color: #333;
}
/* Comments */
.entry-comments .avatar {
position: absolute;
}
.entry-comments .comment-content,
b.fn {
padding-left: 132px;
}
.entry-comments .comment-author {
display: block;
margin-bottom: 5px;
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-size: 15px;
color: #333;
}
.entry-comments h6 {
font-size: 14px;
}
.entry-comments .comment-content span a {
font-size: 13px;
color: #7a7a7a;
}
.comment-content p {
margin-top: 15px;
}
.comment-content > a {
font-family: "Montserrat", sans-serif;
color: #333;
font-size: 14px;
}
.comment-reply {
padding-left: 48px;
}
.comment-metadata time {
padding-left:132px;
font-size: 13px;
color: #7a7a7a;
}
a.comment-reply-link {
padding-left:132px;
font-family: "Montserrat", sans-serif;
color: #333;
font-size: 14px;
}
span.says {
display:none;
}
ol.comment-list > li.comment > article.comment-body {
padding: 35px 0;
border-bottom: 1px solid #dbdbdb;
}
ol.children > li.comment > article.comment-body {
padding: 35px 0;
border-bottom: 1px solid #dbdbdb;
}
ol.comment-list > li:last-child > article.comment-body {
border-bottom:none;
}
.comment-list > li:last-child .comment-body {
border-bottom: none;
padding-bottom: 0;
}
#comments ol {
list-style:none;
}
ol.comment-list {
padding-left:0;
margin-bottom:0;
}
h2.comments-title,
h3.comment-reply-title {
margin-bottom:50px;
text-align:center;
font-size:20px;
}
#respond label,
p.comment-notes {
display:none;
}
#respond p {
margin:0;
}
/*-------------------------------------------------------*/
/* Home Owl Slider
/*-------------------------------------------------------*/
.hero-wrap {
width: 100%;
display: block;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.hero-holder {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.hero-message {
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
text-align: center;
}
.hero-message h1 {
color: #fff;
font-size: 56px;
font-weight: 700;
line-height: 1;
}
.hero-subtitle {
text-transform: none;
font-weight: normal;
color: #fff;
line-height: 1.5;
font-size: 20px;
max-width: 800px;
margin: 24px auto 0;
}
.buttons-holder > a {
margin: 5px;
}
/*-------------------------------------------------------*/
/* Home Text Rotator
/*-------------------------------------------------------*/
.hero-message.text-rotator h1 {
font-size: 70px;
}
/*-------------------------------------------------------*/
/* Home Video Bg
/*-------------------------------------------------------*/
.video-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
}
.video-overlay {
background-color: rgba(40,40,40,0.5);
height: 100%;
width: 100%;
}
.video-img {
background: url(../img/video/video.jpg) center center no-repeat;
background-size: cover;
z-index: -101;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
/*-------------------------------------------------------*/
/* Home Angles
/*-------------------------------------------------------*/
.main-wrapper-onepage.angles .result-box {
padding: 30% 0;
}
.section-wrap.angle-top,
.section-wrap.angle-bottom {
overflow: visible;
}
.bg-light.angle-top:before,
.bg-light.angle-bottom:after {
background-color: #f7f7f7;
}
.bg-dark.angle-top:before,
.bg-dark.angle-bottom:after {
background-color: #242424;
}
.angle-top:before {
background: none repeat scroll 0 0 #FFFFFF;
content: "";
margin-top: -199px;
min-height: 150px;
position: absolute;
-webkit-transform: skewY(-2deg);
-moz-transform: skewY(-2deg);
-o-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
transform: skewY(-2deg);
width: 100%;
z-index: 1;
}
.angle-bottom:after {
background: none repeat scroll 0 0 #FFFFFF;
content: "";
margin-top: 40px;
min-height: 150px;
position: absolute;
-webkit-transform: skewY(-2deg);
-moz-transform: skewY(-2deg);
-o-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
transform: skewY(-2deg);
width: 100%;
z-index: 1;
}
#portfolio.angle-bottom:after {
margin-top: 140px;
}
.main-wrapper-onepage.angles .process,
.main-wrapper-onepage.angles .parallax-testimonials {
padding: 200px 0;
}
.main-wrapper-onepage.angles .parallax-testimonials .owl-pagination {
bottom: 100px;
}
.main-wrapper-onepage.angles .footer.minimal {
text-align: left;
}
.main-wrapper-onepage.angles .gmap {
height: 600px;
}
/*-------------------------------------------------------*/
/* Multi-Page
/*-------------------------------------------------------*/
.section-wrap-mp {
padding: 100px 0;
overflow: hidden;
background-attachment: fixed;
}
.nav-type-2 .navbar {
min-height: 90px;
}
.nav-type-2 .nav-wrap {
width: 70%;
}
.nav-type-2 .navbar-toggle .icon-bar,
.nav-type-4 .navbar-toggle .icon-bar {
background-color: #7a7a7a;
width: 18px;
}
.nav-type-2 .navbar-nav > li > a {
padding: 0 15px;
}
.nav-type-2 .navbar-toggle:focus .icon-bar,
.nav-type-2 .navbar-toggle:hover .icon-bar,
.nav-type-4 .navbar-toggle:focus .icon-bar,
.nav-type-4 .navbar-toggle:hover .icon-bar {
background-color: #121212;
}
.navigation.offset {
-o-transform: translate3d(0, -300px, 0);
-ms-transform: translate3d(0, -300px, 0);
-moz-transform: translate3d(0, -300px, 0);
-webkit-transform: translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.navigation.sticky {
position: fixed;
background-color: #fff;
visibility: hidden;
opacity: 0;
width: 100%;
height: 90px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
z-index: 1009;
}
.navigation.scrolling {
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
.navigation.sticky.scrolling {
opacity: 1;
visibility: visible;
}
.navigation.sticky .navbar-nav > li > a {
line-height: 60px;
}
.nav-type-2 .navbar-nav > li > a {
color: #333;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.navbar-nav .dropdown-menu {
left: 0;
}
.navbar-nav .dropdown-menu.menu-right {
left: auto;
right: 0;
}
.dropdown-menu > li > .dropdown-menu {
top: -10px;
left: 100%;
border-top: none;
}
.dropdown-menu {
min-width: 220px;
margin: 0;
padding: 10px 0;
border-top: 3px solid #bfa67a;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-bottom: none;
border-radius: 0;
box-shadow: 0 2px 4px rgba(0,0,0,.05);
}
.dropdown-menu > li > a {
padding: 10px 20px;
font-size: 13px;
color: #7a7a7a;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
font-weight: 500;
}
.dropdown-submenu > a:after {
font-family: "FontAwesome";
position: absolute;
content: "\f105";
right: 15px;
color: #45464b;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
li.current_page_parent > a,
li.current-menu-item > a,
li.current-menu-parent > a {
background-color: transparent;
color: #bfa67a;
}
.dropdown-menu,
.dropdown-submenu > .dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
}
.dropdown:hover > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
}
.dropdown-menu .megamenu-wrap ul > li > a {
display: block;
clear: both;
font-weight: 500;
line-height: 1.42857143;
color: #7a7a7a;
white-space: nowrap;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.navbar .dropdown-menu {
margin-top: 0;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -2px;
}
/* Menu Search
-------------------------------------------------------*/
.navbar-nav > li > a.nav-search {
position: relative;
display: block;
margin: 38px 0 37px;
width: 15px;
height: 15px;
padding-left: 10px;
}
.navigation.sticky .navbar-nav > li > a.nav-search {
margin: 23px 0 22px;
}
.search-wrap {
width: 100%;
height: 100%;
overflow: hidden;
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 20;
}
.search-wrap .form-control {
height: 100%;
border: none;
font-size: 24px;
}
.search-wrap input,
.search-wrap input:focus {
border: none;
}
.search-trigger {
z-index: 22;
position: absolute;
top: 50%;
margin-top: -8px;
right: 0;
opacity: 1;
}
.search-close {
opacity: 0;
font-size: 16px;
z-index: 21;
position: absolute;
top: 50%;
margin-top: -10px;
right: 0;
}
.nav-search.open .search-trigger {
opacity: 0;
z-index: 20;
}
.nav-search.open .search-close {
opacity: 1;
}
#mobile-search {
display: none;
}
/* Services
-------------------------------------------------------*/
.services.style-2 a {
position: absolute;
font-size: 36px;
line-height: 1;
color: #c1c1c1;
}
.services.style-2 .service-item-box {
padding: 0 0 0 60px;
margin-bottom: 50px;
}
.services.style-2 .service-item-box h3 {
margin-bottom: 10px;
}
/* Latest Works
-------------------------------------------------------*/
ul.vc_grid-filter.vc_clearfix.vc_grid-filter-default.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-grey {
margin-bottom: 40px;
cursor: default;
font-size: 13px;
text-align: center;
}
ul.vc_grid-filter.vc_clearfix.vc_grid-filter-default.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-grey li.vc_active.vc_grid-filter-item,
ul.vc_grid-filter.vc_clearfix.vc_grid-filter-default.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-grey li.vc_grid-filter-item:hover {
color: #333333;
border-color: #333333;
background:none;
}
ul.vc_grid-filter.vc_clearfix.vc_grid-filter-default.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-grey li.vc_grid-filter-item {
display: inline-block;
margin: 0 5px 5px 0;
color: #ababab;
text-decoration: none;
padding: 7px 15px;
border: 3px solid #e5e5e5;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-size: 12px;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
border-radius:0;
}
.portfolio-filter {
list-style: none;
margin-bottom: 40px;
cursor: default;
font-size: 13px;
text-align: center;
}
.portfolio-filter a.active,
.portfolio-filter a:hover {
color: #333333;
border-color: #333333;
}
.portfolio-filter a {
display: inline-block;
margin: 0 5px 5px 0;
color: #ababab;
text-decoration: none;
padding: 7px 15px;
border: 3px solid #e5e5e5;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-size: 12px;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.work-container {
margin-bottom: 40px;
}
.work-img {
position: relative;
}
.work-item .work-overlay:hover {
opacity: 1;
}
.portfolio-overlay {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 2;
text-align: center;
background-color: rgba(0,0,0,0.5);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.project-icons {
position: absolute;
top: 0;
width: 100%;
text-align: center;
margin-top: -20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.project-icons a {
display: inline-block;
width: 40px;
height: 40px;
font-size: 14px;
margin: 0 3px;
line-height: 40px;
text-align: center;
color: #333333;
background-color: #fff;
border-radius: 100px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.project-icons a:hover {
color: #fff;
background-color: #bfa67a;
}
.work-img:hover .portfolio-overlay {
opacity: 1;
}
.work-img:hover .portfolio-overlay .project-icons {
position: absolute;
top: 50%;
}
.works-grid.titles .work-description h3,
.works-grid.titles .work-description span,
#owl-related-works .work-description h3,
#owl-related-works .work-description span {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.works-grid.titles .work-description,
#owl-related-works .work-description {
position: relative;
top: 0;
left: 0;
width: 100%;
margin-top: 20px;
text-align: center;
}
.works-grid.titles .work-description h3,
#owl-related-works .work-description a,
.works-grid.titles .work-description span {
color: #333;
}
.works-grid.titles .work-description span {
text-transform:capitalize;
}
#owl-related-works .work-description a:hover {
color: #bfa67a;
}
/* Call to Action Style-2
-------------------------------------------------------*/
.call-to-action.style-2 {
background: url(../img/cta_bg.jpg) no-repeat center center fixed;
padding: 200px 0;
}
.call-to-action.style-2 h2 {
font-size: 32px;
color: #fff;
margin: 0 0 25px;
}
.call-to-action.style-2 a {
margin: 10px 4px 0;
}
/* Ipad with Features
-------------------------------------------------------*/
.promo-device img {
display: inline-block;
}
.features-icons a {
position: absolute;
}
.features-text {
padding-left: 100px;
}
.features-icons .service-item-box {
padding: 0;
margin-bottom: 50px;
background-color: transparent;
}
/* Pricing Tables
-------------------------------------------------------*/
.pricing-features ul {
list-style:none;
padding:0;
margin:0;
}
.pricing-3-col {
background-color: #f7f7f7;
text-align: center;
}
.pricing-title {
background-color: #303030;
padding: 45px 30px;
}
.pricing-title h3 {
font-size: 18px;
color: #fff;
margin-bottom: 30px;
}
.best-price {
background-color: #bfa67a;
}
.pricing-price {
font-size: 25px;
color: #333;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
width: 110px;
height: 110px;
display: inline-block;
position: absolute;
margin-left: -55px;
line-height: 1.3;
padding: 28px 25px;
box-shadow: 0px 0px 5px 0px rgba( 14, 16, 9, .10 );
}
.pricing-currency {
font-family: 'Montserrat', sans-serif;
}
.pricing-term {
font-size: 12px;
display: block;
}
.pricing-features {
padding: 100px 40px 40px;
color: #7a7a7a;
}
.pricing-features li {
padding: 10px 0;
}
.pricing-button {
padding: 0 40px 50px 40px;
}
/* Fun Facts style-2
-------------------------------------------------------*/
.result-boxes.style-2 .result-box {
padding: 20px 0;
text-align: center;
}
.result-boxes.style-2 .statistic span.counter-text {
color: #fff;
font-size: 13px;
}
.result-boxes.style-2 .statistic span {
float: none;
margin-left: 0;
line-height: 1.2;
font-size: 50px;
}
.result-boxes.style-2 .result-wrap {
width: auto;
}
/* Testimonials style-2
-------------------------------------------------------*/
.testimonials.style-2 .testimonial-text {
color: #7a7a7a;
}
.testimonials.style-2 .owl-carousel {
}
.testimonials.style-2 .owl-dots {
margin-top: 30px;
}
.testimonials.style-2 .owl-dot span {
border-color: #a7a7a7;
}
.testimonials.style-2 .owl-dot.active span {
background-color: #7a7a7a;
border-color: #7a7a7a;
}
.testimonials.style-2 .testimonial span {
color: #ababab;
display: inline-block;
font-weight: bold;
font-size: 14px;
}
.testimonials.style-2 .testimonial-text {
margin: 10px 0 20px;
font-family: "Open Sans", sans-serif;
font-size: 20px;
}
/*-------------------------------------------------------*/
/* Footer Type-2
/*-------------------------------------------------------*/
.footer.footer-type-2 {
background-color: #121212;
}
.footer-widgets {
padding: 100px 0;
}
.footer-widgets h5 {
margin-bottom: 24px;
font-size: 16px;
color: #fff;
}
.footer-links li {
padding-bottom: 7px;
}
.footer-links li:last-child {
padding-bottom: 0;
}
.footer-widgets a {
color: #7a7a7a;
}
.footer-widgets a:hover {
color: #fff;
}
.footer-get-in-touch p {
margin-bottom: 7px;
}
p.footer-address {
margin-bottom: 24px;
}
.footer-entry {
padding: 9px 0 14px;
border-bottom: 1px solid #292929;
}
.footer-entry p {
margin-bottom: 1px;
}
.footer-entry:first-child,
.footer-links li:first-child {
padding-top: 0;
}
.footer-entry:last-child,
.footer-links li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.footer-entry span {
color: #4c4c4c;
font-size: 12px;
}
.footer-socials .social-icons a {
margin-right: 3px;
float: left;
display: inline-block;
width: 60px;
height: 60px;
overflow: hidden;
background-color: transparent;
color: #7a7a7a;
line-height: 46px;
text-align: center;
font-size: 40px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.social-icons.light a {
background-color: #f5f9fa;
}
.social-icons i {
display: block;
width: 32px;
height: 32px;
line-height: 60px;
position: relative;
}
.social-icons a:hover {
color: #fff;
}
.footer-links ul > li {
padding: 13px 0;
border-bottom: 1px solid #292929;
line-height: 24px;
}
.bottom-footer {
background-color: #0c0c0c;
padding: 34px 0;
}
.copyright span {
font-size: 13px;
line-height: 32px;
}
.copyright a {
color: #7a7a7a;
}
.copyright a:hover {
color: #fff;
}
/* Page Title Style-2
-------------------------------------------------------*/
.page-title.style-2 {
background-color: #f7f7f7;
padding: 40px 0;
padding-bottom:15px;
}
.page-title.style-2 .container {
height: auto;
}
.page-title.style-2 .title-text h1 {
margin: 0;
font-size: 28px;
}
.style-2 .breadcrumb {
position: absolute;
right: 0;
width: auto;
background-color: transparent;
top: 50%;
padding: 0;
padding-right: 15px;
}
.page-title.style-2 .breadcrumb a,
.page-title.style-2 .breadcrumb>li+li:before {
color: #7a7a7a;
}
.page-title.style-2 .breadcrumb > .active {
color: #121212;
}
.page-title.style-2 .breadcrumb a:hover {
color: #121212;
}
/*-------------------------------------------------------*/
/* Shortcodes
/*-------------------------------------------------------*/
/* Accordions
-------------------------------------------------------*/
.vc_general.vc_tta.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-controls-align-left .vc_tta-panel-title.vc_tta-controls-icon-position-left > a {
display: block;
position: relative;
text-decoration: none;
font-size: 12px;
padding: 16px 20px;
background-color: #fff;
color: #7a7a7a;
margin-bottom: 10px;
border: 3px solid #d1d1d1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-weight: 700;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.vc_general.vc_tta.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-controls-align-left .vc_tta-panel-title.vc_tta-controls-icon-position-left > a:after {
font-family: "ElegantIcons";
position: absolute;
right: 10px;
top: 9px;
color: #7a7a7a;
font-weight: normal;
font-size: 26px;
}
.vc_general.vc_tta.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-controls-align-left .vc_tta-panel-title.vc_tta-controls-icon-position-left > a:after {
content: "\35";
}
.vc_general.vc_tta.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-controls-align-left .vc_tta-panel-title.vc_tta-controls-icon-position-left > a:hover {
color: #fff;
background-color: #333;
border-color: #333;
}
.vc_general.vc_tta.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-controls-align-left .vc_tta-panel-title.vc_tta-controls-icon-position-left > a:hover:after {
color: #fff;
}
/* Tabs
-------------------------------------------------------*/
.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-tabs-list {
border-bottom: none;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-tabs-list > li.vc_tta-tab.vc_active > a {
border: 3px solid #333;
background-color: #fff;
padding: 13px 20px;
color: #333;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-tabs-list > li.vc_tta-tab {
margin-bottom: 0;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-tabs-list > li.vc_tta-tab > a {
padding: 13px 20px;
background-color: #fff;
border: 3px solid #d1d1d1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
margin-right: 10px;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
color: #7a7a7a;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-tabs-list > li.vc_tta-tab > a:hover {
color: #fff;
background-color: #333;
border-color: #333;
}
.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-tabs-list > li.vc_tta-tab > a:after,
.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-tabs-list > li.vc_tta-tab > a:before {
display:none;
}
.vc_tta-panels-container {
padding: 20px 0;
}
.tab-content > .tab-pane > p {
margin-bottom: 20px;
}
/* Buttons
-------------------------------------------------------*/
.section-buttons .btn { margin-bottom: 20px; }
.btn,
.form-submit input#submit,
input.wpcf7-form-control.wpcf7-submit {
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
text-align: center;
letter-spacing: 0.02em;
border-radius: 0;
border: 3px solid transparent;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
color: #fff;
background-color: #333;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.btn-lg,
.form-submit input#submit,
input.wpcf7-form-control.wpcf7-submit {
font-size: 14px;
padding: 13px 34px;
}
.btn-md {
font-size: 11px;
padding: 10px 25px;
}
.btn-sm {
font-size: 10px;
padding: 8px 22px;
}
.btn.btn-color,
.form-submit input#submit,
input.wpcf7-form-control.wpcf7-submit {
background-color: #bfa67a;
}
.btn.btn-transparent {
background-color: transparent;
border: 3px solid #fff;
}
.btn.btn-stroke {
color: #333333;
border: 3px solid #333333;
background-color: transparent;
}
.btn.btn-dark {
background-color: #333;
}
.btn.btn-white {
background-color: #fff;
color: #333;
}
.btn.btn-light {
background-color: #f5f5f5;
color: #333;
}
.btn:hover,
.form-submit input#submit:hover,
input.wpcf7-form-control.wpcf7-submit:hover {
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
color: #fff;
background-color: #bfa67a;
border-color: transparent;
}
.btn:focus,
.form-submit input#submit:focus {
outline: none;
color: #fff;
}
.btn.btn-white:focus {
color: #333;
}
.btn.btn-color:hover,
.form-submit input#submit:hover,
input.wpcf7-form-control.wpcf7-submit:hover {
background-color: #333;
}
/* Pie Charts
-------------------------------------------------------*/
.pie-chart {
margin-bottom: 40px;
}
.chart {
position: relative;
display: inline-block;
width: 174px;
height: 174px;
text-align: center;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percent {
display: inline-block;
line-height: 174px;
z-index: 2;
font-size: 24px;
font-family: 'Montserrat', sans-serif;
color: #333;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: .9em;
}
/* Alert Boxes
-------------------------------------------------------*/
.alert {
padding: 14px 20px;
margin-bottom: 20px;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: #fff;
}
.alert-dismissible .close {
right: 0;
top: 0;
color: inherit;
position: relative;
}
.close {
opacity: 1;
text-shadow: none;
}
.alert-success { background-color: #aec2a1; }
.alert-info { background-color: #a0b7cb; }
.alert-warning { background-color: #ccbfa9; }
.alert-danger { background-color: #cba0a0; }
/*-------------------------------------------------------*/
/* Typography
/*-------------------------------------------------------*/
.section-headings p {
margin-bottom: 30px;
}
blockquote > p {
font-size: 18px;
line-height: 30px;
font-style: italic;
position: relative;
}
blockquote > p:before {
font-family:'FontAwesome';
content:"\f10d";
text-align:center;
display:block;
font-size: 22px;
color: #d1d1d1;
margin-bottom: 13px;
}
blockquote p span {
color:#7a7a7a;
}
blockquote {
text-align:center;
}
.dropcap.style-1 {
float: left;
color: #333;
font-size: 52px;
line-height: 46px;
padding-top: 4px;
padding-right: 10px;
}
.dropcap.style-2 {
float: left;
color: #fff;
text-align: center;
background-color: #333333;
width: 38px;
height: 38px;
font-size: 24px;
line-height: 38px;
margin: 10px 10px 0 0;
}
.highlight {
padding: 3px 5px;
color: #fff;
background-color: #bfa67a;
}
.bullets li,
.arrows li,
.arrows-2 li,
.numbers li {
margin-bottom: 10px;
}
.bullets li:before {
content: "• ";
font-size: 18px;
color: #333333;
padding-right: 0.5em;
line-height: 1;
vertical-align: middle;
}
.arrows i {
margin-right: 5px;
}
.arrows i,
.arrows-2 i {
color: #333333;
}
.arrows-2 i {
font-size: 12px;
margin-right: 7px;
}
ol.numbers {
padding-left: 20px;
}
.section-columns p {
margin-bottom: 40px;
}
/*-------------------------------------------------------*/
/* Portfolio
/*-------------------------------------------------------*/
.works-grid.titles h3,
#owl-related-works h3 {
font-size: 14px;
}
.call-to-action.bg-light {
background-color: #f7f7f7;
}
.portfolio-description {
padding-left: 10%;
}
.portfolio-description p,
.portfolio-description ul,
.portfolio-description a.btn {
margin-bottom: 30px;
}
.portfolio-description h2 {
font-size: 22px;
margin-bottom: 15px;
}
.portfolio-description ul > li {
line-height: 30px;
color: #333;
}
.portfolio-description ul > li a {
color: #7a7a7a;
}
.portfolio-description ul > li a:hover {
color: #bfa67a;
}
.related-projects .work-container {
margin-bottom: 0;
}
#owl-related-works .owl-item .work-item {
margin: auto 15px;
}
.related-projects .heading-inline,
.related-projects .customNavigation {
display: inline-block;
}
.related-projects .customNavigation a {
background-color: #f2f2f2;
color: #333333;
width: 30px;
height: 30px;
text-align: center;
padding: 0;
line-height: 30px;
border: none;
}
.related-projects .customNavigation i {
font-size: 14px;
line-height: 30px;
}
.related-projects .customNavigation a:hover {
background-color: #bfa67a;
color: #fff;
}
/*-------------------------------------------------------*/
/* 404
/*-------------------------------------------------------*/
.page-404 h1 {
font-size: 200px;
}
.page-404 a,
.page-404 p {
font-size: 14px;
}
/*-------------------------------------------------------*/
/* Home Portfolio
/*-------------------------------------------------------*/
.nav-type-3 {
background-color: #fff;
position: fixed;
height: 100px;
width: 100%;
z-index: 1000;
}
.nav-type-3 .nav-wrap {
display: table;
height: 100px;
width: 100%;
float: left;
}
.nav-type-3 .logo-container a {
z-index: 11;
vertical-align: middle;
display: table-cell;
height: 100px;
padding: 0 20px;
}
.full-nav,
#nav-icon {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fs-menu {
position: fixed;
background-color: rgba(12,12,12, 0.95);
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
overflow: hidden;
}
.fs-menu.open {
opacity: .9;
visibility: visible;
z-index: 200;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.fs-menu.open li {
-webkit-animation: fadeInUp .35s ease forwards;
-moz-animation: fadeInUp .35s ease forwards;
-ms-animation: fadeInUp .35s ease forwards;
-o-animation: fadeInUp .35s ease forwards;
animation: fadeInUp .35s ease forwards;
-webkit-animation-delay: .10s;
-moz-animation-delay: .10s;
-ms-animation-delay: .10s;
-o-animation-delay: .10s;
animation-delay: .10s;
}
.fs-menu.open li:nth-of-type(2) { animation-delay: .15s; }
.fs-menu.open li:nth-of-type(3) { animation-delay: .20s; }
.fs-menu.open li:nth-of-type(4) { animation-delay: .25s; }
.fs-menu.open li:nth-of-type(5) { animation-delay: .30s; }
.fs-menu.open li:nth-of-type(6) { animation-delay: .35s; }
.fs-menu.open li:nth-of-type(7) { animation-delay: .40s; }
.overlay-menu {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.overlay-menu ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
position: relative;
height: 100%;
}
.overlay-menu ul li {
display: block;
position: relative;
opacity: 0;
padding: 15px 0;
}
.overlay-menu ul li a {
display: block;
position: relative;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
font-size: 36px;
letter-spacing: 0.05em;
color: #fff;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.overlay-menu ul li.active > a,
.overlay-menu ul li a:hover {
color: #bfa67a;
}
@keyframes fadeInUp {
0% {
opacity: 0;
bottom: 20%;
}
100% {
opacity: 1;
bottom: 0;
}
}
/* Nav icon */
#nav-icon {
right: 40px;
top: 50%;
margin-top: -7px;
position: absolute;
margin-right: 0;
z-index: 300;
cursor: pointer;
width: 20px;
height: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
cursor: pointer;
}
#nav-icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #333;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
top: 0px;
}
#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
top: 6px;
}
#nav-icon span:nth-child(4) {
top: 12px;
}
#nav-icon.open span:nth-child(1) {
top: 6px;
width: 0%;
left: 50%;
}
#nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
}
#nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
}
#nav-icon.open span:nth-child(4) {
top: 6px;
width: 0%;
left: 50%;
}
/* Intro
-------------------------------------------------------*/
.section-wrap.intro {
padding: 170px 0 150px;
}
.intro-text p {
font-size: 50px;
font-weight: 700;
line-height: 1.5;
font-family: "Montserrat", sans-serif;
color: #333;
}
/* Portfolio Masonry
-------------------------------------------------------*/
.masonry-grid {
width: 100%;
}
.masonry-grid .work-item {
width: 50%;
float: left;
}
.masonry-grid .work-item.quarter {
width: 25%;
}
.masonry-grid .work-description {
width: 100%;
text-align: center;
margin-top: -24px;
top: 50%;
left: 0;
padding: 0 15px;
}
.work-img-2 img {
overflow: hidden;
width: 100%;
}
.work-img-2 {
position: relative;
overflow: hidden;
}
.work-img-2 > a {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.masonry-grid .work-img-2 img {
-webkit-transition: all 1.5s linear;
-moz-transition: all 1.5s linear;
-o-transition: all 1.5s linear;
transition: all 1.5s linear;
}
.masonry-grid .work-description h3,
.masonry-grid .work-description span {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
.masonry-grid .work-description h3 {
font-size: 20px;
}
.masonry-grid .work-overlay {
border: none;
}
/* Footer Type 3
-------------------------------------------------------*/
.footer-type-3 {
padding: 100px 0;
font-size: 13px;
line-height: 37px;
}
.footer-type-3 .footer-socials {
text-align: right;
}
.footer-type-3 .footer-socials i {
background-color: transparent;
color: #7a7a7a;
}
.footer-type-3 .footer-socials a:hover i {
background-color: transparent;
color: #121212;
}
.footer-type-3 a {
color: #7a7a7a;
}
.footer-type-3 a:hover {
color: #121212;
}
/*-------------------------------------------------------*/
/* Portfolio About Me
/*-------------------------------------------------------*/
.about-me .my-photo {
width: 100%;
}
.about-me .info {
padding-left: 7%;
}
/*-------------------------------------------------------*/
/* Youtube Video bg
/*-------------------------------------------------------*/
#ytb-wrap {
background-size: cover;
}
#ytb-wrap .hero-text {
color: #fff;
text-shadow: none;
font-weight: 700;
line-height: 1;
font-family: "Montserrat", sans-serif;
letter-spacing: 0.02em;
margin: 0px;
border-width: 0px;
border-style: none;
font-size: 100px;
text-transform: none;
}
/*-------------------------------------------------------*/
/* Home Leftside Navigation
/*-------------------------------------------------------*/
.sidenav .container-fluid,
.sidenav .container {
width: 90%;
}
.content-wrap {
margin-left: 300px;
position: relative;
display:block;
width:auto;
}
.nav-type-4 .navbar-header,
.nav-type-4 .nav-wrap {
width: 100%;
}
.nav-type-4 .navbar-header {
padding: 0;
}
.nav-type-4 {
position: fixed;
left: 0;
top: 0;
z-index: 500;
height: 100%;
width: 300px;
background:#fff;
}
.nav-type-4 .navbar {
min-height: 100%;
}
.sidenav .header-wrap {
width: 300px;
height: 100%;
background-color: #fff;
padding: 70px 50px;
}
.nav-type-4 .logo-container {
width: 100%;
padding: 0;
}
.nav-type-4 .logo-left-wrap > a {
height: auto;
text-align: center;
}
.nav-type-4 .nav {
width: 100%;
margin-top: 40px;
}
.nav-type-4 .navbar-nav > li {
float: none;
}
.nav-type-4 .navbar-nav > li > a {
padding: 17px 0 !important;
line-height: 1;
color: #333;
display:block;
}
.nav-type-4 .social-icons a {
float: none;
}
.nav-type-4 .social-icons a:hover {
color: #111;
}
.sidenav .works-grid-3-col-wide .container-fluid {
padding: 0 15px;
}
/**
* 11.0 Widgets
*/
.widget {
color: #707070;
color: rgba(51, 51, 51, 0.7);
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 auto 9.09090%;
width: 100%;
word-wrap: break-word;
}
.widget pre {
line-height: 1.2;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.widget button,
.widget input {
line-height: normal;
}
.wp-caption.alignnone img,
.wp-caption img,
.widget img {
max-width:100%;
height:auto;
display:block;
}
.widget-title {
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
margin-top: 0;
text-transform: uppercase;
color: #111;
letter-spacing: 0.05em;
font-weight: 700;
}
.widget > :last-child {
margin-bottom: 0;
}
.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.3333;
text-align: center;
padding: 0;
}
.widget_calendar caption {
font-family: "Noto Serif", serif;
font-weight: 700;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.widget_calendar tbody a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #777;
color: #fff;
display: block;
font-weight: 700;
}
.blog-sidebar .widget_calendar table {
margin: 0;
border: 1px solid #eee;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
color: #fff;
}
.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments a,
.widget_recent_entries a {
border: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
list-style: none;
margin: 0;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0;
padding-top: 0;
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
padding-bottom: 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
border-top: 1px solid #e8e8e8;
border-top: 1px solid rgba(51, 51, 51, 0.1);
margin: 0.7667em 0 0 0.8em;
padding-top: 0.7667em;
}
.widget_recent_entries .post-date {
display: block;
}
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_rss li {
margin-bottom: 1.6em;
}
.widget_rss ul:last-child,
.widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss .rsswidget {
border: 0;
font-weight: 700;
}
.widget_rss .rsswidget img {
margin-top: -4px;
}
.widget_rss .rss-date,
.widget_rss cite {
font-family: "Pt Serif", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-style: normal;
display: block;
line-height: 2;
opacity: 0.8;
}
.textwidget > :last-child {
margin-bottom: 0;
}
.textwidget a {
border-bottom: 1px solid #333;
}
.textwidget a:hover,
.textwidget a:focus {
border-bottom: 0;
}
.widget .search-form .screen-reader-text {
display:none;
}
.widget .search-form input {
min-width:100%;
}
.widget_search label {
display: block;
min-width: 100%;
margin-bottom: 0px;
font-weight: 400;
}
/**
* 14.0 Media
*/
.site .avatar {
border-radius: 50%;
}
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
audio,
canvas {
display: inline-block;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 15px;
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 1.6em;
}
.wp-playlist.wp-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 10px 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 10px;
}
/**
* 14.1 Captions
*/
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Pt Serif", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
/**
* 14.2 Galleries
*/
.gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Pt Serif", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 15.0 Multisite
*/
.widecolumn {
background-color: #fff;
padding: 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_alert {
margin-bottom: 1.6em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.1538;
margin-bottom: 0.9231em;
}
.widecolumn p {
margin: 1.6em 0;
}
.widecolumn p + h2 {
margin-top: 1.8462em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Pt Serif", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2em 0 0;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1.6rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
margin: 0;
width: 100%;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
.post-password-form input[type="submit"] {
padding: 10px 40px;
position: relative;
}
.post-password-form input[type="password"] {
margin:10px 0;
position: relative;
}
/* 2.3 Bottom */
.td-bottom {
background:#121212;
padding:100px 0;
}
.td-bottom .widget {
background:none;
}
.td-bottom a {
color:#7a7a7a;
}
.td-bottom a:hover {
color:#fff;
}
.td-bottom .wp-caption .wp-caption-text,
.td-bottom .entry-caption, .gallery-caption {
font-size:14px;
color:inherit;
}
.td-bottom a.dropdown-toggle:hover,
.td-bottom .menu-item a:hover {
color:inherit;
}
.td-bottom .widget_calendar a:hover {
background:#252525;
}
.td-bottom h1,
.td-bottom h2,
.td-bottom h3,
.td-bottom h4,
.td-bottom h5,
.td-bottom h6 {
color:#fff;
}
.td-bottom img {
display:block;
max-width:100%;
height:auto;
}
.td-bottom select {
max-width:100%;
}
.bottom-widget {
margin-bottom:25px;
height:170px;
}
.bottom-widget h5 {
margin:0 0 20px 0;
color:#fff;
font-size:16px;
}
.td-bottom h6 {
margin-top:30px;
}
.bottom-widget ul {
list-style:none;
padding:0;
}
.td-bottom ::-webkit-input-placeholder {
color: #7a7a7a;
}
.td-bottom :-moz-placeholder { /* Firefox 18- */
color: #7a7a7a;
}
.td-bottom ::-moz-placeholder { /* Firefox 19+ */
color: #7a7a7a;
}
.td-bottom :-ms-input-placeholder {
color: #7a7a7a;
}
.bottom-widget ul li:last-child {
border:none;
}
.td-bottom li.recentcomments {
border:none;
}
.bottom-widget ul li {
padding: 16px 0;
border-bottom: 1px solid #292929;
}
.bottom-widget span.post-date {
color: #45464b;
font-size: 12px;
}
.widget_recent_entries span.post-date {
display:block;
}
.td-bottom .tagcloud a {
background:#121212;
border:1px solid #121212;
color:inherit;
padding:10px 12px;
margin:2px 1px;
display:inline-block;
line-height:1;
text-decoration:none;
text-transform:capitalize;
}
.td-bottom .tagcloud a:hover {
color:#fff;
}
.screen-reader-text {
display:none;
}
.td-bottom .widget_search {
padding: 0px;
background: none;
margin: 0 0 40px 0;
color:#777;
}
.td-bottom select {
border-radius:0px;
}
.td-bottom #wp-calendar {
background:#1a1a1a;
}
.td-bottom .widget_calendar table, .widget_calendar td {
border: 0;
border-collapse: separate;
/* width: 30%; */
border-spacing: 16px;
}
.td-bottom .widget_calendar table {
background: #1a1a1a;
}
.td-bottom .widget_calendar tbody td {
background-color: #1a1a1a;
}
.td-bottom .widget_rss a {
color:#fff;
}
#map {
height:400px;
}
.rsswidget img {
display:none;
}
@media (max-width: 1200px) {
.navbar-nav > li > a {
padding: 0 15px;
}
.works-grid-3-col-wide .container-fluid {
padding: 0 15px;
}
.main-wrapper-onepage.angles .result-box {
padding: 40% 0;
}
}
@media (max-width: 991px) {
.blog .entry-title,
.archive .entry-title,
.blog .entry-meta,
.archive .entry-meta {
padding-left: 0px;
}
.section-wrap {
padding: 90px 0;
}
.service-item-box,
.team-member,
.blog-col-3 {
margin-bottom: 40px;
}
.promo-description {
padding: 40px;
}
.grid-3-col.grid-gutter .work-item {
width: 50%;
}
.call-to-action h2,
.cta-button {
text-align: center;
}
.call-to-action h2 {
margin-bottom: 30px;
line-height: 1.5;
}
.contact-item {
border-right: none;
margin-bottom: 50px;
}
.page-title .container {
height: 300px;
}
.title-text {
padding-top: 50px;
}
.title-text h1 {
font-size: 28px;
}
.blog-standard .sidebar,
.blog-single .sidebar {
padding-left: 30px;
}
.blog-standard .entry-title,
.blog-standard .entry-meta {
padding-left: 0;
}
.blog-standard .entry {
margin-top: 20px;
}
.entry-content .entry-share {
float: none;
}
#portfolio.angle-bottom:after {
margin-top: 200px;
}
.main-wrapper-onepage.angles .parallax-testimonials .owl-pagination {
bottom: 140px;
}
.nav-type-2 .navbar,
.nav-type-4 .navbar,
.nav-type-4 .nav-left {
min-height: 60px;
}
.nav-type-2 .navbar-nav {
padding: 0;
}
.nav-type-2 .navbar-collapse,
.nav-type-4 .navbar-collapse {
border-top: 1px solid #f2f2f2;
}
.nav-type-2 .nav-wrap {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.dropdown-menu {
padding: 0;
}
.dropdown-menu,
.dropdown-submenu > .dropdown-menu {
display: none;
opacity: 1;
visibility: visible;
}
.nav-type-2 .nav > li > a {
padding: 15px 0 15px 15px;
border-bottom: 1px solid #f2f2f2;
line-height: 20px;
display:block;
}
.navbar-nav .open .dropdown-menu > li > a {
padding: 15px 0 15px 20px;
border-bottom: 1px solid #f2f2f2;
}
.navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
padding: 15px 0 15px 30px;
}
.navbar-nav .open .dropdown-submenu .dropdown-menu > li > ul > li > a {
padding: 15px 0 15px 45px;
}
.navbar .navbar-collapse.in .navbar-nav .dropdown > a:after,
.dropdown-submenu > a:after{
font-family: "FontAwesome";
position: absolute;
content: "\f107";
right: 15px;
color: #45464b;
}
.navbar-nav .open .dropdown-menu > li > a {
color: #7a7a7a;
}
.navbar-nav .open .dropdown-menu > li > a:focus {
background-color: transparent;
}
.navbar-nav .open .dropdown-menu > li > a:hover {
color: #bfa67a;
}
.navbar-nav > li > a.nav-search {
display: none;
}
#mobile-search {
display: block;
}
.mobile-search .form-control {
height: 51px;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
margin-bottom: 0;
}
#mobile-search .search-button {
position: absolute;
right: 0;
top: 0;
width: 45px;
height: 51px;
border: 0;
cursor: pointer;
background-color: transparent;
}
.pricing-3-col {
margin-bottom: 30px;
}
.widget {
margin-bottom: 40px;
}
.page-title.style-2 .title-text {
padding-top: 0;
}
.portfolio-description {
padding-left: 0;
margin-top: 30px;
}
.content-wrap {
margin-left: 0;
}
.nav-type-4 {
width: 100%;
height: auto;
position: fixed;
}
.nav-type-4 .navbar-header {
margin: 0;
}
.nav-type-4 .header-wrap {
width: 100%;
padding: 0 15px;
}
.nav-type-4 .logo-container {
width: auto;
padding: 0 15px;
}
.nav-type-4 .nav {
margin: 0;
}
.nav-type-4 .logo-left-wrap > a {
height: 60px;
}
}
@media (max-width: 767px) {
.masonry-grid .work-item.quarter,
.masonry-grid .work-item {
width:100%;
}
.vc_col-sm-6.vc_gitem-col.vc_gitem-col-align-left {
display: inline-block;
float: left;
width: 50%;
}
.footer-type-3 .socials {
float:left;
margin-left: -10px;
}
.section-wrap {
padding: 80px 0;
}
.intro-heading {
font-size: 22px
}
.heading-frame {
padding: 24px 30px;
}
.grid-3-col.grid-gutter .work-item {
width: 100%;
}
.process-item {
margin-bottom: 40px;
}
.our-team .container-fluid {
padding: 0 15px;
}
.client-logo {
border-right: none;
}
.second-row .client-logo {
border-bottom: 1px solid #dedede;
}
.second-row .client-logo:last-child {
border-bottom: none;
}
.blog-standard .sidebar,
.blog-single .sidebar {
padding-left: 15px;
margin-top: 50px;
}
.hero-message h1,
.hero-message.text-rotator h1 {
font-size: 38px;
}
.angle-top:before,
.angle-bottom:after {
content: none;
}
.main-wrapper-onepage.angles .result-box {
padding: 30% 0;
}
.main-wrapper-onepage.angles .process, .main-wrapper-onepage.angles .parallax-testimonials {
padding: 150px 0;
}
.main-wrapper-onepage.angles .parallax-testimonials .owl-pagination {
bottom: 30px;
}
.main-wrapper-onepage.angles .gmap {
height: 450px;
}
.call-to-action.style-2 {
padding: 100px 0;
}
.call-to-action.style-2 h2 {
font-size: 26px;
}
.copyright,
.footer-socials .social-icons {
text-align: center;
}
.footer-socials .social-icons,
.footer-socials .social-icons a {
float: none;
margin-top: 7px;
}
.copyright span {
line-height: 1.5;
}
.style-2 .breadcrumb {
position: relative;
text-align: center;
margin-top: 15px;
}
.page-title.style-2 .title-text h1 {
text-align: center;
font-size: 24px;
}
.sidenav .container-fluid,
.sidenav .container {
width: 100%;
}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
.entry-comments .comment-avatar {
width: 60px;
}
.entry-comments .comment-content {
padding-left: 80px;
}
.comment-reply {
padding-left: 30px;
}
.nav-tabs > li {
width: 100%;
margin-bottom: 10px;
}
.nav.nav-tabs > li > a {
margin-right: 0;
}
.page-404 h1 {
font-size: 80px;
}
}
@media (max-width: 500px) {
.cta-center-2-align .btn {
margin-top:20px;
}
}
/* 4.15 Portfolio share buttons */
.portfolio-share {
display:block;
position:relative;
text-align:left;
padding-left:0;
margin-top:30px;
}
.portfolio-share h6 {
display:inline-block;
}
.portfolio-share a {
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #fff;
color: #444;
line-height: 32px;
text-align: center;
font-size: 14px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display:inline-block;
margin-left:10px;
}
.portfolio-share a:hover {
color:#121212;
}
/* 5.4 Portfolio posts */
.portfolio-navigation {
display: block;
text-align: right;
width: 50%;
margin-top: auto;
position: absolute;
top: 0%;
right: 0;
}
.portfolio-navigation > div {
display: inline-block;
}
p.section-info {
margin:0px;
}
.portfolio-navigation > div > a > i {
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-ms-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
color:inherit;
background:none;
border-radius:0;
margin:0px;
text-align:center;
color:#444;
width:42px;
}
.portfolio-navigation > div > a > i:hover {
color:#121212;
}
.error404 input {
margin-top:30px;
width:320px;
}
input.search-submit,
.error404 span.screen-reader-text,
.search-no-results .sidebar,
.error404 input.search-submit {
display:none ;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1250;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1251;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.bighometext p{
font-size:1.4em !important;
line-height:1.4em;
text-align:center;
}
#rev_slider_2_1 a{
color:#f2f2f2;
text-decoration:underline;
}