/*!
Theme Name: Julian Kanz²
Theme URI: http://www.juliankanz.com/
Description: Updated version of the old site, to include native mobile and other tweaks.
Author: Dorin, theMikeD
Version: 2.0
Tags:
*/
img {
  border: none;
}
body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
textarea {
  resize: none;
}
a {
  color: #666666;
  text-decoration: none;
}
a:hover {
  color: #bb1382;
  text-decoration: none;
}
h3 {
  color: #666666;
  font-weight: 400;
  line-height: 1em;
  font-size: 13px;
  margin-top: 10px;
}
.entry-content-faq h3 {
  color: #666666;
  font-weight: 400;
  line-height: 1em;
  font-size: 13px;
  margin-top: 10px;
}
p {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  margin-right: 0;
  margin-bottom: 0;
}
#wrapper {
  margin: 0 auto;
  padding: 0;
}
#main {
  margin: 1em auto;
}
/*=Header-wrap -------------------------------------------------------------- */
#header-wrap {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
#bg-bottom {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 25px;
  background: url(images/bg-bottom.png) repeat-x;
}
/*=Header-------------------------------------------------------------- */
#header {
  margin: 0 auto;
  padding: 30px 0 0;
}
#branding {
  text-align: left;
  position: relative;
  z-index: 111;
  margin-bottom: 30px;
}
#branding a {
  overflow: hidden;
}
/*=Menu-------------------------------------------------------------- */
#access {
  width: auto;
  display: block;
  position: relative;
  padding: 0;
  z-index: 111;
  /*margin-left: 300px;*/
  float: right;
  /*	margin-top: -54px;*/
  margin-top: -59px;
  font-weight: 400;
}
#access .menu-header,
ul.menu {
  font-size: 16px;
  font-family: 'Lato', 'Helvetica', sans-serif;
  font-weight: 400;
}
#access .menu-header ul,
#access ul.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
#access ul.menu ul li ul li {
  margin: 0;
  padding: 0;
}
#menu-desktop-wrap .menu-header li,
#access ul.menu li {
  float: left;
  height: 28px;
  position: relative;
  margin-left: 0;
  display: block;
}
#menu-desktop-wrap ul.menu li a {
  display: block;
  text-decoration: none;
}
#menu-desktop-wrap a {
  color: #666666;
  font-size: 14px;
  /*line-height: 1em;*/
  text-transform: uppercase;
  display: block;
  margin-left: 20px;
  padding-bottom: 42px !important;
}
#menu-desktop-wrap li:hover > a {
  /*background: url(images/menu-hover.png) no-repeat;*/
  background-position: center bottom;
  color: #bb1382;
}
#menu-desktop-wrap ul li:hover > ul {
  display: block;
}
#menu-desktop-wrap li.current_page_item a,
#access li.current-menu-ancestor a,
#access li.current-menu-parent > a {
  background: url(images/menu-hover.png) no-repeat center bottom;
  color: #bb1382;
}
* html #menu-desktop-wrap li.current_page_item a,
* html #menu-desktop-wrap li.current-menu-ancestor a,
* html #menu-desktop-wrap li.current-menu-parent a,
* html #menu-desktop-wrap li a:hover {
  background: url(images/menu-hover.png) no-repeat !important;
  background-position: center bottom;
  color: #bb1382;
}
#access li ul li.current_page_item a,
#access li ul li.current-menu-ancestor a,
#access li ul li.current-menu-item a,
#access li ul li:hover > a,
#access li ul li.current-menu-parent > a {
  /*	background: url(images/menu-hover.png) no-repeat;*/
  background-position: center bottom;
}
/* =Info page-------------------------------------------------------------- */
#content {
  height: auto;
  background: #ffffff;
  margin: 0 auto;
  overflow: hidden;
}
h2.intro_title {
  font-size: 26px;
  color: #666666;
  margin-top: 0;
  margin-bottom: 1em;
  font-family: 'Lato', 'Helvetica', sans-serif;
  font-weight: 400;
  clear: both;
}
.text p {
  color: #666666;
  font-size: 14px;
  text-align: justify;
  line-height: 1.5em;
  font-weight: 400;
  margin: 0 0 10px 0;
}
.text h2.intro_title {
  font-size: 26px;
  font-weight: 400;
  color: #666666;
  margin-top: 0;
}
.text {
  width: 650px;
  height: auto;
  float: left;
  margin-left: 30px;
}
.foto {
  width: 220px;
  height: 230px;
  float: left;
  border: none;
  background: url(images/bg-foto.png) no-repeat;
}
.foto img {
  width: 200px;
  height: 200px;
  /*width: expression(this.width > 200 ? 200: true);        height: expression(this.height > 200 ? 200: true);*/
  margin-top: 23px;
  margin-left: 9px;
}
/*= Testimonial -------------------------------------------------------------- */
/* = Blog -------------------------------------------------------------- */
#blog-intro {
  width: 100%;
  height: 305px;
  background: url(images/blog-intro.png) repeat-x;
  margin-top: -25px;
  padding-top: 0;
  display: none;
}
#blog-intro-content {
  height: 305px;
  margin: 0 auto;
  overflow: hidden;
}
#intro-gal {
  width: 450px;
  height: 305px;
  float: left;
  margin-top: 20px;
}
.post-intro {
  width: 430px;
  height: auto;
  float: left;
  margin-left: 20px;
}
.post-intro p {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  text-align: justify;
  margin-top: -10px;
  margin-right: 0;
}
.post-intro a h2.intro_title {
  font-size: 26px;
  font-weight: 400;
  color: #666666;
  margin-top: 16px;
}
.post-intro a:hover h2.intro_title {
  color: #bb1382;
}
.twitter-msg {
  width: 430px;
  height: 65px;
  background: url(images/twitter-msg.png) no-repeat;
  float: left;
  margin-left: 20px;
  margin-top: 20px;
}
.twitter-msg ul li,
.really_simple_twitter_widget {
  list-style: none;
  margin: 0;
  padding: 0;
}
.twitter-msg p,
.twitter-msg ul li {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  text-align: justify;
  margin: 10px;
}
/* =Search-------------------------------------------------------------- */
/*---------------------------------------------*/
.soc-but {
  width: 250px;
  height: 40px;
  float: left;
  /*display: none;*/
  /*overflow: hidden;*/
}
.soc-but a.rss {
  background: url(images/rss-but.png) no-repeat;
  width: 16px;
  height: 18px;
  display: block;
  text-indent: -9999999px;
  float: right;
  margin-top: 8px;
  position: absolute;
  z-index: 999999999;
  margin-left: 235px;
}
.facebook {
  width: 87px;
  height: 20px;
  margin-top: 6px;
  margin-left: 140px;
  position: absolute;
  z-index: 99999999;
}
.twitter {
  width: 138px;
  height: 20px;
  float: right;
  margin-top: 6px;
  position: absolute;
  /*margin-right: 10px;*/
}
/*--------------------------------------------------*/
.categoryblog {
  margin-top: 0;
  margin-bottom: 2em;
  color: #666666;
  padding-top: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.categoryblog span {
  padding-top: 0;
  /*color: #bb1382;*/
  color: #666666;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  background-position: right center;
  padding-right: 1px;
  margin: 0;
}
.categoryblog a {
  margin-top: 0;
  /*color: #bb1382;*/
  color: #666666;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  margin-left: 3px;
  margin-right: 0;
}
.categoryblog.grey {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.categoryblog.grey span,
.categoryblog.grey a {
  font-size: 11px !important;
}
/*= Blog-post-----------------------------------------------------*/
.blog-post {
  height: auto;
  margin: 0 auto;
}
.post-content {
  height: auto;
  /*padding-top: 5px;*/
  margin-bottom: 20px;
  /*padding-bottom: 20px;*/
  overflow: hidden;
}
.post-content a.title h2.intro_title,
.post-content h2.intro_title {
  font-size: 1.8em;
  font-weight: 400;
  color: #666666;
  margin-top: 5px;
}
.cutomtitle {
  padding-top: 15px;
}
.post-content a.title:hover h2.intro_title {
  color: #bb1382;
}
.post-content p.date {
  color: #666666;
  font-weight: 400;
  line-height: 1.5em;
  float: right;
  margin-top: -43px;
}
.post-content .date {
  color: #8c8b8b;
  font-weight: 400;
  font-size: 12px;
}
.post-content img {
  border: none;
  height: auto;
  /*width: expression(this.width > 900 ? 900: true);*/
  margin: 0 auto;
  display: block;
  /*height: expression(this.height > 600 ? 600: true);*/
  /*margin-bottom: 0;    margin-top: 0;/*/
}
.post-content p {
  color: #262626;
  font-size: 14px !important;
  line-height: 1.5em;
  text-align: justify;
  font-weight: 400;
  margin-bottom: 10px;
}
.post-content ul li,
.post-content ul,
.entry-content ul,
.entry-content ul li {
  color: #666666;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 4px;
  line-height: 1.5em;
}
.entry-content pre {
  color: #666666;
  font-size: 13px;
  text-align: justify;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5em;
}
.post-content ul,
.entry-content ul {
  /*margin-bottom: 4px;*/
}
#content-wrapper h1,
#content-wrapper h2,
#content-wrapper h3,
#content-wrapper h4,
#content-wrapper h5,
#content-wrapper h6 {
  color: #666666 !important;
}
/*-------------------------------------------------------*/
.close-post div {
  margin-bottom: 0;
  background-position: top center;
}
.obutton {
  height: 6px;
  border-top: 6px #bb1382 solid;
}
.obutton .abg {
  margin-left: auto;
  margin-right: auto;
  /*border: blue thin solid;*/
  background: url(images/bg-open-btn.png) no-repeat top center;
  width: 79px;
  height: 22px;
  margin-top: -6px;
  text-align: center;
}
.obutton div a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  line-height: 1em;
  position: relative;
}
/*-------------------------------------------------------*/
.open-post {
  height: auto;
  overflow: hidden;
  display: none;
}
.close-button {
  margin-top: 400px;
  border-top: 6px #bb1382 solid;
}
.close-button .cbg {
  margin-left: auto;
  margin-right: auto;
  background: url(images/bg-open-btn.png) no-repeat top center;
  width: 79px;
  height: 22px;
  margin-top: -25px;
  text-align: center;
}
.close-button div a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  line-height: 1em;
  position: relative;
}
/*------------------------------------------------------*/
.add-comm {
  height: 30px;
  margin-top: 10px;
  /*float: left;*/
  overflow: hidden;
}
.add-comm ul {
  margin-top: 0;
  padding-left: 0;
  width: 500px;
  height: 20px;
  float: left;
}
.add-comm ul li {
  display: inline;
  list-style: none;
}
.add-comm ul li a {
  color: #666666;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 400;
}
.add-comm ul li a:hover {
  color: #bb1382;
}
/*= Comment form------------------------------------------------------------------*/
.comment-form {
  width: 465px;
  height: 250px;
  overflow: hidden;
  padding: 0;
  margin-top: 20px;
  float: left;
}
.comment-form .inputs {
  float: left;
  width: 191px;
}
.comment-form .area {
  float: left;
  width: 251px;
  margin-left: 20px;
  overflow: hidden;
}
.comment-form .say {
  float: right;
  /*margin-top: 15px;*/
  margin-right: 155px;
}
.comment-form p {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 4px;
}
.comment-form .inputs input {
  width: 191px;
  height: 22px;
  padding: 4px;
  border: none;
  color: #9c9c9c;
  font-size: 11px;
  background: url(images/input.png) no-repeat;
}
.comment-form .area textarea {
  width: 251px;
  height: 131px;
  background: url(images/textbox.png) no-repeat;
  padding: 4px;
  border: none;
  color: #9c9c9c;
  font-size: 11px;
  overflow: hidden;
}
.comment-form .say input {
  width: 95px;
  height: 22px;
  background: url(images/comment-submit.png) no-repeat;
  cursor: pointer;
  border: none;
  padding: 0;
  text-indent: -999999px;
}
.comment-form .say input:hover {
  color: #141414;
  text-shadow: #606060 1px 1px 1px;
}
.comment-form input,
.comment-form input:focus,
.comment-form .area textarea,
.comment-form .area textarea:focus {
  outline-width: 0;
}
/*-------------------------------------------------*/
.comments-reply {
  width: 400px;
  height: 222px;
  float: left;
  margin: 20px auto 0 25px;
}
.reply {
  width: 400px;
  height: 160px;
  overflow-x: hidden;
  overflow-y: auto;
}
.flexcroll {
  height: 160px;
}
.comments-reply a {
  color: #343434;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
}
.comments-reply p {
  color: #8c8b8b;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 20px;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
.scrollgeneric {
  line-height: 1px;
  font-size: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
  visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */
/* And style your scrollbar like you normally do */
.vscrollerbase {
  width: 5px;
  background: #e7e3e6;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.vscrollerbar {
  width: 5px;
  background: #828282;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.vscrollerbar,
.hscrollerbar {
  padding-bottom: 1px;
  position: relative;
  z-index: 2;
}
/* Scroll Bar Master Styling Ends Here */
/*::-webkit-scrollbar{width: 5px;height: 0;}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment   {height: 5px;display: block;background-color: transparent;}::-webkit-scrollbar-track-piece  {-webkit-border-radius: 6px;-moz-border-radius: 6px;background:#e7e3e6;}::-webkit-scrollbar-thumb:vertical {width: 5px;background: #828282;-webkit-border-radius: 6px;-moz-border-radius: 6px;}*/
/*= Portfolio------------------------------------------------------*/
/*#content-portfolio {	width: 100%;	height: 618px;	margin: 0 auto;	background: url(images/bg-content-portfolio.png) repeat-x;	overflow: hidden;	padding-top: 1px;	margin-top: -27px;	margin-bottom: -27px;	position: relative;	z-index: 1;}*/
#content-portfolio-top {
  width: 100%;
  height: 400px;
  padding-top: 1px;
  position: relative;
  z-index: 1;
  margin-top: -26px;
  /*background: #E8E5E8;*/
}
#content-portfolio-middle {
  width: 100%;
  height: auto;
  margin-bottom: -25px;
}
#content-portfolio-bottom {
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 1;
}
.portfolio-gal {
  margin: -400px auto 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.portfolio-gal .intro_title {
  margin-left: 15px;
  margin-top: 25px;
}
.cat {
  width: 280px;
  height: 220px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 25px;
  border-bottom: 1px #b1abab solid;
}
.cat img {
  width: 280px;
  height: 186px;
  border: none;
  /*1px solid #E8E5E8;*/
  /*width: expression(this.width > 312 ? 312: true);    	height: expression(this.height > 208 ? 208: true);*/
}
.cat img:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -html-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
  /* border: 1px solid #bb1382;*/
  /*outline: 1px solid #bb1382;*/
  outline-offset: -1px;
}
.cat a h3 {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 8px;
  height: 20px;
  float: left;
  text-decoration: none;
}
.cat a:hover h3 {
  color: #bb1382;
}
/* =Intro--------------------------------------------------------------*/
#container-home {
  width: 100%;
  height: auto;
  background: #ffffff;
  margin-top: -25px;
  margin-bottom: -23px;
  position: relative;
  z-index: 1;
}
#content-home {
  width: 920px;
  height: 620px;
  margin: 0 auto;
  border: 1px #bb1382 solid;
  border-radius: 4px;
}
.entry-slider {
  margin-left: 10px;
  margin-top: 10px;
}
/* = Gallery_page----------------------------------------------------------------*/
#container-thumbs {
  width: 100%;
  height: 215px;
  background: url(images/bg-portfolio-thumbs.png) repeat-x;
  margin-top: -25px;
}
#portfolio-nav {
  height: 215px;
  margin: 0 auto;
  padding-top: 20px;
}
#portfolio-nav h3 {
  color: #666666;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1em;
}
#portfolio-nav ul {
  margin-left: 0;
  padding-left: 0;
  /*display: inline;*/
  border: none;
}
#portfolio-nav ul li {
  margin-left: 0;
  margin-right: 25px;
  border: none;
  list-style: none;
  float: left;
  display: inline;
}
/*Carousel*/
#portofolio_thumbs a h4 {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 0;
}
#portofolio_thumbs a:hover h4 {
  color: #bb1382;
}
#portofolio_thumbs a img {
  width: 150px;
  height: 100px;
  border: none;
  /*width: expression(this.width > 150 ? 150: true);        height: expression(this.height > 100 ? 100: true);*/
}
/*= Paginator--------------------------------------------------------------------*/
#nav-bar {
  height: auto;
  overflow: hidden;
  margin-bottom: 40px;
}
#nav-bar a.prev,
#nav-bar .prev a {
  color: #666666;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: underline;
  float: left;
  background: url(images/prev-bg.png) no-repeat left center;
  padding-left: 8px;
}
#nav-bar a.next,
#nav-bar .next a {
  color: #666666;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: underline;
  float: right;
  background: url(images/next-bg.png) no-repeat center right;
  padding-right: 8px;
}
#nav-bar a.prev:hover,
#nav-bar a.next:hover {
  color: #bb1382;
}
/*= Arhives--------------------------------------------------------------------*/
.arhives {
  height: auto;
  overflow: hidden;
}
.arhives p {
  margin-top: -2px;
  margin-right: 0;
  padding-right: 34px;
  float: left;
  color: #7f7873;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.125em;
  text-transform: uppercase;
  background: url(images/bg-an.png) no-repeat right center;
}
.arhives ul {
  margin-top: 0;
  padding-left: 0;
  float: left;
}
.arhives ul li {
  display: inline;
  float: right;
}
.arhives ul li a {
  color: #7f7873;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.125em;
  text-transform: uppercase;
  margin-left: 32px;
}
.arhives ul li span {
  color: #7f7873;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.125em;
  text-transform: uppercase;
  margin-left: 32px;
}
.arhives ul li a:hover {
  color: #bb1382;
}
/* = SLideshow-------------------------------------------------------------- */
#slideshow {
  width: 712px;
  float: left;
  min-height: 340px;
}
/* = Contact -------------------------------------------------------------- */
#content table {
  height: auto;
  margin-top: 15px;
  float: left;
}
tr td.label {
  padding-bottom: 10px;
  padding-right: 15px;
  font-size: 13px;
  line-height: 1em;
  color: #666666;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
tr td.input input {
  background: url(images/input-contact.png) no-repeat;
  width: 420px;
  height: 22px;
  border: none;
  color: #666666;
  font-size: 12px;
  line-height: 1em;
  margin-left: 10px;
}
tr td.area-contact textarea {
  background: url(images/textarea-contact.png) no-repeat;
  width: 420px;
  height: 111px;
  margin-left: 10px;
  border: none;
  overflow: hidden;
}
tr td.send input {
  width: 95px;
  height: 22px;
  background: url(images/comment-submit.png) no-repeat;
  border: none;
  display: block;
  text-indent: -9999999px;
  margin-left: 10px;
  cursor: pointer;
}
tr td.input input,
tr td.input input:focus {
  outline-width: 0;
}
tr td.label span {
  color: #bb1382;
}
tr td.chek {
  color: #898989;
  font-size: 12px;
  line-height: 1em;
  font-weight: 400;
  margin-left: 0;
}
.c-phone {
  width: 125px;
  height: auto;
  float: right;
  padding-left: 20px;
  padding-top: 0;
  border-left: 1px #7f7873 solid;
}
.c-phone p.mail {
  color: #bb1382;
}
.c-phone p.top {
  margin-top: 0;
}
/* = Footer -------------------------------------------------------------- */
#footer {
  margin: 20px auto 0 auto;
  padding-top: 6px;
  border-top: 1px #7f7873 solid;
  overflow: hidden;
}
.footer-upper-area {
  margin-top: 1em;
}
.widget-area .widget + .widget {
  margin-top: 1em;
}
/*=Languages -------------------------------------------------------------- */
/*scroller*/
.jThumbnailScroller {
  position: relative;
  height: 120px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.jThumbnailScroller .jTscrollerContainer {
  position: absolute;
  padding: 0;
  margin: 0;
}
.jThumbnailScroller .jTscrollerContainer li {
  padding: 0;
  margin-right: 10px;
}
.jThumbnailScroller .jTscroller {
  position: relative;
  height: 100%;
  margin: auto 0;
  left: 0;
  top: 0;
  display: inline-block;
  *display: inline;
}
.jThumbnailScroller .jTscrollerNextButton:hover,
.jThumbnailScroller .jTscrollerPrevButton:hover {
  opacity: 1;
}
.jThumbnailScroller .jTscroller a {
  display: block;
  float: left;
  margin: 0;
}
.jThumbnailScroller .jTscroller a:hover {
  border-color: #ffffff;
}
.jThumbnailScroller .jTscroller a img {
  border: none;
}
.jThumbnailScroller .jTscroller a img:hover {
  opacity: 0.8;
}
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1 {
  width: 100%;
  padding: 0;
  margin: 0;
}
.jThumbnailScroller a h4 {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0;
}
tr td.area-contact textarea {
  background: url(images/textarea-contact.png) no-repeat;
  width: 420px;
  height: 111px;
  margin-left: 10px;
  border: none;
  overflow: hidden;
  color: #898989;
  font-size: 12px;
  line-height: 1em;
}
tr td.send input {
  width: 95px;
  height: 22px;
  background: url(images/comment-submit.png) no-repeat;
  border: none;
  display: block;
  text-indent: -9999999px;
  margin-left: 10px;
  cursor: pointer;
}
tr td.send {
  padding-top: 15px;
}
tr td.input input,
tr td.input input:focus,
tr td.area-contact textarea,
tr td.area-contact textarea:focus {
  outline-width: 0;
}
.oqeys {
  margin-top: 1px;
  padding-top: 1px;
  clear: both;
  margin-bottom: 30px;
}
.oqeysites {
  height: 10px;
  margin: 0 auto;
}
input.wpcf7-quiz {
  width: 20% !important;
  border: 1px grey solid !important;
  background: none !important;
}
.wpcf7-quiz-label {
  padding-bottom: 10px;
  padding-right: 15px;
  font-size: 13px;
  line-height: 1em;
  color: #666666;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  padding-left: 10px;
}
div.fsrc {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
div.txtfoto {
  color: #666666;
  font-size: 13px;
  text-align: left;
  line-height: 1.5em;
  font-weight: 400;
  margin: 20px 0 10px 0;
  padding-right: 3px;
}
ul.footerul {
  list-style-type: none;
  display: table;
  margin: 0 auto;
  padding: 0;
}
.footer-widget-area {
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
}
.footer-widget-area > .widget-area {
  font-size: 12px !important;
  width: 32% !important;
  text-align: center;
  text-transform: uppercase;
}
.footer-widget-area > .widget-area ul {
  margin: 0;
  padding: 0;
}
.footer-widget-area > .widget-area li {
  list-style-type: none;
  margin-bottom: 6px;
}
.footer-widget-area > .widget-area h4 {
  font-weight: normal;
  font-style: italic;
  color: #666;
  margin: 0;
  margin-bottom: 6px;
}
.footer-upper-area {
  display: flex;
  justify-content: space-between;
  font-size: 12px !important;
}
.footer-upper-area > div {
  width: 32% !important;
}
.footer-upper-area > div ul {
  margin: 0;
  padding: 0;
}
.footer-upper-area > div li {
  list-style-type: none;
}
.footer-upper-area > div:first-child {
  text-align: left;
}
.footer-upper-area .wpml-ls-legacy-list-horizontal {
  margin: 0 !important;
  padding: 0;
  text-transform: uppercase;
}
.footer-upper-area .wpml-ls-legacy-list-horizontal ul {
  text-align: left !important;
}
.footer-upper-area .wpml-ls-legacy-list-horizontal ul a {
  padding: 0;
}
.footer-upper-area .wpml-ls-legacy-list-horizontal ul li {
  margin-left: 2em;
}
.footer-upper-area .wpml-ls-legacy-list-horizontal ul li:first-child {
  margin-left: 0;
}
img {
  border: none;
}
body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: 'Lato', 'Helvetica', sans-serif;
  font-weight: 400;
}
textarea {
  resize: none;
}
a {
  color: #666666;
  text-decoration: none;
}
a:hover {
  color: #bb1382;
  text-decoration: none;
}
h1 {
  color: #666666;
}
h3 {
  color: #666666;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1em;
  font-size: 13px;
  margin-top: 10px;
}
#wrapper {
  margin: 0 auto;
  padding: 0;
}
/*=Header-wrap -------------------------------------------------------------- */
#header-wrap {
  padding: 0px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#bg-bottom {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 25px;
  background: url(images/bg-bottom.png) repeat-x;
}
/*=Header-------------------------------------------------------------- */
#header {
  margin: 0 auto;
  padding: 0;
  padding-top: 30px;
  width: 900px;
}
body {
  overflow-x: hidden !important;
}
#branding {
  position: relative;
  z-index: 111;
  margin-bottom: 30px;
}
/*=Menu-------------------------------------------------------------- */
#menu-desktop-wrap {
  width: auto;
  display: block;
  position: relative;
  padding: 0px;
  z-index: 111;
  /*margin-left: 400px;*/
  float: right;
  margin-top: -60px;
  font-weight: 400;
}
#menu-desktop-wrap .menu-header,
ul.menu {
  font-size: 16px;
}
#menu-desktop-wrap .menu-header ul,
#menu-desktop-wrap ul.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 0px;
  float: right;
}
#menu-desktop-wrap ul.menu ul li ul li {
  margin: 0;
  padding: 0;
}
#menu-desktop-wrap .menu-header li,
#menu-desktop-wrap ul.menu li {
  float: left;
  height: 30px;
  position: relative;
  margin-left: 0px;
  display: block;
}
#menu-desktop-wrap ul.menu li a {
  display: block;
  text-decoration: none;
}
/* =Info page-------------------------------------------------------------- */
#content {
  width: 900px;
  height: auto;
  background: #ffffff;
  margin: 0 auto;
  overflow: hidden;
}
h2.intro_title {
  font-size: 30px;
  font-weight: 400;
  margin-top: 0px;
}
.text p {
  color: #000000;
  font-size: 13px;
  text-align: justify;
  line-height: 1.5em;
  font-weight: 400;
  margin-top: 0px;
  margin-right: 0px;
}
.text h2.intro_title {
  font-size: 30px;
  font-weight: 400;
  margin-top: 0px;
}
.text {
  width: 650px;
  height: auto;
  float: left;
  margin-left: 30px;
}
.foto {
  width: 220px;
  height: 230px;
  float: left;
  border: none;
  background: url(images/bg-foto.png) no-repeat;
}
.foto img {
  width: 200px;
  height: 200px;
  /*width: expression(this.width > 200 ? 200: true);    height: expression(this.height > 200 ? 200: true);*/
  margin-top: 23px;
  margin-left: 9px;
}
/*= Testimonial -------------------------------------------------------------- */
.box {
  display: flex;
  max-height: 77px;
  margin-bottom: 20px;
  overflow: hidden;
}
.box img {
  width: 119px;
}
.box .extras {
  width: 100%;
  margin-left: 1em;
  max-height: 77px;
  background: url(images/bg-extras.png) no-repeat;
  border-right: 1px solid #666;
  max-width: 750px;
}
.box p {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
  margin-top: -10px;
  margin-left: 25px;
  margin-right: 15px;
  margin-bottom: 0px;
}
.box h4 {
  color: #000000;
  font-weight: 400;
  line-height: 1em;
  font-size: 13px;
  margin-top: 10px;
  margin-left: 25px;
  text-decoration: none;
}
.box a:hover h4 {
  color: #bb1382;
}
/* = Blog -------------------------------------------------------------- */
#blog-intro {
  width: 100%;
  height: 310px;
  background: url(images/blog-intro.png) repeat-x;
  margin-top: -25px;
  padding-top: 1px;
}
#blog-intro-content {
  width: 900px;
  height: 310px;
  margin: 0px auto;
  overflow: hidden;
}
#intro-gal {
  width: 450px;
  height: 305px;
  float: left;
}
.post-intro {
  width: 430px;
  height: auto;
  float: left;
  margin-left: 20px;
}
.post-intro p {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  text-align: justify;
  margin-top: -10px;
}
.post-intro a h2.intro_title {
  font-size: 30px;
  font-weight: 400;
  margin-top: 10px;
}
.post-intro a:hover h2.intro_title {
  color: #bb1382;
}
/* =Search-------------------------------------------------------------- */
.blog-post {
  height: auto;
  margin: 0 auto;
}
.post-content {
  height: auto;
  padding-top: 5px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}
.post-content a.title:hover h2.intro_title {
  color: #bb1382;
}
.post-content p.date {
  color: #000000;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5em;
  float: right;
  margin-top: -50px;
}
.post-content img {
  border: none;
  width: 1000px;
  height: auto;
  /*width: expression(this.width > 900 ? 900: true);       height: expression(this.height > 600 ? 600: true);*/
  margin-top: 15px;
  margin-bottom: 15px;
}
.post-content p {
  color: #262626;
  font-size: 12px;
  line-height: 1.5em;
  text-align: justify;
  font-weight: 400;
}
/*------------------------------------------------------*/
.add-comm a {
  color: #000000;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 400;
  text-transform: capitalize;
}
.add-comm a:hover {
  color: #bb1382;
}
/*= Comment form------------------------------------------------------------------*/
.comment-form {
  width: 465px;
  height: 216px;
  overflow: hidden;
  padding: 0px;
  margin-top: 20px;
  float: left;
}
.comment-form .inputs {
  float: left;
  width: 191px;
}
.comment-form .area {
  float: left;
  width: 251px;
  margin-left: 20px;
  overflow: hidden;
}
.comment-form .say {
  float: right;
  margin-top: 15px;
}
.comment-form p {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 4px;
}
.comment-form .inputs input {
  width: 191px;
  height: 22px;
  padding: 4px;
  border: none;
  color: #9c9c9c;
  font-size: 11px;
  background: url(images/input.png) no-repeat;
}
.comment-form .area textarea {
  width: 251px;
  height: 131px;
  background: url(images/textbox.png) no-repeat;
  padding: 4px;
  border: none;
  color: #9c9c9c;
  font-size: 11px;
}
.comment-form .say input {
  width: 95px;
  height: 22px;
  background: url(images/comment-submit.png) no-repeat;
  cursor: pointer;
  border: none;
  padding: 0;
  text-indent: -999999px;
}
.comment-form input,
.comment-form input:focus,
.comment-form .area textarea,
.comment-form .area textarea:focus {
  outline-width: 0;
}
/*-------------------------------------------------*/
.comments-reply {
  width: 500px;
  height: 216px;
  margin: 0px auto;
  float: left;
  margin-left: 30px;
  margin-top: 20px;
}
.reply {
  width: 500px;
  height: 160px;
  overflow-x: hidden;
  overflow-y: auto;
}
.flexcroll {
  height: 160px;
}
.comments-reply a {
  color: #343434;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
}
.comments-reply p {
  color: #8c8b8b;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
  margin-top: 0px;
  margin-bottom: 20px;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
.scrollgeneric {
  line-height: 1px;
  font-size: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
  visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */
/* And style your scrollbar like you normally do */
.vscrollerbase {
  width: 5px;
  background: #e7e3e6;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.vscrollerbar {
  width: 5px;
  background: #828282;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.vscrollerbar,
.hscrollerbar {
  padding-bottom: 5px;
  position: relative;
  z-index: 2;
}
.vscrollerbarbeg {
  background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
  width: 5px;
  height: 15px !important;
}
.hscrollerbase {
  height: 15px;
  background: #d7ebdf url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
  border: 1px green solid;
}
.hscrollerbar {
  height: 15px;
  background: #99cbcb url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbarend {
  background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
  width: 5px;
  height: 15px;
}
.hscrollerbarbeg {
  background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
  height: 15px;
  width: 5px !important;
}
.hscrollerbarend {
  background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
  height: 15px;
  width: 15px;
}
.scrollerjogbox {
  width: 15px;
  height: 15px;
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  background: #4e727c url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
  background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
  width: 15px;
  height: 15px !important;
}
.vscrollerbaseend {
  background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
  height: 15px;
  width: 15px;
}
.hscrollerbasebeg {
  background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
  height: 15px;
  width: 15px !important;
}
.hscrollerbaseend {
  height: 15px;
  width: 15px;
  background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
  background: #5e828c url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */
/*::-webkit-scrollbar{width: 5px;height: 0px;}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment   {height: 5px;display: block;background-color: transparent;}::-webkit-scrollbar-track-piece  {-webkit-border-radius: 6px;-moz-border-radius: 6px;background:#e7e3e6;}::-webkit-scrollbar-thumb:vertical {width: 5px;background: #828282;-webkit-border-radius: 6px;-moz-border-radius: 6px;}*/
/*= Portfolio------------------------------------------------------*/
/*#content-portfolio {	width: 100%;	height: 618px;	margin: 0px auto;	background: url(images/bg-content-portfolio.png) repeat-x;	overflow: hidden;	padding-top: 1px;	margin-top: -27px;	margin-bottom: -27px;	position: relative;	z-index: 1;}*/
#content-portfolio-top {
  width: 100%;
  height: 400px;
  padding-top: 1px;
  position: relative;
  z-index: 1;
  margin-top: -27px;
}
#content-portfolio-middle {
  width: 100%;
  height: auto;
  margin-bottom: -25px;
}
#content-portfolio-bottom {
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 1;
}
.portfolio-thumbs {
  width: 1026px;
  margin: 0px auto;
  margin-top: -400px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.portfolio-thumbs .intro_title {
  margin-left: 15px;
  margin-top: 25px;
}
/* =Intro--------------------------------------------------------------*/
#container-home {
  width: 100%;
  height: auto;
  background: #ffffff;
  margin-top: -25px;
  margin-bottom: -23px;
  position: relative;
  z-index: 1;
}
#content-home {
  width: 920px;
  height: 620px;
  margin: 0px auto;
  border: 1px #bb1382 solid;
  border-radius: 4px;
}
.entry-slider {
  /*margin-left: 10px;*/
  margin-top: 10px;
}
.entry-slider object {
  margin-left: 10px;
}
/* = Gallery_page----------------------------------------------------------------*/
#container-thumbs {
  width: 100%;
  height: 215px;
  background: url(images/bg-portfolio-thumbs.png) repeat-x;
  margin-top: -25px;
}
#portfolio-nav {
  width: 1000px;
  height: 215px;
  margin: 0px auto;
  padding-top: 20px;
}
#portfolio-nav h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1em;
}
.thumbs {
  width: 155px;
  height: 126px;
  float: left;
  position: relative;
  z-index: 1;
  margin-right: 6px;
}
.thumbs a h4 {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 0px;
}
.thumbs a:hover h4 {
  color: #bb1382;
}
.thumbs a img {
  width: 155px;
  height: 103px;
  border: none;
  /*width: expression(this.width > 155 ? 155: true);          height: expression(this.height > 103 ? 103: true);*/
}
/*= Paginator--------------------------------------------------------------------*/
#nav-bar .wp-pagenavi {
  width: 712px;
  float: left;
  text-align: center;
  margin-top: 15px;
}
#nav-bar .wp-pagenavi a.previouspostslink {
  background: url(images/prev-btn.png) no-repeat;
  background-position: 0px 0px;
  width: 32px;
  height: 29px;
  float: left;
  display: block;
  text-indent: -99999px;
}
#nav-bar .wp-pagenavi a.previouspostslink:hover {
  background: url(images/prev-btn.png) no-repeat;
  background-position: -37px 0px;
}
#nav-bar .wp-pagenavi a.nextpostslink {
  background: url(images/next-btn.png) no-repeat;
  background-position: 0px 0px;
  width: 32px;
  height: 29px;
  float: right;
  display: block;
  text-indent: -99999px;
}
#nav-bar .wp-pagenavi a.nextpostslink:hover {
  background: url(images/next-btn.png) no-repeat;
  background-position: -37px 0px;
}
#nav-bar .wp-pagenavi span.current {
  font-size: 14px;
  color: #c1c1c1;
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px;
}
#nav-bar .wp-pagenavi a.page {
  text-decoration: none;
  color: #595858;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
}
/* = Footer -------------------------------------------------------------- */
/*=Menu-------------------------------------------------------------- */
#menu-desktop-wrap {
  width: auto;
  display: block;
  position: relative;
  padding: 0px;
  z-index: 111;
  /*margin-left: 300px;*/
  float: right;
  /*	margin-top: -54px;*/
  margin-top: -59px !important;
  font-weight: 400;
}
#menu-desktop-wrap .menu-header,
ul.menu {
  font-size: 16px;
  font-family: 'Lato', 'Helvetica', sans-serif;
  font-weight: 400;
}
#menu-desktop-wrap .menu-header ul,
#menu-desktop-wrap ul.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 0px;
  float: right;
}
#menu-desktop-wrap ul.menu ul li ul li {
  margin: 0;
  padding: 0;
}
#menu-desktop-wrap .menu-header li,
#menu-desktop-wrap ul.menu li {
  float: left;
  height: 28px;
  position: relative;
  margin-left: 0px;
  display: block;
}
#menu-desktop-wrap ul.menu li a {
  display: block;
  text-decoration: none;
}
#menu-desktop-wrap a {
  color: #666666;
  font-size: 14px;
  /*line-height: 1em;*/
  text-transform: uppercase;
  display: block;
  margin-left: 20px;
  padding-bottom: 42px;
}
#menu-desktop-wrap li:hover > a {
  /*background: url(images/menu-hover.png) no-repeat;*/
  background-position: center bottom;
  color: #bb1382;
}
#menu-desktop-wrap ul li:hover > ul {
  display: block;
}
#menu-desktop-wrap li.current_page_item a,
#menu-desktop-wrap li.current-menu-ancestor a,
#menu-desktop-wrap li.current-menu-parent > a {
  background: url(images/menu-hover.png) no-repeat;
  background-position: center bottom;
  color: #bb1382;
}
* html #menu-desktop-wrap li.current_page_item a,
* html #menu-desktop-wrap li.current-menu-ancestor a,
* html #menu-desktop-wrap li.current-menu-parent a,
* html #menu-desktop-wrap li a:hover {
  background: url(images/menu-hover.png) no-repeat !important;
  background-position: center bottom;
  color: #bb1382;
}
#menu-desktop-wrap li ul li.current_page_item a,
#menu-desktop-wrap li ul li.current-menu-ancestor a,
#menu-desktop-wrap li ul li.current-menu-item a,
#menu-desktop-wrap li ul li:hover > a,
#menu-desktop-wrap li ul li.current-menu-parent > a {
  /*	background: url(images/menu-hover.png) no-repeat;*/
  background-position: center bottom;
}
/* =Search-------------------------------------------------------------- */
#searchform {
  width: 100%;
}
#searchform fieldset {
  padding: 0 !important;
  border: none;
  margin: 0;
}
#searchform form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-width: 0;
  text-indent: 0;
  list-style: none;
}
#searchform input#search {
  padding: 2px 0 2px 10px;
  font-size: 13px;
  color: #d5d5d5;
  font-style: italic;
  /*border: none;*/
  background: #ffffff;
  border: #cccccc solid 1px;
  width: calc( 100% - 25px) !important;
  float: left;
}
#searchform input#search-submit {
  background: url(images/submit.png) no-repeat;
  height: 10px;
  width: 9px;
  position: relative;
  z-index: 11111;
  float: left;
  border: none;
  margin-top: 6px;
  text-indent: -99999px;
  display: block;
  cursor: pointer;
  color: #ffffff;
  text-shadow: #666666 1px 1px;
}
#searchform #submit::-moz-focus-inner {
  border: 0;
}
@media only screen and (max-width: 700px) {
  #searchform input#search {
    width: calc( 80% - 25px) !important;
  }
  #searchform input#search-submit {
    margin-left: 10%;
  }
}
#searchform input,
#searchform input:focus {
  outline-width: 0;
}
div.fsrc {
  text-align: center;
  margin: 0 auto;
}
.soc-but {
  width: 250px;
  height: 40px;
  float: left;
  /*display: none;*/
  /*overflow: hidden;*/
}
.soc-but a.rss {
  background: url(images/rss-but.png) no-repeat;
  width: 16px;
  height: 18px;
  display: block;
  text-indent: -9999999px;
  float: right;
  margin-top: 8px;
  position: absolute;
  z-index: 999999999;
  margin-left: 235px;
}
.facebook {
  width: 87px;
  height: 20px;
  margin-top: 6px;
  margin-left: 140px;
  position: absolute;
  z-index: 99999999;
}
ul.footerul {
  list-style-type: none;
  display: table;
  margin: 0 auto;
  padding: 0;
}
img.alignleft {
  margin-left: 0;
}
#content {
  width: 100%;
}
p img {
  max-width: 100%;
  height: auto;
}
body > #wrapper {
  width: 900px;
}
#copyright {
  margin: 1em auto;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8em;
  color: #666666;
  text-transform: none;
  font-style: italic;
}
@media only screen and (max-width: 980px) {
  #header #branding {
    display: block;
    float: none;
    margin: 0 auto;
  }
  #header #branding {
    text-align: center;
  }
  #header #menu-desktop-wrap {
    margin-top: 0 !important;
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0 2em;
  }
  #header #menu-desktop-wrap .menu-header {
    display: block;
    overflow: hidden;
  }
  #header #menu-desktop-wrap ul {
    display: flex;
    overflow: hidden;
    text-align: center;
    float: none;
    margin: 0 auto;
    justify-content: space-between;
  }
  #header #menu-desktop-wrap a {
    margin-left: 0;
  }
}
@media only screen and (max-width: 950px) {
  body > #wrapper {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #footer,
  #copyright,
  #main {
    padding-left: 2em;
    padding-right: 2em;
  }
  #header-wrap {
    padding: 0px;
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  #header {
    width: 100%;
  }
  #header #branding {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 750px) {
  .footer-upper-area {
    display: flex;
    justify-content: center;
  }
  .footer-upper-area > div {
    flex: 1 0  auto;
    width: 49% !important;
  }
  .footer-upper-area > div:first-child {
    text-align: left;
  }
  .footer-upper-area > div:last-child {
    display: none;
  }
  .footer-widget-area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1em;
  }
  .footer-widget-area > .widget-area {
    width: 50% !important;
  }
  .footer-widget-area > .widget-area:nth-of-type( 1 ) {
    order: 1;
  }
  .footer-widget-area > .widget-area:nth-of-type( 2 ) {
    margin-top: 2em;
    order: 3;
  }
  .footer-widget-area > .widget-area:nth-of-type( 3 ) {
    order: 2;
  }
}
#menu-mobile-trigger {
  display: none;
}
#menu-mobile-trigger::before {
  color: #bb1382;
  background-color: transparent;
  content: 'MENU \2630';
  font-weight: bold;
  letter-spacing: 1px;
}
#menu-mobile-trigger:hover::before {
  color: #bb1382;
  content: 'MENU \2637';
}
#menu-mobile-trigger:active::before {
  content: 'MENU \2637';
}
/* Mobile Navigation Menu misc properties */
#nav-mobile {
  display: none;
}
#nav-mobile > .menu {
  max-width: 60%;
  margin: 0px auto 5px auto;
  clear: both;
  line-height: 1.5;
  width: 100%;
  font-weight: 700;
  z-index: 7999 !important;
  padding: 0;
}
#nav-mobile > .menu > ul {
  background-color: white;
  margin-top: -1px;
}
#nav-mobile > .menu .menu-item {
  display: block;
  text-align: center;
  width: 100%;
}
#nav-mobile > .menu a {
  color: #666;
  background-color: white;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 20px 24px;
  position: relative;
}
#nav-mobile > .menu a:hover {
  color: #bb1382;
  background: white;
}
#nav-mobile > .menu .current-menu-item > a,
#nav-mobile > .menu .sub-menu .current-menu-item > a {
  color: #bb1382;
  background-color: white;
}
#nav-mobile > .menu .current-menu-item > a:hover,
#nav-mobile > .menu .sub-menu .current-menu-item > a:hover {
  color: #bb1382;
  background: white;
}
#nav-mobile > .menu > .menu-item > a {
  text-transform: uppercase;
}
#nav-mobile > .menu .sub-menu {
  margin-top: 0;
  left: 0px;
  opacity: 1;
  position: relative;
  width: 100%;
  z-index: 99;
}
#nav-mobile > .menu .sub-menu a {
  text-transform: capitalize;
  font-size: 14px;
  padding: 8px 30px;
  position: relative;
  width: 100%;
}
#nav-mobile > .menu .sub-menu a::before {
  /*
									content: "- ";
									font-size: 14px;
									font-size: 1.4rem;
				*/
}
#nav-mobile > .menu .sub-menu li li a {
  padding: 1.8rem 4rem;
}
#nav-mobile > .menu .sub-menu .sub-menu {
  margin: 0;
}
#nav-mobile > .menu .menu-item:hover {
  position: static;
}
#nav-mobile > .menu .menu-item:hover > .sub-menu {
  left: auto;
  opacity: 1;
}
.archives {
  color: #666;
}
.archives .archive_title {
  margin-right: 2em;
}
.archives .archive_year {
  display: flex;
}
.archives .archive_months {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.archives .archive_month {
  text-transform: uppercase;
}
.archives .break_here {
  display: none;
}
@media only screen and (max-width: 700px) {
  #menu-mobile-trigger {
    position: relative;
    cursor: pointer;
    padding: 10px 10px;
    text-align: center;
    background-color: transparent;
    display: block;
  }
  #header #menu-desktop-wrap {
    display: none;
  }
  .archives {
    font-size: 0.8em;
  }
  #main {
    padding-left: 0;
    padding-right: 0;
  }
  #main p,
  #main h1,
  #main h2,
  #main h3,
  #main h4,
  #main h5,
  #main h6,
  #main ul,
  #main ol,
  #main dl,
  #main address,
  #main blockquote,
  #main .categoryblog,
  #main .post_meta__date,
  #main #nav-bar {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
@media only screen and (max-width: 550px) {
  .archives .archive_year {
    display: block;
    text-align: center;
    margin: 0 2em 2em 2em ;
  }
  .archives .archive_months {
    flex-wrap: wrap;
  }
  .archives .break_here {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  .footer-upper-area {
    display: block;
    justify-content: center;
  }
  .footer-upper-area > div {
    width: 100% !important;
    float: none;
  }
  .footer-upper-area > div:first-child {
    margin-bottom: 1em;
  }
  .footer-upper-area > div:first-child .wpml-ls-legacy-list-horizontal ul {
    text-align: center !important;
  }
  .footer-upper-area > div:last-child {
    display: none;
  }
  .footer-widget-area {
    display: flex;
    margin-top: 1em;
  }
  .footer-widget-area > .widget-area {
    margin-top: 2em;
    width: 100% !important;
  }
  .footer-widget-area > .widget-area:nth-of-type( 1 ) {
    margin-top: 0;
    order: 1;
  }
  .footer-widget-area > .widget-area:nth-of-type( 2 ) {
    margin-top: 2em;
    order: 3;
  }
  .footer-widget-area > .widget-area:nth-of-type( 3 ) {
    order: 2;
  }
  .footer-widget-area .widget.simple-social-icons {
    margin-top: 1em;
  }
  .footer-widget-area .widget.simple-social-icons li {
    margin-bottom: 0 !important;
  }
  #searchform {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #searchform input {
    width: 80%;
  }
}
.home h2.page-title {
  display: none;
}
div.post_meta__date {
  font-size: 12px;
  margin-bottom: 1em;
  margin-top: 1em;
  color: #666;
}
img.index_image {
  margin-bottom: 0;
  max-width: 100%;
}
#main_logo {
  width: 250px;
  max-width: 100%;
  height: auto;
}
/*# sourceMappingURL=style.css.map */
/* =royalSlider-------------------------------------------------------------- */
.royalSlider,
.royalSlider .rsOverflow,
.royalSlider .rsSlide,
.royalSlider .rsVideoFrameHolder,
.royalSlider .rsThumbs {
    background: #ffffff !important;
}
.royalSlider {
  float: left;
		margin: 0px 0px 0px 0px;

}