File: /home/z/w/a/zwafgyp/coolswim/wp-content/themes/liftsupply/css/skins/green/style.css
@charset "UTF-8";
/*
Theme Name: liftsupply
Theme URI: https://prestabrain.org/themes/liftsupply/
Author: Prestabrain Team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-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, accessibility-ready
Text Domain: liftsupply
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/* $headings-font-weight: 700 !default; */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block; }
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],template {
display: none; }
a {
background-color: transparent; }
a:active,a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,strong {
font-weight: 700; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: .67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -.5em; }
sub {
bottom: -.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em; }
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,select {
text-transform: none; }
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],html input[disabled] {
cursor: default; }
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto; }
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em; }
textarea {
overflow: auto; }
optgroup {
font-weight: 700; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,th {
padding: 0; }
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,:after,:before {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,a[href^="javascript:"]:after {
content: ""; }
blockquote,pre {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
img,tr {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
h2,h3,p {
orphans: 3;
widows: 3; }
h2,h3 {
page-break-after: avoid; }
.navbar {
display: none; }
.btn>.caret,.dropup>.btn>.caret,.home2 .section-category-subs .opal-category-subs h4.name .dropup>span>.caret,.home2 .section-category-subs .opal-category-subs h4.name span>.caret {
border-top-color: #000 !important; }
.label {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,.table th {
background-color: #fff !important; }
.table-bordered td,.table-bordered th {
border: 1px solid #ddd !important; } }
*,:after,:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent; }
body {
font-family: Poppins,sans-serif;
font-size: 14px;
line-height: 1.62857;
color: #777;
background-color: #191919;
font-weight: 300; }
button,input,select,textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #1f252b; }
a,a:focus,a:hover {
text-decoration: none; }
a:focus,a:hover {
color: #a1e03d; }
a:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
figure {
margin: 0; }
img {
vertical-align: middle; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 6px; }
.img-thumbnail {
padding: 4px;
line-height: 1.62857;
background-color: #191919;
border: 1px solid #ddd;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
hr {
margin-top: 22px;
margin-bottom: 22px;
border: 0;
border-top: 1px solid #eee; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0; }
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
[role=button] {
cursor: pointer; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
font-family: Poppins;
font-weight: 700;
line-height: 1.1;
color: #252a35;
text-transform: capitalize; }
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-weight: 400;
line-height: 1;
color: #666; }
.h1,.h2,.h3,h1,h2,h3 {
margin-top: 22px;
margin-bottom: 11px; }
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
font-size: 65%; }
.h4,.h5,.h6,h4,h5,h6 {
margin-top: 11px;
margin-bottom: 11px; }
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-size: 75%; }
.h1,h1 {
font-size: 30px; }
.h2,h2 {
font-size: 28px; }
.h3,h3 {
font-size: 24px; }
.h4,h4 {
font-size: 18px; }
.h5,h5 {
font-size: 14px; }
.h6,h6 {
font-size: 12px; }
p {
margin: 0 0 11px; }
.lead {
margin-bottom: 22px;
font-size: 16px;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 768px) {
.lead {
font-size: 21px; } }
.small,small {
font-size: 85%; }
.mark,mark {
background-color: #f0c73b;
padding: .2em; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.text-nowrap {
white-space: nowrap; }
.text-lowercase {
text-transform: lowercase; }
.text-capitalize {
text-transform: capitalize; }
.text-muted {
color: #666; }
.text-primary {
color: #a1e03d; }
a.text-primary:focus,a.text-primary:hover {
color: #88ca20; }
.text-success {
color: #3c763d; }
a.text-success:focus,a.text-success:hover {
color: #2b542c; }
.text-info {
color: #31708f; }
a.text-info:focus,a.text-info:hover {
color: #245269; }
.text-warning {
color: #8a6d3b; }
a.text-warning:focus,a.text-warning:hover {
color: #66512c; }
.text-danger {
color: #a94442; }
a.text-danger:focus,a.text-danger:hover {
color: #843534; }
.bg-primary {
color: #fff;
background-color: #a1e03d !important; }
a.bg-primary:focus,a.bg-primary:hover {
background-color: #88ca20; }
.bg-success {
background-color: #dff0d8 !important; }
a.bg-success:focus,a.bg-success:hover {
background-color: #c1e2b3; }
.bg-info {
background-color: #d9edf7 !important; }
a.bg-info:focus,a.bg-info:hover {
background-color: #afd9ee; }
.bg-warning {
background-color: #f0c73b !important; }
a.bg-warning:focus,a.bg-warning:hover {
background-color: #e6b612; }
.bg-danger {
background-color: #e93434 !important; }
a.bg-danger:focus,a.bg-danger:hover {
background-color: #d31717; }
.page-header {
padding-bottom: 10px;
margin: 0 0 22px;
border-bottom: 1px solid #eee; }
ol,ul {
margin-top: 0;
margin-bottom: 11px; }
ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0; }
.list-inline,.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
margin-left: -5px; }
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
dl {
margin-top: 0;
margin-bottom: 22px; }
dd,dt {
line-height: 1.62857; }
dt {
font-weight: 700; }
dd {
margin-left: 0; }
.dl-horizontal dd:after,.dl-horizontal dd:before {
content: " ";
display: table; }
.dl-horizontal dd:after {
clear: both; }
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 180px; } }
abbr[data-original-title],abbr[title] {
cursor: help;
border-bottom: 1px dotted #666; }
.initialism {
font-size: 90%; }
blockquote {
padding: 11px 22px;
margin: 0 0 22px;
font-size: 17.5px;
border-left: 5px solid #eee; }
blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
margin-bottom: 0; }
blockquote .small,blockquote footer,blockquote small {
display: block;
font-size: 80%;
line-height: 1.62857;
color: #666; }
blockquote .small:before,blockquote footer:before,blockquote small:before {
content: "\2014 \00A0"; }
.blockquote-reverse,blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right; }
.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
content: ""; }
.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
content: "\00A0 \2014"; }
address {
margin-bottom: 22px;
font-style: normal;
line-height: 30px; }
code,kbd,pre,samp {
font-family: Poppins,monospace; }
code {
color: #c7254e;
background-color: #f9f2f4; }
code,kbd {
padding: 2px 4px;
font-size: 90%;
border-radius: 3px; }
kbd {
color: #fff;
background-color: #333;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none; }
pre {
display: block;
padding: 10.5px;
margin: 0 0 11px;
font-size: 13px;
line-height: 1.62857;
word-break: break-all;
word-wrap: break-word;
color: #444;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 3px; }
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container {
margin-right: auto;
margin-left: auto; }
.container:after,.container:before {
content: " ";
display: table; }
.container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 780px; } }
@media (min-width: 992px) {
.container {
width: 1000px; } }
@media (min-width: 1200px) {
.container {
width: 1200px; } }
.container-fluid {
margin-right: auto;
margin-left: auto; }
.container-fluid:after,.container-fluid:before {
content: " ";
display: table; }
.container-fluid:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:after,.row:before {
content: " ";
display: table; }
.row:after {
clear: both; }
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.33333%; }
.col-xs-2 {
width: 16.66667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.33333%; }
.col-xs-5 {
width: 41.66667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.33333%; }
.col-xs-8 {
width: 66.66667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.33333%; }
.col-xs-11 {
width: 91.66667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
float: left; }
.col-sm-1 {
width: 8.33333%; }
.col-sm-2 {
width: 16.66667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.33333%; }
.col-sm-5 {
width: 41.66667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.33333%; }
.col-sm-8 {
width: 66.66667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.33333%; }
.col-sm-11 {
width: 91.66667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
float: left; }
.col-md-1 {
width: 8.33333%; }
.col-md-2 {
width: 16.66667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.33333%; }
.col-md-5 {
width: 41.66667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.33333%; }
.col-md-8 {
width: 66.66667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.33333%; }
.col-md-11 {
width: 91.66667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.33333%; }
.col-lg-2 {
width: 16.66667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.33333%; }
.col-lg-5 {
width: 41.66667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.33333%; }
.col-lg-8 {
width: 66.66667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.33333%; }
.col-lg-11 {
width: 91.66667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
table {
background-color: transparent; }
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #666; }
caption,th {
text-align: left; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 22px; }
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
padding: 8px;
line-height: 1.62857;
vertical-align: top;
border-top: 1px solid #ddd; }
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
border-top: 0; }
.table>tbody+tbody {
border-top: 2px solid #ddd; }
.table .table {
background-color: #191919; }
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
padding: 5px; }
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border: 1px solid #ddd; }
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border-bottom-width: 2px; }
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover>tbody>tr:hover {
background-color: #f5f5f5; }
table col[class*=col-] {
position: static;
float: none;
display: table-column; }
table td[class*=col-],table th[class*=col-] {
position: static;
float: none;
display: table-cell; }
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
background-color: #f5f5f5; }
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8; }
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
background-color: #dff0d8; }
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
background-color: #d0e9c6; }
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
background-color: #d9edf7; }
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
background-color: #c4e3f3; }
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
background-color: #f0c73b; }
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
background-color: #eec023; }
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
background-color: #e93434; }
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
background-color: #e71d1d; }
.table-responsive {
overflow-x: auto;
min-height: .01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 16.5px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; }
.table-responsive>.table {
margin-bottom: 0; }
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
white-space: nowrap; }
.table-responsive>.table-bordered {
border: 0; }
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0; }
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0; }
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0; } }
fieldset {
margin: 0;
min-width: 0; }
fieldset,legend {
padding: 0;
border: 0; }
legend {
display: block;
width: 100%;
margin-bottom: 22px;
font-size: 21px;
line-height: inherit;
color: #444;
border-bottom: 1px solid #e5e5e5; }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 400; }
input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
input[type=checkbox],input[type=radio] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type=file] {
display: block; }
input[type=range] {
display: block;
width: 100%; }
select[multiple],select[size] {
height: auto; }
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
output {
padding-top: 7px; }
.form-control,output {
display: block;
font-size: 14px;
line-height: 1.62857;
color: #555; }
.form-control {
width: 100%;
height: 36px;
padding: 6px 12px;
background-color: #fff;
background-image: none;
border: 1px solid #e1e1e1;
border-radius: 3px;
/* @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); */
-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-control:focus {
border-color: #a1e03d;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1; }
.form-control[disabled],fieldset[disabled] .form-control {
cursor: not-allowed; }
textarea.form-control {
height: auto; }
input[type=search] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
line-height: 36px; }
.input-group-sm>.input-group-btn>input[type=date].btn,.input-group-sm>.input-group-btn>input[type=datetime-local].btn,.input-group-sm>.input-group-btn>input[type=month].btn,.input-group-sm>.input-group-btn>input[type=time].btn,.input-group-sm>input[type=date].form-control,.input-group-sm>input[type=date].input-group-addon,.input-group-sm>input[type=datetime-local].form-control,.input-group-sm>input[type=datetime-local].input-group-addon,.input-group-sm>input[type=month].form-control,.input-group-sm>input[type=month].input-group-addon,.input-group-sm>input[type=time].form-control,.input-group-sm>input[type=time].input-group-addon,.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
line-height: 30px; }
.input-group-lg>.input-group-btn>input[type=date].btn,.input-group-lg>.input-group-btn>input[type=datetime-local].btn,.input-group-lg>.input-group-btn>input[type=month].btn,.input-group-lg>.input-group-btn>input[type=time].btn,.input-group-lg>input[type=date].form-control,.input-group-lg>input[type=date].input-group-addon,.input-group-lg>input[type=datetime-local].form-control,.input-group-lg>input[type=datetime-local].input-group-addon,.input-group-lg>input[type=month].form-control,.input-group-lg>input[type=month].input-group-addon,.input-group-lg>input[type=time].form-control,.input-group-lg>input[type=time].input-group-addon,.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
line-height: 56px; } }
.form-group,.form-row {
margin-bottom: 15px; }
.checkbox,.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.checkbox label,.radio label {
min-height: 22px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer; }
.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; }
.checkbox+.checkbox,.radio+.radio {
margin-top: -5px; }
.checkbox-inline,.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer; }
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 10px; }
.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .checkbox label,fieldset[disabled] .radio-inline,fieldset[disabled] .radio label,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
cursor: not-allowed; }
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 36px; }
.form-control-static.input-lg,.form-control-static.input-sm,.home2 .section-category-subs .opal-category-subs h4.name .input-group-lg>.input-group-btn>span.form-control-static,.home2 .section-category-subs .opal-category-subs h4.name .input-group-sm>.input-group-btn>span.form-control-static,.input-group-lg>.form-control-static.form-control,.input-group-lg>.form-control-static.input-group-addon,.input-group-lg>.input-group-btn>.form-control-static.btn,.input-group-sm>.form-control-static.form-control,.input-group-sm>.form-control-static.input-group-addon,.input-group-sm>.input-group-btn>.form-control-static.btn {
padding-left: 0;
padding-right: 0; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-sm>.input-group-btn>span,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.input-group-sm>.input-group-btn>select.btn,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,select.input-sm {
height: 30px;
line-height: 30px; }
.input-group-sm>.input-group-btn>select[multiple].btn,.input-group-sm>.input-group-btn>textarea.btn,.input-group-sm>select[multiple].form-control,.input-group-sm>select[multiple].input-group-addon,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,select[multiple].input-sm,textarea.input-sm {
height: auto; }
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.form-group-sm select.form-control {
height: 30px;
line-height: 30px; }
.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 30px;
min-height: 34px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-lg>.input-group-btn>span,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg {
height: 56px;
padding: 15px 20px;
font-size: 18px;
line-height: 1.33333;
border-radius: 6px; }
.input-group-lg>.input-group-btn>select.btn,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,select.input-lg {
height: 56px;
line-height: 56px; }
.input-group-lg>.input-group-btn>select[multiple].btn,.input-group-lg>.input-group-btn>textarea.btn,.input-group-lg>select[multiple].form-control,.input-group-lg>select[multiple].input-group-addon,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,select[multiple].input-lg,textarea.input-lg {
height: auto; }
.form-group-lg .form-control {
height: 56px;
padding: 15px 20px;
font-size: 18px;
line-height: 1.33333;
border-radius: 6px; }
.form-group-lg select.form-control {
height: 56px;
line-height: 56px; }
.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 56px;
min-height: 40px;
padding: 16px 20px;
font-size: 18px;
line-height: 1.33333; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 45px; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
pointer-events: none; }
.form-group-lg .form-control+.form-control-feedback,.home2 .section-category-subs .opal-category-subs h4.name .input-group-lg>.input-group-btn>span+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback,.input-lg+.form-control-feedback {
width: 56px;
height: 56px;
line-height: 56px; }
.form-group-sm .form-control+.form-control-feedback,.home2 .section-category-subs .opal-category-subs h4.name .input-group-sm>.input-group-btn>span+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback,.input-sm+.form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px; }
.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label {
color: #3c763d; }
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; }
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8; }
.has-success .form-control-feedback {
color: #3c763d; }
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label {
color: #8a6d3b; }
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; }
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #f0c73b; }
.has-warning .form-control-feedback {
color: #8a6d3b; }
.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label {
color: #a94442; }
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; }
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #e93434; }
.has-error .form-control-feedback {
color: #a94442; }
.has-feedback label~.form-control-feedback {
top: 27px; }
.has-feedback label.sr-only~.form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #b7b7b7; }
@media (min-width: 768px) {
.form-inline .form-group,.form-inline .form-row {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
width: auto; }
.form-inline .input-group>.form-control {
width: 100%; }
.form-inline .checkbox,.form-inline .control-label,.form-inline .radio {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .checkbox,.form-inline .radio {
display: inline-block;
margin-top: 0; }
.form-inline .checkbox label,.form-inline .radio label {
padding-left: 0; }
.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; } }
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px; }
.form-horizontal .checkbox,.form-horizontal .radio {
min-height: 29px; }
.form-horizontal .form-group,.form-horizontal .form-row {
margin-left: -15px;
margin-right: -15px; }
.form-horizontal .form-group:after,.form-horizontal .form-group:before,.form-horizontal .form-row:after,.form-horizontal .form-row:before {
content: " ";
display: table; }
.form-horizontal .form-group:after,.form-horizontal .form-row:after {
clear: both; }
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 21px;
font-size: 18px; } }
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px; } }
.btn,.home2 .section-category-subs .opal-category-subs h4.name span {
display: inline-block;
margin-bottom: 0;
font-weight: 500;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
text-transform: uppercase;
padding: 6px 12px;
font-size: 13px;
line-height: 1.62857;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,.home2 .section-category-subs .opal-category-subs h4.name span.active.focus,.home2 .section-category-subs .opal-category-subs h4.name span.active:focus,.home2 .section-category-subs .opal-category-subs h4.name span.focus,.home2 .section-category-subs .opal-category-subs h4.name span:active.focus,.home2 .section-category-subs .opal-category-subs h4.name span:active:focus,.home2 .section-category-subs .opal-category-subs h4.name span:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.btn.focus,.btn:focus,.btn:hover,.home2 .section-category-subs .opal-category-subs h4.name span.focus,.home2 .section-category-subs .opal-category-subs h4.name span:focus,.home2 .section-category-subs .opal-category-subs h4.name span:hover {
color: #fff;
text-decoration: none; }
.btn.active,.btn:active,.home2 .section-category-subs .opal-category-subs h4.name span.active,.home2 .section-category-subs .opal-category-subs h4.name span:active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px transparent;
box-shadow: inset 0 3px 5px transparent; }
.btn.disabled,.btn[disabled],.home2 .section-category-subs .opal-category-subs h4.name fieldset[disabled] span,.home2 .section-category-subs .opal-category-subs h4.name span.disabled,.home2 .section-category-subs .opal-category-subs h4.name span[disabled],fieldset[disabled] .btn,fieldset[disabled] .home2 .section-category-subs .opal-category-subs h4.name span {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none; }
a.btn.disabled,fieldset[disabled] a.btn {
pointer-events: none; }
.btn-default,.btn-default.active,.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default.focus,.btn-default:active,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.btn-default:focus,.btn-default:hover,.home2 .section-category-subs .category-filter-link .open>a.dropdown-toggle,.home2 .section-category-subs .category-filter-link .open>a.dropdown-toggle.focus,.home2 .section-category-subs .category-filter-link .open>a.dropdown-toggle:focus,.home2 .section-category-subs .category-filter-link .open>a.dropdown-toggle:hover,.home2 .section-category-subs .category-filter-link a,.home2 .section-category-subs .category-filter-link a.active,.home2 .section-category-subs .category-filter-link a.active.focus,.home2 .section-category-subs .category-filter-link a.active:focus,.home2 .section-category-subs .category-filter-link a.active:hover,.home2 .section-category-subs .category-filter-link a.focus,.home2 .section-category-subs .category-filter-link a:active,.home2 .section-category-subs .category-filter-link a:active.focus,.home2 .section-category-subs .category-filter-link a:active:focus,.home2 .section-category-subs .category-filter-link a:active:hover,.home2 .section-category-subs .category-filter-link a:focus,.home2 .section-category-subs .category-filter-link a:hover,.open>.btn-default.dropdown-toggle,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover {
color: #fff;
background-color: #000;
border-color: #000; }
.btn-default.active,.btn-default:active,.home2 .section-category-subs .category-filter-link .open>a.dropdown-toggle,.home2 .section-category-subs .category-filter-link a.active,.home2 .section-category-subs .category-filter-link a:active,.open>.btn-default.dropdown-toggle {
background-image: none; }
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,.home2 .section-category-subs .category-filter-link a.disabled,.home2 .section-category-subs .category-filter-link a.disabled.active,.home2 .section-category-subs .category-filter-link a.disabled.focus,.home2 .section-category-subs .category-filter-link a.disabled:active,.home2 .section-category-subs .category-filter-link a.disabled:focus,.home2 .section-category-subs .category-filter-link a.disabled:hover,.home2 .section-category-subs .category-filter-link a[disabled],.home2 .section-category-subs .category-filter-link a[disabled].active,.home2 .section-category-subs .category-filter-link a[disabled].focus,.home2 .section-category-subs .category-filter-link a[disabled]:active,.home2 .section-category-subs .category-filter-link a[disabled]:focus,.home2 .section-category-subs .category-filter-link a[disabled]:hover,.home2 .section-category-subs .category-filter-link fieldset[disabled] a,.home2 .section-category-subs .category-filter-link fieldset[disabled] a.active,.home2 .section-category-subs .category-filter-link fieldset[disabled] a.focus,.home2 .section-category-subs .category-filter-link fieldset[disabled] a:active,.home2 .section-category-subs .category-filter-link fieldset[disabled] a:focus,.home2 .section-category-subs .category-filter-link fieldset[disabled] a:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover,fieldset[disabled] .home2 .section-category-subs .category-filter-link a,fieldset[disabled] .home2 .section-category-subs .category-filter-link a.active,fieldset[disabled] .home2 .section-category-subs .category-filter-link a.focus,fieldset[disabled] .home2 .section-category-subs .category-filter-link a:active,fieldset[disabled] .home2 .section-category-subs .category-filter-link a:focus,fieldset[disabled] .home2 .section-category-subs .category-filter-link a:hover {
background-color: #000;
border-color: #000; }
.btn-default .badge,.home2 .section-category-subs .category-filter-link a .badge {
color: #000;
background-color: #fff; }
.btn-primary {
color: #fff;
background-color: #a1e03d;
border-color: #96dc27; }
.btn-primary.focus,.btn-primary:focus {
color: #fff;
background-color: #88ca20;
border-color: #4d7212; }
.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #88ca20;
border-color: #73ab1b; }
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
color: #fff;
background-color: #73ab1b;
border-color: #4d7212; }
.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
background-color: #a1e03d;
border-color: #96dc27; }
.btn-primary .badge {
color: #a1e03d;
background-color: #fff; }
.btn-success {
color: #fff;
background-color: #70ba28;
border-color: #63a523; }
.btn-success.focus,.btn-success:focus {
color: #fff;
background-color: #57901f;
border-color: #243c0d; }
.btn-success.active,.btn-success:active,.btn-success:hover,.open>.btn-success.dropdown-toggle {
color: #fff;
background-color: #57901f;
border-color: #457319; }
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover {
color: #fff;
background-color: #457319;
border-color: #243c0d; }
.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle {
background-image: none; }
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
background-color: #70ba28;
border-color: #63a523; }
.btn-success .badge {
color: #70ba28;
background-color: #fff; }
.btn-info {
color: #fff;
background-color: #04adf0;
border-color: #049bd7; }
.btn-info.focus,.btn-info:focus {
color: #fff;
background-color: #0389be;
border-color: #01415a; }
.btn-info.active,.btn-info:active,.btn-info:hover,.open>.btn-info.dropdown-toggle {
color: #fff;
background-color: #0389be;
border-color: #03709b; }
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover {
color: #fff;
background-color: #03709b;
border-color: #01415a; }
.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle {
background-image: none; }
.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
background-color: #04adf0;
border-color: #049bd7; }
.btn-info .badge {
color: #04adf0;
background-color: #fff; }
.btn-warning {
color: #fff;
background-color: #f0c73b;
border-color: #eec023; }
.btn-warning.focus,.btn-warning:focus {
color: #fff;
background-color: #e6b612;
border-color: #886b0a; }
.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.btn-warning.dropdown-toggle {
color: #fff;
background-color: #e6b612;
border-color: #c59c0f; }
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover {
color: #fff;
background-color: #c59c0f;
border-color: #886b0a; }
.btn-warning.active,.btn-warning:active,.open>.btn-warning.dropdown-toggle {
background-image: none; }
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
background-color: #f0c73b;
border-color: #eec023; }
.btn-warning .badge {
color: #f0c73b;
background-color: #fff; }
.btn-danger {
color: #fff;
background-color: #e93434;
border-color: #e71d1d; }
.btn-danger.focus,.btn-danger:focus {
color: #fff;
background-color: #d31717;
border-color: #770d0d; }
.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #d31717;
border-color: #b31313; }
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover {
color: #fff;
background-color: #b31313;
border-color: #770d0d; }
.btn-danger.active,.btn-danger:active,.open>.btn-danger.dropdown-toggle {
background-image: none; }
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
background-color: #e93434;
border-color: #e71d1d; }
.btn-danger .badge {
color: #e93434;
background-color: #fff; }
.btn-link {
color: #1f252b;
font-weight: 400;
border-radius: 0; }
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
border-color: transparent; }
.btn-link:focus,.btn-link:hover {
color: #a1e03d;
text-decoration: none;
background-color: transparent; }
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
color: #666;
text-decoration: none; }
.btn-group-lg>.btn,.btn-lg,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-lg>span {
padding: 15px 20px;
font-size: 18px;
line-height: 1.33333;
border-radius: 3px; }
.btn-group-sm>.btn,.btn-sm,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-sm>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.btn-group-xs>.btn,.btn-xs,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-xs>span {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.btn-block {
display: block;
width: 100%; }
.btn-block+.btn-block {
margin-top: 5px; }
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width: 100%; }
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear; }
.fade.in {
opacity: 1; }
.collapse {
display: none; }
.collapse.in {
display: block; }
tr.collapse.in {
display: table-row; }
tbody.collapse.in {
display: table-row-group; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height,visibility;
transition-property: height,visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent; }
.dropdown,.dropup {
position: relative; }
.dropdown-toggle:focus {
outline: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 10;
display: none;
float: left;
min-width: 205px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 3px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box; }
.dropdown-menu.pull-right {
right: 0;
left: auto; }
.dropdown-menu .divider {
height: 1px;
margin: 10px 0;
overflow: hidden;
background-color: #e5e5e5; }
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.62857;
color: #444;
white-space: nowrap; }
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
text-decoration: none;
color: #373737;
background-color: #f5f5f5; }
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #a1e03d; }
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
color: #666; }
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.open>.dropdown-menu {
display: block; }
.open>a {
outline: 0; }
.dropdown-menu-right {
left: auto;
right: 0; }
.dropdown-menu-left {
left: 0;
right: auto; }
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.62857;
color: #666;
white-space: nowrap; }
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 8; }
.pull-right>.dropdown-menu {
right: 0;
left: auto; }
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""; }
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto; }
.navbar-right .dropdown-menu-left {
left: 0;
right: auto; } }
.btn-group,.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; }
.btn-group-vertical>.btn,.btn-group>.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span {
position: relative;
float: left; }
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span.active,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span:active,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span:focus,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span:hover,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span.active,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span:active,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span:focus,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span:hover {
z-index: 2; }
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group .home2 .section-category-subs .opal-category-subs h4.name .btn+span,.btn-group .home2 .section-category-subs .opal-category-subs h4.name .btn-group+span,.btn-group .home2 .section-category-subs .opal-category-subs h4.name span+.btn,.btn-group .home2 .section-category-subs .opal-category-subs h4.name span+.btn-group,.btn-group .home2 .section-category-subs .opal-category-subs h4.name span+span,.home2 .section-category-subs .opal-category-subs h4.name .btn-group .btn+span,.home2 .section-category-subs .opal-category-subs h4.name .btn-group .btn-group+span,.home2 .section-category-subs .opal-category-subs h4.name .btn-group span+.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group span+.btn-group,.home2 .section-category-subs .opal-category-subs h4.name .btn-group span+span {
margin-left: -1px; }
.btn-toolbar {
margin-left: -5px; }
.btn-toolbar:after,.btn-toolbar:before {
content: " ";
display: table; }
.btn-toolbar:after {
clear: both; }
.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .home2 .section-category-subs .opal-category-subs h4.name span,.btn-toolbar .input-group,.home2 .section-category-subs .opal-category-subs h4.name .btn-toolbar span {
float: left; }
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group,.home2 .section-category-subs .opal-category-subs h4.name .btn-toolbar>span {
margin-left: 5px; }
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; }
.btn-group>.btn:first-child,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span:first-child {
margin-left: 0; }
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child),.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span:last-child:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group>.btn-group {
float: left; }
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>.btn-group:not(:first-child):not(:last-child)>span {
border-radius: 0; }
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>.btn-group:first-child:not(:last-child)>span:last-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>.btn-group:last-child:not(:first-child)>span:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
outline: 0; }
.btn-group>.btn+.dropdown-toggle,.home2 .section-category-subs .opal-category-subs h4.name .btn-group>span+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px; }
.btn-group-lg.btn-group>.btn+.dropdown-toggle,.btn-group>.btn-lg+.dropdown-toggle,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-lg.btn-group>span+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px; }
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none; }
.btn .caret,.home2 .section-category-subs .opal-category-subs h4.name span .caret {
margin-left: 0; }
.btn-group-lg>.btn .caret,.btn-lg .caret,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-lg>span .caret {
border-width: 5px 5px 0;
border-bottom-width: 0; }
.dropup .btn-group-lg>.btn .caret,.dropup .btn-lg .caret,.dropup .home2 .section-category-subs .opal-category-subs h4.name .btn-group-lg>span .caret,.home2 .section-category-subs .opal-category-subs h4.name .dropup .btn-group-lg>span .caret {
border-width: 0 5px 5px; }
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>.btn-group>span,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span {
display: block;
float: none;
width: 100%;
max-width: 100%; }
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before {
content: " ";
display: table; }
.btn-group-vertical>.btn-group:after {
clear: both; }
.btn-group-vertical>.btn-group>.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>.btn-group>span {
float: none; }
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>.btn+span,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>.btn-group+span,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span+.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span+.btn-group,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span+span {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical>.btn:not(:first-child):not(:last-child),.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span:not(:first-child):not(:last-child) {
border-radius: 0; }
.btn-group-vertical>.btn:first-child:not(:last-child),.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span:first-child:not(:last-child) {
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical>.btn:last-child:not(:first-child),.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>span:last-child:not(:first-child) {
border-bottom-left-radius: 3px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>span {
border-radius: 0; }
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>.btn-group:first-child:not(:last-child)>span:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-vertical>.btn-group:last-child:not(:first-child)>span:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate; }
.btn-group-justified>.btn,.btn-group-justified>.btn-group,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-justified>span {
float: none;
display: table-cell;
width: 1%; }
.btn-group-justified>.btn-group .btn,.btn-group-justified>.btn-group .home2 .section-category-subs .opal-category-subs h4.name span,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-justified>.btn-group span {
width: 100%; }
.btn-group-justified>.btn-group .dropdown-menu {
left: auto; }
.home2 .section-category-subs .opal-category-subs h4.name [data-toggle=buttons]>.btn-group>span input[type=checkbox],.home2 .section-category-subs .opal-category-subs h4.name [data-toggle=buttons]>.btn-group>span input[type=radio],.home2 .section-category-subs .opal-category-subs h4.name [data-toggle=buttons]>span input[type=checkbox],.home2 .section-category-subs .opal-category-subs h4.name [data-toggle=buttons]>span input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none; }
.input-group {
position: relative;
display: table;
border-collapse: separate; }
.input-group[class*=col-] {
float: none;
padding-left: 0;
padding-right: 0; }
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; }
.input-group-addon,.input-group-btn,.input-group .form-control {
display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; }
.input-group-addon,.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #e1e1e1;
border-radius: 3px; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-sm>.input-group-btn>span.input-group-addon,.input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-lg>.input-group-btn>span.input-group-addon,.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
padding: 15px 20px;
font-size: 18px;
border-radius: 6px; }
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
margin-top: 0; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:first-child>.btn-group>span,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:first-child>span,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:last-child>.btn-group:not(:last-child)>span,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:last-child>span:not(:last-child):not(.dropdown-toggle),.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.input-group-addon:first-child {
border-right: 0; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:first-child>.btn-group:not(:first-child)>span,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:first-child>span:not(:first-child),.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:last-child>.btn-group>span,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:last-child>span,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.input-group-addon:last-child {
border-left: 0; }
.input-group-btn {
font-size: 0;
white-space: nowrap; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn>span,.input-group-btn,.input-group-btn>.btn {
position: relative; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn>.btn+span,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn>span+.btn,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn>span+span,.input-group-btn>.btn+.btn {
margin-left: -1px; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn>span:active,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn>span:focus,.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn>span:hover,.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
z-index: 2; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:first-child>span,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
margin-right: -1px; }
.home2 .section-category-subs .opal-category-subs h4.name .input-group-btn:last-child>span,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px; }
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.nav:after,.nav:before {
content: " ";
display: table; }
.nav:after {
clear: both; }
.nav>li,.nav>li>a {
position: relative;
display: block; }
.nav>li>a {
padding: 10px 15px; }
.nav>li>a:focus,.nav>li>a:hover {
text-decoration: none;
background-color: transparent; }
.nav>li.disabled>a {
color: #666; }
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
color: #666;
text-decoration: none;
background-color: transparent;
cursor: not-allowed; }
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
background-color: transparent;
border-color: #1f252b; }
.nav .nav-divider {
height: 1px;
margin: 10px 0;
overflow: hidden;
background-color: #e5e5e5; }
.nav>li>a>img {
max-width: none; }
.nav-tabs {
border-bottom: 1px solid transparent; }
.nav-tabs>li {
float: left;
margin-bottom: -1px; }
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.62857;
border: 1px solid transparent;
font-weight: 600;
border-radius: 3px 3px 0 0; }
.nav-tabs>li>a:hover {
border-color: transparent; }
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
color: #a1e03d;
background-color: transparent;
border: 1px solid transparent;
border-bottom-color: transparent;
cursor: default; }
.nav-pills>li {
float: left; }
.nav-pills>li>a {
border-radius: 3px; }
.nav-pills>li+li {
margin-left: 2px; }
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
color: #fff;
background-color: #a1e03d; }
.nav-stacked>li {
float: none; }
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0; }
.nav-justified,.nav-tabs.nav-justified {
width: 100%; }
.nav-justified>li,.nav-tabs.nav-justified>li {
float: none; }
.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px; }
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 768px) {
.nav-justified>li,.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%; }
.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
margin-bottom: 0; } }
.nav-tabs-justified,.nav-tabs.nav-justified {
border-bottom: 0; }
.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 3px; }
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 3px 3px 0 0; }
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
border-bottom-color: #191919; } }
.tab-content>.tab-pane {
display: none; }
.tab-content>.active {
display: block; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0;
border: 1px solid transparent; }
.navbar:after,.navbar:before {
content: " ";
display: table; }
.navbar:after {
clear: both; }
@media (min-width: 768px) {
.navbar {
border-radius: 3px; } }
.navbar-header:after,.navbar-header:before {
content: " ";
display: table; }
.navbar-header:after {
clear: both; }
@media (min-width: 768px) {
.navbar-header {
float: left; } }
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
-webkit-overflow-scrolling: touch; }
.navbar-collapse:after,.navbar-collapse:before {
content: " ";
display: table; }
.navbar-collapse:after {
clear: both; }
.navbar-collapse.in {
overflow-y: auto; }
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none; }
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important; }
.navbar-collapse.in {
overflow-y: visible; }
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
padding-left: 0;
padding-right: 0; } }
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
max-height: 200px; } }
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
margin-right: -15px;
margin-left: -15px; }
@media (min-width: 768px) {
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
margin-right: 0;
margin-left: 0; } }
.navbar-static-top {
z-index: 10;
border-width: 0 0 1px; }
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0; } }
.navbar-fixed-bottom,.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 12; }
@media (min-width: 768px) {
.navbar-fixed-bottom,.navbar-fixed-top {
border-radius: 0; } }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0; }
.navbar-brand {
float: left;
padding: 14px 15px;
font-size: 18px;
line-height: 22px;
height: 50px; }
.navbar-brand:focus,.navbar-brand:hover {
text-decoration: none; }
.navbar-brand>img {
display: block; }
@media (min-width: 768px) {
.navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand {
margin-left: -15px; } }
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px; }
.navbar-toggle:focus {
outline: 0; }
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px; }
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px; }
@media (min-width: 768px) {
.navbar-toggle {
display: none; } }
.navbar-nav {
margin: 7px -15px; }
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px; }
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none; }
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu>li>a {
line-height: 22px; }
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
background-image: none; } }
@media (min-width: 768px) {
.navbar-nav {
margin: 0; }
.navbar-nav,.navbar-nav>li {
float: left; }
.navbar-nav>li>a {
padding-top: 14px;
padding-bottom: 14px; } }
.navbar-form {
margin: 7px -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);
box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1); }
@media (min-width: 768px) {
.navbar-form .form-group,.navbar-form .form-row {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .form-control {
width: auto;
vertical-align: middle; }
.navbar-form .form-control,.navbar-form .form-control-static {
display: inline-block; }
.navbar-form .input-group {
display: inline-table;
vertical-align: middle; }
.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
width: auto; }
.navbar-form .input-group>.form-control {
width: 100%; }
.navbar-form .checkbox,.navbar-form .control-label,.navbar-form .radio {
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .checkbox,.navbar-form .radio {
display: inline-block;
margin-top: 0; }
.navbar-form .checkbox label,.navbar-form .radio label {
padding-left: 0; }
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
position: relative;
margin-left: 0; }
.navbar-form .has-feedback .form-control-feedback {
top: 0; } }
@media (max-width: 767px) {
.navbar-form .form-group,.navbar-form .form-row {
margin-bottom: 5px; }
.navbar-form .form-group:last-child,.navbar-form .form-row:last-child {
margin-bottom: 0; } }
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none; } }
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.navbar-btn {
margin-top: 7px;
margin-bottom: 7px; }
.btn-group-sm>.navbar-btn.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-sm>span.navbar-btn,.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px; }
.btn-group-xs>.navbar-btn.btn,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-xs>span.navbar-btn,.navbar-btn.btn-xs,.navbar-text {
margin-top: 14px;
margin-bottom: 14px; }
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px; } }
@media (min-width: 768px) {
.navbar-left {
float: left !important; }
.navbar-right {
float: right !important;
margin-right: -15px; }
.navbar-right~.navbar-right {
margin-right: 0; } }
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7; }
.navbar-default .navbar-brand {
color: #777; }
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent; }
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
color: #777; }
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent; }
.navbar-default .navbar-toggle {
border-color: #ddd; }
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar {
background-color: #888; }
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border-color: #e7e7e7; }
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
background-color: #e7e7e7;
color: #555; }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #ccc;
background-color: transparent; } }
.navbar-default .navbar-link {
color: #777; }
.navbar-default .navbar-link:hover {
color: #333; }
.navbar-default .btn-link {
color: #777; }
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
color: #333; }
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
color: #ccc; }
.navbar-inverse {
background-color: #222;
border-color: #090909; }
.navbar-inverse .navbar-brand {
color: #8c8c8c; }
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
color: #8c8c8c; }
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
color: #444;
background-color: transparent; }
.navbar-inverse .navbar-toggle {
border-color: #333; }
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff; }
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
border-color: #101010; }
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
background-color: #090909;
color: #fff; }
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #8c8c8c; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #444;
background-color: transparent; } }
.navbar-inverse .navbar-link {
color: #8c8c8c; }
.navbar-inverse .navbar-link:hover {
color: #fff; }
.navbar-inverse .btn-link {
color: #8c8c8c; }
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
color: #fff; }
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
color: #444; }
.breadcrumb {
padding: 30px;
margin-bottom: 22px;
list-style: none;
background-color: #f5f5f5;
/* border-radius: $border-radius-base; */ }
.breadcrumb>li {
display: inline-block; }
.breadcrumb>li+li:before {
content: "/Â ";
padding: 0 5px;
color: #fff; }
.breadcrumb>.active {
color: #a1e03d; }
.pagination {
display: inline-block;
padding-left: 0;
margin: 0;
border-radius: 3px; }
.pagination>li {
display: inline; }
.pagination>li>a,.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.62857;
text-decoration: none;
color: #1f252b;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px; }
.pagination>li:first-child>a,.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.pagination>li:last-child>a,.pagination>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
z-index: 3;
color: #a1e03d;
background-color: #eee;
border-color: #ddd; }
.pagination>li>a.current,.pagination>li>span.current {
color: #a1e03d; }
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
z-index: 2;
color: #fff;
background-color: #a1e03d;
border-color: #a1e03d;
cursor: default; }
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
color: #666;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed; }
.pagination-lg>li>a,.pagination-lg>li>span {
padding: 15px 20px;
font-size: 18px;
line-height: 1.33333; }
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px; }
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px; }
.pagination-sm>li>a,.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5; }
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #000;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em; }
.label:empty {
display: none; }
.btn .label,.home2 .section-category-subs .opal-category-subs h4.name span .label {
position: relative;
top: -1px; }
a.label:focus,a.label:hover {
color: #a1e03d;
text-decoration: none;
cursor: pointer; }
.label-default {
background-color: #666; }
.label-default[href]:focus,.label-default[href]:hover {
background-color: #4d4d4d; }
.label-primary {
background-color: #a1e03d; }
.label-primary[href]:focus,.label-primary[href]:hover {
background-color: #88ca20; }
.label-success {
background-color: #70ba28; }
.label-success[href]:focus,.label-success[href]:hover {
background-color: #57901f; }
.label-info {
background-color: #04adf0; }
.label-info[href]:focus,.label-info[href]:hover {
background-color: #0389be; }
.label-warning {
background-color: #f0c73b; }
.label-warning[href]:focus,.label-warning[href]:hover {
background-color: #e6b612; }
.label-danger {
background-color: #e93434; }
.label-danger[href]:focus,.label-danger[href]:hover {
background-color: #d31717; }
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #666;
border-radius: 10px; }
.badge:empty {
display: none; }
.btn .badge,.home2 .section-category-subs .opal-category-subs h4.name span .badge {
position: relative;
top: -1px; }
.btn-group-xs>.btn .badge,.btn-xs .badge,.home2 .section-category-subs .opal-category-subs h4.name .btn-group-xs>span .badge {
top: 0;
padding: 1px 5px; }
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
color: #1f252b;
background-color: #fff; }
.list-group-item>.badge {
float: right; }
.list-group-item>.badge+.badge {
margin-right: 5px; }
.nav-pills>li>a>.badge {
margin-left: 3px; }
a.badge:focus,a.badge:hover {
color: #fff;
text-decoration: none;
cursor: pointer; }
.alert {
padding: 15px;
margin-bottom: 22px;
border: 1px solid transparent;
border-radius: 3px; }
.alert h4 {
margin-top: 0;
color: inherit; }
.alert .alert-link {
font-weight: 700; }
.alert>p,.alert>ul {
margin-bottom: 0; }
.alert>p+p {
margin-top: 5px; }
.alert-dismissable,.alert-dismissible {
padding-right: 35px; }
.alert-dismissable .close,.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit; }
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d; }
.alert-success hr {
border-top-color: #c9e2b3; }
.alert-success .alert-link {
color: #2b542c; }
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f; }
.alert-info hr {
border-top-color: #a6e1ec; }
.alert-info .alert-link {
color: #245269; }
.alert-warning {
background-color: #f0c73b;
border-color: #ee9e23;
color: #8a6d3b; }
.alert-warning hr {
border-top-color: #e69312; }
.alert-warning .alert-link {
color: #66512c; }
.alert-danger {
background-color: #e93434;
border-color: #e71d3f;
color: #a94442; }
.alert-danger hr {
border-top-color: #d31736; }
.alert-danger .alert-link {
color: #843534; }
@-webkit-keyframes a {
0% {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@keyframes a {
0% {
background-position: 40px 0; }
to {
background-position: 0 0; } }
.progress {
overflow: hidden;
height: 22px;
margin-bottom: 22px;
background-color: #f5f5f5;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 22px;
color: #fff;
text-align: center;
background-color: #a1e03d;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease; }
.progress-bar-striped,.progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-size: 40px 40px; }
.progress-bar.active,.progress.active .progress-bar {
-webkit-animation: a 2s linear infinite;
-o-animation: a 2s linear infinite;
animation: a 2s linear infinite; }
.progress-bar-success {
background-color: #70ba28; }
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); }
.progress-bar-info {
background-color: #04adf0; }
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); }
.progress-bar-warning {
background-color: #f0c73b; }
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); }
.progress-bar-danger {
background-color: #e93434; }
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); }
.media {
margin-top: 15px; }
.media:first-child {
margin-top: 0; }
.media,.media-body {
zoom: 1;
overflow: hidden; }
.media-body {
width: 10000px; }
.media-object {
display: block; }
.media-object.img-thumbnail {
max-width: none; }
.media-right,.media>.pull-right {
padding-left: 10px; }
.media-left,.media>.pull-left {
padding-right: 10px; }
.media-body,.media-left,.media-right {
display: table-cell;
vertical-align: top; }
.media-middle {
vertical-align: middle; }
.media-bottom {
vertical-align: bottom; }
.media-heading {
margin-top: 0;
margin-bottom: 5px; }
.media-list {
padding-left: 0;
list-style: none; }
.list-group {
margin-bottom: 20px;
padding-left: 0; }
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd; }
.list-group-item:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
a.list-group-item,button.list-group-item {
color: #555; }
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
color: #333; }
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
text-decoration: none;
color: #555;
background-color: #f5f5f5; }
button.list-group-item {
width: 100%;
text-align: left; }
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
background-color: #eee;
color: #666;
cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
color: inherit; }
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
color: #666; }
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #a1e03d;
border-color: #a1e03d; }
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
color: inherit; }
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
color: #f6fced; }
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8; }
a.list-group-item-success,button.list-group-item-success {
color: #3c763d; }
a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
color: inherit; }
a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6; }
a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d; }
.list-group-item-info {
color: #31708f;
background-color: #d9edf7; }
a.list-group-item-info,button.list-group-item-info {
color: #31708f; }
a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
color: inherit; }
a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3; }
a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f; }
.list-group-item-warning {
color: #8a6d3b;
background-color: #f0c73b; }
a.list-group-item-warning,button.list-group-item-warning {
color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
color: inherit; }
a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #eec023; }
a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b; }
.list-group-item-danger {
color: #a94442;
background-color: #e93434; }
a.list-group-item-danger,button.list-group-item-danger {
color: #a94442; }
a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
color: inherit; }
a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
color: #a94442;
background-color: #e71d1d; }
a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442; }
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px; }
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3; }
.panel {
margin-bottom: 22px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none; }
.panel-body {
padding: 20px; }
.panel-body:after,.panel-body:before {
content: " ";
display: table; }
.panel-body:after {
clear: both; }
.panel-heading {
padding: 15px 20px;
border-bottom: 1px solid transparent;
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel-heading>.dropdown .dropdown-toggle,.panel-title {
color: inherit; }
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px; }
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
color: inherit; }
.panel-footer {
padding: 15px 20px;
background-color: #f5f5f5;
border-top: 1px solid transparent;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel>.list-group,.panel>.panel-collapse>.list-group {
margin-bottom: 0; }
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0; }
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0; }
.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
margin-bottom: 0; }
.panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption {
padding-left: 20px;
padding-right: 20px; }
.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius: 2px; }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius: 2px; }
.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 2px; }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 2px; }
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd; }
.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
border-top: 0; }
.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
border: 0; }
.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0; }
.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0; }
.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
border-bottom: 0; }
.panel>.table-responsive {
border: 0;
margin-bottom: 0; }
.panel-group {
margin-bottom: 22px; }
.panel-group .panel {
margin-bottom: 0;
border-radius: 3px; }
.panel-group .panel+.panel {
margin-top: 5px; }
.panel-group .panel-heading {
border-bottom: 0; }
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid transparent; }
.panel-group .panel-footer {
border-top: 0; }
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid transparent; }
.panel-default {
border-color: #ededed; }
.panel-default>.panel-heading {
color: #444;
background-color: #f5f5f5;
border-color: #ededed; }
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ededed; }
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #444; }
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ededed; }
.panel-primary {
border-color: #a1e03d; }
.panel-primary>.panel-heading {
color: #fff;
background-color: #a1e03d;
border-color: #a1e03d; }
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #a1e03d; }
.panel-primary>.panel-heading .badge {
color: #a1e03d;
background-color: #fff; }
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #a1e03d; }
.panel-success {
border-color: #d6e9c6; }
.panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6; }
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6; }
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d; }
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6; }
.panel-info {
border-color: #bce8f1; }
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1; }
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1; }
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f; }
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1; }
.panel-warning {
border-color: #ee9e23; }
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #f0c73b;
border-color: #ee9e23; }
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ee9e23; }
.panel-warning>.panel-heading .badge {
color: #f0c73b;
background-color: #8a6d3b; }
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ee9e23; }
.panel-danger {
border-color: #e71d3f; }
.panel-danger>.panel-heading {
color: #a94442;
background-color: #e93434;
border-color: #e71d3f; }
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #e71d3f; }
.panel-danger>.panel-heading .badge {
color: #e93434;
background-color: #a94442; }
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #e71d3f; }
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; }
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0; }
.embed-responsive-16by9 {
padding-bottom: 56.25%; }
.embed-responsive-4by3 {
padding-bottom: 75%; }
.modal,.modal-open {
overflow: hidden; }
.modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 18;
-webkit-overflow-scrolling: touch;
outline: 0; }
.modal.fade .modal-dialog {
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
-o-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out; }
.modal.in .modal-dialog {
-webkit-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0); }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal-dialog {
position: relative;
width: auto;
margin: 10px; }
.modal-content {
position: relative;
background-color: #fff;
border: 0 solid #999;
border: 0 solid #a1e03d;
border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
background-clip: padding-box;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 13;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); }
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50); }
.modal-header {
padding: 15px 30px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.62857px; }
.modal-header .close {
margin-top: -2px; }
.modal-title {
margin: 0;
line-height: 1.62857; }
.modal-body {
position: relative;
padding: 30px; }
.modal-footer {
padding: 30px;
text-align: right;
border-top: 1px solid #e5e5e5; }
.modal-footer:after,.modal-footer:before {
content: " ";
display: table; }
.modal-footer:after {
clear: both; }
.home2 .section-category-subs .opal-category-subs h4.name .modal-footer .btn+span,.home2 .section-category-subs .opal-category-subs h4.name .modal-footer span+.btn,.home2 .section-category-subs .opal-category-subs h4.name .modal-footer span+span,.modal-footer .btn+.btn,.modal-footer .home2 .section-category-subs .opal-category-subs h4.name .btn+span,.modal-footer .home2 .section-category-subs .opal-category-subs h4.name span+.btn,.modal-footer .home2 .section-category-subs .opal-category-subs h4.name span+span {
margin-left: 5px;
margin-bottom: 0; }
.home2 .section-category-subs .opal-category-subs h4.name .modal-footer .btn-group .btn+span,.home2 .section-category-subs .opal-category-subs h4.name .modal-footer .btn-group span+.btn,.home2 .section-category-subs .opal-category-subs h4.name .modal-footer .btn-group span+span,.modal-footer .btn-group .btn+.btn,.modal-footer .btn-group .home2 .section-category-subs .opal-category-subs h4.name .btn+span,.modal-footer .btn-group .home2 .section-category-subs .opal-category-subs h4.name span+.btn,.modal-footer .btn-group .home2 .section-category-subs .opal-category-subs h4.name span+span {
margin-left: -1px; }
.modal-footer .btn-block+.btn-block {
margin-left: 0; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 10% auto; }
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5); }
.modal-sm {
width: 300px; } }
@media (min-width: 992px) {
.modal-lg {
width: 900px; } }
.carousel,.carousel-inner {
position: relative; }
.carousel-inner {
overflow: hidden;
width: 100%; }
.carousel-inner>.item {
display: none;
position: relative;
-webkit-transition: left .6s ease-in-out;
-o-transition: .6s ease-in-out left;
transition: left .6s ease-in-out; }
.carousel-inner>.item>a>img,.carousel-inner>.item>img {
display: block;
max-width: 100%;
height: auto;
line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition: -moz-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px; }
.carousel-inner>.item.active.right,.carousel-inner>.item.next {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
left: 0; }
.carousel-inner>.item.active.left,.carousel-inner>.item.prev {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
left: 0; }
.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0; } }
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
display: block; }
.carousel-inner>.active {
left: 0; }
.carousel-inner>.next,.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%; }
.carousel-inner>.next {
left: 100%; }
.carousel-inner>.prev {
left: -100%; }
.carousel-inner>.next.left,.carousel-inner>.prev.right {
left: 0; }
.carousel-inner>.active.left {
left: -100%; }
.carousel-inner>.active.right {
left: 100%; }
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 35px;
height: 35px;
opacity: .5;
filter: alpha(opacity=50);
-webkit-box-shadow: 0 0 0 1px #ededed inset;
box-shadow: inset 0 0 0 1px #ededed;
font-size: 11px;
color: #000;
text-align: center;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s; }
.carousel-control.left {
/* @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); */ }
.carousel-control.right {
left: auto;
right: 0;
/* @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); */ }
.carousel-control:focus,.carousel-control:hover {
outline: 0;
color: #fff;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90);
-webkit-box-shadow: 0 0 0 30px #a1e03d inset;
box-shadow: inset 0 0 0 30px #a1e03d; }
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 4;
display: inline-block; }
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
left: 50%;
margin-left: -10px; }
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
right: 50%;
margin-right: -10px; }
.carousel-control .icon-next,.carousel-control .icon-prev {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif; }
.carousel-control .icon-prev:before {
content: "\2039"; }
.carousel-control .icon-next:before {
content: "\203a"; }
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 7;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center; }
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #ededed;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: transparent; }
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff; }
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 6;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.carousel-caption .btn,.carousel-caption .home2 .section-category-subs .opal-category-subs h4.name span,.home2 .section-category-subs .opal-category-subs h4.name .carousel-caption span {
text-shadow: none; }
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px; }
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
margin-left: -15px; }
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
margin-right: -15px; }
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px; }
.carousel-indicators {
bottom: 20px; } }
.clearfix:after,.clearfix:before {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.pull-right {
float: right !important;
margin-left: 0 !important; }
.pull-left {
float: left !important;
margin-right: 0 !important; }
.hide {
display: none !important; }
.show {
display: block !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.hidden {
display: none !important; }
.affix {
position: fixed; }
@-ms-viewport {
width: device-width; }
.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; }
table.visible-xs {
display: table !important; }
tr.visible-xs {
display: table-row !important; }
td.visible-xs,th.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important; }
table.visible-sm {
display: table !important; }
tr.visible-sm {
display: table-row !important; }
td.visible-sm,th.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important; }
table.visible-md {
display: table !important; }
tr.visible-md {
display: table-row !important; }
td.visible-md,th.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) {
.visible-lg {
display: block !important; }
table.visible-lg {
display: table !important; }
tr.visible-lg {
display: table-row !important; }
td.visible-lg,th.visible-lg {
display: table-cell !important; } }
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-lg {
display: none !important; } }
.visible-print {
display: none !important; }
@media print {
.visible-print {
display: block !important; }
table.visible-print {
display: table !important; }
tr.visible-print {
display: table-row !important; }
td.visible-print,th.visible-print {
display: table-cell !important; } }
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } }
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } }
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print {
.hidden-print {
display: none !important; } }
/*
* Global variables
*/
/* main color which will be used for all main block styles... */
/**
* Import component variables
*/
/**
*
*/
/* --- SCSS For Accordion --- */
/* --- SCSS For Breadcrumb --- */
/* --- SCSS For Buttons --- */
/* --- SCSS For Call-to-action --- */
/* --- SCSS For Content-slider --- */
/* */
/* carousel-controls-v1 */
/* carousel-controls-v2 */
/* carousel-controls-v3 */
/* Navigation Styles */
/* carousel-indicators-v1 */
/* carousel-indicators-v2 */
/* carousel-indicators-v3 */
/* carousel-indicators-v4 */
/* carousel-indicators-v5 */
/* carousel-indicators-v6 */
/* --- SCSS For Counters --- */
/* --- SCSS For Heading --- */
/* --- SCSS For Icon-box --- */
/* --- SCSS For Interactive-banner --- */
/* --- SCSS For Latest-posts --- */
/* latest posts */
/* --- SCSS For List --- */
/* variables for list */
/* variables for list light */
/* --- SCSS For Message --- */
/* --- SCSS For Newsletter --- */
/* --- SCSS For Piechart --- */
/* --- SCSS For Pricing --- */
/* --- SCSS For Process-steps --- */
/* process-steps */
/* --- SCSS For Service --- */
/* variables for tab style1 using as base of tab */
/* --- SCSS For Style-icon --- */
/* Variables icons default */
/* Variables icons bodered */
/* Variables icons darker */
/* Variables icons light */
/* Variables icons plain */
/* Variables icons for light style */
/* Variables icons outline */
/* Variables icons inverse */
/* --- SCSS For Table --- */
/* --- SCSS For Tabs --- */
/* variables for tab style1 using as base of tab */
/* tab style version 5 */
/* tab style version 6 */
/* --- SCSS For Testimonials --- */
/* testimonials default */
/* testimonials-v1 */
/* testimonials light */
/* --- SCSS For Typography --- */
/**
* Blocks Layout Selectors
*/
/********* LAYOUT **************/
/**
* Import component variables
*/
/** elements mixins **/
/**
* Transition-timing-function property@mixin
*/
/*background RGBA
============================================*/
/*inline-block
============================================*/
/****/
/****/
/****/
/** elements mixins **/
/**
* Transition-timing-function property@mixin
*/
/*background RGBA
============================================*/
/*inline-block
============================================*/
/****/
/****/
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
img {
max-width: 100%;
height: auto; }
.sticky {
border: 1px solid #ededed;
padding: 10px; }
.aligncenter,div.aligncenter {
display: block;
margin: 5px auto;
text-align: center; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignleft,a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #f8f8f8;
border: 1px solid #eee;
max-width: 100%;
margin: 0 0 20px;
text-align: center;
padding-top: 4px;
clear: both; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption.alignnone {
display: inline-block; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px,1px,1px,1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 20;
/* Above WP toolbar. */ }
.nopadding {
padding: 0 !important;
margin: 0 !important; }
.video-responsive {
height: 0;
padding-top: 0;
padding-bottom: 56.25%;
margin-bottom: 10px;
position: relative;
overflow: hidden; }
.video-responsive embed,.video-responsive iframe,.video-responsive object,.video-responsive video {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%; }
.audio-responsive iframe {
width: 100%;
height: 126px; }
@media (min-width: 1200px) {
.links {
padding: 0 20px !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.links {
padding-left: 40px !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.links {
padding-left: 40px !important; } }
.links li {
padding: 0 5px;
position: relative; }
.links li:before {
content: "";
position: absolute;
width: 2px;
height: 10px;
background: #ededed;
top: 0;
bottom: 0;
margin: auto;
right: 0; }
.rtl .links li:before {
left: 0;
right: auto; }
.links li a {
padding: 15px 5px;
text-transform: uppercase; }
.links li:first-child {
padding-left: 0; }
.rtl .links li:first-child {
padding-right: 0;
padding-left: inherit; }
.links li:last-child {
padding-right: 0; }
.links li:last-child:before {
display: none; }
.rtl .links li:last-child {
padding-left: 0;
padding-right: inherit; }
/**
Page Style
Topbar layout styles
Header Layout styles
Search block layout and styles
Mass Bottom Header Styles
Main menu styles
Section in Homepage
Breadscrumb content style
Footer layout styles
Copyright
*/
body {
overflow-x: hidden; }
#main .container {
position: relative; }
#main .container .container {
width: 100%; }
#site-header {
text-align: center; }
.home-background .site-main {
background: #eee;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(#eee,#fff);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#eee,#fff);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#eee,#fff);
/* For Firefox 3.6 to 15 */
background: linear-gradient(#eee,#fff);
/* Standard syntax (must be last) */ }
/**
* Page Style
*/
#page {
position: relative;
margin-left: auto;
margin-right: auto; }
#page.page-static-left,#page.page-static-left.active {
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; }
#page.page-static-left.active {
margin-left: 250px; }
.rtl #page.page-static-left.active {
margin-right: 250px;
margin-left: inherit; }
#page.page-static-left.active .sidebar-static-left {
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
left: 0; }
.rtl #page.page-static-left.active .sidebar-static-left {
right: 0;
left: auto; }
#page.active .button-action:before {
content: "\f060"; }
.sidebar-static-left {
background: #282828;
color: #ccc;
left: -290px;
height: 100%;
position: fixed;
width: 300px;
z-index: 19;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; }
.rtl .sidebar-static-left {
right: -290px;
left: auto; }
.sidebar-static-left .inner {
padding: 30px;
width: 100%;
position: absolute;
height: 100%; }
.sidebar-static-left .button-action {
background: red;
position: absolute;
right: -40px;
top: 0;
height: 40px;
color: #ccc; }
.sidebar-static-left .button-action:before {
content: "\f061";
font-size: 12px;
height: 38px;
width: 38px;
font-family: FontAwesome;
text-align: center;
display: block;
line-height: 34px; }
/**
* Topbar layout styles
*/
#opal-topbar {
text-transform: uppercase;
font-size: 10px;
padding: 15px 0;
position: relative;
z-index: 15;
background: transparent; }
#opal-topbar .list-inline {
margin: 0;
padding: 0; }
#opal-topbar .list-inline li {
padding: 0 10px; }
#opal-topbar a {
color: #fff; }
#opal-topbar a:hover {
color: #a1e03d; }
.topbar-mobile {
width: 100%;
background: #a1e03d;
display: table; }
.topbar-mobile .btn-offcanvas {
background-color: transparent; }
.topbar-mobile .fa {
color: #fff;
font-size: 20px; }
.search-category .btn-search input {
background: transparent;
border: none; }
.active-mobile {
line-height: 48px;
width: 48px;
height: 48px;
position: relative;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
text-align: center; }
.active-mobile:hover {
background-color: #96dc27 !important;
cursor: pointer; }
.active-mobile:hover .active-content {
display: block;
opacity: 1;
visibility: visible;
left: 0;
right: auto; }
.rtl .active-mobile:hover .active-content {
right: 0;
left: auto;
right: auto; }
.active-mobile .active-content {
top: 100%;
z-index: 19;
color: #000;
padding: 20px;
background-color: #f8f6f0;
left: -10000px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
min-width: 270px;
visibility: hidden;
right: 0;
text-align: left;
-webkit-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
transition: opacity .3s ease 0s; }
.rtl .active-mobile .active-content {
right: -10000px;
left: auto;
left: 0;
right: auto;
text-align: right; }
.active-mobile .active-content p.total {
color: #555; }
.active-mobile ul {
padding: 0; }
.active-mobile ul li {
display: block;
margin: 0;
padding: 5px 0;
line-height: normal; }
.active-mobile .search-category-container {
display: none; }
.active-mobile .search-category-input {
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 15px;
/* 9 */
font-size: 1.5rem;
/* 9 */
height: 42px; }
.active-mobile .input-group-btn {
line-height: 32px;
background: #a1e03d; }
.active-mobile .btn-search .fa {
color: #fff;
border: none;
font-size: 16px;
background-color: transparent; }
.active-mobile .btn-search:hover .fa {
color: #a1e03d; }
.box-group span {
cursor: pointer; }
.box-group span:hover {
color: #a1e03d;
-webkit-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s; }
.box-group .dropdown-menu {
left: -15px;
right: auto;
top: 180%;
margin: -1px 0 0;
border-radius: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
border: medium none;
display: block;
margin-top: 0;
min-width: 150px;
padding: 10px;
position: absolute;
visibility: hidden;
z-index: 9;
font-size: 10px; }
.rtl .box-group .dropdown-menu {
right: -15px;
left: auto;
right: auto; }
.box-group .dropdown-menu a {
color: #777 !important; }
.box-group:hover .dropdown-menu {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 160%; }
.language {
float: left;
padding: 0 5px; }
.language img {
margin-right: 5px; }
/**
* Header Layout styles
*/
#opal-masthead {
position: relative; }
#opal-masthead .header-main {
padding: 35px 0;
text-align: center; }
@media (min-width: 1200px) {
#opal-masthead .header-main {
text-align: left; }
.rtl #opal-masthead .header-main {
text-align: right; } }
.home #opal-masthead.header-absolute {
position: absolute;
width: 100%;
z-index: 14; }
@media (min-width: 768px) and (max-width: 991px) {
.home #opal-masthead.header-absolute {
position: relative; } }
@media (max-width: 480px) {
.home #opal-masthead.header-absolute {
position: relative; } }
#opal-masthead.header_fixed {
position: fixed !important;
top: 0;
padding: 0;
color: #000;
background: #fff;
z-index: 16;
width: 100%;
left: 0;
box-shadow: 0 0 10px; }
/**
* Search block layout and styles
*/
.search-box-wrapper .search-focus {
width: 40px;
height: 40px;
border-radius: 100%;
background: #d2d6d8;
padding: 10px; }
.search-box .input-group-addon {
background: #fff;
border: none;
border-radius: 0 3px 3px 0;
min-width: auto;
font-weight: 400;
position: relative;
font-size: 12px;
padding: 2px 10px !important; }
.search-box .input-group-addon input {
background: transparent;
border-color: #a1e03d;
color: #000; }
.search-box .input-group-addon:after {
content: " ";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #ccc; }
.search-box input,.search-box select {
border: none;
border-radius: 3px;
background: transparent;
box-shadow: none; }
.search-box select {
border-radius: 0 0 0 !important;
border: none !important;
background: transparent !important;
box-shadow: 0 0 0 !important;
font-weight: 400;
margin-right: 2px; }
.search-box.search-box-simple {
margin-top: 15px;
background: #f7f7f7;
border: 1px solid #ededed; }
.search-box.search-box-simple .input-group-addon {
background: transparent;
text-align: right;
font-size: 14px;
min-width: 20px; }
.rtl .search-box.search-box-simple .input-group-addon {
text-align: left; }
.search-box.search-box-simple .input-group-addon:after {
content: none; }
.search-box.search-box-simple input {
color: #000; }
.search-box.search-box-light .input-group {
border-radius: 6px;
background: #fff;
border: 2px solid #ebebeb; }
.toggle-overlay-container {
z-index: 6;
background: #fff; }
.toggle-overlay-container .search-box .input-group {
border: 2px solid #ededed; }
.toggle-overlay-container .search-box .input-group .form-control {
height: 40px; }
.toggle-overlay-container .dropdown-toggle-button {
width: 86px;
height: 100%;
text-align: center;
float: right;
background: #f2f2f2;
cursor: hand;
cursor: pointer; }
.toggle-overlay-container.active {
opacity: 1;
visibility: visible; }
/**
* Mass Bottom Header Styles
*/
/**
* Main menu styles
*/
#opal-mainmenu {
background: transparent;
position: relative; }
/**
* Section in Homepage
*/
.section-features .feature-box {
margin-bottom: 35px; }
.section-features .feature-box h4 {
font-size: 20px;
margin: 0 0 10px;
font-weight: 600; }
.section-features .feature-box .description {
line-height: 2; }
.section-features .feature-box .fbox-icon i {
border: 3px solid #d6d9dc;
width: 70px;
height: 70px;
padding: 20px 0;
border-radius: 100%;
text-align: center; }
.section-testimonial .testimonials-quote {
padding: 0 70px;
line-height: 2; }
@media (max-width: 767px) {
.section-testimonial .testimonials-quote {
padding: 0; } }
.section-testimonial .testimonials-avatar {
float: none !important; }
.section-testimonial h4.name {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 14px; }
.section-testimonial .job a {
color: gray;
font-size: 12px;
text-transform: uppercase; }
.section-testimonial .owl-item:first-child .item {
border-left: none; }
.section-testimonial .owl-item .item {
border-left: 1px solid #313131; }
.section-overview .content {
display: flex;
align-items: center;
min-height: 680px; }
.section-overview .overview {
line-height: 2;
padding: 0 30px;
font-size: 16px; }
.section-service .feature-box {
border-left: 1px solid #f55771; }
@media (max-width: 767px) {
.section-service .feature-box {
text-align: center; }
.section-service .feature-box .fbox-icon {
float: none;
margin-bottom: 9px !important; } }
@media (max-width: 1024px) {
.section-service .feature-box {
border-left: none !important; }
.section-service .feature-box .fbox-icon {
margin-left: 0 !important; } }
.section-service .kc_column:first-child .feature-box {
border-left: none; }
.section-service .fbox-icon {
margin: 0 15px 0 20% !important; }
.section-service .fbox-icon i {
border: 1px solid #f55771;
width: 50px;
height: 50px;
text-align: center;
padding: 13px 0;
border-radius: 100%; }
.section-service .fbox-body h4 {
color: #fff;
margin: 0 0 5px !important;
font-size: 20px;
font-weight: 600; }
.section-service .fbox-body small {
color: #8c0c22 !important;
text-transform: uppercase;
font-size: 14px; }
.rotate {
background: url(../../../images/bg-rotate.png) no-repeat bottom transparent;
background-size: 100% auto;
padding-bottom: 100px;
display: inline-block; }
.rotate,.rotate .spritespin-instance {
max-width: 100%; }
.item-brand:hover img {
transform: scale(1.2);
transition: all .3s ease; }
@media (max-width: 480px) {
.spritespin-canvas,.spritespin-instance {
height: 200px !important; } }
/**
* Home2
*/
.header-style-2.header-main {
padding: 0 !important; }
.header-style-2.header-main .container {
background: #fff;
padding: 30px; }
.home2 h1,.home2 h2,.home2 h3,.home2 h4,.home2 h5,.home2 h6 {
text-transform: uppercase; }
.home2 #main-container,.home2 #opal-topbar .container,.home2 .container {
padding-left: 0;
padding-right: 0; }
.home2 .product-block span.onsale,.home2 .product-block span.sale-off {
background: #f10e34; }
@media (min-width: 1124px) {
.home2 .spritespin-canvas,.home2 .spritespin-instance {
width: 700px !important;
height: 450px !important; } }
.home2 .section-category-subs {
text-align: center; }
.home2 .section-category-subs .opal-category-subs {
position: relative;
text-align: center;
display: inline-block;
text-transform: uppercase; }
.home2 .section-category-subs .opal-category-subs .category-caption {
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2; }
.home2 .section-category-subs .opal-category-subs h4.name {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #fff;
z-index: 2; }
.home2 .section-category-subs .opal-category-subs h4.name span {
background: #fff;
color: #000;
padding: 10px 20px;
border-radius: 30px;
font-weight: 600; }
.home2 .section-category-subs .opal-category-subs:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #fff;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: all .3s ease; }
.home2 .section-category-subs .opal-category-subs:hover h4.name {
display: none; }
.home2 .section-category-subs .opal-category-subs:hover .category-caption {
visibility: visible; }
.home2 .section-category-subs .opal-category-subs:hover:before {
visibility: visible;
transition: all .3s ease;
opacity: 1; }
.home2 .section-category-subs .category-filter-link a {
border-radius: 30px;
padding: 10px 20px;
font-size: 12px;
letter-spacing: 2px;
font-weight: 600;
display: inline-block;
margin-top: 15px; }
.home2 .section-service .feature-box {
border-left: 1px solid #404040; }
.home2 .section-service .fbox-icon i {
border: 2px solid #404040; }
.home2 .section-service .fbox-body small {
color: #777 !important; }
.home2 .section-deal,.home2 .section-tabs {
position: relative; }
.home2 .section-deal h3 {
color: #fff;
font-size: 60px;
margin-bottom: 0;
font-weight: 700;
text-transform: none;
float: left; }
.home2 .section-deal .kc-countdown-timer {
float: right; }
.home2 .section-deal span.group {
font-weight: 700;
margin-left: 15px;
width: 100px;
height: 100px;
border: 5px solid;
line-height: 1.2;
padding: 10px 0 0;
background: none;
border-radius: 0; }
.home2 .section-deal span.group .timer {
font-size: 40px; }
.home2 .section-deal span.group .unit {
text-transform: uppercase;
font-size: 14px;
display: block;
color: #000;
opacity: .5; }
@media (max-width: 1024px) {
.home2 .section-deal .kc_column {
padding: 20px !important;
text-align: center; }
.home2 .section-deal h3 {
float: none; }
.home2 .section-deal .kc-countdown-timer {
float: none;
display: inline-block; } }
@media (max-width: 475px) {
.home2 .section-deal {
padding: 0 !important; }
.home2 .section-deal .kc_column {
margin-top: 0; }
.home2 .section-deal h3 {
font-size: 50px;
margin-bottom: 20px; }
.home2 .section-deal span.group {
margin: 0 0 0 5px;
width: 65px;
height: 75px; }
.home2 .section-deal span.group .timer {
font-size: 25px; }
.home2 .section-deal span.group .unit {
font-size: 10px; } }
@media (max-width: 475px) {
.home2 .section-tabs {
padding: 0 !important; }
.home2 .brands-collection {
text-align: center; } }
@media (max-width: 1024px) {
.home2 .section-slider .kc_column {
margin-bottom: 0; } }
.home2 .section-blog .owl-carousel .owl-item {
padding: 0; }
@media (min-width: 1025px) {
.home2 .section-blog .owl-carousel .owl-item:nth-child(2n) article {
display: flex;
flex-flow: column; }
.home2 .section-blog .owl-carousel .owl-item:nth-child(2n) .post-thumbnail {
order: 2; }
.home2 .section-blog .owl-carousel .owl-item .blog-content {
height: 304px; } }
.home2 .section-blog article .blog-content {
text-align: center;
padding: 60px; }
.home2 .section-blog .owl-controls {
display: none !important; }
.home2 .kc_tabs_nav {
padding-bottom: 10px;
margin-bottom: 30px; }
.home2 .kc_tabs_nav:after {
content: "";
position: absolute;
width: 80px;
height: 5px;
background: #fd6327;
bottom: 0;
left: 50%;
margin-left: -40px; }
.home2 h2.kc_title {
font-size: 40px; }
.home2 h2.kc_title:after {
background: #fd6327; }
.home2 .amount {
color: #fd6327; }
/**
* Breadscrumb content style
*/
.opal-breadscrumb {
text-align: center;
margin-bottom: 30px;
background: url(../../../images/background-1.jpg); }
.opal-breadscrumb .breadcrumb {
padding: 50px 0;
background: transparent;
margin: 0; }
.opal-breadscrumb .breadcrumb a {
font-size: 12px;
color: #fff;
text-transform: uppercase; }
.opal-breadscrumb .breadcrumb a:after {
content: "\f105";
font-family: FontAwesome;
padding: 0 5px;
color: #fff; }
.opal-breadscrumb .breadcrumb li:before {
display: none; }
.opal-breadscrumb .breadcrumb li:last-child {
color: #a1e03d;
padding-left: 5px; }
.rtl .opal-breadscrumb .breadcrumb li:last-child {
padding-right: 5px;
padding-left: inherit; }
.opal-breadscrumb .breadcrumb li {
text-transform: uppercase;
color: #fff; }
/**
* Footer layout styles
*/
#main h1 {
margin-bottom: 20px;
margin-top: 5px; }
.opal-footer {
background: #191919;
font-size: 12px; }
.opal-footer,.opal-footer a {
color: #999; }
.opal-footer .inner {
padding-top: 80px;
padding-bottom: 60px; }
.opal-footer .footer-top {
margin-top: 30px;
margin-bottom: 30px; }
.opal-footer .textwidget {
margin-bottom: 15px; }
.opal-footer .kc_single_image {
margin-bottom: 30px; }
.opal-footer strong {
font-size: 30px;
color: #a1e03d; }
.opal-footer b {
color: #a1e03d; }
.opal-footer h2,.opal-footer h3,.opal-footer h4 {
font-size: 14px;
text-transform: uppercase;
margin: 0 0 20px !important;
color: #fff;
display: block;
padding: 0 !important;
font-weight: 600;
font-family: Poppins,sans-serif; }
.opal-footer ul {
padding: 0; }
.opal-footer ul li {
list-style: none;
line-height: 30px; }
.opal-footer .social img {
margin: 0 5px 0 0; }
.opal-footer .social li {
float: left;
min-width: 50%;
margin-bottom: 10px; }
.opal-footer .social i {
width: 30px;
height: 30px;
border-radius: 100%;
color: #fff;
text-align: center;
padding: 9px;
margin-right: 7px; }
.opal-footer .payment img {
border-radius: 3px;
margin: 0 5px 5px 0; }
.opal-footer .widget_mc4wp_form_widget .input-group .form-control {
border: none;
background: #1e222a; }
.home2 .section-category-subs .opal-category-subs h4.name .opal-footer .widget_mc4wp_form_widget .input-group span,.opal-footer .widget_mc4wp_form_widget .input-group .btn,.opal-footer .widget_mc4wp_form_widget .input-group .home2 .section-category-subs .opal-category-subs h4.name span {
position: absolute;
right: 0;
background: transparent;
border: none; }
.home2 .section-category-subs .opal-category-subs h4.name .rtl .opal-footer .widget_mc4wp_form_widget .input-group span,.rtl .opal-footer .widget_mc4wp_form_widget .input-group .btn,.rtl .opal-footer .widget_mc4wp_form_widget .input-group .home2 .section-category-subs .opal-category-subs h4.name span {
left: 0;
right: auto; }
.opal-footer .widget_nav_menu ul li {
border-bottom: none;
padding: 2px 0; }
.opal-footer .widget_nav_menu ul li a {
color: #999; }
/*------------------------------------* Copyright
\*------------------------------------*/
.opal-copyright {
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
background: #191919;
font-size: 12px; }
.opal-copyright .widget .widget-title,.opal-copyright .widget .widgettitle {
color: #fff;
text-transform: uppercase;
margin: 0 0 20px;
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 14px;
/* 9 */
font-size: 1.4rem;
/* 9 */ }
.opal-copyright a {
color: #fff;
color: #999; }
.opal-copyright a:active,.opal-copyright a:focus,.opal-copyright a:hover {
color: #a1e03d; }
/* block */
.widget {
position: relative;
/* block styles */ }
.widget .widget-title,.widget .widgettitle {
font-size: 16px;
position: relative;
margin-top: 0;
margin-bottom: 30px;
letter-spacing: 0;
text-transform: uppercase; }
.widget .widget-title>span,.widget .widgettitle>span {
position: relative;
padding: 20px;
display: block; }
.widget.nopadding .widget-content {
padding: 0;
margin: 0; }
/**
* Styling Css for widgets in Sidebar Left Static
*/
.widget-static .widget-title,.widget-static .widgettitle {
color: #fff; }
.widget-static ul li {
border: none; }
.sidebar .widget {
border: 1px solid #ededed;
margin-bottom: 30px; }
.sidebar .widget .widget-title,.sidebar .widget .widgettitle {
margin: 0;
border-bottom: 1px solid #ededed;
font-size: 12px;
font-weight: 700;
letter-spacing: 0; }
.sidebar .widget ul.product_list_widget {
padding: 20px 0; }
.sidebar .widget ul.product_list_widget li {
padding: 15px 20px; }
.sidebar .widget-content {
border: 1px solid #ededed; }
/**
* Styling Css for widgets in footer layout
*/
.opal-footer .widget .widget-title,.opal-footer .widget .widgettitle {
font-size: 16px;
color: #fff; }
.widget ol,.widget ul {
list-style: none;
padding: 0; }
/* List Style Widgets*/
.widget_archive a,.widget_layered_nav a,.widget_product_categories a,.widget_recent_comments a,.widget_recent_entries a {
font-weight: 400; }
.widget_archive a:before,.widget_categories a:before,.widget_layered_nav a:before,.widget_recent_comments a:first-child:before,.widget_recent_entries a:before {
margin-right: 10px;
font-family: FontAwesome;
color: #a1e03d;
display: inline-block;
font-size: 11px;
line-height: 22px; }
.widget_archive a:before {
content: "\f016"; }
.widget_recent_entries a:before {
content: "\f0f6"; }
.widget_recent_comments a:first-child:before {
content: "\f0e5"; }
.widget_layered_nav a:before {
content: "\f0da"; }
.widget_categories a:before {
content: "\f114"; }
.widget_archive li,.widget_categories li,.widget_links li,.widget_meta li,.widget_pages li,.widget_recent_comments li,.widget_recent_entries li {
padding: 15px 20px; }
.widget_archive li:first-child,.widget_categories li:first-child,.widget_links li:first-child,.widget_meta li:first-child,.widget_pages li:first-child,.widget_recent_comments li:first-child,.widget_recent_entries li:first-child {
border-top: 0; }
.widget_categories li ul,.widget_pages li ul {
border-top: 1px solid #ededed;
margin-top: 10px; }
.widget_categories li ul.children {
border-top: none; }
.widget_categories li li:last-child,.widget_pages li li:last-child {
padding-bottom: 0; }
.widget_recent_comments .comment-author-link {
color: #a1e03d; }
.widget.widget_categories ul li,.widget.widget_layered_nav_filters ul li,.widget.widget_layered_nav ul li,.widget.widget_pages ul li,.widget_nav_menu ul li {
border-bottom: 1px solid #ededed;
padding: 15px 20px;
color: #000; }
.widget.widget_categories ul li:last-child,.widget.widget_layered_nav_filters ul li:last-child,.widget.widget_layered_nav ul li:last-child,.widget.widget_pages ul li:last-child,.widget_nav_menu ul li:last-child {
border-bottom: none; }
.widget.widget_categories ul li a,.widget.widget_layered_nav_filters ul li a,.widget.widget_layered_nav ul li a,.widget.widget_pages ul li a,.widget_nav_menu ul li a {
font-size: 12px;
text-transform: uppercase;
font-family: Poppins;
color: #000; }
.widget.widget_categories ul li a:hover,.widget.widget_layered_nav_filters ul li a:hover,.widget.widget_layered_nav ul li a:hover,.widget.widget_pages ul li a:hover,.widget_nav_menu ul li a:hover {
color: #a1e03d; }
.widget.widget_categories ul li ul.children li:last-child,.widget.widget_layered_nav_filters ul li ul.children li:last-child,.widget.widget_layered_nav ul li ul.children li:last-child,.widget.widget_pages ul li ul.children li:last-child,.widget_nav_menu ul li ul.children li:last-child {
border-top: none;
padding-bottom: 0; }
.widget.widget_categories ul li ul.sub-menu,.widget.widget_layered_nav_filters ul li ul.sub-menu,.widget.widget_layered_nav ul li ul.sub-menu,.widget.widget_pages ul li ul.sub-menu,.widget_nav_menu ul li ul.sub-menu {
margin-top: 10px; }
/* Recent Posts Widget */
.widget_recent_entries .post-date {
display: block;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
margin-top: 5px;
color: #a1e03d; }
.widget_wpopal_recent_post .post-widget {
border: none; }
.widget_wpopal_recent_post .item-post.media {
border-top: 1px solid #ededed;
padding-top: 20px;
padding-bottom: 20px;
margin: 0; }
.widget_wpopal_recent_post .item-post.media:first-child {
border-top: none; }
.widget_wpopal_recent_post .item-post.media a.image {
width: 100px;
padding-left: 20px; }
.rtl .widget_wpopal_recent_post .item-post.media a.image {
padding-right: 20px;
padding-left: inherit; }
.widget_wpopal_recent_post .item-post.media .media-body .entry-title {
padding-right: 15px; }
.rtl .widget_wpopal_recent_post .item-post.media .media-body .entry-title {
padding-left: 15px;
padding-right: inherit; }
.widget_wpopal_recent_post .item-post.media .media-body>p {
display: none; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big {
border-top: none; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big a.image {
padding-right: 0;
width: 100%;
margin-bottom: 10px; }
.rtl .widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big a.image {
padding-left: 0;
padding-right: inherit; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big .entry-title {
margin: 0 0 10px;
font-weight: 700;
font-size: 14px;
line-height: 20px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media {
padding-top: 15px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media .media-body .entry-title {
margin: 0 0 5px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media .post-date {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: #a1e03d; }
/* Search Widget */
.widget_search .btn-search input {
border: none;
background: none; }
/* RSS Widget */
.rsswidget img {
margin-top: -4px; }
.rssSummary {
margin: 9px 0; }
.rss-date {
display: block; }
.widget_rss li {
margin-bottom: 18px; }
/* Text Widget */
.widget_rss li:last-child,.widget_text>div>:last-child {
margin-bottom: 0; }
/* Calendar Widget*/
.widget_calendar table {
line-height: 2;
margin: 0; }
.widget_calendar caption {
color: #000;
font-weight: 700;
line-height: 1.7142857142;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase; }
.widget_calendar thead th {
background: #f5f5f5; }
.widget_calendar tbody td,.widget_calendar thead th {
text-align: center; }
.widget_calendar tbody a {
background-color: #a1e03d;
color: #fff;
display: block; }
.widget_calendar tbody a:hover {
background-color: #41a62a;
color: #fff; }
.widget_calendar #prev {
padding-left: 5px; }
.widget_calendar #next {
padding-right: 5px;
text-align: right; }
.widget_calendar #today {
background-color: #a1e03d;
color: #fff; }
.widget_calendar #today:hover {
background-color: #96dc27; }
/* Newletter in footer */
.widget_mc4wp_form_widget .input-group {
display: block; }
.widget_mc4wp_form_widget .input-group .form-control {
height: 42px;
border: 2px solid #666;
border-radius: 2px;
margin-bottom: 18px;
background: transparent; }
.home2 .section-category-subs .opal-category-subs h4.name .widget_mc4wp_form_widget .input-group span,.widget_mc4wp_form_widget .input-group .btn,.widget_mc4wp_form_widget .input-group .home2 .section-category-subs .opal-category-subs h4.name span {
height: 42px;
border-radius: 2px; }
/****/
li.product-category {
list-style: none; }
/*
* Main Menu
*/
.navbar-mega {
min-height: inherit;
margin: 0;
border: 0 solid transparent;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0; }
.navbar-mega .navbar-toggle {
border-color: #ededed; }
.navbar-mega .navbar-toggle .icon-bar {
background-color: #a1e03d; }
.navbar-mega .navbar-nav {
float: none;
padding: 0; }
.navbar-mega .navbar-nav>.open>a {
border-color: transparent;
border-left-color: rgba(0,0,0,.1);
color: #a1e03d;
background: transparent; }
.navbar-mega .navbar-nav>.open>a:before {
opacity: 1;
filter: alpha(opacity=100); }
.navbar-mega .navbar-nav ul {
padding: 0;
margin: 0;
list-style: none; }
.navbar-mega .navbar-nav ul li.dropdown-submenu,.navbar-mega .navbar-nav ul li.parent {
position: relative; }
.navbar-mega .navbar-nav ul li.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
right: auto;
position: absolute; }
.navbar-mega .navbar-nav li.active {
background: none; }
.navbar-mega .navbar-nav li.active>a {
background: none;
color: #a1e03d; }
.navbar-mega .navbar-nav li.active>a .caret {
color: #a1e03d; }
.navbar-mega .navbar-nav li.open>a,.navbar-mega .navbar-nav li a:active,.navbar-mega .navbar-nav li a:focus,.navbar-mega .navbar-nav li a:hover {
background: none;
color: #a1e03d; }
.navbar-mega .navbar-nav>li {
margin-top: 0;
padding: 10px 15px; }
.navbar-mega .navbar-nav>li>a {
font-family: Poppins,monospace;
position: relative;
color: #000;
padding: 0;
line-height: 12px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 12px;
/* 9 */
font-size: 1.2rem;
/* 9 */
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
.navbar-mega .navbar-nav>li>a:after {
background: #a1e03d;
bottom: -15px;
content: "";
height: 2px;
left: 0;
line-height: 0;
margin: auto;
opacity: 0;
position: absolute;
-webkit-transition: width .5s ease 0s,height .5s ease 0s;
-o-transition: width .5s ease 0s,height .5s ease 0s;
transition: width .5s ease 0s,height .5s ease 0s;
width: 4px;
z-index: 5; }
.rtl .navbar-mega .navbar-nav>li>a:after {
right: 0;
left: auto; }
.navbar-mega .navbar-nav>li>a .caret {
color: #222;
border-width: 3px;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
.navbar-mega .navbar-nav>li>a:focus,.navbar-mega .navbar-nav>li>a:hover {
color: #a1e03d;
background: transparent; }
.navbar-mega .navbar-nav>li>a:focus:after,.navbar-mega .navbar-nav>li>a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
width: 100%; }
.navbar-mega .navbar-nav>li>a:focus .caret,.navbar-mega .navbar-nav>li>a:hover .caret {
color: #a1e03d; }
.navbar-mega .navbar-nav>li:last-child>a {
border-right: 0; }
.rtl .navbar-mega .navbar-nav>li:last-child>a {
border-left: 0;
border-right: inherit; }
.navbar-mega .navbar-nav>li .dropdown-menu {
padding: 0;
background: #fff;
min-width: 250px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
display: block;
right: 0;
top: 115%;
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
transform: translateY(20px);
-webkit-transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
-o-transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
visibility: hidden;
z-index: 9;
border: 0; }
.rtl .navbar-mega .navbar-nav>li .dropdown-menu {
left: 0;
right: auto; }
.navbar-mega .navbar-nav>li .dropdown-menu ul.dropdown-menu {
left: 95%;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
transform: translateY(20px); }
.navbar-mega .navbar-nav>li .dropdown-menu .row {
padding-top: 0; }
.navbar-mega .navbar-nav>li .dropdown-menu li {
display: block;
padding: 10px 0 0;
position: relative;
border: none; }
.navbar-mega .navbar-nav>li .dropdown-menu li a {
min-height: inherit;
display: block;
font-weight: 300;
color: #000;
text-transform: none;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 14px;
/* 9 */
font-size: 1.4rem;
/* 9 */ }
.navbar-mega .navbar-nav>li .dropdown-menu li a:hover {
color: #a1e03d;
background: transparent; }
.navbar-mega .navbar-nav>li .dropdown-menu li:hover>ul.dropdown-menu {
opacity: 1;
visibility: visible;
transform: translate(0);
top: 90%; }
.navbar-mega .navbar-nav>li .dropdown-menu li:last-child {
padding-bottom: 20px; }
.navbar-mega .navbar-nav>li .dropdown-menu .widget-title,.navbar-mega .navbar-nav>li .dropdown-menu .widgettitle {
padding: 20px 0;
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 14px;
/* 9 */
font-size: 1.4rem;
/* 9 */
border-color: #ededed;
margin-bottom: 0;
letter-spacing: 0; }
.navbar-mega .navbar-nav>li .dropdown-menu .widget-content {
border: none; }
.navbar-mega .navbar-nav>li .dropdown-menu .products,.navbar-mega .navbar-nav>li .dropdown-menu .widget {
box-shadow: none;
border: none;
margin-bottom: 0; }
.navbar-mega .navbar-nav>li .dropdown-menu .products .row>div,.navbar-mega .navbar-nav>li .dropdown-menu .widget-products .widget-title {
padding: 0 20px; }
.navbar-mega .navbar-nav>li .dropdown-menu .opal-category-filter {
margin: 0;
padding: 30px 0 30px 30px; }
.navbar-mega .navbar-nav>li .dropdown-menu .category-caption {
clear: both;
padding-top: 30px; }
.navbar-mega .navbar-nav>li .mega-dropdown-menu {
padding: 30px; }
.navbar-mega .navbar-nav>li .mega-dropdown-menu ul li a {
padding-left: 0;
padding-right: 0; }
.rtl .navbar-mega .navbar-nav>li .mega-dropdown-menu ul li a {
padding-right: 0;
padding-left: inherit;
padding-left: 0;
padding-right: inherit; }
.navbar-mega .navbar-nav>li .mega-dropdown-menu ul li a:hover {
padding-left: 10px;
padding-right: 10px; }
.rtl .navbar-mega .navbar-nav>li .mega-dropdown-menu ul li a:hover {
padding-right: 10px;
padding-left: inherit;
padding-left: 10px;
padding-right: inherit; }
.navbar-mega .navbar-nav>.active {
background: transparent; }
.navbar-mega .navbar-nav>.active>a {
color: #a1e03d; }
.navbar-mega .navbar-nav>.active>a:before {
opacity: 1;
filter: alpha(opacity=100); }
.navbar-mega .navbar-nav>.aligned-fullwidth {
position: static !important; }
.navbar-mega .navbar-nav>.aligned-fullwidth>.dropdown-menu {
width: 120% !important; }
.navbar-mega .navbar-nav>.aligned-right {
position: static !important; }
.navbar-mega .navbar-nav>.aligned-right>.dropdown-menu {
right: 0;
left: auto; }
.rtl .navbar-mega .navbar-nav>.aligned-right>.dropdown-menu {
left: 0;
right: auto;
left: auto; }
.navbar-mega .navbar-nav>.aligned-left {
position: static !important; }
.navbar-mega .navbar-nav>.aligned-left>.dropdown-menu {
left: 0;
right: auto; }
.rtl .navbar-mega .navbar-nav>.aligned-left>.dropdown-menu {
right: 0;
left: auto;
right: auto; }
.navbar-mega .navbar-nav .wpb-container-mega {
margin: 0; }
.navbar-mega .navbar-nav .container-mega .row {
padding-bottom: 0;
margin: 0 !important;
width: 100%;
position: relative;
overflow: hidden; }
.navbar-mega .navbar-nav .container-mega .row>div {
position: relative;
padding: 0; }
.navbar-mega .navbar-nav .container-mega .row>div:after {
content: "";
width: 1px;
height: 1000px;
background: #ededed;
position: absolute;
left: 0;
top: 0; }
.rtl .navbar-mega .navbar-nav .container-mega .row>div:after {
right: 0;
left: auto; }
.navbar-mega .navbar-nav .container-mega .row>div:first-child:after {
content: none; }
.navbar-mega .text-label {
position: absolute;
top: -20px;
right: 45%;
padding: 0 3px;
font-size: 9px;
color: #fff; }
.navbar-mega .text-label.text-hot {
background: #e93434; }
.navbar-mega .text-label.text-hot:after {
border-top-color: #e93434; }
.navbar-mega .text-label.text-new {
background: #04adf0; }
.navbar-mega .text-label.text-new:after {
border-top-color: #04adf0; }
.navbar-mega .text-label.text-featured {
background: #a1e03d;
right: 15%; }
.navbar-mega .text-label.text-featured:after {
border-top-color: #a1e03d; }
.navbar-mega .text-label:after {
content: "";
position: absolute;
border: 3px solid transparent;
top: 100%;
left: 50%;
margin-left: -3px; }
@media (min-width: 768px) {
.navbar-mega .navbar-nav>li:hover>.dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
right: 0;
transform: translate(0);
-webkit-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
visibility: visible; }
.rtl .navbar-mega .navbar-nav>li:hover>.dropdown-menu {
left: 0;
right: auto; } }
/**
* White Styles
*/
.navbar-mega-light .navbar-mega .navbar-nav>li>a,.navbar-mega-light .navbar-mega .navbar-nav>li>a .caret {
color: #fff; }
.navbar-mega-light .navbar-mega .navbar-nav>li.active>a:before,.navbar-mega-light .navbar-mega .navbar-nav>li:hover>a:before {
background: #fff; }
.navbar-mega-theme {
background: #a1e03d; }
.navbar-mega-theme .navbar-mega .navbar-nav>li>a,.navbar-mega-theme .navbar-mega .navbar-nav>li>a .caret {
color: #fff; }
/**
* Simple Styles
*/
.navbar-mega-simple .opal-megamenu {
/* display: inline-block; */ }
/*
* vertical megamenu
*/
.widget_wpopal_menu_vertical .vertical-menu {
padding: 0;
background: #fff;
box-shadow: 0 0 3px 1px rgba(20,19,23,.1); }
.widget_wpopal_menu_vertical .widget-title {
background: #41b5ac;
color: #fff;
margin-bottom: 0; }
.widget_wpopal_menu_vertical .widget-title>span {
padding: 20px; }
.widget_wpopal_menu_vertical .navbar-nav {
position: relative;
margin: 0; }
.widget_wpopal_menu_vertical .navbar-nav>li {
width: 100%;
height: auto;
position: static;
border-bottom: 1px solid #eee; }
.widget_wpopal_menu_vertical .navbar-nav>li>a {
display: block;
color: #000;
padding: 13px 20px;
line-height: 24px;
text-transform: uppercase;
font-size: 12px;
font-family: Poppins,monospace;
font-weight: 600; }
@media (min-width: 992px) and (max-width: 1199px) {
.widget_wpopal_menu_vertical .navbar-nav>li>a {
padding: 7px 15px; } }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label {
background: #e35263 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 400;
line-height: 1;
margin-left: 8px;
padding: 3px;
position: relative; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label:after {
border: none;
border-color: transparent #e35263 transparent transparent;
border-image: none;
border-style: solid;
border-width: 3px;
content: "";
margin-top: -3px;
position: absolute;
right: 100%;
top: 50%; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label.text-new {
background: #03a9f4 none repeat scroll 0 0; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label.text-new:after {
border-right: 3px solid #03a9f4; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label.text-featured {
background: green none repeat scroll 0 0; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label.text-featured:after {
border-right: 3px solid green; }
.widget_wpopal_menu_vertical .navbar-nav>li:focus>a,.widget_wpopal_menu_vertical .navbar-nav>li:focus>a .caret:before,.widget_wpopal_menu_vertical .navbar-nav>li:focus>a:before,.widget_wpopal_menu_vertical .navbar-nav>li:hover>a,.widget_wpopal_menu_vertical .navbar-nav>li:hover>a .caret:before,.widget_wpopal_menu_vertical .navbar-nav>li:hover>a:before {
color: #a1e03d; }
.widget_wpopal_menu_vertical .navbar-nav>li.open .dropdown-menu {
display: block !important; }
.widget_wpopal_menu_vertical .navbar-nav li {
/* @media(min-width: $screen-sm-max){*/ }
.widget_wpopal_menu_vertical .navbar-nav li a {
-webkit-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s; }
.widget_wpopal_menu_vertical .navbar-nav li a .caret {
position: absolute;
top: 50%;
margin-top: -10px;
border: 0 !important; }
.widget_wpopal_menu_vertical .navbar-nav li a .caret:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
font-weight: 500;
color: #ccc; }
.widget_wpopal_menu_vertical .navbar-nav li a:focus,.widget_wpopal_menu_vertical .navbar-nav li a:hover {
color: #a1e03d; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu {
border: 0;
top: 0;
min-width: 700px;
padding: 20px;
/* @media(min-width: $screen-sm-max){*/
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
display: block; }
@media (min-width: 768px) and (max-width: 991px) {
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu {
min-width: 550px; } }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .container-mega {
padding: 0 20px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-title {
background: transparent;
color: #a1e03d; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-title span {
padding: 0 0 20px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-content {
padding: 0;
border: none; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu ul {
background-color: transparent; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu ul li {
border-bottom: 0; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu .widgettitle {
margin-bottom: 20px;
font-size: 18px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .products-grid div.product {
border-bottom: 0; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu>li>a {
padding: 7px 0;
display: block; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu>li>a:hover {
padding-left: 5px; }
.rtl .widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu>li>a:hover {
padding-right: 5px;
padding-left: inherit; }
.widget_wpopal_menu_vertical .navbar-nav li:focus>a,.widget_wpopal_menu_vertical .navbar-nav li:focus>a .caret:before,.widget_wpopal_menu_vertical .navbar-nav li:hover>a,.widget_wpopal_menu_vertical .navbar-nav li:hover>a .caret:before {
color: #a1e03d; }
.widget_wpopal_menu_vertical .navbar-nav li:focus>.dropdown-menu,.widget_wpopal_menu_vertical .navbar-nav li:hover>.dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s;
transition: all .3s ease-in 0s;
visibility: visible; }
.widget_wpopal_menu_vertical .navbar-nav li i {
margin-right: 10px; }
.rtl .widget_wpopal_menu_vertical .navbar-nav li i {
margin-left: 10px;
margin-right: inherit; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li {
padding: 10px 0; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li a {
display: block;
color: #8a8a8a; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li a:hover {
color: #a1e03d;
padding-left: 5px; }
.rtl .widget_wpopal_menu_vertical .widget_nav_menu ul li a:hover {
padding-right: 5px;
padding-left: inherit; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav>li {
/* @media(min-width: $screen-sm-max){ */ }
.widget_wpopal_menu_vertical .menu-left .navbar-nav>li>a:after {
right: -3px; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav>li>a:after {
left: -3px;
right: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav>li:focus>a:after,.widget_wpopal_menu_vertical .menu-left .navbar-nav>li:hover>a:after {
border-color: #fff;
z-index: 11; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li {
/* @media(min-width: $screen-sm-max){ */ }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li .dropdown-menu {
right: 130%;
left: auto; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li .dropdown-menu {
left: 130%;
right: auto;
left: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li:focus>.dropdown-menu,.widget_wpopal_menu_vertical .menu-left .navbar-nav li:hover>.dropdown-menu {
right: 100%; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li:focus>.dropdown-menu,.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li:hover>.dropdown-menu {
left: 100%;
right: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li a .caret {
right: 20px; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li a .caret {
left: 20px;
right: auto; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav>li>a:before {
float: left; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav>li>a:before {
float: right; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav>li>a:after {
left: -3px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav>li>a:after {
right: -3px;
left: auto; }
@media (min-width: 991px) {
.widget_wpopal_menu_vertical .menu-right .navbar-nav>li>.dropdown-menu {
margin-right: 2px;
min-height: 480px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav>li>.dropdown-menu {
margin-left: 2px;
margin-right: inherit; } }
.widget_wpopal_menu_vertical .menu-right .navbar-nav>li:focus>a:after,.widget_wpopal_menu_vertical .menu-right .navbar-nav>li:hover>a:after {
border-color: #fff;
z-index: 11; }
@media (min-width: 991px) {
.widget_wpopal_menu_vertical .menu-right .navbar-nav li .dropdown-menu {
right: 130%;
left: auto; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li .dropdown-menu {
left: 130%;
right: auto; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav li:focus>.dropdown-menu,.widget_wpopal_menu_vertical .menu-right .navbar-nav li:hover>.dropdown-menu {
right: 100%; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li:focus>.dropdown-menu,.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li:hover>.dropdown-menu {
left: 100%;
right: auto; } }
.widget_wpopal_menu_vertical .menu-right .navbar-nav li a .caret {
right: 20px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li a .caret {
left: 20px;
right: auto; }
/**
* 6.10 Contributor Page
* -----------------------------------------------------------------------------
*/
.contributor {
border-bottom: 1px solid rgba(0,0,0,.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 48px 10px; }
.contributor:first-of-type {
padding-top: 24px; }
.contributor-info {
margin: 0 auto;
max-width: 474px; }
.contributor-avatar {
border: 1px solid rgba(0,0,0,.1);
float: left;
margin: 0 30px 20px 0;
padding: 2px; }
.contributor-name {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
margin: 0; }
.contributor-bio a {
text-decoration: underline; }
.contributor-bio a:hover {
text-decoration: none; }
.contributor-posts-link {
display: inline-block;
line-height: normal;
padding: 10px 30px; }
.contributor-posts-link:before {
content: "\f443"; }
/**
* 6.11 404 Page
* -----------------------------------------------------------------------------
*/
.notfound-page {
padding: 150px 0;
color: #000; }
@media (min-width: 768px) and (max-width: 991px) {
.notfound-page {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 480px) {
.notfound-page {
padding-left: 30px;
padding-right: 30px; } }
.notfound-page .title {
font-size: 200px;
color: #a1e03d;
font-weight: 800;
line-height: 1;
padding: 0;
display: inline-block; }
@media (max-width: 480px) {
.notfound-page .title {
padding: 80px 0; } }
.notfound-page .sub {
font-size: 40px;
font-weight: 800;
display: block;
position: relative; }
.notfound-page .error-description {
font-size: 14px;
line-height: 30px;
position: relative;
font-weight: 400;
z-index: 10; }
.notfound-page .page-action {
margin-top: 30px; }
.notfound-page .page-action a {
padding: 22px 45px;
font-weight: 600;
border-radius: 30px; }
/**
* 8.0 Gallery
* -----------------------------------------------------------------------------
*/
.gallery .gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
padding: 0;
position: relative; }
.gallery-columns-1 .gallery-item {
max-width: 100%;
width: auto; }
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 14px);
max-width: calc(50% - 14px);
width: auto; }
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 11px);
max-width: calc(33.3% - 11px);
width: auto; }
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 9px);
max-width: calc(25% - 9px);
width: auto; }
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 8px);
max-width: calc(20% - 8px);
width: auto; }
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 7px);
max-width: calc(16.7% - 7px);
width: auto; }
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 7px);
max-width: calc(14.28% - 7px);
width: auto; }
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 6px);
max-width: calc(12.5% - 6px);
width: auto; }
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 6px);
max-width: calc(11.1% - 6px);
width: auto; }
.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0; }
.gallery .gallery-caption {
background-color: rgba(0,0,0,.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%; }
.gallery .gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%; }
.gallery-item:hover .gallery-caption {
opacity: 1; }
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
display: none; }
/**
* 9.0 Audio/Video
* ----------------------------------------------------------------------------
*/
.mejs-container .mejs-controls,.mejs-mediaelement {
background: #000; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #fff; }
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #24890d; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total {
background: hsla(0,0%,100%,.33); }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span {
border-radius: 0; }
.mejs-overlay-loading {
background: transparent; }
.mejs-overlay-button {
background-color: #fff;
background-image: none;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0,0,0,.8);
color: #000;
height: 36px;
margin-left: -24px;
width: 48px; }
.mejs-overlay-button:before {
-webkit-font-smoothing: antialiased;
content: "\f452";
display: inline-block;
font: normal 32px/1.125 Genericons;
position: absolute;
top: 1px;
left: 10px; }
.mejs-controls .mejs-button button:focus {
outline: none; }
.mejs-controls .mejs-button button {
-webkit-font-smoothing: antialiased;
background: none;
color: #fff;
display: inline-block;
font: normal 16px/1 Genericons; }
.mejs-playpause-button.mejs-play button:before {
content: "\f452"; }
.mejs-playpause-button.mejs-pause button:before {
content: "\f448"; }
.mejs-volume-button.mejs-mute button:before {
content: "\f109";
font-size: 20px;
position: absolute;
top: -2px;
left: 0; }
.mejs-volume-button.mejs-unmute button:before {
content: "\f109";
left: 0;
position: absolute;
top: 0; }
.mejs-fullscreen-button button:before {
content: "\f474"; }
.mejs-fullscreen-button.mejs-unfullscreen button:before {
content: "\f406"; }
.mejs-overlay:hover .mejs-overlay-button {
background-color: #24890d;
color: #fff; }
.mejs-controls .mejs-button button:hover {
color: #41a62a; }
div.page-links,footer.entry-meta {
margin: 20px 0;
overflow: hidden;
width: 100%; }
.post-preview {
margin-bottom: 20px; }
.paging-navigation {
margin-bottom: 30px; }
.widget_categories ul,.widget_nav_menu ul,.widget_pages ul {
list-style: none;
padding: 0;
margin: 0; }
.widget_categories ul li,.widget_nav_menu ul li,.widget_pages ul li {
width: 100%; }
.post .post-thumbnail {
display: block; }
.widget_archive ul {
list-style: none;
margin: 0;
padding: 0; }
.widget_archive ul li {
line-height: 30px; }
.widget_archive ul ul {
padding-left: 10px; }
.rtl .widget_archive ul ul {
padding-right: 10px;
padding-left: inherit; }
.widget_meta>ul,.widget_pages>ul,.widget_recent_comments>ul,.widget_rss>ul {
list-style: none;
padding: 0; }
.widget_text img {
margin-bottom: 10px; }
.widget_text select {
max-width: 100%; }
.widget_calendar table {
width: 100%; }
.sidebar .calendar_wrap,.sidebar .opal-search,.sidebar .tagcloud,.sidebar .textwidget,.sidebar .widget_rss>ul {
padding: 20px; }
.sidebar select {
margin: 20px; }
.sidebar form select {
margin: 0; }
.widget_nav_menu .menu-testing-menu-container>ul>li {
padding: 10px 0; }
.widget_nav_menu .menu-testing-menu-container>ul>li>a:first-child {
padding: 0 10px; }
.widget_nav_menu .menu-testing-menu-container ul li {
line-height: 30px; }
.pagination a {
padding: 10px 15px; }
.pagination span.current {
padding: 10px 15px;
color: #a1e03d; }
/**
* 6.3 Entry Meta
* -----------------------------------------------------------------------------
*/
.cat-links {
/* font-weight: 900; */
text-transform: capitalize; }
.cat-links a {
color: #2b2b2b; }
.cat-links a:hover {
color: #41a62a; }
.byline {
display: none; }
.entry-meta {
clear: both;
font-size: 12px;
font-weight: 300;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
overflow: hidden; }
.entry-meta .tag-links {
margin: 0; }
.author a,.comments-link a,.edit-link a,.entry-category a,.entry-date a,.meta-sep a {
margin: 0 5px; }
.entry-category ul,.entry-category ul li {
margin: 0;
display: inline-block;
padding: 0; }
.entry-category ul li {
list-style: none; }
/**
* 6.4 Entry Content
* -----------------------------------------------------------------------------
*/
.entry-content,.entry-summary,.page-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
margin-bottom: 20px; }
.comment-content a,.comment-content a.button,.comment-content a:hover,.entry-content a,.entry-content a.button,.entry-content a:hover,.entry-summary a,.entry-summary a.button,.entry-summary a:hover,.page-content a,.page-content a.button,.page-content a:hover {
text-decoration: none; }
.comment-content table,.entry-content table {
font-size: 14px;
line-height: 1.2857142857;
margin-bottom: 24px; }
.comment-content th,.entry-content th {
font-weight: 700;
padding: 8px;
text-transform: uppercase; }
.comment-content td,.entry-content td {
padding: 8px; }
.entry-content .edit-link {
clear: both;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1.3333333333;
text-transform: uppercase; }
.entry-content .edit-link a {
color: #a1e03d;
text-decoration: none; }
.entry-content .edit-link a:hover {
color: #41a62a; }
.entry-content .more-link {
white-space: nowrap; }
.ratings a {
text-indent: -9999em !important; }
.entry-content-page {
position: relative; }
.entry-content-page .edit-link {
background: #000;
position: absolute;
top: 0;
right: 0;
padding: 5px 6px;
z-index: 17; }
.entry-content-page .edit-link a {
font-size: 11px;
color: #fff !important; }
.opal-social-share {
margin: 20px 0;
clear: both; }
/* Tag links style */
.tag-links a {
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 1.2727272727;
margin-right: 10px;
padding: 5px;
margin-bottom: 3px;
position: relative;
text-transform: none; }
.rtl .tag-links a {
margin-left: 10px;
margin-right: inherit; }
.tag-links a:hover {
background-color: #96dc27;
color: #fff; }
/**
* Navigation links
*/
.nav-links {
margin-bottom: 30px;
margin-left: -10px;
margin-right: -10px; }
.nav-links a {
display: block;
float: left;
width: 50%;
padding: 0 10px; }
.rtl .nav-links a {
float: right; }
.nav-links a>div {
background-color: #f2f2f2;
padding: 20px 30px 30px;
font-size: 16px;
float: none !important; }
.nav-links a>div.pull-right {
text-align: right; }
.rtl .nav-links a>div.pull-right {
text-align: left; }
.nav-links a>div.pull-right .meta-nav:after {
font-family: FontAwesome;
content: "\f105";
margin-left: 7px;
font-size: 16px; }
.rtl .nav-links a>div.pull-right .meta-nav:after {
margin-right: 7px;
margin-left: inherit; }
.nav-links a>div.pull-left .meta-nav:before {
font-family: FontAwesome;
content: "\f104";
margin-right: 7px;
font-size: 16px; }
.rtl .nav-links a>div.pull-left .meta-nav:before {
margin-left: 7px;
margin-right: inherit; }
.nav-links .meta-nav {
display: block;
text-transform: uppercase;
color: #999;
font-size: 14px;
margin-bottom: 7px;
position: relative; }
/* Mediaelements */
.hentry .mejs-container {
margin: 12px 0 18px; }
.hentry .mejs-container .mejs-controls,.hentry .mejs-mediaelement {
background: #000; }
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #fff; }
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #24890d; }
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-time-rail .mejs-time-total {
background: hsla(0,0%,100%,.33); }
.hentry .mejs-container .mejs-controls .mejs-time {
padding-top: 9px; }
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-time-rail span {
border-radius: 0; }
.hentry .mejs-overlay-loading {
background: transparent; }
.hentry .mejs-overlay-button {
background-color: #fff;
background-image: none;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0,0,0,.8);
color: #000;
height: 36px;
margin-left: -24px;
width: 48px; }
.hentry .mejs-overlay-button:before {
-webkit-font-smoothing: antialiased;
content: "\f452";
display: inline-block;
font: normal 32px/1.125 Genericons;
position: absolute;
top: 1px;
left: 10px; }
.hentry .mejs-controls .mejs-button button:focus {
outline: none; }
.hentry .mejs-controls .mejs-button button {
-webkit-font-smoothing: antialiased;
background: none;
color: #fff;
display: inline-block;
font: normal 16px/1 Genericons; }
.hentry .mejs-playpause-button.mejs-play button:before {
content: "\f452"; }
.hentry .mejs-playpause-button.mejs-pause button:before {
content: "\f448"; }
.hentry .mejs-volume-button.mejs-mute button:before {
content: "\f109";
font-size: 20px;
position: absolute;
top: -2px;
left: 0; }
.hentry .mejs-volume-button.mejs-unmute button:before {
content: "\f109";
left: 0;
position: absolute;
top: 0; }
.hentry .mejs-fullscreen-button button:before {
content: "\f474"; }
.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
content: "\f406"; }
.hentry .mejs-overlay:hover .mejs-overlay-button {
background-color: #24890d;
color: #fff; }
.hentry .mejs-controls .mejs-button button:hover {
color: #41a62a; }
.gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear: both; }
article {
position: relative; }
article .entry-title {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
line-height: 1.5; }
.related-posts-content article .entry-title {
font-size: 14px !important; }
article .entry-meta {
color: #bbb;
margin: 0 0 10px;
text-transform: uppercase;
font-size: 11px; }
article .entry-meta a {
color: #777; }
article .list-item h3 {
font-size: 18px; }
article .post-format a i {
display: none; }
article .post-content span a {
display: inline-block;
color: #a1e03d;
margin-top: 10px; }
article .post-content span a:hover {
color: #96dc27; }
article .post-content a {
display: block;
margin-top: 10px;
color: #a1e03d; }
.related-posts .widget-title span {
padding: 20px 0; }
/*------------------------------------* Comment List
\*------------------------------------*/
.comments .comments-title {
font-size: 24px;
margin-bottom: 0;
padding: 13px 0;
position: relative;
color: #000; }
.comments .the-comment {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #ededed; }
.comments .the-comment .avatar {
float: left;
margin-right: 5px; }
.rtl .comments .the-comment .avatar {
float: right; }
.comments .the-comment .avatar img {
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
.comments .children .the-comment {
padding-left: 65px; }
.rtl .comments .children .the-comment {
padding-right: 65px;
padding-left: inherit; }
.comments .children .children .the-comment {
padding-left: 130px; }
.rtl .comments .children .children .the-comment {
padding-right: 130px;
padding-left: inherit; }
.comments .comment-author {
color: #a1e03d; }
.comments .comment-meta {
font-size: 12px;
color: #aaa; }
.comments a {
color: #a1e03d;
text-transform: uppercase;
font-size: 12px; }
.comments ol,.comments ul {
list-style: none;
margin: 0;
padding: 0; }
.comments ol ol,.comments ol ul,.comments ul ol,.comments ul ul {
padding-left: 20px; }
/*------------------------------------*\
portfolio
\*------------------------------------*/
.single-portfolio .entry-title {
margin: 10px 0 25px; }
.single-portfolio .entry-title .title-post {
text-transform: uppercase;
margin: 0 0 15px; }
.single-portfolio .created {
color: #999;
font-size: 10px;
font-weight: 400;
text-transform: uppercase; }
.single-portfolio .single-body {
margin-top: 30px; }
.single-portfolio .gallery-thumb [class^=col-] {
margin-bottom: 20px; }
.single-portfolio .format-video .content-video {
background: #fafafa; }
.single-portfolio .format-infomation .single-body {
margin-top: 0; }
.single-portfolio .format-infomation .single-body .portfolio-info {
margin-bottom: 30px; }
.single-portfolio .format-infomation .single-body .portfolio-info>div {
padding: 10px 0;
border-top: 1px solid #f1f1f1; }
.single-portfolio .format-infomation .single-body .portfolio-info>div:last-child {
border-bottom: 1px solid #f1f1f1; }
.single-portfolio .format-infomation .single-body .portfolio-info>div>span {
font-size: 16px;
font-weight: 300; }
.single-portfolio .format-infomation .single-body .portfolio-info>div>span:first-child {
width: 90px;
display: inline-block;
color: #777; }
.single-portfolio .format-infomation .single-body .portfolio-info>div>span:last-child {
color: #000; }
.single-portfolio .format-infomation .single-body .portfolio-info a:hover {
color: #a1e03d; }
.portfolio-entries-masonry-entry {
margin-bottom: 30px; }
.portfolio-entries-masonry-entry.nopadding {
margin-bottom: 0; }
.ih-item {
position: relative; }
.ih-item .info {
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0; }
.ih-item .info>* {
color: #fff; }
.ih-item .info h3 {
text-align: center;
padding: 10px;
font-size: 15px; }
.ih-item .info p {
font-style: italic;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
font-size: 14px; }
.ih-item .info {
opacity: 0;
filter: alpha(opacity=0);
background: rgba(0,0,0,.5);
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
@media (max-width: 991px) {
.ih-item .info {
padding-top: 10% !important; } }
.ih-item .info h3 {
background: none; }
.ih-item .info h3:hover {
color: #a1e03d; }
.ih-item .info .description {
display: none; }
.ih-item .info .created,.ih-item .info .zoom {
display: block !important;
visibility: visible !important;
padding: 0;
color: #fff;
font-weight: 400; }
.ih-item .info .info-inner {
position: absolute;
top: 50%;
margin-top: -60px;
left: 0;
width: 100%;
height: auto;
z-index: 1; }
.ih-item .info .info-inner h3 {
margin: 0; }
.ih-item:hover .info {
opacity: 1;
filter: alpha(opacity=100); }
.ih-item.square {
position: relative; }
.ih-item.square .info {
backface-visibility: hidden;
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
background: #333;
color: #fff; }
.ih-item.square .info>* {
color: #fff; }
.ih-item.square .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 10px;
background: #000;
margin: 30px 0 0;
font-size: 15px; }
.ih-item.square .info p {
font-style: italic;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
font-size: 14px; }
.ih-item.square.effect2 {
overflow: hidden; }
.ih-item.square.effect2.colored .info {
background: #333; }
.ih-item.square.effect2.colored .info h3 {
background: #111; }
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
.ih-item.square.effect2 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s ease-in-out .3s;
-o-transition: all .35s .3s ease-in-out;
transition: all .35s ease-in-out .3s; }
.ih-item.square.effect2 .info h3 {
-webkit-transition: all .35s ease-in-out .6s;
-o-transition: all .35s .6s ease-in-out;
transition: all .35s ease-in-out .6s; }
.ih-item.square.effect2 .info h3,.ih-item.square.effect2 .info p {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px); }
.ih-item.square.effect2 .info p {
-webkit-transition: all .35s linear .5s;
-o-transition: all .35s .5s linear;
transition: all .35s linear .5s; }
.ih-item.square.effect2 a:hover .img {
-webkit-transform: rotate(2turn) scale(0);
-moz-transform: rotate(2turn) scale(0);
-ms-transform: rotate(2turn) scale(0);
-o-transform: rotate(2turn) scale(0);
transform: rotate(2turn) scale(0);
opacity: 0; }
.ih-item.square.effect2 a:hover .info {
visibility: visible; }
.ih-item.square.effect2 a:hover .info h3,.ih-item.square.effect2 a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect3.bottom_to_top {
overflow: hidden; }
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.ih-item.square.effect3.bottom_to_top .img,.ih-item.square.effect3.bottom_to_top .info {
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
.ih-item.square.effect3.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px); }
.ih-item.square.effect3.bottom_to_top a:hover .info {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect5 .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect5 .img,.ih-item.square.effect5 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect5 .info {
background: #000;
opacity: 0; }
.ih-item.square.effect5 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0,0;
-moz-transition-delay: 0,0;
-ms-transition-delay: 0,0;
-o-transition-delay: 0,0;
transition-delay: 0,0; }
.ih-item.square.effect5 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: .3s,.3s;
-moz-transition-delay: .3s,.3s;
-ms-transition-delay: .3s,.3s;
-o-transition-delay: .3s,.3s;
transition-delay: .3s,.3s; }
.ih-item.square.effect5.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg); }
.ih-item.square.effect6 {
overflow: hidden; }
.ih-item.square.effect6 .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect6 .img,.ih-item.square.effect6 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect6 .info {
background: #000;
visibility: hidden;
opacity: 0; }
.ih-item.square.effect6 .info h3 {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect6 .info p {
-webkit-transition: all .35s linear .1s;
-o-transition: all .35s .1s linear;
transition: all .35s linear .1s; }
.ih-item.square.effect6 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect6.bottom_to_top .info h3,.ih-item.square.effect6.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.ih-item.square.effect6.bottom_to_top a:hover .info h3,.ih-item.square.effect6.bottom_to_top a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect7 {
overflow: hidden; }
.ih-item.square.effect7 .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect7 .img,.ih-item.square.effect7 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect7 .info {
background: #000;
visibility: hidden;
opacity: 0; }
.ih-item.square.effect7 .info h3 {
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all .35s ease-in-out .1s;
-o-transition: all .35s .1s ease-in-out;
transition: all .35s ease-in-out .1s; }
.ih-item.square.effect7 .info p {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all .35s linear .3s;
-o-transition: all .35s .3s linear;
transition: all .35s linear .3s; }
.ih-item.square.effect7 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.ih-item.square.effect7 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect7 a:hover .info h3,.ih-item.square.effect7 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect8 {
overflow: hidden; }
.ih-item.square.effect8 .img {
opacity: 1; }
.ih-item.square.effect8 .img,.ih-item.square.effect8 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect8 .info {
visibility: hidden;
opacity: 0; }
.ih-item.square.effect8 .info h3 {
-webkit-transition: all .35s ease-in-out .1s;
-o-transition: all .35s .1s ease-in-out;
transition: all .35s ease-in-out .1s; }
.ih-item.square.effect8 .info p {
-webkit-transition: all .35s linear .15s;
-o-transition: all .35s .15s linear;
transition: all .35s linear .15s; }
.ih-item.square.effect8 a:hover .img {
opacity: 0; }
.ih-item.square.effect8 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect8.scale_up .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect8.scale_up .info,.ih-item.square.effect8.scale_up .info h3,.ih-item.square.effect8.scale_up .info p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.ih-item.square.effect8.scale_up a:hover .img {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5); }
.ih-item.square.effect8.scale_up a:hover .info,.ih-item.square.effect8.scale_up a:hover .info h3,.ih-item.square.effect8.scale_up a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect10 {
overflow: hidden; }
.ih-item.square.effect10 .img,.ih-item.square.effect10 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect10 .info {
visibility: hidden;
opacity: 0; }
.ih-item.square.effect10 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect10.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.ih-item.square.effect10.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.ih-item.square.effect10.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.ih-item.square.effect10.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.ih-item.square.effect12 {
overflow: hidden; }
.ih-item.square.effect12 .img,.ih-item.square.effect12 .info {
-webkit-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
transition: all .35s ease-in; }
.ih-item.square.effect12 .info {
background: #000;
visibility: hidden;
opacity: 0; }
.ih-item.square.effect12 .info h3,.ih-item.square.effect12 .info p {
-webkit-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
transition: all .35s ease-in; }
.ih-item.square.effect12 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .2s,.2s;
-moz-transition-delay: .2s,.2s;
-ms-transition-delay: .2s,.2s;
-o-transition-delay: .2s,.2s;
transition-delay: .2s,.2s; }
.ih-item.square.effect12 a:hover .info h3 {
-webkit-transition-delay: .3s,.3s;
-moz-transition-delay: .3s,.3s;
-ms-transition-delay: .3s,.3s;
-o-transition-delay: .3s,.3s;
transition-delay: .3s,.3s; }
.ih-item.square.effect12 a:hover .info p {
-webkit-transition-delay: .25s,.25s;
-moz-transition-delay: .25s,.25s;
-ms-transition-delay: .25s,.25s;
-o-transition-delay: .25s,.25s;
transition-delay: .25s,.25s; }
.ih-item.square.effect12.left_to_right .info {
-webkit-transform: translate(-460px,-100px) rotate(-180deg);
-moz-transform: translate(-460px,-100px) rotate(-180deg);
-ms-transform: translate(-460px,-100px) rotate(-180deg);
-o-transform: translate(-460px,-100px) rotate(-180deg);
transform: translate(-460px,-100px) rotate(-180deg); }
.ih-item.square.effect12.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px); }
.ih-item.square.effect12.left_to_right .info p {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg); }
.ih-item.square.effect12.left_to_right a:hover .info {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0); }
.ih-item.square.effect12.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect12.left_to_right a:hover .info p {
-webkit-transform: translateX(0) rotate(0deg);
-moz-transform: translateX(0) rotate(0deg);
-ms-transform: translateX(0) rotate(0deg);
-o-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg); }
.ih-item.square.effect14 {
overflow: hidden; }
.ih-item.square.effect14 .img {
opacity: 1;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect14 .info {
visibility: hidden;
-webkit-transition: all .35s ease .2s;
-o-transition: all .35s ease .2s;
transition: all .35s ease .2s; }
.ih-item.square.effect14 .info,.ih-item.square.effect14 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5); }
.ih-item.square.effect14 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect14.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0); }
.ih-item.square.effect14.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg); }
.ih-item.square.effect15 {
overflow: hidden;
-webkit-perspective: 900px;
-ms-perspective: 900px;
-moz-perspective: 900px;
-o-perspective: 900px;
perspective: 900px; }
.ih-item.square.effect15 .img {
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; }
.ih-item.square.effect15 .info {
opacity: 0;
-webkit-transition: all .35s ease-in-out .3s;
-o-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s; }
.ih-item.square.effect15 a:hover .img {
opacity: 0;
visibility: hidden; }
.ih-item.square.effect15 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect15.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.ih-item.square.effect15.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%; }
.ih-item.square.effect15.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg); }
.ih-item.square.effect15.left_to_right a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0); }
.ih-item.square.effect16 .info {
opacity: 0;
filter: alpha(opacity=0);
background: #a1e03d;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
@media (max-width: 991px) {
.ih-item.square.effect16 .info {
padding-top: 10px !important; } }
@media (max-width: 767px) {
.ih-item.square.effect16 .info {
display: none !important; } }
.ih-item.square.effect16 .info h3 {
background: none; }
.ih-item.square.effect16 .info h3 a {
color: #000 !important;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
.ih-item.square.effect16 .info h3 a:hover {
color: #fff !important; }
.ih-item.square.effect16 .info .description {
display: none; }
.ih-item.square.effect16 .info .created,.ih-item.square.effect16 .info .zoom {
display: block !important;
visibility: visible !important;
padding: 0;
color: #fff;
font-weight: 400; }
.ih-item.square.effect16 .info .zoom i {
border: 1px solid #fff !important; }
.ih-item.square.effect16 .info .info-inner {
position: absolute;
top: 50%;
margin-top: -60px;
left: 0;
width: 100%;
height: auto;
z-index: 1; }
.ih-item.square.effect16 .info .info-inner h3 {
margin: 0; }
.ih-item.square.effect16:hover .info {
opacity: 1;
filter: alpha(opacity=100); }
.zoomLens {
width: 50px !important;
height: 50px !important; }
.zoomLens:before {
content: "\f067";
font-family: FontAwesome;
height: 50px;
width: 50px;
text-align: center;
line-height: 48px;
font-size: 20px;
display: block;
font-weight: 400; }
[class*=" fa-"],[class*=" fa-"]:before,[class^=fa-],[class^=fa-]:before {
line-height: 1; }
/*Space
------------------------------------*/
/*Margin Top*/
.space-top-5 {
margin-top: 5px !important; }
.space-top-10 {
margin-top: 10px !important; }
.space-top-15 {
margin-top: 15px !important; }
.space-top-20 {
margin-top: 20px !important; }
.space-top-25 {
margin-top: 25px !important; }
.space-top-30 {
margin-top: 30px !important; }
.space-top-35 {
margin-top: 35px !important; }
.space-top-40 {
margin-top: 40px !important; }
.space-top-45 {
margin-top: 45px !important; }
.space-top-50 {
margin-top: 50px !important; }
/*Margin Bottom*/
.space-5 {
margin-bottom: 5px !important; }
.space-10 {
margin-bottom: 10px !important; }
.space-15 {
margin-bottom: 15px !important; }
.space-20 {
margin-bottom: 20px !important; }
.space-25 {
margin-bottom: 25px !important; }
.space-30 {
margin-bottom: 30px !important; }
.space-35 {
margin-bottom: 35px !important; }
.space-40 {
margin-bottom: 40px !important; }
.space-45 {
margin-bottom: 45px !important; }
.space-50 {
margin-bottom: 50px !important; }
.no-margin-bottom {
margin-bottom: 0; }
/*Padding Around the Block*/
.space-padding-0 {
padding: 0 !important; }
.space-padding-10 {
padding: 10px !important; }
.space-padding-20 {
padding: 20px !important; }
.space-padding-30 {
padding: 30px !important; }
.space-padding-40 {
padding: 40px !important; }
.space-padding-50 {
padding: 50px !important; }
.hasborder {
border: 1px solid #ededed !important; }
.noborder {
border: 1px solid transparent !important; }
.border-top {
border-top: 1px solid #ededed !important;
margin-top: 2px; }
@media (min-width: 1200px) {
.border-right {
border-right: 1px solid #e1e1e1; }
.rtl .border-right {
border-right: inherit; } }
@media (min-width: 1200px) {
.border-left,.rtl .border-right {
border-left: 1px solid #e1e1e1; }
.rtl .border-left {
border-right: 1px solid #e1e1e1;
border-left: inherit; } }
.line-height-30 {
line-height: 30px; }
.bg-none {
background: transparent !important; }
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
.no-space-row .kc_column,.no-space-row .row {
margin: 0; }
.no-space-row [class*=col-],.no-space-row [class*=kc_col-],.no-space-row [class^=col-],.no-space-row [class^=kc_col-] {
padding: 0; }
.no-padding {
margin: 0 !important;
padding: 0 !important; }
.bg-white {
background: #fff; }
.bg-primary {
background: #a1e03d; }
.box-shadow {
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.11);
box-shadow: 0 0 4px 0 rgba(0,0,0,.11);
background: #fff; }
.btn-outline-light {
color: #fff;
background-color: transparent;
border-color: #fff; }
.btn-outline-light.active,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:hover,.open .btn-outline-light.dropdown-toggle {
color: #fff;
background-color: #a1e03d;
border-color: #a1e03d; }
.btn-outline-light.active,.btn-outline-light:active,.open .btn-outline-light.dropdown-toggle {
background-image: none; }
.btn-outline-light.disabled,.btn-outline-light.disabled.active,.btn-outline-light.disabled:active,.btn-outline-light.disabled:focus,.btn-outline-light.disabled:hover,.btn-outline-light[disabled],.btn-outline-light[disabled].active,.btn-outline-light[disabled]:active,.btn-outline-light[disabled]:focus,.btn-outline-light[disabled]:hover,fieldset[disabled] .btn-outline-light,fieldset[disabled] .btn-outline-light.active,fieldset[disabled] .btn-outline-light:active,fieldset[disabled] .btn-outline-light:focus,fieldset[disabled] .btn-outline-light:hover {
background-color: transparent;
border-color: #fff; }
.btn-outline-light .badge {
color: transparent;
background-color: #fff; }
.btn-outline-dark {
color: #000;
background-color: transparent;
border-color: #000; }
.btn-outline-dark.active,.btn-outline-dark:active,.btn-outline-dark:focus,.btn-outline-dark:hover,.open .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #a1e03d;
border-color: #a1e03d; }
.btn-outline-dark.active,.btn-outline-dark:active,.open .btn-outline-dark.dropdown-toggle {
background-image: none; }
.btn-outline-dark.disabled,.btn-outline-dark.disabled.active,.btn-outline-dark.disabled:active,.btn-outline-dark.disabled:focus,.btn-outline-dark.disabled:hover,.btn-outline-dark[disabled],.btn-outline-dark[disabled].active,.btn-outline-dark[disabled]:active,.btn-outline-dark[disabled]:focus,.btn-outline-dark[disabled]:hover,fieldset[disabled] .btn-outline-dark,fieldset[disabled] .btn-outline-dark.active,fieldset[disabled] .btn-outline-dark:active,fieldset[disabled] .btn-outline-dark:focus,fieldset[disabled] .btn-outline-dark:hover {
background-color: transparent;
border-color: #000; }
.btn-outline-dark .badge {
color: transparent;
background-color: #000; }
.btn-inverse-light {
color: #a1e03d;
background-color: #fff;
border-color: #fff; }
.btn-inverse-light.active,.btn-inverse-light:active,.btn-inverse-light:focus,.btn-inverse-light:hover,.open .btn-inverse-light.dropdown-toggle {
color: #fff;
background-color: transparent;
border-color: #fff; }
.btn-inverse-light.active,.btn-inverse-light:active,.open .btn-inverse-light.dropdown-toggle {
background-image: none; }
.btn-inverse-light.disabled,.btn-inverse-light.disabled.active,.btn-inverse-light.disabled:active,.btn-inverse-light.disabled:focus,.btn-inverse-light.disabled:hover,.btn-inverse-light[disabled],.btn-inverse-light[disabled].active,.btn-inverse-light[disabled]:active,.btn-inverse-light[disabled]:focus,.btn-inverse-light[disabled]:hover,fieldset[disabled] .btn-inverse-light,fieldset[disabled] .btn-inverse-light.active,fieldset[disabled] .btn-inverse-light:active,fieldset[disabled] .btn-inverse-light:focus,fieldset[disabled] .btn-inverse-light:hover {
background-color: #fff;
border-color: #fff; }
.btn-inverse-light .badge {
color: #fff;
background-color: #a1e03d; }
.btn-outline {
background: transparent; }
.btn-outline.btn-default,.home2 .section-category-subs .category-filter-link a.btn-outline {
color: #000; }
.btn-outline.btn-default:hover,.home2 .section-category-subs .category-filter-link a.btn-outline:hover {
color: #fff; }
.btn-outline.btn-primary {
color: #a1e03d; }
.btn-outline.btn-primary:hover {
color: #fff; }
.btn-outline.btn-success {
color: #a1e03d; }
.btn-outline.btn-success:hover {
color: #fff; }
.btn-outline.btn-info {
color: #04adf0; }
.btn-outline.btn-info:hover {
color: #fff; }
.btn-outline.btn-danger {
color: #e93434; }
.btn-outline.btn-danger:hover {
color: #fff; }
.btn-outline.btn-warning {
color: #f0c73b; }
.btn-outline.btn-warning:hover {
color: #fff; }
.btn-inverse.btn-primary:hover,.btn-inverse.btn-success:hover {
color: #a1e03d;
background: transparent; }
.btn-inverse.btn-info:hover {
color: #04adf0;
background: transparent; }
.btn-inverse.btn-danger:hover {
color: #e93434;
background: transparent; }
.btn-inverse.btn-warning:hover {
color: #f0c73b;
background: transparent; }
.btn-3d {
border: 0 none;
box-shadow: inset 0 -5px 0 0 rgba(0,0,0,.15); }
/* 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: translateZ(0); }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
height: 100% !important;
direction: ltr !important; }
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height .5s ease-in-out;
-moz-transition: height .5s ease-in-out;
-ms-transition: height .5s ease-in-out;
-o-transition: height .5s ease-in-out;
transition: height .5s ease-in-out; }
.owl-carousel .owl-item {
float: left;
padding: 0 15px; }
.owl-controls .owl-buttons div,.owl-controls .owl-page {
cursor: pointer; }
.owl-controls .owl-buttons div {
position: absolute; }
.owl-controls .owl-buttons .owl-prev {
left: 10px;
top: 50%; }
.rtl .owl-controls .owl-buttons .owl-prev {
right: 10px;
left: auto; }
.owl-controls .owl-buttons .owl-next {
right: 10px;
top: 50%; }
.rtl .owl-controls .owl-buttons .owl-next {
left: 10px;
right: auto; }
/* mouse grab icon */
/* fix */
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden; }
/* OpenCart Code */
.owl-carousel {
margin: 0; }
.owl-carousel .owl-buttons div {
opacity: 0;
color: rgba(0,0,0,.8);
text-shadow: 1px 1px 0 hsla(0,0%,100%,.3);
transition: all .3s ease; }
.owl-carousel:hover .owl-buttons div {
opacity: .7; }
.owl-carousel .owl-buttons div i {
font-size: 40px;
margin: -20px 0 0; }
.owl-carousel .owl-buttons .owl-prev {
left: -50px; }
.owl-carousel .owl-buttons .owl-next {
right: -50px; }
.owl-carousel:hover .owl-buttons .owl-prev {
left: 10px; }
.owl-carousel:hover .owl-buttons .owl-next {
right: 10px; }
.owl-pagination {
text-align: center;
top: 0;
position: relative;
margin-bottom: 30px; }
.owl-controls .owl-page {
display: inline-block;
margin: 0 6px; }
.owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
background: #a1e03d;
border-radius: 20px;
/* box-shadow: inset 0 0 3px rgba(0,0,0,0.3); */ }
.owl-controls .owl-page.active {
position: relative;
top: 4px; }
.owl-controls .owl-page.active span {
background: transparent;
border: 2px solid #a1e03d;
width: 14px;
height: 14px; }
.owl-carousel-play {
position: relative;
margin-left: -15px;
margin-right: -15px; }
.owl-carousel-play .owl-controls {
display: none !important; }
.owl-carousel-play .carousel-control {
opacity: 0;
z-index: 1;
right: 0;
top: 50%;
line-height: 32px;
position: absolute;
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s;
background: #fff; }
.rtl .owl-carousel-play .carousel-control {
left: 0;
right: auto; }
.owl-carousel-play .carousel-control.left {
left: -10px; }
.owl-carousel-play .carousel-control.right {
right: -10px;
left: auto; }
.owl-carousel-play:hover .carousel-control {
opacity: 1; }
.owl-carousel-play:hover .carousel-control.left {
left: 15px; }
.owl-carousel-play:hover .carousel-control.right {
right: 15px; }
.carousel-md {
width: 44px;
height: 44px;
line-height: 44px; }
.carousel-sm {
width: 34px;
height: 34px;
line-height: 34px;
font-size: 14px; }
.carousel-xs {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 14px; }
/*Font Weight*/
.fweight-100 {
font-weight: 100 !important; }
.fweight-200 {
font-weight: 200 !important; }
.fweight-300 {
font-weight: 300 !important; }
.fweight-400 {
font-weight: 400 !important; }
.fweight-500 {
font-weight: 500 !important; }
.fweight-600 {
font-weight: 600 !important; }
.fweight-700 {
font-weight: 700 !important; }
.fweight-800 {
font-weight: 800 !important; }
.text-big-1 {
font-size: 16px; }
.text-big-2 {
font-size: 24px;
font-weight: 600; }
.text-big-3 {
font-size: 48px; }
.text-purple {
color: #6c58bd !important; }
.text-red {
color: #c32322 !important; }
.text-red-1 {
color: red !important; }
.text-orange {
color: #f66000 !important; }
.text-yellow {
color: #e2d951 !important; }
.text-black {
color: #000 !important; }
.text-light,.text-white {
color: #fff !important; }
.text-darker {
color: #333 !important; }
.initialism,.text-uppercase {
text-transform: uppercase; }
/*Radius
------------------------------------*/
.radius-0 {
border-radius: 0 !important; }
.radius-x {
border-radius: 50% !important; }
.radius-1x {
border-radius: 10px !important; }
.radius-2x {
border-radius: 20px !important; }
.radius-3x {
border-radius: 30px !important; }
.radius-4x {
border-radius: 40px !important; }
.radius-5x {
border-radius: 5px !important; }
.radius-6x {
border-radius: 3px !important; }
/**
* Menu
*/
ul.menu {
padding: 0;
margin: 0; }
ul.menu li {
list-style: none; }
/****/
.testimonial-collection .testimonials-avatar {
margin: 25px 0; }
.testimonial-collection .testimonials-name {
color: #a1e03d;
letter-spacing: 2px;
font-size: 16px; }
.testimonial-collection .testimonials-left .testimonials-avatar {
float: left; }
.rtl .testimonial-collection .testimonials-left .testimonials-avatar {
float: right; }
.testimonial-collection .testimonials-v2 {
text-align: center;
padding: 20px 15px; }
@media (min-width: 1200px) {
.testimonial-collection .testimonials-v2 {
padding: 45px 200px; } }
.testimonial-collection .testimonials-v6 {
text-align: center;
padding: 20px 15px; }
@media (min-width: 1200px) {
.testimonial-collection .testimonials-v6 {
padding: 45px 200px; } }
.testimonial-collection .testimonials {
padding: 0 70px; }
.testimonial-collection .testimonials .testimonials-name {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 14px; }
/** SOCIAL ICONS ***/
.bo-social-icons [class^=bo-social-] {
color: #fff;
display: inline-block;
margin: 10px 5px;
overflow: hidden;
text-decoration: none;
text-align: center;
vertical-align: top;
line-height: 36px;
width: 36px;
height: 36px;
background: #e1e1e1;
color: #a1a1a1;
transition: all .2s ease-out 0s;
border-radius: 100%; }
.bo-social-icons [class^=bo-social-]:hover {
background: #000;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
.bo-social-icons .bo-social-white {
background: #fff;
color: #a1a1a1;
border: 1px solid #a1a1a1; }
.bo-social-icons .bo-social-outline {
background: transparent;
color: #000;
border: 1px solid #000; }
.bo-social-icons .bo-social-outline-light {
background: transparent;
color: #fff;
border: 1px solid #fff; }
.bo-social-icons .bo-social-outline-light:hover {
background: #fff;
color: #000;
border-color: #000; }
.bo-social-icons:first-child [class*=bo-social-] {
margin-top: 0; }
.bo-social-icons:last-child [class*=bo-social-] {
margin-bottom: 0; }
.bo-social-icons.bo-sicolor [class*=bo-social-] {
color: #fff;
margin-bottom: 10px; }
.bo-sicolor .bo-social-twitter {
background: #00bdec; }
.bo-sicolor .bo-social-twitter:hover {
background: #000; }
.bo-sicolor .bo-social-dribbble {
background: #ef5b92; }
.bo-sicolor .bo-social-dribbble:hover {
background: #000; }
.bo-sicolor .bo-social-facebook {
background: #3b5998; }
.bo-sicolor .bo-social-facebook:hover {
background: #000; }
.bo-sicolor .bo-social-duckduckgo {
background: #de3100; }
.bo-sicolor .bo-social-duckduckgo:hover {
background: #000; }
.bo-sicolor .bo-social-aim {
background: #158799; }
.bo-sicolor .bo-social-aim:hover {
background: #000; }
.bo-sicolor .bo-social-delicious {
background: #183864; }
.bo-sicolor .bo-social-delicious:hover {
background: #000; }
.bo-sicolor .bo-social-paypal {
background: #32689a; }
.bo-sicolor .bo-social-paypal:hover {
background: #000; }
.bo-sicolor .bo-social-android {
background: #8ab733; }
.bo-sicolor .bo-social-android:hover {
background: #000; }
.bo-sicolor .bo-social-gplus {
background: #d94a39; }
.bo-sicolor .bo-social-gplus:hover {
background: #000; }
.bo-sicolor .bo-social-lanyrd {
background: #3879ba; }
.bo-sicolor .bo-social-lanyrd:hover {
background: #000; }
.bo-sicolor .bo-social-stumbleupon {
background: #ea4b24; }
.bo-sicolor .bo-social-stumbleupon:hover {
background: #000; }
.bo-sicolor .bo-social-fivehundredpx {
background: #00a6e1; }
.bo-sicolor .bo-social-fivehundredpx:hover {
background: #000; }
.bo-sicolor .bo-social-pinterest {
background: #b8242a; }
.bo-sicolor .bo-social-pinterest:hover {
background: #000; }
.bo-sicolor .bo-social-bitcoin {
background: #f7931a; }
.bo-sicolor .bo-social-bitcoin:hover {
background: #000; }
.bo-sicolor .bo-social-w3c {
background: #005a9c; }
.bo-sicolor .bo-social-w3c:hover {
background: #000; }
.bo-sicolor .bo-social-foursquare {
background: #3bb7e8; }
.bo-sicolor .bo-social-foursquare:hover {
background: #000; }
.bo-sicolor .bo-social-html5 {
background: #e44e26; }
.bo-sicolor .bo-social-html5:hover {
background: #000; }
.bo-sicolor .bo-social-ie {
background: #0cf; }
.bo-sicolor .bo-social-ie:hover {
background: #000; }
.bo-sicolor .bo-social-grooveshark {
background: #f66f00; }
.bo-sicolor .bo-social-grooveshark:hover {
background: #000; }
.bo-sicolor .bo-social-ninetyninedesigns {
background: #ff5501; }
.bo-sicolor .bo-social-ninetyninedesigns:hover {
background: #000; }
.bo-sicolor .bo-social-forrst {
background: #223f17; }
.bo-sicolor .bo-social-forrst:hover {
background: #000; }
.bo-sicolor .bo-social-spotify {
background: #8fbd05; }
.bo-sicolor .bo-social-spotify:hover {
background: #000; }
.bo-sicolor .bo-social-reddit {
background: #ff4500; }
.bo-sicolor .bo-social-reddit:hover {
background: #000; }
.bo-sicolor .bo-social-gowalla {
background: #f6911d; }
.bo-sicolor .bo-social-gowalla:hover {
background: #000; }
.bo-sicolor .bo-social-apple {
background: #5f5f5f; }
.bo-sicolor .bo-social-apple:hover {
background: #000; }
.bo-sicolor .bo-social-blogger {
background: #fb9241; }
.bo-sicolor .bo-social-blogger:hover {
background: #000; }
.bo-sicolor .bo-social-cc {
background: #5e7c00; }
.bo-sicolor .bo-social-cc:hover {
background: #000; }
.bo-sicolor .bo-social-evernote {
background: #61b239; }
.bo-sicolor .bo-social-evernote:hover {
background: #000; }
.bo-sicolor .bo-social-flickr {
background: #ff0084; }
.bo-sicolor .bo-social-flickr:hover {
background: #000; }
.bo-sicolor .bo-social-google {
background: #d94a39; }
.bo-sicolor .bo-social-google:hover {
background: #000; }
.bo-sicolor .bo-social-viadeo {
background: #f5a433; }
.bo-sicolor .bo-social-viadeo:hover {
background: #000; }
.bo-sicolor .bo-social-instapaper {
background: #eaec08; }
.bo-sicolor .bo-social-instapaper:hover {
background: #000; }
.bo-sicolor .bo-social-klout {
background: #e34600; }
.bo-sicolor .bo-social-klout:hover {
background: #000; }
.bo-sicolor .bo-social-linkedin {
background: #1b92bd; }
.bo-sicolor .bo-social-linkedin:hover {
background: #000; }
.bo-sicolor .bo-social-meetup {
background: #e51938; }
.bo-sicolor .bo-social-meetup:hover {
background: #000; }
.bo-sicolor .bo-social-vk {
background: #587da4; }
.bo-sicolor .bo-social-vk:hover {
background: #000; }
.bo-sicolor .bo-social-disqus {
background: #2e9fff; }
.bo-sicolor .bo-social-disqus:hover {
background: #000; }
.bo-sicolor .bo-social-rss {
background: #ff7f00; }
.bo-sicolor .bo-social-rss:hover {
background: #000; }
.bo-sicolor .bo-social-skype {
background: #18b7f1; }
.bo-sicolor .bo-social-skype:hover {
background: #000; }
.bo-sicolor .bo-social-youtube {
background: #c4302b; }
.bo-sicolor .bo-social-youtube:hover {
background: #000; }
.bo-sicolor .bo-social-vimeo {
background: #01557a; }
.bo-sicolor .bo-social-vimeo:hover {
background: #000; }
.bo-sicolor .bo-social-windows {
background: #0cf; }
.bo-sicolor .bo-social-windows:hover {
background: #000; }
.bo-sicolor .bo-social-xing {
background: #036567; }
.bo-sicolor .bo-social-xing:hover {
background: #000; }
.bo-sicolor .bo-social-yahoo {
background: #61399d; }
.bo-sicolor .bo-social-yahoo:hover {
background: #000; }
.bo-sicolor .bo-social-chrome {
background: #58b947; }
.bo-sicolor .bo-social-chrome:hover {
background: #000; }
.bo-sicolor .bo-social-macstore {
background: #6e6e6e; }
.bo-sicolor .bo-social-macstore:hover {
background: #000; }
.bo-sicolor .bo-social-amazon {
background: #f90; }
.bo-sicolor .bo-social-amazon:hover {
background: #000; }
.bo-sicolor .bo-social-steam {
background: #a5a4a1; }
.bo-sicolor .bo-social-steam:hover {
background: #000; }
.bo-sicolor .bo-social-dropbox {
background: #7ab6ec; }
.bo-sicolor .bo-social-dropbox:hover {
background: #000; }
.bo-sicolor .bo-social-cloudapp {
background: #489dde; }
.bo-sicolor .bo-social-cloudapp:hover {
background: #000; }
.bo-sicolor .bo-social-ebay {
background: #86b817; }
.bo-sicolor .bo-social-ebay:hover {
background: #000; }
.bo-sicolor .bo-social-github {
background: #667f8e; }
.bo-sicolor .bo-social-github:hover {
background: #000; }
.bo-sicolor .bo-social-googleplay {
background: #5befd0; }
.bo-sicolor .bo-social-googleplay:hover {
background: #000; }
.bo-sicolor .bo-social-itunes {
background: #177ac8; }
.bo-sicolor .bo-social-itunes:hover {
background: #000; }
.bo-sicolor .bo-social-plurk {
background: #a73d07; }
.bo-sicolor .bo-social-plurk:hover {
background: #000; }
.bo-sicolor .bo-social-songkick {
background: #f80046; }
.bo-sicolor .bo-social-songkick:hover {
background: #000; }
.bo-sicolor .bo-social-lastfm {
background: #c60e16; }
.bo-sicolor .bo-social-lastfm:hover {
background: #000; }
.bo-sicolor .bo-social-gmail {
background: #e04a3f; }
.bo-sicolor .bo-social-gmail:hover {
background: #000; }
.bo-sicolor .bo-social-pinboard {
background: #224cf4; }
.bo-sicolor .bo-social-pinboard:hover {
background: #000; }
.bo-sicolor .bo-social-openid {
background: #be661b; }
.bo-sicolor .bo-social-openid:hover {
background: #000; }
.bo-sicolor .bo-social-quora {
background: #c41a00; }
.bo-sicolor .bo-social-quora:hover {
background: #000; }
.bo-sicolor .bo-social-soundcloud {
background: #ff5c00; }
.bo-sicolor .bo-social-soundcloud:hover {
background: #000; }
.bo-sicolor .bo-social-tumblr {
background: #395874; }
.bo-sicolor .bo-social-tumblr:hover {
background: #000; }
.bo-sicolor .bo-social-eventasaurus {
background: #b9f15e; }
.bo-sicolor .bo-social-eventasaurus:hover {
background: #000; }
.bo-sicolor .bo-social-wordpress {
background: #464646; }
.bo-sicolor .bo-social-yelp {
background: #c41200; }
.bo-sicolor .bo-social-yelp:hover {
background: #000; }
.bo-sicolor .bo-social-intensedebate {
background: #00aeef; }
.bo-sicolor .bo-social-intensedebate:hover {
background: #000; }
.bo-sicolor .bo-social-eventbrite {
background: #ff6c00; }
.bo-sicolor .bo-social-eventbrite:hover {
background: #000; }
.bo-sicolor .bo-social-scribd {
background: #002939; }
.bo-sicolor .bo-social-scribd:hover {
background: #000; }
.bo-sicolor .bo-social-posterous {
background: #f8d667; }
.bo-sicolor .bo-social-posterous:hover {
background: #000; }
.bo-sicolor .bo-social-stripe {
background: #617ee8; }
.bo-sicolor .bo-social-stripe:hover {
background: #000; }
.bo-sicolor .bo-social-opentable {
background: #900; }
.bo-sicolor .bo-social-opentable:hover {
background: #000; }
.bo-sicolor .bo-social-instagram {
background: #4c799f; }
.bo-sicolor .bo-social-instagram:hover {
background: #000; }
.bo-sicolor .bo-social-dwolla {
background: #ff7404; }
.bo-sicolor .bo-social-dwolla:hover {
background: #000; }
.bo-sicolor .bo-social-appnet {
background: #1e0c29; }
.bo-sicolor .bo-social-appnet:hover {
background: #000; }
.bo-sicolor .bo-social-statusnet {
background: #fb6104; }
.bo-sicolor .bo-social-statusnet:hover {
background: #000; }
.bo-sicolor .bo-social-acrobat {
background: red; }
.bo-sicolor .bo-social-acrobat:hover {
background: #000; }
.bo-sicolor .bo-social-drupal {
background: #007dc3; }
.bo-sicolor .bo-social-drupal:hover {
background: #000; }
.bo-sicolor .bo-social-pocket {
background: #ee4056; }
.bo-sicolor .bo-social-pocket:hover {
background: #000; }
.bo-sicolor .bo-social-bitbucket {
background: #205081; }
.bo-sicolor .bo-social-bitbucket:hover {
background: #000; }
.bo-sicolor .bo-social-flattr {
background: #fbbc23; }
.bo-sicolor .bo-social-flattr:hover {
background: #000; }
.bo-sicolor .bo-social-eventful {
background: #06c; }
.bo-sicolor .bo-social-eventful:hover {
background: #000; }
.bo-sicolor .bo-social-smashmag {
background: #d6231c; }
.bo-sicolor .bo-social-smashmag:hover {
background: #000; }
.bo-sicolor .bo-social-wordpress {
background: #1e8cbe; }
.bo-sicolor .bo-social-wordpress:hover {
background: #000; }
.bo-sicolor .bo-social-calendar {
background: red; }
.bo-sicolor .bo-social-calendar:hover {
background: #000; }
.bo-sicolor .bo-social-call {
background: #04be3d; }
.bo-sicolor .bo-social-call:hover {
background: #000; }
.bo-sicolor .bo-social-guest {
background: #03a9d2; }
.bo-sicolor .bo-social-guest:hover {
background: #000; }
.bo-sicolor .bo-social-weibo {
background: #fd0000; }
.bo-sicolor .bo-social-weibo:hover {
background: #000; }
.bo-sicolor .bo-social-plancast {
background: #e4b82c; }
.bo-sicolor .bo-social-plancast:hover {
background: #000; }
.bo-sicolor .bo-social-email {
background: blue; }
.bo-sicolor .bo-social-email:hover {
background: #000; }
.bo-sicolor .bo-social-myspace {
background: #2068b0; }
.bo-sicolor .bo-social-myspace:hover {
background: #000; }
.bo-sicolor .bo-social-podcast {
background: #f38b36; }
.bo-sicolor .bo-social-podcast:hover {
background: #000; }
.bo-sicolor .bo-social-cart {
background: #00a204; }
.bo-sicolor .bo-social-cart:hover {
background: #000; }
/* --- SCSS For Typography --- */
.dropcap {
color: #000;
float: left;
font-weight: 800;
line-height: 48px;
width: 60px;
height: 60px;
margin-right: 10px;
padding: 3px 10px 2px;
text-transform: uppercase;
text-align: center;
font-size: 48px; }
.dropcap.dropcap-v2 {
color: #fff;
background: #a1e03d; }
.dropcap.dropcap-info {
background: #04adf0; }
.dropcap.dropcap-danger {
background: #e93434; }
.dropcap.dropcap-success {
background: #70ba28; }
.dropcap.dropcap-warning {
background: #f0c73b; }
.blockquote {
position: relative;
font-weight: 300;
font-style: italic; }
.blockquote.blockquote-left i {
left: 17px;
margin-right: 10px; }
.blockquote.blockquote-right {
border-left: none;
padding-left: 30px;
padding-right: 20px; }
.blockquote.blockquote-right i {
right: 17px;
margin-left: 10px; }
.blockquote.blockquote-right .blockquote-in {
margin-right: 45px; }
.blockquote.blockquote-brd {
padding: 15px;
border: 1px solid #eee; }
.blockquote.blockquote-brd i {
color: #000;
top: 30px;
left: 25px;
position: absolute; }
.blockquote.blockquote-brd .blockquote-in {
margin-left: 45px; }
.blockquote.blockquote-info {
border-left-color: #04adf0; }
.blockquote.blockquote-danger {
border-left-color: #e93434; }
.blockquote.blockquote-success {
border-left-color: #70ba28; }
.blockquote.blockquote-warning {
border-left-color: #f0c73b; }
.blockquote.border {
border: 1px solid #ddd; }
/* --- SCSS For Counters --- */
.pricing {
text-align: center; }
.pricing ul {
padding-left: 0;
padding-right: 0; }
.pricing ul li {
list-style: none; }
.pricing.pricing-v1 {
background: #fff;
border: 3px solid #313131; }
.pricing.pricing-v1 .pricing-header>* {
font-family: Poppins,sans-serif; }
.pricing.pricing-v1 .plan-title {
font-size: 24px;
text-transform: uppercase;
font-weight: 300;
margin: 0;
padding: 30px 0;
background: #313131;
color: #fff; }
.pricing.pricing-v1 .plan-figure {
font-size: 48px;
font-weight: 700;
color: #000; }
.pricing.pricing-v1 .plan-price {
font-size: 16px;
border-bottom: 2px solid #ededed;
line-height: 1;
padding: 25px 0; }
.pricing.pricing-v1 .plan-price p {
margin: 0; }
.pricing.pricing-v1 .plan-currency {
font-size: 30px;
font-weight: 700;
color: #000;
position: relative;
top: -15px; }
.pricing.pricing-v1 .plain-info {
padding: 20px; }
.pricing.pricing-v1 .plain-info li {
font-size: 16px;
color: #555;
font-weight: 400;
padding: 15px 0; }
.pricing.pricing-v1 .pricing-footer {
padding: 0 20px 40px; }
.pricing.pricing-v1.pricing-highlight {
border-color: #a1e03d !important; }
.pricing.pricing-v2 {
background: #fff; }
.pricing.pricing-v2 .plan-title {
color: #000;
font-size: 24px;
text-transform: uppercase;
font-weight: 300;
margin: 0;
padding: 30px 0; }
.pricing.pricing-v2 .plan-price {
background: #a1e03d;
margin: 0 -10px;
position: relative;
height: 100px; }
.pricing.pricing-v2 .plan-price .plan-price-body {
background: #a1e03d;
margin: 0 auto;
border-radius: 50%;
position: absolute;
left: 0;
top: -15px;
right: 0;
color: #fff;
width: 130px;
height: 130px; }
.pricing.pricing-v2 .plan-price .plan-figure {
font-size: 48px;
font-weight: 300; }
.pricing.pricing-v2 .plan-price .plan-currency {
font-size: 30px;
font-weight: 300; }
.pricing.pricing-v2 .plain-info {
padding: 20px; }
.pricing.pricing-v2 .plain-info li {
color: #000;
line-height: 62px;
border-bottom: 1px dashed #c8c8c8; }
.pricing.pricing-v2 .pricing-footer {
padding: 0 20px 40px; }
.pricing.pricing-v2.pricing-highlight .plan-title {
background: #fff;
color: #000; }
.pricing.pricing-v2.pricing-highlight .plan-price-body {
background: #a1e03d;
color: #fff; }
.pricing.pricing-v2.pricing-highlight .btn-block {
background: #a1e03d;
border-color: #a1e03d; }
.pricing.pricing-v2.pricing-highlight .btn-block:active,.pricing.pricing-v2.pricing-highlight .btn-block:focus,.pricing.pricing-v2.pricing-highlight .btn-block:hover {
background: none;
color: #a1e03d; }
.pricing.pricing-v3 {
background: #fff;
border: 1px solid #dedede; }
.pricing.pricing-v3 .plan-title {
background: #261f2f;
font-size: 24px;
text-transform: uppercase;
font-weight: 300;
margin: 0;
padding: 30px 0;
border: none; }
.pricing.pricing-v3 .plan-title span {
color: #fff; }
.pricing.pricing-v3 .plan-figure {
font-size: 48px;
font-weight: 300;
color: #000; }
.pricing.pricing-v3 .plan-price {
font-size: 16px;
background: #332c3e;
padding: 15px 0; }
.pricing.pricing-v3 .plan-price>* {
color: #fff;
line-height: 1; }
.pricing.pricing-v3 .plan-currency {
font-size: 30px;
font-weight: 300; }
.pricing.pricing-v3 .plain-info li {
font-size: 16px;
color: #000;
font-weight: 300;
background: #f8f8f8;
padding: 14px 0; }
.pricing.pricing-v3 .plain-info li:nth-child(odd) {
background: #fff; }
.pricing.pricing-v3 .pricing-footer {
padding: 0 20px 40px; }
.pricing.pricing-v3.pricing-highlight .plan-price,.pricing.pricing-v3.pricing-highlight .plan-title {
background: #a1e03d;
color: #fff; }
.pricing.pricing-v3.pricing-highlight .btn-block {
background: #a1e03d;
border-color: #a1e03d; }
.pricing.pricing-v3.pricing-highlight .btn-block:active,.pricing.pricing-v3.pricing-highlight .btn-block:focus,.pricing.pricing-v3.pricing-highlight .btn-block:hover {
background: none;
color: #a1e03d; }
.pricing.pricing-highlight .plan-title {
background: #a1e03d;
color: #fff; }
/* our team */
.pbr-team {
position: relative; }
.pbr-team .team-header {
text-align: center; }
.pbr-team .team-header img {
display: inline-block; }
.pbr-team .team-body {
position: absolute;
background: rgba(0,0,0,.6);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
.pbr-team .team-body .team-name {
font-size: 18px;
color: #fff;
letter-spacing: -1px;
margin: 0; }
.pbr-team .team-body .team-job {
font-size: 10px;
color: #ccc;
text-transform: uppercase; }
.pbr-team .team-body .team-job a {
color: #fff; }
.pbr-team .team-body .team-job a:hover {
color: #f10e34; }
.pbr-team .team-body .team-body-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 100%; }
.pbr-team .team-body .bo-social-icons {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
z-index: 5; }
.pbr-team .team-body .bo-social-icons a {
width: auto;
height: auto;
margin: 0 12px;
border: none;
background: none;
font-size: 14px;
color: #fff; }
.pbr-team:hover .team-body {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100); }
@media (max-width: 991px) {
.pbr-team.default {
margin-bottom: 30px; }
.pbr-team.default .team-header img {
width: 100%; } }
@media (max-width: 767px) {
.pbr-team.default .team-header img {
width: auto; } }
.pbr-team.other-team {
background: #a1e03d;
min-height: 320px; }
.pbr-team.other-team .team-header {
text-align: center;
padding: 60px 10px 15px; }
.pbr-team.other-team .team-header img {
display: inline-block; }
.pbr-team.other-team .team-body {
background: none;
color: #fff !important;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100); }
.pbr-team.other-team .team-body .team-body-content {
position: static !important;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.pbr-team.other-team .team-body .team-name {
font-size: 24px;
font-weight: 500;
padding: 0 30px;
line-height: 36px; }
.pbr-team.other-team .team-body .team-job {
color: #fff;
font-size: 12px;
letter-spacing: 2px;
display: block; }
.pbr-team.other-team.v2 {
padding: 60px 0 30px; }
.pbr-team.other-team.v2 .team-header {
padding-top: 0; }
.pbr-team.other-team.v2 .bo-social-icons {
bottom: 6px; }
.blogv1 a {
color: #fff; }
.blogv1 a:hover {
color: #a1e03d; }
.scrollup {
z-index: 16;
display: none;
position: fixed;
right: 20px;
bottom: 0;
margin: 0;
color: #bbb;
background-color: #e0e0e0;
width: 54px;
height: 54px;
text-align: center;
line-height: 50px;
font-size: 20px;
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s; }
.rtl .scrollup,.scrollup {
left: auto; }
.rtl .scrollup {
left: 20px;
right: auto; }
.scrollup:hover {
color: #fff !important;
box-shadow: inset 0 0 0 30px #a1e03d; }
/* effect-v1 */
.effect-v1 {
background-color: #000;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v1:before {
border: 1px solid #fff;
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s;
z-index: 1; }
.effect-v1 .action,.effect-v1 img {
-webkit-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v1 .action {
opacity: 0;
filter: alpha(opacity=0); }
.effect-v1:hover:before {
opacity: 1;
filter: alpha(opacity=100); }
.effect-v1:hover:before,.effect-v1:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v1:hover img {
opacity: .5;
filter: alpha(opacity=50); }
.effect-v1:hover .action {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100); }
/* effect-v2*/
.effect-v2 {
background-color: #000;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v2:before {
border: 1px solid #fff;
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
opacity: 0;
filter: alpha(opacity=0);
z-index: 1; }
.effect-v2 img,.effect-v2:before {
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v2 img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v2 .action {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v2:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.effect-v2:hover img {
opacity: .7;
filter: alpha(opacity=70);
-webkit-transform: scaleX(1.2);
-ms-transform: scaleX(1.2);
-o-transform: scaleX(1.2);
transform: scaleX(1.2); }
.effect-v2:hover .action {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
filter: alpha(opacity=100); }
/* effect-v3*/
.effect-v3 {
background-color: #000;
overflow: hidden;
border-bottom: 1px solid #e1e1e1;
position: relative;
/* style for hover */ }
.effect-v3:after,.effect-v3:before {
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s;
z-index: 1; }
.effect-v3:before {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0); }
.effect-v3:after {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0); }
.effect-v3 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .35s ease 0s;
-o-transition: opacity .35s ease 0s;
transition: opacity .35s ease 0s;
width: 100%; }
.effect-v3 .banner-title {
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
-webkit-transition: transform .35s ease 0s;
-o-transition: transform .35s ease 0s;
transition: transform .35s ease 0s; }
.effect-v3 .action {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v3:hover:after,.effect-v3:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v3:hover img {
opacity: .5;
filter: alpha(opacity=50); }
.effect-v3:hover .action,.effect-v3:hover .banner-title {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0);
transform: translateZ(0); }
/* effect-v4*/
.effect-v4 {
background-color: #000;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v4:before {
border: 2px solid #fff;
bottom: 20px;
-webkit-box-shadow: 0 0 0 30px hsla(0,0%,100%,.2);
box-shadow: 0 0 0 30px hsla(0,0%,100%,.2);
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s;
z-index: 1; }
.effect-v4 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .35s ease 0s;
-o-transition: opacity .35s ease 0s;
transition: opacity .35s ease 0s; }
.effect-v4 .banner-title {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: transform .35s ease 0s;
-o-transition: transform .35s ease 0s;
transition: transform .35s ease 0s; }
.effect-v4 .action {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v4:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v4:hover img {
opacity: .5;
filter: alpha(opacity=50); }
.effect-v4:hover .banner-title {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
-o-transform: scale(.95);
transform: scale(.95); }
.effect-v4:hover .action {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
/* effect-v5*/
.effect-v5 {
background-color: #000;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v5 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s ease 0s,transform 1s ease 0s;
-o-transition: opacity 1s ease 0s,transform 1s ease 0s;
transition: opacity 1s ease 0s,transform 1s ease 0s; }
.effect-v5 .action {
transform: translate3d(-150%,0,0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v5:hover img {
opacity: .5;
filter: alpha(opacity=50);
transform: scale3d(1.1,1.1,1); }
.effect-v5:hover .action {
opacity: 1;
filter: alpha(opacity=100);
transform: scale3d(1.1,1.1,1);
transform: translateZ(0); }
/* effect-v6*/
.effect-v6 {
background-color: #000;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v6 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .35s ease 0s;
-o-transition: opacity .35s ease 0s;
transition: opacity .35s ease 0s; }
.effect-v6 .action {
transform: translate3d(0,-100px,0);
transition: opacity .35s ease 0s,transform .35s ease 0s;
opacity: 0; }
.effect-v6:hover img {
opacity: .5;
filter: alpha(opacity=50); }
.effect-v6:hover .action {
opacity: 1;
transform: translateZ(0); }
/* effect-v7*/
.effect-v7 {
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v7:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .4s cubic-bezier(.94,.85,.1,.62) 0s;
-o-transition: all .4s cubic-bezier(.94,.85,.1,.62) 0s;
transition: all .4s cubic-bezier(.94,.85,.1,.62) 0s;
z-index: 1;
border: 200px double transparent;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible; }
.effect-v7:hover:before {
opacity: 0;
filter: alpha(opacity=0);
border: 0 double hsla(0,0%,100%,.7);
visibility: hidden; }
/* effect-v8*/
.effect-v8 {
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v8:before {
border-bottom: 50px solid hsla(0,0%,100%,.4);
border-top: 50px solid hsla(0,0%,100%,.4);
content: "";
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
transform: rotate(45deg) scaleY(0);
-o-transform: rotate(45deg) scaleY(0);
-webkit-transform: rotate(45deg) scaleY(0);
-moz-transform: rotate(45deg) scaleY(0);
-ms-transform: rotate(45deg) scaleY(0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s;
transform-origin: 50% 50% 0;
width: 100%; }
.effect-v8:hover:before {
opacity: 1;
filter: alpha(opacity=100);
transform: rotate(45deg) scaleY(4);
-o-transform: rotate(45deg) scaleY(4);
-webkit-transform: rotate(45deg) scaleY(4);
-moz-transform: rotate(45deg) scaleY(4);
-ms-transform: rotate(45deg) scaleY(4); }
/* effect-v9*/
.effect-v9 {
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v9:before {
border: 50px solid transparent;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
left: 0;
right: 0;
bottom: 0;
margin: auto;
position: absolute;
top: 0;
content: "";
opacity: 1;
filter: alpha(opacity=100);
width: 100px;
height: 100px;
-webkit-transform: scale(7);
-ms-transform: scale(7);
-o-transform: scale(7);
transform: scale(7);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
visibility: visible;
z-index: 1; }
.effect-v9:hover:before {
border: 0 solid rgba(0,0,0,.7);
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden; }
/* effect-v10*/
.effect-v10 {
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v10:before {
background-color: hsla(0,0%,100%,.2);
display: block;
width: 100%;
height: 100%;
left: -100%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
content: "";
z-index: 1; }
.effect-v10:hover:before {
left: 0;
opacity: 1;
filter: alpha(opacity=100); }
/* effect-v11*/
.effect-default {
overflow: hidden;
position: relative;
display: block !important; }
.effect-default:before {
background: hsla(0,0%,100%,.1) none repeat scroll 0 0;
content: "";
display: inline-block;
height: 559px;
position: absolute;
right: 755px;
top: 0;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-ms-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg);
-webkit-transition: all .6s ease-in-out 0s;
-o-transition: all .6s ease-in-out 0s;
transition: all .6s ease-in-out 0s;
width: 600px; }
.effect-default:hover:before {
right: -900px; }
.feature-box small {
font-size: 12px;
margin-bottom: 10px;
display: inline-block; }
.feature-box h4 {
margin: 10px 0;
text-transform: none;
font-size: 18px;
color: #000;
font-weight: 400; }
.feature-box .fbox-icon {
float: left;
margin: 10px 0 0;
color: #a1e03d; }
.rtl .feature-box .fbox-icon {
float: right;
margin: 10px 0 0; }
.feature-box .fbox-icon i {
font-size: 24px; }
.feature-box.feature-box-nostyle h4 {
margin-bottom: 0; }
.feature-box.feature-box-nostyle small {
color: rgba(34,34,34,.5);
line-height: 1; }
.feature-box.feature-box-nostyle .fbox-icon {
margin-top: 5px; }
.feature-box-v1 .fbox-body {
position: relative;
margin-bottom: 10px; }
.feature-box-v1 .fbox-content {
overflow: hidden;
text-align: left; }
.feature-box-v1 .fbox-icon {
margin-right: 20px;
float: left;
position: relative; }
.rtl .feature-box-v1 .fbox-icon {
margin-left: 20px;
margin-right: inherit;
float: right; }
.feature-box-v2 .fbox-content {
overflow: hidden;
text-align: right; }
.rtl .feature-box-v2 .fbox-content {
text-align: left; }
.feature-box-v2 .fbox-icon {
margin-left: 20px;
float: right;
position: relative; }
.rtl .feature-box-v2 .fbox-icon {
margin-right: 20px;
margin-left: inherit;
float: left; }
.feature-box-v3 {
position: relative;
padding: 45px 30px 20px;
text-align: center !important;
background: #f5f5f5; }
.feature-box-v3 .fbox-icon {
position: absolute;
content: "";
left: 0;
right: 0;
top: -36px;
margin: 0 auto; }
.feature-box-v3 .fbox-icon i {
width: 70px;
height: 70px;
line-height: 70px;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background: #a1e03d; }
.feature-box.feature-box-v4 {
padding: 20px 30px;
border: 1px solid #ddd;
border-bottom: 3px solid #a1e03d;
text-align: center !important; }
.feature-box.feature-box-v4 .fbox-icon {
text-align: center;
float: none !important;
margin: 0 0 20px; }
.feature-box.feature-box-v4 .description {
text-align: center; }
.kc_image_gallery .item-grid img {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray; }
.kc_image_gallery .item-grid img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: none;
-webkit-transition: all .35s ease 0s;
-o-transition: all .35s ease 0s;
transition: all .35s ease 0s; }
.kc_tabs.hightlight .ui-tabs {
border: none; }
.kc_tabs.hightlight .kc_tab.ui-tabs-body-active {
padding: 0;
margin-top: 30px; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav {
background: transparent;
text-align: center;
height: auto;
font-size: 20px;
position: relative; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li {
float: none;
font-weight: 700;
color: #1f252b;
text-transform: uppercase;
display: inline-block; }
@media (min-width: 768px) and (max-width: 991px) {
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li {
padding: 0 10px; } }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li:hover,.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li a:hover {
background: transparent; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav .ui-tabs-active {
background: transparent;
color: #a1e03d; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav .ui-tabs-active a {
color: #a1e03d; }
.kc-pie-chart-wrapper .pie_chart_text h3 {
color: #a1e03d;
font-size: 14px; }
.kc_button {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px; }
h2.kc_title {
letter-spacing: -3px;
position: relative;
padding-bottom: 15px;
font-size: 60px; }
h2.kc_title:after {
content: "";
position: absolute;
width: 80px;
height: 5px;
background: #a1e03d;
bottom: 0;
left: 50%;
margin-left: -40px; }
@media (max-width: 991px) {
h2.kc_title {
font-size: 30px;
letter-spacing: 0; } }
@media (max-width: 767px) {
.kc_column {
width: 100% !important; } }
@media (min-width: 1200px) {
.col-lg-cus-5 {
width: 20%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-lg-cus-5 {
float: right; } }
@media (min-width: 992px) and (max-width: 1200px) {
.col-md-cus-5 {
width: 20%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-md-cus-5 {
float: right; } }
@media (min-width: 768px) and (max-width: 991px) {
.col-sm-cus-5 {
width: 50%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-sm-cus-5 {
float: right; } }
@media (max-width: 480px) {
.col-xs-cus-12 {
width: 100%;
padding-left: 15px;
padding-right: 15px; } }
/*
* Off Canvas
* --------------------------------------------------
*/
.sidebar-offcanvas {
position: absolute;
top: 0;
bottom: 0;
width: 65%;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
box-shadow: 0 0 5px rgba(0,0,0,.5);
text-align: left;
background: #fff; }
.rtl .sidebar-offcanvas {
text-align: right; }
.btn-offcanvas:hover {
color: #a1e03d; }
.offcanvas-head button {
padding: 14px 25px; }
.row-offcanvas {
position: relative; }
.offcanvas-showright,.row-offcanvas {
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; }
.offcanvas-showright {
background: rgba(161,224,61,.8);
position: relative;
width: 400px;
position: absolute;
right: -800px;
top: 0;
z-index: 10;
display: block;
padding: 50px 0; }
.offcanvas-showright.active {
display: block;
right: 0; }
.offcanvas-showright .showright {
background-color: #fff;
width: 40px;
height: 40px;
border: none;
margin-right: 50px; }
.rtl .offcanvas-showright .showright {
margin-left: 50px;
margin-right: inherit; }
.offcanvas-showright .showright .fa {
color: #a1e03d; }
@media screen and (max-width: 992px) {
.row-offcanvas-right {
right: 0; }
.rtl .row-offcanvas-right {
left: 0;
right: auto; }
.row-offcanvas-left {
left: 0; }
.rtl .row-offcanvas-left {
right: 0;
left: auto; }
.row-offcanvas-right .sidebar-offcanvas {
right: -65%; }
.rtl .row-offcanvas-right .sidebar-offcanvas {
left: -65%;
right: auto; }
.row-offcanvas-left .sidebar-offcanvas {
left: -65%; }
.rtl .row-offcanvas-left .sidebar-offcanvas {
right: -65%;
left: auto; }
.row-offcanvas-right.active {
right: 65%; }
.rtl .row-offcanvas-right.active {
left: 65%;
right: auto; }
.row-offcanvas-left.active {
left: 65%;
position: relative; }
.rtl .row-offcanvas-left.active {
right: 65%;
left: auto; }
.row-offcanvas-left.active:before {
content: "";
background-color: rgba(0,0,0,.2);
height: 100%;
width: 100%;
position: absolute;
z-index: 9; }
.zoomContainer {
display: none; } }
.navbar-offcanvas {
border: none; }
.navbar-offcanvas ul#main-menu-offcanvas {
float: none;
display: block; }
.navbar-offcanvas ul#main-menu-offcanvas>li {
position: relative;
border-bottom: 1px solid #ededed;
display: block;
float: none; }
.navbar-offcanvas ul#main-menu-offcanvas>li .caret {
position: absolute;
right: 10px;
top: 10px;
width: 25px;
height: 25px;
border: 1px solid #ededed;
z-index: 5;
background: #f5f5f5; }
.navbar-offcanvas ul#main-menu-offcanvas>li .caret:hover {
cursor: pointer; }
.navbar-offcanvas ul#main-menu-offcanvas>li .caret:after {
font-family: FontAwesome;
content: "\f107";
top: 0;
left: 7px;
position: absolute;
z-index: 5; }
.navbar-offcanvas ul#main-menu-offcanvas>li ul li a {
font-size: 13px;
font-weight: 300;
padding: 10px 15px; }
.navbar-offcanvas ul#main-menu-offcanvas li.active>a {
background: none;
color: #a1e03d; }
@media (max-width: 480px) {
.active-mobile.cart-popup .active-content {
right: 0;
left: -100px; }
.zoomContainer {
display: none; } }
@media (min-width: 768px) and (max-width: 991px) {
#main .container,.opal-footer .container {
width: 100% !important; }
.zoomContainer {
display: none; }
.opal-social-share {
margin-left: 20px;
display: block; }
.rtl .opal-social-share {
margin-right: 20px;
margin-left: inherit; } }