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,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

:focus {
	outline: 0;
}

html,
body{
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

body{
	font-family: Helvetica, Arial, sans-serif;
	font-size:12pt;
	background:#444;
	color:#352e2a;
	background: url('imgs/background.jpg');
    background-size: cover;
    background-position: center center;
}

a:link, a:visited {
	color: #333;
	border-bottom:1px solid #333;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	text-decoration:none;
}

a:hover {
	color: #000;
	border-bottom:1px solid #000;
	text-decoration:none;
}

#widget{
	width:200px;
	height:232px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-115px 0 0 -100px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.9);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.9);
	box-shadow:0 0 3px rgba(0,0,0,0.9);
	background: #d7d5d1;
	background: -moz-linear-gradient(top,  #d7d5d1 0%, #deddd8 5%, #efeeeb 14%, #f7f6f3 20%, #f7f6f4 59%, #f0ede5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d5d1), color-stop(5%,#deddd8), color-stop(14%,#efeeeb), color-stop(20%,#f7f6f3), color-stop(59%,#f7f6f4), color-stop(100%,#f0ede5));
	background: -webkit-linear-gradient(top,  #d7d5d1 0%,#deddd8 5%,#efeeeb 14%,#f7f6f3 20%,#f7f6f4 59%,#f0ede5 100%);
	background: -o-linear-gradient(top,  #d7d5d1 0%,#deddd8 5%,#efeeeb 14%,#f7f6f3 20%,#f7f6f4 59%,#f0ede5 100%);
	background: -ms-linear-gradient(top,  #d7d5d1 0%,#deddd8 5%,#efeeeb 14%,#f7f6f3 20%,#f7f6f4 59%,#f0ede5 100%);
	background: linear-gradient(to bottom,  #d7d5d1 0%,#deddd8 5%,#efeeeb 14%,#f7f6f3 20%,#f7f6f4 59%,#f0ede5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d5d1', endColorstr='#f0ede5',GradientType=0 );

	-webkit-transform: perspective(500);
    -webkit-transform-style: preserve-3d;
    -moz-transform: perspective(500);
    -moz-transform-style: preserve-3d;
    transform: perspective(500);
    transform-style: preserve-3d;
	-webkit-animation: comein 1.5s;
	-moz-animation: comein 1.5s;
	animation: comein 1.5s;
	
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}

#widget:hover{
	margin-top:-40px;
	-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 6px 10px rgba(0,0,0,0.5);
	box-shadow:0 6px 10px rgba(0,0,0,0.5);
	border-bottom: 7px solid #333;
	-webkit-transform: perspective(500) rotateX(10deg) translateY(-3em) translateZ(3em);
	-moz-transform: perspective(500) rotateX(10deg) translateY(-3em) translateZ(3em);
	transform: perspective(500) rotateX(10deg) translateY(-3em) translateZ(3em);
}




/*user avatar*/
#photo{
	border:1px solid #fff;
	width:198px;
	height:77px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	-moz-box-shadow:    inset 0 0 4px rgba(0,0,0,0.8);
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.8);
    box-shadow:         inset 0 0 4px rgba(0,0,0,0.8);
    background: #dddbd9;
	background: -moz-linear-gradient(45deg,  #dddbd9 0%, #e3e2df 1%, #e1e0dd 3%, #e0dfdd 12%, #e1dfde 62%, #ecebea 78%, #fcfcfb 97%, #ffffff 99%, #f9f8f8 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#dddbd9), color-stop(1%,#e3e2df), color-stop(3%,#e1e0dd), color-stop(12%,#e0dfdd), color-stop(62%,#e1dfde), color-stop(78%,#ecebea), color-stop(97%,#fcfcfb), color-stop(99%,#ffffff), color-stop(100%,#f9f8f8));
	background: -webkit-linear-gradient(45deg,  #dddbd9 0%,#e3e2df 1%,#e1e0dd 3%,#e0dfdd 12%,#e1dfde 62%,#ecebea 78%,#fcfcfb 97%,#ffffff 99%,#f9f8f8 100%);
	background: -o-linear-gradient(45deg,  #dddbd9 0%,#e3e2df 1%,#e1e0dd 3%,#e0dfdd 12%,#e1dfde 62%,#ecebea 78%,#fcfcfb 97%,#ffffff 99%,#f9f8f8 100%);
	background: -ms-linear-gradient(45deg,  #dddbd9 0%,#e3e2df 1%,#e1e0dd 3%,#e0dfdd 12%,#e1dfde 62%,#ecebea 78%,#fcfcfb 97%,#ffffff 99%,#f9f8f8 100%);
	background: linear-gradient(45deg,  #dddbd9 0%,#e3e2df 1%,#e1e0dd 3%,#e0dfdd 12%,#e1dfde 62%,#ecebea 78%,#fcfcfb 97%,#ffffff 99%,#f9f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddbd9', endColorstr='#f9f8f8',GradientType=1 );
}

#light{
	width:198px;
	height:77px;
	position:absolute;
	top:2px;
	right:2px;
	z-index:3;
    background: -moz-linear-gradient(45deg,  rgba(255,255,255,0) 68%, rgba(255,255,255,0.28) 69%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(68%,rgba(255,255,255,0)), color-stop(69%,rgba(255,255,255,0.28)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(45deg,  rgba(255,255,255,0) 68%,rgba(255,255,255,0.28) 69%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(45deg,  rgba(255,255,255,0) 68%,rgba(255,255,255,0.28) 69%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(45deg,  rgba(255,255,255,0) 68%,rgba(255,255,255,0.28) 69%,rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg,  rgba(255,255,255,0) 68%,rgba(255,255,255,0.28) 69%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

#picture{
	background: url('imgs/photo.png');
    background-size: cover;
    background-position: center center;
    width:198px;
	height:77px;
	position:absolute;
	top:1px;
	left:1px;
	z-index:2;
	-moz-box-shadow:    inset 0 0 4px rgba(0,0,0,0.8);
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.8);
    box-shadow:         inset 0 0 4px rgba(0,0,0,0.8);
    -webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}


/*text*/
#text{
	position:absolute;
	top:79px;
	left:0;
	width:198px;
	height:52px;
	text-align:center;
	padding-top:24px;
	text-transform:uppercase;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #746c64;
	text-shadow:0 1px 1px #fff;
	letter-spacing:1px;
}

.incoming{
	font-size:0.65em;
}

.name{
	font-size:0.9em;
	margin-top:7px;
	font-weight:bold;
}

/*buttons*/
.buttons{
	width:200px;
	height:75px;
	position:absolute;
	bottom:0;
	left:0;
	cursor:pointer;
}

.buttons img{
	margin-top:-5px;
}

.btnsx{
	position:absolute;
	width:98px;
	height:75px;
	left:0;
	bottom:0;
	background: rgb(71,206,154);
	background: -moz-linear-gradient(top,  rgba(71,206,154,1) 0%, rgba(71,206,153,1) 61%, rgba(64,192,130,1) 77%, rgba(65,191,128,1) 80%, rgba(55,183,118,1) 87%, rgba(55,184,119,1) 89%, rgba(63,203,142,1) 97%, rgba(99,215,166,1) 99%, rgba(185,232,212,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,206,154,1)), color-stop(61%,rgba(71,206,153,1)), color-stop(77%,rgba(64,192,130,1)), color-stop(80%,rgba(65,191,128,1)), color-stop(87%,rgba(55,183,118,1)), color-stop(89%,rgba(55,184,119,1)), color-stop(97%,rgba(63,203,142,1)), color-stop(99%,rgba(99,215,166,1)), color-stop(100%,rgba(185,232,212,1)));
	background: -webkit-linear-gradient(top,  rgba(71,206,154,1) 0%,rgba(71,206,153,1) 61%,rgba(64,192,130,1) 77%,rgba(65,191,128,1) 80%,rgba(55,183,118,1) 87%,rgba(55,184,119,1) 89%,rgba(63,203,142,1) 97%,rgba(99,215,166,1) 99%,rgba(185,232,212,1) 100%);
	background: -o-linear-gradient(top,  rgba(71,206,154,1) 0%,rgba(71,206,153,1) 61%,rgba(64,192,130,1) 77%,rgba(65,191,128,1) 80%,rgba(55,183,118,1) 87%,rgba(55,184,119,1) 89%,rgba(63,203,142,1) 97%,rgba(99,215,166,1) 99%,rgba(185,232,212,1) 100%);
	background: -ms-linear-gradient(top,  rgba(71,206,154,1) 0%,rgba(71,206,153,1) 61%,rgba(64,192,130,1) 77%,rgba(65,191,128,1) 80%,rgba(55,183,118,1) 87%,rgba(55,184,119,1) 89%,rgba(63,203,142,1) 97%,rgba(99,215,166,1) 99%,rgba(185,232,212,1) 100%);
	background: linear-gradient(to bottom,  rgba(71,206,154,1) 0%,rgba(71,206,153,1) 61%,rgba(64,192,130,1) 77%,rgba(65,191,128,1) 80%,rgba(55,183,118,1) 87%,rgba(55,184,119,1) 89%,rgba(63,203,142,1) 97%,rgba(99,215,166,1) 99%,rgba(185,232,212,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ce9a', endColorstr='#b9e8d4',GradientType=0 );
	border-top:1px solid #c8f0e1;
	border-left:1px solid #67d7ac;
	border-right:1px solid #d2f3e6;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	transition: .1s;
}

.btnsx:hover{
	background: #4ad699;
	background: -moz-linear-gradient(top,  #4ad699 0%, #4ee09c 61%, #46ce85 77%, #47cc8e 80%, #3fcc80 87%, #3ed18a 89%, #5cc998 97%, #63d7a6 99%, #fcfcfc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ad699), color-stop(61%,#4ee09c), color-stop(77%,#46ce85), color-stop(80%,#47cc8e), color-stop(87%,#3fcc80), color-stop(89%,#3ed18a), color-stop(97%,#5cc998), color-stop(99%,#63d7a6), color-stop(100%,#fcfcfc));
	background: -webkit-linear-gradient(top,  #4ad699 0%,#4ee09c 61%,#46ce85 77%,#47cc8e 80%,#3fcc80 87%,#3ed18a 89%,#5cc998 97%,#63d7a6 99%,#fcfcfc 100%);
	background: -o-linear-gradient(top,  #4ad699 0%,#4ee09c 61%,#46ce85 77%,#47cc8e 80%,#3fcc80 87%,#3ed18a 89%,#5cc998 97%,#63d7a6 99%,#fcfcfc 100%);
	background: -ms-linear-gradient(top,  #4ad699 0%,#4ee09c 61%,#46ce85 77%,#47cc8e 80%,#3fcc80 87%,#3ed18a 89%,#5cc998 97%,#63d7a6 99%,#fcfcfc 100%);
	background: linear-gradient(to bottom,  #4ad699 0%,#4ee09c 61%,#46ce85 77%,#47cc8e 80%,#3fcc80 87%,#3ed18a 89%,#5cc998 97%,#63d7a6 99%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ad699', endColorstr='#fcfcfc',GradientType=0 );
}

.btnsx:active{
	background: rgb(71,206,154);
	background: -moz-linear-gradient(top,  rgba(71,206,154,1) 0%, rgba(71,206,153,1) 61%, rgba(64,192,130,1) 77%, rgba(65,191,128,1) 80%, rgba(55,183,118,1) 87%, rgba(55,184,119,1) 89%, rgba(63,203,142,1) 97%, rgba(99,215,166,1) 99%, rgba(185,232,212,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,206,154,1)), color-stop(61%,rgba(71,206,153,1)), color-stop(77%,rgba(64,192,130,1)), color-stop(80%,rgba(65,191,128,1)), color-stop(87%,rgba(55,183,118,1)), color-stop(89%,rgba(55,184,119,1)), color-stop(97%,rgba(63,203,142,1)), color-stop(99%,rgba(99,215,166,1)), color-stop(100%,rgba(185,232,212,1)));
	background: -webkit-linear-gradient(top,  rgba(71,206,154,1) 0%,rgba(71,206,153,1) 61%,rgba(64,192,130,1) 77%,rgba(65,191,128,1) 80%,rgba(55,183,118,1) 87%,rgba(55,184,119,1) 89%,rgba(63,203,142,1) 97%,rgba(99,215,166,1) 99%,rgba(185,232,212,1) 100%);
	background: -o-linear-gradient(top,  rgba(71,206,154,1) 0%,rgba(71,206,153,1) 61%,rgba(64,192,130,1) 77%,rgba(65,191,128,1) 80%,rgba(55,183,118,1) 87%,rgba(55,184,119,1) 89%,rgba(63,203,142,1) 97%,rgba(99,215,166,1) 99%,rgba(185,232,212,1) 100%);
	background: -ms-linear-gradient(top,  rgba(71,206,154,1) 0%,rgba(71,206,153,1) 61%,rgba(64,192,130,1) 77%,rgba(65,191,128,1) 80%,rgba(55,183,118,1) 87%,rgba(55,184,119,1) 89%,rgba(63,203,142,1) 97%,rgba(99,215,166,1) 99%,rgba(185,232,212,1) 100%);
	background: linear-gradient(to bottom,  rgba(71,206,154,1) 0%,rgba(71,206,153,1) 61%,rgba(64,192,130,1) 77%,rgba(65,191,128,1) 80%,rgba(55,183,118,1) 87%,rgba(55,184,119,1) 89%,rgba(63,203,142,1) 97%,rgba(99,215,166,1) 99%,rgba(185,232,212,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ce9a', endColorstr='#b9e8d4',GradientType=0 );
	bottom:-4px;
	height:77px;
	border-top:3px solid #79968b;
	-moz-box-shadow:    inset -4px 4px 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset -4px 4px 4px rgba(0,0,0,0.6);
    box-shadow:         inset -4px 4px 4px rgba(0,0,0,0.6);
}

.btndx{
	position:absolute;
	width:98px;
	height:75px;
	right:0;
	bottom:0;
	background: rgb(206,81,71);
	background: -moz-linear-gradient(top,  rgba(206,81,71,1) 0%, rgba(206,81,71,1) 60%, rgba(201,77,69,1) 68%, rgba(194,75,65,1) 73%, rgba(191,73,65,1) 80%, rgba(183,65,56,1) 87%, rgba(185,64,54,1) 89%, rgba(212,73,60,1) 97%, rgba(224,106,95,1) 99%, rgba(237,206,203,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,81,71,1)), color-stop(60%,rgba(206,81,71,1)), color-stop(68%,rgba(201,77,69,1)), color-stop(73%,rgba(194,75,65,1)), color-stop(80%,rgba(191,73,65,1)), color-stop(87%,rgba(183,65,56,1)), color-stop(89%,rgba(185,64,54,1)), color-stop(97%,rgba(212,73,60,1)), color-stop(99%,rgba(224,106,95,1)), color-stop(100%,rgba(237,206,203,1)));
	background: -webkit-linear-gradient(top,  rgba(206,81,71,1) 0%,rgba(206,81,71,1) 60%,rgba(201,77,69,1) 68%,rgba(194,75,65,1) 73%,rgba(191,73,65,1) 80%,rgba(183,65,56,1) 87%,rgba(185,64,54,1) 89%,rgba(212,73,60,1) 97%,rgba(224,106,95,1) 99%,rgba(237,206,203,1) 100%);
	background: -o-linear-gradient(top,  rgba(206,81,71,1) 0%,rgba(206,81,71,1) 60%,rgba(201,77,69,1) 68%,rgba(194,75,65,1) 73%,rgba(191,73,65,1) 80%,rgba(183,65,56,1) 87%,rgba(185,64,54,1) 89%,rgba(212,73,60,1) 97%,rgba(224,106,95,1) 99%,rgba(237,206,203,1) 100%);
	background: -ms-linear-gradient(top,  rgba(206,81,71,1) 0%,rgba(206,81,71,1) 60%,rgba(201,77,69,1) 68%,rgba(194,75,65,1) 73%,rgba(191,73,65,1) 80%,rgba(183,65,56,1) 87%,rgba(185,64,54,1) 89%,rgba(212,73,60,1) 97%,rgba(224,106,95,1) 99%,rgba(237,206,203,1) 100%);
	background: linear-gradient(to bottom,  rgba(206,81,71,1) 0%,rgba(206,81,71,1) 60%,rgba(201,77,69,1) 68%,rgba(194,75,65,1) 73%,rgba(191,73,65,1) 80%,rgba(183,65,56,1) 87%,rgba(185,64,54,1) 89%,rgba(212,73,60,1) 97%,rgba(224,106,95,1) 99%,rgba(237,206,203,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5147', endColorstr='#edcecb',GradientType=0 );
	border-top:1px solid #f0cbc8;
	border-left:1px solid #57514a;
	border-right:1px solid #d77067;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	transition: .1s;
}

.btndx:hover{
	background: #e04e4e;
	background: -moz-linear-gradient(top,  #e04e4e 0%, #dd4d4d 60%, #d84b4b 68%, #ce4646 73%, #c94646 80%, #d84343 87%, #ce5050 89%, #d37c74 97%, #e06a5f 99%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e04e4e), color-stop(60%,#dd4d4d), color-stop(68%,#d84b4b), color-stop(73%,#ce4646), color-stop(80%,#c94646), color-stop(87%,#d84343), color-stop(89%,#ce5050), color-stop(97%,#d37c74), color-stop(99%,#e06a5f), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #e04e4e 0%,#dd4d4d 60%,#d84b4b 68%,#ce4646 73%,#c94646 80%,#d84343 87%,#ce5050 89%,#d37c74 97%,#e06a5f 99%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #e04e4e 0%,#dd4d4d 60%,#d84b4b 68%,#ce4646 73%,#c94646 80%,#d84343 87%,#ce5050 89%,#d37c74 97%,#e06a5f 99%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #e04e4e 0%,#dd4d4d 60%,#d84b4b 68%,#ce4646 73%,#c94646 80%,#d84343 87%,#ce5050 89%,#d37c74 97%,#e06a5f 99%,#eaeaea 100%);
	background: linear-gradient(to bottom,  #e04e4e 0%,#dd4d4d 60%,#d84b4b 68%,#ce4646 73%,#c94646 80%,#d84343 87%,#ce5050 89%,#d37c74 97%,#e06a5f 99%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04e4e', endColorstr='#eaeaea',GradientType=0 );
}

.btndx:active{
	background: rgb(206,81,71);
	background: -moz-linear-gradient(top,  rgba(206,81,71,1) 0%, rgba(206,81,71,1) 60%, rgba(201,77,69,1) 68%, rgba(194,75,65,1) 73%, rgba(191,73,65,1) 80%, rgba(183,65,56,1) 87%, rgba(185,64,54,1) 89%, rgba(212,73,60,1) 97%, rgba(224,106,95,1) 99%, rgba(237,206,203,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,81,71,1)), color-stop(60%,rgba(206,81,71,1)), color-stop(68%,rgba(201,77,69,1)), color-stop(73%,rgba(194,75,65,1)), color-stop(80%,rgba(191,73,65,1)), color-stop(87%,rgba(183,65,56,1)), color-stop(89%,rgba(185,64,54,1)), color-stop(97%,rgba(212,73,60,1)), color-stop(99%,rgba(224,106,95,1)), color-stop(100%,rgba(237,206,203,1)));
	background: -webkit-linear-gradient(top,  rgba(206,81,71,1) 0%,rgba(206,81,71,1) 60%,rgba(201,77,69,1) 68%,rgba(194,75,65,1) 73%,rgba(191,73,65,1) 80%,rgba(183,65,56,1) 87%,rgba(185,64,54,1) 89%,rgba(212,73,60,1) 97%,rgba(224,106,95,1) 99%,rgba(237,206,203,1) 100%);
	background: -o-linear-gradient(top,  rgba(206,81,71,1) 0%,rgba(206,81,71,1) 60%,rgba(201,77,69,1) 68%,rgba(194,75,65,1) 73%,rgba(191,73,65,1) 80%,rgba(183,65,56,1) 87%,rgba(185,64,54,1) 89%,rgba(212,73,60,1) 97%,rgba(224,106,95,1) 99%,rgba(237,206,203,1) 100%);
	background: -ms-linear-gradient(top,  rgba(206,81,71,1) 0%,rgba(206,81,71,1) 60%,rgba(201,77,69,1) 68%,rgba(194,75,65,1) 73%,rgba(191,73,65,1) 80%,rgba(183,65,56,1) 87%,rgba(185,64,54,1) 89%,rgba(212,73,60,1) 97%,rgba(224,106,95,1) 99%,rgba(237,206,203,1) 100%);
	background: linear-gradient(to bottom,  rgba(206,81,71,1) 0%,rgba(206,81,71,1) 60%,rgba(201,77,69,1) 68%,rgba(194,75,65,1) 73%,rgba(191,73,65,1) 80%,rgba(183,65,56,1) 87%,rgba(185,64,54,1) 89%,rgba(212,73,60,1) 97%,rgba(224,106,95,1) 99%,rgba(237,206,203,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5147', endColorstr='#edcecb',GradientType=0 );
	bottom:-4px;
	height:77px;
	border-top:3px solid #a28785;
	-moz-box-shadow:    inset 4px 4px 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.6);
    box-shadow:         inset 4px 4px 4px rgba(0,0,0,0.6);
}


/* loading */
#loading{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:10001;
	position:absolute;
}

.loader{
    display: block;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px;
	animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
}

/*big calling*/
#bigcall{
	display:none;
	background: url('imgs/photo.png');
    background-size: cover;
    background-position: center center;
    width:100%;
	height:100%;
	position:absolute;
	top:1px;
	left:1px;
	z-index:2;
	-moz-box-shadow:    inset 0 0 4px rgba(0,0,0,0.8);
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.8);
    box-shadow:         inset 0 0 4px rgba(0,0,0,0.8);
    -webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	overflow:hidden;
	opacity:0.3;
}

.reload,
.close{
	position:absolute;
	width:30px;
	height:30px;
	opacity:0.7;
	border:2px solid #fff;
	-webkit-border-radius:20px;
	border-radius:20px;
	-moz-border-radius:20px;
	text-align:center;
    background-size: 100%;
    cursor:pointer;
    -webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}

.close{
	top:20px;
	right:20px;
	background: url('imgs/close.png') no-repeat top left #000;
    background-size: 100%;
}

.reload:hover,
.close:hover{
	opacity:1;
	border:2px solid #fff;
}

.reload:active,
.close:active{
	opacity:0.8;
	border:2px solid #000;
}

.callui{
	width:600px;
	height:40px;
	padding-top:10px;
	background:#000;
	opacity:0.7;
	border:2px solid #fff;
	position:absolute;
	bottom:20px;
	left:50%;
	margin:0 0 0 -300px;
	-webkit-border-radius:17px;
	border-radius:17px;
	-moz-border-radius:17px;
    -webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}

.callui:hover{
	opacity:1;
}

.reload{
	display:none;
	top:50%;
	left:50%;
	margin:-15px 0 0 -15px;
	background: url('imgs/reload.png') no-repeat top left #000;
	background-size: 100%;
}

.volume{
	float:left;
	height:30px;
	width:200px;
	background: url('imgs/volume.png') no-repeat top center;
	background-size: 100%;
}

.mic{
	float:left;
	height:30px;
	width:200px;
	background: url('imgs/mic.png') no-repeat top center;
	background-size: 100%;
}

.add{
	float:left;
	height:30px;
	width:200px;
	background: url('imgs/add.png') no-repeat top center;
	background-size: 100%;
}

.footer{
	font-size:0.6em;
	color:#333;
	text-align:center;
	width:100%;
	height:30px;
	position:absolute;
	bottom:2px;
	left:0;
}


/*spin*/
@-moz-keyframes spin{
	to { transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
}

@-webkit-keyframes spin {
	to { transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
}

@keyframes spin {
	to { transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
}

/*enter*/
@-webkit-keyframes comein {
	0% { opacity: 0; -webkit-transform: translateY(-3000px); }
	80% { opacity: 1; -webkit-transform: translateY(20px); }
	100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes comein {
	0% { opacity: 0; -moz-transform: translateY(-3000px); }
	80% { opacity: 1; -moz-transform: translateY(20px); }
	100% { -moz-transform: translateY(0); }
}
@keyframes comein {
	0% { opacity: 0; transform: translateY(-3000px); }
	80% { opacity: 1; transform: translateY(20px); }
	100% { transform: translateY(0); }
}