#resize-box-primerka .content {
	/*
	max-width: 1290px;
	padding: 0 1em;
	margin: 0 auto;
	text-align: center;
	*/
}
.hide {
	display:none;
}
#resize-box-primerka .component {
	position: relative;
	/*
    background: url(../img/gridme.png) repeat center center;
    */
    background: #ececec;
    padding: 0;
    height: 640px;
    border: 1px solid #000;
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}
#resize-box-primerka .overlay-inner {
    padding: 0;
    position: relative;
    top: 140px;
}
#resize-box-primerka .resize-image-container {
    width: 100%;
    height: 100%;
}
/* Header */
#resize-box-primerka .codrops-header {
	padding: 0 0 2em;
	letter-spacing: -1px;
}

#resize-box-primerka .codrops-header h1 {
	font-weight: 800;
	font-size: 2.5em;
	line-height: 1.3;
	margin: 0.25em auto;
}

#resize-box-primerka .codrops-header h1 span,
#resize-box-primerka .a-tip {
	color: #49708A;
}

#resize-box-primerka .a-tip {
	padding: 1em;
}

#resize-box-primerka .a-tip span {
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	padding: 0 5px;
}

/* Top Navigation Style */
#resize-box-primerka .codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.69em;
	line-height: 2.2;
}

#resize-box-primerka .codrops-top a {
	display: inline-block;
	padding: 1em 2em;
	text-decoration: none;
	letter-spacing: 1px;
}

#resize-box-primerka .codrops-top span.right {
	float: right;
}

#resize-box-primerka .codrops-top span.right a {
	display: block;
	float: left;
}

#resize-box-primerka .codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

#resize-box-primerka .codrops-icon-drop:before {
	content: "\e001";
}

#resize-box-primerka .codrops-icon-prev:before {
	content: "\e004";
}

/* Codrops demo links */
#resize-box-primerka .codrops-demos a {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0.5em 1em;
	margin: 5px;
	display: inline-block;
	border: 1px solid black;
	border-color: initial;
	border-radius: 4px;
}

#resize-box-primerka .codrops-demos a.current-demo {
	color: #74777b;
}

/* Related demos */
#resize-box-primerka .related {
	text-align: center;
	padding: 4em 0 2em;
}

#resize-box-primerka .related > a {
	width: calc(100% - 20px);
	max-width: 340px;
	border: 2px solid #49708A;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 20px 10px;
	padding: 25px;
}

#resize-box-primerka .related a img {
	max-width: 100%;
	opacity: 0.8;
}

#resize-box-primerka .related a:hover img,
#resize-box-primerka .related a:active img {
	opacity: 1;
}

#resize-box-primerka .related a h3 {
	margin: 0;
	padding: 0.5em 0 0.3em;
	max-width: 300px;
	text-align: left;
	min-height: 60px;
}

@media screen and (max-width: 27em) {
	#resize-box-primerka .codrops-icon {
		font-size: 1.5em;
	}
	#resize-box-primerka .codrops-icon span {
		display: none;
	}
}
#resize-box-primerka .resize-container {
    position: relative;
    display: inline-block;
    cursor: move;
    margin: 0 auto;
    /*
    max-width:200%;
    */
}

#resize-box-primerka img {
	max-width:none;
}


#resize-box-primerka .resize-container.fix {
	cursor:default;
}

#resize-box-primerka .resize-container img {
    display: block;
    max-width: 1200px;
}
#resize-box-primerka .resize-container img.overlay-inner-image {
	cursor:move;
}


#resize-box-primerka .resize-container:hover img,
#resize-box-primerka .resize-container:active img {
    outline: 2px dashed rgba(222,60,80,.9);
}

#resize-box-primerka .resize-container.fix:hover img,
#resize-box-primerka .resize-container.fix:active img {
    outline: 2px dashed transparent;
}

#resize-box-primerka .resize-handle-ne,
#resize-box-primerka .resize-handle-se,
#resize-box-primerka .resize-handle-nw,
#resize-box-primerka .resize-handle-sw {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: rgba(222,60,80,.9);
    z-index: 999;
}


#resize-box-primerka .resize-container.fix .resize-handle-ne,
#resize-box-primerka .resize-container.fix .resize-handle-se,
#resize-box-primerka .resize-container.fix .resize-handle-nw,
#resize-box-primerka .resize-container.fix .resize-handle-sw {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: 0;
    z-index: 999;
}

#resize-box-primerka .resize-handle-nw {
    top: -5px;
    left: -5px;
    cursor: nw-resize;
}

#resize-box-primerka .resize-handle-sw {
    bottom: -5px;
    left: -5px;
    cursor: sw-resize;
}

#resize-box-primerka .resize-handle-ne {
    top: -5px;
    right: -5px;
    cursor: ne-resize;
}

#resize-box-primerka .resize-handle {
	
}

#resize-box-primerka .resize-handle-se {
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}

#resize-box-primerka .overlay {
	position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -243px;
    z-index: 999;
    width: 350px;
    height: 486px;
    box-sizing: content-box;
    pointer-events: none;
    background: url(../img/face.png);
}

#resize-box-primerka .overlay.loader{
	background: url(../img/ajax-loader.gif) center no-repeat;
	background-size: 50%;
}

#resize-box-primerka .overlay.no-face {
    background: 0;
    pointer-events: auto;
}
/*
.overlay:after,
.overlay:before {
	content: '';
	position: absolute;
	display: block;
	width: 204px;
	height: 40px;
    border-left: dashed 2px rgba(222,60,80,.9);
	border-right: dashed 2px rgba(222,60,80,.9);
}
*/
#resize-box-primerka .overlay:before {
	top: 0;
	margin-left: -2px;
	margin-top: -40px;
}

#resize-box-primerka .overlay:after {
	bottom: 0;
	margin-left: -2px;
	margin-bottom: -40px;
}
/*
.overlay-inner:after,
.overlay-inner:before {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 204px;
    border-top: dashed 2px rgba(222,60,80,.9);
	border-bottom: dashed 2px rgba(222,60,80,.9);
}
*/
#resize-box-primerka .overlay-inner:before {
	left: 0;
	margin-left: -40px;
	margin-top: -2px;
}

#resize-box-primerka .overlay-inner:after{
	right: 0;
	margin-right: -40px;
	margin-top: -2px;
}

#resize-box-primerka .btn-crop {
	position: absolute;
	vertical-align: bottom;
	right: 5px;
	bottom: 5px;
	padding: 6px 10px;
	z-index: 999;
	background-color: rgb(222,60,80);
	border: none;
	border-radius: 5px;
	color: #FFF;
}

#resize-box-primerka .btn-crop img {
	vertical-align: middle;
	margin-left: 8px;
}
#resize-box-primerka img.overlay-inner-image {
    width: 340px;
    height: 130px;
}


#resize-box-primerka .component-box.list-elements {
	max-width: 1200px;
	margin: 0 auto 25px auto;
	display: block;
	border-top: 3px dotted #d1d1d1;
	border-bottom: 3px dotted #d1d1d1;
	padding: 25px 0;
	min-height: 163px;
	box-sizing: border-box;
}

#resize-box-primerka .elements-list.elements-list-1 {
    width: 120px;
    float: left;
    margin: 30px 0 0 0;
}
#resize-box-primerka .elements-list.elements-list-2 {
	width: calc(100% - 120px);
	float: left;
}
#resize-box-primerka .component-box {
	
}
#resize-box-primerka .resize-container.fix .resize-handle {
    cursor: default;
}
#try-on-content {
    border: 0;
    margin: 0 0 30px;
}
#resize-box-primerka .elements-list {
	
}
#resize-box-primerka .elements-list p {
	color: #034891;
    margin: 0 30px 0 0;
    width: 88px;
}


#resize-box-primerka .elements-list a {
	border: 3px solid transparent;
    display: block;
    width: 130px;
    margin: 5px auto;
    box-shadow: 0 0 5px #e8e8e8;
    height: 100px;
    background:#FFF;
}
#resize-box-primerka .elements-list a.active {
	border: 3px solid #034891;
}
#resize-box-primerka .elements-list .item-img {
	width:140px;
	margin: 0 auto;
}


#resize-box-primerka .elements-list a img {
	width: 100%;
}
#resize-box-primerka .wro-wro {
	
}
#resize-box-primerka .wro-wro a {
	display: inline-block;
    color: #FFF;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    margin: 0 5px;
    font-size: 13px;
    cursor:pointer;
}
#resize-box-primerka .wro-wro a.IMAGE_TO_RESIZE {
	background:#616d71;
}
#resize-box-primerka .wro-wro p {
	margin: 0 0 10px 5px;
    font-size: 14px;
    color: #777777;
}
#resize-box-primerka .wro-wro a.accept {
	background:#72465a;
}
#resize-box-primerka .wro-wro a.clear-clear {
	background:#72465a;
}
#resize-box-primerka .wro-wro a.del-del {
	background:#72465a;
}
#resize-box-primerka .wro-wro a.topage-topage {
	background:#c17e12;
}
#resize-box-primerka .form-horizontal {
	display: inline-block;
}
#resize-box-primerka .form-horizontal button {
	display: inline-block;
    color: #FFF;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    margin: 0 5px;
    font-size: 13px;
    border: 0;
    background: #034891;
}
.wro-wro.wro-work-left {
    float: left;
}
.wro-wro.wro-work-right {
    float: right;
}
.component-box.wro-work {
    margin-top: -85px;
    z-index: 1000;
    position: relative;
    padding: 0 15px;
}

#resize-box-primerka .wro-wro a.IMAGE_ROTATE {
	background: #c17e12;
}	
.component-box-text {
    margin-top: 85px;
    padding-top: 20px;
    overflow: hidden;
    width: 100%;
}
.component-box-text-content {
	border: 3px dotted #d1d1d1;
    padding: 15px 18px;
    float: left;
}
#resize-box-primerka .elements-list a.noop img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
}

@media screen and (max-width: 600px) {
	#resize-box-primerka .resize-container img {
	    max-width: 600px;
	}
	.component-box.wro-work {
    	padding: 0 0;
	}
	#resize-box-primerka .wro-wro a {
    	padding: 10px 6px;
    }
    #resize-box-primerka .component-box.wro-work {
    	margin-top: -15px;	
    }	
    #resize-box-primerka .wro-wro.wro-work-right {
		float: right;
		margin-top: 15px;
	}
	#resize-box-primerka .wro-wro.wro-work-right a {
		margin-bottom: 10px;
	    width: 25%;
	    text-align: center;
	    height: 48px;
	    box-sizing:border-box;
	}
	#resize-box-primerka .form-horizontal button {
		height: 48px;
		top: -7px !important;
		position: relative;
	}
	#resize-box-primerka .elements-list:nth-of-type(1) {
		display:none;
	}
	#resize-box-primerka .elements-list.elements-list-2 {
		width:100%;
	}
	#resize-box-primerka .overlay {
    	width: 230px;
    	height: 320px;
    	background-size: 100%;
    	margin-left: -115px;
    	margin-top: -160px;
	}
	#resize-box-primerka .component {
	    height: 480px;
	}
	#resize-box-primerka img.overlay-inner-image {
		width: 220px;
		height: 81px;
	}
	#resize-box-primerka .overlay-inner {
		top: 95px;
	}
}