@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,700,700i&subset=latin-ext');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, form, input, button, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Raleway', sans-serif;
	vertical-align: baseline;
	outline: 0;
	/*font-display: auto;*/
	/*text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;*/
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	font-size: 15px;
	line-height: 20px;
	background-color: rgb(237,237,237);
}
a {
	text-decoration: none;
	color: rgba(0,140,189,1);
}
a:hover {
	text-decoration: underline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/*Inputs / Buttons / Textarea*/
input,
textarea,
input:valid,
input:invalid,
button {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	vertical-align: middle;
}
textarea {
	resize: none;
	overflow: hidden;
	text-align: left;
}
input {
	overflow: hidden;
	text-align: left;
}
/*
textarea::selection,
textarea::-moz-selection,
input::selection,
input::-moz-selection {
}
*/
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
}






/*Clear Data*/
.clr:after,
.clear,
.receiptsList li:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	line-height: 1px;
}
.none {
	display: none !important;
}
.spacer,
.spacer2,
.spacer3 {
	clear: both;
	content: '';
	display: block;
	overflow: hidden;
	height: 50px;
	position: relative;
}
	.spacer:before,
	.spacer2:before,
	.spacer3:before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
	}
	.spacer:before {
		border-top: 1px dotted rgba(0,0,0,0.37);
	}
	.spacer2:before {
		border-top: 1px solid rgba(0,0,0,0.09);
	}
	.spacer3:before {
		border-top: 1px solid rgba(0,0,0,0.37);
	}
	.spacer span,
	.spacer2 span,
	.spacer3 span {
		display: block;
		background: rgba(237,237,237,1);
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin-top: -2px;
		padding: 0 12px;
		white-space: nowrap;
	}
	.spacer span {
		color: rgba(0,0,0,0.73);
	}
	.spacer2 span {
		color: rgba(0,0,0,0.5);
	}
	.spacer3 span {
		color: rgba(0,0,0,0.73);
	}









/*Animation Effects on Action*/
.anime-1 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}













/*Background Images Sprite*/
.plfBg,
.authFacebook:before,
.authGoogle:before,
.gridItemFavButton,
.shareButton,
.homeWhy li h2:after,
.homeFeatured ol li div:after,
.homeScreenFeedback ol li div:after,
.homeTestimonials ul li:after,
.selectActionsBlockList li .selectActionButton,
.homepageFeatures ol li:before,
.shareButtonsPopup li a {
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
}







/*Transparent background*/
.transparentBg,
.gridListItemLink .fakeImg,
.designViewItem img,
.gridListItemLink,
.designsGridItem .designGridItemImg {
	background-image: url(../images/transparentBg.png);
	background-position: 50% 50%;
	background-repeat: repeat;
}



/*Close Button Black*/
.closeButtonBlack,
.userMenuCloseButton,
.paymentBlockCloseButton,
.designFilterCloseButton {
	background-image: url(../images/closeBlack.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.selectActionButton-DeselectAll,
.closeButtonWhite {
	background-image: url(../images/closeWhite.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}







/*Messages, Errors*/
.notificationMessages {
	display: block;
	padding: 18px 0;
	text-align: center;
	position: relative;
	cursor: default;
	z-index: 90;
}
	.notification-info,
	.notification-success {
		background: #FFDF3F;
		color: #000;
	}
	.notification-error,
	.notification-warning {
		background: #D90000;
		color: #FFF;
	}
.authBody .notificationMessages {
	width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0 0 12px 0;
}
	.authBody .notification-info,
	.authBody .notification-success {
		background: none;
		color: #D90000;
		font-style: italic;
	}
	.authBody .notification-error,
	.authBody .notification-warning {
		background: none;
		color: #D90000;
	}
    /*.notificationMessages a {
        font-weight: bold;
    }*/
	.notificationMessages a {
	}



/*Main APP Divs*/
.platformApp {
	min-height: 100vh;
	min-width: 100%;
}
    .platformContent {
        padding: 56px 0 0 0;
    }
.editorApp {
}



/*Header*/
.header {
	height: 56px;
	background: rgba(15,15,15,1);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	width: calc(100% - 50px);
	padding: 0 25px;
	z-index: 100;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
}
	.headerLeft {
		float: left;
		height: 56px;
	}
		.headerLeft li {
			float: left;
		}
	.headerRight {
		float: right;
		height: 56px;
	}




/*HeaderLeft -> Logo*/
.headerLogo {
	padding: 0 25px 0 0;
	position: relative;
	margin-left: -5px;
}
	.headerLogo a {
		display: block;
		padding: 0;
		height: 56px;
		overflow: hidden;
		position: relative;
		color: rgba(255,255,255,1);
	}
		.logoBigAnimated {
			height: 60px;
			display: block;
			position: absolute;
			top: -2px;
			left: 0;
			opacity: 0;
		}
			.headerLogo a:hover .logoBigAnimated {
				opacity: 1;
			}
		.logoBig {
			height: 60px;
			display: block;
			position: relative;
			top: -2px;
			opacity: 1;
		}
			.headerLogo a:hover .logoBig {
				opacity: 0;
			}
		.logoSmall {
			height: 50px;
			display: none;
			position: relative;
			top: 3px;
		}






/*HeaderLeft Main Items*/
.headerMainItem {
	padding: 10px 0 0 0;
}
.editorPage .headerMainLoggedPricing {
	display: none;
}
	.headerMainLoggedPricing {
	}
			.headerMainLoggedPricing a img {
				height: 19px;
				width: 19px;
				float: right;
				overflow: hidden;
				color: rgba(15,15,15,1);
				margin: 3px 0 0 3px;
			}
	.headerMainItem a,
	.headerMainItem div {
		padding: 8px 15px;
		display: block;
		color: rgba(225,225,225,1);
		position: relative;
		cursor: pointer;
	}
    .hmCreate.headerMainDesigns div {
        padding: 0;
    }
		.headerMainItem a:hover,
		.headerMainItem div:hover {
			text-decoration: none;
			color: rgba(255,255,255,1);
		}
		.headerMainItem a strong,
		.headerMainItem div strong {
			font-weight: normal;
			display: inline-block;
			position: relative;
			overflow: hidden;
			padding-bottom: 5px;
		}
			.headerMainItem a strong img {
				position: relative;
				display: inline-block;
				height: 11px;
			}
			.headerMainItem a strong:after,
			.headerMainItem div strong:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(255,255,255,1);
				position: absolute;
				bottom: -3px;
				left: -5px;
			}
				.headerMainItem a:hover strong:after,
				.headerMainItem div:hover strong:after,
				.headerMainT:hover a strong:after {
					width: 100%;
					left: 0;
				}
	.headerMainItem a.active,
	.headerMainItem a:hover.active {
		color: rgba(225,225,225,1);
	}
		.headerMainItem a.active strong:after,
		.headerMainItem a:hover.active strong:after  {
			width: 100%;
			left: 0;
			border-top: 1px solid rgba(225,225,225,1);
		}
	.headerMainMe {
		display: none;
	}
.hmCreate div ul {
	position: absolute;
	display: none;
	top: 46px;
	left: -12px;
	width: 540px;
	background: #FFFFFF;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	padding: 12px;
	/*border-radius: 0 0 6px 6px;*/
}
.hmCreate.hmFeaturesVisit div ul {
	width: 180px;
}
	.hmCreate div:hover ul {
		display: block;
	}
	.hmCreate div ul:before {
		content: '';
		display: block;
		position: absolute;
		left: 37px;
		top: -9px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 13px 13px 13px;
		border-color: transparent transparent #FFF transparent;
	}
	.hmCreate.hmFeaturesVisit div ul:before {
		left: 43px;
	}
	.hmCreate div ul li {
		width: 180px;
		float: left;
	}
		.hmCreate div ul li a {
			color: rgba(0,0,0,0.73);
			padding: 7px 13px 2px 13px;
			height: 25px;
			display: block;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			background: #FFF;
			text-transform: capitalize;
		}
			.hmCreate div ul li a:hover {
				color: rgba(0,140,189,1);
				background: #FFF;
			}
			.hmCreate div ul li a.active,
			.hmCreate div ul li a.active:hover {
				color: rgba(0,0,0,0.91);
				background: #FFF;
			}
			.hmCreate div ul li a span {
				display: block;
				float: left;
				position: relative;
				overflow: hidden;
				padding: 0 0 5px 0;
			}
			    .hmCreate div ul li a span em {
			        opacity: 0.73;
			    }
			.hmCreate div ul li a span:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(0,140,189,1);
				position: absolute;
				bottom: -1px;
				left: 0;
			}
				.hmCreate div ul li a:hover span:after {
					width: 100%;
					left: 0;
				}
			.hmCreate div ul li a.active span:after {
				border-top: 1px solid rgba(0,0,0,0.73);
				width: 100%;
			}
.headerMainT:before {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 13px 13px;
    border-color: transparent transparent #FFFFFF transparent;
    margin: 37px 0 0 37px;
}
.headerMainT div {
    position: fixed;
    width: 100%;
    background: #FFF;
    left: 0;
    top: 56px;
    -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	padding: 0;
	cursor: default;
	display: none;
}
    .headerMainT:hover:before,
    .headerMainT:hover div {
        /*display: block;*/
        display: none;
    }
    .headerMainT ul {
        display: table;
        width: 100%;
	    width: calc(100% - 30px);
	    max-width: 1080px;
	    padding: 50px 0 25px 0;
	    margin: 0 auto;
	    position: relative;
	    left: -10px;
    }
        .headerMainT ul li  {
            display: table-cell;
            max-width: 160px;
            width: 16.66666%;
            width: calc(16.66666% - 20px);
            vertical-align: bottom;
            text-align: center;
            min-height: 50px;
            padding: 0 0 25px 20px;
            float: none;
        }
		    .headerMainT ul li a {
				display: block;
				color: rgba(0,0,0,0.73);
				position: relative;
				padding: 0;
			}
    			.headerMainT ul li a img {
    				width: 100%;
    				display: block;
    				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
    				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
    				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
    				border-radius: 6px;
    			}
                .headerMainT ul li a h3 {
					display: block;
					font-size: 13px;
					text-transform: uppercase;
					line-height: 16px;
					min-height: 36px;
					font-weight: bold;
					padding: 7px 0 0 0;
					letter-spacing: 1px;
					color: rgba(0,0,0,0.91);
				}
				.headerMainT ul li a span {
					display: block;
					background: rgba(0,140,189,0);
					position: absolute;
					width: 100%;
					height: 100%;
					height: calc(100% - 43px);
					top: 0px;
					left: 0px;
					border-radius: 6px;
				}
					.headerMainT ul li a:hover span {
						background: rgba(255,193,7,0.96);
					}
				.headerMainT ul li a span dfn {
					display: block;
					color: rgba(0,0,0,0);
					font-style: normal;
					width: 100%;
					position: absolute;
					left: 0;
					bottom: 10px;
				}
					.headerMainT ul li a:hover span dfn {
						color: rgba(0,0,0,1);
					}
				.headerMainT ul li a:hover,
				.headerMainT ul li a:hover h3 {
					text-decoration: none;
					color: rgba(0,140,189,1);
				}




















/*Home Create - May 2018*/
.homeCreate {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 100%;
	width: calc(100% - 50px);
	height: 100%;
	height: calc(100% - 75px);
	top: 50px;
	left: 25px;
	cursor: default;
}
	.homeCreateInner {
		padding: 50px 25px 0 25px;
	}
		.homeCreate h1,
		.h1Title {
			font-size: 65px;
			line-height: 67px;
			text-transform: none;
			letter-spacing: -1px;
			font-weight: lighter;
			display: block;
			text-align: center;
		}
			.homeCreate h1 strong {
				font-weight: lighter;
			}
			.homeCreate h1 span {
				display: none;
			}
.homeCreateBlockList {
	overflow: hidden;
	padding: 50px 0 37px 0;
	border-top: 1px solid rgba(0,0,0,0.13);
}
.homeCreateBlockList-1 {
	border-top: none;
}
.homeCreateBlockList-3 ul {
	margin-top: -50px;
}
	.homeCreateTitle {
		padding: 0 0 0 0;
	}
		.homeCreateTitle strong {
			text-transform: uppercase;
			display: block;
			padding: 0 0 3px 0;
			border-bottom: 1px solid rgba(0,0,0,0.73);
			display: inline-block;
		}
.homeCreateList {
	width: 100%;
	width: calc(100% + 0);
}
	.homeCreateList li {
		width: 160px;
		width: calc(160px - 12px);
		margin: 12px 12px 0 0;
		padding: 160px 0 0 0;
		position: relative;
	}
		.homeCreateList li a {
			display: block;
			text-align: center;
			width: 100%;
			height: 100%;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			color: rgba(0,0,0,0.73);
			cursor: pointer;
			padding: 0 0 0 0;
		}
			.homeCreateList li a:hover {
				text-decoration: none;
				color: rgba(0,140,189,1);
			}
			.homeCreateList li a img {
				display: block;
				position: absolute;
				max-width: 100%;
				max-height: 100%;
				max-height: calc(100% - 53px);
				bottom: 52px;
				left: 50%;
				transform: translate(-50%, 0);
			    -webkit-transform: translate(-50%, 0);
			    -moz-transform: translate(-50%, 0);
			    -o-transform: translate(-50%, 0);
			    -ms-transform: translate(-50%, 0);
			    -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			}
				.homeCreateList li a:hover img {
					-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.85);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.85);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.85);
				}
				.homeCreateList li.homeCreateListCustom a img,
				.homeCreateList li.homeCreateListCustom a:hover img {
					max-width: 86%;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
				}
			.homeCreateList li a span {
				display: block;
				position: relative;
				top: -5px;
				height: 41px;
			}
				.homeCreateList li a span strong {
					display: inline-block;
					position: relative;
					font-weight: normal;
					padding: 0 0 1px 0;
					margin: 0 0 0 0;
				}
					.homeCreateList li a span strong:after {
						content: '';
						position: absolute;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						display: block;
						height: 3px;
						width: 0%;
						border-top: 1px solid rgba(0,140,189,1);
						bottom: -4px;
						left: 0;
					}
						.homeCreateList li a:hover span strong:after {
							width: 100%;
						}
				.homeCreateList li a span em {
					display: block;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					font-style: normal;
					font-size: 12px;
					opacity: 0;
				}
					.homeCreateList li a:hover span em {
						opacity: 0.85;
					}
				.homeCreateLastSpacer span {
					background: rgba(237,237,237,1);
				}
				.homeCreateScratch {
					padding: 0 0 100px 0;
					text-align: center;
				}



.promoHead {
    min-height: 56px;
    padding-top: 56px;
    margin-bottom: -56px;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
	text-align: center;
	position: relative;
}
    .promoHeadInner {
        padding: 10px 0 10px 0;
        letter-spacing: 0px;
        position: relative;
        display: block;
        color: rgba(0,0,0,1);
        background: rgba(255,193,7,1);
    }
        .promoHeadInner:hover {
            text-decoration: none;
            color: rgba(0,0,0,1);
        }
        .promoHeadInner span {
            padding: 8px 3px 0 0;
            letter-spacing: 2px;
        }
        .promoHeadInner strong {
            display: inline-block;
            background: rgba(255,255,255,0.37);
            color: rgba(0,0,0,0.91);
            font-weight: bold;
            font-size: 15px;
            padding: 8px 25px;
            letter-spacing: 0px;
            border-radius: 20px;
            text-decoration: blink;
    		-webkit-animation-name: blinker5;
    		-webkit-animation-duration: 0.4s;
    		-webkit-animation-iteration-count:infinite;
    		-webkit-animation-timing-function:ease-in-out;
    		-webkit-animation-direction: alternate;
    		animation-name: blinker5;
    		animation-duration: 0.5s;
    		animation-iteration-count:infinite;
    		animation-timing-function:ease-in-out;
    		animation-direction: alternate;
        }
            @-webkit-keyframes blinker5 {
    		  from {background: rgba(255,255,255,0.37);}
    		  to {background: rgba(255,255,255,0.91);}
    		}
    		@keyframes blinker5 {
    		  from {background: rgba(255,255,255,0.37);}
    		  to {background: rgba(255,255,255,0.91);}
    		}
    	    .promoHeadInner:hover strong {
    	        animation: none;
    	        background: rgba(255,255,255,1);
    	    }
	.promoHead .userMenuCloseButton {
		z-index: 75;
		position: absolute;
		top: 66px;
		right: 20px;
		line-height: 9999px;
	}








/*Header Search*/
.headerSearch {
	height: 56px;
	float: left;
	padding: 0 12px 0 0;
}
	.headerSearchOpenButton,
	.headerSearchCloseButton,
	.headerSearchCloseButtonOverlay {
		display: none;
	}
	.searchDesignContainer {
		padding: 10px 0 0 0;
	}
		.searchDesignForm {
			position: relative;
			width: auto;
		}
			input[type=text].searchDesignInput {
				display: block;
				margin: 0;
				vertical-align: middle;
				overflow: hidden;
				padding: 0 19px 0 19px;
				height: 34px;
				/*width: 325px;*/
				width: 165px;
				border: 1px solid rgba(225,225,225,1);
				background: rgba(225,225,225,1);
				color: rgba(0,0,0,0.75);
				border-radius: 20px 0 0 20px;
				margin-right: 50px;
			}
				input[type=text].searchDesignInput:hover {
					border: 1px solid rgba(255,255,255,1);
					background: rgba(255,255,255,1);
					color: rgba(0,0,0,1);
				}
				input[type=text].searchDesignInput:focus {
					box-shadow: 0 0 0 rgba(255,255,255,1);
					border: 1px solid rgba(255,255,255,1);
					background: #FFF;
					color: rgba(0,0,0,1);
				}
			.searchDesignButton {
				position: absolute;
				right: 0;
				top: 0;
				width: 50px;
				height: 36px;
				overflow: hidden;
				line-height: 9999px;
				background: rgba(255,193,7,1);
				cursor: pointer;
				border-radius: 0 20px 20px 0;
				-webkit-transition: all 0.1s ease-in-out;
				-moz-transition: all 0.1s ease-in-out;
				-ms-transition: all 0.1s ease-in-out;
				-o-transition: all 0.1s ease-in-out;
				transition: all 0.1s ease-in-out;
			}
				.searchDesignButton:hover {
					background: rgba(255,163,7,1);
				}
				.searchDesignButton:before {
					content: '';
					display: block;
					position: absolute;
					width: 16px;
					height: 16px;
					border: 1px solid rgba(0,0,0,1);
					border-radius: 10px;
					top: 8px;
					left: 15px;
				}
				.searchDesignButton:after {
					content: '';
					display: block;
					position: absolute;
					width: 6px;
					height: 6px;
					border-top: 1px solid rgba(0,0,0,1);
				    transform: rotate(45deg);
				    -webkit-transform: rotate(45deg);
				    -moz-transform: rotate(45deg);
				    -o-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
					top: 24px;
					left: 28px;
				}









/*Header Search Suggestions*/
.easy-autocomplete {
	width: auto !important;
}
	.easy-autocomplete-container {
		position: absolute;
		left: 0;
		top: 46px;
		width: 100%;
		cursor: default;
	}
		.easy-autocomplete-container ul {
			background: rgba(255,255,255,1);
			/*-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);*/
			-webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.73);
    		-moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.73);
    		box-shadow: 0 5px 10px -5px rgba(0,0,0,0.73);
			padding: 0;
			overflow: auto;
		}
			.easy-autocomplete-container ul li:first-child {
				border-top: none;
			}
			.easy-autocomplete-container ul li {
				padding: 5px 19px;
				display: block;
				position: relative;
				background: rgba(255,255,255,1);
				color: rgba(0,0,0,0.85);
				cursor: pointer;
			}
			.easy-autocomplete-container ul li:last-child {
			    margin: 0 0 13px 0;
			}
				.easy-autocomplete-container ul li:hover,
				.easy-autocomplete-container ul li.selected {
					background: rgba(0,0,0,0.09);
					color: rgba(0,0,0,1);
				}
				    .easy-autocomplete-container ul li div {
				        display: block;
				    }
				        .easy-autocomplete-container ul li dfn {
				            position: absolute;
				            font-style: italic;
				            display: block;
				            right: 19px;
				            top: 5px;
				        }



















/*Header Login*/
.headerLogin {
	padding: 10px 6px 0 0;
	float: left;
}
	.headerLogin a {
		display: block;
		border-radius: 20px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		padding: 8px 19px 0 19px;
		height: 28px;
		color: rgba(255,255,255,1);
		background: rgba(55,55,55,1);
	}
		.headerLogin a:hover {
			text-decoration: none;
			color: rgba(0,0,0,1);
			background: rgba(255,193,7,0.91);
		}





/*Header Register*/
.headerRegister {
	padding: 10px 0 0 0;
	float: left;
}
	.headerRegister a {
		display: block;
		border-radius: 20px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		padding: 8px 19px 0 19px;
		height: 28px;
		color: rgba(0,0,0,1);
		background: rgba(255,193,7,1);
		font-weight: bold;
	}
		.headerRegister a:hover {
			text-decoration: none;
			color: rgba(0,0,0,1);
			background: rgba(255,163,7,1);
		}




/*Header Upgrade*/
.headerUpgrade {
	float: left;
	padding: 10px 5px 0 0;
}
	.headerUpgrade a {
		display: block;
		border-radius: 20px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		padding: 8px 15px 0 15px;
		height: 28px;
		color: rgba(0,0,0,1);
		background: rgba(255,193,7,1);
	}
		.headerUpgrade a:hover {
			text-decoration: none;
			color: rgba(0,0,0,1);
			background: rgba(255,163,7,1);
		}
		.headerUpgrade a strong {
			display: inline-block;
			border-bottom: 1px solid rgba(255,255,255,0);
			font-weight: normal;
		}
			.headerUpgrade a strong span {
				font-style: italic;
				opacity: 0.73;
			}
	.headerUpgrade a.active,
	.headerUpgrade a.active:hover {
		color: rgba(0,0,0,1);
		background: rgba(237,237,237,1);
	}





/*Header User Menu*/
.userMenu {
	padding: 0 0 0 0;
	float: left;
	margin-left: -7px;
}
	.userMenuOpenButton {
		display: block;
		position: relative;
		height: 56px;
		width: 46px;
		overflow: hidden;
		cursor: pointer;
		margin-right: -10px;
	}
		.userMenuOpenButton img {
			width: 36px;
			height: 36px;
			position: absolute;
			left: -2px;
			top: -2px;
			border-radius: 20px;
			border: 2px solid rgba(15,15,15,1);
			background: rgba(225,225,225,1);
			z-index: 110;
			display: none;
		}
		.userMenuOpenButton:before,
		.userMenuOpenButton:after {
			content: '';
			display: block;
			width: 25px;
			height: 5px;
			border-top: 1px solid rgba(137,137,137,1);
			border-bottom: 1px solid rgba(137,137,137,1);
			position: absolute;
			right: 10px;
			z-index: 105;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
		}
		.userMenuOpenButton:before {
			top: 18px;
		}
		.userMenuOpenButton:after {
			top: 30px;
		}
			.userMenuOpenButton:hover:before,
			.userMenuOpenButton:hover:after {
				border-top: 1px solid rgba(237,237,237,1);
				border-bottom: 1px solid rgba(237,237,237,1);
			}
	.userMenuCloseButtonOverlay {
		display: none;
		z-index: 500;
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 500;
		background: rgba(15,15,15,0.73);
	}
	.userMenuContent {
		display: none;
		z-index: 520;
		width: 100%;
		max-width: 300px;
		height: 100%;
		overflow: hidden;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 510;
		background: rgba(255,255,255,1);
	}
		.userMenuCloseButton {
			position: absolute;
			z-index: 515;
			cursor: pointer;
			overflow: hidden;
			right: 13px;
			top: 10px;
			width: 36px;
			height: 36px;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}
			.userMenuCloseButton:hover {
				opacity: 0.5;
			}
	.userMenuOpen:checked ~ .userMenuCloseButtonOverlay,
	.userMenuOpen:checked ~ .userMenuContent {
		display: block;
	}
	.userMenuOpen:checked ~ .userMenuOpenButton {
	}







/*Main Menu -> Profile -> OLD*/
/*
.mainMenuProfile {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 37px 0 0 0;
	text-align: center;
}
	.mainMenuProfile .buttonYellow {
		padding: 13px 20px 11px 20px;
		margin: 0 0 8px 0;
		position: relative;
		top: -13px;
	}
	.freeDataLeft {
		font-size: 12px;
		line-height: 18px;
		margin: -5px 0 0 0;
		height: 59px;
		font-style: italic;
		cursor: default;
	}
		.freeDataLeft p {
			color: rgba(0,0,0,0.91);
		}
			.freeDataLeft p strong {
				font-weight: normal;
				font-size: 16px;
			}
			.freeDataLeft p em {
				font-weight: normal;
				font-size: 12px;
			}
	.mainMenuProfile a.userHeaderProfileButton {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		color: rgba(0,0,0,1);
		display: block;
		padding: 0 25px 19px 25px;
	}
		.mainMenuProfile a.userHeaderProfileButton:hover {
			text-decoration: none;
			color: rgba(0,140,189,1);
		}
		.mainMenuProfile a.userHeaderProfileButton div.avatarImgBlock {
			padding: 10px 0 0 0;
		}
			.mainMenuProfile a.userHeaderProfileButton div.avatarImgBlock img {
				width: 112px;
				height: 112px;
				background: rgba(225,225,225,1);
				border-radius: 56px;
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				overflow: hidden;
			}
		.mainMenuProfile a.userHeaderProfileButton div.avatarNameBlock {
			height: 26px;
			overflow: hidden;
		}
		.mainMenuProfile a.userHeaderProfileButton strong {
			display: inline-block;
			position: relative;
			padding: 5px 0 5px 0;
			overflow: hidden;
			line-height: 18px;
		}
		    .mainMenuProfile a.userHeaderProfileButton strong img {
		        height: 12px;
		    }
			.mainMenuProfile a.userHeaderProfileButton strong:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(0,140,189,1);
				position: absolute;
				bottom: -2px;
				left: -5px;
			}
				.mainMenuProfile a.userHeaderProfileButton:hover strong:after {
					width: 100%;
					left: 0;
				}
		.mainMenuProfile a.userHeaderProfileButton dfn {
			display: block;
			width: 100%;
			text-align: center;
			font-size: 11px;
			text-transform: uppercase;
			font-style: normal;
			color: rgba(0,0,0,0.55);
			margin: 0 0 0 0;
		}
*/


/*Main Menu -> Profile + Upgrade*/
.mainMenuProfile {
	padding: 46px 25px 0 25px;
}
	.mainMenuProfile a {
		display: block;
		position: relative;
		padding: 124px 0 12px 0;
		color: rgba(0,0,0,1);
		text-align: center;
	}
		.mainMenuProfile a:hover {
			color: rgba(0,140,189,1);
			text-decoration: none;
		}
		.mainMenuProfileAvatar {
			position: absolute;
			color: rgb(255,193,7);
			background: rgb(255,193,7);
			width: 112px;
			height: 112px;
			border-radius: 56px;
			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			overflow: hidden;
			position: absolute;
			top: 0;
			left: 50%;
			margin: 0 0 0 -56px;
		}
			.mainMenuProfile a:hover .mainMenuProfileAvatar {
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
			}
		.mainMenuProfile a strong {
			display: block;
		}
		.mainMenuProfile a span {
			display: block;
			line-height: 16px;
			font-size: 11px;
			text-transform: uppercase;
			opacity: 0.5;
		}
			.mainMenuProfile a:hover span {
				opacity: 0.73;
			}
		.mainMenuProfileImgRole {
			position: absolute;
			display: block;
			color: rgb(255,255,255);
			background: none;
			width: 30px;
			height: 30px;
			overflow: hidden;
			position: absolute;
			top: -5px;
			left: 170px;
		}
.mainMenuUpgrade {
	padding: 0 0 19px 0;
	text-align: center;
	margin: -2px 0 0 0;
}
	.mainMenuUpgrade .buttonYellow {
		padding: 13px 25px 11px 25px;
		text-transform: capitalize;
		font-weight: normal;
	}
		.mainMenuUpgrade .buttonYellow.active {
			background: rgba(229,229,229,1);
		}






























/*Main Menu -> Links*/
.mainMenuLink {
	display: block;
	position: relative;
}
	.mainMenuLink:before {
		content: '';
		line-height: 0;
		display: block;
		width: 100%;
		width: calc(100% - 50px);
		height: 1px;
		background: rgba(0,0,0,0.09);
		position: absolute;
		top: 0;
		left: 25px;
	}
	.mainMenuLink a {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		display: block;
		padding: 18px 25px 0 25px;
		height: 38px;
		color: rgba(0,0,0,1);
	}
		.mainMenuLink a:hover {
			text-decoration: none;
			color: rgba(0,140,189,1);
		}
		.mainMenuLink a.active,
		.mainMenuLink a.active:hover {
			color: rgba(0,0,0,0.73);
		}
		.mainMenuLink a strong {
			font-weight: normal;
			display: block;
			float: left;
			overflow: hidden;
			padding-bottom: 5px;
			position: relative;
		}
			.mainMenuLink a strong:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(0,140,189,1);
				position: absolute;
				bottom: -2px;
				left: -5px;
			}
				.mainMenuLink a:hover strong:after {
					width: 100%;
					left: 0;
				}
				.mainMenuLink a.active strong:after,
				.mainMenuLink a.active:hover strong:after {
					width: 100%;
					left: 0;
					border-top: 1px solid rgba(0,0,0,0.73);
				}
			.mainMenuLink a strong span {
				opacity: 0.73;
				font-style: italic;
			}
		.mainMenuLink a img {
			display: block;
			width: 42px;
			background: rgba(255,255,255,1);
			position: absolute;
			right: 22px;
			top: 14px;
		}






/*Main Menu -> Custom Links*/
.mainMenuLink.mainMenuMydesigns:before,
.mainMenuLink.mainMenuLogout:before {
	background: rgba(0,0,0,0.37);
}
.mainMenuLogout a {
	opacity: 0.5;
}





















/*Home Banner*/
/*.designsBg,
.homeBannerBg,
.landingDarkBg,
.fp-preloader-img,
.upgradePopBg,
.popupUpBg {
	background-image: url(../images/bodyBgImagesRepeat2.png);
}*/



.homeBannerBlock {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	min-height: calc(100vh - 56px);
	margin-bottom: -49px;
	position: relative;
	overflow: hidden;
	background-color: rgba(25,25,25,1);
}
	.homeBannerBg {
		position: absolute;
		background-color: rgba(25,25,25,1);
		background-repeat: repeat;
		background-position: 50% 50%;
		filter: blur(2px);
		z-index: 50;
		width: 100%;
		width: calc(100% + 20px);
		height: 100%;
		height: calc(100% + 20px);
		left: -10px;
		top: -10px;
		opacity: 0.1;
		z-index: 50;
	}
		.homeBannerBlock .fixWidth {
			position: relative;
			height: 100%;
			z-index: 55;
			margin: 0;
		}
.homeBannerBlockTop {
	display: block;
	position: relative;
	width: 100%;
	padding: 50px 0 50px 0;
}
	.homeBannerBlockTop h1,
	.homeBannerBlockTop h2,
	.homeBannerBlockTop p,
	.homeBannerBlockTop div {
	}
	.homeBannerDetails {
		display: block;
		width: 100%;
		cursor: default;
		text-align: center;
	}
		.homeBannerDetails h1 {
			font-size: 55px;
			line-height: 60px;
			text-transform: none;
			font-weight: bold;
			display: block;
			letter-spacing: -1px;
			color: rgba(255,255,255,1);
			text-shadow: 0 1px 0 rgba(0,0,0,0.73);
		}
			.homeBannerDetails h1 em {
				font-style: normal;
			}
			.homeBannerDetails h1 strong {
			}
				.homeBannerDetails h1 strong span {
				}
					.homeBannerDetails h1 strong span:after {
						content: '.';
						display: inline;
						-webkit-animation: bleep 0.6s infinite ease-in-out;
 						animation: bleep 0.6s infinite ease-in-out;
					}
						@-webkit-keyframes bleep {
						  0% {
						    opacity: 0;
						  } 50% {
						    opacity: 1;
						  } 100% {
						    opacity: 0;
						  }
						}
						@keyframes bleep {
						  0% {
						    opacity: 0;
						  } 50% {
						    opacity: 1;
						  } 100% {
						    opacity: 0;
						  }
						}
		.homeBannerDetails h2 {
			display: block;
			font-size: 18px;
			line-height: 23px;
			letter-spacing: 0;
			font-weight: normal;
			padding: 15px 0 25px 0;
			position: relative;
			color: rgba(255,255,255,1);
			text-shadow: 0 1px 0 rgba(0,0,0,0.73);
			margin: 0 auto;
		}
		.homeBannerAction {
			padding: 0 0 0 0;
		}
			.homeBannerAction .buttonYellow {
				padding: 15px 35px 14px 35px;
				font-weight: bold;
				text-transform: uppercase;
			}
.homeBannerBlockBottom {
	display: block;
	position: relative;
	width: 100%;
	width: calc(100% + 100px);
	margin: 0 0 0 -50px;
}
	.homeBannerScreen {
		position: relative;
	}
		.homeBannerImageScreen {
			display: block;
			width: 100%;
		}




















/*HOME PAGE MAY 2018 - DARK BLOCK*/
.landingDarkBlock {
	position: relative;
	z-index: 50;
	cursor: default;
	overflow: hidden;
	background: #0F1B27;
	background: radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
	background: -webkit-radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
}
















































/*HOME PAGE NOVEMBER 2018*/
.landingLightBlock {
	background: rgba(237,237,237,1);
	min-height: 200px;
	position: relative;
	z-index: 50;
	cursor: default;
}
    .homePageDark {
        z-index: 60;
        position: relative;
        min-height: 300px;
		background: #0F1B27;
		background: radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
		background: -webkit-radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
    }
    .homePageLight {
        z-index: 60;
        position: relative;
        min-height: 300px;
        background: rgba(237,237,237,1);
    }
.homeScreen0 {
	text-align: center;
}
	.homeScreen0Inner {
		padding: 100px 0 100px 0;
		position: relative;
		width: 100%;
	}
		.homeScreen0 h1 {
			color: rgba(255,255,255,1);
			font-size: 65px;
			line-height: 67px;
			letter-spacing: -1px;
			font-weight: bold;
			text-align: center;
			text-shadow: 0 2px 0 rgba(0,0,0,1);
		}
		.homeScreen0 p {
			text-align: center;
			color: rgba(255,255,255,1);
			font-size: 17px;
			line-height: 24px;
			padding: 25px 0;
		}
			.homeScreen0 p a {
				color: rgba(255,255,255,1);
			}
		.homeScreen0 .buttonYellow,
		.homeScreenLast .buttonYellow,
		.homeScreenUser .buttonYellow,
		.homeScreenUser .buttonGray,
		.templateHeader .buttonYellow,
		.templateHeader .buttonGray {
		    text-transform: none;
			margin: 0 auto;
			padding: 20px 30px 19px 30px;
			font-size: 15px;
			line-height: 20px;
		}
		.homeScreen0 .homeScreen0-login {
			font-style: italic;
			color: rgba(255,255,255,0.55);
			padding: 25px 0 0 0;
		}
			.homeScreen0 .homeScreen0-login em {
				display: inline-block;
				overflow: hidden;
				padding-right: 3px;
				padding-bottom: 2px;
			}
			.homeScreen0 .homeScreen0-login a,
			.landing1block-lastp a {
				color: rgba(255,255,255,0.85);
				display: inline-block;
				position: relative;
				overflow: hidden;
				padding-bottom: 2px;
				font-weight: bold;
			}
				.homeScreen0 .homeScreen0-login a:hover,
				.landing1block-lastp a:hover {
					text-decoration: none;
					color: rgba(255,255,255,1);
				}
				.homeScreen0 .homeScreen0-login a:after,
				.landing1block-lastp a:after {
					content: '';
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					display: block;
					height: 5px;
					width: 0%;
					border-top: 1px solid rgba(255,255,255,1);
					position: absolute;
					bottom: -5px;
					left: -5px;
				}
					.homeScreen0 .homeScreen0-login a:hover:after,
					.landing1block-lastp a:hover:after {
						width: 100%;
						left: 0;
					}
.homeScreenUser {
	min-height: 100vh;
	min-height: calc(100vh - 260px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
	.designsBlock .homeScreenUser {
		min-height: calc(100vh - 600px);
	}
		.designsBlock .homeScreenUser .homeScreenUserInner {
			padding: 75px 0 25px 0;
		}
.homeScreenUser.homeScreenUser-nodesign {
}
	.homeScreenUserInner {
		padding: 56px 0 56px 0;
		position: relative;
		width: 100%;
	}
		.homeScreenUser h1 {
			color: rgba(0,0,0,1);
			font-size: 65px;
			line-height: 67px;
			letter-spacing: -1px;
			font-weight: lighter;
			text-align: center;
			text-shadow: 0 1px 0 rgba(255,255,255,1);
		}
			.homeScreenUser h1 strong {
				font-weight: lighter;
			}
			.homeScreenUser h1 span {
				display: none;
			}
		.homeScreenUser p {
			text-align: center;
			color: rgba(0,0,0,0.91);
			font-size: 17px;
			line-height: 24px;
			padding: 25px 0 0 0;
			margin: 0 auto;
		}
			.homeScreenUserInner-mobile {
				display: none;
			}
			.homeScreenUser p a {
				display: inline-block;
				position: relative;
			}
				.homeScreenUser p a:hover {
					text-decoration: none;
				}
				.homeScreenUser p a:after {
					content: '';
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					display: block;
					height: 5px;
					width: 0%;
					border-top: 1px solid rgba(0,140,189,1);;
					position: absolute;
					bottom: -5px;
					left: 0;
				}
					.homeScreenUser p a:hover:after {
						width: 100%;
						left: 0;
					}
		.homeScreenUserButtons {
			padding: 25px 0 0 0;
		}
			.homeScreenUserButtons .buttonYellow {
				padding: 17px 30px 15px 30px;
			}
				.homeScreenUserButtons .buttonYellow span {
					display: none;
				}
		.homeScreenUserList {
			padding: 0 0 0 0;
		}
			.homeScreenUserList p {
				font-style: italic;
			}
.homeFeatured {
	border-top: 1px dotted rgba(255,255,255,0.37);
	color: rgba(255,255,255,0.73);
	padding: 75px 0 75px 0;
	position: relative;
}
	.homeFeatured span {
		display: block;
		width: 30%;
		position: absolute;
		left: 35%;
		top: 75px;
		text-align: center;
		color: rgba(255,255,255,0.5);
		text-transform: uppercase;
		font-style: normal;
		font-weight: bold;
		letter-spacing: 5px;
	}
	.homeFeatured ol {
		position: relative;
	}
		.homeFeatured ol li  {
			float: left;
			width: 30%;
			text-align: center;
		}
		.homeFeatured ol li:nth-child(2) {
			padding-left: 5%;
			padding-right: 5%;
		}
			.homeFeatured ol li div {
				display: block;
				position: relative;
				padding-top: 125px;
				position: relative;
			}
				.homeFeatured ol li div:after {
					content: '';
					display: block;
					width: 152px;
					height: 120px;
					position: absolute;
					top: -5px;
					left: 50%;
					margin-left: -76px;
				    transform-origin: bottom center;
				    -webkit-transform-origin: bottom center;
				    -moz-transform-origin:  bottom center;
				    -o-transform-origin: bottom center;
				    -ms-transform-origin:  bottom center;
				    transform: scale(0.75);
					-webkit-transform: scale(0.75);
				    -moz-transform:scale(0.75);
				    -o-transform: scale(0.75);
				    -ms-transform: scale(0.75);
				}
					.homeFeatured ol li:nth-child(1) div:after {
						background-position: 20px -300px;
					}
					.homeFeatured ol li:nth-child(2) div:after {
						background-position: -597px -260px;
					}
					.homeFeatured ol li:nth-child(3) div:after {
						background-position: -1180px -300px;
					}
				.homeFeatured ol li div strong {
					font-style: italic;
				}
				.homeFeatured ol li div cite {
					font-style: italic;
				}
.homeTestimonials {
	color: rgba(0,0,0,0.91);
	padding: 100px 0 50px 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.homeTestimonials.homePageTestimonials {
	padding: 100px 0 50px 0;
	border-top: 1px dotted rgba(0,0,0,0.23);
	border-bottom: 1px dotted rgba(0,0,0,0.23);
}
	.homeTestimonials span {
		display: block;
		width: 100%;
		position: absolute;
		top: 67px;
		text-align: center;
		color: rgba(0,0,0,0.91);
		text-transform: none;
		font-style: normal;
		line-height: 18px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 5px;
	}
	.homeTestimonials ul {
		position: relative;
	}
		.homeTestimonials ul li {
			border-radius: 20px;
			text-align: center;
			padding: 133px 0 25px 0;
			position: relative;
		}
		.homeTestimonials li:nth-child(1) {
			width: 33%;
			width: calc(33% - 0);
			float: left;
		}
		.homeTestimonials li:nth-child(2) {
			width: 34%;
			width: calc(34% - 50px);
			margin: 0 25px;
			float: left;
		}
		.homeTestimonials li:nth-child(3) {
			width: 33%;
			width: calc(33% - 0);
			float: left;
		}
			.homeTestimonials ul li strong {
				display: block;
				padding: 0 0 7px 0;
			}
			.homeTestimonials ul li cite {
				display: block;
				font-style: italic;
			}
			.homeTestimonials ul li:after {
				content: '';
				display: block;
				width: 160px;
				height: 160px;
				position: absolute;
				top: -40px;
				left: 50%;
				margin-left: -80px;
				transform: scale(0.75);
				-webkit-transform: scale(0.75);
			    -moz-transform:scale(0.75);
			    -o-transform: scale(0.75);
			    -ms-transform: scale(0.75);
			    transform-origin: bottom center;
			    -webkit-transform-origin: bottom center;
			    -moz-transform-origin:  bottom center;
			    -o-transform-origin: bottom center;
			    -ms-transform-origin:  bottom center;
			    border-radius: 80px;
			    -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			}
				.homeTestimonials ul li:hover:after {
					-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					filter: grayscale(0%);
				}
				.homeTestimonials ul li:nth-child(1):after {
					background-position: -200px -1100px;
				}
				.homeTestimonials ul li:nth-child(2):after {
					background-position: 0 -1100px;
				}
				.homeTestimonials ul li:nth-child(3):after {
					background-position: -400px -1100px;
				}
.indexTestimonials .landing8block {
    color: rgba(0,0,0,1);
    text-align: center;
    padding: 75px 0 75px 0;
    border-bottom: 1px dotted rgba(0,0,0,0.37);
}
    .indexTestimonials .landing8block .landingFeatures {
        color: rgba(0,0,0,1);
    }
        .indexTestimonials .landing8block .landingFeatures li h5 dfn {
            color: rgba(0,0,0,0.73);
        }
	.indexTestimonials .ratingValue {
		color: rgba(0,0,0,0.5);
	}
		.indexTestimonials .ratingValue span {
			color: rgba(0,0,0,1);
		}
		    .indexTestimonials .topRatingStar-80:after,
		    .indexTestimonials .ratingStar-50:after {
		        filter: brightness(75%);
				-webkit-filter: brightness(75%);
		    }
    .indexTestimonials .topRatingValue {
        color: rgba(0,0,0,1);
    }


















.homepageTemplatesSection {
    padding: 0 0 75px 0;
    margin: 0 auto;
}
    .homepageTemplatesSectionBottom {
        height: 62px;
        border-bottom: 1px dotted rgba(255,255,255,0.37);
    }
.homepageTemplates {
    position: relative;
    cursor: default;
    overflow: hidden;
}
    .homepageTemplates-Block {
        width: 50%;
        position: relative;
    }
    .homepageTemplates-BlockLeft {
        float: left;
        text-align: right;
    }
    .homepageTemplates-BlockRight {
        float: right;
        text-align: left;
    }
        .homepageTemplates ul {
            height: 257px;
            position: relative;
            overflow: hidden;
            display: block;
            z-index: 70;
        }
            .homepageTemplates-Block:hover ul {
                z-index: 80;
                overflow: visible;
            }
            .homepageTemplates ul li {
                display: block;
                width: 142px;
                -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
            	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
            	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
            	position: absolute;
            	bottom: 0;
            }
                .homepageTemplates ul li a {
                    display: block;
                    width: 100%;
                    text-align: center;
                }
                    .homepageTemplates ul li a img {
                        display: block;
                        width: 100%;
                        font-size: 12px;
                        line-height: 15px;
                        text-transform: uppercase;
                        color: rgba(255,255,255,1);
                    }
                    .homepageTemplates ul li a div {
                        display: block;
                        background: rgba(255,193,7,0.85);
                        width: 100%;
                        height: 100%;
                        font-size: 12px;
                        line-height: 17px;
                        color: rgba(0,0,0,1);
                        position: absolute;
                        top: 0;
                        left: 0;
                        text-transform: uppercase;
                        opacity: 0;
                    }
                        .homepageTemplates ul li a:hover div {
                            opacity: 1;
                        }
                        .homepageTemplates ul li a div strong {
                            font-weight: normal;
                            display: block;
                            position: absolute;
                            width: 90%;
                            padding: 0 5%;
                            left: 0;
                            bottom: 9px;
                        }
            .homepage-ImageTemplate1 {
                right: -71px;
            }
            .homepage-ImageTemplate2 {
                right: 82px;
            }
            .homepage-ImageTemplate3 {
                right: 235px;
            }
            .homepage-ImageTemplate4 {
                right: 388px;
            }
            .homepage-VideoTemplate1 {
                left: -71px;
            }
            .homepage-VideoTemplate2 {
                left: 82px;
            }
            .homepage-VideoTemplate3 {
                left: 235px;
            }
            .homepage-VideoTemplate4 {
                left: 388px;
            }
        .homepageTemplates-content {
            padding: 41px 25px 0 25px;
            position: relative;
            text-align: center;
            max-width: 480px;
        }
        .homepageTemplates-BlockLeft .homepageTemplates-content {
            float: right;
        }
        .homepageTemplates-BlockRight .homepageTemplates-content {
            float: left;
        }
            .homepageTemplates-content h2 {
                color: rgba(255,255,255,1);
    			font-size: 17px;
    			line-height: 20px;
    			font-weight: bold;
    			display: block;
    			text-shadow: 0 1px 0 rgba(0,0,0,1);
    			text-transform: uppercase;
    			letter-spacing: 5px;
            }
            	.homepageTemplates-content h2 a {
            		color: rgba(255,255,255,1);
            	}
            		.homepageTemplates-content h2 a:hover {
	            		color: rgba(255,255,255,0.5);
	            		text-decoration: none;
	            	}
            .homepageTemplates-content p {
                color: rgba(255,255,255,1);
                padding: 20px 0 0 0;
            }
                .homepageTemplates-Block:hover .homepageTemplates-content h2,
                .homepageTemplates-Block:hover .homepageTemplates-content p {
                    color: rgba(255,255,255,1);
                }
                .homepageTemplates-content p a {
                    color: rgba(255,255,255,0.73);
                    font-style: italic;
                    display: inline-block;
                    position: relative;
                    padding: 3px 0;
                    opacity: 0.5;
                }
                .homepageTemplates-Block:hover .homepageTemplates-content p a {
                    opacity: 1;
                }
                    .homepageTemplates-content p a:hover {
                        color: rgba(255,255,255,1);
                        text-decoration: none;
                    }
                    .homepageTemplates-content p a:after {
                        content: '';
        				-webkit-transition: all 0.2s ease-in-out;
        				-moz-transition: all 0.2s ease-in-out;
        				-ms-transition: all 0.2s ease-in-out;
        				-o-transition: all 0.2s ease-in-out;
        				display: block;
        				height: 5px;
        				width: 0%;
        				border-bottom: 1px solid rgba(255,255,255,1);
        				position: absolute;
        				bottom: 0px;
        				left: 0;
        			}
        			    .homepageTemplates-content p a:hover:after {
        			         width: 100%;
        			    }
.noDsgYetTitle {
	display: block;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: rgba(0,0,0,1);
	line-height: 24px;
}
.homepageFeatures {
	cursor: default;
	color: rgba(255,255,255,1);
	text-align: center;
	padding: 0 0 75px 0;
	border-bottom: 1px dotted rgba(255,255,255,0.37);
}
	.homepageFeatures em {
		display: block;
		font-weight: bold;
		font-style: normal;
		text-transform: uppercase;
		letter-spacing: 5px;
		color: rgba(255,255,255,0.5);
	}
	.homepageFeatures ol {
	}
		.homepageFeatures ol li {
			width: 32%;
			float: left;
			display: block;
			position: relative;
			padding-top: 125px;
		}
			.homepageFeatures ol li:nth-child(2),
			.homepageFeatures ol li:nth-child(5),
			.homepageFeatures ol li:nth-child(8) {
				margin-left: 2%;
				margin-right: 2%;
			}
			.homepageFeatures ol li:nth-child(7) {
				margin-left: 16%;
			}
			.homepageFeatures ol li:nth-child(4),
			.homepageFeatures ol li:nth-child(7) {
				clear: both;
			}
			.homepageFeatures ol li:before {
				content: '';
				display: block;
				width: 100px;
				height: 100px;
				position: absolute;
				left: 50%;
				top: 25px;
				margin: 0 0 0 -50px;
				opacity: 0.73;
			}
				.homepageFeatures ol li:hover:before {
					opacity: 1;
				}
				.homepageFeatures ol li:nth-child(1):before {
					background-position: -100px -1610px;
				}
				.homepageFeatures ol li:nth-child(2):before {
					background-position: -300px -1610px;
				}
				.homepageFeatures ol li:nth-child(3):before {
					background-position: -500px -1610px;
				}
				.homepageFeatures ol li:nth-child(4):before {
					background-position: -700px -1610px;
				}
				.homepageFeatures ol li:nth-child(5):before {
					background-position: -900px -1610px;
				}
				.homepageFeatures ol li:nth-child(6):before {
					background-position: -1100px -1610px;
				}
				.homepageFeatures ol li:nth-child(7):before {
					background-position: -1300px -1610px;
				}
				.homepageFeatures ol li:nth-child(8):before {
					background-position: -1500px -1610px;
				}
			.homepageFeatures ol li h3,
			.homepageFeatures ol li h4 {
				display: block;
				color: rgba(255,255,255,0.85);
    			font-size: 15px;
    			line-height: 20px;
    			font-weight: bold;
    			text-shadow: 0 1px 0 rgba(0,0,0,1);
    			text-transform: none;
    			letter-spacing: 0px;
    			padding: 0 0 2px 0;
    			letter-spacing: 0px;
			}
			.homepageFeatures ol li p {
				font-size: 13px;
				line-height: 20px;
				color: rgba(255,255,255,0.73);
			}
				.homepageFeatures ol li:hover h3,
				.homepageFeatures ol li:hover h4,
				.homepageFeatures ol li:hover p {
					color: rgba(255,255,255,1);
				}
.homepageFeaturesPromo {
	padding: 85px 0 0 0;
	position: relative;
}
	.homepageFeaturesPromo .homepageFeatures {
		color: rgba(0,0,0,1);
		border-bottom: 1px dotted rgba(0,0,0,0.37);
	}
	.homepageFeaturesPromo .homepageFeatures em {
		color: rgba(0,0,0,0.85);
	}
		.homepageFeaturesPromo .homepageFeatures ol li:before {
			-webkit-filter: invert(1);
			filter: invert(1);
			opacity: 1;
		}
		.homepageFeaturesPromo .homepageFeatures ol li h3,
		.homepageFeaturesPromo .homepageFeatures ol li h4 {
			text-shadow: 0 1px 0 rgba(255,255,255,1);
			color: rgba(0,0,0,0.85);
		}
		.homepageFeaturesPromo .homepageFeatures ol li p {
			color: rgba(0,0,0,0.85);
		}



.homepageLongBgBlock {
	width: 100%;
	padding: 155px 0 115px 0;
	cursor: default;
}
	.homepageLongBg {
		background-position: 50% 0;
		background-repeat: repeat;
		height: 240px;
		position: relative;
		background-image:url(../images/homepageLongBackground.png);
	}
			.homepageLongBg strong {
				font-size: 65px;
				display: block;
				text-shadow: 0 2px 0 rgba(0,0,0,1);
				line-height: 65px;
				color: rgba(255,255,255,1);
				width: 100%;
				position: absolute;
				left: 0;
				top: -80px;
				text-align: center;
				letter-spacing: -1px;
			}
			.homepageLongBg span {
				display: block;
				text-shadow: 0 1px 0 rgba(0,0,0,1);
				color: rgba(255,255,255,1);
				width: 100%;
				position: absolute;
				left: 0;
				top: 260px;
				text-align: center;
				letter-spacing: 10px;
				text-transform: uppercase;
				font-weight: bold;
			}
			.homepageLongBg.homepageLongBgPricing strong {
				color: rgba(0,0,0,1);
				text-shadow: 0 2px 0 rgba(255,255,255,1);
			}
			.homepageLongBg.homepageLongBgPricing span {
				color: rgba(0,0,0,1);
				text-shadow: 0 1px 0 rgba(255,255,255,1);
			}
.homeScreenLast {
	padding: 75px 0 100px 0;
	cursor: default;
	text-align: center;
}
	.homeScreenLast h1,
	.homeScreenLast h2 {
		color: rgba(0,0,0,1);
		font-size: 65px;
		line-height: 67px;
		letter-spacing: -1px;
		font-weight: bold;
		text-align: center;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
	}
	.homeScreenLast p {
		display: block;
		padding: 20px 0;
		font-size: 17px;
		line-height: 24px;

	}
		.homeScreenLast p a {
			color: rgba(0,140,189,1);
			display: inline;
			position: relative;
			overflow: hidden;
			padding-bottom: 2px;
			font-weight: bold;
			font-style: italic;
		}
			.homeScreenLast p a:hover {
				text-decoration: none;
				color: rgba(0,140,189,1);
			}
			.homeScreenLast p a:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(0,140,189,1);
				position: absolute;
				bottom: -5px;
				left: 0;
			}
				.homeScreenLast p a:hover:after {
					width: 100%;
				}
.howToPixteller {
	padding: 75px 0 65px 0;
	overflow: hidden;
	text-align: center;
	cursor: default;
}
	.howToPixteller em {
		color: rgba(0,0,0,0.73);
		font-weight: bold;
		display: block;
		text-align: center;
		font-style: normal;
		letter-spacing: 5px;
		text-transform: uppercase;
	}
	.howToPixteller ul {
		width: 100%;
		width: calc(100% + 12px);
		margin: 0 0 0 -6px;
		padding: 6px 0 0 0;
	}
		.howToPixteller ul li {
			display: block;
			width: 25%;
			width: calc(25% - 12px);
			float: left;
			padding: 6px;
		}
			.howToPixteller ul li a {
				display: block;
				color: rgba(0,0,0,0.73);
			}
				.howToPixteller ul li a:hover {
					color: rgba(0,140,189,1);
					text-decoration: none;
				}
				.howToPixteller ul li a div {
					position: relative;
					overflow: hidden;
				}
					.howToPixteller ul li a div:before {
						content: '';
						display: block;
						width: 100%;
						height: 100%;
						background: rgba(255,193,7,0.85);
						position: absolute;
						left: 0;
						top: 0;
						visibility: hidden;
					}
					.howToPixteller ul li a div:after {
						content: '';
						display: block;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 22px 0 22px 36px;
						border-color: transparent transparent transparent rgba(0,0,0,0.91);
						position: absolute;
						left: 50%;
						top: 50%;
						margin: -22px 0 0 -18px;
						visibility: hidden;
					}
						.howToPixteller ul li a:hover div:before,
						.howToPixteller ul li a:hover div:after {
							visibility: visible
						}
					.howToPixteller ul li a div img {
						display: block;
						width: 100%;
					}
				.howToPixteller ul li a strong {
					padding: 9px 0 0 0;
					font-weight: normal;
					display: block;
				}
	.howToPixteller p {
		display: block;
		padding: 25px 0 0 0;
		clear: both;
	}
		.howToPixteller .buttonYellow {
			background: rgba(0,0,0,0.05);
		}







/*Designs Block*/
.designsBlock,
.gridBlock {
	padding: 0 25px 75px 25px;
	position: relative;
	max-width: 1060px;
	margin: 0 auto;
}





































/*Images-GIF-Videos Filters 2018*/
.designFilterOpen:checked ~ .designFilterCloseButtonOverlay,
.designFilterOpen:checked ~ .designFiltersBlock {
	display: block;
}
.designFilters {
    position: absolute;
    right: 0px;
    top: -2px;
    height: 30px;
}
    .designFiltersBlock {
        display: none;
		z-index: 520;
		width: 100%;
		max-width: 380px;
		height: 100%;
		overflow: hidden;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 510;
		background: rgba(255,255,255,1);
    }
        .designFilterCloseButtonOverlay {
           	display: none;
    		z-index: 500;
    		width: 100%;
    		height: 100%;
    		position: fixed;
    		left: 0;
    		top: 0;
    		z-index: 500;
    		background: rgba(15,15,15,0.73);
        }
        .designFilterCloseButton {
        	position: absolute;
        	z-index: 515;
        	cursor: pointer;
        	overflow: hidden;
        	right: 15px;
        	top: 10px;
        	width: 36px;
        	height: 36px;
        	display: block;
        }
        	.designFilterCloseButton:hover {
        		opacity: 0.5;
        	}

.designFilterOpenButton {
    display: block;
    cursor: pointer;
    color: rgba(0,0,0,0.91);
    height: 25px;
    padding: 5px 15px 0 13px;
    white-space: nowrap;
    position: relative;
}
	.designFilterOpenButton:before {
		content: '';
		display: block;
		width: 100%;
		width: calc(100% - 0px);
		height: 100%;
		height: calc(100% + 6px);
		background: rgba(0,0,0,0.1);
		position: absolute;
		top: -3px;
		left: 0px;
		border-radius: 20px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
		.designFilterOpenButton:hover:before {
			background: rgba(255,192,6,1);
		}

    .designFilterOpenButton:hover {
        color: rgba(0,0,0,1);
    }
        .designFilterOpenButton strong {
            font-weight: bold;
            padding-bottom: 5px;
            display: block;
            position: relative;
            float: left;
        }
			.designFilterOpenButton strong:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(0,140,189,1);
				position: absolute;
				bottom: -1px;
				left: 0;
			}
				/*.designFilterOpenButton:hover strong:after {
					width: 100%;
					left: 0;
				}*/
    .designFilterOpenButton ul {
        position: relative;
        float: left;
        width: 18px;
        height: 9px;
        border-top: 1px solid rgba(0,0,0,0.73);
        border-bottom: 1px solid rgba(0,0,0,0.73);
        left: 0;
        top: 4px;
        line-height: 1px;
        font-size: 1px;
        margin: 0 6px 0 0;
    }
        .designFilterOpenButton:hover ul {
            border-top: 1px solid rgba(23,23,23,1);
            border-bottom: 1px solid rgba(23,23,23,1);
        }
        .designFilterOpenButton ul li {
            display: block;
            position: absolute;
        }
        .designFilterOpenButton ul li:nth-child(1) {
            width: 18px;
            height: 5px;
            border-top: 1px solid rgba(0,0,0,0.73);
            left: 0;
            top: 4px;
        }
            .designFilterOpenButton:hover ul li:nth-child(1) {
                border-top: 1px solid rgba(23,23,23,1);
            }
        .designFilterOpenButton ul li:nth-child(2) {
            width: 1px;
            height: 6px;
            background: rgba(237,237,237,0);
            border-left: 1px solid rgba(73,73,73,1);
            top: -4px;
            left: 13px;
        }
        .designFilterOpenButton ul li:nth-child(3) {
            width: 1px;
            height: 6px;
            background: rgba(237,237,237,0);
            border-left: 1px solid rgba(73,73,73,1);
            top: 7px;
            left: 9px;
        }
        .designFilterOpenButton ul li:nth-child(4) {
            width: 1px;
            height: 5px;
            background: rgba(237,237,237,0);
            border-left: 1px solid rgba(73,73,73,1);
            top: 2px;
            left: 3px;
        }
            .designFilterOpenButton:hover ul li:nth-child(2),
            .designFilterOpenButton:hover ul li:nth-child(3),
            .designFilterOpenButton:hover ul li:nth-child(4) {
                border-left: 1px solid rgba(23,23,23,1);
            }
.filtersBlock {
	padding: 50px 25px 50px 25px;
	position: relative;
}
	.mainFilters {
		border-bottom: 1px solid rgba(125,125,125,1);
		padding: 22px 0;
	}
	.categoriesFilters {
		border-bottom: none;
		padding: 0 0 22px 0;
	}
		.mainFilters h3 {
			font-size: 13px;
			text-transform: uppercase;
			display: block;
			font-weight: bold;
			color: rgba(0,0,0,0.73);
			letter-spacing: 0;
			padding: 0 0 3px 0;
		}
		.mainFilters ul {
		}
			.mainFilters ul li {
				display: block;
				clear: both;
			}
				.mainFilters ul li h5 {
					font-size: 13px;
					text-transform: uppercase;
					display: block;
					font-weight: bold;
					color: rgba(0,0,0,0.73);
					letter-spacing: 0;
					padding: 25px 0 2px 0;
				}
				.mainFilters ul li a {
					display: block;
					color: rgba(0,0,0,0.73);
					padding: 3px 0 0 0;
					height: 23px;
				}
					.mainFilters ul li a:hover {
						color: rgba(0,140,189,1);
						text-decoration: none;
					}
					.mainFilters ul li a strong {
						display: block;
						font-weight: normal;
						float: left;
						padding: 0 0 3px 0;
						position: relative;
					}
						.mainFilters ul li a strong:after {
							content: '';
							-webkit-transition: all 0.2s ease-in-out;
							-moz-transition: all 0.2s ease-in-out;
							-ms-transition: all 0.2s ease-in-out;
							-o-transition: all 0.2s ease-in-out;
							display: block;
							height: 5px;
							width: 0%;
							border-top: 1px solid rgba(0,140,189,1);
							position: absolute;
							bottom: -3px;
							left: 0;
						}
							.mainFilters ul li a:hover strong:after {
								width: 100%;
								left: 0;
							}
					.mainFilters ul li a em {
						display: block;
						font-style: italic;
						float: left;
						margin: 0 0 0 5px;
						opacity: 0.85;
					}
				.mainFilters ul li a.active,
				.mainFilters ul li a.active:hover {
					color: rgba(0,0,0,1);
				}
					.mainFilters ul li a.active strong:after,
					.mainFilters ul li a.active:hover strong:after {
						border-top: 1px solid rgba(0,0,0,0.73);
						width: 100%;
					}
.mainFilters ul .colorFiltersItem {
	width: 25%;
	width: calc(25% - 3px);
	padding: 3px 3px 0 0;
	height: 33px;
	float: left;
	clear: none;
}
	.mainFilters ul .colorFiltersItem a {
		padding: 0;
	}
		.mainFilters ul li a dfn {
			display: block;
			position: relative;
			float: left;
			overflow: hidden;
			margin: 0;
			height: 33px;
			width: 100%;
			border-radius: 4px;
			line-height: 9999;
		}
			.mainFilters ul li a dfn:after {
				content: '';
				display: block;
				width: 100%;
				width: calc(100% - 4px);
				height: 100%;
				height: calc(100% - 4px);
				position: absolute;
				border-radius: 4px;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				border-top: 1px solid rgba(0,0,0,0.37);
				border-left: 1px solid rgba(0,0,0,0.23);
				border-right: 1px solid rgba(0,0,0,0.23);
				border-bottom: 1px solid rgba(0,0,0,0.09);
				top: 1px;
				left: 1px;
			}
				.mainFilters ul li a:hover dfn:after {
					border: 1px solid rgba(0,140,189,1);
				}
			.mainFilters ul li a.active dfn:after,
			.mainFilters ul li a.active:hover dfn:after {
				border: 2px solid rgba(0,0,0,0.73);
				width: calc(100% - 6px);
				height: calc(100% - 6px);
			}











/*Explore Navigation*/
.exploreNav {
	display: block;
	margin: -3px 70px 0 0;
	height: 26px;
}
	.exploreNav li {
		float: left;
		display: block;
		height: 26px;
	}
		.exploreNav li:before {
			content: '/';
			display: block;
			float: left;
			padding: 3px 9px 0 9px;
			color: rgba(0,0,0,0.23);
		}
		.exploreNav li:first-child:before {
			display: none;
		}
		.exploreNav li a {
			display: block;
			float: left;
			padding: 3px 0 0 0;
			height: 23px;
			position: relative;
			color: rgba(0,0,0,0.73);
		}
			.exploreNav li a:hover {
				color: rgba(0,140,189,1);
			}
			.exploreNav li a span {
				display: block;
				float: left;
				height: 23px;
				position: relative;
			}
				.exploreNav li a span:after {
					content: '';
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					display: block;
					height: 5px;
					width: 0%;
					border-top: 1px solid rgba(0,140,189,1);
					position: absolute;
					bottom: -3px;
					left: 0;
				}
					.exploreNav li a:hover span:after {
						width: 100%;
						left: 0;
					}
		.exploreNav li strong {
			display: block;
			float: left;
			padding: 3px 0 0 0;
			height: 23px;
			position: relative;
			color: rgba(0,0,0,1);
		}
			.exploreNav li strong:after {
				content: '';
				display: block;
				height: 5px;
				width: 100%;
				border-top: 1px solid rgba(0,0,0,0.73);
				position: absolute;
				bottom: -3px;
				left: 0;
			}
		.exploreNav li a strong {
			padding: 0;
		}
		.exploreNav li em {
			display: block;
			float: left;
			padding: 3px 0 0 5px;
			height: 23px;
			position: relative;
			opacity: 0.5;
		}




















/*Static Width*/
.fixWidth {
	width: 100%;
	width: calc(100% - 50px);
	max-width: 1060px;
	padding: 0;
	margin: 0 auto;
}























/*NewFooter*/
.footerLink {
	display: inline-block;
	position: relative;
	color: rgba(0,0,0,0.64);
}
	.footerLink:hover {
		color: rgba(0,140,189,1);
		text-decoration: none;
	}
	.footerLink:after {
		content: '';
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		display: block;
		height: 5px;
		width: 0%;
		border-bottom: 1px solid rgba(0,140,189,1);
		position: absolute;
		bottom: -1px;
		left: 0;
	}
		.footerLink:hover:after {
			width: 100%;
		}
.footerLink.active,
.footerLink.active:hover {
	color: rgba(0,0,0,0.91);
}
	.footerLink.active:after,
	.footerLink.active:hover:after {
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,0.5);
	}
.footerContent {
	min-height: 200px;
	background: rgba(237,237,237,1);
	padding: 2px 0 2px 0;
	cursor: default;
	position: relative;
}
	.footerBlock {
		border-top: 1px solid rgba(137,137,137,1);
		border-bottom: 1px dotted rgba(137,137,137,1);
		padding: 47px 0;
		position: relative;
	}
		.footerList {
			width: 25%;
			float: left;
			display: block;
			max-width: 170px;
		}
			.footerList li {
				display: block;
				padding: 3px 0 3px 0;
			}
				.footerList li h3,
				.footerList li h4 {
					color: rgba(0,0,0,0.91);
					font-size: 15px;
					line-height: 20px;
					text-transform: uppercase;
				}
		.footerListCreate {
			width: 50%;
			max-width: 380px;
		}
			.footerListCreate li:first-child {
				width: 100%;
			}
			.footerListCreate li {
				width: 50%;
				float: left;
			}
.footerBottomContent {
	text-align: center;
	padding: 25px 20px 55px 20px;
	background: rgba(237,237,237,1);
	color: rgba(0,0,0,0.55);
	cursor: default;
}
	.footerBottomContent span {
		display: inline-block;
		color: rgba(0,0,0,0.55);
	}
.capterraBadge {
	padding: 0 0 0 0;
	display: block;
	margin: 0 auto;
	position: absolute;
	right: -3px;
	top: 50px;
}
	.capterraBadge a {
		display: block;
	}
.mainMenuFooterSocialList {
	padding: 0 0 0 0;
	display: block;
	margin: 0 auto;
	position: absolute;
	right: -3px;
	top: 50px;
}
	.mainMenuFooterSocialList li {
		padding: 0 3px 0 3px;
		float: left;
	}
		.mainMenuFooterSocialList li a {
			display: block;
			position: relative;
			overflow: hidden;
			line-height: 9999px;
			border-radius: 30px;
			width: 55px;
			height: 55px;
			background-color: rgba(200,200,200,1);
			opacity: 1;
		}
			.mainMenuFooterSocialList li a:hover {
				opacity: 1;
			}
		.socialFacebook {
			background-position: -5px 0;
		}
		.socialTwitter {
			background-position: -302px -2px;
		}
		.socialYoutube {
			background-position: -601px -2px;
		}






























/*AboutHeader*/
.aboutHeader {
	width: 100%;
}
	.aboutHeader li {
		float: left;
		width: 33.3333%;
		padding-bottom: 33.3333%;
		position: relative;
		overflow: hidden;
	}
		.aboutHeader li img {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}
		.aboutHeader li span {
			font-size: 45px;
			line-height: 47px;
			font-weight: 200;
			display: block;
			color: #FFF;
			position: absolute;
			bottom: 25px;
			left: 0;
			text-align: center;
			padding: 0 25px;
			opacity: 0;
			cursor: default;
		}
			.aboutHeader li:hover span {
				opacity: 1;
			}
.aboutlist {
	width: 50%;
	width: calc(50% - 25px);
}
.aboutlistLeft {
	float: left;
}
.aboutlistRight {
	float: right;
}
	.aboutlist li {
		position: relative;
		border-top: 1px solid rgba(0,0,0,0.37);
		text-align: center;
		padding: 50px 0 37px 0;
	}
		.aboutlist li:first-child {
			border-top: none;
		}
		.aboutlist li h2,
		.aboutlist li h3,
		.aboutlist li h4 {
			text-align: center;
			width: 100%;
			padding: 10px 0 0 0;
		}
		.aboutlist img {
			width: 100%;
			max-width: 185px;
			border-radius: 50%;
			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		}
		.aboutlist li p {
			text-align: left;
		}






/*Static content*/
.staticContent {
	padding: 25px 0 75px 0;
}
	.staticContent h1 {
		font-size: 65px;
		line-height: 67px;
		text-transform: none;
		letter-spacing: -1px;
		font-weight: lighter;
		display: block;
	}
	.staticContent h2,
	.staticContent h3,
	.staticContent h4 {
		font-size: 35px;
		line-height: 40px;
		text-transform: none;
		font-weight: normal;
		display: inline-block;
		letter-spacing: 0;
		position: relative;
	}
	.staticContent p {
		padding: 25px 0 10px 0;
	}





























/*CREATE LANDING*/
.createWhat {
	padding: 55px 0 0 0;
}
	.createWhat ul,
	.toolWhat ul {
	}
		.createWhat ul li {
			width: 32%;
			float: left;
			padding-top: 32%;
			display: block;
			position: relative;
			margin-top: 2%;
		}
		.createWhat ul li:nth-child(3n+2) {
			margin-left: 2%;
			margin-right: 2%;
		}
			.createWhat ul li a,
			.toolWhat ul li a {
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
				color: rgba(0,0,0,1);
				text-align: center;
				text-transform: capitalize;
				line-height: 9999;
			}
				.createWhat ul li a:hover,
				.toolWhat ul li a:hover {
					-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					text-decoration: none;
				}
				.createWhat ul li a img,
				.toolWhat ul li a img {
					width: 100%;
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					-webkit-transition: all 0.4s ease-in;
					-moz-transition: all 0.4s ease-in;
					-ms-transition: all 0.4s ease-in;
					-o-transition: all 0.4s ease-in;
					transition: all 0.4s ease-in;
				}
					.createWhat ul li a:hover img,
					.toolWhat ul li a:hover img {
						width: 100%;
						width: calc(100% + 100px);
						top: -50px;
						left: -50px;
					}
.toolWhat {
	padding: 0 0 0 0 !important;
}
	.toolWhat ul li {
		width: 49%;
		float: left;
		padding-top: 49%;
		display: block;
		position: relative;
		margin-top: 2%;
	}
	.toolWhat ul li:nth-child(2n+1) {
		margin-right: 1%;
	}
	.toolWhat ul li:nth-child(2n) {
		margin-left: 1%;
	}









/*LANDING COMMON ELEMENTS*/
.h1Landing {
	font-size: 65px;
	line-height: 67px;
	text-transform: none;
	letter-spacing: -1px;
	font-weight: lighter;
	display: block;
}
	.h1LandingWhite {
		color: rgba(255,255,255,1);
		text-shadow: 0 2px 0 rgba(0,0,0,1);
		font-weight: bold;
	}
	.h1LandingBlack {
		color: rgba(0,0,0,1);
		text-shadow: 0 2px 0 rgba(255,255,255,1);
		font-weight: bold;
	}
.h2Landing {
	font-size: 45px;
	line-height: 47px;
	text-transform: none;
	letter-spacing: 0px;
	font-weight: lighter;
	display: block;
}
	.h2LandingWhite {
		color: rgba(255,255,255,1);
		text-shadow: 0 1px 0 rgba(0,0,0,1);
		font-weight: bold;
	}
	.h2LandingBlack {
		color: rgba(0,0,0,1);
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		font-weight: bold;
	}
.buttonYellow.buttonYellowLanding {
	text-transform: none;
	font-size: 15px;
	padding: 20px 30px 19px 30px;
}
.buttonYellow.buttonYellowLanding2 {
	text-transform: none;
	font-size: 15px;
	padding: 20px 0 19px 0;
	min-width: 250px;
}












/*LANDING SECTION 0*/
/*LANDING PAGES NAVIGATION*/
/*LANDING SECTION 1*/
/*H1 TITLE + PARAGRAPH + EXAMPLES or VIDEO*/
.landing1section {
	position: relative;
	padding: 100px 0 100px 0;
	text-align: left;
	background: #0F1B27;
	background: radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
	background: -webkit-radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
	text-align: center;
}
	.landing1sectionBg {
		position: absolute;
		background-position: 50% 50%;
		width: 100%;
		height: 100%;
		z-index: 1;
		top: 0;
		left: 0;
	}
	.landing1block {
		position: relative;
		z-index: 70;
	}
		.landing1block p {
			color: rgba(255,255,255,1);
			margin: 0 auto;
			padding: 25px 0 0 0;
			font-size: 17px;
			line-height: 24px;
		}
			.landing1block p a {
				text-decoration: underline;
				color: rgba(255,255,255,1);
			}
			.landing1block p a:hover {
				text-decoration: none;
				color: rgba(255,255,255,0.5);
			}
.landing1section .exploreNav {
	z-index: 70;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	float: none;
	top: -78px;
}
	.landing1section .exploreNav li:before {
		color: rgba(255,255,255,0.33);
	}
		.landing1section .exploreNav li a {
		display: block;
		float: left;
		padding: 3px 0 0 0;
		height: 23px;
		position: relative;
		color: rgba(255,255,255,0.73);
	}
		.landing1section .exploreNav li a:hover {
			color: rgba(255,255,255,1);
		}
		.landing1section .exploreNav li a span:after {
			border-top: 1px solid rgba(255,255,255,1);
		}

	.landing1section .exploreNav li strong {
		color: rgba(255,255,255,1);
		text-transform: capitalize;
	}
		.landing1section .exploreNav li strong:after {
			border-top: 1px dotted rgba(255,255,255,0.73);
		}











/*LANDING SECTION 2*/
/*PARAGRAPHS + H2 + EXAMPLES + PARAGRAPHS*/
.landing2section {
	padding: 100px 0 100px 0;
	position: relative;
}
	.landing2block {
		margin: 0 auto;
		overflow: hidden;
	}
		.landing2block p {
			padding: 25px 0 0 0;
			font-size: 17px;
			line-height: 24px;
		}
.landing2section {
	overflow: hidden;
}
.landing2examples {
}
	.landingExamplesList {
		display: table;
		position: relative;
		left: -10px;
		margin: 0;
		width: 100%;
		width: calc(100% + 20px);
	}
		.landingExamplesList li {
			display: table-cell;
			padding: 0 10px;
			vertical-align: bottom;
			text-align: center;
		}
			.landingExamplesList li a {
				display: block;
			}
				.landingExamplesList li img {
					width: 100%;
					display: block;
				}
	.landingExamples5X li {
		width: 20%;
		width: calc(20% - 20px);
	}
	.landingExamples4X li {
		width: 25%;
		width: calc(25% - 20px);
	}
	.landingExamples3X li {
		width: 33.3333%;
		width: calc(33.3333% - 20px);
	}
	.landingExamples3X li {
		width: 33.3333%;
		width: calc(33.3333% - 20px);
	}
	.landingExamples3X li {
		width: 33.3333%;
		width: calc(33.3333% - 20px);
	}
	.landingExamples2X li {
		width: 50%;
		width: calc(50% - 20px);
	}
	.landingExamples1X li {
		width: 100%;
	}




/*LANDING SECTION 3*/
/*HOW TO DESIGN + HOW TO ANIMATE*/
.landing3section {
	margin: 0 0 0 0;
	padding: 100px 0 100px 0;
	position: relative;
	background: rgba(255,255,255,1);
	overflow: hidden;
}
	.landing3block {
		position: relative;
		z-index: 70;
	}
	    .landing3block-img {
	        display: block;
	        position: absolute;
	        width: 100%;
	        top: 50%;
	        left: 68%;
	        -webkit-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			transform: translate(0,-50%);
	    }
	    .landing3block-howto {
	        width: 64%;
	    }
    		.landing3block ol {
    		}
    			.landing3block ol li {
    				padding: 37px 0 0 0;
    				position: relative;
    			}
    				.landing3block ol li h4 {
    					text-transform: none;
    					letter-spacing: 0px;
    					font-weight: bold;
    					display: block;
    					position: relative;
    					font-size: 33px;
						line-height: 35px;
    				}
    					.landing3block ol li h4:before {
    					}
    					.landing3block ol li:nth-child(1) h4:before {
    					    content: '1. ';
    					}
    					.landing3block ol li:nth-child(2) h4:before {
    					    content: '2. ';
    					}
    					.landing3block ol li:nth-child(3) h4:before {
    					    content: '3. ';
    					}
    					.landing3block ol li:nth-child(4) h4:before {
    					    content: '4. ';
    					}
    					.landing3block ol li:nth-child(5) h4:before {
    					    content: '5. ';
    					}
    				.landing3block ol li p {
    					padding: 12px 0 0 0;
    					font-size: 17px;
    					line-height: 24px;
    				}
    					.landing3block ol li p .yellowBgButtonStyle {
    						background: #FFC107;
    						padding: 1px 7px;
    						margin: 0 1px;
    						white-space: nowrap;
    						border-radius: 13px;
    						font-weight: normal;
    					}
    					.landing3block ol li p .landing3blockNote {
    						color: #D21117;
    						font-weight: bold;
    						margin: 0 1px;
    						border-radius: 13px;
    					}















/*LANDING SECTION 4*/
/*FEATURES LIST*/
.landing4section {
	margin: 0 0 0 0;
	padding: 100px 0 100px 0;
	position: relative;
	background: rgba(255,255,255,1);
}
	.landing4block {
		position: relative;
		z-index: 70;
		text-align: center;
	}
.landingFeatures {
}
	.landingFeatures li {
		width: 32%;
		padding-top: 32%;
		margin-top: 50px;
		float: left;
		position: relative;
	}
	.landingFeatures li:nth-child(2) {
		margin-left: 2%;
		margin-right: 2%;
		float: left;
	}
	.landingFeatures li:nth-child(4) {
		clear: both;
		margin-left: 17%;
		margin-right: 2%;
	}
		.landingFeatures li img {
			display: block;
			max-width: 94%;
			border-radius: 50%;
			position: absolute;
			top: 4%;
			left: 3%;
		}
		.landingFeatures li h4 {
			font-size: 17px;
			line-height: 24px;
			padding: 12px 0 7px 0;
		}
		.landingFeatures li p {
			font-size: 13px;
			line-height: 20px;
		}












/*LANDING SECTION 7*/
/*FREQUENTLY ASKED QUESTIONS*/
.landing7section {
	padding: 100px 0 100px 0;
	overflow: hidden;
	background: rgba(255,255,255,1);
}
	.landing7block {
	}
.landingFaq {
	width: 50%;
	width: calc(50% - 25px);
}
.landingFaqLeft {
	float: left;
}
.landingFaqRight {
	float: right;
}
	.landingFaq li {
		padding: 50px 0 0 0;
	}
		.landingFaq li h3 {
			font-size: 33px;
			line-height: 35px;
			font-weight: bold;
		}
		.landingFaq li p {
			padding: 12px 0 0 0;
			font-size: 15px;
			line-height: 20px;
		}




















/*LANDING SECTION 8*/
/*USER REVIEWS + RATING*/
.landing8block {
	position: relative;
	z-index: 80;
}
	.landing8block .landingFeatures {
		color: rgba(255,255,255,1);
	}
			.landing8block .landingFeatures li {
				width: 32%;
				padding-top: 200px;
			}
				.landing8block .landingFeatures li img {
					max-width: auto;
					width: 200px;
					top: 0;
					left: 50%;
					margin-left: -100px;
				}
				.landing8block .landingFeatures li h5 {
					font-size: 17px;
					line-height: 24px;
					padding: 12px 0 0 0;
					display: block;
					font-weight: bold;
				}
					.landing8block .landingFeatures li h5 span {
						display: block;
					}
					.landing8block .landingFeatures li h5 dfn {
						display: block;
						font-size: 13px;
						font-style: italic;
						letter-spacing: 2px;
						font-weight: normal;
						margin: -2px 0 0 0;
						color: rgba(255,255,255,0.73);
					}
				.landing8block .landingFeatures li p,
				.landing8block .landingFeatures li blockquote {
					font-size: 15px;
					line-height: 22px;
					padding: 12px 0 0 0;
					font-style: italic;
				}
	.ratingBlock {
		display: block;
		width: 137px;
		height: 20px;
		margin: 0 auto;
		font-size: 15px;
		line-height: 18px;
		padding-left: 37px;
		padding-top: 0;
	}
		.ratingStars {
			display: block;
			width: 85px;
			height: 20px;
			float: left;
		}
			.ratingStar {
				display: block;
				float: left;
				width: 15px;
				height: 15px;
				background-image: url(../images/star.svg);
				background-repeat: no-repeat;
				background-size: 15px 15px;
				background-position: 0px 0px;
				margin: 2px 1px 1px 1px;
				position: relative;
			}
			.ratingStar-50:after {
				content: '';
				display: block;
				width: 7px;
				height: 15px;
				background-image: url(../images/star.svg);
				background-repeat: no-repeat;
				background-size: 15px 15px;
				background-position: -7px 0px;
				position: absolute;
				top: 0;
				left: 7px;
				filter: brightness(37%);
				-webkit-filter: brightness(37%);
			}
		.ratingValue {
			width: 45px;
			padding-left: 7px;
			float: left;
			text-align: left;
			font-style: italic;
			color: rgba(255,255,255,0.5);
		}
			.ratingValue span {
				color: rgba(255,255,255,1);
			}
	.topRatingBlock {
		width: 200px;
		margin: 0 auto;
		padding: 0 0 12px 0;
	}
		.topRatingBar {
			display: block;
			height: 40px;
		}
			.topRatingStar {
				display: block;
				float: left;
				width: 36px;
				height: 36px;
				background-image: url(../images/star.svg);
				background-repeat: no-repeat;
				background-size: 36px 36px;
				background-position: 0px 0px;
				margin: 1px 2px 1px 2px;
				position: relative;
			}
				.topRatingStar-80:after {
					content: '';
					display: block;
					width: 18px;
					height: 36px;
					background-image: url(../images/star.svg);
					background-repeat: no-repeat;
					background-size: 36px 36px;
					background-position: -18px 0px;
					position: absolute;
					top: 0;
					right: 0;
					filter: brightness(50%);
					-webkit-filter: brightness(50%);
				}
		.topRatingValue {
			color: rgba(255,255,255,1);
			font-style: italic;
			letter-spacing: 3px;
			font-size: 17px;
		}


















/*LANDING SECTION 9*/
/*LANDING FOOTER*/
.landing9section {
	margin: 0 0 0 0;
	padding: 100px 0 100px 0;
	position: relative;
}
	.landing9block {
		position: relative;
		z-index: 70;
		text-align: center;
	}
		.landing9block p {
			font-size: 17px;
			line-height: 24px;
			padding-top: 25px;
		}







/*LANDING SECTION 10*/
.landing10section {
	margin: 0 0 0 0;
	padding: 100px 0 0 0;
	position: relative;
}
	.landing10block {
		position: relative;
		z-index: 70;
		text-align: left;
		padding-bottom: 50px;
		border-bottom: 1px dotted rgba(0,0,0,0.37);
	}
		.landing10block ul {
			width: 100%;
		}
			.landing10block ul li {
				width: 50%;
				width: calc(50% - 13px);
				padding: 0 0 50px 0;
				float: left;
			}
				.landing10block ul li:nth-child(2),
				.landing10block ul li:nth-child(4) {
					float: right;
				}
				.landing10block ul li:nth-child(3) {
					clear: both;
				}
				.landing10block ul li h2 {
					display: block;
					font-size: 22.5px;
					padding: 0 0 12px 0;
					line-height: 25px;
				}
				.landing10block ul li p {
					line-height: 22px;
				}





















/*TEMPLATES CONTENT*/
/*TEMPLATE HEADER*/
/*.templateHeader,
.homePageDark,
.landingDarkBlock {
	border-bottom-left-radius: 45% 50px;
	border-bottom-right-radius: 45% 50px;
}*/
.templateHeader {
	position: relative;
	font-size: 17px;
	line-height: 24px;
	padding: 75px 0 85px 0;
	text-align: center;
	background: #0F1B27;
	background: radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
	background: -webkit-radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
}
	.templateHeader .staticContent {
		margin: 0 auto;
		padding: 0;
		color: rgba(255,255,255,1);
	}
		.templateHeader .staticContent h1 {
			text-shadow: 0 2px 0 rgba(0,0,0,1);
			font-weight: bold;
		}
		.templateHeader .staticContent p {
			padding: 25px 0 0 0;
			margin: 0 auto;
		}
			.templateHeader .staticContent p a {
				color: rgba(255,255,255,1);
				font-style: italic;
			}
			.templateHeader .staticContent p a:hover {
				color: rgba(255,255,255,1);
				text-decoration: underline;
			}
.templateHeaderButtons {
	padding-top: 25px;
}
	.templateHeaderButtons p {
		padding: 25px 0 0 0;
		color: rgba(255,255,255,1);
		text-shadow: 0 1px 0 rgba(0,0,0,0.73);
		font-style: italic;
	}
	    .templateHeaderButtons p em {
	        color: rgba(255,255,255,0.73);
	    }
		.templateHeaderButtons p span {
			color: rgba(255,255,255,0.5);
		}










/*BROWSE TEMPLATES*/
.browseBlock {
	min-height: 50px;
	padding: 0 0 0 0;
}
	.browseTemplates {
		padding: 85px 0 0 0;
	}
		.browseTemplatesTitle {
			display: block;
			padding: 0 0 0 0;
			cursor: pointer;
			letter-spacing: 5px;
			color: rgba(0,0,0,1);
			cursor: default;
			position: relative;
			text-align: center;
			font-size: 15px;
			line-height: 20px;
			text-transform: uppercase;
			position: relative;
		}
			.browseTemplatesTitle:before {
				content: '';
				display: block;
				height: 5px;
				position: absolute;
				top: 9px;
				left: 0;
				width: 100%;
				border-top: 1px dotted rgba(0,0,0,0.37);
			}
			.browseTemplatesTitle a {
				display: inline-block;
				position: relative;
				color: rgba(0,0,0,0.91);
				background: rgba(237,237,237,1);
				z-index: 70;
				padding: 0 12px 0 12px;
			}
				.browseTemplatesTitle a:hover {
					color: rgba(0,140,189,1);
					text-decoration: none;
				}
.browseTemplatesList {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 3px;
}
	.browseTable {
		display: table;
		padding: 25px 0 1px 0;
		margin: 0;
	}
		.browseTable li {
			display: table-cell;
			width: 160px;
			min-width: 160px;
			vertical-align: bottom;
			text-align: center;
			min-height: 50px;
			padding: 0 0 25px 20px;
		}
		.browseTable li:first-child {
			padding-left: 0;
		}
			.browseTable li a {
				display: block;
				color: rgba(0,0,0,0.73);
				position: relative;
			}
				.browseTable li a img {
					width: 100%;
					display: block;
					-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
					border-radius: 6px;
				}
				.browseTable li a h2,
				.browseTable li a h3 {
					display: block;
					font-size: 13px;
					text-transform: uppercase;
					line-height: 16px;
					min-height: 36px;
					font-weight: bold;
					padding: 7px 0 0 0;
					letter-spacing: 1px;
					color: rgba(0,0,0,0.91);
				}
				.browseTable li a span {
					display: block;
					background: rgba(0,140,189,0);
					position: absolute;
					width: 100%;
					height: 100%;
					height: calc(100% - 43px);
					top: 0px;
					left: 0px;
					border-radius: 6px;
				}
					.browseTable li a:hover span {
						background: rgba(255,193,7,0.96);
					}
				.browseTable li a span dfn {
					display: block;
					color: rgba(0,0,0,0);
					font-style: normal;
					width: 100%;
					position: absolute;
					left: 0;
					bottom: 10px;
				}
					.browseTable li a:hover span dfn {
						color: rgba(0,0,0,1);
					}
				.browseTable li a:hover,
				.browseTable li a:hover h2,
				.browseTable li a:hover h3 {
					text-decoration: none;
					color: rgba(0,140,189,1);
				}











/*BROWSE TEMPLATES - ON HEADER*/
.templateHeader .browseTemplates {
	padding: 37px 0 0 0;
}
	.templateHeader .browseTemplatesTitle {
		color: rgba(255,255,255,1);
	}
		.templateHeader .browseTemplatesTitle:before {
			left: 0;
			border-top: 1px dotted rgba(255,255,255,0.19);
		}
.templateHeader .browseTable li a,
.templateHeader .browseTable li a h2,
.templateHeader .browseTable li a h3 {
	color: rgba(255,255,255,0.85);
}
	.templateHeader .browseTable li a:hover,
	.templateHeader .browseTable li a:hover h2,
	.templateHeader .browseTable li a:hover h3 {
		color: rgba(255,255,255,1);
	}
/*RECOMMENDED TEMPLATES - ON HEADER*/
.templateHeader .exploreFeatured {
	padding: 25px 0 0 0;
	margin-bottom: -13px;
}
	.templateHeader .exploreFeatured:after,
	.templateHeader .designGridItem-BottomBlock,
	.templateHeader .designGridItem-DownloadButtons,
	.templateHeader .selectActionButton-Download,
	.templateHeader .designGridItem-Size,
	.templateHeader .designGridItem-Select {
		display: none !important;
	}
	.templateHeader .designsGridItemContentInner {
		padding: 0 0 0 0;
		background: none;
	}
.createNewDesign {
	display: block;
	height: 100%;
	height: calc(100% - 50px);
	width: 25%;
	width: calc(25% - 12px);
	position: absolute;
	left: 6px;
	top: 19px;
	z-index: 80;
}
	.createNewDesign a {
		display: block;
		width: 100%;
		width: calc(100% - 2px);
		height: 100%;
		height: calc(100% + 4px);
		font-size: 15px;
		line-height: 18px;
		min-height: 40px;
		border: 1px dashed rgba(255,255,255,0.91);
		border-radius: 25px;
		position: relative;
		text-align: center;
		color: rgba(255,255,255,0.96);
	}
		.createNewDesign a:hover {
			text-decoration: none;
			border: 1px dashed rgba(255,255,255,0.37);
		}
		.createNewDesign a h2 {
			display: block;
			font-size: 15px;
			line-height: 18px;
			background: rgba(0,140,189,0);
			position: absolute;
			top: 3px;
			left: 3px;
			border-radius: 25px;
			width: 100%;
			width: calc(100% - 6px);
			height: 100%;
			height: calc(100% - 6px);
		}
			.createNewDesign a:hover h2 {
				background: rgba(255,193,7,0.96);
			}
			.createNewDesign a h2 strong {
				display: block;
				position: absolute;
				width: 100%;
				top: 50%;
				left: 0;
				margin: -18px 0 0 0;
				letter-spacing: 2px;
				text-transform: uppercase;
				color: rgba(255,255,255,1);
			}
				.createNewDesign a:hover h2 strong {
					color: rgba(255,255,255,0);
				}
			.createNewDesign a h2 span {
				display: block;
				position: absolute;
				width: 100%;
				top: 50%;
				left: 0;
				margin: -9px 0 0 0;
				font-style: normal;
				color: rgba(0,0,0,0);
			}
				.createNewDesign a:hover h2 span {
					color: rgba(0,0,0,1);
				}







/*Input Custom Block*/
.inputBlock {
    display: block;
    position: relative;
    padding: 0 0 5px 0;
}
	.inputBlock input {
		display: block;
		margin: 0;
		vertical-align: middle;
		overflow: hidden;
		padding: 13px 19px 0 19px;
		height: 40px;
		width: 100%;
		width: calc(100% - 40px);
		border: 1px solid rgba(173,173,173,1);
		background: rgba(250,250,250,1);
		color: rgba(0,0,0,0.50);
		margin-right: 50px;
		border-radius: 6px;
	}
		.inputBlock input:hover {
			border: 1px solid rgba(55,55,55,1);
			background: rgba(255,255,255,1);
			color: rgba(0,0,0,1);
		}
		.inputBlock input:focus,
		.inputBlock input:valid:focus {
			box-shadow: 0 0 0 rgba(255,255,255,1);
			border: 1px solid rgba(15,15,15,1);
			background: #FFF;
			color: rgba(0,0,0,1);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
		}
		.inputBlock input:valid {
			box-shadow: 0 0 0 rgba(255,255,255,1);
			border: 1px solid rgba(155,155,155,1);
			background: #FFF;
			color: rgba(0,0,0,1);
		}
.popupPlatformContent .inputBlock {
}
    .popupPlatformContent .inputBlock input,
    .popupPlatformContent .inputBlock input:focus,
	.popupPlatformContent .inputBlock input:valid:focus {
	    padding-top: 0;
	    text-align: right;
	    padding: 0 14px 0 14px;
        width: calc(100% - 30px);
	}
	.popupPlatformContent .inputBlock label {
	    font-style: italic;
	    text-transform: capitalize;
	    font-size: 15px;
	    top: 11px;
	}
	/*.inputBlock input[type='password'],
	.inputBlock input[type='password']:focus,
	.inputBlock input[type='password']:valid:focus {
		padding-top: 10px;
	}*/
	.inputBlock textarea {
		display: block;
		margin: 0;
		overflow: hidden;
		padding: 23px 19px 12px 19px;
		min-height: 44px;
		width: 100%;
		width: calc(100% - 40px);
		border: 1px solid rgba(155,155,155,1);
		background: rgba(250,250,250,1);
		color: rgba(0,0,0,0.50);
		margin-right: 50px;
		border-radius: 6px;
	}
		.inputBlock textarea:hover {
			border: 1px solid rgba(55,55,55,1);
			background: rgba(255,255,255,1);
			color: rgba(0,0,0,1);
		}
		.inputBlock textarea:focus,
		.inputBlock textarea:valid:focus {
		    padding-top: 22px;
			box-shadow: 0 0 0 rgba(255,255,255,1);
			border: 1px solid rgba(15,15,15,1);
			background: #FFF;
			color: rgba(0,0,0,1);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
		}
		.inputBlock textarea:valid {
		    padding-top: 22px;
			box-shadow: 0 0 0 rgba(255,255,255,1);
			border: 1px solid rgba(155,155,155,1);
			background: #FFF;
			color: rgba(0,0,0,1);
		}
    .inputBlock label {
        pointer-events: none;
        position: absolute;
        left: 20px;
        top: 7px;
        display: block;
        -webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	transition: all 0.2s ease-in-out;
    	color: rgba(0,0,0,0.73);
    	font-size: 11px;
    	text-transform: uppercase;
    }

















/*Submit Button Custom Block*/
.inputButton {
    display: block;
    position: relative;
    padding: 0 0 0 0;
}
    .inputButton input,
    .inputButton button {
		display: block;
		margin: 0;
		vertical-align: middle;
		overflow: hidden;
		padding: 0 0 0 0;
		height: 47px;
		width: 100%;
		width: calc(100%);
		border: none;
		background: rgba(255,193,7,1);
		color: rgba(0,0,0,0.91);
		margin-right: 50px;
		border-radius: 25px;
		cursor: pointer;
		text-align: center;
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
	}
		.inputButton input:hover,
		.inputButton input:focus,
		.inputButton button:hover,
		.inputButton button:focus {
			color: rgba(0,0,0,1);
			border: none;
			background: rgba(255,163,7,1);
			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		}

.inputSelect {
    display: block;
    position: relative;
    padding: 0 0 5px 0;
}
    .inputSelectInner {
        border: 1px solid rgba(155,155,155,1);
        background: rgba(255,2255,255,1);
        border-radius: 6px;
        padding: 5px;
    }
        .inputSelectInner select {
    		display: block;
    		margin: 0;
    		vertical-align: middle;
    		overflow: hidden;
    		padding: 0 0 0 10px;
    		height: 34px;
    		width: 100%;
    		border: none !important;
    		background: rgba(255,255,255,1) !important;
    		color: rgba(0,0,0,0.91);
     		border-radius: 6px;
    		cursor: pointer;
    		text-align: left;
    		font-size: 15px;
    		line-height: 20px;
    	}
    		.inputSelectInner select:hover,
    		.inputSelectInner select:focus {
    			border: none !important;
    			background: rgba(255,255,255,1) !important;
    			color: rgba(0,0,0,1);
    			border: none;
    		}








/*Checkbox Custom Block*/
.inputCheck {
    display: block;
    position: relative;
    padding: 0 0 5px 0;
}
    .newsletterOnButton {
        display: block;
        padding: 7px 0;
        cursor: pointer;
        position: relative;
        padding: 7px 0 7px 20px;
        -webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	transition: all 0.2s ease-in-out;
    }
        .newsletterOnButton:hover {
            color: rgba(0,140,189,1);
        }
        .newsletterOnButton:before {
            content: '';
            display: block;
            width: 13px;
            height: 13px;
            position: absolute;
            left: 0;
            top: 10px;
            border: 1px solid rgba(0,0,0,0.37);
            -webkit-transition: all 0.2s ease-in-out;
        	-moz-transition: all 0.2s ease-in-out;
        	-ms-transition: all 0.2s ease-in-out;
        	-o-transition: all 0.2s ease-in-out;
        	transition: all 0.2s ease-in-out;
        }
            .newsletterOnButton:hover:before {
                border: 1px solid rgba(0,140,189,1);
            }
    .newsletterOffButton {
        display: none;
        padding: 7px 0 7px 20px;
        cursor: pointer;
        position: relative;
        color: rgba(0,0,0,0.91);
        -webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	transition: all 0.2s ease-in-out;
    }
        .newsletterOffButton:hover {
            color: rgba(0,140,189,1);
        }
        .newsletterOffButton:before {
            content: '';
            display: block;
            width: 13px;
            height: 13px;
            position: absolute;
            left: 0;
            top: 10px;
            border: 1px solid rgba(0,0,0,0.37);
            -webkit-transition: all 0.2s ease-in-out;
        	-moz-transition: all 0.2s ease-in-out;
        	-ms-transition: all 0.2s ease-in-out;
        	-o-transition: all 0.2s ease-in-out;
        	transition: all 0.2s ease-in-out;
        }
            .newsletterOffButton:hover:before {
                border: 1px solid rgba(0,140,189,1);
            }
        .newsletterOffButton:after {
            content: '';
            display: block;
            width: 11px;
            height: 11px;
            position: absolute;
            left: 2px;
            top: 12px;
            background: rgba(0,0,0,0.73);
            -webkit-transition: all 0.2s ease-in-out;
        	-moz-transition: all 0.2s ease-in-out;
        	-ms-transition: all 0.2s ease-in-out;
        	-o-transition: all 0.2s ease-in-out;
        	transition: all 0.2s ease-in-out;
        	border-radius: 3px;
        }
            .newsletterOffButton:hover:after {
                background: rgba(0,140,189,1);
            }
    .newsletterOn:checked ~ .newsletterOffButton {
		display: block;
	}
	.newsletterOn:checked ~ .newsletterOnButton {
		display: none;
	}
	.saveInPrivateDefaultUpdate {
		padding: 7px 0 0 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		height: calc(100% - 7px);
		display: block;
		background: rgba(237,237,237,0.37);
		z-index: 50;
		text-align: left;
		color: rgba(0,140,189,0);
	}
		.saveInPrivateDefaultUpdate:hover {
			text-decoration: none;
			background: rgba(237,237,237,1);
			color: rgba(0,140,189,1);
		}
		.saveInPrivateDefaultUpdate img {
			display: inline-block;
			height: 11px;
			position: relative;
			left: -2px;
			margin-right: -1px;
			opacity: 0;
		}
			.saveInPrivateDefaultUpdate:hover img {
				opacity: 1;
			}





/*Upload avatar*/
.inputUpload {
	height: 120px;
	padding: 0 0 12px 0;
	position: relative;
	overflow: hidden;
}
	.inputUpload input {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
		width: 100%;
		height: 120px;
		padding: 0;
		margin: 0;
		cursor: pointer;
		opacity: 0;
	}
	.inputUpload label {
		display: block;
		position: absolute;
		z-index: 40;
		left: 0;
		top: 0;
		width: 100%;
		height: 120px;
		overflow: hidden;
	}
		.inputUpload label span {
			display: block;
			position: absolute;
			left: 0;
			top: 60px;
			padding: 10px 0;
			width: 100%;
			text-align: right;
			border-bottom: 1px solid rgba(155,155,155,1);
			color: rgba(0,140,189,1);
		}
		.inputUpload label div {
			width: 118px;
			height: 118px;
			background: rgba(225,225,225,1);
			border: 1px solid rgba(155,155,155,1);
			border-radius: 60px;
			position: absolute;
			left: 0;
			top: 0;
		}
			.inputUpload label div img {
				width: 110px;
				height: 110px;
				border-radius: 60px;
				position: absolute;
				left: 4px;
				top: 4px;
				background: rgba(225,225,225,1);
			}







/*auth Container*/
.authBlock {
    max-width: 304px;
    padding: 75px 0 0 0;
    margin: 0 auto;
}
    .authLogo {
        max-width: 300px;
        padding: 0 2px;
        display: block;
    }
        .authLogo img {
            width: 100%;
            display: block;
        }
    .authTitle {
        text-align: center;
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 5px;
        position: relative;
     }
         .authTitle:before {
             content: '';
             display: block;
             z-index: 50;
             position: absolute;
             width: 100%;
             height: 10px;
             border-bottom: 1px dotted rgba(0,0,0,0.37);
             left: 0;
         }
        .authTitle strong {
            display: inline-block;
            position: relative;
            background: rgba(237,237,237,1);
            padding: 0 12px;
            z-index: 55;
        }
	.authForm {
		padding-top: 25px;
	}
		.authError {
			padding: 12px 0;
			text-align: center;
			color: #D90000;
		}
		.authTooltip {
			font-size: 12px;
			line-height: 15px;
			padding-bottom: 12px;
			text-align: center;
		}
		.authFacebook {
			display: block;
			position: relative;
			background: rgb(59,89,152);
			text-align: center;
			color: rgba(255,255,255,1);
			padding: 13px 0;
			height: 20px;
			width: 100%;
			border-radius: 25px;
			overflow: hidden;
		}
			.authFacebook:before {
				content: '';
				display: block;
				width: 60px;
				height: 60px;
				position: absolute;
				background-position: 0 0;
				left: -6px;
				top: -9px;
			    transform: scale(0.50, 0.50);
			    -webkit-transform: scale(0.50, 0.50);
			    -moz-transform: scale(0.50, 0.50);
			    -o-transform: scale(0.50, 0.50);
			    -ms-transform: scale(0.50, 0.50);
			}
		.authGoogle {
			display: block;
			position: relative;
			background: rgb(217,75,58);
			text-align: center;
			color: rgba(255,255,255,1);
			padding: 13px 0;
			border-radius: 25px;
			overflow: hidden;
		}
			.authGoogle:before {
				content: '';
				display: block;
				width: 48px;
				height: 60px;
				position: absolute;
				background-position: -157px 0;
				left: 13px;
				top: -7px;
			    transform: scale(0.85, 0.85);
			    -webkit-transform: scale(0.85, 0.85);
			    -moz-transform: scale(0.85, 0.85);
			    -o-transform: scale(0.85, 0.85);
			    -ms-transform: scale(0.85, 0.85);
			}
			.authFacebook:hover,
			.authGoogle:hover {
				text-decoration: none;
			}
	.authLinks {
		padding: 23px 0 0 0;
	}
		.authLinks li {
		    text-align: center;
		}
			.authLinks li a {
				display: block;
				text-align: left;
				padding: 2px 0 0 0;
				color: rgba(0,140,189,1);
			}
				.authLinks li a:hover {
					color: rgba(0,140,189,1);
					text-decoration: none;
				}
				.authLinks li a strong {
					display: table;
					overflow: hidden;
					position: relative;
					font-weight: normal;
					height: 22px;
					margin: 0 auto;
				}
			.authLinks li a strong:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(0,140,189,1);
				position: absolute;
				bottom: -4px;
				left: 0;
			}
				.authLinks li a strong:hover:after {
					width: 100%;
					left: 0;
				}
.g-recaptcha {
	padding: 1px 0 5px 0;
	text-align: center;
	max-width: 304px;
}
.authAgreement {
	font-style: italic;
	font-size: 13px;
	line-height: 16px;
	padding: 6px 0 10px 0;
	color: rgba(0,0,0,0.73);
	text-align: center;
}




/*Main Form*/
.mainForm {
	max-width: 600px;
	margin: 0 auto;
}









/*Settings Menu*/
.settingsMenuBlock {
    margin: 10px 0 35px 0;
	padding: 17px 0 14px 0;
	border-bottom: 1px dotted rgba(0,0,0,0.37);
}
.settingsMenu {
	float: left;
	padding: 0 0 0 0;
	position: relative;
	display: block;
}
	.settingsMenu li {
		float: left;
		padding: 0 0 0 20px;
		position: relative;
	}
	.settingsMenu li:first-child {
		padding: 0 0 0 0;
	}
		.settingsMenu li span {
			color: rgba(0,0,0,0.5);
		}
		.settingsMenu li a {
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			display: block;
			overflow: hidden;
			padding: 0 0 3px 0;
			color: rgba(0,0,0,0.5);
			position: relative;
		}
			.settingsMenu li a:hover {
				text-decoration: none;
				color: rgba(0,140,189,1);
			}
			.settingsMenu li a.active,
			.settingsMenu li a.active:hover {
				color: rgba(0,0,0,0.91);
				font-weight: bold;
			}
			.settingsMenu li a:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(0,140,189,1);
				position: absolute;
				bottom: -3px;
				left: -5px;
			}
				.settingsMenu li a:hover:after {
					width: 100%;
					left: 0;
				}
				.settingsMenu li a.active:after,
				.settingsMenu li a.active:hover:after {
					width: 100%;
					left: 0;
					border-top: 1px solid rgba(0,0,0,0.73);
				}








/*Billing Block*/
.billingBlock {
	text-align: left;
}
	.billingBlock p {
		padding: 0 0 12px 0;
	}
		.billingBlock p img {
			max-width: 100px;
		}
		.billingBlock a {
			font-weight: normal;
		}
		.billingBlock span {
			color: rgba(0,0,0,0.37);
		}
		.billingBlock p label {
			font-weight: normal;
			cursor: pointer;
			text-decoration: none;
			color: rgba(0,140,189,1);
		}
			.billingBlock p label:hover {
				text-decoration: underline;
			}








/*Receipts Block*/
.receiptsList {
	padding: 10px 0 0 0;
}
	.receiptsList li {
		padding: 14px 0;
		line-height: 18px;
		border-top: 1px solid rgba(0,0,0,0.09);
		color: rgba(0,0,0,0.55);
		position: relative;
	}
		.receiptsList li span {
			float: left;
			display: block;
			color: rgba(0,0,0,0.91);
		}
			.receiptItemId {
				float: left;
			}
			.receiptItemLine {
				float: left;
				padding: 0 10px;
			}
			.receiptItemAmount {
				float: left;
			}
		.receiptsList li a {
			display: block;
			position: absolute;
			top: 14px;
			right: 0;
			padding-right: 17px;
		}
			.receiptsList li a:after {
				content: '';
				top: 5px;
				right: 0;
				position: absolute;
				display: block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 9px 7px 0 7px;
				border-color: rgba(0,140,189,1) transparent transparent transparent;
			}











/*Blog List*/
.blogList {
    padding: 25px 0 0 0;
}
    .blogList li {
        width: 32%;
        float: left;
        padding-top: 0;
        padding-bottom: 25px;
    }
        .blogList li dfn {
            font-style: normal;
            font-size: 13px;
            text-transform: uppercase;
            display: block;
            position: absolute;
            top: 12px;
            left: 12px;
            background: #D90000;
            color: #FFF;
            padding: 1px 5px 1px 5px;
        }
        .blogViewPrivate {
            font-style: normal;
            font-size: 13px;
            text-transform: uppercase;
            display: block;
            position: absolute;
            top: 23px;
            left: 50%;
            background: #D90000;
            color: #FFF;
            padding: 1px 5px 1px 5px;
            margin: 0 0 0 -30px;
        }
        .blogList li:nth-child(3n+2) {
            padding-left: 2%;
            padding-right: 2%;
        }
        .blogList li:nth-child(3n+1) {
            clear: both;
        }
        .blogList li a {
            display: block;
            background: #FFF;
            -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
			position: relative;
        }
            .blogList li a:hover {
                text-decoration: none;
                -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
            }
            .blogList li a img {
                display: block;
                width: 100%;
                padding: 0;
                min-height: 50px;
                font-size: 13px;
                text-align: center;
                color: rgba(0,0,0,0.5);
                text-transform: uppercase;
            }
                .blogList li a h2,
                .blogList li a h3,
                .blogList li a h4 {
                    font-size: 17px;
                    line-height: 22px;
                    letter-spacing: 0px;
                    font-weight: bold;
                    padding: 0 0 0 0;
                    margin: 0;
                    color: rgba(0,0,0,0.91);
                    padding: 19px 25px 0 25px;
                    min-height: 105px;
                    overflow: hidden;
                    -webkit-transition: all 0.2s ease-in-out;
                	-moz-transition: all 0.2s ease-in-out;
                	-ms-transition: all 0.2s ease-in-out;
                	-o-transition: all 0.2s ease-in-out;
                	transition: all 0.2s ease-in-out;
                }
                    .blogList li a:hover h2,
                    .blogList li a:hover h3,
                    .blogList li a:hover h4 {
                        color: rgba(0,140,189,1);
                    }
                .blogList li a span {
                    display: block;
                    font-size: 13px;
                    line-height: 20px;
                    padding: 0 0 0 25px;
                    color: rgba(0,0,0,0.5);
                    position: absolute;
                    text-transform: uppercase;
                    bottom: 19px;
                    left: 0;
                    -webkit-transition: all 0.3s ease-in-out;
                	-moz-transition: all 0.3s ease-in-out;
                	-ms-transition: all 0.3s ease-in-out;
                	-o-transition: all 0.3s ease-in-out;
                	transition: all 0.3s ease-in-out;
                	white-space: nowrap;
                }
                    .blogList li a:hover span {
                        left: 100%;
                        margin-left: -135px;
                        color: rgba(0,140,189,1);
                        font-weight: bold;
                    }


/*Related blog*/
.blogRelated {
	padding: 25px 0 0 0;
}
	.blogRelated ul {
	    padding: 12px 0 0 0;
		position: relative;
	}
.noBlogPosts {
	padding: 37px 0 0 0;
	text-align: center;
}
    .noBlogPosts p a {
        font-weight: bold;
    }































/*Navigation*/
.navigation {
	padding: 0 0 25px 0;
	cursor: default;
}
.navigationDesignView {
	padding-bottom: 0;
}
.navigationGrid.navigation {
	padding: 15px 0 15px 0;
}
	.navigationBlock {
		padding: 0 0 15px 0;
		background: rgba(237,237,237,1);
		border-bottom: 1px dotted rgba(0,0,0,0.37);
		position: relative;
	}
		.navigationDesignView .navigationBlock {
			border-bottom: 0;
		}
		.navigationList {
			padding: 0 0 0 0;
			display: block;
		}
			.navigationList li,
			.navigationListAdmin li {
				float: left;
			}
			    .navigationList li:after,
				.navigationListAdmin li:after {
					content: "/";
					display: block;
					float: left;
					color: rgba(0,0,0,0.37);
					padding: 0 3px 3px 3px;
				}
					.navigationList li:last-child:after,
					.navigationListAdmin li:last-child:after {
						display: none;
					}
				.navigationList li a,
				.navigationListAdmin li a {
					display: block;
					float: left;
					overflow: hidden;
					padding-bottom: 3px;
					position: relative;
					color: rgba(0,0,0,0.55);
				}
					.navigationList li a:hover {
						text-decoration: none;
						color: rgba(0,140,189,1);
					}
					.navigationList li a:after {
						content: '';
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						display: block;
						height: 5px;
						width: 0%;
						border-top: 1px solid rgba(0,140,189,1);
						position: absolute;
						bottom: -3px;
						left: 0;
					}
						.navigationList li a:hover:after {
							width: 100%;
							left: 0;
						}
					.navigationList li:last-child a,
					.navigationList li:last-child a:hover {
						color: rgba(0,0,0,0.73);
					}
						.navigationList li:last-child a:hover:after {
							width: 0;
						}
				.navigationList li strong {
					display: block;
					float: left;
					overflow: hidden;
					padding-bottom: 3px;
					position: relative;
					font-size: 15px;
					line-height: 20px;
					letter-spacing: 0;
				}
					.navigationList li strong:after {
						content: '';
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						display: block;
						height: 5px;
						border-top: 1px solid rgba(0,0,0,0.73);
						position: absolute;
						bottom: -3px;
						width: 100%;
						left: 0;
					}
					.navigationList li strong span,
					.navigationList li h1 span {
						font-weight: normal;
					}
				.navigationList li .navResults {
					display: block;
					float: left;
					overflow: hidden;
					margin: 0 0 0 5px;
					position: relative;
					color: rgba(0,0,0,0.91);
					font-style: italic;
					font-weight: bold;
				}
					.navigationList li .navResults:before {
						content: '(';
						margin: 0 -2px 0 0;
						color: rgba(0,0,0,0.55);
					}
					.navigationList li .navResults:after {
						content: ')';
						margin: 0 0 0 -2px;
						color: rgba(0,0,0,0.55);
					}
				.navigationList li a img,
				.navigationList li strong img,
				.navigationList li h1 img {
					height: 12px;
				}
	.navigationListAdmin {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
	}
.designsBlock .navigation {
	padding: 18px 0 0 0;
}















/*Blog Search*/
.blogSearch {
	padding: 0;
	position: absolute;
	width: 32%;
	top: -8px;
	right: 0;
}
	.blogSearch input[type=text] {
		display: block;
		margin: 0;
		vertical-align: middle;
		overflow: hidden;
		padding: 0 49px 0 19px;
		height: 34px;
		width: 100%;
		width: calc(100% - 70px);
		border: 1px solid rgba(155,155,155,1);
		background: rgba(255,255,255,1);
		color: rgba(0,0,0,0.50);
		margin-right: 50px;
		border-radius: 25px;
	}
		.blogSearch input[type=text]:hover {
			border: 1px solid rgba(55,55,55,1);
			background: rgba(255,255,255,1);
			color: rgba(0,0,0,1);
		}
		.blogSearch input[type=text]:focus {
			box-shadow: 0 0 0 rgba(255,255,255,1);
			border: 1px solid rgba(15,15,15,1);
			background: #FFF;
			color: rgba(0,0,0,1);
			}
	.blogSearchButton {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 36px;
		overflow: hidden;
		line-height: 9999px;
		background: rgba(255,193,7,1);
		cursor: pointer;
		border-radius: 0 20px 20px 0;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
		.blogSearchButton:hover {
			background: rgba(255,163,7,1);
		}
		.blogSearchButton:before {
			content: '';
			display: block;
			position: absolute;
			width: 16px;
			height: 16px;
			border: 1px solid rgba(0,0,0,1);
			border-radius: 10px;
			top: 8px;
			left: 15px;
		}
		.blogSearchButton:after {
			content: '';
			display: block;
			position: absolute;
			width: 6px;
			height: 6px;
			border-top: 1px solid rgba(0,0,0,1);
		    transform: rotate(45deg);
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
			top: 24px;
			left: 28px;
		}



















/*Pagination*/
.paginationBlock {
padding: 25px 0 0 0;
height: 56px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
	.pagination {
		height: 56px;
		position: relative;
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		border-radius: 25px;
	}
		.pagination li {
			float: left;
		}
			.pagination li a {
				display: block;
				position: relative;
				padding: 18px 5px 18px 5px;
				background: rgba(225,225,225,1);
				color: rgba(0,0,0,0.91);
				text-align: center;
				min-width: 36px;
				-webkit-transition: all 0.2s ease-in-out;
		    	-moz-transition: all 0.2s ease-in-out;
		    	-ms-transition: all 0.2s ease-in-out;
		    	-o-transition: all 0.2s ease-in-out;
		    	transition: all 0.2s ease-in-out;
			}
			.pagination li.active a,
			.pagination li.active a:hover {
				background: rgba(210,210,210,1);
				font-weight: bold;
			}
			.pagination li:first-child a {
				border-radius: 28px 0 0 28px;
				padding: 18px 5px 18px 18px;
				min-width: 30px;
			}
			.pagination li:last-child a {
				border-radius: 0 28px 28px 0;
				padding: 18px 18px 18px 5px;
				min-width: 30px;
			}
				.pagination li a:hover {
					background: rgba(255,193,7,1);
					text-decoration: none;
				}
	.paginationNextButton,
	.paginationNextInactive {
		position: absolute;
		padding: 18px 20px 18px 20px;
		background: rgba(220,220,220,1);
		color: rgba(0,0,0,0.91);
		text-align: center;
		min-width: 30px;
		-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	transition: all 0.2s ease-in-out;
    	right: 0;
    	top: 25px;
    	border-radius: 28px;
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		font-weight: normal;
	}
		.paginationNextButton:hover {
			background: rgba(255,193,7,1);
			text-decoration: none;
		}
			.paginationNextInactive span em,
			.paginationNextButton span em {
				font-style: normal;
			}
	.paginationBackButton,
	.paginationBackInactive {
		position: absolute;
		padding: 18px 20px 18px 20px;
		background: rgba(220,220,220,1);
		color: rgba(0,0,0,0.91);
		text-align: center;
		min-width: 30px;
		-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	transition: all 0.2s ease-in-out;
    	left: 0;
    	top: 25px;
    	border-radius: 28px;
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		font-weight: normal;
	}
		.paginationBackButton:hover {
			background: rgba(255,193,7,1);
			text-decoration: none;
		}
			.paginationBackInactive span em,
			.paginationBackButton span em {
				font-style: normal;
			}
	.paginationNextInactive,
	.paginationBackInactive {
		opacity: 0.19;
		cursor: default;
	}
	.paginationNextButton,
	.paginationNextInactive,
	.paginationBackButton,
	.paginationBackInactive {
		display: none;
	}




















/*Blog Content*/
.blogContent {
	max-width: 700px;
	padding-bottom: 50px;
	font-size: 17px;
	line-height: 24px;
	margin: 0 auto;
}
	h1.blogTitle {
		text-align: left;
		padding: 25px 0 0 0;
		font-size: 57px;
		line-height: 62px;
	}
	.blogDate {
		padding: 5px 0 25px 0;
		font-style: italic;
		color: #555;
		font-size: 15px;
	}
	.blogContent img {
		margin: 20px auto 5px auto;
		max-width: 100% !important;
		display: block;
	}
	.blogContent iframe {
		height: 400px !important;
		padding: 20px 0 5px 0;
	}
	.blogContent p {
		padding: 20px 0 5px 0;
		/*padding: 25px 0 15px 0;*/
		text-align: justify;
	}
		.blogContent ol li,
		.blogContent ul li {
			text-align: justify;
		}
.blogContent h2,
.blogContent h3 {
	padding-top: 15px;
}
.blogFaqList {
	padding: 0 0 25px 0;
	font-size: 15px;
	line-height: 20px;
}
	.blogFaqList li {
		margin: 12px 0 0 0;
		padding: 12px 25px 12px 25px;
		border-radius: 25px;
	}
        .blogFaqList li:nth-child(7n+1) {
        	background: rgba(225,225,225,1);
        }
        .blogFaqList li:nth-child(7n+2) {
        	background: rgba(215,215,215,1);
        }
        .blogFaqList li:nth-child(7n+3) {
        	background: rgba(230,230,230,1);
        }
        .blogFaqList li:nth-child(7n+4) {
        	background: rgba(220,220,220,1);
        }
        .blogFaqList li:nth-child(7n+5) {
        	background: rgba(228,228,228,1);
        }
        .blogFaqList li:nth-child(7n+6) {
        	background: rgba(225,225,225,1);
        }
		.blogFaqList li p {
			padding: 6px 0;
		}
.blogSimpleList {
	padding: 0 0 25px 0;
}
	.blogSimpleList li {
		padding: 12px 0 0 0;
	}
.blogImgList {
	padding: 25px 0 0 0;
}
	.blogImgList li {
		position: relative;
		width: 32%;
		float: left;
		padding: 0 0 15px 0;
		margin-left: 2%;
	}
	.blogImgList li:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}
		.blogImgList li a {
			display: block;
		}
			.blogImgList li img {
				padding: 0;
				margin: 0;
				display: block;
				width: 100%;
			}
			.blogImgList li a span {
				position: absolute;
				top: 12px;
				left: 12px;
				background: #FFC107;
				min-width: 31px;
				padding: 6px 1px;
				border-radius: 19px;
				text-align: center;
				color: #000;
				font-size: 13px;
				line-height: 20px;
				opacity: 0;
				-webkit-transition: all 0.2s ease-in-out;
            	-moz-transition: all 0.2s ease-in-out;
            	-ms-transition: all 0.2s ease-in-out;
            	-o-transition: all 0.2s ease-in-out;
            	transition: all 0.2s ease-in-out;
			}
                .blogImgList li a:hover span {
                    opacity: 1;
                }
.blogFontsList {
    padding: 25px 0 0 0;
}
    .blogFontsList li {
        padding: 6px 0;
        position: relative;
    }
        .blogFontsList li a {
            display: block;
            min-height: 60px;
            background: #FFC107;
            position: relative;
        }
            .blogFontsList li a img {
                padding: 0;
                margin: 0;
            }
            .blogFontsList li a strong {
                position: absolute;
                top: 12px;
                left: 12px;
                background: #FFC107;
                min-width: 31px;
                padding: 8px 12px;
                border-radius: 19px;
                text-align: center;
                color: #000;
            }
                .blogFontsList li a:hover strong {
                    color: #FFF;
                    background: rgba(0,140,189,1);
                }
.blogPhotoList {
	padding: 25px 0 0 0;
}
	.blogPhotoList li {
		position: relative;
		width: 49%;
		float: left;
		padding: 0 0 15px 0;
		margin-left: 2%;
	}
	.blogPhotoList li:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}
		.blogPhotoList li a {
			display: block;
		}
			.blogPhotoList li img {
				padding: 0;
				margin: 0;
				display: block;
				width: 100%;
			}
			.blogPhotoList li a strong,
			.blogPhotoList li a span {
				position: absolute;
				top: 12px;
				left: 12px;
				background: #FFC107;
				min-width: 31px;
				padding: 6px 12px;
				border-radius: 19px;
				text-align: center;
				color: #000;
				font-size: 15px;
				line-height: 20px;
				opacity: 1;
				-webkit-transition: all 0.2s ease-in-out;
            	-moz-transition: all 0.2s ease-in-out;
            	-ms-transition: all 0.2s ease-in-out;
            	-o-transition: all 0.2s ease-in-out;
            	transition: all 0.2s ease-in-out;
            	font-weight: normal;
			}
                .blogPhotoList li a:hover strong,
                .blogPhotoList li a:hover span {
                    color: #FFF;
                    background: rgba(0,140,189,1);
                }

















/*Comments*/
.commentsBlock {
	padding: 100px 0 0 0;
}
/*OLD COMMENTS STYLE*/
/*
	.commentsBlock h5 {
		display: block;
		font-size: 15px;
		line-height: 20px;
		padding: 0 0 20px 0;
		cursor: default;
	}
		.commentsBlock h5 span {
			background: rgba(15,15,15,1);
			color: rgba(255,255,255,1);
			width: 80px;
			padding: 13px 0;
			text-align: center;
			display: inline-block;
			border-radius: 40px;
			position: relative;
		}
			.commentsBlock h5 span:after {
				content: '';
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 16px 16px 0 0;
				border-color: rgba(15,15,15,1) transparent transparent transparent;
				position: absolute;
				left: 32px;
				top: 45px;
			}
	.noComments {
		background: rgba(220,220,220,1);
		color: rgba(0,0,0,0.73);
		border-radius: 23px;
		padding: 13px 20px 13px 20px;
		text-align: center;
		margin-bottom: 5px;
	}
		.noComments a {
			font-weight: bold;
		}
	.commentsList {
	}
		.commentsList ol {
		}
			.commentsList ol li {
				padding: 0 0 6px 0;
			}
				.commentsList ol li div {
					background: rgba(225,225,225,1);
					border-radius: 23px;
					padding: 13px 20px 13px 20px;
					position: relative;
					min-height: 40px;
				}
					.commentItemAvatar {
						display: block;
						left: 20px;
						top: 13px;
						width: 40px;
						overflow: hidden;
						border-radius: 20px;
						position: absolute;
					}
						.commentItemAvatar img {
							width: 100%;
							border-radius: 20px;
							-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
							-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
							box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
							background: rgba(225,225,225,1);
						}
					.commentsList ol li div p {
						padding: 0 0 0 50px;
						color: rgba(0,0,0,0.91);
						word-break: break-all;
					}
						.commentsList ol li div p abbr {
							color: rgba(150,150,150,1);
							font-style: italic;
						}
							.commentsList ol li div p abbr:before {
								content: '\2022';
								padding: 0 4px 0 0;
							}
					.commentItemDelete {
						display: block;
						width: 22px;
						height: 22px;
						font-size: 20px;
						position: absolute;
						right: 15px;
						top: 12px;
						text-align: center;
						overflow: hidden;
						border-radius: 10px;
						color: rgba(0,0,0,0.37);
					}
						.commentItemDelete:hover {
							text-decoration: none;
							color: rgba(0,140,189,1);
						}
	.commentsBlock form {
	}
		.inputComment {
			padding-bottom: 6px;
			position: relative;
		}
			.inputComment img {
				border-radius: 20px;
				width: 40px;
				height: 40px;
				overflow: hidden;
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				pointer-events: none;
				position: absolute;

				left: 20px;
				top: 13px;
				background: rgba(225,225,225,1);
			}
			.inputComment textarea {
				display: block;
				margin: 0;
				overflow: hidden;
				padding: 12px 19px 12px 69px;
				min-height: 44px;
				width: 100%;
				width: calc(100% - 90px);
				border: 1px solid rgba(173,173,173,1);
				background: rgba(250,250,250,1);
				color: rgba(0,0,0,0.50);
				margin-right: 50px;
				border-radius: 6px;
			}
				.inputComment textarea:hover {
					border: 1px solid rgba(55,55,55,1);
					background: rgba(255,255,255,1);
					color: rgba(0,0,0,1);
				}
				.inputComment textarea:focus,
				.inputComment textarea:valid:focus {
				    padding-top: 22px;
					box-shadow: 0 0 0 rgba(255,255,255,1);
					border: 1px solid rgba(15,15,15,1);
					background: #FFF;
					color: rgba(0,0,0,1);
					-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
					-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
					box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
				}
				.inputComment textarea:valid {
				    padding-top: 22px;
					box-shadow: 0 0 0 rgba(255,255,255,1);
					border: 1px solid rgba(155,155,155,1);
					background: #FFF;
					color: rgba(0,0,0,1);
				}
		    .inputComment label {
		        pointer-events: none;
		        position: absolute;
		        left: 70px;
		        top: 13px;
		        display: block;
		        -webkit-transition: all 0.2s ease-in-out;
		    	-moz-transition: all 0.2s ease-in-out;
		    	-ms-transition: all 0.2s ease-in-out;
		    	-o-transition: all 0.2s ease-in-out;
		    	transition: all 0.2s ease-in-out;
		    	color: rgba(0,0,0,0.96);
		    }
		        .inputComment textarea:focus ~ label,
		        .inputComment textarea:valid ~ label {
		            top: 5px;
		            font-size: 12px;
		            color: rgba(0,0,0,0.5);
		        }

*/









/*PRICING SEPTEMBER 2019*/
/*Princing Switch Rules*/
.priceNewSwitcherYrOpen:checked ~ .priceNewBlockYearly,
.priceNewSwitcherYrOpen:checked ~ .pricingNewSwitchButtons .pricingNewSwitchButtonMonthly,
.priceNewSwitcherYrOpen:checked ~ .pricingNewSwitchButtons .pricingNewSwitchFakeYearly {
	display: block;
}
.priceNewSwitcherYrOpen:checked ~ .priceNewBlockMonthly,
.priceNewSwitcherYrOpen:checked ~ .pricingNewSwitchButtons .pricingNewSwitchButtonYearly,
.priceNewSwitcherYrOpen:checked ~ .pricingNewSwitchButtons .pricingNewSwitchFakeMonthly {
	display: none;
}
.priceNewSwitcherMoOpen:checked ~ .priceNewBlockMonthly,
.priceNewSwitcherMoOpen:checked ~ .pricingNewSwitchButtons .pricingNewSwitchButtonYearly,
.priceNewSwitcherMoOpen:checked ~ .pricingNewSwitchButtons .pricingNewSwitchFakeMonthly {
	display: block;
}
.priceNewSwitcherMoOpen:checked ~ .priceNewBlockYearly,
.priceNewSwitcherMoOpen:checked ~ .pricingNewSwitchButtons .pricingNewSwitchButtonMonthly,
.priceNewSwitcherMoOpen:checked ~ .pricingNewSwitchButtons .pricingNewSwitchFakeYearly {
	display: none;
}


/*PRICING SEPTEMBER 2019*/
/*Princing Switch Buttons*/
.landing1sectionPrice {
	padding-bottom: 0;
}
.pricingNewContent {
	position: relative;
	padding-top: 25px;
	margin-top: -325px;
	z-index: 99;
	margin-left: auto;
	margin-right: auto;
}
.pricingNewSwitchButtons {
	text-align: center;
	height: 50px;
	cursor: default;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
}
.pricingNewSwitchButtonMonthly,
.pricingNewSwitchButtonYearly,
.pricingNewSwitchFakeMonthly,
.pricingNewSwitchFakeYearly {
	position: absolute;
	top: 10px;
	padding-top: 9px;
	height: 29px;
	cursor: default;
	width: 80px;
	text-transform: normal;
	letter-spacing: 1px;
}
.pricingNewSwitchButtonMonthly {
	z-index: 50;
	left: 50%;
	cursor: pointer;
	text-align: right;
	padding-right: 60px;
	margin-left: -110px;
	color: rgba(255,255,255,0.5);
}
.pricingNewSwitchButtonYearly {
	z-index: 50;
	right: 50%;
	cursor: pointer;
	text-align: left;
	padding-left: 60px;
	margin-right: -110px;
	color: rgba(255,255,255,0.5);
}
	.pricingNewSwitchButtonYearly span,
	.pricingNewSwitchFakeYearly span,
	.pricingNewSwitchButtonYearly:hover span,
	.pricingNewSwitchFakeYearly:hover span,
	.pricingNewSwitchButtonYearly em,
	.pricingNewSwitchFakeYearly em,
	.pricingNewSwitchButtonYearly:hover em,
	.pricingNewSwitchFakeYearly:hover em {
		/*color: rgba(255,255,255,1);*/
		color: rgb(255,193,7);
		display: block;
		position: absolute;
		top: 7px;
		right: -75px;
		white-space: nowrap;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 2px 0;
		min-width: 90px;
	}
	.pricingNewSwitchButtonYearly span,
	.pricingNewSwitchFakeYearly span,
	.pricingNewSwitchButtonYearly:hover span,
	.pricingNewSwitchFakeYearly:hover span {
		-webkit-animation-name: blinkerPrice;
		animation-name: blinkerPrice;
		text-decoration: blink;
		-webkit-animation-duration: 0.5s;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease-in-out;
		-webkit-animation-direction: alternate;
		animation-duration: 0.5s;
		animation-iteration-count:infinite;
		animation-timing-function:ease-in-out;
		animation-direction: alternate;
	}
		@-webkit-keyframes blinkerPrice {
		  from {opacity: 1;}
		  to {opacity: 0;}
		}
		@keyframes blinkerPrice {
		  from {opacity: 1;}
		  to {opacity: 0;}
		}
	/*.pricingNewSwitchButtonYearly span,
	.pricingNewSwitchFakeYearly span,
	.pricingNewSwitchButtonYearly:hover span,
	.pricingNewSwitchFakeYearly:hover span {
		background: rgba(75,169,32,1);
		color: rgba(255,255,255,1);
		display: block;
		position: absolute;
		top: -10px;
		right: -95px;
		white-space: nowrap;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 2px;
		padding: 2px 3px;
		text-align: center;
		min-width: 90px;
	}
	    .pricingNewSwitchButtonYearly span:before,
    	.pricingNewSwitchFakeYearly span:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 15px 0 0;
            border-color: rgba(75,169,32,1) transparent transparent transparent;
    	    position: absolute;
    	    left: 0;
    	    bottom: -13px;
    	}*/
	.pricingNewSwitchButtonMonthly:hover,
	.pricingNewSwitchButtonYearly:hover {
		color: rgba(255,255,255,1);
	}
	.pricingNewSwitchButtonMonthly strong,
	.pricingNewSwitchFakeMonthly strong {
		float: right;
	}
	.pricingNewSwitchButtonYearly strong,
	.pricingNewSwitchFakeYearly strong {
		float: left;
	}
	.pricingNewSwitchButtonMonthly strong,
	.pricingNewSwitchButtonYearly strong {
		display: block;
		font-weight: bold;
		padding-bottom: 5px;
		position: relative;
	}
		.pricingNewSwitchButtonMonthly strong:after,
		.pricingNewSwitchButtonYearly strong:after {
			content: '';
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			display: block;
			height: 5px;
			width: 0%;
			border-top: 1px solid rgba(255,255,255,1);
			position: absolute;
			bottom: -2px;
			left: 0;
		}
			.pricingNewSwitchButtonMonthly:hover strong:after,
			.pricingNewSwitchButtonYearly:hover strong:after {
				width: 100%;
			}
.pricingNewSwitchFakeMonthly {
	z-index: 40;
	left: 50%;
	cursor: default;
	text-align: right;
	margin-left: -110px;
	color: rgba(255,255,255,1);
}
.pricingNewSwitchFakeYearly {
	z-index: 40;
	right: 50%;
	cursor: default;
	text-align: left;
	margin-right: -110px;
	color: rgba(255,255,255,1);
}
	.pricingNewSwitchFakeMonthly strong,
	.pricingNewSwitchFakeYearly strong {
		display: block;
		font-weight: bold;
		padding-bottom: 5px;
		position: relative;
	}
		.pricingNewSwitchFakeMonthly strong:after,
		.pricingNewSwitchFakeYearly strong:after {
			content: '';
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			display: block;
			height: 5px;
			width: 100%;
			border-top: 1px solid rgba(255,255,255,0.73);
			position: absolute;
			bottom: -2px;
			left: 0;
		}
.pricingNewSwitchButtonMonthly:before,
.pricingNewSwitchButtonYearly:before {
	content: '';
	display: block;
	position: absolute;
	width: 48px;
	height: 24px;
	top: 7px;
	border-radius: 12px;
	background: rgba(255,255,255,0.13);
}
	.pricingNewSwitchButtonMonthly:hover:before,
	.pricingNewSwitchButtonYearly:hover:before {
		background: rgba(255,255,255,0.28);
	}
	.pricingNewSwitchButtonMonthly:before {
		right: 6px;
	}
	.pricingNewSwitchButtonYearly:before {
		left: 6px;
	}
.pricingNewSwitchButtonMonthly:after,
.pricingNewSwitchButtonYearly:after {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 12px;
	top: 11px;
	background: rgba(255,255,255,1);
}
	.pricingNewSwitchButtonMonthly:hover:after,
	.pricingNewSwitchButtonYearly:hover:after {
		background: rgba(255,255,255,1);
	}
	.pricingNewSwitchButtonMonthly:after {
		right: 11px;
	}
	.pricingNewSwitchButtonYearly:after {
		left: 11px;
	}


/*PRICING SEPTEMBER 2019*/
/*Princing Blocks*/
.priceNewBlock {
	position: relative;
	padding: 50px 0 0 0;
	margin: 0 auto;
	width: 100%;
}
.priceNewBlockTable {
	display: table;
	width: 100%;
	margin: 0 auto;
	max-width: 652px;
}
	.priceNewItem {
		position: relative;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 75px 0 126px 0;
		float: left;
		overflow: hidden;
	}
	.priceNewItemLeft {
		-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		z-index: 75;
		background: rgba(255,255,255,1);
		width: 50%;
		width: calc(50% - 6px);
	}
	.priceNewItemRight {
		-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.41);
		-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.41);
		box-shadow: 0 0 15px -5px rgba(0,0,0,0.41);
		z-index: 85;
		background: rgba(255,255,255,1);
		width: 50%;
		width: calc(50% - 6px);
		margin-left: 12px;
	}
	.priceNewItemBestDeal:before {
	    content: '';
	    width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 110px 110px 0;
        border-color: transparent rgb(255,193,7) transparent transparent;
	    display: block;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	}
	.priceNewBestValue1 {
		content: 'BEST VALUE';
	    display: block;
	    font-weight: normal;
	    letter-spacing: 0px;
	    color: rgba(0,0,0,1);
	    width: 70px;
	    position: absolute;
	    right: 3px;
	    top: 19px;
	    margin-left: -53px;
	    font-size: 15px;
	    letter-spacing: 0px;
	    text-align: center;
	    line-height: 16px;
	    transform: rotate(45deg);
	    text-transform: uppercase;
	}
	/*.priceNewItemBestDeal:after {
	    content: 'BEST VALUE';
	    display: block;
	    font-weight: normal;
	    letter-spacing: 0px;
	    color: rgba(0,0,0,1);
	    width: 70px;
	    position: absolute;
	    right: 3px;
	    top: 21px;
	    margin-left: -53px;
	    font-size: 15px;
	    letter-spacing: 0px;
	    text-align: center;
	    line-height: 16px;
	    transform: rotate(45deg);
	}*/
		.priceNewItemType {
			display: block;
			font-size: 25px;
			line-height: 29px;
			text-transform: none;
			letter-spacing: 0px;
			padding: 0 0 0 0;
		}
		.priceNewItemWhy {
			display: block;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 13px;
			padding: 0px 0 5px 0;
			font-weight: bold;
		}
		.priceNewItemValue {
			display: inline-block;
			line-height: 85px;
			position: relative;
		}
			.priceNewItemValue em {
				display: block;
				font-weight: normal;
				font-style: normal;
				position: absolute;
				line-height: 20px;
				left: -105px;
				bottom: 35px;
				width: 100px;
				text-align: right;
				font-size: 17px;
				font-weight: normal;
			}
			.priceNewItemValue span {
				display: block;
				font-weight: normal;
				position: absolute;
				line-height: 20px;
				font-size: 13px;
				width: 100px;
				right: -105px;
				bottom: 34px;
				text-align: left;
				color: rgba(0,0,0,0.73);
			}
    		.priceNewItemValue dfn {
    			display: block;
    			font-weight: normal;
				font-style: normal;
				position: absolute;
				line-height: 20px;
				font-size: 15px;
				width: 50px;
				padding: 1px 0;
				right: -53px;
				bottom: 54px;
				text-align: center;
				color: rgba(255,255,255,1);
				background: rgb(75,169,32);
				background: rgb(255,193,7);
				color: rgba(0,0,0,1);
				border-radius: 0 10px 10px 10px;
			}
			    .priceNewItemValue dfn:after {
			        content: '';
			        display: block;
			        width: 28px;
			        height: 10px;
			        border-top: 1px solid rgba(0,0,0,0.85);
			        position: absolute;
			        top: 11px;
			        left: 10px;
			        /*transform: rotate(-19deg);*/
			    }
			.priceNewItemValue strong {
				font-weight: normal;
				font-size: 85px;
			}
		.priceNewItemBilled {
			display: block;
			font-size: 13px;
			color: rgba(0,0,0,0.73);
			padding: 0 0 0 0;
			position: relative;
			height: 21px;
		}
			.priceNewItemBilled:before {
				content: '';
				height: 10px;
				width: 100%;
				width: calc(100% - 50px);
				display: block;
				position: absolute;
				left: 25px;
				top: 0;
				border-bottom: 1px dotted rgba(0,0,0,0.37);
			}
			.priceNewItemBilled span {
				background: #FFF;
				display: inline-block;
				padding: 0 12px;
				position: relative;
			}
		.priceNewBenefits {
		    font-size: 15px;
		    padding: 39px 0 39px 0;
		    line-height: 18px;
		    text-transform: none;
		}
		    .priceNewBenefits li {
		        padding: 4px 12px;
		        font-size: 15px;
		    }
		.priceNewButtons {
			height: 51px;
			width: 100%;
			position: absolute;
			left: 0;
			bottom: 75px;
		}
			.priceNewButtons:before {
				content: '';
				height: 25px;
				width: 100%;
				width: calc(100% - 50px);
				display: block;
				position: absolute;
				left: 25px;
				top: 0;
				border-bottom: 1px dotted rgba(0,0,0,0.37);
			}
			.priceNewButtonsInner {
				max-width: 160px;
				height: 51px;
				padding: 0 6px;
				position: relative;
				background: #FFF;
				margin: 0 auto;
			}
			.priceNewButtons .buttonYellow,
			.priceNewButtons .buttonGray {
				width: 100%;
				text-transform: none;
				padding-left: 0;
				padding-right: 0;
			}
			.priceNewButtons .buttonGray {
				font-weight: normal;
			}
			.priceNewButtons strong {
				padding: 15px 25px 14px 25px;
				display: inline-block;
			}
.moneyBackImgNew {
	display: block;
	width: 160px;
	position: absolute;
	top: 25px;
	left: 50%;
	margin: 0 0 0 -92px;
	padding: 0 12px;
}

















/*Princing Title - May 2018*/
.pricingTitle {
	padding: 31px 0 25px 0;
	cursor: default;
}
	.pricingTitle h1 {
		color: rgba(0,0,0,1);
		font-size: 65px;
		line-height: 67px;
		letter-spacing: -1px;
		font-weight: bold;
		text-align: center;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		display: block;
	}
	.pricingTitle p {
		text-align: center;
		font-size: 17px;
		line-height: 24px;
		padding: 25px 0;
	}
		.pricingTitle p span {
			color: #DA0000;
		}


/*Princing Switch Rules*/
.pricingSwitchButtons {
	text-align: center;
	position: relative;
	height: 38px;
	cursor: default;
}
	.priceSwitcherYrOpen:checked ~ .priceBlockYearly,
	.priceSwitcherYrOpen:checked ~ .pricingSwitchButtons .pricingSwitchButtonMonthly,
	.priceSwitcherYrOpen:checked ~ .pricingSwitchButtons .pricingSwitchFakeYearly {
		display: block;
	}
	.priceSwitcherYrOpen:checked ~ .priceBlockMonthly,
	.priceSwitcherYrOpen:checked ~ .pricingSwitchButtons .pricingSwitchButtonYearly,
	.priceSwitcherYrOpen:checked ~ .pricingSwitchButtons .pricingSwitchFakeMonthly {
		display: none;
	}
	.priceSwitcherMoOpen:checked ~ .priceBlockMonthly,
	.priceSwitcherMoOpen:checked ~ .pricingSwitchButtons .pricingSwitchButtonYearly,
	.priceSwitcherMoOpen:checked ~ .pricingSwitchButtons .pricingSwitchFakeMonthly {
		display: block;
	}
	.priceSwitcherMoOpen:checked ~ .priceBlockYearly,
	.priceSwitcherMoOpen:checked ~ .pricingSwitchButtons .pricingSwitchButtonMonthly,
	.priceSwitcherMoOpen:checked ~ .pricingSwitchButtons .pricingSwitchFakeYearly {
		display: none;
	}











/*Princing Switch Buttons*/
.pricingSwitchButtonMonthly,
.pricingSwitchButtonYearly,
.pricingSwitchFakeMonthly,
.pricingSwitchFakeYearly {
	position: absolute;
	top: 0;
	padding-top: 9px;
	height: 29px;
	cursor: default;
	width: 80px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.pricingSwitchButtonMonthly {
	z-index: 50;
	left: 50%;
	cursor: pointer;
	text-align: right;
	padding-right: 60px;
	margin-left: -110px;
	color: rgba(0,0,0,0.5);
}
.pricingSwitchButtonYearly {
	z-index: 50;
	right: 50%;
	cursor: pointer;
	text-align: left;
	padding-left: 60px;
	margin-right: -110px;
	color: rgba(0,0,0,0.5);
}
	.pricingSwitchButtonYearly span,
	.pricingSwitchFakeYearly span,
	.pricingSwitchButtonYearly:hover span,
	.pricingSwitchFakeYearly:hover span {
		background: rgba(75,169,32,1);
		color: rgba(255,255,255,1);
		display: block;
		position: absolute;
		top: -10px;
		right: -95px;
		white-space: nowrap;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 2px;
		padding: 2px 3px;
		text-align: center;
		min-width: 90px;
	}
	    .pricingSwitchButtonYearly span:before,
    	.pricingSwitchFakeYearly span:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 15px 0 0;
            border-color: rgba(75,169,32,1) transparent transparent transparent;
    	    position: absolute;
    	    left: 0;
    	    bottom: -13px;
    	}







	.pricingSwitchButtonMonthly:hover,
	.pricingSwitchButtonYearly:hover {
		color: rgba(0,140,189,1);
	}
	.pricingSwitchButtonMonthly strong,
	.pricingSwitchFakeMonthly strong {
		float: right;
	}
	.pricingSwitchButtonYearly strong,
	.pricingSwitchFakeYearly strong {
		float: left;
	}
	.pricingSwitchButtonMonthly strong,
	.pricingSwitchButtonYearly strong {
		display: block;
		font-weight: bold;
		padding-bottom: 5px;
		position: relative;
	}
		.pricingSwitchButtonMonthly strong:after,
		.pricingSwitchButtonYearly strong:after {
			content: '';
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			display: block;
			height: 5px;
			width: 0%;
			border-top: 1px solid rgba(0,140,189,1);
			position: absolute;
			bottom: -2px;
			left: 0;
		}
			.pricingSwitchButtonMonthly:hover strong:after,
			.pricingSwitchButtonYearly:hover strong:after {
				width: 100%;
			}
.pricingSwitchFakeMonthly {
	z-index: 40;
	left: 50%;
	cursor: default;
	text-align: right;
	margin-left: -110px;
}
.pricingSwitchFakeYearly {
	z-index: 40;
	right: 50%;
	cursor: default;
	text-align: left;
	margin-right: -110px;
}
	.pricingSwitchFakeMonthly strong,
	.pricingSwitchFakeYearly strong {
		display: block;
		font-weight: bold;
		padding-bottom: 5px;
		position: relative;
	}
		.pricingSwitchFakeMonthly strong:after,
		.pricingSwitchFakeYearly strong:after {
			content: '';
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			display: block;
			height: 5px;
			width: 100%;
			border-top: 1px solid rgba(0,0,0,0.73);
			position: absolute;
			bottom: -2px;
			left: 0;
		}
.pricingSwitchButtonMonthly:before,
.pricingSwitchButtonYearly:before {
	content: '';
	display: block;
	position: absolute;
	width: 48px;
	height: 24px;
	top: 7px;
	border-radius: 12px;
	/*border: 1px solid rgba(0,0,0,0.73);
	background: rgba(0,0,0,0.05);*/
	background: rgba(0,0,0,0.85);
}
	.pricingSwitchButtonMonthly:hover:before,
	.pricingSwitchButtonYearly:hover:before {
		background: rgba(0,140,189,1);
	}
	.pricingSwitchButtonMonthly:before {
		right: 6px;
	}
	.pricingSwitchButtonYearly:before {
		left: 6px;
	}
.pricingSwitchButtonMonthly:after,
.pricingSwitchButtonYearly:after {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 12px;
	top: 11px;
	background: rgba(255,255,255,1);
}
	.pricingSwitchButtonMonthly:hover:after,
	.pricingSwitchButtonYearly:hover:after {
		background: rgba(255,255,255,1);
	}
	.pricingSwitchButtonMonthly:after {
		right: 11px;
	}
	.pricingSwitchButtonYearly:after {
		left: 11px;
	}









/*Princing Switch Blocks*/
.priceBlock {
	padding: 50px 0 25px 0;
}
.priceBlockYearly {
}
.priceBlockMonthly {
}















/*Pricing Block - May 2018*/
/*
.pricingBlock {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	margin: 37px auto 25px auto;
	position: relative;
	text-align: center;
	cursor: default;
}
	.pricingBlockItem {
		position: relative;
		float: left;
		min-height: 400px;
	}
		.pricingBlockItem2:before {
			content: '';
			display: block;
			height: 100%;
			height: calc(100% + 4px);
			width: 100%;
			width: calc(100% + 4px);
			border: 1px solid rgba(75,169,32,1);
			position: absolute;
			top: -3px;
			left: -3px;
		}
		.pricingYearlyDiamond:after {
			content: 'BEST VALUE';
			display: block;
			color: rgba(75,169,32,1);
			width: 100%;
			position: absolute;
			top: 25px;
			left: 0;
			text-align: center;
			font-weight: bold;
			letter-spacing: 5px;
		}
	.pricingBlockItem1 {
		width: 33%;
		background: rgba(255,255,255,1);
		position: relative;
		z-index: 73;
		-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
	}
	.pricingBlockItem2 {
		padding: 37px 0;
		margin-top: -37px;
	    width: 34%;
		background: rgba(255,255,255,1);
		position: relative;
		z-index: 75;
		-webkit-box-shadow: 0 0 25px -5px rgba(0,0,0,0.41);
		-moz-box-shadow: 0 0 25px -5px rgba(0,0,0,0.41);
		box-shadow: 0 0 25px -5px rgba(0,0,0,0.41);
	}
	.pricingBlockItem3 {
	    width: 33%;
		background: rgba(255,255,255,1);
		position: relative;
		z-index: 73;
		-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
	}
		.pricingBlockPrice {
			padding: 12px 25px 50px 25px;
			position: relative;
		}
			.pricingBlockPrice-TypeImg {
				height: 100px;
				width: 100%;
				position: relative;
			}
				.pricingBlockPrice-TypeImg img {
					display: block;
					margin: 0 auto;
				}
			.pricingBlockPrice-Type {
				font-size: 25px;
				line-height: 25px;
				font-weight: bold;
				text-transform: none;
				display: block;
				height: 20px;
			}
			.pricingBlockItem1 .pricingBlockPrice-Type {
				font-weight: normal;
			}
			.pricingBlockPrice-Why {
				font-size: 13px;
				line-height: 16px;
				font-weight: normal;
				text-transform: uppercase;
				display: block;
				padding: 2px 0 0 0;
				height: 32px;
			}
			.pricingBlockPrice-description {
				height: 25px;
				padding: 10px 0 0 0;
				width: 100%;
				width: calc(100% + 24px);
				margin: 0 0 0 -12px;
				font-size: 15px;
				letter-spacing: 1px;
			}
			.pricingBlockPrice h5 {
				color: rgba(0,0,0,1);
				font-size: 65px;
				line-height: 67px;
				letter-spacing: 0;
				font-weight: lighter;
				text-align: center;
				text-shadow: 0 1px 0 rgba(255,255,255,1);
				display: block;
			}
				.pricingBlockPrice h5 dfn {
					font-size: 15px;
					font-weight: bold;
					position: relative;
					left: -2px;
					top: -5px;
					font-style: normal;
				}
				.pricingBlockPrice h5 span {
					font-size: 16px;
					font-weight: normal;
					position: relative;
					left: 1px;
					top: -25px;
					font-style: normal;
					letter-spacing: 0;
				}
				.pricingBlockPrice h5 em {
					font-size: 15px;
					font-weight: normal;
					position: relative;
					margin-left: -13px;
					top: -5px;
					font-style: normal;
				}
			.pricingBlockPrice-Billed {
				height: 20px;
				font-size: 13px;
				display: block;
				margin: 0;
				color: rgba(0,0,0,0.73);
			}
			.pricingBlockPrice-Charging {
				height: 20px;
				font-size: 13px;
				display: block;
				color: rgba(0,0,0,0.73);
				overflow: hidden;
			}
			.pricingBlockItem1 .pricingBlockPrice-Charging {
			    line-height: 9999px;
			}
				.pricingBlockPrice-Billed dfn,
				.pricingBlockPrice-Charging dfn {
					font-style: normal;
					text-decoration: line-through;
					color: rgba(0,0,0,0.55);
					padding: 0 2px 0 0;
				}
			.pricingBlockPrice:after {
				content: '';
				display: block;
				position: absolute;
				border-bottom: 1px solid rgba(0,0,0,0.23);
				left: 25px;
				bottom: 0;
				height: 5px;
				width: 100%;
				width: calc(100% - 50px);
			}
		.pricingBlockItem ul {
			font-size: 15px;
			line-height: 18px;
			padding: 42px 0 25px 0;
		}
			.pricingBlockItem ul li {
				padding: 9px 25px 0 25px;
				position: relative;
				display: block;
				text-align: left;
			}
	        		.pricingBlockItem ul li:hover:before {
	        			background: rgba(0,0,0,0.73);
	        		}
				.pricingBlockItem ul li span {
					text-decoration: line-through;
					color: rgba(0,0,0,0.23);
					font-weight: normal;
				}
				.pricingBlockHelp {
					position: absolute;
					width: 26px;
					height: 22px;
					right: 13px;
					top: 0;
					z-index: 20;
				}
					.pricingBlockHelp:hover {
						width: 100%;
						height: 100%;
						overflow: visible;
						right: 0;
					}
				.pricingBlockItem ul li dfn {
					display: block;
					font-style: normal;
					position: absolute;
					right: 5px;
					padding: 1px 5px 0 5px;
					border-radius: 12px;
					top: 10px;
					font-size: 11px;
					line-height: 14px;
					background: rgba(0,0,0,0.05);
					color: rgba(0,0,0,0.41);
				}
					.pricingBlockItem ul li .pricingBlockHelp:hover dfn {
						background: rgba(15,15,15,0.85);
						color: rgba(255,255,255,1);
						right: 18px;
					}
				.pricingBlockItem ul li .pricingBlockHelp div {
					display: none;
					position: absolute;
					background: rgba(15,15,15,1);
					color: rgba(255,255,255,1);
					z-index: 60;
					padding: 9px 25px;
					left: 0;
					top: 100%;
					width: 100%;
					width: calc(100% - 50px);
					font-size: 13px;
					margin: 9px 0 0 0;
				}
					.pricingBlockItem ul li .pricingBlockHelp:hover div {
						display: block;
					}
					.pricingBlockItem ul li .pricingBlockHelp div:before {
						content: '';
						display: block;
						position: absolute;
						left: 50%;
						margin-left: -7px;
						top: -7px;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 0 13px 13px 13px;
						border-color: transparent transparent rgba(15,15,15,1) transparent;
					}
					.pricingBlockItem ul li .pricingBlockHelp div p {
						display: block;
						padding: 5px 0;
					}
.pricingListFreeClean,
.pricingListProClean {
	height: 18px;
}
*/








/*Princing Action Container*/
.pricingActionContainer {
	width: 62%;
	height: 48px;
	background: rgba(255,255,255,1);
	position: absolute;
	bottom: -23px;
	left: 19%;
	z-index: 80;
}
.priceBlockYearly .buttonYellowPayMonthly,
.priceBlockMonthly .buttonYellowPayYearly {
	display: none;
}
.pricingBlockItem2 .pricingActionContainer {
	background: rgba(255,255,255,1);
}
	.pricingActionContainer .buttonYellow,
	.pricingActionContainer .buttonGray {
		width: 94%;
		padding: 15px 0 13px 0;
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		font-weight: normal;
		text-transform: none;
	}
		.pricingActionContainer .buttonYellow:hover,
		.pricingActionContainer .buttonGray:hover {
			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
		}
	.pricingActionContainer span {
		display: block;
		padding: 15px 0 13px 0;
		letter-spacing: 2px;
		font-style: italic;
		color: rgba(0,0,0,0.5);
	}











/*Pricing Methods*/
.pricingMethods {
	text-align: center;
	padding: 9px 0 7px 0;
}
	.pricingMethods p {
		padding: 0;
		display: block;
	}
	    .pricingMethods p em {
	        display: inline-block;
	        padding: 0 0 7px 0;
	        position: relative;
	        overflow: hidden;
	        font-weight: bold;
	        font-style: normal;
	        letter-spacing: 5px;
	        text-transform: uppercase;
	    }
		.pricingMethods p img {
			max-height: 32px;
			display: inline-block;
			padding: 0 0px;
		}

















/*Pricing Faq*/
.pricingFaq {
    padding: 0 0 50px 0;
}
    .pricingFaqTitle {
        padding: 0 0 13px 0;
        position: relative;
        overflow: hidden;
        font-style: normal;
        text-align: center;
        font-weight: bold;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
    .pricingFaqListLeft {
        float: left;
    }
        .pricingFaqListLeft .pricingFaqListItem:nth-child(7n+1) {
        	background: rgba(225,225,225,1);
        }
        .pricingFaqListLeft .pricingFaqListItem:nth-child(7n+2) {
        	background: rgba(215,215,215,1);
        }
        .pricingFaqListLeft .pricingFaqListItem:nth-child(7n+3) {
        	background: rgba(230,230,230,1);
        }
        .pricingFaqListLeft .pricingFaqListItem:nth-child(7n+4) {
        	background: rgba(220,220,220,1);
        }
        .pricingFaqListLeft .pricingFaqListItem:nth-child(7n+5) {
        	background: rgba(228,228,228,1);
        }
        .pricingFaqListLeft .pricingFaqListItem:nth-child(7n+6) {
        	background: rgba(225,225,225,1);
        }
    .pricingFaqListRight {
        float: right;
    }
        .pricingFaqListRight .pricingFaqListItem:nth-child(7n+3) {
        	background: rgba(225,225,225,1);
        }
        .pricingFaqListRight .pricingFaqListItem:nth-child(7n+4) {
        	background: rgba(215,215,215,1);
        }
        .pricingFaqListRight .pricingFaqListItem:nth-child(7n+2) {
        	background: rgba(230,230,230,1);
        }
        .pricingFaqListRight .pricingFaqListItem:nth-child(7n+6) {
        	background: rgba(220,220,220,1);
        }
        .pricingFaqListRight .pricingFaqListItem:nth-child(7n+2) {
        	background: rgba(228,228,228,1);
        }
        .pricingFaqListRight .pricingFaqListItem:nth-child(7n+5) {
        	background: rgba(225,225,225,1);
        }
    .pricingFaqList {
        width: 50%;
        width: calc(50% - 6px);
    }
        .pricingFaqListItem {
        	position: relative;
            border-radius: 0px;
            margin: 0 0 12px 0;
            background: rgba(220,220,220,1);
            padding: 13px 0;
        }
        	.pricingFaqListItem h3 {
        	    padding: 5px 20px;
                font-size: 15px;
                text-shadow: 0 1px 0 rgba(255,255,255,1);
        	}
            .pricingFaqListItem p {
                padding: 5px 20px;
                font-size: 13px;
                line-height: 18px;
            }
            .pricingFaqListItem ol {
            	padding: 5px 20px;
            	font-size: 13px;
            }
            .pricingFaqListItem30 {
            	position: relative;
            	padding-right: 150px;
            	z-index: 75;
            }
            	.pricingFaqListItem30 img {
            		position: absolute;
            		width: 186px;
            		top: -15px;
            		right: -20px;
            	}
h3.pixbotFact {
	font-size: 30px;
	line-height: 33px;
	letter-spacing: 0;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	position: relative;
	padding: 53px 0 10px 0;
	max-width: 720px;
	margin: 0 auto;
	display: block;
}
	h3.pixbotFact span {
		font-size: 11px;
		line-height: 21px;
		font-weight: normal;
		font-style: normal;
		color: rgba(255,255,255,1);
		display: block;
		position: absolute;
		left: 50%;
		top: 27px;
		padding: 0 5px;
		min-width: 44px;
		border-radius: 17px;
		text-transform: uppercase;
		margin: 0 0 0 -27px;
	}













/*Pricing Register*/
.pricingRegister {
    padding: 0 0 0 0;
}
	.pricingRegister a {
		margin: 0 auto;
		padding: 17px 30px 15px 30px;
		min-width: 34%;
		min-width: calc(34% - 60px);
	}
.moneyBackImg {
	display: block;
	position: absolute;
	width: 150px;
	left: 50%;
	bottom: -40px;
	margin-left: -75px;
	background: rgba(237,237,237,1);
}















/*Payment Block*/
.paymentContainer {
	margin: 0 auto;
	max-width: 550px;
}
	.paymentContainerInner {
		padding: 50px 25px;
	}
		.payment-details {
			padding: 25px 0 17px 0;
			font-size: 17px;
			text-align: center;
		}
			.payment-details span {
				color: rgb(75,169,32);
				font-weight: bold;
				font-style: italic;
			}
		.payment-secured {
			font-size: 13px;
			line-height: 18px;
			text-align: center;
			color: #777;
			padding: 0 0 50px 0;
		}


.payment-plan {
	margin: 0 0 0 0;
}
.payment-plan img {
	display: block;
	height: 100px;
	float: left;
	margin-left: -7px;
}
.payment-plan p {
	display: block;
	text-align: right;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0px;
	float: right;
	padding: 37px 0 0 0;
}





/*Braintree*/
.braintreeBlock {
	padding: 15px 0 15px 0;
}
	.braintree-heading {
		font-size: 15px;
		line-height: 20px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		/*display: none;*/
	}
	.braintree-toggle {
		background: #FFF;
	}
		.braintree-toggle span {
			color: rgba(0,140,189,1);
			font-size: 15px;
			line-height: 20px;
			font-weight: bold;
			padding-bottom: 2px;
			border-bottom: 1px solid rgba(0,140,189,0.19);
		}
			.braintree-toggle:hover span {
				color: rgba(0,140,189,1);
				font-size: 15px;
				line-height: 20px;
				border-bottom: 1px solid rgba(0,140,189,1);
			}
	.pay-button {
		font-weight: bold;
	}
	.braintree-method__label,
	.braintree-option__label,
	.braintree-sheet__text,
	.braintree-sheet__label {
		font-size: 15px !important;
	}
















/*Notification block*/
.notifBlock {
	z-index: 90;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0 0 0 0;
	position: absolute;
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	color: #FFF;
	text-align: center;
}
	.notifBlockInner {
		display: block;
		z-index: 95;
		width: 100%;
		width: calc(100% - 50px);
		padding: 15px 25px 71px 25px;
	}
	    .notifBlockImg {
	        width: 160px;
	        height: 160px;
	        margin: 0 auto 10px auto;
	        border-radius: 50%;
	        background: #FFF;
	    }
	        .notifBlockImg img {
	            padding: 30px 0 0 30px;
	            display: block;
	            width: 100px;
	        }
.buttonYellow {
	display: inline-block;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 16px 30px 15px 30px;
	color: rgba(0,0,0,1);
	background: rgba(255,193,7,1);
	text-shadow: none;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
}
	.buttonYellow:hover {
		text-decoration: none;
		color: rgba(0,0,0,1);
		background: rgba(255,163,7,1);
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	}
.buttonGray {
	display: inline-block;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 17px 30px 15px 30px;
	color: rgba(0,0,0,1);
	background: rgba(237,237,237,1);
	text-shadow: none;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
}
.buttonGrayFromScratch {
	background: rgba(225,225,225,1);
}
	.buttonGray:hover {
		text-decoration: none;
		color: rgba(0,0,0,1);
		background: rgba(225,225,225,1);
	}
	.buttonGrayFromScratch:hover {
		background: rgba(213,213,213,1);
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	}
.clearActionsFolderGoButton {
	display: none;
}
	.selectionActionsActive .clearActionsFolderGoButton {
		display: block;
	}































/*NEW-List Designs Grid*/
.designsContainer {
	padding: 0 0;
	width: 100%;
}
.designsGridBlock {
	display: block;
	width: 100%;
	width: calc(100% + 12px);
	margin: 0 0 0 -6px;
}
	.designsGrid {
		display: block;
		position: relative;
		padding: 19px 0 25px 0;
	}
	.designsContainerRelated .designsGrid {
	    padding: 3px 0 0 0;
	}
		.designsGridItem {
			display: block;
			position: relative;
			cursor: default;
			width: 25%;
			float: left;
		}
			.designsGridItemContent {
				padding: 6px;
			}
				.designsGridItemContentInner {
					position: relative;
					background: #FFF;
					padding: 43px 0 43px 0;
					-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
				}
				 	.designsGridItemContentInner:hover {
						-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
						-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
						box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
				 	}
				 	.designsGridItem.active .designsGridItemContentInner {
				 		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0);
						-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0);
						box-shadow: 0 15px 5px -15px rgba(0,0,0,0);
				 	}
				 		.designsGridItem.active .designsGridItemContentInner:before {
				 			content: '';
				 			border: 1px solid rgba(0,140,189,1);
				 			width: 100%;
				 			width: calc(100% + 2px);
				 			height: 100%;
				 			height: calc(100% + 2px);
				 			position: absolute;
				 			left: -2px;
				 			top: -2px;
				 			z-index: 10;
				 			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0);
							-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0);
							box-shadow: 0 15px 5px -15px rgba(0,0,0,0);
				 		}
		 	.designGridItem-Select {
				position: absolute;
				width: 45px;
				height: 43px;
				top: 6px;
				right: 6px;
				overflow: hidden;
				line-height: 9999;
				cursor: pointer;
				z-index: 40;
		 	}
		 		.designGridItem-Select:before {
		 			content: '';
		 			width: 13px;
		 			height: 13px;
		 			background: #FFF;
		 			position: absolute;
		 			top: 14px;
		 			right: 15px;
		 			border: 1px solid rgba(0,0,0,0.19);
		 			border-radius: 12px;
		 			-webkit-box-shadow: 0 5px 2px -5px rgba(0,0,0,0.15);
					-moz-box-shadow: 0 5px 2px -5px rgba(0,0,0,0.15);
					box-shadow: 0 5px 2px -5px rgba(0,0,0,0.15);
		 		}
		 		.designsGridItem:hover .designGridItem-Select:before {
		 			border: 1px solid rgba(0,0,0,0.25);
		 			-webkit-box-shadow: 0 5px 2px -5px rgba(0,0,0,0.5);
					-moz-box-shadow: 0 5px 2px -5px rgba(0,0,0,0.5);
					box-shadow: 0 5px 2px -5px rgba(0,0,0,0.5);
		 		}
		 			.designsGridItem:hover .designGridItem-Select:hover:before,
		 			.designGridItem-Select:hover:before,
		 			.designsGridItem.active:hover .designGridItem-Select:before {
		 				border: 1px solid rgba(0,140,189,1);
			 			-webkit-box-shadow: 0 5px 2px -5px rgba(0,140,189,1);
						-moz-box-shadow: 0 5px 2px -5px rgba(0,140,189,1);
						box-shadow: 0 5px 2px -5px rgba(0,140,189,1);
		 			}
		 		.designsGridItem.active .designGridItem-Select:before {
		 			border: 1px solid rgba(0,140,189,1);
		 			-webkit-box-shadow: 0 5px 2px -5px rgba(0,0,0,0.15);
					-moz-box-shadow: 0 5px 2px -5px rgba(0,0,0,0.15);
					box-shadow: 0 5px 2px -5px rgba(0,0,0,0.15);
		 		}
		 		.designsGridItem.active .designGridItem-Select:after {
		 			content: '';
		 			width: 11px;
		 			height: 11px;
		 			position: absolute;
		 			top: 16px;
		 			right: 17px;
		 			border-radius: 12px;
		 			background: rgba(0,140,189,1);
		 		}
		 			.designsGridItem.active:hover .designGridItem-Select:after {
		 				background: rgba(0,140,189,1);
		 			}
		 	.designGridItem-Size {
		 		position: absolute;
		 		left: 0;
		 		top: 0;
		 		font-style: italic;
		 		color: rgba(0,0,0,0.5);
		 		margin: 12px 0 0 15px;
 		 	}
				.designsGridItem:hover .designGridItem-Size {
					color: rgba(0,0,0,0.91);
				}
 		 		.designGridItem-SizeIsPrivate:after {
 		 			content: 'PRIVATE';
 		 			font-size: 9px;
 		 			line-height: 16px;
 		 			padding: 1px 0 0 0;
 		 			display: block;
 		 			position: absolute;
 		 			top: 2px;
 		 			right: -48px;
 		 			width: 44px;
 		 			text-align: center;
 		 			background: rgba(0,0,0,0.09);
 		 			border-radius: 5px;
 		 			font-style: normal;
 		 		}
			.designGridItemImg a {
				display: block;
				position: relative;
		 		z-index: 55;
		 		opacity: 1;
		 		min-height: 18px;
		 		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.13);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.13);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.13);
				overflow: hidden;
			}
			.designsGridItem:nth-child(7n+1) .designGridItemImg a { background: rgba(239,66,71,0.05); }
			.designsGridItem:nth-child(7n+2) .designGridItemImg a { background: rgba(244,135,41,0.05); }
			.designsGridItem:nth-child(7n+3) .designGridItemImg a { background: rgba(252,223,24,0.05); }
			.designsGridItem:nth-child(7n+4) .designGridItemImg a { background: rgba(5,170,91,0.05); }
			.designsGridItem:nth-child(7n+5) .designGridItemImg a { background: rgba(6,177,162,0.05); }
			.designsGridItem:nth-child(7n+6) .designGridItemImg a { background: rgba(70,185,233,0.05); }
			.designsGridItem:nth-child(7n) .designGridItemImg a { background: rgba(90,53,148,0.05); }
			.designGridItemImgNotrendered a {
				min-height: 50px;
			}
				.designGridItemImg:hover a {
					-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
				}
				.designGridItemImg a img {
					max-width: 100%;
					display: block;
					font-size: 0;
					line-height: 1px;
					color: #FFF;
					margin: 0 auto;
				}
				.notRenderedBlock {
					background: rgba(0,0,0,0.73);
					color: rgba(255,255,255,1);
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					text-shadow: 0 1px 0 rgba(0,0,0,0.73);
					font-style: italic;
					font-weight: bold;
					text-align: center;
					z-index: 75;
				}
					.notRenderedBlock div {
						width: 100%;
						position: absolute;
						left: 0;
						top: 50%;
						margin: -20px 0 0 0;
						text-transform: uppercase;
					}
						.notRenderedBlock div span {
							display: none;
						}
						.notRenderedBlock div em {
							display: block;
						}
			.designGridItem-BottomBlock {
				position: absolute;
				left: 0;
				width: 100%;
				width: calc(100% - 30px);
				padding: 0 15px 0 15px;
				bottom: 0;
				height: 43px;
				z-index: 50;
			}
			        .designsGridItemContentInner:hover .designGridItem-BottomBlock {
			            background: rgba(255,193,7,1);
			        }
				.designGridItem-MainDetails {
					height: 35px;
					font-size: 15px;
					line-height: 17px;
					overflow: hidden;
					padding: 13px 0 10px 0;
					border-bottom: 1px solid rgba(0,0,0,0.07);
				}
					.designGridItem-MainLink {
						color: rgba(0,0,0,0.73);
					}
						.designsGridItem:hover .designGridItem-MainLink {
							color: rgba(0,0,0,0.91);
							-webkit-transition: all 0.2s ease-in-out;
	                    	-moz-transition: all 0.2s ease-in-out;
	                    	-ms-transition: all 0.2s ease-in-out;
	                    	-o-transition: all 0.2s ease-in-out;
	                    	transition: all 0.2s ease-in-out;
						}
						.designGridItem-MainLink:hover,
						.designsGridItem:hover .designGridItem-MainLink:hover {
							text-decoration: none;
							color: rgba(0,140,189,1);
						}
					.designGridItem-MoreOptions {
						padding: 5px 0 2px 0;
					}
						.designGridItem-DownloadLinks {
							font-size: 12px;
							line-height: 15px;
							font-weight: bold;
							opacity: 0.55;
						}
							.designsGridItem:hover .designGridItem-DownloadLinks {
								opacity: 1;
							}
							.designGridItem-DownloadLinks li {
								float: right;
								padding: 0 0 0 7px;
								position: relative;
							}
								.designGridItem-DownloadLinks li:first-child {
									padding: 0;
									float: left;
								}
								.designGridItem-DownloadLinks li:after {
									content: '';
									width: 2px;
									height: 2px;
									background: rgba(0,0,0,0.19);
									border-radius: 3px;
									position: absolute;
									left: 2px;
									top: 7px;
								}
									.designGridItem-DownloadLinks li:last-child:after,
									.designGridItem-DownloadLinks li:first-child:after  {
										display: none;
									}
								.designGridItem-DownloadLinks li span {
									text-transform: uppercase;
									font-weight: normal;
									color: rgba(0,0,0,0.55);
								}
								.designGridItem-DownloadLinks li a,
								.designGridItem-DownloadLinks li label {
									color: rgba(0,0,0,0.55);
									cursor: pointer;
									position: relative;
									padding-bottom: 2px;
									-webkit-transition: all 0.2s ease-in-out;
									-moz-transition: all 0.2s ease-in-out;
									-ms-transition: all 0.2s ease-in-out;
									-o-transition: all 0.2s ease-in-out;
									overflow: hidden;
									display: block;
									margin-bottom: -2px;
								}
									.designGridItem-DownloadLinks li a:hover,
									.designGridItem-DownloadLinks li label:hover {
										text-decoration: none;
										color: rgba(0,140,189,1);
									}
									.designGridItem-DownloadLinks li a:after,
									.designGridItem-DownloadLinks li label:after {
										content: '';
										-webkit-transition: all 0.2s ease-in-out;
										-moz-transition: all 0.2s ease-in-out;
										-ms-transition: all 0.2s ease-in-out;
										-o-transition: all 0.2s ease-in-out;
										display: block;
										position: absolute;
										height: 5px;
										width: 0%;
										border-top: 1px solid rgba(0,140,189,1);
										bottom: -5px;
										left: 0;
									}
										.designGridItem-DownloadLinks li a:hover:after,
										.designGridItem-DownloadLinks li label:hover:after {
											width: 100%;
										}
.designsGridItemScratch {
}
    .designsGridItemScratch a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 43px 0;
        height: calc(100% + 86px);
        background: rgba(255,255,255,1);
        position: relative;
        color: rgba(0,0,0,0.82);
    	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
        text-shadow: 0 1px 0 rgba(255,255,255,0.73);
        border-radius: 12px;
    }
        .designsGridItemScratch a:hover {
            background: rgba(255,193,7,1);
            color: rgba(0,0,0,1);
        }
        .designsGridItemScratch a:before {
            content: '';
            border: 2px dashed rgba(0,0,0,0.5);
            position: absolute;
            width: 100%;
            width: calc(100% - 8px);
            height: 100%;
            height: calc(100% - 8px);
            top: 2px;
            left: 2px;
            border-radius: 12px;
        }
            .designsGridItemScratch a:hover:before {
                border: 2px dashed rgba(0,0,0,0.73);
            }
        .designsGridItemScratch a dfn {
            display: block;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-repeat: repeat;
            background-position: 50% 50%;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0.07;
        }
            .designsGridItemScratch a:hover dfn {
                opacity: 0.13;
            }
        .designsGridItemScratch a span {
            display: block;
            width: 90%;
            text-transform: uppercase;
            font-weight: bold;
            text-align: center;
            font-size: 15px;
            line-height: 18px;
            margin-top: -27px;
            position: absolute;
            left: 5%;
            top: 50%;
        }
            .designsGridItemScratch a span em {
                text-transform: lowercase;
            }
        .designsGridItemScratch a img {
            visibility: hidden;
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }
















.designsRelatedTitle {
	padding: 25px 0 12px 0;
	text-align: left;
	position: relative;
}
	.designsRelatedTitle:before {
		content: '';
		display: block;
		height: 5px;
		position: absolute;
		top: 34px;
		left: 0;
		width: 100%;
		border-top: 1px dotted rgba(0,0,0,0.37);
	}
	.designsRelatedTitle h3 {
		font-size: 15px;
		line-height: 20px;
		display: inline-block;
		padding: 0 12px 0 0;
		margin: 0;
		font-weight: bold;
		letter-spacing: 5px;
		text-transform: uppercase;
		background-color: rgb(237,237,237);
	}
.browseRelated {
	width: 100%;
	overflow: hidden;
	position: relative;
}
	.browseRelatedTable {
		display: table;
		padding: 5px 0 0 0;
		margin: 0;
	}
		.browseRelatedTable li {
			display: table-cell;
			width: 160px;
			min-width: 160px;
			vertical-align: bottom;
			text-align: center;
			min-height: 50px;
			padding: 0 0 25px 20px;
		}
		.browseRelatedTable li:first-child {
			padding-left: 0;
		}
			.browseRelatedTable li a {
				display: block;
				color: rgba(0,0,0,0.73);
				position: relative;
			}
				.browseRelatedTable li a:hover {
					text-decoration: none;
				}
				.browseRelatedTable li a img {
					max-width: 100%;
					display: block;
					-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.25);
					border-radius: 6px;
					margin: 0 auto;
				}
				.browseRelatedTable li a strong {
					display: block;
					font-size: 15px;
					line-height: 20px;
					min-height: 25px;
					font-weight: bold;
					font-style: italic;
					padding: 7px 0 0 0;
					letter-spacing: 0;
					color: rgba(0,0,0,0.91);
				}
					.browseRelatedTable li a:hover strong {
						text-decoration: none;
						color: rgba(0,140,189,1);
					}
					.browseRelatedTable li a strong span {
						opacity: 0.73;
						font-weight: normal;
						text-transform: none;
					}








/*FEATURED TEMPLATES - Designs Grid*/
.exploreFeatured {
	position: relative;
	margin: 0px 0 0 0;
}
	.exploreFeatured:after {
		content: '';
		display: block;
		border-bottom: 1px dotted rgba(0,0,0,0.37);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: -1px;
	}
	.exploreFeaturedTitle {
		padding: 19px 0 0 0;
		height: 20px;
		position: relative;
	}
		.exploreFeaturedTitleItem {
			height: 20px;
			position: absolute;
			top: 19px;
			text-align: center;
		}
			.exploreFeaturedTitleItem:before {
				content: '';
				display: block;
				height: 5px;
				position: absolute;
				top: 9px;
				left: 0;
				width: 100%;
				border-top: 1px dotted rgba(0,0,0,0.37);
			}
				.exploreFeaturedTitleItem-1 {
					width: 25%;
					width: calc(25% - 12px);
					left: 0px;
				}
				.exploreFeaturedTitleItem-2 {
					width: 75%;
					right: 0px;
				}
				.exploreFeaturedTitleItem strong {
					display: inline-block;
					letter-spacing: 5px;
					position: relative;
					background: rgba(237,237,237,1);
					z-index: 70;
					padding: 0 9px 0 9px;
				}
	.designsGridFeatured {
		padding: 12px 0 19px 0;
		position: relative;
	}
		.designsGridFeatured li:nth-child(1) {
			visibility: hidden;
		}
		.designsGridFeaturedEditor {
			display: block;
			height: 100%;
			height: calc(100% - 50px);
			width: 25%;
			width: calc(25% - 12px);
			position: absolute;
			left: 6px;
			top: 19px;
			z-index: 80;
		}
			.designsGridFeaturedEditor a {
				display: block;
				width: 100%;
				width: calc(100% - 2px);
				height: 100%;
				height: calc(100% - 2px);
				border: 1px dashed rgba(0,0,0,0.91);
				background: rgba(237,237,237,1);
		    	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
				border-radius: 25px;
				color: rgba(0,0,0,0.73);
				position: absolute;
				top: 0;
				left: 0;
			}
				.designsGridFeaturedEditor a:hover {
				    -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					background: rgba(0,140,189,1);
					color: rgba(255,255,255,1);
					text-decoration: none;
				}
				.designsGridFeaturedEditor a strong {
					display: block;
		    		width: 100%;
		    		text-transform: uppercase;
		    		font-style: normal;
		    		text-align: center;
		    		position: absolute;
		    		left: 0;
		    		top: 50%;
		    		text-align: center;
		    		margin: 11px 0 0 0;
		    		font-weight: normal;
				}
					.designsGridFeaturedEditor a:after {
    		    		content: '';
    		    		display: block;
    		    		width: 37px;
    		    		height: 5px;
    		    		border-top: 1px solid rgba(23,23,23,1);
    		    		position: absolute;
    		    		top: 50%;
    		    		left: 50%;
    		    		line-height: 1px;
    		    		margin: -15px 0 0 -18px;
    		    	}
    		    	.designsGridFeaturedEditor a:before {
    		    		content: '';
    		    		display: block;
    		    		height: 37px;
    		    		width: 5px;
    		    		border-left: 1px solid rgba(23,23,23,1);
    		    		position: absolute;
    		    		top: 50%;
    		    		left: 50%;
    		    		line-height: 1px;
    		    		margin: -33px 0 0 0;
    		    	}
    		    		.designsGridFeaturedEditor a:hover:after {
    		    			border-top: 1px solid rgba(255,255,255,1);
    		    		}
    		    		.designsGridFeaturedEditor a:hover:before {
    		    			border-left: 1px solid rgba(255,255,255,1);
    		    		}











/*USE + EDIT Buttons - May 2018*/
.itemUseEditBlock {
	float: left;
	position: relative;
}
	.designGridItem-UseEditButtons {
		position: relative;
		margin-left: -5px;
	}
	    .designGridItem-UseEditButtons span {
	        display: none;
	    }
	    .designGridItem-UseEditButtons .itemEditBlock {
	    	padding-left: 12px;
	    }
        .designGridItem-UseEditButtons .itemEditBlock:before {
            content: '/';
            width: 10px;
            height: auto;
            color: rgba(0,0,0,0.37);
            position: absolute;
            top: 12px;
            left: 1px;
        }
		.designGridItem-UseEditButtons .gridItemUse,
		.designGridItem-UseEditButtons .gridItemEdit,
		.designGridItem-UseEditButtons .gridItemUseUpgrade,
		.designGridItem-UseEditButtons .gridItemUseRegister {
			display: block;
			float: left;
			padding: 12px 5px 11px 5px;
			height: auto;
			color: rgba(0,0,0,0.5);
			cursor: pointer;
			font-weight: normal;
			-webkit-transition: all 0.2s ease-in-out;
        	-moz-transition: all 0.2s ease-in-out;
        	-ms-transition: all 0.2s ease-in-out;
        	-o-transition: all 0.2s ease-in-out;
        	transition: all 0.2s ease-in-out;
        	font-size: 15px;
		}
		    .designGridItem-UseEditButtons .gridItemUse strong,
			.designGridItem-UseEditButtons .gridItemEdit strong,
			.designGridItem-UseEditButtons .gridItemUseUpgrade strong,
			.designGridItem-UseEditButtons .gridItemUseRegister strong {
				display: block;
				position: relative;
				font-weight: normal;
			}
			.designGridItem-UseEditButtons .gridItemUse strong:after,
			.designGridItem-UseEditButtons .gridItemEdit strong:after,
			.designGridItem-UseEditButtons .gridItemUseUpgrade strong:after,
			.designGridItem-UseEditButtons .gridItemUseRegister strong:after {
			    content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(0,0,0,1);
				position: absolute;
				bottom: -6px;
				left: 0;
			}
		.designsGridItem:hover .designGridItem-UseEditButtons .gridItemUse,
		.designsGridItem:hover .designGridItem-UseEditButtons .gridItemEdit,
		.designsGridItem:hover .designGridItem-UseEditButtons .gridItemUseUpgrade,
		.designsGridItem:hover .designGridItem-UseEditButtons .gridItemUseRegister {
			color: rgba(0,0,0,0.85);
			text-decoration: none;
		}
			.designsGridItem:hover .designGridItem-UseEditButtons .gridItemUse:hover,
			.designsGridItem:hover .designGridItem-UseEditButtons .gridItemEdit:hover,
			.designsGridItem:hover .designGridItem-UseEditButtons .gridItemUseUpgrade:hover,
			.designsGridItem:hover .designGridItem-UseEditButtons .gridItemUseRegister:hover,
			.designGridItem-UseEditButtons .gridItemUse:hover,
			.designGridItem-UseEditButtons .gridItemEdit:hover,
			.designGridItem-UseEditButtons .gridItemUseUpgrade:hover,
			.designGridItem-UseEditButtons .gridItemUseRegister:hover {
				color: rgba(0,0,0,1);
				text-decoration: none;
			}
				.designGridItem-UseEditButtons .gridItemUse:hover strong:after,
				.designGridItem-UseEditButtons .gridItemEdit:hover strong:after,
				.designGridItem-UseEditButtons .gridItemUseUpgrade:hover strong:after,
				.designGridItem-UseEditButtons .gridItemUseRegister:hover strong:after {
				    width: 100%;
					left: 0;
				}
	.designGridItem-Options {
		display: block;
		position: absolute;
		right: 0;
		bottom: 18px;
		font-size: 11px;
		line-height: 14px;
		opacity: 0;
	}
		.designsGridItem:hover .designGridItem-Options {
			opacity: 1;
		}
		.designGridItem-Options li {
			display: block;
			text-align: right;
		}
			.designGridItem-Options li a,
			.designGridItem-Options li label {
				display: inline;
				color: rgba(0,0,0,0.37);
			}
				.designGridItem-Options li a:hover,
				.designGridItem-Options li label:hover {
					text-decoration: underline;
					/*color: rgba(0,140,189,1);*/
					color: rgba(0,140,189,1);
				}








/*Design Item - Download Buttons - Download Menu*/
.designGridItem-DownloadButtons {
	position: absolute;
	bottom: 8px;
	right: 10px;
	z-index: 55;
	height: 35px;
}
		.designGridItem-DownloadButtons label,
		.designGridItem-DownloadButtons div,
		.designGridItem-DownloadButtons em,
		.designGridItem-DownloadButtons a {
			display: block;
			float: left;
			padding: 12px 5px 11px 5px;
			height: auto;
			color: rgba(0,0,0,0.5);
			cursor: pointer;
			font-weight: normal;
			text-transform: normal;
			-webkit-transition: all 0.2s ease-in-out;
        	-moz-transition: all 0.2s ease-in-out;
        	-ms-transition: all 0.2s ease-in-out;
        	-o-transition: all 0.2s ease-in-out;
        	transition: all 0.2s ease-in-out;
		}
		.designGridItem-DownloadButtons em {
			cursor: default;
		}
		    .designGridItem-DownloadButtons label strong,
		    .designGridItem-DownloadButtons div strong,
		    .designGridItem-DownloadButtons a strong {
				display: block;
				position: relative;
				font-weight: normal;
		    }
		        .designGridItem-DownloadButtons label strong:after,
		        .designGridItem-DownloadButtons a strong:after,
		        .designGridItem-DownloadButtons div strong:after {
    			    content: '';
    				-webkit-transition: all 0.2s ease-in-out;
    				-moz-transition: all 0.2s ease-in-out;
    				-ms-transition: all 0.2s ease-in-out;
    				-o-transition: all 0.2s ease-in-out;
    				display: block;
    				height: 5px;
    				width: 0%;
    				/*border-top: 1px solid rgba(0,140,189,1);*/
    				border-top: 1px solid rgba(0,0,0,1);
    				position: absolute;
    				bottom: -6px;
    				left: 0;
		        }
		.designsGridItem:hover .designGridItem-DownloadButtons label,
		.designsGridItem:hover .designGridItem-DownloadButtons a,
		.designsGridItem:hover .designGridItem-DownloadButtons div,
		.designsGridItem:hover .designGridItem-DownloadButtons em {
			color: rgba(0,0,0,0.85);
			text-decoration: none;
		}
			.designsGridItem:hover .designGridItem-DownloadButtons label:hover,
			.designGridItem-DownloadButtons label:hover,
			.designsGridItem:hover .designGridItem-DownloadButtons a:hover,
			.designGridItem-DownloadButtons a:hover,
			.designsGridItem:hover .designGridItem-DownloadButtons div:hover,
			.designGridItem-DownloadButtons div:hover {
				/*color: rgba(0,140,189,1);*/
				color: rgba(0,0,0,1);
				text-decoration: none;
			}
			    .designGridItem-DownloadButtons label:hover strong:after,
			    .designGridItem-DownloadButtons a:hover strong:after,
    			.designGridItem-DownloadButtons div:hover strong:after {
    			    width: 100%;
					left: 0;
			    }













/*Design Item - Download Buttons - Download Menu*/
.designViewDownload {
	position: relative;
	float: left;
}
.designViewShare {
	position: relative;
	float: left;
	padding: 0 0 0 2px;
}
		.designViewDownload label,
		.designViewDownload a,
		.designViewDownload div,
		.designViewDownload em,
		.designViewShare label,
		.designViewShare a,
		.designViewShare div,
		.designViewShare em {
			display: block;
			float: left;
			padding: 20px 25px 19px 25px;
			font-weight: normal;
			height: auto;
			cursor: pointer;
			color: rgba(0,0,0,0.85);
			background: rgba(255,193,7,1);
			text-decoration: none;
			line-height: 18px;
			text-transform: normal;
			-webkit-transition: all 0.2s ease-in-out;
	    	-moz-transition: all 0.2s ease-in-out;
	    	-ms-transition: all 0.2s ease-in-out;
	    	-o-transition: all 0.2s ease-in-out;
	    	transition: all 0.2s ease-in-out;
	    	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
			border-radius: 30px;
		}
			.designViewDownload strong {
				font-weight: normal;
			}
			.designViewDownload label:hover,
			.designViewDownload a:hover,
			.designViewDownload div:hover,
			.designViewDownload em:hover,
			.designViewShare label:hover,
			.designViewShare a:hover,
			.designViewShare div:hover,
			.designViewShare em:hover {
				color: rgba(0,0,0,1);
				background: rgba(255,163,7,1);
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				text-decoration: none;
			}


















/*Design Item - Design Action Buttons*/
.designViewActionBlock {
	position: relative;
	float: right;
}
    .designViewActionBlock ul {
        position: relative;
		overflow: visible;
		padding: 0 0 0 0;
		background: #CCC;
    }
        .designViewActionBlock ul li {
	        float: left;
	        position: relative;
	        padding-left: 10px;
	    }
	    .designViewActionBlock ul li:first-child {
	        margin-right: -7px;
	    }
            .designViewActionBlock ul li:before {
	            content: '/';
                width: 10px;
                height: auto;
                color: rgba(0,0,0,0.37);
                position: absolute;
                top: 20px;
                left: 1px;
	        }
	        .designViewActionBlock ul li:first-child:before,
            .designViewActionBlock ul li:nth-child(2):before {
	            display: none;
	        }
	        .designViewActionBlock ul li.designViewActionDelete a {
	            color: rgba(225,0,0,1);
	        }
	        .designViewActionBlock ul li span {
	            display: block;
    			float: left;
    			padding: 20px 0 19px 5px;
    			color: rgba(0,0,0,0.55);
    	    }
    	    .designViewActionBlock ul li a,
    	    .designViewActionBlock ul li div,
    	    .designViewActionBlock ul li label {
    			display: block;
    			float: left;
    			padding: 20px 5px 19px 5px;
    			height: auto;
    			color: rgba(0,0,0,0.73);
    			cursor: pointer;
    			font-weight: normal;
    			-webkit-transition: all 0.2s ease-in-out;
            	-moz-transition: all 0.2s ease-in-out;
            	-ms-transition: all 0.2s ease-in-out;
            	-o-transition: all 0.2s ease-in-out;
            	transition: all 0.2s ease-in-out;
            	cursor: pointer;
    		}
    		    .designViewActionBlock ul li a strong,
    		    .designViewActionBlock ul li div strong,
    		    .designViewActionBlock ul li label strong {
    				display: block;
    				position: relative;
    				font-weight: normal;
    		    }
    		        .designViewActionBlock ul li a strong:after,
    		        .designViewActionBlock ul li div strong:after,
    		        .designViewActionBlock ul li label strong:after {
        			    content: '';
        				-webkit-transition: all 0.2s ease-in-out;
        				-moz-transition: all 0.2s ease-in-out;
        				-ms-transition: all 0.2s ease-in-out;
        				-o-transition: all 0.2s ease-in-out;
        				display: block;
        				height: 5px;
        				width: 0%;
        				border-top: 1px solid rgba(0,140,189,1);
        				position: absolute;
        				bottom: -6px;
        				left: 0;
    		        }
    			.designViewActionBlock ul li a:hover,
    			.designViewActionBlock ul li div:hover,
    			.designViewActionBlock ul li label:hover {
    				color: rgba(0,140,189,1);
    				text-decoration: none;
    			}
        			.designViewActionBlock ul li a:hover strong:after,
        			.designViewActionBlock ul li div:hover strong:after,
        			.designViewActionBlock ul li label:hover strong:after {
        			    width: 100%;
    					left: 0;
    			    }




























/*Folders Block*/
.foldersContainer {
}
	.foldersGridBlock {
		margin-bottom: -5px;
	}
		.foldersGrid {
			padding: 19px 0 0 0;
		}
			.foldersGridItem {
				padding: 0;
				height: 43px;
				position: relative;
				margin: 6px;
				width: 25%;
				width: calc(25% - 12px);
				background: #FFF;
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
			}
				.foldersGridItem:hover {
					-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
					box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
				}
			 	.foldersGridItem .designGridItem-Select {
			 		top: 0;
			 		right: 0;
			 	}
				.foldersGridItem-Link {
					width: 100%;
					width: calc(100% - 41px);
					height: 31px;
					display: block;
					position: absolute;
					color: rgba(0,0,0,0.73);
					padding: 12px 0 0 41px;
					z-index: 40;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					cursor: pointer;
					left: 0;
					top: 0;
				}
					.foldersGridItem-Link:hover {
						text-decoration: none;
						color: rgba(0,140,189,1);
					}
					.foldersGridItem-LinkIcon {
						width: 28px;
						height: 29px;
						position: absolute;
						top: 7px;
						left: 7px;
						overflow: hidden;
						font-size: 0;
					}
						.foldersGridItem-LinkIcon-1 {
							position: absolute;
							display: block;
							background: rgb(255,215,0);
							width: 28px;
							height: 19px;
							left: 0;
							bottom: 0;
							border-radius: 0 0 2px 2px;
						}
						.foldersGridItem-LinkIcon-2 {
							position: absolute;
							display: block;
							background: rgb(242,166,0);
							left: 0;
							top: 0;
							width: 12px;
							height: 7px;
							border-radius: 2px 3px 0 0;
						}
						.foldersGridItem-LinkIcon-3 {
							position: absolute;
							display: block;
							background: rgb(242,166,0);
							left: 0;
							top: 5px;
							width: 28px;
							height: 6px;
							border-radius: 0 2px 0 0;
						}
						.foldersGridItem-LinkIcon-5 {
							position: absolute;
							display: block;
							border-top: 1px solid rgba(0,0,0,0.73);
							left: 3px;
							top: 14px;
							width: 21px;
							height: 5px;
						}
						.foldersGridItem-LinkIcon-6 {position: absolute;
							display: block;
							border-left: 1px solid rgba(0,0,0,0.73);
							left: 13px;
							top: 4px;
							width: 5px;
							height: 21px;
						}
					.foldersGridItem-Link strong {
						font-weight: normal;
						float: left;
						display: block;
						overflow: hidden;
						padding-bottom: 2px;
						position: relative;
						max-width: 100%;
						white-space: nowrap;
						text-overflow: ellipsis;
						max-width: calc(100% - 85px);
						height: 20px;
					}
					.foldersGridItem-Link em {
						opacity: 0.73;
						font-weight: normal;
						float: left;
						display: block;
						overflow: hidden;
						position: relative;
						margin-left: 3px;
					}
						.foldersGridItem-Link strong:after {
							content: '';
							-webkit-transition: all 0.2s ease-in-out;
							-moz-transition: all 0.2s ease-in-out;
							-ms-transition: all 0.2s ease-in-out;
							-o-transition: all 0.2s ease-in-out;
							display: block;
							height: 5px;
							width: 0%;
							border-top: 1px solid rgba(0,140,189,1);
							position: absolute;
							bottom: -5px;
							left: -5px;
						}
							.foldersGridItem-Link:hover strong:after {
								width: 100%;
								left: 0;
							}
.foldersGridItem .designGridItem-Select {
	z-index: 49;
}
.designGridItem-Rename,
.designGridItem-Change,
.designGridItem-Cancel,
.designGridItem-AddFolder,
.designGridItem-isPrivate,
.designGridItem-isPublic {
	displaY: block;
	position: absolute;
	top: 0;
	height: 43px;
	overflow: hidden;
	line-height: 9999px;
	cursor: pointer;
	z-index: 50;
}
.designGridItem-Rename {
	background-position: -1795px -687px;
	width: 21px;
	right: 30px;
	opacity: 0.23;
}
	.designGridItem-Rename:hover {
		/*background-position: -1795px -735px;*/
		opacity: 1;
	}
.designGridItem-AddFolder,
.designGridItem-Change {
	background-position: -1697px -684px;
	width: 33px;
	right: 0;
	opacity: 0.55;
}
	.designGridItem-AddFolder,
	.designGridItem-Change:hover {
		opacity: 1;
	}
.designGridItem-Cancel {
	background-position: -1748px -685px;
	width: 11px;
	right: 33px;
	opacity: 0.55;
}
	.designGridItem-Cancel:hover {
	}
.designGridItem-isPrivate {
	height: 16px;
	width: 16px;
	background-position: -1897px -701px;
	left: 19px;
	top: 23px;
	opacity: 0.55;
}
.designGridItem-isPublic {
	height: 16px;
	width: 16px;
	background-position: -1947px -701px;
	left: 19px;
	top: 23px;
	opacity: 0.31;
}




.designGridItem-form {
	display: none;
}
.designGridItem-form.addFolder,
.designGridItem-form.active {
	display: block;
	width: 100%;
	height: 43px;
	background: #FFF;
	position: absolute;
	z-index: 60;
	top: 0;
	left: 0;
}
	.foldersGridItem-input {
		background: #FFF;
		border: 0;
		left: 41px;
		position: absolute;
		top: 5px;
		margin: 0;
		padding: 6px 31px 4px 0;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.19);
		width: 100%;
		width: calc(100% - 87px);
		color: rgba(0,0,0,0.5);
	}
		.foldersGridItem-input:hover,
		.foldersGridItem-input:active,
		.foldersGridItem-input:focus {
			border-bottom: 1px solid rgba(0,0,0,0.73);
			color: rgba(0,0,0,0.91);
		}


















/*Folder-Design Select Actions*/
.selectActionsBlock {
	width: 100%;
	width: calc(100% - 50px);
	padding: 0 25px;
	height: 57px;
	position: fixed;
	top: 56px;
	left: 0;
	background: rgb(37,37,37);
	z-index: 95;
	display: none;
	cursor: default;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
}
	.selectActionsBlock.active {
		display: block;
	}
	.selectActionsBlockInner {
		width: 100%;
		max-width: 1060px;
		margin: 0 auto;
		height: 56px;
		position: relative;
	}
		.selectActionsBlockList {
			padding: 14px 0 0 0;
			height: 30px;
			margin-left: -5px;
		}
			.selectActionsBlockList li {
				position: relative;
				float: left;
			}
				.selectActionsBlockList li:first-child {
					border-left: 0;
				}
				.selectActionsBlockList li .selectActionButton {
					padding-top: 5px;
					padding-right: 17px;
					padding-bottom: 6px;
					cursor: pointer;
					color: rgba(255,255,255,1);
					position: relative;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					height: 20px;
					opacity: 0.73;
				}
					.selectActionsBlockList li .selectActionButton:hover {
					 	color: rgba(255,255,255,1);
						opacity: 1;
					}
						.selectActionsBlockList li .selectActionButton strong {
							font-weight: normal;
							float: left;
							display: block;
							overflow: hidden;
							padding-bottom: 2px;
							position: relative;
							max-width: 100%;
							white-space: nowrap;
							height: 20px;
						}
							.selectActionsBlockList li .selectActionButton strong:after {
								content: '';
								-webkit-transition: all 0.2s ease-in-out;
								-moz-transition: all 0.2s ease-in-out;
								-ms-transition: all 0.2s ease-in-out;
								-o-transition: all 0.2s ease-in-out;
								display: block;
								height: 5px;
								width: 0%;
								border-top: 1px solid rgba(255,255,255,1);
								position: absolute;
								bottom: -5px;
								left: -5px;
							}
								.selectActionsBlockList li .selectActionButton:hover strong:after {
									width: 100%;
									left: 0;
								}
		.selectActionButton.selectActionButton-Download,
		.selectActionItem-Download .selectActionButton {
			padding-left: 23px;
			background-position: -95px -1470px;
		}
		.selectActionButton.selectActionButton-CopyTo,
		.selectActionItem-CopyTo .selectActionButton {
			padding-left: 26px;
			background-position: -295px -1470px;
		}
		.selectActionButton.selectActionButton-MoveTo,
		.selectActionItem-MoveTo .selectActionButton {
			padding-left: 26px;
			background-position: -495px -1470px;
		}
		.selectActionButton.selectActionButton-SetPrivacy,
		.selectActionItem-SetPrivacy .selectActionButton {
			padding-left: 22px;
			background-position: -695px -1470px;
		}
		.selectActionButton.selectActionButton-ShareWith,
		.selectActionItem-ShareWith .selectActionButton {
			padding-left: 26px;
			background-position: -895px -1470px;
		}
		.selectActionButton.selectActionButton-Delete,
		.selectActionItem-Delete .selectActionButton {
			padding-left: 23px;
			background-position: -1095px -1470px;
		}
		.selectActionButton.selectAllDesigns,
		.selectAllDesigns .selectActionButton {
			padding-left: 0;
			background-position: -9999px -9999px;
		}
.selectActionButton-DeselectAll {
	position: absolute;
	width: 30px;
	height: 30px;
	overflow: hidden;
	line-height: 9999px;
	cursor: pointer;
	top: 13px;
	right: -5px;
	background-color: rgb(37,37,37);
}
	.selectActionButton-DeselectAll:hover {
		opacity: 0.37;
	}






















/*No design yet*/
.noDesignYet {
	text-align: center;
	padding: 25px 0 0 0;
	justify-content: center;
	align-items: center;
	cursor: default;
}
	.noDesignYetInner {
	}
		.noDesignYet h5 {
			padding: 10px 0;
			font-size: 15px;
			line-height: 20px;
			font-weight: normal;
			max-width: 800px;
		}
		.noDesignYet p {
			padding: 10px 0;
			margin: 0 auto;
		}
		.noDesignYet img {
			width: 200px;
		}
		.noDesignYet h1 {
			display: block;
			text-align: center;
		}
		.noDesignYetInner a {
			text-transform: uppercase;
		}












/*Actions Popups*/
.popupActions {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
}
.popupActions.active {
	display: block;
}
	.popupActions .popupPlatform {
		display: flex;
	}












/*Design Notif To Register*/
.designPreviewNotif {
	position: absolute;
	right: 0;
	top: -9px;
}
	.designPreviewNotif p {
		float: left;
		display: block;
		padding: 4px 7px 0 0;
		font-style: italic;
		text-align: right;
		line-height: 16px;
		font-size: 13px;
		color: rgba(0,0,0,0.85);
	}
	.designPreviewNotif a,
	.designPreviewNotif label {
		display: block;
		float: left;
		padding: 11px 15px 9px 15px;
		font-weight: bold;
		height: auto;
		border-radius: 25px;
		cursor: pointer;
		margin-left: 5px;
		color: rgba(0,0,0,0.85);
		background: rgba(255,193,7,0.91);
		text-decoration: none;
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
		line-height: 18px;
		text-transform: uppercase;
	}
		.designPreviewNotif a:hover,
		.designPreviewNotif label:hover {
			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
			color: rgba(0,0,0,0.91);
			background: rgba(255,193,7,1);
			text-decoration: none;
		}







/*Design Preview*/
.designViewBlock {
}
	.designViewItem {
		text-align: center;
		position: relative;
		padding: 0 0 25px 0;
		overflow: hidden;
	}
		.designViewLabel {
			display: block;
			cursor: zoom-in;
		}
			.designViewItemInner {
				display: block;
				background: rgba(0,0,0,1);
				/*background: rgba(255,255,255,1);*/
				position: relative;
				overflow: hidden;
				width: 100%;
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
            	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
            	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
            	min-height: 50px;
			}
				.designViewItemInnerBg {
					position: absolute;
					top: -10%;
					left: -10%;
					width: 100%;
					width: calc(100% + 20%);
					height: 100%;
					height: calc(100% + 20%);
					background-repeat: no-repeat;
					background-size: cover;
					background-position: 50% 50%;
					filter: blur(5px) grayscale(0) invert(0);
					opacity: 0.19;
				}
				.designViewItemMainImage {
					display: block;
					margin: 0 auto;
					max-width: 100%;
					/*max-height: calc(100vh - 233px);*/
					max-height: calc(100vh - 110px);
					position: relative;
					z-index: 50;
				}
.videoPreview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 75;
}













/*Design Preview - Header*/
.designViewHeader {
	cursor: default;
}
	.designViewHeaderDetails {
		color: rgba(0,0,0,0.5);
		font-style: italic;
		padding: 1px 0 1px 0;
	}
		.designViewHeaderDetails abbr {
			color: rgba(0,0,0,0.73);
			border: 0;
			text-decoration: none;
		}
		.designViewHeaderDetails em {
			color: rgba(0,0,0,0.91);
		}
	.staticContent .designViewHeader h1 {
		font-size: 17px;
		line-height: 22px;
		font-weight: normal;
		text-transform: none;
		letter-spacing: 0;
	}
		.designViewHeader h1 a {
			font-style: italic;
		}
			.designViewHeader h1 a img {
				display: inline-block;
				height: 13px;
			}
			.designViewHeader h1 a:hover {
				text-decoration: none;
				color: rgba(0,140,189,0.73);
			}
		.designViewHeader h1 span {
			display: inline-block;
			color: rgba(0,0,0,0.5);
		}
			.designViewHeader h1 span {
				font-weight: normal;
			}











/*Design Options - Download + Actions*/
.designViewOptions {
	padding: 25px 0 73px 0;
	cursor: default;
	position: relative;
	z-index: 90;
}




/*Editor - USE EDIT Buttons*/
.designViewOptionsLeft {
	float: left;
	border-radius: 24px;
}



.designViewEditor {
	float: left;
}
.itemUseEditBlock {
	position: relative;
	max-width: 340px;
	cursor: default;
}
	.designViewEditor a,
	.designViewEditor label {
		display: block;
		float: left;
		padding: 20px 25px 19px 25px;
		font-weight: normal;
		height: auto;
		cursor: pointer;
		color: rgba(0,0,0,0.85);
		background: rgba(255,193,7,1);
		text-decoration: none;
		line-height: 18px;
		text-transform: normal;
		-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	transition: all 0.2s ease-in-out;
    	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.17);
		border-radius: 30px;
	}
		.designViewEditor .gridItemUse,
		.designViewEditor .gridItemUse span,
		.designViewEditor .gridItemUse strong {
			font-weight: bold;
		}
	    .designViewEditor a strong,
	    .designViewEditor label strong {
	        font-weight: normal;
	    }
		.designViewEditor a:hover,
		.designViewEditor label:hover {
			color: rgba(0,0,0,1);
			background: rgba(255,163,7,1);
			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			text-decoration: none;
		}
	.designViewEditor .itemUseBlock a,
	.designViewEditor .itemUseBlock label {
	}
    .designViewEditor .itemUseBlock,
    .designViewEditor .itemEditBlock {
        margin-right: 2px;
    }






/*Design Tags + Related Designs*/
.designViewTags {
	position: relative;
	padding: 50px 0 0 0;
}
	.designViewTags ul {
		/*text-transform: lowercase;*/
		position: relative;
		text-align: center;
	}
		.designViewTags ul li {
			float: left;
			padding: 2px;
			position: relative;
		}
			.designViewTags ul li a {
			    color: rgba(0,0,0,0.5);
			    background: rgba(0,0,0,0.07);
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				overflow: hidden;
				display: block;
				font-weight: normal;
				border-radius: 25px;
				padding: 7px 13px;
			}
				.designViewTags ul li a:hover{
					text-decoration: none;
					color: rgba(0,0,0,0.91);
					background: rgba(255,193,7,1);
				}























/*Comments*/
.designViewComments {
}
.designViewComments .inputButton input {
	font-weight: bold;
}










/*Share Buttons*/
.AddToAnyPixTeller *,
.AddToAnyPixTellerPopup * {
	opacity: 1 !important;
}
	.AddToAnyPixTeller a:hover,
	.AddToAnyPixTellerPopup a:hover {
		-webkit-filter: brightness(115%);
  		filter: brightness(115%);
	}
	.AddToAnyPixTellerDesignView.AddToAnyPixTeller,
	.AddToAnyPixTellerDesignView {
		width: 100%;
		max-width: 320px;
		margin: 0;
		padding: 7px 0 0 0;
		height: 46px;
		display: block;
		position: relative !important;
		left: inherit;
		right: inherit;
		top: inherit;
		clear: both;
	}
	.AddToAnyPixTellerBlogPost.AddToAnyPixTeller,
	.AddToAnyPixTellerBlogPost {
		width: 100%;
		max-width: 320px;
		margin: 0;
		padding: 0 0 0 0;
		height: 91px;
		display: block;
		position: relative !important;
		left: inherit;
		right: inherit;
		top: inherit;
		clear: both;
	}
	    .AddToAnyPixTeller a {
	         padding: 0 2px 2px 0 !important;
	    }
            .AddToAnyPixTeller a span {
                border-radius: 23px !important;
            }








/*List Users Grid*/
.gridUsersBlock {
}
	.gridUsersList {
		width: 100%;
		width: calc(100% + 24px);
		margin-left: -12px;
		padding: 6px 0 25px 0;
	}
		.gridUserItem {
			margin-bottom: 40px;
			width: 25%;
			padding-bottom: 25%;
			float: left;
			position: relative;
		}
			.gridUserItemBlock {
				width: 100%;
				width: calc(100% - 24px);
				height: 100%;
				height: calc(100% - 24px);
				left: 12px;
				top: 12px;
				position: absolute;
			}
				.gridUserItemBlock a {
					display: block;
					height: 100%;
					position: relative;
					line-height: 18px;
				}
					.gridUserItemBlock a:after {
						content: '';
						display: block;
						width: 100%;
						width: calc(100% - 10px);
						height: 100%;
						height: calc(100% - 10px);
						position: absolute;
						top: 50%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						border-radius: 50%;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						border: 1px solid rgba(15,15,15,0.73);
						z-index: 50;
					}
						.gridUserItemBlock a:hover:after {
							border: 1px solid rgba(0,140,189,0.91);
						}
					.gridUserItemBlock a img.gridUserItemAvatar {
						max-width: inherit;
						max-height: inherit;
						width: 100%;
						height: 100%;
						position: absolute;
						top: 50%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						border-radius: 50%;
						-webkit-box-shadow: none;
						-moz-box-shadow: none;
						box-shadow: none;
						background: rgba(255,193,7,1);
						z-index: 40;
					}
					.gridUserItemBlock a strong {
						display: block;
						width: 100%;
						text-align: center;
						position: absolute;
						left: 0;
						padding: 5px;
						top: 100%;
						z-index: 50;
					}
					.gridUserItemBlock a span {
						display: block;
						background: rgba(15,15,15,0.91);
						width: 50px;
						height: 50px;
						border-radius: 50%;
						text-align: center;
						position: absolute;
						z-index: 55;
						right: 0;
						top: 25px;
						-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
						-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
						box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
					}
						.gridUserItemBlock a:hover span {
							background: rgba(0,140,189,1);
						}
						.gridUserItemBlock a span img {
							width: 30px;
							display: block;
							position: absolute;
							left: 10px;
							top: 15px;
							-webkit-transform: translate(0%,0%);
							-ms-transform: translate(0%,0%);
							transform: translate(0%,0%);
							-webkit-box-shadow: none;
							-moz-box-shadow: none;
							box-shadow: none;
						}














/*Full Page Preloader*/
.fullPagePreloader {
    background-color: rgba(15,15,15,1);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.actionLoader {
    background-color: rgba(15,15,15,0.73);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 900;
}
	.actionLoader.active {
		display: block;
	}
	.designsBg {
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    z-index: 40;
        background: #0F1B27;
	    background: radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
	    background: -webkit-radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
	}
	.fullPagePreloader span,
	.actionLoader span {
		display: block;
		position: absolute;
		width: 50px;
  		height: 50px;
  		background: #FFF;
	  	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
 		animation: sk-rotateplane 1.2s infinite ease-in-out;
		top: 50%;
		left: 50%;
		margin: -25px 0 0 -25px;
		border-radius: 25px;
		z-index: 60;
	}
		@-webkit-keyframes sk-rotateplane {
		  0% {
		    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
		  } 50% {
		    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
		  } 100% {
		    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		  }
		}

		@keyframes sk-rotateplane {
		  0% {
		    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
		  } 50% {
		    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
		  } 100% {
		    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		  }
		}
.body-filters-load .fullPagePreloader,
.pageIsLoading .fullPagePreloader {
	display: block;
	z-index: 9999;
}
.authContainer .fullPagePreloader {
	display: block;
	z-index: 40;
}
	.authContainer .fullPagePreloader span {
		display: none;
	}
















/*
	Platform Popups:
		- Register -> popupRegisterTrigger
		- Upgrade -> popupUpgradeTrigger
		- Download Jpg -> popupJpgTrigger
		- Download Png -> popupPngTrigger
		- Download Pdf -> popupPdfTrigger
		- Download Gif -> popupGifTrigger
*/
.popupDesignLimitReached {
    display: flex !important;
}
.popupGodiamondInput:checked ~ .popupAnimationLimitReached {
    display: flex !important;
}
    .popupUpBg {
        width: 350px;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: #0F1B27;
		background: radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
		background: -webkit-radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
    }
        .popupUpBgDark {
            width: 300px;
            padding: 0 25px;
            height: 100%;
            top: 0;
            left: 0;
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.37) 30%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.37) 30%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.37) 30%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
        }
            .popupUpBgInner {
                width: 100%;
                width: calc(100% - 50px);
                height: 138px;
                position: absolute;
                left: 25px;
                top: 50%;
                margin-top: -64px;
            }
                .popupUpBgInner img {
                    max-width: 100%;
                    display: block;
                }
                .popupUpBgInner p {
                    font-weight: bold;
                    text-transform: uppercase;
                    position: absolute;
                    width: 100%;
                    color: rgba(255,255,255,1);
                    text-shadow: 2px 2px 0 rgba(0,0,0,1);
                    letter-spacing: 3.5px;
                    left: 0;
                    bottom: 5px;
                }
                .goDiamondButton {
            		display: none;
            		cursor: pointer;
            		border-radius: 30px;
            		padding: 12px 19px 0 19px;
            		height: 32px;
            		color: rgba(255,255,255,1);
            		background: rgba(37,37,37,1);
            		position: fixed;
            		right: 25px;
            		top: 137px;
	                z-index: 91;
            	}
            	    .goDiamondButton:hover {
            	        color: rgba(0,0,0,0.91);
            	        background: rgba(255,192,6,1);
            	    }
            		.goDiamondButton:before {
                		content: 'HOT';
                		display: block;
                		font-size: 10px;
                		line-height: 13px;
                		background: #DF0000;
                		color: #FFF;
                		position: absolute;
                		left: 73px;
                		top: -11px;
                		padding: 3px 7px 2px 7px;
                	}
                			.goDiamondButton:hover:before {
                    			color: #FFF;
                    		}
                    	.goDiamondButton:after {
                    		content: '';
                    		display: block;
                    		width: 0;
                    		height: 0;
                    		border-style: solid;
                    		border-width: 11px 11px 0 0;
                    		border-color: #DF0000 transparent transparent transparent;
                    		position: absolute;
                    		left: 73px;
                    		top: 3px;
                    	}

.popupPlatform {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	justify-content: center;
	align-items: center;
}
	.popupPlatformRegisterInput:checked ~ .popupPlatform.popupPlatformRegister,
	.popupPlatformUpgradeInput:checked ~ .popupPlatform.popupPlatformUpgrade,
	.popupPlatformJpgInput:checked ~ .popupPlatform.popupPlatformJpg,
	.popupPlatformPngInput:checked ~ .popupPlatform.popupPlatformPng,
	.popupPlatformPdfInput:checked ~ .popupPlatform.popupPlatformPdf,
	.popupPlatformGifInput:checked ~ .popupPlatform.popupPlatformGif {
		display: flex;
	}
	.popupPlatformOverlay {
		z-index: 500;
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 500;
		background: rgba(15,15,15,0.73);
	}
	.popupPlatformBlock {
		display: block;
		width: 100%;
		width: calc(100% - 100px);
		padding: 50px 25px;
		margin: 25px;
		max-width: 300px;
		background: rgba(255,255,255,1);
		position: relative;
		z-index: 550;
		-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
		-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
		box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
		text-align: center;
	}
		.popupPlatformBlock .popupLogo {
			width: 100%;
			margin-top: -10px;
		}
		.popupCoffee {
			max-width: 70px;
			margin: 0 auto;
			display: block;
		}
		.popupPlatformContent {
			padding: 20px 0;
			cursor: default;
			position: relative;
		}
		    .popupPlatformPlanAvatars {
                height: 40px;
                position: relative;
		    }
		    		.popupPlatformPlanAvatarsDiamond {
		    			width: 36px;
                        position: absolute;
                        display: block;
                        left: 50%;
                        margin-left: -36px;
                        top: 2px;
		    		}
		    		.popupPlatformPlanAvatarsPro {
						width: 40px;
                        position: absolute;
                        display: block;
                        right: 50%;
                        margin-right: -44px;
                        top: 0;
		    		}
			.popupPlatformContent p {
				text-align: center;
				padding: 6px 0;
			}
				.popupPlatformContent p span {
					display: block;
					text-transform: none;
					font-size: 15px;
        			line-height: 18px;
        			font-weight: normal;
        			padding: 2px 0;
				}
			.popupPlatformContent .popupDiscount {
				text-align: center;
				padding-bottom: 5px;
			}
				.popupPlatformContent .popupDiscount strong {
					font-weight: bold;
					display: block;
					color: #F90000;
					text-transform: uppercase;
					font-size: 20px;
				}
				.popupPlatformContent .popupDiscount span {
				}
		.popupButtonYellow,
		.popupButtonGrey {
			-webkit-box-shadow: 0 10px 5px -10px rgba(0,0,0,0.37);
			-moz-box-shadow: 0 10px 5px -10px rgba(0,0,0,0.37);
			box-shadow: 0 10px 5px -10px rgba(0,0,0,0.37);
			display: block;
			text-align: center;
			padding: 20px 0 19px 0;
			border-radius: 35px;
			color: rgba(0,0,0,0.91);
			cursor: pointer;
			width: 100%;
		}
		.popupButtonYellow {
			background: rgba(255,193,7,1);
			font-weight: bold;
		}
		.popupButtonGrey {
			background: rgba(217,217,217,1);
		}
			.popupButtonYellow:hover {
				background: rgba(255,163,7,1);
				color: rgba(0,0,0,0.85);
				text-decoration: none;
			}
			.popupButtonGrey:hover {
				background: rgba(220,220,220,0.73);
				color: rgba(0,0,0,0.85);
				text-decoration: none;
			}
.upgradePopPar {
	display: block;
	padding: 1px 0 !important;
	color: rgba(0,0,0,0.5);
}
	.upgradePopPar span {
		display: inline !important;
		color: rgba(0,0,0,1);
	}

.shareButtonsPopup {
	height: 50px;
}
	.shareButtonsPopup li {
		width: 46px;
		height: 46px;
		display: block;
		float: left;
		margin: 0 2px;
	}
		.shareButtonsPopup li a {
			width: 46px;
			height: 46px;
			display: block;
			overflow: hidden;
			line-height: 9999px;
			border-radius: 0px;
		}
		.shareButtonsPopupFacebook a {
			background-position: 0 -280px;
			background-size: 1120px 1120px;
		}
		.shareButtonsPopupTwitter a {
			background-position: -225px -281px;
			background-size: 1120px 1120px;
		}
		.shareButtonsPopupPinterest a {
			background-position: -169px -281px;
			background-size: 1120px 1120px;
		}
		.shareButtonsPopupLinkedin a {
			background-position: -337px -281px;
			background-size: 1120px 1120px;
		}
		.shareButtonsPopupReddit a {
			background-position: -282px -281px;
			background-size: 1120px 1120px;
		}
		.shareButtonsPopupTumblr a {
			background-position: -114px -281px;
			background-size: 1120px 1120px;
		}
.blogShareButtons {
	padding: 75px 0 0 0;
	margin: 0 0 -25px 0;
	font-size: 15px;
}
	.blogShareButtons strong {
		display: block;
		text-align: center;
		padding: 0 0 9px 0;
	}
	.blogShareButtons .shareButtonsPopup {
		max-width: 300px;
		margin: 0 auto;
	}
.popupPlatformTooltip {
	position: relative;
}
	.popupPlatformTooltip strong {

	}
		.popupPlatformTooltip strong em {
			font-size: 13px;
			font-weight: normal;
			font-style: normal;
			background: rgba(0,0,0,0.09);
			color: rgba(0,0,0,0.73);
			padding: 0 6px;
			display: inline-block;
			border-radius: 12px;
			position: relative;
			top: -1px;
			right: -1px;
		}
			.popupPlatformTooltip:hover strong em {
				opacity: 0;
			}
	p.popupPlatformTooltip span {
		background: rgba(25,25,25,1);
		color: rgba(255,255,255.1);
		padding: 15px 25px;
		width: 100%;
		width: calc(100% - 50px);
		position: absolute;
		z-index: 100;
		left: 0;
		top: 40px;
		font-size: 13px;
		display: none;
	}
		p.popupPlatformTooltip:hover span {
			display: block;
		}
		p.popupPlatformTooltip span:before {
			content: '';
			display: block;
			position: absolute;
			left: 25px;
			top: -14px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 0 0 15px;
			border-color: transparent transparent transparent rgba(25,25,25,1);
		}














/*AutoComplete Textarea / Input*/
.shareEmailBlock {
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	position: relative;
}
	.selectize-control {
		display: block;
		position: relative;
		padding: 13px 0 5px 0; 
	}
		.selectize-input {
			padding: 8px 7px 8px 8px;
			border: 1px solid rgba(0,0,0,0.37);
			background: #FFFFFF;
			display: block;
			position: relative;
			cursor: text;
			border-radius: 6px;
		}
		.selectize-input.input-active {
			border: 1px solid rgba(73,73,73,1);
		}
			.selectize-input:before {
				content: 'Email addresses';
				display: block;
				position: absolute;
				background: #FFF;
				color: rgba(0,0,0,0.73);
				padding: 0 8px;
				left: 12px;
				top: -11px;
			}
			.selectize-input:after {
				clear: both;
				content: '';
				display: block;
				height: 0;
				overflow: hidden;
				visibility: hidden;
				line-height: 1px;
			}
			.selectize-input div {
				display: block;
				padding: 0 0 0 11px;
				position: relative;
				max-width: 100%;
				max-width: calc(100% - 33px);
				white-space: nowrap;
				border-radius: 0px;
				float: left;
				clear: both;
			}
				.selectize-input div span {
					color: rgba(0,0,0,1);
					display: block;
					white-space: nowrap;
					text-overflow: ellipsis;
					max-width: 247px;
					overflow: hidden;
					font-style: italic;
				}
				.selectize-input div a {
					color: rgba(0,140,189,0.5);
					position: absolute;
					top: 0px;
					right: -17px;
					font-size: 17px;
					padding: 0px 5px 0 5px;
					text-align: right;
					border-radius: 0px;
				}
					.selectize-input div a:hover {
						text-decoration: none;
						color: rgba(0,140,189,1);
					}
			#shareToEmailTextarea-selectized {
				padding: 5px 11px 5px 11px;
				font-size: 13px;
				line-height: 18px;
				text-align: left;
				border: none;
				background: #FFF;
				width: 100% !important;
				width: calc(100% - 26px) !important;
				border-radius: 6px;
				margin-top: -1px;
				position: relative !important;
				left: 0 !important;
				clear: both;
			}
	.selectize-dropdown {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		z-index: 120;
	}
		.selectize-dropdown:before {
			content: '';
			display: block;
			width: 100%;
			width: calc(100% - 40px);
			line-height: 1px;
			height: 3px;
			border-top: 1px solid rgba(125,125,125,1);
			z-index: 121;
			position: absolute;
			left: 20px;
			top: 2px;
		}
		.selectize-dropdown-content {
			position: absolute;
			padding: 20px 19px 13px 19px;
			background: #FFF;
			border: 1px solid rgba(73,73,73,1);
			border-top: none;
			width: 100% !important;
			width: calc(100% - 40px) !important;
			left: 0 !important;
			top: -5px !important;
			border-radius: 0 0 6px 6px;
			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.55);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.55);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.55);
		}
			.selectize-dropdown-content:before {
				content: '';
				display: block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 10px 10px 10px;
				border-color: transparent transparent rgba(55,55,55,1) transparent;
				position: absolute;
				left: 33px;
				top: -2px;
			}
			.selectize-dropdown-content:after {
				content: '';
				display: block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 10px 10px 10px;
				border-color: transparent transparent rgba(255,255,255,1) transparent;
				position: absolute;
				left: 33px;
				top: -1px;
				z-index: 125;
			}
			.selectize-dropdown-content div {
				cursor: pointer;
				display: block;
				border-radius: 0px;
				padding: 0 0 0 0;
				overflow: hidden;
				white-space: nowrap;
				position: relative;
				color: rgba(0,0,0,0.73);
				max-width: 100%;
			}
				.selectize-dropdown-content div:hover,
				.selectize-dropdown-content div.active {
					color: rgba(0,140,189,1);
				}
					.selectize-dropdown-content div:hover:after {
						content: "+";
						display: block;
						position: absolute;
						font-size: 18px;
						background: #FFF;
						right: 0;
						top: 0;
					}
				.selectize-dropdown-content div span.highlight {
					font-weight: bold;
				}
























/*Home Why?*/
.homeWhy {
}
	.homeWhy li  {
		float: left;
		width: 30%;
		text-align: center;
	}
	.homeWhy li:nth-child(2) {
		padding-left: 5%;
		padding-right: 5%;
	}
		.homeWhy h2 {
			display: block;
			font-size: 25px;
			line-height: 30px;
			letter-spacing: -1px;
			font-weight: normal;
			padding-top: 60px;
			position: relative;
		}
			.homeWhy li h2:after {
				content: '';
				display: block;
				width: 122px;
				height: 120px;
				position: absolute;
				top: -62px;
				left: 50%;
				margin-left: -61px;
				opacity: 0.73;
				transform: scale(0.5);
			    -webkit-transform: scale(0.5);
			    -moz-transform:scale(0.5);
			    -o-transform: scale(0.5);
			    -ms-transform: scale(0.5);
			    transform-origin: bottom center;
			    -webkit-transform-origin: bottom center;
			    -moz-transform-origin:  bottom center;
			    -o-transform-origin: bottom center;
			    -ms-transform-origin:  bottom center;

			}
				.homeWhy li:nth-child(1) h2:after {
					background-position: -45px -900px;
				}
				.homeWhy li:nth-child(2) h2:after {
					background-position: -295px -900px;
				}
				.homeWhy li:nth-child(3) h2:after {
					background-position: -545px -900px;
				}
		.homeWhy p {
			padding: 6px 0 0 0;
		}














/*Trending*/
.trendingDesigns {
	padding: 0 0 100px 0;
	position: relative;
}
	.trendingDesignsTitle {
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		top: -13px;
		text-align: center;
		color: rgba(0,0,0,0.5);
		font-weight: normal;
	}
	.trendingDesigns .gridBlockList {
		padding-bottom: 38px;
	}









/*Home What?*/
.homeWhatBlock {
}
    .homeWhatBlock img {
		width: 100%;
		position: relative;
	}
    .homeWhat {
    	position: relative;
    }
		.homeWhat ol {
		}
				.homeWhat ol li h3,
				.homeWhat ol li h4 {
					display: block;
					font-size: 25px;
					line-height: 30px;
					letter-spacing: -1px;
					font-weight: normal;
					position: relative;
				}
					.homeWhat ol li h3:before,
					.homeWhat ol li h4:before {
						padding: 0 5px 0 0;
						color: rgba(0,0,0,0.5);
					}
						.homeWhatLeft ol li:nth-child(1) h3:before,
						.homeWhatLeft ol li:nth-child(1) h4:before {
							content: '1.';
						}
						.homeWhatLeft ol li:nth-child(2) h3:before,
						.homeWhatLeft ol li:nth-child(2) h4:before {
							content: '2.';
						}
						.homeWhatLeft ol li:nth-child(3) h3:before,
						.homeWhatLeft ol li:nth-child(3) h4:before {
							content: '3.';
						}
						.homeWhatLeft ol li:nth-child(4) h3:before,
						.homeWhatLeft ol li:nth-child(4) h4:before {
							content: '4.';
						}
						.homeWhatLeft ol li:nth-child(5) h3:before,
						.homeWhatLeft ol li:nth-child(5) h4:before {
							content: '5.';
						}
						.homeWhatRight ol li:nth-child(1) h3:before,
						.homeWhatRight ol li:nth-child(1) h4:before {
							content: '6.';
						}
						.homeWhatRight ol li:nth-child(2) h3:before,
						.homeWhatRight ol li:nth-child(2) h4:before {
							content: '7.';
						}
						.homeWhatRight ol li:nth-child(3) h3:before,
						.homeWhatRight ol li:nth-child(3) h4:before {
							content: '8.';
						}
						.homeWhatRight ol li:nth-child(4) h3:before,
						.homeWhatRight ol li:nth-child(4) h4:before {
							content: '9.';
						}
.homeWhatLeft {
    width: 50%;
    width: calc(50% - 12px);
    float: left;
    padding: 25px 12px 0 0;
}
.homeWhatRight {
    width: 50%;
    width: calc(50% - 12px);
    float: right;
    padding: 25px 0 0 12px;
}
    .homeWhat ol li {
        padding: 12px 0;
        text-align: left;
    }
        .homeWhat ol li p {
			max-width: 485px;
			padding: 6px 0 0 0;
 		}











/*Affiliate Highlights*/
.affiliateHighlights {
	color: rgba(255,255,255,1);
	display: block;
	text-align: center;
	padding: 50px 0 37px 0;
	position: relative;
}
	.affiliateHighlights:before {
		content: '';
		display: block;
		position: absolute;
		left: 25%;
		width: 50%;
		height: 10px;
		border-top: 1px dotted rgba(255,255,255,0.37);
		top: 13px;
	}
	.affiliateHighlights:after {
		content: '';
		display: block;
		position: absolute;
		left: 25%;
		width: 50%;
		height: 10px;
		border-top: 1px dotted rgba(255,255,255,0.37);
		bottom: -7px;
	}
	.affiliateHighlights-title {
		font-style: normal;
		text-transform: uppercase;
		font-weight: bold;
		color: rgba(255,255,255,0.5);
		padding: 0 0 9px 0;
		letter-spacing: 5px;
	}
		.affiliateHighlights ul {
		}
			.affiliateHighlights ul li {
				display: block;
				float: left;
			}
			.affiliateHighlights ul li:nth-child(1),
			.affiliateHighlights ul li:nth-child(3) {
				width: 32%;
			}
			.affiliateHighlights ul li:nth-child(2) {
				width: 36%;
				width: calc(36% - 50px);
				padding: 0 25px 0 25px;
			}
				.affiliateHighlights ul li span {
					display: block;
					font-size: 53px;
					line-height: 57px;
					display: block;
					font-weight: bold;
					letter-spacing: -1px;
					font-style: italic;
				}
				.affiliateHighlights ul li p {
					display: block;
					padding: 7px 0 0 0;
					font-style: italic;
					font-size: 15px;
					line-height: 20px;
				}














/*UPGRADE POPUP*/
.popupPlatformBlockDownloadFree {
    right: -175px;
}
.popupButtonNoWatermark {
    margin: 5px 0 0 0;
    background: rgba(0,0,0,0.09);
}
    .popupButtonNoWatermark:hover {
        background: rgba(0,0,0,0.07);
    }
.popupPlatformContentDownload {
	padding-bottom: 0;
}
.popupDownloadForm {
    position: relative;
}
.downloadPremium {
    line-height: 18px;
    padding: 12px 0 0 0 !important;
    display: block;
}
    .downloadPremium a {
    	color: rgba(0,0,0,0.73);
    	font-style: italic;
    }
    	.downloadPremium a:hover {
    		color: rgba(0,140,189,1);
    	}
.downloadNowPopButtonDownloading,
.downloadNowPopButtonDownloading:hover {
	background: rgba(237,237,237,1);
	color: rgba(0,0,0,0.73);
	cursor: default;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0px;
}
.upgradePop {
    background: rgba(15,15,15,1);
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    position: absolute;
    overflow: hidden;
    min-height: 350px;
    cursor: default;
}
    .upgradePopBg {
        width: 100%;
        width: calc(100% + 50px);
        height: 100%;
        height: calc(100% + 50px);
        top: -25px;
        left: -25px;
        position: absolute;
        background: #0F1B27;
		background: radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
		background: -webkit-radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
    }
    .upgradePopContent {
        position: absolute;
        left: 25px;
        width: 100%;
        width: calc(100% - 50px);
        height: 100%;
        text-align: center;
    }
        .upgradePopImgs {
            padding: 10px 0 5px 0;
            height: 60px;
            position: relative;
        }
            .upgradePopImgs img {
                display: inline-block;
                position: relative;
                width: 60px;
            }
        .upgradePopContent h6 {
            display: block;
            text-align: center;
            color: rgba(255,255,255,1);
            font-size: 15px;
            line-height: 20px;
            padding: 50px 0 0 0;
        }
            .upgradePopContent h6 strong {
                display: block;
                letter-spacing: 5px;
                text-transform: uppercase;
            }
        .upgradePopContent p {
            padding: 1px 0;
            color: rgba(255,255,255,0.73);
        }
            .upgradePopContent span {
                display: inline-block;
                color: rgba(255,255,255,1);
                padding: 0 2px;
            }
        .upgradePop .upgradePopButton {
            position: absolute;
            left: 0;
            bottom: 50px;
            background: rgba(255,255,255,0.73);
        }
            .upgradePop .upgradePopButton:hover {
                background: rgba(255,255,255,1);
            }







.popupPlatformBlockPremium {
	max-width: 420px;
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin: 0;
}
	.popupPlatformBlockPremium dfn {
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(255,255,255,0.85);
		font-size: 15px;
		font-style: normal;
		letter-spacing: 2px;
		text-align: center;
		padding: 50px 0 12px 0;
	}
	.popupPlatformBlockPremium img {
		display: block;
		width: 100px;
		margin: 0 auto;
		padding: 37px 0 0 0;
	}
	.popupPlatformBlockPremium p {
		padding: 12px 25px 0 25px;
	}
	.popupPlatformBlockPremium em {
		display: block;
		padding: 12px 0 0 0;
	}
	.popupPlatformBlockPremium .buttonYellow {
		text-transform: none;
		margin: 0 auto;
		padding: 20px 30px 19px 30px;
		font-size: 15px;
		line-height: 20px;
		bottom: 50px;
	}






















/*CREATE UPGRADE*/
.upgradeLanding {
    padding: 0 0;
    margin-top: -1px;
    border-bottom: 1px dotted rgba(0,0,0,0.37);
    position: relative;
}
    .upgradeLandingInner {
        padding: 25px 0;
        color: rgba(0,0,0,1);
        text-align: left;
        position: relative;
        border-radius: 4px;
    }
        .upgradeLandingInner img {
            display: block;
            position: absolute;
            height: 160px;
            left: 0px;
            top: 50%;
            margin-top: -78px;
        }
        .upgradeLandingInner p {
            letter-spacing: 2px;
            line-height: 24px;
            text-align: center;
            font-weight: bold;
            text-transform: uppercase;
            padding: 0;
        }
            .upgradeLandingInner p strong {
                color: rgba(0,175,0,1);
            }
    .upgradeLandingInner .buttonYellow {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -26px;
        /*padding-top: 13px;
        padding-bottom: 12px;*/
        font-size: 15px;
        min-width: 120px;
    }





/*CREATE BLOCK*/
.createBlock {
	padding: 25px 0 73px 0;
	border-bottom: 1px dotted rgba(0,0,0,0.37);
}
	.createBlockNote {
		padding: 23px 0;
		text-align: center;
		font-size: 13px;
		line-height: 18px;
		font-weight: bold;
		display: none;
	}
		.createBlockNote p {
			padding: 2px 0 1px 0;
		}
			.createBlockNote span {
				font-weight: bold;
				color: rgba(0,175,0,1);
				letter-spacing: 5px;
			}
	.createDiscoverMore {
	    text-align: center;
	    margin-top: -50px;
	    position: relative;
	}
	    .createDiscoverMore .buttonYellow {
	        background: rgba(0,0,0,0.05);
	    }
	        .createDiscoverMore .buttonYellow:hover {
	            background: rgb(255,193,7);
	        }
	.moreCreateCategories {
        display: none;
	}
	.createDiscoverMoreInput:checked ~ .moreCreateCategories {
	    display: block;
	}
	.createDiscoverMoreInput:checked ~ .createDiscoverMore {
	    display: none;
	}
.createPanel {
	display: block;
	overflow: hidden;
	padding: 0 0 50px 0;
	position: relative;
}
.openCreatePanelButton {
	display: block;
	padding: 19px 0 25px 0;
	cursor: pointer;
	letter-spacing: 5px;
	color: rgba(0,0,0,1);
	cursor: default;
	position: relative;
	text-align: center;
}
    .openCreatePanelButton-1 {
        width: 16.66%;
        width: calc(16.66% - 20px);
    }
    .openCreatePanelButton-2 {
        position: absolute;
        width: 83.34%;
        top: 0px;
        right: 0px;
    }
	.openCreatePanelButton:before {
		content: '';
		display: block;
		height: 5px;
		position: absolute;
		top: 28px;
		left: 0;
		width: 100%;
		border-top: 1px dotted rgba(0,0,0,0.37);
	}
	.openCreatePanelButton strong {
		display: inline-block;
		position: relative;
		background: rgba(237,237,237,1);
		z-index: 70;
		padding: 0 9px 0 9px;
	}
	.createList {
		display: block;
		margin: 0 0 0 -10px;
		width: 100%;
		width: calc(100% + 20px);
		clear: both;
	}
        .createList ul {
            display: grid;
            grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
        }
    		.createList ul li {
    			margin: auto 10px 0 10px;
    			padding: 0 0 15px 0;
    			position: relative;
				display: block;
    		}
    			.createList ul li a {
    				display: block;
    				padding: 0 0 0 0;
    				color: rgba(0,0,0,0.73);
    				position: relative;
    			}
    				.createList ul li a:hover {
    					text-decoration: none;
    					color: rgba(0,140,189,1);
    				}
	    		    .createList ul li a img {
	    		        width: 100%;
	    		        margin: 0 auto;
	    		        display: block;
	    		        position: relative;
	    		        -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
						-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
						box-shadow: 0 15px 5px -15px rgba(0,0,0,0.19);
	    		    }
	    		    	.createList ul li a:hover img {
		    		        -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.85);
							-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.85);
							box-shadow: 0 15px 5px -15px rgba(0,0,0,0.85);
	    		    	}
	    		    .createList ul li a span {
	    		    	display: block;
	    				width: 100%;
	    				width: calc(100% - 2px);
						height: 158px;
						position: relative;
                        border: 1px dashed rgba(0,0,0,0.91);
						background: rgba(237,237,237,1);
	    		    	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
						-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
						box-shadow: 0 15px 5px -15px rgba(0,0,0,0.37);
						border-radius: 25px;
				    }
	    		    	.createList ul li a:hover span {
	    		    		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
							-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
							box-shadow: 0 15px 5px -15px rgba(0,0,0,0.73);
							background: rgba(0,140,189,1);
	    		    	}
	    		    	.createList ul li a span dfn {
	    		    		display: block;
	    		    		width: 100%;
	    		    		font-size: 13px;
	    		    		line-height: 15px;
	    		    		text-transform: uppercase;
	    		    		color: rgba(0,0,0,0.73);
	    		    		font-style: normal;
	    		    		text-align: center;
	    		    		position: absolute;
	    		    		left: 0;
	    		    		top: 50%;
	    		    		text-align: center;
	    		    		margin: 11px 0 0 0;
	    		    	}
	    		    		.createList ul li a:hover span dfn {
	    		    			color: rgba(255,255,255,1);
	    		    		}
	    		    	.createList ul li a span:after {
	    		    		content: '';
	    		    		display: block;
	    		    		width: 37px;
	    		    		height: 5px;
	    		    		border-top: 1px solid rgba(23,23,23,1);
	    		    		position: absolute;
	    		    		top: 50%;
	    		    		left: 50%;
	    		    		line-height: 1px;
	    		    		margin: -15px 0 0 -18px;
	    		    	}
	    		    	.createList ul li a span:before {
	    		    		content: '';
	    		    		display: block;
	    		    		height: 37px;
	    		    		width: 5px;
	    		    		border-left: 1px solid rgba(23,23,23,1);
	    		    		position: absolute;
	    		    		top: 50%;
	    		    		left: 50%;
	    		    		line-height: 1px;
	    		    		margin: -33px 0 0 0;
	    		    	}
	    		    		.createList ul li a:hover span:after {
	    		    			border-top: 1px solid rgba(255,255,255,1);
	    		    		}
	    		    		.createList ul li a:hover span:before {
	    		    			border-left: 1px solid rgba(255,255,255,1);
	    		    		}
	    		    .createList ul li div {
	    		    	padding: 9px 0 0 0;
	    		    	height: 70px;
	    		    	overflow: hidden;
	    		    	text-align: center;
	    		    }
	    		    	.createList ul li div strong {
	    		    		display: block;
	    		    		line-height: 18px;
	    		    	}
	    		    	.createList ul li div em {
	    		    		line-height: 18px;
	    		    		font-size: 13px;
	    		    		display: block;
	    		    	}











/*Welcome Notif*/
.homepageNotif {
	position: relative;
	width: 100%;
	width: calc(100% - 40px);
	display: block;
	padding: 18px 20px;
	text-align: center;
	background: rgba(255,193,7,0.85);
	color: #000;
	-moz-animation: homeNotifHide 0s ease-in 25s forwards;
    -webkit-animation: homeNotifHide 0s ease-in 25s forwards;
    -o-animation: homeNotifHide 0s ease-in 25s forwards;
    animation: homeNotifHide 0s ease-in 25s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    overflow: hidden;
}
	.homepageNotifReg {
		position: static;
		display: block;
		background: rgba(0,0,0,0.13);
		padding: 7px 13px;
		border-radius: 19px;
		color: rgba(0,0,0,1);
		position: relative;
		right: -5px;
	}
		.homepageNotifReg:hover {
			text-decoration: none;
			background: rgba(0,0,0,0.5);
			/*color: rgba(0,0,0,0.85);*/
			color: rgba(255,255,255,1);
		}
@keyframes homeNotifHide {
    to {
        opacity: 0;
        padding: 0;
        height: 0;
    }
}
@-webkit-keyframes homeNotifHide {
    to {
        opacity: 0;
        padding: 0;
        height: 0;
    }
}









/*DESIGN IS*/
.designIsTemplate {
    padding: 0 0 23px 0;
}
	.designIsTemplate ul {
		position: relative;
	}
		.designIsTemplate ul li {
			float: left;
			padding: 2px;
			position: relative;
		}
			.designIsTemplate ul li a,
			.designIsTemplate ul li div {
			    color: rgba(0,0,0,0.5);
			    background: rgba(0,0,0,0.07);
				overflow: hidden;
				display: block;
				font-weight: normal;
				border-radius: 25px;
				padding: 7px 13px;
				cursor: pointer;
			}
				.designIsTemplate ul li a:hover,
				.designIsTemplate ul li div:hover {
					text-decoration: none;
					color: rgba(0,0,0,0.91);
					background: rgba(255,193,7,1);
				}
			.designIsTemplate ul li a.active,
			.designIsTemplate ul li div.active,
			.designIsTemplate ul li a.active:hover,
			.designIsTemplate ul li div.active:hover {
			    color: rgba(255,255,255,1);
			    background: rgba(0,140,189,1);
			}








/*PROMOTION PAGES*/
.imgDiamondPromoHeader {
	display: block;
	margin: 0 auto;
	width: 90px;
	padding: 25px 0 5px 0;
}
.landing1block .pricingPromoTitleP {
	font-weight: bold;
	color: rgb(255,193,7);
	text-transform: none;
	letter-spacing: 3px;
	padding-top: 10px;
	font-size: 20px;
}
.blinkBlock {
	font-size: 15px;
	padding: 3px 0 0 0;
	height: 20px;
	position: relative;
	text-shadow: 0 1px 0 rgba(0,0,0,1);
	color: rgba(255,255,255,1);
	letter-spacing: 2px;
}
	.blinkStrong1,
	.blinkStrong2,
	.blinkStrong3 {
		text-transform: none;
		text-decoration: blink;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease-in-out;
		-webkit-animation-direction: alternate;
		animation-duration: 1s;
		animation-iteration-count:infinite;
		animation-timing-function:ease-in-out;
		animation-direction: alternate;
		font-weight: normal;
		position: absolute;
		width: 100%;
		top: 3px;
		left: 0;
	}
	.blinkStrong1 {
		-webkit-animation-name: blinker1;
		animation-name: blinker1;
	}
		@-webkit-keyframes blinker1 {
		  from {opacity: 1;}
		  to {opacity: 0;}
		}
		@keyframes blinker1 {
		  from {opacity: 1;}
		  to {opacity: 0;}
		}

	.blinkStrong2 {
		-webkit-animation-name: blinker2;
		animation-name: blinker2;
	}
		@-webkit-keyframes blinker2 {
		  0% {opacity: 1;}
		  25% {opacity: 1;}
		  50% {opacity: 0;}
		  100% {opacity: 0;}
		}
		@keyframes blinker2 {
		  0% {opacity: 1;}
		  25% {opacity: 1;}
		  50% {opacity: 0;}
		  100% {opacity: 0;}
		}
	.blinkStrong3 {
		-webkit-animation-name: blinker3;
		animation-name: blinker3;
	}
		@-webkit-keyframes blinker3 {
		  0% {opacity: 0;}
		  50% {opacity: 0;}
		  75% {opacity: 1;}
		  100% {opacity: 1;}
		}
		@keyframes blinker3 {
		  0% {opacity: 0;}
		  50% {opacity: 0;}
		  75% {opacity: 1;}
		  100% {opacity: 1;}
		}
.pricingPromoNewContent {
	position: relative;
	padding-top: 25px;
	margin-top: -300px;
	z-index: 99;
	margin-left: auto;
	margin-right: auto;
}
.pricePromoNewBlock {
	position: relative;
	padding: 50px 0 0 0;
	margin: 0 auto;
	width: 100%;
}
.pricePromoNewBlockTable {
	display: table;
	width: 100%;
	margin: 0 auto;
}
	.pricePromoNewItem {
		position: relative;
		text-align: center;
		vertical-align: top;
		display: block;
		float: left;
		overflow: hidden;
		padding: 50px 0 126px 0;
	}
	.pricePromoNewItem1 {
		-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		z-index: 75;
		background: rgba(255,255,255,1);
		width: 32%;

	}
	.pricePromoNewItem2 {
		-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		box-shadow: 0 0 15px -5px rgba(0,0,0,0.19);
		z-index: 85;
		background: rgba(255,255,255,1);
		width: 36%;
		width: calc(36% - 24px);
		margin: 0 12px;
	}
	.pricePromoNewItem3 {
		-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.41);
		-moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.41);
		box-shadow: 0 0 15px -5px rgba(0,0,0,0.41);
		z-index: 85;
		background: rgba(255,255,255,1);
		width: 32%;
	}
	.pricePromoNewItemBestDeal:before {
	    content: '';
	    width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 110px 110px 0;
        border-color: transparent rgb(255,193,7) transparent transparent;
	    display: block;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	}
	.pricePromoNewItemBestDeal:after {
	    content: 'BEST VALUE';
	    display: block;
	    font-weight: normal;
	    letter-spacing: 0px;
	    color: rgba(0,0,0,1);
	    width: 70px;
	    position: absolute;
	    right: 3px;
	    top: 21px;
	    margin-left: -53px;
	    font-size: 15px;
	    letter-spacing: 0px;
	    text-align: center;
	    line-height: 16px;
	    transform: rotate(45deg);
	}
		.pricePromoNewItemType {
			display: block;
			font-size: 25px;
			line-height: 29px;
			text-transform: none;
			letter-spacing: 0px;
			padding: 0 0 0 0;
		}
		.pricePromoNewItemWhy {
			display: block;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 13px;
			padding: 0 0 5px 0;
		}
		.pricePromoNewItemValue {
			display: inline-block;
			line-height: 85px;
			position: relative;
		}
			.pricePromoNewItemValue em {
				display: block;
				font-weight: normal;
				font-style: normal;
				position: absolute;
				line-height: 20px;
				left: -105px;
				bottom: 35px;
				width: 100px;
				text-align: right;
				font-size: 17px;
				font-weight: normal;
			}
			.pricePromoNewItemValue span {
				display: block;
				font-weight: normal;
				position: absolute;
				line-height: 20px;
				font-size: 13px;
				width: 100px;
				right: -105px;
				bottom: 34px;
				text-align: left;
				color: rgba(0,0,0,0.91);
				font-weight: bold;
			}
    		.pricePromoNewItemValue dfn {
    			display: block;
    			font-weight: normal;
				font-style: normal;
				position: absolute;
				line-height: 20px;
				font-size: 15px;
				width: 56px;
				padding: 1px 0;
				right: -59px;
				bottom: 54px;
				text-align: center;
				color: rgba(255,255,255,1);
				background: rgb(75,169,32);
				background: rgb(255,193,7);
				color: rgba(0,0,0,1);
			}
			    .pricePromoNewItemValue dfn:after {
			        content: '';
			        display: block;
			        width: 38px;
			        height: 10px;
			        border-top: 1px solid rgba(0,0,0,0.73);
			        position: absolute;
			        top: 11px;
			        left: 10px;
			    }
			.pricePromoNewItemValue strong {
				font-weight: normal;
				font-size: 85px;
			}
		.pricePromoNewItemBilled {
			display: block;
			font-size: 15px;
			color: rgba(0,0,0,0.73);
			padding: 0 0 0 0;
			position: relative;
		}
			.pricePromoNewItemBilled:before {
				content: '';
				height: 10px;
				width: 100%;
				width: calc(100% - 50px);
				display: block;
				position: absolute;
				left: 25px;
				top: 0;
				border-bottom: 1px dotted rgba(0,0,0,0.37);
			}
			.pricePromoNewItemBilled span {
				background: #FFF;
				display: inline-block;
				padding: 0 12px;
				position: relative;
			}
		.pricePromoNewButtons {
			height: 51px;
			width: 100%;
			position: absolute;
			left: 0;
			bottom: 50px;
		}
			.pricePromoNewButtonsInner {
				max-width: 160px;
				height: 51px;
				padding: 0 6px;
				position: relative;
				background: #FFF;
				margin: 0 auto;
			}
			.pricePromoNewButtons .buttonYellow,
			.pricePromoNewButtons .buttonGray {
				width: 100%;
				text-transform: none;
				padding-left: 0;
				padding-right: 0;
			}
			.pricePromoNewButtons .buttonGray {
				font-weight: normal;
			}
.pricingPromoSingleContent {
	position: relative;
	padding: 25px 0 115px 0;
	margin-top: -335px;
	z-index: 99;
	margin-left: auto;
	margin-right: auto;
}
	.pricePromoSingleItem {
		position: relative;
		display: block;
		overflow: hidden;
		padding: 31px 0 0 0;
		margin: 0 auto;
		text-align: center;
		max-width: 720px;
		color: rgba(255,255,255,1);
	}
		.pricePromoSingleItemValue {
			display: inline-block;
			line-height: 85px;
			position: relative;
		}
			.pricePromoSingleItemValue em {
				display: block;
				font-weight: normal;
				font-style: normal;
				position: absolute;
				line-height: 20px;
				left: -105px;
				bottom: 35px;
				width: 100px;
				text-align: right;
				font-size: 17px;
				font-weight: normal;
			}
			.pricePromoSingleItemValue span {
				display: block;
				font-weight: normal;
				position: absolute;
				line-height: 20px;
				font-size: 13px;
				width: 100px;
				right: -110px;
				bottom: 33px;
				text-align: left;
				color: rgba(255,255,255,0.91);
				font-weight: bold;
			}
    		.pricePromoSingleItemValue dfn {
    			display: block;
    			font-weight: normal;
				font-style: normal;
				position: absolute;
				line-height: 20px;
				font-size: 15px;
				width: 56px;
				padding: 1px 0;
				right: -67px;
				bottom: 54px;
				text-align: center;
				color: rgba(255,255,255,1);
				background: rgb(255,255,255,0.85);
				color: rgba(0,0,0,1);
			}
			    .pricePromoSingleItemValue dfn:after {
			        content: '';
			        display: block;
			        width: 38px;
			        height: 10px;
			        border-top: 1px solid rgba(0,0,0,0.5);
			        position: absolute;
			        top: 11px;
			        left: 10px;
			    }
			.pricePromoSingleItemValue strong {
				font-weight: bold;
				font-size: 85px;
				text-shadow: 0 2px 0 rgba(0,0,0,1);
			}
		.pricePromoSingleButtons {
			height: 59px;
			width: 100%;
			padding: 12px 0 0 0;
			position: relative;
			display: block;
		}
			.pricePromoSingleButtons:before,
			.pricePromoSingleButtons:after {
				content: '';
				height: 41px;
				width: 50%;
				width: calc(50% - 115px);
				display: block;
				position: absolute;
				top: 0;
				border-bottom: 1px dotted rgba(255,255,255,0.37);
			}
				.pricePromoSingleButtons:before {
					left: 0;
				}
				.pricePromoSingleButtons:after {
					right: 0;
				}
			.pricePromoSingleButtons .buttonYellow,
			.pricePromoSingleButtons .buttonGray {
				width: 100%;
				max-width: 200px;
				text-transform: none;
				padding: 20px 0 19px 0;
			}
			.pricePromoSingleButtons .buttonGray {
				font-weight: normal;
			}
.pricePromoBenefits {
	text-align: center;
	display: block;
	padding: 71px 0 50px 0;
}
	.pricePromoBenefits li {
		display: block;
		color: rgba(0,0,0,0.91);
		font-size: 15px;
		line-height: 20px;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		text-transform: none;
		letter-spacing: 0px;
		padding: 4px 0 3px 0;
		letter-spacing: 0;
		float: left;
	}
	.pricePromoBenefits li:nth-child(3n),
	.pricePromoBenefits li:nth-child(3n+1) {
		width: 32%;
	}
	.pricePromoBenefits li:nth-child(3n+2) {
		width: 36%;
	}
	.pricePromoBenefits li:nth-child(3n+1) {
		clear: both;
	}
		.pricePromoBenefits li span,
		.pricePromoBenefits li strong {
			font-weight: bold;
			display: inline-block;
			position: relative;
			padding: 0 0 0 15px;
			font-weight: bold;
		}
		.pricePromoBenefits li span:before,
		.pricePromoBenefits li strong:before {
			content: '';
			display: block;
			width: 10px;
			height: 4px;
			border-left: 1px solid rgba(0,0,0,0.73);
			border-bottom: 1px solid rgba(0,0,0,0.73);
			transform: rotate(-45deg);
			position: absolute;
			top: 5px;
			left: -1px;
		}
.pricePromoVideo {
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 1280px;
	margin: 0 auto;
}
	.pricePromoVideoBg {
		max-width: 100%;
		display: block;
	}
	.pricePromoVideoInner {
		padding: 2px;
		position: absolute;
		top: 13%;
		left: 13%;
		background: #000;
		width: auto;
		overflow: hidden;
		width: 73%;
		border-radius: 12px;
	}
		.pricePromoVideoInner img {
			max-width: 100%;
			display: block;
		}
		.pricePromoVideoInner video {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
.promoVideoTutorials {
	padding: 23px 0 0 0;
}
	.promoVideoTutorials li {
		width: 50%;
		width: calc(50% - 12px);
	}
	.promoVideoTutorials li:nth-child(1) {
		float: left;
	}
	.promoVideoTutorials li:nth-child(2) {
		float: right;
	}
		.promoVideoTutorials li a {
			display: block;
		}
			.promoVideoTutorials li a img {
				display: block;
				width: 100%;
				filter: grayscale(100%);
			}
				.promoVideoTutorials li a:hover img {
					filter: grayscale(0%);
				}
.promoVideoTutorials3X {
	padding: 23px 0 0 0;
}
	.promoVideoTutorials3X li {
		width: 32%;
		float: left;
	}
	.promoVideoTutorials3X li:nth-child(2) {
		padding: 0 2%;
	}
		.promoVideoTutorials3X li a {
			display: block;
		}
			.promoVideoTutorials3X li a img {
				display: block;
				width: 100%;
				filter: grayscale(100%);
			}
				.promoVideoTutorials3X li a:hover img {
					filter: grayscale(0%);
				}






.promoPlatformApp {
	-webkit-filter: blur(7px);
	filter: blur(7px);
}
.noPromoTable {
	background: rgba(0,0,0,0.37);
	display: table;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 250;
}
	.noPromoCell {
		display: table-cell;
        width: 100%;
        min-height: 100vh;
        vertical-align: middle;
        text-align: center;
        min-height: 50px;
        padding: 0;
	}
		.noPromoBlock {
			width: 300px;
			padding: 73px 25px 55px 25px;
			background: #FFF;
			margin: 0 auto;
			-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
			-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
			box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.85);
		}
		.noPromoBlock p {
			padding: 2px 0 0 0;
			letter-spacing: 2px;
		}








/*FLEX FOR IE*/
.editorOverlay,
.paymentOpen:checked ~ .paymentBlock,
.homeBannerBlock,
.paginationBlock,
.notifBlock,
.designsGridItem,
.popupActions .popupPlatform {
    display: -ms-flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: center;
    -ms-flex-line-pack: stretch;
    -ms-flex-align: center;
}













/*Editor Designs is Saved*/
/*MUST BE REMOVED*/
.editorSavedNotif {
	position: fixed;
	top: 112px;
	display: block;
	padding: 18px 0;
	text-align: center;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	background: rgba(255,223,63,0.73);
	color: #ff0000;
	z-index: 5;
	-moz-animation: hideMe 0s ease-in 4s forwards;
    -webkit-animation: hideMe 0s ease-in 4s forwards;
    -o-animation: hideMe 0s ease-in 4s forwards;
    animation: hideMe 0s ease-in 4s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    overflow: hidden;
}
	.editorSavedNotif {
		width: 100%;
		width: calc(100% - 324px);
		left: 324px;
	}
@keyframes hideMe {
    to {
        opacity: 0;
        padding: 0;
        height: 0;
    }
}
@-webkit-keyframes hideMe {
    to {
        opacity: 0;
        padding: 0;
        height: 0;
    }
}

.selectize-control .option .title {
	display: block;
}
.selectize-control .option .url {
	font-size: 12px;
	display: block;
	color: #a0a0a0;
}
.selectize-control .item a {
	color: #006ef5;
}
.selectize-control .item.active a {
	color: #303030;
}




























/*FULL PAGE PRELOADER*/
.fp-preloader-img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 1;
	overflow: hidden;
	z-index: 999;
	background: #0F1B27;
	background: radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
	background: -webkit-radial-gradient(circle farthest-corner at 18.5% 28.5%,  #203A43 0%, #0F1B27 91%);
}
.fp-preloader-block {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 700;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.73);
}
	.fp-preloader-block-background {
		position: absolute;
		z-index: 702;
		width: 50px;
		height: 50px;
		top: 50%;
		left: 50%;
		margin: -25px 0 0 -25px;
		border-radius: 25px;
	}
		.fp-preloader-animation-container {
			display: block;
			position: absolute;
			z-index: 703;
			left: 50%;
			top: 50%;
			width: 50px;
			height: 50px;
			margin: -25px 0 0 -25px;
		}
			.fp-preloader-animation-container li {
				width: 50px !important;
				height: 50px !important;
				top: -13px !important;
				left: -7px !important;
			}
		.fp-preloader-timeleft {
			display: block;
			position: absolute;
			z-index: 703;
			left: 50%;
			top: 50%;
			width: 400px;
			margin: -97px 0 0 -200px;
			color: rgba(255,255,255,1);
			text-align: center;
		}
			.fp-preloader-timeleft span {
				display: block;
				width: 100%;
				font-size: 10px;
				text-transform: uppercase;
				color: rgba(255,255,255,0.85);
				letter-spacing: 2px;
			}
				.fp-preloader-timeleft div {
					font-size: 73px;
					line-height: 80px;
					letter-spacing: -2px;
					font-weight: 200;
					color: rgba(255,255,255,1);
					margin: -13px 0 0 0;
					text-shadow: 0 2px 0 rgba(0,0,0,0.73);
				}
					.fp-preloader-timeleft div strong {
						font-weight: 200;
					}
		.fp-preloader-timeleft em {
			font-style: normal;
			width: 100%;
			display: block;
			color: rgba(255,255,255,0.73);
			text-align: center;
			text-transform: uppercase;
			font-size: 10px;
			line-height: 15px;
			letter-spacing: 2px;
			position: fixed;
			top: 25px;
			left: 0;
		}

.fp-preloader-progress-bar {
	width: 150px;
	height: 17px;
	background: rgba(255,255,255,0.23);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 32px 0 0 -75px;
	overflow: hidden;
	border-radius: 13px;
}
	.fp-preloader-progress-bar span {
		display: block;
		height: 17px;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(239,183,13,1);
	}
.fp-preloader-progress-percent {
	width: 150px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 55px 0 0 -75px;
}
	.fp-preloader-progress-percent strong {
		display: block;
		width: 41px;
		color: rgba(255,255,255,1);
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		margin-left: -20px;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(0,0,0,0.73);
		font-size: 13px;
	}
.pf-preload-list {
	width: 100%;
	position: absolute;
	top: 50%;
	margin: 0 0 0 0;
	left: 0;
	color: rgba(255,255,255,1);
	text-shadow: 0 1px 0 rgba(0,0,0,0.73);
}
	.pf-preload-list span {
		width: 100%;
		display: block;
		color: rgba(255,255,255,1);
		text-shadow: 0 1px 0 rgba(0,0,0,0.73);
		text-align: center;
		text-transform: uppercase;
		font-size: 15px;
		height: 20px;
		letter-spacing: 2px;
	}
.pfpl0:before,.pfpl1:before,.pfpl2:before,.pfpl3:before,.pfpl4:before,.pfpl5:before,.pfpl6:before,.pfpl7:before,.pfpl8:before,.pfpl9:before {
	content: 'locating the required gigapixels to render...';
}
.pfpl10:before,.pfpl11:before,.pfpl12:before,.pfpl13:before,.pfpl14:before,.pfpl15:before,.pfpl16:before,.pfpl17:before,.pfpl18:before,.pfpl19:before {
	content: 'spinning up the hamster...';
}
.pfpl20:before,.pfpl21:before,.pfpl22:before,.pfpl23:before,.pfpl24:before,.pfpl25:before,.pfpl26:before,.pfpl27:before,.pfpl28:before,.pfpl29:before {
	content: 'shovelling coal into the server...';
}
.pfpl30:before,.pfpl31:before,.pfpl32:before,.pfpl33:before,.pfpl34:before,.pfpl35:before,.pfpl36:before,.pfpl37:before,.pfpl38:before,.pfpl39:before {
	content: 'architects are still drawing...';
}
.pfpl40:before,.pfpl41:before,.pfpl42:before,.pfpl43:before,.pfpl44:before,.pfpl45:before,.pfpl46:before,.pfpl47:before,.pfpl48:before,.pfpl49:before {
	content: 'no patience, no render, no video...';
}
.pfpl50:before,.pfpl51:before,.pfpl52:before,.pfpl53:before,.pfpl54:before,.pfpl55:before,.pfpl56:before,.pfpl57:before,.pfpl58:before,.pfpl59:before {
	content: 'programming the flux capacitor...';
}
.pfpl60:before,.pfpl61:before,.pfpl62:before,.pfpl63:before,.pfpl64:before,.pfpl65:before,.pfpl66:before,.pfpl67:before,.pfpl68:before,.pfpl69:before {
	content: 'dreaming of faster computers...';
}
.pfpl70:before,.pfpl71:before,.pfpl72:before,.pfpl73:before,.pfpl74:before,.pfpl75:before,.pfpl76:before,.pfpl77:before,.pfpl78:before,.pfpl79:before {
	content: 'we love your video...';
}
.pfpl80:before,.pfpl81:before,.pfpl82:before,.pfpl83:before,.pfpl84:before,.pfpl85:before,.pfpl86:before,.pfpl87:before,.pfpl88:before,.pfpl89:before {
	content: 'it is still faster than you could draw it...';
}
.pfpl90:before,.pfpl91:before,.pfpl92:before,.pfpl93:before,.pfpl94:before,.pfpl95:before,.pfpl96:before,.pfpl97:before,.pfpl98:before,.pfpl99:before,.pfpl100:before {
	content: 'almost ready...';
}









/*Video was rendered*/
.video-rendere-block {
	width: 500px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	margin: -150px 0 0 -250px;
	text-align: center;
	cursor: default;
}
		.video-rendere-block-p2 {
			text-align: center;
			display: block;
			padding: 100px 0 0 0;
			text-transform: uppercase;
			color: rgba(255,255,255,1);
			font-weight: bold;
			letter-spacing: 2px;
			text-shadow: 0 1px 0 rgba(0,0,0,0.73);
		}
		.video-rendere-block-p3 {
			text-align: center;
			display: block;
			padding: 0 0 12px 0;
			color: rgba(255,255,255,0.73);
			font-size: 10px;
			letter-spacing: 2px;
			text-transform: uppercase;
		}
		.video-rendere-block div {
			display: block;
			text-align: center;
			width: 100%;
			float: none;
			padding: 0 0 5px 0;
		}
			.video-rendere-block div a {
				display: inline-block;
				border-radius: 30px;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				padding: 15px 10px 13px 10px;
				color: rgba(0,0,0,1);
				background: rgba(255,193,7,1);
				text-shadow: none;
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				text-transform: none;
				cursor: pointer;
				text-align: center;
				min-width: 118px;
				margin: 0 2px;
			}
				.video-rendere-block div a:hover {
					text-decoration: none;
					color: rgba(0,0,0,1);
					background: rgba(255,163,7,1);
				}
			.video-rendere-block div span {
				display: inline-block;
				border-radius: 30px;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				padding: 15px 10px 13px 10px;
				color: rgba(0,0,0,1);
				background: rgba(255,255,255,0.73);
				text-shadow: none;
				-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
				font-weight: normal;
				text-transform: none;
				cursor: pointer;
				text-align: center;
				min-width: 118px;
				margin: 0 2px;
			}
				.video-rendere-block div span:hover {
					background: rgba(255,255,255,1);
				}

























.ps-scrollbar-y,
.ps-scrollbar-x {
	border-radius: 10px !important;
}


/*start scroll bar style*/
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
	display: block;
	cursor: default;
}
.ps-container.ps-in-scrolling {
	pointer-events: none;
}
.ps-container.ps-in-scrolling > .ps-scrollbar-x-rail {
	background-color: #AFB3B5;
	opacity: 0.9;
}
.ps-container.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x {
	background-color: #262728;
}
.ps-container.ps-in-scrolling > .ps-scrollbar-y-rail {
	background-color: #AFB3B5;
	opacity: 0.9;
}

.ps-container.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	background-color: #262728; }
.ps-container > .ps-scrollbar-x-rail {
	display: none;
	position: absolute;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	opacity: 0.46;
	-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
	-moz-transition: background-color 0.2s linear, opacity 0.2s linear;
	-o-transition: background-color 0.2s linear, opacity 0.2s linear;
	transition: background-color 0.2s linear, opacity 0.2s linear;
	/*bottom: 3px;*/
	bottom: 0;
	height: 10px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
	position: absolute;
	background-color: #262728;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	bottom: 0;
	height: 10px;
}
.ps-container > .ps-scrollbar-y-rail {
	display: none;
	position: absolute;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	opacity: 0.46;
	-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
	-moz-transition: background-color 0.2s linear, opacity 0.2s linear;
	-o-transition: background-color 0.2s linear, opacity 0.2s linear;
	transition: background-color 0.2s linear, opacity 0.2s linear;
	/*right: 3px;*/
	right: 0;
	width: 10px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	position: absolute;
	background-color: #262728;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	right: 0;
	width: 10px;
}
.ps-container:hover.ps-in-scrolling {
	pointer-events: none;
}
.ps-container:hover.ps-in-scrolling > .ps-scrollbar-x-rail {
	background-color: #AFB3B5;
	opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x {
	background-color: #262728;
}
.ps-container:hover.ps-in-scrolling > .ps-scrollbar-y-rail {
	background-color: #AFB3B5;
	opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	background-color: #262728;
}
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
	opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
	background-color: #AFB3B5;
	opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
	background-color: #262728; }
.ps-container:hover > .ps-scrollbar-y-rail:hover {
	background-color: #AFB3B5;
	opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
	background-color: #262728;
}





.browseTemplates .ps-container > .ps-scrollbar-x-rail,
.browseTemplates .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
	height: 13px;
}















/*start scroll bar dark*/
.scroll-dark .ps-scrollbar-x-rail,
.scroll-dark .ps-scrollbar-x-rail .ps-scrollbar-x,
.scroll-dark .ps-scrollbar-y-rail,
.scroll-dark .ps-scrollbar-y-rail .ps-scrollbar-y,
.scroll-dark .ps-scrollbar-x-rail:hover,
.scroll-dark .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.scroll-dark .ps-scrollbar-y-rail:hover,
.scroll-dark .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	opacity: 0.13;
}
.scroll-dark:hover .ps-scrollbar-x-rail,
.scroll-dark:hover .ps-scrollbar-x-rail .ps-scrollbar-x,
.scroll-dark:hover .ps-scrollbar-y-rail,
.scroll-dark:hover .ps-scrollbar-y-rail .ps-scrollbar-y,
.scroll-dark:hover .ps-scrollbar-x-rail:hover,
.scroll-dark:hover .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.scroll-dark:hover .ps-scrollbar-y-rail:hover,
.scroll-dark:hover .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	opacity: 1 !important;
}
.scroll-dark .ps-scrollbar-x-rail,
.scroll-dark .ps-scrollbar-x-rail:hover,
.scroll-dark .ps-scrollbar-y-rail,
.scroll-dark .ps-scrollbar-y-rail:hover {
	background: rgba(255,255,255,0) !important;
}
.scroll-dark .ps-scrollbar-x-rail .ps-scrollbar-x,
.scroll-dark .ps-scrollbar-y-rail .ps-scrollbar-y {
	background: rgba(255,255,255,0.37) !important;
	opacity: 1 !important;
}
.scroll-dark .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.scroll-dark .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.scroll-dark.ps-in-scrolling .ps-scrollbar-x-rail .ps-scrollbar-x,
.scroll-dark.ps-in-scrolling .ps-scrollbar-y-rail .ps-scrollbar-y {
	background: rgba(255,255,255,0.64) !important;
	opacity: 1 !important;
}
.scroll-dark .ps-scrollbar-y-rail:hover,
.scroll-dark .ps-scrollbar-x-rail:hover,
.scroll-dark.ps-in-scrolling .ps-scrollbar-y-rail,
.scroll-dark.ps-in-scrolling .ps-scrollbar-x-rail {
	background: rgba(255,255,255, 0.09) !important;
	opacity: 1 !important;
}



/*start scroll bar dark for react editor*/
.reactScrollDark .ps-scrollbar-x-rail,
.reactScrollDark .ps-scrollbar-x-rail .ps-scrollbar-x,
.reactScrollDark .ps-scrollbar-y-rail,
.reactScrollDark .ps-scrollbar-y-rail .ps-scrollbar-y,
.reactScrollDark .ps-scrollbar-x-rail:hover,
.reactScrollDark .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.reactScrollDark .ps-scrollbar-y-rail:hover,
.reactScrollDark .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	opacity: 0;
}
.reactScrollDark:hover .ps-scrollbar-x-rail,
.reactScrollDark:hover .ps-scrollbar-x-rail .ps-scrollbar-x,
.reactScrollDark:hover .ps-scrollbar-y-rail,
.reactScrollDark:hover .ps-scrollbar-y-rail .ps-scrollbar-y,
.reactScrollDark:hover .ps-scrollbar-x-rail:hover,
.reactScrollDark:hover .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.reactScrollDark:hover .ps-scrollbar-y-rail:hover,
.reactScrollDark:hover .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	opacity: 1 !important;
}
.reactScrollDark .ps-scrollbar-x-rail,
.reactScrollDark .ps-scrollbar-x-rail:hover,
.reactScrollDark .ps-scrollbar-y-rail,
.reactScrollDark .ps-scrollbar-y-rail:hover {
	background: rgba(255,255,255,0) !important;
}
.reactScrollDark .ps-scrollbar-x-rail .ps-scrollbar-x,
.reactScrollDark .ps-scrollbar-y-rail .ps-scrollbar-y {
	background: rgba(255,255,255,0.37) !important;
	opacity: 1 !important;
}
.reactScrollDark .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.reactScrollDark .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.reactScrollDark.ps-in-scrolling .ps-scrollbar-x-rail .ps-scrollbar-x,
.reactScrollDark.ps-in-scrolling .ps-scrollbar-y-rail .ps-scrollbar-y {
	background: rgba(255,255,255,0.64) !important;
	opacity: 1 !important;
}
.reactScrollDark .ps-scrollbar-y-rail:hover,
.reactScrollDark .ps-scrollbar-x-rail:hover,
.reactScrollDark.ps-in-scrolling .ps-scrollbar-y-rail,
.reactScrollDark.ps-in-scrolling .ps-scrollbar-x-rail {
	background: rgba(255,255,255, 0.09) !important;
	opacity: 1 !important;
}





/*start scroll bar white*/
.scroll-white .ps-scrollbar-x-rail,
.scroll-white .ps-scrollbar-x-rail .ps-scrollbar-x,
.scroll-white .ps-scrollbar-y-rail,
.scroll-white .ps-scrollbar-y-rail .ps-scrollbar-y,
.scroll-white .ps-scrollbar-x-rail:hover,
.scroll-white .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.scroll-white .ps-scrollbar-y-rail:hover,
.scroll-white .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	opacity: 0.37;
}
.scroll-white:hover .ps-scrollbar-x-rail,
.scroll-white:hover .ps-scrollbar-x-rail .ps-scrollbar-x,
.scroll-white:hover .ps-scrollbar-y-rail,
.scroll-white:hover .ps-scrollbar-y-rail .ps-scrollbar-y,
.scroll-white:hover .ps-scrollbar-x-rail:hover,
.scroll-white:hover .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.scroll-white:hover .ps-scrollbar-y-rail:hover,
.scroll-white:hover .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	opacity: 1 !important;
}
.scroll-white .ps-scrollbar-x-rail,
.scroll-white .ps-scrollbar-x-rail:hover,
.scroll-white .ps-scrollbar-y-rail,
.scroll-white .ps-scrollbar-y-rail:hover {
	background: rgba(0,0,0,0.13) !important;
}
.scroll-white .ps-scrollbar-x-rail .ps-scrollbar-x,
.scroll-white .ps-scrollbar-y-rail .ps-scrollbar-y {
	background: rgba(0,0,0,0.37) !important;
	opacity: 1 !important;
}
.scroll-white .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.scroll-white .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.scroll-white.ps-in-scrolling .ps-scrollbar-x-rail .ps-scrollbar-x,
.scroll-white.ps-in-scrolling .ps-scrollbar-y-rail .ps-scrollbar-y {
	background: rgba(0,0,0,0.64) !important;
	opacity: 1 !important;
}
.scroll-white .ps-scrollbar-y-rail:hover,
.scroll-white .ps-scrollbar-x-rail:hover,
.scroll-white.ps-in-scrolling .ps-scrollbar-y-rail,
.scroll-white.ps-in-scrolling .ps-scrollbar-x-rail {
	background: rgba(0,0,0,0.13) !important;
	opacity: 1 !important;
}







/*start scroll bar white for react editor*/
.reactScrollWhite .ps-scrollbar-x-rail,
.reactScrollWhite .ps-scrollbar-x-rail .ps-scrollbar-x,
.reactScrollWhite .ps-scrollbar-y-rail,
.reactScrollWhite .ps-scrollbar-y-rail .ps-scrollbar-y,
.reactScrollWhite .ps-scrollbar-x-rail:hover,
.reactScrollWhite .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.reactScrollWhite .ps-scrollbar-y-rail:hover,
.reactScrollWhite .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	opacity: 0;
	z-index: 100;
}
.reactScrollWhite:hover .ps-scrollbar-x-rail,
.reactScrollWhite:hover .ps-scrollbar-x-rail .ps-scrollbar-x,
.reactScrollWhite:hover .ps-scrollbar-y-rail,
.reactScrollWhite:hover .ps-scrollbar-y-rail .ps-scrollbar-y,
.reactScrollWhite:hover .ps-scrollbar-x-rail:hover,
.reactScrollWhite:hover .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.reactScrollWhite:hover .ps-scrollbar-y-rail:hover,
.reactScrollWhite:hover .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	opacity: 1 !important;
}
.reactScrollWhite .ps-scrollbar-x-rail,
.reactScrollWhite .ps-scrollbar-x-rail:hover,
.reactScrollWhite .ps-scrollbar-y-rail,
.reactScrollWhite .ps-scrollbar-y-rail:hover {
	background: rgba(0,0,0,0) !important;
}
.reactScrollWhite .ps-scrollbar-x-rail .ps-scrollbar-x,
.reactScrollWhite .ps-scrollbar-y-rail .ps-scrollbar-y {
	background: rgba(0,0,0,0.37) !important;
	opacity: 1 !important;
}
.reactScrollWhite .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.reactScrollWhite .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.reactScrollWhite.ps-in-scrolling .ps-scrollbar-x-rail .ps-scrollbar-x,
.reactScrollWhite.ps-in-scrolling .ps-scrollbar-y-rail .ps-scrollbar-y {
	background: rgba(0,0,0,0.64) !important;
	opacity: 1 !important;
}
.reactScrollWhite .ps-scrollbar-y-rail:hover,
.reactScrollWhite .ps-scrollbar-x-rail:hover,
.reactScrollWhite.ps-in-scrolling .ps-scrollbar-y-rail,
.reactScrollWhite.ps-in-scrolling .ps-scrollbar-x-rail {
	background: rgba(0,0,0,0.09) !important;
	opacity: 1 !important;
}
/*
.reactScrollDark .ps-scrollbar-y-rail {
	z-index: 100 !important;
}
*/









/*Editor Inputs*/
input[type=text].editorInput {
	display: block;
	margin: 0;
	vertical-align: middle;
	overflow: hidden;
	padding: 0 14px 0 14px;
	width: 100%;
	width: calc(100% - 30px);
	height: 34px;
	border: 1px solid rgba(215,215,215,1);
	background: rgba(215,215,215,1);
	color: rgba(0,0,0,0.73);
	margin-right: 50px;
	font-size: 15px;
	line-height: 20px;
	text-align: right;
	border-radius: 6px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
	input[type=text].editorInput:hover {
		border: 1px solid rgba(255,255,255,1);
		background: rgba(255,255,255,1);
		color: rgba(0,0,0,1);
	}
	input[type=text].editorInput:focus {
		box-shadow: 0 0 0 rgba(255,255,255,1);
		border: 1px solid rgba(255,255,255,1);
		background: #FFF;
		color: rgba(0,0,0,1);
	}













/*Editor opacity background*/
.opacityBg,
.editorOpacityBg,
.editorImagesList li .image img,
.editorImagesList li .imageBg {
	background-image: url(../images/transparentBg.png);
	background-position: 50% 50%;
	background-repeat: repeat;
}










/*Editor close background image*/
.editorCloseBg,
.editorRightBlockItemTitle:after {
	background-image: url(../images/closeWhite.png);
	background-repeat: no-repeat;
}
.editorCloseButton {
	width: 76px;
	height: 36px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 1;
	background-position: 20px 0;
	overflow: hidden;
	line-height: 9999px;
	opacity: 0.55;
}
	.editorCloseButton:hover {
		opacity: 1;
	}







/*Editor color container*/
.editorColorContainer {
	padding: 0 0 10px 0;
	position: relative;
}
	.editorColorContainerItem em {
		background: rgba(55,55,55,1);
		color: rgba(255,255,255,0.73);
		font-size: 11px;
		padding: 1px 7px;
		display: block;
		border-radius: 15px;
		position: absolute;
		left: 100%;
		top: 0;
		margin-left: 5px;
		font-style: normal;
		white-space: nowrap;
		pointer-events: none;
		text-transform: uppercase;
		-webkit-box-shadow: 0 10px 5px -10px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 10px 5px -10px rgba(0,0,0,0.5);
		box-shadow: 0 10px 5px -10px rgba(0,0,0,0.5);
	}
	.editorColorContainer:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		line-height: 1px;
	}
	.editorColorContainer .editorColorContainerItem {
		margin: 0 0 6px 6px;
		padding: 0;
		display: block;
		width: 50px;
		height: 50px;
		position: relative;
		float: left;
	}
		.editorColorContainer .editorColorContainerItem:first-child,
		.editorColorContainer .editorColorContainerItem:nth-child(5n+1) {
			margin: 0 0 6px 0;
		}



















/*multiPage Block*/
.multipageOptionsBlock {
	position: fixed;
	width: 50px;
	z-index: 25;
	margin: 56px 0 0 0;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}









/*editorRightBlockItem*/
.editorRightBlockItem {
}
	.editorRightBlockItemTitle {
		padding: 18px 25px 0 25px;
		height: 38px;
		cursor: pointer;
		position: relative;
		color: rgba(255,255,255,1);
	}
		.editorRightBlockItemTitle strong {
			font-weight: normal;
			display: inline-block;
			position: relative;
			overflow: hidden;
			padding: 0 0 3px 0;
			border-bottom: 1px dotted rgba(255,255,255,0.73);
		}
		.editorRightBlockItemTitle:after {
			content: '';
			display: block;
			width: 36px;
			height: 36px;
			background-position: 0 0;
			position: absolute;
			top: 12px;
			right: 20px;
			opacity: 0.55;
		}
			.editorRightBlockItemTitle:hover:after {
				opacity: 1;
			}





/*editorTitle*/
.editorTitle {
	padding: 0;
	height: 38px;
	cursor: pointer;
	position: relative;
	color: rgba(255,255,255,1);
}
	.editorTitle strong {
		font-weight: normal;
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding: 0 0 3px 0;
		border-bottom: 1px dotted rgba(255,255,255,0.73);
	}
.editorMiniTitle {
	padding: 0;
	height: 38px;
	position: relative;
	color: rgba(255,255,255,1);
}
	.editorMiniTitle strong {
		font-weight: normal;
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding: 0 0 3px 0;
		border-bottom: 1px dotted rgba(255,255,255,0.73);
	}












/*Editor Right Menu Inputs*/
.editorRightMenuInputs {
	padding: 0 0 12px 0;
	position: relative;
}
	.editorRightMenuInputsLeft {
		float: left;
		width: 50%;
		position: relative;
	}
	.editorRightMenuInputsRight {
		float: right;
		width: 50%;
		width: calc(50% - 1px);
		position: relative;
	}
	.editorRightMenuInputsLeft div,
	.editorRightMenuInputsRight div {
		position: relative;
		padding: 0 0 1px 0;
	}
		.editorRightMenuInputs label {
			pointer-events: none;
			position: absolute;
	        left: 15px;
	        top: 8px;
	        display: block;
	        color: rgba(0,0,0,0.55);
	        font-size: 13px;
		}
.editorRightMenuInputLeft {
}
	.editorRightMenuInputLeft input[type=text] {
		border-radius: 6px 0 0 6px;
	}
.editorRightMenuInputRight {
}
	.editorRightMenuInputRight input[type=text] {
		border-radius: 0 6px 6px 0;
	}
.editorRightMenuInputLeftTop {
}
	.editorRightMenuInputLeftTop input[type=text] {
		border-radius: 6px 0 0 0;
	}
.editorRightMenuInputLeftBottom {
}
	.editorRightMenuInputLeftBottom input[type=text] {
		border-radius: 0 0 0 6px;
	}
.editorRightMenuInputRightTop {
}
	.editorRightMenuInputRightTop input[type=text]  {
		border-radius: 0 6px 0 0;
	}
.editorRightMenuInputRightBottom {
}
	.editorRightMenuInputRightBottom input[type=text] {
		border-radius: 0 0 6px 0;
	}
.editorRightMenuInputRightBottomTxt {
}
	.editorRightMenuInputRightBottomTxt input[type=text] {
		border-radius: 0 0 6px 6px;
	}
























/*Editor Right Options*/
.editorRightOptionsBlock {
}
	.editorRightOptionsList {
	}
		.editorRightOptionsList li {
			padding: 0 0 0 0;
			border-top: 1px solid rgba(255,255,255,0.05);
		}
		.editorRightOptionsList li:first-child {
			border-top: none;
		}
			.editorRightOptionsList li div {
				display: inline-block;
				cursor: pointer;
				border-radius: 25px;
				padding: 8px 0;
				position: relative;
				color: rgba(255,255,255,0.55);
			}
				.editorRightOptionsList li div:hover {
					opacity: 1;
					color: rgba(255,255,255,1);
				}
				.editorRightOptionsList li div .hot {
					width: 16px;
					height: 18px;
					display: block;
					overflow: hidden;
					line-height: 9999px;
					position: absolute;
					left: 100%;
					top: 9px;
					margin-left: 3px;
					background-position: -620px -250px;
				}
				.editorRightOptionsList li div em {
					opacity: 0.73;
					padding: 0 0 0 7px;
				}
				.editorRightOptionsList li div strong {
					opacity: 0.73;
					font-weight: normal;
				}
















/*Editor KeepRatio*/
.editorKeepRatioBlock {
	width: 25px;
	height: 73px;
	position: absolute;
    left: -25px;
    top: 0;
    overflow: hidden;
}

	.editorKeepRationOn,
	.editorKeepRationOff {
		width: 25px;
		height: 73px;
		position: absolute;
		left: 0;
		top: 0;
		cursor: pointer;
	}
	.editorKeepRationOn {
		opacity: 1;
	}
	.editorKeepRationOff {
		opacity: 0.55;
	}
		.editorKeepRatioBorder {
			width: 9px;
			height: 9px;
			border: 1px solid rgba(255,255,255,1);
			position: absolute;
			right: 3px;
			top: 31px;
		}
			.editorKeepRatioBorder:before {
				content: '';
				display: block;
				position: absolute;
				border-left: 1px solid rgba(255,255,255,1);
				border-top: 1px solid rgba(255,255,255,1);
				border-radius: 10px 0 0 0;
				width: 7px;
				height: 14px;
				right: -3px;
				top: -18px;
			}
			.editorKeepRatioBorder:after {
				content: '';
				display: block;
				position: absolute;
				border-left: 1px solid rgba(255,255,255,1);
				border-bottom: 1px solid rgba(255,255,255,1);
				border-radius: 0 0 0 10px;
				width: 7px;
				height: 14px;
				right: -3px;
				bottom: -18px;
			}
		.editorKeepRatioBullet {
			width: 5px;
			height: 5px;
			background: rgba(255,255,255,1);
			position: absolute;
			right: 6px;
			top: 34px;
		}






/*ClippingCrop Buttons*/
.editorClippingCropButton {
	display: block;
	line-height: 9999px;
	overflow: hidden;
	cursor: pointer;
	width: 17px;
	height: 17px;
	margin: -8px 0 0 -8px;
	position: absolute;
}
	.editorClippingCropButton:before {
		content: '';
		display: block;
		width: 17px;
		height: 17px;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(255,193,7,0);
		position: absolute;
		z-index: 10;
		border-radius: 10px;
	}
		.editorClippingCropButton:hover:before {
			background: rgba(255,193,7,1)
		}
.editorClippingCropActive {
}
	.editorClippingCropActive:after {
		content: '';
		display: block;
		width: 17px;
		height: 17px;
		background: rgba(255,255,255,1);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 11;
		border-radius: 10px;
	}

















/*Editor Slider*/
.editorSliderBlock {
	width: 100%;
	position: relative;
	height: 60px;
}
	.editorSliderTitle {
		display: block;
		color: rgba(255,255,255,0.91);
	}
		.editorSliderTitle em {
			background: rgba(255,255,255,0.13);
			font-style: normal;
			border-radius: 13px;
			padding: 0 5px;
		}
	.editorSliderInput {
		position: absolute;
		width: 60px;
		top: 21px;
		right: 57px;
		z-index: 70;
	}
		.editorSliderInput input[type="text"] {
			height: 28px;
		}

	.editorSliderBarBlock {
		position: absolute;
		top: 23px;
		left: 0;
		z-index: 60;
		width: 100%;
		height: 26px;
	}
		.editorSliderLine {
			position: absolute;
			display: block;
			height: 26px;
			width: 100%;
			width: calc(100% - 165px);
			left: 13px;
		}
			.editorSliderLine:before {
				content: '';
				display: block;
				width: 100%;
				width: calc(100% + 26px);
				position: absolute;
				top: 0;
				left: -13px;
				border-bottom: 1px solid rgba(255,255,255,0.5);
				height: 12px;
			}
			.editorSliderButton {
				display: block;
				position: absolute;
				top: 0;
				overflow: hidden;
				font-size: 11px;
				text-align: center;
				padding: 3px 0 0 0;
				height: 23px;
				width: 26px;
				background: rgba(185,185,185,1);
				color: rgba(0,0,0,0.73);
				margin: 0 0 0 -13px;
				border-radius: 13px;
				cursor: pointer;
				line-height: 9999px;
			}
				.editorSliderButton:hover {
					color: rgba(0,0,0,0.91);
					background: rgb(255,193,7);
				}
		.editorSliderMinus,
		.editorSliderPlus {
			position: absolute;
			display: block;
			height: 26px;
			width: 26px;
			cursor: pointer;
			top: 0;
			overflow: hidden;
		}
		.editorSliderMinus {
			right: 27px;
			border-radius: 13px 0 0 13px;
			background: rgba(173,173,173,1);
		}
		.editorSliderPlus {
			right: 0;
			border-radius: 0 13px 13px 0;
			background: rgba(195,195,195,1);
		}
			.editorSliderPlus:hover,
			.editorSliderMinus:hover {
				background: rgba(255,193,7,1);
			}
			.editorSliderMinus:before {
				content: '';
				display: block;
				height: 5px;
				width: 11px;
				border-top: 1px solid rgba(0,0,0,0.91);
				position: absolute;
				top: 13px;
				right: 6px;
			}
			.editorSliderPlus:before {
				content: '';
				display: block;
				height: 5px;
				width: 11px;
				border-top: 1px solid rgba(0,0,0,0.91);
				position: absolute;
				top: 13px;
				left: 6px;
			}
			.editorSliderPlus:after {
				content: '';
				display: block;
				height: 11px;
				width: 11px;
				border-left: 1px solid rgba(0,0,0,0.91);
				position: absolute;
				top: 8px;
				left: 11px;
			}
.editorFontSize.editorSliderBlock {
	height: 42px;
}
	.editorFontSize.editorSliderBlock .editorSliderInput {
		top: 3px;
	}
	.editorFontSize.editorSliderBlock .editorSliderBarBlock {
		top: 5px;
	}











/*Editor Mini Slider*/
.editorMiniSlider .editorSliderBlock {
	height: 43px;
}
	.editorMiniSlider .editorSliderTitle {
		font-size: 11px;
	}
	.editorMiniSlider .editorSliderInput {
		width: 34px;
		top: 15px;
		right: 33px;
	}
		.editorMiniSlider .editorSliderInput input[type="text"] {
			font-size: 11px;
			height: 22px;
			padding: 0;
			width: 100%;
			width: calc(100% - 2px);
			text-align: center;
			border-radius: 6px;
		}
	.editorMiniSlider .editorSliderBarBlock {
		top: 18px;
		height: 20px;
	}
		.editorMiniSlider .editorSliderLine {
			height: 18px;
			width: 100%;
			width: calc(100% - 87px);
			left: 9px;
		}
			.editorMiniSlider .editorSliderLine:before {
				width: calc(100% + 18px);
				left: -9px;
				border-bottom: 1px solid rgba(255,255,255,0.5);
				height: 8px;
			}
			.editorMiniSlider .editorSliderButton {
				padding: 0;
				height: 18px;
				width: 18px;
				margin: 0 0 0 -9px;
				overflow: hidden;
				line-height: 9999px;
			}
		.editorMiniSlider .editorSliderMinus,
		.editorMiniSlider .editorSliderPlus {
			height: 18px;
			width: 16px;
			top: 0;
		}
		.editorMiniSlider .editorSliderMinus {
			right: 16px;
		}
		.editorMiniSlider .editorSliderPlus {
			right: 0;
		}
			.editorMiniSlider .editorSliderPlus:hover,
			.editorMiniSlider .editorSliderMinus:hover {
				background: rgba(255,193,7,1);
			}
			.editorMiniSlider .editorSliderMinus:before {
				height: 5px;
				width: 7px;
				top: 9px;
				right: 4px;
			}
			.editorMiniSlider .editorSliderPlus:before {
				height: 5px;
				width: 7px;
				top: 9px;
				left: 4px;
			}
			.editorMiniSlider .editorSliderPlus:after {
				height: 7px;
				width: 7px;
				top: 6px;
				left: 7px;
			}

















/*Border Type Buttons*/
.editorSelectBorderButton {
	color: rgba(0,0,0,0.73);
	background: rgba(255,193,7,0);
	padding: 3px 25px 0 25px;
	height: 23px;
	cursor: pointer;
	position: relative;
	display: block;
}
	.editorSelectBorderButton:hover {
		color: rgba(0,0,0,0.91);
		background: rgba(255,193,7,1);
	}
	.editorSelectBorderButton.active,
	.editorSelectBorderButton.active:hover {
		color: rgba(0,0,0,0.73);
		background: rgba(255,193,7,0);
		opacity: 0.5;
	}
	.editorSelectBorderButton ul {
		position: absolute;
		top: 4px;
		right: 25px;
		display: block;
		line-height: 1px;
		height: 19px;
	}















/*Editor Color Menu*/
.editorColorMenu {
}
	.editorColorMenu li {
		padding: 0 5px 0 0;
		float: left;
	}
	.editorColorMenu li div {
		cursor: pointer;
		border-radius: 20px;
		padding: 8px 15px 0 15px;
		height: 28px;
		color: rgba(255,255,255,0.91);
		background: rgba(73,73,73,1);
	}
		.editorColorMenu li div:hover {
			background: rgba(255,193,7,1);
			color: rgba(0,0,0,0.91);
		}
		.editorColorMenu li div.active,
		.editorColorMenu li div.active:hover {
			color: rgba(0,0,0,0.91);
			background: rgba(237,237,237,1);
		}












/*Color Inputs*/
.editorColorInputs {
	padding: 10px 0 10px 0;
}
	.editorColorInputs li {
		padding: 0 0 1px 0;
		position: relative;
	}
		.editorColorInputs li label {
			pointer-events: none;
			position: absolute;
	        left: 8px;
	        top: 4px;
	        display: block;
	        color: rgba(0,0,0,0.55);
	        font-size: 11px;
		}
		.editorColorInputs li input[type=text] {
			display: block;
			margin: 0;
			vertical-align: middle;
			overflow: hidden;
			padding: 0 8px 0 8px;
			width: 100%;
			width: calc(100% - 18px);
			height: 26px;
			border: 1px solid rgba(215,215,215,1);
			background: rgba(215,215,215,1);
			color: rgba(0,0,0,0.73);
			margin-right: 50px;
			font-size: 11px;
			line-height: 20px;
			text-align: right;
			border-radius: 6px;
			-webkit-transition: none;
			-moz-transition: none;
			-ms-transition: none;
			-o-transition: none;
			transition: none;
		}
			.editorColorInputs li input[type=text]:hover {
				border: 1px solid rgba(255,255,255,1);
				background: rgba(255,255,255,1);
				color: rgba(0,0,0,1);
			}
			.editorColorInputs li input[type=text]:focus {
				box-shadow: 0 0 0 rgba(255,255,255,1);
				border: 1px solid rgba(255,255,255,1);
				background: #FFF;
				color: rgba(0,0,0,1);
			}
.editorColorInput33Left {
	float: left;
	width: 48px;
}
.editorColorInput34Left {
	float: left;
	width: 48px;
	padding-left: 1px !important;
}
.editorColorInput33Right {
	float: right;
	width: 48px;
}
.editorColorInput50Left {
	float: left;
	width: 73px;
}
.editorColorInput50Right {
	float: right;
	width: 72px;
}




















/*Editor TopMenu*/
.editorTopMenuBg,
.editorTopMenuButton span,
.editorMultipage li span,
.editorZoom li span,
.layersFakeButton,
.layerIsImage strong:before,
.layerIsShape strong:before,
.layerIsText strong:before,
.layerIsGroup strong:before,
.layerHide,
.layerLock,
.editorRightOptionsList li div .hot,
.editorPopupMenu li div .hot,
.fontStyleList li,
.timelineElementIsShape strong:before,
.timelineElementIsGroup strong:before,
.timelineElementIsText strong:before,
.timelineElementIsImage strong:before,
.timelineIsSound strong:before,
.timelineIsVideo strong:before,
.timelineElementHide,
.timelineElementLock {
	background-image: url(../images/editor/topMenu.png);
	background-repeat: no-repeat;
}
.editorTopMenuBlock {
	width: 100%;
	width: calc(100% - 35px);
	height: 46px;
	margin: 10px 20px 0 15px;
}
	.editorTopMenuSpacer {
		float: left;
		width: 21px;
		height: 36px;
	}
		.editorTopMenuSpacer:before {
			content: '';
			display: block;
			width: 10px;
			height: 36px;
			border-right: 1px solid rgba(255,255,255,0.25);
		}
	.editorTopMenuContent {
		float: left;
		position: relative;
		height: 36px;
	}
		.editorTopMenuContent.disabled {
		}
			.editorTopMenuContent.disabled:after {
				content: '';
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background: rgba(37,37,37,0.85);
			}
	.editorTopMenuList {
		float: left;
		position: relative;
		height: 36px;
	}
		.editorTopMenuList p {
			padding: 8px 5px 0 5px;
			color: rgba(255,255,255,1);
		}
			.editorTopMenuList p em {
				font-style: italic;
				opacity: 0.73;
				padding: 0 0 0 5px;
			}
		.editorTopMenuButton {
			float: left;
			position: relative;
			height: 36px;
			color: rgba(255,255,255,1);
			cursor: pointer;
			opacity: 0.73;
		}
			.editorTopMenuButton:hover {
				opacity: 1;
			}
			.editorTopMenuButton strong {
				display: block;
				float: left;
				font-weight: normal;
				padding-top: 8px;
				height: 28px;
			}
			.editorTopMenuButton span {
				display: block;
				float: left;
				line-height: 9999px;
				overflow: hidden;
				height: 36px;
			}
.editorTopMenuOperations {
}
	.editorTopMenuOperationsClone span {
		width: 34px;
		background-position: -25px -150px;
	}
	.editorTopMenuOperationsDelete span {
		width: 33px;
		background-position: -59px -150px;
	}
.editorTopMenuOrder {
}
	.editorTopMenuOrderUp span {
		width: 34px;
		background-position: -117px -150px;
	}
	.editorTopMenuOrderDown span {
		width: 34px;
		background-position: -151px -150px;
	}
.editorTopMenuRotate {
}
	.editorTopMenuRotateOpen strong {
		min-width: 37px;
		text-align: right;
	}
	.editorTopMenuRotateOpen span {
		width: 26px;
		background-position: -249px -150px;
	}
	.editorTopMenuRotateMinus span {
		width: 23px;
		background-position: -275px -150px;
	}
	.editorTopMenuRotatePlus span {
		width: 23px;
		background-position: -298px -150px;
	}
.editorTopMenuOpacity {
}
	.editorTopMenuOpacityOpen strong {
		min-width: 41px;
		text-align: right;
	}
	.editorTopMenuOpacityOpen span {
		width: 30px;
		background-position: -391px -150px;
	}
	.editorTopMenuOpacityMinus span {
		width: 23px;
		background-position: -421px -150px;
	}
	.editorTopMenuOpacityPlus span {
		width: 23px;
		background-position: -444px -150px;
	}
.editorTopMenuAlignment {
}
	.editorTopMenuAlignmentLeft span {
		width: 25px;
		background-position: -492px -150px;
	}
	.editorTopMenuAlignmentCenter span {
		width: 25px;
		background-position: -517px -150px;
	}
	.editorTopMenuAlignmentRight span {
		width: 25px;
		background-position: -542px -150px;
	}
	.editorTopMenuAlignmentTop span {
		width: 26px;
		background-position: -567px -150px;
	}
	.editorTopMenuAlignmentMiddle span {
		width: 26px;
		background-position: -593px -150px;
	}
	.editorTopMenuAlignmentBottom span {
		width: 26px;
		background-position: -619px -150px;
	}
.editorTopMenuFlip {
}
	.editorTopMenuFlipH span {
		width: 28px;
		background-position: -670px -150px;
	}
	.editorTopMenuFlipV span {
		width: 28px;
		background-position: -698px -150px;
	}
.editorTopMenuPages {
}
.editorTopMenuTime {
}
.editorTopMenuHistory {
	float: right;
	position: relative;
	height: 36px;
}
	.editorTopMenuHistoryUndo strong {
		padding-right: 5px;
	}
	.editorTopMenuHistoryUndo span {
		width: 24px;
		background-position: -832px -150px;
	}
	.editorTopMenuHistoryRedo strong {
		padding-left: 5px;
	}
	.editorTopMenuHistoryRedo span {
		width: 24px;
		background-position: -942px -150px;
	}














/*Editor Top Menu Layers*/
.editorTopMenuLayers,
.editorTopMenuContent.editorTopMenuLayers {
	height: 46px;
}
	.editorTopMenuLayers .editorTopMenuSpacer {
		opacity: 0.55;
	}
	.layersBlock {
		position: relative;
		height: 46px;
		width: 36px;
		float: left;
		padding: 0 10px;
		margin-right: -10px;
		margin-left: -10px;
	}
		.layersFakeButton {
			height: 36px;
			width: 36px;
			background-position: -736px -150px;
			cursor: pointer;
			overflow: hidden;
			line-height: 9999px;
			opacity: 0.55;
		}
			.layersBlock:hover .layersFakeButton,
			.layersFakeButton:hover {
				opacity: 1;
			}
		.layersList {
			display: none;
			background: rgba(43,43,43,1);
			width: 281px;
			height: 100vh;
			height: calc(100vh - 112px);
			position: absolute;
			overflow: hidden;
			left: -15px;
			top: 46px;
		}
		.layersList ul li {
			-webkit-touch-callout: none; /* iOS Safari */
    		-webkit-user-select: none; /* Safari */
   			-khtml-user-select: none; /* Konqueror HTML */
       		-moz-user-select: none; /* Firefox */
        	-ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
		}
			.layersBlock:hover .layersList {
				display: block;
			}
			.layersList ul {
			}
				.layersList ul li {
					padding: 18px 25px 18px 25px;
					margin-left: 10px;
					display: block;
					color: rgba(255,255,255,0.55) !important;
					position: relative;
					cursor: default;
					background: rgba(43,43,43,1);
				}
					.layersList ul li:after {
						content: '';
						display: block;
						line-height: 1px;
						border-bottom: 1px solid rgba(73,73,73,1);
						position: absolute;
						bottom: 0;
						left: 25px;
						width: 100%;
						width: calc(100% - 50px);
						height: 5px;
					}
					.layersList strong {
						font-weight: normal;
						display: block;
						padding: 0 0 0 29px;
					}
						.layerIsImage strong:before,
						.layerIsShape strong:before,
						.layerIsText strong:before,
						.layerIsGroup strong:before {
							content: '';
							display: block;
							position: absolute;
							height: 56px;
							width: 30px;
							top: 0;
							left: 20px;
							opacity: 0.37;
						}
							.layerIsImage strong:before {
								background-position: -260px -350px;
							}
							.layerIsShape strong:before {
								background-position: -210px -350px;
							}
							.layerIsText strong:before {
								background-position: -310px -350px;
							}
							.layerIsGroup strong:before {
								background-position: -360px -350px;
							}
					.layerHide {
						display: block;
						position: absolute;
						width: 28px;
						height: 56px;
						cursor: pointer;
						top: 0;
						right: 42px;
						overflow: hidden;
						line-height: 9999px;
						background-position: -461px -350px;
						opacity: 0.25;
					}
						.layerHide.layerHideActive {
							background-position: -411px -350px;
							opacity: 0.50;
						}
					.layerLock {
						display: block;
						position: absolute;
						width: 19px;
						height: 56px;
						cursor: pointer;
						top: 0;
						right: 22px;
						overflow: hidden;
						line-height: 9999px;
						background-position: -566px -350px;
						opacity: 0.25;
					}
						.layerLock.layerLockActive {
							background-position: -516px -350px;
							opacity: 0.50;
						}
					.layerLock:hover,
					.layerHide:hover,
					.layerHide.layerHideActive:hover,
					.layerLock.layerLockActive:hover {
						opacity: 1;
					}
				.layersList ul li:hover,
				.layersList ul li.layerActive {
					color: rgba(255,255,255,1);
				}
				.layersList ul li.layerActive:active
				.layersList ul li.layerActive:active {
				}
				.layersList ul li:hover strong:before,
				.layersList ul li.layerActive strong:before {
					opacity: 1;
				}
				.layersList ul li.layerActive {
					background: rgba(73,73,73,1);
				}
					.layersList ul li.layerActive:after {
						content: '';
						display: block;
						line-height: 1px;
						border-top: 1px solid rgba(73,73,73,1);
						position: absolute;
						top: -1px;
						left: 0;
						width: 100%;
						height: 5px;
					}

.sortableHelper {
	z-index: 100;
	color: #FFF000;
	padding: 18px 25px 18px 55px !important;
	font-weight: normal !important;
	margin-left: 10px;
	display: block;
	color: rgba(255,255,255,0.55) !important;
	cursor: default;
	background: rgba(55,55,55,1);
	border-radius: 13px;
}
	.sortableHelper strong {
		font-weight: normal !important;
	}






/*Editor Right Buttons*/
.buttonMainDesignEditor {
	content: '';
	padding: 18px 25px 0 25px;
	height: 38px;
	cursor: pointer;
	position: relative;
	color: rgba(255,255,255,0.73);
	background: rgba(25,25,25,1);
}
	.buttonMainDesignEditor:hover {
		color: rgba(255,255,255,1);
		background: rgba(25,25,25,1);
	}
	.buttonMainDesignEditor strong {
		font-weight: normal;
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding: 0 0 3px 0;
	}
.buttonMainDesignEditor:after,
.editorRightBlockItem:after {
	content: '';
	display: block;
	line-height: 1px;
	border-bottom: 1px solid rgba(255,255,255,0.13);
	position: absolute;
	bottom: 0;
	left: 25px;
	width: 100%;
	width: calc(100% - 50px);
	height: 5px;
}












/*Editor TopMenu Popup*/
.editorTopMenuPopup {
	display: block;
	position: absolute;
	bottom: -103px;
	left: -12px;
	background: rgba(55,55,55,1);
	padding: 20px 25px 0 25px;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	width: 300px;
	height: 73px;
	border-radius: 0 0 25px 25px;
}
	.editorTopMenuPopupInner {
		position: relative;
	}









/*Editor MultiPage Block*/
.editorMultipage {
	background: rgba(37,37,37,1);
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	border-radius: 25px;
	display: block;
	width: 50px;
	padding: 0;
}
	.editorMultipage li {
		width: 50px;
		cursor: pointer;
		display: block;
		opacity: 0.55;
	}
		.editorMultipage li:first-child {
			padding-top: 13px;
			border-radius: 20px 20px 0 0;
		}
		.editorMultipage li:last-child {
			padding-bottom: 13px;
			border-radius: 0 0 20px 20px;
		}
		.editorMultipage li:hover {
			opacity: 1;
		}
		.editorMultipage li span {
			display: block;
			line-height: 9px;
			overflow: hidden;
			line-height: 9999px;
			width: 50px;
		}
		.editorMultipageUp span {
			height: 28px;
			background-position: -100px -315px;
		}
		.editorMultipageAdd span {
			height: 31px;
			background-position: -100px -223px;
		}
		.editorMultipageClone span {
			height: 31px;
			background-position: -100px -254px;
		}
		.editorMultipageDelete span {
			height: 30px;
			background-position: -100px -285px;
		}
		.editorMultipageDown span {
			height: 28px;
			background-position: -100px -343px;
		}










/*Editor Pages Block*/
.editorPages {
	background: rgba(37,37,37,1);
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	border-radius: 25px;
	display: block;
	width: 50px;
	padding: 0;
}
	.editorPages li {
		color: rgba(255,255,255,1);
		text-align: center;
		display: block;
		cursor: pointer;
		opacity: 0.55;
	}
	.editorPages li.editorPageCurrent {
		opacity: 1;
	}
		.editorPages li:hover {
			opacity: 1;
		}
		.editorPages li:first-child {
			padding-top: 13px;
			border-radius: 20px 20px 0 0;
		}
		.editorPages li:last-child {
			padding-bottom: 13px;
			border-radius: 0 0 20px 20px;
		}
		.editorPages li span {
			display: block;
			width: 50px;
			padding: 1px 0;
		}
		.editorPages li em {
			display: block;
			height: 18px;
			padding: 0 19px;
		}
			.editorPages li em:after {
				content: '';
				display: block;
				height: 8px;
				border-bottom: 2px dotted rgba(255,255,255,0.5);
			}











/*Editor Zoom*/
.editorZoom {
	background: rgba(37,37,37,1);
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	border-radius: 25px;
	height: 50px;
	position: fixed;
	z-index: 25;
	display: block;
	bottom: 25px;
	right: 25px;
}
	.editorZoom li {
		display: block;
		float: left;
		padding: 7px 5px;
		color: rgba(255,255,255,1);
		opacity: 0.73;
	}
		.editorZoom li:hover {
			opacity: 1;
		}
		.editorZoom li:first-child {
			padding-left: 20px;
			border-radius: 25px 0 0 25px;
		}
		.editorZoom li:last-child {
			padding-right: 20px;
			border-radius: 0 25px 25px 0;
		}
		.editorZoom li span {
			width: 23px;
			height: 36px;
			display: block;
			line-height: 9999px;
			overflow: hidden;
		}
		.editorZoom li strong {
			display: block;
			font-weight: normal;
			min-width: 66px;
			text-align: center;
			background: rgba(255,255,255,0.13);
			color: rgba(255,255,255,0.85);
			padding: 5px 0;
			margin: 3px 0;
			border-radius: 20px;
		}
		.editorZoom li em {
			display: block;
			font-style: normal;
			padding: 8px 6px 0 6px;
		}
	.editorZoomOut {
		cursor: pointer;
	}
		.editorZoomOut span {
			background-position: -275px -150px;
		}
	.editorZoomValue {
		cursor: default;
	}
		.editorZoomValue {
			opacity: 1 !important;
		}
	.editorZoomReset {
		cursor: pointer;
	}
	.editorZoomFit {
		cursor: pointer;
	}
	.editorZoomIn {
		cursor: pointer;
	}
		.editorZoomIn span {
			background-position: -298px -150px;
		}
.videoModeActive .editorZoom {
	-webkit-transform: translate(0%,-25px);
	-ms-transform: translate(0%,-25px);
	transform: translate(0%,-25px);
	bottom: 30%;
}






















/*Editor switch buttons Development*/
.editorSwitchBlock {
	height: 44px;
	position: fixed;
	right: 25px;
	top: 137px;
	z-index: 90;
}
	.editorSwitchDevAnimateButton,
	.editorSwitchDevDesignButton {
		display: block;
		cursor: pointer;
		border-radius: 30px;
		padding: 12px 19px 0 19px;
		height: 32px;
		color: rgba(255,255,255,1);
		background: rgba(37,37,37,1);
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		position: relative;
	}
	.editorSwitchDevAnimateButton:before {
		content: 'HOT';
		display: block;
		font-size: 10px;
		line-height: 13px;
		background: #DF0000;
		color: #FFF;
		position: absolute;
		left: 73px;
		top: -11px;
		padding: 3px 7px 2px 7px;
	}
		.editorSwitchDevAnimateButton:hover:before {
			color: #FFF;
		}
	.editorSwitchDevAnimateButton:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11px 11px 0 0;
		border-color: #DF0000 transparent transparent transparent;
		position: absolute;
		left: 73px;
		top: 3px;
	}

	/*.editorSwitchDevAnimateButton {
		-webkit-animation: animatebleep 0.6s infinite ease-in-out;
 		animation: animatebleep 0.6s infinite ease-in-out;
	}
			@-webkit-keyframes animatebleep {
			  0% { background: rgba(37,37,37,1); } 50% {
			  	background: rgba(37,37,37,0.73); } 100% {
				background: rgba(37,37,37,1);
			  }
			}
			@keyframes animatebleep {
			  0% { background: rgba(37,37,37,1); } 50% {
			  	background: rgba(37,37,37,0.73); } 100% {
				background: rgba(37,37,37,1);
			  }
			}*/
		.editorSwitchDevAnimateButton:hover,
		.editorSwitchDevDesignButton:hover {
			color: rgba(0,0,0,1);
			background: rgba(255,193,7,1);
			-webkit-animation: none;
			animation: none;
		}





















/*Editor Header*/
.editor-header-block {
	height: 56px;
    position: relative;
    padding-left: 25px;
}
	.editor-header-container {
		/*padding: 10px 61px 0 0;*/
		padding: 10px 20px 0 0;
	    height: 46px;
	    float: right;
	    position: relative;
	}










/*Editor Title Block*/
.editorTitleContainer {
	position: relative;
	height: 36px;
	width: 480px;
	z-index: 90;
	float: left;
	padding-right: 6px;
}
	.editorTitleBlock {
		height: 36px;
		width: 100%;
		position: relative;
		display: block;
	}
		.editorTitleBlock:before {
			content: 'Title:';
			display: block;
			position: absolute;
			left: 20px;
			top: 8px;
			color: rgba(125,125,125,1);
			pointer-events: none;
		}
		.editorTitleBlock input[type=text] {
			display: block;
			margin: 0;
			vertical-align: middle;
			overflow: hidden;
			padding: 0 85px 0 37px;
			height: 34px;
			width: 100%;
			width: calc(100% - 163px);
			border: 1px solid rgba(15,15,15,1);
			border-bottom: 1px solid rgba(85,85,85,1);
			background: rgba(15,15,15,1);
			color: rgba(215,215,215,1);
			border-radius: 0;
			margin: 0 19px;
			-webkit-transition: none;
			-moz-transition: none;
			-ms-transition: none;
			-o-transition: none;
			transition: none;
		}
			.editorTitleBlock input[type=text]:hover {
				border: 1px solid rgba(15,15,15,1);
				border-bottom: 1px solid rgba(215,215,215,1);
				background: rgba(15,15,15,1);
				color: rgba(255,255,255,1);
			}
			.editorTitleBlock input[type=text]:focus,
			.editorTitleBlock input[type=text]:active {
				box-shadow: 0 0 0 rgba(255,255,255,1);
				border: 1px solid rgba(255,255,255,1);
				background: #FFF;
				color: rgba(0,0,0,1);
				margin: 0;
				padding: 0 104px 0 56px;
				border-radius: 25px;
			}
.editorTypeBlock {
	display: block;
	position: absolute;
	right: 6px;
	top: 0;
	height: 36px;
}
	.editorTypeButtonOpen {
		cursor: pointer;
		color: rgba(137,137,137,1);
		padding: 8px 20px 8px 20px;
	}
		.editorTypeButtonOpen:hover {
			color: rgba(215,215,215,1);
		}
		.editorTypeButtonOpen:before {
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 8px 5px 0 6px;
			border-color: rgba(137,137,137,1) transparent transparent transparent;
			left: 6px;
			top: 15px;
		}
			.editorTypeButtonOpen:hover:before {
				border-color: rgba(215,215,215,1) transparent transparent transparent;
			}
	.editorTypeButtonClose {
		cursor: pointer;
		color: rgba(215,215,215,1);
		padding: 8px 20px 8px 20px;
	}
		.editorTypeButtonClose:before {
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 5px 8px 6px;
			border-color: transparent transparent rgba(215,215,215,1) transparent;
			left: 6px;
			top: 15px;
		}
	.editorTypeList {
		position: absolute;
		width: 112px;
		background: rgba(255,255,255,1);
		border: 1px solid rgba(15,15,15,0.73);
		border-top: none;
		padding: 17px 0 17px 0;
		left: 50%;
		margin-left: -57px;
		top: 44px;
		border-radius: 20px;
		-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
		text-align: center;
	}
















/*Editor Title Popup*/
.editorOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(37,37,37,0.73);
	z-index: 600;
	display: flex;
	justify-content: center;
	align-items: center;
}
.editorPopupTitleBlock {
	text-align: center;
    position: relative;
    width: 480px;
    padding: 50px 25px;
    background: rgba(237,237,237,1);
  	-webkit-box-shadow: 0 15px 15px -15px rgba(0,0,0,0.55), 0 -15px 15px -15px rgba(0,0,0,0.55), -15px 0 15px -15px rgba(0,0,0,0.55), 15px 0 15px -15px rgba(0,0,0,0.55);
  	-moz-box-shadow: 0 15px 15px -15px rgba(0,0,0,0.55), 0 -15px 15px -15px rgba(0,0,0,0.55), -15px 0 15px -15px rgba(0,0,0,0.55), 15px 0 15px -15px rgba(0,0,0,0.55);
  	box-shadow: 0 15px 15px -15px rgba(0,0,0,0.55), 0 -15px 15px -15px rgba(0,0,0,0.55), -15px 0 15px -15px rgba(0,0,0,0.55), 15px 0 15px -15px rgba(0,0,0,0.55);
}
	.editorPopupTitleError {
		color: #D90000;
		padding: 0 0 8px 0;
	}
	.editorPopupTitleUpdate {
		color: rgba(0,0,0,1);
		font-style: italic;
	}
	.editorPopupTitleButton {
		padding-top: 5px;
	}
		.editorPopupTitleButton button:disabled {
			display: none;
		}
	.editorPopupTitleInput {
		display: block;
		margin: 0;
		vertical-align: middle;
		overflow: hidden;
		padding: 0 19px 0 19px;
		height: 44px;
		width: 100%;
		width: calc(100% - 40px);
		border: 1px solid rgba(173,173,173,1);
		background: rgba(250,250,250,1);
		color: rgba(0,0,0,0.50);
		border-radius: 6px;
		text-align: center;
	}
		.editorPopupTitleInput:hover {
			border: 1px solid rgba(55,55,55,1);
			background: rgba(255,255,255,1);
			color: rgba(0,0,0,1);
		}
		.editorPopupTitleInput:focus,
		.editorPopupTitleInput:active {
			box-shadow: 0 0 0 rgba(255,255,255,1);
			border: 1px solid rgba(15,15,15,1);
			background: #FFF;
			color: rgba(0,0,0,1);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
		}







/*Popup Layout*/
.editorPopupLayout {
	width: 324px;
	height: 100%;
	height: calc(100% - 56px);
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 56px;
	z-index: 500;
	background: rgba(25,25,25,1);
}
	.editorPopupBlock {
		padding: 0 25px 112px 25px;
		width: 274px;
		position: relative;
	}
			.editorPopupClose {
				position: absolute;
				top: 10px;
				right: 0;
				z-index: 999;
			}
		.editorPopupTitle {
			padding: 18px 0 0 0;
			height: 38px;
			cursor: default;
			position: relative;
			color: rgba(255,255,255,1);
		}
			.editorPopupTitle strong {
				font-weight: normal;
				display: inline-block;
				position: relative;
				overflow: hidden;
				padding: 0 0 3px 0;
				border-bottom: 1px dotted rgba(255,255,255,0.73);
			}
				.editorPopupTitle strong em {
					opacity: 0.73;
					font-weight: normal;
					padding-left: 5px;
				}
		.editorPopupPreloader {
			padding: 5px 0;
			height: 50px;
			position: relative;
			max-width: 324px;
		}
				.editorPopupPreloaderBlock {
					position: relative;
				}
					.editorPopupPreloaderBlock span {
						display: block;
						position: absolute;
						width: 50px;
				  		height: 50px;
				  		background: #FFF;
					  	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
				 		animation: sk-rotateplane 1.2s infinite ease-in-out;
						top: 0;
						left: 50%;
						margin: 0 0 0 -25px;
						border-radius: 25px;
						z-index: 60;
					}
		.editorPopupContent {
			padding: 0;
		}
			.editorPopupMiniTitle {
				padding: 20px 0 0 0;
				position: relative;
				color: rgba(255,255,255,1);
			}
				.editorPopupMiniTitle strong {
					font-weight: normal;
					display: inline-block;
					position: relative;
					overflow: hidden;
					padding: 0 0 3px 0;
					border-bottom: 1px solid rgba(255,255,255,0.73);
				}






/*Editor Popup Search*/
.editorPopupSearch {
	position: relative;
	padding: 0 0 5px 0;
}
	.editorPopupSearch input[type="text"] {
		display: block;
		margin: 0;
		vertical-align: middle;
		overflow: hidden;
		padding: 0 19px 0 19px;
		height: 36px;
		width: 100%;
		width: calc(100% - 40px);
		border: 1px solid rgba(205,205,205,1);
		background: rgba(205,205,205,1);
		color: rgba(37,37,37,1);
		border-radius: 25px;
		text-align: left;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
	}
		.editorPopupSearch input[type="text"]:hover,
		.editorPopupSearch input[type="text"]:focus,
		.editorPopupSearch input[type="text"]:active {
			border: 1px solid rgba(255,255,255,1);
			background: rgba(255,255,255,1);
			color: rgba(0,0,0,1);
		}















/*Editor Popup Menu*/
.editorPopupMenu {
	padding: 0 0 0 0;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.23);
	margin: 0 0 13px 0;
}
	.editorPopupMenu li {
		display: block;
		float: left;
		padding: 0 0 0 15px;
	}
		.editorPopupMenu li:first-child {
			padding: 0 0 0 0;
		}
		.editorPopupMenu li:last-child {
			float: right;
		}
		.editorPopupMenu li div,
		.editorPopupMenu li label {
			display: block;
			padding: 9px 0;
			cursor: pointer;
			position: relative;
			color: rgba(255,255,255,0.55);
		}
			.editorPopupMenu li div:hover,
			.editorPopupMenu li div.active,
			.editorPopupMenu li label:hover {
				color: rgba(255,255,255,1);
			}
				.editorPopupMenu li div.active:after,
				.editorPopupMenu li div.active:hover:after {
					content: '';
					display: block;
					border-bottom: 1px dotted rgba(255,255,255,1);
					position: absolute;
					width: 100%;
					height: 5px;
					left: 0;
					bottom: -1px;
				}
			.editorPopupMenu li div .hot {
				width: 16px;
				height: 18px;
				overflow: hidden;
				line-height: 9999px;
				position: absolute;
				background-position: -620px -250px;
				margin-left: 2px;
			}
				.editorPopupMenu li div .hot {
					left: 100%;
					top: 9px;
				}
				.editorPopupMenu li:last-child div .hot {
					left: -19px;
				}
.myGalleryUpgrade {
	background: rgba(25,25,25,1);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
}
.uploudFontUpgrade {
	position: absolute;
	display: block;
	height: 38px;
	padding: 0 0 0 0;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(25,25,25,1);
	z-index: 9999;
}
	.uploudFontUpgrade label {
		display: block;
		cursor: pointer;
		border-radius: 20px;
		padding: 9px 0 0 0;
		height: 29px;
		color: rgba(255,255,255,0.91);
		background: rgba(55,55,55,1);
		text-align: center;
	}
	
		.uploudFontUpgrade label img {
			height: 20px;
			display: inline-block;
			position: absolute;
			top: 8px;
			padding-left: 5px;
		}
		.uploudFontUpgrade label:hover {
			background: rgba(85,85,85,1);
		}





















/*Editor Popup Filters*/
.editorPopupFilters {
	padding: 13px 0 0 0;
}
	.editorPopupFilters li {
		display: block;
		padding: 0 0 0 0;
	}
	.editorPopupFilters li.cleanItem {
		clear: both;
	}
		.editorPopupFilters li div {
			color: rgba(255,255,255,0.55);
			cursor: pointer;
			display: inline-block;
			padding: 2px 0;
		}
			.editorPopupFilters li div:hover,
			.editorPopupFilters li div.active,
			.editorPopupFilters li div.active:hover {
				color: rgba(255,255,255,1);
			}









/*Editor Preset Size*/
.editorPresetSizeBlock {
	padding: 0 0 25px 0;
}
	.editorPresetSizeBlock ul {
	}
		.editorPresetSizeBlock ul li {
		}
			.editorPresetSizeBlock ul li div {
				display: block;
				color: rgba(255,255,255,1);
				opacity: 0.73;
				cursor: pointer;
				font-size: 15px;
				padding: 1px 0;
			}
				.editorPresetSizeBlock ul li div:hover {
					opacity: 1;
				}
				.editorPresetSizeBlock ul li div strong {
					font-weight: normal;
				}
				.editorPresetSizeBlock ul li div em {
					opacity: 0.73;
					padding-left: 7px;
				}
.editorPresetSizeBlock .editorMiniTitle {
	height: 20px;
	font-size: 12px;
	text-transform: uppercase;

}
	.editorPresetSizeBlock .editorMiniTitle strong {
		border: none;
		font-weight: bold;
	}
.editorSizeSubcateg2,
.editorSizeSubcateg3,
.editorSizeSubcateg9,
.editorSizeSubcateg10,
.editorSizeSubcateg11,
.editorSizeSubcateg15,
.editorSizeSubcateg18,
.editorSizeSubcateg19,
.editorSizeSubcateg21,
.editorSizeSubcateg22,
.editorSizeSubcateg23,
.editorSizeSubcateg24,
.editorSizeSubcateg25,
.editorSizeSubcateg26,
.editorSizeSubcateg27,
.editorSizeSubcateg31,
.editorSizeSubcateg32,
.editorSizeSubcateg34,
.editorSizeSubcateg35,
.editorSizeSubcateg36 {
	display: none;
}






/*Editor Shapes List*/
.editorShapesList {
	padding: 10px 0 0 0;
	width: 100%;
	max-width: 320px;
}
	.editorShapesList li {
		width: 25%;
		padding-bottom: 25%;
		float: left;
		position: relative;
	}
		.editorShapesList li img {
			position: absolute;
			width: 100%;
			width: calc(100% - 12px);
			max-height: 100%;
			max-height: calc(100% - 12px);
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}
		.editorShapesList li div {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			cursor: pointer;
			background: rgba(25,25,25,0);
		}
			.editorShapesList li div:hover {
				background: rgba(25,25,25,0.5);
			}












/*Editor Fake Upload*/
.editorFakeUpload {
	padding: 0 0 0 0;
	height: 38px;
	position: relative;
}
	.editorFakeUploadButton {
		text-align: center;
		padding: 9px 0;
		color: rgba(0,0,0,0.73);
		background: rgba(255,193,7,0.91);
		cursor: pointer;
		border-radius: 25px;
	}
	.editorFakeUpload form {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		cursor: pointer;
	}
		.editorFakeUpload form input {
			margin: 0 !important;
			padding: 0 !important;
			height: 36px !important;
			display: block !important;
			border: 1px solid rgba(255,255,255,1);
			cursor: pointer;
		}










/*Editor Fonts List*/
.editorFontsBlock {
	padding: 25px 0 0 0;
}
	.editorFontsBlock ul {
	}
	.editorFontsDefaultList {
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
		border-bottom: 1px solid rgba(255,255,255,0.37);
	}
		.editorFontsBlock ul li {
			cursor: pointer;
			position: relative;
		}
			.editorFontsBlock ul li .editorFontsName {
				color: rgba(255,255,255,0.91);
				font-size: 20px;
				line-height: 30px;
				padding: 1px 0;
				display: inline-block;
				border-bottom: 1px solid rgba(255,255,255,0.13);
				position: relative;
			}
			.editorFontsBlock ul li:last-child .editorFontsName {
				border-bottom: none;
			}
				.editorFontsBlock ul li:hover .editorFontsName {
					color: rgba(255,255,255,0.37);
				}
				.editorFontsBlock ul li.active .editorFontsName,
				.editorFontsBlock ul li.active:hover .editorFontsName {
					color: rgba(255,255,255,0.37);
				}
				.editorFontsBlock ul li.active .editorFontsName:after {
					content: 'On';
					font-family: 'Raleway', sans-serif;
					display: block;
					text-transform: uppercase;
					background: rgba(237,237,237,0.91);
					color: rgba(25,25,25,0.73);
					font-size: 10px;
					line-height: 20px;
					padding: 0 7px;
					display: block;
					border-radius: 15px 15px 15px 0;
					position: absolute;
					left: 100%;
					top: 6px;
					margin-left: 5px;
				}
		.editorFontsBlock ul li strong {
			cursor: pointer;
			display: block;
			width: 11px;
			height: 11px;
			position: absolute;
			right: 0;
			top: 8px;
			background-position: -12px -12px;
			background-image: url(../images/closeWhite.png);
			background-repeat: no-repeat;
			opacity: 0.37;
		}
			.editorFontsBlock ul li strong:hover {
				opacity: 1;
			}
























/*Editor Shapes List*/
.editorImagesList {
	padding: 12px 0 12px 0;
	width: 100%;
	width: calc(100% + 10px);
	margin-left: -5px;
}
	.editorImagesList li {
		margin: 5px;
		width: 132px;
		padding-bottom: 132px;
		float: left;
		position: relative;
	}
		.editorImagesList li .imageBg {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			overflow: hidden;
			opacity: 0.5;
		}
			.editorImagesList li .imageBg img {
				position: absolute;
				width: 100%;
				min-height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
				filter: blur(5px);
				opacity: 0.73;
			}
		.editorImagesList li .image {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			overflow: hidden;
		}
			.editorImagesList li .image img {
				position: absolute;
				max-width: 100%;
				max-height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
			}
		.editorImagesList li .add {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			overflow: hidden;
			line-height: 9999px;
			background: rgba(37,37,37,0);
			cursor: pointer;
		}
			.editorImagesList li:hover .add,
			.editorImagesList li .add:hover {
				background: rgba(37,37,37,0.73);
			}
				.editorImagesList li:hover .add:before,
				.editorImagesList li .add:hover:before {
					content: '';
					display: block;
					position: absolute;
					width: 50px;
					height: 65px;
					border-bottom: 1px solid rgba(255,255,255,0.91);
					top: 0;
					left: 41px;
				}
				.editorImagesList li:hover .add:after,
				.editorImagesList li .add:hover:after {
					content: '';
					display: block;
					position: absolute;
					width: 65px;
					height: 50px;
					border-right: 1px solid rgba(255,255,255,0.91);
					top: 41px;
					left: 0;
				}
		.editorImagesList li .gallery {
			display: none;
			-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
			background: rgba(237,237,237,0.85);
			text-transform: uppercase;
			color: rgba(0,0,0,0.91);
			font-size: 13px;
			padding: 3px 9px;
			border-radius: 15px 0 15px 15px;
			position: absolute;
			right: 6px;
			top: 6px;
			cursor: pointer;
		}
			.editorImagesList li .gallery:hover {
				background: rgba(255,193,7,1);
			}
			.editorImagesList li:hover .gallery {
				display: block;
			}
















/*Editor Filter Button*/
.editorFiltersButton {
	border-top: 1px solid rgba(255,255,255,0.13);
	color: rgba(255,255,255,0.55);
	padding: 18px 0 0 0;
	height: 38px;
	cursor: pointer;
	position: relative;
	display: block;
}
.editorFiltersButtonNoBorder {
	border-top: none;
}
	.editorFiltersButton:hover {
		color: rgba(255,255,255,1);
	}
	.editorFiltersButton strong {
		font-weight: normal;
	}
	.editorFiltersButton.active strong,
	.editorFiltersButton.active:hover strong {
		font-weight: normal;
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding: 0 0 3px 0;
		border-bottom: 1px dotted rgba(255,255,255,0.73);
		color: rgba(255,255,255,1);
	}
		.editorFiltersButton strong .hot {
			text-transform: uppercase;
			background: #D90000;
			color: rgba(255,255,255,1);
			font-size: 10px;
			line-height: 18px;
			padding: 0 7px;
			display: block;
			border-radius: 15px;
			position: absolute;
			left: 100%;
			top: 9px;
			margin-left: 5px;
		}
	.editorFiltersButton.active:before,
	.editorFiltersButton.active:after {
		content: '';
		display: block;
		border-top: 1px solid rgba(255,255,255,1);
		width: 17px;
		height: 5px;
		position: absolute;
		top: 29px;
		opacity: 0.55;
	}
		.editorFiltersButton.active:hover:before,
		.editorFiltersButton.active:hover:after {
			opacity: 1;
		}
		.editorFiltersButton.active:before {
			transform: rotate(45deg);
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    right: 7px;
		}
		.editorFiltersButton.active:after {
			transform: rotate(-45deg);
		    -webkit-transform: rotate(-45deg);
		    -moz-transform: rotate(-45deg);
		    -o-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		    right: 4px;
		}









/*Editor Filter Block*/
.editorFiltersBlock {
	padding: 0 0 25px 0;
	position: relative;
}
	.editorFiltersBlockSpacer {
		display: block;
		height: 0;
	}









/*Editor Effects List*/
.editorEffectsList {
	padding: 0 0 12px 0;
	width: 100%;
	width: calc(100% + 10px);
	margin-left: -5px;
}
	.editorEffectsList li {
		margin: 5px;
		width: 61px;
		height: 61px;
		float: left;
		position: relative;
		cursor: pointer;
	}
		.editorEffectsList li img {
			position: absolute;
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		.editorEffectsList li:hover img {
			opacity: 0.73;
		}
		.editorEffectsList li:hover:after {
			content: '';
			display: block;
			position: absolute;
			border: 2px solid rgba(255,193,7,1);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			width: 100%;
			widtH: calc(100% - 18px);
			height: 100%;
			height: calc(100% - 18px);
			border-radius: 100%;
			left: 7px;
			top: 7px;
		}
	.editorEffectsList li.active {
		cursor: default;
	}
		.editorEffectsList li.active:hover img {
			opacity: 1;
		}
		.editorEffectsList li.active:after,
		.editorEffectsList li.active:hover:after {
			content: '';
			display: block;
			position: absolute;
			border: 2px solid rgba(255,255,255,1);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.37);
			width: 100%;
			widtH: calc(100% - 18px);
			height: 100%;
			height: calc(100% - 18px);
			border-radius: 100%;
			left: 7px;
			top: 7px;
		}
































/*Editor Right Click*/
.editorRightClick {
	background: rgba(25,25,25,1);
    position: fixed;
    z-index: 555;
    font-size: 13px;
    width: 200px;
    padding: 13px 0 13px 0;
    -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
}
	.editorRightClick ul {
	}
		.editorRightClick ul .spacer {
			margin: 0 25px;
	        height: 11px;
	        clear: both;
		}
			.editorRightClick ul .spacer:after {
				content: '';
	    		display: block;
	    		height: 5px;
	    		border-bottom: 1px solid rgba(255,255,255,0.19);
			}
		.editorRightClick ul .item {
			cursor: pointer;
			color: rgba(255,255,255,0.91);
			padding: 0 25px;
			display: block;
		}
			.editorRightClick ul .item:hover {
				color: rgba(255,255,255,0.37);
			}
		.editorRightClick ul .itemFake {
			cursor: default;
			color: rgba(255,255,255,0.37);
			padding: 0 25px;
		}















/*Editor Big Popup*/
.editorBigPopupOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	background: rgba(255,255,255,0.73);
	z-index: 500;
}
	.editorBigPopup {
		width: 100%;
		width: calc(100% - 100px);
		padding: 31px 25px 0 25px;
		height: 100%;
		height: calc(100% - 81px);
		position: fixed;
		background: rgba(25,25,25,1);
		top: 25px;
		left: 25px;
		z-index: 550;
	}
.editorBigPopupFooter {
	position: absolute;
	width: 100%;
	height: 69px;
	left: 0;
	bottom: 0;
}
	.editorBigPopupFooterInner {
		position: absolute;
		height: 69px;
		left: 50%;
		top: 0;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
		.editorBigPopupSubmitButton {
			cursor: pointer;
			float: left;
			display: block;
			border-radius: 25px;
			padding: 12px 20px 12px 20px;
			color: rgba(0,0,0,0.91);
			background: rgba(255,193,7,1);
		}
		.editorBigPopupSubmitButton2 {
			opacity: 0.91;
			margin: 0 0 0 5px;
		}
			.editorBigPopupSubmitButton:hover {
				color: rgba(0,0,0,0.91);
				background: rgba(255,193,7,0.91);
			}
		.editorBigPopupCancelButton {
			margin: 0 0 0 5px;
			cursor: pointer;
			float: left;
			display: block;
			border-radius: 25px;
			padding: 12px 20px 12px 20px;
			color: rgba(255,255,255,0.91);
			background: rgba(73,73,73,1);
		}
			.editorBigPopupCancelButton:hover {
				color: rgba(255,255,255,0.37);
				background: rgba(37,37,37,1);
			}
.editorBigPopupBlock {
	display: block;
	height: 200px;
	margin: 40px 0 0 0;
	position: relative;
}







/*Editor on different size Responsive*/
.editorPage .notifBlock {
	display: none;
}







/*Labels Free To PRO*/
.colorOpacityBlock {
	position: relative;
}




.colorOpacityLabel {
	display: none;
	background: rgba(37,37,37,0);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	cursor: pointer;
}
	.colorOpacityLabel:hover {
		background: rgba(37,37,37,0.5);
	}
	.colorOpacityLabel img {
		display: block;
		height: 9px;
		position: absolute;
		right: 0;
		top: 5px;
	}
.gradientColorUpgrade {
	position: absolute;
	display: block;
	height: 38px;
	padding: 0 0 0 0;
	width: 200px;
	top: 9px;
	left: 70px;
	background: rgba(37,37,37,1);
}
	.gradientColorUpgrade label {
		display: block;
		float: left;
		cursor: pointer;
		border-radius: 20px;
		padding: 8px 11px 0 15px;
		height: 28px;
		color: rgba(255,255,255,0.91);
		background: rgba(55,55,55,1);
		margin: 1px 5px 0 0;
	}
		.gradientColorUpgrade label img {
			height: 11px;
			display: inline-block;
			position: relative;
		}
		.gradientColorUpgrade label:hover {
			background: rgba(85,85,85,1);
		}








/*Text Style*/
.fontStyleBlock {
	height: 41px;
	display: block;
}
	.fontStyleList {
		height: 36px;
		position: relative;
		display: block;
		overflow: hidden;
	}
		.fontStyleListLeft {
			float: left;
			margin-left: -5px;
		}
		.fontStyleListRight {
			float: right;
			margin-right: -5px;
		}
.fontStyleList li {
	float: left;
	display: block;
	height: 36px;
	cursor: pointer;
	overflow: hidden;
	opacity: 0.5;
}
	.fontStyleList li.active,
	.fontStyleList li:hover {
		opacity: 1;
	}
	.fontStyleBold {
		width: 25px;
		background-position: -767px -300px;
	}
	.fontStyleItalic {
		width: 19px;
		background-position: -793px -300px;
	}
	.fontStyleUnderline {
		width: 24px;
		background-position: -813px -300px;
	}
	.fontStyleLeft {
		width: 32px;
		background-position: -838px -300px;
	}
	.fontStyleCenter {
		width: 32px;
		background-position: -871px -300px;
	}
	.fontStyleRight {
		width: 32px;
		background-position: -904px -300px;
	}
	.fontStyleJustify {
		width: 29px;
		background-position: -937px -300px;
	}











/*Editor Help - May 2018*/
.popupEditorHelpInput-0:checked ~ .popupEditorHelpBlock-0,
.popupEditorHelpInput-1:checked ~ .popupEditorHelpBlock-1,
.popupEditorHelpInput-2:checked ~ .popupEditorHelpBlock-2,
.popupEditorHelpInput-3:checked ~ .popupEditorHelpBlock-3,
.popupEditorHelpInput-4:checked ~ .popupEditorHelpBlock-4,
.popupEditorHelpInput-5:checked ~ .popupEditorHelpBlock-5,
.popupEditorHelpInput-6:checked ~ .popupEditorHelpBlock-6,
.popupEditorHelpInput-7:checked ~ .popupEditorHelpBlock-7,
.popupEditorHelpInput-8:checked ~ .popupEditorHelpBlock-8,
.popupEditorHelpInput-9:checked ~ .popupEditorHelpBlock-9,
.popupEditorHelpInput-10:checked ~ .popupEditorHelpBlock-10,
.popupEditorHelpInput-11:checked ~ .popupEditorHelpBlock-11,
.popupEditorHelpInput-12:checked ~ .popupEditorHelpBlock-12,
.popupEditorHelpInput-13:checked ~ .popupEditorHelpBlock-13 {
	display: block;
}
.popupEditorHelpBlock {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0;
	z-index: 350;
	cursor: default;
}
	.popupEditorHelpContainer {
		position: relative;
		z-index: 350;
		width: 324px;
		min-height: 200px;
		background: rgba(255,255,255,1);
		-webkit-box-shadow: 0 0 25px -10px rgba(0,0,0,0.95);
		-moz-box-shadow: 0 0 25px -10px rgba(0,0,0,0.95);
		box-shadow: 0 0 25px -10px rgba(0,0,0,0.95);
	}
		.popupEditorHelpContentStart {
			position: relative;
			padding: 56px 25px 37px 25px;
		}
			.popupEditorHelpContentStart p {
				display: block;
				text-align: center;
				padding: 0 0 12px 0;
			}
			.popupEditorHelpContentStart h1 {
				color: rgba(0,0,0,1);
				font-size: 65px;
				line-height: 67px;
				letter-spacing: -1px;
				font-weight: lighter;
				text-align: center;
				text-shadow: 0 1px 0 rgba(255,255,255,1);
				display: block;
			}
		.popupEditorHelpContent {
			position: relative;
			padding: 56px 25px 37px 25px;
		}
			.popupEditorHelpActions {
				padding: 25px 0 0 0;
				text-align: center;
			}
				.popupEditorHelpActions .buttonYellow {
					font-weight: normal;
					padding: 15px 25px 13px 25px;
					cursor: pointer;
					font-weight: bold;
					text-transform: uppercase;
				}
		.popupEditorHelpStepLocation {
			font-size: 13px;
			display: block;
			padding: 18px 0 0 0;
			position: absolute;
			height: 38px;
			top: 0;
			color: rgba(0,0,0,0.37);
			text-align: center;
			width: 100px;
			left: 50%;
			margin-left: -50px;
			font-style: italic;
		}
			.popupEditorHelpStepLocation strong {
				color: rgba(0,0,0,0.55);
				font-weight: normal;
			}
		.popupEditorHelpMiniAction {
			font-size: 13px;
			display: block;
			cursor: pointer;
			padding: 18px 25px 0 25px;
			position: absolute;
			height: 38px;
			top: 0;
			color: rgba(0,0,0,0.55);
		}
			.popupEditorHelpMiniAction:hover {
				color: rgba(0,140,189,1);
			}
				.popupEditorHelpMiniAction span {
					display: inline-block;
					position: relative;
					overflow: hidden;
				}
					.popupEditorHelpMiniAction span:after {
						content: '';
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						display: block;
						height: 5px;
						width: 0%;
						border-top: 1px solid rgba(0,140,189,0.73);
						position: absolute;
						bottom: -4px;
						left: -5px;
					}
						.popupEditorHelpMiniAction:hover span:after {
							width: 100%;
							left: 0;
						}
		.popupEditorHelpContent h2 {
			font-size: 15px;
			line-height: 20px;
			font-weight: bold;
			display: block;
		}
		.popupEditorHelpContent p {
			padding: 9px 0 0 0;
			font-size: 13px;
			line-height: 18px;
		}





/*Step 0 - 5 Steps to design easily in PixTeller Editor*/
.popupEditorHelpBlock-0 {
}
	.popupEditorHelpBlock-0 .popupEditorHelpOverlay {
		display: -ms-flex;
	    -ms-flex-direction: row;
	    -ms-flex-wrap: wrap;
	    -ms-flex-pack: center;
	    -ms-flex-line-pack: stretch;
	    -ms-flex-align: center;
		display: flex;
		width: 100%;
		height: 100%;
		position: fixed;
	    z-index: 350;
	    justify-content: center;
		align-items: center;
		background: rgba(15,15,15,0.85);
	}
		.popupEditorHelpBlock-0 .popupEditorHelpContainer {
			width: 640px;
		}


/*Step 1 - Set your Design Properties*/
.popupEditorHelpBlock-1 {
}
	.popupEditorHelpBlock-1 .popupEditorHelpOverlay-1 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		height: 56px;
		top: 0;
		left: 0;
		display: block;
	}
	.popupEditorHelpBlock-1 .popupEditorHelpOverlay-2 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		width: calc(100% - 324px);
		height: 268px;
		left: 324px;
		top: 56px;
	}
	.popupEditorHelpBlock-1 .popupEditorHelpOverlay-3 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		height: 100%;
		height: calc(100% - 56px - 268px);
		left: 0;
		top: 324px;
	}
	.popupEditorHelpBlock-1 .popupEditorHelpContainer {
		position: absolute;
		left: 324px;
		top: 56px;
	}
		.popupEditorHelpBlock-1 .popupEditorHelpContainer:after {
			content: '';
			display: block;
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 25px 25px 25px 0;
			border-color: transparent #FFF transparent transparent;
			left: -19px;
			top: 56px;
		}



/*Step 2 - Add / Replace elements*/
.popupEditorHelpBlock-2 {
}
	.popupEditorHelpBlock-2 .popupEditorHelpOverlay-1 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		height: 325px;
		top: 0;
		left: 0;
		display: block;
	}
	.popupEditorHelpBlock-2 .popupEditorHelpOverlay-2 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		width: calc(100% - 324px);
		height: 223px;
		left: 324px;
		top: 325px;
	}
	.popupEditorHelpBlock-2 .popupEditorHelpOverlay-3 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		height: 100%;
		height: calc(100% - 325px - 223px);
		left: 0;
		top: 548px;
	}
	.popupEditorHelpBlock-2 .popupEditorHelpContainer {
		position: absolute;
		left: 324px;
		top: 168px;
	}
		.popupEditorHelpBlock-2 .popupEditorHelpContainer:after {
			content: '';
			display: block;
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 25px 25px 25px 0;
			border-color: transparent #FFF transparent transparent;
			left: -19px;
			top: 161px;
		}


/*Step 3 - Top Menu*/
.popupEditorHelpBlock-3 {
}
	.popupEditorHelpInput-3:checked ~ #app .editorTopMenuContent.disabled:after {
		display: none;
	}
	.popupEditorHelpBlock-3 .popupEditorHelpOverlay-1 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		height: 56px;
		top: 0;
		left: 0;
		display: block;
	}
	.popupEditorHelpBlock-3 .popupEditorHelpOverlay-2 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 324px;
		height: 56px;
		left: 0;
		top: 56px;
	}
	.popupEditorHelpBlock-3 .popupEditorHelpOverlay-3 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		height: 100%;
		height: calc(100% - 56px - 56px);
		left: 0;
		top: 112px;
	}
	.popupEditorHelpBlock-3 .popupEditorHelpContainer {
		position: absolute;
		left: 324px;
		top: 140px;
	}
		.popupEditorHelpBlock-3 .popupEditorHelpContainer:after {
			content: '';
			display: block;
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 25px 25px 25px;
			border-color: transparent transparent #FFF transparent;
			left: 23px;
			top: -19px;
		}


/*Step 4 - Add new pages to your Design*/
.popupEditorHelpBlock-4 {
	background: rgba(0,0,0,0.85);
}
	.popupEditorHelpInput-4:checked ~ #app .multipageOptionsBlock {
		z-index: 999;
	}
		.popupEditorHelpInput-4:checked ~ #app .multipageOptionsBlock:after {
			content: '';
			display: block;
			position: absolute;
			background: rgba(0,0,0,0);
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
		}
		.popupEditorHelpInput-4:checked ~ #app .multipageOptionsBlock * {
			opacity: 1;
		}
		.popupEditorHelpInput-4:checked ~ #app .editorMultipage,
		.popupEditorHelpInput-4:checked ~ #app .editorPages {
			-webkit-box-shadow: 0 0 31px -13px rgba(255,255,255,0.73);
			-moz-box-shadow: 0 0 31px -13px rgba(255,255,255,0.73);
			box-shadow: 0 0 31px -13px rgba(255,255,255,0.73);
		}
	.popupEditorHelpBlock-4 .popupEditorHelpContainer {
		position: absolute;
		right: 113px;
		top: 50%;
		margin-top: -91px
	}
		.popupEditorHelpBlock-4 .popupEditorHelpContainer:after {
			content: '';
			display: block;
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 25px 0 25px 25px;
			border-color: transparent transparent transparent #FFF;
			right: -19px;
			top: 117px;
		}


/*Step 5 - Final step*/
.popupEditorHelpBlock-5 {
}
	.popupEditorHelpBlock-5 .popupEditorHelpOverlay-1 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 560px;
		height: 56px;
		top: 0;
		left: 0;
		display: block;
	}
	.popupEditorHelpBlock-5 .popupEditorHelpOverlay-2 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 25px;
		height: 56px;
		right: 0;
		top: 0;
	}
	.popupEditorHelpBlock-5 .popupEditorHelpOverlay-3 {
		background: rgba(15,15,15,0.85);
		position: absolute;
		width: 100%;
		height: 100%;
		height: calc(100% - 56px);
		left: 0;
		top: 56px;
	}
	.popupEditorHelpBlock-5 .popupEditorHelpContainer {
		position: absolute;
		right: 25px;
		top: 84px;
	}
		.popupEditorHelpBlock-5 .popupEditorHelpContainer:after {
			content: '';
			display: block;
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 25px 25px 25px;
			border-color: transparent transparent #FFF transparent;
			right: 60px;
			top: -19px;
		}














/*Top Menu Container -> Design Mode + Animate Mode*/
 .topmenu-container {
	background: rgba(37,37,37,1);
    position: absolute;
	height: 56px;
	left: 0;
    top: 56px;
    z-index: 80;
    -webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
}
.designModeActive .topmenu-container,
.videoModeActive .topmenu-container {
    padding: 0 0 0 324px;
    width: 100%;
    width: calc(100% - 324px);
}
/*.videoModeActive .topmenu-container {
    padding: 0 0 0 0;
    width: 100%;
    width: calc(100% - 0);
}
	.videoModeActive .editorTopMenuBlock {
		width: 100%;
		width: calc(100% - 45px);
		margin: 10px 20px 0 25px;
	}*/
	.videoModeActive .editorTopMenuLayers,
	.videoModeActive .editorTopMenuOrder,
	.videoModeActive .editorTopMenuFlip,
	.videoModeActive .editorTopMenuOperations,
	.videoModeActive .editorTopMenuAlignment .editorTopMenuSpacer {
		display: none;
	}
	.videoModeActive .editorTopMenuRotate .editorTopMenuPopup {
		left: 0;
	}
	.videoModeActive .editorRightBlockItemTitle:after {
		display: none;
	}
		.videoModeActive .editorRightBlockItem:after {
			content: '';
			display: block;
			width: 100%;
			height: 55px;
			background: rgba(0,0,0,0);
			border: none;
			position: absolute;
			top: 0;
			left: 0;
		}











/*Right Container Design / Video*/
.right-container {
	width: 324px;
    background: rgba(25,25,25,1);
    position: absolute;
    left: 0;
    overflow: visible;
    z-index: 120;
}
	.right-container .reactScrollDark {
		background: rgba(25,25,25,1);
	}
	.designModeActive .right-container {
	    height: 100%;
	    height: calc(100% - 56px);
	    top: 56px;
	}
	.videoModeActive .right-container {
	    height: 70%;
	    height: calc(70% - 56px);
	    top: 56px;
	}
.videoModeActive .editorPopupLayout {
	height: 70%;
	height: calc(70% - 56px);
	top: 56px;
}






/*Editor Designs is Saved*/
.imageSavedNotif,
.animationSavedNotif {
	position: fixed;
	top: 112px;
	display: none !important;
	padding: 18px 0;
	text-align: center;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	background: rgba(255,223,63,0.73);
	color: #000000;
	z-index: 5;
	-moz-animation: hideMe 0s ease-in 4s forwards;
    -webkit-animation: hideMe 0s ease-in 4s forwards;
    -o-animation: hideMe 0s ease-in 4s forwards;
    animation: hideMe 0s ease-in 4s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    overflow: hidden;
}
	.imageSavedNotif {
		width: 100%;
		width: calc(100% - 324px);
		left: 324px;
	}
	.animationSavedNotif {
		width: 100%;
		width: calc(100% - 324px);
		left: 324px;
	}
@keyframes hideMe {
    to {
        opacity: 0;
        padding: 0;
        height: 0;
    }
}
@-webkit-keyframes hideMe {
    to {
        opacity: 0;
        padding: 0;
        height: 0;
    }
}






/*Editor Designs is Saving*/
.saving-source {
	width: 36px;
	height: 36px;
	float: left;
	position: relative;
	margin: 0;
}
	.saving-source span {
		display: block;
		position: absolute;
		width: 36px;
  		height: 36px;
  		background: #FFF;
	  	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
 		animation: sk-rotateplane 1.2s infinite ease-in-out;
		top: 0;
		left: 0;
		border-radius: 25px;
		line-height: 9999px;
		overflow: hidden;
	}








/*Design Save + Render Buttons*/
.save-block {
	float: left;
    position: relative;
    padding-right: 5px;
}
	.yellow-save-button {
		display: block;
		border-radius: 20px;
		padding: 8px 15px 0 15px;
		height: 28px;
		color: rgba(0,0,0,1);
		background: rgba(255,193,7,1);
		cursor: pointer;
		float: left;
		position: relative;
	}
		.yellow-save-button:hover {
			text-decoration: none;
			color: rgba(0,0,0,1);
			background: rgba(255,163,7,1);
		}
	.white-save-button {
		display: block;
		border-radius: 20px;
		padding: 8px 15px 0 15px;
		height: 28px;
		color: rgba(0,0,0,1);
		background: rgba(215,215,215,1);
		cursor: pointer;
		float: left;
		position: relative;
	}
		.white-save-button:hover {
			text-decoration: none;
			color: rgba(0,0,0,1);
			background: rgba(241,241,241,1);
		}
	.save-spacer {
		float: left;
		height: 36px;
		width: 5px;
	}








/*Video is Rendering Popup*/
.video-is-rendering {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	height: calc(100% - 56px);
	left: 0;
	top: 56px;
	background: rgba(0,0,0,0.73);
	color: #FF0000;
}


















/*Workarea for Design Mode [or] Workarea for Video Mode*/
.workarea-container {
    position: fixed;
    background: rgba(237,237,237,1);
    overflow: hidden;
    z-index: 0;
}
.designModeActive .workarea-container {
	height: 100%;
    height: calc(100% - 112px);
    width: 100%;
    width: calc(100% - 324px);
    top: 112px;
    left: 324px;
}
.videoModeActive .workarea-container {
	height: 70%;
    height: calc(70% - 112px);
    width: 100%;
    width: calc(100% - 324px);
	top: 112px;
    left: 324px;
}
	.workarea-wrap {
	    position: absolute;
	    left: 0;
	    top: 0;
	    text-align: center;
	    overflow: hidden;
	    z-index: 50;
	    width: 100%;
	    height: 100%;
	    max-width: 100%;
	    max-height: 100%;
	}


















/*Timeline Block*/
.timeline-block {
	position: fixed;
    background: rgba(31,31,31,1);
    z-index: 0;
    height: 30%;
    width: 100%;
	bottom: 0;
    left: 0;
}






/*timeline-buttons*/
.timeline-actions {
	width: 100%;
	height: 40px;
	-webkit-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	box-shadow: 0 15px 5px -15px rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(15,15,15,1);
}
	.timeline-actions ul {
		height: 40px;
		display: block;
		position: absolute;
	}
		.timeline-actions ul li {
			float: left;
			height: 40px;
		}
			.timeline-actions ul li:before {
				content: '';
				display: block;
				float: left;
				width: 3px;
				height: 3px;
				margin: 19px 0 0 0;
				background: rgba(255,255,255,0.37);
				border-radius: 2px;
			}
			.timeline-action-button {
				cursor: pointer;
				color: rgba(255,255,255,0.73);
				font-size: 13px;
				text-transform: uppercase;
				float: left;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				padding: 11px 7px 0 7px;
				height: 29px;
			}
			.timeline-action-button-resetall {
				color: rgba(255,255,255,0.37);	
			}
				.timeline-action-button.yellow {
					color: rgba(255,203,6,1);
				}
				.timeline-action-button:hover,
				.timeline-action-button.yellow:hover,
				.timeline-action-button-resetall:hover {
					color: rgba(255,255,255,1);
				}
				.timeline-action-button.active,
				.timeline-action-button.active:hover {
					color: rgba(255,255,255,0.73);
				}
				.timeline-action-button span {
					display: block;
					position: relative;
					padding: 0 0 5px 0;
					float: left;
				}
				.timeline-action-button span:after {
					content: '';
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					display: block;
					position: absolute;
					height: 5px;
					width: 0%;
					border-top: 1px solid rgba(255,255,255,1);
					bottom: 0;
					left: 0;
				}
					.timeline-action-button:hover span:after {
						width: 100%;
					}
					.timeline-action-button.active span:after,
					.timeline-action-button.active:hover span:after {
						width: 100%;
						border-top: 1px solid rgba(255,255,255,0.73);
					}
.timeline-actions-center {
	right: 20px;
	top: 0;
}
	.timeline-actions-center:after {
		content: '';
		display: block;
		background: rgba(15,15,15,1);
		width: 5px;
		height: 40px;
		position: absolute;
		left: -2px;
		top: 0;
	}
	.timeline-actions-center:before {
		content: '';
		display: block;
		background: rgba(15,15,15,0);
		width: 155px;
		height: 40px;
		position: absolute;
		right: -165px;
		top: 0;
		z-index: 100;
	}
		.timeline-action-acceleration {
			width: 155px;
			height: 20px;
			position: absolute;
			left: -160px;
			top: 10px;
			border-bottom: 1px solid rgba(255,255,255,0.23);
			opacity: 0;
			z-index: 85;
			display: none;
		}
		.timeline-actions-center:hover .timeline-action-acceleration {
			display: block;
		}
		.timeline-action-button.active .timeline-action-acceleration {
			opacity: 1;
		}
		.timeline-action-button:hover .timeline-action-acceleration {
			opacity: 1;
			z-index: 85;
		}
			.acceleration-car {
				background-image: url(../images/editor/accelerationCar.png);
				background-repeat: no-repeat;
				background-position: -2px -2px;
				/*background-position: -43px -2px;*/
				width: 37px;
				height: 16px;
				position: absolute;
				left: -4%;
				top: 2px;
			}
			.timeline-action-button.active .acceleration-car {
				background-position: -2px -2px;
				opacity: 0.37;
			}
				.accelerationIsLinear .acceleration-car {
					-webkit-animation: animatedcar 3s infinite linear;
 					animation: animatedcar 3s infinite linear;
				}
				.accelerationIsEase .acceleration-car {
					-webkit-animation: animatedcar 3s infinite ease;
 					animation: animatedcar 3s infinite ease;
				}
				.accelerationIsEaseIn .acceleration-car {
					-webkit-animation: animatedcar 3s infinite ease-in;
 					animation: animatedcar 3s infinite ease-in;
				}
				.accelerationIsEaseOut .acceleration-car {
					-webkit-animation: animatedcar 3s infinite ease-out;
 					animation: animatedcar 3s infinite ease-out;
				}
				.accelerationIsEaseInOut .acceleration-car {
					-webkit-animation: animatedcar 3s infinite ease-in-out;
 					animation: animatedcar 3s infinite ease-in-out;
				}
				@-webkit-keyframes animatedcar {
					0% { left: -4%; }
					80% { left: 75%; }
					100% { left: 75%; }
				}
				@keyframes animatedcar {
					0% { left: -4%; }
					80% { left: 75%; }
					100% { left: 75%; }
				}


.timeline-actions-right {
	left: 0;
	top: 0;
	padding-left: 15px;
}
	.timeline-actions-right:before {
		content: '';
		display: block;
		background: rgba(15,15,15,1);
		width: 10px;
		height: 40px;
		position: absolute;
		left: 14px;
		top: 0;
	}

















/*timeline scrolls*/
.timelinescroll {
	width: 100%;
	height: 100%;
	height: calc(100% - 40px);
	position: absolute;
	left: 0;
	top: 40px;
	overflow: hidden;
}
		.timelinescroll-row1-col1 {
			position: -webkit-sticky;
	  		position: sticky;
	  		width: 324px;
	  		height: 26px;
	  		left: 0;
	  		top: 0;
	  		z-index: 90;
		}
		.timelinescroll-row1-col2 {
			position: -webkit-sticky;
	  		position: sticky;
	  		min-width: 1500px;
	  		/*width: calc(auto + 300px);*/
	  		height: 26px;
	  		left: auto;
	  		top: 0;
	  		margin: -26px 0 0 325px;
	  		z-index: 80;
	  		background: rgba(37,37,37,1);
		}
		.timelinescroll-row2-col1 {
			position: -webkit-sticky;
	  		position: sticky;
	  		width: 324px;
			left: 0;
	  		top: auto;
	  		min-height: 100%;
	  		min-height: calc(100% - 26px);
	  		z-index: 70;
	  		background: rgba(31,31,31,1);
		}
			.timelinescroll-row2-col1:after {
				content: '';
				display: block;
				height: 32px;
				clear: both;
				border-top: 1px solid rgba(255,255,255,0.05);
				border-right: 1px solid rgba(255,255,255,0.13);
			}
		.timelinescroll-row2-col2 {
			position: absolute;
	  		min-width: 1500px;
	  		/*width: calc(auto + 300px);*/
	  		left: 0;
	  		top: 26px;
	  		min-height: 100%;
	  		min-height: calc(100% - 26px);
	  		margin: 0 0 0 325px;
	  		z-index: 50;
		}
			.timelinescroll-row2-col2:after {
				content: '';
				display: block;
				height: 32px;
				clear: both;
				border-top: 1px solid rgba(255,255,255,0.05);
			}
.timelinescroll	.ps-scrollbar-x-rail,
.timelinescroll .ps-scrollbar-y-rail {
	z-index: 100;
}
.timelinescroll .ps-scrollbar-y-rail {
	/*left: 313px !important;*/
	/*right: inherit !important;
	right: 50% !important;*/
	margin-right: calc(100vw - 323px);
	margin-top: 26px;
}
.editorPage .popup_background,
.editorPage .popup_wrapper_visible {
	display: none !important;
}













/*ROW1 COL1 -> X-fixed / Y-fixed*/
/*timeline mask -> z-index: 90*/
.timeline-mask {
	background: rgba(37,37,37,1);
	position: absolute;
	width: 100%;
	width: calc(100% - 1px);
	border-right: 1px solid rgba(255,255,255,0.13);
	height: 26px;
	left: 0;
	top: 0;
}





/*ROW1 COL2 -> X-scroll / Y-fixed*/
/*timeline timestamp -> z-index: 80*/
.timeline-timestamp {
	background: rgba(37,37,37,1);
	position: absolute;
	min-width: 100%;
	height: 26px;
	top: 0;
}
	.timeline-timestamp ol {
		display: block;
		height: 26px;
		background: rgba(37,37,37,1);
	}
		.timeline-timestamp ol li {
			display: block;
			width: 10px;
			height: 26px;
			float: left;
			position: relative;
			background: rgba(37,37,37,1);
			cursor: pointer;
		}
			.timeline-timestamp ol li:before {
				content: '';
				display: block;
				width: 4px;
				height: 1px;
				line-height: 1px;
				position: absolute;
				border-right: 1px solid rgba(255,255,255,0.23);
				left: 0;
				top: 0;
			}
			.timeline-timestamp ol li:after {
				content: '';
				display: block;
				width: 4px;
				height: 1px;
				line-height: 1px;
				position: absolute;
				border-right: 1px solid rgba(255,255,255,0.23);
				left: 0;
				bottom: 0;
			}
				.timeline-timestamp ol li:nth-child(10n+1):before,
				.timeline-timestamp ol li:nth-child(10n+1):after {
					height: 4px;
				}
				.timeline-timestamp ol li:hover:before,
				.timeline-timestamp ol li:hover:after,
				.timeline-timestamp ol li:hover:nth-child(10n+1):before,
				.timeline-timestamp ol li:hover:nth-child(10n+1):after {
					height: 4px;
					border-right: 1px solid rgba(255,255,255,0.73);
				}
				.timeline-timestamp ol li.active:before,
				.timeline-timestamp ol li.active:after,
				.timeline-timestamp ol li.active:nth-child(10n+1):before,
				.timeline-timestamp ol li.active:nth-child(10n+1):after,
				.timeline-timestamp ol li.active:hover:before,
				.timeline-timestamp ol li.active:hover:after,
				.timeline-timestamp ol li.active:hover:nth-child(10n+1):before,
				.timeline-timestamp ol li.active:hover:nth-child(10n+1):after {
					height: 3px;
					/*border-right: 1px solid rgba(255,193,7,1);*/
					border-right: 1px solid rgba(255,255,255,1);
				}
		.timeline-timestamp ol li strong {
			display: block;
			width: 30px;
			padding: 0 0 0 0;
			text-align: center;
			color: rgba(255,255,255,0.73);
			position: absolute;
			left: 50%;
			top: 12px;
			font-size: 12px;
			font-weight: normal;
			z-index: 81;
			line-height: 1px;
			transform: translate(-50%, 0);
		}
			.timeline-timestamp ol li:nth-child(10n+6) strong {
				color: rgba(255,255,255,0.23);
				font-size: 10px;
			}
			.timeline-timestamp ol li:hover strong,
			.timeline-timestamp ul li:hover:nth-child(10n+6) strong {
				color: rgba(255,255,255,1);
			}
			.timeline-timestamp ol li.active strong,
			.timeline-timestamp ol li.active:nth-child(10n+6) strong,
			.timeline-timestamp ol li.active:hover strong,
			.timeline-timestamp ol li.active:hover:nth-child(10n+6) strong {
				/*color: rgba(255,193,7,1);*/
				color: rgba(255,255,255,1);
			}











/*ROW2 COL1 -> X-fixed / Y-scroll*/
/*TIMELINE ITEMS*/
.timeline-items {
	z-index: 60;
	border-right: 1px solid rgba(255,255,255,0.13);
	background: rgba(31,31,31,1);
}
     .timeline-items ul {
     	display: block;
     }
     	.timeline-items ul li {
     		display: block;
     		height: 26px;
     		border-top: 1px solid rgba(255,255,255,0.05);
     		position: relative;
     		overflow: hidden;
     		padding: 6px 25px 0 25px;
			color: rgba(255,255,255,0.55);
			cursor: default;
     	}
 			.timeline-items ul li:hover,
			.timeline-items ul li.active {
				color: rgba(255,255,255,1);
			}
			.timeline-items ul li.active {
				background: rgba(73,73,73,1);
				border-top: 1px solid rgba(255,255,255,0);
			}
				.timeline-items ul li:hover strong:before,
				.timeline-items ul li.active strong:before,
				.timeline-items ul li:hover strong:after,
				.timeline-items ul li.active strong:after {
					opacity: 1;
				}
     		.timeline-items ul li strong {
     			font-weight: normal;
				display: block;
				padding: 0 0 0 29px;
     		}
				.timelineElementIsShape strong:before,
				.timelineElementIsGroup strong:before,
				.timelineElementIsText strong:before,
				.timelineElementIsImage strong:before,
				.timelineIsSound strong:before,
				.timelineIsVideo strong:before {
					content: '';
					display: block;
					position: absolute;
					height: 32px;
					width: 30px;
					top: 0;
					left: 20px;
					opacity: 0.37;
				}
					.timelineElementIsImage strong:before {
						background-position: -260px -362px;
					}
					.timelineElementIsShape strong:before {
						background-position: -210px -362px;
					}
					.timelineElementIsText strong:before {
						background-position: -310px -362px;
					}
					.timelineElementIsGroup strong:before {
						background-position: -360px -362px;
					}
					.timelineIsSound strong:before {
						background-position: -612px -362px;
					}
					.timelineIsVideo strong:before {
						background-position: -672px -362px;
					}
					.timelineElementIsBackground strong:before {
						content: '';
						border: 1px dotted rgba(255,255,255,0.73);
						display: block;
						position: absolute;
						height: 19px;
						width: 19px;
						top: 5px;
						left: 24px;
						opacity: 0.37;
						border-radius: 2px;
					}
					.timelineElementIsBackground strong:after {
						content: '';
						border: 1px solid rgba(255,255,255,1);
						display: block;
						position: absolute;
						height: 15px;
						width: 15px;
						top: 7px;
						left: 26px;
						opacity: 0.37;
						border-radius: 2px;
					}
			.timelineElementHide {
				display: block;
				position: absolute;
				width: 28px;
				height: 32px;
				cursor: pointer;
				top: 0;
				right: 42px;
				overflow: hidden;
				line-height: 9999px;
				background-position: -461px -362px;
				opacity: 0.25;
			}
				.timelineElementHide.timelineElementHideActive {
					background-position: -411px -362px;
					opacity: 0.50;
				}
			.timelineElementLock {
				display: block;
				position: absolute;
				width: 19px;
				height: 32px;
				cursor: pointer;
				top: 0;
				right: 22px;
				overflow: hidden;
				line-height: 9999px;
				background-position: -566px -362px;
				opacity: 0.25;
			}
				.timelineElementLock.timelineElementLockActive {
					background-position: -516px -362px;
					opacity: 0.50;
				}
			.timelineElementLock:hover,
			.timelineElementHide:hover,
			.timelineElementHide.timelineElementHideActive:hover,
			.timelineElementLock.timelineElementLockActive:hover {
				opacity: 1;
			}
/*TIMELINE ITEMS - ELEMENTS*/
.timeline-element-items {}

/*TIMELINE ITEMS - SOUNDS*/
.timeline-sound-items {}

/*TIMELINE ITEMS - VIDEOS*/
.timeline-video-items {}










/*ROW2 COL2 -> X-scroll / Y-scroll*/
/*TIMELINE FRAMES*/
.timeline-frames-block {
	height: 32px;
	clear: both;
}
.timeline-frames {
	height: 32px;
	border-top: 1px solid rgba(255,255,255,0.09);
	z-index: 50;
}
	.distance-before-start {
		height: 32px;
		floaT: left;
	}
	.timeline-frames ol {
		display: block;
		height: 32px;
		float: left;
	}
		.timeline-frames ol li {
			display: block;
			width: 9px;
			height: 32px;
			/*margin: 0 1px 0 0;*/
			border-right: 1px solid rgba(31,31,31,1);
			background: rgba(255,255,255,0.05);
			float: left;
			cursor: pointer;
			z-index: 55;
		}
		.timeline-frames ol li.isInstance.isSelected {
			cursor: move;
		}
		.timeline-frames ol li.isEmpty {
			background: rgba(255,255,255,0);
		}
		.timeline-frames ol li.isNotEmpty {
			background: rgba(255,255,255,0);
		}
			.timeline-frames ol li:hover {
				z-index: 40;
			}
				.timeline-frames ol li:hover:before {
					content: '';
					display: block;
					height: 100%;
					position: absolute;
					width: 4px;
					left: auto;
					top: 0;
					border-right: 1px solid rgba(255,255,255,0.23);
					z-index: 40;
				}
				.timeline-frames ol li.isSelected:before,
				.timeline-frames ol li.isSelected:hover:before {
					content: '';
					display: block;
					height: 100%;
					position: absolute;
					width: 4px;
					left: auto;
					top: 0;
					border-right: 1px solid rgba(255,255,255,0.85);
					z-index: 40;
				}
			.timeline-frames ol li:after {
				content: '';
				display: block;
				position: absolute;
				width: 9px;
				height: 32px;
				left: auto;
				top: auto;
				background: rgba(255,255,255,0);
				z-index: 55;
			}
				.timeline-frames ol li:hover:after {
					content: '';
					display: block;
					position: absolute;
					width: 7px;
					height: 30px;
					left: auto;
					top: auto;
					margin: 0 0 0 0;
					border: 1px solid rgba(255,255,255,0.85);
					background: rgba(40,40,40,1);
					z-index: 55;
				}
				.timeline-frames ol li.isInstance:hover:after {
					content: '';
					display: block;
					position: absolute;
					width: 9px;
					height: 32px;
					left: auto;
					top: auto;
					margin: 0 0 0 0;
					border: 0 solid rgba(255,255,255,0);
					background: rgba(255,255,255,0.85);
					z-index: 55;
				}
				.timeline-frames ol li.isSelected:after,
				.timeline-frames ol li.isSelected:hover:after {
					content: '';
					display: block;
					position: absolute;
					width: 7px;
					height: 30px;
					left: auto;
					top: auto;
					margin: 0 0 0 0;
					border: 1px solid rgba(255,193,6,1);
					background: rgba(40,40,40,1);
					z-index: 55;
				}
				.timeline-frames ol li.isInstance.isSelected:after,
				.timeline-frames ol li.isInstance.isSelected:hover:after {
					content: '';
					display: block;
					position: absolute;
					width: 9px;
					height: 32px;
					left: auto;
					top: auto;
					margin: 0 0 0 0;
					border: 0 solid rgba(255,255,255,0);
					background: rgba(255,193,6,1);
					z-index: 55;
				}
				.timeline-frames ol li.isNotEmpty:after {
					content: '';
					display: block;
					position: absolute;
					width: 10px;
					height: 10px;
					left: auto;
					top: auto;
					margin: 11px 0 0 0;
					border: none;
					background: rgba(255,255,255,0.5);
					z-index: 55;
				}
					.timeline-frames ol li.isNotEmpty:hover:after {
						content: '';
						display: block;
						position: absolute;
						width: 9px;
						height: 32px;
						left: auto;
						top: auto;
						margin: 0 0 0 -1px;
						border: none;
						border-left: 1px solid rgba(40,40,40,1);
						background: rgba(255,255,255,0.85);
						z-index: 55;
					}
					.timeline-frames ol li.isNotEmpty.isSelected:after,
					.timeline-frames ol li.isNotEmpty.isSelected:hover:after {
						content: '';
						display: block;
						position: absolute;
						width: 9px;
						height: 32px;
						left: auto;
						top: auto;
						margin: 0 0 0 -1px;
						border: none;
						border-left: 1px solid rgba(40,40,40,1);
						background: rgba(255,193,6,1);
						z-index: 55;
					}
				.timeline-frames ol li.isNotEmpty.isStartInstance:after {
					width: 10px;
					border-radius: 5px 0 0 5px;
				}
					.timeline-frames ol li.isNotEmpty.isStartInstance:hover:after {
						width: 9px;
						border-radius: 0;
					}
					.timeline-frames ol li.isNotEmpty.isStartInstance.isSelected:after,
					.timeline-frames ol li.isNotEmpty.isStartInstance.isSelected:hover:after {
						width: 9px;
						border-radius: 0;
						cursor: move;
					}
				.timeline-frames ol li.isNotEmpty.isEndInstance:after {
					width: 9px;
					border-radius: 0 5px 5px 0;
				}
					.timeline-frames ol li.isNotEmpty.isEndInstance:hover:after {
						width: 9px;
						border-radius: 0;
					}
					.timeline-frames ol li.isNotEmpty.isEndInstance.isSelected:after,
					.timeline-frames ol li.isNotEmpty.isEndInstance.isSelected:hover:after {
						width: 9px;
						border-radius: 0;
						cursor: move;
					}
		.timeline-frames ol li.isInstance {
			background: rgba(255,255,255,0.5);
		}



/*TIMELINE FRAMES - ELEMENTS*/
.timeline-element-frames {}

/*TIMELINE FRAMES - SOUNDS*/
.timeline-sound-frames {}

/*TIMELINE FRAMES - VIDEOS*/
.timeline-video-frames {}









/*Play Video Block - OLD*/
/*
.animation-canvas-controlblock {
	padding: 0 25px 0 25px;
	height: 125px;
	position: absolute;
	z-index: 999;
}
	.animation-canvas-control-play-button {
		cursor: pointer;
		width: 50px;
		height: 25px;
		display: block;
		background: rgba(255,255,255,0.73);
		overflow: hidden;
		line-height: 9999;
        -webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	position: absolute;
    	left: 25px;
    	top: 70px;
    	border-radius: 13px;
	}
		.animation-canvas-control-play-button:before {
		 	content: '';
	        display: block;
	        position: absolute;
	        width: 0;
	        height: 0;
	        border-style: solid;
	        border-width: 7px 0 6px 8px;
	        border-color: transparent transparent transparent rgba(0,0,0,0.73);
	        left: 50%;
	        top: 50%;
	        margin: -7px 0 0 -4px;
	    	opacity: 1;
	    	-webkit-transition: all 0.2s ease-in-out;
	    	-moz-transition: all 0.2s ease-in-out;
	    	-ms-transition: all 0.2s ease-in-out;
	    	-o-transition: all 0.2s ease-in-out;
		}
		.animation-canvas-control-play-button:hover {
			background: rgba(255,255,255,1);
		}
			.animation-canvas-control-play-button:hover:before {
				border-color: transparent transparent transparent rgba(0,0,0,1);
			}
	.animation-canvas-control-pause-button {
		cursor: pointer;
		width: 50px;
		height: 25px;
		display: block;
		background: rgba(255,255,255,0.73);
		overflow: hidden;
		line-height: 9999;
        -webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	position: absolute;
    	left: 25px;
    	top: 70px;
    	border-radius: 13px;
	}
		.animation-canvas-control-pause-button:before,
		.animation-canvas-control-pause-button:after {
			content: '';
			display: block;
			width: 4px;
			height: 11px;
			top: 7px;
			background: rgba(0,0,0,0.73);
	        -webkit-transition: all 0.2s ease-in-out;
	    	-moz-transition: all 0.2s ease-in-out;
	    	-ms-transition: all 0.2s ease-in-out;
	    	-o-transition: all 0.2s ease-in-out;
	    	position: absolute;
		}
		.animation-canvas-control-pause-button:before {
			left: 20px;
		}
		.animation-canvas-control-pause-button:after {
			left: 26px;
		}
			.animation-canvas-control-pause-button:hover:before,
			.animation-canvas-control-pause-button:hover:after {
				background: rgba(0,0,0,1);
			}
			.animation-canvas-control-pause-button:hover {
				background: rgba(255,255,255,1);
			}
	.animation-canvas-control-time {
		position: absolute;
		text-align: right;
		width: 155px;
		color: rgba(255,255,255,0.73);
		text-shadow: 0 1px 0 rgba(0,0,0,0.91);
		top: 71px;
		right: 25px;
	}
	.animation-preview-title {
		padding: 18px 0 0 0;
		height: 38px;
		cursor: pointer;
		position: relative;
		color: rgba(255,255,255,1);
	}
		.animation-preview-title strong {
			font-weight: normal;
			display: inline-block;
			position: relative;
			overflow: hidden;
			padding: 0 0 3px 0;
			border-bottom: 1px dotted rgba(255,255,255,0.37);
		}
	.animation-canvas-control-timeline {
		display: block;
		width: 100%;
		width: calc(100% - 50px);
		height: 5px;
		position: absolute;
		left: 25px;
		top: 53px;
		cursor: default;
		line-height: 5px;
	}
		.animation-canvas-control-timeline:before {
			content: '';
			display: block;
			width: 100%;
			height: 5px;
			position: absolute;
			left: 0;
			top: 0;
			background: rgba(255,255,255,0.23);
	        -webkit-transition: all 0.1s ease-in-out;
	    	-moz-transition: all 0.1s ease-in-out;
	    	-ms-transition: all 0.1s ease-in-out;
	    	-o-transition: all 0.1s ease-in-out;
			border-radius: 5px;
		}
		.animation-canvas-control-timeline:hover:before {
			background: rgba(255,255,255,0.37);
		}
		.animation-canvas-control-timeline span {
			display: block;
			height: 5px;
			position: absolute;
			left: 0;
			top: 0;
			background: rgba(255,193,7,0.91);
	        -webkit-transition: all 0.1s ease-in-out;
	    	-moz-transition: all 0.1s ease-in-out;
	    	-ms-transition: all 0.1s ease-in-out;
	    	-o-transition: all 0.1s ease-in-out;
			border-radius: 5px;
		}
			.preview-video-block:hover .animation-canvas-control-timeline span {
				background: rgba(255,193,7,1);
			}
*/






/*Play Video Block - NEW*/
.animation-canvas-controlblock {
	position: absolute;
	width: 324px;
	height: 26px;
	left: 0;
	top: 40px;
	overflow: hidden;
	padding: 0;
	z-index: 120;
}
	.animation-canvas-control-timeline {
		width: 94px;
		height: 6px;
		border-top: 1px dotted rgba(255,255,255,0.55);
		position: absolute;
		left: 112px;
		top: 13px;
	}
		.animation-canvas-control-timeline span {
			width: 94px;
			height: 6px;
			border-top: 1px solid rgba(255,255,255,1);
			position: absolute;
			left: 0;
			top: -1px;
		}
			.animation-canvas-control-timeline span:before {
				content: '';
				display: block;
				height: 9px;
				background: rgba(37,37,37,1);
				width: 9px;
				position: absolute;
				right: -4px;
				top: -5px;
			}
			.animation-canvas-control-timeline span:after {
				content: '';
				display: block;
				height: 5px;
				border: 1px solid rgba(255,255,255,1);
				background: rgba(37,37,37,1);
				width: 5px;
				position: absolute;
				right: -3px;
				top: -4px;
			}
	.animation-canvas-control-time {
		display: block;
		position: absolute;
		height: 26px;
		right: 23px;
		top: 2px;
		display: block;
		color: rgba(255,255,255,0.91);
		font-size: 13px;
		text-transform: uppercase;
	}
	.animation-canvas-control-play-button,
	.animation-canvas-control-pause-button {
		position: absolute;
		width: 100%;
		height: 26px;
		left: 0;
		top: 0;
		display: block;
		color: rgba(255,255,255,0.73);
		font-size: 13px;
		text-transform: uppercase;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		cursor: pointer;
	}
	.animation-canvas-control-pause-button {
		background: rgba(255,255,255,0.05);
	}
		.animation-canvas-control-play-button:hover,
		.animation-canvas-control-pause-button {
			color: rgba(255,255,255,1);
		}
		.animation-canvas-control-play-button span,
		.animation-canvas-control-pause-button span {
			display: block;
			position: relative;
			padding: 3px 0 5px 0;
			margin: 0 0 0 55px;
			float: left;
		}
			.animation-canvas-control-play-button span:after,
			.animation-canvas-control-pause-button span:after {
				content: '';
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				display: block;
				position: absolute;
				height: 5px;
				width: 0%;
				border-top: 1px solid rgba(255,255,255,1);
				bottom: 0;
				left: 0;
			}
				.animation-canvas-control-play-button:hover span:after,
				.animation-canvas-control-pause-button span:after {
					width: 100%;
				}
	.animation-canvas-control-play-button:before,
	.animation-canvas-control-pause-button:before {
		content: '';
		display: block;
		position: absolute;
		left: 23px;
		top: 5px;
		width: 24px;
		height: 16px;
		border-radius: 8px;
	}
	.animation-canvas-control-play-button:before {
		background: rgba(233,176,6,1);
	}
	.animation-canvas-control-pause-button:before {
		background: rgba(255,255,255,1);
	}
		.animation-canvas-control-play-button:hover:before {
			background: rgba(255,255,255,1);
		}
		.animation-canvas-control-pause-button:hover:before {
			/*background: rgba(233,176,6,1);*/
			background: rgba(255,255,255,1);
		}
	.animation-canvas-control-play-button:after {
	 	content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 7px;
        border-color: transparent transparent transparent rgba(37,37,37,1);
        left: 36px;
        top: 15px;
        margin: -7px 0 0 -4px;
    	opacity: 1;
	}
	.animation-canvas-control-pause-button:after {
		content: '';
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        left: 31px;
        top: 9px;
        background: rgba(37,37,37,1);
    	opacity: 1;
	}













@media screen and (max-width: 1280px) {
	.editorTopMenuHistoryUndo strong,
	.editorTopMenuHistoryRedo strong {
		display: none;
	}
}

@media screen and (max-width: 1260px) {
	.editorPage .headerMainEditor {
		display: none;
	}
}

/*Editor Responsive*/
@media screen and (max-width: 1180px) {
	.editorTopMenuBlock {
	}
	.editorTopMenuAlignment .editorTopMenuSpacer,
	.editorTopMenuFlip,
	.editorTopMenuRotate,
	.editorPage .headerMainLoggedPricing {
		display: none;
	}
	.popupEditorHelpBlock-5 .popupEditorHelpOverlay-1 {
		width: 360px;
	}
}
@media screen and (max-width: 1024px) {
	.editorPage .headerMainMydesigns {
		display: none;
	}
	.editorPage .headerMainMe {
		display: block;
	}
	.popupEditorHelpBlock-5 .popupEditorHelpOverlay-1 {
		width: 260px;
	}
}
@media screen and (max-width: 920px) {
	.editorTopMenuOpacity {
		display: none;
	}
	.timeline-action-acceleration,
	.timeline-actions-center:before {
		display: none !important;
	}
	.editorTitleContainer {
		width: 340px;
	}
}
@media screen and (max-width: 760px) {
	.popupEditorHelpBlock {
		display: none !important;
	}
	.editorPage .notifBlock {
		display: -ms-flex;
	    -ms-flex-direction: row;
	    -ms-flex-wrap: wrap;
	    -ms-flex-pack: center;
	    -ms-flex-line-pack: stretch;
	    -ms-flex-align: center;
		display: flex;
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(15,15,15,1);
	    z-index: 9999;
	    padding: 0 !important;
	    justify-content: center;
		align-items: center;
	}
		.editorPage .notifBlock .notifBlockInner {
			position: relative;
			padding: 25px;
		}
			.editorPage .notifBlock .notifBlockInner .staticContent {
				padding-bottom: 0;
				padding-top: 0;
			}
}






@media screen and (max-width: 1200px) {
	.headerMainItem a {
		padding: 8px 10px;
	}
	.headerLogo {
		padding: 0 13px 0 0;
	}
	input[type=text].searchDesignInput {
		width: 225px;
	}
	.headerCreateContent {
		max-width: 900px;
	}
}



@media screen and (max-width: 1024px) {
	.headerLogo {
		padding: 0 0 0 0;
		margin-left: -17px;
	}
	.logoBig,
	.logoBigAnimated {
		display: none;
	}
		.logoSmall {
			display: block;
		}
		input[type=text].searchDesignInput {
			width: 150px;
		}
	.pagination li a {
		min-width: 26px;
	}
	.blogContent iframe {
		height: 546px !important;
	}
	.pricePromoVideo {
		width: 124%;
		margin-left: -12%;
	}
	.promoVideoTutorials3X li,
	.promoVideoTutorials3X li:nth-child(2) {
		width: 50%;
		width: calc(50% - 12px);
		padding: 0;
	}
		.promoVideoTutorials3X li:nth-child(1) {
			float: left;
		}
		.promoVideoTutorials3X li:nth-child(2) {
			float: right;
		}
		.promoVideoTutorials3X li:nth-child(3) {
			display: none;
		}
	.pricingFaqListItem30 {
		padding-right: 0;
	}
		.pricingFaqListItem30 img {
			display: none;
		}
}





@media screen and (max-width: 940px) {
	.designsGridItem {
		width: 33.33333%;
	}
	.foldersGridItem {
		width: 33.33333%;
		width: calc(33.33333% - 12px);
		background: #FFF;
	}
	.blogContent iframe {
		height: 510px !important;
	}
	.designsGridFeatured li:nth-child(4) {
		display: none;
	}
	.exploreFeaturedTitleItem-1 {
		width: 33.33%;
		width: calc(33.33% - 12px);
	}
	.exploreFeaturedTitleItem-2 {
		width: 66.66%;
	}
	.designsGridFeaturedEditor,
	.createNewDesign {
		width: 33.33%;
		width: calc(33.33% - 12px);
	}
	.userHeaderUpgrade,
	.paginationBlock .pagination,
	.gridItemUse span,
	.downloadImageTitle,
	.editorTopMenuListCopyDel,
	.editorTopMenuSpacerCopyDel {
	    display: none;   
	}
	.paginationNextButton,
	.paginationNextInactive,
	.paginationBackButton,
	.paginationBackInactive {
		display: block;
	}
	.headerSearch {
    }
        .searchDesignContainer {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            height: 46px;
            z-index: 550;
            width: 100%;
            background: rgba(15,15,15,1);
        }
            input[type=text].searchDesignInput {
                width: 100%;
                width: calc(100% - 190px);
                position: relative;
                left: 75px;
            }
            	input[type=text].searchDesignInput:focus {
					width: 100%;
                	width: calc(100% - 190px);
				}
            .searchDesignButton {
                right: 25px;
            }
    	    .headerSearchCloseButton {
        		width: 40px;
        		height: 36px;
        		position: absolute;
        		left: 25px;
        		top: 0;
        		cursor: pointer;
        		display: block;
        	}
        		.headerSearchCloseButton:after,
        		.headerSearchCloseButton:before {
        			content: '';
        			display: block;
        			position: absolute;
        			-webkit-transition: all 0.2s ease-in-out;
        			-moz-transition: all 0.2s ease-in-out;
        			-ms-transition: all 0.2s ease-in-out;
        			-o-transition: all 0.2s ease-in-out;
        		}
        		.headerSearchCloseButton:before {
        			width: 24px;
        			height: 24px;
        			left: 5px;
        			top: 6px;
        		    transform: rotate(45deg);
        		    -webkit-transform: rotate(45deg);
        		    -moz-transform: rotate(45deg);
        		    -o-transform: rotate(45deg);
        		    -ms-transform: rotate(45deg);
        			border-left: 1px solid rgba(255,255,255,1);
        			border-bottom: 1px solid rgba(255,255,255,1);
        		}
        			.headerSearchCloseButton:hover:before {
        				border-left: 1px solid rgba(255,192,6,1);
        				border-bottom: 1px solid rgba(255,192,6,1);
        			}
        		.headerSearchCloseButton:after {
        			width: 37px;
        			height: 18px;
        			top: 0;
        			left: 2px;
        			border-bottom: 1px solid rgba(255,255,255,1);
        		}
        			.headerSearchCloseButton:hover:after {
        				border-bottom: 1px solid rgba(255,192,6,1);
        			}
        .headerSearchOpenButton {
			top: 10px;
			width: 40px;
			height: 36px;
			overflow: hidden;
			line-height: 9999px;
			background: rgba(55,55,55,0.73);
			cursor: pointer;
			border-radius: 20px;
			-webkit-transition: all 0.1s ease-in-out;
			-moz-transition: all 0.1s ease-in-out;
			-ms-transition: all 0.1s ease-in-out;
			-o-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
            position: relative;
            display: block;
        }
            .headerSearchOpenButton:hover {
				background: rgba(255,193,7,1);
			}
			.headerSearchOpenButton:before {
				content: '';
				display: block;
				position: absolute;
				width: 16px;
				height: 16px;
				border: 1px solid rgba(255,255,255,1);
				border-radius: 10px;
				top: 8px;
				left: 10px;
			}
				.headerSearchOpenButton:hover:before {
					border: 1px solid rgba(0,0,0,1);
				}
			.headerSearchOpenButton:after {
				content: '';
				display: block;
				position: absolute;
				width: 6px;
				height: 6px;
				border-top: 1px solid rgba(255,255,255,1);
			    transform: rotate(45deg) ;
			    -webkit-transform: rotate(45deg) ;
			    -moz-transform: rotate(45deg) ;
			    -o-transform: rotate(45deg) ;
			    -ms-transform: rotate(45deg) ;
				top: 24px;
				left: 23px;
			}
				.headerSearchOpenButton:hover:after {
					border-top: 1px solid rgba(0,0,0,1);
				}
    	.headerSearchCloseButtonOverlay {
            width: 100%;
    		height: 100%;
    		position: fixed;
    		left: 0;
    		top: 0;
    		z-index: 500;
    		background: rgba(255,255,255,0.73);
    	}
    	.headerSearchOpen:checked ~ .searchDesignContainer,
		.headerSearchOpen:checked ~ .headerSearchCloseButtonOverlay {
			display: block; 
		}
		.headerSearchOpen:checked ~ .headerSearchOpenButton {
		    display: none;
		}
	.gridListItem,
	.gridListItemSizer {
		width: 33.3333%;	
	}
	.homeBannerBlockBottom {
		width: 100%;
		width: calc(100% + 100px);
		margin: 0 0 0 -50px;
	}
	.headerCreateContent {
		max-width: 740px;
	}
	.homeCreate h1,
	.h1Title { 
		font-size: 45px;
		line-height: 47px;
		letter-spacing: 0;
	}
	.homepageTemplates {
	}
		.homepageTemplates-Block {
			float: none;
			width: 100%;
			clear: both;
		}
		.homepageTemplates-BlockLeft {
			padding: 0 0 25px 0;
		}
			.homepageTemplates-BlockLeft ul {
				height: 213px;
				width: 601px;
				left: 50%;
				margin-left: -300px;
			}
			.homepageTemplates-BlockRight ul {
				height: 307px;
				width: 601px;
				left: 50%;
				margin-left: -300px;
			}
				.homepage-ImageTemplate1 {
	                right: 0px;
	            }
	            .homepage-ImageTemplate2 {
	                right: 153px;
	            }
	            .homepage-ImageTemplate3 {
	                right: 306px;
	            }
	            .homepage-ImageTemplate4 {
	                right: 459px;
	            }
	            .homepage-VideoTemplate1 {
	                left: 0px;
	            }
	            .homepage-VideoTemplate2 {
	                left: 153px;
	            }
	            .homepage-VideoTemplate3 {
	                left: 306px;
	            }
	            .homepage-VideoTemplate4 {
	                left: 459px;
	            }
			.homepageTemplates-content {
				margin: 0 auto;
			}
			.homepageTemplates-BlockLeft .homepageTemplates-content,
	        .homepageTemplates-BlockRight .homepageTemplates-content {
    	        float: none;
    	    }
				.homepageTemplates-content:before {
					display: none;
				}
	
	.blogContent iframe {
		height: 500px !important;
	}
	.howToPixteller ul {
	}
		.howToPixteller ul li {
			width: 50%;
			width: calc(50% - 12px);
			padding-bottom: 25px;
		}
			.howToPixteller ul li:nth-child(3) {
				clear: both;
			}
	.createList ul {
        display: grid;
        grid-template-columns: 20% 20% 20% 20% 20%;
    }
    .upgradeLandingInner img {
    	display: none;
    }
    .upgradeLandingInner p {
    	text-align: left;
    }
	    .openCreatePanelButton-1 {
	    	width: 20%;
	        width: calc(20% - 20px);
	    }
	    .openCreatePanelButton-2 {
	    	width: 80%;
	    }
	.pricingBlock {
		max-width: 360px;
		margin-top: 25px;
	}
	.pricingBlockItem1,
	.pricingBlockItem2,
	.pricingBlockItem3 {
		width: 100%;
		margin: 0 0 25px 0;
		float: none;
	}
	.blogList li a h2,
	.blogList li a h3,
    .blogList li a h4 {
    	font-size: 15px;
		line-height: 20px;
		min-height: 100px;
    }
    .landing3block ol li {
		padding-left: 0;
		border-top: 1px dotted rgba(255,255,255,0.5);
	}
		.landing3block ol li:first-child {
			border-top: none;
		}
	.pricePromoNewItem {
		float: none;
		margin: 0 auto 25px auto;
		width: 100%;
		max-width: 320px;
	}
}

















@media screen and (max-width: 800px) {
	.mainMenuLink.mainMenuEditor, 
	.headerPricing,
	.receiptsList li .receiptItemLine,
	.headerMainPixBot,
	.headerMainEditor,
	.at-share-dock-outer,
	.addthis-smartlayers,
	.addthis-smartlayers-mobile,
	.headerMainT:hover:before,
    .headerMainT:hover div {
		display: none !important;
	}
	.receiptItemAmount {
		clear: both;
	}
	.receiptsList li a {
		top: 23px;
	}
	.blogList {
		width: 100%;
		margin-left: 0;
		padding: 25px 0 50px 0;
	}
		.blogList[data-columns]::before {
			content: '1 .gridBlockList1';
		}
		.blogList li {
		    margin: 0 0;
		}
	.homeBannerBlockBottom {
		width: 100%;
		width: calc(100% + 240px);
		margin: 0 0 0 -120px;
	}
	.headerCreateContent {
		max-width: 580px;
	}
	.designViewItemMainImage {
		max-width: 100%;
	}
	.blogContent iframe {
		height: 420px !important;
	}
	.blogList li a h2,
	.blogList li a h3,
    .blogList li a h4 {
    	font-size: 15px;
		line-height: 20px;
		min-height: 120px;
    }
    .browseTable li {
    	width: 136px;
		min-width: 136px;
    }
    .createWhat ul li,
    .toolWhat ul li {
		width: 47%;
		padding-top: 47%;
		margin-top: 4%;
	}
		.createWhat ul li:nth-child(3n+2),
		.toolWhat ul li:nth-child(3n+2) {
			margin-left: inherit;
			margin-right: inherit;
		}
	    .createWhat ul li:nth-child(2n+1),
	    .toolWhat ul li:nth-child(2n+1) {
			margin-right: 2%;
		}
		.createWhat ul li:nth-child(2n),
		.toolWhat ul li:nth-child(2n) {
			margin-left: 2%;
		}
	.landingExamplesList {
		width: 100%;
		width: calc(100% + 30%);
		left: -15%;
	}
		.landingExamplesList li {
			padding: 0 5px;
		}
			.landingExamples5X li {
				width: 20%;
				width: calc(20% - 10px);
			}
			.landingExamples4X li {
				width: 25%;
				width: calc(25% - 10px);
			}
			.landingExamples3X li {
				width: 33.3333%;
				width: calc(33.3333% - 10px);
			}
			.landingExamples3X li {
				width: 33.3333%;
				width: calc(33.3333% - 10px);
			}
			.landingExamples3X li {
				width: 33.3333%;
				width: calc(33.3333% - 10px);
			}
	.landingFeatures li {
		width: 48%;
		padding-top: 48%;
	}
		.landingFeatures li:nth-child(2) {
			clear: none;
			margin-left: inherit;
			margin-right: inherit;
			float: right;
		}
		.landingFeatures li:nth-child(4) {
			clear: none;
			margin-left: inherit;
			margin-right: inherit;
		}
		.landingFeatures li:nth-child(2n+1) {
			clear: both;
			float: left;
		}
		.landingFeatures li:nth-child(2n) {
			float: right;
		}
		.landingFeatures li:last-child {
			margin-left: 26%;
		}
	.landing8block .landingFeatures li {
		width: 48%;
		padding-top: 200px;
	}	
	.landing3section {
		padding-top: 25px;	
	}
		.landing3block-howto {
			width: 100%;
		}
		.landing3block-img {
			position: relative;
			-webkit-transform: translate(0,0);
			-ms-transform: translate(0,0);
			transform: translate(0,0);
			top: auto;
		    left: auto;
		    padding-bottom: 25px;
		}
	.landingFaq {
		width: 100%;
		width: calc(100% - 0);
	}
		.landingFaqLeft {
			float: none;
		}
		.landingFaqRight {
			float: none;
		}
	.footerList {
		width: 50%;	
		max-width: 190px;
	}
	.footerListCreate {
		padding-top: 20px;
		width: 100%;
		clear: both;
		max-width: 380px;
	}
	.pricePromoBenefits li,
	.pricePromoBenefits li:nth-child(3n),
	.pricePromoBenefits li:nth-child(3n+1),
	.pricePromoBenefits li:nth-child(3n+2) {
		width: 50%;
		clear: none;
	}
	.promoVideoTutorials,
	.promoVideoTutorials3X {
		max-width: 600px;
		margin: 0 auto;
	}
		.promoVideoTutorials li,
		.promoVideoTutorials3X li,
		.promoVideoTutorials3X li:nth-child(2) {
			width: 100%;
			float: none;
		}
		.promoVideoTutorials li:nth-child(1),
		.promoVideoTutorials3X li:nth-child(1) {
			margin-bottom: 25px
		}
	.landing10block ul li {
		width: 100%;
		clear: both;
		padding: 0 0 37px 0;
	}
}










@media screen and (max-width: 760px) {
	.gridItemDetails,
	.shareInputItem,
	.gridItemEdit,
	.createListItemEditor,
	.designsGridFeaturedEditor,
	.exploreFeaturedTitleItem-1,
	.popupAnimationLimitReached,
	.popupDesignLimitReached,
	.browseTableFromScratch,
	.createNewDesign,
	.buttonYellowFromScratch,
	.templateHeaderButtonsIndex,
	.hmAnimation,
	.hmPhoto,
	.hmFeaturesVisit,
	#app {
		display: none !important;
	}
	.createBlockNote {
		display: block;
	}
	.gridListItem {
		min-height: inherit;
	}
	.gridListItemInner {
		min-height: 60px;
	}
	.headerCreateContent {
		max-width: 540px;
	}
	.homeCreate {
		width: 100%;
		width: calc(100% - 10px);
		left: 0;
	}
	.createMainListTop {
	}
		.createMainListTop li {
			width: 50%;
			padding-bottom: 68%;
		}
		.createMainListTop li:nth-child(3) {
			width: 50%;
			padding-bottom: 26%;
		}
	.createShowMoreSizeOpenHomeButton,
	.createShowMoreSizeOpenPopupButton {
		width: 50%;
	}
	.createShowMoreSizeList {
		width: 50%;
	}
	.homeWhy {
	}
		.homeWhy li  {
			float: left;
			width: 100%;
			text-align: center;
		}
		.homeWhy li:nth-child(2) {
			padding-left: 0;
			padding-right: 0;
			margin: 25px 0;
		}
	.aboutlist {
		width: 100%;
		width: calc(100% + 0);
	}
	.spacer2Editor,
	.createEditorContainer,
	.designPreviewNotif,
	.designViewEditor,
	.homeCreateLastSpacer,
	.homeCreateScratch,
	.headerCreateOpenButton,
	.homeCreateListCustom,
	.homeCreateBlockList-10,
	.designGridItem-UseEditButtons,
	.notRenderedBlock div em {
		display: none;	
	}
	.notRenderedBlock div span {
		display: block;
	}
	.headerCreateOpenButton,
	.headerMainItem a {
		padding: 8px 6px;
	}
	.settingsMenu li {
		float: left;
		padding: 0 0 0 12px;
	}
	.homeBannerDetails h2 {
		font-size: 15px;
		line-height: 20px;
	}
	.designsBlock .navigation .navigationList {
		padding-right: 50px;
	}
	.userMenuContent {
		width: 100%;
		width: calc(100% - 55px);
	}
	.designViewBlock {
		width: 100%;
		width: calc(100% + 50px);
		margin-left: -25px;
	}
			.homeScreenLast h1,
			.homeScreenLast h2,
			.homeScreen0 h1 {
				font-size: 33px;
				line-height: 37px;
			}
	.homeFeatured {
		font-size: 13px;
		line-height: 18px;
	}
			.homeFeatured ol li  {
				float: none;
				width: 100%;
				text-align: center;
				margin: 0 auto;
				padding: 31px 0 0 0;
				max-width: 400px;
			}
			.homeFeatured ol li:nth-child(2) {
				padding: 0;
				margin-top: -10px;
			}
	.homeScreenFeedback {
		font-size: 13px;
		line-height: 18px;
		max-width: 420px;
		margin: 0 auto;
	}
		.homeScreenFeedback ol {
			width: 300%;
			-webkit-animation: homeScreenFeedbackAnimeM 36s infinite linear;
 			animation: homeScreenFeedbackAnimeM 36s infinite linear;
		}
			.homeScreenFeedback ol li {
				width: 33.333%;
				width: calc(33.333% - 20px);
			}
				.homeScreenFeedback ol li:nth-child(4) {
					clear: both;
				}
	.selectActionsBlockList li .selectActionButton strong {
		display: none;
	}
		.selectActionButton.selectActionButton-Download,
		.selectActionItem-Download .selectActionButton {
			width: 13px;
			padding-left: 10px;
			padding-right: 10px;
			background-position: -90px -1470px;
		}
		.selectActionButton.selectActionButton-CopyTo,
		.selectActionItem-CopyTo .selectActionButton {
			width: 17px;
			padding-left: 10px;
			padding-right: 10px;
			background-position: -290px -1470px;
		}
		.selectActionButton.selectActionButton-MoveTo,
		.selectActionItem-MoveTo .selectActionButton {
			width: 18px;
			padding-left: 10px;
			padding-right: 10px;
			background-position: -490px -1470px;
		}
		.selectActionButton.selectActionButton-SetPrivacy,
		.selectActionItem-SetPrivacy .selectActionButton {
			width: 12px;
			padding-left: 10px;
			padding-right: 10px;
			background-position: -690px -1470px;
		}
		.selectActionButton.selectActionButton-ShareWith,
		.selectActionItem-ShareWith .selectActionButton {
			width: 17px;
			padding-left: 10px;
			padding-right: 10px;
			background-position: -890px -1470px;
		}
		.selectActionButton.selectActionButton-Delete,
		.selectActionItem-Delete .selectActionButton {
			width: 13px;
			padding-left: 10px;
			padding-right: 10px;
			background-position: -1090px -1470px;
		}
	.homeScreenUser h1 strong,
	.homeScreenUserInner-desktop, 
	.homeScreenUserButtons .buttonYellow strong,
	.homeCreate h1 strong {
		display: none;
	}
	.homeScreenUser h1 span,
	.homeScreenUserButtons .buttonYellow span,
	.homeCreate h1 span {
		display: inline;
	}
	.homeScreenUserInner-mobile {
		display: block;
	}
	.affiliateHighlights ul li,
	.affiliateHighlights ul li:nth-child(1),
	.affiliateHighlights ul li:nth-child(2),
	.affiliateHighlights ul li:nth-child(3),
	
	.affiliateHighlights.pixbotHighlights ul li:nth-child(1),
	.affiliateHighlights.pixbotHighlights ul li:nth-child(2) {
		width: 100%;
		float: none;
		padding: 12px 0 9px 0;
	}
	.designGridItem-DownloadButtons {
		left: 10px;
		right: inherit;
	}
	.foldersGridItem {
		width: 50%;
		width: calc(50% - 12px);
		background: #FFF;
	}
	.popupPlatformBlockDownloadFree {
		right: inherit;
	}
		.popupPlatformForDownload .upgradePop {
			display: none;
		}
	.popupDownloadForm {
		min-height: inherit;
	}
	.exploreNav li,
	.exploreNav li:before {
		display: none;
	}
	.exploreNav li:last-child {
		display: block !important;	
	}
	.homepageFeatures ol li {
		width: 48%;
	}
		.homepageFeatures ol li:nth-child(2n) {
			clear: none;
			margin-left: 2%;
			margin-right: 0;
		}
		.homepageFeatures ol li:nth-child(2n+1) {
			clear: both;
			margin-left: 0;
			margin-right: 2%;
		}
		.homepageFeatures ol li:before {
			filter: grayscale(0%);
			opacity: 1;
		}
	.homepageLongBgBlock {
		padding: 105px 0 95px 0;
	}
			.homepageLongBg strong {
				font-size: 30px;
				line-height: 30px;
				letter-spacing: 0;
				top: -40px;
			}
			.homepageLongBg span {
				letter-spacing: 0;
				top: 250px;
			}
	.blogContent iframe {
		height: 400px !important;
	}
	.createList {
		margin: 0 0 0 -6px;
		width: 100%;
		width: calc(100% + 12px);
	}
		.createList ul {
	        display: grid;
	        grid-template-columns: 25% 25% 25% 25%;
	    }
	    .createList ul li {
    		margin: auto 6px 0 6px;
	    }
	.upgradeLandingInner p {
		letter-spacing: 0;
	}
	.upgradeLandingInner .buttonYellow {
		min-width: 80px;
	}
	    .openCreatePanelButton-1 {
	    	display: none;
	    }
	    .openCreatePanelButton-2 {
	    	width: 100%;
	    	position: relative;
	    }
	.designsGridFeatured li:nth-child(1) {
		visibility: visible;
	}
	.exploreFeaturedTitleItem-2 {
		width: 100%;
	}
	.homeScreen0 p {
		font-size: 13px;
		line-height: 20px;
	}
	.blogList li {
		width: 48%;
	}
		.blogList li:nth-child(3n+2) {
	        padding-left: 0;
	        padding-right: 0;
	    }
	    .blogList li:nth-child(3n+1) {
	        clear: none;
	    }
	    .blogList li:nth-child(2n) {
	    	padding-left: 4%;
	    }
	    .blogList li:nth-child(2n+1) {
	    	clear: both;
	    }
	.templateHeader,
	.homeScreenUser p {
		font-size: 13px;
		line-height: 20px;
	}
	.browseTable li.browseTableFromScratchSecond {
		padding-left: 0;
	}
	.popupPlatformBlockPremium {
		max-width: 350px;
		width: 350px;
	}
		.buttonWhiteD {
			left: 25px;
			margin-left: 0px;
		}
	.designsGridItemScratch a span {
		font-size: 12px;
        line-height: 16px;
        margin-top: -24px;
	}
}

















@media screen and (max-width: 640px) {
	.headerUpgrade,
	.headerDesigns span,
	.headerFavorites, 
	.headerMainContact,
	.headerMainAbout,
	.headerMainLoggedPricing,
	.homeCreateList li a span strong:after,
	.designViewActionItem,
	.headerMainPricing,
	.navigationListAdmin,
	.upgradeLanding,
	.designViewAction li:first-child,
	.designViewActionDelete:before,
	.hmCreateVisit {
		display: none;
	}
	.staticContent h1,
	.homeScreenUser h1,
	.h1Landing { 
		font-size: 45px;
		line-height: 47px;
		letter-spacing: -1px;
	}
	.landingFaq li h3,
	.landing3block ol li h4,
	.h2Landing {
		font-size: 25px;
		line-height: 27px;
	}
	.landing1block p, 
	.landing2block p,
	.landing3block ol li p,
	.blogContent,
	.landing7block li p,
	.landing3block ol li p,
	.landingFaq li p,
	.landing9block p {
		font-size: 15px;
		line-height: 22px;
	}
		h1.blogTitle {
			font-size: 33px;
			line-height: 37px;
			letter-spacing: 0px;
			font-weight: normal;
		}
		.blogDate {
			font-size: 13px;
		}
	.homeCreateInner {
		padding-top: 25px;
	}
	.homeCreate h1,
	.h1Title {
		font-size: 25px;
		line-height: 27px;
		letter-spacing: 0;
	}
	.staticContent h2,
	.staticContent h3,
	.staticContent h4 {
		font-size: 25px;
		line-height: 30px;
		letter-spacing: 0;
	}
	.designsRelatedTitle h3 {
		font-size: 15px;
		line-height: 20px;
		letter-spacing: 3px;
	}
	.noDesignYet h5 {
		font-size: 15px;
		line-height: 18px;
	}
	.settingsMenu {
		float: none;
	}
	.pagination li a {
		min-width: 30px;
	}
		.pagination li:first-child a,
		.pagination li:last-child a {
			min-width: 15px;
		}
	.gridListItem,
	.gridListItemSizer {
		width: 50%;	
	}
	.gridUserItem {
		margin-bottom: 40px;
		width: 50%;
		padding-bottom: 50%;
	}
	.homeWhat {
	}
		.homeWhatLeft {
		    width: 100%;
		    width: calc(100% - 0);
		    float: none;
		    padding: 25px 0 0 0;
		}
		.homeWhatRight {
		    width: 100%;
		    width: calc(100% - 0);
		    float: none;
		    padding: 0 0 0 0;
		}
			.homeWhat ol li p {
				max-width: inherit;
			}
	.homeBannerBlockBottom {
		width: 100%;
		width: calc(100% + 160px);
		margin: 0 0 0 -80px;
	}
	.homeBannerDetails h1 {
		font-size: 40px;
		line-height: 45px;
	}
		.homeBannerDetails h1 em {
			font-size: 50px;
			line-height: 55px;
		}
	.homeBannerDetails h2 {
		max-width: 400px;
	}
		.homeYoutube .play-button:before {
			width: 100px;
			height: 70px;
    		margin: -35px 0 0 -50px;
		}
		.homeYoutube .play-button:after {
			 border-width: 16px 0 16px 23px;
			 margin: -16px 0 0 -10px;
		}
	.homeCreateList li {
		width: 130px;
		width: calc(130px - 12px);
		margin: 12px 12px 0 0;
		padding: 130px 0 0 0;
		position: relative;
		font-size: 13px;
		line-height: 15px;
	}	
		.homeCreateList li a span em {
			font-size: 10px;
		}
	.headerCreateContent {
		max-width: 320px;
	}
	.designsGridItem {
		width: 50%;
	}
	.foldersGridItem {
		width: 50%;
		width: calc(50% - 12px);
		background: #FFF;
	}
	.homeTestimonials ul li,
	.homeTestimonials ul li:nth-child(1),
	.homeTestimonials ul li:nth-child(2),
	.homeTestimonials ul li:nth-child(3) {
		width: 100%;
		width: calc(100%);
		float: none;
		margin: 0;
	}
	.blogContent iframe {
		height: 330px !important;
	}
		.createList ul {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
    }
    .designsGridFeatured li:nth-child(4),
    .designsGridFeatured li:nth-child(3) {
    	display: none;
    }
    .authBlock {
    	padding: 0;
    }
    .designViewHeaderDetails {
    	font-size: 12px;
		line-height: 17px;	
    }
    .staticContent .designViewHeader h1 {
		font-size: 15px;
		line-height: 20px;
	}
	.blogList li a h2,
	.blogList li a h3,
    .blogList li a h4 {
    	padding: 15px 15px 0 15px;
    }
    .blogList li a span {
    	padding: 0 0 0 15px;
    }
    .blogFaqList li {
		margin: 12px 0 0 0;
		padding: 9px 15px 9px 15px;
    }
    
    .blogImgList li {
    	width: 48%;
    	margin-left: 4%;
    }
    	.blogImgList li:nth-child(3n+1) {
    		clear: none;
    		margin-left: 4%;
    	}
    	.blogImgList li:nth-child(2n+1) {
    		clear: both;
    		margin-left: 0;
    	}
   	.landingExamplesList {
		width: 100%;
		width: calc(100% + 40%);
		left: -20%;
	}
	.hmCreate div ul {
		width: 330px;
	}
		.hmCreate div ul li {
			width: 165px;
		}
	.priceNewItem,
	.priceNewItemLeft,
	.priceNewItemRight {
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
		float: none;
	}
	.priceNewItemRight {
		margin-top: 25px;
	}
	.pricePromoBenefits li,
	.pricePromoBenefits li:nth-child(3n),
	.pricePromoBenefits li:nth-child(3n+1),
	.pricePromoBenefits li:nth-child(3n+2) {
		width: 100%;
		clear: none;
	}
	.promoHeadInner span {
		letter-spacing: 1px;
		font-size: 13px;
	}
}




@media screen and (max-width: 540px) {
	.footerBottomContent {
		padding-top: 90px;	
		font-size: 13px;
		line-height: 18px;
		text-align: left;
	}
		.mainMenuFooterSocialList {
			right: inherit;
			left: -2px;
			top: inherit;
			bottom: -85px;
		}
		.capterraBadge {
			right: inherit;
			left: -2px;
			top: inherit;
			bottom: -90px;
		}
			.capterraBadge a img {
				width: 100px;
			}
	.footerList {
		width: 50%;	
		max-width: inherit;
	}
	.footerListCreate {
		padding-top: 20px;
		width: 100%;
		clear: both;
		max-width: inherit;
	}
	.promoHeadInner span {
		padding: 7px 15px 5px 15px;
		letter-spacing: 1px;
		display: block;
	}
	.promoHeadInner {
		padding-bottom: 19px;
	}
	.promoHead .userMenuCloseButton {
		top: 86px;
	}
}




@media screen and (max-width: 480px) {
	.headerMy span,
	.headerRegister,
	.navigationList.navigationListAdmin,
	.headerMainLoggedFav,
	.gridItemActions,
	.designViewActionUseEdit,
	.pricingSwitchButtonYearly span,
	.pricingSwitchFakeYearly span,
	.pricingSwitchButtonYearly:hover span,
	.pricingSwitchFakeYearly:hover span {
		display: none !important;
	}
	.header {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	.fixWidth,
	.gridBlock,
	.exploreCategContainer {
		width: calc(100% - 40px);
	}
	.aboutHeader li {
		width: 100%;
		padding-bottom: 100%;
	}
	.receiptsList li a {
		width: 34px;
		height: 36px;
		overflow: hidden;
		line-height: 9999px;
		top: 14px;
		padding: 0;
	}
		.receiptsList li a:after {
			right: 8px;
			top: 14px;
			border-width: 11px 9px 0 9px;
		}
	.gridBlockList {
		width: 100%; 
		width: calc(100% + 12px);
		margin-left: -6px;
	}
		.gridListItemInner {
			margin: 6px;
		}
	.createMainList {
		width: 100%;
		width: calc(100% + 12px);
		margin: 0 0 0 -6px;
	}
		.createMainList li a {
			width: 100%;
			width: calc(100% - 12px);
			left: 6px;
		}
	.homeBannerBlockBottom {
		width: 100%;
		width: calc(100% + 130px);
		margin: 0 0 0 -65px;
	}
	.homeBannerDetails h1 {
		font-size: 35px;
		line-height: 40px;
	}
	.homeBannerBlockTop {
		padding-bottom: 30px;
	}
	.homeBannerBlockBottom {
		padding-bottom: 35px;
	}
	.selectActionsBlock {
		width: 100%;
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	.designViewBlock {
		width: 100%;
		width: calc(100% + 40px);
		margin-left: -20px;
	}
	.designViewActionBlock .designViewAction {
		padding: 0 15px 0 15px;
	}
	.designsBlock,
	.gridBlock {
		padding: 0 20px 75px 20px;
	}
	.designsGridItem {
		width: 50%;
	}
	.foldersGridItem {
		width: 100%;
		width: calc(100% - 12px);
		background: #FFF;
		margin: 3px 6px;
	}
	.foldersGrid {
		padding: 22px 0 0 0;
	}
	.homepageTemplates {
	}
		.homepageTemplates-Block {
			float: none;
			width: 100%;
			clear: both;
		}
			.homepageTemplates-BlockLeft ul {
				height: 165px;
				width: 470px;
				left: 50%;
				margin-left: -235px;
			}
			.homepageTemplates-BlockRight ul {
				height: 240px;
				width: 470px;
				left: 50%;
				margin-left: -235px;
			}
				.homepageTemplates ul li {
					width: 110px;
				}
				.homepage-ImageTemplate1 {
	                right: 0px;
	            }
	            .homepage-ImageTemplate2 {
	                right: 120px;
	            }
	            .homepage-ImageTemplate3 {
	                right: 240px;
	            }
	            .homepage-ImageTemplate4 {
	                right: 360px;
	            }
	            .homepage-VideoTemplate1 {
	                left: 0px;
	            }
	            .homepage-VideoTemplate2 {
	                left: 120px;
	            }
	            .homepage-VideoTemplate3 {
	                left: 240px;
	            }
	            .homepage-VideoTemplate4 {
	                left: 360px;
	            }
			.homepageTemplates-content {
				max-width: 580px;
				margin: 0 auto;
			}
			.homepageTemplates-BlockLeft .homepageTemplates-content,
	        .homepageTemplates-BlockRight .homepageTemplates-content {
    	        float: none;
    	    }
				.homepageTemplates-content:before {
					display: none;
				}
	.homepageFeatures ol li {
		width: 100%;
	}
		.homepageFeatures ol li:nth-child(2n),
		.homepageFeatures ol li:nth-child(2n+1) {
			clear: both;
			margin-left: 0;
			margin-right: 0;
		}
	.blogContent iframe {
		height: 240px !important;
	}
	.howToPixteller ul {
	}
		.howToPixteller ul li {
			width: 100%;
			width: calc(100% - 12px);
		}
			.howToPixteller ul li {
				clear: both;
			}
	
	.createList ul {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .openCreatePanelButton {
    	letter-spacing: 2px;
    }
    .pricingMethods p em,
    .pricingFaqTitle,
    .homeTestimonials span,
    .howToPixteller em,
    .homepageFeatures em,
    .homeFeatured span,
    .affiliateHighlights-title,
    .browseTemplatesTitle,
    .noDsgYetTitle {
    	letter-spacing: 2px;
    }
    /*.payment-plan img {
    	display: block;
    	float: none;
    	margin: 0 auto;
    }
    .payment-plan p {
    	text-align: center;
    	float: none;
    	padding-top: 0;
    }*/
    .payment-plan img {
    	height: 64px;
    	margin-left: -5px;
    	padding-bottom: 13px;
    }
    .payment-plan p {
    	font-size: 12px;
    	line-height: 16px;
    	padding: 21px 0 0 0;
    }
    .payment-details {
    	font-size: 15px;	
    }
    .blogList li {
    	padding-bottom: 15px;
	}
	    .blogList li a h2,
	    .blogList li a h3,
	    .blogList li a h4 {
	    	font-size: 13px;
	        line-height: 18px;
	    }
	.createWhat {
		padding: 0 0 0 0;
	}    
	.createWhat ul li,
    .toolWhat ul li {
		width: 100%;
		padding-top: 100%;
		margin-top: 5%;
	}
		.createWhat ul li:nth-child(3n+2),
		.toolWhat ul li:nth-child(3n+2),
	    .createWhat ul li:nth-child(2n+1),
	    .toolWhat ul li:nth-child(2n+1),
		.createWhat ul li:nth-child(2n),
		.toolWhat ul li:nth-child(2n) {
			margin-left: inherit;
			margin-right: inherit;
		}
	.landingFeatures {
		max-width: 360px;
		margin: 0 auto;
	}	
		.landingFeatures li,
		.landingFeatures li:nth-child(n) {
			width: 100%;
			padding-top: 100%;
			clear: both;
			margin-left: 0;
			margin-right: 0;
		}
		.landing8block .landingFeatures li {
			width: 100%;
			padding-top: 200px;
		}
}




















@media screen and (max-width: 420px) {
	.headerMy,
	.headerMainBlog,
	.headerMainItem a strong img,
	.gridItemActions .gridItemEdit,
	.designGridItem-SizeIsPrivate:after,
	.promoHead,
	.headerMainMydesigns,
	.headerMainPricing {
		display: none;
	}
	.mainFilters ul li em {
		display: none !important;
	}
	.headerMe {
		display: block;
	}
	.settingsMenu li.settingsMenuDeleteaccount {
		clear: both;
		padding: 0;
	}
		.settingsMenu li.settingsMenuDeleteaccount:before {
			display: none;
		}
	.pricingFaqListLeft,
	.pricingFaqListRight {
        float: none;
    }
    .pricingFaqList {
    	width: 100%;
    	width: calc(100%);
    }
    .shareButtonsBlock strong {
		padding: 13px 15px 0 15px;
	}
		.shareButtonsBlock strong:after {
			display: none;
		}
	.shareButtonsList ul {
		width: 193px;
	}
	.createMainListTop {
		padding-bottom: 150px;
	}
		.createMainListTop li {
			width: 100%;
		}
		.createMainListTop li:nth-child(1) {
			width: 100%;
			padding-bottom: 100%;
		}
		.createMainListTop li:nth-child(2) {
			width: 100%;
			padding-bottom: 149%;
		}
		.createMainListTop li:nth-child(3) {
			width: 100%;
			padding-bottom: 55%;
		}
	.createShowMoreSizeOpenHomeButton,
	.createShowMoreSizeOpenPopupButton {
		width: 100%;
	}
	.createShowMoreSizeList {
		width: 100%;
	}
	.homeBannerDetails h1 {
		font-size: 30px;
		line-height: 35px;
	}
		.homeBannerDetails h1 em {
			font-size: 45px;
			line-height: 50px;
		}
	.navigationList li strong {
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 180px;
	}
	.designViewActionBlock {
		float: right;
	}
	.popupPlatformContent .inputBlock label {
	    font-size: 13px;
	}
	.blogContent iframe {
		height: 200px !important;
	}
	.designFiltersBlock {
		max-width: 300px;
	}
	.hmCreate div ul {
		width: 100%;
		width: calc(100% - 54px);
		position: fixed;
		top: 56px;
		left: 15px;
	}
		.hmCreate div ul:before {
			left: 67px;
		}
		.hmCreate div ul li {
			width: 50%;
		}
		.hmCreate div ul li:nth-child(2n+1) {
			width: 57%;
		}
		.hmCreate div ul li:nth-child(2n) {
			width: 43%;
		} 
	.popupPlatformBlock {
		margin: 0;
		width: 100%;
		width: calc(100% - 50px);
		padding: 50px 25px;
	}
}

@media screen and (max-width: 359px) {
	.selectActionItem-Download,
	.headerMainMydesigns,
	.shareButtonsPopupTumblr {
		display: none !important;	
	}
		.headerMainMe {
			display: block;
		}
	.blogContent iframe {
		height: 180px !important;
	}
	.blogShareButtons .shareButtonsPopup {
		width: 250px;
	}
	.designViewActionBlock ul li.designViewActionDelete {
		padding: 0 !important;
	}
	.designViewActionBlock {
		padding: 0 !important;
	}
	.designViewAction {
		padding: 0 !important;
	}
	.selectize-input div span {
		max-width: 217px;
	}
}

@media screen and (max-width: 350px) {
	.pagination li a {
		min-width: 20px;
	}
	.homeBannerDetails h1 {
		font-size: 26px;
		line-height: 31px;
	}
}

@media screen and (max-width: 330px) {
	.headerMainPricing {
		display: none;
	}
}