/**
 * [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. Button
 *    - 1.2. Main title
 *    - 1.3. Star Rangting
 *    - 1.4. Dish
 *    - 1.5. Tab Menu
 *    - 1.6. Input
 *    - 1.7. Pagination
 *    - 1.8. Menu Order Item
 *    - 1.9. Banner
 *    - 1.10. Back To Top Button
 *  2. PAGE
 *    - 2.1. Homepage 1
 *    - 2.2. Homepage 2
 *    - 2.3. Homepage 3
 *    - 2.4. About us
 *    - 2.5. Reservation
 *    - 2.6. Menu grid
 *    - 2.7. Blog
 *    - 2.8. Blog Detail
 *    - 2.9. Contact
 *    - 2.10. 404
 *    - 2.11. Event
 *    - 2.12. Gallery isotope
 *  3. PLUGIN
 *    - 3.1. jQuery Plugin date picker
 *      
 */

/*=================================
 =====     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. Button  ----------*/

.btn { font-size: 1rem; line-height: 38px; width: 200px; height: 40px; padding: 0 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #d9d9d9; border: 1px solid #d9d9d9; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.btn:hover { color: #65877c; border: 1px solid #65877c; }
.btn.btn-maincolor { color: #ffffff; border-color: #65877c; background-color: #65877c; }
.btn.btn-maincolor:hover { color: #65877c; border-color: #65877c; background-color: transparent; }
.btn.btn-titlecolor { color: #ffffff; border-color: #25363a; background-color: #25363a; }
.btn.btn-titlecolor:hover { color: #25363a; border-color: #ffffff; background-color: #ffffff; }
.btn.btn-transparent { color: #ffffff; border-color: #ffffff; background-color: transparent; }
.btn.btn-transparent:hover { color: #65877c; border-color: #ffffff; background-color: #ffffff; }
.group-btn .btn { margin-right: 12px; }
.group-btn .btn:last-child { margin-right: 0; }
.wrapper-btn { display: block; text-align: center; }
/*----------  1.2. Main title  ----------*/

.main-titles { position: relative; text-align: center; }
.main-titles .title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 3.750rem; line-height: 1.5; position: relative; z-index: 10; margin: 0 0 70px 0; color: #25363a; }
.main-titles.white .title { color: #ffffff; }
.main-titles-2 { text-align: left; }
.main-titles-2 .title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 3.000rem; line-height: 1.4; position: relative; z-index: 10; margin: 0 0 40px 0; color: #25363a; }
.main-titles-2.white .title { color: #ffffff; }
/*----------  1.3. Star Rangting  ----------*/

.star-rating { font-size: 15px; line-height: 1; position: relative; display: block; overflow: hidden; width: 90px; height: 1em; }
.star-rating:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; float: left; content: '\f006\f006\f006\f006\f006'; letter-spacing: 4px; color: #e7c217; }
.star-rating span { position: absolute; top: 0; left: 0; float: left; overflow: hidden; padding-top: 1.5em; color: #e7c217; }
.star-rating span:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; content: '\f005\f005\f005\f005\f005'; letter-spacing: 4px; }
.star-rating span.width-10 { width: 10%; }
.star-rating span.width-20 { width: 20%; }
.star-rating span.width-30 { width: 30%; }
.star-rating span.width-40 { width: 40%; }
.star-rating span.width-50 { width: 50%; }
.star-rating span.width-60 { width: 60%; }
.star-rating span.width-70 { width: 70%; }
.star-rating span.width-80 { width: 80%; }
.star-rating span.width-90 { width: 90%; }
.star-rating span.width-100 { width: 100%; }
/*----------  1.4. Grid Layout  ----------*/

.grid-block-1 { margin: 0 -15px; }
.grid-block-1 .block-left { float: left; width: 50%; padding: 0 15px; }
.grid-block-1 .block-right { float: right; width: 50%; padding: 0 15px; }
.grid-block-1 .grid-item { width: 100%; margin-bottom: 30px; }
.grid-block-1 .grid-item:last-child { margin-bottom: 0; }
.grid-block-2 { margin: 0 -15px; }
.grid-block-2 .grid-item { float: left; width: 100%; margin-bottom: 30px; padding: 0 15px; }
.grid-block-2 .grid-item:last-child { margin-bottom: 0; }
.grid-block-2 .grid-1 { width: 33.33%; }
.grid-block-2 .grid-2 { width: 66.67%; }
.grid-block-3 { font-size: 0; display: block; }
.grid-block-3 .grid-left { display: inline-block; width: 66%; padding-right: 30px; vertical-align: top; }
.grid-block-3 .grid-right { display: inline-block; width: 34%; vertical-align: top; }
.gallery-grid { font-size: 0; margin: -15px; }
.gallery-grid .fancybox { position: absolute; z-index: 4; top: 0; left: 0; width: 100%; height: 100%; }
.gallery-grid .grid-item { display: inline-block; overflow: hidden; width: 33.3333%; padding: 15px; vertical-align: top; }
.gallery-grid-2 { font-size: 0; }
.gallery-grid-2 .grid-sizer { width: 1%; }
.gallery-grid-2 .grid-item { display: inline-block; width: 20%; padding: 0; vertical-align: top; }
.gallery-grid-2 .grid-item:before { display: block; padding-top: 82.5%; content: ''; }
.gallery-grid-2 .grid-item.grid-item-width-2 { width: 40%; }
.gallery-grid-2 .grid-item.grid-item-width-2:before { padding-top: 41.25%; }
.gallery-grid-2 .grid-item.grid-item-height-2:before { padding-top: 165%; }
.gallery-grid-2 .grid-item.grid-item-width-2.grid-item-height-2 { width: 40%; }
.gallery-grid-2 .grid-item.grid-item-width-2.grid-item-height-2:before { padding-top: 82.5%; }
.gallery-grid-2 .block-5 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gallery-grid-3 { margin: -15px; }
.gallery-grid-3 .grid-item { position: relative; float: left; overflow: hidden; width: 50%; padding: 15px; }
.gallery-grid-3 .grid-item:before { display: block; padding-top: 57%; content: ''; }
.gallery-grid-3 .grid-item.grid-item-height-2:before { padding-top: calc(114% + 30px); }
.gallery-grid-3 .grid-item .wrapper-img { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; overflow: hidden; }
.gallery-grid-3 .grid-item img { 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%); }
/*----------  1.5. Block style  ----------*/

.block-1 { position: relative; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #fbfbfb; }
.block-1 .block-image { position: relative; display: block; overflow: hidden; margin-bottom: 0; background-color: #000000; }
.block-1 .block-image:before { display: block; padding-top: 58%; content: ''; }
.block-1 .block-image:after { position: absolute; z-index: 1; 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, .3); }
.block-1 .block-image .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%); }
.block-1 .block-image .link { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.block-1 .block-audio { width: 100%; padding: 30px 20px; background-color: rgba(0, 0, 0, .92); background-image: url('../images/news/image-7.jpg'); }
.block-1 .block-video:before { display: block; padding-top: 58%; content: ''; }
.block-1 .block-blockquote { position: relative; overflow: hidden; padding: 40px 30px; color: #ffffff; }
.block-1 .block-blockquote:before { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(0, 0, 0, .5); }
.block-1 .block-blockquote .img-full { 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%); }
.block-1 .block-blockquote blockquote { position: relative; z-index: 3; margin: 0; padding: 0 40px; border-left: none; }
.block-1 .block-blockquote blockquote:before { font-family: 'FontAwesome'; font-size: 2rem; position: absolute; top: 0; left: 0; content: '\f10d'; }
.block-1 .block-blockquote blockquote p { font-size: 1.250rem; font-style: italic; margin-bottom: 10px; }
.block-1 .block-blockquote blockquote cite { font-style: normal; display: block; margin-top: 5px; text-align: left; }
.block-1 .block-blockquote blockquote cite a { font-size: 1rem; margin-right: 5px; color: #ffffff; }
.block-1 .block-blockquote blockquote cite span { font-size: .875rem; font-weight: 700; }
.block-1 .block-content { position: relative; overflow: hidden; padding: 25px 30px 20px 30px; }
.block-1 .block-content .title { font-size: 1.875rem; font-weight: 700; margin: 0; color: #25363a; }
.block-1 .block-content .title:hover { color: #65877c; }
.block-1 .block-content .author { font-size: 1rem; margin: 10px 0 0 0; color: #94999a; }
.block-1 .block-content .author .text { font-size: inherit; display: inline-block; margin: 0; }
.block-1 .block-content .author .link { font-size: inherit; display: inline-block; margin-left: 8px; color: #94999a; }
.block-1 .block-content .author .link:hover { color: #65877c; }
.block-1 .block-content .description { display: block; margin: 15px 0 0 0; }
.block-1 .block-content .description p { font-size: 1rem; margin-bottom: 5px; }
.block-1 .block-content .description p:last-child { margin-bottom: 0; }
.block-1 .block-content .readmore { font-size: 1rem; font-weight: 700; display: block; margin: 10px 0 0 0; color: #25363a; }
.block-1 .block-content .readmore .icons { padding-left: 7px; }
.block-1 .block-content .readmore:hover { color: #65877c; }
.block-1 .block-content .block-info { font-size: 1rem; margin: 17px 0 0 0; padding: 15px 0 0 0; color: #939899; border-top: 1px solid #e0e0e0; }
.block-1 .block-content .block-info .info-left { float: left; }
.block-1 .block-content .block-info .info-right { float: right; }
.block-1 .block-content .block-info .block { position: relative; display: inline-block; padding: 0 10px; vertical-align: top; }
.block-1 .block-content .block-info .block:first-child { padding-left: 0; }
.block-1 .block-content .block-info .block:last-child { padding-right: 0; }
.block-1 .block-content .block-info .block .icons { font-size: inherit; display: inline-block; margin-right: 8px; color: #ced1d2; }
.block-1 .block-content .block-info .block .link { font-size: inherit; display: inline-block; margin: 0; vertical-align: top; color: #939899; }
.block-1 .block-content .block-info .block .link:hover { color: #65877c; }
.block-1:hover { background-color: #ffffff; box-shadow: 3.5px 6px 18px 0 rgba(0, 0, 0, .1); }
.block-1:hover .block-image:after { opacity: 1; }
.block-2 { position: relative; display: table; width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #fbfbfb; }
.block-2 .block-image { position: relative; display: table-cell; overflow: hidden; width: 170px; vertical-align: top; background-color: #000000; }
.block-2 .block-image:before { display: block; padding-top: 110%; content: ''; }
.block-2 .block-image:after { position: absolute; z-index: 1; 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, .3); }
.block-2 .block-image .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%); }
.block-2 .block-image .link { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.block-2 .block-content { position: relative; display: table-cell; overflow: hidden; padding: 20px 30px 20px 30px; vertical-align: top; }
.block-2 .block-content .title { font-size: 1.250rem; font-weight: 700; margin: 0; color: #25363a; }
.block-2 .block-content .title:hover { color: #65877c; }
.block-2 .block-content .author { font-size: 1rem; margin: 8px 0 0 0; color: #94999a; }
.block-2 .block-content .author .text { font-size: inherit; display: inline-block; margin: 0; }
.block-2 .block-content .author .link { font-size: inherit; display: inline-block; margin-left: 8px; color: #94999a; }
.block-2 .block-content .author .link:hover { color: #65877c; }
.block-2 .block-content .description { display: block; margin: 10px 0 0 0; }
.block-2 .block-content .description p { font-size: 1rem; margin-bottom: 5px; }
.block-2 .block-content .description p:last-child { margin-bottom: 0; }
.block-2 .block-content .readmore { font-size: 1rem; font-weight: 700; display: block; margin: 10px 0 0 0; color: #25363a; }
.block-2 .block-content .readmore .icons { padding-left: 7px; }
.block-2 .block-content .readmore:hover { color: #65877c; }
.block-2:hover { background-color: #ffffff; box-shadow: 3.5px 6px 18px 0 rgba(0, 0, 0, .1); }
.block-2:hover .block-image:after { opacity: 1; }
.block-3 { position: relative; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #fbfbfb; }
.block-3 .block-image { position: relative; display: block; overflow: hidden; margin-bottom: 0; background-color: #000000; }
.block-3 .block-image:before { display: block; padding-top: 80%; content: ''; }
.block-3 .block-image:after { position: absolute; z-index: 1; 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, .3); }
.block-3 .block-image .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%); }
.block-3 .block-image .link { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.block-3 .block-content { position: relative; overflow: hidden; padding: 40px 30px; text-align: center; }
.block-3 .block-content .title { font-size: 1.250rem; font-weight: 700; margin: 0;  color: #25363a; }
.block-3 .block-content .title:hover { color: #65877c; }
.block-3 .block-content .subtitle { font-size: 1rem; font-weight: 400; margin: 7px 0 0 0; }
.block-3 .block-content .description { display: block; margin: 12px 0 0 0; }
.block-3 .block-content .description p { font-size: 1rem; margin-bottom: 5px; }
.block-3 .block-content .description p:last-child { margin-bottom: 0; }
.block-3 .block-content .list-social { display: block; margin: 15px 0 0 0; padding: 0; }
.block-3 .block-content .list-social li { display: inline-block; padding: 0 10px; list-style: none; }
.block-3 .block-content .list-social .link { font-size: 1rem; color: #b4babb; }
.block-3 .block-content .list-social .link:hover { color: #65877c; }
.block-3 .block-content .btn { width: auto; margin: 20px 0 0 0; padding: 0 25px; }
.block-3:hover { background-color: #ffffff; box-shadow: 3.5px 6px 18px 0 rgba(0, 0, 0, .1); }
.block-3:hover .block-image:after { opacity: 1; }
.block-3.style-2 { display: table; width: 100%; }
.block-3.style-2 .block-image { display: table-cell; width: 48%; }
.block-3.style-2 .block-content { display: table-cell; padding: 15px 30px; vertical-align: middle; }
.block-4 { position: relative; top: 0; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #ffffff; }
.block-4 .block-image { position: relative; display: block; overflow: hidden; margin-bottom: 0; padding-bottom: 90px; border: 1px solid #ededed; border-bottom: none; }
.block-4 .block-image .img-full { display: block; width: 100%; max-width: none; margin: 0 auto; }
.block-4 .block-image .link { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.block-4 .block-content { position: absolute; z-index: 5; right: 0; bottom: 0; left: 0; overflow: hidden; padding: 20px 15px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-align: center; background-color: #fafafa; }
.block-4 .block-content .title { font-size: 1.250rem; font-weight: 700; margin: 0; color: #25363a; }
.block-4 .block-content .prices-wrapper { line-height: 1; margin: 5px 0 0 0; }
.block-4 .block-content .prices-wrapper .prices { display: inline-block; }
.block-4 .block-content .prices-wrapper .prices sup { font-size: .9rem; font-weight: 700; top: -8px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #65877c; }
.block-4 .block-content .prices-wrapper .prices .number { font-size: 1.500rem; font-weight: 700; line-height: 1; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #65877c; }
.block-4 .block-content .prices-wrapper .unit { font-size: 1.12rem; line-height: 1; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #9c9c9c; }
.block-4 .block-content .list-icons { display: block; visibility: hidden; height: 0; margin: 5px auto 0 auto; padding: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; opacity: 0; }
.block-4 .block-content .list-icons li { display: inline-block; padding: 0 8px; list-style: none; }
.block-4 .block-content .list-icons .link { font-size: 1rem; display: block; width: 35px; height: 35px; text-align: center; color: rgba(255, 255, 255, .3); border: 1px solid rgba(255, 255, 255, .3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.block-4 .block-content .list-icons .link .icons { line-height: 32px; }
.block-4 .block-content .list-icons .link:hover { color: #ffffff; border-color: #ffffff; }
.block-4:hover { top: -4px; box-shadow: 3.5px 6px 25px 0 rgba(0, 0, 0, .1); }
.block-4:hover .block-content { background-color: #65877c; }
.block-4:hover .block-content .prices-wrapper .prices sup { color: #ffffff; }
.block-4:hover .block-content .prices-wrapper .prices .number { color: #ffffff; }
.block-4:hover .block-content .prices-wrapper .unit { color: #ffffff; }
.block-4:hover .block-content .list-icons { visibility: visible; height: 35px; padding-top: 5px; opacity: 1; }
.block-5 { position: relative; display: block; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #ffffff; }
.block-5 .block-image { position: relative; display: block; overflow: hidden; }
.block-5 .block-image .img-full { display: block; width: 100%; max-width: none; margin: 0 auto; }
.block-5 .block-image .link { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.block-5 .block-content { position: absolute; z-index: 5; right: 0; bottom: -100%; left: 0; overflow: hidden; padding: 20px 15px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-align: center; background-color: #65877c; }
.block-5 .block-content .title { font-size: 1.250rem; font-weight: 700; margin: 0; color: #25363a; }
.block-5 .block-content .prices-wrapper { line-height: 1; margin: 0; }
.block-5 .block-content .prices-wrapper .prices { display: inline-block; }
.block-5 .block-content .prices-wrapper .prices sup { font-size: .9rem; font-weight: 700; top: -8px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #ffffff; }
.block-5 .block-content .prices-wrapper .prices .number { font-size: 1.500rem; font-weight: 700; line-height: 1; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #ffffff; }
.block-5 .block-content .prices-wrapper .unit { font-size: 1.12rem; line-height: 1; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #ffffff; }
.block-5 .block-content .list-icons { display: block; margin: 10px auto 0 auto; padding: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.block-5 .block-content .list-icons li { display: inline-block; padding: 0 8px; list-style: none; }
.block-5 .block-content .list-icons .link { font-size: 1rem; display: block; width: 35px; height: 35px; text-align: center; color: rgba(255, 255, 255, .3); border: 1px solid rgba(255, 255, 255, .3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.block-5 .block-content .list-icons .link .icons { line-height: 32px; }
.block-5 .block-content .list-icons .link:hover { color: #ffffff; border-color: #ffffff; }
.block-5:hover .block-content { bottom: 0; }
.block-6 { position: relative; display: table; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid #ededed; }
.block-6 .block-image { position: relative; display: table-cell; overflow: hidden; width: 48%; max-width: 370px; vertical-align: top; border-right: 1px solid #ededed; background-color: #ffffff; }
.block-6 .block-image:before { display: block; padding-top: 80%; content: ''; }
.block-6 .block-image .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%); }
.block-6 .block-image .link { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.block-6 .block-content { position: relative; display: table-cell; overflow: hidden; padding: 25px 30px 30px 30px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; background-color: #ffffff; }
.block-6 .block-content .title { font-size: 1.250rem; font-weight: 700; margin: 0; color: #25363a; }
.block-6 .block-content .prices-wrapper { line-height: 1; margin: 5px 0 0 0; }
.block-6 .block-content .prices-wrapper .prices { display: inline-block; }
.block-6 .block-content .prices-wrapper .prices sup { font-size: .9rem; font-weight: 700; top: -8px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #65877c; }
.block-6 .block-content .prices-wrapper .prices .number { font-size: 1.500rem; font-weight: 700; line-height: 1; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #65877c; }
.block-6 .block-content .prices-wrapper .unit { font-size: 1.12rem; line-height: 1; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #9c9c9c; }
.block-6 .block-content .description { font-size: 1rem; margin: 20px 0 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.block-6 .block-content .list-icons { display: block; margin: 20px 0 0 -8px; padding: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.block-6 .block-content .list-icons li { display: inline-block; padding: 0 8px; list-style: none; }
.block-6 .block-content .list-icons .link { display: block; width: 35px; height: 35px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; color: #cacaca; border: 1px solid #cacaca; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.block-6 .block-content .list-icons .link .icons { font-size: 1rem; line-height: 32px; }
.block-6:hover { box-shadow: 5px 5px 30px rgba(0, 0, 0, .1); }
.block-6:hover .block-content { background-color: #65877c; }
.block-6:hover .block-content .prices-wrapper .prices sup { color: #ffffff; }
.block-6:hover .block-content .prices-wrapper .prices .number { color: #ffffff; }
.block-6:hover .block-content .prices-wrapper .unit { color: #ffffff; }
.block-6:hover .block-content .description { color: #ffffff; }
.block-6:hover .block-content .list-icons .link { color: rgba(255, 255, 255, .3); border: 1px solid rgba(255, 255, 255, .3); }
.block-6:hover .block-content .list-icons .link:hover { color: #ffffff; border-color: #ffffff; }
.block-products .title { font-size: 1.875rem; font-weight: 700; line-height: 1.4; margin: 0 0 15px 0; color: #25363a; }
.block-products .prices { display: inline-block; vertical-align: top; }
.block-products .prices > .text { font-size: 1.125rem; display: inline-block; margin-right: 7px; vertical-align: top; color: #a1a1a0; }
.block-products .prices > sup { font-size: .9rem; font-weight: 700; top: -2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #65877c; }
.block-products .prices > .number { font-size: 1.500rem; font-weight: 700; line-height: 1; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; vertical-align: top; color: #65877c; }
.block-products .star-rating { line-height: 24px; display: inline-block; height: 24px; vertical-align: top; }
.block-products .prices + .star-rating { margin-left: 30px; }
.block-products .description { font-size: 1rem; display: block; margin: 15px 0 0 0; }
.block-products .list-info { margin: 15px 0 0 0; padding: 0; list-style: none; }
.block-products .list-info li { font-size: 1rem; line-height: 30px; position: relative; padding-left: 16px; }
.block-products .list-info li:before { font-family: 'FontAwesome'; font-size: 8px; position: absolute; left: 0; content: '\f111'; color: #c7c9c9; }
.block-products .btn { margin-top: 25px; }
/*----------  1.6. Block icon style  ----------*/

.gamba-circles { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: 0 auto; -webkit-transform: translate3D(-50%, -50%, 0); -ms-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); }
.gamba-circles .circle { position: absolute; box-sizing: border-box; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid transparent; border-radius: 92% 110% 132% 88%; }
.gamba-circles .circle:nth-child(1) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin1 6s linear infinite; animation: spin1 6s linear infinite; border-color: #c7c7c7; }
.gamba-circles .circle:nth-child(2) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin2 6s linear infinite; animation: spin2 6s linear infinite; border-color: #c7c7c7; }
.gamba-circles .circle:nth-child(3) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin3 6s linear infinite; animation: spin3 6s linear infinite; border-color: #c7c7c7; }
.gamba-circles .circle:nth-child(4) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin4 6s linear infinite; animation: spin4 6s linear infinite; border-color: #c7c7c7; }
.block-icon-1 .table-cell { position: relative; display: block; padding: 0; text-align: center; }
.block-icon-1 .table-cell + .table-cell { margin-top: 20px; padding: 0 15px; }
.block-icon-1 .icons { font-size: 2.4rem; line-height: 70px; position: relative; z-index: 2; display: inline-block; width: 70px; height: 70px; color: #b61716; }
.block-icon-1 .title { font-size: 1.375rem; font-weight: 700; margin: 0; color: #25363a; }
.block-icon-1 .description { margin: 10px 0 0 0; }
.block-icon-2 { position: relative; top: 0; padding: 30px 20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.block-icon-2 .table-cell { position: relative; display: block; text-align: center; }
.block-icon-2 .table-cell + .table-cell { margin-top: 40px; }
.block-icon-2 .icons { font-size: 2.4rem; line-height: 70px; position: relative; z-index: 2; display: inline-block; width: 70px; height: 70px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #65877c; }
.block-icon-2 .title { font-size: 1.375rem; font-weight: 700; margin: 0; color: #25363a; }
.block-icon-2 .description { margin: 10px 0 0 0; }
.block-icon-2 .btn { width: auto; margin-top: 30px; padding: 0 30px; }
.block-icon-2:hover { top: -4px; box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2); }
.block-icon-2:hover .icons { color: #ffffff; }
.block-icon-2:hover .gamba-circles .circle { background-color: #65877c; }
.block-icon-3 .table-cell { position: relative; display: block; text-align: center; }
.block-icon-3 .table-cell + .table-cell { margin-top: 20px; }
.block-icon-3 .icons { font-size: 4rem; line-height: 1; margin: 0; color: #65877c; }
.block-icon-3 .title { font-size: 1.375rem; font-weight: 700; position: relative; margin: 0; padding: 0 0 20px 0; color: #25363a; }
.block-icon-3 .title:before { position: absolute; bottom: 0; left: 50%; width: 35px; height: 3px; content: ''; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #455255; }
.block-icon-3 .description { margin: 20px 0 0 0; }
/*----------  1.7. Tab Menu  ----------*/

.tab-menu { display: table; width: 100%; margin: 0 auto 70px auto; padding: 0; list-style: none; border-bottom: 1px solid #e7e7e7; }
.tab-menu li { position: relative; display: table-cell; width: 1%; text-align: center; }
.tab-menu li.active .link { color: #65877c; }
.tab-menu li.active .link:before { width: 100%; }
.tab-menu .link { font-size: 1.125rem; position: relative; display: inline-block; padding: 10px 0; cursor: pointer; color: #25363a; }
.tab-menu .link:before { position: absolute; bottom: -1px; left: 0; width: 0; height: 3px; content: ''; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #65877c; }
.tab-menu .link:hover { color: #65877c; }
.tab-menu .link:hover:before { width: 100%; }
.tab-menu.white .link { color: #ffffff; }
.tab-menu.white .link:hover { color: #65877c; }
/*----------  1.8. Input  ----------*/

.form-control { width: 100%; height: 40px; border-radius: 0 !important; box-shadow: none; }
.form-control:hover,
.form-control:focus { box-shadow: none; }
/*----------  1.9. Pagination  ----------*/

.pagination { margin: 0; }
.pagination li .btn-pagination { line-height: 40px; position: relative; margin: 0 5px; padding: 0 7px; text-align: center; color: #b3b3b3; border: none; background-color: transparent; }
.pagination li .btn-pagination.active { pointer-events: none; color: #65877c; border: none; }
.pagination li .btn-pagination:hover,
.pagination li .btn-pagination:focus { color: #65877c; border: none; background-color: transparent; }
.pagination li .previous,
.pagination li .next { line-height: 38px; width: 40px; height: 40px; padding: 0; border: 1px solid #f4f4f4; -webkit-border-radius: 40px !important; -moz-border-radius: 40px !important; border-radius: 40px !important; }
.pagination li .previous:hover,
.pagination li .next:hover { color: #65877c; border: 1px solid #65877c; }
.pagination-list { display: block; text-align: center; }
/*----------  1.10. Menu Order Item  ----------*/

/*----------  1.11. Banner  ----------*/

.banner { position: relative; overflow: hidden; width: 100%; color: #ffffff; background-color: #121212; background-repeat: repeat; background-attachment: fixed; background-position: center; -webkit-background-size: cover; background-size: cover; }
/*----------  1.12. Back To Top Button  ----------*/

#back-top .link { font-size: 24px; line-height: 36px; position: fixed; z-index: 100; right: 20px; bottom: 20px; visibility: hidden; width: 40px; height: 40px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-align: center; opacity: 0; color: #b61716; border: 2px solid #b61716; background-color: transparent; }
#back-top .link.show-btn { visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
#back-top .link:hover { color: #ffffff; border: 2px solid #65877c; background-color: #65877c; }
/*=================================
======    END GLOBAL STYLE   ======
==================================*/

/*=================================
======          PAGE         ======
==================================*/

/*----------  2.1. Homepage 1  ----------*/

.background-slide { margin-bottom: 0 !important; }
.background-slide .container {  height: 100%; }
.background-slide .slide-item { position: relative; overflow: hidden; width: 100%; height: 100vh; background-color: #121212; }
.background-slide .slide-item .img-background {
    position: absolute;
    z-index: 1;
    top: -100px;
    bottom: -100px;

    max-width: none;
    height: calc(100% + 300px);
}
.background-slide .logo-image { display: block; max-width: 140px; margin: 0 auto; }
.background-slide .title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 4.375rem; font-weight: 700; line-height: 1.5; margin: 0; letter-spacing: 5px;  text-shadow:2px 2px 2px #474747 !important;}
.background-slide .subtitle { font-family: sans-serif; font-size: 1.250rem; font-weight: 300; line-height: 1.5; margin: 15px 0 0 0; letter-spacing: 4px; text-shadow:2px 2px 2px #474747 !important; }
.background-slide .description { font-size: 1rem; font-weight: 300; margin: 25px 0 0 0; color: #c8c8c8; }
.background-slide .group-btn { margin-top: 40px; }
.background-slide .slick-dots { bottom: 30px; }
.background-slide .slick-dots li { margin: 0; }
.background-slide .slick-dots li button:before { font-size: 12px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: .7; color: #ffffff; }
.background-slide .slick-dots li.slick-active button:before { font-size: 14px; opacity: 1; color: #65877c; }
.homepage-banner-warpper { position: relative; z-index: 10; display: table; width: 100%; height: 100%; }
.homepage-banner-content { display: table-cell; padding-top: 150px; text-align: center; vertical-align: middle; color: #ffffff; }
.about-us-wrapper .about-right { float: right; width: 27%; padding-left: 15px; }
.about-us-wrapper .about-left { float: left; width: 27%; padding-right: 15px; }
.about-us-wrapper .about-center { float: left; width: 46%; }
.about-us-wrapper .about-center img { width: 100%; max-width: 524px; }
.about-us-wrapper .block-icon-1 { margin-bottom: 60px; }
.about-us-wrapper .block-icon-1:last-child { margin-bottom: 0; }
.banner-1 { position: relative; overflow: hidden; height: 600px; background-color: #121212; }
.banner-1 .img-bg-1 { position: absolute; z-index: 1; top: 0; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.banner-1 .img-bg-2 { position: absolute; z-index: 3; top: 0; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.banner-1-wrapper { position: relative; z-index: 2; width: 100%; max-width: 1170px; padding: 60px; text-align: center; color: #ffffff; border: 5px solid #d7e3d0; background-color: transparent; }
.banner-1-wrapper .subtitle { font-size: 2.500rem; font-weight: 700; margin: 0; color: #65877c; }
.banner-1-wrapper .title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 5.000rem; margin: 10px 0 15px 0; letter-spacing: 5px; color: #ffffff; }
.banner-1-wrapper .description { font-size: 1.125rem; margin: 0; letter-spacing: 1px; color: #d4dfd1; }
.banner-1-wrapper .btn { margin-top: 25px; }
.banner-2 { overflow: hidden; height: 520px; background-image: url('../images/background-full/banner-3.jpg'); }
.banner-texxt-wrapper { position: relative; z-index: 2; text-align: center; color: #ffffff; }
.banner-texxt-wrapper .title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 2.813rem; line-height: 1.5; margin: 0 0 15px 0; letter-spacing: 1px; }
.banner-texxt-wrapper .title .main-color { color: #65877c; }
.banner-texxt-wrapper .subtitle { font-size: 2.250rem; font-weight: 700; margin: 0 0 10px 0; }
.banner-texxt-wrapper .description { font-size: 1.250rem; margin: 0; letter-spacing: 4px; }
.banner-texxt-wrapper .prices { margin-top: 10px; }
.banner-texxt-wrapper .prices .text-1 { font-size: 5.625rem; font-weight: 700; line-height: 1; display: inline-block; margin: 0; letter-spacing: 4px; }
.banner-texxt-wrapper .prices .text-2 { font-size: 3rem; font-weight: 400; line-height: 1; display: inline-block; margin: 0; letter-spacing: 4px; }
.banner-texxt-wrapper .btn { margin-top: 30px; }
.customer-review { background-image: url('../images/background-full/banner-2.jpg'); }
.list-customer-review { margin: 0 -70px; padding-top: 20px; }
.list-customer-review .item { padding: 0 70px; }
.list-customer-review .slick-list { padding: 15px 0; }
.list-customer-review .slick-prev:before,
.list-customer-review .slick-next:before { font-family: 'FontAwesome'; font-size: 2rem; }
.list-customer-review .slick-prev:before { content: '\f104'; }
.list-customer-review .slick-next:before { content: '\f105'; }
.customer { position: relative; width: 100%; text-align: center; color: #ffffff; }
.customer:before { display: block; padding-top: 100%; content: ''; }
.customer .gamba-circles-2 { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; margin: 0 auto; -webkit-transform: translate3D(-50%, -50%, 0); -ms-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); }
.customer .gamba-circles-2 .circle { position: absolute; box-sizing: border-box; width: 100%; height: 100%; border: 2px solid transparent; border-radius: 92% 110% 132% 88%; mix-blend-mode: screen; }
.customer .gamba-circles-2 .circle:nth-child(1) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin1 6s linear infinite; animation: spin1 6s linear infinite; border-color: #ffffff; }
.customer .gamba-circles-2 .circle:nth-child(2) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin2 6s linear infinite; animation: spin2 6s linear infinite; border-color: #ffffff; }
.customer .gamba-circles-2 .circle:nth-child(3) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin3 6s linear infinite; animation: spin3 6s linear infinite; border-color: #ffffff; }
.customer .customer-info { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; padding: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.customer .icons { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 3rem; margin: 0 0 5px 0; }
.customer .name { font-size: 1.125rem; font-weight: 700; margin-bottom: 5px; letter-spacing: 2px; }
.customer .description { margin: 0; }
.our-product .gallery-nav { width: 100%; max-width: 570px; margin: 0 auto; }
.deal-today { position: relative; background-color: #fbfbfb; }
.deal-today:before { position: absolute; right: 0; bottom: 0; left: 0; height: 220px; content: ''; background-color: #ffffff; }
.list-images { margin-right: -15px; margin-left: -15px; }
.list-images .item { padding: 0 15px; }
.list-images .slick-prev,
.list-images .slick-next { 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; border: 1px solid #c7c7c7; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; }
.list-images .slick-prev:before,
.list-images .slick-next:before { font-family: 'FontAwesome'; font-size: 20px; line-height: inherit; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 1; color: #c7c7c7; }
.list-images .slick-prev:hover,
.list-images .slick-next:hover { border-color: #ffffff; background-color: #ffffff; box-shadow: 1px 2px 5px rgba(0, 0, 0, .2); }
.list-images .slick-prev:hover:before,
.list-images .slick-next:hover:before { color: #65877c; }
.list-images .slick-prev { left: -5%; }
.list-images .slick-prev:before { content: '\f104'; }
.list-images .slick-next { right: -5%; }
.list-images .slick-next:before { content: '\f105'; }
.thumbnail-image { position: relative; overflow: hidden; }
.thumbnail-image:before { display: block; padding-top: 68%; content: ''; }
.thumbnail-image .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%); }
.subscribe-email { position: absolute; z-index: 10; top: 0; left: 50%; width: 100%; max-width: 1140px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.subscribe-email .subscribe-email-wrapper { padding: 40px 60px; color: #ffffff; background-color: #65877c; }
.subscribe-email .subscribe-email-wrapper .subscribe-email-left { float: left; }
.subscribe-email .subscribe-email-wrapper .subscribe-email-left .subscribe-email-title { font-size: 1.500rem; margin-bottom: 5px; }
.subscribe-email .subscribe-email-wrapper .subscribe-email-left .subscribe-email-text { font-size: 1rem; margin-bottom: 0; color: rgba(255, 255, 255, .7); }
.subscribe-email .subscribe-email-wrapper .subscribe-email-right { float: right; max-width: 420px; }
.subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .form-control { padding-left: 2px; color: #ffffff; border: none; border-bottom: 1px solid #ffffff; background-color: transparent; }
 .subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .form-control::-webkit-input-placeholder {
 color: rgba(255, 255, 255, .5);
}
 .subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .form-control:-moz-placeholder {
 color: rgba(255, 255, 255, .5);
}
 .subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .form-control::-moz-placeholder {
 color: rgba(255, 255, 255, .5);
}
 .subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .form-control:-ms-input-placeholder {
 color: rgba(255, 255, 255, .5);
}
.subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .input-group-btn { font-size: 14px; }
.subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .input-group-btn .btn-email { position: relative; height: 40px; padding-right: 20px; border: none; border-bottom: 1px solid #ffffff; background-color: transparent; }
.subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .input-group-btn .btn-email:after { font-family: 'FontAwesome'; line-height: 1; position: absolute; right: 0; content: '\f178'; color: #25363a; }
/*----------  2.2. Homepage 2  ----------*/

.homepage-parallax { position: relative; overflow: hidden; width: 100%; height: 100vh; min-height: 667px; }
.homepage-parallax .container { height: 100%; }
.homepage-parallax .img-background { position: absolute; z-index: 1; top: -100px; bottom: -100px; max-width: none; height: calc(100% + 200px); }
.homepage-parallax .title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 4.375rem; font-weight: 700; line-height: 1.5; margin: 0; letter-spacing: 5px; }
.homepage-parallax .subtitle { font-family: sans-serif; font-size: 1.250rem; font-weight: 300; line-height: 1.5; margin: 15px 0 0 0; letter-spacing: 4px; }
.homepage-parallax .description { font-size: 1rem; font-weight: 300; margin: 25px 0 0 0; color: #c8c8c8; }
.homepage-parallax .group-btn { margin-top: 40px; }
.our-product-2 { background-color: #fafafa; }
.our-product-2 .gallery-nav { width: 100%; max-width: 570px; margin: 0 auto; }
.customer-review-2 { background-image: url('../images/background-full/banner-4.jpg'); }
.list-customer-review-2 { margin: 0 -15px; }
.list-customer-review-2 .item { padding: 0 15px; }
.list-customer-review-2 .slick-prev:before,
.list-customer-review-2 .slick-next:before { font-family: 'FontAwesome'; font-size: 2rem; }
.list-customer-review-2 .slick-prev:before { content: '\f104'; }
.list-customer-review-2 .slick-next:before { content: '\f105'; }
.customer-2 { position: relative; padding: 0 30px 45px 30px; text-align: center; }
.customer-2:before { position: absolute; z-index: 1; top: 50px; right: 0; bottom: 0; left: 0; content: ''; background-color: #ffffff; }
.customer-2 .wrapper-customer { position: relative; z-index: 2; }
.customer-2 .link { display: block; overflow: hidden; width: 100px; height: 100px; margin: 0 auto 40px auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 2px 5px 20px rgba(0, 0, 0, .1); }
.customer-2 .link img { width: 100%; height: 100%; }
.customer-2 .name { font-size: 1.125rem; font-weight: 700; margin: 0 0 20px 0; color: #25363a; }
.customer-2 .description { font-size: 1rem; margin: 0; color: #455255; }
.banner-3 { display: table; }
.banner-3 .left-image { display: table-cell; width: 40%; vertical-align: top; background-image: url('../images/background-full/banner-5.jpg'); }
.banner-3 .right-infomation { display: table-cell; width: 60%; text-align: center; vertical-align: top; color: #ffffff; background-color: #65877c; }
.banner-3 .content-wrapper { padding: 0 8%; }
.banner-3 .content-wrapper .title { font-size: 2.250rem; font-weight: 700; line-height: 1.4; margin: 0 0 10px 0; letter-spacing: 2px; }
.banner-3 .content-wrapper .title .special { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 3.000rem; display: inline-block; }
.banner-3 .content-wrapper .subtitle { font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0 0 20px 0; letter-spacing: 5px; }
.banner-3 .content-wrapper .description { font-size: 1rem; margin: 0; }
.banner-3 .content-wrapper .group-btn { margin: 30px 0 0 0; }
/*----------  2.3. Homepage 3  ----------*/

.banner-4 { overflow: hidden; height: 520px; background-image: url('../images/background-full/banner-6.jpg'); }
.block-video { position: relative; display: block; overflow: hidden; margin-bottom: 0; background-color: #000000; }
.block-video:before { display: block; padding-top: 43%; content: ''; }
.block-video:after { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; background-color: rgba(0, 0, 0, .3); }
.block-video .video-button-play { font-size: 1.6rem; line-height: 56px; position: absolute; z-index: 6; top: 50%; left: 50%; width: 60px; height: 60px; padding-left: 6px; cursor: pointer; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #ffffff; border: 2px solid rgba(255, 255, 255, .8); border-radius: 50%; background-color: rgba(255, 255, 255, .1); }
.block-video .video-button-close { position: absolute; z-index: 12; top: 15px; right: 15px; visibility: hidden; width: 30px; height: 30px; cursor: pointer; opacity: 0; background-image: url('../images/more-image/btn-closevideo.png'); }
.block-video .video-embed { position: absolute; z-index: 10; top: 0; left: 0; 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; opacity: 0; border: none; }
.block-video .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%); }
.show-video { visibility: visible !important; opacity: 1 !important; }
.banner-5 { position: relative; height: 620px; background-image: url('../images/background-full/banner-7.jpg'); }
.banner-5:before { position: absolute; top: 0; left: 0; width: 50%; height: 100%; content: ''; background-color: #65877c; }
.wrapper-banner { position: relative; z-index: 5; width: 100%; max-width: 850px; padding: 30px; color: #455255; background-color: #ffffff; }
/*----------  2.4. About us  ----------*/

.morepage-banner { padding: 220px 0 100px 0; text-align: center; }
.morepage-banner .title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 3.750rem; line-height: 1.5; position: relative; z-index: 10; margin: 0 0 10px 0; color: #ffffff; }
.morepage-banner .breadcrumb { font-size: 1.125rem; display: inline-block; margin: 0; padding: 0; border-radius: 0; background-color: transparent; }
.morepage-banner .breadcrumb li { display: inline-block; }
.morepage-banner .breadcrumb li .link { position: relative; display: inline-block; color: #b0b0b0; }
.morepage-banner .breadcrumb li .link:hover { color: #65877c; }
.morepage-banner .breadcrumb li.active .link { pointer-events: none; color: #ffffff; }
.morepage-banner .breadcrumb li + li:before { font-family: FontAwesome; font-size: 10px; margin: 0 15px; content: '\f111'; text-align: center; color: #b0b0b0; }
.about { background-image: url('../images/background-full/greek-traditional-products2.jpg'); }
.about2 { background-image: url('../images/background-full/rakitzia-meze.jpg'); }
.about3 { background-image: url('../images/background-full/sifnos-original-gifts.jpg'); }
.about4 { background-image: url('../images/background-full/cooking-recipes.jpg');}
.tab-vertical { display: table; width: 100%; }
.tab-vertical .tab-list-wrapper { display: table-cell; width: 140px; vertical-align: middle; }
.tab-vertical .tab-content { display: table-cell; padding-left: 50px; }
.tab-vertical .tab-list { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; margin-bottom: 0; padding: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-flex-direction: column; -ms-flex-direction: column; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.tab-vertical .tab-list:before { position: absolute; top: 50%; right: 5px; width: 1px; height: calc(100% - 24px); content: ''; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: #f1f1f1; }
.tab-vertical .tab-list li { position: relative; display: block; text-align: left; }
.tab-vertical .tab-list li .link { position: relative; display: inline-block; width: 100%; padding-right: 50px; cursor: pointer; color: #25363a; }
.tab-vertical .tab-list li:before { position: absolute; z-index: 5; top: 50%; right: 0; width: 10px; height: 10px; content: ''; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #d9d9d9; }
.tab-vertical .tab-list li:after { position: absolute; z-index: 4; top: 50%; right: -6px; width: 22px; height: 22px; content: ''; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #f3f3f3; }
.tab-vertical .tab-list li.active:before { background-color: #65877c; }
.tab-vertical .tab-list li.active:after { background-color: #ffffff; box-shadow: 0 0 20px 10px rgba(0, 0, 0, .02); }
.tab-vertical .text-content,
.tab-vertical .text-image { float: left; width: 50%; }
.tab-vertical .text-content { padding-right: 30px; }
.tab-vertical .text-content p { margin-bottom: 20px; }
.tab-vertical .text-content p:last-child { margin-bottom: 0; }
.tab-vertical .text-content ul { margin-bottom: 20px; padding: 0; }
.tab-vertical .text-content ul li { position: relative; padding-left: 15px; list-style: none; }
.tab-vertical .text-content ul li:before { font-family: 'FontAwesome'; font-size: 14px; position: absolute; left: 0; content: '\f105'; color: #d3d8dd; }
.tab-vertical .text-content ul:last-child { margin-bottom: 0; }
.tab-vertical .text-image img { width: 100%; margin-top: 7px; }
/*----------  2.5. Shop grid  ----------*/

.shop { background-image: url('../images/background-full/banner-9.jpg'); }
.list-block { font-size: 0; margin: 0 -15px; }
.list-block > .item { display: inline-block; margin-top: 30px; padding: 0 15px; vertical-align: top; }
.list-block.column-1 .item:first-child { margin-top: 0; }
.list-block.column-1 > .item { width: 100%; }
.list-block.column-2 .item:nth-child(-n + 2) { margin-top: 0; }
.list-block.column-2 > .item { width: 50%; }
.list-block.column-3 .item:nth-child(-n + 3) { margin-top: 0; }
.list-block.column-3 > .item { width: 33.3333%; }
.list-block.column-4 .item:nth-child(-n + 4) { margin-top: 0; }
.list-block.column-4 > .item { width: 25%; }
.topbar-control { padding: 15px 30px; background-color: #fafafa; }
.topbar-control .left-bar { float: left; }
.topbar-control .right-bar { float: right; }
.topbar-control .wrapper-Results { line-height: 30px; }
.topbar-control .wrapper-Results .text { font-size: 1rem; line-height: inherit; display: inline-block; margin: 0 5px 0 0; color: #6e747c; }
.topbar-control .wrapper-Results .number { font-size: 1.375rem; font-weight: 700; line-height: inherit; display: inline-block; margin: 0; color: #455255; }
.topbar-control .result-filter-wrapper { line-height: 0; display: inline-block; }
.topbar-control .result-filter-wrapper .result-filter-label { font-weight: normal; line-height: 30px; margin-right: 30px; margin-bottom: 0; color: #455255; }
.topbar-control .result-filter-wrapper .selection-bar { float: right; }
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper { font-size: 14px; line-height: 1; position: relative; display: inline-block; width: 140px; margin-right: 10px; color: #455255; }
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper:last-child { margin-right: 0; }
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper .sbHolder { position: relative; z-index: 11; height: 30px; border: 1px solid #c7c7c7; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: transparent; box-shadow: none; }
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper .sbHolder .sbDisabled,
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper .sbHolder .sbSelector,
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper .sbHolder .sbToggle,
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper .sbHolder a { line-height: 30px; height: 30px; padding: 0; }
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper .sbHolder .sbToggle { background: url(../libs/selectbox/img/select-icons.png) 0 -45px no-repeat; }
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper .sbHolder .sbDisabled { border-bottom: none; }
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper .sbOptions li { padding: 0 10px; }
.topbar-control .result-filter-wrapper .selection-bar .select-wrapper.price { width: 160px; }
.topbar-control .result-filter-wrapper .selection-bar:after { display: table; clear: both; content: ''; }
.topbar-control .btn-list-grid { display: inline-block; }
.topbar-control .btn-list-grid .btn-gird,
.topbar-control .btn-list-grid .btn-list { font-size: 18px; display: inline-block; margin: 0; color: #455255; }
.topbar-control .btn-list-grid .btn-gird.active,
.topbar-control .btn-list-grid .btn-list.active { opacity: .7; }
.topbar-control .btn-list-grid .btn-gird .icons,
.topbar-control .btn-list-grid .btn-list .icons { line-height: 30px; }
.topbar-control .btn-list-grid .btn-gird + .btn-list { margin-left: 15px; }
.topbar-control .result-filter-wrapper + .btn-list-grid { margin-left: 25px; }
/*----------  2.6. Shop list  ----------*/

.shop-list { background-image: url('../images/background-full/banner-10.jpg'); }
/*----------  2.7. Blog  ----------*/

.blog { background-image: url('../images/background-full/banner-11.jpg'); }
.blog-masonry { margin: 0 -15px; }
.blog-masonry .item { width: 50%; margin-top: 30px; padding: 0 15px; }
.blog-masonry .item:nth-child(-n + 2) { margin-top: 0; }
.blog-masonry .block-1 .block-image:before,
.blog-masonry .block-1 .block-video:before { padding-top: 72%; }
.blog-masonry .block-1 .block-content .title { font-size: 1.250rem; }
.block-1 .mejs-container { width: 100% !important; background: transparent; }
.block-1 .mejs-container .mejs-controls { background: transparent; }
.block-1 .mejs-container .mejs-controls .mejs-time-rail span,
.block-1 .mejs-container .mejs-controls .mejs-time-rail a { border-radius: 0; }
.block-1 .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { background: #ffffff; }
.block-1 .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #65877c; }
.block-1 .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #65877c; }
.block-1 .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { width: 40px; }
.block-1 .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 15px; }
.block-1 .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; background: #65877c; }
.block-1 .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { border-radius: 0; background: #444444; }
/*----------  2.8. Blog Detail  ----------*/

.blog-detail { background-image: url('../images/background-full/banner-12.jpg'); }
.blog-detail-wrapper .image-wrapper { display: block; margin-bottom: 25px; }
.blog-detail-wrapper .content-wrapper > .title { font-size: 1.875rem; line-height: 1.4; margin: 0 0 10px 0; color: #25363a; }
.blog-detail-wrapper .content-wrapper .block-info { font-size: 1rem; color: #939899; }
.blog-detail-wrapper .content-wrapper .block-info .block { position: relative; display: inline-block; padding: 0 15px; vertical-align: top; }
.blog-detail-wrapper .content-wrapper .block-info .block + .block:before { position: absolute; left: 0; content: '|'; color: #c7ced0; }
.blog-detail-wrapper .content-wrapper .block-info .block:first-child { padding-left: 0; }
.blog-detail-wrapper .content-wrapper .block-info .block:last-child { padding-right: 0; }
.blog-detail-wrapper .content-wrapper .block-info .block .icons { font-size: inherit; display: inline-block; margin-right: 8px; color: #ced1d2; }
.blog-detail-wrapper .content-wrapper .block-info .block .link,
.blog-detail-wrapper .content-wrapper .block-info .block .title { font-size: inherit; display: inline-block; margin: 0; vertical-align: top; color: #939899; }
.blog-detail-wrapper .content-wrapper .block-info .block .link:hover,
.blog-detail-wrapper .content-wrapper .block-info .block .title:hover { color: #65877c; }
.blog-detail-wrapper .content-wrapper .block-info .block .title { margin-right: 5px; }
.blog-detail-wrapper .content-wrapper .block-info .block .title:hover { color: #939899; }
.blog-detail-wrapper .content-wrapper .title + .block-info { margin-bottom: 25px; }
.blog-detail-wrapper .content-wrapper p { margin: 0 0 25px 0; }
.blog-detail-wrapper > blockquote { max-width: 555px; margin: 0 auto 25px auto; padding: 0 0 0 30px; border-left: 3px solid #81878f; }
.blog-detail-wrapper > blockquote .blockquote-title { font-size: 1.500rem; font-weight: 700; font-style: italic; margin-bottom: 15px; color: #25363a; }
.blog-detail-wrapper > blockquote .blockquote-des { font-size: 1rem; font-style: italic; color: #25363a; }
.blog-detail-wrapper .block-video { display: inline-block; width: 100%; margin: 5px 0 25px 0; text-align: center; }
.blog-detail-wrapper > ul { margin: 0 0 25px 0; padding: 0; }
.blog-detail-wrapper > ul li { margin-bottom: 5px; list-style: none; color: #50545c; }
.blog-detail-wrapper > ul li:last-child { margin-bottom: 0; }
.blog-detail-wrapper > ul li:before { font-family: FontAwesome; font-size: 10px; display: inline-block; margin-right: 10px; content: '\f111'; color: #b6c3c6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; }
.tags .title-tag { font-size: 1rem; position: relative; display: inline-block; margin: 0 15px 0 0; padding-left: 15px; color: #a09b98; }
.tags .list-tag { display: inline-block; margin: 0; padding: 0; list-style: none; }
.tags .list-tag li { display: inline-block; list-style: none; vertical-align: top; }
.tags .list-tag .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; color: #8d8f93; border: 1px solid #b0b5bd; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0; border-radius: 30px; }
.tags .list-tag .tag:before { font-family: FontAwesome; font-size: 9px; position: absolute; left: 12px; content: '\f1db'; }
.tags .list-tag .tag:hover { color: #65877c; border: 1px solid #65877c; }
.tags .list-tag .tag:hover:before { color: #65877c; }
.blog-author { padding: 25px; text-align: left; border-bottom: 3px solid #f7f7f7; background-color: transparent; }
.blog-author .media-left { position: relative; z-index: 2; width: 100px; padding: 0; vertical-align: middle; }
.blog-author .media-left .media-image { display: block; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.blog-author .media-left .media-image img { width: 100%; }
.blog-author .media-right { position: relative; padding-left: 25px; text-align: left; }
.blog-author .media-right .author { font-size: 18px; font-weight: 700; color: #25363a; }
.blog-author .media-right .author:hover { color: #65877c; }
.blog-author .media-right .position { font-size: 14px; }
.blog-author .media-right .des { margin-top: 7px; margin-bottom: 0; }
.blog-comment { text-align: left; }
.blog-comment .main-titles-2 { text-align: left; }
.blog-comment .comment-list { margin-bottom: 0; }
.blog-comment .comment-list .parent { margin-top: 0; margin-bottom: 40px; }
.blog-comment .comment-list .parent:last-child { margin-bottom: 0; }
.blog-comment .comment-list .parent:last-child > .comment-item { margin-bottom: 0; border-bottom: 0; }
.blog-comment .comment-list .comment-item:not(:last-child) { margin-bottom: 40px; padding: 0; }
.blog-comment .comment-list .comment-list-children li .comment-item { margin-bottom: 40px; padding: 0; }
.blog-comment .comment-list .comment-list-children { margin-left: 70px; }
.blog-comment .comment-list .comment-list-children li .comment-item { margin-bottom: 40px; padding: 0; }
.blog-comment .comment-list .comment-list-children li:last-child .comment-item { margin-bottom: 0; }
.blog-comment .comment-list .comment-left { float: left; width: 70px; padding: 0; }
.blog-comment .comment-list .comment-left .media-image { display: block; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.blog-comment .comment-list .comment-left .media-image img { width: 100%; }
.blog-comment .comment-list .comment-right { padding-left: 85px; }
.blog-comment .comment-list .comment-right .pull-left .author { font-size: 15px; font-weight: 500; margin-bottom: 5px; color: #25363a; }
.blog-comment .comment-list .comment-right .pull-right.time { font-size: .857em; font-style: italic; color: #77858e; }
.blog-comment .comment-list .comment-right .pull-right.time i { margin-right: 7px; }
.blog-comment .comment-list .comment-right .des { display: inline-block; width: 100%; }
.blog-comment .comment-list .comment-right .btn.btn-crystal:hover { color: #65877c; border: 0; background-color: transparent; box-shadow: none; }
.blog-comment .comment-list .comment-right .btn.btn-crystal:focus { border: 0; background-color: transparent; box-shadow: none; }
.blog-comment .comment-list .btn-crystal { font-size: .857em; font-weight: 400; font-style: italic; line-height: 24px; float: right; width: inherit; height: auto; padding: 0; text-align: right; color: #77858e; border: 0; }
.blog-comment .comment-list .btn-crystal i { margin-right: 7px; }
.blog-comment .comment-list .comment-box { margin-left: 70px; }
.comment-box .list-item { margin-bottom: 10px; padding: 30px 15px; background-color: #fafafa; }
.comment-box .list-item .form-group { margin-bottom: 20px; }
.comment-box .list-item .comment-form textarea { max-width: 650px; border: none; }
.comment-box .list-item .btn-submit { width: auto; height: 36px; color: #ffffff; border: none; background-color: #65877c; }
.leave-comment { text-align: left; }
.leave-comment .main-titles-2 { text-align: left; }
.leave-comment .comment-form { display: inline-block; width: 100%; margin: 0; }
.leave-comment .comment-form .form-control { margin-bottom: 10px; border: none; background-color: #fafafa; }
.leave-comment .comment-form .form-control:hover,
.leave-comment .comment-form .form-control:focus { border: none; }
.leave-comment .comment-form .form-control:last-child { margin-bottom: 0; }
 .leave-comment .comment-form .form-control::-webkit-input-placeholder {
 color: #c7c7c7;
}
 .leave-comment .comment-form .form-control:-moz-placeholder {
 color: #c7c7c7;
}
 .leave-comment .comment-form .form-control::-moz-placeholder {
 color: #c7c7c7;
}
 .leave-comment .comment-form .form-control:-ms-input-placeholder {
 color: #c7c7c7;
}
.leave-comment .comment-form .form-textarea { max-width: 100%; height: 90px; }
.leave-comment .comment-form .btn { margin-top: 25px; }
/*----------  2.9. Contact   ----------*/

.contact { background-image: url('../images/background-full/banner-13.jpg'); }
.contact-method .method-item { position: relative; top: 0; padding: 50px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; background-color: #fafafa; }
.contact-method .method-item i { font-size: 2.500rem; margin-bottom: 45px; color: #65877c; }
.contact-method .method-item .sub { font-size: 1.125rem; font-weight: 700; margin-bottom: 25px; color: #25363a; }
.contact-method .method-item .detail { font-size: 1rem; }
.contact-method .method-item .detail p { margin: 0; }
.contact-method .method-item:hover { top: -4px; background-color: #ffffff; box-shadow: 0 6px 20px rgba(0, 0, 0, .1); }
.contact-map { position: relative; width: 100%; }
.contact-map #googleMap { height: 480px; }
.contact-form { text-align: center; }
.contact-form .form-group { text-align: left; }
.contact-form .form-label { }
.contact-form .form-label .highlight { color: #65877c; }
.contact-form .form-control { height: 50px; text-align: left; border: none; border-radius: 0; background-color: #fafafa; box-shadow: none; }
.contact-form .form-control:focus,
.contact-form .form-control:active { box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.contact-form .form-textarea { max-width: 100%; height: 120px; }
/*----------  2.10. 404   ----------*/

.page-404 { width: 100%; height: 100vh; text-align: center; background-image: url('../images/background-full/404.jpg'); background-position: center; background-size: cover; }
.page-404 .title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 4.000rem; line-height: 1.4; margin: 0; margin: 30px 0 30px 0; color: #ffffff; }

/*----------  2.11. Event  ----------*/

/*----------  2.12. Gallery isotope  ----------*/
/* Tabs
================================================================ */
.tab-content img {width:100%; height:auto;}
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}/* =============================================================== */
/*=================================
======        END PAGE       ======
==================================*/
a {color:#b61716;}
.colordark{color:#5F735D;}
.dark {background-color:#5F735D; color:#fff; padding:4rem; margin:4rem 4rem 6rem; box-shadow:#A4A4A4 2rem 2rem 1rem;}
.sack {background:url(../images/background-full/sack.jpg) repeat; color:#000;  padding:2rem; margin:0; border-radius: 0 80px; text-shadow:#fff 0 0 2px;}