body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #555;
font-size: 17px;
font-weight: 300;
background: #f9f9f9;
}
p {
font-size: 17px;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100;
color: #333;
}
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
text-decoration: none;
margin-top: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100;
color: #333;
}
h1 a:hover, .h1 a:hover,
h2 a:hover, .h2 a:hover,
h3 a:hover, .h3 a:hover,
h4 a:hover, .h4 a:hover,
h5 a:hover, .h5 a:hover,
h6 a:hover, .h6 a:hover {
text-decoration: none;
}
h5, .h5,
h6, .h6 {
font-weight: 300 !important;
}
h5 a, .h5 a,
h6 a, .h6 a {
font-weight: 300 !important;
}
a:hover {
color: #1abc9c;
text-decoration: none;
}
a:focus, a:active {
text-decoration: none;
outline: 0;
}
a {
color: #1abc9c;
}
b, strong{
font-weight: 500;
}
abbr[title], 
abbr[data-original-title] {
border-bottom: 0;
}
blockquote{
margin: 40px;
padding: 10px 20px;
border-left: 5px solid #EEE;
clear: both;
}
pre {
color: #777;
background-color: #F5F5F5;
border: 1px solid #E5E5E5;
text-align: left;
}
code {
max-width: 100%;
white-space: pre-wrap;
}
legend {
border-bottom: 0;
text-align: left;
margin-top: 30px;
width: auto;
}
iframe{
max-width: 100%;
}
.form-control,
.woocommerce form .form-row input.input-text {
height: 50px;
padding: 6px 12px;
border-color: #ececec;
border-radius: 0;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
.form-control:focus {
outline: 0;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input, button, select, textarea {
border: 1px solid #ececec;
border-radius: 0;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input:focus, select:focus, textarea:focus {
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
label{
font-weight: 300;
}
.widget ul, .widget ol {
list-style: none;
margin-left: 0;
text-transform: capitalize;
}
.centered {
margin: 0 auto;
} #respond {
padding: 15px;
margin-top: 0px;
background: #fcfcfc;
border-top: 1px solid #ececec;
}
#comments {
padding: 15px;
border-top: 1px solid #ececec;
}
.comment {
padding-top: 15px;
}
a.comment-toggle:focus { 
text-decoration: none;
}
a#cancel-comment-reply-link {
font-weight: 300;
}
h3#reply-title {
font-weight: 200;
text-transform: none;
}
.comment ul li:last-child {
margin-bottom: 0;
}
.comment img {
border-radius: 3px;
}
.comment-respond {
margin-top: 16px !important;
border-bottom: 1px solid #ececec;
}
p.logged-in-as {
font-size: 15px;
}
a.comment-edit-link {
font-size: 14px;
}
a.comment-reply-link:hover{
text-decoration: none;
}
.bypostauthor .media-heading{
background-color: #00c9bf;
padding: 4px 4px;
border-radius: 3px;
width: auto;
display: inline-block;
color: #FFF;
font-weight: 400;
font-size: 14px;
}
.author-name i {
display: none;
}
.media-heading {
margin-bottom: 0;
text-transform: capitalize;
display: inline-block;
}
.media-heading a {
font-weight: 300;
}
.media-body time{
font-size: 13px;
text-decoration: none;
}
.media-body time a {
color: #C1C0C0;
}
.media>.pull-left {
margin-right: 15px;
}
.comment-reply-link {
font-size: 14px;
background: #F5F5F5;
border-radius: 3px;
padding: 4px;
}
.media-body .alert{
border: none;
padding: 10px 12px;
font-size: 16px;
margin: 5px 0;
}
.comment-container {
margin-bottom: 50px;
background: #FFF;
border: 1px solid #ECECEC;
border-top: 0;
}
.comment_count {
margin-bottom: 20px;
color: #777;
text-align: center;
}
.comment_count:after{
content: '';
display: block;
width: 20%;
margin: 0 auto;
border-bottom: 1px solid #ececec;
padding-top: 10px;
margin-bottom: 20px;
}
.comment_count:before{
content: '';
display: block;
width: 20%;
margin: 0 auto;
border-top: 1px solid #ececec;
padding-bottom: 10px;
margin-top: 20px;
}
#comments ol {
margin: 0;
}
@media (max-width: 767px) { 
.depth-1 .comment { margin-left: 20px; }
.depth-2 .comment, .depth-3 .comment, .depth-4 .comment, .depth-5 .comment, .depth-6 .comment, .depth-7 .comment { margin-left: 0; } 
} .widget-title {
font-size: 28px;
}
.widget {
margin-bottom: 50px;
}
.widget_search {
margin-bottom: 30px;
}
.screen-reader-text {
display: none;
}
.search-field {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ececec;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.search-field:focus {
outline: 0;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #1abc9c;
}
.search-form {
margin-bottom: 0;
height: 35px;
}
.search-form label {
width: 100%;
}
.search-submit{
display: none;
}
.search-box{
display: none;
z-index: 9999;
background: #FFF;
top: 0px;
margin-left: 48px;
position: absolute;
padding: 8px 8px 7px 8px;
width: 250px;
border-right: 1px solid #ECECEC;
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.search-box label{
margin-bottom: 0;
} #menu-main > li:first-child {
border-left: 0;
}
.mobile-menu{
display: none;
}
.mobile-toggle .navbar-header{
display: inline-block;
}
.mobile-search {
display: none;
padding: 10px 15px;
background: #262626;
}
.mobile-search .search-field {
background: transparent;
color: #999;
border: 0;
}
.mobile-search-icon {
display: block;
position: relative;
float: right;
margin-right: 12px;
padding: 0 10px 0 0px;
margin-top: 14px;
margin-bottom: 14px;
border: medium none;
background: transparent;
color: #000;
font-size: 15px;
}
.mobile-search-icon:focus,
.mobile-search-icon:hover {
outline: 0;
}
.navbar-collapse {
padding-right: 0;
padding-left: 0;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.navbar-default {
background-color: #fff;
border-color: #ececec;
border-width: 1px 0;
}
.navbar {
margin-bottom: 0;
border-radius: 0;
}
.navbar-nav {
max-width: 100%;
}
.navbar-nav>li {
border-left: 1px solid #ececec;
}
.navbar-nav>li:last-child {
border-right: 1px solid #ececec;
}
.dropdown-menu {
padding: 0;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 0;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-clip: none;
border-bottom: 0;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #333;
background-color: #F9F9F9;
}
.navbar-default .navbar-nav>li>a {
color: #333;
max-width: 100%;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
background-color: #F9F9F9;
color: #333;
}
.dropdown-menu>li>a {
padding: 12px 15px;
border-bottom: 1px solid #ececec;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #000;
}
.navbar-default .navbar-toggle {
border-color: transparent;
} .pagination>li:first-child>a, 
.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.pagination {
display: inline-block;
padding-left: 0;
margin-bottom: 50px;
margin-top: 0;
}
.pagination>li>a, .pagination>li>span {
color: #333;
border: 1px solid #ececec;
}
.pager {
margin-bottom: 60px;
text-align: left;
}
.pager > li > a {
width: 140px;
padding: 10px 20px;
text-align: center;
border-radius: 30px;
}
span.cat-count {
display: inline-block;
padding: 0px 6px;
margin: 4px 0px;
border-radius: 3px;
background: rgb(255, 255, 255);
color: rgb(97, 97, 97);
font-weight: 100;
border: 1px solid #ececec;
}
.dots:hover{
background: #fff !important;
}
.current{
background: #F9F9F9 !important;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
background-color: #F9F9F9;
border-color: #ececec;
color: #333;
}
.notfound {
margin: 50px auto;
width: 250px;
text-align: center;
text-transform: uppercase;
color: #777;
}
.notfound h1 {
font-size: 150px;
color: #000;
}
.notfound .search-form{
margin-top: 30px;
} .post-content, 
.post-excerpt{
overflow: hidden;
}
.post-content p,
.post-excerpt p{
text-align: justify;
}
.post-thumbnail img {
height: auto;
max-width: 100%;
}
.post-thumbnail {
width: 100%;
height: auto;
background: #EEE;
text-align: center;
margin-bottom: 20px;
}
.post, article {
margin-bottom: 50px;
background: #FFF;
padding: 15px;
border: 1px solid #ececec;
}
article.page {
margin-bottom: 50px;
background: #FFF;
padding: 15px;
border: 1px solid #ececec;
}
.blog-post-title {
margin-bottom: 5px;
font-size: 40px;
}
.blog-post-meta {
margin-bottom: 20px;
color: #777;
padding-bottom: 7px;
border-bottom: 1px solid #ececec;
font-size: 15px;
}
.post-tags{
color: #444;
padding: 7px 0;
border-top: 1px solid #ececec;
margin-bottom: 0;
margin-top: 20px;
}
.sticky {
border: 2px solid #1abc9c;
border-radius: 3px;
}
.h-header{
margin: 30px 0 30px;
text-align: center;
}
.h-header:after{
content: '';
display: block;
width: 20%;
border-bottom: 1px solid #ececec;
padding-top: 10px;
margin: 0 auto;
}
.h-header:before{
content: '';
display: block;
width: 20%;
margin: 0 auto;
border-top: 1px solid #ececec;
padding-bottom: 10px;
}
.home-link{
border-right: 1px solid #ECECEC;
}
.bio {
color: #777;
text-align: center;
}
.author-avatar{
text-align: center;
margin-bottom: 15px;
}
.author-avatar img{
border-radius: 3px;
}
.quote-icon i {
color: #EEE;
}
.format-quote blockquote{
margin: 1em 40px;
padding: 10px 20px;
border-left: 5px solid #EEE;
background: transparent;
}
blockquote.post-quote > a {
color: #777;
font-size: 20px;
}
p.quote-author {
margin: 20px 0 0;
font-weight: 300;
}
.post-link i { margin-bottom: 15px; color: #EEE; }
@media (max-width: 767px) { .post-link .entry-title { font-size: 22px; } }
#video-frame {
margin-bottom: 20px;
max-width: 100%;
} .format-chat .post-content p{
border-left: 3px solid #2ba6cb; margin-bottom: 6px;
padding-left: 13px;
}
.format-chat .post-content p:nth-child(odd) {
border-left-color: #00c9bf; background: #F9F9F9;
} .btn-primary{
background-color: #1abc9c;
border-color: #1abc9c;
}
.btn {
border: none;
white-space: nowrap;
padding: 10px 15px;
line-height: 16px;
border-radius: 3px;
height: auto;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus {
outline: none;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #1abc9c;
border-color: #1abc9c;
}
.btn:active, 
.btn.active {
outline: 0;
background-image: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
} .blog-masthead {
background-color: #fff;
margin-bottom: 40px;
border: 1px solid #ECECEC;
border-width: 1px 0;
} .blog-nav-item {
position: relative;
display: inline-block;
padding: 15px 20px;
font-weight: 300;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #232527;
border-left: 1px solid #ECECEC;
}
.blog-nav-item:last-child {
border-right: 1px solid #ECECEC;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
color: #fff;
text-decoration: none;
} .blog-header {
text-align: center;
background: #fff;
margin-bottom: 40px;
}
.blog-header > .container {
height: 330px;
}
.site-meta {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.blog-title {
margin-bottom: 0;
font-size: 60px;
font-weight: 300;
}
.blog-title a {
color: #1abc9c;
}
.site-description {
font-size: 20px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100;
width: 45%;
margin: 20px auto;
text-align: center;
max-width: 80%;
}
.site-description:before, 
.site-description:after{
content: '';
display: block;
width: 20%;
border-bottom: 1px solid #ececec;
margin: 12px auto;
} .blog-main {
font-size: 18px;
line-height: 1.5;
} .sidebar-module {
padding: 15px;
margin: 0 -15px 15px;
margin-right: 0;
}
.sidebar-module-inset {
padding: 15px;
background-color: #fff;
border: 1px solid #ECECEC;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
margin-bottom: 0;
} .nav-tabs {
padding: 0 0 0 1em;
margin-bottom: 0;
margin-left: 0;
background: #F5F5F5;
border-radius: 0px;
border: 1px solid #ECECEC;
}
.nav-tabs li {
padding: 0px 1em;
}
.nav-tabs li a {
background: transparent !important;
border-left-width: 0 !important;
border-right-width: 0 !important;
border-top-width: 0 !important;
font-weight: 200;
padding: 15px 0px;
color: #515151;
text-decoration: none;
}
.nav-tabs li:hover a {
border-bottom: 0;
}
.nav-tabs li.active a {
border-bottom: 3px solid #DDD;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border-bottom: 3px solid #DDD !important;
}
.tab-content {
background: #FFF;
padding: 20px;
border: 1px solid #ECECEC;
border-width: 0px 1px 1px;
margin-bottom: 50px;
text-align: left;
} .gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-item img{
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width:         calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 33.33333%;
width: 33.33333%;
max-width: -webkit-calc(33.3% - 4px);
max-width:         calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width:         calc(11.1% - 4px);
}
.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-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 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-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;
} .wp-playlist {
border: 0 !important;
padding: 0 !important;
margin: 12px 0 18px;
font-size: 14px;
line-height: 1.5;
}
#calendar_wrap {
border: 1px solid #ececec;
padding: 12px;
background: #fff;
}
#wp-calendar caption {
padding: 0 0 8px 0;
}
table#wp-calendar {
width: 100%;
}
#wp-calendar thead {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
line-height: 25px;
}
#wp-calendar thead tr th {
font-weight: 300;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #F9F9F9;
border: 1px solid #f0f0f0;
max-width: 100%; padding: 10px 6px 0px;
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;
}
figcaption.wp-caption-text {
margin: 5px 0;
}
img {
max-width: 100%;
height: auto;
}
.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;
}
ol, ul {
list-style: none;
}
ul {
list-style: disc outside;
margin: 0 0 25px 48px;
padding: 0;
}
ol {
list-style-type: decimal;
margin: 0 0 25px 48px;
}
ol ol {
list-style: upper-roman;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: upper-alpha;
}
ol ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 0 25px 5px;
}
dl dt {
font-weight: bold;
margin: 10px 0 0 0;
}
dl dd {
margin: 5px 0 0 24px;
}
#closed {
padding: 20px 30px;
background-color: #fcf8e3;
border: 1px solid #faebcc;
color: #8a6d3b;
text-align: center;
} .blog-footer {
overflow: hidden;
padding: 30px 0;
color: #999;
text-align: center;
}
.blog-footer-widgets {
background: #FFF;
border-top: 1px solid #ECECEC;
}
.blog-footer p{
font-size: 13px;
}
.blog-footer a, 
.blog-footer a:hover,{
color: #999;
}
@media (min-width: 768px){
.md-footer-cl {
border-left: 1px solid #ececec; 
border-right: 1px solid #ececec;
}
.mobile-search {
display: none;
}
.mobile-search-icon {
display: none;
}
}
.footer-top{
color: #999;
text-align: center;
overflow: hidden;
padding: 30px 0;
border-top: 1px solid #ECECEC;
background: #FFF;
}
.footer-top .widget{
margin-bottom: 20px;
} table, .woocommerce table.shop_table{
border: 1px solid #e5e5e5;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 25px;
}
table caption {
margin: 0 0 5px;
font-size: 15px;
font-variant: small-caps;
}
th,td {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.widget th,
.widget td {
padding: 5px 2px;
}
th {
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
background: #f5f5f5;
font-size: 15px;
font-weight: normal;
text-align: left;
}
td {
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
} @media (max-width: 767px) { .navbar { margin-bottom: 15px; font-family: "Helvetica Neue", Helvetica, Arial; }
.navbar-default .navbar-nav > li > a { font-size: 14px; color: rgba(255, 255, 255, 0.8); text-transform: none; }
.navbar-nav>li { border-left: 0;}
.navbar-nav>li:last-child { border-right: 0;}
.dropdown-menu>li>a { border-bottom: 0; }
.navbar-nav .open .dropdown-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF; margin-left: 20px; padding: 10px 0px; }
.navbar-nav > li > a { padding: 16px 20px; border-bottom: 1px solid #323232; }
#mobile-navbar-collapse { background-color: #262626; padding: 0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #262626; color: #FFF; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: transparent; color: #FFF; font-weight: normal; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding-left: 0; padding-right: 0; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #FFF; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #FFF; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border-color: rgba(255, 255, 255, 0.2); }
.topbar { display: none !important; } 
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {color: #999 !important;} }
@media (max-width: 767px) {
.mobile-menu{
display: block !important;
}
.navbar, .navbar-default {
display: none;
border-left: 0;
border-right: 0;
}
.navbar-nav {
margin: 0;
}
.post{
margin-bottom: 22px !important;
}
.home-link {
display: none !important;
}
.pagination{
text-align: center;
}
.site-description {
width: 100% !important;
}
.h-header:after{
width: 40%;
}
.h-header:before{
width: 40%;
}
} @media (min-width: 1200px) {
.container {
width: 970px;
}
} .woocommerce nav.woocommerce-pagination {
margin-bottom: 50px;
}
.cart-link {
border-right: 0 !important;
}
.cart-link, .account-link {
width: 50px;
}
.userName {
color: #FFF;
border-bottom: 1px solid #444;
padding-bottom: 10px;
font-size: 16px;
}
.dropdown-account {
list-style: outside none none;
margin: 0 0 0 0;
padding: 16px 20px;
text-align: left;
}
.accountShortcuts {
display: none;
z-index: 999;
position: absolute;
top: 50px;
right: 0;
background: #262626;
color: #999;
}
.accountShortcuts a{
color: #999;
}
div.pp_woocommerce div.ppt, div.pp_woocommerce .pp_expand {
display: none !important;
}
div.pp_woocommerce .pp_content_container {
padding: 20px 0 0 0;
}
div.pp_woocommerce .pp_details {
display: none;
}
.woocommerce td.product-name dl.variation dt {
display: none;
}
.woocommerce td.product-name dl.variation dd {
margin-left: 0;
}
.shop .page-title {
display: none;
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
height: 40px;
}
.lightTable {
border: 0;
}
.lightTable tr {
height: 50px;
}
.lightTable th {
border-right: 0;
background: transparent;
}
.lightTable td {
height: 50px;
border-right: 0;
}
.couponBox {
padding: 15px;
background: #FFF;
border: 1px solid #ECECEC;
}
.woocommerce-page article.page {background: transparent; border: 0; box-shadow: 0 0 0 0; padding: 0 0 0 0; }
.woocommerce-lost-password-container  {
margin-top: 20px;
border: 1px solid #ECECEC;
margin-bottom: 35px;
background: #FFF;
padding: 25px
}
.cart, .cartTotals {
margin-top: 20px;
border: 1px solid #ECECEC;
margin-bottom: 35px;
}
.summary .cart {
border: 0;
margin: 30px 0 0 0;
}
.cartBody{
background: #FFF;
padding: 25px;
overflow: hidden
}
.cartEmpty {
text-align: center !important;
}
.cartEmpty .text-center {
text-align: center !important;
}
.cartEmpty .fa {
font-size: 80px;
margin-bottom: 30px;
color: #ECECEC;
}
.returnShop {
text-align: right;
}
.shippingCalculator {
background: rgb(245, 245, 245);
margin: -25px -25px 0px;
padding: 25px 25px 15px;
border-bottom: 1px solid rgb(236, 236, 236);
margin-bottom: 25px;
}
.shippingCalculator i {
color: #C5C5C5;
}
.shippingCalculator a {
color: #C5C5C5;
font-weight: 400;
}
.orderTable {
width: 100%;
}
.detailedCart,
.totalTable,
.reviewOrderTable,
.wooTable {
width: 100%;
margin-bottom: 0;
}
.detailedCart td,
.reviewOrderTable td,
.orderTable td,
.wooTable td {
text-align: left;
}
.detailedCart img {
max-width: 120px;
height: auto;
}
.cartFooter {
border-top: 1px solid #ECECEC;
background: #F5F5F5;
overflow: hidden;
padding: 25px;
}
.cartFooter > .coupon {
float: left;
}
.updateCart {
float: right !important;
}
.woocommerce-page .post {
margin-bottom: 0;
background: transparent;
padding: 0;
border: 0;
}
.country_select {
height: auto;
padding: 0 0;
border: 0;
}
.select2-container .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices{
height: 34px;
border-color: #ECECEC;
border-radius: 0;
}
.select2-drop.select2-drop-above.select2-drop-active,
.select2-drop-active {
border-color: #ECECEC;
border-radius: 0;
}
.cross-sells li.product {
text-align: center;
width: 100% !important;
}
.cross-sells .star-rating {
margin: 0 auto !important;
}
.woocommerce-cart .cart-collaterals .lightTable td {
border-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
border-top: 0;
} li.product {
background: #FFF;
border: 1px solid #ECECEC;
}
.woocommerce-item-meta {
padding: 12px 20px;
}
.productDetails {
padding: 18px 20px;
}
.woocommerce ul.products li.product a img {
margin-bottom: 0;
}
.woocommerce ul.products li.product .button {
border-top: 1px solid #ECECEC;
margin-top: 0;
padding: 18px 20px;
width: 100%;
background: #F5F5F5;
border-radius: 0;
font-weight: 200;
color: #555;
}
.woocommerce a.added_to_cart {
padding: 14px 20px;
width: 100%;
background: #00C9BF;
color: #FFF;
}
.woocommerce ul.products li.product .onsale {
border-radius: 0;
margin: -1px -1px 0 0;
height: 50px;
width: 50px;
font-weight: 500;
background: #FB3730;
}
.woocommerce span.onsale {
border-radius: 0;
top: 0;
left: 0;
height: 50px;
width: 50px;
font-weight: 500;
background: #FB3730;
} .product .summary {
padding: 20px;
background: #FFF;
border: 1px solid #ECECEC;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
background-color: transparent;
display: inline-block;
position: relative;
z-index: 0;
border-radius:  0 0 0 0;
margin: 0 0;
padding: 0 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: 200;
padding: 15px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin-bottom: 0;
background: #F5F5F5;
border-radius: 0;
border: 1px solid #ECECEC;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
content: none;
width: 100%;
border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-radius: 0;
border-color: #FFF;
background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
border-bottom: 3px solid #DDD;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0;
bottom: 0;
width: 0;
height: 0;
content: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 20px;
background: #FFF;
border-radius: 0;
box-shadow: none;
border: 1px solid #ECECEC;
border-width: 0 1px 1px 1px;
}
.product .thumbnails img {
width: auto !important;
} #reviews #comments {
padding: 0 15px 0 0;
border-top: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0px 0px 0px 0;
border: transparent;
border-radius: 2px;
background: #F5F5F5;
padding: 1em 1em;
}
.woocommerce #reviews #comments ol.commentlist {
padding-left: 0;
} .woocommerce-checkout #payment div.payment_box {
color: #333;
font-weight: 200;
background-color: #F5F5F5;
}
.woocommerce-checkout #payment div.payment_box::before {
border-color: transparent transparent #F5F5F5;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border-bottom: 0;
}
.woocommerce-checkout #payment {
background: transparent;
border-radius: 0;
} .woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
background-color: #FFF;
color: #FFF;
border-top: 0;
border-left: 4px solid #000;
padding-top: 22px;
padding-bottom: 22px !important;
}
.woocommerce .woocommerce-error a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-message a {
font-weight: 400;
color: #FFF;
border-bottom: 1px solid #FFF;
}
.woocommerce .woocommerce-error a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button {
border-bottom: 0;
}
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
color: #FFF;
} .woocommerce .woocommerce-message {
border-left-color: #20953B;
background: #29BF4C;
}
.woocommerce .woocommerce-message .button {
background: #20953B;
color: #FFF;
font-weight: 400;
} .woocommerce .woocommerce-info {
border-left-color: #1293D2;
background: #34B1EE;
}
.woocommerce .woocommerce-info .button {
background: #1293D2;
color: #FFF;
font-weight: 400;
} .woocommerce .woocommerce-error {
border-left-color: #C1230E;
background: #EE331A;
} #customer_login > .col-1 > h2 {
display: none;
}
#customer_login > .col-2 > h2 {
display: none;
}
.userLogin .fa-circle {
color: #D0D8E1;
}
.rememberMe {
margin-top: 25px;
color: #7F90A3;
}
.userLogin .fa-lg {
font-size: 50px;
margin-bottom: 25px;
}
.loginText {
color: #33475D;
margin-bottom: 0;
}
.userLogin {
color: #7F90A3;
font-weight: 300;
margin-bottom: 28px;
}
.registerBtn {
margin-top: 34px !important;
}
.lostPassword, .myAccount {
padding: 25px;
background: #FFF;
border: 1px solid #ECECEC;
margin-bottom: 50px;
}
.lost_password a {
color: #7F90A3;
}
.woocommerce-account .h-header {
margin-top: 0;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
background: #a46497;
font-weight: 400;
padding: 14px 22px;
border-radius: 5px;
color: #FFF;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
background: #935386;
color: #FFF;
}
.woocommerce form.login, 
.woocommerce form.register {
margin-bottom: 50px;
margin-top: 0;
background: #FFF;
padding: 35px;
padding-top: 30px;
border-radius: 0;
border: 1px solid #ECECEC;
}
.woocommerce form.login .form-control,
.woocommerce form.register .form-control{
height: 50px;
}
.woocommerce form.login input.button,
.woocommerce form.register input.button {
float: right;
}
.woocommerce .woocommerce-MyAccount-navigation {
width: 100%;
border-right: 1px solid #ECECEC;
clear: both;
float: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
margin: 0 0 0 0;
list-style: none;
text-align: left;
margin-bottom: 0;
background: #F5F5F5;
border-radius: 0;
border: 1px solid #ECECEC;
padding: 0 0 0 1em;
}
.woocommerce .woocommerce-MyAccount-content {
padding: 20px;
width: 100%;
float: none;
clear: both;
background: #FFF;
border: 1px solid #ECECEC;
border-width: 0 1px 1px;
}
.woocommerce li.woocommerce-MyAccount-navigation-link {
display: inline-block;
padding: 15px 15px;
}
.woocommerce li.woocommerce-MyAccount-navigation-link a {
color: #555;
font-weight: 200; 
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active {
border-bottom: 3px solid #DDD;
}