html, body{
	height: 100%;
	width: 100%;
}
body{
	font-family: "segoe UI";
	font-size: 13px;
	background-image: url(../img/bg.png);
	color:#fff;
}
h3{
	font-family:"segoe UI";
	font-weight:200;
}
a {
	-moz-transition: all 0.5s 0.01s ease;
 	-o-transition: all 0.5s 0.01s ease;
 	-webkit-transition: all 0.5s 0.01s ease;
	color: #FFF;
}
a:hover {
}
a, a:hover {
	text-decoration: none;
	cursor: pointer;
}
li {
	line-height: 20px;
}
textarea.text{
	background-color: white;
	border: 1px solid #FFA700;
	border-radius:0px;
	padding: 10px;
	margin: 0px;
	width: 100%;
	height: 64px;
	overflow: auto;
	box-sizing: border-box;
	font-family:"segoe UI";
}

input{
	font-family: "segoe UI" !important; 
}
/* header */
.header{
	position:relative;
	display:block;
	width:100%;
	height:120px;
	background:#45ADA8;
	box-shadow:#005F6B 0 0 6px;
	z-index:1000;
}
.logo{
	margin:20px 50px;
}
.translator{
	position:relative;
	float:right;
	height:20px;
	padding:5px;
	margin-top:45px;
	margin-right:25px;
}
.translator a:hover{
	color:#FFA700;	
}
.translator span{
	float:left;
}
.flag i{
	vertical-align: middle;
	display: inline-block;
	margin: 0 5px;
	height: 20px;
	width:32px;
	padding-right:5px;
	background-repeat:no-repeat;
	float:left;
}
.flag-ru i{ background-image: url(../img/languages/ru.png);}
.help{
	display:block;
	height:50px;
	width:50px;
	background-image:url(../img/help.png);
	background-repeat:no-repeat;
	position:absolute;
	top:35px;
	right:100px;
	opacity:0.5;
}
.help:hover{
	opacity:1;
}
.help-text{
	background:#005F6B;
	padding:15px;
	box-shadow: #005F6B 0 0 6px;
	margin:20px auto;
}

.banner{
	width:728px;
	height:90px;
	opacity: 0;
	background:#00B4CB;
	background-image:url(../img/banner.png);
	text-align:center;
	position:relative;
	margin:20px auto 0 auto;
	z-index:2;
	box-shadow: #005F6B 0 0 6px;
}

/* social */
.social{
	position:fixed;
	left:0px;
	top:255px;
	padding:0;
	z-index:2;
	box-shadow: #005F6B 0 0 6px;
	background:#fff;
}
.social ul{
	padding:0;
	margin:0 auto;
}
.social ul li{
	text-align:center;
	list-style:none;
}
.social li img{
	margin:0 auto;
}
.social li a{
	opacity:0.8;
}
.social li a:hover{
	opacity:1;
}
/* nav */
.nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.nav-pills {
	height:53px;
	background-color: #005F6B;
}
.nav-pills li {
	height:48px;
	padding-bottom:5px;
	float: left;
}
.nav-pills:before, .nav-pills:after {
	display: table;
	line-height: 0;
	content: "";
}
.nav-pills:after {
	clear: both;
}
.nav-pills li a {
	display: block;
	line-height: 16px;
	vertical-align: middle;
	padding: 16px 10px 12px;
	margin: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	opacity:0.8;
}
.nav li a:hover, .nav li a:focus {
	text-decoration: none;
	opacity:1;
	background: none;
	color: #fff;
}


/* common */
.clear {
	clear: both;
}
.hidden{
	display: none!important;
}
.inline{
	display: inline-block;
}
.margin-top-5{
	margin-top: 5px;
}
.right{
	float: right!important;
}
.center{
	text-align: center;
}
.text-left{
	text-align: left;
}

/* container */
.container {
	position: relative;
	text-align: center;
	margin-top:0px;
	padding: 0 80px;
	width: auto;
}

.editor-wrapper{
	padding: 20px 0;
	position: relative;
	text-align: center;
}

/* editor */
.editor{
	width: 1280px;
	position: relative;
	text-align: left;
	border-left: solid 1px #005F6B;
	border-right: solid 1px #005F6B;
	box-shadow: #005F6B 0 0 6px;
	background-image: url(../img/editor-bg.png);
}

/* tools */
.tools-top{
	background-color: #00B4CB;
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 53px;
}
.tools-top .tools-wrap{
	border-bottom: solid 1px #00B4CB;
}
.tools-bottom{
	background-color: #00B4CB;
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
	bottom: 53px;
}
.tools-bottom .tools-wrap{
	border-top: solid 1px #00B4CB;
}
.tools-wrap{
	display: none;
	padding: 0;
}

#tools-load-bg{
	padding-left:10px;
}
#tools-load-bg .inline{
	padding:0 10px;
}
/* modals */
.modals {

}

/* */
.kineticjs-content, #buffer-image{
	border: 1px solid #00B4CB;
	box-shadow: #00B4CB 0 0 6px;
}

/* color-picker */
.color-picker {
	display: none;
}

/* icon's */
.icon-format {
  background-image: url("../img/text-format.png");
  height: 14px;
  width: 14px; 
}

.i-align-center{ background-position: 0 0; } 
.i-align-left{ background-position: -15px 0; } 
.i-align-right{ background-position: -30px 0; } 
.i-bold{ background-position: -45px 0; } 
.i-italic{ background-position: -60px 0; } 

.icon i{
	vertical-align: middle;
	display: inline-block;
	margin: 0 5px;
	height: 20px;
	width: 20px;
	padding-right:5px;
	background-repeat:no-repeat;
}

.i-background i{ background-image:url(../img/background.png); } 
.i-color i{ background-image: url(../img/color.png); } 
.i-delete i{ background-image:url(../img/delete.png); } 
.i-deselect i{ background-image: url(../img/deselect.png); } 
.i-down i{ background-image: url(../img/down.png); } 
.i-flip-x i{ background-image: url(../img/flip-x.png); } 
.i-flip-y i{ background-image: url(../img/flip-y.png); } 
.i-font i{ background-image: url(../img/font.png); } 
.i-image i{ background-image: url(../img/image.png)} 
.i-polygon i{ background-image: url(../img/polygon.png); } 
.i-resize i{ background-image: url(../img/resize.png); } 
.i-save i{ background-image:url(../img/save.png); } 
.i-shadow i{ background-image: url(../img/shadow.png); } 
.i-shape i{ background-image: url(../img/shape.png); } 
.i-star i{ background-image: url(../img/polygon.png); } 
.i-stroke i{ background-image: url(../img/stroke.png); } 
.i-template i{ background-image: url(../img/template.png); } 
.i-text i{ background-image:url(../img/text.png); } 
.i-transparent i{ background-image: url(../img/transparent.png); } 
.i-up i{ background-image: url(../img/up.png); } 
.i-app i{background-image: url(../img/apps.png);}

/* memes */
.all-memes li{
	-moz-transition: all 0.5s 0.01s ease;
 	-o-transition: all 0.5s 0.01s ease;
 	-webkit-transition: all 0.5s 0.01s ease;
	list-style: none;
	padding: 1px;
	border: 0px;
	float: left;
	cursor: pointer;
	opacity:0.6;
}

.all-memes li:hover {
	opacity:1;
}

/* btn */
.btn{
	-moz-transition: all 0.5s 0.05s ease !important;
 	-o-transition: all 0.5s 0.05s ease !important;
 	-webkit-transition: all 0.5s 0.05s ease !important;
	padding:10px;
	margin:0 !important;
}
.btn:hover{
	background:#FFA700;
}
.btn img{
	padding:0px 5px;
}
a.close {
	float: none;
}

/* number */
.number{
	margin: 0px!important;
	width: 50px;
}

/* copyright */
.copyright{
	text-align: center;
	color: #005F6B;
}
.copyright a{
	color: #005F6B;
}
.copyright a:hover{
	text-shadow: rgba(0, 95, 107, 0.44) 0 0 1px;
}

/* any */
#menu-top li .active {
	background:#00B4CB !important;
	border-top:5px solid #00B4CB !important;
	opacity:1;
}
#menu-bottom li .active {
	background:#00B4CB !important;
	border-top:5px solid #00B4CB !important;
	opacity:1;
}
#menu-top li a{
	-moz-transition: border 1s 0.01s ease;
 	-o-transition: border 1s 0.01s ease;
 	-webkit-transition: border 1s 0.01s ease;
	border-bottom:5px solid #005F6B ;
}
#menu-bottom li a{
	-moz-transition: border 1s 0.01s ease;
 	-o-transition: border 1s 0.01s ease;
 	-webkit-transition: border 1s 0.01s ease;
	border-top:5px solid  #005F6B;
}
#menu-top li a:hover, #menu-top li a:focus {
	border-bottom:5px solid #00B4CB ;
}

#menu-bottom li a:hover, #menu-bottom li a:focus {
	border-top:5px solid #00B4CB ;
}

#wrap-canvas, #buffer-wrap-canvas{
	min-height: 200px;
	line-height: 0px;
	padding: 4px 0;
}

#tools-transparent table{
	width: 100%;
	height: 100%;
}
#tools-transparent td{
	text-align: center;
	vertical-align: middle;
}
#tools-transparent td.val {
	width: 40px;
}

#tools-change-text .title {
	padding: 2px;
}
#tools-change-text .btn{
	margin: 2px 2px 0 0;
}

#tools-resize{
	padding:10px 20px; 
}
#tools-insert-text, #tools-change-text{
	padding:15px;
}
.title{
	padding:5px;
}
#tools-color, #tools-transparent, #tools-polygon, #tools-star{
	padding:10px 15px;
}
#tools-stroke .btn-danger, #tools-shadow .btn-danger{
	background:#8ED6FE;
}
#stroke-enable, #shadow-enable:hover{
	background:#FFA700;
}
#tools-stroke .btn-success, #tools-shadow .btn-success{
	background:#FFA700;
}
#tools-change-font{
	padding:0 15px;
}
.inline input{
	border-radius:0px !important;
	border:1px solid #FFA700;
}
/* modal */
#dialog-load-image-url input[type=text], #dialog-load-bg-url input[type=text]{
	width: 516px;
}

#dialog-load-image-meme-i{
	width: 656px;
}

#dialog-load-image-meme-j,#dialog-load-image-meme-k,#dialog-load-image-meme-o{
	width: 810px;
}

#result-image{
	max-height: 300px;
}

#resize-width, #resize-height{
	margin: 0px;
}
.modal{
	background:#00B4CB;
}
.modal-footer{
	border:none;
	background:#005F6B;
}
.btn-warning{
	background:#8ED6FE;
	opacity:1;
}
.btn-warning:hover{
	background:none;
}
.btn-success{
	background:#005F6B;
}
.btn-success:hover{
	background:#FFA700;
}
/* vk */
#dialog-vk{
	width:792px;
}
#vk-dlg-content, #vk-dlg-content tr{
	-moz-transition: all 0.5s 0.01s ease;
 	-o-transition: all 0.5s 0.01s ease;
 	-webkit-transition: all 0.5s 0.01s ease;
}
.vk-photos li{
	list-style:none;
	float:left;
	text-align:center;
	min-width:130px;
	min-height:97px;
	margin:5px;
	border:2px solid #FFA700;
	background:#005F6B;
	position:relative;
}
.vk-friends img{
	padding:5px;
	width:50px;
	height:50px;
}
.vk-album-thumb{
	text-align:center;
	border:2px solid #FFA700;
	background:#005F6B;
}
.vk-album-thumb img{
	margin:auto;
	max-width:130px;
}

#vk-dlg-content li{
	list-style:none;
	float:left;
	text-align:center;
}

#vk-dlg-content tr:hover{
	cursor:pointer;
	color:#FFA700;
}
#vk-dlg-content tr img{
	margin:5px;
}
#vk-dlg-content img{
	-moz-transition: all 0.5s 0.01s ease;
 	-o-transition: all 0.5s 0.01s ease;
 	-webkit-transition: all 0.5s 0.01s ease;
	opacity:0.8;
	max-height:97px;
	margin:auto;
}
#vk-dlg-content img:hover{
	opacity:1;
	cursor:pointer;
}