/*
	Title
*/
#wpcontent {
	overflow: hidden;
}
.wrap > h2:first-child,
h2.mmenu {
	text-shadow: 0 1px 2px rgba( 0, 0, 0, 0.1 );
	color: #fff;
	font-weight: bold;
	padding: 30px 0;
}
h2.mmenu span {
	background: url( ../lib/layout/mmenu-logo.png ) 0 0 no-repeat transparent;
	text-indent: -1000px;
	overflow: hidden;
	display: block;
	width: 320px;
	height: 90px;
	margin: -10px;
}
h2.mmenu small {
	font-size: 12px;
	float: right;
}
h2.mmenu a {
	color: inherit;
}
#mmenu-settings {
	position: relative;
	clear: both;
}
#mmenu-settings:before {
	background: #5ac6ff;
	content: '';
	display: block;
	width: 2000px;
	width: calc( 100% + 200px );
	height: 3000px;
	position: absolute;
	bottom: 100%;
	left: -100px;
	z-index: -1;
}

/* Help */
#contextual-help-link-wrap,
#screen-meta {
	border-color: #999;
}



/*
	Content
*/
#mmenu-settings h2 {
	padding-top: 50px;
}
#mmenu-settings h2 a {
	color: inherit;
	text-decoration: none;
	display: block;
}
p.intro {
	font-size: 14px;
	margin-bottom: 25px;
}
.wrap h2 + p.intro {
	margin-top: 0;
}
p.intro + p {
	margin-top: -15px;
	margin-bottom: 25px;
}

.section-toggle {
	padding-bottom: 25px;
}
.section.closed {
	display: none;
}

/* Smallest screens */
@media screen and (max-width:782px) {
	.section + .section {
		margin-top: 20px;
	}
}


/*
	Form styling
*/
.form-table th {
	vertical-align: top;
}
.form-table th small {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}
.form-table input[type="checkbox"] + label {
	padding-left: 5px;
}
.form-table label + br + input[type="text"],
.form-table label + br + select {
	margin-top: 10px;
	margin-left: 0;
}
.form-table code,
.form-table pre {
	background: rgba( 0, 0, 0, 0.05 );
}
.form-table pre {
	padding: 3px 5px;
	margin: 10px -5px;
}
.form-table textarea {
	min-height: 150px;
}

.form-table option {
	padding: 3px 5px;
	background: #fff;
}
.form-table option:empty {
	padding: 0;
	height: 5px;
}
.form-table optgroup {
	background: #f3f3f3;
	font-weight: normal;
	font-style: normal;
	padding: 15px 5px 0 5px;
}
.form-table optgroup option {
	margin: 0 -5px;
}
.form-table optgroup option:first-child {
	margin-top: 5px;
}
.form-table optgroup[id$="_list"] {
	display: none;
}
.form-table optgroup.filled[id$="_list"] {
	display: block;
}

/* Smallest screens */
@media screen and (max-width:782px) {
	.form-table th:empty,
	.form-table td + td {
		display: none;
	}
}
/* Larger screens */
@media screen and (min-width:783px) {

	.section {
		border-bottom: 1px solid #ccc;
	}
	.section > .form-table:first-child {
		margin-top: 0;
	}
	td.caret {
		text-align: right;
		width: 30px;
	}
	td.caret .dashicons {
		cursor: pointer;
		opacity: 0.5;
	}
	td.caret .dashicons:hover {
		opacity: 0.75;
	}
	.form-table td {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.form-table th,
	.form-table td.caret {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.form-table.compact td {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.form-table.compact th {
		padding-top: 8px;
		padding-bottom: 5px;
	}
	.form-table th.empty {
		padding-top: 0;
		padding-bottom: 0;
	}

	.form-table input[type="text"],
	.form-table select,
	.form-table textarea {
		width: 412px;
	}
}

/* Larger screens */
@media screen and (min-width:783px) {
	.locations {
		border-top: 1px solid #ccc;
		padding-top: 20px;
		margin-top: 20px;
	}
}


/* radio button with images */
.radio-preview:after {
	content: '';
	display: block;
	clear: both;
}
.radio-preview label {
	box-sizing: border-box;
	display: block;
	width: 25%;
	min-width: 200px;
	max-width: 300px;
	float: left;
}
.radio-preview label > div {
	text-align: center;
	width: 180px;
	padding: 20px 20px 5px 0;
	position: relative;
}
.radio-preview img {
	border-radius: 30px;
	border: 1px solid #ccc;
	display: block;
	width: 180px;
	height: 180px;
	margin-bottom: 15px;
}
.radio-preview label:hover img {
	box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.2 );
}

/* Larger screens */
@media screen and (min-width:783px) {
	.radio-preview {
		margin-top: -20px;
	}
}


/* Larger screens */
@media screen and (min-width:783px) {
	.menus-titles {
		border-top: 1px solid #ccc;
		padding-top: 20px;
		margin-top: 20px;
	}
}


/* advanced options */
.advanced-options {
	padding-bottom: 25px;
}
.advanced-options input[type="checkbox"] + label {
	margin-left: 5px;
}
.advanced-options:after {
	content: '';
	display: block;
	clear: both;
}
.advanced-options > div {
	float: left;
	padding: 5px 0;
}
@media screen and (max-width: 600px) {
	.advanced-options > div {
		float: none;
	}
}
@media screen and (min-width: 601px) and (max-width: 782px) {
	.advanced-options > div {
		width: 50%;
	}
	.advanced-options > div:nth-child( 2n + 3 ) {
		clear: left;
	}
}
@media screen and (min-width: 783px) and (max-width: 1200px) {
	.advanced-options > div {
		width: 33.33%;
	}
	.advanced-options > div:nth-child( 3n + 4 ) {
		clear: left;
	}
}
@media screen and (min-width: 1201px) {
	.advanced-options > div {
		width: 25%;
	}
	.advanced-options > div:nth-child( 4n + 5 ) {
		clear: left;
	}
}


.wrap.mmenu-setup .section {
	display: none;
}
.wrap.mmenu-setup .section.show {
	display: block;
}

/* submit basis */
.wrap.mmenu-setup .submit a,
.wrap.mmenu-setup .submit input {
	margin-right: 20px;
}
.wrap.mmenu-setup .submit a.cancel,
.wrap.mmenu-setup .submit input {
	display: none;
}

/* submit opslaan */
.wrap.mmenu-setup .submit.proceed a.next,
.wrap.mmenu-setup .submit.proceed a.import {
	display: none;
}
.wrap.mmenu-setup .submit.proceed input {
	display: inline-block;
}

/* submit import */
.wrap.mmenu-setup .submit.import a.next,
.wrap.mmenu-setup .submit.import a.import {
	display: none;
}
.wrap.mmenu-setup .submit.import a.cancel,
.wrap.mmenu-setup .submit.import input {
	display: inline-block;
}

.wrap.mmenu-setup .section th,
.wrap.mmenu-setup .section td {
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.wrap.mmenu-setup .section.fade th,
.wrap.mmenu-setup .section.fade td {
	opacity: 1
}

.wrap.mmenu-setup .form-table td {
	position: relative;
}

.fvh {
	background: #fff;
    box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.2 );
	border-radius: 5px;
	white-space: nowrap;
	opacity: 0;
	display: block;
	padding: 10px 20px;
	position: absolute;
	z-index: 1;
	-webkit-transition: none 1s ease;
	-webkit-transition-property: opacity, margin;
	transition: none 1s ease;
	transition-property: opacity, margin;
}
.fvh:after {
	content: '';
    border: 10px solid transparent;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}

.fvh-top {
	top: 50%;
	margin-top: -100px;
	-webkit-transform: translateX( -50% );
	transform: translateX( -50% );
}
.fvh-bottom {
	bottom: 50%;
	margin-bottom: -100px;
	-webkit-transform: translateX( -50% );
	transform: translateX( -50% );
}
.fvh-right {
	top: 50%;
	margin-right: 30px;
	-webkit-transform: translateY( -50% );
	transform: translateY( -50% );
}
.fvh-top:after {
    border-top-color: #fff;
    margin-left: -10px;
    left: 50%;
    bottom: -20px;
}
.fvh-bottom:after {
    border-bottom-color: #fff;
    margin-left: -10px;
    left: 50%;
    top: -20px;
}
.fvh-right:after {
    border-left-color: #fff;
    margin-top: -10px;
    right: -20px;
    top: 50%;
}

.section.fade .fvh {
	opacity: 1;
}
.section.fade .fvh-top {
	margin-top: -75px;
}
.section.fade .fvh-bottom {
	margin-bottom: -75px;
}
.section.fade .fvh-right {
	margin-right: 0px;
}

.fvh-1 {
	left: 120px;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.fvh-2 {
	left: 253px;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.fvh-3 {
	left: 345px;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.fvh-4 {
	right: 0;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}


.section.fade.explained .fvh,
.section.fade tr.warning .fvh,
.section.fade tr.error .fvh,
.section.fade.typed .fvh {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	opacity: 0;
}

/* Smaller screens */
@media screen and (max-width: 1120px) {
	.fvh-4 {
		display: none !important;
	}
}

/* Smallest screens */
@media screen and (max-width:782px) {
	.first-visit-helper {
		display: none !important;
	}
}


td.caret .dashicons-admin-generic
{
	display: none;
}
.section.checked td.caret .dashicons-admin-generic
{
	display: inline;
}
.section .suboptions,
.section .explanation
{
	display: none;
}
.section .suboptions
{
	margin-bottom: 10px;
}
.section.checked.geared .suboptions,
.section.explained .explanation,
.section .suboptions.opened,
.section .explanation.opened
{
	display: table-row;
}
.section.checked.geared .caret .dashicons,
.section.explained .caret .dashicons
{
	opacity: 1;
}
.section .suboptions td p
{
	margin-bottom: 10px;
}

.explanation
{
	box-shadow:  0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
	background-color: #fff;
	position: relative;
}
td.caret
{
	position: relative;
}
.explained td.caret:after
{
	content: '';
	display: block;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	bottom: 0;
	right: 10px;
}

/* Smallest screens */
@media screen and (max-width:782px) {
	.suboptions td
	{
		padding-left: 30px;
	}
	.section.checked .suboptions,
	.section .suboptions.opened
	{
		display: table-row;
	}
	.section.checked .suboptions td,
	.section .suboptions.opened td
	{
		padding-left: 0;
	}
}
/* Larger screens */
@media screen and (min-width:783px) {
	.suboptions td
	{
		border-top: 1px solid #ccc;
	}
}

.combobox
{
	vertical-align: bottom;
	position: relative;
}
.combobox input[type="text"],
.combobox select
{
	width: 100%;
}
.combobox input[type="text"]
{
	display: block;
}
.combobox select
{
	display: none;
}
.combobox.is-combobox
{
	border: 1px solid #ddd;
	margin: 1;
}
.combobox.is-combobox input[type="text"],
.combobox.is-combobox select
{
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	margin: 0;
}
.combobox.is-combobox input[type="text"]
{
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	width: calc( 100% - 30px );
	z-index: 1;
}
.combobox.is-combobox select
{
	display: block;
}

/* Smallest screens */
@media screen and (max-width:782px) {
	.combobox
	{
		display: block;
		margin-bottom: 5px;
	}
	.button.locate
	{
		display: none !important;
	}
}
/* Larger screens */
@media screen and (min-width:783px) {
	.combobox
	{
		display: inline-block;
		width: 250px;
		margin-right: 5px;
	}
}

#locate
{
	display: none;
}
#locate-content
{
	width: 100%;
	height: 100%;
}
#locate-sidebar,
#locate-frame
{
	box-sizing: border-box;
	height: 100%;
	margin: 0;
	float: left;
}
#locate-sidebar
{
	background: #5ac6ff;
	color: #fff;
	width: 30%;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}
#locate-sidebar h3,
#locate-sidebar p
{
	color: #fff !important;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}
#locate-sidebar .mm-navbars-top
{
	padding-right: 5px;
}
#locate-sidebar .mm-navbars-top a:not(.button)
{
	height: 40px;
}
#locate-sidebar .mm-navbars-top a.button
{
	box-shadow: none;
	border-color: #999;
	color: #666;
	line-height: 26px;
	padding: 0;
	margin-top: 5px;
}
#locate-menu
{
	width: auto;
	background: none;
	--mm-color-background: none;
}
#locate-menu,
#locate-menu p
{
	font-size: 15px;
}
#locate-menu .mm-navbar-top .dashicons
{
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: none;
	color: rgba(255, 255, 255, 0.5);
	outline: none;
	font-size: 20px;
	display: block;
	width: 40px;
	height: 40px;
}
#locate-menu .mm-navbar-top .dashicons:hover,
#locate-content.smartphone .mm-navbar-top .dashicons-smartphone,
#locate-content.tablet .mm-navbar-top .dashicons-tablet,
#locate-content.desktop .mm-navbar-top .dashicons-desktop
{
	color: #fff;
}

#locate-menu .mm-listview
{
	min-height: 40px;
}
#locate-menu .mm-listview:empty::after
{
	content: '...';
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	display: block;
	padding-top: 20px;
}
#locate-menu .mm-listitem > span
{
	color: #fff;
}
#locate-menu .mm-navbar .dashicons
{
	outline: none;
	box-shadow: none;
	height: 40px;
}
#locate-menu .mm-navbar .dashicons:hover,
#locate-content.smartphone .mm-navbar .dashicons-smartphone,
#locate-content.tablet .mm-navbar .dashicons-tablet,
#locate-content.desktop .mm-navbar .dashicons-desktop

{
	color: #fff;
}

#locate-menu .mm-navbar .done
{
	background: #fff;
	border-color: #999;
	color: #555;
	line-height: 2;
	width: auto;
	padding: 3px 0;
	margin: 5px 5px 5px 0;
	flex-grow: 2;
}
#locate-menu label.mm-toggle::before
{
    background: #5bc5ff;
}
#locate-menu label.mm-toggle
{
	background: rgba(255, 255, 255, 0.5);
}
#locate-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #fff;
}

#locate-frame
{
	background: #f3f3f3;
	overflow: hidden;
	width: 70%;
}
#locate-frame iframe
{
	background: inherit;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.smartphone #locate-frame iframe,
.tablet #locate-frame iframe
{
	border: 1px solid #ccc;
	height: 90%;
	height: calc( 100% - 40px );
	margin-top: 20px;
}
.smartphone #locate-frame iframe
{
	width: 320px;
}
.tablet #locate-frame iframe
{
	width: 768px;
}




/*
	Thickbox fixes for locate popup
*/
.locate #TB_window
{
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	left: 0 !important;
	top: 0 !important;
}
.locate #TB_title
{
	display: none;
}
.locate #TB_ajaxContent
{
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
}

.license td {
	position: relative;
}
.license .dashicons-yes,
.license .dashicons-no {
	font-size: 16px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	left: 400px;
}
.license .dashicons-yes{
	color: green;
}
.license .dashicons-no {
	color: red;
}

@media screen and (max-width: 782px) {
	.license .dashicons {
		font-size: 20px;
		margin-top: -9px;
		margin-left: -40px;
		left: 100%;
	}
}


.wp-picker-container
{
	width: 190px;
	position: relative;
}
.wp-picker-holder
{
	margin: -5px 0 0 10px;
	position: absolute;
	top: 0;
	left: 100%;
}
.wp-color-result
{
	border-radius: 30px !important;
	border: 1px solid #ccc !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 180px !important;
	height: 180px !important;
	position: relative !important;
	overflow: hidden !important;
}
.wp-color-result:focus,
.wp-color-result:hover
{
	box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.2 );
}
.wp-color-result:after
{
	border: none !important;
	content: "" !important;
	box-shadow: none;
	background: none center center no-repeat transparent;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.light .wp-color-result:after
{
	background-image: url( ../lib/colorpicker/mm_menu_theme_light.png );
}
.white .wp-color-result:after
{
	background-image: url( ../lib/colorpicker/mm_menu_theme_white.png );
}
.dark .wp-color-result:after
{
	background-image: url( ../lib/colorpicker/mm_menu_theme_dark.png );
}
.black .wp-color-result:after
{
	background-image: url( ../lib/colorpicker/mm_menu_theme_black.png );
}

.wp-color-result-text
{
	display: none !important;
}

.wp-picker-open + .wp-picker-input-wrap
{
	text-align: center;
	display: block;
	width: 182px;
	margin-top: 10px;
}

/* Smallest screens */
@media screen and (max-width:782px) {
	.wp-picker-container
	{
		padding-top: 20px;
	}
	.wp-picker-open + .wp-picker-input-wrap input
	{
		display: inline-block !important;
	}
}
/* Smallest small screens */
@media screen and (max-width:480px) {
	.wp-picker-holder
	{
		display: none;
	}
}

#mm-breakpoint
{
	position: absolute;
	top: -1000px;
	left: -1000px;
}

.radio-preview .header-image
{
	background: url( ../lib/header/mm_header_image_placeholder_logo.png ) center center / contain no-repeat transparent;
	height: 60px;
	position: absolute;
	top: 31px;
	right: 31px;
	left: 11px;
}
.radio-preview .header-image.cover
{
	border-radius: 30px 30px 0 0;
	background-image: url( ../lib/header/mm_header_image_placeholder_background.png );
	background-size: cover;
	overflow: hidden;
	height: 80px;
	top: 21px;
	right: 21px;
	left: 1px;
}

/* Dashicons Picker */

.dashicon-picker-container {
	position: absolute;
	width: 270px;
	height: 262px;
	font-size: 14px;
	background-color:#fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 5px;
	box-sizing: border-box;
}

.dashicon-picker-container ul {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.dashicon-picker-container ul .dashicons {
	width: 20px;
	height: 20px;
	font-size: 20px;
}

.dashicon-picker-container ul li {
	display: inline-block;
	margin: 5px;
	float: left;
}

.dashicon-picker-container ul li a {
	display: block;
	text-decoration: none;
	color:#373737;
	padding: 6px 10px;
	border: 1px solid #eee;
}

.dashicon-picker-container ul li a:hover {
	border-color:#999;
	background: #efefef;
}

.dashicon-picker-control {
	height:32px;
}

.dashicon-picker-control a {
	padding:5px;
	text-decoration: none;
	line-height: 32px;
	width:25px;
}

.dashicon-picker-control a span {
	display: inline;
	vertical-align: middle;
}

.dashicon-picker-control input {
	width:200px;
}


.buttons div
{
	margin-top: 10px;
}
.buttons .buttons-head span
{
	font-style: italic;
	font-size: 12px;
	display: inline-block;
}
.buttons .buttons-head span:first-child
{
	width: 216px;
	margin-left: 40px;
}
.buttons .button.dashicons-picker
{
	padding: 0;
}
.dashicon-picker-container .dashicon-picker-control input
{
	width: 185px;
}
.buttons a.dashicons-no
{
	padding: 7px 5px 3px 5px;
	color: #999;
}

/* Smallest screens */
@media screen and (max-width:782px) {

	.buttons-head
	{
		display: none !important;
	}
	.buttons-button
	{
		padding-left: 60px;
		position: relative;
	}
	.buttons-button select
	{
		display: inline-block !important;
		width: calc( 100% - 50px ) !important;
	}
	.buttons-button .dashicons-picker
	{
		position: absolute;
		top: 0;
		left: 0;
		height: 40px;
		width: 40px;
	}
	.buttons a.dashicons-no
	{
		padding: 10px;
		margin-top: 3px;
	}
}
/* Larger screens */
@media screen and (min-width:783px) {
	.buttons_html
	{
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.buttons
	{
		border-top: 1px solid #ccc;
		padding-top: 10px;
		margin-top: 20px;
	}
	.buttons .button.dashicons-picker
	{
		font-size: 18px;
		line-height: 26px;
		width: 30px;
		height: 28px;
	}
	.form-table .buttons input[type="text"],
	.form-table .buttons select
	{
		margin: 0 0 0 5px;
	}
	.form-table .buttons input[type="text"]
	{
		width: 212px;
	}
	.form-table .buttons select
	{
		width: 153px;
	}
}

tr.warning
{
	background: #fed;
}
tr.error
{
	background: #fdd;
}
.selector-warning,
.selector-error
{
	display: none;
	padding: 10px 0;
}
.selector-warning .button,
.selector-error .button
{
	margin-top: 5px;
}
tr.warning .selector-warning,
tr.error .selector-error
{
	display: block;
}

p.submit-fixed
{
	height: 30px;
	padding: 20px;
	margin: -45px -20px 60px -20px;

	-webkit-transform: translateY( 100% );
	transform: translateY( 100% );

	-webkit-transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
}
p.submit-fixed input {
	margin-right: 10px !important;
}
p.submit-fixed input[name="submit"] {
	margin-right: 30px !important;
}
.edited p.submit-fixed
{
	border-top: 1px solid #ccc;
	background: rgba( 242, 242, 242, 0.95 );
	margin: 0;
	position: fixed;
	bottom: 0;
	left: 160px;
	right: 0;
	z-index: 10;

	-webkit-transform: translateY( 0% );
	transform: translateY( 0% );
}
.edited.folded p.submit-fixed
{
	left: 36px;
}
#wpfooter
{
	margin-bottom: 100px;
}

/* Smaller screens */
@media only screen and (max-width:960px) {
	.edited.auto-fold p.submit-fixed
	{
		left: 36px;
	}
}
/* Smallest screens */
@media screen and (max-width:782px) {
	.edited.auto-fold p.submit-fixed
	{
		padding: 10px;
		left: 0;
	}
	p.submit-fixed input[name="preview"],
	p.submit-fixed input[name="export"]
	{
		display: none !important;
	}
}
/* Larger screens */
@media screen and (min-width:783px) {
	#wpbody
	{
		padding-bottom: 100px;
	}
}



.wrap .phone,
.wrap .submit-preview
{
	display: none;
}
.wrap.mmenu-preview
{
	position: relative;
	z-index: 10;
}
.wrap.mmenu-preview .phone,
.wrap.mmenu-preview .submit-preview
{
	display: block;
}
.wrap.mmenu-preview h2,
.wrap.mmenu-preview .section,
.wrap.mmenu-preview p.intro,
.wrap.mmenu-preview p.submit-fixed
{
	display: none;
}
.wrap.mmenu-preview #mmenu-settings:before
{
	bottom: 85px;
}
.phone
{
	width: 450px;
	padding: 132px 0;
	margin: -20px 0 0 0;
	position: relative;
	z-index: 1;
}
.phone:before,
.phone:after
{
	content: '';
	background: url( ../lib/preview/phone-example.png ) center top no-repeat transparent;
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	z-index: -1;
}
.phone:before
{
	top: 0;
}
.phone:after
{
	background-position: center bottom;
	bottom: 0;
}
.phone iframe
{
	border-radius: 5px;
	overflow: hidden;
	background: #111;
	border: none;
	display: block;
	width: 280px;
	height: 450px;
	margin: 0 auto;
}
.submit-preview
{
	padding: 75px 0 0 85px;
	position: absolute;
	top: 175px;
	left: 370px;
}
.submit-preview strong
{
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	font-size: 23px;
	line-height: 50px;
	color: #fff;
}
.submit-preview a
{
	display: inline-block;
	margin-top: 10px;
}


.wrap .phone,
.wrap .submit-export
{
	display: none;
}
.wrap.mmenu-export
{
	position: relative;
	z-index: 10;
}
.wrap.mmenu-export .submit-export
{
	display: block;
}
.wrap.mmenu-export h2,
.wrap.mmenu-export .section,
.wrap.mmenu-export p.intro,
.wrap.mmenu-export p.submit-fixed
{
	display: none;
}
.wrap.mmenu-export #mmenu-settings:before
{
	bottom: -50px;
}

.submit-export pre
{
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	background: rgba(255, 255, 255, 0.3);
	user-select: all;
	white-space: normal;
	word-wrap: break-word;
}
.submit-export strong
{
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	font-size: 23px;
	line-height: 50px;
	color: #fff;
}
.submit-export a
{
	display: inline-block;
	margin-top: 10px;
}