File: /var/www/vhosts/amphoragames.com/20250520_english_backup/wp-content/themes/ibuki/style.css
/*-----------------------------------------------------------------------------------
Theme Name: Ibuki - Creative Multi-Purpose & Shop WordPress Theme
Theme URI: http://www.demo.az-themes.com/ibuki/
Description: Ibuki Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features. WooCommerce and WPML Supported.
Author: Alessio Atzeni
Author URI: http://www.alessioatzeni.com
Version: 3.0.8
Tags: light, gray, white, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
------------------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------------*/
/* 0. Font-Family Elements Setup
/*-----------------------------------------------------------------------------------*/
body,
input,
button,
select,
textarea,
.cart-contents span.woocommerce-notification-bubble {
font-family: 'Lato', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
#logo.logo-text,
#my-menu > .mm-panel li a,
#my-menu > .mm-panel .sub-menu li.has-ul > a,
#my-menu > .mm-panel .sub-menu li a,
#navigation-mobile ul li a,
.copyright-text,
.copyright-text a,
.close-modal,
#myModalSearch #searchform input[type="text"],
footer .footer-copyright,
footer .footer-copyright a,
#logo-content .loading-text,
#loader-percentage,
.nav-tabs > li > a,
a.share-btn {
font-family: 'Montserrat', sans-serif;
}
/* Nice Scroll Setup */
#ascrail2000 {
background-color: transparent;
width: 6px !important;
z-index: 9998 !important;
}
#ascrail2000 > div {
opacity: 0.5;
right: 2px;
}
html.nice-scroll-activate,
html.nice-scroll-activate body {
overflow: hidden !important;
}
/* Modal Block Scroll */
.modal-block-scroll {
overflow: hidden !important;
}
/*-----------------------------------------------------------------------------------*/
/* 1. Document Setup - Basic Style
/*-----------------------------------------------------------------------------------*/
html {
position: relative;
/*overflow-x: hidden;*/
/*overflow-y: hidden !important;*/
width: 100%;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/* Default Settings */
.container-fluid,
.container {
position: relative;
z-index: 20;
}
body {
background: #FFFFFF;
position: relative;
overflow-x: hidden;
color: #474747;
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
#main {
background: #F7F7F7;
}
.wrap_all {
position: relative;
float: left;
width: 100%;
}
a {
color: #000000;
text-decoration: none;
font-weight: 700;
cursor: pointer;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
}
a:hover,
a:active,
a:focus {
outline: 0;
color: #2ABB9B;
text-decoration: none;
}
a img {
border: none;
}
strong {
color: #000000;
font-weight: 700;
}
p {
margin: 0.85em 0;
}
ul, ol {
margin: 0 0 20px 30px;
padding: 0;
}
ul {
list-style: disc inside;
}
ol {
list-style: decimal inside;
}
li {
line-height: 30px;
}
.hidden {
display: none;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
}
.textalignleft {
text-align: left;
}
.textaligncenter {
text-align: center;
}
.textalignright {
text-align: right;
}
img.alignleft {
float: left;
margin: 20px 25px 20px 0;
}
img.alignright {
display: block;
margin: 20px 0 20px 25px;
}
img.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
img.alignnone {
display: block;
margin: 20px 0;
}
.img-full-responsive {
display: block;
max-width: none;
width: 100%;
height: auto;
}
.wp-caption {
margin: 10px 20px 20px 20px;
max-width: 100%;
text-align: center;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}
.wp-caption.aligncenter {
margin: 20px auto;
}
.wp-caption.alignleft {
margin-left: 0;
}
.wp-caption.alignright {
margin-right: 0;
}
.wp-caption.alignnone {
margin-left: 0;
}
.wp-caption img,
.wp-caption img a {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption
.wp-caption-text {
margin: 0;
padding: 5px;
}
.wp-smiley {
margin: 0 !important;
max-height: 13px;
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 24px;
}
abbr[title],
acronym[title],
dfn[title] {
border-bottom: 1px dotted #666;
cursor: help;
}
.through {
text-decoration: line-through;
}
input, button, select, textarea {
outline: 0;
font-weight: 500;
}
input[type="text"],
input[type="email"],
textarea {
-webkit-appearance: none;
}
input:focus,
textarea:focus,
input[type="text"]:focus {
outline: 0;
}
input[type="checkbox"],
input[type="radio"] {
width: auto !important;
}
input::input-placeholder,
textarea::input-placeholder {
color: #BCBCC4;
opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #BCBCC4;
opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #BCBCC4;
opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #BCBCC4;
opacity: 1;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #BCBCC4;
opacity: 1;
}
code,
pre {
padding: 0 3px 2px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #232527;
font-size: 12px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
border: 1px solid #dde4e9;
background-color: #F6F6F6;
color: #232527;
white-space: nowrap;
}
pre {
display: block;
margin: 30px;
padding: 15px;
border: 1px solid #dde4e9;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #FCFCFC;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
font-size: 12px;
line-height: 20px;
}
pre code {
padding: 0;
border: 0;
background-color: transparent;
color: inherit;
white-space: pre;
white-space: pre-wrap;
}
.pre-scrollable {
overflow-y: scroll;
max-height: 340px;
}
.sticky {
}
.bypostauthor {
}
.gallery-caption {
margin-left: 0;
font-style: italic;
}
#wpadminbar {
opacity: 0.5;
}
#wpadminbar:hover {
opacity: 1;
}
/*-----------------------------------------------------------------------------------*/
/* 2. Typography
/*-----------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: #000000;
font-weight: 700;
line-height: 1.4em;
letter-spacing: 3px;
text-transform: uppercase;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
/*-----------------------------------------------------------------------------------*/
/* 3. Margins / Padding Value / Shadow / Special Classes
/*-----------------------------------------------------------------------------------*/
/* Font Color */
.white * {
color: #FFFFFF !important;
}
.white * a {
opacity: 1;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.white * a:hover {
opacity: 0.65;
}
/* Font Weight */
.text-ultra-light > * {
font-weight: 100 !important;
}
.text-light > * {
font-weight: 200 !important;
}
.text-book > * {
font-weight: 300 !important;
}
.text-normal > * {
font-weight: 400 !important;
}
.text-medium > * {
font-weight: 500 !important;
}
.text-semi-bold > * {
font-weight: 600 !important;
}
.text-bold > * {
font-weight: 700 !important;
}
.text-extra-bold > * {
font-weight: 800 !important;
}
.text-ultra-bold > * {
font-weight: 900 !important;
}
/* Font Style */
.italic {
font-style: italic !important;
}
.uppercase {
text-transform: uppercase !important;
}
.text-normal-size {
text-transform: none !important;
}
/* Padding */
.no-padding {
padding: 0;
}
.small-padding {
padding: 40px 0 40px;
}
.default-padding {
padding: 70px 0 70px;
}
.large-padding {
padding: 100px 0 100px;
}
/* Margin */
.margin-0 {
margin-bottom: 0 !important;
}
.margin-10 {
margin-bottom: 10px !important;
}
.margin-15 {
margin-bottom: 15px !important;
}
.margin-20 {
margin-bottom: 20px !important;
}
.margin-30 {
margin-bottom: 30px !important;
}
.margin-40 {
margin-bottom: 40px !important;
}
.margin-50 {
margin-bottom: 50px !important;
}
.margin-60 {
margin-bottom: 60px !important;
}
.margin-70 {
margin-bottom: 70px !important;
}
.margin-80 {
margin-bottom: 80px !important;
}
.margin-90 {
margin-bottom: 90px !important;
}
.margin-100 {
margin-bottom: 100px !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.no-margin-and-padding .row {
margin: 0;
}
.no-margin-and-padding .container-fluid,
.no-margin-and-padding .col-md-1,
.no-margin-and-padding .col-md-2,
.no-margin-and-padding .col-md-3,
.no-margin-and-padding .col-md-4,
.no-margin-and-padding .col-md-5,
.no-margin-and-padding .col-md-6,
.no-margin-and-padding .col-md-7,
.no-margin-and-padding .col-md-8,
.no-margin-and-padding .col-md-9,
.no-margin-and-padding.col-md-10,
.no-margin-and-padding .col-md-11,
.no-margin-and-padding .col-md-12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.default-color-padding.row-color {
padding: 70px !important;
}
.iconalignleft,
.iconaligncenter,
.iconalignright {
display: block !important;
}
.iconalignleft {
text-align: left;
}
.iconaligncenter {
text-align: center;
}
.iconalignright {
text-align: right;
}
/* Single Image Alignment and Simple Opacity Hover Class */
.single-image img.alignleft {
float: left;
margin: 0;
}
.single-image img.alignright {
float: right;
margin: 0;
}
.single-image img.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
.single-image img.opacity-hover {
opacity: 0.5 !important;
-webkit-transition: opacity 0.15s ease-in-out 0s;
transition: opacity 0.15s ease-in-out 0s;
-moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
-webkit-backface-visibility: hidden; /* Prevents Flickr Image On Chrome and Safari */
}
.single-image:hover img.opacity-hover {
opacity: 1 !important;
}
/* Image Styles/Box Shadow */
.img-thumbnail {
-webkit-transition: none !important;
transition: none !important;
}
img.box-shadow-eff-1 {
box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.25);
}
img.box-shadow-eff-2 {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
img.box-shadow-eff-2.img-thumbnail {
border: 0;
}
/* Section Page Builder */
.main-content {
position: relative;
}
.section-overlay-mask {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.section-overlay-pattern {
background-repeat: repeat;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 2;
}
/* Video Background */
.video-section-container {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100% !important;
height: 100% !important;
background-color: #000000;
}
.video-section-container .video-wrap,
.video-section-container .video-embed-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 10;
overflow: hidden;
width: 100%;
}
.video-section-container .video-embed-wrap {
min-width: 1920px !important;
left: 50%;
}
.video-section-container .video-wrap .mejs-container {
height: auto !important;
background-color: rgba(0, 0, 0, 0) !important;
background-image: none !important;
}
.video-section-container .video-wrap .mejs-overlay-button {
display: none;
}
.video-section-container .mobile-video-image {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: none;
width: 100%;
height: 100%;
background-color: #000000;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.video-section-container .video-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
}
.video-overlay-pattern {
background-repeat: repeat;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 12;
}
/* Wall Effect */
.wall-effect .container-fluid {
padding-left: 0;
padding-right: 0;
}
.wall-effect.row {
margin-left: -70px;
margin-right: -70px;
}
.container .wall-effect.row {
margin-left: 0;
margin-right: 0;
}
.wall-effect .col-md-1,
.wall-effect .col-md-2,
.wall-effect .col-md-3,
.wall-effect .col-md-4,
.wall-effect .col-md-5,
.wall-effect .col-md-6,
.wall-effect .col-md-7,
.wall-effect .col-md-8,
.wall-effect .col-md-9,
.wall-effect .col-md-10,
.wall-effect .col-md-11,
.wall-effect .col-md-12 {
padding-left: 0;
padding-right: 0;
}
/* 6 Columns */
.wall-effect .col-full-1 {
width: 16.6667%;
}
/* 5 Columns */
.wall-effect .col-full-2 {
width: 20%;
}
/* 4 Columns */
.wall-effect .col-full-3 {
width: 24.98%;
}
/* 3 Columns */
.wall-effect .col-full-4 {
width: 33.333%;
}
/* 2 Columns */
.wall-effect .col-full-6 {
width: 50%;
}
/* Scroll Button Section Full Area */
.scroll-btn-full-area {
height: 32px;
width: 32px;
position: absolute;
display: block;
left: 50%;
bottom: 12px;
margin-left: -16px;
border: 0 none !important;
z-index: 100;
}
.scroll-btn-full-area i.scroll-btn-down-icon {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: -16px -64px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.no-svg .scroll-btn-full-area i.scroll-btn-down-icon {
background-image: url(_include/img/sprite-menu.png);
}
.scroll-btn-full-area i.scroll-btn-down-icon.animated-opacity {
opacity: 1;
-webkit-animation: pulseopa 1.25s ease-in-out infinite;
animation: pulseopa 1.25s ease-in-out infinite;
}
@-webkit-keyframes pulseopa {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@keyframes pulseopa {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
/* Fix if Visual Composer is Active */
.entry-content > .main-content .container,
.content-sidebar .col-md-9 > .main-content .container {
padding: 0 !important;
width: 100% !important;
}
/*-----------------------------------------------------------------------------------*/
/* 4. Header Section
/*-----------------------------------------------------------------------------------*/
/* Header Left & Right */
/* Logo Setup */
.logo-img {
position: relative;
display: block;
padding: 0 40px;
margin-bottom: 40px;
}
.logo-img img {
width: auto;
max-height: 50px !important; /* Set the max-height for your logo */
opacity: 1;
-moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
-webkit-backface-visibility: hidden; /* Prevents Flickr Image On Chrome and Safari */
-webkit-transition: opacity 0.315s ease-in-out 0s;
transition: opacity 0.315s ease-in-out 0s;
}
.logo-img:hover img,
.logo-img:focus img,
.logo-img:active img {
opacity: 0.65;
}
.logo-img img.retina {
display: none;
}
.header-menu > .container-fluid {
padding-left: 70px;
padding-right: 70px;
}
.header-menu.header-left-opened #logo.logo-text,
.header-menu.header-right-opened #logo.logo-text,
.header-menu.header-left-button #logo.logo-text,
.header-menu.header-right-button #logo.logo-text {
position: relative;
display: block;
padding: 0 40px;
margin-bottom: 40px;
}
.header-menu.header-left-opened #logo.logo-text,
.header-menu.header-right-opened #logo.logo-text,
.header-menu.header-left-button #logo.logo-text,
.header-menu.header-right-button #logo.logo-text {
font-size: 26px;
}
/* Header */
.desktop-enabled .header-menu.header-left-opened #my-menu,
.desktop-enabled .header-menu.header-right-opened #my-menu,
.desktop-enabled .header-menu.header-left-button #my-menu,
.desktop-enabled .header-menu.header-right-button #my-menu {
width: 300px;
height: 100%;
top: 0;
position: fixed;
z-index: 999;
background: #FFFFFF;
}
.desktop-enabled .header-menu.header-left-opened #my-menu,
.desktop-enabled .header-menu.header-left-button #my-menu {
left: 0;
border-right: 1px solid #CAD4DD;
box-shadow: 1px 0 3px rgba(0, 0, 0, 0.09);
}
.desktop-enabled .header-menu.header-right-opened #my-menu,
.desktop-enabled .header-menu.header-right-button #my-menu {
right: 0;
border-left: 1px solid #CAD4DD;
box-shadow: -1px 0 3px rgba(0, 0, 0, 0.09);
}
.desktop-enabled .header-menu.header-left-opened #my-menu > .mm-panel,
.desktop-enabled .header-menu.header-right-opened #my-menu > .mm-panel,
.desktop-enabled .header-menu.header-left-button #my-menu > .mm-panel,
.desktop-enabled .header-menu.header-right-button #my-menu > .mm-panel {
position: absolute;
height: 100% !important;
width: 100%;
top: 0;
left: 0;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 60px 0;
}
.header-menu.header-left-opened #my-menu > .mm-panel ul,
.header-menu.header-right-opened #my-menu > .mm-panel ul,
.header-menu.header-left-button #my-menu > .mm-panel ul,
.header-menu.header-right-button #my-menu > .mm-panel ul {
position: relative;
margin: 0 0 60px 0;
padding: 0;
}
.header-menu.header-left-opened #my-menu > .mm-panel li,
.header-menu.header-right-opened #my-menu > .mm-panel li,
.header-menu.header-left-button #my-menu > .mm-panel li,
.header-menu.header-right-button #my-menu > .mm-panel li {
margin: 0;
padding: 0;
position: relative;
list-style: none;
display: block;
}
.header-menu.header-left-opened #my-menu > .mm-panel li a,
.header-menu.header-right-opened #my-menu > .mm-panel li a,
.header-menu.header-left-button #my-menu > .mm-panel li a,
.header-menu.header-right-button #my-menu > .mm-panel li a {
color: #000000;
display: block;
line-height: 20px;
margin: 0;
position: relative;
overflow: hidden;
padding: 5px 30px 5px 40px;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
/* Sub Menu */
.header-menu.header-left-opened #my-menu > .mm-panel .sub-menu,
.header-menu.header-right-opened #my-menu > .mm-panel .sub-menu,
.header-menu.header-left-button #my-menu > .mm-panel .sub-menu,
.header-menu.header-right-button #my-menu > .mm-panel .sub-menu {
margin: 0 0 0 15px;
}
.header-menu.header-left-opened #my-menu > .mm-panel li a .cont,
.header-menu.header-right-opened #my-menu > .mm-panel li a .cont,
.header-menu.header-left-button #my-menu > .mm-panel li a .cont,
.header-menu.header-right-button #my-menu > .mm-panel li a .cont {
height: 24px;
position: absolute;
right: 14px;
top: 2px;
width: 24px;
}
.header-menu.header-left-opened #my-menu > .mm-panel li a .plus-icon,
.header-menu.header-right-opened #my-menu > .mm-panel li a .plus-icon,
.header-menu.header-left-button #my-menu > .mm-panel li a .plus-icon,
.header-menu.header-right-button #my-menu > .mm-panel li a .plus-icon {
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: 0 0;
opacity: 0.35;
z-index: 5;
-webkit-transition: -webkit-transform 0.250s ease-out 0s;
transition: transform 0.250s ease-out 0s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.no-svg .header-menu.header-left-opened #my-menu > .mm-panel li a .plus-icon,
.no-svg .header-menu.header-right-opened #my-menu > .mm-panel li a .plus-icon,
.no-svg .header-menu.header-left-button #my-menu > .mm-panel li a .plus-icon,
.no-svg .header-menu.header-right-button #my-menu > .mm-panel li a .plus-icon {
background-image: url(_include/img/sprite-menu.png);
}
.header-menu.header-left-opened #my-menu > .mm-panel li a .cont.active .plus-icon,
.header-menu.header-right-opened #my-menu > .mm-panel li a .cont.active .plus-icon,
.header-menu.header-left-button #my-menu > .mm-panel li a .cont.active .plus-icon,
.header-menu.header-right-button #my-menu > .mm-panel li a .cont.active .plus-icon {
-webkit-transition: -webkit-transform 0.250s ease-out 0s;
transition: transform 0.250s ease-out 0s;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.header-menu.header-left-opened #my-menu > .mm-panel .sub-menu li.has-ul > a,
.header-menu.header-right-opened #my-menu > .mm-panel .sub-menu li.has-ul > a,
.header-menu.header-left-button #my-menu > .mm-panel .sub-menu li.has-ul > a,
.header-menu.header-right-button #my-menu > .mm-panel .sub-menu li.has-ul > a {
color: #000000;
font-weight: 700;
}
.header-menu.header-left-opened #my-menu > .mm-panel .sub-menu li a,
.header-menu.header-right-opened #my-menu > .mm-panel .sub-menu li a,
.header-menu.header-left-button #my-menu > .mm-panel .sub-menu li a,
.header-menu.header-right-button #my-menu > .mm-panel .sub-menu li a {
color: #C0BDBF;
font-weight: normal;
}
.header-menu.header-left-opened #my-menu > .mm-panel li a:hover,
.header-menu.header-left-opened #my-menu > .mm-panel .sub-menu li.has-ul > a:hover,
.header-menu.header-right-opened #my-menu > .mm-panel li a:hover,
.header-menu.header-right-opened #my-menu > .mm-panel .sub-menu li.has-ul > a:hover,
.header-menu.header-left-button #my-menu > .mm-panel li a:hover,
.header-menu.header-left-button #my-menu > .mm-panel .sub-menu li.has-ul > a:hover,
.header-menu.header-right-button #my-menu > .mm-panel li a:hover,
.header-menu.header-right-button #my-menu > .mm-panel .sub-menu li.has-ul > a:hover {
color: #2ABB9B;
}
.header-menu.header-left-opened #my-menu > .mm-panel li.current-cat > a:after,
.header-menu.header-left-opened #my-menu > .mm-panel li.current_page_item > a:after,
.header-menu.header-left-opened #my-menu > .mm-panel li.current-menu-item > a:after,
.header-menu.header-left-opened #my-menu > .mm-panel li.current-page-ancestor > a:after,
.header-menu.header-left-opened #my-menu > .mm-panel li.current-menu-ancestor > a:after,
.header-menu.header-right-opened #my-menu > .mm-panel li.current-cat > a:after,
.header-menu.header-right-opened #my-menu > .mm-panel li.current_page_item > a:after,
.header-menu.header-right-opened #my-menu > .mm-panel li.current-menu-item > a:after,
.header-menu.header-right-opened #my-menu > .mm-panel li.current-page-ancestor > a:after,
.header-menu.header-right-opened #my-menu > .mm-panel li.current-menu-ancestor > a:after,
.header-menu.header-left-button #my-menu > .mm-panel li.current-cat > a:after,
.header-menu.header-left-button #my-menu > .mm-panel li.current_page_item > a:after,
.header-menu.header-left-button #my-menu > .mm-panel li.current-menu-item > a:after,
.header-menu.header-left-button #my-menu > .mm-panel li.current-page-ancestor > a:after,
.header-menu.header-left-button #my-menu > .mm-panel li.current-menu-ancestor > a:after,
.header-menu.header-right-button #my-menu > .mm-panel li.current-cat > a:after,
.header-menu.header-right-button #my-menu > .mm-panel li.current_page_item > a:after,
.header-menu.header-right-button #my-menu > .mm-panel li.current-menu-item > a:after,
.header-menu.header-right-button #my-menu > .mm-panel li.current-page-ancestor > a:after,
.header-menu.header-right-button #my-menu > .mm-panel li.current-menu-ancestor > a:after {
content: "";
width: 6px;
height: 2px;
border-radius: 999px;
position: absolute;
top: 50%;
left: 24px;
margin: -2px 0 0 0;
background: #2ABB9B;
opacity: 0.75;
}
/* Copyright */
.header-menu.header-left-opened .copyright,
.header-menu.header-right-opened .copyright,
.header-menu.header-left-button .copyright,
.header-menu.header-right-button .copyright {
position: absolute;
z-index: 1000;
bottom: 0;
left: 0;
height: 60px;
line-height: 60px;
border-top: 1px solid #CAD4DD;
width: 100%;
}
.header-menu.header-left-opened .copyright-text,
.header-menu.header-right-opened .copyright-text,
.header-menu.header-left-button .copyright-text,
.header-menu.header-right-button .copyright-text {
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
color: #000000;
background: #FFFFFF;
padding-left: 23px;
width: 100%;
}
.header-menu.header-left-opened .copyright-text a,
.header-menu.header-right-opened .copyright-text a,
.header-menu.header-left-button .copyright-text a,
.header-menu.header-right-button .copyright-text a {
color: #2ABB9B;
font-weight: normal;
}
.header-menu.header-left-opened .copyright-text a:hover,
.header-menu.header-left-opened .copyright-text a:active,
.header-menu.header-left-opened .copyright-text a:focus,
.header-menu.header-right-opened .copyright-text a:hover,
.header-menu.header-right-opened .copyright-text a:active,
.header-menu.header-right-opened .copyright-text a:focus,
.header-menu.header-left-button .copyright-text a:hover,
.header-menu.header-left-button .copyright-text a:active,
.header-menu.header-left-button .copyright-text a:focus,
.header-menu.header-right-button .copyright-text a:hover,
.header-menu.header-right-button .copyright-text a:active,
.header-menu.header-right-button .copyright-text a:focus {
color: #2ABB9B;
}
/* Social Menu + Modal */
.header-menu.header-left-opened .social-menu-nav.desktop,
.header-menu.header-right-opened .social-menu-nav.desktop {
position: absolute;
bottom: 0;
right: 0;
display: block;
width: 60px;
height: 59px;
border-left: 1px solid #CAD4DD;
background: #FFFFFF;
z-index: 1001;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
.header-menu.header-left-opened .social-menu-nav.desktop:hover,
.header-menu.header-left-opened .social-menu-nav.desktop.open,
.header-menu.header-right-opened .social-menu-nav.desktop:hover,
.header-menu.header-right-opened .social-menu-nav.desktop.open {
background: #2ABB9B;
}
.header-menu.header-left-opened .social-menu-nav.desktop .social-icon,
.header-menu.header-right-opened .social-menu-nav.desktop .social-icon {
position: absolute;
top: 50%;
right: 50%;
margin: -8px -8px 0 0;
width: 16px;
height: 16px;
opacity: 1;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: 0 -16px;
}
.header-menu.header-left-opened .social-menu-nav.desktop:hover .social-icon,
.header-menu.header-left-opened .social-menu-nav.desktop.open .social-icon,
.header-menu.header-right-opened .social-menu-nav.desktop:hover .social-icon,
.header-menu.header-right-opened .social-menu-nav.desktop.open .social-icon {
background-position: -16px -16px;
}
/* Header Button Left & Right */
.desktop-enabled .header-menu.header-left-button,
.desktop-enabled .header-menu.header-right-button {
background: #FFFFFF;
height: 100%;
position: fixed;
top: 0;
width: 40px;
z-index: 999;
}
.desktop-enabled .header-menu.header-left-button {
left: 0;
border-right: 1px solid #CAD4DD;
box-shadow: 1px 0 3px rgba(0, 0, 0, 0.09);
}
.desktop-enabled .header-menu.header-right-button {
right: 0;
border-left: 1px solid #CAD4DD;
box-shadow: -1px 0 3px rgba(0, 0, 0, 0.09);
}
.desktop-enabled .header-menu.header-left-button #my-menu {
left: -300px;
box-shadow: none;
}
.desktop-enabled .header-menu.header-right-button #my-menu {
right: -300px;
box-shadow: none;
}
.header-menu.header-left-button #desktop-nav.menu-nav,
.header-menu.header-right-button #desktop-nav.menu-nav {
display: block;
}
.header-menu.header-left-button .menu-nav,
.header-menu.header-left-button .social-menu-nav,
.header-menu.header-right-button .menu-nav,
.header-menu.header-right-button .social-menu-nav,
.header-menu.header-left-button .search-menu-nav,
.header-menu.header-right-button .search-menu-nav,
.header-menu.header-left-button .cart-contents,
.header-menu.header-right-button .cart-contents {
position: relative;
display: block;
width: 100%;
height: 40px;
border-bottom: 1px solid #CAD4DD;
background: #FFFFFF;
z-index: 99;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
.header-menu.header-left-button .menu-nav .menu-icon,
.header-menu.header-right-button .menu-nav .menu-icon {
position: absolute;
top: 50%;
right: 50%;
margin: -8px -8px 0 0;
width: 16px;
height: 16px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: 0px -32px;
opacity: 1;
-webkit-transition: -webkit-transform 0.250s ease-out 0s, opacity 0.215s ease-in-out 0s;
transition: transform 0.250s ease-out 0s, opacity 0.215s ease-in-out 0s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.header-menu.header-left-button .menu-nav:hover .menu-icon,
.header-menu.header-right-button .menu-nav:hover .menu-icon {
opacity: 0.55;
background-position: 0px -32px;
}
.header-menu.header-left-button .menu-nav.open .menu-icon,
.header-menu.header-right-button .menu-nav.open .menu-icon {
opacity: 1;
background-position: 0px -48px;
-webkit-transition: -webkit-transform 0.250s ease-out 0s, opacity 0.215s ease-in-out 0s;
transition: transform 0.250s ease-out 0s, opacity 0.215s ease-in-out 0s;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.header-menu.header-left-button .menu-nav.open:hover .menu-icon,
.header-menu.header-right-button .menu-nav.open:hover .menu-icon {
opacity: 0.55;
}
.no-svg .header-menu.header-left-button .menu-nav .menu-icon,
.no-svg .header-menu.header-right-button .menu-nav .menu-icon {
background-image: url(_include/img/sprite-menu.png);
}
/* Seach and Social Icon */
.header-menu.header-left-button .social-menu-nav i,
.header-menu.header-right-button .social-menu-nav i,
.header-menu.header-left-button .search-menu-nav i,
.header-menu.header-right-button .search-menu-nav i {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
font-size: 16px;
color: #000000;
}
/* Woocommerce Cart */
.header-menu.header-left-button .cart-contents i,
.header-menu.header-right-button .cart-contents i {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
font-size: 16px;
color: #000000;
}
.cart-contents span.woocommerce-notification-bubble {
background: #2ABB9B;
border-radius: 999px;
color: #FFFFFF;
font-size: 10px;
font-weight: 700;
height: 16px;
line-height: 11px;
padding-top: 2px;
position: absolute;
right: 4px;
text-align: center;
top: 4px;
width: 16px;
-webkit-transition: background 0.115s ease-in-out 0s, color 0.115s ease-in-out;
transition: background 0.115s ease-in-out 0s, color 0.115s ease-in-out;
}
.cart-contents:hover span.woocommerce-notification-bubble {
color: #FFFFFF;
background: #2ABB9B;
}
/* Animation */
.wrap_all.left-menu-button {
position: relative;
left: 0px;
}
.wrap_all.right-menu-button {
position: relative;
right: 0px;
}
/* Blocker Layer */
.header-left-button-enabled #blocker,
.header-right-button-enabled #blocker {
display: none;
height: 100%;
top: 0;
opacity: 0;
position: fixed;
width: 100%;
z-index: 9000;
cursor: pointer;
}
.header-left-button-enabled #blocker {
left: 340px;
}
.header-right-button-enabled #blocker {
right: 340px;
}
.header-left-button-enabled #blocker.visible,
.header-right-button-enabled #blocker.visible {
display: block;
}
/* Header Normal, Fixed and Sticky */
.header-menu.header-normal,
.header-menu.header-fixed,
.header-menu.header-sticky {
width: 100%;
position: relative;
height: 100px;
background: #FFFFFF;
border-bottom: 1px solid #CAD4DD;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.09);
z-index: 2;
}
.header-menu.header-fixed,
.header-menu.header-sticky {
position: fixed;
top: 0;
z-index: 99;
}
#main.header-fixed-enabled,
#main.header-sticky-enabled {
margin-top: 100px;
}
.header-menu.header-normal #logo.logo-text,
.header-menu.header-fixed #logo.logo-text,
.header-menu.header-sticky #logo.logo-text {
position: relative;
font-size: 26px;
text-transform: uppercase;
line-height: 100px;
display: inline-block;
}
.header-menu.header-normal .logo-img,
.header-menu.header-fixed .logo-img,
.header-menu.header-sticky .logo-img {
float: left;
margin: 0;
padding: 0;
line-height: 100px;
}
.header-menu.header-normal #my-menu > .mm-panel ul,
.header-menu.header-fixed #my-menu > .mm-panel ul,
.header-menu.header-sticky #my-menu > .mm-panel ul {
float: right;
margin: 0;
padding: 0;
}
.header-menu.header-normal #my-menu > .mm-panel ul li,
.header-menu.header-fixed #my-menu > .mm-panel ul li,
.header-menu.header-sticky #my-menu > .mm-panel ul li {
float: left;
position: relative;
list-style: none;
padding: 0 10px;
}
.header-menu.header-normal #my-menu > .mm-panel ul li:last-child,
.header-menu.header-fixed #my-menu > .mm-panel ul li:last-child,
.header-menu.header-sticky #my-menu > .mm-panel ul li:last-child {
padding-right: 0px;
}
.header-menu.header-normal #my-menu > .mm-panel li a,
.header-menu.header-fixed #my-menu > .mm-panel li a,
.header-menu.header-sticky #my-menu > .mm-panel li a {
color: #000000;
display: block;
line-height: 20px;
margin: 0;
position: relative;
overflow: hidden;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 100px;
}
.header-menu.header-normal #my-menu > .mm-panel li a:hover,
.header-menu.header-fixed #my-menu > .mm-panel li a:hover,
.header-menu.header-sticky #my-menu > .mm-panel li a:hover {
color: #2ABB9B;
}
.header-menu.header-normal #my-menu > .mm-panel ul ul,
.header-menu.header-fixed #my-menu > .mm-panel ul ul,
.header-menu.header-sticky #my-menu > .mm-panel ul ul {
position: absolute;
top: -9999em;
width: 230px !important;
}
.header-menu.header-normal #my-menu > .mm-panel ul ul li,
.header-menu.header-fixed #my-menu > .mm-panel ul ul li,
.header-menu.header-sticky #my-menu > .mm-panel ul ul li {
width: 100%;
padding: 0;
}
.header-menu.header-normal #my-menu > .mm-panel ul li:hover ul,
.header-menu.header-normal #my-menu > .mm-panel ul li.sfHover ul,
.header-menu.header-fixed #my-menu > .mm-panel ul li:hover ul,
.header-menu.header-fixed #my-menu > .mm-panel ul li.sfHover ul,
.header-menu.header-sticky #my-menu > .mm-panel ul li:hover ul,
.header-menu.header-sticky #my-menu > .mm-panel ul li.sfHover ul {
top: 100px;
left: 0;
z-index: 99;
margin-left: 10px;
}
.header-menu.header-normal #my-menu > .mm-panel ul a:hover,
.header-menu.header-normal #my-menu > .mm-panel ul li.current-cat a,
.header-menu.header-normal #my-menu > .mm-panel ul li.current_page_item a,
.header-menu.header-normal #my-menu > .mm-panel ul li.current-menu-item a,
.header-menu.header-normal #my-menu > .mm-panel ul li.current-page-ancestor a,
.header-menu.header-normal #my-menu > .mm-panel ul li.current-menu-ancestor a,
.header-menu.header-fixed #my-menu > .mm-panel ul a:hover,
.header-menu.header-fixed #my-menu > .mm-panel ul li.current-cat a,
.header-menu.header-fixed #my-menu > .mm-panel ul li.current_page_item a,
.header-menu.header-fixed #my-menu > .mm-panel ul li.current-menu-item a,
.header-menu.header-fixed #my-menu > .mm-panel ul li.current-page-ancestor a,
.header-menu.header-fixed #my-menu > .mm-panel ul li.current-menu-ancestor a,
.header-menu.header-sticky #my-menu > .mm-panel ul a:hover,
.header-menu.header-sticky #my-menu > .mm-panel ul li.current-cat a,
.header-menu.header-sticky #my-menu > .mm-panel ul li.current_page_item a,
.header-menu.header-sticky #my-menu > .mm-panel ul li.current-menu-item a,
.header-menu.header-sticky #my-menu > .mm-panel ul li.current-page-ancestor a,
.header-menu.header-sticky #my-menu > .mm-panel ul li.current-menu-ancestor a {
color: #2ABB9B !important;
}
.header-menu.header-normal #my-menu > .mm-panel ul li:hover li ul,
.header-menu.header-normal #my-menu > .mm-panel ul li.sfHover li ul,
.header-menu.header-fixed #my-menu > .mm-panel ul li:hover li ul,
.header-menu.header-fixed #my-menu > .mm-panel ul li.sfHover li ul,
.header-menu.header-sticky #my-menu > .mm-panel ul li:hover li ul,
.header-menu.header-sticky #my-menu > .mm-panel ul li.sfHover li ul {
top: -9999em;
}
.header-menu.header-normal #my-menu > .mm-panel ul li li:hover ul,
.header-menu.header-normal #my-menu > .mm-panel ul li li.sfHover ul,
.header-menu.header-fixed #my-menu > .mm-panel ul li li:hover ul,
.header-menu.header-fixed #my-menu > .mm-panel ul li li.sfHover ul,
.header-menu.header-sticky #my-menu > .mm-panel ul li li:hover ul,
.header-menu.header-sticky #my-menu > .mm-panel ul li li.sfHover ul {
top: 1px;
left: 230px !important;
margin-left: 0px;
}
.header-menu.header-normal #my-menu > .mm-panel ul ul,
.header-menu.header-fixed #my-menu > .mm-panel ul ul,
.header-menu.header-sticky #my-menu > .mm-panel ul ul {
padding: 0;
background: #1E1E1E;
}
.header-menu.header-normal #my-menu > .mm-panel ul ul li a,
.header-menu.header-fixed #my-menu > .mm-panel ul ul li a,
.header-menu.header-sticky #my-menu > .mm-panel ul ul li a {
position: relative;
float: none;
margin: 0;
padding: 0;
background: none;
line-height: 25px;
}
.header-menu.header-normal #my-menu > .mm-panel ul ul li:first-child,
.header-menu.header-fixed #my-menu > .mm-panel ul ul li:first-child,
.header-menu.header-sticky #my-menu > .mm-panel ul ul li:first-child {
border-top: none;
}
.header-menu.header-normal #my-menu > .mm-panel ul .sub-menu li a,
.header-menu.header-fixed #my-menu > .mm-panel ul .sub-menu li a,
.header-menu.header-sticky #my-menu > .mm-panel ul .sub-menu li a {
position: relative;
color: #C0BDBF !important;
font-size: 11px;
font-weight: normal !important;
padding: 10px 20px 11px !important;
border-top: 1px solid #2F2F2F;
}
.header-menu.header-normal #my-menu > .mm-panel ul .sub-menu li:first-child a,
.header-menu.header-fixed #my-menu > .mm-panel ul .sub-menu li:first-child a,
.header-menu.header-sticky #my-menu > .mm-panel ul .sub-menu li:first-child a {
border-top: none;
}
.header-menu.header-normal #my-menu > .mm-panel ul .sub-menu li a:hover,
.header-menu.header-normal #my-menu > .mm-panel ul .sub-menu li.current-menu-item a,
.header-menu.header-fixed #my-menu > .mm-panel ul .sub-menu li a:hover,
.header-menu.header-fixed #my-menu > .mm-panel ul .sub-menu li.current-menu-item a,
.header-menu.header-sticky #my-menu > .mm-panel ul .sub-menu li a:hover,
.header-menu.header-sticky #my-menu > .mm-panel ul .sub-menu li.current-menu-item a {
color: #FFFFFF !important;
}
/* Mega Menu */
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu {
position: inherit!important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul.sub-menu,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul.sub-menu,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul.sub-menu {
width: 100% !important;
margin: 0px !important;
left: 0px;
padding: 15px 0px;
background-color: #1E1E1E;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul > li,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul > li,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul > li {
display: table-cell !important;
float: none !important;
padding: 0px 15px;
width: 33.33% !important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul > li:last-child,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul > li:last-child,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul > li:last-child {
border-right: none!important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu.col-3 > ul > li,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu.col-3 > ul > li,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu.col-3 > ul > li {
width: 33.33% !important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu.col-4 > ul > li,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu.col-4 > ul > li,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu.col-4 > ul > li {
width: 25% !important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu.col-5 > ul > li,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu.col-5 > ul > li,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu.col-5 > ul > li {
width: 20% !important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu.col-6 > ul > li,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu.col-6 > ul > li,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu.col-6 > ul > li {
width: 16.66% !important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul > li ul,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul > li ul,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul > li ul {
display: block !important;
top: 0px !important;
width: 100% !important;
opacity: 1 !important;
left: 0px !important;
position: relative !important;
margin: 0 !important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul > li,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul > li,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul > li {
border-right: 1px solid #2F2F2F;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu ul li a,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu ul li a,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu ul li a {
border: none !important;
padding: 9px 0px !important;
line-height: 1;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul > li > a,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul > li > a,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul > li > a {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
letter-spacing: 1px;
color: #FFFFFF !important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul ul li a:hover,
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul ul li.current-menu-item a,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul ul li a:hover,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul ul li.current-menu-item a,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul ul li a:hover,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul ul li.current-menu-item a {
color: #FFFFFF!important;
}
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul > li > a:hover,
.header-menu.header-normal #my-menu > .mm-panel > ul > li.megamenu > ul > li.sfHover > a,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul > li > a:hover,
.header-menu.header-fixed #my-menu > .mm-panel > ul > li.megamenu > ul > li.sfHover > a,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul > li > a:hover,
.header-menu.header-sticky #my-menu > .mm-panel > ul > li.megamenu > ul > li.sfHover > a {
background-color: transparent!important;
}
/* Sticky Header Animation */
.header-menu.header-sticky {,
-webkit-transition: height 0.3s ease 0s;
transition: height 0.3s ease 0s;
}
.header-menu.header-sticky.nav-small {
height: 60px;
}
.header-menu.header-sticky .logo-img,
.header-menu.header-sticky #my-menu > .mm-panel li a,
.header-menu.header-sticky #logo.logo-text {
line-height: 60px;
padding: 20px 0;
-webkit-transition: color 0.215s ease-in-out 0s, padding 0.3s ease 0s;
transition: color 0.215s ease-in-out 0s, padding 0.3s ease 0s;
}
.header-menu.header-sticky.nav-small .logo-img,
.header-menu.header-sticky.nav-small #my-menu > .mm-panel li a,
.header-menu.header-sticky.nav-small #logo.logo-text {
padding: 0;
}
.header-menu.header-sticky .logo-img img {
-webkit-transition: width 0.3s ease 0s, max-height 0.3s ease 0s, opacity 0.315s ease-in-out 0s;
transition: width 0.3s ease 0s, max-height 0.3s ease 0s, opacity 0.315s ease-in-out 0s;
}
.header-menu.header-sticky.nav-small .logo-img img {
width: auto;
max-height: 40px !important;
}
.header-menu.header-sticky #my-menu > .mm-panel ul li:hover ul,
.header-menu.header-sticky #my-menu > .mm-panel ul li.sfHover ul {
-webkit-transition: top 0.3s ease 0s;
transition: top 0.3s ease 0s;
}
.header-menu.header-sticky.nav-small #my-menu > .mm-panel ul li:hover ul,
.header-menu.header-sticky.nav-small #my-menu > .mm-panel ul li.sfHover ul {
top: 60px;
}
.header-menu.header-sticky.nav-small #my-menu > .mm-panel ul li li:hover ul,
.header-menu.header-sticky.nav-small #my-menu > .mm-panel ul li li.sfHover ul {
top: 0px;
}
.header-menu.header-normal #my-menu > .mm-panel ul .sub-menu li a .cont-desk,
.header-menu.header-fixed #my-menu > .mm-panel ul .sub-menu li a .cont-desk,
.header-menu.header-sticky #my-menu > .mm-panel ul .sub-menu li a .cont-desk {
position: absolute;
line-height: 1;
top: 50%;
right: 12px;
height: 16px;
margin-top: -8px;
}
.header-menu.header-normal #my-menu > .mm-panel ul .sub-menu li a .cont-desk i,
.header-menu.header-fixed #my-menu > .mm-panel ul .sub-menu li a .cont-desk i,
.header-menu.header-sticky #my-menu > .mm-panel ul .sub-menu li a .cont-desk i {
font-size: 16px;
}
/* Cart Icon */
#my-menu > .mm-panel ul li.woocommerce-cart {
padding: 0 !important;
width: 40px;
text-align: center;
}
.cart-contents i {
color: #000000;
}
.header-menu.header-normal #my-menu > .mm-panel ul li.woocommerce-cart .cart-contents span.woocommerce-notification-bubble,
.header-menu.header-fixed #my-menu > .mm-panel ul li.woocommerce-cart .cart-contents span.woocommerce-notification-bubble,
.header-menu.header-sticky #my-menu > .mm-panel ul li.woocommerce-cart .cart-contents span.woocommerce-notification-bubble {
top: 50%;
right: 50%;
margin: -15px -15px 0 0;
}
/* Transparent Header + White Color */
.header-menu.header-sticky.header-transparent-enabled {
background: transparent;
box-shadow: none;
border-bottom: 1px solid rgba(255,255,255,0.15);
-webkit-transition: height 0.3s ease 0s, background 0.375s ease-in-out 0s;
transition: height 0.3s ease 0s, background 0.375s ease-in-out 0s;
}
#main.header-sticky-enabled.header-transparent-enabled {
margin-top: 0px;
}
.header-menu.header-sticky.nav-small.header-transparent-enabled {
background: #FFFFFF;
border-bottom: 1px solid #CAD4DD;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.09);
}
.header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text,
.header-menu.header-sticky.header-transparent-enabled.white-color .search-menu-nav i,
.header-menu.header-sticky.header-transparent-enabled.white-color .social-menu-nav i,
.header-menu.header-sticky.header-transparent-enabled.white-color .cart-contents i {
color: #FFFFFF;
}
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel li a {
color: rgba(255,255,255,0.75);
-webkit-transition: color 0.215s ease-in-out 0s, padding 0.3s ease 0s;
transition: color 0.215s ease-in-out 0s, padding 0.3s ease 0s;
}
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul a:hover,
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul li.current-cat a,
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul li.current_page_item a,
.header-menu.header-sticky.header-transparent-enabled.white-color#my-menu > .mm-panel ul li.current-menu-item a,
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul li.current-page-ancestor a,
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul li.current-menu-ancestor a {
color: #FFFFFF !important;
}
.header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:hover,
.header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:active,
.header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:focus {
color: #2ABB9B;
}
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #logo.logo-text,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel li a,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .search-menu-nav i,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .social-menu-nav i,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .cart-contents i {
color: #000000;
}
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul a:hover,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul li.current-cat a,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul li.current_page_item a,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color#my-menu > .mm-panel ul li.current-menu-item a,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul li.current-page-ancestor a,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul li.current-menu-ancestor a {
color: #2ABB9B !important;
}
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul .sub-menu li a,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul .sub-menu li a {
color: #C0BDBF !important;
}
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel > ul > li.megamenu > ul > li > a,
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul .sub-menu li a:hover,
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul .sub-menu li.current-menu-item a,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel > ul > li.megamenu > ul > li > a,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul .sub-menu li a:hover,
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul .sub-menu li.current-menu-item a {
color: #FFFFFF !important;
}
.header-menu.header-sticky.header-transparent-enabled.white-color .logo-img img.standard {
display: none;
}
.header-menu.header-sticky.header-transparent-enabled.white-color .logo-img img.standard.white-color {
display: inline-block;
}
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .logo-img img.standard {
display: inline-block;
}
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .logo-img img.standard.white-color {
display: none;
}
/* Mobile Menu */
#navigation-mobile {
background: #1E1E1E;
display: none;
position: relative;
}
.mobile-buttons {
display: none;
}
#mobile-nav.menu-nav.mobile,
#search-nav.mobile,
.mobile-buttons .social-nav,
.mobile-buttons .woo-cart {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 60px !important;
height: 60px !important;
border-right: 1px solid #CAD4DD !important;
z-index: 50 !important;
}
#mobile-nav.menu-nav.mobile .menu-icon {
position: absolute;
top: 50%;
right: 50%;
margin: -8px -8px 0 0;
width: 16px;
height: 16px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: 0px -32px;
opacity: 1;
-webkit-transition: -webkit-transform 0.250s ease-out 0s, opacity 0.215s ease-in-out 0s;
transition: transform 0.250s ease-out 0s, opacity 0.215s ease-in-out 0s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
#mobile-nav.menu-nav.mobile.open .menu-icon {
opacity: 1;
background-position: 0px -48px;
-webkit-transition: -webkit-transform 0.250s ease-out 0s, opacity 0.215s ease-in-out 0s;
transition: transform 0.250s ease-out 0s, opacity 0.215s ease-in-out 0s;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.no-svg #mobile-nav.menu-nav.mobile .menu-icon {
background-image: url(_include/img/sprite-menu.png);
}
.mobile-buttons .social-nav,
#search-nav.mobile,
.mobile-buttons .woo-cart {
left: auto !important;
right: 0 !important;
border-right: 0 none !important;
border-left: 1px solid #CAD4DD !important;
}
#search-nav.mobile i,
.mobile-buttons .social-nav i,
.mobile-buttons .woo-cart i {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
font-size: 16px;
color: #000000;
}
.mobile-buttons .social-nav + #search-nav.mobile,
.mobile-buttons .social-nav+ .woo-cart,
#search-nav.mobile + .woo-cart {
right: 60px !important;
}
.mobile-buttons .social-nav + #search-nav.mobile + .woo-cart {
right: 120px !important;
}
.mobile-buttons .cart-contents span.woocommerce-notification-bubble {
top: 15px !important;
right: 13px !important;
}
/* Menu Mobile Setup */
#navigation-mobile .container-fluid {
padding: 0 !important;
}
#navigation-mobile ul {
margin: 0;
padding: 0;
list-style: none;
}
#navigation-mobile ul li a {
color: #c0bdbf;
display: block;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
line-height: 20px;
margin: 0;
overflow: hidden;
border-bottom: 1px solid #2f2f2f;
padding: 20px 24px;
position: relative;
text-transform: uppercase;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
}
#navigation-mobile ul li a:hover,
#navigation-mobile ul li a.active {
color: #FFFFFF;
}
#navigation-mobile ul li a .cont {
position: absolute;
height: 60px;
right: 0px;
top: 0px;
width: 60px;
background: #1E1E1E;
border-left: 1px solid #2f2f2f;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
#navigation-mobile ul li a:hover .cont,
#navigation-mobile ul li a .cont.active {
background: #191919;
}
#navigation-mobile ul li a .plus-icon {
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: -16px 0px;
opacity: 1;
z-index: 5;
-webkit-transition: -webkit-transform 0.250s ease-out 0s;
transition: transform 0.250s ease-out 0s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.no-svg #navigation-mobile ul li a .plus-icon {
background-image: url(_include/img/sprite-menu.png);
}
#navigation-mobile ul li a .cont.active .plus-icon {
-webkit-transition: -webkit-transform 0.250s ease-out 0s;
transition: transform 0.250s ease-out 0s;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
#navigation-mobile .sub-menu li a {
padding-left: 35px;
}
/* Modal */
body.modal-open {
margin-right: 0;
}
.modal-backdrop {
background: #000000;
z-index: 9100;
}
.modal {
overflow: hidden !important;
z-index: 9200;
}
.fade {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.modal-backdrop.in {
opacity: 0.95;
filter: alpha(opacity=95);
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.modal-custom.fade .modal-dialog {
-webkit-transform: none;
transform: none;
-webkit-transition: none;
transition: none;
}
.modal-custom .modal-dialog {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
padding: 0;
margin: 0;
text-align: center;
z-index: 800;
-webkit-backface-visibility: hidden;
}
.close-modal {
position: fixed;
right: 37px;
top: 37px;
font-size: 11px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
color: #FFFFFF !important;
z-index: 30;
}
.close-modal .close-btn {
float: right;
margin: 0 0 0 12px;
position: relative;
top: 4px;
width: 16px;
height: 16px;
background-image: url('_include/img/sprite-menu.svg');
background-repeat: no-repeat;
background-position: -16px -48px;
}
.no-svg .close-modal .close-btn-menu {
background-image: url('_include/img/sprite-menu.png');
}
/* Search Button & Social Menu Icon */
.search-menu-nav i,
.social-menu-nav i {
position: relative;
top: 2px;
font-size: 16px;
color: #000000;
}
#myModalSearch form {
width: 50%;
margin: 0 auto;
border-bottom: 1px solid rgba(255,255,255,0.09);
}
#myModalSearch #searchform input[type="text"] {
border: 0 none;
background: transparent;
color: #FFFFFF;
font-size: 42px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
text-align: center;
}
#myModalSearch #searchform input::input-placeholder {
color: #FFFFFF;
opacity: 1;
}
#myModalSearch #searchform input:-moz-placeholder {
color: #FFFFFF;
opacity: 1;
}
#myModalSearch #searchform input::-moz-placeholder {
color: #FFFFFF;
opacity: 1;
}
#myModalSearch #searchform input:-ms-input-placeholder {
color: #FFFFFF;
opacity: 1;
}
#myModalSearch #searchform input::-webkit-input-placeholder {
color: #FFFFFF;
opacity: 1;
}
.social-profile-container {
width: 50%;
margin: 0 auto;
text-align: center;
}
.social-profile-container a {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
margin: 2px;
background: transparent;
border: 1px solid rgba(255,255,255,0.09);
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
.social-profile-container a i {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
color: #FFFFFF;
font-size: 16px;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
}
.social-profile-container a:hover {
background: #FFFFFF;
}
.social-profile-container a:hover i {
color: #000000;
}
/* One Page Navigation */
.header-menu.header-left-button #my-menu > .mm-panel li > a.current-one-page:after,
.header-menu.header-left-opened #my-menu > .mm-panel li > a.current-one-page:after,
.header-menu.header-right-button #my-menu > .mm-panel li > a.current-one-page:after,
.header-menu.header-right-opened #my-menu > .mm-panel li > a.current-one-page:after {
content: "";
width: 6px;
height: 2px;
border-radius: 999px;
position: absolute;
top: 50%;
left: 24px;
margin: -2px 0 0 0;
background: #2ABB9B;
opacity: 0.75;
}
.header-menu.header-normal #my-menu > .mm-panel ul li a.current-one-page,
.header-menu.header-fixed #my-menu > .mm-panel ul li a.current-one-page,
.header-menu.header-sticky #my-menu > .mm-panel ul li a.current-one-page {
color: #2ABB9B;
}
.header-menu.header-sticky.header-transparent-enabled.white-color #my-menu > .mm-panel ul li a.current-one-page {
color: #FFFFFF;
}
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color #my-menu > .mm-panel ul li a.current-one-page {
color: #2ABB9B;
}
/*-----------------------------------------------------------------------------------*/
/* 5. Revolution Slider Setup Graphics
/*-----------------------------------------------------------------------------------*/
#slider-header-revolution {
overflow: hidden;
}
.main-content .container-fluid .wpb_revslider_element {
margin-right: -70px;
margin-left: -70px;
}
.fullwidthbanner ul li {
list-style: none;
}
.rev_slider_wrapper:hover .tparrows {
opacity: 0.8;
}
.tp-bullets {
background: rgba(0,0,0,0.45);
padding: 7px 10px;
border-radius: 20px;
}
.tp-bullets.simplebullets.round .bullet {
margin-top: 0;
margin-left: 5px;
width: 10px;
height: 10px;
border: 2px solid #FFFFFF;
-webkit-border-radius: 999px;
border-radius: 999px;
background-color: transparent;
background-image: none;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
.tp-bullets.simplebullets.round .bullet.first {
margin-left: 0 !important;
}
.tp-bullets.simplebullets.round .bullet.last {
margin-right: 0 !important;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
background-color: #FFFFFF;
}
.tparrows:before {
display: inline-block;
margin-top: 0;
margin-right: 0;
width: 48px;
text-align: center;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: 'Icons';
}
.tparrows:before {
margin-top: 12px;
}
.tp-leftarrow.default {
position: relative;
top: 50% !important;
z-index: 100;
width: 48px;
height: 48px;
border-radius: 4px;
background-color: transparent;
background-image: none;
color: #FFFFFF;
cursor: pointer;
}
.tp-rightarrow.default {
position: relative;
top: 50% !important;
z-index: 100;
width: 48px;
height: 48px;
border-radius: 4px;
background-color: transparent;
background-image: none;
color: #FFFFFF;
cursor: pointer;
}
.tparrows {
position: relative;
top: 50% !important;
z-index: 100;
width: 48px;
height: 48px;
border-radius: 4px;
background-color: transparent;
background-image: none;
color: #FFFFFF;
cursor: pointer;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
.tp-leftarrow:before {
content: "\e1c8";
}
.tp-rightarrow:before {
content: "\e1cb";
}
.tparrows:hover {
background-color: rgba(0,0,0,0.45);
opacity: 1 !important;
}
.tp-bannertimer {
z-index: 20;
}
.tp-caption.fullscreenvideo iframe {
border: none;
}
/*-----------------------------------------------------------------------------------*/
/* 6. Content
/*-----------------------------------------------------------------------------------*/
#content {
position: relative;
z-index: 1;
}
#main.header-left-opened-enabled #content {
margin-left: 300px;
}
#main.header-right-opened-enabled #content {
margin-right: 300px;
}
#main.header-left-button-enabled #content {
margin-left: 40px;
}
#main.header-right-button-enabled #content {
margin-right: 40px;
}
body.page .wrap_content {
padding: 70px;
}
body.page.wpb-js-composer .wrap_content,
body.page.woocommerce-page .wrap_content {
padding: 0;
}
.main-content > .container-fluid {
padding: 0 70px;
}
/* No Header/Footer Fix */
.no-header-footer-layout-enabled #main.header-left-opened-enabled #content,
.no-header-footer-layout-enabled #main.header-right-opened-enabled #content,
.no-header-footer-layout-enabled #main.header-left-button-enabled #content,
.no-header-footer-layout-enabled #main.header-right-button-enabled #content,
.no-header-footer-layout-enabled #main.header-fixed-enabled,
.no-header-footer-layout-enabled #main.header-sticky-enabled {
margin: 0px;
}
/*-----------------------------------------------------------------------------------*/
/* 7. Full Area / Section Title Page
/*-----------------------------------------------------------------------------------*/
.container-fluid.full-screen {
position: relative;
text-align: center;
top: 50%;
padding: 0 70px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.normal-container.imagize,
.full-container.imagize,
.normal-container.titlize,
.full-container.titlize,
.main-content.section-full-area {
width: 100%;
height: 600px;
position: relative;
}
.overlay-bg,
.overlay-bg-search,
.overlay-bg-archive {
background: #000000;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.5;
z-index: 1;
}
.overlay-pattern {
background-repeat: repeat;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 2;
}
/* For Search and Archive */
.box-overlay.titlize {
background-color: #23282F;
}
#text-header .overlay-bg {
background-color: #23282F;
opacity: 1;
}
.box-overlay {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
opacity: 1;
z-index: 3;
}
.content-title {
position: relative;
text-align: center;
top: 50%;
padding: 0 70px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.title {
color: #FFFFFF;
font-size: 38px;
font-weight: 400;
letter-spacing: 0;
margin: 0;
text-transform: none;
}
.caption {
color: #FFFFFF;
font-size: 12px;
font-weight: 400;
letter-spacing: 3px;
margin: 0 0 0 3px;
text-transform: uppercase;
}
.content-title.leftize {
text-align: left;
}
.content-title.rightize {
text-align: right;
}
.content-title.leftize .caption,
.content-title.rightize .caption {
margin-top: 14px;
}
.content-title.centerize .line,
.content-title.leftize .line,
.content-title.rightize .line {
background: #FFFFFF;
display: block;
height: 1px;
margin: 8px auto 18px;
opacity: 0.5;
position: relative;
width: 24px;
}
.content-title.leftize .line {
margin: 8px 0 18px;
}
.content-title.rightize .line {
margin: 8px 4px 18px auto;
}
/*-----------------------------------------------------------------------------------*/
/* 8. Special Heading
/*-----------------------------------------------------------------------------------*/
.special-heading > * {
margin: 0;
}
.special-heading.italic > * {
font-style: italic;
}
/*-----------------------------------------------------------------------------------*/
/* 9. Team and Single Post Team
/*-----------------------------------------------------------------------------------*/
#team-people .single-people {
position: relative;
overflow: hidden;
padding: 0;
float: left;
}
.row.team-normal-width {
margin-left: -5px;
margin-right: -5px;
}
.wall-effect #team-people .single-people {
float: left;
}
#team-people .single-people.col-carousel-1 {
width: 100%;
}
.team-normal-width #team-people {
margin: 0;
}
.team-normal-width #team-people .single-people {
padding: 0 5px;
margin-bottom: 10px;
}
.container-fluid .row.team-normal-width #team-people {
margin: 0 0;
}
.container-fluid .team-normal-width #team-people .single-people {
padding: 0 8px;
margin-bottom: 16px;
}
#team-people .team-post-thumb {
position: relative;
}
#team-people .team-post-hover {
height: 100%;
padding: 0px;
position: absolute;
width: 100%;
opacity: 0;
-webkit-transition: padding 0.215s ease-in-out 0s, opacity 0.215s ease-in-out 0s;
transition: padding 0.215s ease-in-out 0s, opacity 0.215s ease-in-out 0s;
}
#team-people .team-post-hover a {
display: block;
height: 100%;
width: 100%;
background: #FFFFFF;
}
#team-people .team-post-thumb:hover .team-post-hover {
padding: 20px;
opacity: 1;
}
#team-people .team-naming {
position: absolute;
text-align: center;
width: 100%;
z-index: 4;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-backface-visibility: hidden;
}
#team-people .team-naming h3 {
color: #000000;
font-size: 16px;
font-weight: 400;
margin: 0 0 0 3px;
text-transform: uppercase;
}
#team-people .team-naming h4 {
color: #000000;
font-size: 11px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 0 3px;
}
#team-people .line {
background: #000000;
display: block;
height: 1px;
margin: 12px auto 14px;
opacity: 0.5;
position: relative;
width: 24px;
}
/* Listed Team */
#team-people .team-post-thumb-listed {
position: relative;
width: 100%;
height: 500px;
}
#team-people .single-people.col-listed-1 {
width: 100%;
}
#team-people .single-people.col-listed-1 .team-naming h3 {
font-size: 21px;
}
#team-people .single-people.col-listed-1 .team-naming h4 {
font-size: 13px;
}
#team-people .single-people.col-listed-1 .team-naming .line {
margin: 16px auto 18px;
}
#team-people .team-post-image {
width: 50%;
height: 100%;
float: left;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#team-people .team-post-description {
width: 50%;
height: 100%;
background: #FFFFFF;
float: left;
}
#team-people .team-post-description .team-naming {
position: relative;
}
#team-people .single-people.col-listed-1.reverse-layout .team-post-image {
float: right;
}
#team-people .overlay-bg-team {
background: rgba(0,0,0,0);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
#team-people .single-people.col-listed-1 a:hover .overlay-bg-team {
background: rgba(0,0,0,0.6);
}
#team-people .single-people.col-listed-1 .team-naming {
padding: 0 40px;
}
#team-people .overlay-bg-team .read-icon {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
z-index: 2;
background-image: url(_include/img/sprite-menu.svg);
background-position: -16px 0;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
#team-people .single-people.col-listed-1 a:hover .read-icon {
opacity: 1;
}
.no-svg #team-people .overlay-bg-team .read-icon {
background-image: url(_include/img/sprite-menu.png);
}
/*-----------------------------------------------------------------------------------*/
/* 10. Portfolio and Single Post Portfolio
/*-----------------------------------------------------------------------------------*/
.grid-sizer {
height: 0 !important;
margin: 0 !important;
min-height: 0 !important;
}
#portfolio-items .single-portfolio {
position: relative;
overflow: hidden;
padding: 0;
float: left;
}
.row.portfolio-normal-width {
margin-left: -5px;
margin-right: -5px;
}
.wall-effect #portfolio-items .single-portfolio {
float: left;
}
#portfolio-items .single-portfolio.col-carousel-1 {
width: 100%;
}
.portfolio-normal-width #portfolio-items {
margin: 0;
}
.portfolio-normal-width #portfolio-items .single-portfolio {
padding: 0 5px;
margin-bottom: 10px;
}
.container-fluid .portfolio-normal-width #portfolio-items {
margin: 0;
}
.container-fluid .portfolio-normal-width #portfolio-items .single-portfolio {
padding: 0 8px;
margin-bottom: 16px;
}
#portfolio-items .portfolio-post-thumb {
position: relative;
}
#portfolio-items .portfolio-post-hover {
height: 100%;
padding: 0px;
position: absolute;
width: 100%;
opacity: 0;
-webkit-transition: padding 0.215s ease-in-out 0s, opacity 0.215s ease-in-out 0s;
transition: padding 0.215s ease-in-out 0s, opacity 0.215s ease-in-out 0s;
}
#portfolio-items .portfolio-post-hover a {
display: block;
height: 100%;
width: 100%;
background: #FFFFFF;
}
#portfolio-items .portfolio-post-thumb:hover .portfolio-post-hover {
padding: 20px;
opacity: 1;
}
#portfolio-items .portfolio-naming {
position: absolute;
text-align: center;
width: 100%;
z-index: 4;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-backface-visibility: hidden;
}
#portfolio-items .portfolio-naming h3 {
color: #000000;
font-size: 16px;
font-weight: 400;
margin: 0 0 0 3px;
text-transform: uppercase;
}
#portfolio-items .portfolio-naming h4 {
color: #000000;
font-size: 11px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 0 3px;
}
#portfolio-items .line {
background: #000000;
display: block;
height: 1px;
margin: 12px auto 14px;
opacity: 0.5;
position: relative;
width: 24px;
}
.portfolio-icon {
position: absolute;
top: 40px;
right: 40px;
width: 16px;
height: 16px;
z-index: 2;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
}
.no-svg .portfolio-icon {
background-image: url(_include/img/sprite-menu.png);
}
.portfolio-icon.fancy-image {
background-position: 0px -128px;
}
.portfolio-icon.fancy-video {
background-position: 0px -112px;
}
.portfolio-icon.external-url {
background-position: 0px -144px;
}
/* Colorize Portfolio */
#portfolio-items .single-portfolio.colorize-portfolio .portfolio-post-hover,
#portfolio-items .portfolio-post-thumb:hover .portfolio-post-hover.colorize-portfolio {
padding: 0!important;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.portfolio-icon.fancy-image.colorize-portfolio {
background-position: -16px -128px;
}
.portfolio-icon.fancy-video.colorize-portfolio {
background-position: -16px -112px;
}
.portfolio-icon.external-url.colorize-portfolio {
background-position: -16px -144px;
}
#portfolio-items .line.colorize-portfolio {
background: #FFFFFF;
}
#portfolio-items .portfolio-naming h3.colorize-portfolio,
#portfolio-items .portfolio-naming h4.colorize-portfolio {
color: #FFFFFF;
}
/* Listed Portfolio */
#portfolio-items .portfolio-post-thumb-listed {
position: relative;
width: 100%;
height: 500px;
}
#portfolio-items .single-portfolio.col-listed-1 {
width: 100%;
}
#portfolio-items .single-portfolio.col-listed-1 .portfolio-naming h3 {
font-size: 21px;
}
#portfolio-items .single-portfolio.col-listed-1 .portfolio-naming h4 {
font-size: 13px;
}
#portfolio-items .single-portfolio.col-listed-1 .portfolio-naming .line {
margin: 16px auto 18px;
}
#portfolio-items .portfolio-post-image {
width: 50%;
height: 100%;
float: left;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#portfolio-items .portfolio-post-description {
width: 50%;
height: 100%;
background: #FFFFFF;
float: left;
}
#portfolio-items .portfolio-post-description .portfolio-naming {
position: relative;
}
#portfolio-items .single-portfolio.col-listed-1.reverse-layout .portfolio-post-image {
float: right;
}
#portfolio-items .overlay-bg-portfolio {
background: rgba(0,0,0,0);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
#portfolio-items .single-portfolio.col-listed-1 a:hover .overlay-bg-portfolio {
background: rgba(0,0,0,0.6);
}
#portfolio-items .single-portfolio.col-listed-1 .portfolio-naming {
padding: 0 40px;
}
#portfolio-items .overlay-bg-portfolio .portfolio-icon.read-icon,
#portfolio-items .overlay-bg-portfolio .portfolio-icon.fancy-image,
#portfolio-items .overlay-bg-portfolio .portfolio-icon.fancy-video,
#portfolio-items .overlay-bg-portfolio .portfolio-icon.external-url {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
right: auto;
margin: -8px 0 0 -8px;
z-index: 2;
background-image: url(_include/img/sprite-menu.svg);
background-position: -16px 0;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
#portfolio-items .overlay-bg-portfolio .portfolio-icon.fancy-image {
background-position: -16px -128px;
}
#portfolio-items .overlay-bg-portfolio .portfolio-icon.fancy-video {
background-position: -16px -112px;
}
#portfolio-items .overlay-bg-portfolio .portfolio-icon.external-url {
background-position: -16px -144px;
}
#portfolio-items .single-portfolio.col-listed-1 a:hover .portfolio-icon.read-icon,
#portfolio-items .single-portfolio.col-listed-1 a:hover .portfolio-icon.fancy-image,
#portfolio-items .single-portfolio.col-listed-1 a:hover .portfolio-icon.fancy-video,
#portfolio-items .single-portfolio.col-listed-1 a:hover .portfolio-icon.external-url {
opacity: 1;
}
.no-svg #portfolio-items .overlay-bg-portfolio .portfolio-icon {
background-image: url(_include/img/sprite-menu.png);
}
/* Masonry Block */
#portfolio-items .single-portfolio.col-block-1.normal-size,
#portfolio-items .single-portfolio.col-block-1.tall-size {
width: 25%;
}
#portfolio-items .single-portfolio.col-block-1.wide-size,
#portfolio-items .single-portfolio.col-block-1.big-size {
width: 50%;
}
/* Striped Portfolio */
#portfolio-items.striped-portfolio .portfolio-post-thumb {
width: 100%;
height: 100%;
}
#portfolio-items .single-portfolio.col-striped-1 {
width: 33.333%;
}
#portfolio-items.striped-portfolio .portfolio-post-hover {
z-index: 2;
}
#portfolio-items .single-portfolio.col-striped-1 .portfolio-post-image {
width: 100%;
position: absolute;
background-position: 50% 50%;
z-index: 1;
}
/* Scrollable Portfolio */
#portfolio-items.scrollable-portfolio {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
#portfolio-items.scrollable-portfolio .col-scrollable-1 {
float: left;
height: 100%;
width: 450px;
}
#portfolio-items.scrollable-portfolio .portfolio-post-thumb {
width: 100%;
height: 100%;
}
#portfolio-items.scrollable-portfolio .portfolio-post-hover {
z-index: 2;
}
#portfolio-items .single-portfolio.col-scrollable-1 .portfolio-post-image {
width: 100%;
position: absolute;
background-position: 50% 50%;
z-index: 1;
}
/* Filter */
.main-content .container #portfolio-filter.portfolio-full-width {
background: none;
}
#portfolio-filter.row.portfolio-full-width {
text-align: center;
background: #FFFFFF;
margin: 0 -70px;
}
#portfolio-filter ul.option-set li.has-items {
display: block;
}
#portfolio-filter ul.option-set li {
display: none;
}
#portfolio-filter ul {
margin: 30px 0;
padding: 0;
text-align: center;
}
#portfolio-filter ul.option-set li.has-items {
display: inline-block;
}
#portfolio-filter ul li:first-child {
margin-left: 0;
}
#portfolio-filter ul li {
margin-left: 20px;
}
#portfolio-filter ul li a {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: 3px;
}
#portfolio-filter ul li a.selected {
color: #2ABB9B;
}
/* Animation Loading */
#portfolio-items {
opacity: 0;
}
#portfolio-items.carousel-portfolio {
opacity: 1 !important;
}
/* Paginate Portfolio */
.portfolio-pagination-wrap {
position: relative;
overflow: hidden;
width: 100%;
margin: 20px 0;
}
.portfolio-pagination-wrap ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.portfolio-pagination-wrap ul li {
display: inline-block;
margin: 0 6px;
}
.portfolio-pagination-wrap ul li a,
.portfolio-pagination-wrap ul li span.current {
color: #000000;
display: block;
text-align: center;
width: auto;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
}
.portfolio-pagination-wrap ul li a:hover,
.portfolio-pagination-wrap ul li span.current {
color: #2ABB9B;
}
/* Infinite Scroll */
.portfolio-pagination-wrap.infinite-scroll-enabled {
margin: 0;
}
.portfolio-normal-width.portfolio-pagination-wrap.infinite-scroll-enabled ul {
margin-top: 40px;
}
.portfolio-full-width.wall-effect.portfolio-pagination-wrap.infinite-scroll-enabled ul,
.portfolio-masonry-block.portfolio-pagination-wrap.infinite-scroll-enabled ul,
.portfolio-listed.portfolio-pagination-wrap.infinite-scroll-enabled ul {
margin: 40px 0;
}
.portfolio-pagination-wrap.infinite-scroll-enabled ul li a {
display: inline-block;
padding: 16px 21px 16px 24px;
width: auto;
border: 2px solid transparent;
background-color: #2ABB9B;
color: #FFFFFF;
vertical-align: middle;
text-align: center;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
border-radius: 2px;
cursor: pointer;
line-height: 1.25;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
}
.portfolio-pagination-wrap.infinite-scroll-enabled ul li a:hover {
background: transparent;
border-color: #2ABB9B;
color: #2ABB9B;
}
/* Display None Nav if Automatic Scroll */
.portfolio-pagination-wrap.infinite-scroll-enabled.manual-style ul {
display: none;
}
/* Display None Loader if Twitter Scroll */
.portfolio-pagination-wrap.infinite-scroll-enabled.twitter-style .loader-infinite {
display: none;
}
.portfolio-normal-width.portfolio-pagination-wrap.infinite-scroll-enabled.manual-style .loading-spinner-infinite-scroll-wrap {
margin-top: 40px;
}
.portfolio-full-width.wall-effect.portfolio-pagination-wrap.infinite-scroll-enabled .loading-spinner-infinite-scroll-wrap,
.portfolio-masonry-block.portfolio-pagination-wrap.infinite-scroll-enabled .loading-spinner-infinite-scroll-wrap,
.portfolio-listed.portfolio-pagination-wrap.infinite-scroll-enabled .loading-spinner-infinite-scroll-wrap {
margin: 40px 0;
}
#infscr-loading {
width: 100% !important;
position: relative;
}
#infscr-loading > img {
display: none !important;
}
.loading-spinner-infinite-scroll-wrap {
position: relative;
width: 100%;
text-align: center;
}
.loading-spinner-infinite-scroll {
-webkit-animation-duration: 0.45s;
animation-duration: 0.45s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: rotate-forever;
animation-name: rotate-forever;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
width: 30px;
height: 30px;
border: 3px solid #000000;
border-right-color: transparent;
border-radius: 50%;
display: inline-block;
position: relative;
}
@-webkit-keyframes rotate-forever {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-forever {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*-----------------------------------------------------------------------------------*/
/* 11. Navigation Projects / Navigation Posts
/*-----------------------------------------------------------------------------------*/
/* Navigation */
.post-type-navi {
position: fixed;
bottom: 0;
right: 0;
z-index: 150;
}
.post-type-navi ul {
margin: 0;
padding: 0;
list-style: none;
}
.blog-navigation div,
.post-type-navi ul li {
float: left;
}
.post-type-navi li.none,
.blog-navigation div.none {
display: none;
}
.blog-navigation div a,
.post-type-navi ul li a {
position: relative;
display: block;
width: 60px;
height: 60px;
background: #323A45;
margin-left: 1px;
text-indent: -9999px;
border: 0 none !important;
-webkit-transition: background 0.250s ease-out 0s !important;
transition: background 0.250s ease-out 0s !important;
}
.blog-navigation div a:hover,
.post-type-navi ul li a:hover {
background-color: #2ABB9B;
}
.blog-navigation div a i,
.post-type-navi ul li a i {
left: 50%;
margin: -8px 0 0 -8px;
position: absolute;
text-indent: 0;
top: 50%;
width: 16px;
height: 16px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
}
.no-svg .blog-navigation div a i,
.no-svg .post-type-navi ul li a i {
background-image: url(_include/img/sprite-menu.png);
}
.post-type-navi ul li a i.back-portfolio-icon {
background-position: -16px -160px;
}
.post-type-navi ul li a i.back-team-icon {
background-position: -16px -176px;
}
.post-type-navi ul li a i.back-blog-icon {
background-position: -16px -192px;
}
.blog-navigation div.next-blog a i.next-icon,
.post-type-navi ul li a i.next-icon {
background-position: -16px -64px;
}
.blog-navigation div.prev-blog a i.prev-icon,
.post-type-navi ul li a i.prev-icon {
background-position: -16px -80px;
}
.wrap_all.right-menu .post-type-navi,
.wrap_all.right-menu-button .post-type-navi {
right: auto;
left: 0;
}
.wrap_all.right-menu .post-type-navi ul li a,
.wrap_all.right-menu .blog-navigation div a,
.wrap_all.right-menu-button .post-type-navi ul li a,
.wrap_all.right-menu-button .blog-navigation div a {
margin-left: 0;
margin-right: 1px;
}
/*-----------------------------------------------------------------------------------*/
/* 12. Map Area and Contact Form
/*-----------------------------------------------------------------------------------*/
.az-map {
width: 100%;
}
.az-map img {
max-width: none !important;
}
.main-content .container-fluid .az-map {
margin-right: 0px;
margin-left: 0px;
width: auto !important;
}
/* Contact Form Styles */
.wpcf7-form {
margin-bottom: 0;
}
.wpcf7-form p {
margin-top: 0;
}
.wpcf7 p.quote-budget {
overflow: visible;
}
.wpcf7-form-control-wrap.budget {
display: inline-block;
margin-bottom: 0;
width: 50%;
}
span.wpcf7-form-control-wrap {
display: block !important;
margin: 15px 0;
}
.wpcf7 .watermark {
color: #BCBCC4 !important;
}
.wpcf7 input,
.wpcf7 textarea {
margin: 0;
padding: 15px;
height: auto;
border: 1px solid #D8DADC;
-webkit-border-radius: 0;
border-radius: 0;
background: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
color: #BCBCC4;
font-size: 16px;
resize: none;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
border-color: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #474747;
}
.wpcf7 input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
.wpcf7 textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
width: 100%;
resize: vertical;
}
.wpcf7 .wpcf7-submit {
display: inline-block;
padding: 16px 21px 16px 24px;
width: auto;
border: 2px solid #2ABB9B;
background-color: transparent;
color: #2ABB9B;
vertical-align: middle;
text-align: center;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
border-radius: 2px;
cursor: pointer;
line-height: 1.25;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:active {
background: #2ABB9B;
border-color: transparent;
color: #FFFFFF;
}
.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus {
border-color: #FF5D7E;
-webkit-box-shadow: none;
box-shadow: none;
}
.wpcf7-form.invalid span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7 .wpcf7-response-output {
margin: 0;
padding: 0;
}
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-mail-sent-ok {
border: none;
}
.wpcf7 img.ajax-loader {
margin-left: 15px;
width: auto;
}
.clearfix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
font-size: 0;
}
.col-md-6.col-md-offset-3 .wpcf7 input,
.col-md-6.col-md-offset-3 .wpcf7-form-control-wrap.budget,
.col-md-8.col-md-offset-2 .wpcf7 input,
.col-md-8.col-md-offset-2 .wpcf7-form-control-wrap.budget {
width: 100%;
}
/* Bootstrap Select */
.bootstrap-select.btn-group {
height: 54px;
}
.bootstrap-select {
float: none;
margin: 0;
}
.btn-group.bootstrap-select {
display: block;
}
.bootstrap-select .custom-select {
margin: 0;
padding: 14px 15px;
width: 100%;
height: auto;
border: 1px solid #D8DADC;
-webkit-border-radius: 0;
border-radius: 0;
background: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
color: #BCBCC4;
font-size: 16px;
resize: none;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
-webkit-appearance: none;
}
.bootstrap-select .custom-select:focus {
border-color: none;
-webkit-box-shadow: none;
box-shadow: none;
background: #FFFFFF
;
color: #2D3C48;
}
.bootstrap-select.btn-group .custom-select .plus-select {
position: absolute;
top: 18px;
right: 15px;
width: 18px;
height: 18px;
background: url(_include/img/plus_select.png) no-repeat;
-webkit-transition: -webkit-transform 250ms ease-out 0s;
transition: transform 250ms ease-out 0s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.bootstrap-select.btn-group.open .custom-select .plus-select {
background-position: 0 -18px;
-webkit-transition: -webkit-transform 250ms ease-out 0s;
transition: transform 250ms ease-out 0s;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
cursor: not-allowed;
}
.bootstrap-select.btn-group[class*="span"] .custom-select {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
min-width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu dt {
display: block;
padding: 3px 20px;
cursor: default;
}
.bootstrap-select.btn-group .div-contain {
overflow: hidden;
}
.bootstrap-select.btn-group .dropdown-menu li > a.opt {
padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li > a {
display: block;
clear: both;
padding: 15px;
min-height: 20px;
white-space: nowrap;
font-weight: 500;
font-size: 16px;
line-height: 20px;
border-bottom: 0 none;
}
.bootstrap-select.btn-group .dropdown-menu li {
border-bottom: 1px solid #D8DADC;
line-height: 0;
}
.bootstrap-select.btn-group .dropdown-menu li:last-child {
border-bottom: none;
}
.bootstrap-select.btn-group.open .dropdown-toggle {
border-color: none;
background: #F7F7F7;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
margin: -15px 0 0;
padding: 0;
min-width: 160px;
border-top: none;
border-right: 1px solid #D8DADC;
border-bottom: 1px solid #D8DADC;
border-left: 1px solid #D8DADC;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
list-style: none outside none;
}
.dropdown-menu > li > a {
color: #2D3C48;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
background-color: #F7F7F7;
background-image: none;
color: #2D3C48;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/*-----------------------------------------------------------------------------------*/
/* 13. Latest Post and Blog Style
/*-----------------------------------------------------------------------------------*/
#blog.listed-blog > .container-fluid,
#blog.center-blog > .container-fluid {
padding: 0 !important;
}
#blog.listed-blog > .container-fluid > .row,
#blog.center-blog > .container-fluid > .row {
margin: 0 !important;
}
/* Listed Blog */
#blog.listed-blog .blog-post-thumb-listed {
position: relative;
width: 100%;
height: 500px;
}
#blog.listed-blog .single-post-listed {
width: 100%;
}
#blog.listed-blog .blog-post-image {
width: 50%;
height: 100%;
float: left;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#blog.listed-blog .blog-post-description {
width: 50%;
height: 100%;
background: #FFFFFF;
float: left;
}
#blog.listed-blog .blog-post-description .blog-naming {
position: relative;
text-align: center;
width: 100%;
z-index: 4;
top: 50%;
left: 0;
padding: 0 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-backface-visibility: hidden;
}
#blog.listed-blog .blog-post-description .blog-naming h2 {
color: #000000;
font-size: 21px;
font-weight: 400;
margin: 0 0 0 3px;
text-transform: uppercase;
}
#blog.listed-blog .blog-post-description .blog-naming h3 {
color: #000000;
font-size: 13px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 0 3px;
}
#blog.listed-blog .line {
background: #000000;
display: block;
height: 1px;
margin: 16px auto 18px;
opacity: 0.5;
position: relative;
width: 24px;
}
#blog.listed-blog .single-post-listed.reverse-layout .blog-post-image {
float: right;
}
#blog.listed-blog .overlay-bg-blog {
background: rgba(0,0,0,0);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
#blog.listed-blog .single-post-listed a:hover .overlay-bg-blog {
background: rgba(0,0,0,0.6);
}
#blog.listed-blog .overlay-bg-blog .read-icon {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
z-index: 2;
background-image: url(_include/img/sprite-menu.svg);
background-position: -16px 0;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
#blog.listed-blog .single-post-listed a:hover .read-icon {
opacity: 1;
}
.no-svg #blog.listed-blog .overlay-bg-blog .read-icon {
background-image: url(_include/img/sprite-menu.png);
}
/* Center */
#blog.center-blog .post-container {
float: left;
position: relative;
width: 100%;
}
#blog.center-blog .blog-post-thumb-center {
width: 100%;
height: 500px;
float: left;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#blog.center-blog .overlay-bg-blog {
background: none repeat scroll 0 0 #000000;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
#blog.center-blog .blog-post-thumb-center > a {
position: relative;
width: 100%;
height: 100%;
display: block;
}
#blog.center-blog .blog-post-box {
display: inline-block;
height: 100%;
opacity: 1;
position: relative;
width: 100%;
z-index: 2;
}
#blog.center-blog .blog-naming {
position: relative;
text-align: center;
top: 50%;
padding: 0 70px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#blog.center-blog .blog-naming h2 {
color: #FFFFFF;
font-size: 38px;
font-weight: 400;
letter-spacing: 0;
margin: 0;
text-transform: none;
}
#blog.center-blog .blog-naming h3 {
color: #FFFFFF;
font-size: 12px;
font-weight: 400;
letter-spacing: 3px;
margin: 0 0 0 3px;
text-transform: uppercase;
}
#blog.center-blog .line {
background: #FFFFFF;
display: block;
height: 1px;
margin: 12px auto 18px;
opacity: 0.5;
position: relative;
width: 24px;
}
#blog.center-blog .blog-post-content-center {
float: left;
position: relative;
width: 100%;
}
#blog.center-blog .blog-post-content-center .entry-content {
width: 700px;
padding: 50px 0;
margin: 0 auto;
}
/* Masonry Blog */
#blog.masonry-blog .masonry-container {
padding: 70px 0 40px 0;
opacity: 0;
}
#blog.masonry-blog .single-post-masonry {
float: left;
overflow: hidden;
position: relative;
}
#blog.masonry-blog .post-container {
position: relative;
overflow: hidden;
background: #FFFFFF;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
margin-bottom: 30px;
}
#blog.masonry-blog .post-container img {
width: 100%;
height: auto;
display: block;
}
#blog.masonry-blog .blog-post-content-masonry {
padding: 15px 20px 10px;
border: 1px solid #D8DADC;
border-top: none;
}
#blog.masonry-blog .format-quote .blog-post-content-masonry,
#blog.masonry-blog .format-link .blog-post-content-masonry {
border-top: 1px solid #D8DADC;
}
#blog.masonry-blog .blog-post-content-masonry h2 {
font-size: 22px;
margin-bottom: 8px;
letter-spacing: 0;
}
#blog.masonry-blog .blog-post-content-masonry .entry-meta.entry-header {
font-size: 13px;
text-transform: uppercase;
}
#blog.masonry-blog .blog-post-thumb-masonry {
position: relative;
}
#blog.masonry-blog .overlay-bg-blog {
background: rgba(0,0,0,0);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
#blog.masonry-blog .single-post-masonry a:hover .overlay-bg-blog {
background: rgba(0,0,0,0.6);
}
#blog.masonry-blog .overlay-bg-blog .read-icon {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
z-index: 2;
background-image: url(_include/img/sprite-menu.svg);
background-position: -16px 0;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
#blog.masonry-blog .single-post-masonry a:hover .read-icon {
opacity: 1;
}
.no-svg #blog.masonry-blog .overlay-bg-blog .read-icon {
background-image: url(_include/img/sprite-menu.png);
}
/* Standard Blog */
#blog.standard-blog .standard-container {
position: relative;
float: left;
width: 100%;
padding: 70px 0 20px 0;
}
#blog.standard-blog .content-sidebar .standard-container {
padding: 0;
}
#blog.standard-blog .content-sidebar {
padding-top: 70px;
padding-bottom: 20px;
}
#blog.standard-blog .content-sidebar .page-content {
padding-bottom: 0;
}
#blog.standard-blog .single-post-standard {
float: left;
overflow: hidden;
position: relative;
width: 100%;
}
#blog.standard-blog .post-container {
position: relative;
overflow: hidden;
background: #FFFFFF;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
margin-bottom: 50px;
}
#blog.standard-blog .post-container img {
width: 100%;
height: auto;
display: block;
}
#blog.standard-blog .blog-post-content-standard {
padding: 15px 20px 15px;
border: 1px solid #D8DADC;
border-top: none;
}
#blog.standard-blog .format-quote .blog-post-content-standard,
#blog.standard-blog .format-link .blog-post-content-standard {
border-top: 1px solid #D8DADC;
}
#blog.standard-blog .blog-post-content-standard h2 {
font-size: 22px;
margin-bottom: 8px;
letter-spacing: 0;
}
#blog.standard-blog .blog-post-content-standard .entry-meta.entry-header {
font-size: 13px;
text-transform: uppercase;
}
#blog.standard-blog .blog-post-thumb-standard {
position: relative;
}
#blog.standard-blog .overlay-bg-blog {
background: rgba(0,0,0,0);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
#blog.standard-blog .single-post-standard a:hover .overlay-bg-blog {
background: rgba(0,0,0,0.6);
}
#blog.standard-blog .overlay-bg-blog .read-icon {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
z-index: 2;
background-image: url(_include/img/sprite-menu.svg);
background-position: -16px 0;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
#blog.standard-blog .single-post-standard a:hover .read-icon {
opacity: 1;
}
.no-svg #blog.standard-blog .overlay-bg-blog .read-icon {
background-image: url(_include/img/sprite-menu.png);
}
/* More Link */
#blog.center-blog .more-link,
#blog.masonry-blog .more-link {
display: inline-block;
padding: 12px 16px 12px 19px;
width: 100%;
border: 2px solid #2ABB9B;
background-color: transparent;
color: #2ABB9B;
vertical-align: middle;
text-align: center;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
border-radius: 2px;
cursor: pointer;
line-height: 1.25;
margin: 30px 0 0 0;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
}
#blog.center-blog .more-link:hover,
#blog.center-blog .more-link:focus,
#blog.center-blog .more-link:active,
#blog.masonry-blog .more-link:hover,
#blog.masonry-blog .more-link:focus,
#blog.masonry-blog .more-link:active {
background: #2ABB9B;
border-color: transparent;
color: #FFFFFF;
}
#blog.standard-blog .more-link {
color: #2ABB9B;
cursor: pointer;
display: block;
margin: 30px 0 0 0;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
}
#blog.standard-blog .more-link span {
background-color: transparent;
border: 2px solid #2ABB9B;
padding: 12px 16px 12px 19px;
border-radius: 2px;
cursor: pointer;
vertical-align: middle;
text-align: center;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
width: auto;
-webkit-transition: background 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s border 0.215s ease-in-out 0s;
}
#blog.standard-blog .more-link:hover,
#blog.standard-blog .more-link:focus,
#blog.standard-blog .more-link:active {
color: #FFFFFF;
}
#blog.standard-blog .more-link:hover span,
#blog.standard-blog .more-link:focus span,
#blog.standard-blog .more-link:active span {
background: #2ABB9B;
border-color: transparent;
}
.entry-content img {
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
/* Single Post */
.single-post .post-thumb img {
display: block;
height: auto;
width: 100%;
}
.single-post .post-thumb a.fancy-wrap {
width: 100%;
position: relative;
display: block;
border: 0 none;
}
.single-post .post-thumb a.fancy-wrap img {
-moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
-webkit-backface-visibility: hidden; /* Prevents Flickr Image On Chrome and Safari */
}
.single-post .post-thumb .overlay-bg-blog {
background: #000000;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.single-post .post-thumb a.fancy-wrap:hover .overlay-bg-blog {
opacity: 0.6;
}
.blog-icon {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
z-index: 2;
opacity: 0;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.single-post .post-thumb a.fancy-wrap:hover .blog-icon {
opacity: 1;
}
.no-svg .blog-icon {
background-image: url(_include/img/sprite-menu.png);
}
.blog-icon.fancy-image {
background-position: -16px -128px;
}
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
padding: 20px 0 0 0;
}
.single-post .post-thumb,
.single-post .video-thumb,
.single-post .audio-thumb {
margin-bottom: 50px;
}
.single-post .entry-meta.entry-footer span {
display: block;
font-size: 15px;
margin-bottom: 2px;
}
.single-post.az-social-share {
margin: 30px 0 0 0;
}
.single-post.az-social-share h3 {
margin-bottom: 20px;
}
.single-post .post-quote,
.single-post .post-link {
background: #FFFFFF;
padding: 50px 50px 30px;
margin-bottom: 45px;
text-align: center;
}
/* No Results */
body.search-no-results .container-fluid {
padding: 0 70px !important;
}
.no-results {
text-align: center;
padding: 120px 0;
}
/* Latest Post */
.masonry-layout .single-item-posts {
position: relative;
float: left;
overflow: hidden;
}
#latest-posts-items.grid-layout article,
.masonry-layout article {
margin-bottom: 30px;
}
#latest-posts-items.grid-layout .post-thumb,
.masonry-layout .post-thumb {
margin-bottom: 20px;
}
#latest-posts-items.grid-layout .single-item-posts .post-thumb,
.masonry-layout .single-item-posts .post-thumb {
overflow: hidden;
position: relative;
}
#latest-posts-items.grid-layout .single-item-posts .post-thumb .hover-wrap,
.masonry-layout .single-item-posts .post-thumb .hover-wrap {
display: block;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
#latest-posts-items.grid-layout .single-item-posts .post-thumb .hover-wrap .overlay,
.masonry-layout .single-item-posts .post-thumb .hover-wrap .overlay {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
display: block;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.3s ease-in-out 0s;
}
#latest-posts-items.grid-layout .single-item-posts .post-thumb .hover-wrap:hover .overlay,
.masonry-layout .single-item-posts .post-thumb .hover-wrap:hover .overlay {
opacity: 1;
}
#latest-posts-items.grid-layout .single-item-posts .post-thumb .hover-wrap i,
.masonry-layout .single-item-posts .post-thumb .hover-wrap i {
color: #ffffff;
font-size: 16px;
left: 50%;
margin: -8px 0 0 -8px;
position: absolute;
top: 50%;
}
#latest-posts-items.grid-layout .single-item-posts .post-name .entry-title,
.masonry-layout .single-item-posts .post-name .entry-title {
font-size: 21px;
font-weight: 700;
letter-spacing: 0;
}
#latest-posts-items.grid-layout .single-item-posts .entry-meta.entry-header,
.masonry-layout .single-item-posts .entry-meta.entry-header {
border-top: 2px solid #D8DADC;
margin-top: 20px;
padding-top: 15px;
}
#latest-posts-items.grid-layout .single-item-posts .entry-meta.entry-header a,
.masonry-layout .single-item-posts .entry-meta.entry-header a {
color: #474747;
font-weight: 300;
}
#latest-posts-items.grid-layout .single-item-posts .entry-meta.entry-header a:hover,
.masonry-layout .single-item-posts .entry-meta.entry-header a:hover {
color: #2ABB9B;
}
#latest-posts-items.list-layout article {
background: #FFFFFF;
text-align: center;
padding: 40px 0;
border-bottom: 1px solid #eee;
}
#latest-posts-items.list-layout .entry-meta.entry-header {
font-size: 13px;
text-transform: uppercase;
}
#latest-posts-items.list-layout .single-item-posts .post-name .entry-title {
font-size: 23px;
font-weight: 700;
letter-spacing: 0;
}
#latest-posts-items.list-layout .line {
background: #000000;
display: block;
height: 1px;
margin: 14px auto 18px;
opacity: 0.5;
position: relative;
width: 24px;
}
/*-----------------------------------------------------------------------------------*/
/* 14. Comments Portfolio / Team / Posts
/*-----------------------------------------------------------------------------------*/
.comment-area > .container-fluid {
padding: 0 70px;
}
.comment-area.no_sidebar {
padding: 70px 0 40px;
background: #FFFFFF;
}
.comment-area.with_sidebar {
margin-top: 50px;
}
#comments {
}
.comments-title,
.pings-title,
#reply-title {
margin: 0;
padding: 0;
}
.comment-form {
margin-top: 30px;
}
.commentlist,
.pinglist {
margin: 20px 0 40px;
list-style-type: none;
}
.comment-form {
margin-top: 30px;
}
.commentlist,
.pinglist {
margin: 20px 0 40px;
list-style-type: none;
}
.comment-section {
padding: 30px 0 20px;
}
.comment-body {
padding-bottom: 20px;
border-bottom: 1px solid #E5E5E5;
}
.comment-side {
float: left;
margin: 0 30px 0 0;
}
.comment-side .avatar {
position: relative;
display: block;
width: 50px;
height: 50px;
-webkit-border-radius: 999px;
border-radius: 999px;
}
.comment .comment-cont {
margin-left: 80px;
}
.comment-author cite,
.comment-author cite a {
color: #000000;
font-size: 26px;
}
.comment-meta,
.comment-meta a {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.comment-meta {
margin: 8px 0 15px;
}
.children {
margin: 0;
padding: 0;
list-style: none;
}
.children .comment {
padding-left: 60px;
}
.comment-author {
position: relative;
}
.nocomments {
padding: 20px 30px 20px;
}
/* Comment Form */
#commentform p {
overflow: hidden;
margin: 0 0 35px 0;
}
#commentform label,
#commentform span.required {
position: relative;
top: 12px;
display: inline-block;
font-weight: 300;
font-size: 14px;
}
#commentform span.required {
top: 0;
color: #000000;
font-size: 12px;
}
#commentform input,
#commentform textarea {
margin: 0;
padding: 15px;
height: auto;
border: 1px solid #D8DADC;
-webkit-border-radius: 0;
border-radius: 0;
background: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
color: #BCBCC4;
font-size: 16px;
resize: none;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
-webkit-appearance: none;
}
#commentform input:focus,
#commentform textarea:focus {
border-color: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #6D6D6D;
}
#commentform input {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 20px;
width: 50%;
}
#commentform textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
resize: vertical;
}
#commentform #submit {
display: inline-block;
padding: 16px 21px 16px 24px;
width: auto;
border: 2px solid #2ABB9B;
background-color: transparent;
color: #2ABB9B;
vertical-align: middle;
text-align: center;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
border-radius: 2px;
cursor: pointer;
line-height: 1.25;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
}
#commentform #submit:hover,
#commentform #submit:focus,
#commentform #submit:active {
background: #2ABB9B;
border-color: transparent;
color: #FFFFFF;
}
/*-----------------------------------------------------------------------------------*/
/* 15. Sidebar
/*-----------------------------------------------------------------------------------*/
.content-sidebar.container-fluid {
padding: 0 70px;
}
.page-sidebar {
margin-top: 2px;
}
.page-content .container,
.page-content .container-fluid {
width: 100%;
}
/* Right Sidebar - Left Content */
.content-sidebar .col-md-9.left_side {
float: left;
}
.content-sidebar .col-md-3.right_side {
float: right;
}
/* Left Sidebar - Right Content */
.content-sidebar .col-md-3.left_side {
float: left;
}
.content-sidebar .col-md-9.right_side {
float: right;
}
/*-----------------------------------------------------------------------------------*/
/* 16. Big Twitter Feed Area
/*-----------------------------------------------------------------------------------*/
#twitter-feed-slide .slides > li {
display: none;
}
#twitter-feed .tweet_list,
#twitter-feed-slide .tweet_list {
margin: 0;
padding: 0;
}
#twitter-feed .tweet_list li,
#twitter-feed-slide .tweet_list li {
list-style: none;
text-align: center;
}
#twitter-feed .tweet_list li .tweet_text,
#twitter-feed-slide .tweet_list li .tweet_text {
color: #000000;
display: block;
font-size: 22px;
line-height: 1.5em;
}
#twitter-feed .tweet_list li .tweet_time a,
#twitter-feed-slide .tweet_list li .tweet_time a {
display: inline-block;
margin-top: 22px;
font-size: 12px;
color: #000000;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
border-color: transparent;
}
#twitter-feed .twitter-username-icon,
#twitter-feed-slide .twitter-username-icon {
position: relative;
display: block;
width: 100%;
text-align: center;
margin-bottom: 22px;
}
#twitter-feed .twitter-username-icon i,
#twitter-feed-slide .twitter-username-icon i {
font-size: 24px;
color: #000000;
}
/*-----------------------------------------------------------------------------------*/
/* 17. Footer
/*-----------------------------------------------------------------------------------*/
footer {
position: relative;
}
footer .container-fluid {
padding: 0 70px;
}
footer .footer-widgets {
background: #23282F;
}
.wrap_all.left-menu-button footer {
margin-left: 40px;
}
.wrap_all.right-menu-button footer {
margin-right: 40px;
}
.wrap_all.left-menu footer {
margin-left: 300px;
}
.wrap_all.right-menu footer {
margin-right: 300px;
}
footer .footer-copyright p {
margin: 0;
}
footer .footer-copyright {
float: left;
position: relative;
width: 100%;
background: #FFFFFF;
padding: 66px 30px;
text-align: center;
letter-spacing: 3px;
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
border-top: 1px solid #D8DADC;
}
footer .footer-copyright a {
font-weight: 400;
}
/*-----------------------------------------------------------------------------------*/
/* 18. Back to Top
/*-----------------------------------------------------------------------------------*/
#back-to-top {
position: fixed;
bottom: 0;
right: 0;
margin: 0;
width: 60px;
height: 60px;
background: #323A45;
z-index: 99;
display: none;
-webkit-transition: background 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s;
}
#back-to-top:hover {
background: #2ABB9B;
}
#back-to-top i {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: -16px -64px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.no-svg #back-to-top {
background-image: url(_include/img/sprite-menu.png);
}
.wrap_all.right-menu #back-to-top,
.wrap_all.right-menu-button #back-to-top {
right: auto;
left: 0;
}
/*-----------------------------------------------------------------------------------*/
/* 19. Error Page
/*-----------------------------------------------------------------------------------*/
.box-overlay-error.titlize,
.box-overlay-error.imagize {
background-color: #23282F;
display: inline-block;
height: 100%;
position: relative;
width: 100%;
z-index: 2;
}
.box-overlay-error.imagize {
background-color: transparent;
}
.error-title {
color: #FFFFFF;
font-size: 38px;
font-weight: 400;
margin: 0;
}
.error-caption {
font-size: 12px;
letter-spacing: 3px;
font-weight: 400;
margin: 0 0 0 4px;
text-transform: uppercase;
}
.error-caption a {
color: #FFFFFF;
}
.error-caption a:hover,
.error-caption a:focus,
.error-caption a:active {
color: #2ABB9B;
}
/*-----------------------------------------------------------------------------------*/
/* 20. Archives / Sitemap Template
/*-----------------------------------------------------------------------------------*/
.entry-content-archives .widget.widget_archives:first-child {
margin-top: 30px;
}
.widget_archives ul {
margin: 0 0 0 30px !important;
}
.widget_archives ul li {
list-style: disc !important;
}
.widget.widget_archives {
padding-bottom: 0;
margin-top: 30px;
}
.widget.widget_archives.last {
margin-bottom: 40px;
}
.widget.widget_archives a {
font-size: 16px;
}
.widget.widget_archives .widget_title h4 {
margin-bottom: 10px;
}
.widget.widget_archives li a {
margin-left: 0;
}
.widget.widget_archives ul.children {
padding-left: 0;
}
.footer-widgets .widget {
float: left;
width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/* 21. Widgets
/*-----------------------------------------------------------------------------------*/
.widget {
float: left;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
}
.widget:last-child {
border: none;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget ul li {
list-style: none;
}
.widget ul.children,
.widget ul.sub-menu {
padding-left: 20px;
}
.widget-title {
margin-bottom: 15px;
text-transform: uppercase;
font-size: 16px;
line-height: 22px;
}
.widget .textwidget img {
max-width: 100%;
height: auto;
}
/* Calendar */
.widget_calendar {
position: relative;
}
.widget_calendar table {
width: 100%;
border-collapse: collapse;
}
.widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th {
text-align: center;
}
.widget_calendar table tbody td {
padding: 4px;
border: 0px;
color: #666666;
font-size: 11px;
}
.widget_calendar table tbody tr td:first-child {
border-left: 0px;
}
.widget_calendar table tbody tr:nth-child(2n+1) {
background-color: #f0f0f0;
}
.widget_calendar table th {
padding-bottom: 10px;
border-bottom: 0px;
color: #999999;
text-align: center!important;
}
.widget_calendar table #prev {
position: relative;
z-index: 2;
padding: 10px 0px 0px 0px;
text-align: left;
}
.widget_calendar table #next {
position: relative;
z-index: 2;
padding: 10px 0px 0px 0px;
text-align: right;
}
/* Search */
.widget_search form {
margin: 0;
}
#searchform input[type="text"],
.widget_search form input[type="text"] {
width: 100%;
margin: 0;
padding: 15px;
height: auto;
border: 1px solid #D8DADC;
-webkit-border-radius: 0;
border-radius: 0;
background: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
color: #BCBCC4;
font-size: 16px;
resize: none;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
-webkit-appearance: none;
}
#searchform input[type="text"]:focus,
.widget_search form input[type="text"]:focus {
border-color: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #474747;
}
/* RSS Widget */
.rsswidget img {
display: none;
}
/* Tag Cloud */
.tagcloud a {
display: inline-block;
margin: 0 3px 6px 0;
padding: 6px 12px 6px 14px;
width: auto;
background: transparent;
color: #2ABB9B;
border: 2px solid #2ABB9B;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 10px !important;
letter-spacing: 3px;
border-radius: 2px;
cursor: pointer;
-webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s !important;
transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s !important;
-webkit-appearance: none;
}
.tagcloud a:hover,
.tagcloud a:active,
.tagcloud a:focus {
background: #2ABB9B;
color: #FFFFFF;
}
/* Twitter Widget */
.az_widget_twitter li:first-child {
margin-top: 0;
}
.az_widget_twitter li {
margin-top: 20px;
line-height: 24px;
}
.tweet_timestamp > a {
display: block;
margin-top: 6px;
color: #56646F !important;
font-weight: 500;
font-size: 13px;
border: 0 none !important;
}
/* Flickr Widget */
.widget_quick-flickr-widget ul {
margin: 32px 0 0 0;
padding: 0;
}
.widget_quick-flickr-widget ul li {
position: relative;
display: inline-block;
margin: 0 3px 3px 0;
list-style: none;
}
.widget_quick-flickr-widget ul li a {
display: block;
opacity: 1;
border: 0 none !important;
-webkit-transition: opacity 0.15s ease-in-out 0s !important;
transition: opacity 0.15s ease-in-out 0s !important;
}
.widget_quick-flickr-widget ul li a:hover {
opacity: 0.35;
}
.widget_quick-flickr-widget ul li a img {
width: 60px !important;
height: 60px;
-moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
}
/* Dribbble Widget */
.dribbble-widget ul {
margin: 0;
padding: 0;
}
.dribbble-widget ul li {
position: relative;
display: inline-block;
margin: 0 3px 3px 0;
list-style: none;
}
.dribbble-widget ul li a {
display: block;
opacity: 1;
border: 0 none !important;
-webkit-transition: opacity 0.15s ease-in-out 0s !important;
transition: opacity 0.15s ease-in-out 0s !important;
}
.dribbble-widget ul li a:hover {
opacity: 0.35;
}
.dribbble-widget ul li a img {
width: 60px !important;
height: 60px;
-moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
}
/* Social Widget */
.social_widget a {
position: relative;
float: left;
margin: 0 5px 5px 0;
width: 40px;
height: 40px;
border-radius: 2px;
background-color: transparent;
border: 2px solid #2ABB9B;
-webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s !important;
transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s !important;
}
.social_widget a i {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
color: #2ABB9B;
font-size: 16px;
-webkit-transition: color 0.15s ease-in-out 0s;
transition: color 0.15s ease-in-out 0s;
}
.social_widget a:hover {
background-color: #2ABB9B;
}
.social_widget a:hover i {
color: #FFFFFF;
}
/***** Footer Area Widgets ******/
.footer-widgets {
padding: 70px 0 10px 0;
color: #FFFFFF;
font-size: 14px;
}
.footer-widgets a {
color: #FFFFFF;
}
.footer-widgets a:hover {
color: #2ABB9B;
}
.footer-widgets .textwidget img {
max-width: 100%;
height: auto;
}
.footer-widgets h3 {
margin-bottom: 25px;
color: #FFFFFF;
text-transform: uppercase;
font-weight: 400 !important;
font-size: 14px;
}
.footer-widgets .post-date {
color: #323D3D;
font-size: 12px;
margin-left: 5px;
}
.footer-widgets .tagcloud a {
border: 2px solid #808080;
background: transparent;
}
.footer-widgets .tagcloud a:hover {
background: #2ABB9B;
border-color: #2ABB9B;
color: #FFFFFF;
}
/* Search */
.footer-widgets .widget_search form {
margin: 0;
}
.footer-widgets .widget_search #searchform input[type="text"],
.footer-widgets .widget_search .widget_search form input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 15px;
width: 100%;
height: auto;
border: none;
-webkit-border-radius: 2px;
border-radius: 2px;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
font-size: 16px;
resize: none;
border: 1px solid #808080;
-webkit-transition: color 0.15s ease-in-out 0s;
transition: color 0.15s ease-in-out 0s;
}
.footer-widgets .widget_search #searchform input[type="text"]:focus,
.footer-widgets .widget_search .widget_search form input[type="text"]:focus {
color: #FFFFFF;
}
/* Dribbble Widget */
.footer-widgets .dribbble-widget ul {
margin: 32px 0 0 0;
}
/* Footer Twitter Widget */
.footer-widgets .az_widget_twitter li:first-child {
margin-top: 0;
}
.footer-widgets .az_widget_twitter li {
margin-top: 20px;
}
.footer-widgets .tweet_timestamp > a {
display: block;
margin-top: 0;
color: #888888 !important;
font-size: 13px;
}
/* Footer Calendar Widget */
.footer-widgets .widget_calendar table tbody tr:nth-child(2n+1) {
background-color: transparent;
}
.footer-widgets .widget_calendar table tbody td {
color: #F0F0F0;
}
.footer-widgets .widget_calendar table th {
color: #FFFFFF;
}
/* Social Widget */
.widget.social_widget {
float: left;
width: 100%;
}
.footer-widgets .social_widget a {
background: transparent;
border: 2px solid #808080;
}
.footer-widgets .social_widget a:hover {
background: #2ABB9B;
border-color: #2ABB9B;
}
.footer-widgets .social_widget a i,
.footer-widgets .social_widget a:hover i {
color: #FFFFFF;
}
/* Flickr & Dribbble Widget */
.footer-widgets .widget_quick-flickr-widget ul li a img,
.footer-widgets .dribbble-widget ul li a img {
width: 60px !important;
height: 60px;
-webkit-border-radius: 0;
border-radius: 0;
-moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
}
.footer-widgets .widget_quick-flickr-widget ul li,
.footer-widgets .dribbble-widget ul li {
margin: 0 3px 3px 0;
}
/*-----------------------------------------------------------------------------------*/
/* 23. Animation Preloader Settings
/*-----------------------------------------------------------------------------------*/
/* Loader */
.preloader-enabled .wrap_all {
opacity: 0;
}
.no-preloader #loader-container {
display: none;
}
#loader-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 9999;
}
#logo-content {
position: absolute;
width: 280px;
height: 60px;
text-align: center;
top: 50%;
left: 50%;
line-height: 60px;
margin: -30px 0 0 -140px;
}
#logo-content .loading-text {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
opacity: 1;
color: #000000;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
.top-bar {
width: 100%;
height: 100%;
background: #FFFFFF;
top: 0;
left: 0;
position: absolute;
}
#loader-percentage {
position: absolute;
bottom: 38px;
right: 80px;
color: #000000;
opacity: 1;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.loading-spinner {
-webkit-animation-duration: 0.45s;
animation-duration: 0.45s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: rotate-forever;
animation-name: rotate-forever;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
width: 30px;
height: 30px;
border: 3px solid #000000;
border-right-color: transparent;
border-radius: 50%;
display: inline-block;
position: absolute;
bottom: 30px;
right: 30px;
}
@-webkit-keyframes rotate-forever {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-forever {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*-----------------------------------------------------------------------------------*/
/* 24. Fancybox Settings
/*-----------------------------------------------------------------------------------*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
margin: 0;
padding: 0;
outline: none;
border: 0;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: transparent;
color: #FFFFFF;
text-shadow: none;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
margin: 0;
padding: 15px;
color: #444;
white-space: nowrap;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('_include/img/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
z-index: 8060;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('_include/img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
z-index: 8040;
width: 36px;
height: 36px;
cursor: pointer;
}
.fancybox-nav {
position: absolute;
top: 40%;
z-index: 8040;
width: 20%;
height: 20%;
background: transparent url('_include/img/fancybox/blank.gif'); /* helps IE */
text-decoration: none;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
z-index: 8040;
visibility: hidden;
margin-top: -18px;
width: 36px;
height: 34px;
cursor: pointer;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
overflow: visible !important;
max-width: 99999px;
max-height: 99999px;
}
/* Overlay helper */
.fancybox-lock.no-scrollable-portfolio-enabled {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body.no-scrollable-portfolio-enabled {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 8010;
display: none;
overflow: hidden;
background: rgba(0, 0, 0, 0.85);
}
.fancybox-overlay-fixed {
position: fixed;
right: 0;
bottom: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
position: relative;
z-index: 8050;
visibility: hidden;
text-shadow: none;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
}
.fancybox-title-inside-wrap {
padding: 14px 0;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
right: 50%;
bottom: 0;
z-index: 8050;
margin-bottom: -35px;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
color: #FFF;
text-shadow: 0 1px 2px #222;
white-space: nowrap;
font-weight: 500;
line-height: 24px;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #FFFFFF;
}
.fancybox-title-inside-wrap {
padding-top: 14px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
color: #fff;
}
.fancybox-wrap .counter-img {
float: right;
color: #FFFFFF;
font-size: 14px;
line-height: 26px;
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('_include/img/fancybox/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('_include/img/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*-----------------------------------------------------------------------------------*/
/* 25. Carousel
/*-----------------------------------------------------------------------------------*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.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;
}
.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);
}
/* mouse grab icon */
.grabbing {
cursor:url(_include/img/grabbing.png) 8 8, 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);
}
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(_include/img/AjaxLoader.gif) no-repeat center center;
}
/*-----------------------------------------------------------------------------------*/
/* 25. Clients
/*-----------------------------------------------------------------------------------*/
.az-clients {
position: relative;
width: 100%;
}
.az-clients .client-col img {
margin: 0 auto;
}
.az-clients .client-col.col-md-3 {
padding: 25px;
}
/*-----------------------------------------------------------------------------------*/
/* 25. Gallery Images Settings
/*-----------------------------------------------------------------------------------*/
.az-gallery-image {
opacity: 0;
}
.az-gallery-image.carousel-gallery {
opacity: 1;
}
.az-gallery-image .item-gallery {
float: left;
list-style: none;
margin-bottom: 4px;
}
.az-gallery-image {
margin-left: 15px;
margin-right: 15px;
}
.wall-effect .az-gallery-image {
margin-left: 0;
margin-right: 0;
}
.wall-effect .az-gallery-image .item-gallery {
margin-bottom: 0;
}
.az-gallery-image .item-gallery.col-carousel-1 {
width: 100%;
}
.az-gallery-image .item-gallery.col-carousel-1,
.az-gallery-image .item-gallery.col-md-3,
.az-gallery-image .item-gallery.col-md-4,
.az-gallery-image .item-gallery.col-md-6 {
padding-left: 2px;
padding-right: 2px;
}
.wall-effect .az-gallery-image .item-gallery.col-carousel-1 {
padding: 0;
}
a.gallery-photo {
width: 100%;
position: relative;
display: block;
border: 0 none;
}
a.gallery-photo img {
-moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
-webkit-backface-visibility: hidden; /* Prevents Flickr Image On Chrome and Safari */
}
.overlay-bg-gallery {
background: #000000;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
a.gallery-photo:hover .overlay-bg-gallery {
opacity: 0.6;
}
.gallery-icon {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
z-index: 2;
opacity: 0;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
a.gallery-photo:hover .gallery-icon {
opacity: 1;
}
.gallery-icon.fancy-image {
background-position: -16px -128px;
}
.no-svg .gallery-icon {
background-image: url(_include/img/sprite-menu.png);
}
/*-----------------------------------------------------------------------------------*/
/* 26. Shortcodes
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* List Icons
/*-----------------------------------------------------------------------------------*/
.list-icons ul {
margin: 0;
padding: 0;
list-style: none;
}
.list-icons ul li {
line-height: 1;
margin-bottom: 8px;
}
.list-icons i {
margin-right: 10px;
position: relative;
vertical-align: middle;
top: -1px;
}
/*-----------------------------------------------------------------------------------*/
/* Call to Action
/*-----------------------------------------------------------------------------------*/
.call-action-text {
float: left;
width: 75%;
}
.call-action-text h3 {
color: #000000;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 18px;
font-weight: 400;
margin: 0;
}
.call-action-btn {
float: left;
width: 25%;
}
.call-action-btn .button-main {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #000000;
border-color: #000000;
color: #FFFFFF;
}
.call-action-btn .button-main:hover,
.call-action-btn .button-main:active,
.call-action-btn .button-main:focus {
background: transparent;
border-color: #000000;
color: #000000;
}
.call-action-btn .button-main.inverted {
background: transparent;
border-color: #000000;
color: #000000;
}
.call-action-btn .button-main.inverted:hover,
.call-action-btn .button-main.inverted:active,
.call-action-btn .button-main.inverted:focus {
background: #000000;
color: #FFFFFF;
}
/*-----------------------------------------------------------------------------------*/
/* Buttons
/*-----------------------------------------------------------------------------------*/
.button-main.margin-little {
margin: 0 15px 10px 0;
}
.button-main.margin-left-right {
margin: 0 7px;
}
a.button-main {
display: inline-block;
padding: 16px 21px 16px 24px;
width: auto;
border: 2px solid transparent;
background-color: #2ABB9B;
color: #FFFFFF;
vertical-align: middle;
text-align: center;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
border-radius: 2px;
cursor: pointer;
line-height: 1.25;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
}
/*--- Hover/Active/Focus State ---*/
a.button-main:hover,
a.button-main:active,
a.button-main:focus {
background: transparent;
border-color: #2ABB9B;
color: #2ABB9B;
}
/* --- Button Sizes --- */
a.button-main.button-large {
padding: 20px 27px 20px 30px;
font-size: 16px;
}
a.button-main.button-small {
padding: 10px 15px 10px 18px;
font-size: 11px;
}
a.button-main.button-mini {
padding: 8px 9px 8px 12px;
font-size: 10px;
}
a.button-main.button-block {
padding-right: 0;
padding-left: 0;
width: 100%;
}
/*--- Inverted ---*/
a.button-main.inverted {
background-color: transparent;
border-color: #2ABB9B;
color: #2ABB9B;
}
a.button-main.inverted:hover,
a.button-main.inverted:active,
a.button-main.inverted:focus {
background-color: #2ABB9B;
border-color: transparent;
color: #FFFFFF;
}
/*--- With Icon ---*/
a.button-main i {
position: relative;
top: 1px;
left: -4px;
margin-right: 5px;
line-height: 1;
}
/*--- Custom Buttons ---*/
a.button-main.custom-button-color,
a.button-main.custom-button-color.inverted {
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
}
/*-----------------------------------------------------------------------------------*/
/* Box Icon
/*-----------------------------------------------------------------------------------*/
.box {
display: block;
padding: 10px;
text-align: center;
}
.box-text {
-webkit-backface-visibility: hidden;
}
a .box-text > p {
color: #474747;
font-weight: 300;
}
.box h4 {
margin-bottom: 0;
font-weight: 700;
font-size: 18px;
}
/* Box Circle Icon */
.box .icon.circle-mode-box + .box-text > h4 {
margin-bottom: 20px;
}
.box .icon.circle-mode-box {
position: relative;
display: block;
margin: 0 auto 25px;
width: 66px;
height: 66px;
background: transparent;
border: 2px solid #1C2222;
color: #1C2222;
-webkit-border-radius: 999px;
border-radius: 999px;
-webkit-transition: color 0.215s ease-in-out, background 0.215s ease-in-out, border 0.215s ease-in-out;
transition: color 0.215s ease-in-out, background 0.215s ease-in-out, border 0.215s ease-in-out;
}
.box .icon.circle-mode-box i {
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 24px;
line-height: 62px;
text-align: center;
vertical-align: middle;
}
.box.listed-left .icon.circle-mode-box {
left: 0px;
}
.box.listed-right .icon.circle-mode-box {
left: 0px;
}
.box:hover .icon.circle-mode-box {
background: #2ABB9B;
border-color: #2ABB9B;
color: #FFFFFF;
}
/* Box Icon Circle Custom Color */
.box .icon.circle-mode-box.custom-color,
.box .icon.circle-mode-box i.custom-color {
-webkit-transition: color 0.215s ease-in-out, background 0.215s ease-in-out, border 0.215s ease-in-out;
transition: color 0.215s ease-in-out, background 0.215s ease-in-out, border 0.215s ease-in-out;
}
.box:hover .icon.circle-mode-box.custom-color {
border-color: #2ABB9B !important;
}
.box:hover .icon.circle-mode-box i.custom-color {
color: #FFFFFF !important;
}
/* Box Standard Icons */
.box.standard-icon i {
margin-right: 8px;
vertical-align: -2px;
font-size: 22px;
}
/* Box Only Icons */
.box .icon.icon-only-mode-box {
margin-bottom: 20px;
color: #1C2222;
font-size: 36px;
}
.box.listed-left.only-icon .icon.icon-only-mode-box,
.box.listed-right.only-icon .icon.icon-only-mode-box {
margin-bottom: 0;
}
/* Box Icons Left and Right with Circle and Icons Only */
.box.listed-left {
display: block;
padding: 30px 0;
text-align: left;
}
.box.listed-left .icon{
float: left;
text-align: center;
}
.box.listed-right {
display: block;
padding: 30px 0;
text-align: right;
}
.box.listed-right .icon {
float: right;
text-align: center;
}
.box.listed-left.circle-icon .box-text {
padding-left: 100px;
}
.box.listed-right.circle-icon .box-text {
padding-right: 100px;
}
.box.listed-left.only-icon .box-text {
padding-left: 60px;
}
.box.listed-right.only-icon .box-text {
padding-right: 60px;
}
/* Boxed Version */
.box.boxed-version {
position: relative;
display: block;
margin: 30px 0;
padding: 30px 30px 20px;
border: 1px solid #EDEDED;
background: #FFFFFF;
text-align: center;
}
.box.boxed-version .icon-boxed {
margin-bottom: 20px;
}
.box.boxed-version .icon-boxed i {
color: #2ABB9B;
vertical-align: middle;
font-size: 32px;
}
/*-----------------------------------------------------------------------------------*/
/* Accordion and Toggle
/*-----------------------------------------------------------------------------------*/
.accordion-builder,
.toggle-builder {
margin: 30px 0;
}
.accordion h3,
.toggle h3 {
position: relative;
cursor: pointer;
padding: 20px 0;
margin: 0;
font-size: 20px;
font-weight: 400;
border-bottom: 2px solid #D0D5D7;
}
.accordion h3:after,
.toggle h3:after {
content: "";
width: 16px;
height: 16px;
background: transparent;
border: 2px solid #D0D5D7;
border-radius: 999px;
position: absolute;
top: 50%;
right: 0;
margin: -8px 0 0 0;
opacity: 0;
-webkit-transition: opacity 0.215s ease-in-out;
transition: opacity 0.215s ease-in-out;
}
.accordion.open h3:after,
.toggle.open h3:after {
opacity: 1;
}
.accordion-content,
.toggle-content {
display: none;
background: #FFFFFF;
border: 2px solid #D0D5D7;
border-top: none;
padding: 10px 25px;
}
/*-----------------------------------------------------------------------------------*/
/* Alerts
/*-----------------------------------------------------------------------------------*/
.alert {
margin-bottom: 20px;
padding: 15px 35px 15px 15px;
border: none;
-webkit-border-radius: 0px;
border-radius: 0px;
background-color: #F39C12;
}
.alert,
.alert h4 {
color: #FFFFFF;
}
.alert h4 {
margin-bottom: 5px;
}
.alert .close {
position: relative;
top: 2px;
right: -22px;
color: #FFFFFF;
text-shadow: none;
line-height: 20px;
opacity: 0.5;
border: 0 none !important;
-webkit-transition: opacity 0.1s linear 0s;
transition: opacity 0.1s linear 0s;
}
.alert .close:hover {
opacity: 1;
}
.alert-standard {
background-color: #EFF0F2;
color: #2D3C48;
}
.alert-standard .close {
color: #BDC3C7;
}
.alert-success {
background-color: #2ECC71;
}
.alert-danger,
.alert-error {
background-color: #E74C3C;
}
.alert-info {
background-color: #3498DB;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > ul {
margin-bottom: 0;
}
.alert-block > p {
margin: 0;
}
.alert-block p + p {
margin-top: 5px;
}
/*-----------------------------------------------------------------------------------*/
/* Tabs
/*-----------------------------------------------------------------------------------*/
.nav {
margin-bottom: 0px;
margin-left: 0;
list-style: none;
}
.nav > li > a {
display: inline-block;
-webkit-border-radius: 0;
border-radius: 0;
color: #000000;
font-weight: 500;
font-size: 20px;
}
.nav > li > a:hover,
.nav > li > a:focus {
display: block;
color: #000;
background: transparent;
text-decoration: none;
}
.nav > li > a > img {
max-width: none;
}
.nav > .pull-right {
float: right;
}
.nav-tabs {
margin-top: 0;
*zoom: 1;
}
.nav-tabs:before,
.nav-tabs:after {
display: table;
content: "";
line-height: 0;
}
.nav-tabs:after {
clear: both;
}
.nav-tabs {
border-bottom: none;
}
.nav-tabs > li {
float: left;
margin: 0 0 0 0;
border-bottom: none;
border-left: none;
background: transparent;
}
.nav-tabs > li > a {
margin: 0;
padding: 12px 30px;
border: none;
font-weight: 400;
color: #000000;
border: 2px solid transparent;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border: none;
background: #FFFFFF;
color: #000000;
border: 2px solid #D0D5D7 !important;
border-bottom: none !important;
}
.nav-tabs > li > a:hover {
border-color: transparent !important;
}
.tabbable {
*zoom: 1;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
line-height: 0;
}
.tabbable:after {
clear: both;
}
.tab-content {
width: 100%;
display: inline-block;
margin-top: -2px;
overflow: auto;
padding: 10px 25px;
border: 2px solid #D0D5D7;
background: #FFFFFF;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs.nav-justified > li > a {
border-radius: 4px 4px 0 0 !important;
width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/* Blockquotes
/*-----------------------------------------------------------------------------------*/
blockquote {
margin: 30px 0;
padding-left: 30px;
border-left: 3px solid #2ABB9B;
}
blockquote p {
margin: 0;
padding: 0;
color: #000000;
font-weight: 600;
font-size: 16px;
line-height: 24px;
font-style: italic;
}
/*-----------------------------------------------------------------------------------*/
/* Tooltip
/*-----------------------------------------------------------------------------------*/
.tooltip {
position: absolute;
z-index: 999;
display: block;
visibility: visible;
font-weight: 500;
font-size: 14px;
opacity: 0;
}
.tooltip.in {
opacity: 1;
}
.tooltip.top {
margin-top: -5px;
}
.tooltip.right {
margin-left: 15px;
}
.tooltip.bottom {
margin-top: 5px;
}
.tooltip.left {
margin-left: -15px;
}
.tooltip-inner {
padding: 12px;
max-width: 300px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #1C2222;
color: #FFFFFF;
text-align: center;
text-decoration: none;
font-size: 13px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -10px;
border-width: 10px 10px 0;
border-top-color: #1C2222;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -10px;
border-width: 10px 10px 10px 0;
border-right-color: #1C2222;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -10px;
border-width: 10px 0 10px 10px;
border-left-color: #1C2222;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -10px;
border-width: 0 10px 10px;
border-bottom-color: #1C2222;
}
/*-----------------------------------------------------------------------------------*/
/* Highlights
/*-----------------------------------------------------------------------------------*/
.color-text {
color: #2ABB9B;
}
.highlight-text {
padding: 0 4px;
background-color: #2ABB9B;
color: #FFFFFF;
}
/*-----------------------------------------------------------------------------------*/
/* Dropcap
/*-----------------------------------------------------------------------------------*/
.dropcap {
display: block;
float: left;
margin: 4px 12px 0 0;
color: #000000;
font-weight: 600;
font-size: 38px;
line-height: 38px;
}
.dropcap-color {
display: block;
float: left;
margin: 4px 12px 0 0;
color: #2ABB9B;
font-weight: 600;
font-size: 38px;
line-height: 38px;
}
/*-----------------------------------------------------------------------------------*/
/* Video Embed Iframe / Audio
/*-----------------------------------------------------------------------------------*/
iframe, object, embed {
max-width: 100%;
border: none;
}
.videoWrapper,
.video-container,
.audio-container {
margin-bottom: 20px;
}
/*-----------------------------------------------------------------------------------*/
/* Progress Bar and Circular Graph
/*-----------------------------------------------------------------------------------*/
.progress-bar {
float: none;
margin: 10px 0;
width: auto;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #EBEDEF;
-webkit-box-shadow: none;
box-shadow: none;
}
.progress {
position: relative;
margin: 0;
height: 46px;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #EBEDEF;
-webkit-box-shadow: none;
box-shadow: none;
}
.progress-bar .bar {
float: left;
width: 0;
height: 100%;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #2ABB9B;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
font-size: 12px;
-webkit-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
}
.progress .field {
position: absolute;
left: 20px;
color: #FFFFFF;
text-transform: uppercase;
font-weight: 500;
line-height: 46px;
}
.progress .field i {
margin-right: 10px;
vertical-align: -2px;
font-size: 16px;
}
.progress-circle {
margin: 30px 0;
text-align: center;
}
.progress-bar.custom-bar .field {
color: #FFFFFF;
}
/* Circular Graph */
.easyPieChart {
position: relative;
display: block;
overflow: hidden;
margin: 0 auto;
color: #000000;
text-align: center;
font-weight: 700;
}
.easyPieChart .field-icon,
.easyPieChart .field-text,
.easyPieChart .percentage.no-field {
display: block;
vertical-align: 0;
}
.easyPieChart .field-icon {
margin-top: 2px;
font-size: 36px;
}
.easyPieChart .field-text {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.easyPieChart .percentage.no-field {
font-size: 48px;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}
.progress-circle .field-animate-text {
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
margin-left: -2px;
margin-top: 15px;
text-transform: uppercase;
}
/*-----------------------------------------------------------------------------------*/
/* Lightbox Images and Video Fancybox
/*-----------------------------------------------------------------------------------*/
.lightbox {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.lightbox a.fancy-wrap {
width: 100%;
position: relative;
display: block;
border: 0 none;
}
.lightbox a.fancy-wrap img {
-moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
-webkit-backface-visibility: hidden; /* Prevents Flickr Image On Chrome and Safari */
}
.lightbox .overlay-bg-fancy {
background: #000000;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.lightbox a.fancy-wrap:hover .overlay-bg-fancy {
opacity: 0.6;
}
.lightbox-icon {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
z-index: 2;
opacity: 0;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.lightbox a.fancy-wrap:hover .lightbox-icon {
opacity: 1;
}
.no-svg .lightbox-icon {
background-image: url(_include/img/sprite-menu.png);
}
.lightbox-icon.fancy-image {
background-position: -16px -128px;
}
.lightbox-icon.fancy-video {
background-position: -16px -112px;
}
/*-----------------------------------------------------------------------------------*/
/* Pricing Tables
/*-----------------------------------------------------------------------------------*/
.pricing-table {
display: inline-block;
overflow: hidden;
margin: 20px 0 14px;
width: 100%;
background: #FFFFFF;
}
.pricing-table .field-title {
display: block;
margin: 0;
padding: 17px 0;
width: 100%;
border: 1px solid #DFDFDF;
text-align: center;
letter-spacing: 3px;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
color: #000000;
}
.pricing-table .price {
display: block;
padding: 17px 0;
width: 100%;
border: 1px solid #DFDFDF;
border-top: none;
color: #000000;
text-align: center;
font-weight: 700;
font-size: 24px;
}
.pricing-table .price span {
display: block;
font-weight: 500;
font-size: 12px;
}
.pricing-table ul {
margin: 0;
padding: 0;
border-right: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
}
.pricing-table li {
display: block;
padding: 15px 0;
border-bottom: 1px solid #DFDFDF;
text-align: center;
font-size: 16px;
}
.pricing-table li:last-child {
border-bottom: none;
}
.pricing-table a.confirm {
border: 0 none;
display: block;
padding: 16px 0;
width: 100%;
background: #1C2222;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 3px;
font-size: 12px;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.pricing-table.selected {
margin-top: 0;
}
.pricing-table.selected .field-title {
padding: 27px 0;
}
.pricing-table.selected .price {
background: #2ABB9B;
color: #FFFFFF;
}
.pricing-table.selected li {
font-weight: 700;
}
.pricing-table.selected a.confirm {
padding: 24px 0;
background: #2ABB9B;
color: #FFFFFF;
}
.pricing-table a.confirm:hover,
.pricing-table.selected a.confirm:hover {
opacity: 0.90;
}
/*-----------------------------------------------------------------------------------*/
/* Divider
/*-----------------------------------------------------------------------------------*/
.divider {
position: relative;
margin: 30px 0 36px;
width: 100%;
}
.divider.short {
margin: 30px auto 36px;
width: 75px;
}
.divider.fat-solid-div {
border-bottom: 2px solid #D8DADC;
}
.divider.thin-solid-div {
border-bottom: 1px solid #D8DADC;
}
.divider.dotted-div {
border-bottom: 1px dotted #D8DADC;
}
.divider.double-div {
border-bottom: 7px double #D8DADC;
}
.blank_divider {
width: 100%;
height: 20px;
}
/*-----------------------------------------------------------------------------------*/
/* Media Elements
/*-----------------------------------------------------------------------------------*/
audio, canvas, video {
outline: none;
}
.mejs-container {
position: relative;
min-width: 150px;
width: 100% !important;
outline: none;
background: none;
vertical-align: top;
text-align: left;
text-decoration: none;
font-family: sans-serif;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #000;
}
.mejs-container-fullscreen {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
overflow: hidden;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
background: #000000;
}
/* Start: LAYERS */
.mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.mejs-poster img {
display: block;
padding: 0;
width: 100%;
height: 100%;
border: 0;
border: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.mejs-overlay-play {
width: 100% !important;
height: 100% !important;
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
margin: -35px 0 0 -35px;
width: 70px;
height: 70px;
-webkit-border-radius: 70px;
border-radius: 70px;
background-color: rgba(0,0,0,0.5);
background-image: url(_include/img/mediaelement/bigplay.png);
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: background 0.15s ease-in-out 0s;
transition: background 0.15s ease-in-out 0s;
}
.mejs-overlay:hover .mejs-overlay-button {
background-color: #2ABB9B;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
display: none;
margin: -40px 0 0 -40px;
width: 80px;
height: 80px;
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
-webkit-border-radius: 40px;
border-radius: 40px;
background: #3A3C3D url(_include/img/mediaelement/loading.gif) 50% 50% no-repeat;
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
padding: 10px;
width: 100%;
height: 50px;
background: #171717;
list-style: none;
}
.mejs-container .mejs-controls div {
display: block;
float: left;
margin: 0;
padding: 0;
width: 32px;
height: 30px;
list-style-type: none;
font-size: 11px;
font-family: sans-serif;
line-height: 11px;
}
.mejs-controls .mejs-button button {
position: absolute;
display: block;
margin: 7px 7px 0 9px;
padding: 0;
width: 15px;
height: 16px;
border: 0;
background: transparent url(_include/img/mediaelement/controls.png) no-repeat;
text-decoration: none;
font-size: 0;
line-height: 0;
cursor: pointer;
}
/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
}
/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
display: block;
overflow: hidden;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 8px 8px 5px 10px;
/*width: auto;*/
height: 17px;
color: #FFFFFF;
text-align: center;
}
.mejs-container .mejs-controls .mejs-time span {
display: block;
float: left;
margin: 2px 2px 0 2px;
width: auto;
color: #DDDDDD;
font-size: 11px;
line-height: 12px;
}
.mejs-time.mejs-currenttime-container {
display: none !important;
}
/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-container .mejs-controls .mejs-playpause-button {
width: 30px;
background: none;
cursor: pointer;
}
.mejs-controls .mejs-playpause-button button {
margin: 7px 8px;
}
.mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-play:hover button {
background-position: 0 -32px;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}
.mejs-controls .mejs-pause:hover button {
background-position: 0 -48px;
}
/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop button {
background-position: -112px 0;
}
.mejs-controls .mejs-stop:hover button {
background-position: -112px -32px;
}
/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
width: 200px;
}
.mejs-controls .mejs-time-rail span {
position: absolute;
display: block;
width: 180px;
height: 7px;
background: #000000;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 11px 8px 0 10px;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
z-index: 1;
width: 100%;
background: #373A3A;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
width: 0;
background: #373A3A;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
z-index: 1;
width: 0;
background: #2ABB9B;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
position: absolute;
top: 1px;
z-index: 1;
display: none;
margin: 0;
width: 5px;
background: transparent;
text-align: center;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
top: -26px;
display: none !important;
margin-left: -18px;
width: 36px;
height: 17px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #C2C8CF;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
color: #111;
text-align: center;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float {
display: none !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
left: 0;
display: block;
margin: 3px;
width: 30px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
top: 17px;
left: 13px;
display: block;
width: 0;
height: 0;
border: solid 4px #C2C8CF;
border-color: #C2C8CF transparent transparent transparent;
-webkit-border-radius: 0;
border-radius: 0;
line-height: 0;
}
/*.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
visibility:visible;*/
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-mute button:hover {
background-position: -16px -48px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-unmute button:hover {
background-position: -16px -32px;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
position: absolute;
top: -68px;
left: 1px;
z-index: 1;
display: none;
margin: 0;
width: 32px;
height: 68px;
-webkit-border-radius: 0;
border-radius: 0;
background: #171717;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
/*.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
display: block;*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
top: 8px;
left: 13px;
margin: 0;
padding: 0;
width: 7px;
height: 46px;
background: #373A3A;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
top: 6px;
left: 13px;
margin: 0px;
width: 7px;
height: 50px;
background: #2ABB9B;
background-position: bottom;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
top: 16px;
left: 14px;
margin: 0;
width: 5px;
height: 5px;
background: transparent;
}
/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
position: relative;
width: 62px;
height: 26px;
background: none;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
top: 11px;
left: 0;
margin: 0;
padding: 1px;
width: 50px;
height: 7px;
background: #373A3A;
font-size: 1px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
top: 11px;
left: 0;
padding: 0;
width: 50px;
height: 7px;
background: #2ABB9B;
font-size: 1px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}
/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button:hover button {
background-position: -48px -32px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
position: absolute;
right: -10px;
bottom: 30px;
visibility: hidden;
overflow: hidden;
padding: 10px;
width: 130px;
height: 100px;
border: solid 1px transparent;
-webkit-border-radius: 0;
border-radius: 0;
background: #3A3C3D;
}
/*.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
visibility: visible;*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none !important;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
display: block;
overflow: hidden;
margin: 0 0 6px 0;
padding: 0;
color: #fff;
list-style-type: none !important;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
float: left;
clear: both;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
float: left;
padding: 4px 0 0 0;
width: 100px;
font-size: 10px;
font-family: sans-serif;
line-height: 15px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
margin: 0 0 5px 0;
font-size: 10px;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 10000px;
-xborder-right: solid 1px #FFFFFF;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
overflow: hidden;
border: 0;
background: #3A3C3D;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
display: block;
padding: 5px;
border-right: solid 1px #313335;
border-right: solid 1px rgba(49, 51, 53, .7);
border-bottom: solid 1px #313335;
border-bottom: solid 1px rgba(49, 51, 53, .7);
color: #fff;
font-size: 11px;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #2D3C48;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
display: block;
margin: 0 0 3px 0;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
font-size: 12px;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
display: block;
margin: 3px 0 4px 0;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
line-height: 12px;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-align: center;
/*font-weight: bold;*/
font-size: 12px;
line-height: 22px;
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-weight: normal;
font-size: 20px;
}
.mejs-captions-position {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 5px 7px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #3a3c3d;
background: rgba(58, 60, 61, 0.8);
}
/* End: TRACK (Captions and Chapters) */
.mejs-clear {
clear: both;
}
/* Start: ERROR */
.me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
display: block;
padding: 15px;
}
/* End: ERROR */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-off:hover button {
background-position: -64px -48px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
.mejs-controls .mejs-loop-on::hover button {
background-position: -64px -32px;
}
/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-off:hover button {
background-position: -80px -48px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
.mejs-controls .mejs-backlight-on:hover button {
background-position: -80px -32px;
}
/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}
.mejs-controls .mejs-picturecontrols-button:hover {
background-position: -96px -32px;
}
/* End: picture controls */
/* context menu */
.mejs-contextmenu {
position: absolute;
top: 0;
left: 0;
z-index: 1001;
/* make sure it shows on fullscreen */
padding: 10px;
width: 150px;
border: solid 1px #999;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #fff;
}
.mejs-contextmenu .mejs-contextmenu-separator {
margin: 5px 6px;
height: 1px;
background: #333;
font-size: 0;
}
.mejs-contextmenu .mejs-contextmenu-item {
padding: 4px 6px;
color: #333;
font-size: 12px;
font-family: sans-serif;
cursor: pointer;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff;
}
/* Start: SourceChooser */
.mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px -32px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
position: absolute;
right: -10px;
bottom: 26px;
visibility: hidden;
overflow: hidden;
padding: 10px;
width: 130px;
height: 100px;
border: solid 1px transparent;
-webkit-border-radius: 0;
border-radius: 0;
background: #3A3C3D;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none !important;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
display: block;
overflow: hidden;
margin: 0 0 6px 0;
padding: 0;
color: #fff;
list-style-type: none !important;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
float: left;
clear: both;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
float: left;
padding: 4px 0 0 0;
width: 100px;
font-size: 10px;
font-family: sans-serif;
line-height: 15px;
}
/*-----------------------------------------------------------------------------------*/
/* Social Profiles
/*-----------------------------------------------------------------------------------*/
.social-icons {
margin: 30px 0 0;
}
.social-icons.textalignleft li:first-child {
margin-left: 0;
}
.social-icons.textalignright li:last-child {
margin-right: 0;
}
.social-icons li {
display: inline-block;
margin: 0 10px 5px 0;
list-style: none outside none;
}
.social-icons li a {
position: relative;
display: block;
border: 0 none;
}
.social-icons li a i {
color: #5C6D6F;
opacity: 0.7;
font-size: 20px;
-webkit-transition: opacity 0.215s ease-in-out 0s;
transition: opacity 0.215s ease-in-out 0s;
}
.social-icons li a:hover i {
opacity: 0.5;
}
/*-----------------------------------------------------------------------------------*/
/* Icon Style & Icons Example for Demo Content Only
/*-----------------------------------------------------------------------------------*/
.icon-sh {
display: block;
}
/* Demo */
.icons-example ul {
margin: 0;
padding: 0;
text-align: center;
}
.icons-example ul li {
display: inline-block;
margin: 0 5px 5px 0;
list-style: none;
cursor: pointer;
}
.icons-example ul li a {
position: relative;
display: block;
width: 66px;
height: 66px;
color: #1C2222;
background: transparent;
border: 2px solid transparent !important;
border-radius: 999px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.215s ease 0s !important;
transition: all 0.215s ease 0s !important;
}
.icons-example ul li a:hover {
background: #FFFFFF;
border: 2px solid #1C2222 !important;
color: #2ABB9B;
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.icons-example ul li a i {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
vertical-align: middle;
line-height: 62px;
font-size: 24px;
}
/*-----------------------------------------------------------------------------------*/
/* Testimonial Slider
/*-----------------------------------------------------------------------------------*/
.az-testimonials.flexslider .az-testimonials-container .slides > li {
position: relative;
display: none;
}
.az-testimonials.flexslider .az-testimonials-container {
position: relative;
}
.az-testimonials.flexslider .az-testimonial-quote:before {
content: "“";
}
.az-testimonials.flexslider .az-testimonial-quote:after {
content: "”";
}
.az-testimonials.flexslider .az-testimonial-image {
position: relative;
display: block;
margin: 0 auto 30px;
padding: 2px;
width: 100px;
height: 100px;
border: 3px solid #CFCFCF;
-webkit-border-radius: 999px;
border-radius: 999px;
}
.az-testimonials.flexslider .az-testimonial-quote {
margin: 0 auto 30px;
width: 80%;
text-align: center;
color: #000000;
font-size: 24px;
line-height: 1.6em;
}
.az-testimonials.flexslider .az-testimonial-source {
display: block;
margin-bottom: 30px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 3px;
font-size: 12px;
color: #000000;
}
.az-testimonials.flexslider .flex-control-nav {
position: relative;
display: block;
margin: 0 auto !important;
width: auto;
text-align: center;
}
.az-testimonials.flexslider .flex-control-nav li {
display: inline-block;
margin: 0 4px;
text-indent: -9999px;
opacity: 1 !important;
}
.az-testimonials.flexslider .flex-control-nav li a {
display: block;
width: 12px;
height: 12px;
background: #1C2222;
opacity: 0.6;
-webkit-border-radius: 999px;
border-radius: 999px;
text-indent: -999em;
cursor: pointer;
border: 0 none !important;
-webkit-transition: opacity 0.215s ease-in-out 0s !important;
transition: opacity 0.215s ease-in-out 0s !important;
}
.az-testimonials.flexslider .flex-caption,
.az-testimonials.flexslider .flex-control-nav li a:hover,
.az-testimonials.flexslider .flex-control-nav li a.flex-active {
opacity: 0.9;
}
.testimonial-builder.white .az-testimonials.flexslider .flex-control-nav li a,
.testimonial-builder.white .az-testimonials.flexslider .flex-caption,
.testimonial-builder.white .az-testimonials.flexslider .flex-control-nav li a:hover {
background-color: #FFFFFF;
}
.testimonial-builder.white .az-testimonials.flexslider .az-testimonial-image {
border-color: #FFFFFF;
}
.testimonial-builder.white .az-testimonials.flexslider .az-testimonial-source,
.testimonial-builder.white .az-testimonials.flexslider .az-testimonial-quote {
color: #FFFFFF;
}
/*-----------------------------------------------------------------------------------*/
/* Social Share
/*-----------------------------------------------------------------------------------*/
a.share-btn {
width: 25%;
border: 0 none;
display: inline-block;
padding: 16px 20px;
background-color: transparent;
vertical-align: middle;
text-align: center;
font-weight: 400;
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
color: #FFFFFF;
line-height: 1em;
cursor: pointer;
border: 0 none !important;
opacity: 1;
-webkit-transition: opacity 0.25s ease-in-out !important;
transition: opacity 0.25s ease-in-out !important;
}
a.share-btn:hover,
a.share-btn:active,
a.share-btn:focus {
color: #FFFFFF;
opacity: 0.9;
}
#share-facebook.share-btn {
background: #3B5998;
}
#share-twitter.share-btn {
background: #55ACEE;
}
#share-google.share-btn {
background: #DD4B39;
}
#share-pinterest.share-btn {
background: #C8232C;
}
/*-----------------------------------------------------------------------------------*/
/* Count Number
/*-----------------------------------------------------------------------------------*/
.counter-number {
margin: 30px 0;
text-align: center;
}
.counter-number .number-field {
display: block;
margin-top: 15px;
font-weight: 700;
font-size: 13px;
color: #000000;
text-transform: uppercase;
}
.counter-number .number-value {
color: #000000;
font-weight: 700;
font-size: 60px;
line-height: 60px;
}
.counter-number .count-number-icon {
margin-bottom: 25px;
color: #000000;
font-size: 36px;
}
/*-----------------------------------------------------------------------------------*/
/* 27. Animation Modules Settings
/*-----------------------------------------------------------------------------------*/
/* Fade In */
.fade_in.animate {
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}
@-webkit-keyframes fadeIn {
to {
opacity: 1;
}
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
/* Move Left */
.move_left.animate {
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-animation: moveLeft 0.65s ease forwards;
animation: moveLeft 0.65s ease forwards;
}
@-webkit-keyframes moveLeft {
to {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes moveLeft {
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
/* Move Right */
.move_right.animate {
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
-webkit-animation: moveLeft 0.65s ease forwards;
animation: moveLeft 0.65s ease forwards;
}
@-webkit-keyframes moveRight {
to {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes moveRight {
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
/* Move Up */
.move_up.animate {
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes moveUp {
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
/* Scale Up */
.scale_up.animate {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleUp {
to {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/* Little Bounce */
.little_bounce.animate {
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
}
@-webkit-keyframes popUp {
70% {
opacity: .8;
-webkit-transform: scale(1.1);
-webkit-animation-timing-function: ease-out;
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes popUp {
70% {
opacity: .8;
-webkit-transform: scale(1.1);
-webkit-animation-timing-function: ease-out;
-ms-transform: scale(1.1);
transform: scale(1.1);
animation-timing-function: ease-out;
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.js .animated-content {
opacity: 0;
}
.no-js .animated-content,
.no-csstransitions .animated-content {
opacity: 1;
}
.lt-ie9 .animated-content {
opacity: 1 !important;
-webkit-animation: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
/*-----------------------------------------------------------------------------------*/
/* 28. Font Icons ( Entypo and Custom Social Icons - LineIcons - SteadyIcons )
/*-----------------------------------------------------------------------------------*/
a.icon-sh {
border: 0 none !important;
}
/* Entypo + Custom Social Icons */
@font-face {
font-weight: normal;
font-style: normal;
font-family: 'Icons';
src:url('_include/css/fonts/Icons.eot');
src:url('_include/css/fonts/Icons.eot?#iefix') format('embedded-opentype'),
url('_include/css/fonts/Icons.svg#Icons') format('svg'),
url('_include/css/fonts/Icons.woff') format('woff'),
url('_include/css/fonts/Icons.ttf') format('truetype');
}
[class^="font-"], [class*=" font-"] {
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: 'Icons';
line-height: 1;
speak: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-icon-phone:before {
content: "\e0f3";
}
.font-icon-mobile:before {
content: "\e0f4";
}
.font-icon-mouse:before {
content: "\e0f5";
}
.font-icon-directions:before {
content: "\e0f6";
}
.font-icon-mail:before {
content: "\e0f7";
}
.font-icon-paperplane:before {
content: "\e0f8";
}
.font-icon-pencil:before {
content: "\e0f9";
}
.font-icon-feather:before {
content: "\e0fa";
}
.font-icon-paperclip:before {
content: "\e0fb";
}
.font-icon-drawer:before {
content: "\e0fc";
}
.font-icon-reply:before {
content: "\e0fd";
}
.font-icon-reply-all:before {
content: "\e0fe";
}
.font-icon-forward:before {
content: "\e0ff";
}
.font-icon-user:before {
content: "\e100";
}
.font-icon-users:before {
content: "\e101";
}
.font-icon-user-add:before {
content: "\e102";
}
.font-icon-vcard:before {
content: "\e103";
}
.font-icon-export:before {
content: "\e104";
}
.font-icon-location:before {
content: "\e105";
}
.font-icon-map:before {
content: "\e106";
}
.font-icon-compass:before {
content: "\e107";
}
.font-icon-location-2:before {
content: "\e108";
}
.font-icon-target:before {
content: "\e109";
}
.font-icon-share:before {
content: "\e10a";
}
.font-icon-sharable:before {
content: "\e10b";
}
.font-icon-heart:before {
content: "\e10c";
}
.font-icon-heart-2:before {
content: "\e10d";
}
.font-icon-star:before {
content: "\e10e";
}
.font-icon-star-2:before {
content: "\e10f";
}
.font-icon-thumbs-up:before {
content: "\e110";
}
.font-icon-thumbs-down:before {
content: "\e111";
}
.font-icon-chat:before {
content: "\e112";
}
.font-icon-comment:before {
content: "\e113";
}
.font-icon-quote:before {
content: "\e114";
}
.font-icon-house:before {
content: "\e115";
}
.font-icon-popup:before {
content: "\e116";
}
.font-icon-search:before {
content: "\e117";
}
.font-icon-flashlight:before {
content: "\e118";
}
.font-icon-printer:before {
content: "\e119";
}
.font-icon-bell:before {
content: "\e11a";
}
.font-icon-link:before {
content: "\e11b";
}
.font-icon-flag:before {
content: "\e11c";
}
.font-icon-cog:before {
content: "\e11d";
}
.font-icon-tools:before {
content: "\e11e";
}
.font-icon-trophy:before {
content: "\e11f";
}
.font-icon-tag:before {
content: "\e120";
}
.font-icon-camera:before {
content: "\e121";
}
.font-icon-megaphone:before {
content: "\e122";
}
.font-icon-moon:before {
content: "\e123";
}
.font-icon-palette:before {
content: "\e124";
}
.font-icon-leaf:before {
content: "\e125";
}
.font-icon-music:before {
content: "\e126";
}
.font-icon-music-2:before {
content: "\e127";
}
.font-icon-new:before {
content: "\e128";
}
.font-icon-graduation:before {
content: "\e129";
}
.font-icon-book:before {
content: "\e12a";
}
.font-icon-newspaper:before {
content: "\e12b";
}
.font-icon-bag:before {
content: "\e12c";
}
.font-icon-airplane:before {
content: "\e12d";
}
.font-icon-lifebuoy:before {
content: "\e12e";
}
.font-icon-eye:before {
content: "\e12f";
}
.font-icon-clock:before {
content: "\e130";
}
.font-icon-microphone:before {
content: "\e131";
}
.font-icon-calendar:before {
content: "\e132";
}
.font-icon-bolt:before {
content: "\e133";
}
.font-icon-thunder:before {
content: "\e134";
}
.font-icon-droplet:before {
content: "\e135";
}
.font-icon-cd:before {
content: "\e136";
}
.font-icon-briefcase:before {
content: "\e137";
}
.font-icon-air:before {
content: "\e138";
}
.font-icon-hourglass:before {
content: "\e139";
}
.font-icon-gauge:before {
content: "\e13a";
}
.font-icon-language:before {
content: "\e13b";
}
.font-icon-network:before {
content: "\e13c";
}
.font-icon-key:before {
content: "\e13d";
}
.font-icon-battery:before {
content: "\e13e";
}
.font-icon-bucket:before {
content: "\e13f";
}
.font-icon-magnet:before {
content: "\e140";
}
.font-icon-drive:before {
content: "\e141";
}
.font-icon-cup:before {
content: "\e142";
}
.font-icon-rocket:before {
content: "\e143";
}
.font-icon-brush:before {
content: "\e144";
}
.font-icon-suitcase:before {
content: "\e145";
}
.font-icon-cone:before {
content: "\e146";
}
.font-icon-earth:before {
content: "\e147";
}
.font-icon-keyboard:before {
content: "\e148";
}
.font-icon-browser:before {
content: "\e149";
}
.font-icon-publish:before {
content: "\e14a";
}
.font-icon-progress-3:before {
content: "\e14b";
}
.font-icon-progress-2:before {
content: "\e14c";
}
.font-icon-brogress-1:before {
content: "\e14d";
}
.font-icon-progress-0:before {
content: "\e14e";
}
.font-icon-sun:before {
content: "\e14f";
}
.font-icon-sun-2:before {
content: "\e150";
}
.font-icon-adjust:before {
content: "\e151";
}
.font-icon-code:before {
content: "\e152";
}
.font-icon-screen:before {
content: "\e153";
}
.font-icon-light-bulb:before {
content: "\e155";
}
.font-icon-credit-card:before {
content: "\e156";
}
.font-icon-database:before {
content: "\e157";
}
.font-icon-voicemail:before {
content: "\e158";
}
.font-icon-clipboard:before {
content: "\e159";
}
.font-icon-cart:before {
content: "\e15a";
}
.font-icon-box:before {
content: "\e15b";
}
.font-icon-ticket:before {
content: "\e15c";
}
.font-icon-rss:before {
content: "\e15d";
}
.font-icon-signal:before {
content: "\e15e";
}
.font-icon-thermometer:before {
content: "\e15f";
}
.font-icon-droplets:before {
content: "\e160";
}
.font-icon-layout-3:before {
content: "\e161";
}
.font-icon-statistics:before {
content: "\e162";
}
.font-icon-pie:before {
content: "\e163";
}
.font-icon-bars:before {
content: "\e164";
}
.font-icon-graph:before {
content: "\e165";
}
.font-icon-lock:before {
content: "\e166";
}
.font-icon-lock-open:before {
content: "\e167";
}
.font-icon-logout:before {
content: "\e168";
}
.font-icon-login:before {
content: "\e169";
}
.font-icon-checkmark:before {
content: "\e16a";
}
.font-icon-cross:before {
content: "\e16b";
}
.font-icon-minus:before {
content: "\e16c";
}
.font-icon-plus:before {
content: "\e16d";
}
.font-icon-cross-2:before {
content: "\e16e";
}
.font-icon-minus-2:before {
content: "\e16f";
}
.font-icon-plus-2:before {
content: "\e170";
}
.font-icon-cross-3:before {
content: "\e171";
}
.font-icon-minus-3:before {
content: "\e172";
}
.font-icon-plus-3:before {
content: "\e173";
}
.font-icon-erase:before {
content: "\e174";
}
.font-icon-blocked:before {
content: "\e175";
}
.font-icon-info:before {
content: "\e176";
}
.font-icon-info-2:before {
content: "\e177";
}
.font-icon-question:before {
content: "\e178";
}
.font-icon-help:before {
content: "\e179";
}
.font-icon-warning:before {
content: "\e17a";
}
.font-icon-cycle:before {
content: "\e17b";
}
.font-icon-cw:before {
content: "\e17c";
}
.font-icon-ccw:before {
content: "\e17d";
}
.font-icon-shuffle:before {
content: "\e17e";
}
.font-icon-arrow:before {
content: "\e17f";
}
.font-icon-arrow-2:before {
content: "\e180";
}
.font-icon-retweet:before {
content: "\e181";
}
.font-icon-loop:before {
content: "\e182";
}
.font-icon-history:before {
content: "\e183";
}
.font-icon-back:before {
content: "\e184";
}
.font-icon-switch:before {
content: "\e185";
}
.font-icon-list:before {
content: "\e186";
}
.font-icon-add-to-list:before {
content: "\e187";
}
.font-icon-layout:before {
content: "\e188";
}
.font-icon-list-2:before {
content: "\e189";
}
.font-icon-text:before {
content: "\e18a";
}
.font-icon-text-2:before {
content: "\e18b";
}
.font-icon-document:before {
content: "\e18c";
}
.font-icon-docs:before {
content: "\e18d";
}
.font-icon-landscape:before {
content: "\e18e";
}
.font-icon-pictures:before {
content: "\e18f";
}
.font-icon-video:before {
content: "\e190";
}
.font-icon-music-3:before {
content: "\e191";
}
.font-icon-folder:before {
content: "\e192";
}
.font-icon-archive:before {
content: "\e193";
}
.font-icon-trash:before {
content: "\e194";
}
.font-icon-upload:before {
content: "\e195";
}
.font-icon-download:before {
content: "\e196";
}
.font-icon-disk:before {
content: "\e197";
}
.font-icon-install:before {
content: "\e198";
}
.font-icon-cloud:before {
content: "\e199";
}
.font-icon-upload-2:before {
content: "\e19a";
}
.font-icon-bookmark:before {
content: "\e19b";
}
.font-icon-bookmarks:before {
content: "\e19c";
}
.font-icon-book-2:before {
content: "\e19d";
}
.font-icon-play:before {
content: "\e19e";
}
.font-icon-pause:before {
content: "\e19f";
}
.font-icon-record:before {
content: "\e1a0";
}
.font-icon-stop:before {
content: "\e1a1";
}
.font-icon-next:before {
content: "\e1a2";
}
.font-icon-previous:before {
content: "\e1a3";
}
.font-icon-first:before {
content: "\e1a4";
}
.font-icon-last:before {
content: "\e1a5";
}
.font-icon-resize-enlarge:before {
content: "\e1a6";
}
.font-icon-resize-shrink:before {
content: "\e1a7";
}
.font-icon-volume:before {
content: "\e1a8";
}
.font-icon-sound:before {
content: "\e1a9";
}
.font-icon-mute:before {
content: "\e1aa";
}
.font-icon-flow-cascade:before {
content: "\e1ab";
}
.font-icon-flow-branch:before {
content: "\e1ac";
}
.font-icon-flow-tree:before {
content: "\e1ad";
}
.font-icon-flow-line:before {
content: "\e1ae";
}
.font-icon-flow-parallel:before {
content: "\e1af";
}
.font-icon-arrow-left-big-flat:before {
content: "\e1b0";
}
.font-icon-arrow-down-big-flat:before {
content: "\e1b1";
}
.font-icon-arrow-up-big-flat:before {
content: "\e1b2";
}
.font-icon-arrow-right-big-flat:before {
content: "\e1b3";
}
.font-icon-arrow-left-small-flat:before {
content: "\e1b4";
}
.font-icon-arrow-down-small-flat:before {
content: "\e1b5";
}
.font-icon-arrow-up-small-flat:before {
content: "\e1b6";
}
.font-icon-arrow-right-small-flat:before {
content: "\e1b7";
}
.font-icon-arrow-left-circle:before {
content: "\e1b8";
}
.font-icon-arrow-down-circle:before {
content: "\e1b9";
}
.font-icon-arrow-up-circle:before {
content: "\e1ba";
}
.font-icon-arrow-right-circle:before {
content: "\e1bb";
}
.font-icon-arrow-left-triangle:before {
content: "\e1bc";
}
.font-icon-arrow-down-triangle:before {
content: "\e1bd";
}
.font-icon-arrow-up-triangle:before {
content: "\e1be";
}
.font-icon-arrow-right-triangle:before {
content: "\e1bf";
}
.font-icon-arrow-left-simple-round:before {
content: "\e1c0";
}
.font-icon-arrow-down-simple-round:before {
content: "\e1c1";
}
.font-icon-arrow-up-simple-round:before {
content: "\e1c2";
}
.font-icon-arrow-right-simple-round:before {
content: "\e1c3";
}
.font-icon-arrow-left-simple-thin-round:before {
content: "\e1c4";
}
.font-icon-arrow-down-simple-thin-round:before {
content: "\e1c5";
}
.font-icon-arrow-up-simple-thin-round:before {
content: "\e1c6";
}
.font-icon-arrow-right-simple-thin-round:before {
content: "\e1c7";
}
.font-icon-arrow-left-simple-thin:before {
content: "\e1c8";
}
.font-icon-arrow-down-simple-thin:before {
content: "\e1c9";
}
.font-icon-arrow-up-simple-thin:before {
content: "\e1ca";
}
.font-icon-arrow-right-simple-thin:before {
content: "\e1cb";
}
.font-icon-arrow-left-big:before {
content: "\e1cc";
}
.font-icon-arrow-down-big:before {
content: "\e1cd";
}
.font-icon-arrow-up-big:before {
content: "\e1ce";
}
.font-icon-arrow-right-big:before {
content: "\e1cf";
}
.font-icon-arrow-menu:before {
content: "\e1d0";
}
.font-icon-ellipsis:before {
content: "\e1d1";
}
.font-icon-dots:before {
content: "\e1d2";
}
.font-icon-dot:before {
content: "\e1d3";
}
.font-icon-social-zerply:before {
content: "\e01b";
}
.font-icon-social-youtube:before {
content: "\e017";
}
.font-icon-social-yelp:before {
content: "\e01d";
}
.font-icon-social-yahoo:before {
content: "\e01e";
}
.font-icon-social-wordpress:before {
content: "\e01f";
}
.font-icon-social-virb:before {
content: "\e020";
}
.font-icon-social-vimeo:before {
content: "\e021";
}
.font-icon-social-viddler:before {
content: "\e022";
}
.font-icon-social-twitter:before {
content: "\e023";
}
.font-icon-social-tumblr:before {
content: "\e024";
}
.font-icon-social-stumbleupon:before {
content: "\e025";
}
.font-icon-social-soundcloud:before {
content: "\e073";
}
.font-icon-social-skype:before {
content: "\e074";
}
.font-icon-social-share-this:before {
content: "\e075";
}
.font-icon-social-quora:before {
content: "\e076";
}
.font-icon-social-photobucket:before {
content: "\e078";
}
.font-icon-social-paypal:before {
content: "\e079";
}
.font-icon-social-myspace:before {
content: "\e026";
}
.font-icon-social-linkedin:before {
content: "\e027";
}
.font-icon-social-last-fm:before {
content: "\e028";
}
.font-icon-social-instagram:before {
content: "\e029";
}
.font-icon-social-grooveshark:before {
content: "\e02a";
}
.font-icon-social-google-plus:before {
content: "\e02b";
}
.font-icon-social-github:before {
content: "\e02c";
}
.font-icon-social-forrst:before {
content: "\e02d";
}
.font-icon-social-flickr:before {
content: "\e02e";
}
.font-icon-social-facebook:before {
content: "\e02f";
}
.font-icon-social-evernote:before {
content: "\e030";
}
.font-icon-social-envato:before {
content: "\e031";
}
.font-icon-social-email:before {
content: "\e032";
}
.font-icon-social-dribbble:before {
content: "\e033";
}
.font-icon-social-digg:before {
content: "\e034";
}
.font-icon-social-deviant-art:before {
content: "\e035";
}
.font-icon-social-blogger:before {
content: "\e036";
}
.font-icon-social-behance:before {
content: "\e037";
}
.font-icon-social-bebo:before {
content: "\e038";
}
.font-icon-social-addthis:before {
content: "\e07a";
}
.font-icon-social-500px:before {
content: "\e07b";
}
.font-icon-social-pinterest:before {
content: "\e077";
}
.font-icon-align-right:before {
content: "\e000";
}
.font-icon-align-left:before {
content: "\e001";
}
.font-icon-align-justify:before {
content: "\e002";
}
.font-icon-align-center:before {
content: "\e003";
}
.font-icon-group:before {
content: "\e004";
}
.font-icon-grid:before {
content: "\e005";
}
.font-icon-grid-large:before {
content: "\e006";
}
/* LineIcons */
@font-face {
font-weight: normal;
font-style: normal;
font-family: 'LineIcons';
src:url('_include/css/fonts/LineIcons.eot');
src:url('_include/css/fonts/LineIcons.eot?#iefix') format('embedded-opentype'),
url('_include/css/fonts/LineIcons.svg#LineIcons') format('svg'),
url('_include/css/fonts/LineIcons.ttf') format('truetype'),
url('_include/css/fonts/LineIcons.woff') format('woff');
}
[class^="lineicons-"], [class*=" lineicons-"] {
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: 'LineIcons';
line-height: 1;
speak: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lineicons-heart:before {
content: "\e602";
}
.lineicons-cloud:before {
content: "\e603";
}
.lineicons-star:before {
content: "\e604";
}
.lineicons-tv:before {
content: "\e605";
}
.lineicons-sound:before {
content: "\e606";
}
.lineicons-video:before {
content: "\e607";
}
.lineicons-trash:before {
content: "\e608";
}
.lineicons-user:before {
content: "\e609";
}
.lineicons-key:before {
content: "\e60a";
}
.lineicons-search:before {
content: "\e60b";
}
.lineicons-eye:before {
content: "\e60c";
}
.lineicons-bubble:before {
content: "\e60d";
}
.lineicons-stack:before {
content: "\e60e";
}
.lineicons-cup:before {
content: "\e60f";
}
.lineicons-phone:before {
content: "\e610";
}
.lineicons-news:before {
content: "\e611";
}
.lineicons-mail:before {
content: "\e612";
}
.lineicons-like:before {
content: "\e613";
}
.lineicons-photo:before {
content: "\e614";
}
.lineicons-note:before {
content: "\e615";
}
.lineicons-food:before {
content: "\e616";
}
.lineicons-tshirt:before {
content: "\e617";
}
.lineicons-fire:before {
content: "\e618";
}
.lineicons-clip:before {
content: "\e619";
}
.lineicons-shop:before {
content: "\e61a";
}
.lineicons-calendar:before {
content: "\e61b";
}
.lineicons-wallet:before {
content: "\e61c";
}
.lineicons-vynil:before {
content: "\e61d";
}
.lineicons-truck:before {
content: "\e61e";
}
.lineicons-lab:before {
content: "\e631";
}
.lineicons-location:before {
content: "\e62f";
}
.lineicons-clock:before {
content: "\e61f";
}
.lineicons-world:before {
content: "\e627";
}
.lineicons-settings:before {
content: "\e630";
}
.lineicons-camera:before {
content: "\e628";
}
.lineicons-paperplane:before {
content: "\e620";
}
.lineicons-params:before {
content: "\e621";
}
.lineicons-tag:before {
content: "\e629";
}
.lineicons-lock:before {
content: "\e62a";
}
.lineicons-banknote:before {
content: "\e622";
}
.lineicons-data:before {
content: "\e623";
}
.lineicons-pen:before {
content: "\e62c";
}
.lineicons-music:before {
content: "\e624";
}
.lineicons-megaphone:before {
content: "\e625";
}
.lineicons-diamond:before {
content: "\e62d";
}
.lineicons-bulb:before {
content: "\e62b";
}
.lineicons-display:before {
content: "\e62e";
}
.lineicons-study:before {
content: "\e626";
}
/* Steady Icons */
@font-face {
font-weight: normal;
font-style: normal;
font-family: 'SteadyIcons';
src:url('_include/css/fonts/SteadyIcons.eot');
src:url('_include/css/fonts/SteadyIcons.eot?#iefix') format('embedded-opentype'),
url('_include/css/fonts/SteadyIcons.svg#SteadyIcons') format('svg'),
url('_include/css/fonts/SteadyIcons.ttf') format('truetype'),
url('_include/css/fonts/SteadyIcons.woff') format('woff');
}
[class^="steadyicons-"], [class*=" steadyicons-"] {
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: 'SteadyIcons';
line-height: 1;
speak: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.steadyicons-envelope:before {
content: "\e603";
}
.steadyicons-email:before {
content: "\e604";
}
.steadyicons-files:before {
content: "\e605";
}
.steadyicons-uniE606:before {
content: "\e606";
}
.steadyicons-file-settings:before {
content: "\e607";
}
.steadyicons-file-add:before {
content: "\e608";
}
.steadyicons-file:before {
content: "\e609";
}
.steadyicons-align-left:before {
content: "\e60a";
}
.steadyicons-align-right:before {
content: "\e60b";
}
.steadyicons-align-center:before {
content: "\e60c";
}
.steadyicons-align-justify:before {
content: "\e60d";
}
.steadyicons-file-broken:before {
content: "\e60e";
}
.steadyicons-browser:before {
content: "\e60f";
}
.steadyicons-windows:before {
content: "\e610";
}
.steadyicons-window:before {
content: "\e611";
}
.steadyicons-folder:before {
content: "\e612";
}
.steadyicons-folder-add:before {
content: "\e613";
}
.steadyicons-folder-settings:before {
content: "\e614";
}
.steadyicons-folder-check:before {
content: "\e615";
}
.steadyicons-wifi-low:before {
content: "\e616";
}
.steadyicons-connection-25:before {
content: "\e618";
}
.steadyicons-connection-50:before {
content: "\e619";
}
.steadyicons-connection-75:before {
content: "\e61a";
}
.steadyicons-connection-full:before {
content: "\e61b";
}
.steadyicons-list:before {
content: "\e61c";
}
.steadyicons-grid:before {
content: "\e61d";
}
.steadyicons-uniE61E:before {
content: "\e61e";
}
.steadyicons-battery-charging:before {
content: "\e61f";
}
.steadyicons-battery-empty:before {
content: "\e620";
}
.steadyicons-battery-25:before {
content: "\e621";
}
.steadyicons-battery-50:before {
content: "\e622";
}
.steadyicons-battery-75:before {
content: "\e623";
}
.steadyicons-battery-full:before {
content: "\e624";
}
.steadyicons-settings:before {
content: "\e625";
}
.steadyicons-arrow-left:before {
content: "\e626";
}
.steadyicons-arrow-up:before {
content: "\e627";
}
.steadyicons-arrow-down:before {
content: "\e628";
}
.steadyicons-arrow-right:before {
content: "\e629";
}
.steadyicons-reload:before {
content: "\e62a";
}
.steadyicons-refresh:before {
content: "\e62b";
}
.steadyicons-mute:before {
content: "\e62d";
}
.steadyicons-microphone:before {
content: "\e62e";
}
.steadyicons-microphone-off:before {
content: "\e62f";
}
.steadyicons-book:before {
content: "\e630";
}
.steadyicons-checkmark:before {
content: "\e631";
}
.steadyicons-checkbox-checked:before {
content: "\e632";
}
.steadyicons-checkbox:before {
content: "\e633";
}
.steadyicons-paperclip:before {
content: "\e634";
}
.steadyicons-download:before {
content: "\e635";
}
.steadyicons-tag:before {
content: "\e636";
}
.steadyicons-trashcan:before {
content: "\e637";
}
.steadyicons-search:before {
content: "\e638";
}
.steadyicons-zoom-in:before {
content: "\e639";
}
.steadyicons-zoom-out:before {
content: "\e63a";
}
.steadyicons-chat:before {
content: "\e63b";
}
.steadyicons-chat-1:before {
content: "\e63c";
}
.steadyicons-chat-2:before {
content: "\e63d";
}
.steadyicons-chat-3:before {
content: "\e63e";
}
.steadyicons-comment:before {
content: "\e63f";
}
.steadyicons-calendar:before {
content: "\e640";
}
.steadyicons-bookmark:before {
content: "\e688";
}
.steadyicons-email2:before {
content: "\e689";
}
.steadyicons-heart:before {
content: "\e641";
}
.steadyicons-enter:before {
content: "\e642";
}
.steadyicons-cloud:before {
content: "\e643";
}
.steadyicons-book2:before {
content: "\e644";
}
.steadyicons-star:before {
content: "\e645";
}
.steadyicons-clock:before {
content: "\e646";
}
.steadyicons-printer:before {
content: "\e647";
}
.steadyicons-home:before {
content: "\e648";
}
.steadyicons-flag:before {
content: "\e649";
}
.steadyicons-meter:before {
content: "\e64a";
}
.steadyicons-switch:before {
content: "\e64b";
}
.steadyicons-forbidden:before {
content: "\e64c";
}
.steadyicons-lock:before {
content: "\e64d";
}
.steadyicons-unlocked:before {
content: "\e64e";
}
.steadyicons-unlocked2:before {
content: "\e64f";
}
.steadyicons-users:before {
content: "\e650";
}
.steadyicons-user:before {
content: "\e651";
}
.steadyicons-users2:before {
content: "\e652";
}
.steadyicons-user2:before {
content: "\e653";
}
.steadyicons-bullhorn:before {
content: "\e654";
}
.steadyicons-share:before {
content: "\e655";
}
.steadyicons-screen:before {
content: "\e68a";
}
.steadyicons-phone:before {
content: "\e68b";
}
.steadyicons-phone-portrait:before {
content: "\e656";
}
.steadyicons-phone-landscape:before {
content: "\e657";
}
.steadyicons-tablet:before {
content: "\e658";
}
.steadyicons-tablet-landscape:before {
content: "\e659";
}
.steadyicons-laptop:before {
content: "\e65a";
}
.steadyicons-camera:before {
content: "\e65b";
}
.steadyicons-microwave-oven:before {
content: "\e65c";
}
.steadyicons-credit-cards:before {
content: "\e65d";
}
.steadyicons-calculator:before {
content: "\e65e";
}
.steadyicons-bag:before {
content: "\e65f";
}
.steadyicons-diamond:before {
content: "\e660";
}
.steadyicons-drink:before {
content: "\e661";
}
.steadyicons-shorts:before {
content: "\e662";
}
.steadyicons-vcard:before {
content: "\e663";
}
.steadyicons-sun:before {
content: "\e664";
}
.steadyicons-bill:before {
content: "\e665";
}
.steadyicons-coffee:before {
content: "\e666";
}
.steadyicons-uniE667:before {
content: "\e667";
}
.steadyicons-newspaper:before {
content: "\e668";
}
.steadyicons-stack:before {
content: "\e669";
}
.steadyicons-map-marker:before {
content: "\e66a";
}
.steadyicons-map:before {
content: "\e68c";
}
.steadyicons-support:before {
content: "\e68d";
}
.steadyicons-uniE66B:before {
content: "\e66b";
}
.steadyicons-barbell:before {
content: "\e66c";
}
.steadyicons-stopwatch:before {
content: "\e66d";
}
.steadyicons-atom:before {
content: "\e66e";
}
.steadyicons-syringe:before {
content: "\e66f";
}
.steadyicons-health:before {
content: "\e670";
}
.steadyicons-bolt:before {
content: "\e671";
}
.steadyicons-pill:before {
content: "\e672";
}
.steadyicons-bones:before {
content: "\e673";
}
.steadyicons-lab:before {
content: "\e674";
}
.steadyicons-clipboard:before {
content: "\e675";
}
.steadyicons-mug:before {
content: "\e676";
}
.steadyicons-bucket:before {
content: "\e677";
}
.steadyicons-select:before {
content: "\e678";
}
.steadyicons-graph:before {
content: "\e679";
}
.steadyicons-crop:before {
content: "\e67a";
}
.steadyicons-image:before {
content: "\e67b";
}
.steadyicons-cube:before {
content: "\e67c";
}
.steadyicons-bars:before {
content: "\e67d";
}
.steadyicons-chart:before {
content: "\e67e";
}
.steadyicons-pencil:before {
content: "\e67f";
}
.steadyicons-type:before {
content: "\e682";
}
.steadyicons-box:before {
content: "\e683";
}
.steadyicons-archive:before {
content: "\e602";
}
.steadyicons-wifi-mid:before {
content: "\e684";
}
.steadyicons-wifi-full:before {
content: "\e685";
}
.steadyicons-connection-empty:before {
content: "\e617";
}
.steadyicons-volume:before {
content: "\e686";
}
.steadyicons-volume-increase:before {
content: "\e687";
}
.steadyicons-volume-decrease:before {
content: "\e62c";
}
.steadyicons-eyedropper:before {
content: "\e681";
}
.steadyicons-measure:before {
content: "\e680";
}
/* Font Awesome */
@font-face {
font-family: 'FontAwesome';
src:url('_include/css/fonts/fontawesome-webfont.eot?v=4.1.0');
src:url('_include/css/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
url('_include/css/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'),
url('_include/css/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),
url('_include/css/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="fa-"], [class*=" fa-"] {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
/*-----------------------------------------------------------------------------------*/
/* 29. Flex Slider Settings
/*-----------------------------------------------------------------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block;width: 100%;}
.flexslider .slides.round img {-webkit-border-radius: 0; border-radius: 0;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after { display: block; visibility: hidden; clear: both; height: 0;content: "."; line-height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { left: 0;opacity: 1;}
.flex-direction-nav .flex-next { right: 0;opacity: 1;}
}
/*-----------------------------------------------------------------------------------*/
/* 30. WooCommerce Setup
/*-----------------------------------------------------------------------------------*/
.woocommerce-page .page-title {
display: none;
}
.woocommerce ul.products {
position: relative;
float: left;
width: 100%;
list-style: none;
margin: 0;
padding: 0 0 0 0;
}
.woocommerce-page ul.products {
position: relative;
float: left;
width: 100%;
list-style: none;
margin: 0;
padding: 50px 0 0 0!important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left;
overflow: hidden;
padding: 0;
}
.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating {
display: none;
}
.woocommerce.columns-2 ul.products li.product,
.woocommerce-page .two_columns ul.products li.product {
width: 48.75%;
margin-bottom: 24px;
margin-right: 2.48447%;
}
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page .three_columns ul.products li.product {
width: 31.677%;
margin-bottom: 24px;
margin-right: 2.48447%;
}
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page .four_columns ul.products li.product,
.single-product ul.products li.product,
.cross-sells ul.products li.product {
width: 23.6364%;
margin-bottom: 24px;
margin-right: 1.81818%;
}
.woocommerce.columns-2 ul.products li.product:nth-child(2n+1),
.woocommerce.columns-3 ul.products li.product:nth-child(3n+1),
.woocommerce.columns-4 ul.products li.product:nth-child(4n+1),
.woocommerce-page .two_columns ul.products li.product:nth-child(2n+1),
.woocommerce-page .three_columns ul.products li.product:nth-child(3n+1),
.woocommerce-page .four_columns ul.products li.product:nth-child(4n+1),
.single-product ul.products li.product:nth-child(4n+1),
.cross-sells ul.products li.product:nth-child(4n+1) {
clear: left;
}
.woocommerce ul.products li.product.last,
.woocommerce-page ul.products li.product.last {
margin-right: 0;
}
.woocommerce ul.products li.product .product-wrap,
.woocommerce-page ul.products li.product .product-wrap {
position: relative;
}
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
border-bottom: 0 none !important;
position: relative;
display: block;
}
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
width: 100%;
max-width: none;
height: auto;
display: block;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: left;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: right;
margin: 0.85em 0;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
position: absolute;
top: 20px;
right: 20px;
background: #2ABB9B;
color: #FFFFFF;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 12px;
text-align: center;
font-weight: 700;
text-transform: uppercase;
border-radius: 999px;
z-index: 10;
}
.woocommerce .product-wrap a.added_to_cart.wc-forward {
background: #323A45;
position: absolute !important;
bottom: 0;
left: 48px;
z-index: 10;
width: 48px;
height: 48px;
text-indent: -9999px;
}
.woocommerce .product-wrap a.added_to_cart.wc-forward:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: -16px -240px;
margin: -8px 0 0 -8px;
}
.no-svg .woocommerce .product-wrap a.added_to_cart.wc-forward:after {
background-image: url(_include/img/sprite-menu.png);
}
.woocommerce .product-wrap a.add_to_cart_button,
.woocommerce ul.products li.product.outofstock .product-wrap a.add_to_cart_button,
.woocommerce-page ul.products li.product.outofstock .product-wrap a.add_to_cart_button,
.button.product_type_simple {
background: #323A45;
position: absolute !important;
bottom: 0;
left: 0;
z-index: 10;
width: 48px;
height: 48px;
text-indent: -9999px;
opacity: 0;
-webkit-transition: opacity 0.215s ease-in-out 0s !important;
transition: opacity 0.215s ease-in-out 0s !important;
}
.button.product_type_simple {
text-indent: 0px;
line-height: 24px !important;
color: #FFFFFF;
display: inline-block;
padding: 12px 16px;
width: auto;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
}
.woocommerce .product-wrap:hover a.add_to_cart_button,
.woocommerce .product-wrap:hover .button.product_type_simple {
opacity: 1;
}
.woocommerce .product-wrap a.add_to_cart_button.added,
.woocommerce .product-wrap a.add_to_cart_button.loading {
background: #2ABB9B;
opacity: 1;
}
.woocommerce ul.products li.product.outofstock .product-wrap a.add_to_cart_button,
.woocommerce-page ul.products li.product.outofstock .product-wrap a.add_to_cart_button {
background: #2ABB9B;
opacity: 1;
}
.woocommerce .product-wrap a.add_to_cart_button:after,
.woocommerce .product-wrap a.add_to_cart_button.added:after,
.woocommerce .product-wrap a.add_to_cart_button.loading:after,
.woocommerce ul.products li.product.outofstock .product-wrap a.add_to_cart_button:after,
.woocommerce-page ul.products li.product.outofstock .product-wrap a.add_to_cart_button:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
background-image: url(_include/img/sprite-menu.svg);
background-repeat: no-repeat;
background-position: -16px 0px;
margin: -8px 0 0 -8px;
}
.no-svg .woocommerce .product-wrap a.add_to_cart_button:after,
.no-svg .woocommerce .product-wrap a.add_to_cart_button.added:after,
.no-svg .woocommerce .product-wrap a.add_to_cart_button.loading:after,
.no-svg .woocommerce ul.products li.product.outofstock .product-wrap a.add_to_cart_button:after,
.no-svg .woocommerce-page ul.products li.product.outofstock .product-wrap a.add_to_cart_button:after {
background-image: url(_include/img/sprite-menu.png);
}
.woocommerce .product-wrap a.add_to_cart_button.added:after {
background-position: -16px -224px;
}
.woocommerce .product-wrap a.add_to_cart_button.loading:after {
background-image: url(_include/img/ajax-loader.gif);
background-position: 0 0;
}
.woocommerce ul.products li.product.outofstock .product-wrap a.add_to_cart_button:after,
.woocommerce-page ul.products li.product.outofstock .product-wrap a.add_to_cart_button:after {
background-position: -16px -256px;
}
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
margin: 15px 0 0;
font-size: 18px;
letter-spacing: 0;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
color: #9D9D9D;
font-size: 14px;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
font-size: 15px;
text-decoration: none;
color: #000000;
}
/* WooCommerce Navigation */
.woocommerce .woocommerce-pagination,
.woocommerce-page .woocommerce-pagination {
clear: both;
float: left;
margin-top: 20px;
}
.woocommerce .woocommerce-pagination ul.page-numbers,
.woocommerce-page .woocommerce-pagination ul.page-numbers {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
float: left;
display: inline-block;
margin: 0 6px 0 0;
}
.woocommerce .woocommerce-pagination ul.page-numbers li span,
.woocommerce-page .woocommerce-pagination ul.page-numbers li span,
.woocommerce .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .woocommerce-pagination ul.page-numbers li a {
color: #000000;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
border: 0 none;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
}
.woocommerce .woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce .woocommerce-pagination ul.page-numbers li span.page-numbers.current,
.woocommerce-page .woocommerce-pagination ul.page-numbers li span.page-numbers.current {
color: #2ABB9B;
}
/* Product Page */
.single-product .col-image {
float: left;
position: relative;
overflow: hidden;
width: 50%;
}
.single-product .col-description {
float: right;
width: 50%;
padding-left: 40px;
}
.single-product .woocommerce-tabs,
.single-product .related.products,
.single-product .upsells.products {
float: left;
position: relative;
width: 100%;
}
.single-product .col-image a.woocommerce-main-image img {
display: block;
height: auto;
width: 100%;
}
.single-product .col-image .onsale {
position: absolute;
top: 20px;
right: 20px;
background: #2ABB9B;
color: #FFFFFF;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 12px;
text-align: center;
font-weight: 700;
text-transform: uppercase;
border-radius: 999px;
z-index: 10;
}
.single-product .col-image .thumbnails {
float: left;
position: relative;
overflow: hidden;
}
.single-product .col-image .thumbnails a {
float: left;
height: 98px;
margin: 20px 0 0 20px;
width: 98px;
border: 0 none !important;
}
.single-product .col-image .thumbnails a:first-child {
margin-left: 0;
}
.single-product .col-image .thumbnails a img {
display: block;
height: auto;
width: 100%;
}
.woocommerce .summary .price,
.woocommerce .summary.entry-summary > div {
margin: 20px 0;
}
.single-product .col-description .price del {
color: #6D6D6D;
font-size: 20px;
font-weight: 500;
}
.single-product .col-description .price ins,
.single-product .single_variation_wrap .single_variation span.price > span.amount,
.single-product p.price > span.amount {
color: #1C2222;
font-size: 26px;
font-weight: 700;
text-decoration: none;
}
.woocommerce .woocommerce-product-rating,
.woocommerce-page .woocommerce-product-rating {
position: relative;
display: block;
line-height: 2em;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 1em;
width: 5.4em;
font-family: Icons;
}
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
content: "\e10f\e10f\e10f\e10f\e10f";
color: #1C2222;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span, .woocommerce-page .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
color: #1C2222;
content: "\e10e\e10e\e10e\e10e\e10e";
top: 0;
position: absolute;
left: 0;
}
.woocommerce .woocommerce-product-rating,
.woocommerce-page .woocommerce-product-rating {
line-height: 2em;
display: block;
}
.woocommerce .woocommerce-product-rating .star-rating,
.woocommerce-page .woocommerce-product-rating .star-rating {
margin: .5em 4px 0 0;
float: left;
}
.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
display: block;
margin: 0 0 .5em;
float: none;
}
.woocommerce .hreview-aggregate .star-rating, .woocommerce-page .hreview-aggregate .star-rating {
margin: 10px 0 0;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
padding: 20px 0;
margin: 0 0 30px;
position: relative;
background: transparent;
border-bottom: 2px solid #D8DADC;
list-style: none outside!important;
width: 100%;
}
.wc-forward {
float: right;
border: 0 none !important;
color: #000000 !important;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 3px;
-webkit-transition: color 0.215s ease-in-out 0s !important;
transition: color 0.215s ease-in-out 0s !important;
}
.footer-widgets .wc-forward {
color: #FFFFFF !important;
}
.wc-forward:hover {
color: #2ABB9B !important;
}
.woocommerce #content div.product form.cart div.quantity,
.woocommerce div.product form.cart div.quantity,
.woocommerce-page #content div.product form.cart div.quantity,
.woocommerce-page div.product form.cart div.quantity {
float: left;
margin: 0 4px 0 0;
}
.woocommerce div.product form.cart .button,
.woocommerce-page div.product form.cart .button,
.woocommerce #content div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button {
float: left;
margin-left: 20px;
}
.woocommerce form.cart,
.woocommerce div.product_meta {
float: left;
}
.woocommerce div.product_meta {
position: relative;
width: 100%;
display: block;
}
.woocommerce div.product_meta .sku_wrapper,
.woocommerce div.product_meta .posted_in,
.woocommerce div.product_meta .tagged_as {
display: block;
}
.cart .quantity input.plus,
.cart .quantity input.minus {
background-color: #F8F8F8;
background-repeat: repeat-x;
border: 1px solid #E1E1E1;
border-radius: 0;
color: #666666;
cursor: pointer;
display: inline !important;
height: 36px;
line-height: 36px;
margin: 0;
padding: 0;
position: relative;
vertical-align: middle;
width: 36px;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
}
.woocommerce .cart .quantity input.qty {
border: 1px solid #E1E1E1;
border-left: medium none;
border-right: medium none;
display: inline;
height: 36px;
line-height: 36px;
margin: 0;
padding: 0 5px;
position: relative;
text-align: center;
vertical-align: middle;
width: 36px;
color: #1C2222;
}
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
display: inline-block;
padding: 8px 21px 8px 24px;
width: auto;
border: 2px solid #2ABB9B !important;
background-color: transparent;
color: #2ABB9B !important;
vertical-align: middle;
text-align: center;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
border-radius: 2px;
cursor: pointer;
line-height: 1.25;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s !important;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s !important;
}
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover {
background: #2ABB9B;
border-color: transparent !important;
color: #FFFFFF !important;
}
.woocommerce .woocommerce-tabs {
margin: 60px 0 40px 0;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: transparent;
display: block;
float: left;
position: relative;
z-index: 0;
margin: 0 20px 0 0;
padding: 0;
border-bottom: 2px solid transparent;
-webkit-transition: border 0.215s ease-in-out 0s;
transition: border 0.215s ease-in-out 0s;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce-tabs ul.tabs li.active {
border-color: #D8DADC;
}
.woocommerce-tabs ul.tabs li.active {
border-bottom: 2px solid #D8DADC !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 0;
color: #000000;
text-decoration: none;
border: 0 none !important;
-webkit-transition: color 0.215s ease-in-out 0s !important;
transition: color 0.215s ease-in-out 0s !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce-tabs ul.tabs li.active a {
color: #000000 !important;
}
.woocommerce-tabs .panel {
margin: 20px 0;
border: 0 none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
background: transparent;
}
.woocommerce-tabs .panel h2,
.woocommerce .related.products h2,
.woocommerce .upsells.products h2 {
font-size: 24px;
}
.woocommerce .commentlist,
.woocommerce .commentlist li {
width: 100%;
float: left;
position: relative;
margin: 20px 0 0 0;
}
.woocommerce .commentlist li .comment_container {
float: left;
width: 100%;
position: relative;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 40px;
padding-bottom: 20px;
}
.woocommerce .commentlist li .comment_container img.avatar {
position: absolute;
top: 0;
left: 0;
}
.woocommerce .commentlist li .comment-text {
float: left;
padding-left: 80px;
width: 100%;
}
.woocommerce .commentlist li .comment-text p.meta {
margin: 0;
}
.woocommerce .commentlist li .comment-text .description > p {
margin-top: 0;
}
.woocommerce #review_form_wrapper {
float: left;
width: 100%;
position: relative;
}
.woocommerce .comment-form {
margin: 0;
}
.woocommerce p.stars,
.woocommerce-page p.stars {
position: relative;
font-size: 1em;
margin: 10px 0 !important;
}
.woocommerce .comment-form-rating {
margin-bottom: 0px !important;
}
.woocommerce .comment-form-comment > label {
display: block !important;
width: 100%;
margin-bottom: 20px !important;
}
.woocommerce .comment-form-author {
margin-top: 30px !important;
}
.woocommerce .form-submit {
margin: 0 !important;
}
.woocommerce p.stars a, .woocommerce-page p.stars a {
display: inline-block;
font-weight: 700;
margin-right: 1em;
text-indent: -9999px;
position: relative;
border: 0 none !important;
}
.woocommerce p.stars a.star-1:after,
.woocommerce p.stars a.star-2:after,
.woocommerce p.stars a.star-3:after,
.woocommerce p.stars a.star-4:after,
.woocommerce p.stars a.star-5:after,
.woocommerce-page p.stars a.star-1:after,
.woocommerce-page p.stars a.star-2:after,
.woocommerce-page p.stars a.star-3:after,
.woocommerce-page p.stars a.star-4:after,
.woocommerce-page p.stars a.star-5:after {
font-family: Icons;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
}
.woocommerce p.stars a.star-1, .woocommerce-page p.stars a.star-1 {
width: 2em;
}
.woocommerce p.stars a.star-1:after,
.woocommerce-page p.stars a.star-1:after {
content: "\e10f";
}
.woocommerce p.stars a.star-1.active:after,
.woocommerce p.stars a.star-1:hover:after,
.woocommerce-page p.stars a.star-1.active:after,
.woocommerce-page p.stars a.star-1:hover:after {
content: "\e10e";
}
.woocommerce p.stars a.star-2,
.woocommerce-page p.stars a.star-2 {
width: 3em;
}
.woocommerce p.stars a.star-2:after,
.woocommerce-page p.stars a.star-2:after {
content: "\e10f\e10f";
}
.woocommerce p.stars a.star-2.active:after,
.woocommerce p.stars a.star-2:hover:after,
.woocommerce-page p.stars a.star-2.active:after,
.woocommerce-page p.stars a.star-2:hover:after {
content: "\e10e\e10e";
}
.woocommerce p.stars a.star-3,
.woocommerce-page p.stars a.star-3 {
width: 4em;
}
.woocommerce p.stars a.star-3:after,
.woocommerce-page p.stars a.star-3:after {
content: "\e10f\e10f\e10f";
}
.woocommerce p.stars a.star-3.active:after,
.woocommerce p.stars a.star-3:hover:after,
.woocommerce-page p.stars a.star-3.active:after,
.woocommerce-page p.stars a.star-3:hover:after {
content: "\e10e\e10e\e10e";
}
.woocommerce p.stars a.star-4,
.woocommerce-page p.stars a.star-4 {
width: 5em;
}
.woocommerce p.stars a.star-4:after,
.woocommerce-page p.stars a.star-4:after {
content: "\e10f\e10f\e10f\e10f";
}
.woocommerce p.stars a.star-4.active:after,
.woocommerce p.stars a.star-4:hover:after,
.woocommerce-page p.stars a.star-4.active:after,
.woocommerce-page p.stars a.star-4:hover:after {
content: "\e10e\e10e\e10e\e10e";
}
.woocommerce p.stars a.star-5,
.woocommerce-page p.stars a.star-5 {
width: 6em;
border: 0;
}
.woocommerce p.stars a.star-5:after,
.woocommerce-page p.stars a.star-5:after {
content: "\e10f\e10f\e10f\e10f\e10f";
}
.woocommerce p.stars a.star-5.active:after,
.woocommerce p.stars a.star-5:hover:after,
.woocommerce-page p.stars a.star-5.active:after,
.woocommerce-page p.stars a.star-5:hover:after {
content: "\e10e\e10e\e10e\e10e\e10e";
}
.single-product .related.products ul.products,
.single-product .upsells.products ul.products {
padding: 30px 0 0 0 !important;
}
.woocommerce .cart-collaterals .cross-sells ul.products {
padding: 30px 0 30px 0 !important;
}
.single-product table.variations label,
.single-product table.variations td.label {
color: #1C2222;
padding: 0;
font-size: 14px;
margin: 0 10px 0 0;
}
.single-product table.variations .reset_variations {
border: 0 none;
font-size: 14px;
margin-left: 10px;
}
.single-product table.variations {
margin-bottom: 20px;
}
/* Cart */
.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes {
border: 0;
margin-bottom: 1.618em;
width: 100%;
}
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px;
border-top: 0;
margin: 0;
line-height: 1.5em;
}
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
margin: 0;
line-height: 1.5em;
}
.woocommerce table.shop_attributes td p, .woocommerce-page table.shop_attributes td p {
margin: 0;
padding: 8px 0;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
font-weight: 700;
line-height: 18px;
padding: 9px 12px;
font-size: 14px;
color: #1C2222;
}
.woocommerce table.shop_table .cart_item {
border-bottom: 1px solid #E5E5E5;
}
.woocommerce table.shop_table .cart_item:first-child {
border-top: 1px solid #E5E5E5;
}
.woocommerce table.shop_table td.product-remove {
width: 15px;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
padding: 25px 12px;
vertical-align: middle;
}
.woocommerce table.shop_table td small,
.woocommerce-page table.shop_table td small {
font-weight: 400;
}
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot td,
.woocommerce-page table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.woocommerce table.my_account_orders,
.woocommerce-page table.my_account_orders {
font-size: .85em;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th,
.woocommerce-page table.my_account_orders td,
.woocommerce-page table.my_account_orders th {
padding: 4px 8px;
vertical-align: middle;
}
.woocommerce table.my_account_orders .button,
.woocommerce-page table.my_account_orders .button {
white-space: nowrap;
}
.woocommerce table.my_account_orders .order-actions,
.woocommerce-page table.my_account_orders .order-actions {
text-align: right;
}
.woocommerce table.my_account_orders .order-actions .button,
.woocommerce-page table.my_account_orders .order-actions .button {
margin: .125em 0 .125em .25em;
}
.woocommerce td.product-name dl.variation,
.woocommerce-page td.product-name dl.variation {
margin: .25em 0;
*zoom: 1;
}
.woocommerce td.product-name dl.variation:after,
.woocommerce td.product-name dl.variation:before,
.woocommerce-page td.product-name dl.variation:after,
.woocommerce-page td.product-name dl.variation:before {
content: " ";
display: table;
}
.woocommerce td.product-name dl.variation:after,
.woocommerce-page td.product-name dl.variation:after {
clear: both;
}
.woocommerce td.product-name dl.variation dd,
.woocommerce td.product-name dl.variation dt,
.woocommerce-page td.product-name dl.variation dd,
.woocommerce-page td.product-name dl.variation dt {
display: inline-block;
float: left;
margin-bottom: 1em;
}
.woocommerce td.product-name dl.variation dt,
.woocommerce-page td.product-name dl.variation dt {
font-weight: 700;
padding: 0 0 .25em;
margin: 0 4px 0 0;
clear: left;
color: #1C2222;
font-size: 14px;
}
.woocommerce td.product-name dl.variation dd,
.woocommerce-page td.product-name dl.variation dd {
padding: 0 0 .25em;
font-size: 14px;
}
.woocommerce td.product-name dl.variation dd p {
margin: 0;
}
.woocommerce td.product-name dl.variation dd p:last-child,
.woocommerce-page td.product-name dl.variation dd p:last-child {
margin-bottom: 0;
}
.woocommerce td.product-name p.backorder_notification,
.woocommerce-page td.product-name p.backorder_notification {
font-size: .83em;
}
.woocommerce td.product-quantity,
.woocommerce-page td.product-quantity {
min-width: 80px;
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
min-width: 32px;
}
.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
width: 64px;
height: auto;
display: block;
}
.woocommerce #content table.cart td,
.woocommerce #content table.cart th,
.woocommerce table.cart td,
.woocommerce table.cart th,
.woocommerce-page #content table.cart td,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart td,
.woocommerce-page table.cart th {
vertical-align: middle;
}
.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
display: block;
font-size: 20px;
height: 24px;
width: 24px;
text-align: center;
line-height: 22px;
font-size: 17px;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #1C2222;
color: #FFFFFF;
text-decoration: none;
font-weight: 400;
border: 0 none !important;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s !important;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s !important;
}
.woocommerce #content table.cart a.remove:hover,
.woocommerce table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover {
background-color: #2ABB9B;
color: #FFFFFF;
}
.woocommerce table.shop_table .actions,
.woocommerce-page table.shop_table .actions {
padding: 30px 0 0 0 !important;
text-align: right;
}
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
margin: 0;
padding: 0 15px;
height: 36px;
border: 1px solid #D8DADC;
-webkit-border-radius: 0;
border-radius: 0;
background: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
color: #BCBCC4;
font-size: 14px;
resize: none;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
-webkit-appearance: none;
}
.woocommerce #content table.cart td.actions .coupon .input-text:focus,
.woocommerce table.cart td.actions .coupon .input-text:focus,
.woocommerce-page #content table.cart td.actions .coupon .input-text:focus,
.woocommerce-page table.cart td.actions .coupon .input-text:focus {
border-color: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #6D6D6D;
}
.woocommerce #content table.cart input,
.woocommerce table.cart input, .woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
margin: 0;
vertical-align: middle;
line-height: 1em;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: left;
}
.woocommerce #content table.cart td.actions .coupon label,
.woocommerce table.cart td.actions .coupon label,
.woocommerce-page #content table.cart td.actions .coupon label,
.woocommerce-page table.cart td.actions .coupon label {
display: none;
}
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce-page .cart .button,
.woocommerce-page .cart input.button {
float: none;
}
.woocommerce .cart-collaterals {
float: left;
position: relative;
width: 100%;
margin-top: 30px;
}
.woocommerce .cart-collaterals h2 {
font-size: 20px;
margin-bottom: 15px;
}
.woocommerce .cart-collaterals a {
font-weight: normal;
color: #000000;
border: 0 none;
}
.woocommerce .cart-collaterals .cart_totals {
float: left !important;
text-align: left !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: right;
text-align: right;
width: 48%;
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
clear: right;
float: right;
width: 48%;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table th {
vertical-align: top;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
padding: 6px 12px 0 0;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
padding: 6px 0;
}
.woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after,
.woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
content: "\e1c1";
font-family: Icons;
font-variant: normal;
font-weight: 400;
line-height: 1;
margin-left: 7px;
text-transform: none;
font-size: 16px;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
margin: 0 0 10px;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
width: 100%;
}
.woocommerce-page form .form-row input[type="text"],
.woocommerce-page form .form-row input.input-text {
margin: 0;
padding: 0 15px;
height: 42px;
border: 1px solid #D8DADC;
-webkit-border-radius: 0;
border-radius: 0;
background: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
color: #BCBCC4;
font-size: 14px;
resize: none;
width: 100%;
-webkit-transition: color 0.215s ease-in-out 0s;
transition: color 0.215s ease-in-out 0s;
}
.woocommerce-page form .form-row input:focus {
border-color: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #6D6D6D;
}
.woocommerce-checkout .woocommerce-info {
margin: 0 0 20px !important;
}
.woocommerce-checkout .checkout_coupon {
border-bottom: 2px solid #D8DADC;
padding-bottom: 20px;
}
.woocommerce-info a {
color: #000000;
border: 0 none;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 3px;
}
.woocommerce-info a:hover {
color: #2ABB9B;
}
.woocommerce-checkout form.login p {
margin-top: 0 !important;
}
.woocommerce form .form-row label.inline,
.woocommerce-page form .form-row label.inline {
display: inline;
font-size: 12px;
font-weight: 500;
margin-left: 10px;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
line-height: 2em;
}
.woocommerce-checkout form > div.clear {
padding-bottom: 24px;
}
.checkout_coupon > div.clear {
padding-bottom: 0 !important;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: right;
width: 48%;
}
.woocommerce-shipping-fields .checkbox,
.create-account .checkbox {
display: inline-block;
margin: 0;
padding: 0;
font-weight: normal;
}
.woocommerce #order_review_heading,
.woocommerce #order_review {
float: left;
position: relative;
width: 100%;
}
.woocommerce #order_review_heading {
margin-top: 25px;
}
#customer_details {
margin-top: 25px;
}
#customer_details h3 {
font-size: 20px;
margin-bottom: 15px;
}
.woocommerce form .form-row label.hidden,
.woocommerce-page form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline,
.woocommerce-page form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
color: red;
font-weight: 700;
border: 0;
}
.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: 1em;
}
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
margin: 0;
padding: 15px;
height: auto;
border: 1px solid #D8DADC;
-webkit-border-radius: 0;
border-radius: 0;
background: #F7F7F7;
-webkit-box-shadow: none;
box-shadow: none;
color: #BCBCC4;
font-size: 16px;
width: 100%;
resize: vertical;
-webkit-appareance: none;
-webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
}
.woocommerce form .form-row textarea:focus,
.woocommerce-page form .form-row textarea:focus {
border-color: none;
-webkit-box-shadow: none;
box-shadow: none;
background: #FFFFFF;
color: #2D3C48;
}
.woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-drop,
.woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-single,
.woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce form .form-row.validate-required.woocommerce-invalid select,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-drop,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-single,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid select {
border-color: #fb7f88;
}
.woocommerce .create-account #account_password_field {
padding: 0;
}
.woocommerce .create-account > p {
margin: 0 !important;
font-size: 14px;
}
.woocommerce ul.woocommerce-error li {
font-weight: 400;
}
.woocommerce ul.woocommerce-error strong {
font-style: italic;
}
.woocommerce #order_review table.shop_table td,
.woocommerce #order_review table.shop_table td {
padding: 14px 12px;
font-size: 14px;
}
.woocommerce #payment .payment_methods.methods {
border-bottom: 1px solid #E5E5E5;
list-style: none outside none;
margin: 0;
padding: 1em;
text-align: left;
}
.woocommerce #payment label {
color: #1C2222;
margin-left: 5px;
}
.woocommerce #payment p {
margin: 0;
font-size: 14px;
}
.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
padding: 25px 0 !important;
float: left;
position: relative;
width: 100%;
}
.woocommerce .title a {
font-size: 14px;
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget,
.woocommerce-page ul.cart_list,
.woocommerce-page ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li {
padding: 4px 0;
margin: 0;
*zoom: 1;
list-style: none;
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.cart_list li:before,
.woocommerce ul.product_list_widget li:after,
.woocommerce ul.product_list_widget li:before,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.cart_list li:before,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page ul.product_list_widget li:before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:after,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.product_list_widget li:after {
clear: both;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
display: block;
font-weight: 700;
border: 0 none !important;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
float: right;
margin-left: 4px;
margin-top: 4px;
width: 48px;
height: auto;
}
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl,
.woocommerce-page ul.cart_list li dl,
.woocommerce-page ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, .1);
*zoom: 1;
}
.woocommerce ul.cart_list li dl:after,
.woocommerce ul.cart_list li dl:before,
.woocommerce ul.product_list_widget li dl:after,
.woocommerce ul.product_list_widget li dl:before,
.woocommerce-page ul.cart_list li dl:after,
.woocommerce-page ul.cart_list li dl:before,
.woocommerce-page ul.product_list_widget li dl:after,
.woocommerce-page ul.product_list_widget li dl:before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li dl:after,
.woocommerce ul.product_list_widget li dl:after,
.woocommerce-page ul.cart_list li dl:after,
.woocommerce-page ul.product_list_widget li dl:after {
clear: both;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dd,
.woocommerce ul.product_list_widget li dl dt,
.woocommerce-page ul.cart_list li dl dd,
.woocommerce-page ul.cart_list li dl dt,
.woocommerce-page ul.product_list_widget li dl dd,
.woocommerce-page ul.product_list_widget li dl dt {
display: inline-block;
float: left;
margin-botom: 1em;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt,
.woocommerce-page ul.cart_list li dl dt,
.woocommerce-page ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 .25em;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd,
.woocommerce-page ul.cart_list li dl dd,
.woocommerce-page ul.product_list_widget li dl dd {
padding: 0 0 .25em;
}
.woocommerce ul.cart_list li dl dd p:last-child,
.woocommerce ul.product_list_widget li dl dd p:last-child,
.woocommerce-page ul.cart_list li dl dd p:last-child,
.woocommerce-page ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating,
.woocommerce-page ul.cart_list li .star-rating,
.woocommerce-page ul.product_list_widget li .star-rating {
float: none;
}
/* WooCommerce Widget */
.woocommerce .widget_shopping_cart .total,
.woocommerce-page .widget_shopping_cart .total,
.woocommerce-page.widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: 3px double #323D3D;
padding: 10px 0 0;
}
.woocommerce .widget_shopping_cart .total strong,
.woocommerce-page .widget_shopping_cart .total strong,
.woocommerce-page.widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.woocommerce .widget_shopping_cart .buttons,
.woocommerce-page .widget_shopping_cart .buttons,
.woocommerce-page.widget_shopping_cart .buttons,
.woocommerce.widget_shopping_cart .buttons {
*zoom: 1;
}
.woocommerce .widget_shopping_cart .buttons:after,
.woocommerce .widget_shopping_cart .buttons:before,
.woocommerce-page .widget_shopping_cart .buttons:after,
.woocommerce-page .widget_shopping_cart .buttons:before,
.woocommerce-page.widget_shopping_cart .buttons:after,
.woocommerce-page.widget_shopping_cart .buttons:before,
.woocommerce.widget_shopping_cart .buttons:after,
.woocommerce.widget_shopping_cart .buttons:before {
content: " ";
display: table;
}
.woocommerce .widget_shopping_cart .buttons:after,
.woocommerce-page .widget_shopping_cart .buttons:after,
.woocommerce-page.widget_shopping_cart .buttons:after,
.woocommerce.widget_shopping_cart .buttons:after {
clear: both;
}
.footer-widgets .woocommerce.widget ins,
.footer-widgets .woocommerce.widget .amount {
color: #FFFFFF;
text-decoration: none;
}
.woocommerce.widget ins,
.woocommerce.widget .amount {
color: #1C2222;
text-decoration: none;
font-weight: 700;
}
.woocommerce.widget del,
.woocommerce.widget del .amount,
.footer-widgets .woocommerce.widget del .amount {
color: #A0ABAB;
font-weight: 400;
}
.woocommerce.widget .star-rating span:before {
color: #2ABB9B !important;
}
.woocommerce.widget .star-rating:before,
.woocommerce.widget .woocommerce-page .star-rating:before {
display: none;
}
.content-sidebar .widget.woocommerce.widget_shopping_cart .wc-forward {
color: #000000 !important;
}
.content-sidebar .widget.woocommerce.widget_shopping_cart .wc-forward:hover {
color: #2ABB9B !important;
}
.footer-widgets .woocommerce.widget.widget_shopping_cart .total > strong {
color: #FFFFFF;
}
.woocommerce.widget.widget_shopping_cart .buttons,
.woocommerce.widget.widget_shopping_cart .buttons > .wc-forward {
float: left !important;
}
.woocommerce.widget.widget_shopping_cart .buttons > .wc-forward {
margin-right: 10px;
}
.woocommerce .widget_layered_nav_filters ul,
.woocommerce-page .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.woocommerce .widget_layered_nav_filters ul li,
.woocommerce-page .widget_layered_nav_filters ul li {
float: left;
padding: 0 1px 1px 0;
list-style: none;
}
.woocommerce .widget_layered_nav_filters ul li a,
.woocommerce-page .widget_layered_nav_filters ul li a {
padding: 6px 12px;
margin-right: 3px;
text-decoration: none;
background: #2ABB9B;
border-radius: 2px;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 12px;
line-height: 1.25;
color: #FFFFFF;
float: left;
}
.woocommerce .widget_layered_nav_filters ul li.chosen a span.amount,
.woocommerce-page .widget_layered_nav_filters ul li.chosen a span.amount {
color: #FFFFFF;
}
.woocommerce .widget_price_filter .price_slider,
.woocommerce-page .widget_price_filter .price_slider {
margin-bottom: 1em;
}
.woocommerce .widget_price_filter .price_slider_amount,
.woocommerce-page .widget_price_filter .price_slider_amount {
text-align: right;
line-height: 36px;
font-size: 12px;
}
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button {
font-size: 12px;
float: left;
}
.woocommerce .widget_price_filter .ui-slider,
.woocommerce-page .widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
-webkit-border-radius: 999px;
border-radius: 999px;
cursor: pointer;
background: #ad74a2;
outline: 0;
top: -3px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
background: #2ABB9B;
border: 0 none !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -2px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #323D3D;
-webkit-border-radius: 1em;
border-radius: 1em;
}
.woocommerce .footer-widgets .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .footer-widgets .widget_price_filter .ui-slider .ui-slider-range {
background: #A0ABAB;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
-webkit-border-radius: 1em;
border-radius: 1em;
background: #1e1e1e;
}
.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #A0ABAB;
}
.footer-widgets .woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content,
.footer-widgets .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #323D3D;
}
.woocommerce .widget_price_filter .ui-slider-horizontal,
.woocommerce-page .widget_price_filter .ui-slider-horizontal {
height: 5px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.woocommerce.widget #searchsubmit,
.woocommerce.widget .screen-reader-text {
display: none;
}
.widget_shopping_cart_content {
float: left;
width: 100%;
}
.footer-widgets .woocommerce.widget input[type="text"] {
border: 1px solid #323D3D !important;
color: #FFFFFF !important;
background: transparent !important;
}
div.pp_overlay {
position: fixed;
}
div.pp_woocommerce .pp_content_container {
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.pp_content_container .pp_right,
.pp_content_container .pp_left,
div.pp_woocommerce .pp_content_container {
padding: 0 !important;
}
div.pp_woocommerce .pp_close {
right: 25px;
}
div.pp_woocommerce .pp_description,
div.pp_woocommerce .pp_nav {
color: #FFFFFF;
}
div.pp_woocommerce a.pp_contract,
div.pp_woocommerce a.pp_expand {
left: -12px;
}
div.ppt,
div.pp_woocommerce .pp_arrow_next,
div.pp_woocommerce .pp_arrow_previous {
display: none !important;
}
.woocommerce-account h2 {
font-size: 24px;
}
/*-----------------------------------------------------------------------------------*/
/* 30. Media Queries
/*-----------------------------------------------------------------------------------*/
@-ms-viewport{
width:device-width;
}
@-o-viewport{
width:device-width;
}
@viewport{
width:device-width;
}
@media (min-width: 1401px) and (max-width: 1740px) {
/* Wall Effect */
.wall-effect .col-full-1 {
width: 20%;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
/* Striped Portfolio */
#main.header-left-opened-enabled #portfolio-items .single-portfolio.col-striped-1,
#main.header-right-opened-enabled #portfolio-items .single-portfolio.col-striped-1 {
width: 50%;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
#main.header-left-opened-enabled .container,
#main.header-right-opened-enabled .container {
width: 100% !important;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
/* Wall Effect */
.wall-effect .col-full-1,
.wall-effect .col-full-2 {
width: 25%;
}
/* Modal Search */
#myModalSearch #searchform input[type="text"] {
font-size: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
/* Wall Effect */
.wall-effect .col-full-1,
.wall-effect .col-full-2,
.wall-effect .col-full-3 {
width: 33.333333%;
}
/* Striped Portfolio */
#portfolio-items .single-portfolio.col-striped-1 {
width: 50%;
}
/* Scrollable Portfolio */
#portfolio-items .single-portfolio.col-scrollable-1 {
width: 50% !important;
}
/* Metro Block */
#portfolio-items .single-portfolio.col-block-1.normal-size,
#portfolio-items .single-portfolio.col-block-1.tall-size,
#portfolio-items .single-portfolio.col-block-1.wide-size,
#portfolio-items .single-portfolio.col-block-1.big-size {
width: 50%;
}
/* Listed Portfolio */
#portfolio-items .portfolio-post-thumb-listed,
#team-people .team-post-thumb-listed,
#blog.listed-blog .blog-post-thumb-listed {
height: 350px;
}
/* Center Blog */
#blog.center-blog .blog-post-thumb-center {
height: 400px;
}
/* Portfolio, Team, Gallery */
.single-portfolio.col-md-3,
.single-people.col-md-3,
.item-gallery.col-md-3 {
width: 33.33333%;
}
/* Masonry Blog */
.single-post-masonry.col-md-3 {
width: 33.33333%;
}
/* Masonry Latest Posts */
.masonry-layout .single-item-posts.col-md-3 {
width: 33.33333%;
}
/* Mobile Map */
.mobile-map.az-map {
height: 400px !important;
}
/* Normal Container */
.normal-container.noresponsiveFull.imagize,
.normal-container.noresponsiveFull.titlize {
max-height: 450px !important;
}
/* Modal Search */
#myModalSearch form {
width: 70%;
}
#myModalSearch #searchform input[type="text"] {
font-size: 30px;
}
/* WooCommerce Grid */
.woocommerce.columns-3 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page .three_columns ul.products li.product,
.woocommerce-page .four_columns ul.products li.product,
.single-product ul.products li.product,
.cross-sells ul.products li.product {
width: 48.75%;
margin-bottom: 24px;
margin-right: 2.48447%;
}
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page .three_columns ul.products li.product {
clear: none !important;
}
.woocommerce.columns-3 ul.products li.product:nth-child(2n+2),
.woocommerce.columns-4 ul.products li.product:nth-child(2n+2),
.woocommerce-page .three_columns ul.products li.product:nth-child(2n+2),
.woocommerce-page .four_columns ul.products li.product:nth-child(2n+2),
.single-product ul.products li.product:nth-child(2n+2),
.cross-sells ul.products li.product:nth-child(2n+2) {
margin-right: 0;
}
}
@media (min-width: 320px) and (max-width: 1199px) {
html {
overflow-x: hidden;
}
/* Header Menu */
.header-menu {
position: relative !important;
width: 100% !important;
height: 60px !important;
border-bottom: 1px solid #CAD4DD !important;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.09) !important;
z-index: 2;
-webkit-transition: none !important;
transition: none !important;
}
.header-menu #logo.logo-text,
.header-menu .logo-img {
color: #000000 !important;
float: none !important;
line-height: 60px !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
}
.header-menu .logo-img img {
opacity: 1 !important;
-webkit-transition: none !important;
transition: none !important;
}
.header-menu.header-sticky.header-transparent-enabled.white-color .logo-img img.standard {
display: inline-block;
}
.header-menu.header-sticky.header-transparent-enabled.white-color .logo-img img.standard.white-color {
display: none;
}
.header-menu.header-sticky.header-transparent-enabled.white-color .search-menu-nav i,
.header-menu.header-sticky.header-transparent-enabled.white-color .social-menu-nav i,
.header-menu.header-sticky.header-transparent-enabled.white-color .cart-contents i {
color: #000000 !important;
}
/* Desktop and Mobile Menu */
.desktop-menu {
display: none;
}
.mm-panel {
width: 212px;
margin: 0 auto;
text-align: center;
}
.container-fluid,
.container-fluid.full-screen,
.content-title,
#blog.center-blog .blog-naming,
body.search-no-results .container-fluid {
padding-left: 30px !important;
padding-right: 30px !important;
}
.wall-effect.row,
.main-content .container-fluid .wpb_revslider_element,
#portfolio-filter.row.portfolio-full-width {
margin-left: -30px;
margin-right: -30px;
}
.main-content .container-fluid .wpb_revslider_element {
overflow: hidden;
}
.container-fluid .row.portfolio-normal-width,
.container-fluid .row.team-normal-width {
margin-left: -15px;
margin-right: -15px;
}
.mobile-buttons {
display: block;
}
.desktop-buttons,
.header-menu.header-left-opened .copyright,
.header-menu.header-right-opened .copyright,
.header-menu.header-left-button .copyright,
.header-menu.header-right-button .copyright,
.header-menu.header-left-opened .social-menu-nav.desktop,
.header-menu.header-right-opened .social-menu-nav.desktop {
display: none;
}
#content,
#main,
.wrap_all,
footer {
margin: 0 !important;
}
/* Modal */
.close-modal {
top: 19px;
right: 19px;
}
/* Sidebar */
.content-sidebar .col-md-3.right_side,
.content-sidebar .col-md-3.left_side {
width: 100%;
float: left;
}
.content-sidebar .col-md-9.left_side,
.content-sidebar .col-md-9.right_side {
width: 100%;
float: left;
}
.page-content {
padding-bottom: 40px;
}
.page-sidebar .widget:first-child {
border-top: 2px solid #D8DADC;
padding-top: 50px;
}
/* WooCommerce */
.woocommerce .product-wrap a.add_to_cart_button,
.woocommerce ul.products li.product.outofstock .product-wrap a.add_to_cart_button,
.woocommerce-page ul.products li.product.outofstock .product-wrap a.add_to_cart_button,
.button.product_type_simple {
opacity: 1;
}
/* Social Modal */
.social-profile-container {
width: 95%;
}
/* Masonry Blog */
#blog.masonry-blog .masonry-container {
padding: 30px 0 0 0;
}
/* FancyBox */
.fancybox-nav span {
visibility: visible;
}
/* Video Emebed Section */
.video-section-container .video-embed-wrap {
min-width: 100% !important;
left: auto;
margin-left: 0 !important;
}
/* Portfolio Scrollable */
#portfolio-items.scrollable-portfolio {
width: 100% !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* Header Fix */
.mobile-buttons .woo-cart {
display: none !important;
}
/* Row Colors */
.default-color-padding.row-color {
padding: 40px 30px !important;
}
/* Wall Effect, Striped Effect */
.wall-effect .col-full-1,
.wall-effect .col-full-2,
.wall-effect .col-full-3,
.wall-effect .col-full-4 {
width: 50%;
}
/* Metro Block */
#portfolio-items .single-portfolio.col-block-1.normal-size,
#portfolio-items .single-portfolio.col-block-1.tall-size,
#portfolio-items .single-portfolio.col-block-1.wide-size,
#portfolio-items .single-portfolio.col-block-1.big-size {
width: 50%;
}
/* Striped Portfolio */
#portfolio-items .single-portfolio.col-striped-1 {
width: 50%;
}
/* Scrollable Portfolio */
#portfolio-items .single-portfolio.col-scrollable-1 {
width: 50% !important;
}
/* Listed Portfolio, Team and Blog */
#portfolio-items .portfolio-post-thumb-listed,
#team-people .team-post-thumb-listed,
#blog.listed-blog .blog-post-thumb-listed {
height: 350px;
}
/* Center Blog */
#blog.center-blog .blog-post-thumb-center {
height: 350px;
}
#blog.center-blog .blog-post-content-center .entry-content {
width: 600px;
}
/* Portfolio, Team, Gallery */
.single-portfolio.col-md-3,
.single-portfolio.col-md-4,
.single-portfolio.col-md-6,
.single-people.col-md-3,
.single-people.col-md-4,
.single-people.col-md-6,
.item-gallery.col-md-3,
.item-gallery.col-md-4,
.item-gallery.col-md-6 {
width: 50%;
}
/* Masonry Blog */
.single-post-masonry.col-md-3,
.single-post-masonry.col-md-4,
.single-post-masonry.col-md-6 {
width: 50%;
}
/* Masonry Latest Posts */
.masonry-layout .single-item-posts.col-md-3,
.masonry-layout .single-item-posts.col-md-4,
.masonry-layout .single-item-posts.col-md-6 {
width: 50%;
}
/* Modal Search */
#myModalSearch form {
width: 85%;
}
#myModalSearch #searchform input[type="text"] {
font-size: 30px;
}
/* Mobile Map */
.mobile-map.az-map {
height: 400px !important;
}
/* Mobile Padding Class */
.mobile-padding {
padding: 200px 0 !important;
}
/* Call to Action */
.call-action-text,
.call-action-btn {
width: 100%;
text-align: center;
}
.call-action-text {
margin-bottom: 30px;
}
.call-action-btn .button-main {
position: relative;
right: auto;
top: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/* Contact Form and Comment */
.wpcf7 input,
.wpcf7 .wpcf7-submit,
.wpcf7-form-control-wrap.budget,
#searchform input[type="text"],
.widget_search form input[type="text"] {
width: 100%;
}
#commentform input {
margin-right: 0;
width: 100%;
}
#commentform label,
#commentform span.required {
top: 0;
}
#commentform #submit {
width: 100%;
}
.children .comment {
padding-left: 0;
}
#commentform p {
margin-bottom: 15px;
}
#commentform .logged-in-as,
#commentform .comment-form-url,
#commentform .comment-form-comment {
margin-bottom: 30px;
}
#commentform p.form-submit {
margin: 0;
}
#commentform #submit {
margin-bottom: 20px;
}
/* Normal Container */
.normal-container.noresponsiveFull.imagize,
.normal-container.noresponsiveFull.titlize {
max-height: 350px !important;
}
/* Navigation Portfolio, Team, Blog */
.post-type-navi {
position: relative;
float: left;
background: #323A45;
width: 100%;
}
.post-type-navi ul li {
float: left;
width: 33.333333%;
}
.blog-navigation div {
float: left;
width: 50%;
}
.post-type-navi.mod-col .blog-navigation div {
width: 100%;
}
.post-type-navi ul li a,
.blog-navigation div a {
width: 100%;
height: 60px;
background: #323A45;
margin: 0;
}
.post-type-navi.mod-col ul li,
.post-type-navi.no-back ul li {
width: 50%;
}
.post-type-navi.no-back ul li.single {
width: 100%;
}
.post-type-navi.mod-col ul li:first-child {
border-right: 1px solid #626A75;
}
.post-type-navi ul li,
.blog-navigation div {
border-right: 1px solid #626A75;
}
.post-type-navi ul li:last-child,
.post-type-navi.mod-col ul li.single,
.post-type-navi.mod-col .blog-navigation div,
.post-type-navi .blog-navigation div:last-child {
border-right: 0 none;
}
/* Back to Top */
#back-to-top {
display: none !important;
}
/* WooCommerce Grid */
.woocommerce.columns-3 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page .three_columns ul.products li.product,
.woocommerce-page .four_columns ul.products li.product,
.single-product ul.products li.product,
.cross-sells ul.products li.product {
width: 48.75%;
margin-bottom: 24px;
margin-right: 2.48447%;
}
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page .three_columns ul.products li.product {
clear: none !important;
}
.woocommerce.columns-3 ul.products li.product:nth-child(2n+2),
.woocommerce.columns-4 ul.products li.product:nth-child(2n+2),
.woocommerce-page .three_columns ul.products li.product:nth-child(2n+2),
.woocommerce-page .four_columns ul.products li.product:nth-child(2n+2),
.single-product ul.products li.product:nth-child(2n+2),
.cross-sells ul.products li.product:nth-child(2n+2) {
margin-right: 0;
}
.single-product .col-image {
width: 100%;
margin-bottom: 30px;
}
.single-product .col-description {
float: left;
width: 100%;
padding-left: 0;
}
.single-product .col-image a.woocommerce-main-image img {
width: 100%;
max-width: none;
}
.woocommerce table.shop_table .actions,
.woocommerce-page table.shop_table .actions {
text-align: left;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
width: 100%;
display: block;
margin-bottom: 20px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
float: left;
clear: left;
width: 100%;
margin-top: 30px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 100%;
float: left;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
margin-top: 30px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
/* Header Fix */
.mobile-buttons .woo-cart {
display: none !important;
}
/* Mobile Font Text */
.mobile-font-text > * {
font-size: 28px !important;
}
/* Row Colors */
.default-color-padding.row-color {
padding: 40px 30px !important;
}
.container {
padding-left: 30px !important;
padding-right: 30px !important;
}
.button-main.margin-left-right {
margin-top: 7px;
}
/* Wall Effect */
.wall-effect .col-full-1,
.wall-effect .col-full-2,
.wall-effect .col-full-3,
.wall-effect .col-full-4,
.wall-effect .col-full-6 {
width: 100%;
}
/* Metro Block */
#portfolio-items .single-portfolio.col-block-1.normal-size,
#portfolio-items .single-portfolio.col-block-1.tall-size,
#portfolio-items .single-portfolio.col-block-1.wide-size,
#portfolio-items .single-portfolio.col-block-1.big-size {
width: 100%;
}
/* Striped Portfolio */
#portfolio-items .single-portfolio.col-striped-1 {
width: 100%;
}
/* Scrollable Portfolio */
#portfolio-items .single-portfolio.col-scrollable-1 {
width: 100% !important;
}
/* Listed Portfolio, Team and Blog */
#portfolio-items .portfolio-post-thumb-listed,
#team-people .team-post-thumb-listed,
#blog.listed-blog .blog-post-thumb-listed {
height: 250px;
}
#portfolio-items .portfolio-post-image,
#portfolio-items .portfolio-post-description,
#team-people .team-post-image,
#team-people .team-post-description,
#blog.listed-blog .blog-post-image,
#blog.listed-blog .blog-post-description {
width: 100%;
}
#portfolio-items .single-portfolio.col-listed-1 .portfolio-naming h3,
#team-people .single-people.col-listed-1 .team-naming h3,
#blog.listed-blog .blog-post-description .blog-naming h2 {
font-size: 16px;
}
#portfolio-items .single-portfolio.col-listed-1 .portfolio-naming h4,
#team-people .single-people.col-listed-1 .team-naming h4,
#blog.listed-blog .blog-post-description .blog-naming h3 {
font-size: 11px;
}
#portfolio-items .single-portfolio.col-listed-1 .portfolio-naming .line,
#team-people .single-people.col-listed-1 .team-naming .line,
#blog.listed-blog .blog-post-description .blog-naming .line {
margin: 12px auto 14px;
}
/* Center Blog */
#blog.center-blog .blog-post-thumb-center {
height: 300px;
}
#blog.center-blog .blog-post-content-center .entry-content {
width: 100%;
padding: 50px 30px;
}
#blog.center-blog .blog-naming h2 {
font-size: 28px;
}
#blog.center-blog .blog-naming h3 {
font-size: 11px;
}
/* Portfolio, Team, Gallery */
.single-portfolio.col-md-3,
.single-portfolio.col-md-4,
.single-portfolio.col-md-6,
.single-people.col-md-3,
.single-people.col-md-4,
.single-people.col-md-6,
.item-gallery.col-md-3,
.item-gallery.col-md-4,
.item-gallery.col-md-6 {
width: 100%;
}
/* Masonry Blog */
.single-post-masonry.col-md-3,
.single-post-masonry.col-md-4,
.single-post-masonry.col-md-6 {
width: 100%;
}
/* Masonry Latest Posts */
.masonry-layout .single-item-posts.col-md-3,
.masonry-layout .single-item-posts.col-md-4,
.masonry-layout .single-item-posts.col-md-6 {
width: 100%;
}
/* Modal Search */
#myModalSearch form {
width: 90%;
}
#myModalSearch #searchform input[type="text"] {
font-size: 20px;
}
/* Call to Action */
.call-action-text,
.call-action-btn {
width: 100%;
text-align: center;
}
.call-action-text {
margin-bottom: 30px;
}
.call-action-btn .button-main {
position: relative;
right: auto;
top: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/* Mobile Map */
.mobile-map.az-map {
height: 300px !important;
}
/* Mobile Padding Class */
.mobile-padding {
padding: 100px 0 !important;
}
/* FancyBox */
.fancybox-nav span {
visibility: visible;
}
.fancybox-title {
display: none;
}
/* Testimonial */
.az-testimonials.flexslider .az-testimonial-quote {
font-size: 18px;
}
/* Social Share */
a.share-btn {
width: 100%;
display: block;
margin-bottom: 10px;
padding: 20px;
}
/* Big Twitter */
#twitter-feed .tweet_list li .tweet_text,
#twitter-feed-slide .tweet_list li .tweet_text {
font-size: 18px;
}
#twitter-feed .tweet_list li .tweet_time a,
#twitter-feed-slide .tweet_list li .tweet_time a {
margin-top: 15px;
}
/* Contact Form and Comment */
.wpcf7 input,
.wpcf7 .wpcf7-submit,
.wpcf7-form-control-wrap.budget,
#searchform input[type="text"],
.widget_search form input[type="text"] {
width: 100%;
}
#commentform input {
margin-right: 0;
width: 100%;
}
#commentform label,
#commentform span.required {
top: 0;
}
#commentform #submit {
width: 100%;
}
.children .comment {
padding-left: 0;
}
#commentform p {
margin-bottom: 15px;
}
#commentform .logged-in-as,
#commentform .comment-form-url,
#commentform .comment-form-comment {
margin-bottom: 30px;
}
#commentform p.form-submit {
margin: 0;
}
#commentform #submit {
margin-bottom: 20px;
}
/* Normal Container */
.normal-container.noresponsiveFull.imagize,
.normal-container.noresponsiveFull.titlize {
max-height: 250px !important;
}
/* Navigation Portfolio, Team, Blog */
.post-type-navi {
position: relative;
float: left;
background: #323A45;
width: 100%;
}
.post-type-navi ul li {
float: left;
width: 33.333333%;
}
.blog-navigation div {
float: left;
width: 50%;
}
.post-type-navi.mod-col .blog-navigation div {
width: 100%;
}
.post-type-navi ul li a,
.blog-navigation div a {
width: 100%;
height: 60px;
background: #323A45;
margin: 0;
}
.post-type-navi.mod-col ul li,
.post-type-navi.no-back ul li {
width: 50%;
}
.post-type-navi.no-back ul li.single {
width: 100%;
}
.post-type-navi.mod-col ul li:first-child {
border-right: 1px solid #626A75;
}
.post-type-navi ul li,
.blog-navigation div {
border-right: 1px solid #626A75;
}
.post-type-navi ul li:last-child,
.post-type-navi.mod-col ul li.single,
.post-type-navi.mod-col .blog-navigation div,
.post-type-navi .blog-navigation div:last-child {
border-right: 0 none;
}
/* Back to Top */
#back-to-top {
display: none !important;
}
/* WooCommerce */
.single-product .col-image {
width: 100%;
margin-bottom: 30px;
}
.single-product .col-description {
float: left;
width: 100%;
padding-left: 0;
}
.single-product .col-image a.woocommerce-main-image img {
width: 100%;
max-width: none;
}
.woocommerce .summary.entry-summary .woocommerce-product-rating {
margin: 0;
}
.woocommerce .woocommerce-tabs {
margin: 30px 0;
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
display: none;
}
.woocommerce table.shop_table .actions,
.woocommerce-page table.shop_table .actions {
text-align: left;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
width: 100%;
display: block;
margin-bottom: 20px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
float: left;
clear: left;
width: 100%;
margin-top: 30px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 100%;
float: left;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
margin-top: 30px;
}
.woocommerce #payment .payment_methods.methods {
padding: 1em 0;
}
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
padding: 8px 10px 8px 13px;
}
/* Standard Blog */
#blog.standard-blog .standard-container {
padding: 30px 0 0 0 ;
}
#blog.standard-blog .post-container {
margin-bottom: 30px;
}
#blog.standard-blog .content-sidebar {
padding-top: 30px;
}
#blog.standard-blog .content-sidebar .page-content {
padding-bottom: 20px;
}
/* widget */
#sidebar .widget {
padding-bottom: 0 !important;
}
/* Nav Tabs */
.nav-tabs.nav-justified {
border-radius: 4px 4px 0 0;
border: 2px solid #D0D5D7;
}
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > .active > a {
background: #FFFFF;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
margin: 0 !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.nav-justified > li {
border-bottom: 1px solid #D0D5D7;
}
.nav-justified > li:last-child {
border-bottom: none;
}
.nav-tabs.nav-justified > li > a {
margin: 0;
}
}
@media (min-width: 569px) and (max-width: 767px) {
/* WooCommerce Grid */
.woocommerce.columns-3 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page .three_columns ul.products li.product,
.woocommerce-page .four_columns ul.products li.product,
.single-product ul.products li.product,
.cross-sells ul.products li.product {
width: 48.75%;
margin-bottom: 24px;
margin-right: 2.48447%;
}
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page .three_columns ul.products li.product {
clear: none !important;
}
.woocommerce.columns-3 ul.products li.product:nth-child(2n+2),
.woocommerce.columns-4 ul.products li.product:nth-child(2n+2),
.woocommerce-page .three_columns ul.products li.product:nth-child(2n+2),
.woocommerce-page .four_columns ul.products li.product:nth-child(2n+2),
.single-product ul.products li.product:nth-child(2n+2),
.cross-sells ul.products li.product:nth-child(2n+2) {
margin-right: 0;
}
.woocommerce .product-wrap a.add_to_cart_button,
.woocommerce ul.products li.product.outofstock .product-wrap a.add_to_cart_button,
.woocommerce-page ul.products li.product.outofstock .product-wrap a.add_to_cart_button,
.button.product_type_simple {
opacity: 1;
}
}
@media (min-width: 320px) and (max-width: 568px) {
.mobile-buttons #search-nav.mobile {
display: none;
}
h1,
.title {
font-size: 28px;
}
/* Call to Action */
.call-action-btn .button-main {
width: 100%;
}
/* WooCommerce Grid */
.woocommerce.columns-2 ul.products li.product,
.woocommerce.columns-3 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page .two_columns ul.products li.product,
.woocommerce-page .three_columns ul.products li.product,
.woocommerce-page .four_columns ul.products li.product,
.single-product ul.products li.product,
.cross-sells ul.products li.product {
width: 100%;
margin-bottom: 24px;
margin-right: 0;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
width: 100%;
float: left;
margin: 0;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
width: 100%;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
width: 100%;
}
.woocommerce .star-rating,
.woocommerce-page .star-rating {
width: 100%;
margin-bottom: 10px;
}
.woocommerce .commentlist li .comment_container img.avatar {
display: none;
}
.woocommerce .commentlist li .comment-text {
padding-left: 0;
}
.woocommerce-tabs .panel h2,
.woocommerce .related.products h2,
.woocommerce .upsells.products h2 {
font-size: 20px;
}
.woocommerce .col-description h1.product_title {
font-size: 28px;
}
.single-product table.variations .reset_variations {
display: none;
}
.single-product .col-image .thumbnails {
display: none;
}
.woocommerce td.product-quantity,
.woocommerce-page td.product-quantity {
width: 80px;
}
.woocommerce .cart .quantity input.qty {
border: 1px solid #E1E1E1;
border-top: medium none;
border-bottom: medium none;
}
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
width: 100%;
margin-bottom: 10px;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
padding-left: 6px;
padding-right: 6px;
}
.woocommerce #content table.cart td,
.woocommerce #content table.cart th,
.woocommerce table.cart td, .woocommerce table.cart th,
.woocommerce-page #content table.cart td,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart td,
.woocommerce-page table.cart th {
font-size: 12px;
}
.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
font-size: 12px;
width: 16px;
height: 16px;
line-height: 14px;
}
}
@media (min-width: 320px) and (max-width: 479px) {
.modal-dialog {
width: 320px;
}
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
padding: 8px 8px 8px 11px;
}
#myModalSearch #searchform input[type="text"] {
font-size: 15px;
}
.checkout-button.button.alt.wc-forward {
margin-top: 20px !important;
}
.woocommerce table.shop_table .actions input.button,
.woocommerce-page table.shop_table .actions input.button {
margin-right: 40px !important;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
font-size: 14px;
}
}
/* iPad Portrait & Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.imagize {
background-attachment: scroll !important;
}
#content .main-content.image-cont {
background-attachment: scroll !important;
}
}
/* iPhone 5 Portrait & Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.imagize {
background-attachment: scroll !important;
}
#content .main-content.image-cont {
background-attachment: scroll !important;
}
}
/* iPhone Portrait & Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.imagize {
background-attachment: scroll !important;
}
#content .main-content.image-cont {
background-attachment: scroll !important;
}
}
/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
.logo-img img.standard {
display: none !important;
}
.logo-img img.retina {
display: inline-block !important;
}
.logo-img img.retina.white-color {
display: none !important;
}
.bootstrap-select.btn-group .custom-select .plus-select {
background-image: url(_include/img/plus_select_@2x.png);
background-size: 18px 36px;
}
.mejs-overlay-button {
background-image: url(_include/img/mediaelement/bigplay_@2x.png);
background-size: 32px 32px;
}
.mejs-controls .mejs-button button {
background-image: url(_include/img/mediaelement/controls.png);
background-size: 50px 64px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1200px),
only screen and (-moz-min-device-pixel-ratio:2) and (min-width:1200px),
only screen and (-o-min-device-pixel-ratio:2/1) and (min-width:1200px),
only screen and (min-device-pixel-ratio:2) and (min-width:1200px),
only screen and (min-resolution:2dppx) and (min-width:1200px) {
.header-menu.header-sticky.header-transparent-enabled.white-color .logo-img img.retina, .header-menu.header-sticky.header-transparent-enabled.white-color .logo-img img.standard, .header-menu.header-sticky.header-transparent-enabled.white-color .logo-img img.standard.white-color, .header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .logo-img img.standard, .header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .logo-img img.standard.white-color {
display: none!important;
}
.header-menu.header-sticky.header-transparent-enabled.white-color .logo-img img.retina.white-color, .header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .logo-img img.retina {
display: inline-block!important;
}
.header-menu.header-sticky.nav-small.header-transparent-enabled.white-color .logo-img img.retina.white-color {
display: none!important;
}
}