/*-----------------------------------------------------------------------------------
Author: AngryGorilla
URL: http://www.angrygorilla.us
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
This files contents are outlined below.
1. Global styles
2. Constants
3. Form Elements
4. Buttons and Links
5. Mobile Menu Link
6. Header Structure
7. Vertical Header
8. Fixed Header
9. Navigation Styles
10. Search Area & Components
11. Full-Width Slider
12. Loading Screen and Components
13. Container Blocks
14. Heading Component Styles
15. Skills Component Styles
16. Media Element.js
17. Filtering Rules
18. Box Lists
19. Porfolio Styles
10. Icon Styles
21. Counter Styles
22. Video & Audio Element
23. Spot Area (Call to Action)
24. Brand Component
25. Testimonials
26. Post Elements
27. Widgets and Other Components
28. Footer Structure
29. Detail Pages Structure
30. Global Pagination
31. Prev/Next Buttons Styling
32. Content & Sidebar Structure
33. Full Screen Video
34. Blog Styling
35. Related Post Section Styles
36. Team Element Styling
37. Global Comment Area
38. WPML Styling
39. Visual Composer Native Components Styling
40. 404 & Search Result Page Styles
41. Owl Slider Styles
42. Flex Slider Styling
43. Magnific Lightbox
44. Google Map Element Styling
45. Progress Bar Styling
46. Color Schemes
47. Custom Animations
48. Dark Layout Specific Styles
*/
/*-----------------------------------------------------------------------------------*/
/* - Global styles
/*-----------------------------------------------------------------------------------*/
@font-face {
font-family: 'LoveloBlack';
src: url('../fonts/lovelo-black.eot');
src: url('../fonts/lovelo-black.eot') format('embedded-opentype'),
url('../fonts/lovelo-black.woff') format('woff'),
url('../fonts/lovelo-black.ttf') format('truetype'),
url('../fonts/lovelo-black.svg#LoveloBlack') format('svg');
}
html {
font-size: 62.5%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
height: 100%;
min-height: 100%;
}
html:not(.no-responsive) {
overflow-x:hidden;
}
html.lightbox-opened {
overflow-y: visible !important;
margin-right: 0 !important;
}
body {
font-family: 'PT Sans', Arial, serif;
font-size:14px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
color:#676767;
min-width: 100%;
min-height: 100%;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,.5);
}
[class^="icon-"]:before, [class*=" icon-"]:before {
margin-left: 0;
margin-right: 0;
}
i {
padding-right: 7px;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
body.compose-mode .vc-element {
position: static;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
margin-bottom: 0;
}
.wpb_content_element {
position: relative;
}
.content > .wpb_row {
margin-bottom: 0;
}
.container-page:not(.portfolio):not(.with-sidebar) .block-area.wpb_row, .container-page.portfolio .detail-area.no-media .block-area.wpb_row,
.portfolio-detail.wpb_row, body.boxed .recent-portfolio.wpb_row, .recent-portfolio:not(.slider).wpb_row {
margin-left: 0;
margin-right: 0;
}
.xdebug-error {
color: #000;
font-size: 14px;
}
.wpb_pinterest a {
transition:none;
-webkit-transition:none;
}
body.woocommerce-demo-store .demo_store {
position: static;
}
.z-index-iefix {
z-index: 100000000;
}
::selection
{
background-color:#E89A38;
color:#fff;
}
::-moz-selection
{
background-color:#E89A38;
color:#fff;
}
iframe, embed, object, video {
max-width: 100%;
border:none;
}
video {
background-color: #000;
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
vertical-align: middle;
height: auto;
max-width:100%;
}
h1, h2, h3, h4, h5, h6,
.wpb_wrapper .wpb_text_column.wpb_content_element h1,
.wpb_wrapper .wpb_text_column.wpb_content_element h2,
.wpb_wrapper .wpb_text_column.wpb_content_element h3 {
color:#333;
font-weight: 700;
margin-top: 0;
margin-bottom: 12px;
line-height: 1.5;
letter-spacing: 1px;
text-transform: uppercase;
}
.light-layout .invert h1, .light-layout .invert h2, .light-layout .invert h3,.light-layout .invert h4, .light-layout .invert h5, .light-layout .invert h6,
.light-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h1,
.light-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h2,
.light-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h3,
.light-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h4,
.light-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h5,
.light-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h6 {
color:#fff;
}
h1 {font-size:23px;}
h2 {font-size:19px;}
h3 {font-size: 17px;}
h4,.wpb_wrapper .wpb_text_column.wpb_content_element h4 {
font-size: 16px;
margin-bottom: 6px;
}
h5, .wpb_wrapper .wpb_text_column.wpb_content_element h5 {
font-size:15px;
margin-bottom: 6px;
}
h6, .wpb_wrapper .wpb_text_column.wpb_content_element h6 {
font-size:13px;
margin-bottom: 6px;
}
.color-box .vc_col-sm-6 h1 {
font-size:28px;
}
.color-box .vc_col-sm-3 h1,
.color-box .vc_col-sm-4 h1 {
font-size:20px;
}
p {
line-height: 1.8;
margin:0 0 17px;
word-wrap: break-word;
word-break: break-word;
}
*+h1, *+h2, *+h3, *+h4, *+h5, *+h6, .wpb_wrapper .wpb_text_column.wpb_content_element *+h1, .wpb_wrapper .wpb_text_column.wpb_content_element *+h2, .wpb_wrapper .wpb_text_column.wpb_content_element *+h3 {
margin-top: 1.6em;
}
input, button, select, textarea {
font-family: 'PT Sans', Arial, serif;
font-weight: 400;
}
blockquote {
position: relative;
margin: 0 0 20px 0;
padding: 0 0 0 35px;
font-size: 17px;
font-weight:300;
}
blockquote p {
font-weight:300;
}
blockquote:before {
position: absolute;
left: 0;
top: 5px;
content: "\f10d";
color:#E89A38;
line-height: 1;
font-family: FontAwesome;
font-size: 25px;
-webkit-font-smoothing: antialiased;
}
::-ms-clear {
display:none;
}
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #ddd;
}
.hr-seperator hr {
margin: 70px 0 !important;
}
sup {
vertical-align: super;
}
.light-layout .invert hr,
.dark-layout hr {
border-color:rgba(255,255,255, .1);
}
code {
display: block;
clear: both;
overflow: auto;
padding: 20px;
margin: 20px 0;
background-color: #111;
border-left: 10px solid #E89A38;
color:#fff;
font-family: monospace, serif;
}
.light-layout .invert code,
.dark-layout code {
background-color: rgba(0,0,0,.5);
}
ol, ul {
padding-left: 40px;
}
ol li, ul li {
line-height: 1.8;
padding: 2px 0;
}
ol ol, ol ul,
ul ol, ul ul {
margin: 0;
}
dl,ol,ul,table,address {
margin:20px 0;
}
.wpb_text_column ol:first-child, .wpb_text_column ul:first-child {
margin-top: 0;
}
pre {
margin: 35px 0;
}
table {
width: 100%;
}
table td, table th {
border-bottom: 1px solid #eee;
padding: 12px 4px;
text-align: left;
}
.light-layout .invert table td, .light-layout .invert table th,
.dark-layout table td, .dark-layout table th {
border-bottom: 1px solid rgba(255,255,255,.1);
}
table th, table th a {
font-weight: 600;
}
dl dt {
font-weight: 600;
line-height: 1.8;
}
dl dd {
padding-bottom: 15px;
display: block;
font-style: italic;
line-height: 1.8;
}
/*-----------------------------------------------------------------------------------*/
/* - Constants
/*-----------------------------------------------------------------------------------*/
.center {text-align: center!important;}
.floatLeft{float: left !important;}
.floatRight{float: right !important;}
.visible {display: block !important;}
.hidden {display: none !important;}
.uppercase {text-transform: uppercase !important;}
.bolder {font-weight: 900 !important;}
.bold {font-weight: 700 !important;}
.semi-bold {font-weight: 600 !important;}
.normal {font-weight: 400 !important;}
.light {font-weight: 300 !important;}
.lighter {font-weight: 100 !important;}
.no-margin {margin: 0 !important;}
.remove-padding {padding: 0 !important}
.dashed {border-bottom: 2px dashed; padding-bottom: .1em;}
.dashed-all {border: 3px dashed;padding:0 18px;}
.wpb_wrapper .wpb_text_column.fancy-title h1,
.wpb_wrapper .wpb_text_column.fancy-title h2,
.fancy-title {
font-size: 55px;
line-height:1.2;
font-weight: 700;
display: block;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.light-layout .invert .wpb_wrapper .wpb_text_column.fancy-title h1,
.dark-layout .wpb_wrapper .wpb_text_column.fancy-title h1 {
text-shadow:1px 1px 5px rgba(0,0,0,.1);
}
.fancy-title p {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
font-size:13px;
margin-bottom: 10px;
}
.light-layout .invert .fancy-title p,
.dark-layout .block-area:not(.invert) .fancy-title p {
color:#fff;
}
.figure {
position: relative;
z-index: 1;
}
.round img, img.round {
border-radius: 100%;
}
.grayscale img, img.grayscale {
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-transition: all .3s ease-out; /* Fade to color for Chrome and Safari */
-webkit-transform: translateZ(0);
}
.grayscale img:hover, img.grayscale:hover {
-webkit-filter: grayscale(0); /* Chrome 19+ & Safari 6+ */
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}
.grayscale-50 img {
-webkit-filter: grayscale(50%);
-moz-filter: grayscale(50%);
-ms-filter: grayscale(50%);
-o-filter: grayscale(50%);
filter: grayscale(50%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
-webkit-transform: translateZ(0);
}
.dock-bottom {
bottom:0 !important;
left:0 !important;
position: absolute !important;
width: 100%;
text-align: center;
}
.glass-border:not(.url-linked) .single_image_wrapper:not(.lightbox):after,
.glass-border.url-linked .single_image_wrapper a:after,
.glass-border:not(.url-linked) .single_image_wrapper.lightbox a:not(.hover-area):after {
content:"";
height: 100%;
width:100%;
left:0;
top:0;
position: absolute;
box-shadow: inset 0 0 0 12px rgba(255,255,255,0.4);
-webkit-box-shadow:inset 0 0 0 12px rgba(255,255,255,0.4);
}
.glass-border.round:not(.url-linked) .single_image_wrapper:not(.lightbox):after,
.glass-border.url-linked.round .single_image_wrapper a:after,
.glass-border.round:not(.url-linked) .single_image_wrapper.lightbox a:not(.hover-area):after {
border-radius: 100%;
}
.bounce {
animation: bounce 1s 0s ease-in-out infinite;
-webkit-animation: bounce 1s 0s ease-in-out infinite;
-moz-animation: bounce 1s 0s ease-in-out infinite;
-o-animation: bounce 1s 0s ease-in-out infinite;
-ms-animation: bounce 1s 0s ease-in-out infinite;
position: relative;
}
.bounce.slow {
animation: bounce 3s 0s ease-in-out infinite;
-webkit-animation: bounce 3s 0s ease-in-out infinite;
-moz-animation: bounce 3s 0s ease-in-out infinite;
-o-animation: bounce 3s 0s ease-in-out infinite;
-ms-animation: bounce 3s 0s ease-in-out infinite;
position: relative;
}
.spin {
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
.spin.slow {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.pulse {
-webkit-animation: breath 1.5s ease-out infinite;
-moz-animation: breath 1.5s ease-out infinite;
-ms-animation: breath 1.5s ease-out infinite;
animation: breath 1.5s ease-out infinite;
}
.glass {
opacity: .5;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
}
.glass:hover {
opacity: 1;
}
.glass-2 {
opacity: .8;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
}
.glass-2:hover {
opacity: 1;
}
.glass-3 {
opacity: .1;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
}
.glass-3:hover {
opacity: 1;
}
.spot-text {
font-size:19px;
color:#333;
line-height: 1.4;
font-weight: 400;
}
footer .spot-text {
color: inherit;
}
.block-area.invert .spot-text, .invert .spot-text {
color:#fff;
}
.dark-layout .block-area .spot-text {
color:#444;
}
.dark-layout .block-area:not(.invert) .spot-text {
color:#fff;
}
ul.c-list,
ul.s-list,
ul.l-list,
ul.circle-list,
ul.circle-o-list {
padding-left: 12px;
}
ul.c-list li,
ul.s-list li,
ul.l-list li,
ul.circle-list li,
ul.circle-o-list li {
list-style-type: none;
position: relative;
padding-left: 22px;
}
ul.l-list li {
padding-left: 14px;
}
ul.circle-list li,
ul.circle-o-list li {
padding-left: 16px;
}
ul.c-list li:before,
ul.s-list li:before,
ul.l-list li:before,
ul.circle-list li:before,
ul.circle-o-list li:before {
font-family: "FontAwesome";
font-size: 13px;
display: inline-block;
text-align: right;
color:#E89A38;
position: absolute;
left: 1px;
top:-2px;
line-height: 31px;
}
ul.l-list li:before {
font-size: 8px;
width: 7px;
overflow: hidden;
}
ul.circle-list li:before,
ul.circle-o-list li:before {
font-size: 9px;
}
.light-layout .invert ul.c-list li:before,
.light-layout .invert ul.s-list li:before,
.light-layout .invert ul.l-list li:before,
.light-layout .invert ul.circle-list li:before,
.light-layout .invert ul.circle-o-list li:before{
color:inherit;
}
ul.c-list li:before {
content: "\f00c";
}
ul.s-list li:before {
content: "\f005";
}
ul.l-list li:before {
content: "\f068";
}
ul.circle-list li:before {
content: "\f111";
}
ul.circle-o-list li:before {
content: "\f10c";
}
@-webkit-keyframes bounce {
0%, 100% { -webkit-transform:translate3d(0,0,0);}
50% { -webkit-transform:translate3d(0,-20px,0); }
}
@-moz-keyframes bounce {
0%, 100% { -moz-transform:translate3d(0,0,0);}
50% { -moz-transform:translate3d(0,-20px,0); }
}
@-ms-keyframes bounce {
0%, 100% { -ms-transform:translate3d(0,0,0);}
50% { -ms-transform:translate3d(0,-20px,0); }
}
@keyframes bounce {
0%, 100% { transform:translate3d(0,0,0);}
50% { transform:translate3d(0,-20px,0); }
}
.color-box.block-area {
padding: 0;
}
.color-box > .container {
display: table;
table-layout: fixed;
position: relative;
background-color: inherit;
}
.color-box > .container > .wpb_column {
position:relative;
display: table-cell;
float: none;
vertical-align: top;
padding:5%;
overflow: hidden;
min-height: 300px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.color-box > .container > .wpb_column.vc_col-sm-6 {
padding:8%;
}
.container > .wpb_column.vertical-middle {
vertical-align: middle;
}
.color-box > .container > .wpb_column > .wpb_wrapper {
position: relative;
z-index: 1;
}
.wpb_single_image_wrapper.dock-bottom {
left:0;
width: 100%;
}
.blog-list-wrapper .centered .hr-seperator {
padding: 20px 0;
}
.blog-detail .hr-seperator hr {
border-top: 1px solid #ddd;
}
.blog-detail-text figure {
margin-top: 30px;
margin-bottom: 20px;
}
figure figcaption {
text-align: right;
font-size: 12px;
color:#999;
margin-top: 8px;
}
.bypostauthor {}
/*-----------------------------------------------------------------------------------*/
/* - Form Elements
/*-----------------------------------------------------------------------------------*/
.chosen-container {
min-width: 210px;
}
.contact-form .chosen-container,
.wpcf7 .chosen-container,
.woocommerce-page .form-row .chosen-container {
width: 100%!important;
}
.chosen-container .chosen-single {
line-height: 19px;
background: #F5F5F5;
color: #676767;
height: auto;
border: 1px solid #e9e9e9;
font-size:13px;
padding:11px 13px;
font-weight: normal;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
.chosen-container-active.chosen-with-drop .chosen-single {
background: #fff;
box-shadow: inset 0 0 9px -1px #ddd;
-webkit-box-shadow: inset 0 0 9px -1px #ddd;
}
.contact-form .chosen-container .chosen-single,
.wpcf7 .chosen-container .chosen-single,
.woocommerce-page .form-row .chosen-container .chosen-single {
width: 100%;
padding:12px;
font-size: 14px;
color: #999;
border: 1px solid #e9e9e9;
box-shadow: inset 0 0 9px -1px #ddd;
-webkit-box-shadow: inset 0 0 9px -1px #ddd;
}
.chosen-container .chosen-single:after {
position: absolute;
top: 50%;
margin-top: -8px;
right: 12px;
height: 16px;
line-height: 16px;
font-size: 18px;
color: #000;
content:"\f107";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.contact-form .chosen-container .chosen-single:after,
.wpcf7 .chosen-container .chosen-single:after,
.woocommerce-page .form-row .chosen-container .chosen-single:after {
right: 12px;
}
.chosen-container-active .chosen-single {
box-shadow: inset 0 0 9px -1px #ddd;
-webkit-box-shadow: inset 0 0 9px -1px #ddd;
}
.chosen-container .chosen-drop {
background-color: #fff;
border: 1px solid #e9e9e9;
color: #676767;
border-radius: 0;
font-size: 13px;
box-shadow: none;
-webkit-box-shadow: none;
}
.chosen-container-active, .chosen-container .chosen-single,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-active.chosen-with-drop .chosen-single {
border-color:#e9e9e9;
}
.chosen-container-single .chosen-search input[type="text"] {
background: #fff;
color: #676767;
}
.chosen-container .chosen-results {
padding: 0;
margin: 0;
}
.chosen-container .chosen-results li {
padding:11px 13px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.chosen-container .chosen-results li.highlighted {
background-color: #E89A38;
background-image:none;
}
.contact-form .chosen-container .chosen-results li,
.wpcf7 .chosen-container .chosen-results li,
.woocommerce-page:not(.woocommerce) .chosen-container .chosen-results li {
padding:8px 12px;
}
.light-layout .invert .chosen-container .chosen-single,
.dark-layout .chosen-container .chosen-single {
background-color: rgba(255,255,255,.15);
border-color: transparent;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 1;
}
.light-layout .invert .chosen-container .chosen-single:after,
.dark-layout .chosen-container .chosen-single:after {
color: #fff;
}
.light-layout .invert .chosen-container .chosen-drop,
.dark-layout .chosen-container .chosen-drop {
border: none;
}
span.wpcf7-list-item:first-child {
margin-left: 0;
}
.wpcf7-form-control.wpcf7-range {
width: 100%;
}
.wpcf7-form-control.wpcf7-acceptance {
margin-right: 0.5em;
}
.comment-form input[type="text"], .contact-form .wpcf7-text, .comment-form textarea, .comment-respond input[type="text"]
.contact-form textarea, .wpcf7 .wpcf7-text, .wpcf7 textarea, .comment-respond textarea, .detail-area input[type="text"],.input-text,
.contact-form .wpcf7-number, .wpcf7 .wpcf7-number,
.contact-form .wpcf7-date, .wpcf7 .wpcf7-date,
.contact-form .wpcf7-quiz, .wpcf7 .wpcf7-quiz,
.contact-form .wpcf7-captchar, .wpcf7 .wpcf7-captchar {
width: 100%;
padding: 10px;
background-color: #efefef;
height: 43px;
border-radius: 2px;
border:1px solid rgba(0,0,0,0.05);
box-shadow: inset 0 0 9px -1px rgba(0,0,0,.05)
-webkit-box-shadow: inset 0 0 9px -1px rgba(0,0,0,.05)
border-bottom: 1px solid #fff;
color:#999;
-webkit-appearance: none;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
font-size:14px;
}
.contact-form textarea,
.wpcf7 textarea,
.comment-respond textarea,
.comment-form textarea {
height: auto;
}
.comment-form textarea {
height: auto;
min-height: 200px;
}
.wpcf7-form-control.wpcf7-captchac {
margin-right: 0.5em;
}
.wpcf7-form-control.wpcf7-captchar {
width: auto;
max-width: 100%;
}
.light-layout .invert .comment-form input[type="text"],
.light-layout .invert .contact-form .wpcf7-text,
.light-layout .invert .comment-form textarea,
.light-layout .invert .contact-form textarea,
.light-layout .invert .wpcf7 .wpcf7-text,
.light-layout .invert .wpcf7 textarea,
.light-layout .invert .detail-area input[type="text"],
.light-layout .invert .input-text,
.light-layout .invert .contact-form .wpcf7-number,
.light-layout .invert .wpcf7 .wpcf7-number,
.light-layout .invert .contact-form .wpcf7-date,
.light-layout .invert .wpcf7 .wpcf7-date,
.light-layout .invert .contact-form .wpcf7-quiz,
.light-layout .invert .wpcf7 .wpcf7-quiz,
.light-layout .invert .contact-form .wpcf7-captchar,
.light-layout .invert .wpcf7 .wpcf7-captchar {
background-color:rgba(255,255,255,.15);
border-color: transparent;
color:#fff;
-webkit-box-shadow:none;
box-shadow: none;
}
.comment-form input[type="text"]:focus, .contact-form .wpcf7-text:focus, .comment-form textarea:focus, .contact-form textarea:focus,
.wpcf7 .wpcf7-text:focus, .wpcf7 textarea:focus, .detail-area input[type="text"]:focus, .input-text:focus,
.contact-form .wpcf7-number:focus, .wpcf7 .wpcf7-number:focus,
.contact-form .wpcf7-date:focus, .wpcf7 .wpcf7-date:focus,
.contact-form .wpcf7-quiz:focus, .wpcf7 .wpcf7-quiz:focus,
.contact-form .wpcf7-captchar:focus, .wpcf7 .wpcf7-captchar:focus {
background-color: #e3e3e3;
color:#333;
}
.light-layout .invert .comment-form input[type="text"]:focus,
.light-layout .invert .contact-form .wpcf7-text:focus,
.light-layout .invert .comment-form textarea:focus,
.light-layout .invert .contact-form textarea:focus,
.light-layout .invert .wpcf7 .wpcf7-text:focus,
.light-layout .invert .wpcf7 textarea:focus,
.light-layout .invert .detail-area input[type="text"]:focus,
.light-layout .invert .input-text:focus,
.light-layout .invert .contact-form .wpcf7-number:focus,
.light-layout .invert .wpcf7 .wpcf7-number:focus,
.light-layout .invert .contact-form .wpcf7-date:focus,
.light-layout .invert .wpcf7 .wpcf7-date:focus,
.light-layout .invert .contact-form .wpcf7-quiz:focus,
.light-layout .invert .wpcf7 .wpcf7-quiz:focus,
.light-layout .invert .contact-form .wpcf7-captchar:focus,
.light-layout .invert .wpcf7 .wpcf7-captchar:focus {
background-color: rgba(255,255,255,.3);
color:#fff;
}
.wpcf7-form-control-wrap {
width: 100%;
}
.form-wrapper {
margin-bottom: 0;
}
.form-wrapper p:before,
.form-wrapper p:after,
.wpcf7-form p:before,
.wpcf7-form p:after {
content: " ";
display: table;
}
.form-wrapper p:after,
.wpcf7-form p:after {
clear: both;
}
.form-wrapper label, .wpcf7-form label, .comment-form label {
display: inline-block;
margin-bottom: 5px;
font-size:13px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.light-layout .invert .form-wrapper label, .light-layout .invert .wpcf7-form label,
.dark-layout .block-area:not(.invert) .form-wrapper label, .dark-layout .block-area:not(.invert) .wpcf7-form label {
color:#fff;
}
span.wpcf7-form-control-wrap {
display:block;
}
div.wpcf7 img.ajax-loader {
display: none;
float: right;
margin-right: 5px;
}
span.wpcf7-not-valid-tip {
display: block;
position: absolute;
top:-29px;
right: 0;
font-size: 12px;
background: #222222;
color: #FFF;
padding: 4px 12px;
}
div.wpcf7-response-output {
position: relative;
border-width:1px;
padding: 11px 14px;
margin: 0;
overflow: hidden;
border-radius: 2px;
line-height: 1.8;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
}
div.wpcf7-response-output:before {
position: absolute;
left: 16px;
top: 5px;
display: none;
font-family: FontAwesome;
font-size: 24px;
}
div.wpcf7-validation-errors {
background-color: #fcf8e3;
border: 1px solid #faebcc;
color: #8a6d3b;
margin-top: 20px;
}
div.wpcf7-validation-errors:before {
content: "\f06a";
color: #c09853;
}
div.wpcf7-mail-sent-ng {
color: #a94442;
border-color: #ebccd1;
background-color: #f2dede;
}
div.wpcf7-mail-sent-ng:before {
content: "\f057";
color: #b94a48;
}
div.wpcf7-mail-sent-ok {
color: #3c763d;
border-color: #d6e9c6;
background-color: #dff0d8;
}
div.wpcf7-mail-sent-ok:before {
content: "\f058";
color: #468847;
}
.container {
margin: 0 auto;
}
.container-page:not(.tiny-page) .comments-wrapper .container {
padding-top: 80px;
padding-bottom: 80px;
}
.container-page.portfolio .content.no-media .comments-wrapper .hr-seperator {
display: none;
}
.detail-area input[type="text"] {
margin-left: 5px;
height:38px;
}
.wpcf7-submit {
min-width: 70px;
}
input:focus, textarea:focus {
outline: none;
}
textarea {
min-height: 221px;
resize:vertical;
}
.comment-form {
padding:0 0 20px;
text-align: left;
}
.comment-form h3, .comment-respond h3 {
font-size: 17px;
}
.wpcf7 input[type="submit"],.detail-area input[type="submit"] {
width: auto;
}
.comment-respond h3 small {
float:right;
}
.comment-respond h3 small a {
padding: 6px 9px;
font-size: 11px;
background-color: #aaa;
color: #fff;
font-weight: 400;
display: inline-block;
letter-spacing: 0;
text-transform: uppercase;
line-height: 1.7;
}
.comment-respond h3 small a:hover {
background-color: #E89A38;
}
.required {
color:#E89A38;
}
.contact-form.with-icon {
position: relative;
padding-left: 39px;
}
.contact-form.with-icon .blog-icon-area span {
font-size: 31px;
}
.contact-form.with-icon .contact-form-inner {
padding-left: 60px;
border-left: 1px solid #E8E8E8;
}
/*-----------------------------------------------------------------------------------*/
/* - Buttons and Links
/*-----------------------------------------------------------------------------------*/
a, button,.button {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
text-decoration: none;
cursor:pointer;
outline: none;
}
a:hover, a:active, a:focus {
outline: none;
}
.PIN_1390616819008_pin_it_button_20 {
transition:none;
-webkit-transition:none;
}
a{
color:#E89A38;
font-weight: inherit;
word-break: break-word;
word-wrap: break-word;
}
a:hover {
color:#333;
text-decoration: none;
}
.invert a:not(.btn):hover {
color:#666;
}
.btn-area {
display: block;
}
.btn-area.wpb_button_custom {
margin-bottom: 10px;
}
.btn-area.wpb_button_custom.center {
margin-left:8px;
margin-right:8px;
}
.btn-area.wpb_button_custom.left {
margin-right:10px;
}
.btn-area.wpb_button_custom.right {
margin-left:10px;
}
.wpb_text_column .btn-area, .wpb_text_column .block-icon-area-wrapper {
display: inline-block;
}
.btn, .widget .btn{
display: inline-block;
padding: 15px 20px;
height: auto;
font-size: 13px;
font-weight:700;
text-decoration: none;
text-transform: uppercase;
text-shadow:none;
background:none;
background-color: #E89A38;
border:2px dashed transparent;
border-radius: 2px;
color:#fff;
letter-spacing: 1px;
line-height: normal;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn, .btn:hover {
background-position: 0 0;
background-repeat: repeat-x;
}
.btn span, .widget .btn span {
margin-right: 8px;
margin-left: 0;
font-size: 14px;
line-height: 1.1;
position: relative;
top:1px;
}
.btn-xsml span {
font-size: 13px;
margin-right: 8px;
}
.btn-lg span {
font-size: 15px;
}
.btn span.right {
margin-right: 0;
margin-left: 12px;
}
.btn:hover, .widget .btn:hover{
color:#fff;
background-color:#222;
}
.btn:focus {
color:#fff;
}
/* Btn Sizes */
.btn-lg, .widget .btn-lg {
padding: 19px 28px;
font-size: 13px;
}
.btn-sml,.widget .btn-sml {
padding: 12px 16px;
font-size: 11px;
}
.btn-xsml, .widget .btn-xsml {
padding: 11px 14px;
font-size: 11px;
}
/* for Btn Sizes */
/* Btn Types */
.btn.type1 {
color:#fff;
background-color:#E89A38;
}
.btn.type2 {
background-color:transparent;
border-radius:2px;
border:2px dashed #E89A38;
color:#E89A38;
}
.widget .btn.type2 {
background-color:transparent;
}
.light-layout .invert .btn.type2 {
border-color: #fff;
color:#fff;
}
.light-layout .invert .btn.type2:hover {
border-color:transparent;
}
.rev_slider_wrapper .btn.type2 {
border-color: #fff;
}
.btn.type2:hover {
background-color:#E89A38;
color:#fff;
border-color:transparent;
}
.goto-top {
display:block;
position:fixed;
right:25px;
bottom:25px;
width:40px;
height:40px;
background-color:#111;
font-size:11px;
line-height:40px;
text-align: center;
color:#fff;
border-radius:100px;
opacity:0;
z-index:1002;
-webkit-transform:translate3d(0,60px,0);
-ms-transform:translateY(60px);
transform:translate3d(0,60px,0);
-webkit-transition:all .4s ease;
transition:all .4s ease;
}
.goto-top span {
position: relative;
display: inline-block;
}
.goto-top.on {
opacity:.7;
-webkit-transform:translate3d(0,0,0);
-ms-transform:translateY(0);
transform:translate3d(0,0,0);
}
.goto-top.on:hover {
color:#fff;
opacity:1;
}
/*-----------------------------------------------------------------------------------*/
/* - Mobile Menu Link
/*-----------------------------------------------------------------------------------*/
.mobile-menu-link {
display:none;
width: 32px;
padding: 0 5px;
font-size: 17px;
line-height: 100px;
text-align: center;
text-decoration:none;
}
.light-bg .mobile-menu-link {
color: #444;
}
.dark-bg .mobile-menu-link {
color: rgba(255,255,255,1);
}
.header-overlapping .site-header:not(.fixed-minify) .mobile-menu-link {
color: rgba(255,255,255,1);
}
.site-header.fixed-minify .mobile-menu-link {
line-height: 75px;
}
.main-navigation ul li .submenu-mobilelink {
display:none;
}
.mobile-search-area {
display:none;
}
/*-----------------------------------------------------------------------------------*/
/* - Header Structure
/*-----------------------------------------------------------------------------------*/
.site-header {
position: relative;
width: 100%;
z-index:498;
}
#main-header-vertical {
z-index:499;
}
.fixed-header.logged-in .site-header.fixed-minify {
z-index: 501;
}
.site-header.fixed-minify {
position: fixed;
top:0;
-webkit-transform:translate3d(0,-105%,0);
-ms-transform:translateY(-105%);
transform:translate3d(0,-105%,0);
-webkit-transition:-webkit-transform .4s ease;
transition:transform .4s ease;
}
.logged-in.wpadminbar-enable .site-header.fixed-minify {
top:32px;
}
.no-header .site-header:not(.fixed-minify) {
position: absolute;
opacity: 0;
visibility: hidden;
}
.site-header.full {
width: 100%;
}
.site-header .header-bar {
height: 55px;
position: relative;
}
.site-header .header-bar.dark-bg {
background-color: #222;
border-bottom:1px solid #333;
}
.site-header .header-bar.light-bg {
background-color: #fff;
border-bottom:1px solid #f0f0f0;
}
.header-overlapping .site-header:not(#main-header-vertical) .header-bar.light-bg, .header-overlapping .site-header:not(#main-header-vertical) .header-bar.dark-bg {
box-shadow: 0 -5px 20px rgba(0,0,0,.6);
border-bottom:none;
}
.site-header .info-area {
float: right;
font-size: 13px;
font-weight: 400;
line-height: 55px;
height: 100%;
margin-right: 12px;
}
.site-header .header-bar.dark-bg .info-area .info-area-inner {
color:rgba(255,255,255,.8);
}
.site-header .header-bar.light-bg .info-area .info-area-inner {
color:rgba(0,0,0,.7);
}
.site-header .info-area .info-area-inner span.fa {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
font-size: 14px;
position: relative;
top:-1px;
}
.site-header .info-area .info-area-inner span.fa.fa-envelope {
font-size:13px;
top: -2px;
}
.site-header .info-area .info-area-inner span.text {
display: inline-block;
margin-right: 10px;
}
.site-header .info-area .info-area-inner span.text:last-child {
margin-right: 0;
}
.site-header .header-bar.dark-bg .info-area a {
color: rgba(255,255,255,.8);
font-weight: 400;
}
.site-header .header-bar.light-bg .info-area a {
color: rgba(0,0,0,.8);
font-weight: 400;
}
.site-header .header-bar.dark-bg .info-area a:hover {
color: rgba(255,255,255,1);
}
.site-header .header-bar.light-bg .info-area a:hover {
color: #E89A38;
}
.header-overlapping:not(.slider-on):not(.no-header) .block-area.fullscreen:first-child .block-area-fullscreen-inner,
.header-overlapping:not(.slider-on):not(.no-header) .block-area-with-bg-wrapper:first-child .block-area.fullscreen .block-area-fullscreen-inner {
padding-top: 122px;
}
.header-overlapping.header-type2:not(.slider-on):not(.no-header) .block-area.fullscreen:first-child .block-area-fullscreen-inner,
.header-overlapping.header-type2:not(.slider-on):not(.no-header) .block-area-with-bg-wrapper:first-child .block-area.fullscreen .block-area-fullscreen-inner {
padding-top: 125px;
}
.social-icons {
padding: 0;
margin: 0;
position: relative;
left:-3px;
}
.site-header .social-icons {
float: left;
left:0;
}
.social-icons li {
display: inline-block;
list-style:none;
padding:0;
margin:0;
}
.floatLeft.social-icons {
margin-right:7px;
}
.header-bar .floatLeft.social-icons {
margin-left: -10px;
}
.header-bar .floatLeft.social-icons li {
margin-right: 5px;
}
.header-bar .floatRight.social-icons li {
margin-left: 5px;
}
.floatRight.social-icons{
margin-left:7px;
position: relative;
}
.site-header .header-bar .floatRight.social-icons li:last-child a {
border-right:none;
}
.social-icons li a {
display: inline-block;
min-width:1px;
height:100%;
text-decoration: none;
text-align: center;
}
header .social-icons li a {
font-size:14px;
line-height:55px;
}
.vertical-header-widgets .social-icons li a {
font-size: 16px;
}
.light-bg .social-icons span.fa {
color: rgba(0,0,0,.7);
}
.dark-bg .social-icons span.fa{
color: rgba(255,255,255,.8);
}
.social-icons li a:hover span.fa{
color: rgba(255,255,255,1);
}
.social-icons span.fa {
line-height: 28px;
width: 28px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
header .social-icons span.fa {
border-radius: 100px;
}
.social-icons li a .fa:hover {
color:#fff;
}
.social-icons a:hover span.fa.fa-facebook {
background-color: #3b5998;
}
.social-icons a:hover span.fa.fa-twitter {
background-color: #00aced;
}
.social-icons a:hover span.fa.fa-youtube {
background-color: #b00;
}
.social-icons a:hover span.fa.fa-vimeo-square{
background-color: #aad450;
}
.social-icons a:hover span.fa.fa-google-plus {
background-color: #dd4b39;
}
.social-icons a:hover span.fa.fa-pinterest {
background-color: #A05E61;
}
.social-icons a:hover span.fa.fa-tumblr {
background-color: #222;
}
.social-icons a:hover span.fa.fa-linkedin{
background-color: #007bb6;
}
.social-icons a:hover span.fa.fa-instagram {
background-color: #517fa4;
}
.social-icons a:hover span.fa.fa-github {
background-color: #a0a0a0;
}
.social-icons a:hover span.fa.fa-rss{
background-color: #E89A38;
}
.site-header .header-inner {
width:100%;
height: 100px;
}
.site-header .header-inner > .container {
padding-left:30px;
padding-right:30px;
}
.site-header .header-inner.dark-bg {
background-color: #222;
}
.site-header .header-inner.light-bg {
background-color: #fff
}
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner.light-bg, .header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner.dark-bg {
background-color: transparent;
box-shadow:none;
-webkit-box-shadow:none;
transition: background-color 0.3s ease-out;
-webkit-transition:background-color 0.3s ease-out;
}
.site-header .container {
position: relative;
height: 100%;
}
.site-header .container-inner {
height:100%;
width: 100%;
}
.site-header .logo {
float: left;
line-height:100px;
height: 100px;
margin-right: 18px;
}
.site-header.header_3:not(.fixed-minify) .logo {
height: 110px;
line-height: 110px;
}
.site-header .logo a {
display:inline-block;
vertical-align:middle;
margin-top:-3px;
max-width: 100%;
font-weight: 700;
font-size: 33px;
letter-spacing: -1px;
text-transform: uppercase;
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
}
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .logo a {
color:#fff;
}
.site-header .logo a span {
display: block;
line-height: 100px;
}
.site-header .header-inner.dark-bg .logo a, .header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .logo a {
color:#fff;
}
.site-header .header-inner.dark-bg .logo a:hover, .header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .logo a:hover {
color:rgba(255,255,255,.8);
}
.site-header .header-inner.light-bg .logo a {
color:#333;
}
.site-header .header-inner.light-bg .logo a:hover {
color:#E89A38;
}
.site-header .header-inner.dark-bg .logo a {
color:#fff;
}
.site-header .header-inner.dark-bg .logo a:hover {
color:#ccc;
}
.site-header .logo img {
display: block;
max-width: 100%;
min-height:18px;
max-height:75px;
}
.site-header .header-other-links {
float: right;
}
.site-header.header_4:not(.fixed-minify) .header-other-links {
position: absolute;
right: 0;
}
.site-header.header_3:not(.fixed-minify) .header-inner-container .vc_col-sm-12 {
display: table;
}
.site-header.header_3:not(.fixed-minify) .header-inner-container .free-html-area {
display: table-cell;
vertical-align: middle;
text-align: right;
}
.site-header.header_4:not(.fixed-minify) .header-inner,
.site-header.header_3:not(.fixed-minify) .header-inner {
height: auto;
}
.header-overlapping .site-header.header_4:not(.fixed-minify) .header-bottom, .header-overlapping .site-header.header_3:not(.fixed-minify) .header-bottom {
background-color: transparent;
}
.site-header.header_4:not(.fixed-minify) .logo {
float: none;
text-align: center;
}
.site-header.header_4:not(.fixed-minify) .header-inner-container {
padding-top: 60px;
padding-bottom: 45px;
}
.site-header.header_4:not(.fixed-minify) .logo {
line-height: 120px;
height: 120px;
margin-right: 0;
}
.site-header.header_4:not(.fixed-minify) .logo img {
max-height: inherit;
}
.site-header.header_4:not(.fixed-minify) .main-navigation {
float: none;
text-align: center;
}
.site-header .navigation-container {
position: relative;
}
.site-header.header_4:not(.fixed-minify) .navigation-container {
text-align: center;
}
.site-header.header_4:not(.fixed-minify) .main-navigation > .navigation > li {
float: none;
display: inline-block;
text-align: left;
}
.site-header.header_4:not(.fixed-minify) .main-navigation.default .navigation > li > a, .site-header.header_4:not(.fixed-minify) .shop-cart-popup-wrapper .cart-icon, .site-header.header_4:not(.fixed-minify) .search-link-wrapper,
.site-header.header_4:not(.fixed-minify) .mobile-menu-link,
.site-header.header_3:not(.fixed-minify) .main-navigation.default .navigation > li > a, .site-header.header_3:not(.fixed-minify) .shop-cart-popup-wrapper .cart-icon, .site-header.header_3:not(.fixed-minify) .search-link-wrapper,
.site-header.header_3:not(.fixed-minify) .mobile-menu-link {
line-height: 90px;
}
.site-header.header_3:not(.fixed-minify) .logo {
text-align: left;
}
.site-header.header_3:not(.fixed-minify) .header-inner-container .social-icons {
position:absolute;
display: inline-block;
top:50%;
right: 0;
left: auto;
margin-top: -18px;
}
.site-header.header_3:not(.fixed-minify) .main-navigation {
float: left;
margin-left:-15px;
}
.header-overlapping .site-header:not(#main-header-vertical):not(.fixed-minify) .logo .default-logo {
display: none;
}
/*-----------------------------------------------------------------------------------*/
/* - Vertical Header
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1101px) {
.vertical-header-enable:not(.boxed) #wrapper-inner {
padding-left: 260px;
}
.error404.vertical-header-enable:not(.boxed) #wrapper-inner,
.page-template-page-templatesblank-page-php.vertical-header-enable:not(.boxed) #wrapper-inner {
padding-left: 0;
}
.vertical-header-enable:not(.boxed) .container, .vertical-header-enable:not(.boxed) .container-page.tiny-page {
width: auto;
}
.vertical-header-enable:not(.boxed) .full > .container {
width: 100%;
}
.vertical-header-enable.header-overlapping:not(.boxed) .site-header,
.vertical-header-enable:not(.boxed) .site-header.fixed-minify {
left:260px;
right: 0;
width: auto;
}
.vertical-header-enable .site-header {
display: none;
}
.vertical-header-enable #main-header-vertical {
display: block;
}
.vertical-header-enable #main-header-vertical {
position: fixed;
left: 0;
top:0;
height: 100%;
width: 260px;
margin: 0;
}
.vertical-header-enable #main-header-vertical .vc_col-sm-12 {
margin: 0;
}
.vertical-header-enable.no-header #main-header-vertical:not(.fixed-minify) {
visibility: visible;
opacity: 1;
}
.vertical-header-enable #main-header-vertical.fixed-minify {
display: none;
}
.vertical-header-enable #main-header-vertical .vertical-header-widgets {
margin-top: 40px;
}
.vertical-header-enable #main-header-vertical.site-header .social-icons {
float: none;
}
.vertical-header-enable #main-header-vertical .container {
width: 100%;
padding-left: 0;
padding-right: 0;
height: auto;
}
.vertical-header-enable #main-header-vertical .header-inner {
height: 100%;
padding:90px 30px 30px;
}
.vertical-header-enable #main-header-vertical .header-inner.centered {
text-align: center;
}
.vertical-header-enable #main-header-vertical .logo {
float: none;
line-height: 1;
height: auto;
margin-right: 0;
margin-bottom: 35px;
}
.vertical-header-enable #main-header-vertical .header-inner.centered .logo {
text-align: center;
}
.vertical-header-enable #main-header-vertical .logo a span {
line-height: 64px;
}
.vertical-header-enable #main-header-vertical .logo img {
max-height: 9999px;
}
.vertical-header-enable #main-header-vertical .header-other-links {
float: none;
margin-bottom: 17px;
}
.vertical-header-enable #main-header-vertical .header-inner.centered .header-other-links {
text-align: center;
}
.vertical-header-enable #main-header-vertical .shop-cart-popup-wrapper .cart-icon,
.vertical-header-enable #main-header-vertical .search-link-wrapper {
line-height: 50px;
}
.vertical-header-enable #main-header-vertical .search-link-wrapper {
margin-left: 10px;
margin-right: 10px;
}
.vertical-header-enable #main-header-vertical .search-link-wrapper .search-link {
transition:none;
-webkit-transition:none;
}
.vertical-header-enable #main-header-vertical .main-navigation {
float: none;
width: auto;
margin-left: -30px;
margin-right: -30px;
}
.vertical-header-enable #main-header-vertical .main-navigation .navigation > li {
float: none;
padding-left: 30px;
padding-right: 30px;
}
.vertical-header-enable #main-header-vertical .header-inner.centered .main-navigation .navigation > li {
text-align: center;
}
.vertical-header-enable #main-header-vertical .header-inner.centered .main-navigation .navigation > li ul {
text-align: left;
}
.vertical-header-enable #main-header-vertical .main-navigation.default .navigation > li > a {
line-height: 36px;
}
.vertical-header-enable #main-header-vertical .main-navigation.default .navigation li ul.sub-menu {
left: 100%;
top:0;
}
.vertical-header-enable #main-header-vertical .main-navigation.default .navigation > li.megamenu {
position: relative!important;
}
.vertical-header-enable #main-header-vertical .main-navigation.default .navigation > li.megamenu > ul.sub-menu {
width: 980px;
max-width: 99999px;
}
.vertical-header-enable #main-header-vertical .header-bar {
position: absolute;
bottom: 0;
height: auto;
padding:20px 40px;
}
.vertical-header-enable .site-header .header-bar.light-bg .social-icons li a,
.vertical-header-enable .site-header .header-bar.dark-bg .social-icons li a {
border:none;
}
.vertical-header-enable .site-header .info-area {
line-height: 22px;
margin: 15px 0 10px;
}
.vertical-header-enable #main-header-vertical .header-bar .mini-lang,
.vertical-header-enable #main-header-vertical .header-bar .info-area,
.vertical-header-enable #main-header-vertical .header-bar .social-icons {
float: none!important;
}
.no-mobile-device .vertical-header-enable:not(.boxed) footer.unfold.activate {
left: 260px;
right: 0;
width: auto;
}
.vertical-header-enable .prevPage {
left:260px;
}
}
/*-----------------------------------------------------------------------------------*/
/* - Fixed Header
/*-----------------------------------------------------------------------------------*/
.header-overlapping .site-header:not(.fixed-minify) {
position: absolute;
border-bottom: 1px solid rgba(255,255,255,.3);
}
.header-overlapping .site-header.fixed-minify .logo .default-logo {
display: block;
}
.header-overlapping .site-header.fixed-minify .logo .header-overlap-logo {
display: none;
}
.site-header.fixed-minify.minify {
-webkit-transform:translate3d(0,0,0);
-ms-transform:translateY(0);
transform:translate3d(0,0,0);
}
.fixed-header .site-header.fixed-minify .header-bar {
display: none;
}
.fixed-header .site-header.fixed-minify .header-inner {
height: 75px;
-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
box-shadow:0 1px 7px rgba(0, 0, 0, 0.1);
}
.fixed-header .site-header.fixed-minify .header-inner.light-bg {
background-color: rgba(255,255,255,.97);
}
.fixed-header .site-header.fixed-minify .header-inner.dark-bg {
background-color: rgba(34, 34, 34, 0.97);
}
.fixed-header.compose-mode .site-header.fixed-minify {
top: 0 !important;
}
.site-header.fixed-minify .logo {
height:75px;
line-height: 75px;
}
.site-header.fixed-minify .logo a span {
font-size:27px;
line-height: 75px;
}
.site-header.fixed-minify .logo img{
height:24px;
width: auto;
}
.site-header.fixed-minify .site-description {
display: none;
margin-top: 12px;
opacity: 0;
}
.site-header.fixed-minify .search-link-wrapper,
.site-header.fixed-minify .shop-cart-popup-wrapper .cart-icon {
line-height: 75px;
}
.site-header.fixed-minify .main-navigation.default > .navigation > li > a {
line-height: 75px;
}
/*-----------------------------------------------------------------------------------*/
/* - Navigation Styles
/*-----------------------------------------------------------------------------------*/
.main-navigation {
height: 100%;
float: right;
}
.main-navigation.mobile {
display: none;
}
.navmenu-overlay {
visibility: hidden;
position: fixed;
top:0;
left: 0;
z-index: 100000;
width: 100%;
height: 100%;
background: #333 url(../img/general/pattern-overlay.png) center top repeat;
cursor: pointer;
opacity: 0;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
}
.mobile-menu-close {
visibility: hidden;
opacity: 0;
}
.main-navigation .navigation {
margin: 0;
padding: 0;
list-style:none;
}
.main-navigation .navigation li {
position: relative;
float: left;
padding:0;
}
.main-navigation .navigation li.menu-item-language .submenu-languages {
min-width: 177px;
}
.main-navigation .navigation li a {
position: relative;
font-size:12px;
line-height: 1.2;
}
.main-navigation .navigation li a i {
margin-right: 7px;
padding: 0;
font-size: 14px;
}
.main-navigation .navigation > li > a > i {
font-size: 15px;
}
.main-navigation .navigation li ul {
margin:0;
padding:0;
}
/* Default */
.main-navigation.zoom-in {
display: none;
}
.main-navigation.default .navigation > li > a {
position: relative;
display: inline-block;
vertical-align: middle;
line-height:100px;
padding: 0 12px;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
}
.main-navigation.default .navigation li a, .search-link-wrapper .search-link, .shop-cart-popup-wrapper .cart-icon a {
color: #333;
}
.main-navigation.default .navigation li > a:hover,
.main-navigation.default .navigation li:hover > a,
.main-navigation.default .navigation > li.active > a,
.main-navigation.default .navigation > li.current_page_parent > a,
.main-navigation.default .navigation > li.current_page_item > a,
body:not(.one-page-layout) .main-navigation.default .navigation li.current-menu-item > a,
.main-navigation.default .navigation li.current-menu-ancestor > a,
.main-navigation.default.dark-bg .navigation li > a:hover,
.main-navigation.default.dark-bg .navigation > li.active > a,
.main-navigation.default.dark-bg .navigation > li.current_page_parent > a,
.main-navigation.default.dark-bg .navigation > li.current_page_item > a,
body:not(.one-page-layout) .main-navigation.default.dark-bg .navigation li.current-menu-item > a,
.main-navigation.default.dark-bg .navigation li.current-menu-ancestor > a {
color: #E89A38;
}
.main-navigation.default .navigation > li > a:before,
.main-navigation.default .navigation > li.active > a:before,
.main-navigation.default .navigation > li.current_page_parent > a:before,
.main-navigation.default .navigation > li.current_page_item > a:before,
body:not(.one-page-layout) .main-navigation.default .navigation > li.current-menu-item > a:before,
.main-navigation.default .navigation > li.current-menu-ancestor > a:before,
.main-navigation.default .navigation > li.submenu-item-parent > a:before {
display:block;
content:"";
height: 4px;
background-color:transparent;
position: absolute;
width: 100%;
left: 0;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.main-navigation.default .navigation > li > a:hover:before,
.main-navigation.default .navigation > li.submenu-item-parent:hover > a:before,
.main-navigation.default .navigation > li.active > a:before,
.main-navigation.default .navigation > li.current_page_parent > a:before,
.main-navigation.default .navigation > li.current_page_item > a:before,
body:not(.one-page-layout) .main-navigation.default .navigation > li.current-menu-item > a:before,
.main-navigation.default .navigation > li.current-menu-ancestor > a:before {
background-color: #E89A38;
}
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .main-navigation.default .navigation > li > a,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .search-link-wrapper .search-link span.ico-container,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .shop-cart-popup-wrapper .cart-icon a,
.header-overlapping .site-header.header_3:not(.fixed-minify) .free-html-area {
color: rgba(255,255,255,1);
}
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .search-link-wrapper .search-link span.ico-container:hover,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .shop-cart-popup-wrapper:hover .cart-icon a,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .mobile-menu-link:hover {
}
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li > a:hover,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li.current_page_parent > a,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li.current_page_item > a,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical):not(.one-page-layout) .header-inner .main-navigation.default .navigation > li.current-menu-item > a,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li.current-menu-ancestor > a,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li.submenu-item-parent:hover > a,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .shop-cart-popup-wrapper .cart-icon a:hover span.icon {
color: rgba(255,255,255,1);
}
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li > a:hover:before,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li.current_page_parent > a:before,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li.current_page_item > a:before,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical):not(.one-page-layout) .header-inner .main-navigation.default .navigation > li.current-menu-item > a:before,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li.current-menu-ancestor > a:before,
.header-overlapping .site-header:not(.fixed-minify):not(#main-header-vertical) .header-inner .main-navigation.default .navigation > li.submenu-item-parent:hover > a:before {
background-color: #fff;
}
.dark-bg .main-navigation.default .navigation > li > a, .dark-bg .search-link-wrapper .search-link .ico-container,
.dark-bg .shop-cart-popup-wrapper .cart-icon a {
color:rgba(255,255,255,.8);
}
.search-link-wrapper .search-link:hover span.ico-container {
background-color: #E89A38;
color:rgba(255,255,255,.8);
}
.main-navigation.default .navigation li ul {
visibility: hidden;
opacity: 0;
min-width: 250px;
max-width: 400px;
padding:8px 0;
margin: 0;
position: absolute;
left: 100%;
top: 0;
z-index: -1;
list-style: none;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
box-sizing: content-box;
}
.safari-5 .main-navigation.default .navigation li ul {
transition: none;
-webkit-transition: none;
-webkit-backface-visibility:visible;
}
.main-navigation.default.light-bg .navigation li ul {
background-color: #fff;
-webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
}
.main-navigation.default.dark-bg .navigation li li a {
color:rgba(255,255,255,.6);
}
.main-navigation.default.dark-bg .navigation li ul {
background-color: #222;
-webkit-box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
}
.main-navigation.default .navigation > li.megamenu > ul.sub-menu > li li a {
border-bottom:none;
}
.main-navigation.default .navigation > li.megamenu.no-headings > ul.sub-menu > li > a {
display: none;
}
.main-navigation.default .navigation li > ul {
left: 0;
top: 90%;
-webkit-backface-visibility: hidden;
backface-visibility:hidden;
}
.main-navigation.default .navigation > li:last-child > ul {
left: auto;
right: 0;
}
.main-navigation.default .navigation li:hover > ul {
visibility: visible;
opacity: 1;
top: 100%;
}
.main-navigation.default .navigation > li:hover > ul {
margin-top: -1px;
}
.header-overlapping .main-navigation.default .navigation > li:hover > ul {
margin-top: 0;
}
.main-navigation.default .navigation li ul li ul {
top: 30%;
left: 100%;
}
/*.main-navigation.dark-bg .navigation li ul li a:hover,
body:not(.one-page-layout) .main-navigation.dark-bg .navigation li ul li.current_page_item > a,
.main-navigation.dark-bg .navigation li li.current-menu-parent > a,
body:not(.one-page-layout) .main-navigation.dark-bg .navigation li ul li.current-menu-item > a {
background-color:#191919;
}*/
.main-navigation.default .navigation > li.edge > ul {
left: auto;
right: 0;
}
.main-navigation.default .navigation li ul li.edge ul {
left: auto;
right: 100%;
}
.main-navigation.default .navigation li ul li:hover > ul {
top: 0;
z-index: 10;
}
.main-navigation.default .navigation li ul li {
float: none;
height: auto;
margin: 0;
}
.main-navigation.default .navigation li ul > li:last-child {
border:none;
}
.main-navigation.default .navigation li ul li a {
display: block;
height: auto;
line-height: 1.4;
margin: 0;
padding: 12px 18px;
color: #333;
letter-spacing: 1px;
}
.main-navigation.default .navigation .sub-menu > li:last-child > a,
.main-navigation.default .navigation li.megamenu ul li a {
border:none;
}
.main-navigation.default .navigation > li.megamenu {
position: inherit!important;
}
.main-navigation.default .navigation > li.megamenu > ul.sub-menu {
max-width: 100%;
left: 0;
right: 0;
padding: 30px 0;
overflow: hidden;
display: table;
width: 990px;
margin-left: 15px;
table-layout: fixed;
}
.main-navigation.default .navigation > li.megamenu > ul.sub-menu > li {
width: 33.3%;
padding: 0 2%;
overflow: hidden;
display: table-cell;
}
.main-navigation.default .navigation > li.megamenu > ul.sub-menu > li:last-child {
border: none;
}
.main-navigation.default .navigation > li.megamenu > ul.sub-menu > li > a {
font-size: 13px;
text-transform:uppercase;
font-weight: 700;
}
.main-navigation.default .navigation > li.megamenu > ul.sub-menu ul {
position: static;
min-width: 0;
padding: 0;
background:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.mobile.main-navigation.default .navigation > li.megamenu > ul.sub-menu ul {
margin-left: 0;
}
.main-navigation.default .navigation > li.megamenu:hover > ul.sub-menu ul {
visibility: visible;
opacity: 1;
}
.main-navigation.default .navigation > li.megamenu > ul.sub-menu > li a:after {
display: none;
}
.main-navigation.default .navigation > li.megamenu.column2 > ul.sub-menu > li {
width: 50%;
}
.main-navigation.default .navigation > li.megamenu.column3 > ul.sub-menu > li {
width: 33.3%;
}
.main-navigation.default .navigation > li.megamenu.column4 > ul.sub-menu > li {
width: 25%;
}
.main-navigation.default .navigation > li.megamenu.column5 > ul.sub-menu > li {
width: 20%;
padding: 0 1.5%;
}
.main-navigation .sub-menu li.fa {
display: block;
position: relative;
}
.main-navigation .sub-menu li.fa:before {
display: none;
}
.main-navigation .sub-menu li.fa > a {
font-family: 'PT Sans';
}
.main-navigation .sub-menu li a.fa:before {
float: left;
font-family: 'FontAwesome';
display: inline-block;
margin-right: 8px;
}
/* Default */
.search-link-wrapper {
display: inline-block;
vertical-align: top;
height: 100%;
margin-left: 17px;
line-height: 100px;
}
.search-link-wrapper .search-link {
display: inline-block;
line-height: 32px;
position: relative;
-webkit-tap-highlight-color: rgba(0,0,0,.5);
border-radius:100%;
}
.search-link-wrapper .search-link span.ico-container {
display: inline-block;
width: 32px;
height: 32px;
padding:0;
font-size:14px;
border-radius:100%;
background-color: #E89A38;
color:#fff;
text-align: center;
border: none;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.header-overlapping:not(.vertical-header-enable) .site-header:not(#main-header-sticky) .search-link-wrapper .search-link span.ico-container {
background-color: rgba(0,0,0,0.15);
}
.main-navigation ul ul li.submenu-item-parent > a:after {
content:"\f105";
float:right;
margin-top:2px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shop-cart-popup-wrapper {
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 5px;
}
.shop-cart-popup-wrapper .cart-icon {
line-height: 100px;
}
.shop-cart-popup-wrapper .cart-icon a {
position: relative;
top:1px;
display: inline-block;
line-height: 1;
font-size: 17px;
text-align: center;
font-weight: 400;
}
.shop-cart-popup-wrapper .cart-icon a:hover span.icon {
color: #E89A38;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.shop-cart-popup-wrapper .cart-icon span.icon {
display: inline-block;
width: 28px;
height: 28px;
line-height: 18px;
border-radius: 100%;
}
.shop-cart-popup-wrapper .cart-item-number {
display: inline-block;
position: absolute;
top: -8px;
right: -12px;
min-width: 17px;
text-align: center;
color: #fff;
background-color: #E89A38;
border-radius: 100%;
font: bold 10px/15px Arial;
padding:1px 2px 1px;
}
.shop-cart-popup-wrapper .shop-cart-popup {
position: absolute;
z-index: -1;
font-size: 12px;
font-weight: 400;
width: 280px;
line-height: 1.7;
top:90%;
right: 0;
visibility: hidden;
opacity: 0;
background-color: #fff;
color:#333;
text-align: left;
-webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-ms-backface-visibility:hidden;
}
.shop-cart-popup-wrapper.innovative .shop-cart-popup {
width: 320px;
border-radius: 5px 0 0 5px;
overflow: hidden;
}
.shop-cart-popup-wrapper .dark-bg.shop-cart-popup {
-webkit-box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
}
.shop-cart-popup-wrapper.innovative .shop-cart-popup, .shop-cart-popup-wrapper.close .shop-cart-popup {
position: fixed;
z-index: 100000;
top:180px;
right: 0;
-webkit-transform: translate3d(100%,0,0);
-ms-transform: translateX(100%);
transform: translate3d(100%,0,0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-webkit-transition-delay:1s;
transition-delay:1s;
}
.shop-cart-popup-wrapper.close .shop-cart-popup {
-webkit-transition-delay:0s;
transition-delay:0s;
}
.fixed-minify .shop-cart-popup-wrapper.innovative .shop-cart-popup {
top: 150px;
}
.shop-cart-popup-wrapper .dark-bg.shop-cart-popup {
background-color: #222;
color: rgba(255,255,255,.8);
}
.no-mobile-device .shop-cart-popup-wrapper:hover .shop-cart-popup, .shop-cart-popup-wrapper.innovative.open .shop-cart-popup {
opacity: 1;
visibility: visible;
}
.shop-cart-popup-wrapper:not(.innovative):hover .shop-cart-popup {
top:100%;
}
.no-mobile-device .shop-cart-popup-wrapper.innovative:hover .shop-cart-popup, .shop-cart-popup-wrapper.innovative.open .shop-cart-popup {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translateX(0);
transform: translate3d(0,0,0);
transition-delay:0s;
}
.shop-cart-popup-wrapper .shop-cart-popup-content {
overflow-x: hidden;
overflow-y: auto;
max-height: 400px;
border-bottom:1px solid #eee;
padding:0;
-webkit-overflow-scrolling: touch;
}
.shop-cart-popup-wrapper.innovative .shop-cart-popup-content {
max-height: 400px;
}
.shop-cart-popup-wrapper.innovative .shop-cart-popup-content .product-name {
font-weight: 600;
}
.shop-cart-popup-wrapper .dark-bg.shop-cart-popup .shop-cart-popup-content {
border-bottom-color: #2f2f2f;
}
.shop-cart-popup-wrapper .shop-cart-popup-content p.no-item {
padding: 20px;
font-size: 13px;
}
.shop-cart-popup-wrapper .shop-cart-popup p {
margin-bottom: 0;
}
.shop-cart-popup-wrapper .shop-cart-popup-content img {
width: 55px;
height: auto;
margin-right: 15px;
border-radius: 100%;
vertical-align: top;
}
.shop-cart-popup-wrapper .shop-cart-popup-content .s-item-container {
display: inline-block;
position: relative;
top:5px;
}
.shop-cart-popup-wrapper .shop-cart-popup-content .cart-list {
list-style: none;
margin:0;
padding:0;
}
.shop-cart-popup-wrapper .shop-cart-popup-content .cart-list li {
padding:25px 30px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
border-bottom: 1px solid #eee
}
.shop-cart-popup-wrapper .light-bg.shop-cart-popup .cart-list li a {
color:#666;
}
.shop-cart-popup-wrapper .light-bg.shop-cart-popup .cart-list li:hover {
background-color: #f8f8f8;
}
.shop-cart-popup-wrapper .dark-bg.shop-cart-popup .cart-list li a {
color: rgba(255,255,255,.6);
}
.shop-cart-popup-wrapper .shop-cart-popup-content .cart-list li:hover a {
color:#E89A38;
}
.shop-cart-popup-wrapper .dark-bg.shop-cart-popup .cart-list li {
border-bottom-color: #2f2f2f;
}
.shop-cart-popup-wrapper .dark-bg.shop-cart-popup .cart-list li:hover {
background-color: #222
}
.shop-cart-popup-wrapper .shop-cart-popup-content .cart-list li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.shop-cart-popup-wrapper .shop-cart-popup-content .cart-list li .product-name{
text-transform: uppercase;
}
.shop-cart-popup-wrapper .shop-cart-popup-content .cart-list li .product-quantity {
font-weight: 400;
}
.shop-cart-popup-wrapper .shop-cart-popup-content .cart-list li .x-icon {
text-transform: none;
}
.shop-cart-popup-wrapper .shop-cart-popup-bottom {
padding:15px 20px;
font-size:12px;
}
.shop-cart-popup-wrapper .light-bg.shop-cart-popup .shop-cart-popup-bottom {
background-color: #f5f5f5;
color: #333;
}
.shop-cart-popup-wrapper .dark-bg.shop-cart-popup .shop-cart-popup-bottom {
background-color: #191919;
color: #fff;
}
.shop-cart-popup-wrapper .shop-cart-popup .total-value {
text-transform: uppercase;
text-align: right;
float: right;
margin-top: 5px;
}
.shop-cart-popup-wrapper .shop-cart-popup .price {
font-weight: 600;
font-size: 20px;
}
.shop-cart-popup-wrapper .shop-cart-popup .cart-btn {
text-transform: uppercase;
text-align: center;
float: left;
}
.shop-cart-popup-wrapper .lighr-bg.shop-cart-popup .cart-btn {
color:#333;
}
.shop-cart-popup-wrapper .dark-bg.shop-cart-popup .cart-btn {
color:#fff;
}
.shop-cart-popup-wrapper .shop-cart-popup .cart-btn .ico {
font-size: 15px;
position: relative;
top:1px;
}
/*-----------------------------------------------------------------------------------*/
/* - Search Area & Components
/*-----------------------------------------------------------------------------------*/
.search-area {
position:fixed;
left:0;
top:0;
z-index: 10000000000;
visibility: hidden;
opacity: 0;
width:100%;
height: 100%;
background-color:RGBA(0,0,0,0.90);
line-height: 1;
transform: scale(1.1);
-webkit-transform:scale(1.1);
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
}
.inline-search-wrapper {
line-height: 1;
}
.search-area.open {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform:scale(1);
}
.search-area form {
position: absolute;
top:50%;
left:50%;
margin-top: -63px;
margin-left:-40%;
width: 80%;
}
.search-area form fieldset {
margin: 0;
padding: 0;
border: none;
}
.search-area form .input-wrapper, .inline-search-wrapper form .input-wrapper {
position:relative;
background-color: #fff;
border: 1px solid #eee;
padding: 10px;
display: block;
border-radius:3px;
}
.search-area.layer form .input-wrapper {
background-color: transparent;
border: none;
padding: 0;
}
.inline-search-wrapper form .input-wrapper {
box-shadow: none;
}
.search-area form legend{
display: block;
width: 100%;
font-size:40px;
font-weight: 400;
color:#fff;
padding-bottom: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 4px;
}
.search-area .search-input, .inline-search-wrapper .search-input {
width:100%;
padding:10px 52px 10px 16px;
margin:0;
font-weight: 300;
border:none;
color:#fff;
font-size:15px;
line-height:24px;
background-color:#E89A38;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.search-area.layer .search-input {
text-align: center;
background-color: transparent;
line-height: normal;
font-size: 20px;
font-weight: 300;
padding: 0;
}
.inline-search-wrapper .search-input:focus {
background-color:#222;
color:#E8E8E8;
outline:none;
}
.search-area .search-input::-webkit-input-placeholder, .inline-search-wrapper .search-input::-webkit-input-placeholder {
color:#fff;
opacity: 0.8;
}
.search-area .search-input:-moz-placeholder, .inline-search-wrapper .search-input:-moz-placeholder {
color:#fff;
opacity: 0.8;
}
.search-area .search-input::-moz-placeholder, .inline-search-wrapper .search-input::-moz-placeholder {
color:#fff;
opacity: 0.8;
}
.search-area .search-input:-ms-input-placeholder, .inline-search-wrapper .search-input:-ms-input-placeholder {
color:#fff;
opacity: 0.8;
}
.search-area.layer .search-input::-webkit-input-placeholder {
text-align: center;
}
.search-area.layer button[type="submit"] {
display: none;
}
.inline-search-wrapper button[type="submit"]{
display:block;
position:absolute;
right:25px;
top:18px;
width:24px;
height:23px;
font-size:18px;
padding:0;
color:#fff;
border:none;
background-color: transparent;
opacity:0.75;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
.search-area button[type="submit"]:hover, .inline-search-wrapper button[type="submit"]:hover {
opacity:1;
}
.search-area .close, .mobile-menu-close {
display:inline-block;
text-align: center;
width: 90px;
height:76px;
line-height: 76px;
font-size: 28px;
position:absolute;
right:0;
top:0;
z-index: 10000;
color:#fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.search-area.fixed {
position:fixed;
}
.search-area.fixed .search-input {
height:40px;
padding-top:8px;
padding-bottom:8px;
}
/*-----------------------------------------------------------------------------------*/
/* - Full-Width Slider
/*-----------------------------------------------------------------------------------*/
.rev_slider ul {
position: absolute;
left: 0;
}
.rev_slider img {
max-width: 100%;
height: auto;
}
.gorilla-slider {
position: relative;
z-index: 100;
min-height: 126px;
background-color: #282828;
}
.gorilla-slider .bubblingG {
display: none;
}
.loading-enabled .gorilla-slider .bubblingG {
display: block;
}
.loading-enabled .gorilla-slider .rev_slider_wrapper {
opacity: 0;
visibility: hidden;
transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-webkit-transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.loading-enabled .gorilla-slider.open .rev_slider_wrapper {
visibility: visible;
opacity: 1;
}
.tp-dottedoverlay {
z-index: 1;
}
.tp-button {
background-color: #E89A38;
color: #fff;
text-shadow: none !important;
line-height: normal !important;
font-size: 13px;
font-family: 'PT Sans';
text-decoration: none;
text-transform: uppercase;
padding: 15px 20px;
}
a.tp-button + a.tp-button {
margin-left: 15px;
}
.tp-button.btn-sml {
font-size:11px ;
}
.tp-button.btn-xsml {
font-size: 11px;
}
.tp-button.btn-lg {
padding: 19px 28px;
font-size: 13px;
}
.tp-button.btn-sml {
padding: 12px 16px;
}
.tp-button.btn-xsml {
padding: 11px 14px;
}
.tp-bannertimer {
background:#fff;
height: 11px !important;
z-index: 81;
}
.tp-bullets {
z-index:80;
}
.tp-bullets.simplebullets.round,
.tp-bullets.simplebullets.custom,
.tp-bullets.preview4 .bullet {
padding: 10px;
}
.tp-bullets.preview4 {
height: auto;
}
.tp-bullets.preview4 .bullet {
background:none !important;
margin-right: 0 !important;
}
.tp-bullets.simplebullets.round .bullet,
.tp-bullets.simplebullets.custom .bullet,
.tp-bullets.preview4 .bullet,
.tp-bullets.custom .tp-bullet {
cursor:pointer;
position:relative;
width:16px !important;
height:16px !important;
margin:0 6px;
float:left;
border-radius:100%;
border:2px solid transparent !important;
padding:2px;
box-sizing:border-box;
}
.tp-bullets.custom .tp-bullet {
margin: 0;
}
.tp-bullets.simplebullets.round .bullet:after,
.tp-bullets.simplebullets.custom .bullet:after,
.tp-bullets.preview4 .bullet:after,
.tp-bullets.custom .tp-bullet:after {
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 2px;
content: "";
background-color:#fff !important;
border-radius:100%;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.tp-bullets.simplebullets.round .bullet,
.tp-bullets.simplebullets.custom .bullet,
.tp-bullets.preview4 .bullet,
.tp-bullets.custom .tp-bullet {
background:none;
margin-top:0;
opacity: 0.7;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.tp-bullets.simplebullets .bullet:after,
.tp-bullets.simplebullets .bullet.selected,
.tp-bullets.preview4 .bullet:after,
.tp-bullets.custom .tp-bullet:after {
box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected,
.tp-bullets.custom .tp-bullet.selected {
border:2px solid transparent !important;
background:none !important;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.custom .bullet:hover,
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.custom .tp-bullet:hover {
opacity: 1;
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected,
.tp-bullets.custom .tp-bullet.selected {
width:16px !important;
height:16px !important;
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.custom .bullet.selected,
.tp-bullets.preview4 .bullet.selected,
.tp-bullets.custom .tp-bullet.selected {
border:2px solid #fff !important;
margin-top:0;
}
.tp-bullets.simplebullets.round .bullet.selected:after,
.tp-bullets.simplebullets.custom .bullet.selected:after,
.tp-bullets.preview4 .bullet.selected:after {
background-color: #fff;
}
.tparrows, .tp-bullets {
-webkit-transform: translateZ(0);
}
.tparrows.preview3,
.tparrows.preview3:after,
.tparrows.preview3:hover:after {
background-color:transparent;
color:#fff;
}
.tp-leftarrow.default:not([class*="pre"]),
.tp-leftarrow.custom:not([class*="pre"]) {
background:transparent url(../img/icon/slider/slider-arrow-left.png) 48% center no-repeat;
border-radius: 0 3px 3px 0;
}
.tp-rightarrow.default:not([class*="pre"]),
.tp-rightarrow.custom:not([class*="pre"]) {
background:transparent url(../img/icon/slider/slider-arrow-right.png) 52% center no-repeat;
border-radius: 3px 0 0 3px;
}
.tp-leftarrow.default:not([class*="pre"]),.tp-rightarrow.default:not([class*="pre"]),
.tp-leftarrow.custom:not([class*="pre"]),.tp-rightarrow.custom:not([class*="pre"]) {
z-index:80;
cursor:pointer;
width:35px;
height:90px;
background-size:8px auto;
background-color:#fff;
}
.tp-leftarrow.default:not(.hidearrows),
.tp-rightarrow.default:not(.hidearrows),
.tp-leftarrow.custom:not(.hidearrows),
.tp-rightarrow.custom:not(.hidearrows) {
opacity: 0.7;
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.tp-bullets.simplebullets.hovered,
.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover,
.tp-leftarrow.custom:hover,
.tp-rightarrow.custom:hover {
opacity: 1;
}
.tp-bullets.preview3 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(255,255,255,.4) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 4px !important;
height: 4px !important;
border: 4px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin: 0 8px 0 8px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-shadow: 1px 1px 10px #333;
}
.tp-bullets.preview3.simplebullets .bullet:after, .tp-bullets.preview3.simplebullets .bullet.selected {
box-shadow: none;
}
.tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, .8) !important;
width: 4px !important;
height: 4px !important;
border: 4px solid rgba(255, 255, 255, .8) !important;
}
.fullcoveredvideo .tp-video-play-button {
z-index: 1000;
}
[class^="revicon-"]:before, [class*=" revicon-"]:before {
display: block;
margin: 0 10px 0 10px;
width:34px;
}
/*-----------------------------------------------------------------------------------*/
/* - Loading Screen and Components
/*-----------------------------------------------------------------------------------*/
.qLOverlay, .qLOverlay-back {
position: fixed;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 100000;
}
#qLoverlay-inner {
position:relative;
max-width:600px;
width:80%;
height:100%;
margin:0 auto;
}
.QLoader {
background-color: #fff;
height: 4px;
}
#qLbar-wrapper {
width:100%;
height:10px;
background-color: #eee;
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.05);
border-radius: 100px;
}
#qLbar {
height:8px;
background-color: #E89A38;
border-radius: 100px;
}
#qLpercentage {
color:#fff;
font-size: 27px !important;
font-weight: 400;
display: inline-block;
}
.QAmt {
color:#333333;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:40px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
.loading {
display: table;
position:fixed;
left:0;
top:0;
width: 100%;
height: 100%;
z-index: 1000000000;
background-color:#E89A38;
transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;
}
.loading.load-hide, .no-js .loading {
opacity: 0;
visibility: hidden;
transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;
}
.loader-container {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.loader-container-inner-wrapper {
display: inline-block;
max-width: 30%;
}
.loading-image {
display: inline-block;
}
.loader-container-inner {
position: relative;
width: 100%;
height: 60px;
line-height: 60px;
animation: rotate 3.4s linear infinite;
-webkit-animation: rotate 3.4s linear infinite;
}
.loading .loader-container .dot {
width: 14px;
height: 14px;
background-color: #fff;
}
.bubblingG {
position: absolute;
top: 50%;
z-index: 1000;
text-align: center;
width:100%;
height: 60px;
margin-top: -30px;
}
div.wpcf7 .bubblingG {
float: right;
display: none;
position: static;
padding: 0;
height: 25px;
width: 120px;
margin-top: 10px;
}
div.wpcf7 .bubblingG span {
width: 14px;
height: 14px;
}
.box-list-wrapper .bubblingG {
top: 120px;
}
.thumb-image-slider-wrapper .bubblingG {
top: 50%;
margin-top: -7px;
height:14px;
}
.gallery-thumbnail-wrapper .bubblingG {
top: 50%;
margin-top: -7px;
height:14px;
}
.bubblingG span, .loading .dot {
width: 14px;
height: 14px;
background-color: #999;
border-radius: 100%;
display: inline-block;
margin: 0 3px;
-webkit-animation: bouncedelay 2.1s infinite ease-in-out;
animation: bouncedelay 2.1s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform: translateZ(0);
}
.light-layout .invert .bubblingG span,
.dark-layout .block-area:not(.invert) .bubblingG span {
background-color: rgba(255,255,255,0.5);
}
.loading .dot1 {
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.loading .dot2 {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.loading .dot3 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.loading .dot4 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.loading .dot5 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.bubblingG span{
-webkit-animation: bouncedelay 1.8s infinite ease-in-out;
animation: bouncedelay 1.8s infinite ease-in-out;
}
.bubblingG .bubblingG_1 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.bubblingG .bubblingG_2 {
-webkit-animation-delay: -0.35s;
animation-delay: -0.35s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { opacity: 0.4; -webkit-transform: scale(0.7); }
40% { opacity: 1; -webkit-transform: scale(1.0); }
}
@keyframes bouncedelay {
0%, 80%, 100% {
opacity: 0.4;
transform: scale(0.7);
-webkit-transform: scale(0.7);
} 40% {
opacity: 1;
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.loading-enabled .pageload-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100000;
visibility: hidden;
}
.loading-enabled .pageload-overlay.show {
visibility: visible;
}
.loading-enabled .pageload-overlay svg {
position: absolute;
top: 0;
left: 0;
}
.loading-enabled .pageload-overlay svg path {
fill: #111;
}
.icon-type-active #qLbar-icon {
opacity:0;
position:absolute;
left:0;
top:50%;
width:100%;
margin-top:-0.5px;
background-color:#fff;
}
.spinner {
width: 30px;
height: 30px;
}
.loading-enabled .qLOverlay .spinner {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
}
.loading-enabled .qLOverlay .spinner > div {
background-color:#fff;
}
/* Rotate Plane */
.spinner .rotateplane {
width: 100%;
height: 100%;
background-color: #fff;
-webkit-animation: rotateplane 1.6s infinite ease-in-out;
animation: rotateplane 1.6s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
} 50% {
transform: perspective(120px) rotateX(180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(180.1deg) rotateY(0deg);
} 100% {
transform: perspective(120px) rotateX(180deg) rotateY(180deg);
-webkit-transform: perspective(120px) rotateX(180deg) rotateY(179.9deg);
}
}
/* Double Bounce */
.spinner .double-bounce1, .spinner .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: double_bounce 2.0s infinite ease-in-out;
animation: double_bounce 2.0s infinite ease-in-out;
}
.spinner .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes double_bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes double_bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* Wave */
.spinner > .wave-rect {
background-color: #333;
height: 100%;
width: 12%;
display: inline-block;
float: left;
margin-right: 10%;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
margin-right: 0;
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/* Wandering Cubes */
.spinner .cube1, .spinner .cube2 {
background-color: #333;
width: 38%;
height: 38%;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.spinner .cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
25% { -webkit-transform: translateX(150%) rotate(-90deg) scale(0.5) }
50% { -webkit-transform: translateX(150%) translateY(150%) rotate(-180deg) }
75% { -webkit-transform: translateX(0px) translateY(150%) rotate(-270deg) scale(0.5) }
100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
25% {
transform: translateX(150%) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(150%) rotate(-90deg) scale(0.5);
} 50% {
/* Hack to make FF rotate in the right direction */
transform: translateX(150%) translateY(150%) rotate(-179deg);
-webkit-transform: translateX(150%) translateY(150%) rotate(-179deg);
} 50.1% {
transform: translateX(150%) translateY(150%) rotate(-180deg);
-webkit-transform: translateX(150%) translateY(150%) rotate(-180deg);
} 75% {
transform: translateX(0px) translateY(150%) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(150%) rotate(-270deg) scale(0.5);
} 100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
/* PULSE */
.spinner .pulse-circle {
width: 100%;
height: 100%;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1.0s infinite ease-in-out;
animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
/* Chasing Dots */
.spinner.chasing-dots {
width: 100%;
height: 100%;
position: relative;
-webkit-animation: chase_rotate 2.0s infinite linear;
animation: chase_rotate 2.0s infinite linear;
}
.spinner .chase-dot1, .spinner .chase-dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #333;
border-radius: 100%;
-webkit-animation: chase_bounce 2.0s infinite ease-in-out;
animation: chase_bounce 2.0s infinite ease-in-out;
}
.spinner .chase-dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes chase_rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes chase_rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes chase_bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes chase_bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* Three Bounce */
.spinner.three-bounce > div {
width: 28%;
height: 28%;
background-color: #333;
border-radius: 100%;
display: inline-block;
float:left;
margin-right:8%;
-webkit-animation: three_bounce 1.4s infinite ease-in-out;
animation: three_bounce 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner.three-bounce .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner.three-bounce .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.spinner.three-bounce .bounce3 {
margin-right:0;
}
@-webkit-keyframes three_bounce {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes three_bounce {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* Cube Grid */
.cube-grid-item {
width:33%;
height:33%;
background-color:#333;
float:left;
-webkit-animation: scaleDelay 1.3s infinite ease-in-out;
animation: scaleDelay 1.3s infinite ease-in-out;
}
.spinner .cube-grid-item:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
.spinner .cube-grid-item:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
.spinner .cube-grid-item:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s }
.spinner .cube-grid-item:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s }
.spinner .cube-grid-item:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
.spinner .cube-grid-item:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
.spinner .cube-grid-item:nth-child(7) { -webkit-animation-delay: 0.0s; animation-delay: 0.0s }
.spinner .cube-grid-item:nth-child(8) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s }
.spinner .cube-grid-item:nth-child(9) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
@-webkit-keyframes scaleDelay {
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0) }
35% { -webkit-transform:scale3D(0.0, 0.0, 1.0) }
}
@keyframes scaleDelay {
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(1.0, 1.0, 1.0) }
35% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(0.0, 0.0, 1.0) }
}
/*-----------------------------------------------------------------------------------*/
/* Container Blocks */
/*-----------------------------------------------------------------------------------*/
#wrapper-inner {
min-width: 320px;
}
.boxed #wrapper-inner {
margin:0 auto;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 0 35px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
}
.boxed #wrapper-inner, .boxed .site-header {
max-width:960px;
}
.container, .container-page.tiny-page {
max-width:1080px;
padding:0 30px;
margin:0 auto;
}
.full .container, .narrow-width .full .container {
width: 100%;
max-width: 999999px;
}
.full > .container {
padding-left: 0;
padding-right: 0;
}
.block-area .block-area-inner .container, .with-sidebar .block-area .container {
width: auto;
padding-left: 0;
padding-right: 0;
}
.no-responsive {
min-width: 990px;
}
.no-responsive .container, .no-responsive .container-page.with-sidebar, .no-responsive .container-page.tiny-page {
min-width: 980px;
}
.no-responsive .block-area .container {
min-width: 890px;
}
section.portfolio .content {
padding-top: 90px;
padding-bottom: 90px
}
section.container-page.with-sidebar .sidebar, section.container-page.with-sidebar .content, section.container {
padding-top: 90px;
padding-bottom: 90px
}
.block-area {
padding:90px 0;
}
.search .block-area.in-search {
padding: 0;
}
.with-sidebar .block-area {
padding: 0;
}
.container-page:not(.with-sidebar) .stripe:nth-child(odd),
.dark-layout .container-page:not(.with-sidebar) .invert.stripe:nth-child(odd) {
background-color:#f8f8f8;
}
.container-page:not(.with-sidebar) .stripe:nth-child(even),
.dark-layout .container-page:not(.with-sidebar) .invert.stripe:nth-child(even) {
background-color:#fff;
}
.stripe .block-area {
background-color: transparent !important;
}
.block-area.fullscreen {
position: relative;
padding: 0 !important;
}
.vc_responsive .block-area.fullscreen.wpb_row .vc_col-sm-12 {
position: static;
}
.block-area.fullscreen .block-area-fullscreen-wrapper {
display: table;
width: 100%;
table-layout: fixed;
}
.block-area.fullscreen .block-area-fullscreen-inner {
display: table-cell;
vertical-align: middle;
width: 100%;
padding:90px 0;
}
.block-area.wpb_row {
position:relative;
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px;
}
.form-wrapper.wpb_row {
margin-left: -15px;
margin-right: -15px;
}
.block-area.wpb_row > .container {
position: relative;
z-index: 1;
}
.block-area.wpb_row .vc_separator {
margin: 25px 0;
}
.add-menu-alert {
line-height: 100px;
}
.add-menu-alert p {
display: inline-block;
margin-bottom: 0;
}
.site-header.fixed-minify .add-menu-alert {
line-height: 75px;
}
.header-overlapping .site-header:not(.fixed-minify) .add-menu-alert {
color:#fff;
}
.lt-ie9 .container-page.with-sidebar .block-area .container {
width: auto;
min-width: 100%;
max-width: 100%;
}
.block-area-with-bg-wrapper .block-area {
position: relative;
z-index: 3;
}
.block-area .block-area-inner {
width: auto;
min-height: 0;
padding: 0;
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px;
}
.block-area .block-area-inner.with-border {
border-bottom:none;
}
.block-area .block-area-inner .container {
max-width: 99999px;
padding: 0;
}
.container-page.with-sidebar .block-area-inner .container, .blog-detail .block-area-inner .container {
padding-left: 0;
padding-right: 0;
}
#container .container-wrapper {
position: relative;
background-color: #f8f8f8;
}
.dark-layout #container .container-wrapper {
background-color: #222222;
}
.unfold-footer #container {
position: relative;
z-index: 5;
}
.anchor-position {
display:block;
position:absolute;
top:-75px;
width:0;
height:0;
visibility:hidden;
}
.entry-content.container {
padding-top: 60px;
padding-bottom: 60px;
}
.container-page.tiny-page:not(.with-sidebar) .content {
padding: 90px 0;
}
.container-page.tiny-page:not(.with-sidebar) .entry-content, .container-page:not(.with-sidebar) .comments-wrapper .comments-inner,
.blog .container:not(.with-sidebar) .no-results {
padding-left: 15px;
padding-right: 15px;
}
.block-area-with-bg-wrapper {
position: relative;
margin-bottom:0;
}
.entry-content > .block-area-with-bg-wrapper .block-area {
background-color: rgba(255,255,255,0);
}
.block-area-with-bg-wrapper .custom-bg-wrapper,
.wpb_column .custom-bg-wrapper {
overflow: hidden;
}
.block-area-with-bg-wrapper .custom-bg-wrapper, .block-area-with-bg-wrapper .custom-bg,
.block-area-with-bg-wrapper .overlay-bg, .page-introduce .overlay-bg,
.page-introduce .custom-bg, .page-introduce .overlay-bg,
.wpb_column .custom-bg-wrapper,
.wpb_column .custom-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.custom-bg.video.iframe .iframe-wrapper iframe {
opacity: 0;
transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
}
.mobile-device.no-responsive .block-area-with-bg-wrapper .custom-bg,
.mobile-device.no-responsive .spot-area-with-bg-wrapper .custom-bg,
.mobile-device.no-responsive .page-introduce .custom-bg,
.mobile-device.no-responsive .wpb_column .custom-bg {
background-attachment: scroll !important;
background-size: cover !important;
}
.mobile-device.no-responsive .image.parallax-bg {
background-position: center center!important;
}
.mobile-device.no-responsive .custom-bg.video video,
.mobile-device.no-responsive .custom-bg.video.iframe iframe {
display: none;
}
.block-area-with-bg-wrapper .custom-bg.video video, .spot-area-with-bg-wrapper .custom-bg.video video,
.block-area-with-bg-wrapper .custom-bg.video .iframe-wrapper, .spot-area-with-bg-wrapper .custom-bg.video .iframe-wrapper {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
}
.volume-control {
display: block;
position: absolute;
z-index: 100;
bottom: 60px;
left: 50%;
margin-left: -25px;
width: 50px;
height: 50px;
font-size: 20px;
text-align: center;
background: rgba(255,255,255,.2);
padding: 10px;
border-radius: 100%;
line-height: 31px;
}
.volume-control:before {
color:rgba(255,255,255,.6);
font-weight: 400;
}
.volume-control:hover {
background: rgba(0,0,0,.4);
}
.volume-control:hover:before {
color:rgba(255,255,255,.9);
}
.block-area-with-bg-wrapper .overlay-bg,
.spot-area-with-bg-wrapper .overlay-bg,
.page-introduce .overlay-bg {
z-index: 3;
overflow: hidden;
}
.block-area-with-bg-wrapper .overlay-bg.dark-bg,
.spot-area-with-bg-wrapper .overlay-bg.dark-bg,
.page-introduce .overlay-bg.dark-bg {
background: url(../img/general/pattern-overlay.png) center top repeat;
opacity: .5;
}
.block-area-with-bg-wrapper .overlay-bg.light-bg,
.spot-area-with-bg-wrapper .overlay-bg.light-bg,
.page-introduce .overlay-bg.light-bg {
background: url(../img/general/pattern-overlay-light.png) center top repeat;
opacity: .8;
}
.block-area-with-bg-wrapper .block-area, .block-area-with-bg-wrapper .block-area.invert {
background-color: rgba(255,255,255,0);
}
.light-layout .block-area.with-border,
.dark-layout .invert.block-area.with-border {
border-bottom:1px solid #efefef;
}
.light-layout .invert.block-area.with-border,
.dark-layout .block-area.with-border {
border-bottom:1px solid #222;
}
.light-layout .container-page:not(.with-sidebar) .entry-content .stripe.invert,
.dark-layout .block-area:not(.invert) .container-page:not(.with-sidebar) .entry-content .stripe {
background-color: #262626;
color:#fff;
}
.light-layout .invert {
color:#fff;
}
.block-area .link-button {
margin-bottom:40px;
}
/*-----------------------------------------------------------------------------------*/
/* - Heading Component Styles
/*-----------------------------------------------------------------------------------*/
.head-block {
margin:0 auto 15px;
text-align:center;
}
.recent-portfolio .head-block {
margin:0 auto 55px;
}
.head-block.left {
text-align: left;
}
.head-block.center {
text-align: center;
}
.head-block.right {
text-align: right;
}
.head-block .head {
display:inline-block;
width: 100%;
}
.head-block .head h2 {
font-size: 27px;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.light-layout .invert .head-block .head h2 {
color:#fff;
}
.head-block .sub-head {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 2px;
margin-bottom: 13px;
text-transform: uppercase;
background-color: #fff;
box-shadow: 1px 1px 3px #ccc;
padding: 7px 10px;
display: inline-block;
border-radius: 2px;
}
.light-layout .invert .head-block .sub-head {
background-color:rgba(255,255,255,.05);
box-shadow: none;
}
.dark-layout .head-block .sub-head {
color:#fff;
}
.dark-layout .invert .head-block .sub-head {
color:#333;
}
.head-block .head .caption {
font-size:16px;
line-height: 1.7;
margin:10px auto 0;
width: 100%;
}
.dark-layout .block-area:not(.invert) .head-block .head .caption {
color:#fff;
}
.head-block.center .head .caption {
max-width:500px;
}
.head-block .head .caption p {
margin-bottom: 0;
}
.head-block.right .head .caption {
margin-right:0;
}
.head-block.left .head .caption{
margin-left:0;
}
.light-layout .invert .head-block .head .caption {
color:#fff;
}
.hr {
display:inline-block;
width:100%;
margin-bottom: 15px;
}
.head-block .head .hr {
width: 80%;
border-radius:100px;
margin:7px 0;
}
.light-layout .invert .hr,
.dark-layout .hr {
opacity: .7;
}
.hr.full-width {
max-width: 100%;
}
.hr span {
display:inline-block;
vertical-align:middle;
}
.hr .hr-left, .hr .hr-right {
position: relative;
width:30px;
height:1px;
border-bottom: 2px dashed #444;
}
.light-layout .invert .hr .hr-left, .light-layout .invert .hr .hr-right,
.dark-layout .hr .hr-left, .dark-layout .hr .hr-right {
border-color:rgba(255,255,255,1);
}
.hr .hr-bullet {
width:10px;
height:10px;
}
.head-block.center .hr .hr-bullet{
margin:0 5px;
}
.head-block.left .hr .hr-bullet {
margin: 0 7px 0 0;
}
.head-block.right .hr .hr-bullet{
margin: 0 0 0 7px ;
}
.hr .hr-bullet .hr-bullet-inner {
width:100%;
height: 100%;
border:2px solid #444;
vertical-align:top;
border-radius: 3px;
}
.light-layout .invert .hr .hr-bullet .hr-bullet-inner,
.dark-layout .hr .hr-bullet .hr-bullet-inner {
border-color:rgba(255,255,255,1);
}
.head-block.left .hr .hr-left {
display: none;
}
.head-block.left .hr .hr-right {
max-width:100px;
}
.head-block.right .hr .hr-right {
display: none;
}
.head-block.right .hr .hr-left {
max-width:100px;
}
/*-----------------------------------------------------------------------------------*/
/* - Skills Component Styles
/*-----------------------------------------------------------------------------------*/
.wpb_column > .wpb_wrapper .skills-area {
margin-bottom:65px;
text-align: center;
}
.color-box .wpb_column > .wpb_wrapper .skills-area {
margin: 15px 0 ;
}
.skills-area h3 {
margin-top: 22px;
font-size:15px;
margin-bottom: -7px;
}
.light-layout .invert .skills-area h3 {
color:#fff;
}
.color-box .skills-area h3 {
font-size: 14px;
}
.skills-area .text {
line-height: 1.8;
}
.skills-area p{
margin:15px 0 0 0;
}
.percentage-wrapper {
position: relative;
display:inline-block;
margin-bottom: 0;
width: 170px;
height: 170px;
}
.color-box .percentage-wrapper {
width: 120px;
height: 120px;
}
.percentage-wrapper .percent {
position:absolute;
left:-1px;
top:7px;
z-index:15;
width:42px;
height:42px;
line-height:42px;
background-color:#E89A38;
color:#fff;
font-size:15px;
font-weight:700;
border-radius:100%;
text-align:center;
}
.percentage-wrapper span {
color:#444;
font-size:43px;
position: absolute;
width: 54px;
height: 54px;
top:50%;
left:50%;
margin-left:-27px;
margin-top:-27px;
line-height: 54px;
z-index: 3;
}
.percentage-wrapper .percent sup {
font-size: 10px;
top: 1px;
left:1px;
}
.no-icon .percentage-wrapper .percent sup {
font-size: 16px;
font-weight: 600;
top: -2px;
left: 2px;
}
.color-box .no-icon .percentage-wrapper .percent sup {
font-size: 12px;
}
.no-icon .percentage-wrapper .percent,
.dark-layout .invert .no-icon .percentage-wrapper .percent {
color:#666;
font-size:45px;
font-weight: 600;
background-color: transparent !important;
letter-spacing: -1px;
width: 100%;
height: 54px;
top: 50%;
margin-top: -27px;
line-height: 54px;
z-index: 3;
}
.light-layout .invert .no-icon .percentage-wrapper .percent,
.dark-layout .no-icon .percentage-wrapper .percent{
color:#fff;
}
.color-box .no-icon .percentage-wrapper .percent {
font-size:32px;
}
.percentage-wrapper canvas {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.percentage-wrapper .skill-bg,
.dark-layout .invert .percentage-wrapper .skill-bg {
background-color: #fff;
-webkit-box-shadow: 1px 1px 12px #e1e1e1;
-moz-box-shadow: 1px 1px 12px #e1e1e1;
box-shadow: 1px 1px 12px #e1e1e1;
width:100%;
height:100%;
border-radius:100%;
position:absolute;
left:0;
top:0px;
z-index: 1;
}
.light-layout .invert .percentage-wrapper .skill-bg {
border:5px solid rgba(255,255,255,.1);
background-color:transparent;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow: none;
}
.light-layout .invert .percentage-wrapper span {
color:#fff;
}
/*-----------------------------------------------------------------------------------*/
/* - Media Element.JS
/*-----------------------------------------------------------------------------------*/
.attachment-container .mejs-container.wp-video-shortcode, .attachment-container .mejs-container.wp-audio-shortcode {
margin: 0 !important;
}
.mejs-container .mejs-controls {
z-index: 10;
}
.mejs-audio .mejs-controls{
border-radius:0;
}
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
background-color: #000;
}
.mejs-poster {
background-size: cover;
}
.mejs-container video {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.mejs-overlay-loading span {
display: block;
width: 50px;
height: 50px;
border-radius: 3px;
background-size: 30px 30px;
}
.mejs-container.mejs-audio {
width: 100% !important;
height: 36px !important;
}
.blog-detail-text .wp-video {
max-width: 100%!important;
height: auto!important;
}
.video-wrapper .mejs-container.mejs-video {
position: absolute;
width: 100%!important;
height: 100%!important;
}
.video-wrapper .mejs-container.mejs-video.mejs-container-fullscreen {
position: fixed;
z-index: 10001;
}
.mejs-container .mejs-controls {
padding-top: 8px;
background: #1B1B1B;
height: 36px;
}
.mejs-container .mejs-controls div {
background: none;
}
.mejs-container .mejs-controls div.mejs-time-rail {
position: absolute;
top: 0;
width: 100% !important;
height: 8px;
padding: 0;
}
.mejs-controls .mejs-time-rail span {
height: 8px;
border-radius: 0;
}
.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-total {
width: 100% !important;
height: 100%;
margin: 0;
padding:0;
background: #222;
border: none;
box-shadow: none;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #E89A38;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #666;
}
.mejs-controls .mejs-button button {
height: 14px;
margin: 6px 7px 0 5px;
background-image: url(../mejs/controls.png);
transition:none;
-webkit-transition:none;
}
.mejs-controls .mejs-playpause-button button {
margin: 7px 8px;
}
.mejs-overlay-loading {
background: none;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
}
.mejs-controls .mejs-button button:focus {
outline: none;
}
.mejs-container .mejs-controls .mejs-time.mejs-duration-container {
height:12px;
margin: 8px 0 8px 0;
padding: 0 6px 0 5px;
border-left: 1px solid #999;
}
.mejs-container .mejs-controls .mejs-time.mejs-duration-container span {
color:#999;
}
.mejs-container .mejs-controls .mejs-time {
padding: 8px 5px 5px 10px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-volume-button {
position: absolute;
right: 60px
}
.mejs-container.mejs-video .mejs-controls .mejs-volume-button {
position: absolute;
right: 25px;
}
.mejs-controls .mejs-fullscreen-button {
position: absolute;
right: 0;
}
.mejs-controls .mejs-fullscreen-button button {
margin:6px 7px 0 5px;
}
.mejs-controls div.mejs-horizontal-volume-slider {
position: absolute;
right: 0;
width: 60px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height: 6px;
background: #333;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 6px;
background: #E89A38;
font-size: 1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 68px;
width: 31px;
background: rgba(27,27,27,0.8);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -68px;
left: 1px;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 12px;
top: 9px;
width: 7px;
height: 50px;
background: #464849;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
-webkit-box-shadow:inset 0px 1px 8px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 1px 8px rgba(0,0,0,0.4);
margin: 0;
padding: 1px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 12px;
top: 9px;
width: 7px;
height: 50px;
background: #E89A38;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 6px;
background-position: bottom;
margin: 0;
margin-top: 2px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 12px;
top: 16px;
width: 7px;
height: 7px;
background: transparent;
margin: 0;
}
.mejs-controls .mejs-captions-button {
position: absolute;
right:50px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
height: auto !important;
overflow: auto;
background: rgba(27,27,27,0.8);
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li:last-child {
margin-bottom: 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
margin: 0 5px 0 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 80%;
padding: 0;
}
.mejs-video .mejs-overlay-button {
display: none;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #333;
width: 36px;
height: 17px;
border: solid 1px #333;
top: -26px;
margin-left: -18px;
text-align: center;
color: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin:0;
padding: 3px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #333;
border-color: #333 transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 16px;
left: 13px;
}
.mobile-device .mejs-container .mejs-controls .mejs-volume-button, .mobile-device .mejs-container .mejs-controls .mejs-horizontal-volume-slider,
.mobile-device .mejs-container .mejs-controls .mejs-captions-button, .mobile-device .mejs-container .mejs-controls .mejs-horizontal-volume-slider {
display: none;
}
.mejs-overlay:hover .mejs-overlay-button{
background-position: 0 -100px ;
}
.mejs-controls .mejs-play:hover button {
background-position:0 -32px;
}
.mejs-controls .mejs-pause:hover button {
background-position:0 -48px;
}
.mejs-controls .mejs-stop:hover button {
background-position: -112px -32px;
}
.mejs-controls .mejs-mute button:hover {
background-position:-16px -48px;
}
.mejs-controls .mejs-unmute button:hover {
background-position:-16px -32px;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.mejs-controls .mejs-captions-button:hover button {
background-position:-48px -32px;
}
.mejs-controls .mejs-fullscreen-button:hover button {
background-position: -32px -32px;
}
.mejs-controls .mejs-fullscreen-button.mejs-unfullscreen:hover button {
background-position: -32px -48px;
}
/*-----------------------------------------------------------------------------------*/
/* - Filtering Rules
/*-----------------------------------------------------------------------------------*/
.filter-group-list {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.filter-group-list.left{
text-align: left;
}
.filter-group-list.right{
text-align: right;
}
.no-mobile-device .box-list-wrapper.animate-box-items .box-list-item .box-item {
opacity: 0;
}
.no-mobile-device .box-list-wrapper.animate-box-items .box-list-item .box-item.show {
transition:opacity .7s ease-out;
-webkit-transition:opacity .7s ease-out;
-o-transition:opacity .7s ease-out;
-moz-transition:opacity .7s ease-out;
opacity: 1;
}
.full > .container > .vc_col-sm-12 .box-list-wrapper.type3.no-padding {
margin: 0 -15px;
}
.container-page.with-sidebar .full > .container > .vc_col-sm-12 .wpb_image_grid,
.container-page.with-sidebar .full > .container > .vc_col-sm-12 .box-list-wrapper.type3.no-padding,
.container-page.with-sidebar .full > .container > .vc_col-sm-12 .wpb_video_widget .video-wrapper,
.container-page.with-sidebar .full > .container > .vc_col-sm-12 .spot-area-with-bg-wrapper,
.container-page.with-sidebar .full > .container > .vc_col-sm-12 .spot-area-wrapper:not(.has-bg),
.container-page.with-sidebar .full > .container > .vc_col-sm-12 .slider,
.container-page.with-sidebar .full > .container > .vc_col-sm-12 .map-container {
margin: 0;
}
.box-list-wrapper .head-area {
margin-bottom: 45px;
}
.full .box-list-wrapper .head-area {
margin-bottom: 45px;
}
.box-list-wrapper .head-area.type2 {
text-align: center;
}
.box-list-wrapper .head-area.type2 .filter-group-list {
position: static;
display: inline-block;
}
.box-list-wrapper .head-area.type3 .filter-group-list {
position: absolute;
top: 0;
right: 0;
margin-bottom: 0;
}
.filter-group-list li {
display: inline-block;
margin-right: 4px;
margin-left: 4px;
}
.filter-group-list.left li {
margin-right: 8px;
margin-left: 0;
}
.filter-group-list.right li {
margin-left: 8px;
margin-right: 0;
}
.filter-group-list li:last-child {
margin-right: 0;
}
.filter-group-list li a {
display: inline-block;
color: #676767;
font-weight: 500;
font-size: 11px;
border-radius: 2px;
padding: 7px 12px;
background-color: #f1f1f1;
text-transform: uppercase;
letter-spacing: 1px;
}
.filter-group-list li a:hover {
background-color: #E89A38;
color:#fff;
}
.invert .filter-group-list li a {
color:#fff;
background-color:transparent;
border:none;
}
.light-layout .invert .filter-group-list li a:hover {
background-color: #E89A38;
color:#fff;
}
.filter-group-list li a.active {
color:#fff;
background-color: #E89A38;
}
.filter-group-list-wrapper.mobile {
position: relative;
display: none;
width: 100%;
}
.filter-group-list-wrapper.mobile .filter-group-list {
display: none;
position: absolute;
width: 100%;
z-index: 1000;
left: 0;
}
.no-mobile-device .filter-group-list-wrapper.mobile:hover .filter-group-list,
.mobile-device .filter-group-list-wrapper.mobile.open .filter-group-list {
display: block;
}
.filter-group-list-wrapper.mobile .filter-group-list li {
display: block;
margin-right: 0;
margin-left: 0;
padding: 0;
}
.filter-group-list-wrapper.mobile .filter-group-list li a, .filter-group-list-wrapper.mobile .sort-link {
display: block;
background-color: #E89A38;
color:rgba(255,255,255,.8);
text-align: left;
line-height: 1.7;
border-radius: 0;
font-size: 11px;
padding: 13px 15px;
text-transform: uppercase;
}
.filter-group-list-wrapper.mobile .filter-group-list li:last-child a {
border-bottom: none;
}
.filter-group-list-wrapper.mobile .sort-link:after {
float: right;
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.filter-group-list-wrapper.mobile .filter-group-list li a:hover {
color: rgba(255,255,255,1);
background: #222;
}
/*-----------------------------------------------------------------------------------*/
/* - HTML Area
/*-----------------------------------------------------------------------------------*/
.html-area {
margin-bottom: 30px;
}
/*-----------------------------------------------------------------------------------*/
/* - Box Lists
/*-----------------------------------------------------------------------------------*/
.box-list-wrapper {
position: relative;
}
.box-list-wrapper .box-list.masonry, .box-list-wrapper .box-list.grid, .thumb-image-slider, .wpb_image_grid, .gallery-thumbnail {
opacity: 0;
overflow: hidden;
}
.box-list-wrapper .box-list.masonry.open, .box-list-wrapper .box-list.grid.open, .thumb-image-slider.open, .wpb_image_grid.open, .gallery-thumbnail.open {
opacity: 1;
transition:opacity 0.3s linear;
-webkit-transition:opacity 0.3s linear;
}
.box-list-wrapper .box-list.masonry, .box-list-wrapper .box-list.grid {
position: relative;
z-index: 0;
}
.box-list-wrapper .box-list.grid:not(.isotope-available) .box-list-item {
display: inline-block;
float: none;
vertical-align: top;
}
.block-area:not(.full) .box-list-wrapper .box-list.masonry:not(.no-padding), .block-area:not(.full) .box-list-wrapper .box-list.grid:not(.no-padding) {
margin-left: -15px;
margin-right: -15px;
}
.container-page.with-sidebar .block-area.full .box-list-wrapper .box-list.masonry, .container-page.with-sidebar .block-area.full .box-list-wrapper .box-list.grid {
margin-left: -15px;
margin-right: -15px;
}
.block-area.full .box-list-inner-wrapper {
overflow-x:hidden;
width: 100%;
}
.box-list-wrapper .box-list.list.type2 .box-item .detail-area {
padding: 45px;
}
.box-list-wrapper .box-list.list.centered.type2 .box-item .detail-area {
padding: 75px 45px;
}
.box-list-wrapper.blog-list-wrapper .box-list.list article:last-child .blog-seperator {
display:none;
}
.box-list-wrapper .box-list .box-list-item:last-child .blog-seperator {
padding-bottom:5px;
}
.box-list .box-item {
display: block;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
}
.blog-list-wrapper .box-list .sticky .box-item, .blog-list-wrapper .box-list .box-item.sticky {
position: relative;
}
.blog-list-wrapper .box-list .sticky .box-item:before, .blog-list-wrapper .box-list .box-item.sticky:before {
display: inline-block;
content:"\f08d";
position: absolute;
right:0;
top:0;
width: 36px;
height: 36px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
background-color: #000;
color: #fff;
font-size:20px;
line-height:36px;
text-align:center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.box-item .box-item-inner {
padding: 50px 0 0;
}
.box-list-wrapper .box-list.masonry:not(.no-padding) .box-list-item, .box-list-wrapper .box-list.grid:not(.no-padding) .box-list-item {
margin-bottom: 65px;
}
.box-list-wrapper .box-list.masonry.type2:not(.no-padding) .box-list-item, .box-list-wrapper .box-list.grid.type2:not(.no-padding) .box-list-item,
.box-list-wrapper .box-list.masonry.type3:not(.no-padding) .box-list-item, .box-list-wrapper .box-list.grid.type3:not(.no-padding) .box-list-item {
margin-bottom: 30px;
padding-top:2px;
}
.box-list-wrapper .box-list.masonry:not(.no-padding), .box-list-wrapper .box-list.grid:not(.no-padding) {
margin-bottom: -30px;
}
.full .box-list-wrapper .box-list.masonry.no-padding, .full .box-list-wrapper .box-list.grid.no-padding {
margin-left: 0;
}
.wpb_image_grid_ul_kop {
margin: 0;
padding: 0;
}
.box-list-wrapper .box-list.masonry.type3 .box-list-item.vc_col-sm-3.wide-tall {
width: 50%;
}
.box-list-wrapper .box-list.masonry.type3 .box-list-item.vc_col-sm-3.wide {
width: 50%;
}
.box-list-wrapper .box-list.masonry.type3 .box-list-item.vc_col-sm-4.wide-tall {
width: 66.666666%;
}
.box-list-wrapper .box-list.masonry.type3 .box-list-item.vc_col-sm-4.wide {
width: 66.666666%;
}
.box-list-wrapper .box-list.masonry.type3 .box-list-item.vc_col-sm-6.wide-tall {
width: 100%;
}
.box-list-wrapper .box-list.masonry.type3 .box-list-item.vc_col-sm-6.wide {
width: 100%;
}
/* Head----------*/
.box-item .figure-area {
position:relative;
display: block;
overflow:hidden;
}
.box-list.type3 .figure-area a {
display: block;
}
.no-mobile-device .box-list.type3 .figure-area a,
.mobile-device .box-list.type3 .box-item.open .figure-area a {
position: relative;
z-index: 1;
}
.box-list .box-item .featured-image {
width:100%;
}
.box-item .figure-area img, .box-item .thumb-image-slider img, .attachment-container img {
display:block;
width:100%;
height: auto;
max-width:100%;
transition:all .3s;
-webkit-transition:all .3s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.no-mobile-device .portfolio-list-wrapper .figure-area:hover img,
.mobile-device .portfolio-list-wrapper .figure-area.open img,
.no-mobile-device .portfolio-list-wrapper .box-list.type3 .box-item:hover .figure-area img,
.mobile-device .portfolio-list-wrapper .box-list.type3 .box-item.open .figure-area img,
.no-mobile-device .figure-area.gallery-magnific:hover img,
.no-mobile-device .attachment-container:hover img {
transform:scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform:scale(1.05);
}
.attachment-container {
position: relative;
overflow: hidden;
}
.box-item .hover-area, .attachment-container .hover-area {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index: 7;
background-color:rgba(0,0,0,.75);
text-align:center;
opacity:0;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.no-mobile-device .box-item .hover-area:hover, .no-mobile-device .attachment-container .hover-area:hover {
opacity:1;
}
.single-hover-container {
display: table;
width: 100%;
height: 100%;
}
.single-hover-container span {
color:#fff;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
font-weight: 400;
letter-spacing:3px;
font-size: 14px;
}
.mobile-device .box-list:not(.type3) .box-item .figure-area .hover-area,
.mobile-device .box-list:not(.type3) .box-item .figure .hover-area {
z-index: -1;
}
.mobile-device .box-list:not(.type3) .box-item .figure-area.open .hover-area,
.mobile-device .box-list:not(.type3) .box-item .figure.open .hover-area {
z-index: 7;
opacity:1;
}
.mobile-device .attachment-container .hover-area, .mobile-device .gallery-thumbnail .item .hover-area {
opacity: 0;
}
.box-item .hover-area-inner {
position:absolute;
top:50%;
margin-top:-18px;
width:100%;
height:36px;
display: block;
}
.box-item .hover-area .goto-page, .box-item .hover-area .show-in-lightbox,
.box-item .detail-link-area .goto-page, .box-item .detail-link-area .show-in-lightbox {
display: inline-block;
color:#fff;
position: relative;
margin: 0 4px;
padding: 4px;
width: 38px;
height: 38px;
line-height: 31px;
border-radius: 100px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}
.box-list-item.vc_col-sm-3 .box-item .hover-area .goto-page, .box-list-item.vc_col-sm-3 .box-item .hover-area .show-in-lightbox,
.box-list-item.vc_col-sm-3 .box-item .detail-link-area .goto-page, .box-list-item.vc_col-sm-3 .box-item .detail-link-area .show-in-lightbox {
width: 36px;
height: 36px;
line-height: 28px;
}
.box-item:not(.no-preview) .hover-area .goto-page, .box-item:not(.no-preview) .detail-link-area .goto-page {
display: inline-block;
}
.box-item:not(.no-preview) .hover-area .goto-page, .box-item:not(.no-preview) .detail-link-area .goto-page {
transform:translateX(20%);
-ms-transform:translateX(20%); /* IE 9 */
-webkit-transform:translateX(20%); /* Safari and Chrome */
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.box-item:not(.no-link) .hover-area .show-in-lightbox, .box-item:not(.no-link) .detail-link-area .show-in-lightbox {
display: inline-block;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}
.box-item:not(.no-link) .hover-area .show-in-lightbox, .box-item:not(.no-link) .detail-link-area .show-in-lightbox {
transform:translateX(20%);
-ms-transform:translateX(20%); /* IE 9 */
-webkit-transform:translateX(20%); /* Safari and Chrome */
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.no-mobile-device .box-item .hover-area:hover .goto-page, .no-mobile-device .box-item .hover-area:hover .show-in-lightbox,
.no-mobile-device .box-item:hover .detail-link-area .goto-page, .no-mobile-device .box-item:hover .detail-link-area .show-in-lightbox,
.mobile-device .portfolio-list-wrapper .box-list.type3 .box-item.open .goto-page, .mobile-device .portfolio-list-wrapper .box-list.type3 .box-item.open .show-in-lightbox,
.mobile-device .portfolio-list-wrapper .box-list:not(.type3) .box-item .figure-area.open .goto-page, .mobile-device .portfolio-list-wrapper .box-list:not(.type3) .figure-area.open .show-in-lightbox {
transform:translateY(0) !important;
-ms-transform:translateY(0) !important; /* IE 9 */
-webkit-transform:translateY(0) !important; /* Safari and Chrome */
transform:translateX(0) !important;
opacity: 1;
}
.box-item .hover-area .show-in-lightbox.not-main-link,
.box-item .detail-link-area .show-in-lightbox.not-main-link,
.show-in-lightbox.not-main-link {
display: none;
}
.hover-area.single span.fa {
background-color: #E89A38;
display: block;
width: 36px;
height: 36px;
line-height: 36px;
color:#fff;
font-size: 14px;
text-align: center;
position: absolute;
top:0;
right:0;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.hover-area.single .item-header {
font-size: 12px;
letter-spacing: 1px;
color: #fff;
position: absolute;
left: 25px;
right: 25px;
bottom: 20px;
text-transform: uppercase;
text-align: center;
}
.hover-area.single .item-header:before {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
content: "\f068";
font-size: 9px;
color:#E89A38;
font-family:"FontAwesome";
padding: 0;
}
.wpb_gallery_slides.wpb_image_grid .box-item.vc_col-sm-2 .hover-area.single .item-header , .gallery-thumbnail-wrapper .gallery-thumbnail .item.vc_col-sm-2 .hover-area.single .item-header {
display: none;
}
.portfolio-list-wrapper .box-list.type3.version-2 .box-list-item{
overflow: hidden;
}
.portfolio-list-wrapper .box-list.type3.version-2 .box-item .figure-area {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition-delay: .03s;
-webkit-transition-delay: .03s;
transition-delay: .03s;
}
.portfolio-list-wrapper .box-list.type3.version-2 .box-item .detail-area {
height: auto;
max-height: 120px;
min-height: 90px;
top:auto;
bottom:0;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
background-color: #222;
opacity: 1;
}
.no-mobile-device .portfolio-list-wrapper .box-list.type3.version-2 .box-item:hover .detail-area,
.mobile-device .portfolio-list-wrapper .box-list.type3.version-2 .box-item.open .detail-area {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
}
.portfolio-list-wrapper .box-list.type3.version-2 .detail-link-area {
display: none;
}
.figure img, .featured-image img {
width:100%;
max-width: 100%;
height: auto;
}
.link-element-wrapper, .blockquote-wrapper {
display: block;
}
.link-element-wrapper .path-to-link {
word-break:break-all;
}
.link-element, .blockquote {
position: relative;
display: table;
width: 100%;
padding: 0 30px;
height: 100px;
background-color:#222;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.blog-detail .link-element .text,
.blog-detail .blockquote blockquote,
.list .link-element .text, .list .blockquote blockquote {
font-size: 25px;
}
.blog-detail.centered .link-element .text,
.blog-detail.centered .blockquote blockquote {
font-size: 25px;
}
.link-element:hover, .blockquote:hover {
background-color:#222;
}
.link-element .link-element-inner, .blockquote .blockquote-inner {
display: table-cell;
vertical-align: middle;
padding: 30px 0;
}
.link-element .text, .blockquote blockquote {
color:#fff !important;
font-size: 20px;
font-weight: 300;
display: block;
line-height: 1.3;
padding: 0 0 15px 0;
margin-bottom: 14px;
border-bottom: 1px solid rgba(255,255,255,.2);
}
.blockquote blockquote:before {
content: "";
}
.blockquote cite, .path-to-link {
display: block;
margin-top: 18px;
color:#fff;
font-size: 11px;
font-weight: 300;
text-transform: uppercase;
font-style: normal;
}
.centered .blockquote cite, .centered .path-to-link {
font-size: 12px;
}
.link-element .symbol, .blockquote .symbol {
position:absolute;
right: 20px;
bottom: 24px;
padding: 6px;
color:#fff;
font-size: 14px;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
}
.centered .link-element .text, .centered .blockquote blockquote {
padding:0 40px 15px;
font-weight: 300;
}
.centered .link-element .symbol, .centered .blockquote .symbol {
position: static;
font-size: 24px;
padding: 15px;
margin: 7px 0 12px;
}
/* Detail----------*/
/* Box Item ---- */
.box-item.single {
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
}
.box-item.single .figure img {
transition:all .6s;
-webkit-transition:all .6s;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
.box-item.single .figure {
overflow: hidden;
}
.no-mobile-device .box-item.single:not(.no-scale-img) .figure:hover img, .no-mobile-device .box-list.type3 .box-item.single:hover .figure img,
.mobile-device .box-item.single:not(.no-scale-img) .figure.open img, .mobile-device .box-list.type3 .box-item.single.open .figure img {
transform:scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform:scale(1.05);
}
.mobile-device .round .box-item.team-item.single .figure.open img {
-webkit-transform:scale(1);
}
.box-item .detail-area {
padding: 10px 0;
white-space:normal;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
.type1 .box-item .detail-area {
padding:22px 0 0 0;
}
.blog-list-wrapper .type1 .box-item .detail-area, .type1.list .box-item .detail-area {
padding-top:0;
}
.type2 .box-item .detail-area {
padding: 28px;
}
.blog-list-wrapper .box-item .detail-area .item-info,
.blog-detail .detail-area .item-info {
margin-bottom: 30px;
}
.blog-list-wrapper .box-list.masonry .box-item .detail-area .item-info,
.blog-list-wrapper .box-list.grid .box-item .detail-area .item-info {
margin-bottom:20px;
}
.portfolio-list-wrapper .type1 .box-list-item.vc_col-sm-3 .box-item .detail-area,
.portfolio-list-wrapper[data-slider-item="4"] .type1 .box-item .detail-area {
padding:18px 0 0 0;
}
.portfolio-list-wrapper .type2 .box-list-item.vc_col-sm-3 .box-item .detail-area,
.portfolio-list-wrapper[data-slider-item="4"] .type2 .box-item .detail-area {
padding:18px;
}
.box-list.list.type1:not(.centered) .box-item.no-featured-item .detail-area,
.box-list.list.centered.type1 .box-item.no-featured-item.no-author-image .detail-area {
padding-top: 0 !important;
}
.body.box-list-wrapper:not(.portfolio-list-wrapper) .box-list.type2.masonry .box-item.no-featured-item:not(.portfolio-item) .detail-area {
padding-top: 0;
}
.box-list.list.centered.type1 .box-item.no-featured-item .author-pic {
margin-top: 0;
}
.box-item:not(.no-featured-item):not(.no-featured-image) .audio-wrapper .mejs-container.mejs-audio {
margin-top: -36px;
}
.portfolio-list-wrapper .box-list.type3 .box-item .detail-area {
padding-top: 0;
padding-bottom: 0;
}
.box-list.list.centered.type1 .box-item:not(.no-author-image) .detail-area {
padding-top: 0;
}
.box-item .main-head-text, .box-item .item-info {
margin-top: 0;
margin-bottom: 0;
white-space:normal;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
.box-list:not(.centered) .detail-area .social-icons-list, .blog-detail:not(.centered) .detail-area .social-icons-list {
margin-top:20px;
margin-bottom: 30px;
margin-left:-4px;
}
.box-item .caption {
margin-top: 20px;
line-height: 1.8;
}
.box-item .caption.extra {
margin-top: 25px;
}
.centered .box-item .caption.extra {
margin-top: 35px;
}
.box-item .caption p:last-child {
margin-bottom:0;
}
.box-item .caption [class*="vc_col-sm-"] {
padding-left:0;
padding-right:0;
}
.box-item .item-info {
margin-top: 0;
white-space:normal;
text-transform: uppercase;
}
.box-item .main-head-text.list {
margin-bottom:10px;
}
.read-more,.previous-image a,.next-image a,
.dark-layout .invert .read-more,.dark-layout .invert .previous-image a,.dark-layout .invert .next-image a {
display: inline-block;
margin-top: 20px;
padding: 13px 14px;
background-color: #333;
border-radius: 2px;
color:#fff;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
.centered .read-more {
font-size: 12px;
padding: 12px 16px;
margin-top: 40px;
}
.light-layout .invert .read-more,
.dark-layout .read-more {
background-color: rgba(255,255,255,.1);
color:rgba(255,255,255,.7);
background-image: none;
border:none;
box-shadow: none;
}
.light-layout .invert .read-more:hover,
.dark-layout .read-more:hover {
background-color: rgba(255,255,255,.2);
color:rgba(255,255,255,1);
}
.previous-image a,.next-image a {
margin-top: 0;
}
.read-more:hover,.previous-image a:hover,.next-image a:hover {
background-color: #E89A38!important;
color:#fff;
}
#image-navigation {
margin-bottom: 15px;
}
.previous-image {
float: left;
}
.next-image {
float: right;
}
.list.box-list .box-list-item:last-child .hr-seperator {
display: none;
}
.hr-seperator.no-mbottom hr {
margin-bottom: 0!important;
}
.box-list .box-item .detail-area .btn{
margin-top:20px;
}
.blog-list-wrapper .box-item.no-featured-item .main-head-text, .box-item.no-preview .main-head-text {
margin-top: 0;
}
.box-item .main-head-text,
.box-item .main-head-text a {
color:#333;
font-size: 17px;
text-decoration:none;
word-break:break-word;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 7px;
letter-spacing: 1px;
line-height: 1.3;
}
.portfolio-list-wrapper .box-item .main-head-text,
.portfolio-list-wrapper .box-item .main-head-text a,
.team-list.box-list-wrapper .box-item .main-head-text,
.team-list.box-list-wrapper .box-item .main-head-text a{
margin-bottom: 4px;
}
.portfolio-list-wrapper .box-list-item.vc_col-sm-3 .box-item .main-head-text,
.portfolio-list-wrapper .box-list-item.vc_col-sm-3 .box-item .main-head-text a,
.portfolio-list-wrapper[data-slider-item="4"] .box-item .main-head-text,
.portfolio-list-wrapper[data-slider-item="4"] .box-item .main-head-text a {
font-size: 14px;
}
.portfolio-list-wrapper .box-list-item.vc_col-sm-3 .box-item .caption,
.portfolio-list-wrapper[data-slider-item="4"] .box-item .caption {
font-size:13px
}
.blog-list-wrapper .box-item .main-head-text.list,
.blog-list-wrapper .box-item .main-head-text.list a {
font-size: 36px;
font-weight: 700;
line-height: 1.2;
}
.head-block .head h2 .box-list.type3 .box-item .main-head-text, .portfolio-list-wrapper .box-list.type3 .box-item .main-head-text a,
.box-list-wrapper.team-list .box-list.type3 .box-item .main-head-text, .box-list-wrapper.team-list .box-list.type3 .box-item .main-head-text a {
font-size: 17px;
}
.light-layout .invert .box-list.type1 .box-item .main-head-text,
.light-layout .invert .box-list.type1 .box-item .main-head-text a,
.light-layout .invert .box-list.type2 .box-item .main-head-text,
.light-layout .invert .box-list.type2 .box-item .main-head-text a,
.dark-layout .box-list.type1 .box-item .main-head-text,
.dark-layout .box-list.type1 .box-item .main-head-text a,
.dark-layout .box-list.type2 .box-item .main-head-text,
.dark-layout .box-list.type2 .box-item .main-head-text a {
color:#fff;
}
.light-layout .invert .box-item .main-head-text a:hover,
.dark-layout .box-item .main-head-text a:hover {
color:#fff;
opacity: .7;
}
.item-info {
font-size:13px;
font-weight: 400;
margin: 0;
line-height: 1;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
.light-layout .invert .item-info {
color:#fff;
}
.masonry .item-info, .grid .item-info, .slider .item-info {
font-size: 11px;
}
.portfolio-list-wrapper .masonry .item-info, .portfolio-list-wrapper .grid .item-info,
.portfolio-list-wrapper.slider .item-info,
.box-list-wrapper.team-list .masonry:not(.type3) .item-info, .box-list-wrapper.team-list .grid:not(.type3) .item-info {
padding-bottom:0;
}
.masonry .item-info span, .grid .item-info span, .slider .item-info span{
margin-right: 3px;
padding-right: 3px;
}
.item-info a {
color:#676767;
font-weight: 400;
}
.item-info a:hover {
color:#E89A38;
}
.item-info span {
display: inline-block;
line-height: 1.4;
margin: 0 5px 3px 0;
padding-right: 5px;
}
.blog-list-wrapper .box-list.list .item-info span,
.blog-detail-block .detail-area .item-info span {
font-size:13px;
}
.item-info span.position {
font-size: 11px;
text-transform: uppercase;
text-transform: uppercase;
display: inline-block;
border-radius: 2px;
letter-spacing: 1px;
}
.item-info span:before {
font-family: FontAwesome;
font-size: 13px;
padding-right: 7px;
}
.item-info span.date:before {
content:'\f017';
}
.item-info span.comments:before {
content:'\f0e6';
}
.item-info span.category:before {
content:'\f02b';
}
.item-info span.author-text:before {
content:'\f007';
}
.item-info span.edit-link:before {
content:'\f044';
}
.item-info span:last-child{
border: none !important;
}
.item-info .tags .seperator {
padding-right: 0;
margin-left: 5px;
margin-right: 5px;
}
.item-info .tags .seperator {
border-right:none !important;
}
.item-info .tags .seperator:last-child {
display: none;
}
.item-info .post-tags .seperator {
margin-right: 4px;
padding-right: 0;
margin-bottom: 0;
}
.item-info .tags a:first-child .seperator {
display: none;
}
.light-layout .invert .item-info,
.dark-layout .item-info {
color:rgba(255,255,255,1);
}
.light-layout .invert .item-info a,
.dark-layout .item-info a {
color:rgba(255,255,255,0.7);
}
.light-layout .invert .item-info a:hover,
.dark-layout .item-info a:hover {
color:rgba(255,255,255,1);
}
/* Box Item Type2---- */
.full .box-list-wrapper .head-area {
text-align: center;
}
.box-list.type2 .box-item {
padding:0;
background-color:#fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
}
.light-layout .invert .box-list.type2 .box-item {
background-color:rgba(255,255,255,.05);
border:none;
}
.box-list.type2 .box-item:hover {
box-shadow:0px 1px 7px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 1px 7px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 7px rgba(0,0,0,0.1);
}
.box-item .detail-area .block-area, .portfolio-detail .detail-area:not(.no-media) .block-area, .team-detail .detail-area .block-area {
padding: 0;
border-bottom: none;
}
.portfolio-detail .detail-area:not(.no-media) .block-area {
background-color: transparent !important;
}
.box-item .detail-area .block-area .container,
.container-page.tiny-page > .container,
.with-sidebar .portfolio-detail .container, .portfolio-detail .detail-area:not(.no-media) .container,
.team-detail .detail-area .block-area .container,
.blog-detail .block-area, .attachment .comments-wrapper .container,
.with-sidebar .comments-wrapper .container, .blog-detail .comments-wrapper .container,
.container-page.tiny-page:not(.with-sidebar) .comments-wrapper .container {
width: auto;
padding-left: 0;
padding-right: 0;
min-width: 0;
}
/* Box Item Type3---- */
.box-list.type3 .box-item {
position: relative;
border-radius:0;
padding: 0px;
}
.box-list.type3 .box-item.no-preview {
min-height: 200px;
max-height: 350px;
background-color:#E89A38;
}
.box-list.type3.no-padding .box-list-item .box-item {
margin-bottom: 0;
}
.box-list.type3.no-padding {
padding: 0;
}
.box-list.type3.no-padding .box-list-item {
padding: 0;
}
.box-list.type3 .detail-area {
position:absolute;
z-index: 2;
left:0;
top:0;
width: 100%;
height: 100%;
color:#fff;
margin-top: 0;
background-color:rgba(0,0,0,.85);
text-align:center;
overflow:hidden;
opacity:0;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
}
.box-list.type3 .detail-area .detail-area-inner {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
}
.box-list.type3 .detail-area .detail-area-inner .inner {
display: table-cell;
vertical-align: middle;
width: 100%;
text-align: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.portfolio-list-wrapper .box-list.type3 .detail-area .detail-area-inner .inner {
vertical-align: bottom;
}
.box-list.type3.version-2 .detail-area .detail-area-inner .inner {
vertical-align: middle;
}
.no-mobile-device .box-list.type3 .box-item:hover .detail-area-inner .inner:before,
.no-mobile-device .box-list.type3 .box-item:hover .detail-area-inner .inner:after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.box-list.type3 .detail-area .detail-area-inner .title-container{
padding:25px 25px 35px;
}
.box-list.type3 .box-item .detail-area .main-head-text,
.box-list.type3 .box-item .detail-area .item-info {
transform:translateY(7px);
-ms-transform:translateY(7px); /* IE 9 */
-webkit-transform:translateY(7px); /* Safari and Chrome */
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.no-mobile-device .box-item .hover-area:hover .main-head-text,
.no-mobile-device .box-item:hover .detail-area .main-head-text,
.mobile-device .portfolio-list-wrapper .box-list.type3 .box-item.open .main-head-text,
.mobile-device .portfolio-list-wrapper .box-list:not(.type3) .box-item .figure-area.open .main-head-text,
.no-mobile-device .box-item .hover-area:hover .item-info,
.no-mobile-device .box-item:hover .detail-area .item-info,
.mobile-device .portfolio-list-wrapper .box-list.type3 .box-item.open .item-info,
.mobile-device .portfolio-list-wrapper .box-list:not(.type3) .box-item .figure-area.open .item-info {
transform:translateY(0);
-ms-transform:translateY(0); /* IE 9 */
-webkit-transform:translateY(0); /* Safari and Chrome */
}
.no-mobile-device .box-list.type3 .box-item:hover .detail-area {
opacity:1;
}
.mobile-device .box-list.type3 .box-item .detail-area {
z-index: -1;
}
.mobile-device .box-list.type3 .box-item.open .detail-area {
z-index: 7;
opacity: 1;
}
.box-list.type3 .box-item .detail-area .post-icon {
display: block;
font-size: 40px;
margin-bottom: 6px;
}
.box-list.type3 .box-item .detail-area h3 {
margin: 0 0 5px;
color: #fff;
}
.box-list.type3 .vc_col-sm-2 .box-item .detail-area h3 a,
.box-list-wrapper.team-list .box-list.type3 .box-item .main-head-text a {
font-size: 14px;
}
.box-list.type3 .item-info {
margin-bottom: 0px;
margin-top: 0;
font-size: 11px;
text-transform: uppercase;
font-weight: 300;
}
.box-list.type3 .team-item .item-info {
margin-bottom: 10px;
}
.portfolio-list-wrapper .box-list.type3:not(.version-2) .item-info:after {
content: "";
height: 3px;
width: 20px;
display: inline-block;
border-bottom:4px solid #E89A38;
margin-top: 9px;
border-radius: 100px;
}
.box-list.type3 .vc_col-sm-2 .item-info {
display: none;
}
.box-list.type3 .item-info span:not(.seperator) {
display: block;
margin-right: 0;
padding-right: 0;
margin-bottom: 0;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}
.box-list.type3 .item-info span.seperator {
margin-right: 3px;
}
.box-list.type3 .box-item h3 a,
.box-list.type3 .box-item h3 a:hover,
.box-list.type3 .item-info a,
.box-list.type3 .item-info {
color:#fff!important;
}
.box-list.type3 .box-item h3 a:hover,
.box-list.type3 .item-info a:hover {
opacity: .7;
}
.box-list-wrapper .box-list .box-item.portfolio-item .hover-area-inner,
.carousel-slider .box-item.portfolio-item .hover-area-inner {
width: auto;
top:0;
right:0;
margin-top: 0;
}
.box-list-wrapper .box-list:not(.type3) .box-item.portfolio-item .hover-area-inner,
.carousel-slider:not(.type3) .box-item.portfolio-item .hover-area-inner {
position:absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -18px;
}
.box-list .detail-link-area {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -18px;
}
.box-list.type3 .detail-link-area {
margin-top: -25px;
}
.box-list.centered, .blog-detail.centered {
margin:0;
text-align: center;
}
.box-list-wrapper .box-list.centered .box-list-item {
padding: 0;
}
.blog-detail.centered .blog-item, .blog-detail.centered .blog-item .blog-item-inner, .centered .comment-area, .centered .comment-area.post .comment-area-inner {
padding-left: 0;
border-left: none;
}
.blog-detail.centered .box-item.no-featured-item .author-pic {
margin-top: 0;
}
.centered .box-list-item {
padding: 0;
}
.centered .box-item {
text-align: center;
padding: 0;
margin-bottom: 0;
}
header .centered .author-pic {
margin-bottom: 0;
}
.centered .author-pic .author {
margin: 0 auto;
}
.centered .detail-area {
display: inline-block;
width: 100%;
padding-top: 55px;
}
.blog-detail.centered .item-info {
margin-top: 16px;
}
.centered .social-icons-list {
display: inline-block;
width: 50%;
min-width: 150px;
border-bottom: 1px solid #E8E8E8;
height: 0;
margin-top: 17px;
margin-bottom: 50px;
}
.centered .social-icons-list .box-social-icons {
margin-top: -15px;
}
.centered .box-item .detail-area .caption {
text-align: justify;
}
.blog-item .blog-detail-text {
margin-top:30px;
}
.attachment .blog-item .blog-detail-text {
margin-top: 0;
}
.blog-detail.image .blog-item .blog-detail-text, .blog-detail.video .blog-item .blog-detail-text {
margin-top:0;
}
.blog-item .blog-detail-text .block-area,
.box-item .caption .block-area {
padding:0;
border: none;
background-color: transparent !important;
}
.centered .blog-item .blog-detail-text {
text-align: justify;
}
.author-info-block {
text-align: left;
}
.author-info-block.centered {
text-align: center;
margin:0 auto;
}
.centered .author-info-block {
display: inline-block;
margin-top:0;
}
.centered .comment-area .author-info-block {
width: 100%;
}
.centered .author-info-block .author-pic {
margin-top: 0;
}
.author-info-block.centered .author-pic {
display: inline-block;
float: none;
}
.author-info-block.centered .hr-seperator {
display: block;
width: 25%;
margin: 0 auto;
}
.author-info-block.centered .hr-seperator hr {
margin: 15px 0!important;
}
.author-info-block.centered .author-details {
margin-left: 0;
}
.blog-detail.centered .comment-area, .blog-detail.centered .related-posts-area {
display: inline-block;
}
.blog-detail.centered .related-posts-area h3 {
text-align: left;
}
/*-----------------------------------------------------------------------------------*/
/* - Porfolio Styles
/*-----------------------------------------------------------------------------------*/
.container-page.portfolio:not(.with-sidebar) .content.no-media {
padding-top: 0;
padding-bottom: 0;
}
.with-sidebar .portfolio-detail .detail-area.vc_col-sm-12, .with-sidebar .portfolio-detail .featured-item-wrapper.vc_col-sm-12 {
padding-left: 0;
padding-right: 0;
}
.portfolio-detail .detail-area.top {
padding-top: 0;
margin-bottom: 26px;
}
.container-page.portfolio .content:not(.no-media) .item-info-wrapper {
margin-top: 30px;
border-top: 1px solid #E8E8E8;
padding-top: 20px;
}
.portfolio-detail .featured-item-wrapper.right {
float: right;
text-align: left;
}
.with-sidebar .portfolio-detail .featured-item-wrapper.right {
padding-right: 0;
}
.portfolio-detail .featured-item-wrapper.left {
float: left;
}
.with-sidebar .portfolio-detail .featured-item-wrapper.left {
padding-left: 0;
}
.portfolio-detail .featured-item-wrapper.top {
margin-bottom: 40px;
}
.portfolio-detail .detail-area.right {
float: right;
text-align: left;
}
.with-sidebar .portfolio-detail .detail-area.right {
padding-right: 0;
}
.portfolio-detail .detail-area.left {
float: left;
}
.with-sidebar .portfolio-detail .detail-area.left {
padding-left: 0;
}
.gallery-thumbnail .item {
overflow: hidden;
}
.vc_responsive .wpb_row .gallery-thumbnail .item {
padding: 0 !important;
}
.gallery-thumbnail .item img {
height: auto;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
}
.no-mobile-device .gallery-thumbnail .item:hover img {
transform:scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform:scale(1.05);
}
.portfolio-detail .detail-area .social-icons-list {
margin-bottom: 0;
}
.portfolio.social-icons-list h3 {
margin-bottom: 0;
}
.portfolio.social-icons-list p {
margin-bottom: 7px;
}
.detail-area.right .portfolio.social-icons-list, .detail-area.left .portfolio.social-icons-list {
position: relative;
left: -5px;
}
.detail-area.left .portfolio.social-icons-list, .detail-area.right .portfolio.social-icons-list {
margin-top: 14px;
}
.detail-area.bottom .portfolio.social-icons-list, .detail-area.top .portfolio.social-icons-list {
text-align: right;
}
.team.social-icons-list {
margin-top: 20px;
margin-bottom: 20px;
}
.portfolio-detail .detail-area .item-info.detail {
margin-top: 7px
}
.portfolio-detail .detail-area:not(.left):not(.right) .item-info.detail {
float: left;
margin-bottom: 0;
}
.portfolio-detail .detail-area .info-area {
margin-bottom: 20px;
}
.portfolio-detail .detail-area.no-media .info-area {
margin-bottom: -40px;
}
.recent-portfolio {
background-color: #eee;
color:#676767;
border-top: 1px solid #e8e8e8;
padding: 90px 0;
margin-left: 0;
margin-right: 0;
}
.recent-portfolio.light-bg {
color:#676767;
background-color: #eee;
border-top: 1px solid #e8e8e8;
}
.recent-portfolio.light-bg .box-list.type2 .box-item {
background-color:#fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
border: 1px solid #eee;
}
.recent-portfolio.light-bg .box-list.type1 .box-item .main-head-text a,
.recent-portfolio.light-bg .box-list.type2 .box-item .main-head-text a {
color:#333;
}
.recent-portfolio.light-bg .box-list.type1 .box-item .main-head-text a:hover,
.recent-portfolio.light-bg .box-list.type2 .box-item .main-head-text a:hover {
color:#E89A38;
opacity:1;
}
.recent-portfolio.light-bg .box-list.type1 .box-item .item-info a,
.recent-portfolio.light-bg .box-list.type2 .box-item .item-info a {
color:#333;
}
.recent-portfolio.light-bg .sub-head {
color:#333;
}
.recent-portfolio.light-bg h2 {
color:#333;
}
.recent-portfolio.dark-bg {
background-color: #222222;
border-top:1px solid #1c1c1c;
color:rgba(255,255,255,0.7);
}
.recent-portfolio.dark-bg .box-list.type2 .box-item {
background-color:rgba(0,0,0,.15);
border:none;
}
.recent-portfolio.dark-bg .box-list.type1 .box-item .main-head-text a:hover,
.recent-portfolio.dark-bg .box-list.type2 .box-item .main-head-text a:hover {
opacity:0.7;
}
.recent-portfolio.dark-bg .box-list.type1 .box-item .main-head-text a,
.recent-portfolio.dark-bg .box-list.type2 .box-item .main-head-text a {
color:#fff;
}
.recent-portfolio.dark-bg .box-list.type1 .box-item .item-info a,
.recent-portfolio.dark-bg .box-list.type2 .box-item .item-info a {
color:rgba(255,255,255,0.7);
}
.recent-portfolio.dark-bg .box-list.type1 .box-item .item-info a:hover,
.recent-portfolio.dark-bg .box-list.type2 .box-item .item-info a:hover {
color:rgba(255,255,255,1);
}
.recent-portfolio.dark-bg .head-block .head h2 {
color:#fff;
}
.recent-portfolio.dark-bg .sub-head {
color: #fff;
background-color: rgba(255,255,255,.05);
box-shadow: none;
}
.recent-portfolio.type3.no-padding.full {
padding-bottom: 0;
}
.container-page.portfolio .content:not(.no-media) .comments-wrapper .container {
padding-bottom: 0;
padding-top: 0;
}
.container-page.portfolio .comments-wrapper .comments-inner {
margin-top: 60px;
}
.container-page.portfolio .comments-wrapper .comments-inner .hr-seperator{
display: none;
}
/*-----------------------------------------------------------------------------------*/
/* - Icon Styles
/*-----------------------------------------------------------------------------------*/
.block-icon-area-wrapper.right {
text-align:right;
}
.block-icon-area-wrapper .block-icon-area.icon-only {
display: inline-block;
padding-bottom:10px;
padding-top:10px;
}
.block-icon-area-wrapper .block-icon-area.icon-only.type3 .thumb-area {
padding:20px;
}
.block-icon-area-wrapper.inline-block {
display: inline-block;
}
.block-icon-area {
margin-bottom:45px !important;
padding-top: 6px;
}
.block-icon-area.type2 {
margin-bottom: 30px !important;
}
.block-icon-area .thumb-area, .block-icon-area .thumb-area:after {
line-height: 0;
transform-origin:50% 50%;
-ms-transform-origin:50% 50%; /* IE 9 */
-webkit-transform-origin:50% 50%; /* Chrome, Safari, Opera */
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.block-icon-area h3 {
font-size: 15px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
}
.vc_col-sm-4 .block-icon-area.type1 .text,
.vc_col-sm-4.block-icon-area.type3 .text {
padding: 0 20px;
}
.light-layout .invert .block-icon-area h3 {
color: #fff;
}
.block-icon-area h3 .type1 {
margin-top: 10px;
}
.block-icon-area.type2 h3, .block-icon-area.type4 h3 {
margin-bottom: 7px;
font-size: 15px;
}
.block-icon-area .text-detail {
line-height: 1.8;
}
.block-icon-area.type1, .block-icon-area.type3 {
text-align: center;
}
.block-icon-area .thumb-area {
text-align: center;
}
.block-icon-area.type1 .thumb-area {
font-size: 45px;
color:#E89A38;
margin-bottom: 20px;
}
.thumb-area-wrapper {
display: inline-block;
}
.block-icon-area.type2 .thumb-area {
display: inline-block;
color: #E89A38;
font-size:33px;
line-height: 36px;
width:45px;
text-align:left;
}
.block-icon-area.type2 .text-detail {
margin:0 0 0 45px;
}
.block-icon-area.type3 .thumb-area {
font-size:33px;
border-radius: 100%;
display:inline-block;
width: 110px;
height: 110px;
line-height: 110px;
margin-bottom: 30px;
}
.block-icon-area.type3 .thumb-area span {
display: inline-block;
}
.block-icon-area.type4 .thumb-area {
margin-right:13px;
font-size:30px;
color:#E89A38;
}
.block-icon-area.type2 .thumb-area-wrapper,
.block-icon-area.type4 .thumb-area-wrapper {
float:left;
margin-bottom:0;
height:100%;
}
/* Resetting text-align:center */
.block-icon-area.type2 h3,
.block-icon-area.type2 p,
.block-icon-area.type4 h3,
.block-icon-area.type4 p {
text-align:left;
}
/* Circle Icons */
/* ---------------------------------------------------------*/
.block-icon-area.type3 .thumb-area,
.block-icon-area.type2.circle .thumb-area,
.block-icon-area.type4.circle .thumb-area {
position: relative;
color:#E89A38;
border-radius: 100%;
border:1px solid rgba(0,0,0,0.8);
}
.block-icon-area.type3.solid .thumb-area {
border:none;
}
.block-icon-area.type3.solid .thumb-area {
background-color: #E89A38;
color:#fff;
}
.block-icon-area.type3:hover .thumb-area {
box-shadow:0 0 8px 0px rgba(0,0,0,.3);
-webkit-box-shadow:0 0 8px 0px rgba(0,0,0,.3);
}
.light-layout .invert .type3:not(.solid) .thumb-area,
.light-layout .invert .block-icon-area.type2.circle .thumb-area,
.light-layout .invert .block-icon-area.type4.circle .thumb-area {
background-color: rgba(255,255,255,.1);
border:none;
}
.block-icon-area.type3:not(.solid):hover .thumb-area,
.block-icon-area.type2.circle:hover .thumb-area,
.block-icon-area.type4.circle:hover .thumb-area {
background-color: #E89A38;
border-color:transparent;
color:#fff;
}
.block-icon-area.type2.circle .thumb-area,
.block-icon-area.type4.circle .thumb-area {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
text-align: center;
position: relative;
top: -10px;
}
.block-icon-area.type2.circle .thumb-area span,
.block-icon-area.type4.circle .thumb-area span {
line-height: 45px;
}
.block-icon-area.type2.circle .text-detail {
margin-left:65px;
}
.block-icon-area.icon-only {
float: none;
margin: 0 !important;
}
.block-icon-area.icon-only a {
display: block;
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
overflow: hidden;
}
.wpb_text_column .block-icon-area.icon-only {
display: inline-block;
margin: 0 !important;
}
.block-icon-area.icon-only .thumb-area {
position: relative;
font-size: 30px;
width: 60px;
height: 60px;
line-height: 60px;
margin-bottom: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.block-icon-area.icon-only.type1 .thumb-area {
width: auto;
height: auto;
line-height: 0;
padding: 0;
}
/*-----------------------------------------------------------------------------------*/
/* - Counter Styles
/*-----------------------------------------------------------------------------------*/
.counter-area {
text-align: center;
padding-bottom: 45px;
}
.dark-layout .counter-area {
color:#fff;
}
.dark-layout .invert .counter-area {
color:#333;
}
.counter-area .counter-value {
color:#E89A38;
font-size: 50px;
font-weight: 700;
line-height: 1;
}
.vc_col-sm-2 .counter-area .counter-value {
font-size: 45px;
}
.counter-area p {
margin-top: 10px;
margin-bottom: 5px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
/*-----------------------------------------------------------------------------------*/
/* - Video & Audio Element
/*-----------------------------------------------------------------------------------*/
.video-wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.wpb_video_widget .video-wrapper {
box-shadow:1px 1px 9px rgba(0,0,0,0.4);
-webkit-box-shadow:1px 1px 9px rgba(0,0,0,0.4);
}
.light-layout .invert .wpb_video_widget .video-wrapper {
box-shadow:1px 1px 9px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 1px 9px rgba(0,0,0,0.6);
}
.custom-bg.video.iframe {
background-size: cover;
}
.custom-bg.video.iframe .iframe-wrapper {
position: absolute;
top:-1px;
left:0;
min-width: 100%;
min-height: 100%;
z-index: 2;
}
.block-area-with-bg-wrapper:not(.fullscreen-wrapper) .custom-bg.video.iframe .iframe-wrapper {
margin-top: -60px;
}
.custom-bg.video.iframe .iframe-wrapper:after {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
background-color:#000;
opacity:0;
}
.video-wrapper iframe, .custom-bg.video.iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.full .video-wrapper {
box-shadow: none;
}
.video-wrapper.native-video > video {
width: 100%!important;
height: 100%!important;
}
/*-----------------------------------------------------------------------------------*/
/* - Spot Area (Call to Action)
/*-----------------------------------------------------------------------------------*/
.spot-area {
display: table;
table-layout: fixed;
width: 100%;
padding: 35px 30px;
font-size: 15px;
}
.generic.spot-area {
position: relative;
}
.container-page:not(.with-sidebar) .full.block-area .spot-area {
padding:60px 0;
}
.block-area.full.spot-area-generic {
padding: 0;
}
.block-area.full.spot-area-generic .spot-area {
padding-left: 0;
padding-right: 0;
}
.spot-area .spot-area-inner {
position: relative;
z-index: 2;
width: 100%;
display:table-cell;
vertical-align: middle;
}
.block-area .spot-area .spot-area-inner .container-inner {
margin: 0 auto;
}
.container-page:not(.with-sidebar) .full.block-area .spot-area .spot-area-inner .container-inner,
.full.block-area.spot-area-generic .spot-area .spot-area-inner .container-inner {
max-width: 970px;
padding-left: 45px;
padding-right: 45px;
}
.spot-area-with-bg-wrapper {
position: relative;
border-radius:3px;
overflow: hidden;
}
.spot-area-with-bg-wrapper .spot-area {
position: relative;
z-index: 3;
background-color: rgba(255,255,255,0);
}
.spot-area-with-bg-wrapper .custom-bg-wrapper {
background-color: #f1f1f1;
}
.spot-area-with-bg-wrapper .custom-bg.video {
z-index: 1;
}
.full .spot-area-with-bg-wrapper, .full .spot-area {
border-radius: 0;
}
.full > .container > .vc_col-sm-12 .wpb_image_grid, .full > .container > .vc_col-sm-12 .wpb_video_widget .video-wrapper, .full > .container > .vc_col-sm-12 .spot-area-with-bg-wrapper, .full > .container > .vc_col-sm-12 .spot-area-wrapper:not(.has-bg) {
margin: 0 -15px;
width: auto;
}
.spot-area-with-bg-wrapper.has-image .spot-area {
background-color: transparent !important;
}
.full .spot-area-with-bg-wrapper .custom-bg {
background-color:#f1f1f1;
}
.block-area-with-bg-wrapper .custom-bg.image.parallax-bg, .spot-area-with-bg-wrapper .custom-bg.image.parallax-bg,
.wpb_column .custom-bg.image.parallax-bg {
z-index: 1;
}
.block-area-with-bg-wrapper .custom-bg.video video, .spot-area-with-bg-wrapper .custom-bg.video video {
position: absolute;
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
margin-left: 0!important;
z-index: 1;
transition:opacity 0.5s ease-out;
-webkit-transition:opacity 0.5s ease-out;
}
.block-area .spot-area-with-bg-wrapper .custom-bg.video video,
.block-area.default .spot-area-with-bg-wrapper .custom-bg.video .iframe-wrapper,
.block-area.fullscreen .spot-area-with-bg-wrapper .custom-bg.video .iframe-wrapper {
margin-left: 0 !important;
}
.spot-area h2, .spot-area p {
margin-bottom: 0;
}
.spot-area h2 {
font-size: 20px;
line-height: 1.5;
}
.spot-area .text {
line-height: 1.7;
}
.spot-area .text p {
line-height: 1.7;
margin-top: 8px;
margin-bottom: 12px !important;
font-size: 16px;
}
.spot-area.left .btn {
margin-right: 14px;
}
.spot-area.right .btn {
margin-left: 14px;
}
.spot-area.center .btn {
margin-left: 7px;
margin-right: 7px;
}
.spot-area .vertical-align {
display: table;
width: 100%;
}
.spot-area.center .vertical-align {
width: auto;
margin: 0 auto;
}
.spot-area .btn-area {
margin-top: 18px;
}
.spot-area .btn-area a {
display: inline-block;
text-align: center;
white-space: nowrap;
}
.spot-area .btn-area.to-right, .spot-area .text.to-left {
display: table-cell;
vertical-align: middle;
margin-top: 0;
}
.spot-area .btn-area.to-right {
text-align: right;
padding-left: 30px;
}
.spot-area .btn-area.to-right .btn {
margin-right: 0;
margin-left: 0;
}
.spot-area .btn-area.to-right a:nth-child(2) {
margin-top: 10px;
}
.spot-area .text.to-left {
width: auto;
}
.spot-area-with-bg-wrapper .custom-bg-wrapper, .spot-area-with-bg-wrapper .custom-bg,
.spot-area-with-bg-wrapper .overlay-bg {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
border-radius:3px;
}
.spot-area-with-bg-wrapper .custom-bg {
border-radius:3px;
}
.spot-area {
border-radius:3px;
}
.spot-area-with-bg-wrapper .custom-bg video {
border-radius: 3px;
}
.full .spot-area-with-bg-wrapper .overlay-bg, .full .spot-area-with-bg-wrapper .custom-bg-wrapper,
.full .spot-area-with-bg-wrapper .custom-bg, .full .spot-area-with-bg-wrapper .custom-bg video {
border-radius: 0;
}
/*-----------------------------------------------------------------------------------*/
/* - Brand Component
/*-----------------------------------------------------------------------------------*/
.brand-list {
list-style:none;
margin:0;
padding:0;
}
.wpb_column > .wpb_wrapper .brand-item {
margin-bottom:15px;
padding: 0 5px;
}
.brand-item .img {
display:block;
text-align:center;
line-height:60px;
opacity: .65;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.brand-item:hover .img {
opacity: 1;
}
.brand-item .img img {
width: 100%;
height: auto;
max-width: 200px;
}
/*-----------------------------------------------------------------------------------*/
/* - Testimonials
/*-----------------------------------------------------------------------------------*/
.wpb_column > .wpb_wrapper .testimonials-item {
margin-bottom:45px;
padding-left: 20px;
}
.testimonials-item .text {
position: relative;
z-index: 2;
margin-bottom: 20px;
margin-left: 95px;
border-radius: 4px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.testimonials-item .text p {
margin-top: 15px;
margin-bottom: 0;
}
.testimonials-item .text p:first-child {
margin-top: 0;
}
.testimonials-item .text, .testimonials-item .text p {
line-height: 1.9;
}
.testimonials-author {
margin-left:95px;
}
.author-pic-container {
width: 75px;
height: 75px;
overflow: hidden;
border-radius: 100%;
float: left;
}
.author-pic-container .author-pic {
width: 100%;
height: 100%;
}
.author-pic-container .author-pic img {
width: 100%;
height: auto;
}
.testimonials-item .name {
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.light-layout .invert .testimonials-item .name {
color: #fff;
}
.testimonials-item .title {
margin-bottom: 0;
font-size: 11px;
text-transform: uppercase;
}
.light-layout .invert .testimonials-item .title {
color:rgba(255,255,255,.7)
}
.testimonials-slider p {
color:#333;
text-align: center;
font-size: 19px;
font-weight: 300;
max-width: 850px;
margin: 0 auto;
}
.testimonials-slider .text p {
line-height:1.7;
}
.color-box .testimonials-slider .text p {
font-size: 16px;
}
.testimonials-slider .owl-carousel .owl-item .item {
padding-top: 0;
}
.testimonials-slider .text p:before, .testimonials-slider .text p:after {
content:'"';
}
.testimonials-slider p {
line-height: 1.9;
}
.light-layout .invert .testimonials-slider p {
color:rgba(255,255,255,1);
}
.testimonials-slider a {
font-weight: 300;
}
.wpb_column > .wpb_wrapper .testimonials-slider .testimonial-author {
text-align:center;
margin:32px auto 15px;
}
.testimonials-slider .author-pic-container {
display:inline-block;
width:65px;
height:65px;
float:none;
vertical-align:middle;
margin-right:10px;
border:3px solid rgba(255,255,255,0.1);
}
.testimonials-slider .testimonial-author .author-name {
display:inline-block;
vertical-align:middle;
}
.testimonials-slider .author-name {
font-size: 15px;
font-weight: 600;
text-align:left;
}
.testimonials-slider .author-name span {
display:block;
font-weight: 400;
font-size:13px;
margin-top:-4px;
}
.light-layout .invert .testimonials-slider .author-name span {
color:rgba(255,255,255,.9);
}
.testimonials-slider .owl-carousel .owl-controls {
position: static;
text-align: center;
}
/*-----------------------------------------------------------------------------------*/
/* - Post Elements
/*-----------------------------------------------------------------------------------*/
.wp-caption {
max-width: 100% !important;
}
.wp-caption-text,.wp-caption-dd, .gallery-caption {
color:#999;
text-align: center;
font-style: italic;
margin-top: 10px;
}
.wp-caption-dd {
margin-left:0
}
.wp-audio-shortcode, div.wp-video {
margin: 20px 0 !important;
}
.aligncenter {
text-align: center;
}
.alignright {
float: right;
margin-left: 25px;
margin-bottom: 25px;
text-align: right;
}
.alignleft {
float: left;
margin-right: 25px;
margin-bottom: 25px;
text-align: left;
}
.post-tags {
padding: 20px 0 0;
text-align: left;
}
.post-tags p {
margin-bottom: 0;
}
.post-tags strong {
display:none;
}
.post-tags a {
display: inline-block;
padding: 7px 8px;
margin: 0 6px 6px 0;
font-size: 10px;
background-color: #fff;
text-transform: uppercase;
border:1px solid #eee;
border-radius: 3px;
color: #333;
font-weight: 400;
line-height: normal;
}
.post-tags a:hover {
background-color: #E89A38;
border-color:transparent;
color:#fff;
}
/*-----------------------------------------------------------------------------------*/
/* - Widgets and Other Components
/*-----------------------------------------------------------------------------------*/
.widget {
margin-bottom: 50px;
font-size:13px;
}
.custom-footer {
overflow-x:hidden;
}
.sidebar .widget {
margin-bottom: 50px;
}
.sidebar .widget:last-child {
margin-bottom:0;
}
.widget select {
max-width: 100%;
padding: 6px 8px;
}
.widget h2 {
font-size: 14px;
font-weight: 700;
margin-bottom: 8px;
padding-bottom: 8px;
letter-spacing: 1px;
text-transform: uppercase;
}
.widget ul {
margin-top: 5px;
}
.widget ul, .widget ul li {
list-style: none;
padding: 0;
margin: 0;
}
.widget ul li {
padding-top: 8px;
margin-top: 8px;
}
.widget.icl_languages_selector ul li {
margin-top: 0;
padding-top: 0;
}
.widget > ul > li:first-child, .widget .menu-links-pages-container > ul > li:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.widget ul ul li {
padding-left: 0;
}
.widget a {
color:#676767;
}
.widget a:hover {
color:#E89A38;
}
.widget #menu-elements > li.menu-item:first-child {
border-top: 0;
padding-top: 0;
}
.widget #menu-elements > li.menu-item a:before {
font-family: FontAwesome;
font-size: 13px;
content:"\f105";
padding-right: 6px;
}
.widget li.current_page_item a {
font-weight: 700;
}
.widget.posts-with-image ul {
margin-top: -10px;
}
.widget.posts-with-image ul li {
margin-top: 12px;
padding-top: 12px;
}
.widget_recent_entries .post-date, .posts-with-image .post-date {
color: #666;
font-size: 11px;
display: block;
position: relative;
top:-3px;
}
.widget .thumb.size_50_50 {
float:left;
height: 50px;
width: 50px;
overflow: hidden;
border-radius: 2px;
}
.widget .thumb.size_50_50.no-image {
border:1px solid #eee;
background-color:#fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.widget .thumb {
float:left;
overflow: hidden;
border-radius: 2px;
}
.widget .thumb img {
width:100%;
height:auto;
border-radius: 2px;
vertical-align: top;
opacity: 1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.widget.recent-portfolio-with-image li {
width:32%;
}
.widget.recent-portfolio-with-image .thumb {
width:100%;
}
.widget .thumb img:hover {
opacity: .8;
}
.widget a.recent_post_widget_header {
display: inline-block;
line-height: 1.5;
padding-bottom: 7px;
}
.widget .recent_post_text {
margin-left: 65px;
}
.widget .thumb.no-image:hover {
background-color:#fff;
border-color: #ccc;
}
.widget .thumb a {
display: block;
height: 100%;
text-align: center;
}
.widget.posts-with-image .thumb a {
line-height:56px;
}
.widget .thumb a span {
font-size:20px;
color:#ccc;
}
.recent-portfolio-with-image ul li, .advertisement-widget ul li {
float:left;
border: none;
padding:0;
margin:0 2% 2% 0;
}
.recent-portfolio-with-image ul li:nth-child(3n) {
margin-right: 0;
}
.widget.advertisement-widget {
margin-bottom: 50px;
}
footer .widget.advertisement-widget {
border:none;
}
.advertisement-widget ul li {
width: 100%;
margin-right: 0;
}
.advertisement-widget ul.double li {
margin-right: 4%;
width: 48%;
}
.advertisement-widget ul.double li:last-child {
margin-right: 0;
}
.advertisement-widget ul li img {
width: 100%;
height: auto;
}
.widget.widget_recent_comments li {
position: relative;
}
.widget.widget_recent_comments li:first-child:before {
top:-3px;
}
.widget.widget_recent_comments .comment-author-link,
.widget.widget_recent_comments .comment-author-link a,
.widget.widget_recent_comments a {
font-weight: 500;
}
.widget .flickr_badge_image {
width:33.3333333%;
height: auto;
margin: 0;
}
.flickr_badge_image img {
height:auto;
}
.widget_calendar a, .textwidget a {
color:#E89A38;
font-weight: 500;
}
.textwidget a:hover {
color:#333;
}
.widget_calendar table, .widget .a-stats a {
width: 100%;
box-shadow: 0px 1px 8px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.05);
}
.widget_calendar table {
background-color: #f8f8f8;
color:#676767;
border:7px solid #fff;
}
.widget_calendar table caption {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
color:#999;
padding: 10px;
}
.widget_calendar table td, .widget_calendar table th{
border:1px solid #eee;
padding:4px;
text-align: center;
}
.widget_calendar table tfoot td {
border:none;
border-bottom: 1px solid #eee;
}
.widget_calendar table #prev {
text-align: left;
border-left:1px solid #eee;
}
.widget_calendar table #next {
text-align: right;
border-right: 1px solid #eee;
}
.widget_pages ul ul {
padding-left: 15px;
margin-top: 15px;
margin-left: 15px;
font-size: 12px;
border-left:1px dotted #ccc;
}
.widget_pages ul ul ul {
border: none;
padding-left: 0;
}
.widget_pages .children>li:first-child {
border:none;
}
.widget_pages .children li li{
list-style-type: disc;
padding-left: 0;
list-style-position:inside;
}
.widget .input-wrapper {
position: relative;
}
.widget .input-wrapper .search-input {
background-color: #fff;
border: 1px solid #eee;
padding: 11px 35px 11px 11px;
display: block;
width: 100%;
font-size:11px;
text-transform: uppercase;
}
.widget .input-wrapper .search-input:focus {
border-color: #ddd;
}
.widget .input-wrapper button[type="submit"] {
display:block;
position:absolute;
right:8px;
top:6px;
width:24px;
height:23px;
font-size:14px;
padding:0;
color:#ccc;
border:none;
background-color: transparent;
opacity:0.8;
}
.widget_rss .rss-date {
display: block;
font-style: italic;
color:#999
}
.widget_rss h2 .rsswidget {
font-size: 13px;
font-weight: 700;
margin-bottom: 8px;
padding-bottom: 8px;
color: #E89A38;
letter-spacing: 1px;
text-transform: uppercase;
}
.widget_rss .rssSummary {
font-size: 12px;
padding-top: 10px;
color:#999;
}
.widget_rss cite {
padding-top: 10px;
display: inline-block;
}
.widget_rss ul li {
margin-top: 24px;
padding-top: 22px;
}
.widget.widget_tag_cloud a,
.widget.widget_product_tag_cloud a {
display: inline-block;
padding:7px 8px;
margin: 0 3px 6px 0;
font-size: 10px !important;
background-color: #fff;
border:1px solid #eee;
text-transform: uppercase;
border-radius: 2px;
color:#333;
font-weight: 400;
}
.widget.widget_tag_cloud a:hover,
.widget.widget_product_tag_cloud a:hover,
.dark-layout .widget.widget_tag_cloud a:hover,
.dark-layout .widget.widget_product_tag_cloud a:hover {
background-color: #E89A38;
border-color:transparent;
color:#fff;
}
.widget.widget_twitter .twitter-avatar {
float: left;
position: relative;
z-index: 2;
margin-right: 10px;
}
.widget.widget_twitter .twitter-avatar img {
border-radius: 100%;
}
.widget.widget_twitter li {
position: relative;
margin-top: 17px;
padding-top: 15px;
}
.widget.widget_twitter li:first-child {
margin-top: 0;
padding-top:0;
border:none;
}
.widget.widget_twitter ul li:before {
color:#E89A38;
}
.dark-bg .widget.widget_twitter ul li:before {
color:#fff;
}
.widget.widget_twitter .entry-content,
.widget.widget_twitter .entry-meta,
.widget.widget_twitter .intent-meta{
display: block;
}
.widget.widget_twitter .entry-content {
margin-bottom: 12px;
font-size: 15px;
}
.widget.widget_twitter .entry-meta,
.widget.widget_twitter .intent-meta {
font-size: 11px;
}
.widget.widget_twitter .intent-meta {
margin-top: 7px;
}
.widget.widget_twitter .entry-content a {
color: #E89A38;
}
.widget.widget_twitter .intent-meta a {
padding-right: 7px;
}
.widget.widget_twitter .follow-button {
margin-top: 20px;
}
.wpb_heading, .entry-content .wpb_heading {
color: #333;
}
.light-layout .invert .wpb_wrapper .wpb_heading, .light-layout .invert .entry-content .wpb_heading {
color: #fff;
}
.wpb_flickr_widget p.flickr_stream_wrap {
display: none;
}
.flickr_badge_image img {
opacity: .8;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-webkit-backface-visibility:hidden;
}
.flickr_badge_image img:hover {
opacity: 1;
}
.vc_text_separator div {
padding: .5em 1em .6em;
top: -14px;
font-size: 11px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.light-layout .invert .vc_text_separator div {
background-color: #111;
color:#ddd;
}
.wpb_separator hr {
margin: 10px 0;
}
.wpb_separator.wpb_content_element, .vc_text_separator.wpb_content_element {
border-bottom-color: #E8E8E8;
}
.wpb_single_image_wrapper {
overflow: hidden;
}
.wpb_single_image_wrapper.round .single_image_wrapper {
border-radius:100%;
}
.wpb_content_element.wpb_single_image img {
display: block;
margin: 0 auto;
}
.light-layout .invert .wpb_separator.wpb_content_element,
.light-layout .invert .vc_text_separator.wpb_content_element {
border-bottom-color: rgba(255,255,255,.2);
}
.light-layout .invert .wpb_content_element.hr-seperator hr
{
border-top-color: rgba(255,255,255,.2);
}
.container-page:not(.tiny-page):not(.portfolio) .comments-wrapper .hr-seperator {
display: none;
}
.wpb_separator {
height: auto;
}
.wpb_content_element.hr-seperator {
border-bottom: none;
}
.wpb_alert {
font-weight: 400;
padding: 11px 35px 11px 14px;
margin-bottom: 25px !important;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
}
.wpb_alert .messagebox_text {
background:none;
padding-left: 0;
line-height: 1.8;
margin-left: 0;
}
.wpb_alert:before {
content: "\f06a";
font-family: FontAwesome;
font-size: 24px;
padding-right: 15px;
color:#c09853;
float: left;
display: none;
}
.wpb_alert.wpb_alert-success:before {
content: "\f058";
color:#468847;
}
.wpb_alert.wpb_alert-danger:before {
content: "\f057";
color:#b94a48;
}
.wpb_alert.wpb_alert-info:before {
content: "\f05a";
color:#3a87ad;
}
.vc_separator h4 {
font-weight: 400;
font-size: 11px;
letter-spacing: 1px;
}
/* tabs */
.wpb_content_element .wpb_tabs_nav {
position: relative;
top:-1px;
}
.wpb_content_element.wpb_tabs .wpb_tabs_nav li {
margin-right: 0;
border: 1px solid #dfdfdf;
background-color: #f7f7f7;
border-bottom:0;
border-left: 0;
position: relative;
top:2px;
}
.wpb_content_element.wpb_tabs .wpb_tabs_nav li:first-child {
border-left: 1px solid #dfdfdf;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active{
position: relative;
z-index: 3;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .wpb_content_element .wpb_tabs_nav li:hover {
background-color:#fff;
color:#333;
}
.wpb_content_element .wpb_tabs_nav li:last-child {
border-right: 1px solid #dfdfdf;
}
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color:#fff;
border: 1px solid #dfdfdf;
position:relative;
z-index: 1;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a{
padding: 11px 20px;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
}
.wpb_content_element .wpb_tabs_nav li a {
color:#222;
font-weight: 400;
padding: 8px 20px;
}
.light-layout .invert .wpb_content_element .wpb_tabs_nav li a,
.dark-layout .block-area:not(.invert) .wpb_content_element .wpb_tabs_nav li a {
color:#fff;
}
.light-layout .invert .wpb_content_element.wpb_tabs .wpb_tabs_nav,
.dark-layout .block-area:not(.invert) .wpb_content_element.wpb_tabs .wpb_tabs_nav {
overflow: hidden;
top:0;
}
.light-layout .invert .wpb_content_element.wpb_tabs .wpb_tabs_nav li,
.dark-layout .block-area:not(.invert) .wpb_content_element.wpb_tabs .wpb_tabs_nav li {
background-color: rgba(255,255,255,.2);
border:0;
}
.light-layout .invert .wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.light-layout .invert .wpb_content_element .wpb_tabs_nav li:hover,
.dark-layout .block-area:not(.invert) .wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.dark-layout .block-area:not(.invert) .wpb_content_element .wpb_tabs_nav li:hover {
background-color: transparent;
border-bottom: 0;
}
.light-layout .invert .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
.dark-layout .block-area:not(.invert) .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color: rgba(255,255,255,.1);
border: 0;
}
.light-layout .invert .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a,
.light-layout .invert .wpb_content_element .wpb_tabs_nav li:hover a,
.dark-layout .block-area:not(.invert) .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a,
.dark-layout .block-area:not(.invert) .wpb_content_element .wpb_tabs_nav li:hover a {
background-color: rgba(255,255,255,.05);
color:#fff;
}
/* tabs */
.light-layout .invert .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.light-layout .invert .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover,
.dark-layout .block-area:not(.invert) .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.dark-layout .block-area:not(.invert) .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover {
background-color: transparent;
border-bottom: 0;
}
.wpb_accordion_section.group {
margin-bottom: 10px;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header{
border:1px solid #dfdfdf;
border-radius: 3px;
background-color: #fff;
font-size: 15px;
}
.wpb_content_element .wpb_accordion_header a,.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{
padding: 15px;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{
padding: 20px;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
padding:20px;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, .wpb_toggle_content {
background-color: #fff;
border: 1px solid #dfdfdf;
position: relative;
border-top:0;
margin: 0 0 5px 0;
}
.dark-layout .block-area:not(.invert) .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content,
.dark-layout .block-area:not(.invert) .wpb_toggle_content {
background-color: #fff;
border: 1px solid #dfdfdf;
}
.light-layout .invert .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, .light-layout .invert .wpb_toggle_content,
.dark-layout .block-area:not(.invert) .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, .dark-layout .block-area:not(.invert) .wpb_toggle_content {
background-color: rgba(255,255,255,.05);
border:1px solid transparent;
}
.wpb_content_element .ui-accordion-header.ui-accordion-header-active, .wpb_content_element .ui-accordion-header:hover {
background-color:#333;
border:1px solid transparent;
margin-bottom: 0;
}
.wpb_content_element .ui-accordion-header.ui-accordion-header-active {
border-radius: 3px 3px 0 0;
}
.wpb_toggle_title_active, #content h4.wpb_toggle_title_active {background: none;}
.vc_toggle {
margin-bottom: 10px;
}
h4.wpb_toggle {
display: block;
font-size: inherit;
margin-top: 10px;
margin-bottom: 0;
padding: 15px;
background-color:#fff;
background-image:none;
border: 1px solid #dfdfdf;
border-radius: 3px;
color:#222;
letter-spacing: normal;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.vc_toggle.vc_toggle_active h4.wpb_toggle {
margin-top: 0;
}
.light-layout .invert h4.wpb_toggle,
.dark-layout .block-area:not(.invert) h4.wpb_toggle {
background-color:rgba(255,255,255,.05);
border: 1px solid transparent;
color:#fff;
}
h4.wpb_toggle.wpb_toggle_title_active,
.vc_toggle.vc_toggle_active h4.wpb_toggle,
h4.wpb_toggle:hover {
font-size: inherit;
margin-bottom: 0;
background-color:#333;
color:#fff;
border:1px solid transparent;
}
.light-layout h4.wpb_toggle.wpb_toggle_title_active,
.light-layout .vc_toggle.vc_toggle_active h4.wpb_toggle,
.light-layout h4.wpb_toggle:hover,
.dark-layout .block-area.invert h4.wpb_toggle.wpb_toggle_title_active,
.dark-layout .block-area.invert .vc_toggle.vc_toggle_active h4.wpb_toggle,
.dark-layout .block-area.invert h4.wpb_toggle:hover {
background-color:#333;
color:#fff;
}
.dark-layout .block-area:not(.invert) h4.wpb_toggle.wpb_toggle_title_active,
.dark-layout .block-area:not(.invert) .vc_toggle.vc_toggle_active h4.wpb_toggle,
.dark-layout .block-area:not(.invert) h4.wpb_toggle:hover,
.light-layout .invert h4.wpb_toggle.wpb_toggle_title_active,
.light-layout .invert .vc_toggle.vc_toggle_active h4.wpb_toggle,
.light-layout .invert h4.wpb_toggle:hover {
color:#fff;
background-color:#E89A38;
}
h4.wpb_toggle.wpb_toggle_title_active,
.vc_toggle.vc_toggle_active h4.wpb_toggle {
border-radius: 3px 3px 0 0;
}
h4.wpb_toggle:before {
content:"\f055";
font-size: 14px;
font-family: FontAwesome;
padding-right: 8px;
}
h4.wpb_toggle.wpb_toggle_title_active:before,
.vc_toggle.vc_toggle_active h4.wpb_toggle:before {
content:"\f056";
}
.wpb_toggle_content {
margin:0 0 0 0;
padding:15px;
}
.vc_toggle .vc_toggle_content p:last-child {
margin-bottom: 0;
}
.wpb_content_element .ui-accordion-header a {
color:#333;
font-weight: 600;
}
.light-layout .invert .wpb_content_element .ui-accordion-header a,
.dark-layout .block-area:not(.invert) .wpb_content_element .ui-accordion-header a {
color:#fff;
}
.wpb_tour .wpb_tabs_nav {
width: 24%;
top:0;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
width: 76%;
position: relative;
left:-1px;
z-index: 1;
border: 1px solid #dfdfdf;
min-height: 100px;
background-color: #fff;
}
.light-layout .invert .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab,
.dark-layout .block-area:not(.invert) .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
border: none;
background-color: rgba(255,255,255,.05);
left:0;
}
.wpb_tour .wpb_tabs_nav li {
margin: 0;
background-color: #f7f7f7;
border: 1px solid #dfdfdf;
border-bottom: none;
box-shadow: -6px 0 19px -10px #ccc inset;
}
.wpb_tour .wpb_tabs_nav li.ui-tabs-active {
box-shadow: none;
}
.light-layout .invert .wpb_tour .wpb_tabs_nav li,
.dark-layout .block-area:not(.invert) .wpb_tour .wpb_tabs_nav li {
box-shadow: none;
background-color: rgba(255,255,255,.1);
border:none;
}
.wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover {
border-bottom: 0;
border-right: 0
}
.wpb_tour.wpb_content_element .wpb_tabs_nav li:last-child {
border-bottom: 1px solid #dfdfdf;
}
.light-layout .invert .wpb_tour.wpb_content_element .wpb_tabs_nav li:last-child,
.dark-layout .block-area:not(.invert) .wpb_tour.wpb_content_element .wpb_tabs_nav li:last-child {
border-bottom: 0;
}
.wpb_content_element .ui-accordion-header{
outline: 0;
}
.wpb_content_element .ui-accordion-header.ui-accordion-header-active a, .wpb_content_element .ui-accordion-header:hover a {
color:#fff;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
background:transparent;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after{
content: "\f107";
font-family: FontAwesome;
font-size: 13px;
color:#999;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after, .wpb_accordion .wpb_accordion_wrapper .ui-state-default:hover .ui-icon:after{
color:#fff;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after {
content:"\f106";
}
.wpb_tour_next_prev_nav {
display: none;
}
.light-layout .invert .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.light-layout .invert .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
.dark-layout .block-area:not(.invert) .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.dark-layout .block-area:not(.invert) .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color: rgba(255,255,255,.05);
border:none;
}
.light-layout .invert .wpb_content_element .ui-accordion-header.ui-accordion-header-active,
.light-layout .invert .wpb_content_element .ui-accordion-header:hover,
.dark-layout .block-area:not(.invert) .wpb_content_element .ui-accordion-header.ui-accordion-header-active,
.dark-layout .block-area:not(.invert) .wpb_content_element .ui-accordion-header:hover {
background-color:#E89A38;
border-right-color:transparent;
}
.widget_nav_menu ul.sub-menu{
padding-left: 20px;
}
.widget_nav_menu .sub-menu li.fa {
width: 100%;
}
.widget_nav_menu .sub-menu li.fa:before {
display: none;
}
.widget_nav_menu .sub-menu li.fa > a {
font-family: 'PT Sans';
}
.widget_nav_menu .sub-menu li a.fa:before {
float: left;
font-family: 'FontAwesome';
display: inline-block;
margin-right: 8px;
}
.light-layout .invert .vc_separator.vc_sep_color_grey .vc_sep_line,
.dark-layout .block-area:not(.invert) .vc_separator.vc_sep_color_grey .vc_sep_line {
border-color:rgba(255,255,255,.3);
}
/*-----------------------------------------------------------------------------------*/
/* - Footer Structure
/*-----------------------------------------------------------------------------------*/
footer {
position: relative;
}
footer .container {
padding: 0 20px;
}
footer .custom-footer .container {
padding:0 30px;
}
footer .footer-top .column {
padding: 25px !important;
}
.no-mobile-device footer.unfold.activate {
position: fixed;
bottom: 0;
width: 100%;
}
.no-mobile-device .boxed footer.unfold.activate {
max-width: 960px;
}
footer .clear-both {
display: none;
clear:both;
}
footer .wpb_row {
margin-bottom: 0;
}
footer .footer-top {
padding:70px 0 20px;
}
footer .footer-top.dark-bg {
background-color: #222;
color: rgba(255,255,255,.5);
}
footer .footer-top.light-bg {
background-color: #f8f8f8;
color: rgba(0,0,0,.7);
}
/** Footer Widget Rules */
footer .widget {
}
footer .widget h2 {
margin-bottom: 20px;
font-size: 14px;
padding: 0;
font-weight: 700;
}
footer .footer-top.dark-bg .widget h2{
color: rgba(255,255,255,.8);
}
footer .footer-top.dark-bg .widget ul li {
border-top: 1px solid rgba(255,255,255,.05);
}
footer .footer-top.light-bg .widget ul li {
border-top: 1px solid rgba(51,51,51,.1);
}
footer .widget ul li:first-child {
border-top: none !important;
}
footer .footer-top.dark-bg .widget a {
color: #fff;
}
footer .footer-top.dark-bg .widget a:hover {
color: #E89A38;
}
footer .footer-top.light-bg .widget:not(.widget_tag_cloud) a:hover, footer .footer-top.light-bg .widget_text a {
color: #E89A38;
}
.footer-bottom {
padding:25px 0;
}
.footer-bottom.full .container {
width: 100%
}
.footer-bottom.dark-bg {
background-color:#252525;
color: rgba(255,255,255,0.7)
}
.footer-bottom.light-bg {
background-color:#f2f2f2;
color: rgba(0,0,0,.7);
}
.footer-bottom .container-inner {
padding-left: 25px;
padding-right: 25px;
}
.footer-bottom .copyright {
margin:0;
font-size: 15px;
font-weight: 400;
line-height: 35px;
float: left;
}
.footer-bottom.centered .copyright {
line-height: 1.8;
float: none;
text-align: center;
margin: 10px 0 25px;
}
.footer-bottom .copyright a {
line-height: 23px;
}
.footer-bottom .copyright a:hover {
color:#666;
}
.footer-bottom .dark-bg .copyright {
color: rgba(51,51,51,0.6);
}
.footer-bottom .social-icons-area {
float: right;
}
.footer-bottom.centered .social-icons-area {
float: none;
text-align: center;
}
.footer-bottom.centered .social-icons li {
margin:0 5px;
}
.footer-bottom .social-icons li:first-child {
margin-left: 0;
}
.footer-bottom .social-icons li {
margin-left:5px;
margin-right: 0;
}
.footer-bottom .social-icons li a .fa {
font-size: 14px;
border-radius: 100px;
line-height: 36px;
width: 36px;
height: 36px;
background:rgba(255,255,255,.05);
}
.light-bg .social-icons li a .fa {
background:rgba(255,255,255,1);
box-shadow: 1px 1px 5px #ccc;
}
.header-bar .social-icons li a .fa {
box-shadow: none;
}
/* Footer Widget Styling */
footer .dark-bg .widget_recent_entries .post-date, footer .dark-bg .posts-with-image .post-date {
color: rgba(255,255,255,0.5);
}
footer .widget_calendar a, footer .textwidget a {
color:#fff;
}
footer .textwidget a {
font-weight: 400;
}
footer .textwidget a:hover {
color:#E89A38;
}
footer .widget_calendar table, footer .widget .a-stats a {
box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
}
footer .widget_calendar table {
background-color: #111;
color:rgba(255,255,255,.7);
border-color:#111;
}
footer .widget_calendar table caption {
color:rgba(255,255,255,.7);
}
footer .widget_calendar table td, footer .widget_calendar table th{
border:1px solid #484E57;
}
footer .widget_calendar table tfoot td {
border: none;
border-bottom: 1px solid rgba(255,255,255,.1);
}
footer .widget_calendar table #prev {
text-align: left;
border-left:1px solid rgba(255,255,255,.1);
}
footer .widget_calendar table #next {
text-align: right;
border-right: 1px solid rgba(255,255,255,.1);
}
footer .widget_pages ul ul {
border-left:1px dotted rgba(255,255,255,.1);
}
footer .widget_pages ul ul ul {
border:none;
}
footer .widget .input-wrapper .search-input {
border: none;
}
footer .dark-bg .widget .input-wrapper .search-input {
background-color: rgba(255,255,255,.1);
color:rgba(255,255,255,.4);
}
footer .light-bg .widget .input-wrapper .search-input {
background-color: rgba(0,0,0,.8);
color:rgba(255,255,255,.6);
}
footer .dark-bg .widget .input-wrapper .search-input:focus {
color:rgba(255,255,255,.4);
}
footer .light-bg .widget .input-wrapper .search-input:focus {
color:rgba(255,255,255,.6);
}
footer .light-bg .widget .input-wrapper button[type="submit"],
footer .dark-bg .widget .input-wrapper button[type="submit"] {
color:rgba(255,255,255,.6);
}
footer .dark-bg .widget_rss .rss-date {
color: rgba(255,255,255,0.4);
}
footer .dark-bg .widget_rss h2 .rsswidget {
color: rgba(255,255,255,.8);
}
footer .light-bg .widget_rss .rss-date {
color: rgba(0,0,0,0.4);
}
footer .light-bg .widget_rss h2 .rsswidget {
color: rgba(0,0,0,.8);
}
footer .dark-bg .widget_rss .rssSummary {
color: rgba(255,255,255,0.4);
}
footer .light-bg .widget_rss .rssSummary {
color: rgba(255,255,255,0.8);
}
footer .footer-top.dark-bg .widget_tag_cloud a {
background-color: rgba(255,255,255,.05);
border-color:transparent;
color: rgba(255,255,255,.6);
}
footer .footer-top.dark-bg .widget_tag_cloud a:hover {
background-color: #E89A38;
color:#fff !important;
}
/*-----------------------------------------------------------------------------------*/
/* - isotope Transitions
/*-----------------------------------------------------------------------------------*/
.isotope-hidden.isotope-item {
pointer-events: none;
}
/**** Isotope CSS3 transitions ****/
.isotope.filter-active, .isotope.filter-active.open,
.isotope.filter-active .isotope-item {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope.filter-active {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*-----------------------------------------------------------------------------------*/
/* - Detail Pages Structure
/*-----------------------------------------------------------------------------------*/
.entry-page {
padding: 90px 0;
}
.entry-page .block-area {
padding: 10px 0;
border: none;
}
.page-introduce{
position: relative;
}
.page-introduce.special-title,
.page-introduce.special-title .breadcrumbs {
text-align:center;
}
.light-bg.page-introduce{
background: #f8f8f8;
border-bottom: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
}
.dark-bg.page-introduce{
background: #333;
}
.page-introduce .container {
padding-top: 30px;
padding-bottom: 30px;
}
.page-introduce.special-title .container {
padding-top: 50px;
padding-bottom: 50px;
}
.header-overlapping .page-introduce .container {
padding-top:120px;
}
.page-introduce .container-inner-wrapper {
position: relative;
z-index: 5;
display: table;
width: 100%;
height: 100%;
}
.page-introduce .container-inner {
display: table-cell;
vertical-align: middle;
}
.page-introduce-header-area {
display: inline-block;
vertical-align: middle;
width: 55%;
}
.page-introduce.no-breadcrumb .page-introduce-header-area,
.page-introduce.special-title .page-introduce-header-area {
width:100%;
}
.page-introduce-title {
margin: 0;
font-size: 16px;
line-height: 1.3;
}
.page-introduce.special-title .page-introduce-title {
font-size:42px;
letter-spacing: 2px;
margin-bottom: 7px;
}
.light-bg .page-introduce-title {
color:#333;
}
.dark-bg .page-introduce-title {
color:#fff;
}
.page-introduce-header-area p {
margin-bottom: 0;
margin-top: 5px;
line-height: 1.3;
font-size: 15px;
font-weight:300;
}
.page-introduce.special-title .page-introduce-header-area p {
font-size: 18px;
font-style: italic;
max-width:800px;
margin: 0 auto 6px;
}
.page-introduce.special-title .container-inner:after {
display: block;
content:"";
height: 10px;
width: 30px;
margin: 14px auto 0;
border-bottom: 6px solid #fff;
}
.page-introduce.special-title.light-bg .container-inner:after {
border-color:#333;
}
.light-bg .page-introduce-header-area p {
color:#676767;
}
.dark-bg .page-introduce-header-area p {
color:#fff;
}
.page-introduce-title .head-icon {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
font-size: 21px;
position:relative;
top:-2px;
}
.breadcrumbs {
display: inline-block;
vertical-align: middle;
width: 45%;
text-align: right;
font-size: 12px;
}
.page-introduce.special-title .breadcrumbs {
margin-top:5px;
font-size:14px;
}
.light-bg .breadcrumbs {
color:#333;
}
.dark-bg .breadcrumbs {
color:rgba(255,255,255,.7);
}
.breadcrumbs a {
color: #333;
}
.dark-bg .breadcrumbs a {
color: #fff;
}
.breadcrumbs a:hover {
text-decoration:underline;
}
.breadcrumbs span {
color:#333;
}
.breadcrumbs .separator {
margin: 0 3px;
color:#333;
}
.dark-bg .breadcrumbs span {
color:rgba(255,255,255,.7);
}
.dark-bg .breadcrumbs .separator {
color:rgba(255,255,255,.7);
}
.breadcrumbs .separator:last-child, .breadcrumbs .comma:last-child {
display: none;
}
/*-----------------------------------------------------------------------------------*/
/* - Global Pagination
/*-----------------------------------------------------------------------------------*/
.pagination-wrapper {
text-align: center;
margin-top: 50px;
}
.pagination-wrapper.porfolio {
text-align: center;
position: absolute;
right:0;
top:0;
}
.pagination-wrapper .page-numbers {
list-style: none;
display: inline-block;
padding: 0;
margin:0;
}
.pagination-wrapper .page-numbers li {
float: left;
margin: 0 5px;
font-size: 13px;
padding: 0;
}
.pagination-wrapper .page-numbers li a {
display: block;
padding: 0;
margin: 0 10px;
border: none;
}
.pagination-wrapper .page-numbers li .page-numbers {
position: relative;
top:6px;
width: 25px;
height: 25px;
margin: 0;
line-height: 25px;
color: #fff;
background-color: rgba(0,0,0,.6);
border-radius: 100%;
font-weight: 400;
}
.light-layout .invert .pagination-wrapper .page-numbers li .page-numbers {
background-color: rgba(255,255,255,.1);
}
.pagination-wrapper .page-numbers li .page-numbers.dots {
background: none;
border: none;
color:rgba(0,0,0,0.3);
}
.light-layout .invert .pagination-wrapper .page-numbers li .page-numbers.dots {
color:#fff;
}
.pagination-wrapper .page-numbers li .page-numbers.prev,
.pagination-wrapper .page-numbers li .page-numbers.next {
width: 37px;
height: 37px;
text-align: center;
color:#fff;
font-size: 20px;
background-color: rgba(0,0,0,.6);
border-radius: 100%;
top: 0;
}
.pagination-wrapper .page-numbers li .page-numbers span {
display: none;
text-indent: -9999px;
}
.pagination-wrapper .page-numbers li .page-numbers.prev i,
.pagination-wrapper .page-numbers li .page-numbers.next i {
line-height: 36px;
padding: 0;
}
.light-layout .invert .pagination-wrapper .page-numbers li .page-numbers.prev,
.light-layout .invert .pagination-wrapper .page-numbers li .page-numbers.next {
background-color: rgba(255,255,255,.1);
}
.pagination-wrapper .page-numbers li .page-numbers.prev:hover,
.pagination-wrapper .page-numbers li .page-numbers.next:hover {
background-color: #E89A38;
}
.pagination-wrapper .page-numbers li .page-numbers.current {
background-color: #E89A38;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.pagination-wrapper .page-numbers li a.page-numbers:hover {
background-color:#E89A38;
}
/*-----------------------------------------------------------------------------------*/
/* - Prev/Next Buttons Styling
/*-----------------------------------------------------------------------------------*/
.prevPage,.nextPage {
display: block;
position: fixed;
width: 36px;
overflow: hidden;
height: 100px;
z-index: 99;
top:50%;
margin-top: -40px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
.boxed .prevPage, .boxed .nextPage {
z-index: 1100;
}
.no-mobile-device .prevPage:hover, .no-mobile-device .nextPage:hover,
.mobile-device .prevPage.open, .mobile-device .nextPage.open {
width: 290px;
}
.prevPage {
left:-2px;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}
.nextPage {
right:-2px;
border-radius:4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
.prevPage:before, .nextPage:before {
position: absolute;
z-index: 10;
display: inline-block;
width: 36px;
line-height: 100px;
font-family: FontAwesome;
font-size: 22px;
font-weight: 400;
background-color: #222;
text-align: center;
color:#fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
.no-mobile-device .prevPage.dark-bg:hover:before, .no-mobile-device .nextPage.dark-bg:hover:before,
.mobile-device .prevPage.open.dark-bg:before, .mobile-device .nextPage.open.dark-bg:before {
background-color: #E89A38;
}
.prevPage:before {
content:"\f104";
left: 0;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}
.nextPage:before {
content:"\f105";
right: 0;
border-radius:4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
.text-container {
display: inline-block;
width: 290px;
height: 100px;
background-color: #222;
color:#fff;
font-weight: 400;
font-size: 12px;
text-align: center;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
.nextPage .text-container {
border-radius:4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
.prevPage .text-container {
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
transform:translateX(-88%);
-ms-transform:translateX(-88%);
-webkit-transform:translateX(-88%);
}
.no-mobile-device .prevPage:hover .text-container, .no-mobile-device .nextPage:hover .text-container,
.mobile-device .prevPage.open .text-container, .mobile-device .nextPage.open .text-container {
transform:translateX(0);
-ms-transform:translateX(0);
-webkit-transform:translateX(0);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.no-mobile-device .prevPage.dark-bg:hover .text-container, .no-mobile-device .nextPage.dark-bg:hover .text-container,
.mobile-device .prevPage.open.dark-bg .text-container, .mobile-device .nextPage.open.dark-bg .text-container {
background-color: #E89A38;
}
.text-container-inner {
display: table;
height: 100%;
width: 100%;
text-align: left;
margin: 0 auto;
}
.nextPage .text-container-inner {
margin: 0 auto;
}
.text-container-inner .text-item-container {
display: table-cell;
vertical-align: middle;
}
.prevPage .text-container-inner .text-item-container{
text-align: right;
padding: 10px 20px 10px 0;
}
.nextPage .text-container-inner .text-item-container {
text-align: left;
padding: 10px 0 10px 20px;
}
.text-item-container .text-header {
color:#fff;
display: block;
font-size: 14px;
white-space: nowrap;
}
.text-item-container .text-date {
font-size:11px;
color:rgba(255,255,255,.7);
padding-top: 6px;
display: block;
}
.text-item-container .text-item, .text-item-container .thumb-img {
display: inline-block;
vertical-align: middle;
}
.text-item-container .thumb-img {
width: 56px;
height: 56px;
border-radius: 100%;
}
.text-item-container .thumb-img img {
height: 56px;
width: 56px;
border-radius: 100%;
}
.prevPage .text-item-container .thumb-img {
margin-left: 10px;
}
.nextPage .text-item-container .thumb-img {
margin-right: 10px;
}
.light-bg.prevPage, .light-bg.nextPage {
-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
}
.light-bg.prevPage:before, .light-bg.nextPage:before {
background-color: #fff;
color:#333;
}
.light-bg .text-container {
background-color: #fff;
color:#333;
}
.no-mobile-device .prevPage.light-bg:hover:before, .no-mobile-device .nextPage.light-bg:hover:before,
.mobile-device .prevPage.open.light-bg:before, .mobile-device .nextPage.open.light-bg:before {
background-color: #fff;
color:#333;
}
.no-mobile-device .prevPage.light-bg:hover .text-container, .no-mobile-device .nextPage.light-bg:hover .text-container,
.mobile-device .prevPage.open.light-bg .text-container, .mobile-device .nextPage.open.light-bg .text-container {
background-color: #fff;
color:#333;
}
.light-bg .text-item-container .text-header {
color:#333;
}
.light-bg .text-item-container .text-date {
font-size:11px;
color:rgba(0,0,0,.6);
}
/*-----------------------------------------------------------------------------------*/
/* - Content & Sidebar Structure
/*-----------------------------------------------------------------------------------*/
.content {
position: relative;
}
.sidebar {
position: relative;
}
.sidebarRight .sidebar {
padding-left: 40px;
padding-right: 15px;
}
.sidebarLeft .sidebar {
padding-right: 40px;
padding-left: 15px;
}
.single-ev_team .with-sidebar .content {
padding-left: 0;
padding-right: 0;
}
.with-sidebar .content {
width:72.5%;
padding-left: 15px;
padding-right: 15px;
}
.with-sidebar .sidebar {
width:27.5%;
}
.with-sidebar.sidebarLeft .content {
float:right;
}
.with-sidebar.sidebarLeft .sidebar {
float:left;
}
.with-sidebar.sidebarRight .content {
float:left;
}
.with-sidebar.sidebarRight .sidebar {
float:right;
}
.wpb_pinterest.wpb_pinterest_type_vertical {
padding-top: 42px;
}
.fb_like, .twitter-share-button, .entry-content .twitter-share-button, .wpb_googleplus, .wpb_pinterest {
margin-bottom: 0 !important;
}
.with-sidebar .block-area {
border: none !important;
}
/*-----------------------------------------------------------------------------------*/
/* - Full Screen Video
/*-----------------------------------------------------------------------------------*/
.fullscreenvideo {
padding-bottom: 56.25%;
}
.tp-caption.fullscreenvideo {
z-index:0!important;
}
.rev_slider_wrapper.fullscreen-container {
position: relative!important;
}
.rev_slider_wrapper .fullscreenvideo:after {
content: "";
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background-color: transparent;
}
.fullcoveredvideo video, .fullscreenvideo video {
width: 100%;
height: 100%;
}
.fullscreenvideo iframe{
left:0;
bottom:0;
height:100%;
width:100%;
position:absolute;
}
.mobile-device .fullcoveredvideo video, .mobile-device .fullscreenvideo video, .mobile-device .fullscreenvideo iframe, .mobile-device .fullcoveredvideo iframe {
display: none;
}
.mini-slider-wrapper {
position: relative;
}
.mini-slider ul {
margin:0;
padding:0;
}
.mini-slider li {
list-style-type: none;
}
/* play/pause container */
.prefix-play-pause {
position: absolute;
top: 35px;
right: 25px;
cursor: pointer;
text-align: center;
z-index: 1500;
text-shadow:1px 1px 10px rgba(0,0,0,.3);
border-radius: 3px;
font-size: 25px;
padding: 10px 13px;
width: 48px;
color:#fff;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
transition-delay:.2s;
-webkit-transition-delay: .2s;
}
.header-overlapping .prefix-play-pause {
top: 170px;
}
.mobile-device .prefix-play-pause {
display: none;
}
.rev_slider_wrapper:hover .prefix-play-pause {
opacity: 0.7;
transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
}
/* play/pause mouse-over state */
.rev_slider_wrapper:hover .prefix-play-pause:hover {
opacity: 1;
}
/* play button */
.prefix-play {
display: none;
}
.prefix-pause {
display: block;
}
/*-----------------------------------------------------------------------------------*/
/* - Blog Styling
/*-----------------------------------------------------------------------------------*/
.blog-item {
position: relative;
}
.blog-detail .blog-detail-block .detail-area {
position: relative;
padding: 0
}
.blog-detail.centered .blog-detail-block .no-featured-item.no-author-image .detail-area,
.blog-detail:not(.centered) .blog-detail-block .no-featured-item .detail-area {
padding-top: 0;
}
.blog-item.type2 {
text-align: center;
}
.blog-item .blog-item-inner {
margin-left: 37px;
padding-left:80px;
border-left:1px solid #ddd;
}
.blog-seperator {
padding:80px 0 80px 80px;
margin-left: 37px;
border-left:1px solid #ddd;
}
.blog-seperator hr,
.wpb_column > .wpb_wrapper .blog-seperator hr {
border-top:1px solid #ddd;
margin:0;
}
.blog-detail .blog-item {
position: relative;
}
.blog-item-whois {
position:absolute;
left:0;
top:0;
z-index:1
}
.blog-item .box-item {
margin-bottom: 0;
}
.center_text .box-item.team-item .detail-area{
text-align: center;
}
.round .box-item.team-item .figure {
border-radius: 100%;
overflow:hidden;
margin:0 30px;
}
.round .box-item.team-item .figure-inner, .round .box-item.team-item .hover-area {
border-radius: 100%;
overflow:hidden;
}
a.author, .author-pic .author, .team-item .author-pic .author, .blog-date, .blog-icon-area {
display:inline-block;
position:relative;
z-index: 1;
background-color: #fff;
border-radius:100%;
border: 1px solid #eee;
height:80px;
width:80px;
text-align: center;
line-height: 1.2;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
a.author, .author-pic .author, .team-item .author-pic .author {
border: none;
}
.blog-icon-area {
left: -2px;
}
a.author img, .author-pic .author img {
border-radius: 100%;
width: 100%;
height: 100%;
}
.light-layout .invert .author, .light-layout .invert .blog-date, .light-layout .invert .blog-icon-area {
background-color: rgba(255,255,255,.7);
border:none;
}
.blog-item-whois .author {
position: relative;
left: -2px;
margin:0 auto 15px;
}
.blog-item-whois .blog-date {
position: relative;
left: -2px;
margin:0 auto 10px;
}
.author-pic .author img {
border-radius: 100%;
margin:0;
width: 100%;
height: 100%;
}
.entry-attachment .entry-caption {
margin-top: 10px;
color: #ccc;
text-align: center;
font-style: italic;
}
.entry-attachment .entry-caption p {
margin-bottom: 0;
}
.type-attachment .entry-description {
margin-top: 30px;
}
.entry-attachment .attachment-container {
text-align: center;
}
.blog-date.type2 {
display:none;
position:relative;
text-align:center;
background-color: #fff;
color:#fff;
border-radius:100%;
border: 1px solid #eee;
height:54px;
width:54px;
padding: 4px;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s; /* Safari */
}
.blog-item-whois .blog-date.type2 {
margin: 0 auto 13px;
}
.blog-date-inner, .blog-icon-area-inner {
display: block;
background-color:#fff;
border-radius: 100%;
height: 100%;
padding-top: 5px;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.blog-icon-area .blog-icon-area-inner span {
line-height: 68px;
font-size: 38px;
}
.blog-date .blog-day {
display: block;
position: relative;
top: 6px;
margin-bottom: 3px;
font-size: 32px;
font-weight: 700;
}
.blog-date.type2 .blog-day {
top: 6px;
margin-bottom: 1px;
font-size: 18px;
}
.blog-date .blog-month {
font-size:12px;
font-weight:600;
text-transform: uppercase;
}
.blog-date.type2 .blog-month {
font-size:9px;
}
.box-social-icons {
list-style: none;
padding: 0;
margin: 0;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s; /* Safari */
}
.team-item .box-social-icons {
margin-top: 15px;
}
.box-social-icons li {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
}
.box-social-icons.horizontal {
display: inline-block;
}
.box-social-icons.horizontal li {
display: inline-block;
float: left;
margin: 0 3px;
}
.blog-item-whois .box-social-icons {
text-align: center;
}
.blog-item-whois .box-social-icons li {
position: relative;
left:-2px;
margin: 0 auto;
}
.blog-item-whois .box-social-icons li {
margin-bottom: 6px;
}
.box-social-icons a {
display: block;
width: 100%;
height: 100%;
text-align: center;
border-radius: 100%;
color:#fff;
font-size: 13px;
color: #ccc;
background-color:#fff;
border: 1px solid #eee;
}
.blog-detail-block .detail-area .post-name {
margin-bottom: 10px;
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
}
.portfolio-detail .post-name, .team-detail .post-name {
font-size: 30px;
font-weight: 600;
line-height: 1.2;
}
.team-detail .item-info {
margin-bottom: 20px;
margin-top: -7px;
}
.team-detail .item-info span.position {
font-size: 16px;
}
.team-detail .detail-text {
margin-bottom: 25px;
}
.team-detail .figure {
text-align: center;
}
.team-detail .detail-area {
padding-right: 0;
}
.container-page.with-sidebar .blog-list-wrapper .box-list.list.centered.type2 .box-item .main-head-text {
padding-left:30px;
padding-right:30px;
}
.blog-list-wrapper .box-item .main-head-text.list.centered, .blog-list-wrapper .box-item .main-head-text.list.centered a, .blog-detail.centered .detail-area .post-name {
font-size: 45px;
margin-bottom: 13px;
margin-top:0;
}
.blog-list-wrapper .box-list.list.centered .author-pic,
.blog-detail.centered .author-pic {
margin-bottom: 35px;
}
.author-info-block .author-pic {
float: left;
}
.blog-item-whois .author-pic {
position: relative;
top:-6px;
}
.author-info-block .author-details {
margin-left: 96px;
}
.author-details .author-name {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 0;
font-size: 16px;
}
.author-details .author-name a {
color:#333;
}
.author-details .author-name a:hover {
color:#E89A38;
}
.author-info-block .author-details p {
margin-bottom: 0;
margin-top: 10px;
}
.author-details .box-social-icons {
display: inline-block;
vertical-align: middle;
}
/*-----------------------------------------------------------------------------------*/
/* - Related Post Section Styles
/*-----------------------------------------------------------------------------------*/
.related-posts {
padding: 0;
margin: 0;
list-style-type: none;
}
.related-posts li {
background-color:#fff;
border:1px solid #eee;
border-radius:3px;
display: block;
float: left;
width: 80px;
height: 80px;
overflow: hidden;
margin-right: 10px;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
position: relative;
margin-bottom: 7px;
padding:0;
}
.related-posts li:hover {
border-color:#ccc;
}
.related-posts li a {
display: block;
line-height: 80px;
height: 100%;
position: relative;
text-align: center;
}
.related-posts li img {
display: block;
border-radius: 2px;
}
.related-posts li a span.fa {
font-size: 30px;
color:#ccc;
line-height: 78px;
}
.related-posts li span.related-title {
display: none;
}
.related-posts-area p {
margin-bottom: 0;
}
/*-----------------------------------------------------------------------------------*/
/* - QTip Styling
/*-----------------------------------------------------------------------------------*/
.qtip {
padding: 2px;
border-radius: 2px;
}
.qtip-dark {
background-color: #111;
border-color: #000;
color: #f3f3f3;
}
.qtip-content {
text-align: center;
}
/*-----------------------------------------------------------------------------------*/
/* - Team Element Styling
/*-----------------------------------------------------------------------------------*/
.team-item {
text-align: center;
}
.box-item.team-item {
text-align: left;
}
.team-item .author-pic {
display: inline-block;
float: none;
margin: 0 0 18px 0;
}
.team-item .author-pic .author {
position: relative;
width: 147px;
height: 147px;
padding: 8px;
}
.team-item .author-pic .author img {
width: 100%;
height: 100%;
border-radius: 100%;
}
.team-item .author-pic .hover-area {
position: absolute;
left: 8px;
top: 8px;
right: 8px;
bottom: 8px;
z-index: 100;
background-color: rgba(49,206,194,0.9);
border-radius: 100%;
opacity: 0;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.team-item .author-pic:hover .hover-area {
opacity: 1;
}
.team-item .author-pic .hover-area-inner {
position: absolute;
top: 50%;
margin-top: -18px;
width: 100%;
height: 36px;
}
.team-item .box-social-icons a,
.dark-layout .team-item .box-social-icons a {
color: #fff;
border-radius: 100%;
border: none;
background-color:#E89A38;
}
.team-item:hover .box-social-icons a:hover{
opacity: .7;
}
.team-item .name {
margin-bottom: 5px;
font-size: 18px;
line-height: 1.3;
}
.team-item .name a {
font-weight: 400;
color:#E89A38;
}
.team-item .name a:hover {
color:#333;
}
.light-layout .invert .team-item .name a {
color:#fff !important;
}
.team-item .title {
color: #999;
margin-bottom: 5px;
font-size: 11px;
line-height: 1.3;
}
.light-layout .invert .team-item .title {
color:rgba(255,255,255,.6);
}
.box-list.type3 .box-item.team-item .box-social-icons.horizontal {
margin-top: 13px;
}
.box-list.type3 .box-item.team-item .caption {
margin-top: 0;
padding: 0 25px;
}
.box-list.type3 .vc_col-sm-2 .box-item.team-item .caption {
display: none;
}
/*-----------------------------------------------------------------------------------*/
/* - Global Comment Area
/*-----------------------------------------------------------------------------------*/
.comment-area {
position: relative;
text-align: left;
}
.comment-area .comment-area-inner {
min-height: 150px;
}
.comments-wrapper.left-side-list .comment-area.post .comment-area-inner {
padding-left: 80px;
margin-left: 37px;
border-left:1px solid #ddd;
}
.centered .comment-area.post .comment-area-inner {
margin-left: 0;
}
.comment-detail h3.sub-head {
font-size: 20px;
margin-bottom: 3px;
}
.comment-detail p.sub-heading {
font-size: 16px;
font-weight: 300;
}
.comment-detail h4.sub-head {
font-size: 18px;
font-weight: 600;
margin-top: 0;
}
.comment-list {
margin-top: 50px;
}
.comment-area .commentlist .children {
padding-left: 75px;
}
.comment-area span.wpcf7-not-valid-tip {
top:0;
}
.comment-area form > p {
position: relative;
}
.comment-area .author-info-block {
min-height: 52px;
margin-bottom: 26px;
}
.comment-author-block .author-pic .author {
width: 48px;
height: 48px;
padding:0;
border:none;
background-color:transparent;
}
.comment-author-block .author-details {
margin-left: 60px;
top: 12px;
position: relative;
text-transform:uppercase;
}
.pingback .comment-author-block .author-details {
margin-left: 0;
top:0;
margin-bottom:26px;
}
.pingback .author-info-block{
margin-bottom:0;
}
.comment-author-block .author-details .author-name, .comment-author-block .author-details .author-name a {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
}
.comment-author-block .author-name {
display: inline-block;
vertical-align: middle;
}
.comment-author-block .author-name a:hover {
color:#E89A38;
}
.comment-author-block p.comment-time {
display: inline-block;
vertical-align: middle;
color: #999;
font-size: 11px;
margin-top: 0;
}
.comment-area .author-comment {
margin-left: 0;
margin-top: -12px;
}
.comment-area .pingback .author-comment {
margin-left: 0;
}
.comment-author-block .comment-reply-link{
position: absolute;
right: 0;
top: 0;
text-transform: uppercase;
padding: 4px 9px;
font-size: 11px;
background-color: #aaa;
color: #fff;
font-weight: 400;
display: inline-block;
}
.comment-author-block .comment-reply-link:hover{
background-color: #E89A38;
}
.commentlist {
padding:0;
margin:0 0 50px;
}
.commentlist li.comment-item {
list-style:none;
margin:40px 0;
}
.commentlist li.comment-item:last-child {
margin-bottom:0;
}
.commentlist > li .comment-author-block {
position: relative;
padding:27px 30px 15px;
background:#fff;
box-shadow: 1px 1px 5px #e0e0e0;
border-radius: 2px;
}
.dark-layout .commentlist > li .comment-author-block {
background-color:rgba(0,0,0,0.2);
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.comment-edit-link {
font-weight: 400;
display: inline-block;
margin-bottom: 20px;
}
.commentlist .comment-respond {
margin-top:40px;
}
.blog-detail > .noComments {
display:none;
}
.form-allowed-tags code {
margin: 10px 0;
background: none;
border: none;
color: #999;
font-size: 12px;
padding: 0;
}
.dark-layout .form-allowed-tags code {
color:#aaa;
}
.form-submit {
text-align: right;
margin-bottom: 0;
clear: both;
}
.form-submit input, .form-submit input:focus, .detail-area input[type=submit],
.wpcf7 input[type="submit"] {
width: auto;
height: auto;
padding: 13px 18px;
margin-bottom: 0;
text-transform: uppercase;
border-radius: 2px;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
background-color: #E89A38;
color:#fff;
border: none;
background-repeat: repeat-x;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.wpcf7 input[type="submit"] {
float: right;
width: 100%;
}
.form-submit input:hover, .form-submit input:focus, .detail-area input[type=submit]:hover, .wpcf7 input[type="submit"]:hover{
background-color: #333;
}
.comment-form-author, .comment-form-email, .comment-form-url {
float:left;
width: 31.33%;
margin-right: 3%;
}
.comment-form-url {
margin-right: 0;
}
p.comment-form-comment {
margin-bottom: 8px;
clear: both;
}
.paged-comments-navigation {
text-align: right;
}
.paged-comments-navigation .page-numbers {
display: inline-block;
padding: 0 3px;
font-weight: 600;
}
/*-----------------------------------------------------------------------------------*/
/* - WPML Styling
/*-----------------------------------------------------------------------------------*/
.mini-lang {
position: relative;
cursor:default;
}
.mini-lang ul, .mini-lang ul li {
list-style: none;
padding:0;
margin:0;
}
.mini-lang ul li:last-child {
border:none !important;
}
.mini-lang .select {
height:55px;
line-height: 55px;
padding: 0 13px;
z-index: 1001;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
cursor: pointer;
}
.site-header .header-bar .mini-lang ul {
visibility: hidden;
opacity: 0;
position: absolute;
top:55px;
right: 0;
z-index: 1001;
width: 130px;
text-align: left;
background-color: #fff;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.site-header .header-bar .mini-lang, .site-header .header-bar .mini-lang a {
color:#333;
}
.site-header .header-bar .mini-lang ul {
-webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
}
.site-header .header-bar.dark-bg .mini-lang ul {
background-color: #222;
-webkit-box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.4);
}
.site-header .header-bar .mini-lang ul li a, .mini-lang ul li.active {
display: block;
padding: 7px 13px;
vertical-align: top;
}
.site-header .header-bar .mini-lang img {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.site-header .header-bar .mini-lang span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
}
.site-header .header-bar .mini-lang .select span {
display: block;
}
.site-header .header-bar .mini-lang, .site-header .header-bar .mini-lang a {
color: rgba(0,0,0,.7);
}
.site-header .header-bar .mini-lang a:hover {
color:#333;
background-color: #f8f8f8;
}
.site-header .header-bar.dark-bg .mini-lang, .site-header .header-bar.dark-bg .mini-lang a {
color:rgba(255,255,255,.8);
}
.site-header .header-bar.dark-bg .mini-lang a:hover {
background-color: #111;
color:rgba(255,255,255,1);
}
.site-header .header-bar .mini-lang:hover ul {
visibility: visible;
opacity: 1;
}
.site-header .header-bar.centered {
height:auto;
text-align:center;
}
.site-header .header-bar.centered .mini-lang,
.site-header .header-bar.centered .info-area,
.site-header .header-bar.centered .social-icons {
float:none!important;
}
.site-header .header-bar.centered .info-area,
.site-header .header-bar.centered .social-icons {
display:block;
}
.site-header .header-bar.centered .mini-lang {
display:inline-block;
margin-left:0;
}
.site-header .header-bar.centered .mini-lang .select {
border-left:none;
}
.site-header .header-bar.centered .mini-lang ul {
left:50%;
right:auto;
margin-left:-65px;
}
/*-----------------------------------------------------------------------------------*/
/* - Visual Composer Native Components Styling
/*-----------------------------------------------------------------------------------*/
body.compose-mode .vc-no-content-helper.vc-not-empty .vc-buttons .vc-add-element-not-empty-button {
transition: none;
-webkit-transition: none;
}
.wpb_gallery .wpb_wrapper {
position: relative;
min-height: 50px;
}
.wpb_gallery_slides li, .vc_images_carousel .vc_item {
position: relative;
display: block;
overflow: hidden;
height: auto !important;
z-index: 3;
}
.wpb_gallery_slides .flex-control-nav li {
display: inline-block;
}
.single_image_wrapper {
position: relative;
display: inline-block;
overflow: hidden;
z-index: 3;
max-width: 100%;
vertical-align: middle;
}
.wpb_single_image .single_image_wrapper.box-item, .wpb_gallery .wpb_gallery_slides li.box-item,
.vc_images_carousel .vc_item .vc_inner {
padding: 0;
background: none;
border:none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.single_image_wrapper a img, .wpb_gallery_slides li a img, .vc_images_carousel .vc_item a img {
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.wpb_gallery_slides li a img {
width: 100%;
height: auto;
backface-visibility: hidden;
}
.no-mobile-device .single_image_wrapper.lightbox:hover a img, .no-mobile-device .wpb_gallery_slides.wpb_image_grid li:hover a img {
transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-2 a .item-header-container {
display: table;
height: 100%;
vertical-align: middle;
width: 100%;
padding: 0 5px;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-2 a .item-header-container .item-header {
display: table-cell;
position: static;
vertical-align: middle;
text-align: center;
font-size:13px;
font-weight: 400;
letter-spacing: 1px;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-2 a .item-header-container .item-header:before,
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 a .item-header-container .item-header:before{
display: none
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-2 a .item-header-container .item-header:after,
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 a .item-header-container .item-header:after {
display: block;
text-align: center;
content: "\f068";
font-size: 9px;
color: #E89A38;
font-family: "FontAwesome";
padding: 0;
position: relative;
margin-top:-4px;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-2 li:hover a img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 a .item-header-container {
display: table;
width: 100%;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 a .item-header-container .item-header {
position: static;
text-align: center;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
display: table-cell;
vertical-align: middle;
font-weight: 400;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 li img {
position: relative;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 li img,
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 li:not(.vc_col-sm-2):hover a.hover-area .item-header-container {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 li a.hover-area {
background-color: transparent !important;
opacity: 1;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 li a.hover-area .item-header-container {
height: 45%;
width: 100.5%; /* fix for 1px gap */
max-height: 110px;
min-height: 90px;
position: absolute;
top: auto;
bottom: 0;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
background-color: #111;
opacity: 1;
}
.no-mobile-device .wpb_gallery_slides.wpb_image_grid .version-3 li:not(.vc_col-sm-2):hover a img {
transform: scale(1) translateY(-25px);
-ms-transform: scale(1) translateY(-25px);
-webkit-transform: scale(1) translateY(-25px);
}
.wpb_gallery_slides.wpb_image_grid ul.add-shadow .image-container:before,
.mobile-device .wpb_gallery_slides.wpb_image_grid ul.add-shadow .box-item a:before,
.box-list.type3.version-2.add-shadow .featured-image:before,
.box-list.type3.version-1.add-shadow .featured-image:before {
box-shadow: inset -30px 0px 25px -30px rgba(0,0,0,.4);
display: block;
height: 100%;
width: 100%;
content: "";
z-index: 1;
position: absolute;
}
/*-----------------------------------------------------------------------------------*/
/* - 404 & Search Result Page Styles
/*-----------------------------------------------------------------------------------*/
body.error404, #wrapper, body.error404 #wrapper-inner, body.error404 #container, body.error404 .container-wrapper, body.error404 .container {height: 100%}
body.error404 .container {width: 100% !important; display: table; padding: 0 !important;}
body.error404 .content.error_404 {display:table-cell; vertical-align: middle;}
.error_404 .entry-content{
text-align: center;
}
.error_404 .icon_404 {
display:block;
margin-bottom: 45px;
}
.error_404 .entry-content p {
font-size:16px;
font-weight: 400;
text-transform:uppercase;
}
.error_404 .inline-search-wrapper {
max-width: 80%;
margin: 0 auto;
}
.result p {
font-size:16px;
font-weight: 400;
text-transform:uppercase;
}
.result p span {
font-weight: 600;
}
/*-----------------------------------------------------------------------------------*/
/* - Owl Slider Styles
/*-----------------------------------------------------------------------------------*/
.full > .container > .vc_col-sm-12 .slider {
padding-top: 0;
margin: 0 -15px;
}
.head-set.slider {
padding-top: 0;
}
.owl-wrapper {
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: grab;
}
/* mouse grab icon */
.owl-wrapper.grabbing {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.with-sidebar .full .slider .owl-carousel.box-list {
margin-left: 0;
}
.owl-item .mejs-container.mejs-audio {
width: 100% !important;
}
.owl-carousel {
width: auto;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-item {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.carousel-slider.type2 .owl-item {
margin-bottom:3px;
}
.full .slider .head-area, .slider .head-area, .box-list-wrapper .head-area.type2, .box-list-wrapper .head-area.type3 {
margin-bottom: 15px;
}
.full .slider .head-area, .invert.full .slider .head-area {
border-bottom: 0;
margin-bottom: 15px;
}
.full .head-area {
padding-left: 15px;
padding-right: 15px;
margin: 0 auto 18px;
}
.full .slider.head-set .head-area {
margin-bottom:30px;
}
.full .slider .head-area .head-text {
width: 100%;
padding:0 60px;
}
.full .slider .head-area {
text-align: center;
}
.slider .head-area .head-text {
display: inline-block;
font-size: 14px;
font-weight: 300;
}
.light-layout .invert .slider .head-area .head-text {
color:#fff;
}
.slider .head-area h3 {
display: inline-block;
font-size: 21px;
margin-bottom: 0;
}
.light-layout .invert .slider .head-area h3 {
color:#fff;
}
.full .slider .head-area h3 {
font-size: 30px;
padding-right: 5px;
}
.slider .head-area .head-text a {
color:#333;
font-weight: 300;
}
.slider .head-area .head-text a:hover {
color:#E89A38;
}
.light-layout .invert .slider .head-area .head-text a,
.dark-layout .block-area:not(.invert) .slider .head-area .head-text a {
color:#fff;
opacity: .7
}
.light-layout .invert .slider .head-area .head-text a:hover,
.dark-layout .block-area:not(.invert) .slider .head-area .head-text a:hover {
color:#fff;
opacity: 1;
}
.full .slider .owl-carousel .owl-wrapper-outer {
padding:0 15px;
}
.full .slider .owl-carousel.type3.no-padding .owl-wrapper-outer {
padding: 0;
}
.slider .carousel-slider:not(.no-padding) .owl-wrapper-outer-wrapper {
margin-right:-1px;
}
.slider .carousel-slider:not(.no-padding) .owl-wrapper-outer {
margin: 0 -15px;
}
.full .slider .carousel-slider .owl-wrapper-outer {
margin: 0
}
.slider .owl-item .item {
padding: 0 15px;
}
.slider .no-padding .owl-item .item {
padding: 0;
}
.owl-carousel .owl-wrapper-outer-wrapper {
overflow: hidden;
}
.owl-carousel .owl-wrapper-outer {
width: auto;
overflow: hidden;
}
.owl-carousel .owl-wrapper {
z-index: 3;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
}
.color-box .owl-carousel .owl-wrapper-outer {
padding-top: 0;
}
.owl-controls {
position: absolute;
right: -5px;
top: -35px;
}
.slider.head-set .owl-controls {
right: -5px;
}
.full .owl-controls {
position: absolute;
right: 30px;
top: 0;
display: none;
}
.full .portfolio-list-wrapper.slider .owl-controls, .full .blog-list-wrapper.slider .owl-controls {
display:none !important;
}
.full .testimonials-slider .owl-controls {
display: block;
}
.full .slider.head-set .owl-controls {
top:-35px;
}
.owl-buttons div {
display:inline-block;
vertical-align: top;
width:23px;
height:24px;
z-index: 99;
font-size: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.testimonials-slider .owl-buttons div {
margin:0 2px;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
position: relative;
opacity: .5;
}
.owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover {
opacity: 1;
}
.light-layout .invert .owl-buttons .owl-prev, .light-layout .invert .owl-buttons .owl-next {
color:#fff;
}
.owl-buttons .owl-next:after, .owl-buttons .owl-prev:after {
display: inline-block;
width: 100%;
height: 100%;
line-height: 26px;
font-family: FontAwesome;
font-size: 18px;
text-align: center;
}
.owl-buttons .owl-prev:after {
content: "\f053";
}
.owl-buttons .owl-next:after {
content: "\f054";
}
/* Owl Pager */
.owl-pagination .owl-page {
display: inline-block;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.owl-pagination .owl-page, .owl-pagination .owl-page span {
padding: 0;
margin: 0 5px;
border: none;
}
.owl-pagination .owl-page span {
display: block;
margin: 0;
text-indent: -9999px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.owl-pagination .owl-page {
width: 16px;
height: 16px;
padding: 2px;
margin: 0 4px;
border:3px solid transparent;
border-radius: 100%;
}
.owl-pagination .owl-page span {
width: 6px;
height: 6px;
background-color: rgba(0,0,0,.2);
border-radius: 100%;
}
.light-layout .invert .owl-pagination .owl-page span,
.dark-layout .block-area:not(.invert) .owl-pagination .owl-page span {
background-color: rgba(255,255,255,.5);
border-radius: 100%;
}
.owl-pagination .owl-page.active span {
background-color: rgba(0,0,0,.2);
}
.owl-pagination .owl-page:not(.active):hover span {
background-color:#E89A38;
}
.light-layout .invert .owl-pagination .owl-page.active span,
.light-layout .invert .owl-pagination .owl-page:not(.active):hover span,
.dark-layout .block-area:not(.invert) .owl-pagination .owl-page.active span,
.dark-layout .block-area:not(.invert) .owl-pagination .owl-page:not(.active):hover span {
background-color: rgba(255,255,255,.8);
}
.owl-pagination .owl-page.active {
border-color: rgba(0,0,0,.2);
}
.light-layout .invert .owl-pagination .owl-page.active {
border-color: rgba(255,255,255,.8);
}
/*-----------------------------------------------------------------------------------*/
/* - Flex Slider Styling
/*-----------------------------------------------------------------------------------*/
.wpb_gallery_slides {
overflow: hidden;
height:auto!important;
}
.flexslider { position: relative; width: 100%; margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.flexslider .slides > li {
display: block;
overflow: hidden;
position: relative;
padding: 0;
}
.flexslider .slides a {
display: block;
}
.flexslider .slides img {
height: auto;
}
.thumb-image-slider.flexslider .slides li, .thumb-image-slider.flexslider .slides li a {
height: 100%;
text-align: center;
}
.thumb-image-slider.flexslider .slides img {
display:inline-block;
width: auto;
height: 100%;
}
.flex-direction-nav {
position: absolute;
right:0;
top:0;
z-index: 2;
}
.flex-direction-nav li {
display: inline-block;
padding: 0;
}
.flex-direction-nav a {
text-indent: 0;
margin: 0;
opacity: 1;
}
.flexslider .flex-prev, .flexslider .flex-next {
display: inline-block;
font-family: FontAwesome;
font-weight: 300;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 0;
height: 38px;
width: 36px;
overflow: hidden;
z-index: 1000;
background: #333;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
text-align: center;
}
.flexslider .flex-prev:before, .flexslider .flex-next:before {
text-align: center;
color: #fff;
text-indent: 0;
line-height: 38px!important;
font-size: 13px;
}
.flexslider .flex-prev:before {
content: "\f001";
}
.flexslider .flex-next:before {
content: "\f054";
}
.flex-direction-nav a {
display: block;
}
.flex-control-nav.flex-control-paging {
bottom:10px;
z-index: 2;
}
.blog-detail .flex-control-nav.flex-control-paging, .box-list-item.vc_col-sm-12 .flex-control-nav.flex-control-paging {
bottom:25px;
}
.vc_carousel-indicators {
bottom:-40px !important;
}
.wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li {
margin: 0 6px;
}
.flex-control-paging li a, .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li {
background-color: rgba(0,0,0,.2);
opacity: 1;
border:none;
box-shadow: none;
width:11px;
height: 11px;
line-height: 11px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.invert .flex-control-paging li a, .invert .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li {
background-color: rgba(255,255,255,0.3);
}
.flex-control-paging li a.flex-active, .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li.vc_active {
background-color: rgba(0,0,0,.5);
opacity: 1;
}
.invert .flex-control-paging li a.flex-active, .invert .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li.vc_active {
background-color: rgba(255,255,255,1);
opacity: 1;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active:hover,
.wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li:hover,
.wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li.vc_active:hover {
opacity: 1;
background-color: rgba(0,0,0,.5);
}
.invert .flex-control-paging li a:hover,
.invert .flex-control-paging li a.flex-active:hover,
.invert .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li:hover,
.invert .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li.vc_active:hover {
opacity: 1;
background-color: rgba(255,255,255,1);
}
.masonry .flexslider .flex-prev, .masonry .flexslider .flex-next,
.grid .flexslider .flex-prev, .grid .flexslider .flex-next,
.thumb-image-slider .flex-prev, .thumb-image-slider .flex-next {
opacity:0;
}
.masonry .flexslider:hover .flex-prev, .masonry .flexslider:hover .flex-next,
.grid .flexslider:hover .flex-prev, .grid .flexslider:hover .flex-next,
.thumb-image-slider:hover .flex-prev, .thumb-image-slider:hover .flex-next {
opacity:1;
}
.flexslider .flex-prev,
.flexslider .flex-next{
position:static;
}
.flexslider .flex-direction-nav .flex-disabled {
display: none;
}
.flexslider .flex-next, .flexslider:hover .flex-next {
right: 0;
}
.flexslider .flex-prev:hover, .flexslider .flex-next:hover {
background-color: #E89A38;
}
.flexslider:hover .flex-prev, .flexslider:hover .flex-next{
opacity: 1;
}
.flex-direction-nav span {
line-height:80px;
display: block;
text-align:center;
color:#fff;
}
.masonry .flex-direction-nav span,
.grid .flex-direction-nav span {
line-height:50px;
}
.thumb-image-slider-wrapper {
position: relative;
}
.thumb-image-slider.flexslider.thumbnails {
margin-bottom:0;
position: relative;
}
.flex-control-nav.flex-control-thumbs {
margin: 0;
}
.blog-detail.centered .flex-control-nav.flex-control-thumbs {
text-align: center;
}
.flex-control-nav.flex-control-thumbs li {
width: 7%;
margin-right: 10px;
margin-top: 10px;
overflow: hidden;
}
.blog-detail.centered .flex-control-nav.flex-control-thumbs li {
display: inline-block;
float: none;
}
.flex-control-nav.flex-control-thumbs img {
opacity: .5;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.flex-control-nav.flex-control-thumbs img.flex-active,
.flex-control-nav.flex-control-thumbs img:hover {
opacity: 1;
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
bottom:15px;
}
/* Nivo slider */
img.nivo-main-image {
height: auto;
}
/* VC Carousel */
.wpb_images_carousel .vc_images_carousel .vc_item img {
display: block;
width: 100%;
height: auto;
}
.wpb_images_carousel .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
margin: 0;
overflow: hidden;
}
.wpb_images_carousel .vc_images_carousel .vc_carousel-control {
display: block !important;
opacity: 1;
left:auto;
bottom:auto;
top:0;
right: 0;
margin:0;
width: auto;
}
.wpb_images_carousel .vc_images_carousel .vc_carousel-control.vc_right {
right:0;
opacity: 1;
}
.wpb_images_carousel .vc_images_carousel .vc_carousel-control.vc_left {
right:33px;
opacity: 1;
}
.wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-prev, .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-next {
display: block;
text-shadow:none;
height: 35px;
width: 33px;
line-height: 30px;
margin:0;
background-color: #333;
position: static;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.vc_images_carousel .vc_carousel-control .icon-prev:hover, .vc_images_carousel .vc_carousel-control .icon-next:hover {
background-color: #E89A38;
}
.wpb_images_carousel .vc_carousel-control .icon-prev:before,
.wpb_images_carousel .vc_carousel-control .icon-next:before {
width: auto;
position: static;
margin-right: 0;
margin-left: 0;
top:0!important;
color:#fff;
font-family:FontAwesome;
line-height: 1;
}
.vc_carousel-control {
z-index: 10;
}
.wpb_images_carousel .vc_carousel-control .icon-prev:before {
content: '\f053';
}
.vc_images_carousel .vc_carousel-control .icon-next:before {
content: '\f054';
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
margin: 0;
}
/*-----------------------------------------------------------------------------------*/
/* - Magnific Lightbox
/*-----------------------------------------------------------------------------------*/
.mfp-wrap {
width: auto;
right: 0;
z-index:10000;
}
.mfp-container {
padding: 0 40px;
}
button.mfp-close, button.mfp-arrow {
z-index: 1044;
}
button.mfp-arrow, button.mfp-arrow:active {
height: 200px;
margin-top: -100px;
color:#fff;
}
.mfp-bottom-bar{
top:auto;
bottom: 10px;
margin-top: 0;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 10px;
border-bottom-width: 10px;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
border:none;
margin: 0;
}
.mfp-iframe-holder .mfp-content,
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content,
.mfp-image-holder .mfp-content {
max-width:70%;
}
img.mfp-img {
cursor: pointer;
max-width: 100%;
padding: 0;
height: auto;
margin: 0 auto;
width: auto;
}
.mfp-iframe-holder .mfp-close, .mfp-inline-holder .mfp-close, .mfp-ajax-holder .mfp-close,.mfp-image-holder .mfp-close {
top:0;
color: white;
right: -2px;
text-align: right;
padding-right: 0;
width: auto;
font-size: 30px;
}
img.mfp-img {
box-shadow: 0 0 8px rgba(0,0,0,.6);
}
.mfp-content figcaption {
margin-top: 0;
}
.mfp-arrow-left:before, .mfp-arrow-right:before {
border: none;
font-family: FontAwesome;
position: absolute;
width: 100%;
top:50%;
height: auto;
margin-top: -27px;
font-size: 40px;
text-align: center;
}
.mfp-arrow-left:before, .mfp-arrow-right:before {
content: "\f104";
}
.mfp-arrow-right:before {
content: "\f105";
}
.mfp-figure figure, .mfp-iframe-scaler-wrapper, .ajax-container {
position: relative;
padding: 44px 0;
}
.mfp-iframe-scaler {
position: relative;
}
.mfp-figure:after {
display: none;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: default;
}
.mfp-bg {
background: #111;
opacity: .9;
z-index: 10000;
}
.mfp-counter {
position: static;
float: right;
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.9);
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-ms-transform: scale(0.9);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.9;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.9);
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-ms-transform: scale(0.9);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-title {
float: left;
font-size: 14px;
font-weight: 400;
padding-left: 4px;
}
.mfp-preloader {
text-align: center;
font-size: 0;
margin-top: -25px;
-webkit-animation: breath 1.5s ease-out infinite;
-moz-animation: breath 1.5s ease-out infinite;
-ms-animation: breath 1.5s ease-out infinite;
animation: breath 1.5s ease-out infinite;
}
.mfp-preloader:before {
color: rgba(255,255,255,.5);
content: "\e941";
display: block;
font-family: "steadysets";
font-size: 40px;
margin-bottom: 10px;
}
@-ms-keyframes breath {
0% {-ms-transform: scale(0.9, 0.9); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-ms-transform: scale(1.1, 1.1); opacity: 0.0;}
}
@-moz-keyframes breath {
0% {-moz-transform: scale(0.9, 0.9); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-moz-transform: scale(1.1, 1.1); opacity: 0.0;}
}
@-webkit-keyframes breath {
0% {-webkit-transform: scale(0.9, 0.9); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(1.1, 1.1); opacity: 0.0;}
}
@keyframes breath {
0% {transform: scale(0.9, 0.9); opacity: 0.0;}
50% {opacity: 1.0;}
100% {transform: scale(1.1, 1.1); opacity: 0.0;}
}
/*-----------------------------------------------------------------------------------*/
/* - Visual Composer FE Editor Fix
/*-----------------------------------------------------------------------------------*/
body.compose-mode .control-btn.vc-element-name .vc-btn-content {
text-transform:uppercase;
}
/*-----------------------------------------------------------------------------------*/
/* - Google Map Element Styling
/*-----------------------------------------------------------------------------------*/
.full > .container > .vc_col-sm-12 .map-container {
margin: 0 -15px;
}
.block-area.fullscreen .map-container {
position: absolute;
left: 0;
top: 0;
bottom:0;
right: 0;
width: 100%;
height: 100%;
}
.map-container img {
max-width:none;
}
.map-container .map-item {
width: 100%;
height: 400px;
}
.block-area.fullscreen .map-container .map-item {
height: 100% !important;
}
.gm-style .gm-style-iw {
height: auto !important;
padding: 2px 2px 5px;
min-width: 100px;
max-width: 250px;
font-size: 13px;
font-weight: 300;
}
/*-----------------------------------------------------------------------------------*/
/* - Progress Bar Styling
/*-----------------------------------------------------------------------------------*/
.kop_progress_bar .vc_single_bar {
background: #f7f7f7;
position: relative;
margin-bottom: 11.66666667px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.kop_progress_bar .vc_single_bar:last-child {
margin-bottom: 0;
}
.kop_progress_bar .vc_single_bar .vc_label {
display: block;
padding: 0.5em 1em;
position: relative;
z-index: 1;
}
.kop_progress_bar .vc_single_bar.bar_blue .vc_bar {
background-color: #0074CC;
}
.kop_progress_bar .vc_single_bar.bar_turquoise .vc_bar {
background-color: #49afcd;
}
.kop_progress_bar .vc_single_bar.bar_green .vc_bar {
background-color: #5bb75b;
}
.kop_progress_bar .vc_single_bar.bar_orange .vc_bar {
background-color: #faa732;
}
.kop_progress_bar .vc_single_bar.bar_red .vc_bar {
background-color: #da4f49;
}
.kop_progress_bar .vc_single_bar.bar_black .vc_bar {
background-color: #414141;
}
.kop_progress_bar .vc_single_bar .vc_bar {
display: block;
position: absolute;
height: 100%;
background-color: #e0e0e0;
width: 0%;
top: 0;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.no-mobile-device .kop_progress_bar .vc_single_bar .vc_bar {
transition: width 0.8s cubic-bezier(.14,.47,.69,1);
-moz-transition: width 0.8s cubic-bezier(.14,.47,.69,1);
-webkit-transition: width 0.8s cubic-bezier(.14,.47,.69,1);
-o-transition: width 0.8s cubic-bezier(.14,.47,.69,1);
}
.kop_progress_bar .vc_single_bar .vc_bar.striped {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
.no-mobile-device .kop_progress_bar .vc_single_bar .vc_bar.animated {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.kop_progress_bar .vc_single_bar {
background:transparent;
-webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow: none;
}
.kop_progress_bar .vc_single_bar, .kop_progress_bar .vc_single_bar .vc_bar {
-webkit-border-radius:0;
-moz-border-radius: 0;
margin-bottom: 20px;
}
.kop_progress_bar .vc_single_bar .vc_bar {
height: 13px;
position: static;
}
.kop_progress_bar .vc_single_bar .vc_label {
padding: 0;
font-size: 12px;
font-weight: 400;
color:#333;
margin-bottom: 7px;
letter-spacing: 1px;
text-transform: uppercase;
}
.light-layout .invert .kop_progress_bar .vc_single_bar .vc_label {
color:#fff;
}
.kop_progress_bar .vc_label_units {
position: absolute;
font-weight: 400;
padding:5px 7px;
right: -14px;
top:-30px;
text-align: center;
background:#222;
color:#fff;
font-size: 11px;
border-radius: 3px;
opacity: 0;
transition: opacity 1s ease-out;
-webkit-transition: opacity 1s ease-out;
}
.mobile-device .kop_progress_bar .vc_label_units {
opacity: 1;
}
.kop_progress_bar .vc_single_bar.start-animation .vc_label_units {
opacity: 1;
}
.kop_progress_bar .vc_label_units:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: #222 transparent transparent transparent;
bottom: -14px;
left: 50%;
margin-left: -10px;
}
.kop_progress_bar .vc_single_bar .vc_bar {
position: relative;
border-radius: 100px;
}
.mobile-device .no-responsive .kop_progress_bar .vc_single_bar .vc_bar.animated {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
}
/*-----------------------------------------------------------------------------------*/
/* -Color Schemes
/*-----------------------------------------------------------------------------------*/
/* Light Red ------------------------------------- */
.light-red.btn {
background-color:#F56566;
color:#fff;
}
.light-red.btn:hover {
background-color:#222;
color:#fff
}
.light-red.btn.type2 {
background-color:transparent;
border:2px dashed #F56566;
color:#F56566;
}
.light-red.btn.type2:hover {
background-color:#F56566;
border:2px dashed #F56566;
color:#fff;
}
.light-layout .invert .light-red.btn.type2 {
color:#fff;
}
.light-layout .invert .light-red.btn.type2:hover {
border-color:transparent;
background-color:#F56566;
}
a.light-red {
color:#F56566;
}
a.light-red:hover {
color:#333;
}
.light-red.block-icon-area.type1 .thumb-area,
.light-red.block-icon-area.type3 .thumb-area,
.light-red.block-icon-area.type2 .thumb-area,
.light-red.block-icon-area.type2.circle .thumb-area,
.light-red.block-icon-area.type4 .thumb-area,
.light-red.block-icon-area.type4.circle .thumb-area {
color:#F56566;
}
.light-red.block-icon-area.type3.solid .thumb-area,
.light-red.block-icon-area.type3:not(.solid):hover .thumb-area,
.light-red.block-icon-area.type2.circle:hover .thumb-area,
.light-red.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .light-red.block-icon-area.type2.circle:hover .thumb-area,
.light-layout .invert .light-red.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .light-red.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .light-red.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .light-red.block-icon-area.type2.circle:hover .thumb-area,
.dark-layout .invert .light-red.block-icon-area.type4.circle:hover .thumb-area {
background: #F56566;
color:#fff;
}
.light-red.block-icon-area .text-detail a {
color:#F56566;
}
.light-red.block-icon-area .text-detail a:hover {
color:#333;
}
.light-layout .invert .light-red.block-icon-area .text-detail a {
color:#fff;
}
.light-red.percentage-wrapper .percent {
background-color: #F56566;
}
.light-layout .invert.light-red.percentage-wrapper .percent {
color:#F56566;
}
.light-layout .invert .light-red.percentage-wrapper .skill-bg {
background-color:#F56566;
}
.light-red.skills-area a {
color:#F56566;
}
.light-red.skills-area a:hover {
color:#333;
}
.light-layout .invert .light-red.skills-area a {
color:#fff;
}
.light-red.skills-area .percentage-wrapper .percent {
background-color: #F56566;
}
/* Light Red ------------------------------------- */
/* Blue ------------------------------------- */
.blue.btn {
background-color:#1BBBD1;
color:#fff;
}
.blue.btn:hover {
background-color:#222;
color:#fff
}
.blue.btn.type2 {
background-color:transparent;
border:2px dashed #1BBBD1;
color:#1BBBD1;
}
.blue.btn.type2:hover {
background-color:#1BBBD1;
border:2px dashed #1BBBD1;
color:#fff;
}
.light-layout .invert .blue.btn.type2 {
color:#fff;
}
.light-layout .invert .blue.btn.type2:hover {
border-color:transparent;
background-color:#1BBBD1;
}
a.blue {
color:#1BBBD1;
}
a.blue:hover {
color:#333;
}
.blue.block-icon-area.type1 .thumb-area,
.blue.block-icon-area.type3 .thumb-area,
.blue.block-icon-area.type2 .thumb-area,
.blue.block-icon-area.type2.circle .thumb-area,
.blue.block-icon-area.type4 .thumb-area,
.blue.block-icon-area.type4.circle .thumb-area {
color:#1BBBD1;
}
.blue.block-icon-area.type3.solid .thumb-area,
.blue.block-icon-area.type3:not(.solid):hover .thumb-area,
.blue.block-icon-area.type2.circle:hover .thumb-area,
.blue.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .blue.block-icon-area.type2.circle:hover .thumb-area,
.light-layout .invert .blue.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .blue.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .blue.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .blue.block-icon-area.type2.circle:hover .thumb-area,
.dark-layout .invert .blue.block-icon-area.type4.circle:hover .thumb-area {
background: #1BBBD1;
color:#fff;
}
.blue.block-icon-area .text-detail a {
color:#1BBBD1;
}
.blue.block-icon-area .text-detail a:hover {
color:#333;
}
.light-layout .invert .blue.block-icon-area .text-detail a {
color:#fff;
}
.blue.percentage-wrapper .percent {
background-color: #1BBBD1;
}
.light-layout .invert.blue.percentage-wrapper .percent {
color:#1BBBD1;
}
.light-layout .invert .blue.percentage-wrapper .skill-bg {
background-color:#1BBBD1;
}
.blue.skills-area a {
color:#1BBBD1;
}
.blue.skills-area a:hover {
color:#333;
}
.light-layout .invert .blue.skills-area a {
color:#fff;
}
.blue.skills-area .percentage-wrapper .percent {
background-color: #1BBBD1;
}
/* Blue ------------------------------------- */
/* Antique Brass ------------------------------------- */
.antique-brass.btn {
background-color:#5D8AA8;
color:#fff;
}
.antique-brass.btn:hover {
background-color:#222;
color:#fff
}
.antique-brass.btn.type2 {
background-color:transparent;
border:2px dashed #5D8AA8;
color:#5D8AA8;
}
.antique-brass.btn.type2:hover {
background-color:#5D8AA8;
border:2px dashed #5D8AA8;
color:#fff;
}
.light-layout .invert .antique-brass.btn.type2 {
color:#fff;
}
.light-layout .invert .antique-brass.btn.type2:hover {
border-color:transparent;
background-color:#5D8AA8;
}
a.antique-brass {
color:#5D8AA8;
}
a.antique-brass:hover {
color:#333;
}
.antique-brass.block-icon-area.type1 .thumb-area,
.antique-brass.block-icon-area.type3 .thumb-area,
.antique-brass.block-icon-area.type2 .thumb-area,
.antique-brass.block-icon-area.type2.circle .thumb-area,
.antique-brass.block-icon-area.type4 .thumb-area,
.antique-brass.block-icon-area.type4.circle .thumb-area {
color:#5D8AA8;
}
.antique-brass.block-icon-area.type3.solid .thumb-area,
.antique-brass.block-icon-area.type3:not(.solid):hover .thumb-area,
.antique-brass.block-icon-area.type2.circle:hover .thumb-area,
.antique-brass.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .antique-brass.block-icon-area.type2.circle:hover .thumb-area,
.light-layout .invert .antique-brass.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .antique-brass.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .antique-brass.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .antique-brass.block-icon-area.type2.circle:hover .thumb-area,
.dark-layout .invert .antique-brass.block-icon-area.type4.circle:hover .thumb-area {
background: #5D8AA8;
color:#fff;
}
.antique-brass.block-icon-area .text-detail a {
color:#5D8AA8;
}
.antique-brass.block-icon-area .text-detail a:hover {
color:#333;
}
.light-layout .invert .antique-brass.block-icon-area .text-detail a {
color:#fff;
}
.antique-brass.percentage-wrapper .percent {
background-color: #5D8AA8;
}
.light-layout .invert.antique-brass.percentage-wrapper .percent {
color:#5D8AA8;
}
.light-layout .invert .antique-brass.percentage-wrapper .skill-bg {
background-color:#5D8AA8;
}
.antique-brass.skills-area a {
color:#5D8AA8;
}
.antique-brass.skills-area a:hover {
color:#333;
}
.light-layout .invert .antique-brass.skills-area a {
color:#fff;
}
.antique-brass.skills-area .percentage-wrapper .percent{
background-color: #5D8AA8;
}
/* Antique Brass ------------------------------------- */
/* Cinnabar ------------------------------------- */
.cinnabar.btn {
background-color:#E89A38;
color:#fff;
}
.cinnabar.btn:hover {
background-color:#222;
color:#fff
}
.cinnabar.btn.type2 {
background-color:transparent;
border:2px dashed #E89A38;
color:#E89A38;
}
.cinnabar.btn.type2:hover {
background-color:#E89A38;
border:2px dashed #E89A38;
color:#fff;
}
.light-layout .invert .cinnabar.btn.type2 {
color:#fff;
}
.light-layout .invert .cinnabar.btn.type2:hover {
border-color:transparent;
background-color:#E89A38;
}
a.cinnabar {
color:#E89A38;
}
a.cinnabar:hover {
color:#333;
}
.cinnabar.block-icon-area.type1 .thumb-area,
.cinnabar.block-icon-area.type3 .thumb-area,
.cinnabar.block-icon-area.type2 .thumb-area,
.cinnabar.block-icon-area.type2.circle .thumb-area,
.cinnabar.block-icon-area.type4 .thumb-area,
.cinnabar.block-icon-area.type4.circle .thumb-area {
color:#E89A38;
}
.cinnabar.block-icon-area.type3.solid .thumb-area,
.cinnabar.block-icon-area.type3:not(.solid):hover .thumb-area,
.cinnabar.block-icon-area.type2.circle:hover .thumb-area,
.cinnabar.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .cinnabar.block-icon-area.type2.circle:hover .thumb-area,
.light-layout .invert .cinnabar.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .cinnabar.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .cinnabar.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .cinnabar.block-icon-area.type2.circle:hover .thumb-area,
.dark-layout .invert .cinnabar.block-icon-area.type4.circle:hover .thumb-area {
background: #E89A38;
color:#fff;
}
.cinnabar.block-icon-area .text-detail a {
color:#E89A38;
}
.cinnabar.block-icon-area .text-detail a:hover {
color:#333;
}
.light-layout .invert .cinnabar.block-icon-area .text-detail a {
color:#fff;
}
.cinnabar.percentage-wrapper .percent {
background-color: #E89A38;
}
.light-layout .invert.cinnabar.percentage-wrapper .percent {
color:#E89A38;
}
.light-layout .invert .cinnabar.percentage-wrapper .skill-bg {
background-color:#E89A38;
}
.cinnabar.skills-area a {
color:#E89A38;
}
.cinnabar.skills-area a:hover {
color:#333;
}
.light-layout .invert .cinnabar.skills-area a {
color:#fff;
}
.cinnabar.skills-area .percentage-wrapper .percent {
background-color: #E89A38;
}
/* Cinnabar ------------------------------------- */
/* Bondi Blue ------------------------------------- */
.bondi-blue.btn {
background-color:#0095b6;
color:#fff;
}
.bondi-blue.btn:hover {
background-color:#222;
color:#fff
}
.bondi-blue.btn.type2 {
background-color:transparent;
border:2px dashed #0095b6;
color:#0095b6;
}
.bondi-blue.btn.type2:hover {
background-color:#0095b6;
border:2px dashed #0095b6;
color:#fff;
}
.light-layout .invert .bondi-blue.btn.type2 {
color:#fff;
}
.light-layout .invert .bondi-blue.btn.type2:hover {
border-color:transparent;
background-color:#0095b6;
}
a.bondi-blue {
color:#0095b6;
}
a.bondi-blue:hover {
color:#333;
}
.bondi-blue.block-icon-area.type1 .thumb-area,
.bondi-blue.block-icon-area.type3 .thumb-area,
.bondi-blue.block-icon-area.type2 .thumb-area,
.bondi-blue.block-icon-area.type2.circle .thumb-area,
.bondi-blue.block-icon-area.type4 .thumb-area,
.bondi-blue.block-icon-area.type4.circle .thumb-area {
color:#0095b6;
}
.bondi-blue.block-icon-area.type3.solid .thumb-area,
.bondi-blue.block-icon-area.type3:not(.solid):hover .thumb-area,
.bondi-blue.block-icon-area.type2.circle:hover .thumb-area,
.bondi-blue.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .bondi-blue.block-icon-area.type2.circle:hover .thumb-area,
.light-layout .invert .bondi-blue.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .bondi-blue.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .bondi-blue.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .bondi-blue.block-icon-area.type2.circle:hover .thumb-area,
.dark-layout .invert .bondi-blue.block-icon-area.type4.circle:hover .thumb-area {
background: #0095b6;
color:#fff;
}
.bondi-blue.block-icon-area .text-detail a {
color:#0095b6;
}
.bondi-blue.block-icon-area .text-detail a:hover {
color:#333;
}
.light-layout .invert .bondi-blue.block-icon-area .text-detail a {
color:#fff;
}
.bondi-blue.percentage-wrapper .percent {
background-color: #0095b6;
}
.light-layout .invert.bondi-blue.percentage-wrapper .percent {
color:#0095b6;
}
.light-layout .invert .bondi-blue.percentage-wrapper .skill-bg {
background-color:#0095b6;
}
.bondi-blue.skills-area a {
color:#0095b6;
}
.bondi-blue.skills-area a:hover {
color:#333;
}
.light-layout .invert .bondi-blue.skills-area a {
color:#fff;
}
.bondi-blue.skills-area .percentage-wrapper .percent {
background-color: #0095b6;
}
/* Bondi Blue ------------------------------------- */
/* Bright Ube ------------------------------------- */
.bright-ube.btn {
background-color:#ff4351;
color:#fff;
}
.bright-ube.btn:hover {
background-color:#222;
color:#fff
}
.bright-ube.btn.type2 {
background-color:transparent;
border:2px dashed #ff4351;
color:#ff4351;
}
.bright-ube.btn.type2:hover {
background-color:#ff4351;
border:2px dashed #ff4351;
color:#fff;
}
.light-layout .invert .bright-ube.btn.type2 {
color:#fff;
}
.light-layout .invert .bright-ube.btn.type2:hover {
border-color:transparent;
background-color:#ff4351;
}
a.bright-ube {
color:#ff4351;
}
a.bright-ube:hover {
color:#333;
}
.bright-ube.block-icon-area.type1 .thumb-area,
.bright-ube.block-icon-area.type3 .thumb-area,
.bright-ube.block-icon-area.type2 .thumb-area,
.bright-ube.block-icon-area.type2.circle .thumb-area,
.bright-ube.block-icon-area.type4 .thumb-area,
.bright-ube.block-icon-area.type4.circle .thumb-area {
color:#ff4351;
}
.bright-ube.block-icon-area.type3.solid .thumb-area,
.bright-ube.block-icon-area.type3:not(.solid):hover .thumb-area,
.bright-ube.block-icon-area.type2.circle:hover .thumb-area,
.bright-ube.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .bright-ube.block-icon-area.type2.circle:hover .thumb-area,
.light-layout .invert .bright-ube.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .bright-ube.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .bright-ube.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .bright-ube.block-icon-area.type2.circle:hover .thumb-area,
.dark-layout .invert .bright-ube.block-icon-area.type4.circle:hover .thumb-area {
background: #ff4351;
color:#fff;
}
.bright-ube.block-icon-area .text-detail a {
color:#ff4351;
}
.bright-ube.block-icon-area .text-detail a:hover {
color:#333;
}
.light-layout .invert .bright-ube.block-icon-area .text-detail a {
color:#fff;
}
.bright-ube.percentage-wrapper .percent {
background-color: #ff4351;
}
.light-layout .invert.bright-ube.percentage-wrapper .percent {
color:#ff4351;
}
.light-layout .invert .bright-ube.percentage-wrapper .skill-bg {
background-color:#ff4351;
}
.bright-ube.skills-area a {
color:#ff4351;
}
.bright-ube.skills-area a:hover {
color:#333;
}
.light-layout .invert .bright-ube.skills-area a {
color:#fff;
}
.bright-ube.skills-area .percentage-wrapper .percent {
background-color: #ff4351;
}
/* Bright Ube ------------------------------------- */
/* Yellow Green ------------------------------------- */
.yellow-green.btn {
background-color:#28C2A4;
color:#fff;
}
.yellow-green.btn:hover {
background-color:#222;
color:#fff
}
.yellow-green.btn.type2 {
background-color:transparent;
border:2px dashed #28C2A4;
color:#28C2A4;
}
.yellow-green.btn.type2:hover {
background-color:#28C2A4;
border:2px dashed #28C2A4;
color:#fff;
}
.light-layout .invert .yellow-green.btn.type2 {
color:#fff;
}
.light-layout .invert .yellow-green.btn.type2:hover {
border-color:transparent;
background-color:#28C2A4;
}
a.yellow-green {
color:#28C2A4;
}
a.yellow-green:hover {
color:#333;
}
.yellow-green.block-icon-area.type1 .thumb-area,
.yellow-green.block-icon-area.type3 .thumb-area,
.yellow-green.block-icon-area.type2 .thumb-area,
.yellow-green.block-icon-area.type2.circle .thumb-area,
.yellow-green.block-icon-area.type4 .thumb-area,
.yellow-green.block-icon-area.type4.circle .thumb-area {
color:#28C2A4;
}
.yellow-green.block-icon-area.type3.solid .thumb-area,
.yellow-green.block-icon-area.type3:not(.solid):hover .thumb-area,
.yellow-green.block-icon-area.type2.circle:hover .thumb-area,
.yellow-green.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .yellow-green.block-icon-area.type2.circle:hover .thumb-area,
.light-layout .invert .yellow-green.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .yellow-green.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .yellow-green.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .yellow-green.block-icon-area.type2.circle:hover .thumb-area,
.dark-layout .invert .yellow-green.block-icon-area.type4.circle:hover .thumb-area {
background: #28C2A4;
color:#fff;
}
.yellow-green.block-icon-area .text-detail a {
color:#28C2A4;
}
.yellow-green.block-icon-area .text-detail a:hover {
color:#333;
}
.light-layout .invert .yellow-green.block-icon-area .text-detail a {
color:#fff;
}
.yellow-green .percentage-wrapper .percent {
background-color: #28C2A4;
}
.light-layout .invert.yellow-green .percentage-wrapper .percent {
color:#28C2A4;
}
.yellow-green.skills-area a {
color:#28C2A4;
}
.yellow-green.skills-area a:hover {
color:#333;
}
.light-layout .invert .yellow-green.skills-area a {
color:#fff;
}
.yellow-green.skills-area .percentage-wrapper .percent {
background-color: #28C2A4;
}
/* Yellow Green ------------------------------------- */
/* White ------------------------------------- */
.tp-button.white.btn:not(.type2) {
color:#333 !important;
}
.tp-button.white.btn:not(.type2):hover {
color:#fff !important;
}
.white.btn {
background-color:#fff;
color:#333;
}
.white.btn:hover {
background-color:#222;
color:#fff
}
.white.btn.type2 {
background-color:transparent;
border:2px dashed #fff;
color:#fff;
}
.white.btn.type2:hover {
background-color:#fff;
border:2px dashed #fff;
color:#333 !important;
}
.light-layout .invert .white.btn.type2 {
color:#fff;
}
.light-layout .invert .white.btn.type2:hover {
border-color:transparent;
background-color:#fff;
}
a.white {
color:#fff;
}
a.white:hover {
color:#333;
}
.white.block-icon-area.type1 .thumb-area,
.white.block-icon-area.type3 .thumb-area,
.white.block-icon-area.type2 .thumb-area,
.white.block-icon-area.type2.circle .thumb-area,
.white.block-icon-area.type4 .thumb-area,
.white.block-icon-area.type4.circle .thumb-area {
color:#fff;
}
.white.block-icon-area.type3.solid .thumb-area,
.white.block-icon-area.type3:not(.solid):hover .thumb-area,
.white.block-icon-area.type2.circle:hover .thumb-area,
.white.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .white.block-icon-area.type2.circle:hover .thumb-area,
.light-layout .invert .white.block-icon-area.type4.circle:hover .thumb-area,
.light-layout .invert .white.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .white.block-icon-area.type3:not(.solid):hover .thumb-area,
.dark-layout .invert .white.block-icon-area.type2.circle:hover .thumb-area,
.dark-layout .invert .white.block-icon-area.type4.circle:hover .thumb-area {
background: #fff;
color:#333;
}
.white.block-icon-area .text-detail a {
color:#fff;
}
.white.block-icon-area .text-detail a:hover {
color:#333;
}
.light-layout .invert .white.block-icon-area .text-detail a {
color:#fff;
}
.white.percentage-wrapper .percent {
background-color: #fff;
}
.light-layout .invert.white.percentage-wrapper .percent {
color:#fff;
}
.light-layout .invert .white.percentage-wrapper .skill-bg {
background-color:#fff;
}
.white.skills-area a {
color:#fff;
}
.white.skills-area a:hover {
color:#333;
}
.light-layout .invert .white.skills-area a {
color:#fff;
}
.white.skills-area .percentage-wrapper .percent {
background-color: #fff;
color:#666;
}
.light-layout .invert .white.skills-area.no-icon .percentage-wrapper .percent {
color: #fff;
}
/* White ------------------------------------- */
/*-----------------------------------------------------------------------------------*/
/* - Custom Animations
/*-----------------------------------------------------------------------------------*/
.animate_when_almost_visible {
opacity: 0;
}
.mobile-device .animate_when_almost_visible, .ie9 .animate_when_almost_visible {
opacity: 1;
}
.start_animation.fade-in {
-webkit-animation:fade-in .5s 1 ease;
-moz-animation:fade-in .5s 1 ease;
-o-animation:fade-in .5s 1 ease;
animation:fade-in .5s 1 ease;
opacity:1;
}
.start_animation.top-to-bottom{
-webkit-animation:ttb .7s 1 ease;
-moz-animation:ttb .7s 1 ease;
-o-animation:ttb .7s 1 ease;
animation:ttb .7s 1 ease;
opacity:1
}
.start_animation.bottom-to-top{
-webkit-animation:btt .7s 1 ease;
-moz-animation:btt .7s 1 ease;
-o-animation:btt .7s 1 ease;
animation:btt .7s 1 ease;
opacity:1
}
.start_animation.left-to-right{
-webkit-animation:ltr .7s 1 ease;
-moz-animation:ltr .7s 1 ease;
-o-animation:ltr .7s 1 ease;
animation:ltr .7s 1 ease;
opacity:1;
}
.start_animation.right-to-left{
-webkit-animation:rtl .7s 1 ease;
-moz-animation:rtl .7s 1 ease;
-o-animation:rtl .7s 1 ease;
animation:rtl .7s 1 ease;
opacity:1
}
.start_animation.appear{
-webkit-animation:appear .5s 1 ease;
-moz-animation:appear .5s 1 ease;
-o-animation:appear .5s 1 ease;
animation:appear .5s 1 ease;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
@-webkit-keyframes fade-in{0%{opacity:.1} 100%{opacity:1}}@-moz-keyframes fade-in{0%{opacity:.1} 100%{opacity:1}}@-o-keyframes fade-in{0%{opacity:.1} 100%{opacity:1}}@keyframes fade-in{0%{opacity:.1} 100%{opacity:1}}
@-webkit-keyframes ttb{0%{-webkit-transform:translate(0, -15%);opacity:0} 100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes ttb{0%{-moz-transform:translate(0, -15%);opacity:0} 100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes ttb{0%{-o-transform:translate(0, -15%);opacity:0} 100%{-o-transform:translate(0, 0);opacity:1}}@keyframes ttb{0%{transform:translate(0, -15%);opacity:0} 100%{transform:translate(0, 0);opacity:1}}
@-webkit-keyframes btt{0%{-webkit-transform:translate(0, 15%);opacity:0} 100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes btt{0%{-moz-transform:translate(0, 15%);opacity:0} 100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes btt{0%{-o-transform:translate(0, 15%);opacity:0} 100%{-o-transform:translate(0, 0);opacity:1}}@keyframes btt{0%{transform:translate(0, 15%);opacity:0} 100%{transform:translate(0, 0);opacity:1}}
@-webkit-keyframes ltr{0%{-webkit-transform:translate(-15%, 0);opacity:0} 100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes ltr{0%{-moz-transform:translate(-15%, 0);opacity:0} 100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes ltr{0%{-o-transform:translate(-15%, 0);opacity:0} 100%{-o-transform:translate(0, 0);opacity:1}}@keyframes ltr{0%{transform:translate(-15%, 0);opacity:0} 100%{transform:translate(0, 0);opacity:1}}
@-webkit-keyframes rtl{0%{-webkit-transform:translate(15%, 0);opacity:0} 100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes rtl{0%{-moz-transform:translate(15%, 0);opacity:0} 100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes rtl{0%{-o-transform:translate(15%, 0);opacity:0} 100%{-o-transform:translate(0, 0);opacity:1}}@keyframes rtl{0%{transform:translate(15%, 0);opacity:0} 100%{transform:translate(0, 0);opacity:1}}
@-webkit-keyframes appear{0%{-webkit-transform:scale(0);opacity:0} 100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes appear{0%{-moz-transform:scale(0);opacity:0} 100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes appear{0%{-o-transform:scale(0);opacity:0} 100%{-o-transform:scale(1);opacity:1}}@keyframes appear{0%{transform:scale(0);opacity:.1} 100%{transform:scale(1);opacity:1}}
/*-----------------------------------------------------------------------------------*/
/* - Dark Layout Specific Styles
/*-----------------------------------------------------------------------------------*/
.dark-layout {
color:#fff;
}
.dark-layout h1, .dark-layout h2, .dark-layout h3, .dark-layout h4, .dark-layout h5, .dark-layout h6,
.dark-layout .wpb_wrapper .wpb_text_column.wpb_content_element h1,
.dark-layout .wpb_wrapper .wpb_text_column.wpb_content_element h2,
.dark-layout .wpb_wrapper .wpb_text_column.wpb_content_element h3,
.dark-layout .wpb_wrapper .wpb_text_column.wpb_content_element h4,
.dark-layout .wpb_wrapper .wpb_text_column.wpb_content_element h5,
.dark-layout .wpb_wrapper .wpb_text_column.wpb_content_element h6,
.dark-layout .block-area:not(.invert) .wpb_heading, .dark-layout .block-area:not(.invert) .entry-content .wpb_heading {
color:#fff;
}
.dark-layout .invert h1, .dark-layout .invert h2, .dark-layout .invert h3, .dark-layout .invert h4,
.dark-layout .invert h5, .dark-layout .invert h6,
.dark-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h1,
.dark-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h2,
.dark-layout .invert .wpb_wrapper .wpb_text_column.wpb_content_element h3 {
color:#333;
}
.dark-layout .container-page:not(.with-sidebar) .stripe:nth-child(odd) {
background-color: #222222;
}
.dark-layout .container-page:not(.with-sidebar) .stripe:nth-child(even) {
background-color: #1c1c1c;
}
.dark-layout .block-area:nth-child(odd).with-border:not(.invert) {
border-color: #222;
}
.dark-layout .block-area:nth-child(even).with-border:not(.invert) {
border-color: #222;
}
.dark-layout .invert {
color: #676767;
}
.dark-layout .invert .hr {
opacity: 1;
}
.dark-layout .invert .hr .hr-left, .dark-layout .invert .hr .hr-right {
background-color: #ddd;
}
.dark-layout .invert .hr .hr-bullet {
border-color:#ddd;
}
.dark-layout .invert .hr .hr-bullet .hr-bullet-inner {
background-color: #fff;
}
.dark-layout .filter-group-list li a {
color:#eeeeee;
}
.dark-layout .invert .filter-group-list li a {
color:#676767;
}
.dark-layout .invert .filter-group-list li a.active, .dark-layout .invert .filter-group-list li a:hover {
color:#fff;
}
.dark-layout .percentage-wrapper .skill-bg {
background-color: transparent;
-webkit-box-shadow: 1px 1px 12px #222;
-moz-box-shadow: 1px 1px 12px #222;
box-shadow: 1px 1px 12px #222;
}
.dark-layout .box-list.type2 .box-item {
background:rgba(0,0,0,.15);
border:none;
}
.dark-layout .invert .box-list.type2 .box-item {
background-color: #fff;
}
.dark-layout .invert .box-list.type1 .box-item .main-head-text,
.dark-layout .invert .box-list.type1 .box-item .main-head-text a,
.dark-layout .invert .box-list.type2 .box-item .main-head-text,
.dark-layout .invert .box-list.type2 .box-item .main-head-text a {
color:#333;
}
.dark-layout .block-icon-area.type3:not(.solid) .thumb-area, .dark-layout .block-icon-area.type2.circle .thumb-area,
.dark-layout .block-icon-area.type4.circle .thumb-area {
background:rgba(0,0,0,.2);
}
.dark-layout .invert .block-icon-area.type3:not(.solid) .thumb-area,
.dark-layout .invert .block-icon-area.type2.circle .thumb-area,
.dark-layout .invert .block-icon-area.type4.circle .thumb-area {
background-color: #f6f6f6;
}
.dark-layout .percentage-wrapper span {
color:#eee;
}
.dark-layout .invert .percentage-wrapper span {
color: #666;
}
.dark-layout .testimonials-slider p {
color:#ffffff;
}
.dark-layout .owl-pagination .owl-page span, .dark-layout .owl-pagination .owl-page.active span{
background-color: rgba(255,255,255,.8);
}
.dark-layout .owl-pagination .owl-page.active {
border-color: rgba(255,255,255,.8);
}
.dark-layout .comment-form input[type="text"], .dark-layout .block-area:not(.invert) .contact-form .wpcf7-text,
.dark-layout .comment-form textarea, .dark-layout .comment-respond input[type="text"],
.dark-layout .block-area:not(.invert) .contact-form textarea, .dark-layout .block-area:not(.invert) .wpcf7 .wpcf7-text,
.dark-layout .block-area:not(.invert) .wpcf7 textarea, .dark-layout .comment-respond textarea,
.dark-layout .block-area:not(.invert) .detail-area input[type="text"], .dark-layout .block-area:not(.invert) .input-text,
.dark-layout .block-area:not(.invert) .contact-form .wpcf7-number, .dark-layout .block-area:not(.invert) .wpcf7 .wpcf7-number,
.dark-layout .block-area:not(.invert) .contact-form .wpcf7-date, .dark-layout .block-area:not(.invert) .wpcf7 .wpcf7-date,
.dark-layout .block-area:not(.invert) .contact-form .wpcf7-quiz, .dark-layout .block-area:not(.invert) .wpcf7 .wpcf7-quiz,
.dark-layout .block-area:not(.invert) .contact-form .wpcf7-captchar, .dark-layout .block-area:not(.invert) .wpcf7 .wpcf7-captchar {
background-color: rgba(255,255,255,.2);
border-color: transparent;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.dark-layout .block-area:not(.invert) a.author,
.dark-layout .blog-detail a.author,
.dark-layout .block-area:not(.invert) .author-pic .author,
.dark-layout .block-area:not(.invert) .team-item .author-pic .author,
.dark-layout .block-area:not(.invert) .blog-date, .dark-layout .blog-icon-area,
.dark-layout .author-pic .author,
.light-layout .invert .author-pic .author,
.dark-layout .widget .thumb.size_50_50.no-image,
.dark-layout .related-posts li {
background-color:#111;
border-color:transparent;
}
.dark-layout .blog-detail .related-posts li {
border: none;
}
.dark-layout .blog-detail .box-social-icons a,
.dark-layout .box-social-icons a,
.light-layout .invert .box-social-icons a {
border:none;
}
.dark-layout .block-area:not(.invert) .blog-date-inner,
.dark-layout .blog-icon-area-inner {
background-color:rgba(0,0,0,.2);
}
.dark-layout .widget.widget_tag_cloud a, .dark-layout .widget.widget_product_tag_cloud a,
.dark-layout .post-tags a {
background-color:rgba(0,0,0,.8);
border: none;
color:rgba(255,255,255,.6);
}
.dark-layout .inline-search-wrapper form .input-wrapper,
.dark-layout .invert .owl-pagination .owl-page.active span {
background-color:rgba(0,0,0,.2);
border: none;
}
.dark-layout .invert .owl-pagination .owl-page.active {
border-color:rgba(0,0,0,.2);
}
.dark-layout .invert .item-info, .dark-layout .invert .item-info a,
.dark-layout .invert .box-list .box-item .item-info a {
color:#676767;
}
.dark-layout .invert .box-list.type1 .box-item .main-head-text a:hover,
.dark-layout .invert .box-list.type2 .box-item .main-head-text a:hover {
opacity: 1;
}
.dark-layout .invert .testimonials-slider p {
color:#222;
}
.dark-layout .invert .owl-pagination .owl-page span {
background-color:rgba(0,0,0,.1);
}
.dark-layout .invert .owl-pagination .owl-page:not(.active):hover span {
background-color: #E89A38;
}
.light-layout .invert .blog-item .blog-item-inner,
.dark-layout .block-area:not(.invert) .blog-item .blog-item-inner,
.dark-layout .block-area:not(.invert) .blog-seperator,
.dark-layout .block-area:not(.invert) .blog-seperator hr,
.dark-layout .block-area:not(.invert) .centered .social-icons-list,
.dark-layout .blog-item .blog-item-inner,
.dark-layout .comments-wrapper.left-side-list .comment-area.post .comment-area-inner,
.dark-layout .blog-detail .blog-seperator,
.dark-layout .blog-detail .blog-seperator hr,
.dark-layout .container-page.portfolio .content:not(.no-media) .item-info-wrapper,
.dark-layout .comment-author-block, .comment-author-block .children,
.light-layout .invert .centered .social-icons-list {
border-color:rgba(255,255,255, .1);
}
.dark-layout .widget ul li a {
color: #fff;
}
.dark-layout .widget ul li a:hover {
opacity: 0.7;
}
.dark-layout .widget_recent_entries .post-date, .dark-layout .posts-with-image .post-date {
color:rgba(255,255,255,0.7);
}
.dark-layout .widget_recent_comments li {
color:rgba(255,255,255,0.7);
}
.dark-layout .author-details .author-name a {
color:#fff;
}
.dark-layout .author-details .author-name a:hover {
opacity: 0.7;
}
.dark-layout .widget .input-wrapper .search-input {
background-color: #111;
border: none;
color: #fff;
}
.dark-layout .widget .input-wrapper .search-input:focus {
border:none;
}
.woocommerce #content {
padding: 90px 15px;
width: 1140px;
margin: 0 auto;
font-size: 14px;
}
.woocommerce .input-text {
height: auto;
padding: 5px;
}
@media (max-width: 900px) {
.fixed-header.logged-in.wpadminbar-enable .site-header.fixed-minify {
top:0!important;
}
}
@media (min-width: 992px) {
.block-area.has-volume-control .block-area-fullscreen-inner {
padding-bottom: 100px!important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.vc_col-sm-3 .box-item .main-head-text,
.vc_col-sm-3 .box-item .main-head-text a,
.slider[data-slider-item="4"] .main-head-text,
.slider[data-slider-item="4"] .main-head-text a,
.vc_col-sm-3 .box-item .link-element .text, .vc_col-sm-3 .box-item .blockquote blockquote,
.slider[data-slider-item="4"] .link-element .text, .slider[data-slider-item="4"] .blockquote blockquote {
font-size:16px!important;
}
}
@media (min-width: 1300px) {
.container, .container-page.tiny-page {
max-width: 1200px;
}
.boxed #wrapper-inner, .boxed .site-header {
max-width: 1200px;
}
.container-page:not(.with-sidebar) .full.block-area .spot-area .spot-area-inner .container-inner,
.full.block-area.spot-area-generic .spot-area .spot-area-inner .container-inner {
max-width: 1200px;
}
.main-navigation.default .navigation > li > a {
padding-left: 14px;
padding-right: 14px;
margin: 0;
}
.no-mobile-device .boxed footer.unfold.activate {
max-width: 1200px;
}
/* 960 Grid */
.narrow-width .container, .narrow-width .container-page.tiny-page {
max-width: 960px;
}
.boxed.narrow-width #wrapper-inner, .boxed.narrow-width .site-header {
max-width: 960px;
}
.narrow-width .container-page:not(.with-sidebar) .full.block-area .spot-area .spot-area-inner .container-inner,
.narrow-width .full.block-area.spot-area-generic .spot-area .spot-area-inner .container-inner {
max-width: 960px;
}
.no-mobile-device .boxed.narrow-width footer.unfold.activate {
max-width: 960px;
}
.main-navigation.default .navigation > li.megamenu > ul.sub-menu {
width: 1110px;
}
}
@media (min-width: 1910px) {
body:not(.boxed):not(.vertical-header-enable) .container-page:not(.with-sidebar) .full .box-list-wrapper.blog-list-wrapper .box-list.masonry:not(.no-padding) .box-list-item[class*="vc_col-sm-"]:not(.vc_col-sm-2),
body:not(.boxed):not(.vertical-header-enable) .container-page:not(.with-sidebar) .full .box-list-wrapper.blog-list-wrapper .box-list.grid .box-list-item[class*="vc_col-sm-"]:not(.vc_col-sm-2) {
width: 20%;
}
.color-box .skills-area h3 {
font-size: 15px;
}
body:not(.boxed) .color-box .percentage-wrapper {
width: 150px;
height: 150px;
}
.light-layout .invert .percentage-wrapper .skill-bg {
border-width: 6px;
}
.color-box .no-icon .percentage-wrapper .percent {
font-size:45px;
}
.color-box .no-icon .percentage-wrapper .percent sup {
font-size: 16px;
}
.color-box .vc_col-sm-6 h1 {
font-size:36px;
}
.color-box .vc_col-sm-3 h1,
.color-box .vc_col-sm-4 h1 {
font-size:24px;
}
.wpb_wrapper .wpb_text_column.fancy-title h1,
.wpb_wrapper .wpb_text_column.fancy-title h2,
.fancy-title {
font-size: 60px;
}
.color-box .testimonials-slider .text p {
font-size: 18px;
}
.mfp-iframe-holder .mfp-content,
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content,
.mfp-image-holder .mfp-content {
max-width:60%;
}
}
@media (min-width: 2100px) {
.mfp-iframe-holder .mfp-content,
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content,
.mfp-image-holder .mfp-content {
max-width:50%;
}
}