/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Sous
Version:	1.1
Last change:	15/04/2016   
Primary use:	Sous
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. EFFECTS
2. COLORS
3. GENERAL
4. HEADER
5. BREADCRUM
6. COLOR LIST
7. FOOTER	
8. BLOG LISTING
9. CONTACT PAGE
10. ABOUT PAGE
11. BLOG PAGE
12. BLOG POST
13. HOME 02
14. HOME 03
15. HOME 04
16. 404
17. OFFLINE
18. COMING SOON
19. HOME 02
20. LANDING
21. COLOR CUSTOMIZER

-------------------------------------------------------------------*/
/*
EFFECTS
*/
.m-transtion, h1, h2, h3, h4, h5, h6, a, .m-bloglist_content footer a, .m-bloglist_content footer a:after, .m-blog_filter li, .m-newspost_listing footer a::after, .m-newspost_more, .m-customizer, .m-color_section li {
  transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out; }

.m-transtion_fast, .m-tags li a:after {
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; }

/*
COLORS
*/
/*
GENERAL
*/
body {
  font-family: "open sans", "sans-serif";
  font-size: 16px;
  color: #808080;
  background: #f5f4f0; }

h1 {
  text-transform: uppercase;
  font-size: 60px; }

h2 {
  font-size: 50px; }

h3 {
  font-size: 40px; }

h4 {
  font-size: 30px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 16px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Bree serif", "sans-serif";
  color: #000000;
  margin-top: 0;
  margin-bottom: 15px; }

a:hover {
  color: #ffc107; }

ul {
  list-style: disc; }

p {
  line-height: 28px;
  margin: 20px 0; }

.fa-twitter {
  color: #55acee; }

.fa-google-plus {
  color: #dc4e41; }

.fa-facebook-square {
  color: #3b5998; }

.fa-youtube-square {
  color: #cc0000; }

.fa-instagram {
  color: #4b7699; }

#map {
  height: 500px;
  border: 10px solid #d9d5c5;
  border-left: 0; }

@media (max-width: 767px) {
  h1 {
    font-size: 45px; }

  h2 {
    font-size: 40px; }

  #map {
    border-left: 10px solid #d9d5c5; } }
/* HEADER */
.m-header {
  background: #eae8df;
  border-top: 5px solid #d9d5c5;
  padding: 55px 0; }
  .m-header .m-logo {
    border-right: 1px solid #d9d5c5; }
    .m-header .m-logo img {
      float: left; }
  .m-header i, .m-header nav {
    display: inline-block; }
  .m-header i.fa-search {
    margin: 0 25px;
    position: relative;
    top: -7px;
    cursor: pointer; }
  .m-header i.fa-search:hover {
    color: #ffc107; }
  .m-header nav ul {
    padding: 0; }
    .m-header nav ul li {
      display: inline-block; }
    .m-header nav ul a {
      color: #807b6c;
      font-family: "Bree serif", "sans-serif";
      text-transform: uppercase;
      font-size: 18px;
      margin: 0 25px;
      display: inline-block; }
    .m-header nav ul a:hover {
      color: #ffc107; }
  .m-header .m-social {
    padding-left: 0; }
    .m-header .m-social li {
      margin-left: 15px;
      font-size: 18px;
      display: inline-block; }
  .m-header .m-nav {
    padding-top: 3px; }

.m-search_form {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: none; }
  .m-search_form form {
    max-width: 600px;
    height: 300px;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    .m-search_form form input {
      width: 100%;
      background: #f1ecd9;
      padding: 10px;
      display: block;
      border: 1px solid #beb9a6;
      margin-bottom: 20px;
      color: #000000; }
  .m-search_form .m-button:hover {
    background: #ffc107; }
  .m-search_form i {
    color: #ffffff;
    display: block;
    font-size: 40px;
    margin: auto auto 20px;
    text-align: center;
    width: 40px;
    cursor: pointer; }
  .m-search_form i:hover {
    color: #ffc107; }

.m-active_nav {
  position: relative; }

.m-active_nav:after {
  position: absolute;
  content: "";
  bottom: -60px;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: 10px solid #f5f4f0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0; }

.m-home_03 .m-active_nav:after {
  border-bottom-color: #a4b200; }

ul.m-main_nav-submenu li:nth-child(2) {
  display: none; }

/* minimal styles for that navi */
.m-nav_outer {
  text-align: right; }

.m-main_nav {
  margin: 0 auto;
  max-width: 100%; }

.m-main_nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.m-main_nav ul.m-main_nav-mobile {
  position: absolute;
  top: 35px;
  z-index: 999999; }

.m-main_nav ul:after {
  content: "";
  clear: both;
  display: block; }

.m-main_nav ul li {
  float: left;
  position: relative; }

.m-main_nav ul li:hover > ul {
  display: block; }

.m-main_nav.style ul ul {
  border-radius: 0;
  display: none;
  margin: 0;
  min-width: 190px;
  padding: 0 0;
  position: absolute;
  z-index: 999; }

.m-main_nav ul ul li {
  float: none;
  position: relative;
  display: block;
  background: #262626 none repeat scroll 0 0; }

.m-main_nav ul ul li a {
  color: #fff; }

.m-main_nav ul ul li a:hover {
  background: #202020; }

.m-main_nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%; }

.m-main_nav-toggled-button {
  float: right; }

/* mobile menu header button */
.m-main_nav-closed ~ .m-main_nav-mobile {
  display: none !important; }

.m-main_nav-toggled-controls {
  width: 100%; }

.m-main_nav-toggled-title {
  width: 60%;
  float: left;
  font-size: 27px;
  color: #fff;
  font-weight: 600;
  display: block;
  padding: 8px 0;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  padding-left: 35px; }

/* normalny back button visible only on mobiles  */
.m-main_nav .m-main_nav-back {
  display: none;
  font-size: 12px; }

.m-main_nav .m-main_nav-back:after {
  display: none; }

.m-main_nav-mobile .m-main_nav-back {
  display: block; }

/* mobile menu list */
.m-main_nav-mobile {
  width: 100%; }

.m-main_nav-mobile .m-main_nav-dropdown:hover ~ ul, .m-main_nav-mobile .m-main_nav-dropdown:hover > ul, .m-main_nav-mobile .m-main_nav-dropdown:hover + ul {
  display: none !important; }

.m-main_nav-mobile ul {
  width: 100%;
  position: inherit !important; }

.m-main_nav-mobile li {
  width: 100%; }

/* mobile menu js action */
.m-main_nav-dropdown {
  display: block !important; }

.m-main_nav-mobile .m-main_nav-subview {
  display: block !important;
  width: 100%; }

.m-main_nav-mobile .m-main_nav-subover-hidden {
  display: none !important; }

.m-main_nav-mobile .m-main_nav-subover-visible {
  display: block; }

.m-main_nav-mobile .m-main_nav-subover-header {
  display: none !important;
  padding: 0;
  margin: 0; }

/* mobile menu content */
.m-main_nav-mobile .m-main_nav-submenu {
  position: relative;
  left: 0px; }

.m-main_nav .m-main_nav-mobile li:hover > ul {
  display: none; }

/* arrow down for wide screen */
.m-main_nav.style {
  text-align: left; }

.m-main_nav.style ul {
  display: inline-table;
  text-align: left;
  left: 0; }

.m-main_nav.style ul li {
  text-align: left; }

.m-main_nav.style ul ul li {
  padding: 0; }

.m-main_nav.style ul ul {
  display: none;
  margin: 0;
  min-width: 165px;
  border-radius: 0px;
  padding: 0;
  padding-top: 0;
  position: absolute;
  z-index: 9999; }

.m-main_nav.style ul ul li a {
  color: #ffffff;
  display: block;
  font: 400 14px/18px "open sans","sans-serif";
  margin: auto;
  padding: 8px 20px;
  text-transform: uppercase; }

.m-main_nav.style ul ul li a:hover {
  background: #ffc107;
  color: #262626; }

.m-main_nav.style ul.m-main_nav-mobile ul {
  padding: 0; }

/* arrow left for wide screen submenus  */
.m-main_nav.style ul ul li > a:not(:only-child):after .m-main_nav-dropdown::after {
  content: ">";
  display: block;
  font-family: montserrat;
  position: absolute;
  right: 0;
  top: 0; }

/* mobile style */
.m-main_nav.style .m-main_nav-mobile li > a:not(:only-child):after {
  content: ">";
  display: block;
  font-family: "Bree serif","sans-serif";
  font-size: 28px;
  position: absolute;
  right: 20px;
  top: 2px;
  color: #262626; }

.m-main_nav.style .m-main_nav-mobile li {
  padding: 0; }

.m-main_nav.style .m-main_nav-mobile li a {
  background: #fefeff none repeat scroll 0 0;
  border-bottom: 1px solid #dedede;
  color: #969696;
  padding: 10px 0 10px 20px; }

.m-main_nav.style .m-main_nav-mobile li::after {
  display: none; }

.m-main_nav ul.m-main_nav-mobile li ul::before {
  display: none; }

.m-main_nav.style ul.m-main_nav-mobile li ul li {
  padding: 0;
  border: none; }

.m-main_nav-menu li:last-child ul.m-main_nav-submenu li:nth-child(2) {
  display: block; }

@media (min-width: 1300px) {
  .m-main_nav.style {
    max-width: 100% !important; } }
@media (max-width: 1200px) {
  .m-header .m-social li {
    margin-left: 10px; } }
@media (max-width: 990px) {
  .m-header.m-home_02 {
    padding: 20px 0; }

  .m-header nav ul a {
    margin: 0 10px; }

  .m-header nav ul a {
    margin: 0 5px;
    font-size: 16px; }

  .m-active_nav::after {
    bottom: -62px; } }
@media (max-width: 767px) {
  .m-header .m-logo img {
    float: none;
    margin: auto; }
  .m-header .m-social {
    padding-left: 0;
    text-align: center; }

  .m-header nav ul a {
    display: block; }

  .fa.fa-navicon {
    color: #262626;
    font-size: 24px; }

  .m-header nav ul li {
    display: block;
    float: none; }

  .fa.fa-search {
    font-size: 22px;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 3px; }

  .m-main_nav.style .m-main_nav-mobile li a:hover {
    background: #ffc107;
    color: #262626; }

  .m-main_nav.style {
    max-width: 767px !important;
    display: block; }

  .m-main_nav-toggled-button {
    float: left; }

  .m-header .m-nav {
    padding-bottom: 10px;
    padding-top: 10px; }

  .m-header {
    padding: 15px 0; }

  ul.m-main_nav-submenu li:nth-child(2) {
    display: block; }

  .m-header i.fa-search {
    cursor: pointer;
    margin: 0 25px;
    position: absolute;
    right: -6px;
    top: 12px; }

  .m-search_form form {
    max-width: 98%; } }
/* BREADCRUM */
.m-breadcrum {
  padding: 45px 0; }
  .m-breadcrum ul {
    padding: 0; }
    .m-breadcrum ul li {
      display: inline-block; }
    .m-breadcrum ul li {
      list-style: disc; }
    .m-breadcrum ul span, .m-breadcrum ul a {
      color: #807b6c;
      text-transform: uppercase;
      font-size: 14px; }
    .m-breadcrum ul a:hover {
      color: #ffc107; }
    .m-breadcrum ul a:before {
      content: "";
      display: inline-block;
      height: 10px;
      width: 10px;
      background: #b3ad98;
      margin-right: 12px; }
    .m-breadcrum ul span:before {
      content: "/";
      display: inline-block;
      color: #d9d5c5;
      margin: 0 10px 0 8px; }

/*COLOR LIST*/
.m-color_outer > div {
  float: left;
  width: 16.66%;
  min-height: 180px;
  padding: 35px 30px; }
.m-color_outer span {
  display: block; }
.m-color_outer > div:nth-child(1) {
  background: #d9d5c5; }
  .m-color_outer > div:nth-child(1) .m-color_title, .m-color_outer > div:nth-child(1) .m-color_code {
    color: #262626; }
.m-color_outer > div:nth-child(2) {
  background: #b3ad98; }
  .m-color_outer > div:nth-child(2) .m-color_title, .m-color_outer > div:nth-child(2) .m-color_code {
    color: #FFFFFF; }
.m-color_outer > div:nth-child(3) {
  background: #a4b200; }
  .m-color_outer > div:nth-child(3) .m-color_title, .m-color_outer > div:nth-child(3) .m-color_code {
    color: #FFFFFF; }
.m-color_outer > div:nth-child(4) {
  background: #262626; }
  .m-color_outer > div:nth-child(4) .m-color_title, .m-color_outer > div:nth-child(4) .m-color_code {
    color: #FFFFFF; }
.m-color_outer > div:nth-child(5) {
  background: #808080; }
  .m-color_outer > div:nth-child(5) .m-color_title, .m-color_outer > div:nth-child(5) .m-color_code {
    color: #FFFFFF; }
.m-color_outer > div:nth-child(6) {
  background: #bfbfbf; }
  .m-color_outer > div:nth-child(6) .m-color_title, .m-color_outer > div:nth-child(6) .m-color_code {
    color: #262626; }
.m-color_outer .m-color_title {
  font-family: "Bree serif", "sans-serif"; }
.m-color_outer .m-color_code {
  margin-top: 65px; }

.m-typo_heading {
  max-width: 750px;
  width: 100%;
  background: #FFFFFF;
  padding: 55px;
  margin-top: 45px;
  margin-right: 10px; }
  .m-typo_heading ul {
    padding: 0;
    margin-top: 35px; }
  .m-typo_heading li {
    display: inline-block;
    margin-right: 25px; }
    .m-typo_heading li a.m-default_link {
      color: #a4b200; }
    .m-typo_heading li a.m-hover_link {
      color: #ffc107; }
    .m-typo_heading li a.m-active_link {
      color: #ffa507; }
    .m-typo_heading li a.m-visited_link {
      color: #b3ad98; }

@media (max-width: 990px) {
  .m-color_outer > div {
    padding: 20px 10px;
    min-height: 150px; } }
@media (max-width: 767px) {
  .m-color_outer > div {
    width: 100%; }

  .m-typo_heading {
    margin-right: auto; } }
@media (max-width: 480px) {
  .m-typo_heading {
    padding-left: 5px;
    padding-right: 5px; } }
/* FOOTER */
.m-footer {
  margin-top: 100px;
  background: #eae8df;
  padding: 90px 0;
  text-align: center; }
  .m-footer .m-social {
    padding: 40px 0; }
    .m-footer .m-social li {
      display: inline-block;
      margin: 0 5px; }
      .m-footer .m-social li a {
        font-size: 18px; }
  .m-footer p {
    color: #b3ad98;
    font-size: 12px;
    text-transform: uppercase;
    margin: auto; }

.m-tags ul {
  padding: 0; }
.m-tags li {
  display: inline-block; }
.m-tags li a {
  position: relative;
  background: #b3ad98;
  display: inline-block;
  z-index: 999;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 12px;
  margin: 10px 8px;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
.m-tags li a:after {
  background: #ffc107;
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
.m-tags li a:hover:after {
  height: 100%; }

@media (max-width: 990px) {
  .m-tags li a {
    margin: 5px; } }
@media (max-width: 767px) {
  .m-breadcrum h1 {
    font-size: 40px; } }
/* PAGE CONTENT */
.m-page_content {
  margin-bottom: 50px; }
  .m-page_content .m-content_half {
    width: 50%;
    float: left; }
  .m-page_content .m-half_img > div {
    position: relative; }
    .m-page_content .m-half_img > div footer a {
      color: #FFFFFF;
      position: absolute;
      padding: 5px 10px;
      text-transform: uppercase;
      display: inline-block;
      top: 65px;
      right: 65px; }
  .m-page_content .m-half_img img {
    border: 10px solid #d9d5c5;
    border-left: none; }
  .m-page_content .m-half_img .m-single_user img {
    border: none; }
  .m-page_content .m-page_text {
    margin-left: 30px;
    background: #FFFFFF;
    padding: 50px; }
    .m-page_content .m-page_text img {
      margin-left: 20px;
      margin-right: -50px;
      max-width: 300px; }
  .m-page_content ul {
    padding: 0;
    list-style: none; }
  .m-page_content li {
    padding: 4px 0; }
  .m-page_content li:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #b3ad98;
    margin-right: 12px; }

@media (max-width: 767px) {
  .m-page_content .m-content_half {
    width: 100%; }

  .m-content_half.m-half_img {
    padding: 0 15px; }

  .m-page_content .m-half_img img {
    border-left: 10px solid #d9d5c5; }

  .m-page_content .m-page_text img {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 100%; }

  h3 {
    font-size: 35px; }

  .m-page_content .m-page_text {
    margin: auto;
    padding: 20px; } }
/* BLOG LISTING */
div.m-baking {
  border-color: #ff5722; }
  div.m-baking footer a {
    background-color: #ff5722; }

div.m-soup {
  border-color: #009688; }
  div.m-soup footer a {
    background-color: #009688; }

div.m-workshop {
  border-color: #3f51b5; }
  div.m-workshop footer a {
    background-color: #3f51b5; }

div.m-vegetarian {
  border-color: #8b990c; }
  div.m-vegetarian footer a {
    background-color: #8b990c; }

div.m-hot_dishes {
  border-color: #d32f2f; }
  div.m-hot_dishes footer a {
    background-color: #d32f2f; }

.m-blog_box {
  border: 10px solid #d9d5c5;
  margin-bottom: 30px;
  position: relative; }

.m-bloglist_content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 35px; }
  .m-bloglist_content * {
    color: #808080; }
  .m-bloglist_content span {
    text-transform: uppercase; }
  .m-bloglist_content header {
    margin-bottom: 15px;
    font-size: 12px; }
  .m-bloglist_content h4 a {
    color: #262626; }
  .m-bloglist_content h4 a:hover {
    color: #ffc107; }
  .m-bloglist_content .m-blog_by {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 12px; }
    .m-bloglist_content .m-blog_by a {
      color: #a4b200; }
  .m-bloglist_content footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 30px 35px;
    font-size: 12px;
    text-transform: uppercase; }
    .m-bloglist_content footer a {
      display: inline-block;
      padding: 7px 12px;
      z-index: 99;
      color: #FFFFFF;
      position: relative; }
    .m-bloglist_content footer a:after {
      background: #ffc107;
      border-radius: 0;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1; }
    .m-bloglist_content footer span {
      line-height: 30px; }

.m-bloglist_content footer a:hover:after {
  height: 100%; }

.m-bloglist_content header .m-social {
  padding-left: 0;
  display: inline-block; }
  .m-bloglist_content header .m-social li {
    list-style: none;
    display: inline-block;
    margin: 0 2px; }
  .m-bloglist_content header .m-social .fa-twitter {
    color: #55acee; }
  .m-bloglist_content header .m-social .fa-facebook-square {
    color: #3b5998; }
  .m-bloglist_content header .m-social .fa-instagram {
    color: #4b7699; }

.m-bloglist_content header .m-social:before {
  content: "|";
  margin: 0 5px; }

.m-blog_popular * {
  color: #262626; }
.m-blog_popular ul {
  padding: 0; }
  .m-blog_popular ul li {
    list-style: none;
    margin: 15px 0; }
  .m-blog_popular ul span {
    display: block;
    color: #807b6c;
    font-size: 12px;
    text-transform: uppercase; }
.m-blog_popular .m-bloglist_content > span {
  text-transform: uppercase;
  font-size: 12px; }

.m-blog_img {
  background: rgba(0, 0, 0, 0.5); }
  .m-blog_img * {
    color: #FFFFFF; }
  .m-blog_img h4 a {
    color: #FFFFFF; }
  .m-blog_img h4 a:hover {
    color: #ffc107; }

.m-blog_small {
  max-width: 360px;
  min-width: 360px;
  max-height: 360px;
  min-height: 360px;
  background: #FFFFFF; }

.m-blog_quote {
  padding: 85px 35px;
  position: relative; }
  .m-blog_quote p {
    margin: auto;
    font-style: italic;
    font-size: 18px;
    text-align: center;
    line-height: 36px; }

.m-blog_quote:before {
  content: "";
  display: block;
  width: 18px;
  height: 14px;
  background: url("../images/quote_top.png");
  position: absolute;
  top: 45px;
  left: 25px; }

.m-blog_quote:after {
  content: "";
  display: block;
  width: 18px;
  height: 14px;
  background: url("../images/quote_bottom.png");
  position: absolute;
  bottom: 45px;
  right: 25px; }

.m-blog_socialbox {
  border: none; }
  .m-blog_socialbox a {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 180px; }
  .m-blog_socialbox > div {
    height: 180px;
    width: 50%;
    float: left;
    text-align: center; }
  .m-blog_socialbox div.m-twitter {
    background: #68b9f2; }
  .m-blog_socialbox div.m-instagram {
    background: #4b7699; }
  .m-blog_socialbox div.m-facebook {
    background: #4668b3; }
  .m-blog_socialbox div.m-youtube {
    background: #cc0000; }
  .m-blog_socialbox h5 a {
    display: inline-block; }

.m-blog_socialbox > div:hover {
  opacity: .8; }

.m-blog_filter ul {
  padding-left: 0; }
.m-blog_filter li {
  display: inline-block;
  text-transform: uppercase;
  background: #eae8df;
  color: #807b6c;
  font-size: 12px;
  padding: 8px 15px;
  cursor: pointer;
  margin-right: 15px; }
.m-blog_filter li:hover, .m-blog_filter li.m-active_cat {
  color: #FFFFFF;
  background: #262626; }
  .m-blog_filter li:hover span, .m-blog_filter li.m-active_cat span {
    color: #FFFFFF !important; }
.m-blog_filter span:before {
  display: none !important; }

@media (max-width: 1200px) {
  .m-blog_small {
    margin-left: auto;
    margin-right: auto; }

  .m-bloglist_top > .col-lg-8 {
    float: none;
    margin: auto;
    max-width: 730px; }

  .m-blog_listing .m-blog_small {
    min-width: 335px;
    min-height: 335px; }

  .m-single_user {
    max-width: 360px;
    margin: auto auto 30px; } }
@media (max-width: 990px) {
  .m-blog_listing .m-blog_small {
    min-width: 335px;
    min-height: 347px; }

  .m-blog_quote {
    padding: 73px 35px; } }
@media (max-width: 767px) {
  .m-blog_small {
    min-height: 285px;
    margin: auto auto 30px;
    min-width: 285px; }

  .m-bloglist_content h2 {
    font-size: 20px; }

  .m-bloglist_content, .m-bloglist_content footer {
    padding: 20px; }

  .m-blog_socialbox > div {
    height: 142px; }

  .m-blog_quote {
    padding: 75px 20px; }

  .m-blog_quote p {
    font-size: 16px;
    line-height: 28px; }

  .m-blog_listing .m-blog_small {
    min-height: 285px;
    min-width: 285px; }

  .m-blog_filter li {
    margin-bottom: 10px; }

  .m-blog_filter ul {
    text-align: center; } }
/* CONTACT PAGE */
.m-contact_page {
  padding-left: 15px;
  margin-right: -15px; }

.m-contact_address {
  background: #FFFFFF;
  min-height: 340px;
  padding: 30px 22px;
  position: relative;
  font-size: 12px; }
  .m-contact_address span {
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px; }
  .m-contact_address a {
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    color: #a4b200;
    bottom: 30px; }

.m-contact_page > div {
  min-height: 340px;
  margin-bottom: 30px;
  max-height: 340px; }
  .m-contact_page > div .m-blog_socialbox > div {
    height: 170px; }

.m-contact_id {
  position: absolute;
  top: 0;
  background: none; }
  .m-contact_id * {
    color: #FFF; }

@media (max-width: 1200px) {
  .container {
    width: 98%; }

  .m-contact_address, .m-contact_page > div {
    min-height: 260px; }

  .m-contact_page > div .m-blog_socialbox > div {
    height: 130px; }

  .m-blog_socialbox a {
    line-height: 130px; }

  h4 {
    font-size: 25px; } }
@media (max-width: 990px) {
  h4 {
    font-size: 16px;
    line-height: 20px; }

  .m-contact_address, .m-contact_page > div {
    min-height: 220px; }

  .m-contact_page > div .m-blog_socialbox > div {
    height: 110px; }

  .m-blog_socialbox a {
    line-height: 110px; } }
@media (max-width: 767px) {
  .m-contact_page {
    margin: auto;
    padding: 0; }

  .m-contact_address {
    padding: 30px 5px; }

  .m-contact_address, .m-contact_page > div {
    min-height: auto; }

  .m-contact_page > div .m-blog_socialbox > div {
    height: 110px; } }
/* ABOUT PAGE */
.m-about_auth > h2 {
  margin-top: -50px; }

.m-authors > div > div {
  background: #d9d5c5;
  padding: 10px; }
.m-authors img {
  margin: auto; }

.m-auth_details {
  background: #fff none repeat scroll 0 0;
  margin-top: 10px;
  min-height: 335px;
  padding: 35px;
  position: relative; }
  .m-auth_details header {
    text-transform: uppercase;
    font-size: 12px; }
  .m-auth_details h4 {
    margin-top: 10px; }
    .m-auth_details h4 a {
      color: #262626; }
  .m-auth_details h4 a:hover {
    color: #ffc107; }
  .m-auth_details > span {
    color: #a4b200;
    font-size: 12px;
    display: block;
    margin-top: 30px; }
  .m-auth_details .m-social {
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 35px;
    left: 35px; }
    .m-auth_details .m-social li {
      display: inline-block;
      margin-right: 10px; }
      .m-auth_details .m-social li a {
        font-size: 20px; }

.m-something .m-something_text {
  background: #FFFFFF;
  padding: 55px; }

.m-counter {
  background: #ffffff;
  padding: 85px 0;
  margin-bottom: 45px;
  text-align: center; }
  .m-counter span {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px; }
  .m-counter h1 {
    color: #b3ad98; }

@media (max-width: 767px) {
  .m-something .m-something_text {
    padding: 20px; }

  .m-about_auth > h2 {
    margin: 20px auto; }

  h2 {
    font-size: 40px; }

  .m-auth_details {
    min-height: 235px; }

  .m-authors > div {
    margin-bottom: 30px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .col-xs-12 {
    margin-bottom: 20px; } }
/* BLOG PAGE */
.m-single_user {
  margin-bottom: 30px;
  border: 10px solid #d9d5c5;
  background: #FFFFFF;
  position: relative;
  padding-left: 170px;
  min-height: 165px; }
  .m-single_user img {
    position: absolute;
    left: 0;
    top: 0; }
  .m-single_user h5 {
    margin: 30px 0;
    padding-right: 15px; }
  .m-single_user h5 a {
    color: #262626; }
  .m-single_user h5 a:hover {
    color: #ffc107; }
  .m-single_user span {
    font-size: 12px;
    color: #a4b200;
    text-transform: uppercase; }

/* BLOG POST */
.m-post_info {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  margin-top: -12px; }
  .m-post_info a {
    color: #a4b200; }
  .m-post_info i span {
    font-family: open sans; }

.m-blog_rating {
  margin-top: 40px; }
  .m-blog_rating ul {
    padding: 0; }
    .m-blog_rating ul li {
      list-style: none;
      display: inline-block;
      margin-right: 5px; }
    .m-blog_rating ul li:before {
      display: none; }
  .m-blog_rating .m-fill_star {
    color: #ffc107; }
  .m-blog_rating span {
    display: block;
    padding-top: 8px;
    float: right;
    text-transform: uppercase;
    font-size: 12px; }

.m-blogpost_topside {
  margin-top: 270px;
  max-width: 360px;
  float: right;
  width: 100%; }

.m-indgred_list {
  height: auto;
  max-height: none;
  max-width: none;
  margin-bottom: 0; }
  .m-indgred_list .m-bloglist_content {
    position: static; }
  .m-indgred_list ul li {
    color: #808080;
    position: relative;
    padding-left: 20px;
    margin: 7px 0; }
  .m-indgred_list li:before {
    position: absolute;
    left: 0;
    top: 10px; }
  .m-indgred_list ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0; }

.m-blogpost_nav {
  margin-bottom: 60px; }
  .m-blogpost_nav a {
    text-transform: uppercase;
    color: #a4b200;
    font-size: 14px; }
  .m-blogpost_nav i {
    color: #b3ad98;
    margin-right: 15px;
    display: inline-block; }
  .m-blogpost_nav i.fa-long-arrow-right {
    margin-right: 0;
    margin-left: 15px; }

.m-comment_listing ul {
  padding: 0; }
.m-comment_listing li {
  list-style: none;
  position: relative;
  padding-left: 175px; }
.m-comment_listing img {
  position: absolute;
  left: 0;
  top: 0; }
.m-comment_listing p {
  margin-top: 0; }
.m-comment_listing > ul > li {
  background: #FFFFFF;
  margin-bottom: 30px;
  padding: 55px 0;
  padding-left: 175px;
  padding-right: 40px; }
  .m-comment_listing > ul > li > img {
    top: 55px; }
.m-comment_listing header span {
  float: left; }
.m-comment_listing header i {
  float: right; }
.m-comment_listing > ul > li ul li {
  margin-top: 50px; }
.m-comment_listing footer a {
  text-transform: uppercase;
  font-size: 12px;
  color: #a4b200; }

.m-comment_form {
  padding: 30px;
  border: 10px solid #FFFFFF; }
  .m-comment_form h4 {
    margin-bottom: 35px; }
  .m-comment_form input, .m-comment_form textarea {
    display: block;
    background: #FFFFFF;
    width: 100%;
    border: none;
    color: #b3ad98;
    padding: 10px 15px;
    margin-bottom: 20px;
    font-family: "open sans", "sans-serif"; }
  .m-comment_form textarea {
    resize: none;
    height: 160px;
    margin-bottom: 30px; }

.m-button {
  background: #b3ad98;
  border: none;
  width: 100%;
  text-align: center;
  padding: 18px 0;
  display: block;
  text-transform: uppercase;
  color: #FFFFFF; }

/* HOME 02 */
.m-footer_form input {
  width: 48%;
  display: block;
  margin-bottom: 17px;
  height: 34px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #beb9a6;
  color: #beb9a6;
  padding: 5px 10px;
  float: left; }
.m-footer_form input[type="text"] {
  margin-right: 4%; }
.m-footer_form textarea {
  display: block;
  width: 100%;
  resize: none;
  height: 70px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #beb9a6;
  color: #beb9a6;
  padding: 10px;
  margin: 17px 0;
  clear: both; }
.m-footer_form button.m-button {
  padding: 8px 18px;
  text-transform: capitalize;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: left; }
  .m-footer_form button.m-button i {
    position: relative;
    top: 5px; }
.m-footer_form button.m-button:hover {
  background: #ffc107; }

input:focus, textarea:focus {
  border-color: #ffa507; }

.m-home_02 .m-counter {
  margin-bottom: 0;
  padding: 0; }
  .m-home_02 .m-counter .col-lg-3 {
    padding-top: 85px;
    padding-bottom: 85px; }
  .m-home_02 .m-counter .row > div:nth-child(1):hover {
    background: #d32f2f; }
    .m-home_02 .m-counter .row > div:nth-child(1):hover h1 {
      color: #FFFFFF; }
  .m-home_02 .m-counter .row > div:nth-child(2):hover {
    background: #7e57c2; }
    .m-home_02 .m-counter .row > div:nth-child(2):hover h1 {
      color: #FFFFFF; }
  .m-home_02 .m-counter .row > div:nth-child(3):hover {
    background: #8b990c; }
    .m-home_02 .m-counter .row > div:nth-child(3):hover h1 {
      color: #FFFFFF; }
  .m-home_02 .m-counter .row > div:nth-child(4):hover {
    background: #009688; }
    .m-home_02 .m-counter .row > div:nth-child(4):hover h1 {
      color: #FFFFFF; }

.m-newspost_listing {
  padding: 0 0; }
  .m-newspost_listing > div {
    display: none;
    margin-bottom: 40px; }
  .m-newspost_listing > div:nth-child(-n+4) {
    display: block; }
  .m-newspost_listing .col-lg-7 {
    position: relative; }
  .m-newspost_listing .col-lg-7:after {
    position: absolute;
    height: 130px;
    top: 45px;
    right: -60px;
    width: 130px;
    content: "";
    display: block;
    border: 10px solid #3f51b5; }
  .m-newspost_listing .m-newspost_list_content {
    padding: 40px 20px 25px 100px; }
    .m-newspost_listing .m-newspost_list_content > span {
      text-transform: uppercase;
      font-size: 12px; }
      .m-newspost_listing .m-newspost_list_content > span a {
        color: #a4b200; }
  .m-newspost_listing header {
    text-transform: uppercase;
    color: #808080;
    font-size: 12px;
    margin-bottom: 6px; }
  .m-newspost_listing footer {
    margin-top: 85px;
    text-transform: uppercase;
    font-size: 12px; }
    .m-newspost_listing footer a {
      display: inline-block;
      color: #FFFFFF;
      padding: 10px;
      position: relative;
      z-index: 999; }
    .m-newspost_listing footer a::after {
      background: #ffc107 none repeat scroll 0 0;
      border-radius: 0;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1; }
    .m-newspost_listing footer a:hover::after {
      height: 100%; }
    .m-newspost_listing footer span {
      padding-top: 10px;
      display: inline-block; }
  .m-newspost_listing h4 a {
    color: #262626; }
  .m-newspost_listing h4 a:hover {
    color: #ffc107; }
  .m-newspost_listing .m-cat_workshop .col-lg-7::after {
    border-color: #3f51b5; }
  .m-newspost_listing .m-cat_workshop footer a {
    background: #3f51b5; }
  .m-newspost_listing .m-cat_baking .col-lg-7::after {
    border-color: #ff5722; }
  .m-newspost_listing .m-cat_baking footer a {
    background: #ff5722; }
  .m-newspost_listing .m-cat_soup .col-lg-7::after {
    border-color: #009688; }
  .m-newspost_listing .m-cat_soup footer a {
    background: #009688; }
  .m-newspost_listing .m-cat_hot_dishes .col-lg-7::after {
    border-color: #d32f2f; }
  .m-newspost_listing .m-cat_hot_dishes footer a {
    background: #d32f2f; }
  .m-newspost_listing .m-cat_vegetarian .col-lg-7::after {
    border-color: #8b990c; }
  .m-newspost_listing .m-cat_vegetarian footer a {
    background: #8b990c; }
  .m-newspost_listing .m-cat_desert .col-lg-7::after {
    border-color: #7e57c2; }
  .m-newspost_listing .m-cat_desert footer a {
    background: #7e57c2; }

.m-newspost_more {
  background: #d9d5c5;
  height: 50px;
  width: 100%;
  color: #FFFFFF;
  line-height: 50px;
  text-align: center;
  margin-bottom: 70px;
  cursor: pointer; }

.m-newspost_more:hover {
  background: #ffc107; }

.m-home_02 .container > h4 {
  color: #262626;
  margin: 70px 0 40px; }
  .m-home_02 .container > h4 span {
    color: #807b6c; }
  .m-home_02 .container > h4 i {
    margin-right: 20px; }

.m-header.m-home_02 {
  background: rgba(234, 232, 223, 0.8) none repeat scroll 0 0;
  position: absolute;
  width: 100%;
  z-index: 99; }

.m-slider_content {
  background: #3f51b5;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 50%;
  padding: 30px 50px;
  max-width: 1000px; }
  .m-slider_content h2 {
    color: #FFFFFF;
    padding-left: 250px; }
  .m-slider_content .m-arrows {
    color: #FFFFFF;
    font-size: 42px;
    top: 35%;
    position: absolute; }
    .m-slider_content .m-arrows i {
      display: inline-block;
      margin: 0 10px;
      cursor: pointer; }
    .m-slider_content .m-arrows i:hover {
      color: #ffc107; }

.m-newspost_more.disable {
  background: #ffc107;
  pointer-events: none; }

@media (max-width: 1200px) {
  .m-newspost_listing .m-newspost_list_content {
    padding: 20px 20px 0 75px; }

  .m-home_02 .m-counter .col-lg-3 {
    padding-top: 50px;
    padding-bottom: 50px; }

  .m-slider_content {
    max-width: 98%; }

  .m-slider_content h2 {
    padding-left: 100px; } }
@media (max-width: 990px) {
  .m-newspost_listing .m-newspost_list_content {
    padding-top: 0;
    padding-left: 55px; }

  .m-newspost_listing footer {
    margin-top: 50px; }

  .m-newspost_listing .col-lg-7::after {
    height: 100px;
    width: 100px;
    right: -25px; } }
@media (max-width: 767px) {
  .m-newspost_listing .col-lg-7::after {
    display: none; }

  .m-newspost_listing .m-newspost_list_content {
    padding-left: 0;
    padding-top: 15px; }

  .m-newspost_listing .m-newspost_list_content {
    border: 10px solid;
    padding: 10px; }

  .m-newspost_listing .m-cat_workshop .m-newspost_list_content {
    border-color: #3f51b5; }

  .m-newspost_listing .m-cat_baking .m-newspost_list_content {
    border-color: #ff5722; }

  .m-newspost_listing .m-cat_soup .m-newspost_list_content {
    border-color: #009688; }

  .m-newspost_listing .m-cat_hot_dishes .m-newspost_list_content {
    border-color: #d32f2f; }

  .m-newspost_listing .m-cat_vegetarian .m-newspost_list_content {
    border-color: #8b990c; }

  .m-newspost_listing .m-cat_desert .m-newspost_list_content {
    border-color: #7e57c2; }

  .m-home_02 .m-counter .row > div:hover {
    background: none !important; }

  .m-home_02 .m-counter .row > div:hover h1 {
    color: #b3ad98 !important; }

  .m-comment_listing li {
    padding-left: 0; }

  .m-comment_listing > ul > li {
    padding: 35px 8px; }

  .m-comment_listing img {
    margin: auto auto 25px;
    position: static; }

  .m-blogpost_topside {
    margin-top: 30px; }

  .m-header.m-home_02 {
    padding: 5px 0; }
    .m-header.m-home_02 .pull-right {
      position: absolute;
      right: 0;
      text-align: right;
      width: 100%; }
    .m-header.m-home_02 .m-social {
      text-align: right; }
    .m-header.m-home_02 .m-logo img {
      position: relative;
      z-index: 999; }

  .m-slider_content {
    padding: 10px 25px 10px 50px; }
    .m-slider_content .m-arrows i {
      margin: 0 3px; }
    .m-slider_content .m-arrows {
      top: 10px;
      font-size: 24px;
      left: 5px; }
    .m-slider_content h2 {
      font-size: 14px;
      margin-bottom: 0;
      padding-left: 0; } }
/* HOME 03 */
.m-home_03.m-page_outer {
  border-top: 5px solid #a4b200; }

.m-blog_slider {
  background: #e7eae8; }
  .m-blog_slider .m-blog_slide_content {
    padding-top: 100px;
    padding-left: 80px; }
    .m-blog_slider .m-blog_slide_content h1 {
      text-transform: capitalize;
      font-size: 80px;
      color: #a4b200;
      line-height: 70px;
      margin-bottom: 50px; }
    .m-blog_slider .m-blog_slide_content p {
      padding-right: 50px; }
    .m-blog_slider .m-blog_slide_content a.m-view_blog {
      background: #a4b200;
      color: #FFFFFF;
      font-size: 14px;
      display: inline-block;
      padding: 8px 12px;
      text-transform: uppercase;
      margin-top: 70px; }

.m-home_03 .m-counter {
  margin-bottom: 0;
  background: #f0f2f1; }
.m-home_03 h4 {
  color: #b3ad98; }

.m-footer_var {
  background: #FFF;
  border-bottom: 5px solid #d9d5c5; }
  .m-footer_var .m-footer_social .m-blog_socialbox > div {
    width: 25%;
    text-align: left;
    padding-left: 80px; }
    .m-footer_var .m-footer_social .m-blog_socialbox > div a {
      margin-right: 25px; }
  .m-footer_var .m-tags a {
    margin: 8px 8px 8px 0;
    padding: 6px 8px; }
  .m-footer_var .m-insta:after {
    clear: both;
    display: block;
    content: ""; }
  .m-footer_var .m-insta > a {
    float: left;
    max-width: 33.33%; }
  .m-footer_var .m-footer_blocks {
    margin-top: 65px; }
    .m-footer_var .m-footer_blocks .col-xs-12 {
      margin-bottom: 45px; }
    .m-footer_var .m-footer_blocks h5 {
      margin-bottom: 30px; }
  .m-footer_var .m-footer_strip {
    padding: 35px 0 60px;
    border-top: 1px solid #e1ded6; }
    .m-footer_var .m-footer_strip p {
      margin: auto;
      font-size: 10px;
      text-transform: uppercase; }
  .m-footer_var .m-blog_socialbox h5 {
    color: #FFFFFF; }

.m-blog_carousel div.m-single_carousel {
  float: left;
  max-width: 375px;
  position: relative; }
  .m-blog_carousel div.m-single_carousel .m-cat_strip {
    position: absolute;
    font-size: 12px;
    top: 0;
    width: 100%;
    left: 0;
    height: 50px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0 15px;
    line-height: 50px; }
    .m-blog_carousel div.m-single_carousel .m-cat_strip a {
      color: #FFFFFF; }
  .m-blog_carousel div.m-single_carousel .m-carousel_data {
    position: absolute;
    bottom: 0;
    height: 135px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    left: 0;
    padding: 15px 30px;
    color: #FFFFFF; }
    .m-blog_carousel div.m-single_carousel .m-carousel_data h4 a {
      color: #FFFFFF;
      line-height: 25px; }
    .m-blog_carousel div.m-single_carousel .m-carousel_data h4 a:hover {
      color: #ffc107; }

.m-baking_bg {
  background: #ff5722; }

.m-soup_bg {
  background: #009688; }

.m-workshop_bg {
  background: #3f51b5; }

.m-vegetarian_bg {
  background: #8b990c; }

.m-hot_dishes_bg {
  background: #d32f2f; }

.m-desert {
  background: #7e57c2; }

.simply-scroll-container {
  position: relative; }

.simply-scroll-clip {
  overflow: hidden;
  position: relative; }

.simply-scroll-list {
  margin: 0;
  overflow: hidden;
  padding: 0; }

.simply-scroll {
  height: 375px;
  width: 100%; }

.simply-scroll .simply-scroll-clip {
  height: 375px;
  width: 100%; }

@media (max-width: 1400px) {
  .m-blog_slider .m-blog_slide_content a.m-view_blog {
    margin-top: 0; } }
@media (max-width: 1200px) {
  .m-blog_socialbox > div {
    height: 130px; }

  .m-footer_var .m-footer_social .m-blog_socialbox > div {
    padding-left: 40px; }

  .m-blog_slider .m-blog_slide_content {
    padding-left: 30px;
    padding-top: 5px; }

  .m-blog_slider .m-blog_slide_content h1 {
    font-size: 50px;
    line-height: 50px;
    margin: auto; }
    .m-blog_slider .m-blog_slide_content h1 br {
      display: none; } }
@media (max-width: 990px) {
  .m-footer_var .m-footer_social .m-blog_socialbox > div {
    padding-left: 20px; }

  .m-blog_socialbox > div {
    height: 174px; }

  .m-blog_slider {
    padding: 0; }

  .m-blog_slider .m-blog_slide_content {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-top: 30px; } }
@media (max-width: 767px) {
  .m-blog_slider .m-blog_slide_content {
    padding-left: 0;
    padding-top: 30px; }
    .m-blog_slider .m-blog_slide_content h1 {
      font-size: 60px;
      line-height: 55px; }
    .m-blog_slider .m-blog_slide_content p {
      padding-right: 0; }
    .m-blog_slider .m-blog_slide_content a.m-view_blog {
      margin: 20px 0; }

  .m-footer_var .m-footer_social .m-blog_socialbox > div {
    width: 100%;
    height: 110px; }

  .m-page_outer.m-home_03 > .row {
    margin: auto; }

  .m-footer_var .m-insta > a {
    width: 50%; }

  .m-footer_var .m-footer_strip p {
    text-align: center; }

  .m-page_outer.m-home_03 {
    position: relative;
    z-index: -1; }

  .m-insta {
    max-width: 265px; }

  .m-blog_socialbox > div {
    height: 150px; } }
/* HOME 04 */
.m-home_04 {
  background: url("../images/home_04_bg.jpg") no-repeat;
  background-size: cover; }

.m-home_04 > div {
  max-width: 1200px;
  margin: auto;
  background: #FFFFFF; }

.m-home_01 {
  padding-top: 70px; }
  .m-home_01 .m-newspost_more {
    margin-bottom: 0; }

.m-home_04 .m-blog_listing {
  z-index: 0; }

/* 404 */
.m-404, .m-offline {
  text-align: center;
  padding-top: 145px;
  border-top: 5px solid #d9d5c5;
  border-bottom: 5px solid #d9d5c5; }
  .m-404 img, .m-offline img {
    margin: 10px auto auto; }
  .m-404 h5, .m-offline h5 {
    margin-bottom: 0;
    margin-top: 10px;
    color: #807b6c; }
  .m-404 span, .m-offline span {
    text-transform: uppercase;
    font-size: 10px;
    display: block; }
  .m-404 h1, .m-offline h1 {
    margin-bottom: 0;
    font-size: 100px;
    color: #262626;
    line-height: 80px;
    text-transform: capitalize; }
  .m-404 p, .m-offline p {
    text-transform: uppercase;
    margin: auto;
    margin-bottom: 25px; }
  .m-404 a.m-button, .m-offline a.m-button {
    max-width: 165px;
    margin: auto;
    display: block;
    margin-bottom: 150px; }
  .m-404 .m-social, .m-offline .m-social {
    padding: 0;
    margin-bottom: 90px; }
    .m-404 .m-social li, .m-offline .m-social li {
      display: inline-block;
      margin: 0 5px;
      font-size: 18px; }

/* OFFLINE */
.m-offline {
  background: url("../images/offline.jpg") no-repeat;
  background-position: center bottom; }
  .m-offline h1 {
    margin-top: 250px;
    line-height: 110px; }
  .m-offline p {
    margin-bottom: 300px; }

@media (max-width: 767px) {
  .m-404 h1, .m-offline h1 {
    font-size: 70px;
    line-height: 70px; } }
/* COMING SOON */
.m-coming_soon {
  border: none; }
  .m-coming_soon p {
    font-size: 14px;
    margin-top: 55px;
    margin-bottom: 40px; }
  .m-coming_soon .m-timer {
    max-width: 533px;
    margin: auto;
    position: relative; }
  .m-coming_soon .m-time_box {
    position: absolute;
    text-align: center;
    height: 190px;
    width: 190px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #FFFFFF;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    .m-coming_soon .m-time_box h5 {
      line-height: 160px; }

/* LANDING */
.m-landing {
  text-align: center;
  border-top: 5px solid #d9d5c5;
  padding-top: 100px;
  padding-bottom: 100px; }
  .m-landing h5 {
    margin-top: 10px; }

.m-landing_blocks {
  margin-top: 50px; }

.m-landing_blocks .col-lg-4 {
  margin-bottom: 30px;
  width: 33%;
  float: none;
  display: inline-block; }

.m-landing_blocks .col-lg-4 > div h4 {
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 999; }
  .m-landing_blocks .col-lg-4 > div h4 a {
    color: #000;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    padding-top: 15px; }
  .m-landing_blocks .col-lg-4 > div h4 a:hover {
    color: #ffc107; }
.m-landing_blocks .col-lg-4 > div img {
  transition: all 3s ease-out;
  -moz-transition: all 3s ease-out;
  -webkit-transition: all 3s ease-out;
  -o-transition: all 3s ease-out;
  position: relative;
  top: 0; }

.m-landing_img {
  max-height: 200px;
  overflow: hidden;
  box-shadow: 0 0 5px #c0c0c0;
  -webkit-box-shadow: 0 0 5px #c0c0c0;
  -moz-box-shadow: 0 0 5px #c0c0c0; }

.m-landing_blocks .col-lg-4 > div:hover img {
  top: -200px;
  position: relative; }

.m-landing_blocks .col-lg-4 > div:hover:after {
  background: transparent; }

@media (max-width: 990px) {
  .m-landing_blocks .col-lg-4 {
    width: 32%; } }
@media (max-width: 767px) {
  .m-landing_blocks .col-lg-4 {
    width: 100%; } }
/*
COLOR CUSTOMIZER
*/
.m-customizer.m-customizer_toggle {
  left: 0; }

.m-customizer {
  width: 260px;
  background: #FFFFFF;
  position: fixed;
  top: 30%;
  left: -260px;
  padding: 30px 5px;
  z-index: 99999; }

.m-selector h1 {
  font: 20px/22px "open sans","sans-serif";
  color: #000000;
  text-align: center;
  margin: auto; }

.m-color_section {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e8e8e8; }

.m-color_section span {
  font: 15px/18px "open sans","sans-serif";
  color: #000000;
  text-align: center;
  display: block; }

.m-color_section p {
  font: 13px/18px "open sans","sans-serif";
  color: #969696; }

.m-color_section ul {
  padding: 0; }

.m-color_section li {
  width: 50px;
  height: 50px;
  margin: 10px 4px 0;
  cursor: pointer;
  display: inline-block;
  border: 2px solid transparent; }

.m-shape_selector a {
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

.m-color_section li.m-color_selector:hover {
  border-color: #e5e5e5; }

.m-color_selector .m-color_1 {
  background: #ffc107; }

.m-color_selector .m-color_2 {
  background: #8cc739; }

.m-color_selector .m-color_3 {
  background: #ba6222; }

.m-color_selector .m-color_4 {
  background: #cc0000; }

.m-color_selector .m-color_5 {
  background: #ff717e; }

.m-color_selector .m-color_6 {
  background: #7aba7a; }

.m-color_selector .m-color_7 {
  background: #84596b; }

.m-color_selector .m-color_8 {
  background: #ff9900; }

.m-shape_selector li {
  border: 1px solid #696969;
  background-repeat: no-repeat;
  background-size: 44px 25px;
  background-position: center 90%; }

.m-customizer i {
  background: #ffffff none repeat scroll 0 0;
  cursor: pointer;
  color: #000000;
  font-size: 27px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: -50px;
  text-align: center;
  top: 0;
  width: 50px; }

.m-body_overlay::after {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

/*# sourceMappingURL=main.css.map */