* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

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

audio,
canvas,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea { font-family: "Microsoft YaHei", sans-serif; }

body { color: #505050; line-height: 1.625; margin: 0;  height: 100%; }
.body-visible { opacity: 1; -webkit-transition: opacity 700ms; transition: opacity 700ms; }
.has-featured-slideshow { overflow-y: hidden; }

a { color: #3B95B1; text-decoration: none; }
a:visited { }
a:focus { outline: thin dotted; }
a:active,
a:hover { color: #3B95B1; outline: 0; }
a:hover { text-decoration: underline; }
a img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight:lighter; font-family:"微软雅黑"; margin: 0 0 1em 0; }
h1 { font-size: 225%; margin-bottom: 0.625em; }
h2 { font-size: 200%; margin-bottom: 0.75em; }
h3 { font-size: 175%; margin-bottom: 0.8125em; }
h4 { font-size: 150%; }
h5 { font-size: 125%; }
h6 { font-size: 100%; }
p { margin: 0 0 2em 0; }

address { font-style: normal; margin-bottom: 20px; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: 700; }
em { font-style: italic; }
dfn { font-style: italic; }
mark { /* background: #ff0; */ background: #fe6; color: #000; }

code,
kbd,
pre,
samp { font-family: monospace, serif; font-size: 93.75%; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
pre { margin: 0 0 3em 0; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
pre code { display: block; background-color: #f5f5f5; overflow: hidden; padding: 0 2em; }
kbd {
	padding: 0.1em 0.65em;
	border: 1px solid #cccccc;
	font-size: 75%;
	font-family: Roboto, sans-serif;
	background-color: #f8f8f8;
	color: #3a3a3a;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0.1em;
	line-height: 1.4;
	white-space: nowrap;
}

/* Quotes */
blockquote,
q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
/* q { quotes: "\201C" "\201D" "\2018" "\2019"; } */
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; content: none; }
blockquote { /* font-size: 18px; */ font-size: 112.5%; font-style: italic; font-weight: 300; margin: 24px 40px; }
blockquote blockquote { margin-right: 0; }
blockquote cite,
blockquote small { /* font-size: 14px; */ font-size: 87.5%; font-weight: normal; text-transform: uppercase; }
blockquote em,
blockquote i { font-style: normal; font-weight: 300; }
blockquote strong,
blockquote b { font-weight: 400; }
blockquote.quote-style-2 { position: relative; text-indent: 2em; }
blockquote.quote-style-2:before { quotes: "芦" "禄"; quotes: "\00AB" "\00BB"; content: open-quote; font-size: 2.5em; font-weight: 900; line-height: 0.375; text-indent: 0; /* color: inherit; */ color: #787878; position: absolute; top: 0; left: 0; }

small { font-size: smaller; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; }
sub { vertical-align: sub; }
sup { vertical-align: super; }

dl { margin: 0 2em; }
dt { font-weight: 700; }
dd { margin: 0 0 1.5em; }

menu,
ol,
ul {}
ul { list-style-type: square; }

nav ul,
nav ol { list-style: none; list-style-image: none; }

li > ul,
li > ol { margin: 0; }

.list-armenian { list-style-type: armenian; }
.list-circle { list-style-type: circle; }
.list-cjk-ideographic { list-style-type: cjk-ideographic; }
.list-decimal { list-style-type: decimal; }
.list-decimal-leading-zero { list-style-type: decimal-leading-zero; }
.list-disc { list-style-type: disc; }
.list-georgian { list-style-type: georgian; }
.list-hebrew { list-style-type: hebrew; }
.list-hiragana { list-style-type: hiragana; }
.list-hiragana-iroha { list-style-type: hiragana-iroha; }
.list-inherit { list-style-type: inherit; }
.list-katakana { list-style-type: katakana; }
.list-katakana-iroha { list-style-type: katakana-iroha; }
.list-lower-alpha { list-style-type: lower-alpha; }
.list-lower-greek { list-style-type: lower-greek; }
.list-lower-latin { list-style-type: lower-latin; }
.list-lower-roman { list-style-type: lower-roman; }
.list-none { list-style-type: none; }
.list-square { list-style-type: square; }
.list-upper-alpha { list-style-type: upper-alpha; }
.list-upper-latin { list-style-type: upper-latin; }
.list-upper-roman { list-style-type: upper-roman; }

img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

figure { margin: 0 0 3em 0; }

form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; }

button,
input,
select,
textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }

button,
input { line-height: normal; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled],
input[disabled] { cursor: default; }

input[type="checkbox"],
input[type="radio"] { padding: 0; }

input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; width: 270px; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 87.5%; line-height: 2; margin: 0 0 2em; width: 100%; }
caption,
th,
td { font-weight: normal; text-align: left; }
caption { font-size: 16px; margin: 20px 0; }
th { font-weight: bold; text-transform: uppercase; }
td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }

del { text-decoration: line-through; }
ins { text-decoration: underline; }
hr { background: none; border: 0 none; border-top: 1px solid #DCDCDC; clear: both; color: #EEE; height: 1px; width: 100%; margin: 0 auto 2em auto; padding-top: 0; }

:focus { outline: 0; }

/**
 * 2.0 Repeatable patterns
 * ----------------------------------------------------------------------------
 */

/* Clearing floats */
.clear:before,
.clear:after,
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clear:after,
.clearfix:after {
	clear: both;
}

/* Clearing floats for site containers */
.entry-media:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-body:after {
	clear: both;
}

.entry-media:before,
.entry-media:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	top: 5px;
	left: 5px;
	text-decoration: none;
	height: auto;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 1px solid #d9dcdd;
	font-family: inherit;
	padding: 7px;
}

input,
textarea {
	color: #000;
}

input:focus,
textarea:focus {
	border: 1px solid #d9dcdd;
	outline: 0;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #282832;
	border: none;
	color: #fff;
	display: inline-block;
	padding: 8px 24px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #3B95B1;
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #098b8d;
	border: none;
}

.post-password-required input[type="submit"] {
	background: none repeat scroll 0 0 transparent;
	color: #000;
	font-weight: 900;
	padding: 5px 10px;
	text-transform: uppercase;
}

.post-password-required input[type="submit"]:hover {
	color: #3B95B1;
}

/* Placeholder text color -- selectors need to be in separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 5px 0;
}

img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 20px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	font-size: 87.5%;
	/* line-height: 1.25; */
	font-style: italic;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.sticky { }
.bypostauthor { }

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.site-content { margin: 0 auto; max-width: 1200px; width: 92%; word-wrap: break-word; }
.no-boundaries .site-content { max-width: none; width: 100%; }
.content-area { position: relative; width: 100%; }
.single .content-area { margin: 0 auto; max-width: 900px; font-size: 112.5%; padding-bottom: 20px; }

/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header { width: 100%; height: auto; z-index: 150; top: 0; position: fixed; background-color: #fff; background-color: rgba(255, 255, 255, .86); }
.admin-bar .site-header { top: 32px; }
.site-header:hover { background-color: rgba(255, 255, 255, 1); }
.site-header, .site-header:hover {
	-webkit-transition: background-color 1s ease-in-out;
	transition: background-color 1s ease-in-out;
}
.mod-touch .site-header { position: absolute; }
.mod-touch .admin-bar .site-header { top: 0; }
.site-header .site-header-inner { margin: 0 auto; width:100%; position: relative; height: 100%; min-height: 150px; }

.logo { height: 100%; position: absolute; display:none;}
.logo-inner { display: table; height: 100%; }
.home-link { display: table-cell; vertical-align: middle; }
.home-link:hover { text-decoration: none; }
.home-link:focus { outline: 0; }
.site-title {  font-weight: 900; color: #000; margin: 0 0 5px 0; }
.site-title:hover { color: #3B95B1; }
.site-description { font-family: Roboto, sans-serif; font-size: 13px; text-decoration: none; margin: 0; }
.site-logo { outline: 0; max-width: 100%; }
.site-logo + .site-title,
.site-logo + .site-title + .site-description { display: none; }

/**
 * 4.2 Compact Header
 * ----------------------------------------------------------------------------
 */

#compact_menu { float: right; margin-top: 5px; max-width: 85%; }

/* Back Button */
.header-back-to-blog-link { float: left; display: none; }
	.header-back-to-blog { float: left; }
		.header-back-to-blog-message { float: left; cursor: pointer; margin: 3px 0 0 5px; font-family: Novecentowide, sans-serif; font-size: 62.5%; text-transform: uppercase; font-weight: 600; color: #c6cacb; }
		.header-back-to-top { padding-right: 20px; margin-top: 20px; position: absolute; right: 45px; border-right: 1px solid #C6CACB; cursor: pointer; display: none; }
		.header-back-to-blog-icon-svg { height: 34px; float: left; }
			.compact-header-arrow-back-svg { float: left; }
			
				.compact-header-arrow-back-svg polyline { stroke: #c6cacb; stroke-width: 4.2px; stroke-linecap: round; stroke-linejoin: round; }
				
				.header-back-to-top:hover .header-back-to-blog-message { color: #000; }
				.header-back-to-top:hover .compact-header-arrow-back-svg polyline { stroke: #000; }

/* Back Button */
.back { display: none; top: 0; bottom: 0; position: absolute; height: 34px; margin: auto; }
.back:hover { text-decoration: none; }
.back .label { color: #c6cacb; float: left; font: 700 62.5%/1 Roboto, sans-serif; margin: 12px 0 0 5px; text-transform: uppercase; }
.back .icon { height: 34px; float: left; }
.back .icon polyline { stroke: #c6cacb; stroke-width: 4.2px; stroke-linecap: round; stroke-linejoin: round; }
.back:hover .label { color: #000; text-decoration: none; opacity: 1; }
.back:hover .icon polyline { stroke: #000; }

/* Compact Search */
.compact-search  { color: #c6cacb; cursor: pointer; display: none; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; }
.compact-search:before { content: "L"; cursor: pointer; font: 400 27px/1 WebSymbolsRegular; position: absolute; top: 2px; left: 0; }
.compact-search:hover { color: #000; }
.blog .compact-search,
.single .compact-search { display: block; }

.site-header .search-form { display: none; }
.blog .site-header .search-form input[type="search"],
.single .site-header .search-form input[type="search"] { margin-bottom: 2em; }

/* Search Overlay */
.header-search { cursor: pointer; background-color: #fff; background-color: rgba(255, 255, 255, 0.97); display: none; height: 100%; position: fixed; width: 100%; z-index: 300; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.header-search .search-form { margin: 3.8% auto 20px auto; max-width: 1200px; width: 92%; }
.header-search .search-field { border: 1px solid transparent; color: #000; font-family: Novecentowide, sans-serif; font-size: 80px; font-weight: 600; padding: 0; text-transform: uppercase; max-width: 100%; width: 100%; }
.header-search .search-field::-webkit-input-placeholder { color: transparent; }
.header-search .search-field:-moz-placeholder { color: transparent; }
.header-search .search-field::-moz-placeholder { color: transparent; }
.header-search .search-field:-ms-input-placeholder { color: transparent; }
.header-search .search-submit { display: none; }
.header-search .search-message { color: #8c8c8c; font-family: Novecentowide, sans-serif; font-size: 11px; font-weight: 700; margin: 0 auto; max-width: 1200px; text-transform: uppercase; width: 92%; }

/**
 * 4.3 Navigation
 * ----------------------------------------------------------------------------
 */

.site-navigation { position: relative; float: right; width: 100%; text-align: center;margin-top:15px;}
.nav-menu li a {}
.nav-menu li a:hover{}

.nav-menu li {}
.main-nav {<!-- float: left;-->  position: relative;  }
.nav-menu { float: left;  position: relative; padding-top: 34px; margin-bottom: 37px; }
.main-nav .nav-menu { float: none; width: auto; padding-top: 0; margin-bottom: 0;margin-right:8%;margin-left:8%;}
.pf_nav {float:right; margin: 0; padding: 0;margin-right:20px; position: relative; }
.pf_nav li { line-height: 1;float: left;margin-left:1%; }
.pf_nav li a { display: inline-block; color: #969696; font: 100 68.75%/1 "Microsoft YaHei", sans-serif; }
.pf_nav li a.selected { color: #000; }
.pf_nav li a:hover { color: #000; text-decoration: none; }

.nav-menu .has-submenu > a:after { content: "]"; font: 100%/1 WebSymbolsRegular, sans-serif; padding-left: 6px; position: absolute; }
.nav-menu .has-submenu .has-submenu > a:after { content: "]"; line-height: 1.375; right: 10px; top: 4px; }
ul.nav-menu,
div.nav-menu > ul { margin: 0; padding: 0; }
.nav-menu li { margin-right:1%; position: relative; float: left; line-height: 1; }
.nav-menu li a { display: inline-block; color: #969696; font: 100 68.75%/1 "Microsoft YaHei", sans-serif; text-decoration: none; text-transform: uppercase; }
.nav-menu > li > a { line-height: 1; }
.nav-menu li li a { font-weight: 500; padding: 6px 6px 6px 8px; }
.nav-menu ul > li:first-child > a { border-radius: 4px 4px 0 0; }
.nav-menu ul > li:last-child > a { border-radius: 0 0 4px 4px; }
.nav-menu ul > li:only-child > a { border-radius: 4px; }
.nav-menu li a:hover { color: #000; }
.nav-menu > .has-submenu > a { padding: 0 23px 0 0; }
.nav-menu > .has-submenu:hover > a,
.nav-menu > .has-submenu > a:hover { color: #000; }
.nav-menu li li:hover > a,
.nav-menu li li a:hover { background-color: #bdbdbd; color: #000; font-weight: 700; }
.nav-menu .sub-menu,
.nav-menu .children { background-color: #000; background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; color: #BABABA; display: none; float: left; left: 100%; top: 0; font-weight: 500; padding: 0; position: absolute; word-wrap: break-word; z-index: 9999; }
.nav-menu > li > .sub-menu,
.nav-menu > li > .children { }
.nav-menu .sub-menu ul,
.nav-menu .children ul { border-left: 0; left: 100%; top: 0; }
ul.nav-menu ul a,
.nav-menu ul ul a { color: #BABABA; margin: 0; min-width: 180px; }
.nav-menu li li { width: 100%; }
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover { background-color: #bdbdbd; color: #000; font-weight: 700; }
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul { display: block; }
.nav-menu > ul > .current_page_item > a,
.nav-menu > ul > .current-menu-item > a ,
.nav-menu > .current_page_item > a,
.nav-menu > .current-menu-item > a { color: #000; }
.nav-menu li .current_page_item > a,
.nav-menu li .current-menu-item > a { background-color: #bdbdbd; color: #000; font-weight: 700; }
.site-navigation ul li {margin-top:10px;}
.menu-toggle { display: none; }

.compact-container { position: absolute; right: 0; top: 3px; }
.compact-container .nav-menu > li > a { margin-top: 0; }
.compact-container .nav-menu > .has-submenu > a { padding: 0 23px 0 0; }
.compact-container .nav-menu > .has-submenu > a { margin-top: 0; }

.site-navigation ul li.menu-item-5011 a{ width:150px; background:url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/images/images/version-sh-logo1.png) no-repeat; margin-left:0; margin-right:0;}
ul .menu-item-5011 a{text-indent: -999px;height:53px;}
.main-nav ul li {float:right;}
.main-nav #menu-item-5011{float:Left;}

        .lavaLampBottomStyle {
            position: relative;
            height: 77px;
            width: 100%x; 
            
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-top: 1px solid #999;
                        width: 9px;
                        height: 50px;
                        z-index: 8;
                        position: absolute;
						display:block;
						margin-left:0;
						margin-right:0;
                    }
                    .lavaLampBottomStyle li a {
                        font: 12px arial;
                        text-decoration: none;
                        color: #969696;
                        outline: none;
                        text-align: center;
                        top: 15px; 
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        line-height: 18px; 
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }    

.lavaLampBottomStyle li span {font-size:10px; display:block;}		


/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */

.entry-container { border-bottom: 1px solid #d9dcdd; clear: both; margin-bottom: 50px; padding-bottom: 20px; position: relative; width: 100%; }
.entry-container:last-child { margin-bottom: 0; border-bottom: 0 none; }

.contact-marker { margin-left: 10px; }
.contact-marker:before { color: #505050; }
.contact-marker:hover:before { color: #000; text-decoration: none; }

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.entry-container .entry-header { float: left; width: 34%; margin-right: 4%; position: relative; word-wrap: break-word; margin-top: 5px; }
.entry-title { font: 900 200%/0.875 Novecentowide, sans-serif; margin: 0 0 7px 0; max-width: 100%; word-wrap: break-word; }
.entry-title a { color: #000; text-decoration: none; }
.entry-title a:hover { color: #3B95B1; text-decoration: none; }

.single .entry-header { clear: both; margin-bottom: 40px; }

.page-header { clear: both; margin-bottom: 80px; }
.blog .page-header { margin-bottom: 50px; }
.page-title { word-wrap: break-word; font: 900 968.75%/0.8125 Novecentowide, sans-serif; color: #000; border-bottom: 2px solid #D9DCDD; max-width: 1200px; margin: 0 auto; text-transform: uppercase; width: 92%; padding-bottom: 16px; clear: both; text-align: center; letter-spacing: -2px; margin-top: -0.375em; }
.single .page-title,
.search .page-title,
.archive .page-title { font-size: 800%; }
.page-description { border-bottom: 3px solid #D9DCDD; font: 300 200%/1.25 Roboto, sans-serif; margin: 15px auto 0 auto; max-width: 1200px; padding-bottom: 20px; width: 92%; }
.page-description a { text-decoration: underline; }
.page-description p { font-size: 100%; line-height: 1.25; }
.page-description p:last-child { margin-bottom: 0; } /* Removes spacing for category/tag description */
	
@media (max-width: 950px) {
	.entry-container .entry-header { width: 100%; }
	.entry-title { padding-right: 60px; display: block; font-size: 150%; }
}		
@media (max-width: 640px) {
	.page-description { font-size: 175%; }
}

/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta { margin-bottom: 20px; }

.entry-meta .author { color: #787878; display: block; font: 700 68.75%/1 Novecentowide, sans-serif; margin-bottom: 5px; text-transform: uppercase; }
.entry-meta .author a { color: #787878; text-decoration: underline; }
.entry-meta .author a:hover { color: #000; }

.entry-meta .date { display: block; font: 700 68.75%/1 Novecentowide, sans-serif; margin: 0 0 5px 0; text-transform: uppercase; }
.entry-meta .date a { color: #787878; }
.entry-meta .date a:hover { color: #000; text-decoration: none; }

.entry-meta .edit-link { display: block; font: 700 11px/1 Novecentowide, sans-serif; margin: 0 0 5px 0; text-transform: uppercase; }
.entry-meta .edit-link a { color: #787878; }
.entry-meta .edit-link a:hover { color: #000; text-decoration: none; }

.entry-meta .entry-tags { display: block; line-height: 1.5; margin: 0 0 5px 0; }
.entry-meta .entry-tags a { background-color: #b4b4b4; border-radius: 3px; color: #fff; font: 600 68.75%/1 Roboto, sans-serif; padding: 3px 7px; text-transform: uppercase; white-space: nowrap; }
.entry-meta .entry-tags a:hover { background-color: #000; color: #fff; text-decoration: none; }
	
/* Comments Cloud */
.blog-comments-wrapper { position: absolute; left: -35px; top: 0; cursor: pointer; height: 30px; margin-top: 3px; }
	.blog-comments-icon { height: 20px; }
		.blog-comments-icon-shape { }
			.blog-comments-icon-shape path { fill: #000; stroke: #000; stroke-width: 2px; }
			.blog-comments-wrapper:hover .blog-comments-icon-shape path { fill: #3B95B1; stroke: #3B95B1; }
			.blog-comments-wrapper.blog-comments-wrapper-zero .blog-comments-icon-shape path { fill: transparent; stroke: #000; stroke-width: 2px; }
			.blog-comments-wrapper.blog-comments-wrapper-zero:hover .blog-comments-icon-shape path { fill: transparent; stroke: #3B95B1; }
		.blog-comments-value { position: absolute; overflow: hidden; top: 0; width: 25px; height: 20px; }
		.blog-comments-wrapper.blog-comments-wrapper-zero .blog-comments-value { display: none; }
			.blog-comments-value a { color: #fff; display: block; font: 700 68.75%/1.5 Roboto, sans-serif; height: 18px; text-align: center; }
			.blog-comments-value a:hover { text-decoration: none; }
@media (max-width: 950px) {
	.entry-tags { display: none; }
	.blog-comments-wrapper { left: auto; position: absolute; right: 0; top: 0; margin-top: 0; }
		.blog-comments-icon { height: 40px; width: 40px; }
			.blog-comments-icon-shape { width: 100%; height: 100%; display: block; }
			.blog-comments-value { height: 40px; width: 40px; top: 5px; }
				.blog-comments-value a { font-size: 100%; line-height: 1.25; }
}
/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */
 
.entry-summary { font-size: 112.5%; line-height: 1.625; width: 62%; float: left; }

.entry-thumbnail { max-width: 100%; position: relative; }
.entry-thumbnail img { display: block; margin: 0 0 20px; }

@media (max-width: 950px) {
	.entry-content { width: 100%; }
	.entry-summary { width: 100%; }
	.logo{display:none;} 
}

.single-meta { color: #787878; line-height: 1.375; font-family: Roboto, sans-serif; position: relative; max-width: 1200px; width: 92%; margin: 0 auto; border-bottom: 3px solid #d9dcdd; padding: 15px 0 15px 0; }
.single-meta .blog-comments-wrapper { margin-top: 15px; left: 0; z-index: 2; }
.single-meta .single-date { float: left; padding-left: 35px; text-transform: uppercase; font: 600 125%/1.125 Novecentowide; z-index: 1; width: 48%; }
	
.single-meta .single-tags { float: right; text-align: right; width: 48%; }
.single-meta .single-tags a { font-size: 68.75%; font-family: Roboto, sans-serif; line-height: 2; text-transform: uppercase; padding: 3px 7px; border-radius: 3px; white-space: nowrap; font-weight: 700; background-color: #b4b4b4; color: #fff; }
.single-meta .single-tags a:hover { text-decoration: none; background-color: #000; color: #fff; }
	
@media (max-width: 950px){
	.single-meta .blog-comments-wrapper { display: none; }
	.single-meta .single-date { width: auto; padding-left: 0; font-size: 100%; }
}

/* Attachment page meta data */
.flow-fa:before,
.flow-fa a:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.flow-fa-pencil a:before { content: "\f040"; }
.attachment .single-meta .single-date { width: auto; margin-right: 30px; padding-left: 0; font-size: 100%; line-height: normal; }
.attachment .single-meta .full-size-link a { margin: 0 30px 0 0; color: #787878; font-weight: 600; }
.attachment .single-meta .full-size-link a:before { margin: 0 5px 0 0; font-weight: 400; }
.attachment .single-meta .full-size-link a:hover { color: #3B95B1; text-decoration: none; }
.attachment .single-meta .parent-post-link a { margin: 0 30px 0 0; color: #787878; font-weight: 600; }
.attachment .single-meta .parent-post-link a:before { margin: 0 5px 0 0; font-weight: 400; }
.attachment .single-meta .parent-post-link a:hover { color: #3B95B1; text-decoration: none; }
.attachment .single-meta .edit-link a { margin: 0 30px 0 0; color: #787878; font-weight: 600; }
.attachment .single-meta .edit-link a:before { margin: 0 5px 0 0; font-weight: 400; }
.attachment .single-meta .edit-link a:hover { color: #3B95B1; text-decoration: none; }

/* Paged Post/Page Navigation */
.page-links { clear: both; font-size: 16px; font-weight: 700; line-height: 2.2; margin: 3em 0; text-transform: uppercase; }
.page-links a,
.page-links > span { background-color: #fff; border: 1px solid #fff; color: #000; padding: 5px 10px; text-decoration: none; }
.page-links a { background-color: #000; border: 1px solid #000; color: #fff; margin-bottom: 5px; line-height: 1.5; display: inline-block; }
.page-links a:hover { background-color: #fff; color: #000; }
.page-links .page-links-title { background: transparent; border: none; color: #000; margin-right: 10px; padding: 0; }

/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 2em !important;
}

.gallery-item {
	float: left;
	margin: auto;
	overflow: hidden;
	position: relative;
}

/**
 * 5.5 Post Formats
 *
 * They are not styled differently but you can adjust that here.
 * ----------------------------------------------------------------------------
 */
 
/**
 * 5.6 Attachments
 *
 * They are not styled differently but you can adjust that here.
 * ----------------------------------------------------------------------------
 */

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.navigation { border-top: 1px solid #d9dcdd; margin: 0 auto 25px auto; max-width: 1200px; padding-top: 20px; width: 92%; }
.navigation a { text-transform: uppercase; color: #000; text-decoration: none; font: 700 143.75%/1 Novecentowide, sans-serif; }
.navigation a:hover { text-decoration: none; }

/* Navigation to next/previous set of posts */
.nav-previous { line-height: 1; float: right; }
.nav-previous a { font-size: 150%; }
.nav-previous a:before { content: ">"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: right; padding-left: 10px; cursor: pointer; color: #000; }
.nav-previous a:hover,
.nav-previous a:hover:before { color: #3B95B1; }

.nav-next { line-height: 1; float: left; }
.nav-next a { font-size: 150%; }
.nav-next a:before { content: "<"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: left; padding-right: 10px; cursor: pointer; color: #000; }
.nav-next a:hover,
.nav-next a:hover:before { color: #3B95B1; }

/* Navigation to next/previous post */
.post-navigation .nav-links { line-height: 1; }
.post-navigation .nav-links a { font-size: 150%; }
.post-navigation .nav-links a[rel="next"] { float: right; }
.post-navigation .nav-links a[rel="prev"] { float: left; }
.post-navigation .nav-links a[rel="next"]:before { content: ">"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: right; padding-left: 10px; cursor: pointer; color: #000; }
.post-navigation .nav-links a[rel="prev"]:before { content: "<"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: left; padding-right: 10px; cursor: pointer; color: #000; }
.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:hover:before { color: #3B95B1; }

/* Navigation to next/previous attachment for image.php */
.image-navigation { margin-bottom: 20px; }
.image-navigation .nav-links { line-height: 1; }
.image-navigation .nav-links a { display: block; font-size: 150%; }
.image-navigation .nav-links a .previous-image { float: left; }
.image-navigation .nav-links a .next-image { float: right; text-align: right; }
.image-navigation .previous-image:before { content: "<"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: left; padding-right: 10px; cursor: pointer; color: #000; }
.image-navigation .next-image:before { content: ">"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: right; padding-left: 10px; cursor: pointer; color: #000; }
.image-navigation .nav-links a:hover,
.image-navigation .previous-image:hover:before,
.image-navigation .next-image:hover:before { color: #3B95B1; }

@media (max-width: 950px) {
	.nav-previous { width: 45%; text-align: right; }
	.nav-previous a { font-size: 125%; }
	.nav-next { float: left; width: 45%; }
	.nav-next a { font-size: 125%; }
	
	.post-navigation .nav-links a { font-size: 125%; width: 45%; }
	.post-navigation .nav-links a[rel="next"] { text-align: right; }
	
	.image-navigation .nav-links a { font-size: 125%; }
	.image-navigation .nav-links a .previous-image { width: 45%; }
	.image-navigation .nav-links a .next-image { width: 45%; }
}

/**
 * 5.8 Author Bio
 *
 * They are supported by default but you can adjust that here.
 * ----------------------------------------------------------------------------
 */
 
/**
 * 5.9 Archives
 *
 * Archives are displayed with blog's layout and style.
 * ----------------------------------------------------------------------------
 */
 
/**
 * 5.10 Search Results/No posts
 *
 * Search results are displayed with blog's layout and style.
 * ----------------------------------------------------------------------------
 */
 
.page-content {
	margin: 0 auto;
	max-width: 1200px;
	width: 92%;
	padding: 0 0 50px 0;
}
 
/**
 * 5.11 404
 *
 * 404 redirects to the homepage instead of displaying any message.
 * ----------------------------------------------------------------------------
 */

/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */
 
#comments { clear: both; position: relative; width: 92%; margin: 0 auto; max-width: 1200px; }

 /* Comments title area */
.comments-title { border-bottom: 1px solid #d9dcdd; border-top: 2px solid #d9dcdd; padding: 15px 0; margin: 0 0 40px 0; }
.comments-title h2 { font-family: Roboto, sans-serif; color: #000; font-size: 32px; margin: 0; float: left; font-weight: 100; }
.comments-title a { font: 900 200%/1 Novecentowide, sans-serif; text-transform: uppercase; color: #000; float: right; }
.comments-title a:hover { color: #3B95B1; text-decoration: none; }

/* wp_list_comments() */
.comment-list { padding: 0; margin: 0 0 25px 0; list-style: none; }
.comment-list .children li { list-style: none; }
	.comment-body { border-bottom: 1px solid #d9dcdd; position: relative; font-family: Roboto, sans-serif; line-height: 1.625; padding: 40px 0; }
	.comment-list > li:first-child > .comment-body { padding-top: 0; }
		.comment-meta { width: 32%; float: left; }
			.comment-author { }
				.comment-author .avatar { float: left; margin: 0 1em 1em 0; }
				.comment-author .fn { color: #000; font: 900 200%/0.75 Novecentowide, sans-serif; word-wrap: break-word; width: auto; }
				.comment-author .fn a { word-wrap: break-word; color: #000; }
				.comment-author .fn a:hover { text-decoration: none; color: #3B95B1; }
				.says { display: none; }
			.comment-metadata { color: #A9A9A9; font-family: Novecentowide, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 68.75%; line-height: 1; margin: 5px 0 0 0; }
			.comment-metadata a { color: #A9A9A9; }
			.comment-metadata a:hover { color: #000; text-decoration: none; }
				.comment-metadata .edit-link { display: block; }
			.comment-awaiting-moderation { font-size: 14px; line-height: 1; margin: 10px 0 0; }
		.comment-content { width: 64%; float: right; }
		.comment-content p { font-size: 112.5%; line-height: 1.5; }
		.reply { bottom: 20px; right: 0; position: absolute; }
		.reply a { font-size: 87.5%; text-transform: uppercase; color: #A9A9A9; }
		.reply a:hover { font-weight: 700; color: #000; text-decoration: none; }

/* Comments navigation: previous_comments_link(), next_comments_link() */
.comment-navigation { margin: 0 0 25px 0; }
	.comment-navigation .nav-previous { float: left; cursor: pointer; }
	.comment-navigation .nav-next { float: right; cursor: pointer; }
	.comment-navigation .nav-previous a,
	.comment-navigation .nav-next a { font-size: 23px; text-transform: uppercase; color: #000; text-decoration: none; font-weight: 700; position: relative; line-height: 1; }
	.comment-navigation .nav-previous a { padding-left: 20px; }
	.comment-navigation .nav-next a { padding-right: 20px; }
	.comment-navigation .nav-previous a:after,
	.comment-navigation .nav-next a:after { font-family: WebSymbolsRegular, sans-serif; font-size: 17px; line-height: 1; color: #000; position: absolute; top: 0; bottom: 0; margin: auto; height: 17px; }
	.comment-navigation .nav-previous a:after { content: "<"; left: 0; }
	.comment-navigation .nav-next a:after { content: ">"; right: 0; }
	.comment-navigation .nav-previous a:hover,
	.comment-navigation .nav-next a:hover,
	.comment-navigation .nav-previous a:hover:after,
	.comment-navigation .nav-next a:hover:after { color: #3B95B1; }

/* comment_form() */
.no-comments { margin: 0 0 1em 0; color: #000; font-weight: 300; font-family: Roboto, sans-serif; border-bottom: 1px solid #d9dcdd; border-top: 2px solid #d9dcdd; padding: 15px 0; width: 100%; font-size: 150%; line-height: 1.25; }
.comments-closed { margin: 0 0 35px 0; font-size: 150%; }
.comment-body + #respond { margin-top: 20px; border-bottom: 1px solid #d9dcdd; } /* User clicked "Reply" */
#respond { clear: both; }
	#reply-title { clear: both; display: none; position: relative; }
		#reply-title small { bottom: 0; margin: auto; position: absolute; right: 0; top: 0; }
			#cancel-comment-reply-link { padding-right: 25px; color: #000; text-transform: capitalize; }
			#cancel-comment-reply-link:before { content: "'"; font-family: WebSymbolsRegular, sans-serif; font-size: 81.25%; top: 2px; right: 0; position: absolute; color: #000; }
			#cancel-comment-reply-link:hover,
			#cancel-comment-reply-link:hover:before { color: #3B95B1; text-decoration: none; }
	.comment-list #reply-title { clear: both; display: block; }
	.logged-in-as { font-size: 125%; margin: 0 0 20px 0; }
	.logged-in-as a { }
	.must-log-in { font-size: 125%; margin: 0 0 30px; }
	#commentform { }
		#commentform label { font-weight: 600; margin-bottom: 10px; display: none; }
		.comment-notes { display: none; }
		.comment-form-author { float: left; margin-right: 3.8%; width: 30.75%; }
		.comment-form-email { float: left; margin-right: 3.8%; width: 30.75%; }
		.comment-form-url { float: right; width: 30.75%; }
		#commentform > p:not(.comment-form-author):not(.comment-form-email):not(.comment-form-url) { clear: both; }
		.comment-form-comment { margin-bottom: 20px; }
		.form-allowed-tags { display: none; clear: both; margin-bottom: 20px; font-size: 100%; line-height: 1; }
		.form-submit { text-align: right; margin-bottom: 20px; }
		.form-submit  input[type="submit"] { background-color: transparent; color: #000; padding: 0; font: 900 200%/1 Novecentowide, sans-serif; text-transform: uppercase; }
		.form-submit  input[type="submit"]:hover { color: #3B95B1; }
		
		#commentform input[type="text"],
		#commentform input[type="email"],
		#commentform input[type="url"],
		#commentform textarea { background: none repeat scroll 0 0 transparent; border: 1px solid #d9dcdd; padding: 7px; width: 100%; font-family: Roboto, sans-serif; font-size: 14px; }
		#commentform input:-moz-placeholder,
		#commentform textarea:-moz-placeholder { color: #888888; font-weight: 400; text-transform: uppercase; }
		#commentform input::-webkit-input-placeholder,
		#commentform textarea::-webkit-input-placeholder { color: #888888; font-weight: 400; text-transform: uppercase; }

/**
 * 5.13 Multisite
 *
 * Multisite does not need unique styles.
 * ----------------------------------------------------------------------------
 */

/**
 * 5.14 Recent Blog Posts and Recent Portfolio Entries
 * ----------------------------------------------------------------------------
 */
/* Related Posts Single Post Page */
.recent-posts-single-container { max-width: 1200px; width: 92%; margin: 0 auto; clear: both; position: relative; }
.recent-posts-single-container + .navigation { border-top: 0 none; margin: 0 auto 25px; }

/* Related Posts */
.recent-heading-container { max-width: 1125px; width: 92%; margin: 0 auto; clear: both; position: relative; }
.recent-blog-container { max-width: 1200px; width: 92%; margin: 0 auto -28px; clear: both; position: relative; z-index: 160; }
.recent-heading-container + .recent-blog-container { padding-top: 35px; }

.related-posts { padding: 35px 0 40px 0; background-color: #EEEEEE; }
.related-posts-title { float: left; margin-right: 3.5%; margin-left: 3.5%; width: 18%; }
.related-posts-title a { word-wrap: break-word; max-width: 100%; }
.related-posts-title small { word-wrap: break-word; max-width: 100%; }

.related-posts-title a { color: #000; font: 900 150%/1 Novecentowide, sans-serif; float: left; margin-bottom: 0.25em; }
.related-posts-title a:hover { color: #3B95B1; text-decoration: none; }
.related-posts-title small { font-family: Novecentowide, sans-serif; font-weight: 700; font-size: 11px; clear: both; text-transform: uppercase; color: #787878; display: block; }

@media (max-width: 950px) {
	.single-post .recent-blog-container { margin: 0 auto 50px !important; }
}

@media (max-width: 640px) {
	.related-posts { padding-bottom: 0; }
	.related-posts-title { width: 100%; margin: 0 auto 3em auto; padding: 0 20px; } 
	.related-posts-title a { font-size: 22px; } 
}
@media (max-width: 450px) {
	.related-posts-title { float: left; width: 100%; margin-right: 0; }
	.recent-heading h2 { display: block; overflow: visible; }
	.recent-heading .spacer { display: none; }
	.recent-heading a { display: none; }
}

	/* Related Posts */
	/* .related-posts { background-color: transparent; border-top: 1px solid #3b3a3a; }
	.related-posts .related-posts-title { margin-right: 2%; margin-left: 0; width: 23%; }
	.related-posts { padding-top: 25px; padding-bottom: 25px; } */

/**
 * 5.15 Contact Form 7
 * ----------------------------------------------------------------------------
 */

.wpcf7-form p { margin: 0 0 10px 0; font-size: 13px; font-weight: 700; }
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form textarea { width: 100%; }		
.wpcf7-form textarea { min-height: 170px; }
.wpcf7-not-valid { border: 1px solid #c26464 !important; }
.wpcf7-form-control-wrap { display: block; }

.wpcf7-not-valid-tip { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/contact-warning-light.png) no-repeat scroll right top transparent!important; border: none !important; color: #EE0000; display: block !important; font-size: 75%!important; height: 26px; left: auto !important; opacity: 1 !important; padding: 0 !important; position: absolute !important; right: -35px; text-indent: -9999px; top: 0 !important; width: 26px !important; }
					
.wpcf7-response-output { margin: 0!important; }
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors { background-color: transparent !important; border: none !important; margin-bottom: 10px !important; font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 0 !important; }

/* Placeholder */
.wpcf7 .watermark { color: #aaa; text-transform: uppercase; }
.wpcf7 .wpcf7-not-valid { color: #C26464; }

/* Submit */
.ajax-loader { display: none!important; }
input.wpcf7-submit { background: none !important; color: #000 !important; cursor: pointer; border: none !important; font-family: Novecentowide, sans-serif!important; width: auto !important; padding: 0 !important; font-size: 32px!important; font-weight: 900; text-transform: uppercase; }
input.wpcf7-submit:hover { color: #3B95B1 !important; }

.wpcf7 input[type=submit][disabled=disabled],
.wpcf7 input[type=reset][disabled=disabled],
.wpcf7 button[disabled=disabled]{ color: #aaa !important; }
.wpcf7 input[type=submit]:disabled,
.wpcf7 input[type=reset]:disabled,
.wpcf7 button:disabled { color: #aaa !important; }

@media (max-width: 950px) {
	.wpcf7-not-valid-tip { right: 5px; top: 0 !important; margin: auto; bottom: 0; }
}

/**
 * 5.16 Symple Shortcodes
 * ----------------------------------------------------------------------------
 */
 
/* Toggles */
.symple-toggle {
	margin-bottom: 1em !important;
}

.symple-toggle .symple-toggle-trigger {
	padding: 0px 0px 15px 27px !important;
	background: none !important;
	background-color: transparent !important;
	background-position: 0 10px !important;
	border: 0 !important;
	border-bottom: 1px solid #dcdcdc !important;
	font-size: 112.5% !important;
	margin: 0 !important;
	margin-top: 0 !important;
	color: #6B6A73 !important;
	font-weight: 700 !important;
	position: relative;
}

.symple-toggle .symple-toggle-trigger.active {
	color: #282832 !important;
}

.symple-toggle .symple-toggle-trigger:hover {
	background-color: transparent !important;
	font-weight: 700 !important;
	color: #282832 !important;
}

.symple-toggle .symple-toggle-container {
	padding: 1em 0 !important;
	border: 1px solid #ddd !important;
	border: 0 !important;
	border-bottom: 1px solid #dcdcdc !important;
}

.symple-toggle .symple-toggle-trigger:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.symple-toggle .symple-toggle-trigger:before { color: #c7c7c7; content: "\f054"; font-size: 19px; left: 0; position: absolute; top: 1px; }
.symple-toggle .symple-toggle-trigger.active:before { content: "\f078"; color: #282832; }

/* Tabs */
.symple-tabs {
	/* font-size: 87.5%; */
	margin-bottom: 2em;
}

.symple-tabs ul.ui-tabs-nav li a {
	height: 40px !important;
}

@media only screen and (min-width: 521px) { 
	.symple-tabs ul.ui-tabs-nav .ui-state-active a {
		height: 43px !important;
		top: -2px !important;
		padding-top: 0 !important;
		font-weight: 700;
	}
}

@media only screen and (max-width: 520px) {
	.symple-tabs ul.ui-tabs-nav li {
		height: auto !important;
	}
	.symple-tabs ul.ui-tabs-nav li a {
		min-height: 40px !important;
		height: auto !important;
	}
}

/* Accordion */
.symple-accordion {
	margin-bottom: 2em;
}

.symple-accordion h3.symple-accordion-trigger {
	border: none !important;
	margin: 5px 0 0 !important;
}
.symple-accordion .ui-accordion-content {
	/* height: auto !important; */
	overflow: auto;
}

/* Pricing tables */
.symple-pricing-table > div {
	margin-bottom: 2em !important;
}
.symple-pricing-table .symple-pricing-content ul {
	padding: 0 !important;
}

/* Callout */
.symple-callout {
	margin-bottom: 2em;
}

/* Skillbar */
.symple-skillbar {
	margin-bottom: 1em;
}

/* Testimonial */
.symple-testimonial {
	margin-bottom: 2em;
}

/* Boxes */
.symple-box {
	margin-bottom: 2em !important;
}

/* Grid System */
.container { width: 100%; }
.row { width: 92%; max-width: 1200px; margin: 0 auto; }
.row:after, .row:before { content: " "; display: table; }
.row:after { clear: both; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12  { float: left; position: relative; margin-right: 3.8%; min-height: 1px; }
.grid_1 { width: 4.85%; }
.grid_2 { width: 13.45%; }
.grid_3 { width: 22.05%; }
.grid_4 { width: 30.75%; }
.grid_5 { width: 39.45%; }
.grid_6 { width: 48%; }
.grid_7 { width: 56.75%; }
.grid_8 { width: 65.4%; }
.grid_9 { width: 74.05%; }
.grid_10 { width: 82.7%; }
.grid_11 { width: 91.35%; }
.grid_12 { width: 100%; }
.last { margin-right: 0; }

.grid_responsive_only { display: none; }

.push_1 { left: 8.65%; }
.push_2 { left: 17.25%; }
.push_3 { left: 25.85%; }
.push_4 { left: 34.55%; }
.push_5 { left: 43.25%; }
.push_6 { left: 51.8%; }
.push_7 { left: 60.55%; }
.push_8 { left: 69.2%; }
.push_9 { left: 77.85%; }
.push_10 { left: 86.5%; }
.push_11 { left: 95.15%; }

.pull_1_last { left: -8.65%; }
.pull_2_last { left: -17.25%; }
.pull_3_last { left: -25.85%; }
.pull_4_last { left: -34.55%; }
.pull_5_last { left: -43.25%; }
.pull_6_last { left: -51.8%; }
.pull_7_last { left: -60.55%; }
.pull_8_last { left: -69.2%; }
.pull_9_last { left: -77.85%; }
.pull_10_last { left: -86.5%; }
.pull_11_last { left: -95.15%; }

.pull_1 { left: -4.85%; }
.pull_2 { left: -13.45%; }
.pull_3 { left: -22.05%; }
.pull_4 { left: -30.75%; }
.pull_5 { left: -39.45%; }
.pull_6 { left: -48.0%; }
.pull_7 { left: -56.75%; }
.pull_8 { left: -65.4%; }
.pull_9 { left: -74.05%; }
.pull_10 { left: -82.7%; }
.pull_11 { left: -91.35%; }

@media (max-width: 720px) {
	.main-nav ul{ margin-left:0 !important;margin-right:0 !important;}
	.main-nav ul li {margin-bottom:3px !important;}
	.main-nav ul li a{font-weight:normal!important;text-align:left;padding-left: 4% !important;}
	.main-nav ul li a span{font-weight:normal!important;margin-right:5px;}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12  { width: 100%; margin: 0; }
	.grid_not_responsive { display: none; }
	.grid_responsive_only { display: block; }
	.push_1, .push_2, .push_3, .push_4, .push_5, .push_6, .push_7, .push_8, .push_9, .push_10, .push_11, .push_12  { left: 0; }
	.pull_1, .pull_2, .pull_3, .pull_4, .pull_5, .pull_6, .pull_7, .pull_8, .pull_9, .pull_10, .pull_11, .pull_12  { left: 0; }
	.pull_1_last, .pull_2_last, .pull_3_last, .pull_4_last, .pull_5_last, .pull_6_last, .pull_7_last, .pull_8_last, .pull_9_last, .pull_10_last, .pull_11_last, .pull_12_last  { left: 0; }
	
}
.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { margin-bottom: 0 !important; }

/* Google Maps */
.map_canvas { height: 355px; width: 100%; float: left; margin-bottom: 3em; }
.map_canvas img { max-width: none !important; }

/**
 * 5.17 Portfolio
 * ----------------------------------------------------------------------------
 */

/**
 * 5.17.1 Portfolio Template
 * ----------------------------------------------------------------------------
 */
.portfolio-container { display: none; }
body.viewing-portfolio-grid .portfolio-container { display: block; }
body.viewing-portfolio-grid .entry-header,
body.viewing-portfolio-grid .recent-posts-single-container,
body.viewing-portfolio-grid .post-navigation,
body.viewing-portfolio-grid .page-template-wrapper,
body.viewing-portfolio-grid .archive-template-wrapper,
body.viewing-portfolio-grid .search-template-wrapper,
body.viewing-portfolio-grid .blog-template-wrapper,
body.viewing-portfolio-grid .single-template-wrapper { display: none; }

.tn-grid-container { clear: both; max-width: 1600px; width: 100%; margin: 0 auto; }
.text-grid { width: 92%; padding: 20px 0 20px 0; border-top: 1px solid #ADADAD; }
#container { max-width: 1600px; width: 100%; margin: 0 auto; -webkit-tap-highlight-color: rgba(0,0,0,0); }

.konzept-thumbnails-container,
.konzept-projects-list { max-width: 1600px; margin: 0 auto; width: 100%; min-height: 1px; clear: both; }
.konzept-projects-list { width: 92%; padding: 20px 0 20px 0; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; }
.konzept-thumbnail { width: 25%; float: left; position: relative; max-width: 400px; overflow: hidden; margin: 0; word-wrap: break-word; border-radius: 0px; }
.konzept-thumbnail:hover { cursor: pointer; }

.konzept-thumbnail * { position: absolute; margin: 0; }
.konzept-thumbnail .thumbnail-meta-data-wrapper { overflow: hidden; left: 0;  top: 0;  padding: 32px 32px 0 32px; width: 100%; word-wrap: break-word; }
.konzept-thumbnail .thumbnail-title { color: #fff; text-transform: uppercase; font-family: 700 212.5%/0.8125 Novecentowide, sans-serif; position: relative; float: left; width: inherit; word-wrap: break-word; z-index: 3; overflow: hidden; max-height: 1.6em; width: 100%; }
.konzept-thumbnail .thumbnail-meta-data-wrapper .thumbnail-title .thumbnail-project-link { max-width: 100%; position: relative; }
.konzept-thumbnail .thumbnail-categories { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; z-index: 3; color: #fff; max-width: 100%; position: relative; text-transform: uppercase; clear: both; display: block; font: 600 68.75%/0.75 Novecentowide, sans-serif; margin-top: 10px; float: left; word-wrap: break-word; }
.konzept-thumbnail .thumbnail-image { z-index: 1; width: 100%; position: relative; display: block; max-width: 100%; height: auto !important; }
.konzept-thumbnail .thumbnail-plus { font: 700 275%/0.5 Novecentowide, sans-serif; position: absolute; bottom: 0; left: 0; padding: 0 0 28px 32px; clear: both; float: left; color: #fff; z-index: 3; }

.thumbnail-hover { z-index: 2; }
.thumbnail-hover,
.thumbnail-title,
.thumbnail-categories,
.thumbnail-plus { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; }
.konzept-thumbnail:hover .thumbnail-hover,
.konzept-thumbnail:hover .thumbnail-title,
.konzept-thumbnail:hover .thumbnail-categories,
.konzept-thumbnail:hover .thumbnail-plus  { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s;  transition: opacity 0.25s ease-in-out, visibility 0s; }
.thumb-inactive .thumbnail-image { opacity: 0.1; }
.thumb-inactive:hover .thumbnail-hover  { opacity: 0.25; }
.thumb-inactive:hover .thumbnail-title,
.thumb-inactive:hover .thumbnail-categories,
.thumb-inactive:hover .thumbnail-plus  { opacity: 0.9; }

.element { cursor: pointer; float: left; overflow: hidden; position: relative; color: #222; width: 25%; max-width: 400px; word-wrap: break-word; }

.thumbnail-link { background-color: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; position: absolute; text-indent: -9999px; z-index: 4; }
.thumbnail-project-link { background-color: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; position: absolute; text-indent: -9999px; z-index: 4; }
.thumbnail-link-title { }

.element .thumbnail-meta-data-wrapper { left: 0; top: 0; padding: 32px 32px 0 32px; width: 100%; position: absolute; word-wrap: break-word; }
.element .symbol { color: #fff; font: 700 212.5%/0.8125 Novecentowide, sans-serif; width: 100%; position: relative; text-transform: uppercase; z-index: 3; }

.element .categories { display: block; position: relative; clear: both; left: 0; z-index: 3; max-width: 100%; margin-top: 10px; color: #fff; font: 600 68.75%/1 Novecentowide, sans-serif; text-transform: uppercase; word-wrap: break-word; }
.thumbnail-plus { font-size: 275%; font-family: Novecentowide, sans-serif; position: absolute; bottom: 0; left: 0; padding: 0 0 28px 32px; line-height: 0.5; clear: both; float: left; color: #ffffff; font-weight: 700; z-index: 3; }
.thumbnail-separator { display: none; }

.thumbnail-hover { width: 100%; height: 100%; position: absolute; z-index: 2; }
.project-img { width: 100%; max-width: 100%; height: auto; opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; position: relative; display: block; z-index: 1; }
.project-img-visible { opacity: 1; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.project-thumbnail-background { width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; }

.element .thumbnail-hover,
.element .symbol,
.element .name,
.element .categories,
.element  .thumbnail-plus { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; }
.element:hover .thumbnail-hover,
.element:hover .symbol,
.element:hover .categories,
.element:hover .thumbnail-plus { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s; transition: opacity 0.25s ease-in-out, visibility 0s; }
.tn-display-meta .symbol,
.tn-display-meta .categories,
.tn-display-meta  .thumbnail-plus { opacity: 1; visibility: visible; }

.thumb-inactive .project-img { opacity: 0.1; }

/* Project text list */
.element-text { background-color: transparent; width: auto; max-width: none; }
.element-text .thumbnail-link-title { background-color: transparent; color: transparent; display: inline-block; width: auto; height: auto; position: relative; cursor: pointer; font-family: Novecentowide, sans-serif; font-size: 72px; font-weight: 600; line-height: 1.25; text-indent: 0; text-transform: uppercase; word-wrap: break-word; }
.element-text .thumbnail-link-title:before { content: attr(data-title); color: #000; position: absolute; font-weight: 200; }
.element-text.thumb-inactive .thumbnail-link-title:before { text-shadow: 0 0 5px #101010; opacity: 0.22; color: transparent; }
.element-text:hover .thumbnail-link-title:before,
.element-text.thumb-inactive:hover .thumbnail-link-title:before { color: #3b95b1; font-weight: 600; opacity: 1; text-decoration: none; text-shadow: none; }
.element-text .thumbnail-link-title:before, .element-text:hover .thumbnail-link-title:before { 
	transition-property: font-weight, color, text-shadow;
	transition-duration: 300ms, 1s, 600ms;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: font-weight, color, text-shadow;
	-webkit-transition-duration: 300ms, 1s, 600ms;
	-webkit-transition-timing-function: ease-in-out;
}
.element-text + .thumbnail-separator { display: block; color: #000; content: "/"; font-size: 72px; line-height: 1.25; float: left; margin: 0 20px; font-weight: 200; }
.element-text.thumb-inactive + .thumbnail-separator { display: block; color: transparent; opacity: 0.2; text-shadow: 0 0 5px #101010; }

.element-text .thumbnail-meta-data-wrapper,
.element-text .symbol,
.element-text .categories,
.element-text .thumbnail-plus,
.element-text .thumbnail-hover,
.element-text .project-img,
.element-text .project-thumbnail-background { display: none; }

/**
 * 5.17.2 Project View
 * ----------------------------------------------------------------------------
 */
 
.daisho-portfolio-viewing-project { overflow: hidden; }

/* Navigation arrows */
.project-navigation,
.portfolio-arrowleft,
.portfolio-arrowright { display: none; }
.daisho-portfolio-viewing-project .project-navigation,
.daisho-portfolio-viewing-project .portfolio-arrowleft,
.daisho-portfolio-viewing-project .portfolio-arrowright { display: block; outline: 0 none; }

/* Arrows to switch between projects */
/* .portfolio-arrowleft, 
.portfolio-arrowright { opacity: 0; visibility: hidden; cursor: pointer; position: fixed; width: 80px; height: 200px; z-index: 305; left: 0; margin: auto; top: 100px; bottom: 100px; text-indent: -9999px; }
.admin-bar .portfolio-arrowleft, 
.admin-bar .portfolio-arrowright { top: 128px; }
.portfolio-arrowleft { left: 0; right: auto; background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prevproject_black.png) no-repeat center center transparent; }
.portfolio-arrowright { left: auto; right: 0; background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_nextproject_black.png) no-repeat center center transparent; }
.portfolio-arrowleft-white { background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prevproject_white.png) no-repeat center center transparent; }
.portfolio-arrowright-white { background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_nextproject_white.png) no-repeat center center transparent; }
.portfolio-arrowleft-visible,
.portfolio-arrowright-visible { visibility: visible; opacity: 0.3; }
.portfolio-arrowleft-visible:hover, 
.portfolio-arrowright-visible:hover { visibility: visible; opacity: 1; }
.hide-arrow { opacity: 0 !important; visibility: hidden !important; display: none; } */

/* Arrows to switch between slides */
/* .flow_slideshow_box .project-arrow-left,
.flow_slideshow_box .project-arrow-right { opacity: 0; visibility: hidden; cursor: pointer; position: absolute; width: 96px; height: 200px; z-index: 2; left: 0; margin: auto; top: 100px; bottom: 100px; }
.flow_slideshow_box .project-arrow-right { left: auto; right: 0; }
.flow_slideshow_box .project-arrow-left-visible { background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prev_black.png) no-repeat center center transparent; }
.flow_slideshow_box .project-arrow-right-visible { background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_next_black.png) no-repeat center center transparent; }
.flow_slideshow_box:hover .project-arrow-left-visible { opacity: 0.3; visibility: visible; }
.flow_slideshow_box:hover .project-arrow-right-visible { opacity: 0.3; visibility: visible; }
.flow_slideshow_box .project-arrow-left,
.flow_slideshow_box .project-arrow-right { -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; }
.flow_slideshow_box:hover .project-arrow-left,
.flow_slideshow_box:hover .project-arrow-right { -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }
.mod-touch .project-arrow-right { display: none; }
.mod-touch .project-arrow-left { display: none; }
.flow_slideshow_box .project-arrow-left-visible.project-arrow-loading, 
.flow_slideshow_box:hover .project-arrow-left-visible.project-arrow-loading { opacity: 0.3; visibility: visible; background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_preloader_black_a.gif) no-repeat center center transparent; }
.flow_slideshow_box .project-arrow-right-visible.project-arrow-loading,
.flow_slideshow_box:hover .project-arrow-right-visible.project-arrow-loading { opacity: 0.3; visibility: visible; background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_preloader_black_a.gif) no-repeat center center transparent; }
.white.flow_slideshow_box .project-arrow-left-visible.project-arrow-loading,
.white.flow_slideshow_box:hover .project-arrow-left-visible.project-arrow-loading { background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_preloader_white_a.gif) no-repeat center center transparent; }
.white.flow_slideshow_box .project-arrow-right-visible.project-arrow-loading,
.white.flow_slideshow_box:hover .project-arrow-right-visible.project-arrow-loading { background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_preloader_white_a.gif) no-repeat center center transparent; }
.white.flow_slideshow_box .project-arrow-left-visible { background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prev_white.png) no-repeat center center transparent; }
.white.flow_slideshow_box .project-arrow-right-visible { background: url(/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_next_white.png) no-repeat center center transparent; }
.flow_slideshow_box:hover .project-arrow-left-visible:hover { opacity: 1; }
.flow_slideshow_box:hover .project-arrow-right-visible:hover { opacity: 1; } */

/* Arrows to switch between projects */
.portfolio-arrowleft, 
.portfolio-arrowright { visibility: hidden; opacity: 0; position: fixed; top: 100px; bottom: 100px; left: 0; z-index: 305; width: 80px; height: 200px; margin: auto; text-indent: -9999px; cursor: pointer; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; }
.admin-bar .portfolio-arrowleft, 
.admin-bar .portfolio-arrowright { top: 132px; }
.portfolio-arrowleft { left: 0; right: auto; background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prevproject_black.png) no-repeat center center transparent; }
.portfolio-arrowright { left: auto; right: 0; background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_nextproject_black.png) no-repeat center center transparent; }
.portfolio-arrowleft-white { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prevproject_white.png) no-repeat center center transparent; }
.portfolio-arrowright-white { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_nextproject_white.png) no-repeat center center transparent; }
.portfolio-is-loading .portfolio-arrowleft-visible,
.portfolio-is-loading .portfolio-arrowright-visible { visibility: visible; opacity: 0.3; }
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowleft-visible,
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowright-visible { visibility: visible; opacity: 0.3; -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowright-visible:hover,
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowleft-visible:hover,
.portfolio-is-loading.daisho-portfolio-viewing-project .portfolio-arrowleft-visible:hover,
.portfolio-arrowleft-visible:hover, 
.portfolio-arrowright-visible:hover { visibility: visible; opacity: 1; }
.daisho-portfolio-viewing-project .hide-arrow { display: none; }

/* Arrows to switch between slides */
.project-arrow-left,
.project-arrow-right { visibility: hidden; opacity: 0; position: absolute; top: 100px; bottom: 100px; left: 0; z-index: 2; width: 96px; height: 200px; margin: auto; cursor: pointer; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left,
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right { -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }
.project-arrow-right { right: 0; left: auto; }
.project-arrow-left-visible { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prev_black.png) no-repeat center center transparent; }
.project-arrow-right-visible { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_next_black.png) no-repeat center center transparent; }
.white .project-arrow-left-visible { background-image: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prev_white.png); }
.white .project-arrow-right-visible { background-image: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_next_white.png); }
.project-arrow-loading { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_preloader_black_a.gif) no-repeat center center transparent; }
.white .project-arrow-loading { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_preloader_white_a.gif) no-repeat center center transparent; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left-visible { visibility: visible; opacity: 0.3; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right-visible { visibility: visible; opacity: 0.3; }
.project-arrow-left-visible.project-arrow-loading { visibility: visible; opacity: 0.3; }
.project-arrow-right-visible.project-arrow-loading { visibility: visible; opacity: 0.3; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left-visible:hover { opacity: 1; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right-visible:hover { opacity: 1; }

/* Project Meta */
.project-meta { text-transform: uppercase; color: #000; position: relative; width: 100%; max-width: 700px; }
.project-meta-col-1 { float: left; width: 310px; max-width: 310px; min-width: 310px; margin-right: 40px; }
.project-meta-col-2 { float: left; max-width: 310px; }
.project-meta-data { margin-bottom: 5px; font-size: 75%; }
.project-meta-heading { float: left; font: 900 100%/1 Novecentowide, sans-serif; padding-right: 10px; width: 75px; word-wrap: break-word; }
.project-meta-description { color: #505050; float: left; font: 400 100%/1 Novecentowide, sans-serif; width: 225px; word-wrap: break-word; }
.project-meta-description a { text-decoration: underline; }

/* Sharing Icons */
.sharing-icons { position: absolute; right: 130px; top: 40px; z-index: 10; }
.sharing-icons a { display: inline-block; text-align: center; text-decoration: none; font-family: WebSymbolsRegular; font-size: 16px; width: 16px; color: #000; position: relative; margin-left: 18px; }
.sharing-icons a:hover { color: #000; text-decoration: none; }
.sharing-icons a:first-child { margin-left: 0; }
.sharing-icons-tooltip { position: absolute; bottom: -18px; left: 8px; margin-left: -35px; width: 70px; color: #fff; font: 10px Novecentowide, sans-serif; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out; transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out; }
.sharing-icons-icon:hover + .sharing-icons-tooltip { visibility: visible; opacity: 1; bottom: -27px; -webkit-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear; transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear; }
.sharing-icons-tooltip:after { color: #fff; content: attr(data-tooltip); font: 600 10px/1.5 Novecentowide, sans-serif; display: inline-block; padding: 2px 6px; text-transform: uppercase; background-color: #000; border-radius: 4px 4px 4px 4px; }
.white .sharing-icons a { color: #fff; }

/* Project Title and Description */
.project-title { color: #000; font: 900 1000%/0.75 Novecentowide, sans-serif; margin: 0.375em 0; text-transform: uppercase; letter-spacing: -4px; width: 100%; word-wrap: break-word; max-width: 1200px; }
.project-description { color: #000; font: 400 110%/1.25 Roboto, sans-serif; margin-bottom: 3em; }
.project-description:empty { margin: 0; }

/* Project Slides */
.project-slides p { margin-bottom: 1em; }
.project-slides .wp-caption-text { margin-bottom: 1.75em; margin-top: 10px; font-style: normal; }
.project-slides .wp-caption-text span.caption-title { color: #000; text-transform: uppercase; font-size: 125%; font-weight: 800; line-height: 1; margin: 0 0 0.5em 0; display: block; }
.project-slides .wp-caption-text span.caption-title + br { display: none; }
.project-slides .wp-caption-text.superslide-caption-text { font-size: 87.5%; }
.project-slides iframe { display: block; }
.project-slides .mejs-container { margin-bottom: 1em; }

/* Styles for [slide] shortcode - left for backwards compatibility */
.project-slide img { max-width: 100%; }
.youtube_container { padding-bottom: 56.25%; position: relative; }
.youtube_container iframe,
.youtube_container embed { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.project-slides .wp-caption-text h4 { color: #000; text-transform: uppercase; font-size: 125%; font-family: Roboto, sans-serif; font-weight: 800; line-height: 1; margin: 0 0 0.5em 0; display: block; }

/* Project View */
.portfolio_box { z-index: 210; opacity: 0; visibility: hidden; margin: 0 auto; position: fixed; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; z-index: 300; -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear; transition: visibility 0s linear 0.2s, opacity 0.2s linear; }
.admin-bar .portfolio_box { top: 32px; height: -webkit-calc(100% - 32px); }
.portfolio_box-visible { opacity: 1; visibility: visible; -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }

#project-slides { overflow: hidden; position: relative; height: 100%; }
.project-slide { position: relative; float: left; overflow: hidden; cursor: -webkit-grab; height: 100%;  -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; }
.project-slide:active { cursor: -webkit-grabbing; }
.project-slide-invisible { opacity: 0; }
.project-slide-image { margin: 0 auto; cursor: -webkit-grab; }
.project-slides img { max-width: 100%; position: relative; display: block; margin: 0 auto; }

.project-slide-image,
.project-slide-video,
.project-slide-youtube,
.project-slide-vimeo { margin: 0 auto; height: 100%; }

.project-slides embed,
.project-slides iframe { width: 100%; height: 100%; }

.mod-touch .project-slides embed, 
.mod-touch .project-slides iframe,
.mod-touch .project-slides video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; height: calc(100% - 200px); height: -webkit-calc(100% - 200px); margin: auto; }

.project-slide .description { position: absolute; left: 0; bottom: 4%; padding: 0 4%; color: #464646; font-family: Roboto, sans-serif; font-size: 14px; max-width: 600px; width: 100%; }
.project-slide .description h4 { color: #000; font-size: 20px; font-family: Novecentowide, sans-serif; text-transform: uppercase; clear: both; margin-bottom: 10px; }

.project-slide.cursor-white .description { color: #BFBFBF; }
.project-slide.cursor-white .description h4 { color: #fff; }

/* Cover Slide */
.project-slide-cover { height: 100%; }
.cover-wrapper { display: table; width: 92%; height: 100%; max-width: 1200px; margin: 0 auto; }
.cover-inner { vertical-align: middle; display: table-cell; }

/* Video Slide */
/* YouTube Videos - [youtube link=""] */
/* Vimeo Videos - [vimeo link=""] */
.youtube_container { padding-bottom: 56.25%; position: relative; margin-bottom: 3em; }
.youtube_container iframe, .youtube_container embed { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.project-slide-video video { display: block; margin: 0 auto; height: 100%; width: 100%; background-color: rgb(0, 0, 0); }
.project-slide-youtube .youtube_container { max-width: 92%; margin: auto; max-height: 92%; padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%; }
.project-slide-youtube .youtube_container iframe, .project-slide-youtube .youtube_container embed { position: absolute; left: 0; top: 0; bottom: 0; height: 56.25%; width: 100%; margin: auto; }

.video-wrapper { width: 100%; height: 100%; background-color: rgb(221, 221, 221); }
.watching-video .video-wrapper { background-color: #000; }
.video-play { width: 100px; height: 100px; background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/play.png) no-repeat scroll center center transparent; cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 10; }
.video-play:hover { opacity: .75; }
.video-poster { z-index: 5; }

.exit { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/close.png) no-repeat center center transparent; cursor: pointer; display: block; height: 56px; right: 45px; top: 25px; width: 57px; position: absolute; background-color: rgba(0, 0, 0, .9); display: none; z-index: 10; }
.exit-visible { display: block; }
.watching-video { cursor: default; }

.element video { max-width: none; z-index: -1; }

/* Project left and right arrows */
.portfolio-arrow-left { visibility: hidden; opacity: 0; top: 0; left: 0; width: 50%; height: 100%; position: fixed; z-index: 210; }
.portfolio-arrow-right { visibility: hidden; opacity: 0; top: 0; right: 0; width: 50%; height: 100%; position: fixed; z-index: 210; }
body.konzept-portfolio-viewing-project .portfolio-arrow-left { visibility: visible; opacity: 1; }
body.konzept-portfolio-viewing-project .portfolio-arrow-right { visibility: visible; opacity: 1; }

.portfolio-arrow-left { cursor: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prev_black.png), auto; }
.portfolio-arrow-left-first { cursor: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prevproject_black.png), auto; }
.portfolio-arrow-right { cursor: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_next_black.png), auto; }
.portfolio-arrow-right-last { cursor:url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_nextproject_black.png), auto; }

.portfolio-arrow-left-white { cursor: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prev_white.png), auto; }
.portfolio-arrow-left-first-white { cursor: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_prevproject_white.png), auto; }
.portfolio-arrow-right-white { cursor: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_next_white.png), auto; }
.portfolio-arrow-right-last-white { cursor:url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_nextproject_white.png), auto; }
			
/* Project loading */
.portfolio-loadingbar { display: none; z-index: 1905 !important; position: fixed; height: 100%; left: -400px; height: 150%; top: 0; bottom: 0; margin: auto;  }
.portfolio-loadingbar-visible { display: block; }
.portfolio-loadinghr { background-color: #838283; width: 1px;transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); float: left; height: 100%; }
.portfolio-indicator { font-size: 20px; font-family: Novecentowide, Arial, sans-serif; font-weight:300; color: #838283; height: 100%; display: block; float: left; top: 50%; position: relative; }
.loading { background-image: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/cursors/cursor_preloader_white_a.gif); height: 70px; width: 70px; background-repeat: no-repeat; position: fixed; top: 45.5%; left: 48%; display: none; z-index: 234; opacity: 0; }
.portfolio-loadingcursor-black { display: none; }

/* Konzept Project Background */
.project-coverslide { width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 240; opacity: 0; visibility: hidden; }
.project-coverslide-visible { opacity: 0.97; visibility: visible; }

/* Portfolio Video Container */
/* Vimeo and YouTube have occasional issues in Mac when they are present in a container with CSS3 transforms enabled. To fix this, we place the video outside the container. */
.portfolio-video-container { position: fixed; top: 0; left: 0; z-index: 2000; /* Above the portfolio slideshow in mobile mode and above the loading bar */ width: 100%; height: 100%; }
.admin-bar .portfolio-video-container { top: 32px; height: calc(100% - 32px); height: -webkit-calc(100% - 32px); }
.portfolio-video-container embed,
.portfolio-video-container iframe { width: 100%; height: 100%; }
.mod-touch .portfolio-video-container embed, 
.mod-touch .portfolio-video-container iframe,
.mod-touch .portfolio-video-container video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; height: calc(100% - 200px); height: -webkit-calc(100% - 200px); margin: auto; }
.portfolio-video-container .exit { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/close.png) no-repeat center center transparent; cursor: pointer; display: block; height: 56px; right: 45px; top: 25px; width: 57px; position: absolute; background-color: rgba(0, 0, 0, .9); z-index: 2; }

/* Close Button */
.portfolio-cancelclose { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/close-black.png) no-repeat 0 0 transparent; cursor: pointer; display: block; height: 36px; right: 50px; top: 35px; width: 37px; z-index: 1; position: absolute; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.portfolio-cancelclose-white { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/close.png) no-repeat 0 0 transparent; }
.portfolio-cancelclose:hover { -webkit-transform: rotate(180deg); transform:rotate(180deg); }
.portfolio-cancelclose { background-position: center center; height: 56px; right: 45px; top: 25px; width: 57px; }
.white .portfolio-cancelclose { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/close.png) no-repeat center center transparent; }
.portfolio-cancelclose-cover { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/close-black.png) no-repeat center center transparent; }
.white .portfolio-cancelclose-cover { background: url(https://web.archive.org/web/20180108220053im_/http://www.qiwopp.com/statics/css/images/close.png) no-repeat center center transparent; }

/* Password Form */
.project-slides > form { position: absolute; background: #fff; background: rgba(255, 255, 255, 0.96); width: 100vw; height: 100%; display: -ms-flex; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; justify-content: center; text-align: center; padding-top: 50px; }
.project-slides > form > p { display: -ms-flex; display: -webkit-flex; display: flex; max-width: 92%; margin: 0 auto 1em auto; }
.project-slides > form > p > label > input  { margin-right: 5px; }


/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */

.sidebar-right .content-area { width: 74.05%; float: left; margin-right: 3.8%; min-height: 1px; }
.sidebar-left .content-area { width: 74.05%; float: right; margin-right: 0; min-height: 1px; }

.site-sidebar { float: left; min-height: 1px; padding-left: 3%; position: relative; width: 22.05%; }
.sidebar-left .site-sidebar { padding-left: 0; padding-right: 3%; }
.sidebar-left:not(.single) .blog-comments-wrapper { display: none; }

.sidebar-shadow {
	background: transparent;
    background-image: -moz-radial-gradient(left center, ellipse farthest-side, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 10%, transparent 100%), -moz-linear-gradient(left , rgba(0, 0, 0, 0.03) 0%, transparent 10%, transparent 100%);
    background-image: -ms-radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
    background-image: -o-radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
    background-image: radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, .35)), color-stop(10%,rgba(0, 0, 0, .25)), to(transparent));
	-webkit-mask-box-image: -webkit-gradient(linear,left top,right bottom,color-stop(0.0,rgba(0,0,0,0)),color-stop(0.3,rgba(0,0,0,.5)),color-stop(1.0,rgba(0,0,0,0)));
	width: 20px;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}
.sidebar-left .sidebar-shadow {
	left: auto;
	right: 0;
	-moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

/* Fix IE9 */
.mod-no-cssgradients .sidebar-shadow { border-left: 1px solid #dcdcdc; }
.mod-no-cssgradients .sidebar-left .sidebar-shadow { border-right: 1px solid #dcdcdc; }

/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget { position: relative; margin-bottom: 3rem; clear: both; }
.widget a { color: inherit; }
.widget a:hover { color: #3B95B1; text-decoration: none; }
.widget-title { font-size: 150%; }
.widget ul { list-style: none outside none; margin: 0; padding: 0; }

.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_pages ul li { border-top: 1px solid #E6E6E6; position: relative; padding-left: 20px; }

.widget-title + ul > li:first-child { border-top: 0 none; }

.widget_archive ul li,
.widget_categories ul li,
/* .widget_links ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a, */
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li
/* .widget_pages ul li a */ { padding: 0.4em 0 0.4em 20px; } /* These can't afford having display: block; for <a> tags due to ability to insert additional content next to the links in [Appearance > Widgets] */

/* .widget_archive ul li a, */
/* .widget_categories ul li a, */
.widget_links ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
/* .widget_recent_comments ul li a, */
/* .widget_recent_entries ul li a, */
/* .widget_rss ul li a, */
.widget_pages ul li a { display: block; padding: 0.4em 0; }

.widget_archive ul li a,
.widget_categories ul li a,
.widget_links ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_pages ul li a { font-weight: 600; }

.widget_categories .children li { border-top: 1px solid #E6E6E6; margin-top: 0.4em; }
.widget_categories .children li:last-child { padding-bottom: 0; }

.widget_archive > ul,
.widget_categories > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_nav_menu > div > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_rss > ul,
.widget_pages > ul { border-bottom: 1px solid #E6E6E6; }

.widget_archive ul li a:before,
.widget_categories ul li a:before,
.widget_links ul li a:before,
.widget_meta ul li a:before,
.widget_nav_menu ul li a:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li a:before,
.widget_rss ul li a:before,
.widget_pages ul li a:before { content: ">"; font-family: WebSymbolsRegular, sans-serif; font-size: 81.25%; top: 0.625em; left: 0; position: absolute; color: #3B95B1; }

.widget .current-menu-item > a,
.widget .current_page_item > a,
.widget_categories .current-cat > a { font-weight: 700; color: #3B95B1; }

.widget_tag_cloud a { text-decoration: none; font-weight: 400; line-height: 1; color: #000; }
.widget_tag_cloud a:hover { text-decoration: none; color: #3B95B1; }

.widget_recent_entries .post-date,
.widget_rss .rss-date,
.widget_rss li > cite { font-size: 75%; }
.widget_rss .rsswidget { font-weight: 700; }
.widget_rss .rssSummary { font-size: 87.5%; }
.widget_rss .rss-date { display: block; }

.site-footer .widget-title { border-bottom: 3px solid #d9dcdd; padding-bottom: 15px; margin: 0 0 15px 0; }

.search-form input[type="search"] { width: 100%; padding: 7px; margin: 0; border-radius: 0; box-shadow: 0 none; }
.search-form input[type="submit"] { display: none; }
	
/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */
.site-footer { background-color: #191718; background-color: rgba(25, 23, 24, 0.86); font-family: Roboto, sans-serif; z-index: 150; width: 100%; color: #787882; margin-top: 25px; position: fixed; bottom: 0; left: 0; }
.site-footer:hover { background-color: rgba(25, 23, 24, 1); }
.viewing-portfolio-grid .site-footer { margin-top: 0; }
.site-footer, .site-footer:hover { -webkit-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out; }
	.site-footer .inner { max-width: 1200px; margin: 0 auto; width: 92%; padding: 7px 0 5px 0; }
		.site-footer hr { border-top: 2px solid #d9dcdd; border-bottom: 1px solid #d9dcdd; margin: 20px auto; width: 100%; height: 0; }
		.site-footer .inner > div > .widget:first-child hr:first-child { margin-top: 0; }

		.site-footer .footer-client-logos img { width: 20%; max-width: 220px; float: left; }
		
		.site-footer .footer-social-icons { float: right; padding: 0; margin: 0; line-height: 1; }
		.site-footer .footer-social-icons li { float: left; margin-left: 20px; }
		.site-footer .footer-social-icons a { position: relative; text-decoration: none; cursor: pointer; display: block; font-family: WebSymbolsRegular; font-size: 100%; color: #5c5c5c; }
		.site-footer .footer-social-icons a:hover { color: #939393; text-decoration: none; }
		
		.site-footer .footer-fa { line-height: 1; text-align: right; }
		.site-footer .footer-fa a { color: #5c5c5c; font-size: 18px; margin-left: 18px; }
		.site-footer .footer-fa a:hover { color: #939393; text-decoration: none; }
		
		.site-footer .copyright_notice { font: 500 62.125%/1.75 Novecentowide, sans-serif; color: #919495; }
		
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */
 
.viewing-portfolio-grid .site-content { display: none; }
.viewing-portfolio-grid .comments-area { display: none; }
.viewing-portfolio-grid .page-header { display: none; }
.viewing-portfolio-grid .paging-navigation { display: none; }
.blog.viewing-portfolio-grid .compact-search,
.single.viewing-portfolio-grid .compact-search { display: none; }

@media (min-width: 721px){
	
	:not(.mod-touch) .header-compact:not(.viewing-portfolio-grid) .site-header-inner { min-height: 60px; }
	:not(.mod-touch) .header-compact:not(.viewing-portfolio-grid) .site-navigation { display: none; }
	:not(.mod-touch) .header-compact:not(.viewing-portfolio-grid) .logo { display: none; }
	:not(.mod-touch) .header-compact:not(.viewing-portfolio-grid) .conatainer_language_selector { display: none; }
	:not(.mod-touch) .header-compact:not(.viewing-portfolio-grid) .back { display: block; }
	:not(.mod-touch) .header-compact:not(.viewing-portfolio-grid) .header-back-to-top { display: block; }
	:not(.mod-touch) .header-compact:not(.viewing-portfolio-grid) .compact-search { display: block; }
	/* :not(.mod-touch) .header-compact:not(.viewing-portfolio-grid):not(.blog) .header-back-to-blog-link { display: block; } */
}

@media (max-width: 782px) {
	.admin-bar .site-header { top: 46px; }
}
@media (max-width: 720px) {
	body { padding: 0 !important; }
	.site-header { position: relative; background-color: transparent; }
	.admin-bar .site-header { top: 0; }
	.mod-touch .site-header { position: relative; background-color: transparent; }
	.site-header, .site-header:hover { transition: none; -webkit-transition: none; }
	.site-navigation { float: none; width: 100%; }
	.menu-main-menu-container { float: none; width: 100%; padding-top: 0; margin-bottom: 0; }
	.nav-menu li { float: none; }
	.nav-menu li a { color: #505050; }
	.pf_nav { display: none; }
}

@media (max-width: 720px) {
	.compact-nav.compact-nav-visible { display: none; }
}
@media (max-width: 720px) {
	.header-search .search-field { font-size: 40px; }
}

@media (max-width: 720px) {
	.compact-header { padding-top: 0; }
	.compact-header .compact-nav { display: none; }
	.compact-header .site-header { display: block; }
	
	.blog .compact-search,
	.single .compact-search { display: none; }
	.blog .site-header .search-form,
	.single .site-header .search-form { display: block; }
	
	.viewing-portfolio-grid.blog .site-header .search-form,
	.viewing-portfolio-grid.single .site-header .search-form { display: none; }
}

/* Mobile menu */
@media (max-width: 720px) {
	.site-navigation { top: 0 !important; position: relative; margin: 25px auto; }
	.logo { position: relative; text-align: center; margin: 30px 0; }
		.logo-inner { display: block; }
			.home-link { display: block; }
			ul.nav-menu,
			div.nav-menu > ul { }
			.nav-menu > li { text-align: left; }
			.nav-menu > li:first-child { margin-left: 0; }
}

@media (max-width: 720px) {
.logo {display:inherit; }    
ul #menu-item-5011,ul #menu-item-5008,ul #menu-item-5006,ul #menu-item-5007 ,.lavaLampBottomStyle li.back{display:none;}
.main-nav ul li,.main-nav ul li a{width:100%;padding:0;margin:0;}  
.site-logo{padding-top:2%;/*border-top:1px #000 solid;*/}
.main-nav ul li a{background:#eee;height:40px;line-height:40px;font-weight: bold;}  
.toggled-on .nav-menu{margin-top:0;}
.lavaLampBottomStyle li span{display:inline;font-size:15px;}
.lavaLampBottomStyle li a{top:0; }
	.menu-toggle { cursor: pointer; display: block; font: 700 18px/1.25 Novecentowide, sans-serif; margin: 0; padding: 15px 4%; background: #eee; text-align: left;}
	.menu-toggle:hover{background:#ccc;}
	.main-nav ul li a:hover{background:#ccc;}
	.menu-toggle:before { content: "\f0c9"; font: 400 100%/1 FontAwesome; margin-right: 10px; }
	.main-nav  { display: block; margin-left: 0; padding: 0; width: 100%; margin-bottom: 0; }
	.nav-menu  { padding: 0; margin-bottom: 0; }
	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul { display: block; margin-left: 0; padding: 0; width: 100%; margin-top: 3px; margin-bottom: 0; }
	.toggled-on li,
	.toggled-on .children { display: block; }
	.toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 20px; position: relative; left: auto; top: auto; }
	.toggled-on .nav-menu li > ul a { color: #282832; width: auto; }
	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a { color: #282832; }
	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover { background-color: #ccc; color: #000; }
	ul.nav-menu,
	div.nav-menu > ul { display: none; }
	
	ul.nav-menu ul a,
	.nav-menu ul ul a { color: #282832; font-weight: 700; }
	.nav-menu > li > a { margin-top: 0; }
	.nav-menu .has-submenu > a:after { display: none; }
	.nav-menu ul > li:first-child > a { border-radius: 0; }
	.nav-menu ul > li:last-child > a { border-radius: 0; }
	.nav-menu > .has-submenu > a { padding: 15px; }
	.nav-menu > .has-submenu:hover > a,
	.nav-menu > .has-submenu > a:hover { border-radius: 0; padding: 15px; }
	ul.nav-menu ul a,
	.nav-menu ul ul a { min-width: 0; }
	.nav-menu li a { display: block; padding: 15px; color: #282832; font: 400 100%/1 Roboto, sans-serif; text-transform: none; }
	.nav-menu li li a { padding: 15px; font-weight: 400; }
	.nav-menu > li.has-submenu + li { margin-left: 0; }
	.nav-menu > li.has-submenu { margin-left: 0; }
	.nav-menu > li { margin-left: 0; margin-bottom: 3px; }
	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover { font-weight: 400; }
	.nav-menu li li:hover > a,
	.nav-menu li li a:hover { font-weight: 400; }
	.nav-menu li li:hover > a,
	.nav-menu li li a:hover { background-color: transparent; }
	.nav-menu > .has-submenu:hover > a,
	.nav-menu > .has-submenu > a:hover { background-color: transparent; }
	.toggled-on .nav-menu .current_page_item > a,
	.toggled-on .nav-menu .current-menu-item > a { background-color: #eee; color: #000; font-weight: 700; }
	   
}  

/* Page */
@media (max-width: 1280px) {
.main-nav .nav-menu { margin-right:3%;margin-left:3%;}
	.page-title { font-size: 700%; }
	.single .page-title,
	.search .page-title,
	.archive .page-title { font-size: 600%; }
	

}

@media (max-width: 720px) {
	.page-header { margin-bottom: 40px; }
	.page-title { margin-top: 0; border-top: 2px solid #D9DCDD; padding-top: 20px; font-size: 200%; line-height: 1; letter-spacing: 0; }
	.single .page-title,
	.search .page-title,
	.archive .page-title { font-size: 200%; }
	
}

/* Single */
@media (max-width: 950px) {
	.single .content-area { font-size: 100%; }
	.entry-summary { font-size: 100%; }
}

/* Comments */
@media (max-width: 950px) {
	.comments-title h2 { font-size: 175%; }
	.comments-title a { display: none; }
	
	.comment-meta { float: none; width: 100%; }
	.comment-author .fn { font-size: 175%; }
		
	.comment-content { clear: both; float: none; width: 100%; }
	.comment-content p { font-size: 100%; }
	
	.comment-list #reply-title { font-size: 100%; }
	#cancel-comment-reply-link { padding-right: 20px; line-height: 1.5; }
	
	.logged-in-as { font-size: 100%; }
	
	.comment-form-author { float: none; margin-right: 0; width: 100%; }
	.comment-form-email { float: none; margin-right: 0; width: 100%; }
	.comment-form-url { float: none; width: 100%; }
	.form-submit  input[type="submit"] { font-size: 24px; }
}

/* Sidebars */
@media (max-width: 950px) {
	.sidebar-right .site-content, .sidebar-left .site-content { width: 100%; margin: 0; }
	.site-sidebar { clear: both; width: 92%; padding: 0; float: none; margin: 0 auto; }
	.sidebar-shadow { display: none; }
	.blog.sidebar-left .blog-comments-wrapper { display: block; }
	.sidebar-right .content-area,
	.sidebar-left .content-area	{ margin: 0 auto; float: none; width: 92%; }
}

/* Widgets */
@media (min-width: 721px) {
	.widget_no_margin .widget { margin-bottom: 0; } /* A special class that removes bottom spacing below widget areas (desktop resolutions only) */
}

/* Footer */
@media (max-width: 720px) {
	.site-footer { position: relative; background-color: transparent; transition: none; float: none; }
	.site-footer:hover { background-color: transparent; }
	
	.viewing-portfolio-grid .site-footer { margin-top: 25px; }

	.site-footer .inner { padding: 0; }
	
	.site-footer .copyright_notice { font-size: 100%; text-align: center; }
	
	.site-footer .footer-social-icons { display: table; float: none; margin: 0 auto; padding-bottom: 0; }
	.site-footer .footer-social-icons li { margin-right: 20px; margin-left: 0; }
	.site-footer .footer-social-icons li:last-child { margin-right: 0; }
	.site-footer .footer-client-logos img { display: block; width: auto; max-width: 100%; float: none; margin: 30px auto; }
	
	.site-footer .footer-social-icons { display: table; float: none; margin: 0 auto; padding-bottom: 0; }
	.site-footer .footer-social-icons li { margin-right: 20px; }
	.site-footer .footer-social-icons a { color: #969696; }
	.site-footer .footer-social-icons a:hover { color: #000; }
	
	.site-footer .footer-fa { text-align: center; }
	.site-footer .footer-fa a:first-child { margin-left: 0; }
	.site-footer .footer-fa a { color: #969696; }
	.site-footer .footer-fa a:hover { color: #000; }
}

/* Portfolio */
@media (max-width: 850px){
	.konzept-thumbnails-container,
	.konzept-projects-list { margin-bottom: 3em; }
	.konzept-projects-list { border-top: 0 none; border-bottom: 0 none; }
}
@media (max-width: 1200px) {
	.element { width: 33.3333333%; }
	.element-text { width: auto; max-width: none; }
	.element .thumbnail-meta-data-wrapper { padding: 25px 25px 0 25px; }
	.element .symbol { font-size: 187.5%; }
	.thumbnail-plus { font-size: 225%; padding: 0 0 25px 25px; }
}
@media (max-width: 1000px) {
	.element .thumbnail-meta-data-wrapper { padding: 20px 20px 0 20px; }
	.element .symbol { font-size: 175%; }
	.thumbnail-plus { font-size: 175%; padding: 0 0 20px 20px; }
}
@media (max-width: 720px) {
	.element { width: 50%; }
	.element-text { width: auto; max-width: none; }
}
@media (max-width: 480px) {
	.element .thumbnail-meta-data-wrapper { padding: 13px 13px 0 13px; }
	.element .symbol { font-size: 150%; }
	.thumbnail-plus { font-size: 175%; padding: 0 0 15px 13px; }
}
@media (max-width: 400px) {
	.element .thumbnail-meta-data-wrapper { padding: 10px 10px 0 10px; }
	.element .symbol { font-size: 125%; }
	.thumbnail-plus { font-size: 150%; padding: 0 0 12px 10px; }
}
@media (max-width: 300px) {
	.element { width: 100%; }
	.element-text { width: auto; max-width: none; }
}


@media (max-width: 950px) {
	.project-meta-col-1 { float: left; max-width: none; min-width: 0; width: 100%; margin-right: 0; }
	.project-meta-col-2 { float: left; max-width: none; min-width: 0; width: 100%; margin-right: 0; }
	.project-meta-heading { width: 135px; }
	.project-meta-description { max-width: 255px; width: 100%; }
}

@media (max-width: 1200px) {
	.element-text .thumbnail-link-title { font-size: 52px; }
	.element-text + .thumbnail-separator { font-size: 52px; margin: 0 15px 0 10px; }
}

@media (max-width: 720px) {
	.element-text .thumbnail-link-title { font-size: 137.5%; line-height: 1.5; }
	.element-text.thumb-inactive .thumbnail-link-title:before { text-shadow: 0 0 3px #101010; }
	.element-text.thumb-inactive + .thumbnail-separator { text-shadow: 0 0 3px #101010; }
	.element-text + .thumbnail-separator { font-size: 137.5%; line-height: 1.5; margin: 0 10px 0 5px; }
}

@media (max-width: 1440px) {
	.project-title { font-size: 750%; max-width: 1104px; }
}
@media (max-width: 1200px) {
	.project-title { font-size: 500%; max-width: 1024px; }
}
@media (max-width: 1112px) {
	.project-title { max-width: 874px; }
}
@media (max-width: 950px) {
	.project-title { max-width: 736px; }
}
@media (max-width: 800px) {
	.project-title { max-width: 662px; }
}
@media (max-width: 720px) {
	.project-title { max-width: 552px; }
}
@media (max-width: 600px) {
	.project-title { max-width: 460px; }
}
@media (max-width: 500px) {
	.project-title { max-width: 368px; }
}
@media (max-width: 400px) {
	.project-title { max-width: 294px; }
}

@media (max-width: 1024px) {
	.portfolio-cancelclose:hover { -webkit-transform: none; transform: none; }
}

@media (max-width: 782px) {
	.admin-bar .portfolio_box { top: 46px; height: -webkit-calc(100% - 46px); }
	.admin-bar .portfolio-video-container { top: 46px; height: calc(100% - 46px); height: -webkit-calc(100% - 46px); }
}

@media (max-width: 720px) {
	.max-width-test { max-width: 720px; }
	
	.exit { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
	.portfolio-video-container .exit { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
	.portfolio-cancelclose { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
	.white .portfolio-cancelclose { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
	.portfolio-cancelclose-cover { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
	.project-meta-data { font-size: 68.75%; }
	.project-title { font-size: 150%; line-height: 1; letter-spacing: -1px; }
	.project-description { font-size: 75%; }
	.sharing-icons { display: none; }

	/* Arrows between projects */
	.daisho-portfolio-viewing-project .project-navigation,
	.daisho-portfolio-viewing-project .portfolio-arrowleft,
	.daisho-portfolio-viewing-project .portfolio-arrowright { display: none; }
	
	/* Arrows between slides */
	.project-arrow-left,
	.project-arrow-right { height: 100px; }
	.project-arrow-left-visible,
	.project-arrow-right-visible { opacity: 0.3; visibility: visible; background-size: 25px auto; width: 46px; }
	.cursor-in-viewport .project-arrow-left-visible,
	.cursor-in-viewport .project-arrow-right-visible { opacity: 0.3; }
}

@media (max-width: 600px) {
	.admin-bar .project-coverslide { z-index: 999; }
	.admin-bar .portfolio_box { z-index: 1000; top: 0; height: 100%; }
	.admin-bar .portfolio-video-container { top: 0; height: 100%; }
}

/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

@media print {

}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent img{max-width: inherit !important;}

.site-navigation .main-nav{width:100%;}
/*
     FILE ARCHIVED ON 22:00:53 Jan 08, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:03:55 Apr 01, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.497
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.006
  esindex: 0.008
  cdx.remote: 25.579
  LoadShardBlock: 719.489 (3)
  PetaboxLoader3.datanode: 619.593 (4)
  PetaboxLoader3.resolve: 136.427 (2)
  load_resource: 118.421
*/