/*------------------------------------------------------------------
File Name: style.css
Template Name: Iceland
Created By: Similar Icons
Envato Profile: http://themeforest.net/user/similaricons
Website: https://similaricons.com
Version: 1.0
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. IMPORT FILES
2. SKELETON
3. WP CORE
4. HEADER
5. SECTIONS
6. PRICING
7. CONTACT
8. BLOG & PAGE
9. WIDGETS
10. SLIDER
11. MODULES
12. FOOTER
13. SHOP
14. MISC
15. RESPONSIVE
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
1. IMPORT FILES
-------------------------------------------------------------------*/
@import 'https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800';
@import 'https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i';
@import url(css/animate.css);
@import url(css/font-awesome.min.css);
@font-face {
font-family: "Flaticon";
src: url("fonts/Flaticon.eot");
src: url("fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"), url("fonts/Flaticon.woff") format("woff"), url("fonts/Flaticon.ttf") format("truetype"), url("fonts/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url("fonts/Flaticon.svg#Flaticon") format("svg");
}
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-clock:before {
content: "\f100";
}
.flaticon-contact-form:before {
content: "\f101";
}
.flaticon-envelope:before {
content: "\f102";
}
.flaticon-fence:before {
content: "\f103";
}
.flaticon-forest:before {
content: "\f104";
}
.flaticon-gardening:before {
content: "\f105";
}
.flaticon-house:before {
content: "\f106";
}
.flaticon-link:before {
content: "\f107";
}
.flaticon-people:before {
content: "\f108";
}
.flaticon-phone-call:before {
content: "\f109";
}
.flaticon-placeholder:before {
content: "\f10a";
}
.flaticon-shop:before {
content: "\f10b";
}
.flaticon-shovel:before {
content: "\f10c";
}
.flaticon-shovel-1:before {
content: "\f10d";
}
.flaticon-sprout:before {
content: "\f10e";
}
.flaticon-swimming-pool:before {
content: "\f10f";
}
.flaticon-tree-leaf:before {
content: "\f110";
}
/*------------------------------------------------------------------
2. SKELETON
-------------------------------------------------------------------*/
body {
color: #787878;
font-size: 14px;
line-height: 1.80857;
padding: 0;
font-weight: 400;
background-color: #f3f3f3;
}
body,
p,
li,
.tp.caption.NotGeneric-Title,
.NotGeneric-Title,
.header-contact p,
.navbar-nav > li > a {
font-family: 'Droid Serif', sans-serif !important;
}
.related-posts .entry p,
.tp-caption.NotGeneric-SubTitle,
.NotGeneric-SubTitle,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Raleway', sans-serif !important;
}
a {
color: #212121;
text-decoration: none !important;
outline: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
position: relative;
letter-spacing: -0.5px;
padding: 0 0 10px 0;
font-weight: normal;
line-height: 140%;
color: #212121;
margin: 0
}
h1 {
font-size: 28px
}
h2 {
font-size: 24px
}
h3 {
font-size: 21px
}
h4 {
font-size: 18px
}
h5 {
font-size: 15px
}
h6 {
font-size: 13px
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #e08900;
text-decoration: none!important;
opacity: 1
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #fff !important
}
a {
color: #212121;
text-decoration: none;
outline: none;
}
a,
.btn {
text-decoration: none !important;
outline: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-custom {
margin-top: 20px;
background-color: transparent !important;
border: 2px solid #ddd;
padding: 12px 40px;
font-size: 16px;
}
.lead {
font-size: 18px;
line-height: 30px;
color: #767676;
}
blockquote {
border: 0 none;
font-size: 16px;
font-style: italic;
margin: 20px 0;
padding: 30px;
}
/*------------------------------------------------------------------
3. WP CORE
-------------------------------------------------------------------*/
.drop-cap::first-letter {
float: left;
font-size: 400%;
font-weight: bold;
color: #ffffff;
background-color: #171717;
padding: 10px;
line-height: 100%;
margin: 10px 20px 0 0;
}
.first {
clear: both
}
.last {
margin-right: 0
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 10px 0 20px 20px;
}
.alignleft {
float: left;
margin: 10px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 10px 0 20px 20px;
}
a img.alignnone {
margin: 10px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 10px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
/* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
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, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/*------------------------------------------------------------------
4. HEADER
-------------------------------------------------------------------*/
.header {
padding: 40px 0 0;
border-top: 3px solid #212121;
}
.header .container-fluid {
max-width: 1460px;
}
.navbar-default,
.navbar,
.navbar-nav,
.nav {
border-radius: 0;
border: 0;
margin: 0 !important;
}
.navbar-default {
padding: 15px 0;
bottom: -35px;
border-radius: 3px;
z-index: 10;
background-color: #F57C00;
}
.navbar-nav > li {
border-right: 1px dashed rgba(255, 255, 255, 0.3);
}
.navbar-nav > li:first-child {
border-left: 1px dashed rgba(255, 255, 255, 0.3);
}
.navbar-nav > li > .dropdown-menu {
margin-top: 15px;
background-color: #1d1f1d;
border: 0;
}
.navbar-nav > li > a {
color: #fcfcfc !important;
font-weight: bold;
font-size: 16px;
padding: 10px 18px;
text-transform: capitalize;
}
.navbar-nav > li:hover a {
opacity: 0.8;
}
.navbar-brand {
font-size: 31px;
font-weight: 700;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 0;
line-height: 1.4;
white-space: nowrap;
}
.copyrights .fa-angle-up {
background-color: #212121;
display: block;
color: #fcfcfc !important;
height: 30px;
border-radius: 4px;
line-height: 30px;
margin: 0px 3px 0 3px;
padding: 0;
text-align: center;
width: 30px;
}
.navbar-default .dropdown-menu > li:hover,
.navbar-default .dropdown-menu > li:focus,
.navbar-default .dropdown-menu > li:hover a,
.navbar-default .dropdown-menu > li:focus a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
background-color: transparent !important;
color: #ffffff !important;
}
.navbar-default .dropdown-menu {
border: 1px solid #efefef;
border-radius: 0;
box-shadow: none;
}
.navbar-default .dropdown-menu > li {
padding: 3px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.navbar-default .dropdown-menu > li:hover a,
.navbar-default .dropdown-menu > li:focus a,
.navbar-default .dropdown-menu > li > a {
background-color: transparent !important;
color: #979797 !important;
padding: 5px 20px;
}
.navbar-default .dropdown-menu > li:hover a,
.navbar-default .dropdown-menu > li:focus a {
padding: 5px 30px;
}
.topbar {
padding: 18px 0 15px;
background-color: #212121;
}
.topbar-panel .panel-heading,
.topbar-panel .panel-body,
.topbar-panel {
position: relative;
padding: 0 !important;
border: 0 !important;
margin: 0 !important;
}
.clickable {
background-color: #212121;
display: block;
height: 35px;
line-height: 34px;
padding: 0;
position: absolute;
color: #ffffff;
cursor: pointer;
font-size: 21px;
right: 10%;
text-align: center;
top: 47px;
border-radius: 0 0 3px 3px;
width: 40px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.clickable.panel-collapsed {
top: 0;
}
.topbar p,
.topbar li,
.topbar a {
line-height: 1;
text-transform: capitalize;
padding: 0;
margin: 0;
}
.header-contact p {
font-size: 16px;
color: #212121;
font-weight: bold;
line-height: 26px;
padding: 0;
margin: 0;
}
.header-contact {
padding: 0;
}
.header-contact i {
font-size: 30px !important;
margin: 12px 20px 0 0;
}
.header-contact p {
line-height: 24px;
font-size: 14px;
}
/*------------------------------------------------------------------
5. SECTIONS
-------------------------------------------------------------------*/
.m45 {
margin-top: 90px;
}
.parallax {
background-attachment: fixed;
background-size: cover;
height: 100%;
position: relative;
width: 100%;
}
.parallax.parallax-off {
background-attachment: scroll !important;
display: block;
height: 100%;
min-height: 100%;
overflow: hidden;
position: relative;
background-position: center center;
vertical-align: sub;
width: 100%;
z-index: 2;
}
.no-scroll-xy {
overflow: hidden !important;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#wrapper {
background-color: #fff;
}
.section {
display: block;
position: relative;
padding: 90px 0;
}
.nohidden {
overflow: visible;
}
.section.lb {
background-color: #f1edea;
}
.section.db {
background-color: #212121;
}
.section-title i {
position: absolute;
font-size: 63px;
top: -12%;
left: 0;
margin: 0px 0;
right: auto;
bottom: 0;
opacity: 0.2;
filter: alpha(opacity=20);
/* For IE8 and earlier */
z-index: 0;
text-align: center;
}
.section.db .section-title i {
color: #ffffff;
}
.section-widget .lead,
.section-title .lead,
.about-widget .lead {
color: #000;
padding: 12px 0 9px;
}
.section.db .section-title h3 {
color: #ffffff;
}
.section-title .lead {
padding-top: 10px;
}
.section-title h3,
.big-title h3 {
font-size: 28px;
padding-bottom: 20px;
font-weight: 800;
margin: 0;
line-height: 1;
}
.section-title {
padding-left: 0px;
display: block;
position: relative;
}
.section-title.text-center {
padding-left: 0;
}
.section-title .lead {
margin-bottom: 0;
padding-bottom: 0;
}
.small-title h4 {
font-size: 18px;
padding: 20px 0 10px;
font-weight: 800;
}
.small-title h4 i {
vertical-align: middle;
padding-right: 5px;
}
.section-button {
display: block;
margin-top: 45px;
}
.section-button .btn {
font-size: 16px;
padding: 12px 42px;
text-transform: uppercase;
}
.section-button .btn i {
width: 25px;
height: 25px;
border-radius: 25px;
line-height: 25px;
background-color: #fff;
margin-left: 10px;
}
/*------------------------------------------------------------------
6. PRICING
-------------------------------------------------------------------*/
.pricing-box-03 {
padding: 30px 30px 60px;
background-color: #333;
position: relative;
-webkit-box-shadow: inset 10px 10px 10px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 10px 10px 10px 0px rgba(0, 0, 0, 0.75);
box-shadow: inset 10px 10px 10px 0px rgba(0, 0, 0, 0.75);
border: 20px solid transparent;
border-image: url("images/border.png") 30;
}
.pricing-box-03.leftbg::before,
.pricing-box-03.nobg::before {
display: none;
}
.pricing-box-03::before {
background: rgba(0, 0, 0, 0) url("images/right.png") no-repeat scroll 0 0;
content: "";
display: inline-block;
height: 374px;
left: -84px;
position: absolute;
top: -65px;
width: 402px;
z-index: 0;
}
.pricing-box-03.leftbg::after {
background: rgba(0, 0, 0, 0) url("images/left.png") no-repeat scroll 0 0;
content: "";
display: inline-block;
height: 374px;
right: -84px;
position: absolute;
bottom: -65px;
width: 402px;
z-index: 0;
}
.pricing-box-03-body ul {
padding: 0;
}
.pricing-box-03-body ul li {
color: #ffffff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 10px 0;
list-style: none;
letter-spacing: 1px;
}
.pricing-box-03-body ul li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.pricing-box-03-head {
padding: 20px 0 15px;
display: block;
position: relative;
}
.pricing-box-03-head h3 {
color: #ffffff;
padding: 25px 0 10px;
font-size: 34px;
margin: 0;
}
.pricing-box-03-head h3 sup {
font-size: 15px;
}
.pricing-box-03-head h4 {
color: #60A543;
font-size: 15px;
padding: 0;
margin: 0;
}
.pricing-box-03 .btn {
padding: 5px 20px;
font-size: 13px;
margin-top: 5px;
background-color: #60A543;
border-color: #60A543;
}
.pricing-box-03.white-style {
background-color: #ffffff;
}
.pricing-box-03.white-style li {
color: #555555;
border-color: rgba(55, 55, 55, 0.1);
}
/*------------------------------------------------------------------
7. CONTACT
-------------------------------------------------------------------*/
#message {
display: none;
padding: 20px 0;
position: relative;
text-align: left;
}
#map {
height: 400px;
position: relative;
width: 100%;
z-index: 1;
}
#map img {
max-width: inherit;
}
.loader {
margin-left: 10px;
}
.map {
position: relative;
}
.map .row {
position: relative;
}
.infobox img {
width: 100% !important;
}
.map .searchmodule {
padding: 18px 10px;
}
.infobox {
display: block;
margin: 0;
padding: 0 0 10px;
position: relative;
width: 260px;
z-index: 100;
}
.infobox .title {
font-size: 13px;
line-height: 1;
margin-bottom: 0;
margin-top: 15px;
padding-bottom: 5px;
text-transform: capitalize;
}
/*------------------------------------------------------------------
8. BLOG & PAGES
-------------------------------------------------------------------*/
.pagenot h2 {
font-weight: 900;
font-size: 200px;
line-height: 1;
margin: 0;
padding: 0;
}
.pagenot h1 {
padding: 30px 0;
margin: 0;
line-height: 1;
}
.pagenot .lead {
line-height: 1.8;
margin-bottom: 0;
font-style: italic;
}
.page-title {
padding: 60px 0;
text-align: center;
background-color: #eeffe2;
}
.page-parallax {
padding: 120px 0;
}
.page-title .section-title p,
.page-title .section-title {
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
}
.page-title .section-title {}
.pagination-wrap {
margin-top: 30px;
padding: 10px 0;
display: block;
position: relative;
border-top: 1px solid #efefef;
}
.pagination > li {
border: 0;
}
.pagination > li > a,
.pagination > li > span {
background-color: #fff;
border: 0 none !important;
color: #212121;
float: left;
font-size: 21px;
font-weight: 700;
line-height: 1.42857;
margin-left: -1px;
padding: 5px 10px;
border-radius: 0 !important;
position: relative;
text-decoration: none;
}
.gardener-list .col-md-3 {
margin-bottom: 40px;
}
.blog-grid .col-md-4 {
margin-bottom: 30px;
}
.blog-posts img {
margin-top: 0px;
max-width: 80px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blog-posts {
padding: 0;
margin-bottom: 0;
list-style: none;
}
.blog-posts li {
display: table;
padding: 0;
margin-bottom: 15px;
list-style: none;
}
.blog-posts li:last-child {
margin-bottom: 0;
}
.blog-posts p a {
font-weight: 400;
margin: 0;
color: #ffffff;
font-size: 16px;
padding-bottom: 3px;
display: block;
text-transform: none;
}
.blog-posts li p {
padding: 0;
margin: 0;
}
.blog-posts li small {
color: #b7b7b7;
display: block;
font-size: 13px;
font-style: italic;
margin: 2px 0 0;
}
.blog-wrapper small a,
.blog-wrapper small {
color: #aaaaaa;
}
.comments img {
max-width: 80px;
margin-right: 20px
}
.comments {
padding: 0!important;
margin: 70px 0 70px 0 !important;
}
.panel,
.panel-body,
.panel-info {
box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
background-color: transparent !important;
}
.comments .text-success {
color: #333;
margin-bottom: 5px;
display: inline-block
}
.comments .text-muted {
color: #777;
margin-left: 3px;
font-size: 11px !important;
}
.comments .media-list li {
border: 1px solid #f1edea;
margin: 20px 0;
background-color: transparent;
display: block;
padding: 20px;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out
}
.contact_form.comment-form .form-control {
border: 1px solid #f1edea !important;
height: 40px;
}
.comments .media-list li p {
margin: 0;
padding: 0
}
.comments .btn {
display: inline-block;
margin-top: 10px;
font-size: 11px;
padding: 3px 10px
}
.content-widget {
display: block;
margin-top: 40px;
}
.blog-wrapper small {
padding: 20px 0 0;
display: inline-block;
font-size: 14px;
margin-right: 5px;
}
.blog-wrapper h4 {
padding: 5px 0 10px;
text-transform: capitalize;
}
.blog-wrapper .readmore {
margin: 10px 0 0;
background-color: transparent;
font-size: 15px;
font-weight: bold;
padding: 0;
display: block;
}
.blog-wrapper .single-blog h4 {
font-size: 24px;
padding: 10px 0 15px;
text-transform: capitalize;
}
.calloutbox {
padding: 40px 0;
}
.calloutbox h4 {
color: #ffffff;
font-size: 26px;
line-height: 1.5;
padding: 0 0px;
margin: 0;
}
mark {
padding: 0 10px;
}
/*------------------------------------------------------------------
9. WIDGETS
-------------------------------------------------------------------*/
.sidebar .widget {
padding: 20px;
background-color: #ffffff;
margin-bottom: 20px;
}
.sidebar .form-control {
background-color: #f1edea;
border-radius: 0;
height: 50px;
border: 1px solid #ededed;
font-size: 13px;
box-shadow: none !important
}
.tags a {
background: #f1edea none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
display: inline-block;
font-size: 12px;
margin: 0 0 5px;
padding: 4px 16px;
}
.single-blog .tags {
display: block;
margin-top: 30px;
}
.blog-wrapper .related-posts .entry small {
display: block;
margin: 5px 0 0 0 !important;
text-transform: capitalize;
font-size: 12px;
padding-top: 0;
}
.related-posts .entry p {
margin-bottom: 0;
padding: 0;
font-weight: 700;
line-height: 1.6;
}
.related-posts .entry {
border-bottom: 1px dashed #ededed;
margin-bottom: 10px;
padding: 0 10px 10px 0 !important;
display: block;
}
.related-posts .entry:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: 0;
}
.widget-title {
position: relative;
display: block;
width: 100%;
margin-bottom: 30px;
}
.widget-title h3 {
font-size: 21px;
line-height: 1;
font-weight: bold;
margin: 0;
padding: 0;
}
.footer .widget-title h3 {
color: #ffffff;
}
.widget-title hr {
margin-left: 0;
width: 65px;
border-width: 3px;
}
.twitter-posts {
padding: 0;
margin-bottom: 0;
list-style: none;
}
.twitter-posts li {
display: table;
padding: 0 0 15px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
margin-bottom: 15px;
list-style: none;
}
.twitter-posts li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.twitter-posts p {
line-height: 28px;
margin: 7px 0 0;
color: #787878;
padding-bottom: 0;
text-transform: none;
}
.twitter-posts p a {
border-bottom: 1px solid #f3d900;
}
.twitter-posts li p {
padding: 0;
margin: 0;
}
.twitter-posts li small {
color: #b7b7b7;
display: block;
font-size: 13px;
font-style: italic;
margin: 2px 0 0;
}
.readmore {
border-radius: 3px;
color: #ffffff !important;
margin-left: 10px;
vertical-align: middle;
font-size: 14px;
display: text-bottom;
padding: 5px;
}
.blog-posts img {
opacity: 0.8;
filter: alpha(opacity=80);
/* For IE8 and earlier */
}
.blog-posts img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
.footer-newsletter .form-control::-moz-placeholder {
color: #737373;
opacity: 1;
}
.footer-newsletter .form-control:-ms-input-placeholder {
color: #737373;
}
.footer-newsletter .form-control::-webkit-input-placeholder {
color: #737373;
}
.footer-newsletter {
display: block;
margin-top: 30px;
}
.footer-newsletter .btn {
text-transform: uppercase;
font-size: 14px;
border-radius: 0 3px 3px 0;
height: 46px;
}
.footer-newsletter .form-control {
border-radius: 0;
background-color: #262626;
border-color: #2c2c2c;
box-shadow: none;
font-size: 14px;
}
/*------------------------------------------------------------------
10. SLIDER
-------------------------------------------------------------------*/
.metis .tp-bullet,
.metis .tp-bullet.selected,
.metis .tp-bullet:hover {
padding: 3px !important;
box-shadow: none !important;
background-color: #212121 !important;
background-image: none !important;
}
.btn {
border-radius: 4px !important;
}
/*------------------------------------------------------------------
11. MODULES
-------------------------------------------------------------------*/
.team-members .small-title h4 {
padding: 0 0 10px;
}
.team-members small {
display: block;
margin-top: 20px;
}
.team-members .testi-widget small {
margin-top: 0;
}
.testi-widget {
padding: 30px;
position: relative;
background-color: #f1edea;
}
.section.lb .testi-widget {
background-color: #ffffff;
}
.section.lb .testi-widget img {
background-color: #f1edea;
}
.testi-widget img {
top: -60px;
background-color: #fff;
padding: 8px;
max-width: 80px;
position: absolute;
right: 0;
}
.box {
padding: 11em 0em;
border: 1px solid #efefef;
display: block;
border-radius: 6px;
width: 100%;
margin-top: -2px;
color: black;
text-align: center;
background: linear-gradient( rgba(0, 0, 0, 0), 50%, rgba(135, 231, 32, 0.4) 50%, rgba(117, 213, 40, 0.4));
background-size: 100% 202%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.hoverbox {
border-radius: 6px;
}
.box i {
display: block;
margin: auto;
font-size: 28px;
line-height: 1;
color: #fff;
text-align: center;
}
.box-content {
position: absolute;
left: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
top: 48%;
right: 0;
margin: -20px auto;
}
.box .box-back {
position: absolute;
left: 0;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
top: 40%;
right: 0;
margin: -20px auto;
}
.box .box-back p {
color: #ffffff;
padding: 0 30px;
}
.box h2 {
color: #ffffff;
padding: 10px;
margin: 10px 0 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
line-height: 1;
font-size: 18px;
}
.box:hover {
background-position: 100% 100%;
}
.box:hover .box-back {
opacity: 1;
display: block;
top: 55% !important;
}
.box:hover .box-content {
top: 30%;
}
hr.custom {
border-style: dashed;
margin: 40px 0;
}
.about-widget p {
margin-bottom: 0;
padding-bottom: 0;
}
.col-md-6 .about-widget p {
padding-bottom: 10px;
}
.about-widget .btn {
margin-top: 10px;
}
.magnifier .st {
color: #ffffff !important;
display: block;
display: inline-block !important;
float: none !important;
font-size: 14px;
height: 35px;
line-height: 35px;
border-radius: 4px;
text-align: center;
width: 35px;
width: 35px;
}
.magnifier .buttons {
visibility: hidden;
opacity: 0;
position: absolute;
text-align: center;
width: 100%;
top: 54%;
margin-top: -20px;
}
.magnifier:hover .buttons {
opacity: 1;
visibility: visible;
}
.entry {
position: relative;
}
.entry:hover .magnifier {
opacity: 1;
visibility: visible;
}
.magnifier {
background: #222222;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
/*------------------------------------------------------------------
12. FOOTER
-------------------------------------------------------------------*/
.footer {
padding: 90px 0;
background-color: #212121;
}
.footer small {
color: #666 !important;
margin-top: 5px !important;
}
.copyrights {
border-top: 1px dashed rgba(255, 255, 255, 0.1);
padding: 45px 0;
display: block;
position: relative;
background-color: #212121;
}
div.grass {
background: rgba(0, 0, 0, 0) url("images/footer-grass.png") repeat-x scroll 0 0;
bottom: 0;
height: 94px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
width: 100%;
z-index: 7010;
}
.footer-newsletter .form-control,
.topbar p,
.topbar li,
.topbar a,
.da-thumbs .pitem a div h3 small,
.copyrights li a,
.copyrights p,
.twitter-posts h3,
.footer small,
.footer li,
.footer p {
color: #838383;
}
.copyrights li a,
.copyrights p {
margin: 0;
text-transform: capitalize;
padding: 0;
}
.copyrights p {
padding-bottom: 0;
}
.copyrights ul li {
margin: 0 5px !important;
padding: 0 !important;
}
.copyrights ul {
padding: 0 !important;
margin: 0 !important;
}
.btn-default,
.btn-primary {
background-color: #212121;
border: 2px solid #212121;
border-radius: 0;
font-size: 15px;
padding: 10px 30px;
}
.btn-group-xs > .btn,
.btn-xs {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 1px 5px;
}
.btn-group-sm > .btn,
.btn-sm {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.btn-group-lg > .btn,
.btn-lg {
border-radius: 6px;
font-size: 18px;
line-height: 1.33333;
padding: 10px 36px;
}
/*------------------------------------------------------------------
13. SHOP
-------------------------------------------------------------------*/
.shop_single_page .product_details .product_top_section .img_holder {
background: #f1edea;
position: relative;
}
.shop_single_page .tab-content {
border-left: 1px solid #7DC01C;
border-right: 1px solid #7DC01C;
border-bottom: 1px solid #7DC01C;
}
.shop_single_page .product_details .product_top_section .img_holder:before {
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.65);
position: absolute;
top: 0;
left: 0;
z-index: 9;
opacity: 0;
visibility: hidden;
}
.shop_single_page .product_details .product_top_section:hover .img_holder:before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
visibility: visible;
}
.shop_single_page .product_details .product_top_section .img_holder img,
.shop_single_page .product_details .product_top_section .img_holder:before {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin: 0 auto;
}
.shop_single_page .product_details .product_top_section:hover .img_holder img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.shop_single_page .product_details .product_top_section .item_description {
margin-top: -3px;
}
.shop_single_page .product_details .product_top_section .item_description>h4 {
font-size: 24px;
}
.shop_single_page .product_details .product_top_section .item_description>ul>li {
display: inline-block;
margin-right: 5px;
margin-top: 9px;
margin-bottom: 9px;
color: #9e9e9e;
}
.shop_single_page .rating {
margin-bottom: 20px !important;
}
.shop_single_page .product_details .product_top_section .item_description .item_price {
font-size: 24px;
line-height: 1;
}
.shop_single_page .product_details .product_top_section .item_description>p {
border-top: 1px solid #f1edea;
border-bottom: 1px solid #f1edea;
padding: 17px 0;
margin: 10px 0;
}
.shop_single_page .product_details .product_top_section .item_description .check_location {
display: block;
color: #1e2126;
margin: 15px 0 15px 0;
}
.shop_single_page .product_details .product_top_section .item_description>div {
margin-bottom: 33px;
}
.shop_single_page .product_details .product_top_section .item_description>div input {
width: 160px;
height: 40px;
border: 1px solid #f1edea;
border-radius: 2px;
padding-left: 10px;
margin-right: 10px;
color: #9e9e9e;
}
.shop_single_page .shop-button {
margin-left: 10px;
}
.shop_single_page .product_details .product_top_section .item_description>div button {
width: 84px;
line-height: 40px;
background: #f7f7f7;
text-align: center;
font-size: 14px;
color: #9e9e9e;
text-transform: uppercase;
margin-left: 9px;
margin-right: 8px;
}
.shop_single_page .product_details .product_top_section .item_description>div span {
font-weight: normal;
font-size: 14px;
font-style: italic;
line-height: 40px;
}
.shop_single_page .product_details .product_top_section .item_description>input[type="number"] {
display: inline-block;
height: 47px;
width: 70px;
border: 1px solid #f1edea;
padding-left: 15px;
vertical-align: bottom;
font-size: 18px;
}
.shop_single_page .product_details .product_top_section {
margin-bottom: 79px;
}
.shop_single_page .nav-pills {
background-color: #f1edea;
padding: 10px;
border: 5px solid #7DC01C !important;
}
.shop_single_page .product_details .product-review-tab .nav li a {
width: 120px;
line-height: 45px;
padding: 5px 20px;
border-radius: 0;
border: 2px solid #7DC01C !important;
background: #e0dcd9 !important;
color: #1e2126 !important;
text-align: center;
margin-right: 8px;
}
.shop_single_page .comment-list {
list-style: none;
padding: 0;
}
.shop_single_page .comments .lightversion .form-control {
margin-bottom: 0 !important;
}
.shop_single_page .comment-list h3 {
padding-bottom: 8px;
}
.shop_single_page .comment-list small {
font-size: 14px;
font-style: italic;
color: #999999;
display: block;
padding: 0 0 8px;
}
.author-details img {}
.author-details h3 {
font-size: 20px;
}
.about-author {
padding-bottom: 20px;
margin-bottom: 40px;
border-bottom: 1px solid #f4f4f4;
}
.author-details img {
max-width: 90px;
margin: 10px 30px 40px 0;
}
.shop_single_page .comment-list li.reply {
padding-left: 60px;
}
.shop_single_page .comment-list li {
position: relative;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #f4f4f4;
}
.shop_single_page .comment-list .rating {
position: absolute;
right: 0;
top: 0;
}
.shop_single_page .product_details .product-review-tab .tab-content {
padding: 30px;
}
.shop_single_page .product_details .product-review-tab .nav li.active a {
color: #fff;
background: #f4f4f4;
}
.shop_single_page .product_details .product-review-tab .nav {
border-bottom: 1px solid #f4f4f4;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text {
padding-left: 30px;
width: 91%;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .sec_up span,
.shop_single_page .product_details .product-review-tab .item_review_content .text .sec_up ul {
display: inline-block;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .sec_up>div {
margin-top: -6px;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .sec_up ul li {
display: inline-block;
margin-left: 2px;
font-size: 12px;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .sec_up span {
margin-right: 7px;
font-size: 14px;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text>p {
margin: 18px 0 10px 0;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .up_down_nav,
.shop_single_page .product_details .product-review-tab .item_review_content .text .reply_share_area {
display: inline-block;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .up_down_nav a {
font-size: 18px;
line-height: 20px;
padding: 0 10px 0 0;
margin-right: 5px;
color: #9e9e9e;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .up_down_nav a:first-child {
border-right: 1px solid #f7f7f7;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .reply_share_area a {
font-size: 14px;
color: #9e9e9e;
padding-right: 15px;
margin-right: 10px;
position: relative;
}
.shop_single_page .product_details .product-review-tab .item_review_content .text .reply_share_area a:first-child:before {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
background: #f7f7f7;
position: absolute;
top: 7px;
right: 0;
}
.shop_single_page .product_details .product-review-tab .item_review_content {
border-bottom: 1px solid #f7f7f7;
padding-bottom: 40px;
margin-bottom: 40px;
}
.shop_single_page .product_details .product-review-tab .add_your_review {
margin: 20px 0 20px 0;
}
.shop_single_page .product_details .product-review-tab .add_your_review>span {
display: block;
margin: 36px 0 14px 0;
}
.shop_single_page .product_details .product-review-tab .add_your_review ul,
.shop_single_page .product_details .product-review-tab .add_your_review ul li {
display: inline-block;
}
.tab-pane .section-title {
margin-top: 0 !important;
}
.theme_title h3 {
line-height: 1 !important;
padding: 0 !important;
margin: 0 !important;
}
.shop_single_page .product_details .product-review-tab .add_your_review ul li {
font-size: 12px;
margin-right: 3px;
color: #dbdbdb;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.shop_single_page .product_details .product-review-tab .add_your_review ul {
line-height: 20px;
padding: 0;
border-right: 1px solid #dbdbdb;
padding-right: 10px;
margin-right: 10px;
}
.shop_single_page .product_details .product-review-tab .add_your_review ul.fix_border {
border: none;
}
.shop_single_page .product_details .product-review-tab .add_your_review form {
margin-top: 31px;
}
.shop_single_page .product_details .product-review-tab .add_your_review form input {
height: 54px;
padding: 0 15px 0 19px;
}
.shop_single_page .product_details .product-review-tab .add_your_review form textarea {
max-width: 100%;
min-height: 165px;
padding: 15px 17px 5px 19px;
}
.shop_single_page .product_details .btn {
font-size: 14px;
margin: 0 !important;
padding: 10px 30px;
}
.wishlist-form img {
max-width: 80px;
}
.wishlist-form .panel-heading {
font-size: 15px;
font-weight: 700;
padding: 20px;
}
.wishlist-form .panel-heading a {
font-style: normal !important;
}
.wishlist-form strong {
display: inline-block;
margin-bottom: 10px;
}
.wishlist-form .form-control {
background-color: #fff;
border-color: #f1edea !important;
box-shadow: none !important;
margin-bottom: 5px;
height: 40px;
}
.account_page form {
background: #f1edea;
border: 1px solid rgba(237, 237, 237, 0.77);
border-radius: 3px;
padding: 33px 33px 35px 35px;
margin-top: 40px;
}
.account_page form .input_group {
height: 40px;
position: relative;
margin-bottom: 10px;
}
.account_page form .input_group input {
width: 100%;
height: 100%;
background: #fff;
border: 1px solid #f4f4f4;
border-radius: 2px;
color: #9e9e9e;
padding: 0 38px 0 15px;
font-size: 14px;
}
.account_page form .input_group i {
line-height: 40px;
color: #9e9e9e;
position: absolute;
top: 0;
right: 15px;
}
.account_page form label {
font-weight: normal;
color: #1e2126;
padding-bottom: 10px;
line-height: 1;
font-size: 16px;
position: relative;
}
.account_page .single_checkbox {
margin-top: 7px;
}
.account_page a {
margin-top: 10px;
font-size: 14px;
}
.account_page .single_checkbox label {
color: #9e9e9e;
display: inline-block;
position: relative;
cursor: pointer;
font-size: 14px;
padding-left: 28px;
margin: 0;
-webkit-user-select: none;
}
.account_page .single_checkbox input[type="checkbox"] {
display: none;
}
.account_page .single_checkbox label:before {
content: '';
width: 20px;
height: 20px;
background: #fbfbfb;
border: 1px solid #e3e6e9;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(174, 174, 174, 0.21);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(174, 174, 174, 0.21);
box-shadow: inset 0px 0px 1px 0px rgba(174, 174, 174, 0.21);
display: inline-block;
position: absolute;
text-align: center;
left: 0;
top: 0;
}
.account_page .single_checkbox input[type="checkbox"]:checked + label:before {
content: "\f00c";
font-family: 'FontAwesome';
font-size: 14px;
line-height: 18px;
position: absolute;
left: 0;
top: 0;
}
.account_page form button {
margin-top: 20px;
}
.shoppanel .panel {
border: 0;
}
.shoppanel .panel-heading {
background: #f1edea none repeat scroll 0 0 !important;
border-radius: 0 !important;
border: 4px solid #e1ddda;
color: #121212;
margin-bottom: 21px;
}
.wishlist-form strong,
.shoppanel .panel-info > .panel-heading {
color: #121212;
}
.shoppanel .panel h6 {
font-size: 18px;
}
.shoppanel .panel h6,
.shoppanel .panel h4 {
font-weight: 700;
padding: 20px 0 0;
}
.shop-top {
margin-top: 5em;
}
.shop-top {
margin-bottom: 2em;
}
.shop-top p {
padding: 0;
margin: 10px 0 0;
}
.shop-meta {
position: relative;
display: block;
margin: 15px 0 0;
}
.shop-meta small {
font-size: 17px;
}
.shop-wrapper .magnifier .st:hover,
.shop-wrapper .magnifier .st:focus,
.shop-wrapper .magnifier .st {
width: auto !important;
height: auto !important;
background-color: transparent !important;
font-size: 28px;
}
.img-thumbnail {
background-color: #f9f9f9;
padding: 4px;
border: 0;
}
.shop-list .col-md-3 {
margin-bottom: 30px;
}
/*------------------------------------------------------------------
14. MISC
-------------------------------------------------------------------*/
select.bs-select-hidden,
select.selectpicker {
display: none;
}
.bootstrap-select {
width: 220px \0;
/*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
width: 100%;
padding-right: 25px;
z-index: 1;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #999;
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
}
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
border-color: #b94a48;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.bootstrap-select .dropdown-toggle:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
position: absolute;
height: 0 !important;
padding: 0 !important;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .fa-angle-down {
position: absolute;
top: 50%;
right: 16px;
margin-top: -6px;
vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .fa-angle-down {
position: static;
top: auto;
margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto;
top: -3px;
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto;
top: -3px;
border-top: 6px solid white;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
padding: 4px 8px;
}
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
width: 50%;
}
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-donebutton .btn-group button {
width: 100%;
}
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px;
}
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none;
}
.workinghours ul {
padding: 0;
list-style: none;
}
.workinghours i {
margin-right: 10px;
}
.workinghours li {
margin-bottom: 10px;
color: #999999;
position: relative;
padding-bottom: 10px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1)
}
.workinghours li span {
position: absolute;
right: 0;
}
.workinghours li:first-child {
padding-top: 10px;
border-top: 1px dashed rgba(0, 0, 0, 0.1)
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus,
.appointment_form .btn-info:hover,
.appointment_form .btn-info:focus,
.appointment_form .btn-info,
.appointment_form .form-control {
border-radius: 3px;
height: 50px;
background-color: #ffffff !important;
padding: 10px;
border: 1px solid #ededed;
box-shadow: none !important;
color: #999999 !important;
box-shadow: none;
margin-bottom: 30px;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus,
.appointment_form .btn-info:hover,
.appointment_form .btn-info:focus,
.appointment_form .btn-info,
.appointment_form .btn-info:hover,
.appointment_form .btn-info:focus,
.appointment_form .btn-info {
margin-bottom: 0;
}
.appointment_form .dropdown-menu {
border-radius: 0;
border: 1px solid #f1edea !important;
box-shadow: none;
}
.appointment_form .dropdown-menu > li > a:focus,
.appointment_form .dropdown-menu > li > a:hover {
background-color: #f1edea;
}
.appointment_form textarea {
height: 140px !important;
}
.appointment_form .dropdown-menu {
border: 0;
}
.section.db .appointment_form .btn-info:hover,
.section.db .appointment_form .btn-info:focus,
.section.db .appointment_form .btn-info,
.section.db .appointment_form .form-control {
background-color: #262626 !important;
border-color: #333;
}
.section.db .workinghours li {
border-bottom: 1px dashed rgba(255, 255, 255, 0.1)
}
.section.db .workinghours li:first-child {
border-top: 1px dashed rgba(255, 255, 255, 0.1)
}
.loader {
display: block;
margin: 20px auto 0;
vertical-align: middle;
}
#preloader {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
z-index: 11000;
position: fixed;
display: block
}
.preloader {
position: absolute;
margin: 0 auto;
left: 1%;
right: 1%;
top: 45%;
width: 95px;
height: 95px;
background: center center no-repeat none;
background-size: 95px 95px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.global-radius {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.message-box .nav-pills {
text-align: left !important;
border-radius: 0;
}
.message-box .nav-pills > li > a {
background-color: #f1edea;
border-radius: 0 !important;
text-align: left;
}
.message-box .nav-pills > li {
text-align: left !important;
float: none;
margin: 0 !important;
padding: 5px 0px 5px 0px;
width: 100%;
}
/*------------------------------------------------------------------
15. RESPONSIVE
-------------------------------------------------------------------*/
@media (max-width: 1008px) {
.pricing-box-03 {
text-align: center !important;
}
.pricing-box-03::before,
.pricing-box-03.leftbg::after {
display: none !important;
}
.pagenot h2 {
font-size: 100px;
}
}
@media (min-width: 768px) {
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}
.navbar .navbar-collapse {
text-align: center;
}
}
@media (min-width: 992px) {
.header .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
.header .hasmenu:hover > ul {
visibility: visible;
opacity: 1;
top: 100%;
}
.header .navbar-nav .hasmenu ul {
-webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
-moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
-o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
}
.header .hasmenu .dropdown-menu {
min-width: 220px;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.header .hasmenu > ul {
position: absolute;
top: 130%;
visibility: hidden;
display: block;
opacity: 0;
left: 0;
}
.header .hasmenu > ul.start-right {
right: 0;
left: auto;
}
.header .hasmenu > ul li {
position: relative;
}
.header .hasmenu > ul li:hover > ul {
visibility: visible;
opacity: 1;
left: 100%;
}
.header .hasmenu > ul li:hover > ul.show-right {
right: 100%;
}
.header .navbar-nav .has-submenu {
position: relative;
}
.header .navbar-nav .has-submenu:hover > ul {
visibility: visible;
opacity: 1;
top: 100%;
}
.header .navbar-nav .has-submenu:hover > ul li ul {
margin-top: -1px;
}
.header .navbar-nav .has-submenu ul {
-webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
-moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
-o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
}
.header .navbar-nav .has-submenu .dropdown-menu {
min-width: 220px;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.header .navbar-nav .has-submenu > ul {
position: absolute;
top: 130%;
visibility: hidden;
display: block;
opacity: 0;
left: 0;
}
.header .navbar-nav .has-submenu > ul.start-right {
right: 0;
left: auto;
}
.header .navbar-nav .has-submenu > ul li {
position: relative;
}
.header .navbar-nav .has-submenu > ul li:hover > ul {
visibility: visible;
opacity: 1;
left: 105%;
}
.header .navbar-nav .has-submenu > ul li:hover > ul.show-right {
right: 100%;
}
.header .navbar-nav .has-submenu > ul li ul {
position: absolute;
top: 0;
visibility: hidden;
display: block;
opacity: 0;
left: 130%;
}
.header .navbar-nav .has-submenu > ul li ul.show-right {
right: 130%;
left: auto;
}
}
@media (max-width: 991px) {
.post-media img {
width: 100%;
}
.widget,
.shop-wrapper,
.workinghours,
.hoverbox,
.about-widget {
margin: 15px 0;
}
.navbar-brand {
width: auto;
display: block;
margin:0 auto 10px;
width: 100%;
float:none;
text-align: center;
}
.navbar-brand > img {
margin:auto;
}
.container {
min-width: 90%;
}
}
@media (max-width: 768px) {
.navbar-nav > li {
border:0;
}
.section-title h3, .big-title h3 {
font-size: 24px;
}
.lead {
font-size:13px;
}
.copyrights .text-right,
.copyrights .text-left,
.copyrights {
text-align: center;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus,
.appointment_form .btn-info:hover,
.appointment_form .btn-info:focus,
.appointment_form .btn-info,
.appointment_form .form-control {
margin-bottom: 30px !important;
}
.navbar-nav .open .dropdown-menu {
background-color: #ffffff;
}
.navbar-toggle {
color:#ffffff;
background-color: #ffffff;
}
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 100;
font-size: 13px;
}
.galleria-theme-classic .galleria-stage {
background: #678b9c;
}
.ui-widget-header {
border: 1px solid #3cb100 !important;
background: #7dc01c !important;
color: #ffffff !important;
font-weight: bold !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5 !important;
background: #f6f6f6 !important;
font-weight: normal !important;
color: #454545 !important;
}
.not-active {
pointer-events: none;
cursor: default;
}
@media screen and (min-width:1024px) {
.h-banner{
width: 800px;
margin-bottom: 75px;
}
#h-row{
text-align: center;
}
} |