#ywtenv-banner {
	position         : fixed;
	top              : 0;
	width            : 100%;
	height           : 65px;
	z-index          : 10000;
	background-color : #ededed !important;
	border-bottom    : none;
	box-sizing       : content-box;
	font-family      : -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol
}

#sandbox-countdown p {
	color       : #333 !important;
	font-weight : 600
}

#ywtenv-banner a, #ywtenv-banner a:hover {
	color : #fff !important
}

#sandbox-countdown {
	padding     : 0 15px;
	border-left : none !important
}

#ywtenv-banner a.close-link i, #logo-section a, #demo-action div a, #sandbox-countdown p {
	display         : table-cell;
	vertical-align  : middle;
	height          : 65px;
	text-align      : center;
	text-decoration : none
}

body.admin-bar #ywtenv-banner {
	top : 31px
}

#ywtenv-banner .close-link-container {
	background-color : #aaa;
	display          : block;
	padding          : 0;
	text-decoration  : none;
	float            : right
}

#ywtenv-banner .close-link-container .close-link {
	width           : 65px;
	height          : 65px;
	display         : block;
	text-align      : center;
	font-size       : 20px;
	line-height     : 65px;
	text-decoration : none
}

#logo-section {
	float   : left;
	padding : 0 30px
}

#logo-section .logo {
	display        : table-cell;
	vertical-align : middle;
	position       : relative;
	padding        : 5px 0 0 15px;
	width          : 80px;
	box-sizing     : border-box
}

#logo-section .tagline {
	display        : table-cell;
	vertical-align : middle;
	position       : relative;
	min-width      : 150px;
	padding        : 5px 10px 0;
	font-size      : 12px;
	line-height    : 1.4;
	font-weight    : 600;
	color          : #005b7c
}

#logo-section .tagline b {
	display     : block;
	font-weight : 600;
	color       : #acc327
}

#logo-section img {
	width  : 100%;
	height : auto
}

#demo-action {
	display : block;
	float   : right
}

#demo-action div {
	height  : 65px;
	display : inline-block;
	float   : right
}

#demo-action div a {
	padding        : 0 15px;
	text-transform : uppercase;
	font-size      : 14px;
	font-weight    : 600
}

#demo-action div a > * {
	display        : inline-block;
	vertical-align : middle
}

#demo-action div .ywtenv-icon {
	margin-right : 8px
}

#demo-action div .ywtenv-icon img {
	width  : auto;
	height : 25px;
	filter : brightness(1000)
}

#demo-action .money-back {
	position       : relative;
	padding        : 0 20px 0 40px;
	color          : #313131;
	font-weight    : 600;
	font-size      : 13px;
	line-height    : 1;
	height         : 65px;
	vertical-align : middle;
	display        : table-cell;
	float          : none
}

#demo-action .money-back img {
	display        : inline-block;
	vertical-align : middle;
	position       : absolute;
	left           : 0;
	top            : 13px
}

#demo-action .money-back strong {
	color       : #005b7c;
	font-weight : 600
}

#new-sandbox a, #login-sandbox a {
	background-color : #b3c64c !important
}

#new-sandbox a:hover, #login-sandbox a:hover {
	background-color : #b5c943 !important
}

#purchase-box a {
	background-color : #275f73 !important
}

#purchase-box a:hover {
	background-color : #2c6b82 !important
}

#create-sandbox {
	position    : fixed;
	top         : 0;
	right       : 0;
	left        : 0;
	bottom      : 0;
	background  : rgba(26, 46, 53, .86);
	z-index     : 99999;
	text-align  : center;
	font-family : -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
	display     : none
}

#create-sandbox:before {
	content        : '';
	width          : 0;
	height         : 100%;
	display        : inline-block;
	vertical-align : middle
}

#create-sandbox .popup-content {
	display          : inline-block;
	vertical-align   : middle;
	width            : 650px;
	min-height       : 150px;
	background-color : #fff;
	border-radius    : 5px;
	padding          : 50px;
	position		 : relative;
}

#create-sandbox .popup-closer {
	position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    opacity: .5;
	transition: all ease .2s;
    cursor: pointer;
	background-image: url(./ywtenv-resources/images/x_icon.svg);
    background-size: contain;
}

#create-sandbox .popup-closer:hover {
	opacity: 1;
	transition: all ease .2s;
}

#create-sandbox h4 {
	color          : #445674;
	text-transform : uppercase;
	font-size      : 18px;
	margin         : 15px 0 20px;
	font-weight    : bold;
}

#create-sandbox p {
	color     : #333;
	margin    : 10px 0 0;
	font-size : 15px;
}

#create-sandbox .popup-image {
	margin-bottom : 10px
}

#create-sandbox .popup-image img {
	margin-left : 15px
}

#sandbox-countdown {
	margin-left : 10px
}

#countdownSandbox {
	min-width : 70px;
	display   : inline-block
}

/** START LANGUAGE SWITCHER **/

#create-sandbox .language-switcher-wrapper {
	display         : flex;
	justify-content : space-around;
	flex-wrap       : wrap;
	margin          : 40px 0 20px;
}

#create-sandbox .language-switcher-wrapper .lang {
	text-align    : center;
	padding       : 20px;
	flex          : 0 0 28%;
	box-shadow    : 0 0 23px 0 rgb(221 221 221 / 60%);
	cursor        : pointer;
	border-radius : 8px;
	margin-bottom : 15px;
}

#create-sandbox .language-switcher-wrapper svg {
	width  : 80px;
	margin : 0 0 10px;
	fill   : #006794;
}

#create-sandbox .language-switcher-wrapper span {
	text-transform : uppercase;
	font-size      : 14px;
	font-weight    : 600;
	color          : #006794;
}

#create-sandbox .language-switcher-wrapper .lang:hover {
	background-color   : #006794;
	transition         : all .4s ease;
	-webkit-transition : all .4s ease;
}

#create-sandbox .language-switcher-wrapper .lang:hover svg,
#create-sandbox .language-switcher-wrapper .lang:hover span {
	color              : #ffffff;
	fill               : #ffffff;
	transition         : all .3s ease;
	-webkit-transition : all .3s ease;
}

/** END LANGUAGE SWITCHER **/

/*!* RESPONSIVE *!*/

@media (max-width : 1095px) {
	#money-back-container {
		display : none !important
	}
}

@media (max-width : 821px) {
	body.admin-bar #ywtenv-banner {
		top : 46px
	}

	#logo-section {
		padding : 0 0 0 15px
	}

	#demo-action div a {
		padding : 0 10px
	}

	#purchase-box span:not(.ywtenv-icon) {
		display : none !important
	}

	#purchase-box span.ywtenv-icon {
		margin-right : 0
	}

	#create-sandbox .popup-content {
		width     : 70vw;
		min-width : 0;
		padding   : 25px
	}
}

@media (max-width : 609px) {
	#logo-section .tagline {
		display : none;
	}
}

@media (max-width : 480px) {

	#demo-action div a {
		padding   : 0 7px;
		font-size : 13px
	}

	#new-sandbox a {
		border-left : none !important
	}

	#ywtenv-banner a.close-link {
		width : 50px
	}

	#create-sandbox .popup-content {
		width : 80vw;
	}

	#create-sandbox .language-switcher-wrapper .lang {
		flex : 0 0 45%;
	}
}

@media (max-width : 420px) {
	#logo-section {
		display : none;
	}
}

@media screen and (max-width : 600px) {
	#ywtenv-banner {
		position : absolute
	}
}