/*
-------------------------------------------------------------------
Theme Name: Apeco
Theme URI: http://themes.themewaves.com/apeco
Description: Waves Framework
Author: ThemeWaves
Author URI: http://www.themewaves.com
Version: 1.0.1
Text Domain: apeco
Domain Path: /languages
Tags: dark, light, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/*------------------------------------------------------------------
[Table of contents]
1. Base / Typography / Body / Links forms
2. Wordpress Core
3. Header
4. Menu SF / Menu Customize / Mega Menu / Mobile Menu
5. Page Title / Breadcrumb / Widgets
6. Footer / Footer Widget
7. Blog Single / Post Share / Social Icons / jp Player / Comments
8. Elements / Button / Label / Dropcaps
9. Error 404 / Boxed and Fullwidth Styles
10. Scroll Up Style / BG Video
11. ThemeWaves Page Builder CSS Start
12. Page Builder Elements START
About
Accordion
Carousels
Callout
Pagination
Twitter Carousel
Post Carousel
Portfolio Like It
Portfolio
Chart Graph
Cirlce Chart
Separator
Heading
List
Message Box
Milestone
Pricing Box
Progress Bar
IconBox
Tab
Team
Testimonial
Text Carousel
Twitter
Twitter Carousel
13. Blog
Thumb Hover
Blog Styles
Grid Blog
Filter
Post Formats
Pagination
14. Dark Style (Container style Dark)
15. Margin & Helper Classes
16. Other Helpful CSS
Map
Infinite Scroll
CF7 (Contact Form 7)
Sidebar
Loader Style
-------------------------------------------------------------------*/
/* Theme Waves Theme Styling Start */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
/* ------------ BASE ------------- */
html {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
::selection {
background: #18cca2;
color: #ffffff;
}
::-moz-selection {
background: #18cca2;
color: #ffffff;
}
img.scale-with-grid {
max-width: 100%;
height: auto;
}
ul {
margin: 0;
list-style: none;
}
li{
line-height: 1.9;
}
p {
letter-spacing: 0.01em;
margin: 0 0 20px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.tw-content p:last-child,
.single-portfolio p:last-child{
margin: 0 auto;
}
embed, img {
max-width: 100%;
height: auto;
border: none;
}
iframe{
width: 100%;
max-width: 100%;
border: none;
}
a:hover {
text-decoration: none;
}
/* Typography */
body {
overflow-x: hidden;
line-height: 1.7;
font-size: 14px;
font-weight: 400;
color: #333!important;
background: #ffffff;
font-family: 'Open Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px 0;
padding: 0;
color: #1f1f1f;
font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
line-height: 1.6;
letter-spacing: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 13px;
}
.highlight {
color: #ffc600;
}
p img {
margin: 0;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
small {
font-size: 80%;
}
hr {
clear: both;
margin: 10px 0 30px;
height: 0;
border: solid #ddd;
border-width: 1px 0 0;
}
pre {
overflow-x:auto;
margin: 0 0 20px 0;
padding: 10px 20px;
height: auto;
border: 1px solid #e2e2e2;
background: #f7f7f7;
font-family: Consolas, monospace;
}
.hidden { display: none !important; }
.waves-invisible-column>.wpb_wrapper{opacity: 0 !important;}
dt{
font-weight: 700;
}
dl dd{
margin-left: 15px;
}
.waves-main .vc_col-has-fill>.vc_column-inner,
.waves-main .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.waves-main .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.waves-main .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.waves-main .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.waves-main .vc_row-has-fill>.vc_column_container>.vc_column-inner,
.waves-main .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.waves-main .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{
padding-top: 0;
}
.tw-element{
position: relative;
padding-bottom: 35px;
}
.tw-tabs .tw-element{
padding-bottom: 0;
}
.tw-element.tw-callout{
padding: 35px 0;
}
.tw-on-top{
z-index: 9999;
position: relative;
}
/* 02. Links and Form */
a{
outline: 0;
color: #808080;
text-decoration: none;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
-ms-transition: color 0.4s ease;
transition: color 0.4s ease;
}
a:hover,
a:focus {
outline: 0;
color: #1d2124;
text-decoration: none;
}
ul,
ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol,
ul { margin-left: 10px; }
ol { list-style: decimal; }
ul { list-style: square outside; }
aside ul,.tw-twitter ul.jtwt{position: relative; margin: 0;padding-left: 20px; list-style: none;}
aside ul ul{margin-top: 15px;}
ul li ul,
ol li ul,
ol li ul,
ol li ol { margin-bottom: 0; margin-left: 5px; }
form,
fieldset { margin-bottom: 20px; }
input,
input[type="tel"],
input[type="date"],
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
resize: none;
display: block;
margin: 0;
margin-bottom: 20px;
padding: 14px 16px;
width: 230px;
outline: none;
font-size: 13px;
font-weight: 400;
line-height: 1;
background-color: #fff;
border: solid 1px #dbdbdb;
}
textarea { width: 100%; }
select {
padding: 5px;
width: 220px;
height: 40px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
label,
legend {
display: block;
cursor: pointer;
}
label span,
legend span { font-weight: bold; }
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
border: 2px solid #18cca2;
background: #18cca2;
display: inline-block;
padding: 12px 20px;
color: #fff;
font-size: 12px;
line-height: 1;
cursor: pointer;
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
color: #18cca2;
background: #fff;
}
textarea:focus,
input:focus{
border-color: #18cca2;
}
::-webkit-input-placeholder {
color: #7f7f7f;
line-height: 1.4;
}
:-moz-placeholder { /* Firefox 18- */
color: #7f7f7f;
line-height: 1.4;
}
::-moz-placeholder { /* Firefox 19+ */
color: #7f7f7f;
line-height: 1.4;
}
:-ms-input-placeholder {
color: #7f7f7f;
line-height: 1.4;
}
/* ------------ Table Styling --------------- */
table {
border-collapse: collapse;
border: 1px solid #ccc;
margin-bottom: 1.5em;
}
td, th {
border-top: 1px solid #ccc;
vertical-align: top;
padding: 12px 20px;
}
tbody tr:nth-of-type(2n+1) {
background-color: #f9f9f9;
}
th {
font-weight: bold;
}
/* ------------ Hover Transitions --------------- */
.fixed-sidebar-open,
input[type="submit"],
.tw-top-widget>div,
.header-clone, .tw-menu,
a.btn,
ul.sf-menu,
ul.sf-menu > li > a:before,
ul.sf-menu li ul li a,
ul.sf-menu li ul.waves-mega-menu li,
.sf-menu li:before,
.sf-menu .waves-mega-menu li ul li a,
p.form-submit input,
footer.entry-meta>div,
footer.entry-meta>div .more-icon span,
form.searchform input,
.image-overlay, .tw-social-icon a,
.nextprev-postlink > a,
article.single .tags-container span,
article.single .tags-container a,
.entry-content .more-link,
.tw-recent-portfolios a:before,
.flickr-channel a:before,
.tw-filters a,
.tw-infinite-scroll a,
.waves-pagination ul.page-numbers li a,
.format-icon, .tagcloud a,
.owl-theme .owl-controls .owl-page span,
.tw-image-scroll>.scroll-thumb,
.image-slide-container .tw-owl-item img,
.tw-accordion.wpb_accordion .wpb_accordion_wrapper .ui-icon{
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.tw-iconbox-icon > i,
.tw-iconbox-icon i:after{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
/* ------------ Wordpress Core ------------- */
.alignnone {
margin: 5px 20px 10px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 10px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 10px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 10px 20px;
}
a img.alignnone {
margin: 5px 20px 10px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 10px 0;
}
a img.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption {
padding: 5px 3px;
max-width: 100%; /* Image does not overflow the content area */
border: 1px solid #dbdbdb;
background: #fff;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
margin: 0;
padding: 0;
max-width: 98.5%;
width: auto;
height: auto;
border: 0 none;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 5px 0 0;
font-size: 11px;
line-height: 17px;
}
/* WP Default Gallery */
.gallery {
display: block;
clear: both;
overflow: hidden;
margin: 0 auto;
margin: -1px;
}
.gallery .gallery-row {
display:block;
clear: both;
overflow: hidden;
margin: 0;
}
.gallery .gallery-item {
overflow: hidden;
float: left;
text-align: center;
list-style: none;
padding: 0;
background: #fff;
padding: 1px;
margin: 0;
}
.gallery .gallery-item .gallery-icon {
background: #f5f5f5;
}
.gallery .gallery-item a {
display: block;
position: relative;
}
.gallery .gallery-item a:hover .image-overlay {
opacity: 1;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
margin: 0;
}
.gallery-caption {
margin: 0 0 8px;
font-style: italic;
font-family: arial;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.6%;
}
/* calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar thead th, #wp-calendar tbody td { text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
/* Waves Middle */
.tw-middle:before{content: '';height: 100%;min-height: 100%;display: inline-block;vertical-align: middle;}
.tw-middle>*{vertical-align: middle;display: inline-block;}
/* Waves Absolute Center */
.waves-abs-center{position: absolute; left: 50%;}
.waves-abs-center-inner{position: relative; left: -50%}
/* Top Bar */
.top-bar{
background: #fff;
border-bottom: 1px solid #dbdbdb;
}
.top-left-widget{
float: left;
}
.top-right-widget{
float: right;
}
.tw-top-widget{
position: relative;
display: inline-block;
padding: 11px 15px 12px;
border-left: 1px solid #dbdbdb;
line-height: 1;
}
.top-widget-title{
display: inline-block;
font-size: 12px;
cursor: pointer;
line-height: 1;
}
.top-widget-title i{
margin-right: 9px;
}
.tw-top-widget:last-child{
border-right: 1px solid #dbdbdb;
}
.tw-top-widget>div:not(.tw-social-icon){
position: absolute;
top: 30px;
z-index: 99999;
background: #fff;
min-width: 250px;
opacity: 0;
visibility: hidden;
padding: 10px 20px;
}
.tw-top-widget:hover>div{
opacity: 1;
visibility: visible;
}
.tw-top-widget.right > div{
right: 0;
}
.tw-top-widget div.tw-social-icon{
margin: -11px -15px -12px;
}
.tw-top-widget div.tw-social-icon a{
margin: 0;
border: none;
border-left: 1px solid #dbdbdb;
line-height: 36px;
}
.tw-top-widget div.tw-social-icon a:first-child{
border: none;
}
/* TopBar Dark */
.header-dark .top-bar{
background: #292929;
border-bottom: 1px solid #3d3d3d;
}
.header-dark .tw-top-widget{
border-color: #3d3d3d;
}
.header-dark .tw-top-widget div.tw-social-icon a,
.header-dark .top-widget-title{
color: #808080;
border-color: #3d3d3d;
}
.header-dark .tw-top-widget div.tw-social-icon a:hover{
color: #fff;
}
/* Header */
.waves-header{
position:inherit;
left:0; right:0;
z-index: 999;
}
body.header-fixed .tw-header{
position:inherit;
width: 100%;
z-index: 100;
}
body.header-small .tw-header{
position: fixed;
top: 0;
left: 0;
border-bottom: 1px solid #eee;
}
body.header-dark.header-small .tw-header{
border-color: transparent;
}
.tw-header{
position: relative;
width: 100%;
background-color: #f6f6f6; border-bottom:solid 1px #d4d4d4;
box-shadow: 0 1px 3px rgba(0,0,0,.16);
/*background-color: rgba(38,28,24,0.9);*/
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.16);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.16);
box-shadow: 0 1px 3px rgba(0,0,0,.16);
}
.tw-header > .container{
position: relative;
max-width: 100%;
}
.header-clone,
.header-transparent.header-small .tw-header{
background: #fff;
}
.header-clone,
.header-fixed.header-transparent .header-clone,
.header-fixed.header-absolute .header-clone{
display: none;
}
.header-fixed .header-clone{
display: block;
}
/* Transparent Header */
.header-transparent .tw-header{
background: transparent;
border-bottom: 1px solid #c8c8c8;
}
.header-transparent .tw-header{
position: absolute;
background: transparent;
border-bottom: 1px solid #c8c8c8;
}
body.header-small.header-transparent .tw-header{
border-bottom: none;
}
body.header-transparent .searchform.on-menu input{
background: transparent;
}
/* Absolute Header */
.header-absolute .waves-header{
width: 1170px;
margin: 0 auto;
}
.header-absolute .tw-header{
position: absolute;
top: 40px;
}
.header-absolute .tw-header .container{
width: 1140px;
}
.theme-boxed.header-absolute.header-small .tw-header .container,
.theme-boxed.header-absolute.header-small .waves-header{
width: 100%;
}
/* Logo Center Header */
.header-logocenter .menu-container{
text-align: center;
line-height: 0;
}
.header-logocenter .tw-menu{
display: inline-block;
}
.header-logocenter .tw-logo{
float: right;
padding: 0 15px 0 30px;
}
/* Header Search */
.searchform.on-menu{
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
}
.tw-header-menu i,
.searchform.on-menu i{
line-height: 1;
padding: 10px;
position: absolute;
cursor: pointer;
top: 0;
left: -30px;
font-size: 16px; color:#ff6a00;
}
.searchform.on-menu input{
padding: 0;
height: 34px;
width: 1px;
opacity: 0;
border: none;
box-shadow: none;
font-size: 24px;
}
.search-opened .fixed-sidebar-open,
.search-opened .tw-header-menu>i,
.search-opened .tw-menu ul.sf-menu{
opacity: 0;
}
/* Header Menu */
.tw-header-menu i{
left: auto;
top: 50%;
margin-top: -17px;
right: 0;
}
.body-sidebar .tw-header-menu i,
.body-search .tw-header-menu i{
right: 45px;
}
.body-search.body-sidebar:not(.header-logocenter) .tw-header-menu i{
right: 70px;
}
.header-logocenter .fixed-sidebar-open,
.header-logocenter .tw-header-menu i{
right: auto;
left: 0;
}
.header-logocenter.body-menu .fixed-sidebar-open{
left: 45px;
}
/* Header Dark */
.header-dark .searchform.on-menu .i,
.header-dark ul.sf-menu > li > a,
.header-dark .tw-menu i{
color: #ccc;
}
body.header-transparent.header-dark .tw-header{
background: transparent;
border-bottom-color: rgba(255, 255, 255, 0.15);
}
body.header-dark .searchform.on-menu input,
body.header-transparent.header-dark.header-small .tw-header,
body.header-dark .tw-header, body.header-dark .header-clone,
body.header-dark .sf-menu .waves-mega-menu{
background: #292929;
}
body.header-dark ul.sf-menu li ul.waves-mega-menu > li > ul,
body.header-dark ul.sf-menu li ul.waves-mega-menu > li > div{
border-color: #3d3d3d;
}
body.header-dark ul.sf-menu li ul li a{
border-color: #3d3d3d;
background: #292929;
color:#ccc;
}
body.header-dark ul.sf-menu li ul li:hover > a,
body.header-dark ul.sf-menu li ul li ul li:hover > a,
body.header-dark ul.sf-menu li ul li ul li.current-menu-item a,
body.header-dark ul.sf-menu li ul li.current-menu-item a{
background: #3d3d3d;
color: #fff;
}
body.header-dark .tw-menu i:hover,
body.header-dark ul.sf-menu > li > a:hover,
body.header-dark .sf-menu > li.current_page_item > a,
body.header-dark .sf-menu > li.current_page_ancestor >a,
body.header-dark .sf-menu > li.current-menu-ancestor >a,
body.header-dark .sf-menu > li.current-menu-item > a,
body.header-dark .sf-menu .waves-mega-menu .mega-menu-title,
body.header-dark .sf-menu li:hover:before{
color: #fff;
}
.admin-bar.header-small .tw-header{
top: 32px;
}
.widget_product_categories .widget-title{ color:#ed1c1c!important;}
.tw-sidebar{ background:#fafafa; border:solid 1px #eee;}
.product-categories li a{ color:#333!important;}
.product-categories li a:hover{ color:#ed1c1c!important;}
@media screen and (max-width: 782px){
.admin-bar.header-small .tw-header{
top: 46px;
}
}
@media only screen and (max-width: 480px) {
.woocommerce .waves-main.left ul.products li.product, .woocommerce-page .waves-main.left ul.products li.product, .woocommerce .waves-main.right ul.products li.product, .woocommerce-page .waves-main.right ul.products li.product, .woocommerce .columns-3 .products .product, .woocommerce.columns-3 .products .product{width: 100%;}
}
.tw-logo:before{
content: '';
height: 100%;
min-height: 100%;
display: inline-block;
vertical-align: middle;
}
.tw-logo > .logo,
.tw-logo > .site-name{
vertical-align: middle;
display: inline-block; width:100%;
}
.logo-img{ width:66%;}
body.header-small .tw-header .logo-img{ width:52%;}
h1.site-name {
font-size: 20px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 0;
}
h1.site-name a {
color: #18cca2;
}
/* ------------ Menu SF Essentials ------------- */
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
display: block;
position: relative;
}
.sf-menu ul {
position: absolute;
min-width: 210px;
top: 100%;
left: 0;
text-align: left;
z-index: 99;
display: none;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
z-index: 9999;
display: block;
}
.sf-menu ul ul {
top: 0;
left: 100% !important;
}
/* ThemeWaves Menu Styling*/
.sf-menu {
float: right;
position: relative;
}
ul.sf-menu > li:before{
content: '';
height: 100%;
min-height: 100%;
display: inline-block;
vertical-align: middle;
}
ul.sf-menu > li > a{
position: relative;
padding: 7px 15px;
text-transform: uppercase;
font-size: 16px;
font-weight: 900;
vertical-align: middle;
display: inline-block;
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 15px;
}
ul.sf-menu > li:last-child > a{
padding-right: 0;
}
ul.sf-menu li ul li a{
z-index: 1;
display: block;
}
ul.sf-menu li ul li a,
ul.sf-menu li ul li ul li a{
position: relative;
top: 0;
left: 0;
width: 100%;
color: #000;
padding: 8px 12px;
font-size: 14px;
line-height:22px;
text-transform: uppercase;
background: #e6be57;
/* border-bottom: 1px solid #e6e6e6;*/
}
ul.sf-menu li ul li:last-child a{
border-bottom: none;
}
ul.sf-menu li ul li:hover > a,
ul.sf-menu li ul li ul li:hover > a,
ul.sf-menu .waves-mega-menu li ul li:hover > a{
background: #e6e6e6;
color: #262626;
}
ul.sf-menu li ul li.current-menu-item a,
ul.sf-menu .waves-mega-menu li ul li.current-menu-item a{
background: #e6e6e6;
color: #262626;
}
ul.sf-menu > li > a:hover,
.sf-menu > li.current_page_item > a,
.sf-menu > li.current_page_ancestor >a,
.sf-menu > li.current-menu-ancestor >a,
.sf-menu > li.current-menu-item > a,
.menu > li.current-menu-item > a{
color: #18cca2;
}
.menu-container{
position: relative;
}
ul.sf-menu li ul li[class*="fa-"] a,
ul.sf-menu li ul li[class*="icon-"] a {
padding: 12px 0 12px 50px;
}
.sf-menu li:before{
display: none;
color: #262626;
}
body.header-dark ul.sf-menu li:before{
color: #ccc;
}
.sf-menu li > ul.sub-menu{
border-top: 2px solid #18aecc;
}
.sf-menu ul li:before{
display: block;
text-align: center;
position: absolute;
top: 17px;
width: 14px;
height: 14px;
text-align: center;
left: 25px;
font-size: 14px;
line-height: 14px;
z-index: 9;
-webkit-font-smoothing: antialiased;
}
.sf-menu ul [class^="icon-"]:before, .sf-menu ul [class*=" icon-"]:before {
font-family: Simple-Line-Icons;
}
.sf-menu ul [class^="fa-"]:before, .sf-menu ul [class*=" fa-"]:before{
font-family: FontAwesome;
}
/* ------------ mega menu --------------- */
.row-start {
clear:left;
}
.sf-menu .waves-mega-menu,.sf-menu > li ul{
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.24);
box-shadow: 0 1px 3px rgba(0,0,0,.24);
}
.sf-menu .waves-mega-menu {
background: #fff;
}
.sf-menu .waves-mega-menu>li{
min-height: 10px;
float: left;
}
.sf-menu .waves-mega-menu ul,.sf-menu .waves-mega-menu li{
border: none;
display: block;
position: relative;
top: auto;
left: auto !important;
background: none;
box-shadow: none;
}
ul.sf-menu li ul.waves-mega-menu > li > ul,
ul.sf-menu li ul.waves-mega-menu > li > div{
border-right: 1px solid #e6e6e6;
}
ul.sf-menu li ul.waves-mega-menu > li > ul{
border-top: 1px solid #e6e6e6;
padding: 15px 0;
}
ul.sf-menu li ul.waves-mega-menu > li:last-child > ul,
ul.sf-menu li ul.waves-mega-menu > li:last-child > div{
border-right: none;
}
ul.sf-menu li ul.waves-mega-menu li ul li:hover {
background: #e6e6e6;
}
.sf-menu .waves-mega-menu .mega-menu-title{
font-family: 'Montserrat', sans-serif;
padding:20px 30px;
color: #1f1f1f;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.sf-menu .waves-mega-menu li ul li a{
padding: 12px 30px;
border: none;
}
.sf-menu .waves-mega-menu li ul li[class^="fa-"] a,
.sf-menu .waves-mega-menu li ul li[class*=" fa-"] a{
padding:12px 0 12px 60px;
}
.sf-menu .waves-mega-menu li, .sf-menu .waves-mega-menu ul{
display: block !important;
visibility: visible !important;
}
.mega-menu-items li{
width: 100%;
}
.mega-hot,
.mega-new{
background-color: #eb3844;
color: #fff;
padding: 2px 6px;
border-radius: 2px;
text-align: center;
font-style: normal;
font-size: 10px;
margin-left: 10px;
}
.mega-new{
background-color: #598eeb;
}
.mega-hot,.mega-new{display: none;}
.waves-mega-menu .mega-hot, .waves-mega-menu .mega-new{display: inline-block;}
/* ------------ mobile menu --------------- */
.waves-slide-menu{
background-color: #1f1f1f;
padding: 50px 30px;
}
.waves-slide-menu>nav{
z-index: 1;
padding-left: 7px;
}
.sf-mobile-menu ul li:before{
display: none;
}
.mobile-menu-icon{
position: absolute;
z-index: 99;
top: 50%;
right: 15px;
width: 18px;
height: 15px;
margin-top: -7px;
cursor: pointer;
display: none;
}
.mobile-menu-icon span, .mobile-menu-icon span:before, .mobile-menu-icon span:after {
cursor: pointer;
height: 3px;
width: 18px;
background: #696969;
position: absolute;
top: 0;
z-index: 1000000;
display: block;
content: '';
}
.header-dark .mobile-menu-icon span,.header-dark .mobile-menu-icon span:before,.header-dark .mobile-menu-icon span:after{
background: #fff;
}
.mobile-menu-icon span:before,
.mobile-menu-icon.active span:before, .mobile-menu-icon.active span:after{
top: 6px;
}
.mobile-menu-icon span:after {
top: 12px;
}
.mobile-menu-icon span, .mobile-menu-icon span:before, .mobile-menu-icon span:after {
transition: all 200ms ease-in-out;
}
.mobile-menu-icon.active span {
background-color: transparent;
}
.mobile-menu-icon.active span:before {
transform: rotate(45deg);
}
.mobile-menu-icon.active span:after {
transform: rotate(-45deg);
}
.waves-slide-menu>nav ul{margin: 0 auto;padding:10px 0;list-style: none;}
.waves-slide-menu>nav ul.sub-menu{display: none;padding-bottom: 0;text-align: right;}
.waves-slide-menu>nav ul li{position: relative;display: block;padding:10px;}
.waves-slide-menu>nav ul li a{
display: block;
color: #fff;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
.waves-slide-menu>nav ul li ul li a{
font-size: 11px;
font-weight: 400;
text-transform: capitalize;
text-align: left;
}
.waves-slide-menu>nav ul li a:hover{opacity: 0.8;}
.waves-slide-menu>nav ul li.has-children>.action-expand{
position: absolute;
right: 0;
width: 50px;
padding: 0;
text-align: center;
height: 50px;
font-size: 16px;
line-height: 24px;
cursor: pointer;
color: #888;
z-index: 1;
}
.waves-slide-menu>nav ul li.has-children>.action-expand>.opened,.waves-slide-menu>nav ul li.has-children.menu-open>.action-expand>.closed{display: none;}
.waves-slide-menu>nav ul li.has-children>.action-expand>.closed,.waves-slide-menu>nav ul li.has-children.menu-open>.action-expand>.opened{display: block;}
.waves-slide-menu>nav ul ul li:first-child{border-top:1px solid rgba(255,255,255,.1);}
/* Fixed Sidebar */
.fixed-sidebar{
background-color: #fff;
padding: 30px;
border-left: 1px solid #dbdbdb;
}
.fixed-sidebar-open{
text-align: center;
position: absolute;
cursor: pointer;
font-style: normal;
z-index: 1;
}
.fixed-sidebar.dark{
background-color: #292929;
color: #ccc;
}
.fixed-sidebar-open{
font-size: 16px;
line-height: 1;
top: 50%;
right: 5px;
margin-top: -7px;
}
.body-search:not(.header-logocenter) .fixed-sidebar-open{
right: 45px;
}
.header-dark .container>.fixed-sidebar-open{
color: #fff;
}
.body-sidebar:not(.header-logocenter) .tw-menu,
.body-menu:not(.header-logocenter) .tw-menu,
.body-search:not(.header-logocenter) .tw-menu{
padding-right: 60px;
}
.body-search.body-sidebar:not(.header-logocenter) .tw-menu,
.body-search.body-menu:not(.header-logocenter) .tw-menu,
.body-sidebar.body-menu:not(.header-logocenter) .tw-menu{
padding-right: 90px;
}
.body-sidebar.body-search.body-menu:not(.header-logocenter) .tw-menu{
padding-right: 120px;
}
/* Fixed Sidebar && Mobile Menu */
#waves-extra-menu,
#waves-mobile-menu,
#fixed-sidebar{
position: fixed;
right: -400px;
height: 100%;
width: 320px;
z-index: 1000;
-webkit-transition: right 0.4s ease,left 0.4s ease;
-moz-transition: right 0.4s ease,left 0.4s ease;
-ms-transition: right 0.4s ease,left 0.4s ease;
-o-transition: right 0.4s ease,left 0.4s ease;
transition: right 0.4s ease,left 0.4s ease;
}
.header-logocenter>#waves-extra-menu,
.header-logocenter>#fixed-sidebar{
right: auto;
left: -400px;
}
.show-extra-menu>#waves-extra-menu,
.show-mobile-menu>#waves-mobile-menu,
.show-fixed-sidebar>#fixed-sidebar{
right: 0;
}
.header-logocenter.show-extra-menu>#waves-extra-menu,
.header-logocenter.show-fixed-sidebar>#fixed-sidebar{
right: auto;
left: 0;
}
#waves-extra-menu>i,#waves-mobile-menu>i,#fixed-sidebar>i{
cursor: pointer;
float: left;
margin-top: -30px;
}
.header-logocenter>#waves-extra-menu>i,
.header-logocenter>#fixed-sidebar>i{
float: right;
}
.admin-bar.header-logocenter>#fixed-sidebar>i{
padding-top:32px;
}
.header-logocenter>#fixed-sidebar>i{
padding-right: 30px;
}
.show-extra-menu,
.show-mobile-menu,
.show-fixed-sidebar{
overflow: hidden;
}
.waves-slide-menu>nav>ul>li:before{
position: absolute;
top: 18px;
left: -7px;
content: '';
width: 8px;
height: 8px;
background-image: url('data:image/svg+xml;utf8,');
}
/* ------------ Page Title ------------- */
.tw-title-container{
position: relative;
display: table;
width: 100%;
z-index: 2;
background: #e6e6e6;
background-size: cover;
text-align: center;
background-position: center bottom;
}
.tw-title-container.bg-parallax{
z-index: 0;
}
.tw-title-content{
display: inline-block;
text-align: left;
position: relative;
padding: 0 50px;
}
.tw-title{
display: table-cell;
vertical-align: middle;
}
.tw-title > .container{
position: relative;
}
.tw-title h1 {
margin: 0;
line-height: 1.3;
font-size: 36px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
}
.tw-title .tw-path-animation{
position: absolute;
right: 0;
top: -25px;
display:none;
}
.link-content > svg path,
blockquote > svg path,
.image-overlay:hover svg path,
.tw-title .tw-path-animation path,
.tw-title .tw-path-animation:hover svg path{
fill: none;
stroke: #18cca2;
stroke-width: 2;
stroke-miterlimit: 10;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 3s ease forwards;
}
.link-content > svg,
blockquote > svg{
position: absolute;
left: 40px;
top: 60px;
}
.image-overlay:hover svg path,
.link-content > svg path,
blockquote > svg path{
stroke: #fff;
stroke-width: 4;
}
.isotope-container .link-content > svg path,
.isotope-container blockquote > svg path{
stroke-width: 2;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
.tw-title .page-subtitle{
margin: 0 0 0 2px;
background: #18cca2;
color: #fff;
text-transform: uppercase;
padding: 4px 16px;
display: inline-block;
position: relative;
}
.tw-title .page-subtitle:before{
position: absolute;
width: 0;
height: 0;
bottom: -8px;
left: 17px;
content: '';
border-top: 8px solid #18cca2;
border-right: 8px solid transparent;
}
body.single.single-post .tw-title-container:after{
width: 70px;
height: 70px;
line-height: 70px;
position: absolute;
bottom: -35px;
left: 50%;
margin-left: -35px;
background: #18cca2;
color: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.14);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.14);
box-shadow: 0 2px 2px rgba(0,0,0,.14);
}
/* Breadcrumb */
.tw-breadcrumbs{
visibility: hidden;
margin-top: 10px;
padding: 0 50px;
}
.tw-breadcrumbs > span{
position: relative;
visibility: visible;
padding: 0 8px;
color: #1f1f1f;
font-size: 10px;
text-transform: uppercase;
}
.tw-breadcrumbs > span:hover a{
color: #18cca2;
}
.tw-breadcrumbs > span:after{
position: absolute;
top: 2px;
right: -10px;
content: '';
width: 8px;
height: 8px;
opacity: 0.4;
background-image: url('data:image/svg+xml;utf8,');
}
.tw-breadcrumbs > span:last-child:after{
display: none;
}
.tw-breadcrumbs a{
color: inherit;
}
/* Widget */
h3.widget-title,
.wpb_widgetised_column_heading{
font-size: 11px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 30px;
padding-left: 18px;
position: relative;
}
h3.widget-title:before,
.wpb_widgetised_column_heading:before{
position: absolute;
content: '';
width: 8px;
height: 8px;
left: 2px;
top: 1px;
background-image: url('data:image/svg+xml;utf8,');
}
aside ul li a:hover,
.wpb_widgetised_column ul li a:hover{
color: #18cca2;
}
aside.widget{
margin-bottom: 40px;
}
aside.widget:last-child{
margin-bottom: 0;
border-bottom: none;
}
aside.widget ul,
.widget_nav_menu ul,
.wpb_widgetised_column ul{
padding: 0;
margin: 0;
list-style: none;
}
aside.widget ul li ,
.widget_nav_menu ul li,
.wpb_widgetised_column ul li{
position: relative;
padding: 7px 0;
border-top: 1px solid #dbdbdb;
}
aside.widget ul li > ul li{
border: none;
margin-left: 30px;
margin-top: 0;
padding-top: 8px;
padding-bottom: 8px;
}
#bottom aside.widget ul li{
padding: 0 0 10px;
border: none;
}
#bottom aside.widget ul li:last-child{
padding-bottom: 0;
}
#bottom aside.widget ul li:after{
display: none;
}
/* Search widget */
form.searchform {
position: relative;
margin-bottom: 0;
}
form.searchform input{
padding: 14px 46px 14px 20px;
margin-bottom: 0;
width: 100%;
}
form.searchform .button-search{
position: absolute;
top: 0;
right: 0;
border: 0;
padding: 12px 0 9px;
color: #949494;
background: none;
border-left: 1px solid #dbdbdb;
width: 46px;
height: 100%;
text-align: center;
font-size: 16px;
}
/* Contact info widget */
.footer-dark .contact-info-widget{
min-height: 100px;
background:url(assets/img/contact-background-dark.png) center center no-repeat;
}
.contact-info-widget{
background:url(assets/img/contact-background.png) center center no-repeat;
}
.contact-info-widget ul i{
position: absolute;
margin: 4px 0 0;
font-size: 14px;
}
.contact-info-widget ul div{
padding-left: 25px;
line-height: 1.7;
}
aside.widget .contact-info-widget ul li{
border: none;
padding-bottom: 5px;
}
aside.widget .contact-info-widget ul li:before{
display: none;
}
.footer-light .contact-info-widget ul i{
color: #a3a3a3;
}
/* Flickr Widget Style */
.dribbble-widget,.flickr-widget .flickr-channel{
position: relative;
display: inline-block;
*display: inline;
}
.flickr-widget .flickr-channel,.dribbble-widget,.tw-recent-portfolios{
margin: 0 -3px -3px 0;
}
.flickr-channel a,.dribbble-widget a,.tw-recent-portfolios a{
position: relative;
display: block;
float: left;
margin: 0 3px 3px 0;
}
.flickr-channel a, .tw-recent-portfolios a{
background: #e6e6e6;
width: 82px;
height: 82px;
}
.flickr-channel a img, .tw-recent-portfolios a img{
width: 100%;
}
.flickr-channel a:hover:before,.dribbble-widget a:hover:before,.tw-recent-portfolios a:hover:before{
opacity: 1;
}
.flickr-channel a:before,.dribbble-widget a:before,.tw-recent-portfolios a:before{
font-size: 34px;
width: 100%;
height: 100%;
line-height: 82px;
position: absolute;
content: "+";
text-align: center;
color: #FFF;
top: 0;
background: rgba(89,143,235,.9);
opacity: 0;
}
.dribbble-widget a:before,.dribbble-widget a img{
width: 80px;
height: 60px;
line-height: 60px;
}
.col-md-3 .flickr-channel a,
.col-md-3 .tw-recent-portfolios a{
width: 88px;
height: 88px;
}
.col-md-3 .flickr-channel a:before,
.col-md-3 .tw-recent-portfolios a:before{
line-height: 88px;
}
/* Category Wiget Style */
.widget_archive li>span.post_count,
.widget_categories .cat-item span.post_count{
font-size: 12px;
color: #1f1f1f;
position: absolute;
top: 0;
right: 0;
border-left: 1px solid #dbdbdb;
width: 60px;
height: 100%;
text-align: center;
padding: 7px 0;
}
/* Tag Wiget Style */
.widget .tagcloud{
margin: -5px -3px;
}
.widget .tagcloud a{
display: inline-block;
border: 1px solid #dbdbdb;
color: inherit;
padding: 7px 20px;
margin: 5px 3px;
font-size: 10px !important;
text-transform: uppercase;
}
.tagcloud a:hover,#bottom .tagcloud a:hover{
border-color: #18cca2;
background: #18cca2;
color: #fff;
}
/* Recent Posts Widget */
.tw-post-widget ul{
margin: 0;
padding: 0;
list-style: none;
}
.tw-post-widget.widget ul li{
position: relative;
width: 100%;
padding: 0;
border: none;
margin-bottom: 30px;
}
.tw-post-widget.widget ul li:last-child{
margin-bottom: 0;
border-bottom: 0;
}
.tw-post-widget h4{
font-size: 16px;
line-height: 1.4;
font-weight: 400;
margin-bottom: 6px;
}
.tw-post-widget h4 a{
color: inherit;
}
body.single-post .tw-title-container:after,
.carousel-thumb-container:after,
.tw-post-widget .format-icon:before{
font-family: 'Ionicons';
font-size: 21px;
line-height: 82px;
text-align: center;
display: block;
content: '\f147';
}
body.single-format-quote .tw-title-container:after,
.carousel-thumb-container.quote:after,
.format-icon.quote:before{
content: '\f347';
}
body.single-format-link .tw-title-container:after,
.carousel-thumb-container.link:after,
.format-icon.link:before{
font-family: 'FontAwesome';
content: '\f0c1';
}
body.single-format-audio .tw-title-container:after,
.carousel-thumb-container.audio:after,
.format-icon.audio:before{
content: '\f46c';
}
body.single-format-video .tw-title-container:after,
.carousel-thumb-container.video:after,
.format-icon.video:before{
content: '\f4cd';
}
body.single-format-image .tw-title-container:after,
body.single-format-gallery .tw-title-container:after,
.carousel-thumb-container.image:after,
.carousel-thumb-container.gallery:after,
.format-icon.image:before,
.format-icon.gallery:before{
content: '\f148';
}
.tw-post-widget .recent-thumb{
position: absolute;
left: 0;
background-color: #e6e6e6;
width: 82px;
height: 82px;
overflow: hidden;
}
.tw-post-widget .tw-recent-content{
margin-left: 105px;
min-height: 82px;
}
.tw-post-widget .tw-recent-content .meta{
font-size: 10px;
text-transform: uppercase;
}
.tw-post-widget .tw-recent-content .meta i{
font-size: 12px;
margin-right: 8px;
position: relative;
top: 2px;
}
/* Removing Child Pages from Widgets */
.widget_pages ul.children,
.widget_nav_menu ul.sub-menu,
.menu-main-menu-container .sub-menu{
display: none;
}
/* Bottom widget */
.waves-bottom{
padding: 80px 0 50px;
background: #f5f5f5;
}
.waves-bottom aside.widget{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 30px;
}
.waves-bottom aside.widget ul li{
border-color: #dfdfdf;
}
.waves-bottom aside.widget ul li:last-child{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.waves-bottom h3.widget-title{
padding-left: 0;
}
.waves-bottom h3.widget-title:before{
display: none;
}
.waves-bottom .row > .col-md-12{
text-align: center;
}
/* ------------ Footer ------------- */
.waves-footer {
position: relative;
z-index: 2;
padding: 30px 0;
background: #ebebeb;
text-align: center;
color: #1f1f1f;
}
.waves-footer a{
color: #1f1f1f;
}
.waves-bottom a:hover,
.waves-footer a:hover{
color: #000;
}
.waves-footer p.copyright{
font-size: 12px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 0;
}
/* Fixed Footer */
.fixed-footer {
z-index: 0;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
/* ------------ Blog Single ------------- */
article.single {
position: relative;
margin-bottom: 40px;
}
article.single .link-content,
article.single .entry-media{
margin-bottom: 30px;
}
article.single .entry-media > i{
display: none;
}
article.single .entry-title{
font-size: 24px;
}
article.single .widget .tagcloud{
margin: -5px;
}
article.single .widget .tagcloud a{
margin: 5px;
}
/* Post ShareBox */
.tw_post_sharebox{
position: relative;
padding: 10px 0;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 40px;
}
.tw_post_sharebox .sharebox-icons{
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.sharebox-icons > div{
float: right;
border-left: 1px solid #dbdbdb;
height: 100%;
}
.sharebox-icons > div a{
display: inline-block;
font-size: 13px;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
}
/* Next Prev Post LINK */
.nextprev-postlink > a{
position: absolute;
left: 15px;
top: 50%;
margin-top: -18px;
width: 36px;
height: 36px;
line-height: 32px;
text-align: center;
border: 2px solid #1f1f1f;
color: #1f1f1f;
}
.nextprev-postlink > a:hover:not(.none){
color: #18cca2;
border-color: #18cca2;
}
.nextprev-postlink > a:last-child{
right: 15px;
left: auto;
}
.nextprev-postlink > a.none{
cursor: not-allowed;
}
/* About author on single post */
.bypostauthor{}
.tw-author{
margin-bottom: 40px;
padding: 40px;
border: 1px solid #dbdbdb;
text-align: center;
}
.tw-author .author-image{
position: relative;
display: inline-block;
margin-bottom: 25px;
}
.tw-author .author-image img{
border-radius: 50%;
}
.tw-author .author-image span{
position: absolute;
top: -10px;
right: -10px;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
background: #18cca2;
color: #fff;
border-radius: 50%;
}
.tw-author h3{
font-size: 18px;
font-weight: normal;
}
.tw-author h3 a{
color: inherit;
}
.tw-author h3 a:hover{
color: #18cca2;
}
.tw-author .tw-social-icon a{
border-radius: 50%;
color: #1f1f1f;
}
/* Waves Socials Element */
.tw-socials.tw-element{
padding-bottom: 0;
}
.tw-socials>div{
margin-bottom: 35px;
}
.tw-socials .social-content{
position: relative;
border: 3px solid #dbdbdb;
padding: 25px 30px;
margin-bottom: 40px;
margin-left: 30px;
line-height: 1.4;
color: #1f1f1f;
text-align: center;
}
.tw-socials .social-content>i{
position: absolute;
left: -33px;
bottom: -43px;
width: 70px;
height: 70px;
line-height: 70px;
font-size: 21px;
color:#fff;
background: #18cca2;
}
.tw-socials .social-name{
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0;
}
.tw-socials .social-name a{
color: inherit;
}
/* Social Icons CSS */
.tw-social-icon{
margin: -5px;
}
.tw-social-icon li{
list-style: none;
display: block;
float: left;
margin: 0;
padding: 0;
}
.widget .tw-social-icon a,
.tw-social-icon a{
color: #999;
font-size: 12px;
display: inline-block;
text-align: center;
line-height: 34px;
width: 36px;
height: 36px;
margin: 5px;
border: 1px solid #dbdbdb;
}
.tw-social-icon.layout_2 a,
.tw-social-icon a:hover{
color: #fff;
}
div.tw-social-icon.layout_2 a:hover{
background: transparent;
}
.tw-socials i.facebook,
.tw-social-icon.layout_2 a.facebook,
.tw-social-icon a.facebook:hover{background-color: #3b5998;border-color: #3b5998;}
.tw-socials i.dribbble,
.tw-social-icon.layout_2 a.dribbble,
.tw-social-icon a.dribbble:hover{background-color: #ea4c89;border-color: #ea4c89;}
.tw-socials i.google,
.tw-social-icon.layout_2 a.google,
.tw-social-icon a.google:hover{background-color: #dd4b39;border-color: #dd4b39;}
.tw-socials i.instagram,
.tw-social-icon.layout_2 a.instagram,
.tw-social-icon a.instagram:hover{background-color: #3f729b;border-color: #3f729b;}
.tw-socials i.vine,
.tw-social-icon.layout_2 a.vine,
.tw-social-icon a.vine:hover{background-color: #00b488;border-color: #00b488;}
.tw-socials i.youtube,
.tw-social-icon.layout_2 a.youtube,
.tw-social-icon a.youtube:hover{background-color: #e52222;border-color: #e52222;}
.tw-socials i.twitter,
.tw-social-icon.layout_2 a.twitter,
.tw-social-icon a.twitter:hover{background-color: #55acee;border-color: #55acee;}
.tw-socials i.behance,
.tw-social-icon.layout_2 a.behance,
.tw-social-icon a.behance:hover{background-color: #1769ff;border-color: #1769ff;}
.tw-socials i.pinterest,
.tw-social-icon.layout_2 a.pinterest,
.tw-social-icon a.pinterest:hover{background-color: #cc2127;border-color: #cc2127;}
.tw-socials i.foursquare,
.tw-social-icon.layout_2 a.foursquare,
.tw-social-icon a.foursquare:hover{background-color: #f94877;border-color: #f94877;}
.tw-socials i.twitch,
.tw-social-icon.layout_2 a.twitch,
.tw-social-icon a.twitch:hover{background-color: #6441a5;border-color: #6441a5;}
.tw-socials i.tumblr,
.tw-social-icon.layout_2 a.tumblr,
.tw-social-icon a.tumblr:hover{background-color: #35465c;border-color: #35465c;}
.tw-socials i.trello,
.tw-social-icon.layout_2 a.trello,
.tw-social-icon a.trello:hover{background-color: #0079bf;border-color: #0079bf;}
.tw-socials i.spotify,
.tw-social-icon.layout_2 a.spotify,
.tw-social-icon a.spotify:hover{background-color: #2ebd59;border-color: #2ebd59;}
.tw-socials i.soundcloud,
.tw-social-icon.layout_2 a.soundcloud,
.tw-social-icon a.soundcloud:hover{background-color: #ff8800;border-color: #ff8800;}
.tw-socials i.linkedin,
.tw-social-icon.layout_2 a.linkedin,
.tw-social-icon a.linkedin:hover{background-color: #2088be;border-color: #2088be;}
.tw-socials i.delicious,
.tw-social-icon.layout_2 a.delicious,
.tw-social-icon a.delicious:hover{background-color: #31a9ff;border-color: #31a9ff;}
.tw-socials i.codepen,
.tw-social-icon.layout_2 a.codepen,
.tw-social-icon a.codepen:hover{background-color: #3d3d3d;border-color: #3d3d3d;}
.tw-socials i.github,
.tw-social-icon.layout_2 a.github,
.tw-social-icon a.github:hover{background-color: #333333;border-color: #333333;}
.tw-socials i.wordpress,
.tw-social-icon.layout_2 a.wordpress,
.tw-social-icon a.wordpress:hover{background-color: #999999;border-color: #999999;}
.tw-social-icon.layout_2 a.facebook:hover{color: #3b5998;}
.tw-social-icon.layout_2 a.dribbble:hover{color: #ea4c89;}
.tw-social-icon.layout_2 a.google:hover{color: #dd4b39;}
.tw-social-icon.layout_2 a.instagram:hover{color: #3f729b;}
.tw-social-icon.layout_2 a.vine:hover{color: #00b488;}
.tw-social-icon.layout_2 a.youtube:hover{color: #e52222;}
.tw-social-icon.layout_2 a.twitter:hover{color: #55acee;}
.tw-social-icon.layout_2 a.behance:hover{color: #1769ff;}
.tw-social-icon.layout_2 a.pinterest:hover{color: #cc2127;}
.tw-social-icon.layout_2 a.foursquare:hover{color: #f94877;}
.tw-social-icon.layout_2 a.twitch:hover{color: #6441a5;}
.tw-social-icon.layout_2 a.tumblr:hover{color: #35465c;}
.tw-social-icon.layout_2 a.trello:hover{color: #0079bf;}
.tw-social-icon.layout_2 a.spotify:hover{color: #2ebd59;}
.tw-social-icon.layout_2 a.soundcloud:hover{color: #ff8800;}
.tw-social-icon.layout_2 a.linkedin:hover{color: #2088be;}
.tw-social-icon.layout_2 a.delicious:hover{color: #31a9ff;}
.tw-social-icon.layout_2 a.codepen:hover{color: #3d3d3d;}
.tw-social-icon.layout_2 a.github:hover{color: #333333;}
.tw-social-icon.layout_2 a.wordpress:hover{color: #999999;}
/* Comments */
.comment-form input[type="text"], .comment-form-comment textarea{
margin: 10px 0 0;
width: 100%;
display: inline-block;
background: #fff;
margin-bottom: 0;
padding: 13px 18px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.comment-form-comment textarea {
padding: 15px 18px;
}
.comment-form input[type="submit"] {
padding: 20px;
font-weight: bold;
font-size: 11px;
width: 180px;
border-width: 2px;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.comment-form-author>p {
float: left;
width: 50%;
padding-right: 20px;
}
.comment-form-author>p.comment-form-email {
padding-right: 0;
padding-left: 5px;
}
.comment-form-author p label {
display: inline-block;
margin-left: 20px;
text-transform: uppercase;
}
.comment-form-author span.required {
color: #fe4743;
}
.comment-form-comment textarea{
margin-bottom: 5px;
max-width: 100%;
line-height: 1.4;
}
.comment-title-container h4,
h3.comment-reply-title{
margin-top: 20px;
font-size: 18px;
font-weight: normal;
}
.comment-author-img{
float: left;
margin-right: 30px;
}
.comment-author-link{
display: inline-block;
line-height: 1;
font-size: 18px;
font-weight: normal;
}
.comment-meta a{
color: inherit;
}
.comment-meta a:hover{
color: #18cca2;
}
.comment-meta>span{
float: right;
padding-left: 20px;
text-transform: uppercase;
font-size: 10px;
}
.comment-meta>span i{
font-size: 12px;
padding-right: 10px;
position: relative;
top: 1px;
}
.comment-body {
position: relative;
margin-left: 100px;
color: #666;
}
.comment-body p:last-child {
margin-bottom: 0;
}
.comment-list .comment-block .comment-block {
margin-left: 100px;
}
.comment-block .comment{
position: relative;
float: left;
margin-bottom: 50px;
width: 100%;
}
.comments-divider{
margin-bottom: 10px;
}
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}
/* ------------ Elements --------------- */
/* Button */
.entry-content .vc_btn3{
text-transform: uppercase;
font-weight: bold;
}
.entry-content .vc_btn3.vc_btn3-shape-square{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.entry-content .vc_btn3.vc_btn3-size-lg{
font-size: 12px;
}
.entry-content .vc_btn3.vc_btn3-size-md{
font-size: 11px;
}
.entry-content .vc_btn3.vc_btn3-size-sm, .entry-content .vc_btn3.vc_btn3-size-xs{
font-size: 10px;
}
/* Label */
.label {
padding: 7px 5px;
color: #fff;
}
/* Dropcaps */
.tw-dropcap {
float: left;
margin-top: 8px;
margin-right: 20px;
text-transform: uppercase;
font-size: 36px;
line-height: 1;
font-weight: 400;
}
.tw-dropcap.dropcap_square, .tw-dropcap.dropcap_circle {
width: 50px;
height: 50px;
font-size: 30px;
text-align: center;
background-color: #1d2124;
color: #FFF;
}
.tw-dropcap.dropcap_circle{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
line-height: 49px;
}
.tw-dropcap.dropcap_circle.dropcap_border,.tw-dropcap.dropcap_square{
line-height: 46px;
}
.tw-dropcap.dropcap_border{
border: 2px solid #1d2124;
background-color: transparent;
}
/* ------------ Error 404 ------------- */
#error404-container{
position: relative;
}
#error404-container form.searchform{
margin-bottom: 20px;
}
h2.errorh2{
font-size: 24px;
font-weight: normal;
color: #787d82;
}
.tw-404-search-container form{
display: inline-block;
margin: 0;
}
#error404-container ul{
list-style: none;
}
/* ------------ Search Result ------------- */
body.search-results article.page .entry-meta,
body.search-results article.portfolio .entry-meta{
display: none;
}
body.search-results article.page .entry-content,
body.search-results article.portfolio .entry-content{
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #dbdbdb;
}
/* Theme Fullwidth Layout Style */
body.theme-full.menu-left {
margin-left: 300px;
}
body.theme-full.menu-right {
margin-right: 300px;
}
/* Theme Boxed Layout Style*/
.theme-boxed #theme-layout{
margin-left: auto;
margin-right: auto;
position: relative;
width: 1230px;
max-width: 100%;
}
.theme-boxed #theme-layout .waves-main > .entry-content > .vc_row{
margin-left: -30px;
margin-right: -30px;
}
.theme-boxed #theme-layout .waves-main > .entry-content > .vc_row > .wpb_column.vc_column_container{
padding-left: 30px;
padding-right: 30px;
}
.theme-boxed .tw-header{
-webkit-transition: background 0.4s ease;
-moz-transition: background 0.4s ease;
-o-transition: background 0.4s ease;
-ms-transition: background 0.4s ease;
transition: background 0.4s ease;
}
.theme-boxed .fixed-footer,
.theme-boxed.header-small .tw-header{
width: 1230px;
left: auto;
right: auto;
max-width: 100%;
}
.ie8 .theme-boxed.header-small .tw-header,
.ie8 .theme-boxed{
width: 1000px;
}
/* Scroll Up Style */
#scrollUp {
position: fixed;
z-index: 99;
right: 30px;
bottom: 31px;
display: none;
width: 40px;
height: 40px;
color: #FFF;
text-align: center;
background-color: #18cca2;
font-size: 14px;
line-height: 38px;
cursor: pointer;
}
#scrollUp:hover{
opacity: .8;
}
/* Container background Video */
.background-video-player-container,.background-video,.video-mask,.video-mask-color{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.background-video>.wp-video{
min-width: 100%;
}
.video-mask{
top: 0;
left: 0;
z-index: 3;
cursor: pointer;
background-image: url(assets/img/video-mask.png);
background-repeat: repeat;
background-size: 2px 2px;
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}
.video-mask-color{
top: 0;
left: 0;
z-index: 3;
background: #000;
zoom: 1;
filter: alpha(opacity=30);
opacity: .3;
}
.bg-video-container{
text-align: center;
margin-top: 44px;
margin-bottom: 46px;
z-index: 999999;
position: relative;
}
.bg-video-container .bg-video-play{
cursor: pointer;
color: #fff;
width: 92px;
height: 92px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #f5f5f5;
background-color: rgba(255,255,255,.2);
font-size: 22px;
line-height: 92px;
margin: 50px auto;
position: relative;
z-index: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.bg-video-play:hover{
color: #ffffff;
background-color:rgba(0,0,0,.33);
border-color:#ffffff;
}
.bg-video-container h2{
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size:24px;
}
.bg-video-horizontal{
position: relative;
}
.bg-video-horizontal h2{
position: absolute;
width: 50%;
padding-right: 125px;
top: 50%;
margin-top: -70px;
font-size: 40px;
}
.bg-video-horizontal h2.bg-video-last-text{
right: 0;
padding-right: 0px;
padding-left: 125px;
}
.tw-element.tw-video{
position: relative;
overflow: hidden;
}
.background-video .mejs-overlay-play,
.background-video .mejs-controls{
display: none !important;
}
/* ThemeWaves Page Builder CSS Start */
/* Main Grid Padding CSS */
#main{
padding: 80px 0;
background: #fff;
}
.page.wpb-js-composer.waves-composer #main{
padding: 0;
}
.page.wpb-js-composer.waves-composer .entry-content > .vc_row.wpb_row:first-child{
padding-top: 70px;
}
.page.wpb-js-composer.waves-composer .tw-sidebar{
padding-top: 30px;
padding-bottom: 30px;
}
#main,#slider{
position: relative;
z-index: 1;
}
/* Page Builder Elements START */
/* Tab Element */
.tw-tabs.wpb_tabs .wpb_tabs_nav li{
margin: 0;
float: none;
display: inline-block;
background: transparent;
}
.tw-tabs.wpb_tabs .wpb_tabs_nav li:hover,
.tw-tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active{
background-color: transparent;
}
.tw-tabs.wpb_content_element .wpb_tabs_nav li:not(.ui-tabs-active):hover a{
border-color: #18cca2;
background: #18cca2;
color: #fff;
}
.tw-tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a{
border: 2px solid #18cca2;
padding: 17px 19px 29px;
margin-bottom: -2px;
position: relative;
}
.tw-tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a:after{
width: 100%;
height: 2px;
content: '';
background: #fff;
position: absolute;
left: 0;
bottom: -2px;
z-index: 1;
}
.tw-tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a{
background: #fff;
padding: 18px 20px;
font-size: 11px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
color: #1f1f1f;
border: 1px solid #dbdbdb;
margin: 0 10px 10px 0;
}
.tw-tabs .ui-tabs-panel{
background: #fff;
padding: 20px;
border: 2px solid #18cca2;
z-index: 0;
}
.tw-tabs.wpb_tabs .wpb_tabs_nav.tabs-center{
text-align: center;
}
.tw-tabs.wpb_content_element .wpb_tabs_nav.tabs-center a{
margin-right: 5px;
margin-left: 5px;
}
.tw-tabs.wpb_tabs .wpb_tabs_nav.tabs-right{
text-align: right;
}
.tw-tabs.wpb_content_element .wpb_tabs_nav.tabs-right a{
margin-right: 0;
margin-left: 10px;
}
.tw-tabs .ui-tabs-panel .wpb_content_element{
margin-bottom: 0;
}
/* Featured Tab */
.tw-tabs.featured{
margin: -10px;
padding: 10px;
background: #f0f0f0;
}
.tw-tabs.featured .ui-tabs-panel,
.tw-tabs.featured .wpb_tabs_nav li.ui-tabs-active a,
.tw-tabs.featured .wpb_tour_tabs_wrapper .wpb_tabs_nav a{
border-color: #fff;
}
/* Accordion, Toggle, Tour Element */
.tw-tour.wpb_tour .wpb_tabs_nav li,
.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header{
margin: 0 0 -1px 0;
border: 1px solid #dbdbdb;
}
.tw-tour .ui-tabs-panel{
margin-left: 31.66666667%;
}
.tw-toggle .vc_toggle_title.ui-state-active,
.tw-tour.wpb_tour .wpb_tabs_nav li.ui-state-active,
.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active{
border-width: 2px;
border-color: inherit;
margin-bottom: 0;
}
.tw-tour.wpb_tour .wpb_tabs_nav>li,
.tw-tour.wpb_tour .wpb_tabs_nav>li.ui-state-active{
z-index: 1;
margin-bottom: 10px;
}
.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active{
border-bottom: none;
}
.tw-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{
padding: 0 25px 25px 25px;
}
.tw-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content.ui-accordion-content-active{
border: 2px solid #18cca2;
border-color: inherit;
border-top: none;
position: relative;
}
.tw-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.tw-accordion.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{
background: none;
overflow: hidden;
}
.tw-accordion .wpb_accordion_header.ui-accordion-header-active{
border-width: 2px 2px 0 2px;
border-color: #18cca2;
}
.tw-toggle .vc_toggle_title > h4,
.tw-tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
color: #1f1f1f;
padding: 20px 25px;
display: block;
margin-bottom: 0;
}
.tw-toggle .vc_toggle_title i,
.tw-tabs .wpb_tabs_nav a > i,
.tw-accordion .wpb_accordion_header a > i{
font-size: 14px;
padding-right: 10px;
position: relative;
top: 1px;
margin: -3px 0;
}
.tw-accordion.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon{
background: none;
width: 12px;
height: 14px;
margin-right: 10px;
line-height: 1;
margin-top: 10px;
z-index: 1;
}
.tw-accordion .ui-state-default .ui-icon:before{
font-family: 'Ionicons';
content: '\f218';
}
.tw-accordion .ui-state-active .ui-icon:before{
content: '\f209';
}
.tw-tour.wpb_tour .wpb_tabs_nav{
margin-right: 30px;
}
.tw-tour .wpb_tour_tabs_wrapper .tw-element{
padding: 0;
}
.tw-tour .wpb_tour_next_prev_nav{
padding-left: 30px;
}
.vc_toggle > div{
border-color: #18cca2;
}
.vc_toggle .tw-toggle{
border: 3px solid #dbdbdb;
}
.vc_toggle .tw-toggle:hover{
border-color: inherit;
}
.vc_toggle_active .tw-toggle .vc_toggle_content{
display: block;
}
.vc_toggle.vc_toggle_active .tw-toggle{
border-width: 3px;
border-color: inherit;
}
.tw-toggle .vc_toggle_content{
margin: 0;
padding: 15px 25px 30px;
}
/* Style 2 Accordion & Tab */
.style-2.tw-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{
border-color: transparent;
}
.style-2.tw-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{
background: #fff;
}
.style-2.tw-toggle .vc_toggle_title > h4,
.style-2.tw-tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.style-2.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{
color: #fff;
}
.style-2 .tw-accordion-tab{
background: #18cca2;
}
.style-2.tw-toggle .vc_toggle_title.ui-state-active > h4,
.style-2.tw-tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav.ui-state-active a,
.style-2.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a{
background: #fff;
color: #1f1f1f;
}
.style-2.tw-toggle .vc_toggle_title .ui-icon,
.style-2.tw-accordion.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon{
color: #fff;
}
.style-2.tw-toggle .vc_toggle_title.ui-state-active .ui-icon,
.style-2.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active .ui-icon{
color: #1f1f1f;
}
/* Style 3 Accordion & Tab */
.style-3.tw-toggle,
.style-3.tw-accordion.wpb_accordion{
background: #f0f0f0;
padding: 10px 10px 1px 10px;
}
.style-3.tw-toggle .tw-toggle-tab,
.style-3.tw-accordion .tw-accordion-tab{
background: #fff;
}
.style-3.tw-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.style-3.tw-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{
border: none;
}
.tw-accordion-tab{
margin-bottom: 10px;
border-color: #18cca2
}
.btn{
font-size: 12px;
line-height: 1;
text-transform: uppercase;
font-weight: normal;
display: inline-block;
padding: 16px 25px;
border: 2px solid transparent;
background: #1f1f1f;
color: #fff;
}
.btn.btn-border{
color: #1f1f1f;
border-color: #1f1f1f;
background: transparent;
}
.btn-s{
min-width: 90px;
padding: 12px 16px;
font-size: 10px;
}
.btn-m{
padding: 16px 23px;
}
.btn-l{
padding: 20px 26px;
font-size: 13px;
}
.btn-xl{
padding: 24px 29px;
font-size: 13px;
}
.btn i{
margin-left: 10px;
}
/* Callout Element */
.tw-callout{
display: table;
margin-left: auto;
margin-right: auto;
}
.tw-callout > h4{
display: table-cell;
vertical-align: middle;
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
}
.tw-callout > p{
display: table-cell;
vertical-align: middle;
padding-right: 10px;
}
.tw-callout > p:last-child{
padding-right: 0;
}
.tw-callout .btn{
margin: 5px 0 5px 20px;
}
/* Carousel Element */
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* Owl Carousel Start*/
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
/* margin: 40px 3px 0;*/
padding: 2px;
display: inline-block;
border: 2px solid transparent;
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 8px;
height: 8px;
background: #666;
}
.owl-theme .owl-controls .owl-page.active,
.owl-theme .owl-controls.clickable .owl-page:hover{
/*border-color: #666;*/
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel li{
list-style: none;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
position: relative;
overflow: hidden;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-controls .owl-pagination{
text-align: center;
}
.image-slide-container .owl-controls .owl-buttons div{
position: absolute;
top: 50%;
left: 30px;
color: #fff;
width: 36px;
height: 36px;
line-height: 30px;
text-align: center;
border: 2px solid #fff;
}
.image-slide-container .owl-controls .owl-buttons div:hover{
border-color: transparent;
background-color: #18cca2;
}
.image-slide-container .owl-controls .owl-buttons div.owl-next{
left: auto;
right: 30px;
}
/* mouse grab icon */
.grabbing {
cursor:move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/* Theme Post Carousel */
.tw-carousel-container{
position: relative;
}
.tw-post-carousel{
margin: 0 -15px;
}
.tw-post-carousel .tw-owl-item{
padding: 0 15px;
}
.carousel-thumb-container{
position: relative;
margin-bottom: 58px;
margin-left: 35px;
line-height: 0;
}
.tw-post-carousel .carousel-thumb-container:after{
width: 70px;
right: 0;
font-size: 28px;
}
.tw-post-carousel .carousel-thumb{
background: #e6e6e6;
position: relative;
width: 100%;
height: 100%;
right: 35px;
top: 35px;
}
.carousel-thumb .entry-media > i{
display: none;
}
.tw-post-carousel .format-icon{
display: table;
width: 100%;
}
.tw-post-carousel .format-icon:before{
font-family: 'Fontawesome';
font-size: 35px;
display: table-cell;
vertical-align: middle;
content: '\f1c5';
}
.tw-carousel .carousel-title{
font-size: 18px;
font-weight: normal;
line-height: 1.3;
letter-spacing: -0.05em;
margin-bottom: 10px;
padding-right: 70px;
}
.tw-carousel .carousel-title a{
color: inherit;
}
.tw-carousel .carousel-title a:hover{
color: #18cca2;
}
.tw-carousel .tw-owl-item{
display: none;
}
.tw-carousel > .tw-owl-item:first-child{
display: block;
margin: 0 auto;
width: 400px;
}
.owl-carousel .tw-owl-item{
display: block;
}
/* Partner Carousel */
.tw-partner{
text-align: center;
padding-bottom:0;
}
.tw-partner.tw-carousel-container:not(.dark) img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.tw-partner.tw-carousel-container img:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
/* Carousel Testimonials */
.tw-testimonial{
text-align: center;
}
.testimonial-item{
display: none;
}
.testimonial-item:first-child{
display: block;
}
.testimonial-item > i{
font-size: 21px;
color: #18cca2;
margin: 5px 0 3px;
display: inline-block;
}
.testimonial-img{
width: 92px;
height: 92px;
border-radius: 50%;
margin-bottom: 17px;
}
.testimonial-name{
line-height: 1.3;
letter-spacing: -0.03em;
margin-bottom: 0;
font-size: 16px;
font-weight: normal;
}
.testimonial-content{
max-width: 760px;
margin: 0 auto;
}
.tw-testimonial .owl-buttons div{
position: absolute;
left: 0;
top: 50%;
font-size: 64px;
line-height: 1;
margin-top: -32px;
color: #1f1f1f;
z-index: 2;
}
.tw-testimonial .owl-buttons div.owl-next{
left: auto;
right: 0;
}
.tw-testimonial .owl-buttons div:after{
content: '';
width: 14px;
height: 14px;
position: absolute;
top: 50%;
margin-top: -7px;
right: -7px;
border: 2px solid #18cca2;
z-index: -1;
}
.tw-testimonial .owl-buttons div.owl-next:after{
right: auto;
left: -7px;
}
/* Testimonails layout 2 */
.testimonial-imgs{
display: inline-block;
width: 100%;
max-width: 570px;
background-image: url('data:image/svg+xml;utf8,');
}
.testimonial-imgs>div{
float: left;
width: 70px;
height: 70px;
background: #dbdbdb;
margin-top: 11px;
cursor: pointer;
}
.testimonial-imgs>div.next-img{
float: right;
}
.testimonial-imgs>div,
.testimonial-imgs .image-overlay,
.testimonial-imgs>div>img{
border-radius: 50%;
}
.testimonial-imgs .image-overlay i{
font-size: 16px;
border-color: transparent;
}
/* Testimonails layout 3 */
.tw-testimonial.layout3 .tw-carousel{
margin: 0 -15px;
}
.tw-testimonial.layout3 .testimonial-item{
padding: 6px 15px 0;
}
.tw-testimonial.layout3 .testimonial-item > i{
font-size: 16px;
width: 32px;
height: 32px;
line-height: 28px;
border: 2px solid #18cca2;
margin: 14px 0 13px;
}
.tw-testimonial.layout3 .testimonial-img{
box-shadow: 0 0 0 6px #fff;
}
/* Single Portfolio */
article.single-portfolio .media-container img{
width: 100%;
}
article.single-portfolio > .media-container{
margin-bottom: 60px;
}
.portfolio-image{
margin-bottom: 30px;
}
.portfolio-image:last-child{
margin-bottom: 0;
}
.portfolio-single-content p.meta-text{
margin-bottom: 25px;
}
.col-md-4 > .portfolio-single-content{
padding-left: 30px;
}
.portfolio-single-content > .portfolio-meta{
margin-bottom: 40px;
}
.portfolio-single-content .tw_post_sharebox{
margin-bottom: 0;
}
.portfolio-single-content .tw-title{
display: block;
}
.portfolio-single-content .page-subtitle{
font-size: 10px;
padding: 4px 11px;
margin-left: 1px;
}
.portfolio-single-content .page-subtitle:before{
left: 10px;
border-width: 6px;
bottom: -6px;
}
h4.desc-title{
font-size: 18px;
margin-bottom: 25px;
}
h5.meta-title{
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 6px;
}
.portfolio-btn{
margin-top: 12px;
padding: 15px 20px;
}
.single-portfolio .col-md-4.pos-top,
.single-portfolio .col-md-4.pos-bottom{
position: fixed;
}
.single-portfolio .col-md-4.pos-bottom-abs{
position: absolute;
bottom: 0px;
right: 0px;
}
/* Portfolio */
.tw-isotope-container{overflow: hidden;}
.tw-portfolio .isotope-container{
margin: 0 -30px -30px 0;
}
.tw-portfolio article.portfolio{
padding: 0 30px 50px 0;
max-width: 100%;
}
.tw-portfolio article.portfolio.layout2{
padding: 0 30px 30px 0;
}
.tw-portfolio .portfolio-meta{
display: block;
margin-top: 6px;
}
.portfolio-thumb>img{
width:100%;
}
.portfolio-thumb {
position: relative;
overflow: hidden;
max-height: 100%;
}
/* Portfolio Hover Content */
.tw-portfolio .meta-text>i{
font-size: 12px;
font-weight: 500;
position: relative;
top: 2px;
padding-right: 10px;
}
.tw-portfolio .image-overlay .meta-text>a{
font-size: 10px;
text-transform: uppercase;
}
.tw-portfolio .portfolio-title>a{
color: inherit;
}
.tw-portfolio .image-overlay a,
.tw-portfolio .image-overlay .portfolio-title,
.tw-portfolio .image-overlay>.image-overlay-inner{
color: #fff;
font-weight: 400;
}
.tw-portfolio .image-overlay .portfolio-title{
margin: 24px 0 4px;
}
.tw-portfolio .portfolio-content .portfolio-title{
margin-top: 15px;
margin-bottom: 5px;
text-transform: capitalize;
}
.tw-portfolio .portfolio-content .meta-text{
text-transform: uppercase;
font-size: 10px;
line-height: 1;
}
/* Portfolio Animation */
div.isotope-container article.initing{
-webkit-transition-duration: 0.5s !important;
-moz-transition-duration: 0.5s !important;
-ms-transition-duration: 0.5s !important;
-o-transition-duration: 0.5s !important;
transition-duration: 0.5s !important;
}
article.not-inited{
-webkit-transition-duration: 0s !important;
-moz-transition-duration: 0s !important;
-ms-transition-duration: 0s !important;
-o-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 0;
}
/* Related portfolios */
#main .related_portfolios{
border-top: 1px solid #dbdbdb;
margin-top: 70px;
padding-top: 60px;
}
/* Image overlay */
.image-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(89,143,235,.9);
text-align: center;
}
.image-overlay:before{
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.image-overlay>.image-overlay-inner{
width: 100%;
}
.image-overlay .overlay-icon{
display: inline-block;
position: relative;
}
.image-overlay svg{
position: absolute;
top: 0;
left: 0;
}
.image-overlay .overlay-icon{
width: 70px;
height: 70px;
line-height: 70px;
color: #fff;
display: inline-block;
font-size: 32px;
opacity: 0;
}
.tw-thumbnail:hover a,
.portfolio-thumb:hover a,
.tw-thumbnail:hover .image-overlay,
.portfolio-thumb:hover .image-overlay{
opacity: 1;
}
/* Graph Chart, Pie Chart on Page Builder */
.list-desc,.with-list-desc{
display: inline-block;
vertical-align: middle;
}
.list-desc{
width: 30%;
opacity: 0;
}
.with-list-desc{
width: 70%;
}
.list-desc>ul{
list-style: none;
margin: 0;
padding-left: 10px;
}
.list-desc>ul>li>i{
display: inline;
margin-right: 10px;
font-size: 6px;
}
/* Circle Chart Element */
.tw-circle-chart.tw-element{
padding-bottom: 0;
text-align: center;
}
.tw-circle-chart>div{
margin-bottom: 35px;
}
.tw-circle-chart-inner{
position: relative;
margin: 0 auto;
color: #1f1f1f;
font-size: 24px;
border: 4px solid transparent;
width: 112px;
height: 112px;
line-height: 105px;
}
.tw-circle-chart-inner.circle{
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tw-circle-chart-inner svg,
.tw-circle-chart-inner canvas{
position: absolute;
top: 0;
left: 0;
}
.tw-circle-chart-inner.draw path{
animation-delay: 1s;
animation: dash 1s linear forwards;
}
.tw-circle-chart h5{
font-size: 14px;
font-weight: normal;
letter-spacing: 0.05em;
text-transform: uppercase;
margin: 34px 0 0;
}
.tw-circle-chart p{
margin-top: 17px;
}
/* Separator Element */
.tw-divider{
position: relative;
text-align: center;
}
.tw-divider>.divider-line{
position: relative;
margin: 0 auto;
border-top-style: solid;
}
.tw-divider.type-dashed>.divider-line{
border-top-style: dashed;
}
.tw-divider>.divider-icon{
position: absolute;
width: 58px;
text-align: center;
}
.tw-divider>.divider-icon i{
padding: 0 1px;
font-size: 21px;
font-family: FontAwesome;
}
.divider-icon.center{left:50%;margin-left: -29px;}
.divider-icon.left{left:0; width: 40px; text-align: left;}
.divider-icon.right{right:0; width: 40px; text-align: right;}
.divider-line.left{margin-left:0;}
.divider-line.right{margin-right:0;}
/* Heading Element */
.tw-heading{
position: relative;
text-align: center;
line-height: 0;
}
.tw-heading.left{text-align: left;}
.tw-heading.right{text-align: right;}
.tw-heading>.heading-title{
position: relative;
text-transform: uppercase;
font-size: 24px;
font-weight: normal;
line-height: 1.4;
display: inline-block;
margin: 0;
}
.tw-heading>.heading-subtitle{
line-height: 1.5;
display: block;
margin-top: 5px;
}
.tw-heading>.heading-title:after{
position: absolute;
content: '';
width: 16px;
height: 16px;
right: -16px;
top: -12px;
background-image: url('data:image/svg+xml;utf8,');
}
.tw-heading .tw-shape{
margin: 25px auto 0 auto;
display: block;
}
.tw-heading.left .tw-shape{
margin-left: 0;
}
.tw-heading.right .tw-shape{
margin-right: 0;
}
.tw-heading .title-seperator{
margin-top: 15px;
display: block;
width: 60px;
height: 3px;
}
/* Small Title */
.tw-heading.small{
padding-bottom: 25px;
}
.tw-heading.small>.heading-title{
font-size: 18px;
letter-spacing: -0.03em;
text-transform: none;
}
.tw-heading.small>.heading-title:after{
background-image: url('data:image/svg+xml;utf8,');
}
/* List Element */
.tw-list ul{
list-style: none;
padding-left: 0;
margin: 0 0 0 30px;
}
.tw-list li>i{
color: #18cca2;
padding: 1px;
width: 25px;
text-align: left;
}
.tw-list li{
line-height: 2.3;
}
.tw-list li>img{
max-width: 30px;
padding-right: 12px;
}
/* Message Box Element*/
.alert{
position: relative;
margin-bottom: 6px;
padding: 12px 15px;
background: #f5f5f5;
color: #999;
}
.alert i{
margin-right: 15px;
width: 10px;
text-align: center;
font-weight: bold;
}
.alert i.fa-close{
position: absolute;
right: 5px;
top: 17px;
}
.alert:last-child{
margin-bottom: 0;
}
.alert-success,
.alert-success a{
background-color: #ccfff7;
color: #15d6b6;
}
.alert-info,
.alert-info a{
background-color: #cceeff;
color: #00a0f0;
}
.alert-warning,
.alert-warning a{
background-color: #ffccd4;
color: #18cca2;
}
.alert-question,
.alert-question a{
background-color: #fffbe5;
color: #e5bf00;
}
.alert-safe,
.alert-safe a{
background-color: #daccff;
color: #8b6ae6;
}
/* Milestone Element */
.tw-milestones.tw-element{
padding-bottom: 0;
}
.tw-milestones-box{
position: relative;
text-align: center;
margin-bottom: 35px;
}
.tw-milestones-box>i,
.tw-milestones-box>img{
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
line-height: 70px;
font-size: 32px;
color: #fff;
background: #18cca2;
}
.tw-milestones-count>.tw-milestones-show{
float: left;
}
.tw-milestones-show.not-animated,
.tw-milestones-show.empty{
opacity: 0;
}
.tw-milestones-count{
font-size: 36px;
line-height: 1;
letter-spacing: -0.04em;
color: #1f1f1f;
display: inline-block;
*display: inline;
}
.tw-milestones-content{
padding: 35px 20px;
border: 3px solid #dbdbdb;
line-height: 1.5;
}
.tw-milestones-content.with-icon{
margin: 30px 0 0 30px;
}
/* Price Block Element */
.tw-element.tw-pricing{
margin: 0 -15px;
text-align: center;
}
.pricing-box{
border: 1px solid #dbdbdb;
background: #fff;
margin: 0 15px;
position: relative;
line-height: 1;
}
.pricing-column .pricing-header{
position: relative;
padding: 37px 0 15px;
border-bottom: 1px solid #dbdbdb;
color: #1f1f1f;
}
.pricing-column .pricing-header:after{
content: '';
position: absolute;
bottom: -3px;
height: 3px;
width: 40px;
background: #18cca2;
margin-left: -20px;
}
.pricing-header .time{
position: absolute;
background: #18cca2;
color: #fff;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
top: 19px;
left: -1px;
padding: 7px 10px;
}
.pricing-header h1{
font-size: 16px;
text-transform: uppercase;
margin: 8px;
}
.pricing-header .symbol{
font-size: 18px;
vertical-align: top;
position: relative;
top: 5px;
}
.pricing-header .price{
font-size: 48px;
letter-spacing: -0.05em;
}
.pricing-content{
padding: 25px 0 22px;
}
.pricing-content ul {
margin: 0;
padding: 0;
}
.pricing-content ul li{
padding: 6px;
color: #666;
list-style: none;
margin: 0;
line-height: 1.6;
}
.pricing-content ul li:before{
font-family: 'Ionicons';
content: '\f373';
color: #18cca2;
margin-right: 6px;
}
.pricing-column .pricing-footer{
padding-bottom: 44px;
position: relative;
}
.pricing-footer a.btn{
border: 2px solid #18cca2;
color: #18cca2;
padding: 15px 19px;
}
/* Pricing Featured Layout */
.pricing-featured-box{
background: #f5f5f5;
margin: -10px 5px;
padding: 10px 0;
}
.pricing-featured-box .pricing-box{
margin: 0 10px;
}
.pricing-featured-box .time,
.pricing-featured-box .pricing-header:after{
background: #1f1f1f;
}
.pricing-featured-box a.btn{
border-color: #1f1f1f;
color: #1f1f1f;
}
.column-2>.vc_tw_pricingtable_item.vc_element,/* For VC Frontend Editor */
.column-2>.pricing-column{
width: 50%;
display: inline-block;
}
.column-3>.vc_tw_pricingtable_item.vc_element,/* For VC Frontend Editor */
.column-3>.pricing-column{
width: 33.3%;
display: inline-block;
}
.column-4>.vc_tw_pricingtable_item.vc_element,/* For VC Frontend Editor */
.column-4>.pricing-column{
width: 25%;
display: inline-block;
}
.column-5>.vc_tw_pricingtable_item.vc_element,/* For VC Frontend Editor */
.column-5>.pricing-column{
width: 20%;
display: inline-block;
}
/* Progress bar Element */
.tw-progress{
margin-top: 30px;
}
.tw-progress.vc_progress_bar .vc_single_bar{
height: 8px;
margin: 20px 0 68px;
box-shadow: none;
background: #fff;
border-radius: 1px;
border: 2px solid #18cca2;
}
.tw-progress.vc_progress_bar .vc_single_bar .vc_bar{
border-radius: 0;
}
.tw-progress .vc_single_bar .vc_label_units,
.tw-progress.vc_progress_bar .vc_single_bar .vc_label{
position: absolute;
right: -2px;
top: -36px;
color: #1f1f1f;
font-size: 12px;
}
.tw-progress.vc_progress_bar .vc_single_bar .vc_label{
right: auto;
left: -2px;
font-weight: 900;
text-transform: uppercase;
padding: 0;
}
/* Progress bar Layout 2 */
.tw-progress.vc_progress_bar.layout2 .vc_single_bar,
.tw-progress.vc_progress_bar.layout3 .vc_single_bar{
height: 4px;
border: none;
background: #f0f0f0;
}
.tw-progress.layout2 .vc_single_bar .vc_label_units,
.tw-progress.layout3 .vc_single_bar .vc_label_units{
right: 0;
top: -34px;
}
.tw-progress.vc_progress_bar.layout2 .vc_single_bar .vc_label,
.tw-progress.vc_progress_bar.layout3 .vc_single_bar .vc_label{
left: 0;
top: -34px;
}
/* Progress bar Layout 3 */
.tw-progress.layout3 .vc_single_bar .vc_label_units{
right: auto;
margin-left: -8px;
margin-top: -2px;
padding: 2px 8px;
color: #fff;
position: relative;
}
.tw-progress.layout3 .vc_label_units:before{
position: absolute;
width: 0;
height: 0;
bottom: -6px;
left: 8px;
content: '';
border-top: 6px solid #18cca2;
border-right: 6px solid transparent;
border-top-color: inherit;
}
/* IconBox Element */
.tw-iconbox.tw-element{
padding-bottom: 0;
}
.tw-iconbox-box{
position: relative;
margin-bottom: 35px;
}
.tw-iconbox-icon img{
margin-bottom: 25px;
}
.tw-iconbox-icon i{
font-size: 64px;
line-height: 1;
margin-bottom: 25px;
color: #1f1f1f;
position: relative;
}
.tw-iconbox:not(.top-rombo-iconbox) .tw-iconbox-icon i:after{
height: 10px;
width: 100%;
content: '';
-webkit-box-shadow: 0px 15px 15px -4px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 15px 15px -4px rgba(0,0,0,0.4);
box-shadow: 0px 15px 15px -4px rgba(0,0,0,0.4);
position: absolute;
left: 0;
bottom: 10px;
border-radius: 50%;
opacity: 0;
}
.tw-iconbox:not(.top-rombo-iconbox) .tw-iconbox-icon i:hover{
-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
transform: translate(0,-10px);
}
.tw-iconbox:not(.top-rombo-iconbox) .tw-iconbox-icon i:hover:after{
-webkit-transform: translate(0,10px);
-moz-transform: translate(0,10px);
-o-transform: translate(0,10px);
-ms-transform: translate(0,10px);
transform: translate(0,10px);
opacity: 1;
}
.tw-iconbox-box h3{
cursor: pointer;
margin-bottom: 20px;
font-size: 18px;
font-weight: normal;
line-height: 1;
text-transform: uppercase;
}
.tw-iconbox-content p{
margin-bottom: 10px;
}
.tw-iconbox-content a.read-more{
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: inherit;
}
.tw-iconbox-content a.read-more:hover{
color: #18cca2;
}
.tw-iconbox-content a.read-more i{
padding-left: 9px;
font-size: 17px;
position: relative;
top: 3px;
color: #18cca2;
}
/* Top Simple */
.top-simple-iconbox .btn{
padding: 15px 20px;
border: 2px solid #999;
color: #888;
margin-top: 25px;
}
/* Top Round */
.top-round-iconbox .tw-iconbox-box,
.top-border-iconbox .tw-iconbox-box,
.top-rombo-iconbox .tw-iconbox-box{
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.top-round-iconbox .tw-iconbox-icon i,
.top-border-iconbox .tw-iconbox-icon i{
font-size: 32px;
height: 88px;
width: 88px;
line-height: 88px;
border-radius: 50%;
border: 2px solid transparent;
margin-bottom: 35px;
}
.top-rombo-iconbox .tw-iconbox-icon{
padding: 14px;
margin-bottom: 33px;
}
.top-rombo-iconbox .tw-iconbox-icon i{
font-size: 32px;
width: 62px;
height: 62px;
line-height: 62px;
border: 2px solid transparent;
margin-bottom: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.top-rombo-iconbox .tw-iconbox-icon i:before{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.top-round-iconbox h3,
.top-border-iconbox h3,
.top-rombo-iconbox h3{
font-size: 14px;
letter-spacing: 0.05em;
}
/* Left Round Square */
.left-square-iconbox .tw-iconbox-icon,
.left-round-iconbox .tw-iconbox-icon{
position: absolute;
top: 0;
left: 0;
}
.left-square-iconbox .tw-iconbox-content,
.left-round-iconbox .tw-iconbox-content{
padding-top: 28px;
padding-left: 100px;
}
.left-square-iconbox .tw-iconbox-icon i,
.left-round-iconbox .tw-iconbox-icon i{
font-size: 28px;
width: 66px;
height: 66px;
line-height: 66px;
border: 2px solid transparent;
}
.left-round-iconbox .tw-iconbox-icon i{
border-radius: 50%;
}
.left-square-iconbox h3,
.left-round-iconbox h3{
font-size: 14px;
}
/* Left Small */
.left-small-iconbox .iconbox-title i{
font-size: 32px;
margin-right: 20px;
line-height: 1;
position: relative;
top: 5px;
}
.left-small-iconbox h3{
display: inline-block;
font-size: 14px;
margin-bottom: 28px;
letter-spacing: 0.1em;
}
.fi{
border-style: solid;
border-width: 0;
text-align:center;
margin: 0 auto;
font-style: normal;
}
.fi,.fi:after,.fi:before{
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.fi.vc_pixel_icon {
background-position: center;
}
.fi-rotate{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.fi-rotate:before{
display: inline-block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* IconBox Hover */
.tw-iconbox-icon i>span{
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.top-rombo-iconbox .tw-iconbox-icon i>span{
border-radius: 0;
}
.tw-iconbox-icon i>span{
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
-moz-transition: -moz-transform 0.2s, opacity 0.3s;
transition: transform 0.2s, opacity 0.3s;
}
.tw-iconbox-icon i.iconbox-hover1>span,
.tw-iconbox-icon i.iconbox-hover2:hover>span{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
.tw-iconbox-icon i.iconbox-hover1:hover>span{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.tw-iconbox-icon i.iconbox-hover3>span {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
.tw-iconbox-icon i.iconbox-hover3:hover>span{
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
-moz-transition: -moz-transform 0.4s, opacity 0.2s;
transition: transform 0.4s, opacity 0.2s;
}
.tw-iconbox-icon i.iconbox-hover4{
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.tw-iconbox-icon i.iconbox-hover4:before{
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
.tw-iconbox-icon i.iconbox-hover4:hover:before{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.tw-iconbox-icon i.iconbox-hover4>span{
top: -8px;
left: -8px;
padding: 7px;
z-index: -1;
opacity: 0;
box-shadow: 3px 3px rgba(255,255,255,1);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
-moz-transition: opacity 0.2s, -moz-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
}
.tw-iconbox-icon i.iconbox-hover4:hover>span{
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/* Team Element */
.tw-team.tw-element{
padding-bottom: 0;
}
.team-member{
position: relative;
margin-bottom: 35px;
}
.member-content{
border: 2px solid #dbdbdb;
padding: 65px 28px 28px;
margin-right: 30px;
}
.member-image{
margin: 0 0 -40px 30px;
line-height: 0;
}
.member-image .tw-thumbnail{
display: inline-block;
}
.member-title h6{
font-size: 18px;
font-weight: normal;
letter-spacing: -0.05em;
line-height: 1.2;
margin-bottom: 0;
}
.member-title h6 a{
color: inherit;
}
.tw-team .tw-social-icon{
margin: 14px -3px 0 0;
}
.tw-team .tw-social-icon a{
margin: 0 3px 0 0;
}
/* Team Layout 2 */
.tw-team.layout2 .member-image{
position: absolute;
top: 0;
left: 0;
width: 124px;
height: 124px;
border: 2px solid #dbdbdb;
margin: 30px 0 0 30px;
}
.tw-team.layout2 .member-image .tw-thumbnail{
margin: -32px 0 0 -32px;
width: 100%;
height: 100%;
}
.tw-team.layout2 .image-overlay a>i{
border-color: transparent;;
}
.tw-team.layout2 .member-content{
padding: 0 0 0 180px;
margin: 0;
border: 0;
min-height: 154px;
}
.tw-team.layout2 .member-title{
float: left;
margin-bottom: 18px;
}
.tw-team.layout2 .member-social{
float: right;
}
.tw-team.layout2 .member-social a{
color: #1f1f1f;
}
.tw-team.layout2 .member-social a:hover{
color: #fff;
}
.tw-team.layout2 .member-social .tw-social-icon{
margin-top: 0;
}
/* Page Builder Elements End */
/* Blog */
.vc_col-sm-12 .tw-blog:not(.tw-isotope-container){
max-width: 770px;
margin: 0 auto;
}
.vc_col-sm-9 .tw-blog:not(.tw-isotope-container){
max-width: 810px;
margin: 0 auto;
}
.tw-blog .entry-block{
position: relative;
margin-bottom: 80px;
}
.tw-blog article.hentry:last-child .entry-block{
margin-bottom: 0;
}
.tw-thumbnail{
position: relative;
overflow: hidden;
}
.tw-blog .entry-media{
margin-bottom: 25px;
line-height: 0;
position: relative;
background: #f5f5f5;
}
.carousel-thumb-container:after,
.entry-media > i{
position: absolute;
right: 0;
bottom: -70px;
font-size: 16px;
color: #fff;
background: #18cca2;
line-height: 70px;
width: 60px;
text-align: center;
}
article.post .entry-content > div{
margin-bottom: 20px;
}
.entry-content p:last-child,
.entry-content > div:last-child{
margin-bottom: 0;
}
.entry-meta{
margin: 17px 0 23px;
padding: 13px 60px 13px 0;
font-size: 10px;
text-transform: uppercase;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
position: relative;
}
.entry-meta i{
font-size: 12px;
padding-right: 10px;
position: relative;
top: 2px;
}
.entry-meta a{
color: inherit;
}
.entry-meta a:hover{
color: #000;
}
.entry-meta>span{
padding-right: 20px;
line-height: 1;
}
.entry-meta>span.post-seen i{
font-size: 14px;
}
.entry-meta>span.date{
position: absolute;
top: 0;
right: 0;
text-align: center;
padding: 0 20px;
border-left: 1px solid #dbdbdb;
color: #1f1f1f;
height: 100%;
}
.entry-meta>span.date>span:first-child{
display: block;
font-size: 12px;
margin: 9px 0 2px;
}
.entry-title{
margin-bottom: 6px;
padding-right: 80px;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
}
.entry-title a {
color: #1f1f1f;
}
.entry-title a:hover {
color: #18cca2;
}
.entry-content .more-link{
border: 2px solid #dbdbdb;
color: #808080;
padding: 15px 20px;
margin: 11px 0 0 0;
}
/* Blog page template */
.tw-blog > .isotope-container{
margin: 0 -15px;
}
.tw-blog .isotope-container .entry-block{
padding: 0 15px 40px;
margin-bottom: 0;
}
.isotope-container .link-content,
.isotope-container .format-quote blockquote{
padding: 40px 40px 40px 100px;
min-height: 120px;
}
.isotope-container .link-content > svg,
.isotope-container blockquote > svg{
left: 30px;
top: 45px;
}
.isotope-container .link-content:before,
.isotope-container .entry-media > blockquote:before{
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px;
top: 45px;
left: 30px;
}
.isotope-container .link-content .link-text,
.isotope-container .format-quote .quote-text{
font-size: 16px;
}
/* Filter */
.waves-portfolio .tw-filters ul li{
margin-bottom: 15px;
}
.waves-portfolio.fullwidth .tw-filters{
margin-bottom: 30px; text-align: center;
}
.waves-portfolio .tw-infinite-scroll a,
.waves-portfolio .waves-pagination-container{
margin-top: 15px;
}
.waves-portfolio.fullwidth .tw-infinite-scroll a,
.waves-portfolio.fullwidth .waves-pagination-container{
margin-top: 30px;
}
.tw-infinite-scroll{
text-align: center;
}
.waves-portfolio.fullwidth .waves-pagination-container{
margin-top: 30px; text-align: center;
}
.tw-filters ul.filters{
text-align: center;
width: 100%;
display: inline-block;
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.tw-filters ul.filters li{
display: inline-block;
}
.tw-filters a{
display: block;
font-size: 10px;
text-transform: uppercase;
line-height: 1;
padding: 14px 16px;
margin: 0 5px 10px;
border:solid 1px #dbdbdb;
}
.tw-filters a:hover,
.tw-filters a.selected{
color: #fff;
background: #18cca2;
border-color: #18cca2;
}
.tw-filters span{
font-weight: bold;
color: #999;
padding-left: 5px;
}
.tw-filters a:hover span,
.tw-filters a.selected span{
color: inherit;
}
/* Sticky Post */
/* Sticky Post */
.sticky {
background: #f5f5f5;
padding: 30px;
margin-bottom: 50px;
border: 1px solid #ddd;
}
.tw-blog .sticky .entry-block{
margin: 0;
}
.sticky .entry-content .more-link{
border: 2px solid #1f1f1f;
color: #1f1f1f;
}
/* Link post format */
.link-content,
blockquote{
position: relative;
margin: 0;
min-height: 180px;
padding: 55px 30px 40px 140px;
background-size: cover;
background-color: #292929;
color: #fff;
}
.link-content:before,
blockquote:before{
font-family: 'Ionicons';
content: '\f347';
font-size: 16px;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
position: absolute;
left: 40px;
top: 60px;
color: #fff;
}
.link-content:before{
font-family: 'FontAwesome';
content: '\f0c1';
}
.link-content .link-text,
.format-quote .quote-text{
font-size: 18px;
line-height: 1.4;
letter-spacing: -0.03em;
color: #fff;
margin-bottom: 0;
}
.link-content .sub-title,
.format-quote .qoute-author{
position: relative;
padding-left: 20px;
font-size: 14px;
color: #fff;
display: block;
margin: 10px 0 0;
font-weight: normal;
}
blockquote cite:before,
.link-content .sub-title:before,
.format-quote .qoute-author:before{
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
width: 10px;
height: 1px;
background: #fff;
}
.link-content a{
color: #fff;
}
/* Status post format */
.tw-blog .entry-status p{
margin-bottom: 0;
}
.format-status iframe.twitter-tweet{
margin: 0 !important;
width: 100% !important;
}
/* Gallery post format */
.gallery-item {
float: left;
width: 33.3%;
}
/* Image slide format */
.image-slide-container {
position: relative;
margin-left: 0;
margin-right: 0;
}
.image-slide-container .tw-owl-item {
opacity: 0;
position: absolute;
margin-left: 0;
margin-right: 0;
}
.image-slide-container .tw-owl-item img {
width: 100%;
}
.image-slide-container .tw-owl-item:first-child {
width: 100%;
opacity: 1;
position: static;
display: block;
}
.image-slide-container.list_carousel .owl-buttons {
position: static;
}
.image-slide-container.list_carousel .owl-buttons div {
position: absolute;
top: 50%;
left: 20px;
margin-top: -20px;
line-height: 40px;
font-size: 14px;
text-align: center;
background-color: transparent;
padding: 0;
width: 40px;
height: 40px;
background-color: rgba(26,26,26,0.8);
color: #fff;
}
.image-slide-container.list_carousel .owl-buttons div.owl-next {
left: auto;
right: 20px;
}
.image-slide-container .owl-controls .owl-pagination{
display: none;
}
/* Chat Posts */
.format-chat .entry-content p{
background: #f2f2f2;
border-left: 2px solid #18cca2;
padding-bottom: 2px;
padding-left: 13px;
margin: 0;
}
.format-chat .entry-content p:nth-child(odd) {
background: #fcfcfc;
border-left-color: #f2f2f2;
}
/* Blockquote Main */
.entry-content > blockquote{
margin: 0 auto;
margin-bottom: 20px;
padding: 30px 60px 30px 80px;
position: relative;
}
.entry-content > blockquote:before{
font-family: 'Ionicons';
content: '\f347';
font-size: 21px;
position: absolute;
top: 8px;
left: 7px;
color: #18cca2;
}
.entry-content > blockquote cite{
font-style: normal;
display: inline-block;
padding-left: 22px;
margin-top: 5px;
position: relative;
}
.entry-content > blockquote cite:before{
background: #666;
}
/* Pagination */
.tw-pagination ul.page-numbers{
margin: 20px 0 0;
padding: 0;
}
.tw-pagination ul.page-numbers li{
list-style: none;
float: left;
margin: 0;
padding: 0;
}
.tw-pagination span.dots{
margin-right: 10px;
}
.tw-pagination ul.page-numbers li > span.current,
.tw-pagination ul.page-numbers li > a{
display: block;
width: 36px;
height: 36px;
line-height: 34px;
text-align: center;
border: 1px solid #dbdbdb;
position: relative;
margin-right: 10px;
font-weight: 900;
color: inherit;
}
.tw-pagination ul.page-numbers li > a:hover{
border: 2px solid #18cca2;
line-height: 32px;
}
.tw-pagination ul.page-numbers li > a i{
font-size: 10px;
}
.tw-pagination ul.page-numbers li span.current{
background: #18cca2;
border-color: #18cca2;
color: #fff;
}
.tw-infinite-scroll a,
.tw-portfolio .tw-pagination ul.page-numbers{
margin-top: 50px;
}
/* Infinite Scroll */
.tw-infinite-scroll>.loading,
.tw-infinite-scroll[data-has-next="false"]>.next,
.tw-infinite-scroll[data-has-next="true"]>.no-more{
display: none;
padding: 9px 18px;
}
.tw-infinite-scroll[data-has-next="false"]{
display: none;
}
/* One Page Header */
.onepage-header-container {
overflow: hidden;
min-height: 1px;
}
.onepage-header-container,.onepage-header-content{
position: relative;
z-index: 5;
}
.onepage-header-bg-container{
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
}
.onepage-slide-item>img{
width: 100%;
}
.onepage-header-bg-container.onepage-header-image{
background-size: cover;
}
.onepage-slider-container{
position: relative;
}
.onepage-slider-container>.onepage-slider-item{
opacity: 0;
z-index: -1;
top: 0;
position: absolute;
width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.onepage-slider-container>.onepage-slider-item.selected{
opacity: 1;
z-index: 1;
}
/* ------------ If Container select Dark styles ------------- */
.dark,
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,
.dark p,
.dark span,
.dark label,
.dark .tw-element,
.dark a,
.dark ul,
.dark .tw-iconbox-content a.read-more,
.dark .tw-milestones-count,
.dark.tw-testimonial,
.dark.tw-testimonial .owl-buttons div,
.dark .tw-carousel .carousel-title a,
.dark.tw-progress .vc_single_bar .vc_label_units,
.dark.tw-progress.vc_progress_bar .vc_single_bar .vc_label,
.dark .vc_toggle_content,
.dark .btn.btn-border,
.dark.tw-toggle .vc_toggle_title > h4,
.dark.tw-tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.dark.tw-tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.dark.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a,
.footer-dark .waves-bottom h3.widget-title
{
color: #fff;
}
.dark .tw-breadcrumbs > span:after{
background-image: url('data:image/svg+xml;utf8,');
}
.dark.tw-heading>.heading-title:after{
background-image: url('data:image/svg+xml;utf8,');
}
.dark .tw-social-icon a:hover,
.dark aside.widget a:hover,
.footer-dark .waves-bottom aside.widget a:hover,
.dark .tw-carousel .carousel-title a:hover{
color: #999;
}
.dark a.btn-flat,
.dark .tw-social-icon a{
color: #1f1f1f;
}
.dark .owl-theme .owl-controls .owl-page.active span,
.dark .owl-theme .owl-controls.clickable .owl-page:hover span{
background: #fff;
border-color: #fff;
}
.dark .btn.btn-border,
.dark .owl-theme .owl-controls .owl-page span{
border-color: #fff;
}
.dark.tw-toggle .vc_toggle_title, .dark.tw-tour.wpb_tour .wpb_tabs_nav li,
.dark.tw-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header{
background: #000;
border-color: #3d3d3d;
color: #dbdbdb;
}
.dark .pricing-column,
.dark .pricing-column .pricing-header,
.dark .pricing-column.featured .pricing-footer,
.dark.tw-tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.dark input[type="text"].wysija-input,
.dark aside.widget ul li,
.dark .widget .tagcloud a,
.footer-dark .waves-bottom aside.widget ul li,
.footer-dark .waves-bottom .widget .tagcloud a{
border-color: #3d3d3d;
}
.dark.tw-progress.vc_progress_bar .vc_single_bar,
.dark input[type="text"].wysija-input{
background-color: #3d3d3d;
}
.dark .pricing-column .pricing-header{
background: #18cca2;
}
.dark aside.widget,
.dark aside.widget a,
.footer-dark .waves-bottom aside.widget,
.footer-dark .waves-bottom aside.widget a,
.footer-dark .waves-footer,
.footer-dark .waves-footer a{
color: #ccc;
}
.footer-dark .waves-bottom{
background: #292929;
}
.footer-dark .waves-footer{
background: #212121;
}
/* Iframe video on Portfolio */
.portfolio .entry-video iframe{
width: 100%;
}
/* Image Scroll */
.tw-image-scroll>.scroll-thumb{
position: relative;
bottom: -30px;
margin-right: 30px;
overflow: hidden;
display: block;
background-color: #f5f5f5;
}
.tw-image-scroll>.scroll-thumb:hover{
-webkit-box-shadow: 0 0 7px #18cca2;
-moz-box-shadow: 0 0 7px #18cca2;
box-shadow: 0 0 7px #18cca2;
}
.tw-image-scroll img{
position: absolute;
top:0;
left: 0;
width: 100%;
}
.tw-image-scroll>.scroll-title{
padding: 54px 30px 44px;
background-color: #f5f5f5;
margin-left: 30px;
text-align: center;
}
.tw-image-scroll>.scroll-title h5{
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0;
}
.tw-image-scroll>.scroll-title h5 a{
color: inherit;
}
/* Map */
.tw-map iframe{
min-width: 100%;
min-height: 400px;
}
.tw-map-contact{
position: absolute;
top: 0;
right: 0;
width: 350px;
overflow: hidden;
padding: 30px;
height: 100%;
max-height: 100%;
}
.tw-map-contact>h2{
font-size: 26px;
color: #FFF;
}
.tw-map-contact>p{
color: #FFF;
}
.tw-map-contact .wpcf7 textArea{
position: relative;
display: inline-block;
top: 0;
}
.tw-map-contact .wpcf7 input[type="submit"]:hover,
.tw-map-contact .wpcf7 input[type="submit"]{
text-align: left;
background: #18cca2;
}
.tw-map-contact .wpcf7 input,
.tw-map-contact .wpcf7 textarea{
width: 100% !important;
max-width: 100%;
min-width: 100%;
}
.tw-map .map{
height: 100%;
}
.tw-map>.map-markers{
display: none;
}
.tw-map .map img{
max-width: none;
}
/* Icon Graph */
.waves-icon-graph{
text-align: center;
}
.waves-icon-graph>.icon-graph-chart,
.waves-icon-graph>.icon-graph-chart>.icon-graph-max{
position: relative;
}
.waves-icon-graph>.icon-graph-chart>.icon-graph-size{
position: absolute;
top: 0;
left: 0;
}
.waves-icon-graph>.icon-graph-chart,
.waves-icon-graph>.icon-graph-chart>ul{
width: 100%;
padding: 0;
margin: 0;
}
.waves-icon-graph>.icon-graph-chart li{
font-size: 56px;
line-height: 1;
color: #d3d9e6;
}
.waves-icon-graph .icon-graph-size li{
opacity: 0;
}
.waves-icon-graph .icon-graph-title{
margin-top: 31px;
margin-bottom: 14px;
}
.waves-icon-graph .icon-graph-title>h6{
font-size: 15px;
line-height: 1.6;
}
.waves-icon-graph .icon-graph-desc{
font-size: 13px;
line-height: 1.846;
}
/*Vertical Progress Bar*/
.waves-vertical-progress-bar>.vertical-progress-bar-item{
display: inline-block;
padding-right: 30px;
}
.waves-vertical-progress-bar .vertical-progress{
position: relative;
background-color: #e6e6e6;
}
.waves-vertical-progress-bar .vertical-progress-percent{
position: absolute;
bottom:0;
left: 0;
width: 100%;
text-align: center;
height: 0px;
overflow: hidden;
}
.waves-vertical-progress-bar .vertical-progress-percent>i{
color:#fff;
width: 40px;
height: 40px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 2px solid #fff;
font-size: 14px;
line-height: 2.571428571428571;
margin-top: 15px;
}
.waves-vertical-progress-bar .vertical-progress-text{
text-align: center;
font-size: 15px;
line-height: 1.9;
margin-top: 10px;
}
.row-container{
position: relative;
}
#main .row-container.row-space-no-space > .waves-container >.row> [class*="col-md"]{
padding-top: 0;
padding-bottom: 0;
}
#main .row-container.row-space-no-top > .waves-container >.row> [class*="col-md"]{
padding-top: 0;
}
#main .row-container.row-space-no-bottom > .waves-container >.row> [class*="col-md"]{
padding-bottom: 0;
}
.row-container.row-space-2x{
padding-top: 60px;
padding-bottom: 60px;
}
.row-container.row-space-3x{
padding-top: 100px;
padding-bottom: 100px;
}
/* CF7 */
div.wpcf7{
position: relative;
}
.wpcf7 input[type="submit"]:hover{
opacity: .9;
}
span.wpcf7-not-valid-tip {
display: none;
}
.waves-bottom .wpcf7 input.wpcf7-not-valid,
input.wpcf7-not-valid{
border: 2px solid #F98181;
}
div.wpcf7-validation-errors {
border: 2px solid #F7E700;
padding: 15px;
margin: 0px auto;
font-weight: bold;
text-align: center;
}
.waves-bottom .wpcf7-form{
margin-bottom: 0;
}
.waves-bottom .wpcf7 input,
.waves-bottom .wpcf7 textarea{
width: 100%;
margin-bottom: 10px;
border: none;
}
.wpcf7 input[type="text"],
.wpcf7 select,
.wpcf7 input[type="email"]{
padding: 12px 16px;
width: 100%;
}
.waves-bottom .wpcf7 input[type="submit"]{
border: 2px solid #18cca2;
margin-bottom: 0;
text-transform: uppercase;
}
.waves-bottom .wpcf7 input[type="submit"]:hover{
background: none;
}
div.wpcf7 img.ajax-loader{
position: absolute;
}
/* Sidebar */
.tw-sidebar:first-child > section{
padding-right: 30px;
}
.tw-sidebar:last-child > section{
padding-left: 30px;
}
.tw-sidebar aside.widget ul.menu li{
display: block;
}
aside.widget ul.menu li[class*="fa-"] a{
padding-left: 10px;
}
aside.widget ul.menu li:before{
font-family: 'Fontawesome';
width: 18px;
display: inline-block;
font-size: 14px;
text-align: center;
}
/* Audio Player Style */
.entry-media .mejs-container .mejs-controls,
.entry-media .mejs-container .mejs-controls div{
height: 60px;
}
.entry-media .mejs-container .mejs-controls div{
width: 50px;
}
.entry-media .mejs-controls .mejs-button button{
margin: 22px 20px;
}
.entry-media .mejs-controls .mejs-mute button{
margin: 22px;
}
.entry-media .mejs-container .mejs-controls .mejs-time{
height: 35px;
width: auto;
padding: 25px 3px 0;
}
.entry-media .mejs-controls .mejs-time-rail .mejs-time-total{
margin: 20px;
}
.entry-media .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls{
background: #3d3d3d;
}
article.format-audio .entry-media .mejs-container{
height: 60px !important;
}
.entry-media .mejs-controls .mejs-time-rail .mejs-time-loaded,
.entry-media .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
background: #292929;
}
.entry-media .mejs-controls .mejs-time-rail .mejs-time-current,
.entry-media .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #18cca2;
}
.entry-media .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.entry-media .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.entry-media .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{
height: 10px;
top: 25px;
}
/* Newsletter plugin */
input[type="text"].wysija-input{
margin-top: 10px;
padding: 15px 16px;
}
.widget_wysija_cont .wysija-submit{
border-color: #18cca2;
background: #18cca2;
color: #fff;
margin-bottom: 0;
text-transform: uppercase;
font-size: 11px;
}
.widget_wysija_cont .wysija-submit:hover{
background: transparent;
color: #18cca2;
}
.tw-element .tw-sidebar .wysija-input,
.tw-element .tw-sidebar .widget_wysija_cont .wysija-submit,
.tw-element .tw-sidebar p{
display: inline-block;
}
.tw-element .tw-sidebar .widget_wysija_cont p label,
.tw-element .tw-sidebar .widget widget_wysija h3.widget-title{
display: none;
}
/* Loader style */
.animsition-loading{
left: 0;
top: 0;
background: none !important;
background-color: white !important;
z-index: 9999999999999 !important;
}
.tw-folding-cube {
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -40px;
width: 40px;
height: 40px;
position: absolute;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.tw-folding-cube .tw-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.tw-folding-cube .tw-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #18cca2;
-webkit-animation: tw-foldCubeAngle 2.4s infinite linear both;
animation: tw-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.tw-folding-cube .tw-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.tw-folding-cube .tw-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.tw-folding-cube .tw-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.tw-folding-cube .tw-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.tw-folding-cube .tw-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.tw-folding-cube .tw-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes tw-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes tw-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/* REV SLIDER A tag to White */
.rev_slider .tp-caption a{color: #fff;}
/* ------------- Margin & Helper Classes ------------- */
/* Column Padding */
.wpb_row > .wpb_column.padding-1 { padding: 1% !important; }
.wpb_row > .wpb_column.padding-2 { padding: 2% !important; }
.wpb_row > .wpb_column.padding-3 { padding: 3% !important; }
.wpb_row > .wpb_column.padding-4 { padding: 4% !important; }
.wpb_row > .wpb_column.padding-5 { padding: 5% !important; }
.wpb_row > .wpb_column.padding-6 { padding: 6% !important; }
.wpb_row > .wpb_column.padding-7 { padding: 7% !important; }
.wpb_row > .wpb_column.padding-8 { padding: 8% !important; }
.wpb_row > .wpb_column.padding-9 { padding: 9% !important; }
.wpb_row > .wpb_column.padding-10 { padding: 10% !important; }
.tw-align-center{
text-align: center;
}
.tw-align-left{
text-align: left;
}
.tw-align-right{
text-align: right;
}
.tw-left{
float: left;
}
.tw-right{
float: right;
}
.no-bottom{
margin-bottom: 0 !important;
}
.no-top{
margin-top: 0 !important;
}
.no-margin .waves-list{
margin:0;
}
.border-top-light{
border-top: 1px solid #e5e5e5;
}
.border-top-dark{
border-top: 1px solid #262626;
}
.border-bottom-light{
border-bottom: 1px solid #e5e5e5;
}
.border-bottom-dark{
border-bottom: 1px solid #262626;
}
.header-fixed .header-clone, .tw-logo, ul.sf-menu > li{
height: 100px;
}
.templatera_shortcode .wpb_row{
margin: 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
.page-template-page-login-php{
background-image: url('assets/img/geometry2.png');
background-repeat: repeat;
background-attachment: fixed;
}
.page-template-page-login-php #main{
background: transparent;
}
.page-template-page-login-php .tw-title-container{
display: none;
}
.page-template-page-login-php.header-absolute .login-form{
margin-top: 235px;
}
.login-form{
max-width: 370px;
margin: 115px auto 100px;
}
.login-form input{
width: 100%;
}
/* Logged In css Ended */
.login-form > div form{
padding: 0;
margin: 0;
}
.login-form .login-submit input[type="submit"],
.login-form .lost-form-container input[type="submit"],
.login-form .register-form-container input[type="submit"]{
margin-bottom: 20px;
font-weight: 900;
text-transform: uppercase;
}
.login-remember input[type="checkbox"]{
position: relative;
width: auto;
display: inline-block;
margin-bottom: 0;
top: 2px;
}
.login-form .switch-form a,
.login-form p.login-remember{
font-size: 12px;
}
.login-form-container,
.register-form-container,
.lost-form-container,
.switch-form .login,.switch-form > a,
.switch-form > a.active:last-child:after,
#user-form-message{
display: none;
}
.login-form>.active{
display: block;
}
.switch-form > a.active{
display: inline-block;
}
.can-register>.switch-form > a:after{
content: '/';
display: inline-block;
padding: 0 5px;
color: #b2b2b2;
}
.can-register.lost-active>.switch-form > a.register:after{
content:'';
}
.logout-form a{
display: block;
margin-top: 20px;
}
/* Themewaves Icons */
ul.themewaves-icons li{
position: relative;
display: inline-block;
text-align: center;
width: 60px;
height: 60px;
line-height: 60px;
list-style: none;
text-align: center;
font-size: 32px;
cursor: pointer;
}
ul.themewaves-icons li:hover{
color: #18cca2;
}
.thumbnail_container img{
height:200px !important;
}