/*
Theme Name: Light CrazyCafe
Theme URI: http://crazycafe.net/demos/wp/light
Author: CrazyCafe
Author URI: http://crazycafe.net
Description: CrazyCafe WordPress theme
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: light-crazycafe
*/


/*
///// CSS Index \\\\\\
1. General CSS
3. Header CSS
3. Mainmenu CSS
4. 404 Page CSS
5. Contact Page CSS
6. Blog Page CSS
7. Widget CSS
8. Comments CSS
9. Search page CSS
10. Woocommerce CSS
11. Footer CSS
12. Responsive CSS
*/


/*******************
***** 0. Personal Changes
********************/

/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,300&display=swap');*/
.site-header {
    background-image: linear-gradient(to right, #b5e3fa, #ffffff) !important;
}

.internal-content-area {
    background-image: linear-gradient(to right, #b5e3fa, #ffffff) !important;
}

.logo img {
    max-height: 200px !important;
}

.menu {
    font-size: 20px !important;
    margin-top: 55px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.light-cta-box h2 {
    display: none !important;
}

.home-main-text .section-title-style-2-wrap h2 {
    font-family: 'Roboto', sans-serif;
    color: white !important;
    font-weight: 100 !important;
    font-size: 10rem !important;
}

.home-main-text p {
    color: white !important;
    padding-left: 20px;
    font-weight: 400;
}

.just-mobile {
    visibility: hidden;
    display: none;
}

.just-desktop {
    visibility: visible;
    display: block;
}

.load-more-projects-wrap {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .responsive_menu_wrap {
        margin-top: 50px !important;
    }
    .home-main-text .section-title-style-2-wrap h2 {
        font-size: 7rem !important;
    }
    .head-img h2 {
        font-size: 7rem !important;
    }
    .just-mobile {
        visibility: visible;
        display: block;
    }
    .just-desktop {
        visibility: hidden;
        display: none;
    }
}

.head-img h2 {
    font-family: 'Roboto', sans-serif;
    color: white !important;
    font-weight: 100 !important;
    font-size: 10rem !important;
}

.home-main-text .section-title-style-2-title {
    width: 100% !important;
}

h2.section-title-style-2-title {
    font-size: 36px !important;
    color: #333 !important;
}

.section-title-style-2-content {
    color: #333;
}

.mainmenu li {
    color: #333;
}

.site-footer {
    border-top: 2px solid #b5e3fa !important;
    background-color: #fff !important;
}

.footer-logo-headding {
    font-weight: 100 !important;
}

.load-more-projects-wrap {
    visibility: hidden !important;
}

.section-title-style-2-wrap {
    background: none !important;
}

.blog-page-wrapper {
    background-image: linear-gradient(to right, #b5e3fa, #ffffff) !important;
}


/*
.head-img .light-section-title {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 20px;
    background-color: rgba(255, 255, 255, 0.7) !important;
}
*/


/*
.footer-logo-headding{
    visibility: hidden;
}
*/


/* Buero*/

.partner-logo {
    height: 150px;
}


/*
.partner-logo img {
    align-items: center;
}
*/

.lf-logo img {
    margin-top: 75px;
}

.vc_img-placeholder.vc_single_image-img {
    display: none;
}


/*Kommunkikation*/

.widget_meta {
    /*widget area blog beitrag*/
    display: none;
}

.widget_recent_comments {
    /*letzte Kommentare bei Blogbeitrag*/
    display: none;
}

.posted-footer {
    /*Funktion zum Posten auf G+ Facebook Twitter Pinterest*/
    display: none;
}

#comments {
    /*Kommentarfunktion*/
    display: none;
}

.posted-meta {
    /*Informationen von post (Person, Kommentare, Kategorie)*/
    display: none;
}

.vc_btn3 {
    background-color: #006A96 !important;
}

.vs_btn3 a:hover {
    color: black !important;
}


/*******************
***** 1. General CSS
********************/

body {
    font-size: 15px;
    line-height: 26px
}

img {
    max-width: 100%;
    height: auto
}


/*
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
    color: #000
}
*/

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.aligncenter {
    float: none;
    display: block;
    margin: 0 auto 15px
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
    border: medium none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
    border-bottom: 2px solid #cbcbcb;
    padding: 10px 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: #333;
}

.entry-footer {
    margin-bottom: 10px;
    clear: both
}

.preloader {
    background: #fff none repeat scroll 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.spinner {
    margin: 0 auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.logo {
    padding: 0px 0;
}

.logo img {
    max-height: 100px;
}

.logo h3,
.site-footer h3 {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
}

.logo a {
    color: #222;
    display: inline-block;
    padding: 12px 0;
}

.edit-link a {
    color: #333;
    font-size: 12px;
}

.edit-link a:hover {
    color: #000;
}

.light-btn {
    border: 1px solid;
    display: inline-block;
    font-size: 16px;
    padding: 12px 40px;
    text-transform: uppercase;
    -webkit-transition: .3s;
    transition: .3s;
    color: #333;
}

a.light-btn:hover {
    background: #fff;
    color: #000 !important;
}

h2.internal-content-title {
    margin-bottom: 30px;
}

.internal-content-area {
    position: relative;
    z-index: 9;
}

.responsive_menu_wrap {
    display: none
}

#page.site.boxed-layout {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px #999;
    margin: 10px auto;
    max-width: 1170px;
    overflow: hidden;
}

.wp-caption {
    max-width: 100%
}


/**
.wp-caption-text {} 
.sticky {} 
.gallery-caption {} 
.bypostauthor {}
**/

nav.posts-navigation {
    border-top: 1px solid #ddd;
    margin-top: 30px;
    padding-top: 10px;
}

nav.posts-navigation a {
    color: #222;
}

nav.posts-navigation .nav-links {
    overflow: hidden;
}

nav.posts-navigation .nav-links .nav-previous {
    float: left;
    width: 50%;
}

nav.posts-navigation .nav-links .nav-next {
    float: right;
    width: 50%;
    text-align: right
}

.entry-content {
    color: #666;
}

.entry-content a {
    color: #000;
}

.entry-content dd {
    margin-bottom: 20px;
}

.entry-content ol,
.entry-content ul {
    padding-left: 15px;
}

.posted-footer ul.postd-footer-left {
    padding-left: 0;
}

.entry-content table {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-bottom: 20px;
}

.entry-content table td,
.entry-content table th {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
}


/*******************
***** 2. Header CSS
********************/

.site-header {
    background-color: #ffffff;
    box-shadow: 0 0 10px #efefef;
    position: relative;
    z-index: 99;
}

.site-header.site-header-home {
    padding: 70px 0;
    box-shadow: 0 0 0px #fff;
}

header.site-header {
    position: relative;
    z-index: 99;
}


/*******************
***** 3. Mainmenu CSS
********************/

.mainmenu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.mainmenu ul li {
    display: inline-block;
    position: relative;
}

.mainmenu ul li:after {
    background: #000000;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 0%;
    visibility: hidden;
    opacity: 0;
    /**-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";**/
    -webkit-transition: width .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition: width .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.mainmenu ul li:hover:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
    /**-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";**/
}

.mainmenu li a {
    color: #666666;
    display: block;
    font-weight: 300;
    padding: 45px 15px;
}

.mainmenu li {
    position: relative;
}

.mainmenu ul li>ul {
    background: #2c2f32 none repeat scroll 0 0;
    left: 0;
    position: absolute;
    text-align: left;
    top: 140%;
    opacity: 0;
    /**-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";**/
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 220px;
    visibility: hidden;
}

.mainmenu ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    /**-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";**/
    top: 100%;
}

.mainmenu ul li ul ul {
    left: 220px;
}

.mainmenu ul li ul li:hover ul {
    top: 0px;
}

.mainmenu ul li>ul li {
    border-bottom: 1px solid #3b3e42;
    display: block;
}

.mainmenu ul li>ul li:after {
    display: none;
}

.mainmenu ul li>ul li a {
    color: #818181;
    padding: 10px 0 12px 20px;
    -webkit-transition: color 0.3s ease 0s, padding 0.3s ease 0s;
    transition: color 0.3s ease 0s, padding 0.3s ease 0s;
}

.mainmenu ul li>ul li:hover>a {
    color: #fff;
    padding-left: 27px;
}


/*******************
***** 4. 404 Page CSS
********************/

.error-page-content {
    padding: 100px 0;
    text-align: center;
}

.error-page-content img {
    margin-bottom: 30px;
}

.error-page-content h3 {
    margin-bottom: 20px;
}


/*******************
***** 5. Contact Page CSS
********************/

.light-contact-form h2 {
    margin-bottom: 30px;
}

.light-contact-form input[type="text"],
.light-contact-form input[type="email"],
.light-contact-form input[type="tel"],
.light-contact-form textarea {
    width: 100%;
}

.light-contact-form textarea {
    max-height: 150px;
    resize: none;
}

input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #5f5f5f;
    color: #333;
    padding: 5px 30px;
}


/*******************
***** 6. Blog Page CSS
********************/

article.light-single-blog-post.sticky {
    position: relative;
}

.single .light-single-blog-post {
    margin-bottom: 0;
}

article.light-single-blog-post.sticky:after {
    content: "\f08d";
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #ffbe2f;
    transform: rotate(30deg);
    font-size: 30px;
}

.blog-page-wrapper {
    padding: 80px 0;
}

.post-thumbnail {
    margin-bottom: 25px;
}

.entry-title a {
    color: #000000;
    font-size: 24px;
}

.entry-title {
    margin: 15px 0;
}

ul.posted-meta li {
    display: inline-block;
    margin-right: 30px;
    color: #666666;
    font-size: 13px;
    font-weight: 300;
}

ul.posted-meta li i {
    margin-right: 5px;
    color: #666666;
}

ul.posted-meta li a {
    color: #666666;
    font-size: 13px;
    font-weight: 300;
}

ul.posted-meta {
    margin-bottom: 14px;
    padding-left: 0;
}

.light-single-blog-post {
    color: #666666;
    font-weight: 300;
    margin-bottom: 60px;
}

a.light-read-more-btn {
    border: 1px solid;
    color: #000000;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: 15px;
    padding: 8px 30px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

a.light-read-more-btn:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    -webkit-transition: .3s;
    transition: .3s;
    content: "";
    background: #000;
    z-index: -1;
}

a.light-read-more-btn:hover:after {
    width: 100%;
}

a.light-read-more-btn:hover {
    color: #fff;
}

.post-date {
    color: #666666;
    font-weight: 300;
}

.post-date p {
    margin: 0px;
}

.post-title {
    color: #000;
    margin-top: 10px;
}

blockquote {
    color: #666666;
    font-size: 16px;
    font-weight: 600;
    padding-left: 30px;
}

.posted-footer {
    margin: 45px 0 0;
    overflow: hidden;
    padding: 24px 0 10px;
}

.postd-footer-left {
    float: left;
    width: 75%
}

.postd-footer-right.light-post-share {
    float: right;
    width: 25%;
    text-align: right
}

.postd-footer-left li {
    display: inline-block;
}

.light-post-share li {
    display: inline-block;
}

.posted-footer a {
    color: #000;
    font-weight: 400;
}

.postd-footer-left li a:after {
    content: ",";
}

.postd-footer-left li:last-child a:after {
    content: "";
}

.postd-footer-right.light-post-share li a {
    color: #000;
    font-size: 13px;
    padding: 0 5px;
}

.postd-footer-right.light-post-share li:first-child {
    margin-right: 5px;
}

.postd-footer-left li:first-child {
    margin-right: 5px;
}

.wp-caption-text {
    background: #f1f1f1;
    padding: 5px 10px;
    margin-bottom: 10px
}

.post-navigation .nav-links div {
    float: left;
    width: 50%;
}

.post-navigation .nav-links div.nav-next {
    text-align: right;
}

.post-navigation a {
    color: #333;
}

.post-navigation .nav-links {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 10px;
}


/*******************
***** 7. Widget CSS
********************/

.screen-reader-text {
    display: none;
}

.widget_pages .children {
    margin-top: 15px;
}

.widget select {
    max-width: 100%;
}

.widget_nav_menu .sub-menu {
    margin-top: 15px;
    padding-left: 20px;
}

.search-form input[type="search"] {
    border: medium none;
    line-height: 32px;
    padding: 7px 0 7px 10px;
    width: 100%;
    font-size: 16px;
    color: #888888;
    font-weight: 300;
}

.search-form input[type="submit"] {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    height: 46px;
    line-height: 40px;
    padding: 4px 8px 5px;
}

.search-form>* {
    float: left;
}

.search-form label {
    width: 74%;
}

.search-form {
    border: 1px solid #000;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.search-form>label {
    margin: 0;
}

.widget {
    margin-bottom: 40px;
}

.widget-title {
    color: #000000;
    font-size: 28px;
    margin-bottom: 15px;
}

.widget ul li {
    margin-bottom: 15px;
}

.widget ul li a {
    color: #666666;
    font-weight: 300;
    -webkit-transition: .3s;
    transition: .3s;
}

.widget ul li a:hover {
    color: #000;
}

.widget_calendar table {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    width: 100%;
}

.widget_calendar table td,
.widget_calendar table th {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 5px;
    text-align: center;
}

.widget_calendar table caption {
    font-weight: 700;
}

.rss-date,
.rssSummary {
    color: #999;
    font-size: 12px;
    font-weight: 300;
}

.widget_rss cite {
    color: #999;
    font-size: 13px;
    font-weight: 300;
}

.widget a {
    color: #000;
}

.widget ul.children {
    margin-top: 15px;
    padding-left: 20px;
}

.widget ul.children li:last-child {
    margin: 0;
}

.widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget.widget_archive ul li,
.widget.widget_categories ul li {
    display: block;
    font-weight: 300;
    text-align: right;
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
    overflow: hidden
}

.widget.widget_archive ul li:after,
.widget.widget_categories ul li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f105";
    font-family: fontawesome;
}

.widget.widget_archive ul li a,
.widget.widget_categories ul li a {
    float: left;
}

.widget.widget_archive ul,
.widget.widget_categories ul {
    overflow: hidden;
    padding-left: 0
}

.widget .tagcloud a {
    border: 1px solid;
    color: #000;
    display: block;
    float: left;
    font-size: 15px !important;
    font-weight: 300;
    margin-bottom: 10px;
    margin-left: 3%;
    padding: 2px 13px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 47%;
}

.widget .tagcloud a:hover {
    background: #000;
    color: #fff;
}

.widget .tagcloud {
    margin-left: -3%;
    overflow: hidden
}


/*******************
***** 8. Comments CSS
********************/

.comments-title {
    margin-bottom: 35px;
    font-size: 30px;
    color: #000000;
}

.comment-list {
    max-width: 790px;
}

.comment-list,
.children {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.says {
    display: none;
}

.comment-author.vcard img {
    float: left;
    margin-right: 18px;
}

.comment-content {
    color: #555555;
    font-size: 14px;
    font-weight: 300;
    padding-left: 72px;
}

.comment-content table {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.comment-content table td,
.comment-content table th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
}

.comment-content ol {
    padding-left: 15px;
}

.comment-author.vcard img {
    border-radius: 50%;
    position: relative;
    top: 10px;
}

b.fn {
    color: #666;
    font-size: 18px;
    text-transform: capitalize;
}

b.fn a,
.comments-area a {
    color: #000;
}

.comment-list>li,
.children article {
    margin-bottom: 30px;
}

.comment-metadata a time {
    color: #777777;
    font-size: 14px;
    font-weight: 300;
}

.reply {
    text-align: right;
}

.reply a {
    color: #666;
}

.children {
    padding-left: 25px;
}

.comment-form p>label {
    display: none;
}

.comment-form p>input,
.comment-form p textarea {
    border: 1px solid #cfcfcf;
    color: #000;
    font-size: 14px;
    padding: 8px 0 8px 10px;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    resize: none;
}

.comment-reply-title {
    margin-bottom: 30px;
}

.logged-in .comment-reply-title {
    margin-bottom: 30px;
}

.comment-form p>input:focus,
.comment-form p textarea:focus {
    border-color: #818181;
    box-shadow: 0 0 13px 1px rgba(0, 0, 0, 0.2);
}

.comment-form-comment>label {
    display: none;
}

.comment-form {
    padding-right: 10px;
}

.comment-form .comment-notes {
    display: none;
}

.logged-in .form-submit {
    bottom: 4px;
    right: 0;
}

.logged-in .comment-form p:nth-child(2) {
    float: none;
}

.logged-in .comment-form p:not(:first-child) {
    float: none;
    width: 70%;
}

.logged-in .comment-form-comment textarea {
    display: block;
    width: 100%;
}

.comment-form p>input[type="submit"] {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.comment-form p:not(:first-child) {
    float: right;
    margin-bottom: 15px;
    width: 48%;
}

.comment-form p:nth-child(2) {
    float: left;
}

.comment-form {
    overflow: hidden;
}


/*******************
***** 9. Search page CSS
********************/

.sin-search-resutl-post {
    margin-bottom: 40px;
}

.read-more-btn {
    border: 1px solid;
    color: #000;
    display: inline-block;
    margin-top: 5px;
    padding: 6px 23px 7px;
    position: relative;
    z-index: 1;
}

.read-more-btn:after {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 0%;
    content: "";
    background: #000;
    z-index: -1;
    -webkit-transition: .3s;
    transition: .3s;
}

.read-more-btn:hover:after {
    width: 100%;
}

.read-more-btn:hover {
    color: #fff;
}

.light-archive-page-header {
    margin: 12px 0 22px;
}

.page-header.light-archive-page-header h1 {
    font-size: 28px;
    font-weight: 600;
    word-spacing: 1px;
}


/*******************
***** 10. Woocommerce CSS
********************/

.woocommerce-ordering select {
    border: 1px solid #e6e5e5;
    color: #868585;
    font-size: 16px;
    height: 45px;
    padding: 0 25px;
    margin-bottom: 60px;
}

.woocommerce-result-count {
    color: #868585;
    font-size: 16px;
}

.woocommerce ul.products li.product h3 {
    padding: 15px 0;
}

.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .price {
    font-weight: 600;
    color: #333333;
    font-size: 16px;
}

.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
    display: inline-block;
}

.woocommerce ul.products li.product .price del {
    margin-right: 5px;
}

.woocommerce span.onsale {
    background-color: #333333;
}

.woocommerce .star-rating {
    color: #333333;
}

.woocommerce ul.products li.product .button {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #333333;
    border-radius: 3px;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    padding: 0 30px;
    text-transform: uppercase;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #333333;
    color: #fff;
}

.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
    top: auto;
}

.woocommerce a.added_to_cart {
    background: #333333;
    border: 1px solid #333333;
    color: #fff;
    margin-top: 10px;
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 11px;
}

.woocommerce a.added_to_cart:hover {
    background-color: #fff;
    color: #333333;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    background: none;
    margin-right: 9px;
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li:last-child {
    margin-right: 0;
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    border: 1px solid #9c9b9b;
    height: 40px;
    min-width: 40px;
    padding: 0;
    text-align: center;
    line-height: 38px;
    color: #333;
    box-shadow: none;
}

.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
    border-radius: 50%;
    background-color: #dedada;
    border-color: #dedada;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a.prev:hover,
.woocommerce nav.woocommerce-pagination ul li a.next:hover {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}

.cart_totals table.shop_table tr.cart-subtotal td,
.cart_totals table.shop_table tr.cart-subtotal th {
    vertical-align: middle;
}

.woocommerce table.shop_table td {
    font-size: 16px;
    color: #333;
}

.woocommerce table.shop_table td a {
    color: #333;
    font-weight: 600;
}

.woocommerce a.remove {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 34px;
    border-radius: 5px;
}

.woocommerce table.shop_table td.product-remove {
    padding-left: 40px;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 60px;
}

.woocommerce table.shop_table th {
    height: 60px;
    font-size: 20px;
    font-weight: 600;
}

.woocommerce table.shop_table td.product-subtotal .woocommerce-Price-amount.amount {
    font-weight: 600;
    font-size: 20px;
}

#add_payment_method table.cart input,
.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input {
    line-height: 35px;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    width: 220px;
    height: 45px;
    text-indent: 30px;
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
    padding: 0 30px;
    height: 45px;
    background-color: #333333;
    margin-left: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit[disabled]:disabled,
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button[disabled]:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button[disabled]:disabled,
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button[disabled]:disabled {
    padding: 0 30px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    margin-top: 40px;
}

.cart_totals.calculated_shipping .shop_table.shop_table_responsive tr td,
.cart_totals.calculated_shipping .shop_table.shop_table_responsive tr th {
    vertical-align: middle!important;
    height: 60px!important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #333333;
    margin-bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #333;
    opacity: .8;
    /**-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";**/
}

.woocommerce-info {
    border-color: #333333;
    font-size: 16px;
    font-weight: 600;
}

.woocommerce-info:before,
.woocommerce-info a {
    color: #333333;
}

.woocommerce-message {
    border-top-color: #333333;
}

.woocommerce-message:before {
    color: #333;
}

.woocommerce input.button[disabled]:disabled {
    color: #fff;
}

.internal-content-area.no-visual-composer-used {
    padding: 80px 0;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: #666666;
    font-size: 17px;
    font-weight: 300;
}

.woocommerce-MyAccount-content a {
    color: #000;
    font-weight: 700;
}

.woocommerce-MyAccount-content {
    font-weight: 300;
}

.woocommerce form .form-row input:not([type="checkbox"]),
.woocommerce form .form-row textarea {
    box-sizing: border-box;
    margin: 0;
    outline: 0 none;
    width: 100%;
    height: 40px;
    border: 1px solid #e8e8e8;
    text-indent: 20px;
    padding: 0;
}

.woocommerce form .form-row input[type="checkbox"] {
    margin-right: 5px;
}

.woocommerce form .form-row input[type="submit"] {
    background-color: #333333;
    color: #fff;
    border-color: #333333;
    width: 200px;
    text-indent: 0;
    margin-right: 10px;
}

.woocommerce form .form-row input[type="submit"]:hover,
.woocommerce form .form-row input[type="submit"]:active,
.woocommerce form .form-row input[type="submit"]:focus {
    background-color: #fff;
    color: #333333;
}

.woocommerce form .form-row input:not([type="checkbox"]):focus,
.woocommerce form .form-row textarea:focus {
    border-color: #333333;
}

.woocommerce-LostPassword.lost_password a {
    color: #333333;
    font-style: italic;
    font-size: 16px;
}

.woocommerce-LostPassword.lost_password a:hover {
    text-decoration: underline;
}

.woocommerce .return-to-shop a {
    background: #333333;
    color: #fff;
    padding: 13px 30px;
    -webkit-transition: .3s;
    transition: .3s;
}

.woocommerce .return-to-shop a:hover {
    background: #000;
    color: #fff;
}


/*******************
***** 11. Footer CSS
********************/

.site-footer {
    background: #e7e7e7 none repeat scroll 0 0;
    color: #666;
    font-weight: 300;
    padding: 50px 0;
    text-align: center;
}

.site-footer h3 {
    margin-bottom: 15px;
}

.site-footer h3 {
    color: #222;
}

.site-footer a {
    color: #666666;
}

.footer-social-links a {
    display: inline-block;
    color: #222222;
    padding: 10px;
}

.footer-social-links a:hover {
    opacity: .7;
    /**-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"**/
}

.light-scroll-to-up {
    display: inline-block;
    font-size: 30px;
    opacity: 0.5;
    padding: 10px 15px;
}

.light-scroll-to-up:hover {
    opacity: 1;
}


/*******************
***** 12. Responsive CSS
********************/


/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .section-title-style-2-title {
        margin-top: 0;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo,
    .mainmenu ul {
        text-align: center;
    }
    #page.site.boxed-layout {
        max-width: 750px;
    }
    .light-section-title.light-section-title-style-3 {
        max-width: inherit;
        text-align: center;
    }
    .logo {
        padding: 15px 0;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .mainmenu {
        display: none;
    }
    .responsive_menu_wrap {
        display: block
    }
    .site-header.site-header-home {
        box-shadow: 0 0 10px #efefef;
        padding: 20px 0;
    }
    body {
        font-size: 14px;
        line-height: 24px;
    }
    .logo {
        position: relative;
        z-index: 9;
        margin-right: 125px
    }
    .woocommerce ul.products li.product .button {
        max-width: 130px;
        min-width: 130px;
        padding: 0 10px;
        text-align: center;
    }
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none;
    }
    .responsive_menu_wrap {
        padding: 30px 20px;
        position: absolute;
        right: 0;
        top: 0;
    }
    .site-header-home .responsive_menu_wrap {
        padding: 20px;
    }
    .slicknav_menu {
        min-width: 300px;
    }
    .site-header-home .slicknav_menu {
        margin-top: 30px;
    }
    .slicknav_nav {
        position: relative;
        z-index: 99;
    }
    .slicknav_menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    ul.slicknav_nav {
        background: #222222 none repeat scroll 0 0;
    }
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:hover {
        border-radius: 0;
    }
    #page.site.boxed-layout {
        max-width: 90%;
        margin: 10px 5%;
    }
    .postd-footer-left,
    .postd-footer-right.light-post-share {
        float: none;
        width: auto;
    }
    .postd-footer-right.light-post-share {
        text-align: left;
    }
}