@import url(https://fonts.googleapis.com/css?family=Kreon:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, .sidebar > .widget li a,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* Colors */
/* Fonts */
/********************************/
.customColor, #breadCrumd li a:after, .sidebar > .widget li #breadCrumd a a:after, .sidebar > .widget li a:before, .sidebar > .widget li a:hover {
  background-color: #f7c765;
}

.customColor_hover, #sliderWrap .metaslider .flex-control-paging li a.flex-active, .sidebar > .widget li #sliderWrap .metaslider .flex-control-paging a a.flex-active, #sliderWrap .metaslider .flex-control-paging li a:hover, .sidebar > .widget li #sliderWrap .metaslider .flex-control-paging a a:hover {
  background-color: #6e582c;
}

.customColorMain, #beforeFooter h6 span, #beforeFooter p a[href*="mailTo"], #error404 .error404-num {
  color: #f7c765;
}

a.readmore, #afterSliderArea .bannerBlock .in a.readmore, ul.recent-posts li .in a.readmore, #latestPostHome ul li .in a.readmore, .sidebar > .widget li ul.recent-posts a .in a.readmore, .sidebar > .widget li #latestPostHome ul a .in a.readmore, .blogHolder > .row > div article a.readmore {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-transform: lowercase;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #b0b0b0;
  padding-left: 22px;
}
a.readmore:after, #afterSliderArea .bannerBlock .in a.readmore:after, ul.recent-posts li .in a.readmore:after, #latestPostHome ul li .in a.readmore:after, .sidebar > .widget li ul.recent-posts a .in a.readmore:after, .sidebar > .widget li #latestPostHome ul a .in a.readmore:after, .blogHolder > .row > div article a.readmore:after {
  content: "";
  height: 15px;
  width: 15px;
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
}
a.readmore:hover, #afterSliderArea .bannerBlock .in a.readmore:hover, ul.recent-posts li .in a.readmore:hover, #latestPostHome ul li .in a.readmore:hover, .sidebar > .widget li ul.recent-posts a .in a.readmore:hover, .sidebar > .widget li #latestPostHome ul a .in a.readmore:hover, .blogHolder > .row > div article a.readmore:hover {
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

a.button, #sliderWrap .metaslider .caption-wrap .caption a.button, #primaryWrapContent .wpcf7-form input[type="submit"], #commentform input#submit, .reply a.comment-reply-link {
  padding: 5px 15px 8px;
  display: inline-block;
  text-transform: lowercase;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.0;
  color: #fff;
  background: #e2e2e2;
}
a.button:hover, #sliderWrap .metaslider .caption-wrap .caption a.button:hover, #primaryWrapContent .wpcf7-form input[type="submit"]:hover, #commentform input#submit:hover, .reply a.comment-reply-link:hover {
  color: #fff;
}

/* end of a.read  */
/*************************************/
ul li, ul .sidebar > .widget li a, .sidebar > .widget li ul a {
  list-style-type: none;
}

body {
  background: #f3f3f3;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #494949;
}
@media only screen and (max-width: 992px) {
  body {
    min-width: 750px;
  }
}
@media only screen and (max-width: 767px) {
  body {
    min-width: 200px;
  }
}
body a {
  color: #494949;
  text-decoration: underline;
}
body a:hover, body a:visited {
  text-decoration: none;
  color: #494949;
}
body img {
  width: auto;
  height: auto;
}
body p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 992px) {
  html {
    min-width: 750px;
  }
}
@media only screen and (max-width: 767px) {
  html {
    min-width: 200px;
  }
}

/*  ********************************************** HEADING *********************************************/
body h1 {
  font-family: 'Kreon', serif;
  font-size: 44px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  padding: 0;
  margin: 0 0 26px 0;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  body h1 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  body h1 {
    font-size: 24px;
  }
}

body h2 {
  font-family: 'Kreon', serif;
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  text-align: left;
  padding: 0;
  margin: 0 0 25px 0;
}
@media only screen and (max-width: 992px) {
  body h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  body h2 {
    font-size: 19px;
  }
}

body h3 {
  font-size: 18px;
  font-family: 'Kreon', serif;
  color: #303030;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding: 0;
  margin: 0 0 25px 0;
}
body h3 a {
  text-decoration: none;
}
@media only screen and (max-width: 992px) {
  body h3 {
    font-size: 16px;
  }
}

body h4 {
  font-size: 16px;
  line-height: 1.3;
  font-family: 'Kreon', serif;
  color: #303030;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding: 0;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 992px) {
  body h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

body h5 {
  font-size: 14px;
  font-family: 'Kreon', serif;
  color: #a7a7b4;
  color: #303030;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding: 0;
  margin: 0 0 15px 0;
}

body h6 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #a7a7b4;
  color: #303030;
  text-transform: uppercase;
  text-align: left;
  padding: 0;
  margin: 0 0 15px 0;
}

/*  *********************************************** HEADER ***********************************************/
#header {
  height: 110px;
  background: rgba(0, 0, 0, 0.4);
  /* position: absolute; */
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  /* -webkit-transition: top .15s ease;
     -moz-transition: top .15s ease;
      -ms-transition: top .15s ease;
       -o-transition: top .15s ease;
          transition: top .15s ease; */
  /*  end of #header .logo */
}
#header.scrolled {
  top: -52px;
  background: #000;
}
#header.scrolled .logo {
  padding: 8px 35px 8px;
  top: 51px;
}
@media only screen and (max-width: 992px) {
  #header.scrolled .logo {
    padding: 10px 35px 11px;
  }
}
#header.scrolled .logo img {
  width: 62px;
}
@media only screen and (max-width: 767px) {
  #header.scrolled .logo img {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  #header {
    position: relative;
    height: auto;
    top: 0 !important;
  }
}
#header > .container > .row {
  position: relative;
}
#header .logo {
  padding-top: 30px;
  position: absolute;
  z-index: 15;
  left: 15px;
  top: 0;
  padding: 13px 18px 14px;
  /*  end of #header .logo img */
}
@media only screen and (min-width: 1200px) {
  #header .logo {
    padding: 13px 35px 14px;
  }
}
@media only screen and (max-width: 992px) {
  #header .logo {
    padding: 22px 0 26px;
  }
}
@media only screen and (max-width: 767px) {
  #header .logo {
    padding: 10px 0;
    position: relative;
    left: 0;
    top: 0 !important;
  }
}
#header .logo img {
  width: auto;
  width: 126px;
}
@media only screen and (max-width: 1200px) {
  #header .logo img {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  #header .logo img {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  #header .logo img {
    width: auto;
    display: block;
    margin: 0 auto;
    -webkit-transition: top .0001s ease;
    -moz-transition: top .0001s ease;
    -ms-transition: top .0001s ease;
    -o-transition: top .0001s ease;
    transition: top .0001s ease;
  }
}
@media only screen and (max-width: 480px) {
  #header .logo img {
    max-width: 280px;
  }
}
#header #top-header-area {
  position: relative;
  z-index: 10;
  height: 52px;
}
@media only screen and (max-width: 480px) {
  #header #top-header-area {
    text-align: center;
    height: auto;
    background: #3A3A3A;
  }
}
#header #top-header-area:after {
  content: "";
  position: absolute;
  height: 52px;
  background: rgba(0, 0, 0, 0.6);
  left: -1000%;
  width: 2000%;
  top: 0;
  display: block;
  z-index: 9;
}
#header #top-header-area > * {
  position: relative;
  z-index: 10;
}
#header #top-header-area > div {
  display: inline-block;
  vertical-align: top;
  float: left;
  z-index: 500;
}
@media only screen and (max-width: 480px) {
  #header #top-header-area > div {
    float: none;
    display: block;
  }
}
#header #top-header-area > div[id*="social_networks"] {
  float: right;
  height: 52px;
}
@media only screen and (max-width: 767px) {
  #header #top-header-area > div[id*="social_networks"] {
    height: 45px;
  }
}
@media only screen and (max-width: 480px) {
  #header #top-header-area > div[id*="social_networks"] {
    float: none;
    display: block;
  }
}
#header #top-header-area a[href*="callto"] {
  font-family: 'Kreon', serif;
  font-size: 30px;
  line-height: 52px;
  color: #fff;
  padding-left: 70px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
#header #top-header-area a[href*="callto"]:after {
  content: '\f095';
  font-family: 'FontAwesome';
  padding: 0 20px;
  color: #fff;
  font-size: 20px;
  line-height: 52px;
  left: 0;
  top: 0;
  display: block;
  position: absolute;
  background: #424242;
}
@media only screen and (max-width: 767px) {
  #header #top-header-area a[href*="callto"] {
    font-size: 20px;
    padding-left: 65px;
  }
  #header #top-header-area a[href*="callto"]:after {
    background: #727171;
  }
}

/*  end of #header */
.gecko #header .logo {
  padding: 13px 18px 13px;
}
@media only screen and (min-width: 1200px) {
  .gecko #header .logo {
    padding: 13px 35px 13px;
  }
}
@media only screen and (max-width: 992px) {
  .gecko #header .logo {
    padding: 22px 0 26px;
  }
}
@media only screen and (max-width: 767px) {
  .gecko #header .logo {
    padding: 10px 0;
  }
}
.gecko #header.scrolled .logo {
  top: 50px;
  padding: 8px 35px;
}
@media only screen and (max-width: 992px) {
  .gecko #header.scrolled .logo {
    padding: 11px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .gecko #header.scrolled .logo {
    padding: 10px 0;
  }
}

/*  **************************************** SOCIAL BUTTONS ***********************************************/
.social-networks {
  /* end of .social-networks li */
}
.social-networks li, .social-networks .sidebar > .widget li a, .sidebar > .widget li .social-networks a {
  display: inline-block;
  vertical-align: top;
  /* end of .social-networks li a */
}
.social-networks li a, .social-networks .sidebar > .widget li a a, .sidebar > .widget li .social-networks a a {
  width: 52px;
  height: 52px;
  display: inline-block;
  position: relative;
  margin-left: -2px;
  text-decoration: none !important;
}
.social-networks li a:after, .social-networks .sidebar > .widget li a a:after, .sidebar > .widget li .social-networks a a:after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 20px;
  line-height: 52px;
  width: 52px;
  height: 52px;
  text-align: center;
}
.social-networks li a[title="facebook"]:after, .sidebar > .widget li .social-networks a a[title="facebook"]:after {
  content: '\f09a';
}
.social-networks li a[title="twitter"]:after, .sidebar > .widget li .social-networks a a[title="twitter"]:after {
  content: '\f099';
}
.social-networks li a[title="linkedin"]:after, .sidebar > .widget li .social-networks a a[title="linkedin"]:after {
  content: '\f0e1';
}
.social-networks li a[title="google"]:after, .sidebar > .widget li .social-networks a a[title="google"]:after {
  content: '\f0d5';
}
.social-networks li a[title="pinterest"]:after, .sidebar > .widget li .social-networks a a[title="pinterest"]:after {
  content: '\f0d2';
}
.social-networks li a[title="i_email"]:after, .sidebar > .widget li .social-networks a a[title="i_email"]:after {
  content: '\f0e0';
}
@media only screen and (max-width: 767px) {
  .social-networks li a, .social-networks .sidebar > .widget li a a, .sidebar > .widget li .social-networks a a {
    width: 40px;
  }
  .social-networks li a:after, .social-networks .sidebar > .widget li a a:after, .sidebar > .widget li .social-networks a a:after {
    width: 45px;
    font-size: 19px;
  }
}
@media only screen and (max-width: 480px) {
  .social-networks li a, .social-networks .sidebar > .widget li a a, .sidebar > .widget li .social-networks a a {
    height: 40px;
    width: 40px;
  }
  .social-networks li a:after, .social-networks .sidebar > .widget li a a:after, .sidebar > .widget li .social-networks a a:after {
    height: 45px;
    width: 40px;
    line-height: 45px;
    font-size: 18px;
  }
}
.social-networks li a img, .social-networks .sidebar > .widget li a a img, .sidebar > .widget li .social-networks a a img {
  display: none;
}

/*   end of .social-networks */
/*  ************************************************* NAV AREA *********************************************/
#navArea {
  /* end of #navArea ul */
}
@media only screen and (max-width: 767px) {
  #navArea {
    display: none;
  }
}
#navArea ul {
  display: table;
  text-align: center;
  width: 100%;
  /* end of #navArea ul li*/
  /* end of #navArea ul .sub-menu */
}
#navArea ul li, #navArea ul .sidebar > .widget li a, .sidebar > .widget li #navArea ul a {
  height: 58px;
  display: table-cell;
  position: relative;
  /* end of #navArea ul li a*/
}
#navArea ul li > a, #navArea ul .sidebar > .widget li a > a, .sidebar > .widget li #navArea ul a > a {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 58px;
  color: #fff;
  text-transform: uppercase;
  padding: 0 28px;
  text-decoration: none;
}
@media only screen and (min-width: 1200px) {
  #navArea ul li > a, #navArea ul .sidebar > .widget li a > a, .sidebar > .widget li #navArea ul a > a {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 992px) {
  #navArea ul li > a, #navArea ul .sidebar > .widget li a > a, .sidebar > .widget li #navArea ul a > a {
    font-size: 14px;
    padding: 0 18px;
  }
}
#navArea ul li > a:hover, #navArea ul .sidebar > .widget li a > a:hover, .sidebar > .widget li #navArea ul a > a:hover {
  color: #fff;
}
#navArea ul li.menu-item-has-children, #navArea ul .sidebar > .widget li a.menu-item-has-children, .sidebar > .widget li #navArea ul a.menu-item-has-children {
  position: relative;
}
#navArea ul li.menu-item-has-children:after, #navArea ul .sidebar > .widget li a.menu-item-has-children:after, .sidebar > .widget li #navArea ul a.menu-item-has-children:after {
  display: block;
  content: '\f107';
  position: absolute;
  right: 10px;
  top: 3px;
  display: block;
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 12px;
  line-height: 52px;
  width: 12px;
  height: 52px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  #navArea ul li.menu-item-has-children:after, #navArea ul .sidebar > .widget li a.menu-item-has-children:after, .sidebar > .widget li #navArea ul a.menu-item-has-children:after {
    right: 4px;
    top: 2px;
  }
}
#navArea ul .sub-menu {
  width: 223px;
  padding: 15px 0;
  background-color: #424242;
}
#navArea ul .sub-menu li, #navArea ul .sub-menu .sidebar > .widget li a, .sidebar > .widget li #navArea ul .sub-menu a {
  margin-bottom: 1px;
  display: block;
  width: 100%;
  padding: 0;
  height: auto;
}
#navArea ul .sub-menu li a, .sidebar > .widget li #navArea ul .sub-menu a a {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #fff;
  padding: 7px 15px;
  display: block;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  #navArea ul .sub-menu li a, .sidebar > .widget li #navArea ul .sub-menu a a {
    padding: 5px 16px;
  }
}
#navArea ul .sub-menu li.menu-item-has-children > a, #navArea ul .sub-menu .sidebar > .widget li a.menu-item-has-children > a, .sidebar > .widget li #navArea ul .sub-menu a.menu-item-has-children > a {
  background: url(../images/bg_submenu_li.png) 90% center no-repeat;
}
#navArea ul .sub-menu li:hover > a, #navArea ul .sub-menu .sidebar > .widget li a:hover > a, .sidebar > .widget li #navArea ul .sub-menu a:hover > a {
  color: #fff;
  background-color: #f7c765;
}
#navArea ul .sub-menu li:hover > a:after, #navArea ul .sub-menu .sidebar > .widget li a:hover > a:after, .sidebar > .widget li #navArea ul .sub-menu a:hover > a:after, #navArea ul .sub-menu li:hover > a:before, #navArea ul .sub-menu .sidebar > .widget li a:hover > a:before, .sidebar > .widget li #navArea ul .sub-menu a:hover > a:before {
  display: none;
}
#navArea ul .sub-menu li:after, #navArea ul .sub-menu .sidebar > .widget li a:after, .sidebar > .widget li #navArea ul .sub-menu a:after, #navArea ul .sub-menu li:before, #navArea ul .sub-menu .sidebar > .widget li a:before, .sidebar > .widget li #navArea ul .sub-menu a:before {
  display: none;
}

/* end of #navArea */
/*  *************************************************** SLIDER WRAP ***********************************************/
#sliderWrap {
  position: relative;
  z-index: 50;
  /*  end of #sliderWrap .metaslider  */
}
#sliderWrap .metaslider {
  /*  end of #sliderWrap .caption-wrap  */
  /*  end of .flex-control-paging li a  */
  /*  end of .flex-direction-nav  */
}
#sliderWrap .metaslider .flexslider {
  margin-bottom: 0;
}
#sliderWrap .metaslider .caption-wrap {
  left: 0;
  top: auto;
  bottom: 0;
  height: auto;
  width: 100%;
  display: block;
  background: none;
  opacity: 1;
  /*  end of #sliderWrap .caption-wrap .caption */
}
@media only screen and (max-width: 767px) {
  #sliderWrap .metaslider .caption-wrap {
    position: relative;
  }
}
#sliderWrap .metaslider .caption-wrap .caption {
  display: table;
  vertical-align: middle;
  height: 100%;
  position: relative;
  left: 54px;
  margin-left: 0;
  margin-bottom: 37px;
}
@media only screen and (min-width: 1200px) {
  #sliderWrap .metaslider .caption-wrap .caption {
    /* margin-left: -578px; */
  }
}
@media only screen and (max-width: 992px) {
  #sliderWrap .metaslider .caption-wrap .caption {
    /* margin-left: -373px; */
  }
}
@media only screen and (max-width: 767px) {
  #sliderWrap .metaslider .caption-wrap .caption {
    left: 0;
    margin-left: 0;
    width: 100%;
    background: #3A3A3A;
  }
}
#sliderWrap .metaslider .caption-wrap .caption .inn {
  display: table-cell;
  vertical-align: middle;
}
#sliderWrap .metaslider .caption-wrap .caption h3 {
  line-height: 1.05;
  margin: 0;
  padding: 0;
  font-family: "Open Sans";
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000002;
  text-shadow: 1px 1px 10px rgba(1, 2, 2, 0.2);
}
@media only screen and (max-width: 1200px) {
  #sliderWrap .metaslider .caption-wrap .caption h3 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  #sliderWrap .metaslider .caption-wrap .caption h3 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #fff;
  }
}
#sliderWrap .metaslider .caption-wrap .caption h4 {
  font-weight: 300;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  font-size: 40px;
  font-family: "Open Sans";
  color: #000002;
  line-height: 1.25;
  text-align: left;
  text-shadow: 0.5px 0.866px 10px rgba(1, 2, 2, 0.2);
}
@media only screen and (max-width: 1200px) {
  #sliderWrap .metaslider .caption-wrap .caption h4 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  #sliderWrap .metaslider .caption-wrap .caption h4 {
    font-size: 30px;
    text-align: center;
    color: #fff;
  }
}
#sliderWrap .metaslider .flex-control-nav {
  bottom: 23px;
  z-index: 999;
}
@media only screen and (max-width: 767px) {
  #sliderWrap .metaslider .flex-control-nav {
    bottom: auto;
    top: 15px;
    left: 15px;
    right: auto;
    text-align: left;
  }
}
#sliderWrap .metaslider .flex-control-paging li, #sliderWrap .metaslider .flex-control-paging .sidebar > .widget li a, .sidebar > .widget li #sliderWrap .metaslider .flex-control-paging a {
  /*  end of .flex-control-paging li a  */
}
#sliderWrap .metaslider .flex-control-paging li a, .sidebar > .widget li #sliderWrap .metaslider .flex-control-paging a a {
  width: 11px;
  height: 11px;
  border: none;
}
#sliderWrap .metaslider .flex-direction-nav {
  bottom: 75px;
  position: absolute;
  right: 75px;
  /*  end of .flex-direction-nav a */
}
#sliderWrap .metaslider .flex-direction-nav a {
  width: 52px;
  height: 52px;
  opacity: 1;
  left: -60px;
  background: rgba(110, 110, 110, 0.5) url(../images/bg_slider_navigation_item.png) 20px center no-repeat;
  -webkit-transition: all .0s ease;
  -moz-transition: all .0s ease;
  -ms-transition: all .0s ease;
  -o-transition: all .0s ease;
  transition: all .0s ease;
}
#sliderWrap .metaslider .flex-direction-nav a.flex-next {
  background-position: -29px center;
  right: -44px;
  left: auto;
}
@media only screen and (max-width: 767px) {
  #sliderWrap .metaslider .flex-direction-nav a {
    display: none;
  }
}

/*  end of #sliderWrap  */
/*  **************************************** AFTER SLIDER AREA ************************************************/
#afterSliderArea {
  clear: both;
  overflow: hidden;
  padding: 70px 0 70px;
  position: relative;
  text-align: center;
  z-index: 35;
  /* end of .bannerBlock  */
}
@media only screen and (max-width: 992px) {
  #afterSliderArea {
    padding: 50px 0;
  }
}
#afterSliderArea h1 {
  font-family: 'Kreon', serif;
  font-size: 44px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  padding: 0;
  margin: 0 0 26px 0;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  #afterSliderArea h1 {
    font-size: 34px;
  }
}
#afterSliderArea h3.customColorBG {
  font-family: "Open Sans";
  font-size: 24px;
  line-height: 1.0;
  padding: 20px 50px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 30px 0;
  display: inline-block;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  #afterSliderArea h3.customColorBG {
    font-size: 20px;
  }
}
#afterSliderArea p {
  clear: both;
  overflow: hidden;
}
#afterSliderArea .bannerBlock {
  /* end of .bannerBlock .in */
}
@media only screen and (max-width: 767px) {
  #afterSliderArea .bannerBlock {
    margin: 0 0 15px;
  }
}
#afterSliderArea .bannerBlock .in {
  background: #e2e2e2;
  padding: 30px 0;
}
@media only screen and (max-width: 767px) {
  #afterSliderArea .bannerBlock .in {
    padding: 15px 0 1px;
  }
}
#afterSliderArea .bannerBlock .in h4 {
  text-align: left;
  font-family: 'Kreon', serif;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  padding: 0;
  margin: 0 9% 15px;
}
@media only screen and (min-width: 1200px) {
  #afterSliderArea .bannerBlock .in h4 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 992px) {
  #afterSliderArea .bannerBlock .in h4 {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #afterSliderArea .bannerBlock .in h4 {
    margin: 0 15px 15px;
  }
  #afterSliderArea .bannerBlock .in h4 br {
    display: none;
  }
}
#afterSliderArea .bannerBlock .in p {
  text-align: left;
  margin: 0 9% 15px;
}
@media only screen and (max-width: 767px) {
  #afterSliderArea .bannerBlock .in p {
    margin: 0 15px 15px;
  }
}
#afterSliderArea .bannerBlock .in a.readmore {
  color: #b0b0b0;
}
#afterSliderArea .bannerBlock .in a.readmore:hover {
  color: #fff;
  padding-right: 15px;
  padding-left: 15px;
}
#afterSliderArea .bannerBlock .in:hover {
  background: #303030;
}
#afterSliderArea .bannerBlock .in:hover h4, #afterSliderArea .bannerBlock .in:hover p {
  color: #fff;
}

/* end of #afterSliderArea */
/*  ********************************************** PHOTOBANNER ********************************************/
#photoBanner {
  /* end of img.bg */
}
@media only screen and (max-width: 767px) {
  #photoBanner img.bg {
    width: 150%;
    height: auto;
  }
}

/* end of #photoBanner  */
/*  *********************************************** SERVICE BOX ************************************************/
#serviceBox {
  position: relative;
  z-index: 36;
  padding-bottom: 115px;
  padding-top: 80px;
  background: url(../images/bg_serviceBox.jpg) 0 -40% no-repeat fixed;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  /* end of .wrapWord */
  /*  end of #serviceBox .in */
}
#serviceBox.tableMobile {
  -webkit-background-size: auto 100% !important;
  background-size: auto 100% !important;
  background-attachment: scroll !important;
  background-position: center 0 !important;
}
@media only screen and (max-width: 767px) {
  #serviceBox {
    padding-bottom: 150px;
  }
}
#serviceBox h2 {
  font-family: 'Kreon', serif;
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 0;
  margin: 0 0 60px 0;
  text-align: center;
}
#serviceBox .wrapWord {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 15;
  text-align: center;
  width: 100%;
}
#serviceBox .wrapWord h3.customColorBG {
  font-family: "Open Sans", sans-serifs;
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  padding: 20px 60px;
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #serviceBox .wrapWord h3.customColorBG {
    display: block;
    width: 100%;
    padding: 20px 0;
  }
}
#serviceBox .wrapWord h3.customColorBG a {
  font-family: "Open Sans", sans-serifs;
  font-size: 24px;
  line-height: 1.2;
  text-decoration: none;
  color: #fff;
}
#serviceBox .in {
  /*  end of #serviceBox .in li */
}
#serviceBox .in li, #serviceBox .in .sidebar > .widget li a, .sidebar > .widget li #serviceBox .in a {
  clear: both;
  padding-left: 45px;
  font-family: "Open Sans";
  font-size: 18px;
  color: #fff;
  line-height: 25px;
  clear: both;
  overflow: hidden;
  position: relative;
  text-align: left;
  min-height: 45px;
  margin-bottom: 5px;
  padding-top: 5px;
}
#serviceBox .in li a, .sidebar > .widget li #serviceBox .in a a {
  font-family: "Open Sans";
  font-size: 17px;
  color: #fff;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  vertical-align: bottom;
}
#serviceBox .in li a:hover, .sidebar > .widget li #serviceBox .in a a:hover {
  text-decoration: underline;
}
#serviceBox .in li img, .sidebar > .widget li #serviceBox .in a img {
  width: auto;
  position: absolute;
  left: 0;
  display: block;
  top: 0;
}

/*  end of #serviceBox */
/*  ********************************************** WELCOME WRAP ************************************************/
.divider {
  background: url(../images/bg_divider.png) center 0 no-repeat;
  width: 100%;
  height: 40px;
  clear: both;
  overflow: hidden;
  margin: 35px 0;
}
@media only screen and (max-width: 480px) {
  .divider {
    margin: 15px 0;
  }
}

#welcomeWrap {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzMTUxYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmMzA0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #13151c), color-stop(100%, #2f3041));
  background-image: -moz-linear-gradient(top, #13151c, #2f3041);
  background-image: -webkit-linear-gradient(top, #13151c, #2f3041);
  background-image: linear-gradient(to bottom, #13151c, #2f3041);
  padding-top: 75px;
  padding-bottom: 65px;
  position: relative;
  /*  end of #welcomeWrap .horo-preview-box */
}
@media only screen and (max-width: 480px) {
  #welcomeWrap {
    padding-top: 30px;
  }
}
#welcomeWrap:before {
  content: "";
  background: url(../images/bg_welcomeWrap.png) 0 0 repeat-x;
  height: 279px;
  width: 100%;
  z-index: 1;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
#welcomeWrap > * {
  position: relative;
  z-index: 2;
}
#welcomeWrap h2 {
  font-family: 'Quantico', sans-serif;
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  line-height: 42px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  #welcomeWrap h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}
#welcomeWrap p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #c8c7db;
  text-align: center;
}
#welcomeWrap p a {
  text-decoration: underline;
  color: #e1dffb;
}
#welcomeWrap .horo-preview-box {
  position: relative;
  margin-top: 40px;
  /*  end of #welcomeWrap .inn */
}
#welcomeWrap .horo-preview-box .inn {
  position: relative;
  background: #1c1d26;
  border: 1px solid #30313d;
  position: relative;
  z-index: 4;
  /*  end of #welcomeWrap .inn h5 */
  /*  end of a.readmore */
}
#welcomeWrap .horo-preview-box .inn h5 {
  padding: 26px 0;
  text-align: center;
  display: block;
  font-family: 'Quantico', sans-serif;
  font-size: 24px;
  line-height: 25px;
  color: #fff;
  text-transform: capitalize;
}
@media only screen and (max-width: 992px) {
  #welcomeWrap .horo-preview-box .inn h5 {
    font-size: 20px;
  }
}
#welcomeWrap .horo-preview-box .inn img {
  margin: 0 3px 35px 3px;
  width: 98%;
  max-width: 100%;
  height: auto;
  display: block;
}
#welcomeWrap .horo-preview-box .inn p.exc {
  margin-bottom: 35px;
  padding: 0 15px;
}
#welcomeWrap .horo-preview-box .inn a.readmore {
  font-family: 'Quantico', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #5c5d6f;
  padding-right: 22px;
  background: url(../images/bg_readmore.png) right 4px no-repeat;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 25px;
}
#welcomeWrap .horo-preview-box .inn a.readmore:hover {
  color: #dbddee;
  background-position: right -39px;
}
#welcomeWrap .horo-preview-box:hover .inn {
  background: #191a22;
  border: 1px solid #4d4e5f;
}
@media only screen and (max-width: 992px) {
  #welcomeWrap .divider + p br {
    display: none;
  }
}

/*  end of #welcomeWrap */
/*  ************************************************* BANNER WRAP **********************************************/
#bannerWrap {
  background: url("../images/bg_bannerWrap.jpg") 50% 50% no-repeat fixed;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 95px 0;
  /*  end of #bannerWrap */
}
@media only screen and (max-width: 480px) {
  #bannerWrap {
    padding: 40px 0;
  }
}
#bannerWrap.tableMobile {
  -webkit-background-size: 120% auto;
  background-size: 120% auto;
  background-attachment: scroll;
  background-position: center 0;
}
#bannerWrap .bannerBox {
  margin: 0;
  /*  end of #bannerWrap h3 */
}
#bannerWrap .bannerBox:before {
  left: 0;
}
#bannerWrap .bannerBox:after {
  right: 0;
}
#bannerWrap .bannerBox .inn {
  padding: 95px 0;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
  #bannerWrap .bannerBox .inn {
    padding: 30px 0;
  }
}
#bannerWrap .bannerBox h3 {
  font-family: 'Quantico', sans-serif;
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 25px 0;
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  #bannerWrap .bannerBox h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
#bannerWrap .bannerBox.linker .inner {
  width: 100%;
  margin: 100% auto;
}
@media only screen and (min-width: 1200px) {
  #bannerWrap .bannerBox.linker .inner {
    margin: 72% auto;
  }
}
@media only screen and (max-width: 992px) {
  #bannerWrap .bannerBox.linker .inner {
    margin: 145% auto;
  }
}
@media only screen and (max-width: 767px) {
  #bannerWrap .bannerBox.linker .inner {
    margin: 15px auto;
  }
}
#bannerWrap .bannerBox.linker h3 {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0;
}
@media only screen and (max-width: 992px) {
  #bannerWrap .bannerBox.linker h3 {
    font-size: 15px;
  }
}
#bannerWrap .bannerBox p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #c8c7db;
  text-align: center;
  padding: 0 15px;
}

/*  end of #bannerWrap */
/*  ****************************************************** Carousel Box *************************************/
#carouselBox {
  position: relative;
  padding: 90px 0;
  /* end of #owl-posts */
}
@media only screen and (max-width: 992px) {
  #carouselBox {
    padding: 50px 0;
  }
}
#carouselBox h2 {
  font-family: 'Kreon', serif;
  font-size: 48px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  text-align: center;
  padding: 0;
  margin: 0 0 30px 0;
}
@media only screen and (max-width: 480px) {
  #carouselBox h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
#carouselBox p {
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1.5;
  color: #494949;
  padding: 0;
  margin: 0 0 25px 0;
}
#carouselBox #owl-posts {
  margin-top: 45px;
  /*  end of #owl-posts .item */
  /*  end of .owl-buttons */
}
#carouselBox #owl-posts .item {
  padding: 0;
  margin: 0 15px;
  text-align: center;
  /* end of .wrapImg */
  /* end of .item h4 */
  /* end of a.read  */
}
#carouselBox #owl-posts .item .wrapImg {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #e2e2e2;
  margin: 0 auto 30px;
  padding: 7px;
  width: 196px;
  height: 196px;
}
#carouselBox #owl-posts .item .wrapImg img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 181px;
  height: 181px;
  display: block;
  padding: 0;
  margin: 0;
}
#carouselBox #owl-posts .item h4 {
  text-transform: capitalize;
  font-family: "Open Sans", san-serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  color: #252525;
  text-align: center;
}
#carouselBox #owl-posts .item h4 span {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: 22px;
}
#carouselBox #owl-posts .item .exceprt {
  margin-bottom: 20px;
  text-align: center;
}
#carouselBox #owl-posts .item a.read {
  padding: 5px 15px 8px;
  display: inline-block;
  text-transform: lowercase;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.0;
  color: #fff;
  background: #e2e2e2;
}
#carouselBox #owl-posts .item a.read:hover {
  /* @extend .customColor; */
}
#carouselBox #owl-posts .owl-buttons {
  /*  end of .owl-buttons > div */
}
#carouselBox #owl-posts .owl-buttons > div {
  background: url(../images/bg_owl-buttons_navi.png) 0 0 no-repeat;
  width: 59px;
  height: 59px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 42%;
}
#carouselBox #owl-posts .owl-buttons > div.owl-prev {
  background-position: 18px 17px;
  left: -70px;
}
#carouselBox #owl-posts .owl-buttons > div.owl-prev:hover {
  /* @extend .customColor; */
  background-position: 18px -37px;
}
#carouselBox #owl-posts .owl-buttons > div.owl-next {
  background-position: -44px 17px;
  right: -70px;
}
#carouselBox #owl-posts .owl-buttons > div.owl-next:hover {
  /* @extend .customColor; */
  background-position: -44px -37px;
}

/* end of #carousel */
/*  ************************************************ BANNER BOX *************************************/
#bannerBox {
  position: relative;
  z-index: 36;
  padding-bottom: 70px;
  padding-top: 70px;
  background: url(../images/bg_bannerBox.jpg) 0 -40% no-repeat fixed;
  -webkit-background-size: cover;
  background-size: cover;
  /* end of #bannerBox .bBox */
}
@media only screen and (max-width: 767px) {
  #bannerBox {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
#bannerBox.tableMobile {
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-attachment: scroll;
  background-position: center 0;
}
#bannerBox .bBox {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #bannerBox .bBox {
    margin-bottom: 25px;
  }
}
#bannerBox .bBox img {
  width: auto;
  display: block;
  margin: 0 auto 45px;
}
@media only screen and (max-width: 767px) {
  #bannerBox .bBox img {
    margin-bottom: 15px;
  }
}
#bannerBox .bBox h4 {
  font-family: 'Kreon', serif;
  font-size: 80px;
  line-height: 1.1;
  font-weight: bold;
  color: #f0f0f0;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  margin: 0;
}
#bannerBox .bBox p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  color: #e6f5ff;
  text-align: center;
}

/* end of #bannerBox  */
/*  ************************************************ LATEST POST HOME *************************************/
ul.recent-posts, #latestPostHome ul {
  /* end of ul.recent-posts li */
}
ul.recent-posts li, #latestPostHome ul li, ul.recent-posts .sidebar > .widget li a, .sidebar > .widget li ul.recent-posts a, #latestPostHome ul .sidebar > .widget li a, .sidebar > .widget li #latestPostHome ul a {
  margin-bottom: 25px;
  /* end of ul.recent-posts li .in */
}
ul.recent-posts li .in, #latestPostHome ul li .in, .sidebar > .widget li ul.recent-posts a .in, .sidebar > .widget li #latestPostHome ul a .in {
  background: #e2e2e2;
  padding-bottom: 12px;
  text-align: left;
  /* end of ul.recent-posts li .in:hover */
}
ul.recent-posts li .in:hover, #latestPostHome ul li .in:hover, .sidebar > .widget li ul.recent-posts a .in:hover, .sidebar > .widget li #latestPostHome ul a .in:hover {
  background: #303030;
}
ul.recent-posts li .in .featured-thumbnail, #latestPostHome ul li .in .featured-thumbnail, .sidebar > .widget li ul.recent-posts a .in .featured-thumbnail, .sidebar > .widget li #latestPostHome ul a .in .featured-thumbnail {
  float: none;
  margin: 0 0 17px 0;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  ul.recent-posts li .in .featured-thumbnail, #latestPostHome ul li .in .featured-thumbnail, .sidebar > .widget li ul.recent-posts a .in .featured-thumbnail, .sidebar > .widget li #latestPostHome ul a .in .featured-thumbnail {
    max-width: 100%;
  }
}
ul.recent-posts li .in .featured-thumbnail img, #latestPostHome ul li .in .featured-thumbnail img, .sidebar > .widget li ul.recent-posts a .in .featured-thumbnail img, .sidebar > .widget li #latestPostHome ul a .in .featured-thumbnail img {
  max-width: 100%;
  width: 100%;
  display: block;
}
ul.recent-posts li .in .meta, #latestPostHome ul li .in .meta, .sidebar > .widget li ul.recent-posts a .in .meta, .sidebar > .widget li #latestPostHome ul a .in .meta {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #6f6f6f;
  padding: 0 20px;
  text-align: left;
  margin: 0 0 10px 0;
  float: none;
  display: block;
}
ul.recent-posts li .in h5, #latestPostHome ul li .in h5, .sidebar > .widget li ul.recent-posts a .in h5, .sidebar > .widget li #latestPostHome ul a .in h5 {
  font-family: 'Kreon', serif;
  font-size: 16px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  padding: 0 20px;
  margin: 0 0 15px 0;
  text-align: left;
}
ul.recent-posts li .in h5 a, #latestPostHome ul li .in h5 a, .sidebar > .widget li ul.recent-posts a .in h5 a, .sidebar > .widget li #latestPostHome ul a .in h5 a {
  font-family: 'Kreon', serif;
  font-size: 16px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  text-decoration: none;
}
@media only screen and (max-width: 992px) {
  ul.recent-posts li .in h5 a, #latestPostHome ul li .in h5 a, .sidebar > .widget li ul.recent-posts a .in h5 a, .sidebar > .widget li #latestPostHome ul a .in h5 a {
    font-size: 12px;
  }
}
ul.recent-posts li .in:hover .meta, #latestPostHome ul li .in:hover .meta, .sidebar > .widget li ul.recent-posts a .in:hover .meta, .sidebar > .widget li #latestPostHome ul a .in:hover .meta {
  color: #6f6f6f;
}
ul.recent-posts li .in:hover h5, #latestPostHome ul li .in:hover h5, .sidebar > .widget li ul.recent-posts a .in:hover h5, .sidebar > .widget li #latestPostHome ul a .in:hover h5, ul.recent-posts li .in:hover h5 a, #latestPostHome ul li .in:hover h5 a, .sidebar > .widget li ul.recent-posts a .in:hover h5 a, .sidebar > .widget li #latestPostHome ul a .in:hover h5 a {
  color: #f0f0f0;
}
ul.recent-posts li #afterSliderArea .bannerBlock .in a.readmore, #afterSliderArea .bannerBlock ul.recent-posts li .in a.readmore, #latestPostHome ul li #afterSliderArea .bannerBlock .in a.readmore, #afterSliderArea .bannerBlock #latestPostHome ul li .in a.readmore, .sidebar > .widget li ul.recent-posts a #afterSliderArea .bannerBlock .in a.readmore, #afterSliderArea .bannerBlock .sidebar > .widget li ul.recent-posts a .in a.readmore, ul.recent-posts li .in a.readmore, #latestPostHome ul li .in a.readmore, .sidebar > .widget li ul.recent-posts a .in a.readmore, .sidebar > .widget li #latestPostHome ul a .in a.readmore {
  margin-left: 20px;
}
ul.recent-posts li #afterSliderArea .bannerBlock .in a.readmore:hover, #afterSliderArea .bannerBlock ul.recent-posts li .in a.readmore:hover, .sidebar > .widget li ul.recent-posts a #afterSliderArea .bannerBlock .in a.readmore:hover, #afterSliderArea .bannerBlock .sidebar > .widget li ul.recent-posts a .in a.readmore:hover, ul.recent-posts li .in a.readmore:hover, #latestPostHome ul li .in a.readmore:hover, .sidebar > .widget li ul.recent-posts a .in a.readmore:hover, .sidebar > .widget li #latestPostHome ul a .in a.readmore:hover {
  color: #fff;
  padding-right: 15px;
  padding-left: 15px;
}

/* end of ul.recent-posts */
#latestPostHome {
  padding: 90px 0;
  text-align: center;
  /* a.readmore {
      background: none;
      padding-top: 0;
      padding-bottom: 0;
      margin-left: 20px;

      &:hover {
          color: #fff;
      }
  } */
}
@media only screen and (max-width: 992px) {
  #latestPostHome {
    padding: 50px 0;
  }
}
#latestPostHome a.bigButton {
  display: inline-block;
  text-decoration: none;
  padding: 20px 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin: 40px 0 0 0;
}
#latestPostHome a.bigButton:hover {
  background: #303030 !important;
}
#latestPostHome h2 {
  text-align: center;
  font-family: 'Kreon', serif;
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  margin: 0 0 30px 0;
  padding: 0;
}

/* end of #latestPostHome  */
/*  *********************************************** BLOG HOLDER *****************************************/
.blogHolder {
  /* end of #latestPostHome ul li */
}
.blogHolder > .row > div {
  margin-bottom: 25px;
  /* end of #latestPostHome ul li .in */
}
.blogHolder > .row > div article {
  background: #e2e2e2;
  padding-bottom: 12px;
  text-align: left;
  /* end of #latestPostHome ul li .in:hover */
}
.blogHolder > .row > div article:hover {
  background: #303030;
}
.blogHolder > .row > div article .featured-thumbnail {
  float: none;
  margin: 0 0 17px 0;
  overflow: hidden;
}
.blogHolder > .row > div article .featured-thumbnail img {
  max-width: 100%;
  width: 100%;
  display: block;
  border: none !important;
}
.blogHolder > .row > div article .post-meta {
  margin: 0 !important;
}
.blogHolder > .row > div article .post-meta > * {
  display: none;
}
.blogHolder > .row > div article .post-meta time {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #6f6f6f;
  padding: 0 20px;
  text-align: left;
  margin: 0 0 10px 0;
  float: none;
  display: block;
}
.blogHolder > .row > div article .entry-header h3 {
  font-family: 'Kreon', serif;
  font-size: 16px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  padding: 0 20px;
  margin: 0 0 15px 0;
  text-align: left;
}
.blogHolder > .row > div article .entry-header h3 a {
  font-family: 'Kreon', serif;
  font-size: 16px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
  text-decoration: none;
}
@media only screen and (max-width: 992px) {
  .blogHolder > .row > div article .entry-header h3 a {
    font-size: 12px;
  }
}
.blogHolder > .row > div article:hover .meta {
  color: #6f6f6f;
}
.blogHolder > .row > div article:hover .entry-header, .blogHolder > .row > div article:hover .entry-header a {
  color: #f0f0f0;
}
.blogHolder > .row > div article #afterSliderArea .bannerBlock .in a.readmore, #afterSliderArea .bannerBlock .in .blogHolder > .row > div article a.readmore, .blogHolder > .row > div article #latestPostHome ul li .in a.readmore, #latestPostHome ul li .in .blogHolder > .row > div article a.readmore, .blogHolder > .row > div article .sidebar > .widget li #latestPostHome ul a .in a.readmore, .sidebar > .widget li #latestPostHome ul a .in .blogHolder > .row > div article a.readmore, .blogHolder > .row > div article a.readmore {
  margin-left: 20px;
  /* background: none !important; */
}
.blogHolder > .row > div article #afterSliderArea .bannerBlock .in a.readmore:after, #afterSliderArea .bannerBlock .in .blogHolder > .row > div article a.readmore:after, .blogHolder > .row > div article #latestPostHome ul li .in a.readmore:after, #latestPostHome ul li .in .blogHolder > .row > div article a.readmore:after, .blogHolder > .row > div article .sidebar > .widget li #latestPostHome ul a .in a.readmore:after, .sidebar > .widget li #latestPostHome ul a .in .blogHolder > .row > div article a.readmore:after, .blogHolder > .row > div article a.readmore:after {
  top: 5px !important;
}
.blogHolder > .row > div article .post-content .excerpt {
  display: none;
}

/* end of #latestPostHome ul li */
/*  ************************************************ BEFORE FOOTER *************************************/
#beforeFooter {
  background: url("../images/bg_beforeFooter.jpg") 50% 50% no-repeat fixed;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 95px 0 65px;
  position: relative;
  z-index: 30;
  /* end of #beforeFooter h6 */
  /* end of #beforeFooter p */
  /*  end of #owl-testiBox  */
}
@media only screen and (max-width: 992px) {
  #beforeFooter {
    padding: 50px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  #beforeFooter .bf-box1 {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 480px) {
  #beforeFooter {
    padding: 40px 0 20px;
  }
}
#beforeFooter.tableMobile {
  -webkit-background-size: 120% auto;
  background-size: 120% auto;
  background-attachment: scroll;
  background-position: center 0;
}
#beforeFooter h2 {
  font-family: 'Kreon', serif;
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
  text-transform: capitalize;
  margin: 0 0 35px 0;
  padding: 0;
}
#beforeFooter iframe {
  float: left;
  width: 54%;
  height: 170px;
  margin-right: 25px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) {
  #beforeFooter iframe {
    height: 200px;
  }
}
@media only screen and (max-width: 480px) {
  #beforeFooter iframe {
    float: none;
    width: 100%;
    height: 200px;
    margin: 0 0 25px 0;
  }
}
#beforeFooter h6 {
  font-family: 'Kreon', serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  color: #f0f0f0;
}
@media only screen and (max-width: 992px) {
  #beforeFooter h6 {
    font-size: 13px;
  }
}
#beforeFooter h6 span {
  display: block;
}
#beforeFooter p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #f0f0f0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  #beforeFooter p {
    margin-bottom: 11px;
  }
}
#beforeFooter p strong {
  display: block;
  font-weight: bold;
}
#beforeFooter p a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #f0f0f0;
  text-decoration: none;
}
@media only screen and (max-width: 992px) {
  #beforeFooter p a {
    display: block;
  }
}
#beforeFooter p a[href*="mailTo"] {
  text-decoration: underline;
}
#beforeFooter #owl-testiBox {
  /* end of .owl-controls .owl-buttons div */
}
#beforeFooter #owl-testiBox .owl-controls .owl-buttons div {
  background: url(../images/bg_owl-testi_nav.png) 0 0 no-repeat;
  width: 14px;
  height: 24px;
  opacity: 0.65;
  position: absolute;
  top: -65px;
  right: 40px;
  text-indent: -9999px;
}
#beforeFooter #owl-testiBox .owl-controls .owl-buttons div.owl-next {
  background-position: -19px 0;
  right: 0;
}
#beforeFooter #owl-testiBox .owl-controls .owl-buttons div:hover {
  opacity: 1;
}

/* end of #beforeFooter  */
/*  ******************************************* FOOTER *************************************************/
#searchform, #footer #searchform, #error404 #searchform {
  position: relative;
}
#searchform input[type="text"], #footer #searchform input[type="text"], #error404 #searchform input[type="text"] {
  width: 100%;
  height: 31px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #d8d8d8;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #3f3f3f;
  padding: 0 40px 0 10px;
  border: none;
}
#searchform input[type="submit"], #footer #searchform input[type="submit"], #error404 #searchform input[type="submit"] {
  font-family: 'FontAwesome';
  content: '\f002';
  font-size: 20px;
  text-indent: -9999px;
  line-height: 1.45;
  color: #3f3f3f;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0;
  border-radius: 0 3px 3px 0;
  background: url(../images/bg_search.png) center center no-repeat;
  padding: 1px 15px;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
}

/* end of #searchform */
#footer {
  background: #3f3f3f;
  padding: 100px 0 0;
  /* end of #footerInfo */
}
@media only screen and (max-width: 767px) {
  #footer {
    padding-top: 40px;
  }
}
#footer .footerLogo {
  background: #4d4d4d;
  padding: 15px 25px;
  display: block;
  text-align: center;
  margin: 0 35px 15px 0;
}
@media only screen and (max-width: 480px) {
  #footer .footerLogo {
    float: none;
  }
}
#footer p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #f0f0f0;
}
#footer h6 {
  font-family: 'Kreon', serif;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #9e9e9e;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  #footer h6 {
    margin-top: 30px;
  }
}
#footer .sep_line {
  border-top: 2px solid #585858;
  height: 0;
  width: 100%;
  clear: both;
  overflow: hidden;
  margin-top: 20px;
}
#footer #footerInfo {
  /* border-top: 2px solid #585858;
  margin-top: 30px; */
  padding-top: 45px;
  padding-bottom: 55px;
  clear: both;
  overflow: hidden;
  /* end of > div[id*="my_postwidget"] */
  /* end of > div[id*="social_networks"] */
}
@media only screen and (max-width: 767px) {
  #footer #footerInfo {
    padding-bottom: 5px;
  }
}
#footer #footerInfo > div[id*="nav_menu"] {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  float: left;
  width: 25%;
}
@media only screen and (max-width: 767px) {
  #footer #footerInfo > div[id*="nav_menu"] {
    width: 100%;
    float: none;
  }
}
#footer #footerInfo > div[id*="my_postwidget"] {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  float: left;
  width: 33.3333%;
  /* end of > div[id*="my_postwidget"] .latestpost */
}
@media only screen and (max-width: 767px) {
  #footer #footerInfo > div[id*="my_postwidget"] {
    width: 100%;
    float: none;
  }
}
#footer #footerInfo > div[id*="my_postwidget"] .latestpost li, #footer #footerInfo > div[id*="my_postwidget"] .latestpost .sidebar > .widget li a, .sidebar > .widget li #footer #footerInfo > div[id*="my_postwidget"] .latestpost a {
  margin-bottom: 10px;
}
#footer #footerInfo > div[id*="my_postwidget"] .latestpost li .featured-thumbnail, .sidebar > .widget li #footer #footerInfo > div[id*="my_postwidget"] .latestpost a .featured-thumbnail {
  display: none;
}
#footer #footerInfo > div[id*="my_postwidget"] .latestpost li .postData time, .sidebar > .widget li #footer #footerInfo > div[id*="my_postwidget"] .latestpost a .postData time {
  display: none;
}
#footer #footerInfo > div[id*="my_postwidget"] .latestpost li .postData > a, #footer #footerInfo > div[id*="my_postwidget"] .latestpost .sidebar > .widget li a .postData > a, .sidebar > .widget li #footer #footerInfo > div[id*="my_postwidget"] .latestpost a .postData > a {
  text-transform: capitalize;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #d2d2d1;
}
#footer #footerInfo > div[id*="my_postwidget"] .latestpost li .postData > a:hover, #footer #footerInfo > div[id*="my_postwidget"] .latestpost .sidebar > .widget li a .postData > a:hover, .sidebar > .widget li #footer #footerInfo > div[id*="my_postwidget"] .latestpost a .postData > a:hover {
  text-decoration: underline;
  color: #fff;
}
#footer #footerInfo > div[id*="social_networks"] {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  float: left;
  width: 16.6667%;
  /* end of > div[id*="social_networks"] .social-networks */
}
@media only screen and (max-width: 767px) {
  #footer #footerInfo > div[id*="social_networks"] {
    width: 100%;
    float: none;
  }
}
#footer #footerInfo > div[id*="social_networks"] .social-networks {
  /* end of .social-networks li */
}
#footer #footerInfo > div[id*="social_networks"] .social-networks li, #footer #footerInfo > div[id*="social_networks"] .social-networks .sidebar > .widget li a, .sidebar > .widget li #footer #footerInfo > div[id*="social_networks"] .social-networks a {
  display: block;
  margin-bottom: 10px;
}
#footer #footerInfo > div[id*="social_networks"] .social-networks li a, .sidebar > .widget li #footer #footerInfo > div[id*="social_networks"] .social-networks a a {
  margin: 0;
  padding-left: 35px;
  display: block;
  width: 100%;
  height: auto;
}
#footer #footerInfo > div[id*="social_networks"] .social-networks li a:after, .sidebar > .widget li #footer #footerInfo > div[id*="social_networks"] .social-networks a a:after {
  height: 20px;
  line-height: 20px;
  padding: 0;
  width: 25px;
  background: none !important;
}
#footer #footerInfo > div[id*="social_networks"] .social-networks li a:hover, .sidebar > .widget li #footer #footerInfo > div[id*="social_networks"] .social-networks a a:hover {
  text-decoration: underline;
}
#footer #footerInfo > div[id*="social_networks"] .social-networks li a:hover:after, .sidebar > .widget li #footer #footerInfo > div[id*="social_networks"] .social-networks a a:hover:after {
  background: none;
}
#footer #footerInfo h2 {
  font-family: 'Kreon', serif;
  font-size: 24px;
  line-height: 1.3;
  font-weight: bold;
  color: #9e9e9e;
  text-transform: capitalize;
  padding: 0;
  margin: 0 0 25px 0;
}
@media only screen and (max-width: 992px) {
  #footer #footerInfo h2 {
    font-size: 22px;
  }
}
#footer #footerInfo ul li, #footer #footerInfo ul .sidebar > .widget li a, .sidebar > .widget li #footer #footerInfo ul a {
  margin-bottom: 6px;
}
#footer #footerInfo ul li a, .sidebar > .widget li #footer #footerInfo ul a a {
  font-family: "Open Sans", serif;
  font-size: 14px;
  line-height: 1.5;
  color: #d2d2d1;
  text-decoration: none;
}
#footer #footerInfo ul li a:hover, .sidebar > .widget li #footer #footerInfo ul a a:hover {
  text-decoration: underline;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #footer #footerInfo > div {
    margin-bottom: 30px;
  }
  #footer #footerInfo > div h2 {
    margin-bottom: 5px;
  }
}

/* end of #footer  */
#footerBottom {
  background: #303030;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #848484;
  padding: 30px 0 20px;
}

/* end of #footerBottom  */
/*  ************************************************** BREADCRUMBS *******************************************/
#breadCrumd {
  background: #f3f3f3;
  padding: 10px 0 12px 0;
  text-align: left;
  /* end of #breadCrumd li */
}
#breadCrumd li, #breadCrumd .sidebar > .widget li a, .sidebar > .widget li #breadCrumd a {
  display: inline-block;
  margin-right: 30px;
}
#breadCrumd li a, .sidebar > .widget li #breadCrumd a a {
  padding-left: 20px;
  padding-right: 15px;
  position: relative;
  display: block;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #303030;
}
#breadCrumd li a:after, .sidebar > .widget li #breadCrumd a a:after {
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  content: '';
  width: 15px;
  height: 15px;
}
#breadCrumd li a:hover, .sidebar > .widget li #breadCrumd a a:hover {
  color: #fff !important;
}
#breadCrumd li.current-menu-item a, #breadCrumd .sidebar > .widget li a.current-menu-item a, .sidebar > .widget li #breadCrumd a.current-menu-item a {
  color: #757575;
}

/* end of #breadCrumd */
/*  *******************************************  **************************************************/
#primaryWrapContent {
  position: relative;
  padding: 50px 0;
  background: #fff;
}
#primaryWrapContent > * {
  position: relative;
  z-index: 3;
}
#primaryWrapContent:before {
  background: url("../images/bg_welcomeWrap.png") repeat-x 0 0;
  content: "";
  display: block;
  height: 279px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
#primaryWrapContent .post-meta {
  overflow: hidden;
}
#primaryWrapContent .post-meta time, #primaryWrapContent .post-meta b {
  font-weight: bold;
  text-decoration: none;
}
#primaryWrapContent .post-meta > p {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ecebeb;
}
#primaryWrapContent img {
  border: 1px solid #e2e2e2;
  /*padding: 5px; */
  background: #1d1e27;
}
#primaryWrapContent img:hover {
  border-color: #797a91;
}
#primaryWrapContent img.ajax-loader {
  width: auto;
  border: none;
  border: none;
  background: none;
}

/*  end of #primaryWrapContent */
.home #primaryWrapContent {
  padding: 0;
  background: none;
}
.home #primaryWrapContent:before {
  display: none;
}

/* Featured thumbnail */
.featured-thumbnail {
  float: left;
  /* smargin: 0 15px 10px 0; */
  margin: 0 25px 10px 0;
  position: relative;
  display: block;
}
.featured-thumbnail img {
  float: left;
  height: auto;
  margin: 0;
  width: auto;
}
@media only screen and (max-width: 992px) {
  .featured-thumbnail {
    max-width: 35%;
  }
  .featured-thumbnail img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .featured-thumbnail {
    max-width: 30%;
  }
}
@media only screen and (max-width: 480px) {
  .featured-thumbnail {
    max-width: 90%;
    float: none;
    margin: 0 0 20px 0;
    overflow: hidden;
  }
}

/* end of .featured-thumbnail */
@media only screen and (max-width: 992px) {
  article .post-content {
    display: table-cell;
  }
}

/* end of article */
#galleryHolder .galleryItem a img {
  background: #e2e2e2;
  padding: 7px;
  border: none;
}

/*  *********************************************** SIDEBAR ********************************************/
.sidebar {
  /*  end of .widget */
}
.sidebar > .widget {
  margin-bottom: 50px;
  /*  end of .widget li */
  /*  end of .widget .latestpost */
  /*  end of .widget h2 */
}
.sidebar > .widget li, .sidebar > .widget li a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  text-transform: uppercase;
  color: #303030;
  text-align: left;
  padding: 0 0 0 25px;
  padding: 0;
  margin-bottom: 8px;
  position: relative;
  /*  end of .widget li a */
}
@media only screen and (max-width: 767px) {
  .sidebar > .widget li, .sidebar > .widget li a {
    font-size: 14px;
    line-height: 1.2;
    background-position: 0 3px;
  }
}
.sidebar > .widget li:last-child, .sidebar > .widget li a:last-child {
  margin-bottom: 0;
}
.sidebar > .widget li:before, .sidebar > .widget li a:before {
  /* position: absolute;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  @extend .customColor;
  left: 0;
  top: 4px; */
}
.sidebar > .widget li a {
  padding: 0;
  padding-left: 25px;
  background: none;
  text-decoration: none;
  display: block;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .sidebar > .widget li a {
    display: inline-block;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.sidebar > .widget li a:before {
  /* display: none; */
  position: absolute;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  left: 0;
  top: 4px;
}
.sidebar > .widget li a:hover {
  color: #fff;
}
.sidebar > .widget .latestpost {
  /*  end of .widget .latestpost li */
}
.sidebar > .widget .latestpost li, .sidebar > .widget .latestpost li a, .sidebar > .widget li .latestpost a {
  clear: both;
  overflow: hidden;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #30313d;
  /*  end of .featured-thumbnail */
}
.sidebar > .widget .latestpost li .featured-thumbnail, .sidebar > .widget li .latestpost a .featured-thumbnail {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 0 15px 0 0;
}
.sidebar > .widget .latestpost li .featured-thumbnail img, .sidebar > .widget li .latestpost a .featured-thumbnail img {
  width: auto;
  height: 60px;
  padding: 0 !important;
  border: none !important;
  display: block;
  margin-left: -30px;
}
.sidebar > .widget .latestpost li .postData > a, .sidebar > .widget .latestpost li a .postData > a, .sidebar > .widget li .latestpost a .postData > a {
  font-size: 14px;
  font-family: 'Kreon', serif;
  color: #dbddee;
  text-transform: uppercase;
  line-height: 1.286;
  text-align: left;
  text-decoration: none;
  padding: 0;
  margin: 0 0 6px 0;
  display: block;
}
@media only screen and (max-width: 992px) {
  .sidebar > .widget .latestpost li .postData > a, .sidebar > .widget .latestpost li a .postData > a, .sidebar > .widget li .latestpost a .postData > a {
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar > .widget .latestpost li .postData > a, .sidebar > .widget .latestpost li a .postData > a, .sidebar > .widget li .latestpost a .postData > a {
    font-size: 14px;
  }
}
.sidebar > .widget .latestpost li time, .sidebar > .widget li .latestpost a time {
  font-size: 12px;
  font-family: 'Kreon', serif;
  color: #4d4e5f;
  line-height: 1.917;
  text-align: left;
  text-transform: uppercase;
  display: block;
}
@media only screen and (max-width: 992px) {
  .sidebar > .widget .latestpost li time, .sidebar > .widget li .latestpost a time {
    font-size: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar > .widget .latestpost li time, .sidebar > .widget li .latestpost a time {
    font-size: 12px;
  }
}
.sidebar > .widget .latestpost li .postData, .sidebar > .widget li .latestpost a .postData {
  display: table;
}
@media only screen and (max-width: 992px) {
  .sidebar > .widget h2 {
    margin-top: -7px;
  }
}

/*  end of .sidebar */
.sidebar > .widget:first-child {
  margin-top: 0;
}

/*  ******************************************* DIFFERENT STYLE *********************************************/
@media only screen and (max-width: 992px) {
  #primaryWrapContent img.alignleft,
  #primaryWrapContent img.alignright {
    max-width: 45%;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  #primaryWrapContent img.alignleft,
  #primaryWrapContent img.alignright {
    max-width: 43%;
  }
}
@media only screen and (max-width: 480px) {
  #primaryWrapContent img.alignleft,
  #primaryWrapContent img.alignright {
    max-width: 100%;
  }
}

/*  ************************************************ MOBILE MENU *********************************************/
#hamburger {
  display: block;
  width: 40px;
  height: 36px;
  margin: 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}

#hamburger:before,
#hamburger:after,
#hamburger span {
  background: #fff;
  content: '';
  display: block;
  width: 30px;
  height: 6px;
  position: absolute;
  left: 5px;
}

#hamburger:before {
  top: 5px;
}

#hamburger:after {
  bottom: 5px;
}

#hamburger span {
  top: 50%;
  margin-top: -3px;
}

.mm-list, .mm-list > li, .sidebar > .widget li .mm-list > a, .mm-list > li a, .sidebar > .widget li .mm-list > a a {
  color: rgba(255, 255, 255, 0.6);
}

@media all and (min-width: 768px) {
  #hamburger {
    display: none;
  }
}
/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span {
  transition: none 0.5s ease 0.5s;
  transition-property: transform, top, bottom, left, opacity;
}

html.mm-opening #hamburger span {
  left: -50px;
  opacity: 0;
}

html.mm-opening #hamburger:before {
  transform: rotate(45deg);
  top: 15px;
}

html.mm-opening #hamburger:after {
  transform: rotate(-45deg);
  bottom: 15px;
}

#menu_mobile {
  display: none;
}
#menu_mobile.mm-opened {
  display: block;
}

#page {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/*  ********************************************** IZOTOPE ***************************************/
#primaryWrapContent #filter-by a {
  font-family: 'Kreon', serif;
}
@media only screen and (max-width: 480px) {
  #primaryWrapContent #filter-by a {
    margin-right: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .galleryItem {
    width: 150px;
  }
}
@media only screen and (max-width: 480px) {
  .galleryItem {
    width: 120px;
  }
}

/*  ************************************************** Main Contact Form ****************************************/
body iframe {
  width: 100%;
  height: auto;
  display: block;
}

.wrapIframe iframe {
  height: 400px;
}

#primaryWrapContent .wpcf7-form p {
  margin-bottom: 10px;
}
#primaryWrapContent .wpcf7-form input[type="text"], #primaryWrapContent .wpcf7-form input[type="email"],
#primaryWrapContent .wpcf7-form input[type="tel"], #primaryWrapContent .wpcf7-form input[type="phone"], #primaryWrapContent .wpcf7-form input[type="number"] {
  color: #7b7b91;
  text-transform: none;
  background-color: #d8d8d8;
  border: medium none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #3f3f3f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  height: 31px;
  line-height: 1.5;
  padding: 0 10px 0 10px;
  width: 100%;
}
#primaryWrapContent .wpcf7-form input[type="text"]:focus, #primaryWrapContent .wpcf7-form input[type="email"]:focus,
#primaryWrapContent .wpcf7-form input[type="tel"]:focus, #primaryWrapContent .wpcf7-form input[type="phone"]:focus, #primaryWrapContent .wpcf7-form input[type="number"]:focus {
  outline: none !important;
  outline: none !important;
  -webkit-box-shadow: 0 0 0 1px #8a8a8a;
  -moz-box-shadow: 0 0 0 1px #8a8a8a;
  box-shadow: 0 0 0 1px #8a8a8a;
}
#primaryWrapContent .wpcf7-form textarea {
  color: #7b7b91;
  text-transform: none;
  background-color: #d8d8d8;
  border: medium none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #3f3f3f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  height: 31px;
  line-height: 1.5;
  padding: 0 10px 0 10px;
  width: 100%;
  height: 150px;
  resize: none;
}
#primaryWrapContent .wpcf7-form textarea:focus {
  outline: none !important;
  outline: none !important;
  -webkit-box-shadow: 0 0 0 1px #8a8a8a;
  -moz-box-shadow: 0 0 0 1px #8a8a8a;
  box-shadow: 0 0 0 1px #8a8a8a;
}
#primaryWrapContent .wpcf7-form input[type="submit"] {
  padding: 10px 20px 12px;
  font-size: 20px;
  margin-top: 25px;
  border: none;
}

/*  end of .wpcf7-form */
/*  **************************************************** COMMENT FORM **************************************/
#commentform {
  width: 100%;
  overflow: hidden;
  padding: 3px 0 10px 0;
}
@media only screen and (max-width: 767px) {
  #commentform {
    margin-bottom: 30px;
  }
}
#commentform label {
  float: left;
  width: 60px;
  padding: 0 10px 8px 0;
  line-height: 14px;
  text-align: left;
}
#commentform p {
  margin: 0 0 9px 0;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="tel"],
#commentform input[type="number"],
#commentform textarea {
  border: none;
  margin-bottom: 5px;
  width: 45%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 2px 0 5px 15px;
  line-height: 31px;
  padding: 10px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #d8d8d8;
  height: 31px;
  font-size: 14px;
  font-family: "Open Sans";
  color: #3f3f3f;
  line-height: 1.571;
}
@media only screen and (max-width: 992px) {
  #commentform input[type="text"],
  #commentform input[type="email"],
  #commentform input[type="tel"],
  #commentform input[type="number"],
  #commentform textarea {
    width: 80%;
  }
}
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="tel"]:focus,
#commentform input[type="number"]:focus,
#commentform textarea:focus {
  outline: none !important;
  outline: none !important;
  -webkit-box-shadow: 0 0 0 1px #8a8a8a;
  -moz-box-shadow: 0 0 0 1px #8a8a8a;
  box-shadow: 0 0 0 1px #8a8a8a;
}
#commentform textarea {
  height: 250px;
  -webkit-resize: none;
  -moz-resize: none;
  resize: none;
}

/*  *************************************************************************************/
.wrap_content {
  /* end of .wrap_content .serviceBox */
}
@media only screen and (max-width: 767px) {
  .wrap_content {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_content .serviceBox {
    margin-bottom: 30px;
  }
}

/* end of .wrap_content */
/* ********************************* Page Navigaton ********************************/
/*  ********************************** Older and newer navigation *******************************************/
nav.oldernewer {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1.5em;
}

.older {
  float: left;
}

.newer {
  float: right;
}

.single-oldernewer {
  font-size: 11px;
  border-top: 1px solid #4B4D4E;
  border-bottom: 1px solid #4B4D4E;
  padding: .5em 0;
  margin: 1em 0 0 0;
}

nav.oldernewer a {
  background: #32333F;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #949aa7;
  display: inline-block;
  font: 14px/41px "Roboto", sans-serif;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  margin-right: 0;
  border: 1px solid #535463;
}
nav.oldernewer a:hover, nav.oldernewer a:hover, nav.oldernewer a.current {
  background: #050509;
  color: #fff;
  text-decoration: none;
}

/* end of #primaryWrapContent items */
/******/
#primaryWrapContent .pagenavi {
  position: relative;
  width: 100%;
  overflow: hidden;
  clear: both;
  padding: 30px 0;
  /* end of #primaryWrapContent items */
}
#primaryWrapContent .pagenavi span.pages {
  display: none !important;
}
#primaryWrapContent .pagenavi span,
#primaryWrapContent .pagenavi a,
#primaryWrapContent .pagenavi .next,
#primaryWrapContent .pagenavi .last,
#primaryWrapContent .pagenavi .prev,
#primaryWrapContent .pagenavi .first {
  background: #e2e2e2;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #949aa7;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 3.2;
  text-transform: uppercase;
  color: #303030;
  padding-left: 23px;
  padding-right: 23px;
  position: relative;
  text-align: center;
  text-decoration: none;
  margin-right: 10px;
}
#primaryWrapContent .pagenavi span:hover,
#primaryWrapContent .pagenavi a:hover,
#primaryWrapContent .pagenavi .next:hover,
#primaryWrapContent .pagenavi .last:hover,
#primaryWrapContent .pagenavi .prev:hover,
#primaryWrapContent .pagenavi .first:hover {
  background: #303030;
  color: #fff;
}
#primaryWrapContent .pagenavi span.current,
#primaryWrapContent .pagenavi a.current,
#primaryWrapContent .pagenavi .next.current,
#primaryWrapContent .pagenavi .last.current,
#primaryWrapContent .pagenavi .prev.current,
#primaryWrapContent .pagenavi .first.current {
  color: #fff;
  text-decoration: none;
}

/* 	end of #primaryWrapContent .pagenavi */
/*  *********************************************** POST-META ************************************************/
.post-meta b {
  float: right;
}

/* end of .post-meta */
/*  *********************************************** WRAP TESTI ************************************************/
#sidebarLeft .widget {
  background: none !important;
}
#sidebarLeft .widget:before, #sidebarLeft .widget:after {
  display: none;
}
#sidebarLeft .widget .inn {
  background: none;
}
#sidebarLeft .widget .inn:before, #sidebarLeft .widget .inn:after {
  display: none;
}

.wrapTesti, blockquote {
  padding: 0 15px 15px 45px;
  margin-bottom: 20px;
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-style: italic;
  color: #494949;
  /* background: url(../images/bg_wrapTesti.png) 0 0 no-repeat; */
  position: relative;
}
.wrapTesti:before, blockquote:before {
  position: absolute;
  display: block;
  content: '\f10d';
  font-family: 'FontAwesome';
  font-size: 26px;
  line-height: 1.2;
  width: 30px;
  height: 30px;
  top: -3px;
  left: 0;
  font-style: normal;
}
.wrapTesti .testiInner, blockquote .testiInner {
  margin: 0 0 15px 0;
}
@media only screen and (max-width: 992px) {
  .wrapTesti, blockquote {
    /* padding: 45px 15px 15px 0; */
  }
}
.wrapTesti a, blockquote a {
  text-decoration: none;
}
.wrapTesti .testiOwner, .wrapTesti p.author, blockquote .testiOwner, blockquote .wrapTesti p.author, .wrapTesti blockquote p.author, blockquote p.author {
  font-family: 'Kreon', serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  font-style: normal;
  color: #494949;
  padding: 0 0 3px 45px;
  margin: 0;
  background: url(../images/bg_testiOwner2.png) 0 0 no-repeat;
}
.wrapTesti .testiOwner span, .wrapTesti p.author span, blockquote .testiOwner span, blockquote .wrapTesti p.author span, .wrapTesti blockquote p.author span, blockquote p.author span {
  text-transform: uppercase;
  color: #494949;
}
.wrapTesti p, blockquote p {
  margin-bottom: 5px !important;
}

/*  end of .wrapTesti */
#beforeFooter .wrapTesti,
#beforeFooter blockquote {
  color: #f0f0f0;
  /* background: url(../images/bg_wrapTesti.png) 0 0 no-repeat; */
}
#beforeFooter .wrapTesti .testiOwner, #beforeFooter .wrapTesti p.author, #beforeFooter .wrapTesti p.author,
#beforeFooter blockquote .testiOwner,
#beforeFooter blockquote p.author,
#beforeFooter blockquote p.author {
  color: #f0f0f0;
  background: url(../images/bg_testiOwner.png) 0 0 no-repeat;
  /* span { color: #f7c765; } */
}

/*  **************************************************/
#commentform input#submit {
  border: none;
  padding: 10px 20px 12px;
  font-size: 20px;
  margin-top: 25px;
}

.reply a.comment-reply-link {
  border: none;
  margin-top: 0;
}

/*  ********************************************* Error 404 page ***********************************/
#error404 {
  padding: 0 0 30px 0;
  text-align: center;
}
#error404 h1 {
  text-align: center;
}
#error404 h2 {
  margin: 0 0 15px 0;
  background: none;
  text-align: center;
  padding: 0;
  letter-spacing: 0.1em;
}
#error404 h6, #error404 p {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 10px;
  line-height: 25px;
  text-align: center;
}
#error404 #searchform {
  margin: 0 auto;
  width: 262px;
  float: none;
}
#error404 .error404-num {
  font-size: 250px;
  line-height: 1.2em;
}
@media only screen and (max-width: 767px) {
  #error404 .error404-num {
    font-size: 120px;
  }
}

/* end of #error404 */