/*
Theme Name: Buildico
Theme URI: http://wowthemez.com/buildico
Author: WowThemez
Author URI: http://www.wowthemez.com
Description: Buildico is the best construction & building WordPress theme.
Version: 2.2
License: GNU General Public License v2 or later
buildico is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: buildico
Tags: custom-menu, featured-images, theme-options, translation-ready, custom-background, custom-colors, custom-header, editor-style, accessibility-ready
*/

/*  ==========================================================================
    Table of Content
    ==========================================================================

    1.0 Media
    2.0 Button
    3.0 Preloader
    4.0 Header
    5.0 Blog
    6.0 Pagination
    7.0 Related Posts
    8.0 Featured Image Hover
    9.0 Page Header
    10.0 Breadcrumb
    11.0 Author
    12.0 404 Page
    13.0 Project Single
    14.0 Widgets
    15.0 Footer Widgets
    16.0 Comments
    17.0 WooCommerce
        17.1 Header Cart Box
        17.2 WooCommerce Pagination
    18.0 Footer
    19.0 Scroll To Top

    ==========================================================================
    Buildico
    ========================================================================== */

/* ==========================================================================
   1.0 Media
   ========================================================================== */
img,
video {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
    float: none;
    margin: 0;
}
img.alignleft {
    float: left;
    margin-right: 25px;
}
img.alignright {
    float: right;
    margin-left: 25px;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    margin-bottom: 25px;
    max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
    margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
    color: #555;
    font-size: 13px;
    font-style: italic;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 12px 0;
}

/* SVG Icons base styles */
.icon {
    display: inline-block;
    fill: currentColor;
    height: 15px;
    position: relative; /* Align more nicely with capital letters */
    top: -0.0625em;
    vertical-align: middle;
    width: 15px;
}

/* ==========================================================================
   2.0 Button
   ========================================================================== */
.btn-group-left .b-btn{ margin-right: 10px; }
.btn-group-right .b-btn{ margin-left: 10px; }
.btn-group-center .b-btn{ margin: 0 5px; }
.b-btn{
    background-color: #fab702;
    line-height: 50px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    height: 50px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    width: 190px;
    cursor: pointer;
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    border: 2px solid rgba(250,183,2,0.8);
    border-radius: 2px;
    overflow: hidden;
}
.b-btn span{
    z-index: 2;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.b-btn::before{
    content: '';
    position: absolute;
    top: 50px;
    left: -5px;
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 190px solid rgba(250,183,2,0.25);
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.b-btn::after{
    content: '';
    position: absolute;
    top: 50px;
    left: -5px;
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 190px solid rgba(250,183,2,1);
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.b-btn::after{
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.b-btn:hover::before{
    opacity: 1;
    -webkit-transform: translate(0px,-160px);
    transform: translate(0px,-160px);
}
.b-btn:hover::after{
    opacity: 1;
    -webkit-transform: translate(0px,-120px);
    transform: translate(0px,-120px);
}
.b-btn:hover{
    color: #fff;
}
.learn-more{
    color: #777;
}
.learn-more:hover{
    color: #777;
    text-decoration: underline;
}

/* ==========================================================================
   3.0 Preloader
   ========================================================================== */
#preloader{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #111;
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s .5s ease;
    -moz-transition: all .5s .5s ease;
    transition: all .5s .2s ease;
}
.loader{
    position:absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: -30px;
}
body.loaded #preloader{
    opacity: 0;
    visibility: hidden;
}
.spinner {
    background-color: #fab702;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-animation: wt-scaleout 1.0s infinite ease-in-out;
    animation: wt-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes wt-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes wt-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

/* ==========================================================================
   4.0 Header
   ========================================================================== */
/*
* Header One
*/
a:hover,
a:focus{
    outline: none;
}
.header-section{
    background-color: #fff;
    position: relative;
    z-index: 10;
}
.fixed-header.dark-header,
.header-section.dark-header{
    background-color: #232427;
}
.dark-header .mid-header,
.dark-header .header-top{
    border-bottom: 1px solid rgba(255,255,255,0.07);
}
.transparent-header.header-section{
    background-color: transparent;
}
.header-section ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.header-top{
    background-color: #232427;
    color: #ddd;
    font-size: 12px;
}
.top-h-list li{
    display: inline-block;
    line-height: 40px;
    color: #ddd;
}
.top-h-list li:not(:last-of-type){
    margin-right: 20px;
}
.top-h-list li a{
    color: #ddd;
}
.top-h-list li a:hover{
    text-decoration: none;
    color: #ffffff;
}
.top-h-social li{
    display: inline-block;
}
.top-h-social li:not(:last-of-type),
.top-h-social li:not(:last-of-type){
    margin-right: 10px;
}
.top-h-social li a{
    color: #dddddd;
    line-height: 40px;
}
.top-h-social li a:hover{
    text-decoration: none;
    color: #ffffff;
}
/* Brand */
.main-header .mainmenu {
    display: inline-block;
}
.main-header .brand{
    max-width: 200px;
}
.main-header .brand a{
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #fab702;
    padding: 0;
    line-height: 80px;
    letter-spacing: -1.2px;
}
/* Menu */
.fixed-header-inner,
.main-header-inner{
    position: relative;
}
.main-header .main-menu{
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-header .main-menu li{
    display: inline-block;
    position: relative;
}
.main-header .main-menu li:not(:last-of-type){
    margin-right: 30px;
}
.main-header .main-menu li a{
    display: inline-block;
    font-size: 13px;
    line-height: 80px;
    color: #313131;
    font-family: 'Montserrat',sans-serif;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.main-header .main-menu li a:hover{
    text-decoration: none;
    color: #313131;
    opacity: 0.8;
}
.main-header .main-menu li > ul{
    background-color: #fff;
    display: block;
    width: 240px;
    position: absolute;
    top: 90px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
    border-radius: 2px;
}
.main-header .main-menu li:hover > ul{
    top: 80px;
    opacity: 1;
    visibility: visible;
}
.main-header .main-menu li > ul li{
    display: block;
    margin: 0!important;
}
.main-header .main-menu li > ul li a{
    display: block;
    font-family: "Open Sans", sans-serif;
    color: #5c5c5c;
    font-weight: 400;
    letter-spacing: -.2px;
    line-height: 45px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(17,17,17,0.05);
}
.main-header .main-menu li > ul li:last-child a{
    border: none;
}
.main-header .main-menu li > ul li a:hover{
    background-color: #fab702;
    color: #fff;
}
/* Header One Transparent */
.transparent-header.header-one{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.transparent-header.header-one .main-header,
.transparent-header.header-one .header-top{
    background-color: rgba(35, 36, 39,0);
    border-bottom: 1px solid rgba(255,255,255,0.07);
}
.dark-header .main-menu li a,
.transparent-header.header-one a.header-search-btn,
.transparent-header.header-one .main-header .main-menu li a{
    color: #bbb;
}
.dark-header .main-menu li a:hover,
.transparent-header.header-one .main-header .main-menu li a:hover,
.transparent-header.header-one .main-header .main-menu li a:hover{
    color: #bbb;
}
.dark-header .main-menu li > ul li a:hover,
.transparent-header.dark.header-one .main-header .main-menu li > ul li a:hover,
.transparent-header.header-one .main-header .main-menu li > ul li a:hover{ color: #fff; }
.dark-header .main-menu li > ul li a,
.transparent-header.header-one .main-header .main-menu li > ul li a{ color: #5c5c5c; }

/* Light Color */
.transparent-header.dark.header-one .main-header,
.transparent-header.dark.header-one .header-top{
    background-color: rgba(35, 36, 39,0);
    border-bottom: 1px solid rgba(0,0,0,0.07);
}
.transparent-header.dark.header-one .top-h-social li a,
.transparent-header.dark.header-one .top-h-list li,
.transparent-header.dark.header-one .top-h-list li a,
.transparent-header.dark.header-one a.header-search-btn,
.transparent-header.dark.header-one .main-header .main-menu li a{
    color: #313131;
}
.transparent-header.dark.header-one .main-header .main-menu li > ul li a{ color: #5c5c5c; }
.transparent-header.dark.header-one .top-h-social li a:hover{
    opacity: 0.8;
}

/* Header 2 */
.mid-header{
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
}
.header-contact-info{
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-contact-info li{
    display: inline-block;
    position: relative;
    padding-left: 60px;
}
.header-contact-info li:not(:last-child){
    margin-right: 30px;
}
.header-contact-info li i{
    width: 45px;
    height: 100%;
    font-size: 40px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ddd;
    display: flex;
    align-items: center;
}
.header-contact-info li span{
    display: block;
    font-size: 14px;
    color: #777;
    margin: 0 0 3px;
}
.header-contact-info li a{
    display: block;
    font-size: 16px;
    font-family: "Montserrat",sans-serif;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #fab702;
    text-transform: uppercase;
    margin: 0;
}
.header-contact-info li a:hover{
    text-decoration: none;
}
.header-two .main-header .main-menu li a{
    line-height: 55px;
}
.header-two .main-header .main-menu li:hover > ul{
    top: 55px;
}
.header-two .main-header .main-menu li > ul li a{
    line-height: 45px;
}
.header-two .header-search-btn{
    line-height: 55px;
}
.header-two .slicknav_btn {
    background-color: transparent;
    margin: -28px 0px 14px 0;
    float: left;
}

/* Header 2 Dark */
.dark-header .header-contact-info li i{ color: #555; }
.dark-header .header-contact-info li span{ color: #999; }

/* Fixed Header */
.fixed-header{
    background-color: #fff;
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    visibility: hidden;
    transform: translateY(-100%);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.06);
    box-shadow: 0 0 15px rgba(0,0,0,0.06);
}
.admin-bar .transparent-header.header-one,
.admin-bar .fixed-header{
    top: 32px;
}
.fixed-header.fixed-header-active{
    transform: translateY(0);
    visibility: visible;
    transition: all 600ms ease-in-out;
}
@media screen and (max-width: 782px) {
    .admin-bar .transparent-header.header-one,
    .admin-bar .fixed-header{
      top: 46px;
    }
    .transparent-header.header-one{
        position: inherit;
        background-color: #232427;
    }
    .header-contact-wrap{
      display: none;
    }
    .header-two .brand{
      float: none;
      text-align: center;
    }
    .header-two .brand a{
      margin: 0;
    }
}
@media screen and (max-width: 600px) {
    .admin-bar .transparent-header.header-one,
  .admin-bar .fixed-header{
      top: 0;
  }
  .header-two .top-left{
      float: none;
  }
  .header-two .top-right{
      float: none;
      text-align: left!important;
  }
  .header-two .top-h-social li a,
  .header-two .top-h-list li{
      line-height: 30px;
  }
}
/* Mobile Menu */
.slicknav_menu {
    background: none;
    padding: 8px 0;
    display: none;
}
.slicknav_nav {
    background-color: #222227;
    padding: 25px 10px;
}
.slicknav_menu {
    width: 100%;
    position: absolute;
    right: 0;
    top: 42px;
    padding: 0;
}
.slicknav_btn{
    background-color: transparent;
    margin: -14px 0px 24px 0;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row,
.slicknav_nav a,
.slicknav_nav a:hover{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
    font-family: "Open Sans", serif;
    padding: 10px 15px;
    margin: 0;
    color: #999;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
}
.slicknav_nav ul{
    margin: 0;
}
.slicknav_nav ul li a{
    padding-left: 30px;
    font-size: 12px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover{
    background-color: transparent;
    color: #fff;
}
.slicknav_menu .slicknav_icon-bar{
    background-color: #bbb;
}
.menu-btn{
    display: flex;
    align-items: center;
    margin-left: 15px;
    padding: 22px 0;
}
.menu-btn a{
    background-color: #9e8a78;
    font-family: "Open Sans", serif;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    text-decoration: none;
}
.menu-btn a:hover{
    opacity: 0.8;
    background-color: #9e8a78;
    color: #fff;
    text-decoration: none;
}
.menu-btn a:focus{
    outline: none;
}
@media (max-width: 992px){
    .main-header .navigation-menu{
        display: none;
    }
    .slicknav_menu {
        display:block;
    }
}

/* Fullscreen Search Box */
.dark-header .header-search-btn,
.transparent-header .header-search-btn{
    color: #bbb;
}
.header-search-btn {
    margin-left: 30px;
    font-size: 13px;
    color: #313131;
    display: inline-block;
    cursor: pointer;
}
.header-search-btn:hover{
    opacity: 0.8;
}
#wt-search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}

#wt-search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 999;
}

#wt-search input[type="text"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#wt-search .search-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 80px;
    margin-left: -56px;
    padding: 15px 30px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 700;
    font-family: "Montserrat",sans-serif;
}
#wt-search .close {
    position: fixed;
    top: 40px;
    right: 40px;
    display: block;
    background-color: rgba(255,255,255,0.2);
    opacity: 1;
    box-shadow: none;
    outline: none;
    border: none;
    text-shadow: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 1;
}
#wt-search .close:before{
    font-family: FontAwesome;
    content: '\f00d';
    color: rgba(255,255,255,0.6);
    font-size: 18px;
    line-height: 50px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s ease-in-out;
    z-index: -1;
}
#wt-search .close:hover:before{
    color: rgba(255,255,255,0.8);
    transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 782px) {
    #wt-search input[type="search"]{ font-size: 30px; }
  #wt-search .search-btn{ margin-top: 40px; }
}


/* ==========================================================================
   5.0 Blog
   ========================================================================== */
body{
    background-color: #f2f2f2;
}
.full-width .site-main{
    padding: 0 15px;
}
.wrapper{
    padding: 80px 0;
}
.blog-grid{
    margin: -15px 0;
}
.blog-box{
    padding: 20px 15px;
    position: relative;
}
.blog-box .article-inner{
    border-radius: 5px;
    overflow: hidden;
}
.blog-box .article-inner:hover{
    box-shadow: 0px 0px 15px 5px rgba(34,34,34,0.09);
    transition: all 0.3s ease-in-out;
}
.blog-box p{
    margin: 0;
}
.blog-box img{
    width: 100%;
}
.article-content{
    background-color: #fff;
    padding: 40px 20px;
}
.article-content .entry-header{
    margin-bottom: 20px;
}
.entry-meta{
    display: block;
    margin-bottom: 20px;
    line-height: 1;
}
.entry-meta a{
    color: #999;
}
.entry-meta .byline,
.entry-meta span.posted-on{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 11px;
    margin-right: 10px;
    color: #999;
    letter-spacing: -.4px;
}
.entry-meta .byline i,
.entry-meta span.posted-on i{
    color: #fab702;
    margin-right: 5px;
}
.blog-box.sticky {
    position: relative;
}
.blog-box.sticky:before {
    background-color: #fab702;
    content: "Featured";
    position: absolute;
    left: 15px;
    top: -20px;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 600;
}
.blog-box.has-post-thumbnail.sticky:before{
    right: 15px;
    left: auto;
    top: 20px;
}
.read-more-box{
    display: block;
}
.read-more-link{
    text-transform: uppercase;
    text-decoration: none;
}
.page-links {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 20px 0;
    display: block;
    width: 100%;
    overflow: hidden;
}
.page-links .page-number {
    color: #555;
    display: inline-block;
    padding: 0.5em 1em;
}
.page-links a {
    margin-left: 10px;
    color: #777;
    display: inline-block;
}
.page-links a:hover{
    color: #fab702;
}
.page-links a .page-number {
    color: #222;
}
.blog-single{
    margin-bottom: 30px;
    padding-bottom: 30px;
    margin-right: 15px;
    border-bottom: 1px solid #ddd;
}
.page article.page{
    margin-right: 15px;
}
.page .page-featured-img,
.blog-single .featured-img{
    margin-bottom: 30px;
}
.blog-single .entry-header{
    margin: 0 0 25px;
    position: relative;
    padding-bottom: 2px;
}

.blog-single .entry-title{
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: -1.4px;
    margin: 0 0 10px;
    position: relative;
}
.gallery {
    margin: -5px;
}
.gallery .gallery-item{
    padding: 5px;
}
.gallery .gallery-item figure{
    margin-bottom: 0;
}
.comment-respond .comment-reply-title:before,
.widget-title:before,
.author-posts-title:before,
.page-header h1.page-title:before,
.blog-single .entry-header:before{
    background-color: #fab702;
    content: "";
    width: 80px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 3px;
}
.entry-footer {
    margin: 10px 0 0;
}
/* Post Navigation */
.post-navigation .row{
    margin: 0;
}
.post-navigation{
    padding-bottom: 30px;
    margin-right: 15px;
    border-bottom: 1px solid #ddd;
}
.post-navigation .nav-links a{
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
}
.post-navigation .nav-links a:hover{
    box-shadow: none;
    text-decoration: underline;
}
.entry-content ol,
.entry-content ul{
    margin-left: 10px;
}

/* ==========================================================================
   6.0 Pagination
   ========================================================================== */
.pagination-wrap{
    margin: 60px 0 0 10px;
}
.pagination-wrap li{
  display: inline-block;
  margin: 0 2px;
}
.pagination-wrap li .page-link{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 23px;
    text-align: center;
    color: #777;
    font-weight: 600;
    border-radius: 2px;
}
.pagination-wrap li .page-link:hover{
    background-color: #fab702;
    color: #fff;
    text-decoration: none;
}
.pagination-wrap li .page-link:hover a{
    color: #fff;
}
.pagination-wrap li .page-link a:hover{
    text-decoration: none;
}
.pagination-wrap li.page-item.active .page-link{
    background-color: #fab702;
    color: #fff;
    border-radius: 2px;
}


/* ==========================================================================
   7.0 Related Posts
   ========================================================================== */
.related-posts{
    margin: 40px 0 0;
    margin-right: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}
.related-posts .widget-title{
    margin-bottom: 25px;
}
.related-posts-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.related-posts-list li{
    float: left;
    width: 33.33%;
    padding-right: 10px;
}
.related-posts-list li:last-child{
    padding: 0;
}
.related-posts-list li img{
    width: 100%;
    margin-bottom: 15px;
}
.related-posts-list li h4{
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    color: #313131;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -1px;
    margin-bottom: 0;
}
.related-posts-list li a:hover{
    text-decoration: none;
}
.related-posts-list li a:hover h4{
    opacity: 0.8;
}
/* ==========================================================================
   8.0 Featured Image Hover
   ========================================================================== */
.post-thumbnail {
    margin-bottom: 15px;
}
.post-thumbnail a img {
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
    opacity: 0.7;
}

/* ==========================================================================
   9.0 Page Header
   ========================================================================== */
.transparent-header .page-header{
    padding-top: 245px;
}
.page-header{
    background-color: #313131;
    background-image: url(assets/img/default-background.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    display: block;
    padding: 120px 0;
    position: relative;
    z-index: 1;
}
.page-header.sine-post-header{
    padding: 150px 0;
}
.page-header h1.page-title{
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 10px;
}
.page-header p{
    color: #ddd;
    margin: 0;
}
.entry-header .in-header-style{
    margin-top: 0;
}
.page-header:before{
    background-color: rgba(0,0,0,0.3);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.page-header .text-center h1.page-title:before{
    left: calc(50% - 40px);
}
.page-header .text-right h1.page-title:before{
    left: auto;
    right: 0;
}

/* ==========================================================================
   10.0 Breadcrumb
   ========================================================================== */
.breadcrumbs {
    margin: 20px 0 0;
    list-style: none;
    background-color: transparent;
    color: #ddd;
    padding: 0;
}
.breadcrumbs span a {
    color: #fff;
    text-decoration: none;
}
.breadcrumbs span a span{
    color: #fff;
}
.breadcrumbs span a:hover{
    text-decoration: underline;
}
.breadcrumbs span span{
    color: #ddd;
}

/* ==========================================================================
   11.0 Author Info
   ========================================================================== */
.page-header.author-page{
    height: 500px;
}
.author-posts-title{
    position: relative;
    padding-bottom: 12px;
    color: #333;
    font-weight: 700;
    font-size: 24px;
}
.author-info{
    color: #bbb;
    display: block;
    text-align: center;
}
.author-info img.avatar{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.author-info ul{
    list-style: none;
    padding: 0;
}
.author-info ul li a{
    color: #bbb;
}
.author-socials{
    margin-top: 20px;
}
.author-socials li{
    display: inline-block;
    margin: 0 3px;
}
.author-socials li a{
    background-color: #fab702;
    color: #fff!important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}
.author-socials li a:hover{
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

/* Author Profile */
.author-bio{
    background-color: #fafafa;
    margin: 25px 0;
    display: block;
    padding: 20px;
    min-height: 140px;
}
.author-bio .bio-inner{
    position: relative;
    padding-left: 120px;
}
.author-bio .bio-inner img{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
}
.author-bio .bio-inner h3{
    margin: 0 0 10px;
    padding: 0;
}
.author-bio .bio-inner p{
    margin: 0 0 10px;
}
.author-bio .bio-inner ul{
    margin: 10px 0 0;
}
.author-bio .bio-inner ul li{
    display: inline-block;
    margin-right: 5px;
}
.author-bio .bio-inner ul li a{
    background-color: #fab702;
    color: #fff;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    width: 35px;
    height: 35px;
    transition: all 0.2s ease-in-out;
}
.author-bio .bio-inner ul li a:hover{
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}
/* ==========================================================================
   12.0 404 Page
   ========================================================================== */
.error-404 i {
    font-size: 80px;
    color: #fab702;
}

/* Content None */
.no-results.not-found{
    display: block;
}

/* ==========================================================================
   13.0 Project Single
   ========================================================================== */
.single-project{}
.single-project .project-content{
    margin-right: 15px;
}
/* Project Single Carousel */
.project-slider{
    margin-bottom: 40px;
}
.project-single-carousel{
    overflow: hidden;
}
.project-single-carousel .owl-nav{}
.project-single-carousel .owl-nav div{
    background-color: rgba(17,17,17,0.3);
    color: #fff;
    font-size: 13px;
    width: 45px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 40px);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    left: -90px;
}
.project-single-carousel .owl-nav div.owl-next{
    left: auto;
    right: -90px;
}
.project-single-carousel .owl-nav div:hover{
    background-color: rgba(17,17,17,0.5);
    transition: all 0.3s ease-in-out;
}
.project-single-carousel:hover .owl-nav div{
    left: 0;
    opacity: 1;
}
.project-single-carousel:hover .owl-nav div.owl-next{
    left: auto;
    right: 0;
}
/* Project Carousel Dots */
.project-single-carousel .owl-dots{
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 40px;
    text-align: center;
}
.project-single-carousel .owl-dots div {
    background-color: rgba(0,0,0,0.1);
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    margin: 0 4px;
    border: 2px solid rgba(0,0,0,0);
    transition: all 0.3s ease-in-out;
}
.project-single-carousel .owl-dots div.active{
    background-color: transparent;
    transform: scale(1.1);
    border: 2px solid #fab702;
    transition: all 0.3s ease-in-out;
}
/* Project Single Info */
.project-info{
    background-color: #f2f2f2;
    padding: 40px 20px;
    padding-top: 0;
}
.project-info h3{
    font-family: "Montserrat", sans-serif;
    color: #313131;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: -1px;
    margin-bottom: 5px;
}
.project-info ul{
    margin: 0;
    list-style: inside;
}
.project-info ul li{
    line-height: 35px;
}

/* ==========================================================================
   14.0 Widgets
   ========================================================================== */
.full-width #right-sidebar{
    padding-right: 30px;
}
.full-width #left-sidebar{
    padding-left: 30px;
}
#secondary {
    padding: 15px 0 30px;
}
.widget {
    padding-bottom: 50px;
}
h3.widget-title {
    position: relative;
    font-family: "Montserrat",sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 2;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.widget-title a {
    color: inherit;
}

/* widget forms */
.widget select{
    width: 100%;
}

/* widget lists */
.footer-widget .widget-box ul,
.widget ul{
    margin: 0;
    padding-left: 15px;
}

.widget ul li,
.widget ol li {
    font-family: "Montserrat", sans-serif;
    padding: 3px 0;
    color: #bbb;
    font-weight: 600;
}
.widget ul li a{
    color: #555;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-transform: none;
    letter-spacing: -.4px;
    line-height: 1.6;
    display: block;
}
.widget ul li a:hover{
    color: #fab702;
    text-decoration: underline;
}
.widget:not(.widget_tag_cloud) ul li + li {
    margin-top: -1px;
}
.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}
.widget ul li li {
    border: 0;
    padding-left: 24px;
}

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 5px;
    padding-top: 5px;
}
.widget_rss ul li {
    padding-bottom: 15px;
    padding-top: 15px;
}

/* Widget markup */
.widget .post-date,
.widget .rss-date {
    font-size: 12px;
}

/* Text widget */
.widget_text {
    word-wrap: break-word;
}
.widget_text ul {
    list-style: disc;
    margin: 0 0 25px 25px;
}
.widget_text ol {
    list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
    border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}
.widget_text ul li ul {
    margin: 0 0 0 25px;
}
.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}
.widget_text ol li {
    list-style-position: inside;
}
.widget_text ol li + li {
    margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}
.widget_rss ul li {
    padding: 15px 0;
}
.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}
.widget_rss li .rsswidget {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.widget_rss .rss-date,
.widget_rss li cite {
    color: #777;
    display: block;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5;
    text-transform: uppercase;
}
.widget_rss .rss-date {
    margin: 10px 0px;
    padding: 0;
}
.widget_rss .rssSummary {
    margin-bottom: 10px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    color: #777;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
    margin-bottom: 10px;
}

/* Gravatar */
.widget-grofile h4 {
    font-size: 16px;
    margin-bottom: 0;
}

/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
    border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
    display: block;
}

/* Search */
.search-form {
    position: relative;
}
.search-form .search-submit {
    bottom: 3px;
    padding: 0.5em 1em;
    position: absolute;
    right: 3px;
    top: 3px;
}
.search-form .search-submit .icon {
    height: 24px;
    top: -2px;
    width: 24px;
}
.sidebar-search .submit{
    text-transform: uppercase;
    font-size: 12px;
    padding: 18px 24px;
}
.sidebar-search input{
    font-size: 12px;
    border: 1px solid #eee;
}
.sidebar-search input:focus{
    outline: none;
    box-shadow: none;
    border: 1px solid #ddd;
}
/* Tag cloud widget */
.tagcloud ul li {
    float: left;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
    line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    padding: 8px 10px;
    position: relative;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: auto;
    word-wrap: break-word;
    z-index: 0;
    margin: 2px 1px;
    font-size: 10px!important;
    color: #777;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
    background-color: #fab702;
    color: #fff;
    border-color: #fab702;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
    text-align: center;
}
.widget_calendar tfoot tr {
    border-bottom: 0;
}
#wp-calendar{
    border: 1px solid #eee;
}
#wp-calendar th{
    border-color: #eee;
}
/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/* ==========================================================================
   15.0 Footer Widgets
   ========================================================================== */
.footer-widget-section{
    background-color: #232427;
    border-bottom: 1px solid #444;
    padding: 80px 0;
    position: relative;
    z-index: 1;
}
.footer-widget-section:before{
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.footer-widget{
    padding: 15px;
}
.widget-box .widget-title{
    color: #fff;
}
.dark .widget-box .widget-title{
    color: #333;
}
.footer-widget .widget-box ul{}
.footer-widget .widget-box ul li a{
    font-family: "Montserrat", sans-serif;
    color: #999;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}
.footer-widget .widget-box ul li a:hover{
    color: #fff;
}
.dark .footer-widget .widget-box ul li a{
    color: #777;
}
.dark .footer-widget .widget-box ul li a:hover{
    color: #999;
}

.widget-box thead th{
    border-bottom: 2px solid #666;
    color: #fff;
}
.dark .widget-box thead th {
    color: #777;
}
.widget-box tr{
    border-bottom: 1px solid #666;
}
.dark .widget-box tr{
    border-bottom: 1px solid #eee;
}
.widget-box .rss-date,
.widget-box caption,
.widget-box td{
    color: #ddd;
}
.dark .widget-box .rss-date, .dark .widget-box caption, .dark .widget-box td {
    color: #777;
    border-right: 1px solid #eee;
}
.widget-box td a{
    color: #fff;
    font-weight: bold;
}
.widget-box select{
    width: 100%;
}
.widget-box .textwidget p{
    color: #bbb;
}
.dark .widget-box .textwidget p{
    color: #777;
}
.widget-box .textwidget .wp-caption-text,
.widget-box .rssSummary,
.widget-box .recentcomments,
.widget-box .recentcomments span{
    color: #fff;
    opacity: 0.8;
}
.dark .widget-box .textwidget .wp-caption-text,
.dark .widget-box .rssSummary,
.dark .widget-box .recentcomments,
.dark .widget-box .recentcomments span{
    color: #777;
    opacity: 1;
}
.widget-box .recentcomments span:hover{
    opacity: 1;
}
.widget-box .textwidget strong{
    color: #ddd;
}
.dark .widget-box .textwidget strong{
    color: #777;
}
/* Tag cloud widget */
.widget-box .tagcloud a,
.widget-box.widget_tag_cloud a,
.widget-box .wp_widget_tag_cloud a {
    border: 1px solid #666;
    color: #fff;
    padding: 8px 10px;
    margin: 1px 0;
    display: inline-block;
    font-size: 10px !important;
    text-transform: uppercase;
}
.widget-box .tagcloud a:hover,
.widget-box .tagcloud a:focus,
.widget-box .widget_tag_cloud a:hover,
.widget-box .widget_tag_cloud a:focus,
.widget-box .wp_widget_tag_cloud a:hover,
.widget-box .wp_widget_tag_cloud a:focus {
    background-color: #fab702;
    text-decoration: none;
    border-color: #fab702;
}
/* Text Widgets */
.textwidget p strong{
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}
.textwidget img{
    margin-bottom: 5px;
}

/* ==========================================================================
   16.0 Comments
   ========================================================================== */
#comments {
    clear: both;
    padding-top: 40px;
}
.comment-respond .comment-reply-title{
    position: relative;
    font-family: "Montserrat",sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.comments-title{
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-list li:before {
    display: none;
}
.comment-body {
    margin-left: 65px;
}
.comment-author {
    font-size: 14px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}
.comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
    border-radius: 50%;
}
.comment-author .says {
    display: none;
}
.comment-meta {
    margin-bottom: 10px;
}
.comment-metadata {
    color: #555;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}
.comment-metadata a {
    color: #777;
    letter-spacing: -0.01em;
    font-weight: 600;
    font-size: 12px;
}
.comment-metadata a.comment-edit-link {
    color: #555;
    margin-left: 5px;
}
.comment-body {
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4em;
}
.comment-reply-link {
    font-weight: 500;
    position: relative;
}
.comment-reply-link .icon {
    color: #222;
    left: -2em;
    height: 1em;
    position: absolute;
    top: 0;
    width: 1em;
}
.children .comment-author .avatar {
    height: 30px;
    left: -45px;
    width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {}
.comment-author b{
    font-size: 14px;
    font-weight: 600;
    color: #313131;
    letter-spacing: -1px;
}
.no-comments,
.comment-awaiting-moderation {
    color: #767676;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
}
.comments-pagination {
    margin: 2em 0 3em;
}
.form-submit {
    text-align: left;
}
.comment-form label{
    font-size: 12px;
    margin-bottom: 5px;
    color: #777;
}
.comment-form .form-control{
    border: 1px solid #ddd;
}
.comment-form .form-control:hover,
.comment-form .form-control:focus{
    box-shadow: none;
    outline: none;
    border: 1px solid #fab702;
}
.comment-list li.pingback .comment-body{
    margin: 0 0 15px 0;
}
.comment-navigation{
    margin-bottom: 20px;
}
.comment-navigation a{
    color: #333;
}
.comment-navigation a:hover{
    text-decoration: underline;
}

/* ==========================================================================
   17.0 WooCommerce
   ========================================================================== */
.woocommerce div.woocommerce-before-loop{
    overflow: hidden;
    margin-bottom: 30px;
}
.woocommerce div.product .product_title,
.woocommerce ul.products li.product h2{
    text-transform: uppercase;
    font-size: 18px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price{
    font-size: 18px;
}
.woocommerce div.product p.price ins .woocommerce-Price-amount.amount,
.woocommerce div.product span.price ins .woocommerce-Price-amount.amount,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount.amount{
    font-weight: 700;
    color: #fab702;
}
.woocommerce span.onsale{
    background-color: #fab702;
    color: #fff;
}
.add-to-cart-container .add_to_cart_button{
    background-color: #fab702;
    border: 1px solid #fab702;
    color: #fff;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}
.add-to-cart-container .added_to_cart{
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    padding: 6px 12px !important;
    font-weight: 700;
    width: 100%;
    border-radius: 4px;
    margin-top: 5px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.add-to-cart-container .add_to_cart_button:hover,
.add-to-cart-container .added_to_cart:hover{
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}
.return-to-shop a{
    border: none;
}
.return-to-shop a,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #fab702;
    color: #fff;
    padding: 16px 20px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    transition: all 0.3s ease-in-out;
}
.return-to-shop a:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #fab702;
    color: #fff;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    color: #fff;
    background-color: #fab702;
    transition: all 0.3s ease-in-out;
}

/* ==========================================================================
   17.1 Header Cart Box
   ========================================================================== */
.woo-header-cart{
    position: relative;
}
.header-2 .woo-header-cart .cart-contents{
    color: #333;
}
.woo-header-cart .cart-contents {
    color: #fff;
    font-size: 24px;
    position: relative;
    display: inline-block;
    padding: 7px 0px;
    margin-left: 25px;
}
.woo-header-cart .cart-contents span {
    background-color: #fab702;
    position: absolute;
    left: -15px;
    top: 0px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}
.woo-header-cart .cart-contents:hover span{
    background-color: #fab702;
}

/* ==========================================================================
   17.2 WooCommerce Pagination
   ========================================================================== */
.woocommerce nav.woocommerce-pagination ul{
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    margin: 0 2px;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
    background-color: #333;
    color: #fff;
    padding: 10px 10px;
    border: none;
    font-weight: 700;
}
.woocommerce nav.woocommerce-pagination ul li a {
    background-color: #fab702;
    color: #fff;
    padding: 10px 10px;
    border: none;
    font-weight: 700;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
    background-color: #333;
    color: #fff;
}

/* ==========================================================================
   18.0 Footer
   ========================================================================== */
.footer-wrap {
    background-color: #232427;
    color: #ddd;
    padding: 30px 0;
    display: block;
    text-align: center;
}
.footer-wrap .site-info{
    color: #bbb;
}

/* ==========================================================================
   19.0 Scroll To Top
   ========================================================================== */
.scroll-to-top{
    display: none;
    text-align: center;
    background-color: #FAB702;
    font-size: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 3px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 999;
}
.scroll-to-top:hover{
    color: #fff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    text-decoration: none;
}