/*
Theme Name: Mobile Theme Lite
Theme URI: https://archzine.net
Author: I. Iliev && S. Georgiev
Author URI: http://softart.bg
Description: Custom mobile wordpress template
Version: 1.0

*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, main, nav, footer, aside, article, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}

body {
    font-family:'Open Sans',Verdana,Arial
}

body {
	line-height: 1;
}

a, a:hover {
    color:
    #000;
}
a {
    text-decoration: none;
}

ol, ul {
	list-style: none;
}

img,
iframe,
video {
    max-width: 111%;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

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

input,
select,
textarea {
	padding: 0;
	margin: 0;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

input[type="submit"],
input[type="text"],
select,
button {
  appearance: initial;
  -moz-appearance: initial;
  -webkit-appearance: initial;
}

.parasitic_title {
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	font-size: 21px;
}

#logo {
    display: block;
    background: url('assets/images/casadisegno.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 160px;
    margin: 14px auto 0;
    height: 32px;
    right: 0;
    text-indent: -999px;
    overflow: hidden;
}
#header .menu_btn, #logo {
    position: absolute;
    left: 0;
}

#header .menu_btn i {
    line-height: 46px;
    float: left;
}

#header .menu_btn {
    top: 0;
    padding-left: 12px;
    font-size: 47px;
    height: 46px;
    background: 0 0;
    border: none;
    cursor: pointer;
}

#header {
    float: left;
    width: 100%;
    height:46px;
    padding: 0 0px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    background: #fff;
    transition: all .3s ease-in-out;
}

#header.nav-up {
    top: -46px;

}

.nav_header_box {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
    overflow: hidden;
}

.nav_header {
    width: 2000px;
    margin-top: 5px;
    height: 24px;
    overflow: hidden;
    padding-right: 10px;
    position: relative;
    left: 0;
    transition: all .3s ease-in-out;
}

.nav_header li {
    float: left;
    padding-left: 6px;
    white-space: nowrap;
}

.nav_header li a {
    display: block;
    padding: 4px;
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: 1px solid
    #fff;
}

#header .search_btn {
    float: right;
    padding: 0 12px;
    margin-top: -2px;
    font-size: 28px;
}

#navigation {
    position: absolute;
    right: 0;
    z-index: 8001;
    background:#fff;
    background-size: 220px auto;
    width: 300px;
    height: 100vh;
    min-height: 565px;
    padding-bottom: 10px;

    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    width: 100%;
    height: 100%;
    z-index: 999999;
    transition: transform 0.25s ease;
}

#navigation.open {
    transform: translate3d(0%,0,0);
}
#navigation .links {
    float: left;
    width: 100%;
    display: none;
}

#navigation .links a:first-of-type {
    border-right: 1px solid #e94c3c;
}

#navigation .links a {
    float: left;
    width: 50%;
    padding: 16px 10px;
    border-bottom: 1px solid #e94c3c;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #e94c3c;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

#navigation .close_nav {
    position: relative;
    top: 0;
    float: right;

position: relative;
    width: 50px;
    height: 48px;
    background:#fff;
    border-left: 1px solid#e94c3c;
    cursor: pointer;
}

#navigation > ul.menu {
    display: inline-block;
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
		padding-bottom: 90px;
}

#navigation > .menu > li a, #navigation > ul.menu > li {
    float: left;
    padding: 12px 13px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

#navigation > ul.menu > li {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

#navigation > ul.menu > li span {
    position: relative;
    padding-left: 18px;
}

#navigation > .menu > li a,
#navigation > ul.menu > li {
    float: left;
    padding: 12px 10px 12px 12px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;

    text-align: left;
}

#navigation > .menu > li a {
    position: relative;
}

#navigation > .menu > li {
    text-align: center;
}
#navigation > .menu > li > a {
    width: auto;
    display: inline-block;
    padding: 0;
    float: none;
}

#navigation > .menu li > a {
    width: 100%;
    max-width: 100%;
}
#navigation > .menu li.menu-item-has-children > a {
    position: relative;
    max-width: 90%;
    float: none;
    display: inline-block;
    width: auto;
    min-width: 50%;
}

#navigation > .menu {
    height: 100%;
}
#navigation.sub-open > .menu {
    height:auto;
}


#navigation > .menu li.menu-item-has-children > a::before {
    margin-right: 5px;
}

#navigation .close_nav::before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    top: 23px;
    width: 32px;
}

#navigation > .menu li.menu-item-has-children .sub-menu li {
    padding: 12px 13px;
    text-align: center;
}
#navigation > .menu li.menu-item-has-children .sub-menu a {
    padding: 0;
    float: none;
    display: inline-block;
    width: auto;
    width: 100%;
    text-align: center;
}

#navigation .close_nav::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    top: 22px;
    width: 32px;
    width: auto;
    display: inline-block;
    float: none;
}

#navigation .close_nav::after, #navigation .close_nav::before {
    content: "";
    width: 31px;
    height: 2px;
    background:#e94c3c;
    display: block;
    position: absolute;
    left: 9px;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
}

#navigation .bottom_nav {
	position: absolute;
	left: 0;
	bottom: 85px;
	text-align: center;
	width: 100%;
}

.page_holder {
	line-height: 140%;
  padding: 20px 0 30px 0;
}

.page_holder img {
	max-width: 100%;
	height: auto;
}

.zuruck .close_menu {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
    border-bottom: 1px solid#cecece;
    display: block;
}
.close_menu {
    top: 0;
    float: right;
    position: relative;
    width: 50px;
    height: 39px;
    background:#fff;
    border-left: 1px solid#e94c3c;
    cursor: pointer;
    width: 100%;
    z-index: 999;
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
    border-bottom: 1px solid#cecece;
}

#navigation .close_nav:hover::before {
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    top: 18px;
}

#navigation .close_nav:hover::after {
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    top: 29px;
}


.single_article h1,
main h1 {
    padding: 16px 0 10px;
    color: #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
    font-family: 'Open Sans',Verdana,Arial;
    line-height: 34px;
    font-size: 30px;
    font-weight: 300;
}

.archive .descripion .page-title{
    font-size: 19px;
    font-weight: bold;
    padding: 0;
    line-height: 130%;
    margin-bottom: 10px;
}

.article_desc .img_article {
	margin-left: -20px;
	width: calc(100% + 40px);
}

.img_article {
	position: relative;
}

.article_desc a {
    color: #de0e3a;
    display: inline-block;
}


.article_desc ol, .article_desc ul {
    float: left;
    width: 100%;
    padding: 12px 0 0 35px;
        padding-bottom: 0px;
    list-style: disc;
    padding-bottom: 12px;
}

.article_desc ol li, .article_desc ul li {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    line-height: 140%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.article_desc a img, .article_desc img {
    height: auto;
     width: 100%;
    /* border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0,0,0,.88); */
}

.article_desc .single_img_wrap {
    float: left;
    width: 100%;
    position: relative;
}

#navigation .sub-menu {
    width: 100%;
    height: 100vh;
    position: absolute;
    background:#fff;
    top: 45px;
    display: none;
    left: 0;
    z-index: 99;
}

#navigation .sub-menu .sub-menu {
    top: 0;
}

#navigation .sub-menu::before {
    content: "Zuruck";
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    display: block;
    line-height: 40px;
    border-bottom: 1px solid#ccc;
    padding-left: 12px;
    color: #fff;
}

.last-open.last-open #menu-menu > li > .sub-menu {
    opacity: 1;
    z-index: 99;
}

.article_desc p {
    float: left;
    width: 100%;
    line-height: 160%;
    display: block;
	padding: 0px 10px;
    margin-bottom: 22px;
    color: #000;
}

.article_desc h2, .article_desc h3, .article_desc h4 {
    font-size: 18px;
    line-height: 29px;
    color:#666;
    font-weight: 600;
}

.article_desc h4 {
    font-size: 16px;
}

.article_desc h2, .article_desc h3, .article_desc h4, .article_desc h5, .article_desc h6 {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.single_article .article_desc p {
    font-size: 20px;
    line-height: 150%;
}

.single_pin {
	position: absolute;
	top: -2px;
	left: 4px;
	z-index: 99;
	width: 48px;
	height: 50px;
	font-size: 35px;
	text-align: center;
	line-height: 33px;
	color: #c92228;
	padding: 11px 8px 8px 5px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	opacity: 1;
	transition: all 0.5s ease;
	transition-delay: .4s;
}

.single_pin:hover {
	color: #c92228;
}

a.single_pin::before {
    content: "\F2B1";
    font-family: ionicons;
    margin: 12px 0 0 4px;
}

.article_desc a {
    color: #de0e3a;
}

#navigation li.ubmenu::after,
#navigation li.menu-item-has-children:before {
    content: "\F3D3";
    font-family: ionicons;
    position: static;
    float: left;
    left: 275px;
    top: 13px;
    margin-right: 5px;
    color:#e94c3c;
    float: right;
}

#navigation li.menu-item-has-children::before {
    left: 265px;
    top: 5px;
}

#navigation .back_menu_btn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: 15px 10px 15px 15px;
    text-align: left;
    opacity: 1;
    visibility: visible;
    text-transform: uppercase;
    border-bottom: 1px solid #e94c3c;
}

#navigation .sub-menu li {
    border-bottom: 1px solid #ccc;
}

#navigation .sub-menu li, #navigation .sub-menu li a {
    float: left;
    width: 100%;
}

main {
    margin-top: 50px;
    padding: 0 10px;
}

.article.big {
		width: calc(100% + 20px);
		margin-left: -10px;
    position: relative;
    clear: left;
}
.article.big .img img {
		width: 100%;
    /* height: auto; */
		object-fit: cover;
}

.article.big .img {
    height: 260px;
		width: 100%;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    background-clip: border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    margin: 4px 0;
    margin-top: 4px;
    margin-top: 9px;
    display: inline-block;
    /* border-radius: 10px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.88); */
}

.article.big .info .title,
.article.big .info .title {
    word-wrap: break-word;
}

.article.big .info .title {
    float: left;
    margin-bottom: 22px;
    width: 100%;
}

.article.big .entry-header.info {
    position: absolute;
    left: 0;
    /* border-radius: 10px; */
    bottom: 0;
    margin-bottom: 3px;
    padding: 15px;
    background: linear-gradient(180deg, transparent,#000);
}


.article.big .info .title a {
    color: #fff;
    font-size: 32px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.86);
    line-height: 34px;
    font-weight: 500;
    font-family: 'Open Sans',Verdana,Arial;
}

.article.big {
    margin-bottom: 8px;
}

.article.small {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.article.big .info .title a {
    font-size: 30px;
}

.entry-categories-inner {
    color: #fff;
}

.article.big * {
    color: #fff;
}

.article.big .meta-text {
	margin-left: 5px;
}

.post-meta li {
    float: left;
}

.article .info img {
    height: 100%;
}
.article .info  .images_count {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    line-height: 100%;
}

.article.small .info .images_count {
    position: absolute;
    right: 10px;
    bottom: 0;
}

.article.small .info .title a {
    font-weight: 400;
}
.article.small .info .title {
    display: block;
    max-height: 90px;
    overflow: hidden;
    font-size: 18px;
    color:#020201;
    line-height: 124%;
    font-family: 'Open Sans',Verdana,Arial;
}

.article.big  .info .images_count::before,
.article.small  .info .images_count::before {
    content: "\F3F5";
    font-family: ionicons;
    float: left;
    margin-right: 7px;
    font-size: 31px;
}
.article.small  .info .images_count::before {
    color:#000;
}

.article.big  .info .images_count::before {
    color:#fff;
}

.article.big .info .images_count {
    margin: 0;
}

.article.small .info {
    float: left;
    width: 51%;
    position: relative;
    min-height: 110px;
    padding: 0 10px 2px;
}

.article.small .img img {
    /* height: auto; */
    float: left;
    height: 116px;
		object-fit: cover;
}

.article.small .img {
    float: left;
    width: 49%;
    min-height: 110px;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    background-clip: border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    /* border-radius: 10px; */
    /* box-shadow: 0 1px 6px rgba(0,0,0,.88); */
}

@media screen and (max-width: 765px) {
    .article.small .post-meta {
        display: none;
    }
}
@media screen and (min-width: 765px) {
    .article.big,
    .article.big + .article.small {
		width: 49.5%;
		margin-left: 0px;
        position: relative;
        clear: none;
        display: inline-block;
    }

    .article.big {
        float: right;
    }

    .article.big .img {
        margin: 0;
    }
    .article.big .img img {
            width: 100%;
            object-fit: cover;
            margin: 0;
    }

    .article.big {
        max-height: 260px;
    }

    .article.big + .article.small .entry-header.info {
        position: absolute;
        left: 0;
        bottom: 0;
        margin-bottom: 0px;
        padding: 15px;
        width: 100%;
        background: linear-gradient(180deg, transparent,#000);
    }
    .article.big + .article.small  .img {
        height: 260px;
        width: 100%;
        background-size: cover;
        background-position: 50%;
        overflow: hidden;
        background-clip: border-box;
        background-origin: border-box;
        background-repeat: no-repeat;

        display: inline-block;
    }

    .article.big .entry-header.info {
        margin-bottom: 0px;
    }


    .article.big + .article.small  .info .title {
        min-height: 106px;
    }
    .article.big + .article.small  .info .title a {
        color: #fff;
        font-size: 32px;
        text-shadow: 1px 1px 1px rgba(0,0,0,.86);
        line-height: 34px;
        font-weight: 500;
        font-family: 'Open Sans',Verdana,Arial;
    }

    .article.big + .article.small  .info .title a {
        font-size: 30px;
    }

    .article.big + .article.small .meta-text {
        margin-left: 5px;
    }

    .article.big + .article.small .info .images_count {
        display: none;
    }


    .article.big + .article.small * {
        color: #fff;
    }
    .article.big + .article.small  .img img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .article.big + .article.small .info .title {
        height: auto;
        max-height: none;
        margin-bottom: 22px;
    }

    .article.small .img img {
        float: left;
        height: auto;
        object-fit: cover;
        width: 100%;
    }

    .article.small .info {
        width: 61%;
    }

    .article.small .img {
        width: 39%;
    }

    .single_ads, .category_ads {
        padding: 10px 0 0;
        float: left;
    }

    .article.small .post-meta {
        margin-top: 10px;
        font-size: 12px;
    }

    .single_article .top_img h1 {
        color: #000;
    }
}


.single_ads,
.category_ads {
	clear: left;
    width: 100%;
	margin-bottom: 12px;
	text-align: center;
	clear: left;
}

.single_ads > span,
.category_ads > span {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.no_result,
.search .normal_title  {
    margin: 10px 0 15px;
    font-weight: bold;
}

.search .search_form {
    margin-bottom: 5px;
}
.search .submit_btn {
		float: right;
    background: #fff;
    color: #000;
    padding: 11px 25px;
    border: 1px solid #000;
		margin-left: 10px;
}

/* gallery */
.gallery_page_box > a {
    color:#000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
    font-family: 'Open Sans',Verdana,Arial;
    line-height: 34px;
    font-size: 22px;
    position: absolute;
}

.gallery_page_box .img_article {
	float: left;
	margin-top: 40px;
	overflow: hidden;
	width: calc(100% + 20px);
	margin-left: -10px;
}

.gallery_page_box .img_article img {
		width: 100%;
		height: auto;
}
.gallery_page_box > a:first-of-type {
    left: 0;
}
.gallery_page_box > a:first-of-type:before {
    content: "\F3D2";
    font-family: ionicons;
    position: static;
    float: left;
    color: #000;
    margin-right: 5px;
}

.single_article + .articles h5 {
    margin-top: 10px;
}

.single_article .entry-header {
	float: left;
	margin: 8px 0 15px -10px;
	width: calc(100% + 20px);
}

.single_article .top_img {
	float: left;
	width: 100%;
	position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.single_article .top_img img {
	height: 80vw;
  display: block;
  object-fit: cover;
}

.single_article .top_img .info {
	width: 100%;
    /* position: absolute; */
  left: 0;
  bottom: 0;
  z-index: 99;
}

.single_article .top_img h1 {
	float: left;
    width: 100%;
	margin-top: 50px;
    margin-bottom: 10px;
    color: #4c4a4a;
    padding:  12px 10px 12px;
    /* text-shadow: 0px 1px 5px #fff; */
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
}

.single_article .top_img .info .gallery_count {
	float: left;
	margin: 0 0 5px 12px;
	font-size: 32px;
	color: #fff;
}

.single_article .top_img .info .gallery_count i {
	float: left;
}

.single_article .top_img .info .gallery_count span {
	float: left;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px 0;
	margin: 7px 0 0 8px;
	line-height: 12px;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	text-align: center;
	height: 21px;
}

.single_article .top_img .info .author {
	float: right;
  font-size: 12px;
	background: rgba(0, 0, 0, 0.63);
	padding: 7px 10px 5px 10px;
	margin: 5px 12px 0 0;
	border-radius: 13px;
	color: #fff;
}

.single_article .top_img .info .author a {
	color: #fff;
	text-decoration: underline;
}

.single_article .top_img .info .author a:hover {
	text-decoration: none;
}

.single-post #breadcrumbs.breadcrumbs_single {
    position: relative;
    z-index: 8888;
    color: #886f6f;
}

.single-post #breadcrumbs.breadcrumbs_single a {
	color: #de0093;

}

.single-post .single_article .entry-header {
	margin-top: -35px;
}

.gallery_page_box > a:nth-of-type(2) {
    right: 0;
}
.gallery_page_box > a:nth-of-type(2):after {
    content: "\F3D3";
    font-family: ionicons;
    position: static;
    float: right;
    color:#000;
    margin-left: 5px;
}

.gallery_page_box {
    position: relative;
		float: left;
		width: 100%;
		margin-top: 12px;
		margin-bottom: 10px;
}
#breadcrumbs * {
    font-size: 12px;
}

/* gallery end */
/* search */

.search_box_form {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  z-index: 10000;
  padding: 20px;
  box-sizing: border-box;
}

.search_box_form .white_popup {
  float: left;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 20px;
}

.search_box_form h6 {
  float: left;
  width: 100%;
  padding: 0 0 20px;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.header_search {
  float: left;
  width: 100%;
  padding: 20px;
  text-align: center;
}

.close_search {
  position: fixed;
  right: 17px;
  bottom: 17px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 54px;
  background: #e94c3c;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
}

.header_search input[name="s"] {
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 15px;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  max-width: 300px;
  box-sizing: border-box;
}

.header_search input[type="submit"] {
  max-width: 300px;
  border-radius: 5px;
  display: block;
  color: #fff;
  background: #e94c3c;
  border: 0;
  margin: 0 auto;
  cursor: pointer;
  padding: 10px 35px;
}

/* end search */

main .wp-pagenavi {
	margin: 20px 0px 35px 0;
}

.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi {
	clear: both;
	margin: 10px 0;
	display: block;
	text-align: center;
	float: left;
	width: 100%;
}

main .wp-pagenavi {
	margin: 20px 0px 35px 0;
}

.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi {
	clear: both;
	margin: 10px 0;
	display: block;
	text-align: center;
	float: left;
	width: 100%;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 7px 9px 5px 9px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.fancybox_popup,
.success_box {
	display: none;
}

.back_to_post {
	display: inline-block;
	font-size: 30px;
	margin-top: 10px;
}

.gallery_article .entry-title {
	padding-top: 3px;
}

.social-icon-navi {
    background-image: url("assets/images/share-header.png");
    background-position: 3px 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 46px;
    width: 52px;
    background-size: 47px;
}
.social-icon-navi {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.social-icon-navi.opened {
    background-image: url("assets/images/share-x.png");
    background-color: #000;
}

.social-icons-layer {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    width: 100%;
    padding: 6px 0;
    box-shadow: 0 5px 5px 1px rgba(0,0,0,.8);
    -webkit-transition-property: visibility,opacity;
    transition-property: visibility,opacity;
    -webkit-transition-duration: 0,.15s;
    transition-duration: 0,.15s;
    -webkit-transition-delay: .15s,0;
    transition-delay: .15s,0;
}

.social-icons-layer, .social-icons-layer.social-icon {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

.social-icons-layer {
    color: #fff;
    background:#000;
    top: 46px;
}

.social-icons-layer .social-icon {
    display: inline-block;
    width: 70px;
    margin-bottom: 1.5em;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    opacity: 0;
		color: #fff;
}

.social-icons-layer .social-icon-facebook {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/images/ic-fb.png");
}

.social-icons-layer .social-icon-whatsapp {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/images/ic-wa.png");
}

.social-icons-layer .social-icon-pinterest {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/images/ic-pi.png");
}

.social-icons-layer .social-icon-email {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/images/ic-ma.png");
}

.social-icons-layer .social-icon {
    height:45px;
    width: 69px;
}

.social-icons-layer.opened {
    visibility: visible;
    opacity: 1;
}
.social-icons-layer .social-icon.opened {
    opacity: 1;
}

.social-icons-layer .social-icon span {
    display: block;
    position: relative;
    font-size: 13px;
    top: 50px;
}

#soc-wrap {
		background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    border-top: 1px solid #707070;
		padding: 10px 5% 20px 5%;
}

ul.mvp-fly-soc-list {
    text-align: center;
    width: 100%;
}

.soc-list li {
    margin: 0 10px;
    display: inline-block;
}

.fly-shadow li {
    text-align: center;
    border: none;
}


#navigation .header_search {
    margin: 10px 0;
    padding: 0 20px;
    border: 1px solid#f0f0f0;
    width: calc(100% - 20px);
    margin-left: 10px;
    padding: 0;
    position: relative;
}
#navigation .header_search input[type="submit"] {
    float: right;
    width: auto;
    padding: 0;
    height: 36px;
    width: 36px;
    background: none;
    font-size: 0;
    position: relative;
    z-index: 9;
}
#navigation .header_search i {
    color:#e94c3c;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 5px;
}

#navigation .header_search input[name="s"] {
    border: none;
    width: calc(100% - 36px);
    float: left;
    margin: 0;
    height: 36px;

}
/*
#soc-wrap li a.twitter {
    background-image: url("assets/images/ic-fa2.png");
}
*/

#soc-wrap li a {
    color: #707070;
    font-size: 20px;
    background-size: cover;
    height: 24px;
}
#soc-wrap li a {
    color: #000;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 18px;
    padding: 10px 0;
    font-size: 30px;
}

body > footer {
   display: inline-block;
   width: 100%;
   padding: 10px 0;
   background: #000;
}
body > footer li a {
    color: #fff;
}
body > footer li {
    padding: 0 5px;
    display: inline-block;
}
body > footer ul {
    width: 100%;
    text-align: center;
    display: block;
}

.scrolling .img_article .goto-gallery {
    opacity: 1;
}
.scrolling .single_pin{
    opacity: 0;
    transition: all 0.5s ease;
    transition-delay: .4s;
}

.img_article .goto-gallery {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 40px;
    margin: -20px 0 0 -90px;
    background-color: rgba(234,75,60,1);
    color:#fff;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.5s ease;
    transition-delay: .4s;
}

.fancybox_popup,
.success_box {
	display: none;
}

.back_to_post {
	display: inline-block;
	font-size: 30px;
	margin-top: 10px;
}

.gallery_article .entry-title {
	padding-top: 3px;
}



/***	static pages css  ***/
.static_page_top,
.static_page_bg_two,
.static_page_bg_three {
    margin: 5px -13px 15px;
    background: url(assets/images/static_page_bg_one.jpg) top center;
    width: auto;
    padding: 20px 0;
    color:#fff;
    line-height: 150%;
}

.static_page_top .container,
.static_page_bg_two .container,
.static_page_bg_three .container {
    padding: 0 13px;
}

.static_page_top .right_box p a {
    display: inline-block;
    background: #0030ff;
    padding: 0 3px;
    color: #fff;
}

.static_page_top .left_box .title_dotted {
    margin-bottom: 15px;
    float: left;
    background: url(assets/images/static_page_dotted.png) repeat;
    width: 100%;
    padding: 20px 0;
    font-size: 28px;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0,0,0,.4);
}

.static_page_top .left_box .blue_btn {
    float: left;
    background: #0030ff;
    width: 48%;
    margin-right: 4%;
    padding: 18px 18px 12px;
    margin-bottom: 10px;
    position: relative;
    color:#fff;
    font-size: 16px;
    text-shadow: 2px 2px 0 rgba(0,0,0,.4);
}

.static_page_top .left_box .blue_btn + .blue_btn {
    margin-right:0;
}

.static_page_top .left_box .blue_btn::before {
    content: "";
    background:
    #000;
    display: block;
    width: 92%;
    height: 5px;
    position: absolute;
    left: 4%;
    bottom: -5px;
}

.static_page_top .left_box .blue_btn::after, .static_contacts_bg .contact_email a::after {
    content: "";
    background: url(assets/images/pagination_next.png) no-repeat right center;
    float: right;
    width: 25px;
    height: 25px;
    margin: -3px 32px 0 0;
    opacity: .5;
}

.static_page_top .left_box .blue_btn::after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    margin: -5px 0 0;
}

.wpcf7-form label {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.input_text, textarea, .wpcf7-text {
	padding: 10px 15px;
    border: 1px solid #b3b3b3;
    color: #777680;
    font-size: 15px;
    margin: 9px;
    border-radius: 9px;
}

.mess_title {
    text-align: center;
    width: 100%;
    padding: 30px 0;
    margin-bottom: 10px;
    border-top: 2px solid #ee1a65;
    font-size: 30px;
    font-weight: 600;
    color: #444;
}

.left_conty {
	background-image: url('assets/images/trending_bg_rm.png');
    background-position-x: -4px;
    background-position-y: 54px;
    background-repeat: no-repeat;
}

.search_form .input_text {
		width: calc(100% - 150px);
    line-height: 24px;
    border: 1px solid #000;
}

.wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-text {
    float: left;
    width: 100%;
    color:  #777680;
}

.wpcf7-submit, .submit_btn {
    background: #25272d url("assets/images/pagination_next.png") no-repeat right 25px center;
    background-size: auto;
    background-size: 16px;
    padding: 13px 37px 12px 40px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin: 11px;
    border-radius: 8px;
}


.blue_green_box::before {
    background: #0030ff;
    z-index: 9;

}
.blue_green_box::after, .blue_green_box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.blue_green_box_hold .blue_green_box span {
    width: 100%;
    padding: 10px 5px 10px 5px;
    font-size: 20px;
}
.blue_green_box span {
    display: inline-block;
    padding: 23px 38px;
    position: relative;
    z-index: 9;
    font-size: 18px;
    color: #fff;
}

.blue_green_box_hold .blue_green_box p {
    display: block;
    position: relative;
    z-index: 9;
    padding-bottom: 25px;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.static_page_bg_two {
    padding: 0 3px 3px 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid
    #a8a8ae;
}

.map_box {
    content: "";
    background:
    #c5c6c7;
    width: 100%;
    height: 40px;
    position: absolute;
    left: -10px;
    bottom: -18px;
}

.static_page_bg_three {
    margin-bottom: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #a8a8ae;
}

.static_contacts_bg {
    background: #0030ff;
    color:#fff;
}

.blue_green_box_hold .blue_green_box p {
    overflow: hidden;
    width: 100%;
    height: 72px;
    margin-top: 0;
    background:#0030ff url("assets/images/pagination_prev.png") no-repeat center center;
    color: #fff;
    padding: 10px 0;
}

.map_box .blue_green_box_hold .blue_green_box p {
    background: rgba(59,89,152,1);
}

.blue_green_box::before {
    -webkit-transform: translateX(5px) rotateY(4deg);
    -moz-transform: translateX(5px) rotateY(4deg);
    -ms-transform: translateX(5px) rotateY(4deg);
    -o-transform: translateX(5px) rotateY(4deg);
    transform: translateX(5px) rotateY(4deg);
}

.map_box .blue_green_box_hold .blue_green_box::after {
    display: block;
    width: 64px;
    height: 64px;
    padding-top: 21px;
    text-align: center;
    color:
    #fff;
    font-size: 23px;
}
.map_box .blue_green_box_hold {
    width: 100%;
    margin: 40px 0 0 0;
}
.blue_green_box_hold {
    float: left;
    width: 48%;
    position: relative;
    margin: 20px 4% 0px 0;
    text-align: center;
}

.blue_green_box_hold:nth-of-type(even) {
    margin-right: 0;
}

.blue_green_box_hold .blue_green_box p {
    display: block;
    position: relative;
    z-index: 9;
    height: auto;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase;
    letter-spacing: initial;
    min-height: 50px;
    font-size: 12px;
}

.phone_img {
    display: none;
}

.map_box .blue_green_box_hold .blue_green_box p {
    padding: 35px 0;
    font-family: "ProximaNovaLight";
    font-size: 18px;
    text-transform: initial;
    text-align: left;
}

.map_box {
    display: none;
}

.static_page_social .box a {
    display: inline-block;
    width: 64px;
    height: 64px;
    padding-top: 21px;
    text-align: center;
    font-size: 23px;
    color: #fff;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.static_page_social .box {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.static_page_social .box:nth-of-type(2) {
    display: none;
}
.static_page_social .box a.fb {
    background-color: rgba(59,89,152,1);
background-image: url("assets/images/ic-fb.png");
}

.static_contacts_bg {
    margin: 0 -13px;
    text-align: center;
padding: 15px 0 10px;
}

.static_page_social .box a.gp {
    background-color: rgba(221,75,57,1);
background-image: url("assets/images/ic-pi.png");
}

.static_page_social .box a.pr {
    background-color: rgba(221,75,57,1);
background-image: url("assets/images/ic-pi.png");
}

.static_page_social .box span {
    display: none;
}

#statistiken {
    margin: 20px -14px 0;
    font-size: 20px;
    padding-bottom: 40px;
    padding-top: 10px;
    float: left;
    margin-top: 0;
}

.static_page_bg_three .text p {
    margin-bottom: 10px;
}

.static_page_bg_three .container {
    display: inline-block;
}

.title_top_dotted {
    margin-top: 10px;
}

.page-template-page-contact,
.page-template-page-werbung {
    overflow-x: hidden;
}

.blue_green_box::after {
    left: 3px;
    width: 98%;
    background: #5aff8c;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}

.static_page_bg_two .blue_green_box_hold::after, .map_bg .pin_box .pin_info .country::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 48, 255, 0);
    border-top-color: rgba(0, 48, 255, 0);
    border-top-color:#0030ff;
    border-width: 8px;
    margin-left: -8px;

}

.responsive_table, .ads_table {
    float: left;
    width: 100%;
}

.responsive_table {
    overflow-x: scroll;
}

.responsive_table table {
    width: 600px;
    margin: 40px 0;
}

.ads_table td {
    padding: 15px;
    color:#777680;
    vertical-align: top;
    border-bottom: 2px solid #f5f5f5;
}
.ads_table th {
    background: #0030ff;
    padding: 23px 15px;
        color:#fff;
    text-transform: uppercase;
    text-align: left;
}

.ads_table td span:not(.border):not(.number) {
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
    color: #000;
}

.ads_table tr th:last-of-type {
    text-align: right;
}

.page-template-page-werbung .static_page_top + .container {
    background:
    #fff;
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0 -13px;
    width: calc(100% - -26px) !important;
    padding: 0 13px;
}

.ads_table td {
    padding: 25px 15px;
        padding-left: 15px;
    color: #777680;
    vertical-align: top;
    border-bottom: 2px solid#f5f5f5;
}

.ads_table tr td:last-of-type {
    color:
    #0030ff;
    font-family: "ProximaNovaBold";
    text-align: right;
}

.ads_table td .border {
    padding: 10px 20px;
    border: 1px solid #0030ff;
    color:#0030ff;
    font-family: "ProximaNovaBold";
}

.static_page_top {
    background-size: cover;
}

.article_desc a.gallery_link {
	position: relative;
}
/***	static pages css end  ***/

/***	related post shortcode  ***/

.related_post_shortcode {
	float: left;
	width: 100%;
	height: 320px;
  background-position: center;
  background-size: cover;
	margin: 10px 0;
	height: 400px;
	position: relative;
	box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.37);
	border-radius: 30px;
}

.related_post_shortcode > a {
	float: left;
	width: 100%;
	height: 100%;
	display: block;
}

.related_post_shortcode h3 {
	width: 86%;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 16px;
	background: rgba(0,0,0,.5);
	line-height: 122%;
	box-sizing: border-box;
	padding: 20px 15px;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 30px;
	font-weight: 700;
	height: 95px;
	font-family: roboto condensed,sans-serif;
	margin: 0;
}

.related_post_shortcode span {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*** END related post shortcode  ***/