/* @containers****************************************************************************************************************************************************************************************/
.container,
.container_alt,
.container_vis {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
  position: relative;
}
.container_alt {
  overflow: visible;
  padding: 0 0;
}
.container_vis {
  overflow: visible;
}
#footer .container {
  background: none !important;
}
/* @columns****************************************************************************************************************************************************************************************/
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.fifthcol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.warpbox {
  margin-left: 0;
  float: left;
  min-height: 1px;
}
.foocol {
  margin: 0 0 0 0;
  width: 20%;
  padding: 20px 40px 20px 0;
  position: relative;
  height: 100%;
  min-height: 1px;
  float: left;
}
.foocol.last {
  float: right;
  width: calc(40% - 40px);
  margin: 0 20px;
  padding: 20px 40px 20px 40px;
  background: rgba(255, 255, 255, 0.1);
}
/*sidebar*/
.fourcol {
  width: 33%;
  padding: 0 20px;
  margin: 0 0 40px 0;
  min-height: 1px;
  float: left;
}
/*content*/
.eightcol {
  width: 67%;
  padding: 0 20px;
  margin: 0 0 40px 0;
  min-height: 1px;
  float: left;
}
/* sidebar position */
.postbarLeft .eightcol {
  float: right !important;
}
.postbarNone .eightcol {
  float: none !important;
  margin: 0 auto 40px auto !important;
}
.postbarNone .entryhead iframe {
  width: 100%;
}
/* one column layout */
.sixcol {
  width: 50%;
}
.first,
.ml-first {
  margin-left: 0px !important;
}
.widgetable {
  padding: 0 0;
  overflow: hidden;
  margin: 0 0 0 0;
}
.single-post .fourcol,
.single-post .eightcol,
.page .fourcol,
.page .eightcol {
  margin-bottom: 90px;
}

.grecaptcha-badge {
  transform: translateY(-40px);
}

@media screen and (max-width: 1360px) {
  .owl-carousel .owl-item .eleinside_Left .eleslideinside {
    padding-left: 5rem;
  }
}
@media screen and (max-width: 640px) {
  .owl-nav {
    display: none;
  }
  .owl-carousel .owl-item .eleinside_Left .eleslideinside {
    padding-left: 0;
	padding-right: 0;
  }
  #header #titles{
    width: 100px;
  }
}

/* @mobile first****************************************************************************************************************************************************************************************/
@media only screen and (min-width: 886px) {
  .tranparent_header #header {
    background-color: transparent;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
  }

  .tranparent_header #main-nav > li::before {
    opacity: 0.2;
  }

  .tranparent_header .page-header img {
    opacity: 0.4;
    filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
  }

  .postbarLeft .eightcol {
    float: right;
  }
  .postbarLeft .four {
    float: left;
  }
  .postbarNone .eightcol,
  .tmnf-sidebar-null .eightcol {
    float: none !important;
    margin: 0 auto !important;
  }
  .postbarNone .eightcol .entry,
  .tmnf-sidebar-null .entry,
  .postbarNone .postinfo,
  .tmnf-sidebar-null .postinfo,
  .postbarNone #comments,
  .tmnf-sidebar-null #comments,
  .fullcontent p,
  .fullcontent blockquote,
  .fullcontent h1,
  .fullcontent h2,
  .fullcontent h3,
  .fullcontent h4,
  .fullcontent h5,
  .fullcontent ol,
  .fullcontent ul:not(.wp-block-gallery) {
    max-width: 700px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  /* project defaults */
  .single_portfolio_alt .fourcol {
    width: 40%;
  }
  .single_portfolio_alt .eightcol {
    width: 60%;
  }

  .single_portfolio_alt #foliostuff {
    margin-right: 30px;
  }
  /* defaults */
  .tmnf-sidebar-null .alignfull,
  .postbarNone .alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .tmnf-sidebar-null .alignwide,
  .postbarNone .alignwide {
    margin-left: calc(25% - 25vw) !important;
    margin-right: calc(25% - 25vw) !important;
    width: auto;
    max-width: 1000%;
  }
  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
  }
  .entry ul.wp-block-gallery:not(.alignwide, .alignfull) {
    margin: 0 0 25px 0 !important;
  }
  .wp-block-image,
  .entry ul li.blocks-gallery-item {
    padding: 0 0;
    margin: 0 0;
  }
  .wp-block-gallery .blocks-gallery-image,
  .wp-block-gallery .blocks-gallery-item {
    margin: 0 0 0 0 !important;
  }
  .alignfull iframe {
    float: none;
    margin: 0 auto;
  }
  .alignfull .wp-block-embed__wrapper {
    text-align: center;
  }
  .post_nav_item {
    width: 100%;
  }
}

/* @responsive mode****************************************************************************************************************************************************************************************/

@media screen and (max-width: 1715px) {
  .owl-carousel:hover .owl-nav .owl-prev {
    left: -83px;
  }
  .owl-carousel:hover .owl-nav .owl-next {
    right: -83px;
  }
}

@media screen and (max-width: 1515px) {
  .page-header img {
    width: 140%;
    max-width: 140% !important;
    left: -20%;
  }

  .owl-nav .owl-prev {
    left: 0;
  }
  .owl-nav .owl-next {
    right: 0;
  }
}

@media screen and (max-width: 1320px) {
  .header_fullwidth #header .container_vis {
    padding: 0 20px;
  }
}
/* iPad Landscape */
@media screen and (max-width: 1155px) {
  .head_container {
    padding: 0 0;
  }
  #titles {
    max-width: 25%;
  }
  #header h1,
  #header img {
    margin: 0 0 0 0;
  }
  .nav > li > a {
    padding: 15px 6px;
  }
  .nav li.menu-item-has-children a,
  .nav li.page_item_has_children a {
    padding-right: 14px !important;
  }
  .menu-item-has-children > a::after {
    right: 8px;
  }
  .owl-carousel .owl-item img.bg_image {
    width: 120% !important;
    max-width: 120% !important;
    margin: 0 -10%;
  }
  .eleinside_Left .eleslideinside {
    left: 50px;
    max-width: 100%;
    margin-left: 0;
  }
  .eleinside_Right .eleslideinside {
    right: 50px;
    max-width: 100%;
    margin-right: 0;
  }
  .eleslideinside p {
    font-size: 110%;
    line-height: 1.3;
    margin: 12px 0;
  }
  .eleslideinside .su-button {
    margin-top: 25px !important;
  }
  .eleslideinside .su-button span {
    padding: 14px 18px !important;
  }
  .page-header img {
    width: 180%;
    max-width: 180% !important;
    left: -40%;
  }

  .projects_page {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .project_slider_inn {
    padding: 50px 40px 20px 40px;
  }
  h1.entry-title,
  h2.archiv,
  .eleslideinside h2 {
    font-size: 6vw !important;
  }
}
/* tablet Portrait */
@media screen and (max-width: 885px) {
  .header_fullwidth #header .container_vis {
    padding: 0 20px;
  }
  div.tooltip p:after,
  .nav > li > ul:after,
  .sf-arrows .sf-with-ul::after,
  .sf-arrows .sf-with-ul::after {
    display: none !important;
  }
  body {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    font-size: 16px;
    -webkit-text-size-adjust: none;
  }
  .onecol,
  .twocol,
  .threecol,
  .threecol_spec,
  .fourcol,
  .fivecol,
  .sixcol,
  .sevencol,
  .eightcol,
  .ninecol,
  .tencol,
  .elevencol,
  .twelvecol,
  .fifthcol {
    width: auto;
    float: none !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0;
    margin-right: 0;
  }
  #topbar {
    display: none;
  }
  #header {
    position: relative;
    top: auto;
    left: auto;
    box-shadow: none !important;
  }
  #titles {
    max-width: 50%;
    text-align: left;
  }
  #titles .logo {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    overflow: hidden;
  }
  .page-header {
    padding: 40px 0 50px 0;
  }
  .owl-carousel .owl-item img.bg_image {
    width: 140% !important;
    max-width: 140% !important;
    margin: 0 -20%;
  }
  .owl-item .eleslideinside {
    bottom: 8%;
  }
  .eleslideinside p {
    font-size: 100%;
    line-height: 1.3;
    margin: 8px 0;
  }
  .eleslideinside .su-button {
    margin-top: 18px !important;
  }
  .wpm_eleslider .owl-dots {
    bottom: 20px;
  }
  .page-header img {
    width: 200% !important;
    max-width: 200% !important;
    left: -50%;
  }
  /* mobile menu */
  .show-menu {
    display: block !important;
  }
  #navigation {
    display: none;
    position: relative;
    overflow: hidden;
    height: auto;
    top: auto;
    margin: -2px -20px 0 -20px !important;
    padding: 0 0 0 0 !important;
    width: calc(100% + 40px);
    background: #1f2024;
  }
  #navigation a {
    color: #fff !important;
  }
  #main-nav,
  #top-nav {
    display: block;
    overflow: hidden;
    margin-bottom: 10px !important;
  }
  #navigation a:hover,
  #navigation .current-menu-item > a {
    opacity: 0.6;
  }
  ul.nav,
  #main-nav {
    width: 100% !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
  }
  ul.nav li,
  .nav li ul {
    width: 100% !important;
    background-color: transparent !important;
    border: none !important;
    float: none;
    display: block;
    margin: 0 0 0 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative !important;
    left: auto !important;
    display: block !important;
    visibility: visible !important;
    padding-top: 0;
  }
  .nav li ul.sub-menu {
    padding: 0 0 0 40px !important;
  }
  .nav > li ul {
    max-height: none;
    opacity: 1;
  }
  #navigation .nav li ul li > a {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2) !important;
    text-align: left;
  }
  ul.nav li a {
    width: 100% !important;
    text-align: left;
    padding: 10px 20px !important;
    margin: 0 0 0 20px;
    font-size: 16px !important;
  }
  .nav > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  ul.nav li ul.sub-menu a {
    padding: 5px 0 !important;
  }
  #top-nav li a {
    margin: 0 0;
    padding: 10px 0 !important;
  }
  #top-nav > li.special {
    padding-left: 0;
  }
  #top-nav > li.special > a {
    padding: 15px 18px 15px 18px !important;
  }
  .nav li ul li > a {
    font-size: 13px !important;
  }
  .nav li a.sf-with-ul {
    padding-right: 0 !important;
  }
  #main-nav > li > a {
    margin: 0 0 0 0 !important;
  }
  .nav > li > ul > li,
  .nav li ul ul li,
  #main-nav li ul li > a,
  .nav li ul li > a {
    max-width: 100% !important;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .nav li ul {
    padding: 0 20px;
  }
  #main-nav li.mega ul.sub-menu {
    min-height: 0px;
  }
  .nav li ul ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  div.sub,
  .nav > li > ul:after,
  .menu-item-has-children > a::after,
  .header_icons {
    display: none !important;
  }
  #main-nav > li {
    padding: 0 0;
  }
  #main-nav > li.special {
    padding-right: 20px;
  }
  #top-nav {
    display: flex !important;
  }
  #top-nav > li {
    width: auto !important;
    padding: 0 20px 0 0;
    /*flex-grow: 1;
		flex-basis: 0;
		*/
  }
  #main-nav > li::before,
  .menu-item-has-children > a::after {
    display: none;
  }
  .nav li ul.sub-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  /* end mobile menu */
  /*/
	///stacked clomuns & posts */
  /* columns */
  .eightcol,
  .fourcol {
    width: 100%;
    margin: 0 auto !important;
    float: none !important;
    display: block;
    width: 100%;
    border-left: none;
    border-right: none;
    padding: 20px;
  }
  #sidebar,
  #footer .foocol,
  .landing-section,
  .footer-logo {
    max-width: 360px;
    width: 100%;
    float: none !important;
    margin: 0 auto !important;
    padding: 20px 0 !important;
  }
  #footer .foocol {
    padding: 20px 20px !important;
  }
  #core {
    padding-top: 0;
  }
  .fullcontent {
    padding-top: 20px;
  }
  .blogger {
    padding: 0;
    overflow: hidden;
  }
  .blogger > .item img {
    width: 100%;
  }

  .project_post,
  .blog_widget .item {
    width: 50% !important;
  }

  .project_post:nth-child(3n + 4),
  .blog_widget .item:nth-child(3n + 4) {
    clear: none;
  }

  .project_post:nth-child(2n + 3),
  .blog_widget .item:nth-child(2n + 3) {
    clear: left;
  }

  .blog_widget .item:last-child {
    display: none;
  }

  /* posts */
  .item_inn {
    overflow: hidden;
    padding: 0 0;
  }
  .item_inn::after,
  .item_inn::before {
    display: none;
  }
  .postbarNone .entry img.heroimg {
    margin: 30px -20px;
    left: 0;
    max-width: calc(100% + 40px);
  }
  .postbarLeft .eightcol {
    float: none !important;
  }

  #foliostuff {
    margin-bottom: 0;
  }
  /*/
	///end stacked colmuns & posts */
  /* woocommerce */
  #woo-inn {
    margin-left: 0;
  }
  .woocommerce-page div.product div.summary {
    margin: 0 0 40px 0;
    width: 100%;
  }
  .woocommerce-page ul.products li.product,
  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 0 30px 0 !important;
  }
  .woocommerce h1.page-title,
  p.woocommerce-result-count {
    text-align: center;
    width: 100%;
  }
  .woocommerce #foliocontent .woocommerce-tabs,
  .woocommerce #foliocontent .related.products {
    width: 100%;
  }
  .woocommerce-page #foliosidebar {
    clear: both;
  }
  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering {
    float: none;
  }
  .tmnf-sc-quote.left,
  .tmnf-sc-quote.right {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .wpcf7-form p.sixcol {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  /* comments */
  .commentlist li.comment.parent {
    padding: 15px 0 0 0px;
  }
  .commentlist li.comment {
    padding: 20px 5px 10px 5px;
  }
  ul.children li.comment:last-child {
    padding: 20px 0 10px 20px !important;
  }
  .commentlist .avatar {
    right: 0;
    left: auto;
    top: 20px;
    width: 40px;
  }
  li.bypostauthor {
    padding-left: 10px !important;
  }
  /* other */
  .footer_text {
    float: left;
  }
  .footer-logo img {
    margin: 30px auto;
    float: left;
  }
  #curtain .searchform {
    left: 10%;
    margin: 0 0;
    max-width: 80%;
    width: 80%;
  }
  #curtain a.curtainclose {
    left: 30px;
    margin: 0 0;
    top: 30px;
  }
  .wrapper .entry h1 {
    font-size: 150% !important;
  }
  .wrapper .entry h2 {
    font-size: 140% !important;
  }
  .wrapper .entry h3 {
    font-size: 130% !important;
  }
  .wrapper .entry h4 {
    font-size: 120% !important;
  }
  .wrapper .entry h5 {
    font-size: 110% !important;
  }
  .wrapper .entry h6 {
    font-size: 100% !important;
  }
  #footer .bottom-menu {
    margin-bottom: 50px !important;
  }

  .project_slider .entryhead,
  .project_slider_inn {
    float: none;
    width: 100%;
  }
  .project_slider_inn {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 685px) {
  h1.entry-title,
  h2.archiv,
  .slideinside h2 {
    font-size: 7vw !important;
  }
  .eleslideinside h3 {
    font-size: 5vw;
  }
  .eleslideinside p {
    font-size: 90%;
    line-height: 1.3;
    margin: 5px 0;
  }
  .eleslideinside .su-button {
    margin-top: 15px !important;
  }

  .owl-carousel:hover .owl-nav .owl-prev {
    left: -85px;
  }
  .owl-carousel:hover .owl-nav .owl-next {
    right: -85px;
  }

  .wrapper .events-table td {
    display: block;
    padding: 10px 20px 20px 20px !important;
    width: 100% !important;
  }
  .wrapper .events-table td.date {
    font-size: 13px;
    padding: 30px 20px 0 20px !important;
    text-align: left;
  }
  .events-table img {
    max-width: 60px !important;
    margin: 0 15px 0 0;
  }
  .wrapper .entry .events-table h5 {
    margin-bottom: 0;
  }
  .wrapper .events-table .list_text p {
    display: none;
  }
  .event_header .em-location-map-container {
    float: none;
    margin: -40px -40px 40px -40px;
    width: calc(100% + 80px) !important;
  }
  /* posts */
  .page-header img {
    width: 300% !important;
    max-width: 300% !important;
    left: -100%;
  }
  .main-breadcrumbs {
    font-size: 90%;
  }
  .comment-form-author,
  .comment-form-email,
  .comment-form-url,
  #post-nav,
  .postauthor {
    width: 100%;
  }
  #respond textarea {
    width: 99.5%;
  }
  .entry blockquote {
    margin: 5px 10px;
    padding: 0 20px !important;
  }
  .scrollTo_top {
    right: 0;
    width: 100%;
  }
  ul.social-menu li a {
    padding: 9px 8px 8px 21px;
  }
  ul.social-menu li span {
    display: none;
  }
  .events-table a.mainbutton {
    display: none;
  }
  
}
@media only screen and (max-width: 595px) {
  .project_post,
  .blog_widget .item {
    width: 100% !important;
  }

  .owl-carousel .owl-item img.bg_image {
    width: 180% !important;
    max-width: 180% !important;
    margin: 0 -40%;
  }
  .eleslideinside {
    width: calc(100% - 40px) !important;
    left: 20px !important;
    margin: 0 0 !important;
  }
  .eleslideinside .su-button span {
    padding: 9px 12px !important;
  }
  .eleslideinside .su-button span i {
    display: none;
  }
  h2.archiv span.subtitle {
    max-width: 100%;
  }
  .entryhead iframe {
    max-height: 200px;
  }
  .post-previous,
  .post-next {
    width: 100%;
    margin-top: -1px;
    margin-left: 0;
    border-width: 1px 0 1px 0;
  }
  ul.related li {
    width: 50% !important;
  }
  ul.related li:nth-child(4) {
    clear: left;
  }
  .give-archive-item {
    width: 100%;
    float: none;
  }
  .give-archive-item img {
    width: 100%;
  }
  .give-archive-item:nth-child(2n + 3) {
    clear: none;
  }
  .events-table img {
    display: none;
  }
  div.css-search div.em-search-field {
    display: block;
    width: 100%;
  }
  div.css-search.has-search-geo.has-search-term input.em-search-text,
  div.css-search.has-search-geo.has-search-term input.em-search-geo {
    width: 80%;
  }
  .post-pagination > p a {
    display: none;
  }
  .page-link {
    margin: 5px 0 0 0;
    position: relative;
    width: 100%;
    left: 0;
  }
  .wide_menu ul.menu {
    padding: 10px 0;
  }
  .wide_menu ul.menu > li {
    width: 100%;
  }
  h3 {
    font-size: 4.5vw !important;
  }
  #footop h2 {
    font-size: 3vw !important;
  }
  .footop .footop-right {
    padding-left: 0;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #footer .footop.populated {
    max-height: none;
  }
  #footer > .container {
    padding-left: 0;
  }
  #footer .footop-right {
    float: none;
    width: 100%;
    padding-left: 2rem;
  }
  #footer .footer_text {
    margin-left: 0;
    margin-right: 0;
    padding-left: 2rem;
  }
  .grecaptcha-badge {
    z-index: 1;
  }
  #footer {
    z-index: 2;
    position: relative;
  }
}
@media only screen and (max-width: 395px) {
  #foliostuff {
    padding: 0px 20px;
  }

  .owl-carousel .owl-item img.bg_image {
    width: 220% !important;
    max-width: 220% !important;
    margin: 0 -60%;
  }

  h3 {
    font-size: 6vw !important;
  }
}