/**
 * [Table of contents]
 *
 * [&. Content / #key]
 * [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 * Summary:
 *
 *  0. VARIABLE LESS
 *    - 0.1. Color
 *    - 0.2. Font
 *  1. GLOBAL STYLE
 *    - 1.1. Scaffolding
 *    - 1.2. CSS for page
 *  2. HEADER
 *    - 2.0. Global Header
 *    - 2.1. Topbar Header
 *    - 2.2. Main Header
 *    - 2.3. Menu PC
 *    - 2.4. DropDown Menu
 *    - 2.5. Menu Mobile
 *  3. FOOTER
 *    - 3.1. Main Footer
 *    - 3.2. Copyright
 *    - 3.3. Widget Footer
 *  4. SIDEBAR
 *    - 4.1. Main Sidebar
 *  5. WIDGET
 *    - 5.0. Global Style
 *    - 5.1. Search
 *    - 5.2. Recent Post
 *    - 5.3. Categories
 *    - 5.4. Tags
 *    - 5.5. Gallery
 *    - 5.6. Socials
 *    - 5.7. Archives
 *   
 */

/*=================================
 =====     VARIABLE LESS      =====
 =================================*/

/*----------  0.1. Color  ----------*/

/*----------  0.2. Font  ----------*/

@-webkit-keyframes spin1 {
 0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes spin1 {
 0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-webkit-keyframes spin2 {
 0% {
 -webkit-transform: rotate(72deg);
 transform: rotate(72deg);
}
 100% {
 -webkit-transform: rotate(-288deg);
 transform: rotate(-288deg);
}
}
 @keyframes spin2 {
 0% {
 -webkit-transform: rotate(72deg);
 transform: rotate(72deg);
}
 100% {
 -webkit-transform: rotate(-288deg);
 transform: rotate(-288deg);
}
}
 @-webkit-keyframes spin3 {
 0% {
 -webkit-transform: rotate(-144deg);
 transform: rotate(-144deg);
}
 100% {
 -webkit-transform: rotate(216deg);
 transform: rotate(216deg);
}
}
 @keyframes spin3 {
 0% {
 -webkit-transform: rotate(-144deg);
 transform: rotate(-144deg);
}
 100% {
 -webkit-transform: rotate(216deg);
 transform: rotate(216deg);
}
}
 @-webkit-keyframes spin4 {
 0% {
 -webkit-transform: rotate(216deg);
 transform: rotate(216deg);
}
 100% {
 -webkit-transform: rotate(-144deg);
 transform: rotate(-144deg);
}
}
 @keyframes spin4 {
 0% {
 -webkit-transform: rotate(216deg);
 transform: rotate(216deg);
}
 100% {
 -webkit-transform: rotate(-144deg);
 transform: rotate(-144deg);
}
}
/*=====  End of VARIABLE LESS  ======*/

/*================================
======     GLOBAL STYLE     ======
=================================*/

/*----------  1.1. Scaffolding  ----------*/

html * { outline: 0 !important; }
html,
body { height: 100%; margin: 0 auto; padding: 0; -wenkit-font-smoothing: subpixel-antialiased; }
html { font-size: 16px; }
body { font-family:sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: #455255; background-color: #ffffff; }
a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
a:hover,
a:active,
a:focus { text-decoration: none; border-bottom: none; }
.body-wrapper { position: relative; overflow: hidden; }
.fa-custom:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; }
.main-contents { position: relative; z-index: 10; background-color: #ffffff; }
.main-right { float: right; }
/*----------  1.2. CSS for page  ----------*/

.padding-top-100 { padding-top: 100px; }
.padding-bottom-100 { padding-bottom: 100px; }
.padding-top-70 { padding-top: 70px; }
.padding-bottom-70 { padding-bottom: 70px; }
.margin-top-70 { margin-top: 70px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-top-50 { margin-top: 50px; }
/*================================
======   END GLOBAL STYLE   ======
=================================*/

/*================================
========      HEADER      ========
=================================*/

/*----------  2.0. Global Header  ----------*/

.bg-transparent { position: absolute; top: 0; right: 0; left: 0; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; background-color: transparent; }
.header-01 .nav-search { top: 60px; }
.header-01 .header-main .logo-wrapper { display: block; float: none; text-align: center;}
.header-01 .header-main .navigation { float: none; }
.header-01 .header-main .navigation .nav-links { display: table; float: none; margin: 0 auto;}
.header-01 .header-main .navigation .nav-links .main-menu { line-height: 60px; }
.header-01 .header-main .button-search { display: none; }
.header-01 .header-main.header-fixed .logo-wrapper { display: inherit; float: left; }
.header-01 .header-main.header-fixed .logo { line-height: 50px; text-align: left; }
.header-01 .header-main.header-fixed .navigation { float: right; }
.header-01 .header-main.header-fixed .navigation:before { display: none; }
.header-01 .header-main.header-fixed .navigation .nav-links { float: left; }
.header-01 .header-main.header-fixed .navigation .nav-links .main-menu { padding-bottom: 0; }
.header-01 .header-main.header-fixed .button-search { display: block; }
.header-01 .menu-dropdown { top: 68px; }
.header-02 .header-main { display: none; }
.header-main {background-color:#65877c !important}

.languages {position:absolute; top:.3rem; width:100%; height:1.5rem; background-color: rgba(255,255,255,0.24); text-align:right; padding-right:1rem; padding-left:-1rem; z-index:1000; color:#E1E1E1; font-size:.9rem; font-weight:100;}
.languages ul{list-style:none;}
.languages ul li{ float:right;}
.languages ul li a {color:#E1E1E1; padding:.8rem;}
.languages ul li a:hover {color:#fff; background-color:rgba(0,0,0,0.2);}

/*----------  2.1. Topbar Header  ----------*/

.header-topbar { font-size: 14px; line-height: 50px; position: relative; z-index: 101; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.header-topbar .link { color: #e3e3e3; }
.header-topbar .link:hover { color: #65877c; }
.header-topbar .topbar-left,
.header-topbar .topbar-right.style-2 { float: left; margin-bottom: 0; }
.header-topbar .topbar-left > li,
.header-topbar .topbar-right.style-2 > li { position: relative; display: inline-block; padding: 0 15px; }
.header-topbar .topbar-left > li:first-child,
.header-topbar .topbar-right.style-2 > li:first-child { padding-left: 0; }
.header-topbar .topbar-left > li:last-child,
.header-topbar .topbar-right.style-2 > li:last-child { padding-right: 0; border: none; }
.header-topbar .topbar-left .link,
.header-topbar .topbar-right.style-2 .link { width: auto; margin-bottom: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-transform: capitalize; }
.header-topbar .topbar-left .link .icons,
.header-topbar .topbar-right.style-2 .link .icons { font-size: 8px; position: relative; top: -2px; margin-right: 7px; }
.header-topbar .topbar-left .link .icons-2,
.header-topbar .topbar-right.style-2 .link .icons-2 { margin-right: 7px; }
.header-topbar .topbar-left .link .cart-counter,
.header-topbar .topbar-right.style-2 .link .cart-counter { font-size: 12px; line-height: 14px; position: absolute; top: 50%; left: 60%; height: 14px; margin: -15px 0 0 2px; padding: 0 5px; text-align: center; color: #ffffff; border-radius: 54px; background: #65877c; }
.header-topbar .topbar-right.style-2 { float: right; }
.header-topbar .topbar-right.style-2 li + li:before { position: absolute; top: 50%; left: 0; width: 1px; height: 18px; content: ''; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(255, 255, 255, .2); }
.header-topbar .topbar-right { float: right; margin-bottom: 0; }
.header-topbar .topbar-right .link { font-size: 14px; display: block; width: 25px; text-align: center; }
/*----------  2.2. Main Header  ----------*/

.header-main { position: relative; z-index: 100; width: 100%; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; box-shadow: none; }
.header-main .navigation { float: right; }
.header-main .logo-wrapper { line-height: 100px; float: left; }
.header-main .logo-wrapper .logo img { width: 100%; max-width: 130px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin:28.5px 0 -100px 0;}
.header-main.header-fixed { position: fixed; top: 0; display: inherit; background-color: #121212; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); }
.header-main.header-fixed .logo-wrapper { line-height: 50px; }
.header-main.header-fixed .logo-wrapper .logo img { width: 100%; max-width: 90px; }
.header-main.header-fixed .navigation .nav-links .main-menu { line-height: 50px; }
.header-main.header-fixed .button-search .main-menu { line-height: 50px; }
.header-main.header-fixed .nav-search { top: 50px; border-top: 1px solid #e3e3e3; background-color: #121212; }
.header-main.header-fixed .nav-search form input[type='text'] { background-color: #ffffff; }
.header-main.header-fixed .nav-search form .searchbutton { background-color: #65877c; }
.header-main.header-fixed .menu-dropdown { top: 58px; background: #121212; }
.header-main.header-fixed .menu-dropdown:after { color: #121212; }
.header-main.hide-menu { position: fixed; top: -180px !important; }
.header-main.hide-menu .logo-wrapper { line-height: 50px; }
.header-main.hide-menu .logo-wrapper .logo img { width: 100%; max-width: 90px; }
.header-main.hide-menu .navigation .nav-links .main-menu { line-height: 50px; }
/*----------  2.3. Menu PC  ----------*/

.navigation { position: relative; }
.navigation .nav-links { position: relative; }
.navigation .nav-links li.active .main-menu,
.navigation .nav-links li:hover .main-menu { color: #ffffff; }
.navigation .nav-links .main-menu { font-family:sans-serif; font-size: 13px; font-weight: 700; line-height: 100px; position: relative; margin: 0 10px; padding: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-transform: uppercase; color: #b6b6b6; background-color: transparent; }
.navigation .nav-links .main-menu .icons-dropdown { padding-left: 5px; }
.navigation .nav-links .main-menu .icons-dropdown i { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.button-search { float: right; cursor: pointer; }
.button-search .main-menu { font-size: 1.143rem; line-height: 100px; position: relative; margin: 0 10px 0 24px; margin-right: 0; padding: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #e3e3e3; background-color: transparent; }
.button-search .main-menu i { position: relative; top: -2px; }
.button-search:hover { color: #65877c; }
.nav-search { position: absolute; top: 100px; right: 0; padding: 20px; background-color: rgba(255, 255, 255, .1); box-shadow: 0 3px 5px rgba(0, 0, 0, .2); }
.nav-search form { display: table; width: 100%; height: 40px; }
.nav-search form input[type='text'] { display: table-cell; width: 225px; height: 40px; padding: 0 20px; color: #25363a; border: none; background-color: rgba(255, 225, 255, .5); }
 .nav-search form input[type='text']::-webkit-input-placeholder {
 color: #25363a;
}
 .nav-search form input[type='text']:-moz-placeholder {
 color: #25363a;
}
 .nav-search form input[type='text']::-moz-placeholder {
 color: #25363a;
}
 .nav-search form input[type='text']:-ms-input-placeholder {
 color: #25363a;
}
.nav-search form .searchbutton { position: relative; top: -1px; display: table-cell; width: 40px; height: 40px; padding: 0; text-align: center; vertical-align: middle; border: none; background-color: #b6d78d; box-shadow: none; }
/*----------  2.4. DropDown Menu  ----------*/

.menu-dropdown,
.menu-dropdown-2 { position: absolute; z-index: 1; top: 100px; left: 0; margin: 0; padding: 0; list-style: none; background: rgba(0, 0, 0, .9); }
.menu-dropdown:after,
.menu-dropdown-2:after { font-family: 'FontAwesome'; font-size: 0; position: absolute; top: -10px; left: 15px; width: 40px; content: '\f0de'; text-align: center; color: rgba(0, 0, 0, .9); }
.menu-dropdown li,
.menu-dropdown-2 li { overflow: hidden; width: 200px; height: 0; -webkit-transition: height .3s ease; -moz-transition: height .3s ease; -o-transition: height .3s ease; transition: height .3s ease; }
.menu-dropdown li .sub-menu,
.menu-dropdown-2 li .sub-menu { font-size: 15px; display: block; padding: 10px 20px; text-transform: capitalize; color: #e3e3e3; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.menu-dropdown li .sub-menu .text,
.menu-dropdown-2 li .sub-menu .text { position: relative; left: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.menu-dropdown li .sub-menu:hover,
.menu-dropdown-2 li .sub-menu:hover { color: #ffffff; background-color: #000000; }
.menu-dropdown li .sub-menu:hover .text,
.menu-dropdown-2 li .sub-menu:hover .text { left: 15px; }
.menu-dropdown li:last-child .sub-menu,
.menu-dropdown-2 li:last-child .sub-menu { border-bottom: 5px solid #e3e3e3; }
.menu-dropdown li + li:before,
.menu-dropdown-2 li + li:before { display: none; }
.menu-dropdown-2 { top: 0; }
.menu-dropdown-2:after { display: none; }
.menu-dropdown-2.right { left: 100%; }
.menu-dropdown-2.left { right: 100%; left: auto; }
.dropdown:hover .menu-dropdown:after { font-size: 24px; }
.dropdown:hover .menu-dropdown > li { height: 45px; }
.dropdown:hover .menu-dropdown > li:last-child { height: 49px; }
.dropdown:hover .menu-dropdown > li.dropdown-2 { position: relative; overflow: visible; }
.dropdown-2:hover > .menu-dropdown-2 > li { height: 45px; }
.dropdown-2:hover > .menu-dropdown-2 > li:last-child { height: 49px; }
/*----------  2.5. Menu Mobile  ----------*/

.hamburger-menu-mobile,
.button-search-mobile { display: none; }
.hamburger-menu-mobile .icons,
.button-search-mobile .icons { font-size: 26px; line-height: 100px; color: #ffffff; }
.hamburger-menu-mobile { float: left; }
.button-search-mobile { float: right; }
.button-search-mobile .icons { font-size: 20px; }
/* MENU MOBILE */

.wrapper-content { -webkit-transition: transform .7s ease; -moz-transition: transform .7s ease; -o-transition: transform .7s ease; transition: -webkit-transform .7s ease; transition: transform .7s ease; transition: transform .7s ease, -webkit-transform .7s ease; -webkit-transform-origin: 15% 100px 0; -ms-transform-origin: 15% 100px 0; transform-origin: 15% 100px 0; }
.wrapper-menu-mobile { position: absolute; z-index: 121; top: 0; left: -1%; overflow: hidden; width: 100%; height: auto; padding: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translate3d(-99%, 0, 0); -moz-transform: translate3d(-99%, 0, 0); -ms-transform: translate3d(-99%, 0, 0); -o-transform: translate3d(-99%, 0, 0); transform: translate3d(-99%, 0, 0); }
.wrapper-menu-mobile .mb-social-wrapper { padding: 15px 30px; }
.wrapper-menu-mobile .mb-social-wrapper .mb-socials { float: left; }
.wrapper-menu-mobile .mb-social-wrapper .mb-button-close { float: right; }
.wrapper-search-mobile { position: fixed; z-index: 120; display: block; overflow: hidden; width: 100%; height: 100%; padding: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); background-image: url('../images/background-full/banner-6.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.wrapper-search-mobile .mb-social-wrapper { padding: 15px 30px; }
.wrapper-search-mobile .mb-social-wrapper .mb-button-close { float: right; }
.wrapper-search-mobile:before { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .4); }
.wrapper-menu-mobile-background { position: fixed; z-index: 120; display: block; visibility: hidden; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background-image: url('../images/background-full/olive-wood-products.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.wrapper-menu-mobile-background:before { position: absolute; z-index: 121; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .4); }
.open-menu-mobile .body-wrapper { overflow: inherit; }
.open-menu-mobile .wrapper-content { position: fixed; -webkit-transform: scale3d(.9, .9, .9); -moz-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); -o-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); box-shadow: 0 0 46px #000000; }
.open-menu-mobile .wrapper-menu-mobile-background { visibility: visible; transition-delay: .18s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.open-menu-mobile .wrapper-menu-mobile { left: 0; overflow: auto; height: auto; transition-delay: .18s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.open-search-mobile .body-wrapper { overflow: inherit; }
.open-search-mobile .wrapper-content { position: fixed; -webkit-transform: scale3d(.9, .9, .9); -moz-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); -o-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); box-shadow: 0 0 46px #000000; }
.open-search-mobile .wrapper-search-mobile { overflow: auto; transition-delay: .18s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mb-socials ul { margin: 0; }
.mb-socials .link { display: block; width: 30px; text-align: center; color: #ffffff; }
.mb-button-close { font-size: 20px; position: relative; z-index: 200; float: right; color: #ffffff; }
.mb-login-wrapper { margin-top: 20px; }
.mb-login-wrapper .mb-guest-wrapper { height: 40px; text-align: center; }
.mb-login-wrapper .mb-guest-wrapper .mb-avatar { position: relative; top: auto; left: auto; display: inline-block; margin-right: 15px; vertical-align: middle; }
.mb-login-wrapper .mb-guest-wrapper .mb-avatar .mb-avatar-container { overflow: hidden; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 0 4px rgba(255, 255, 255, .1); }
.mb-login-wrapper .mb-guest-wrapper .mb-name { font-size: 20px; display: inline-block; vertical-align: middle; text-transform: uppercase; color: #ffffff; }
.mb-login-wrapper .mb-guest-wrapper .mb-name .link { color: #ffffff; }
.mb-nav { margin: 0; padding: 20px 20px 0 20px; }
.mb-nav li { position: relative; }
.mb-nav li:last-child { margin-bottom: 0; }
.mb-nav .main-menu { font-size: 20px; line-height: 30px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; }
.mb-nav .main-menu:hover,
.mb-nav .main-menu:focus { background-color: transparent; }
.mb-nav .icons-dropdown { font-size: 20px; line-height: 50px; position: absolute; z-index: 999; top: 0; right: 0; float: right; padding: 0 15px; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #ffffff; }
.mb-nav .mb-menu-dropdown,
.mb-nav .mb-menu-dropdown-2 { overflow: hidden; max-height: 0; margin: 0; padding: 0; list-style: none; transition: all .5s ease; transition: max-height .5s cubic-bezier(.77, 0, .175, 1), opacity .5s cubic-bezier(.77, 0, .175, 1); opacity: 0; }
.mb-nav .mb-menu-dropdown .sub-menu,
.mb-nav .mb-menu-dropdown-2 .sub-menu { font-size: 16px; display: block; padding: 6px 15px 6px 30px; text-transform: capitalize; color: #ffffff; }
.mb-nav .mb-menu-dropdown-2 .sub-menu { padding-left: 50px; }
.mb-nav .dropdown-2 .icons-dropdown { line-height: 36px; }
.mb-nav .mb-menu-dropdown-open > ul { display: block; max-height: 2000px; opacity: .9; }
.mb-nav .mb-menu-dropdown-open > .icons-dropdown { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.mb-search { position: relative; z-index: 1; padding: 35% 30px 0 30px; }
.mb-search form { position: relative; }
.mb-search .searchbox { font-size: 16px; width: 100%; height: 40px; color: #ffffff; border: none; border-bottom: 1px solid rgba(255, 255, 255, .5); background-color: transparent; }
 .mb-search .searchbox::-webkit-input-placeholder {
 color: rgba(255, 255, 255, .5);
}
 .mb-search .searchbox:-moz-placeholder {
 color: rgba(255, 255, 255, .5);
}
 .mb-search .searchbox::-moz-placeholder {
 color: rgba(255, 255, 255, .5);
}
 .mb-search .searchbox:-ms-input-placeholder {
 color: rgba(255, 255, 255, .5);
}
.mb-search .line-boder { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; content: ''; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-color: #65877c; }
.mb-search .searchbutton { font-size: 16px; line-height: 40px; position: absolute; right: 0; bottom: 0; color: #ffffff; border: none; background-color: transparent; }
.mb-search .searchbox:focus + .line-boder { width: 100%; }
/*================================
=======   End of HEADER   ========
=================================*/

/*================================
========      FOOTER      ========
=================================*/

/*----------  3.1. Main Footer  ----------*/

.footer { position: relative; bottom: 0; left: 0; display: table; width: 100%; height: 100vh; color: #787675; background-color: #000205; background-image: url('../images/background-full/footer.jpg'); background-position: center; background-size: cover; }
.footer-wrapper { display: table-cell; text-align: center; vertical-align: middle; }
.footer-wrapper .widget { text-align: left; }
.footer-wrapper .widget .title { font-family:sans-serif; font-size: 1.250rem; position: relative; text-transform: uppercase; color: #ffffff; }
.footer-wrapper .widget .content-widget { margin-top: 30px; }
.footer-logo { display: inline-block; margin-bottom: 40px; }
/*----------  3.2. Copyright  ----------*/

.hyperlink { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0 16px 0; color: rgba(255, 255, 255, .1); background-color: #0d1314; }
.hyperlink .name-company { color:#646464; font-size: 0.8em;}
.hyperlink .social-footer ul { margin-bottom: 0; }
.hyperlink .social-footer .link { font-size: 16px; display: block; width: 28px; text-align: center; color: rgba(255, 255, 255, .1); }
.hyperlink .social-footer .link:hover { color: #ffffff; }
/*----------  3.3. Widget Footer  ----------*/

.gamba-info .info-list { margin-bottom: 0; }
.gamba-info .info-list li { display: table; width: 100%; padding: 0 0 10px; border: none; }
.gamba-info .info-list li:last-child { padding-bottom: 0; }
.gamba-info .info-list li .icons { display: table-cell; width: 25px; color: #fff; }
.gamba-info .info-list li .link { display: table-cell; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; color: #b61716; }
.gamba-info .info-list li .link:hover { color: #ffffff; }
.gamba-info .info-list li .link-2 { line-height: 28px; }
.gamba-service ul { margin-bottom: 0; }
.gamba-service ul li .link { display: inline-block; padding: 0 0 10px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; color: #969c9e; }
.gamba-service ul li .link:hover { color: #ffffff; }
.gamba-twitter .twitter-wrapper { margin-bottom: 10px; }
.gamba-twitter .twitter-wrapper:last-child { margin-bottom: 0; }
.gamba-twitter .twitter-wrapper .link a { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; color: #969c9e; }
.gamba-twitter .twitter-wrapper .link a:hover { color: #ffffff; }
.gamba-twitter .twitter-wrapper .time-post { text-align: right; }
.gamba-twitter .twitter-wrapper .time-post i { margin-right: 5px; }
.gamba-gallery {padding:3rem; background-color:#F2F7F2}
.gamba-gallery ul { font-size: 0; margin: -6px; padding: 0; }
.gamba-gallery ul li { display: inline-block; width: 33.33%; padding: 6px; vertical-align: top; }
.gamba-gallery ul:hover .thumb:after { opacity: 1; }
.gamba-gallery ul:hover .thumb:hover:after { opacity: 0; }
.gamba-gallery .thumb { position: relative; overflow: hidden; width: 100%; }
.gamba-gallery .thumb:before { display: block; padding-top: 100%; content: ''; }
.gamba-gallery .thumb .img-full { position: absolute; top: 0; left: 50%; width: auto; max-width: none; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
/*================================
========   End of FOOTER   =======
=================================*/

/*================================
=======      SIDEBAR       =======
=================================*/

/*----------  4.1. Main Sidebar  ----------*/

.sidebar .col-2:last-child .widget:last-child { margin-bottom: 0; }
.sidebar .widget { margin-bottom: 40px; }
.sidebar .widget .title-widget { font-family: 'Pacifico', cursive; font-size: 20px; line-height: 50px; display: inline-block; width: 100%; height: 45px; margin-bottom: 25px; text-align: center; text-transform: capitalize; color: #25363a; border-bottom: 2px solid #ced0d6; background-color: #fafafa; }
/*================================
 =======   End of SIDEBAR  =======
 ================================*/

/*================================
 ======        WIDGET       ======
 ================================*/

/*----------  5.0. Global Style  ----------*/

.thumb { position: relative; display: block; width: 100%; padding: 0; }
.thumb:after { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; opacity: 0; background-color: rgba(0, 0, 0, .5); }
.thumb img { width: 100%; }
.thumb:hover:after { opacity: 1; }
/*----------  5.1. Search  ----------*/

.search-widget .search-wrapper { width: 100%; border: 1px solid #ced0d6; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.search-widget .search-wrapper .search-input { font-family: Helvetica, Arial, sans-serif; width: inherit; height: 40px; padding-right: 0; padding-left: 18px; color: #adadad; border: none; background-color: transparent; box-shadow: none; }
 .search-widget .search-wrapper .search-input::-webkit-input-placeholder {
 color: #d8d8d8;
}
 .search-widget .search-wrapper .search-input:-moz-placeholder {
 color: #d8d8d8;
}
 .search-widget .search-wrapper .search-input::-moz-placeholder {
 color: #d8d8d8;
}
 .search-widget .search-wrapper .search-input:-ms-placeholder {
 color: #d8d8d8;
}
.search-widget .search-wrapper .submit-btn { width: 40px; height: 40px; margin-right: 6px; padding: 0; color: #adadad; border: none; background-color: transparent; }
.search-widget .search-wrapper .submit-btn:active { box-shadow: none; }
/*----------  5.2. Recent Post  ----------*/

.single-recent-post-widget { display: table; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; }
.single-recent-post-widget .img-wrapper { display: table-cell; width: 100px; vertical-align: top; }
.single-recent-post-widget .img-wrapper img { width: 100%; }
.single-recent-post-widget .post-info { display: table-cell; padding-left: 15px; vertical-align: top; }
.single-recent-post-widget .post-info .meta-info { font-size: 14px; line-height: 14px; margin-bottom: 5px; color: #81878f; }
.single-recent-post-widget .post-info .meta-info .comment-count:before,
.single-recent-post-widget .post-info .meta-info .view-count:before { margin-right: 4px; }
.single-recent-post-widget .post-info .meta-info .comment-count:before { content: '\f075'; }
.single-recent-post-widget .post-info .meta-info .view-count { margin-right: 10px; }
.single-recent-post-widget .post-info .meta-info .view-count:before { content: '\f007'; }
.single-recent-post-widget .post-info .meta-info .sep { font-style: normal; margin: 0 10px; }
.single-recent-post-widget .post-info .description { font-size: 14px; color: #25363a; }
.single-recent-post-widget:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }
.single-recent-post-widget:hover .thumb:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/*----------  5.3. Categories  ----------*/

.categories-widget .category:before { margin-right: 10px; content: '\f178'; color: #dbdbdb; }
.categories-widget .widget-list { margin: 0; padding: 0; list-style: none; }
.categories-widget .widget-list .single-widget-item { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #f5f5f5; }
.categories-widget .widget-list .single-widget-item .link { display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #455255; }
.categories-widget .widget-list .single-widget-item .count { float: right; }
.categories-widget .widget-list .single-widget-item:first-child { padding-top: 0; border-top: none; }
.categories-widget .widget-list .single-widget-item:last-child { padding-bottom: 0; }
.categories-widget .widget-list .single-widget-item:hover .link { color: #65877c; }
/*----------  5.4. Tags  ----------*/

.tags-widget .content-widget { display: inline-block; width: 100%; }
.tags-widget .tag { line-height: 28px; position: relative; display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; padding: 0 12px 0 27px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-transform: capitalize; color: #8d8f93; border: 1px solid #b0b5bd; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0; border-radius: 30px; }
.tags-widget .tag:before { font-family: FontAwesome; font-size: 9px; position: absolute; left: 12px; content: '\f1db'; }
.tags-widget .tag:hover { color: #65877c; border: 1px solid #65877c; }
.tags-widget .tag:hover:before { color: #65877c; }
/*----------  5.5. Gallery  ----------*/

.gallery-widget ul { display: inline-block; width: 100%; margin-bottom: 0; }
.gallery-widget li { float: left; width: 25%; padding-bottom: 10px; }
.gallery-widget li:nth-last-child(-n + 4) { padding-bottom: 0; }
.gallery-widget li .thumb { position: relative; overflow: hidden; }
.gallery-widget li .thumb:before { display: block; padding-top: 100%; content: ''; }
.gallery-widget li img { position: absolute; z-index: 1; top: 0; left: 50%; width: auto; max-width: none; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
/*----------  5.6. Socials  ----------*/

.social-widget ul { margin-bottom: 0; }
.social-widget li { margin-bottom: 10px; }
.social-widget .social-icon { line-height: 38px; width: 40px; height: 40px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; color: #ced0d6; border: 1px solid #f4f4f4; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-color: transparent; }
.social-widget .social-icon:hover { color: #65877c; border-color: #ffffff; background-color: #ffffff; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); }
/*----------  5.7. Archives  ----------*/

.archives-widget .datepicker { width: 100% !important; }
/*================================
=====       END WIDGET      ======
=================================*/

/*=================================
======         PLUGIN        ======
==================================*/

/*----------  3.1. jQuery Plugin date picker  ----------*/

.datepicker { z-index: 100 !important; padding: 0 !important; }
.datepicker .table-condensed { margin: 0 auto; table-layout: fixed; }
.datepicker thead { border-bottom: 1px solid #d8dce2; }
.datepicker thead .dow { width: calc(14.28571429%); width: -webkit-(14.28571429%); padding-top: 15px; text-transform: uppercase; color: #455255; }
.datepicker thead .datepicker-switch { font-size: 1.29rem; font-weight: 500; cursor: default; color: #727272; }
.datepicker thead .datepicker-switch:hover { background-color: transparent; }
.datepicker thead .next,
.datepicker thead .prev { position: relative; color: transparent; }
.datepicker thead .next:hover,
.datepicker thead .prev:hover { background-color: transparent; }
.datepicker thead .next:hover:before,
.datepicker thead .prev:hover:before { background-color: #65877c; }
.datepicker thead .next:before,
.datepicker thead .prev:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; line-height: 15px; position: absolute; top: 50%; display: inline-block; width: 15px; height: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #e9ebef; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; }
.datepicker thead .prev:before { right: 50%; content: '\f104'; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.datepicker thead .next:before { left: 50%; content: '\f105'; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.datepicker tbody tr { line-height: 30px; }
.datepicker tbody td.day { position: relative; color: #77858e; }
.datepicker tbody td.day.new,
.datepicker tbody td.day.old { color: #dadada; }
.datepicker tbody td.day:hover { background: none !important; }
.datepicker tbody td.day:hover:before { background-color: #efefef; }
.datepicker tbody td.day:before { position: absolute; z-index: -1; top: 50%; left: 50%; width: 30px; height: 30px; content: ''; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: translate(-50%, -52%); -moz-transform: translate(-50%, -52%); -ms-transform: translate(-50%, -52%); -o-transform: translate(-50%, -52%); transform: translate(-50%, -52%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.datepicker tbody td.day.active,
.datepicker tbody td.day.range,
.datepicker tbody td.day.range-end,
.datepicker tbody td.day.range-start { color: #ffffff; background-color: transparent !important; background-image: none !important; text-shadow: none !important; }
.datepicker tbody td.day.active:before,
.datepicker tbody td.day.range-end:before,
.datepicker tbody td.day.range-start:before { background-color: #65877c; }
.datepicker tbody td.day.range:before { background-color: #eeeeee; }
.ui-timepicker-wrapper { width: 200px; height: 220px; }
.ui-timepicker-list li { padding: 10px 0 10px 15px; text-align: left; }

/*=================================
======     END PLUGIN       ======
=================================*/