@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
	text-rendering: geometricPrecision;
	box-sizing: border-box;
}

*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	padding: 0px;
	border: none;
	-webkit-appearance:caret;
	-webkit-appearance: none;
  	@include border-radius(0);
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

body {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:21px;
	color:#1f2c33;
	background:url(../images/bg-body.jpg) 0 0 repeat;
}

article, 
img, 
section, 
aside {
	transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-moz-transition:all .2s linear; 
	-webkit-transition:all .2s linear;
	behavior: url(PIE.htc);
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	width:100%;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

header#master {
	width:100%;
	height:442px;
	position:relative;
	padding:210px 0 0 0;
	margin:0 0 20px 0;
	color:#ffffff;
	background:url(../images/bg-header.jpg) center top no-repeat;
}

/*--------------------------------------------------------------
	header => top
--------------------------------------------------------------*/
header .headerTop {
	width:100%;
	height:140px;
	padding:15px 0 0 0;
	position:relative;
	background:rgba(39, 39, 39, .6);
}

header .headerTop .unregisteredUser {
	display:block;
}

header .headerTop .registeredUser {
	padding:20px 0 0 0;
	display:none;
}

header .headerTop .registeredUser .round_img {
	top:-80%;
	left:50%;
	margin-left:-70px;
}

header .headerTop p {
	margin:0;
}

header .headerTop a.btn {
	height:50px;
	line-height:50px;
	width:270px;
	color:#ebebeb;
	font-size:21px;
	margin:0 auto;
}

header .headerTop a.btn i {
	float:left;
	width:50px;
	height:50px;
	line-height:50px;
	background:#1693a7;
	font-size:31px;
}

header .headerTop h5 {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

/*--------------------------------------------------------------
	header => nav
--------------------------------------------------------------*/
nav {
	width:100%;
	height:80px;
	padding:20px 0 0 0;
	background:#ffffff;
	position:relative;
}

nav .naviHolder {
	width:1170px;
	margin:0 auto;
}

nav .naviHolder #searchForm input {
	background:#efefef;
	color:#7b7b7b;
}

/*--------------------------------------------------------------
	header => logo
--------------------------------------------------------------*/
header h1.logo {
	display:block;
	float:left;
	position:relative;
	width:105px;
	height:30px;
	margin-top:5px;
	overflow:hidden;
}

header h1.logo a {
	display:block;
}

header h1.logo img {
	border:none;
}

header h1 span {
	display:block;
	text-indent:-9999px;
}

header h1.branding a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------
	header => navi
--------------------------------------------------------------*/
button.btn-navbar {
	display:none;
}

header ul#navi {
	float:right;
	list-style-type:none;
}

header ul#navi li {
	float:left;
	position:relative;
	line-height:40px;
	margin-right:10px;
}

header ul#navi li a {
	display:block;
	padding:0 20px;
	height:40px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:40px;
	font-size:17px;
	font-weight:400;
	color:#1f2c33;
	text-transform:uppercase;
	-webkit-transition:0.2s ease-in-out 0s;
	-moz-transition:0.2s ease-in-out 0s;
	-o-transition:0.2s ease-in-out 0s;
	-ms-transition:0.2s ease-in-out 0s;
	transition:0.2s ease-in-out 0s;
	behavior: url(PIE.htc);
}

header ul#navi li a span.not {
	display:block;
	position:absolute;
	top:0px;
	right:5px;
	width:20px;
	height:20px;
	background:#e65540;
	line-height:20px;
	text-align:center;
	color:#ffffff;
	font-size:12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	behavior: url(PIE.htc);
}

header ul#navi li a:hover {
	color:#1693a7;
	-webkit-transition:0.2s ease-in-out 0s;
	-moz-transition:0.2s ease-in-out 0s;
	-o-transition:0.2s ease-in-out 0s;
	-ms-transition:0.2s ease-in-out 0s;
	transition:0.2s ease-in-out 0s;
	behavior: url(PIE.htc);
}

header ul#navi li a.active, 
header ul#navi li a.active:hover {
	background:#1693a7;
	color:#ffffff;
}

header ul#navi li:hover a {
	color:#1693a7;
}

header ul#navi li:hover a.active {
	background:#1693a7;
	color:#ffffff;
}

header ul#navi li:hover ul.naviAdd {
	display:block;
}

header ul#navi li ul.naviAdd {
	display:none;
	position:absolute;
	z-index:100;
	top:30px;
	left:15px;
	float:none;
	width:160px;
}

header ul#navi li ul.naviAdd li {
	float:none;
	clear:both;
	border-bottom:1px solid #ffffff;
}

header ul#navi li ul.naviAdd li.triangle {
	top:8px;
	left:15px;
	background:#e5e5e5;
	z-index:1;
	border:none;
}

header ul#navi li ul.naviAdd li:last-child {
	border:none;
}

header ul#navi li ul.naviAdd li a {
	display:block;
	position:relative;
	padding:0;
	z-index:10;
	width:100%;
	height:40px;
	background:#e5e5e5;
	font-size:17px;
	text-indent:15px;
	color:#1f2c33;
	text-transform:none;
}

header ul#navi li ul.naviAdd li a:hover {
	color:#1693a7;
}

header ul#navi li ul.naviAdd li a.active, 
header ul#navi li ul.naviAdd li a.active:hover {
	background:#1693a7;
	color:#ffffff;
}

/*--------------------------------------------------------------
	header => search
--------------------------------------------------------------*/
form#searchForm {
	display:block;
	width:240px;
	float:right;
}

form#searchForm input {
	width:200px;
	float:left;
}

form#searchForm button[type="button"] {
	width:40px;
	cursor:pointer;
	border:none;
}

/*--------------------------------------------------------------*/
/*----------------[ =contentContainer ]-------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:100%;
}

#contentContainer h2, 
#contentContainer h3, 
#contentContainer h4, 
#contentContainer h5 {
	font-family: 'Roboto Condensed', sans-serif;
}

#contentContainer h2 {
	font-size:35px;
	line-height:35px;
	font-weight:300;
	color:#000000;
	text-transform:uppercase;
	margin-bottom:15px;
}

#fullBox {
	width:100%;
	padding:20px 0 0 0;
	background:#ffffff;
	margin-bottom:30px;
}

/*--------------------------------------------------------------
	contentContainer => contentDream
--------------------------------------------------------------*/
section#contentDream {
	width:870px;
	padding-bottom:40px;
	float:right;
}

section#contentDream article {
	width:100%;
}

section#contentDream article h2 {
	color:#1693a7;
	font-size:21px;
	font-weight:300;
	line-height:29px;
}

section#contentDream article .donorsCampaign h3 {
	font-size:21px;
	font-weight:300;
	text-align:center;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

section#contentDream article .dreamImg {
	display:block;
	margin:0 0 1px 0;
	padding:0;
}

section#contentDream article .makeDonation {
	background:#efefef;
	font-family: 'Roboto Condensed', sans-serif;
	height:141px;
	margin-bottom:20px;
}

section#contentDream article .makeDonation .finalAmount {
	width:170px;
	height:100px;
	float:left;
	text-align:center;
	background:#d6d6d6;
	border-right:1px solid #ffffff;
}

section#contentDream article .makeDonation .finalAmount p {
	font-size:35px;
	font-weight:400;
	line-height:100px;
	color:#e65540;
}

section#contentDream article .makeDonation .finalAmount p span {
	font-size:21px;
	color:#1f2c33;
}

section#contentDream article .makeDonation .gaugeBox {
	width:500px;
	float:left;
	padding:50px 25px 0 25px;
}

section#contentDream article .makeDonation .gaugeBox .gaugeOut .gougeIn .gaugeInfo {
	width:40px;
}

section#contentDream article .makeDonation .btn {
	width:180px;
	height:50px;
	float:right;
	margin-right:20px;
	margin-top:25px;
	border:5px solid #ffffff;
}

/* -------------------- [socialNetworks] -------------------- */
section#contentDream article .makeDonation .socialNetworks {
	width:100%;
	border-top:1px solid #ffffff;
}

section#contentDream article .makeDonation .allNetworks li {
	float:left;
	height:40px;
	line-height:40px;
}

section#contentDream article .makeDonation .allNetworks li:last-child {
	margin-left:10px;
}

section#contentDream article .makeDonation .allNetworks li a, 
section#contentDream article .makeDonation .commentsDream li a {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
}

section#contentDream article .makeDonation .allNetworks li a:hover, 
section#contentDream article .makeDonation .commentsDream li a:hover {
	-webkit-animation-name: rubberBand;
			animation-name: rubberBand;
		 -webkit-animation: rubberBand 1s;
			-moz-animation: rubberBand 1s;
			 -ms-animation: rubberBand 1s;
			  -o-animation: rubberBand 1s;
				 animation: rubberBand 1s;
			  	  behavior: url(PIE.htc);
}

section#contentDream article .makeDonation .allNetworks li a.facebook {
	background:#39a0ce;
}

section#contentDream article .makeDonation .allNetworks li a.twitter {
	background:#1693a7;
}

section#contentDream article .makeDonation .allNetworks li a.googleplus {
	background:#e65540;
}

section#contentDream article .makeDonation .allNetworks li a i, 
section#contentDream article .makeDonation .commentsDream li a i {
	color:#ffffff;
	font-size:19px;
}

/* -------------------- [ commentsDream ] -------------------- */
section#contentDream article .makeDonation .commentsDream {
	float:right;
}

section#contentDream article .makeDonation .commentsDream li {
	float:left;
	line-height:40px;
}

section#contentDream article .makeDonation .commentsDream li:first-child {
	margin-right:10px;
}

section#contentDream article .makeDonation .commentsDream li a {
	background:#d6d6d6;
}

/* -------------------- [ donorsCampaign ] -------------------- */
section#contentDream article .donorsCampaign {
	padding:20px 0 40px 0;
}

section#contentDream article .donorsCampaign ul {
	width:100%;
	float:left;
}

section#contentDream article .donorsCampaign ul li {
	float:left;
	width:50%;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:300;
	text-transform:uppercase;
	background:#efefef;
	border-left:1px solid #ffffff;
	border-bottom:2px solid #ffffff;
}

section#contentDream article .donorsCampaign ul li:nth-child(odd) {
	border-left:none;
	border-right:1px solid #ffffff;
}

section#contentDream article .donorsCampaign ul li span {
	display:block;
	float:left;
	width:40px;
	height:38px;
	font-size:21px;
	margin:0 10px 0 0;
	text-align:center;
	background:#d6d6d6;
}

/* -------------------- [ creatComent ] -------------------- */
section#contentDream article .creatComent {
	margin:0 0 30px 0;
}

section#contentDream article .creatComent h3 {
	font-size:14px;
	font-weight:300;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

section#contentDream article .creatComent form {
	width:100%;
}

section#contentDream article .creatComent form textarea {
	border:1px solid #e5e5e5;
	height:150px;
	background:#e5e5e5;
	padding:10px;
	margin:0 0 20px 0;
}

/* -------------------- [ comentContainer ] -------------------- */
section#contentDream article .comentContainer h3 {
	font-size:14px;
	font-weight:300;
	margin:0 0 20px 0;
	text-transform:uppercase;
}

section#contentDream article .comentContainer ul {
	width:100%;
	margin-bottom:20px;
}

section#contentDream article .comentContainer ul li {
	position:relative;
	background:#efefef;
	color:#4c4c4c;
	margin:0 0 40px 10px;
	padding:20px 0 20px 115px;
}

section#contentDream article .comentContainer ul li:last-child {
	margin-bottom:0;
}

section#contentDream article .comentContainer ul .img_box {
	position:absolute;
	overflow:hidden;
	border:5px solid #b8b8b8;
	top:-10px;
	left:-10px;
	width:96px;
	height:96px;
}

section#contentDream article .comentContainer ul .box_comment {
	width:720px;
	color:#4c4c4c;
}

section#contentDream article .comentContainer ul .box_comment h4 {
	font-size:14px;
	font-weight:400;
	color:#1f2c33;
	text-transform:uppercase;
	float:left;
	margin-bottom:5px;
}

section#contentDream article .comentContainer ul .box_comment time {
	float:right;
	font-size:12px;
	color:#888888;
	font-weight:300;
	line-height:24px;
}

section#contentDream article .comentContainer ul .box_comment time i {
	font-size:14px;
}

section#contentDream article .comentContainer ul .box_comment .star {
	float:right;
	width:180px;
	padding:0;
	margin:0;
	border:none;
}

section#contentDream article .comentContainer ul .box_comment .hr {
	background:#ffffff;
	height:1px;
	overflow:hidden;
	width:100%;
	margin:10px 0;
	float:none;
	clear:both;
}

/* ------------------------- [ Tags ] ----------------------- */
.tags {
	width:100%;
}

.tags li {
	display:inline-block;
	margin:0 3px 10px 0;
}

.tags li i {
	font-size:16px;
}

.tags li a {
	padding:5px;
	font-size:14px;
	font-weight:300;
	color:#1f2c33;
	background:#efefef;
}

.tags li a:hover {
	background:#e65540;
	color:#ffffff;
}

/* --------------------- [ asideDream ] ----------------------*/
aside.asideDream {
	width:270px;
	float:left;
}

aside.asideDream h3 {
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	margin-bottom:10px;
}

aside.asideDream ul.typeOfDreams {
	margin-bottom:40px;
}

aside.asideDream ul.typeOfDreams li {
	width:100%;
	height:41px;
	border-bottom:1px solid #e5e5e5;
}

aside.asideDream ul.typeOfDreams li a {
	display:block;
	position:relative;
	width:100%;
	height:40px;
	font-family: 'Roboto Condensed', sans-serif;
	text-indent:20px;
	font-size:17px;
	font-weight:300;
	color:#1f2c33;
	line-height:40px;
}

aside.asideDream ul.typeOfDreams li a span.br {
	display:block;
	height:40px;
	width:50px;
	color:#e65540;
	font-size:17px;
	text-align:center;
	float:right;
	text-indent:0;
	background:#efefef;
	border-top:1px solid #ffffff;
}

aside.asideDream ul.typeOfDreams li:first-child a span.br {
	border-top:none;
}

aside.asideDream ul.typeOfDreams li a:hover, 
aside.asideDream ul.typeOfDreams li a.active {
	background:#1693a7;
	color:#ffffff;
}

aside.asideDream ul.suchDreams  {
	width:100%;
	float:left;
}

aside.asideDream ul.suchDreams li {
	float:left;
	margin:0 0 6px 6px;
}

aside.asideDream ul.suchDreams li:nth-child(4n-7) {
	margin-left:0;
}

aside.asideDream ul.suchDreams li a {
	display:block;
}

aside.asideDream ul.suchDreams li a img {
	display:block;
	margin:0;
	padding:0;
}

/*--------------------------------------------------------------
	contentContainer => contentAboutus
--------------------------------------------------------------*/
section#contentAboutus {
	width:100%;
	padding:40px 0;
	margin:0 0 30px 0;
	background:#ffffff;
}

section#contentAboutus article {
	width:1170px;
	margin:0 auto;
}

section#contentAboutus article header p {
	font-size:14px;
	text-transform:uppercase;
}

section#contentAboutus ul li i {
	display:block;
	font-size:60px;
	color:#e65540;
	margin:0 0 20px 0;
}

section#contentAboutus ul li {
	padding:0 25px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:19px;
	line-height:28px;
	text-transform:uppercase;
}

/*--------------------------------------------------------------
	contentContainer => whyItWorks
--------------------------------------------------------------*/
section#whyItWorks {
	width:100%;
	padding:40px 0;
	margin:0 0 30px 0;
	background:#ffffff;
}

section#whyItWorks article header {
	width:1170px;
	margin:0 auto;
}

section#whyItWorks article header p {
	font-size:14px;
	line-height:24px;
	text-transform:uppercase;
}

section#whyItWorks article ul.supportUs {
	width:100%;
	float:left;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation: fadeInLeft 1.5s;
	-moz-animation: fadeInLeft 1.5s;
	-ms-animation: fadeInLeft 1.5s;
	-o-animation: fadeInLeft 1.5s;
	animation: fadeInLeft 1.5s;
	behavior: url(PIE.htc);
}

section#whyItWorks article ul.supportUs li {
	width:12.5%;
	float:left;
}

section#whyItWorks article ul.supportUs li a {
	display:block;
	position:relative;
}

section#whyItWorks article ul.supportUs li a img {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

section#whyItWorks article ul.supportUs li a:hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

section#whyItWorks article ul.supportUs li a span.hoverMask {
	display:block;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:8px solid #8bc631;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	behavior: url(PIE.htc);
}

section#whyItWorks article ul.supportUs li a:hover span.hoverMask {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition:0.2s ease-in-out 0s;
	-moz-transition:0.2s ease-in-out 0s;
	-o-transition:0.2s ease-in-out 0s;
	-ms-transition:0.2s ease-in-out 0s;
	transition:0.2s ease-in-out 0s;
	behavior: url(PIE.htc);
}

/*--------------------------------------------------------------
	contentContainer => ourDreams
--------------------------------------------------------------*/
section#ourDreams {
	width:100%;
	padding:40px 0 10px 0;
	margin:0 0 30px 0;
	background:#ffffff;
}

section#ourDreams article {
	width:1170px;
	margin:0 auto;
}

ul.ourDreamsNavi {
	font-size:0;
	display:inline-block;
}

ul.ourDreamsNavi li {
	display:inline-block;
	height:30px;
	margin:0 5px;
}

ul.ourDreamsNavi li a {
	display:inline-block;
	height:30px;
	font-size:14px;
	line-height:30px;
	padding:0 10px;
	color:#1f2c33;
}

ul.ourDreamsNavi li a:hover, 
ul.ourDreamsNavi li a.active {
	background:#1693a7;
	color:#ffffff;
}

section#ourDreams article ul.dreamsList {
	width:100%;
	float:left;
}

section#ourDreams article ul.dreamsList li {
	display:block;
	float:left;
	width:370px;
	margin:0 0 30px 30px;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation: fadeIn 1.5s;
	-moz-animation: fadeIn 1.5s;
	-ms-animation: fadeIn 1.5s;
	-o-animation: fadeIn 1.5s;
	animation: fadeIn 1.5s;
	behavior: url(PIE.htc);
}

section#ourDreams article ul.dreamsList li:nth-child(3n+1) {
	margin-left:0;
}

section#ourDreams article ul.dreamsList li a {
	display:block;
	transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-moz-transition:all .2s linear; 
	-webkit-transition:all .2s linear;
	behavior: url(PIE.htc);
}

section#ourDreams article ul.dreamsList li .imgBox {
	overflow:hidden;
	position:relative;
	margin-bottom:1px;
}

section#ourDreams article ul.dreamsList li .imgBox img {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

section#ourDreams article ul.dreamsList li a:hover {
	transform:scale(1.05);
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-moz-transition:all .2s linear; 
	-webkit-transition:all .2s linear;
	behavior: url(PIE.htc);
}

section#ourDreams article ul.dreamsList li .imgBox h3 {
	position:absolute;
	z-index:10;
	bottom:0;
	left:0;
	width:100%;
	padding:10px;
	color:#ffffff;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	background:rgba(0, 0, 0, .5);
}

.gaugeBox {
	width:100%;
	height:80px;
	background:#efefef;
	padding:40px 10px 10px 10px;
}

.gaugeBox .gaugeOut {
	width:100%;
	height:5px;
	margin:0 0 5px 0;
	position:relative;
	background:#ffffff;
}

.gaugeBox .gaugeOut .gougeIn {
	position:relative;
	height:5px;
	background:#e65540;
}

.gaugeBox .gaugeOut .gougeIn .gaugeInfo {
	float:none;
	clear:both;
	width:110px;
	position:absolute;
	right:0;
	top:-30px;
}

.gaugeBox .gaugeOut .gougeIn .gaugeInfo li {
	float:left;
	width:auto;
	height:25px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	font-weight:400;
	text-align:center;
	line-height:25px;
	margin:0 !important;
	background:#ffffff;
	color:#ffffff;
}

.gaugeBox .gaugeOut .gougeIn .gaugeInfo li.amount {
	width:70px !important;
	background:#1693a7;
}

.gaugeBox .gaugeOut .gougeIn .gaugeInfo li.rate {
	width:40px !important;
	color:#838383;
	position:relative;
}

.gaugeBox .gaugeOut .gougeIn .gaugeInfo li.rate .triangle {
	background:#ffffff;
	left:50%;
	margin-left:-4px;
	bottom:-4px;
}

.gaugeBox .startAmount, 
.gaugeBox .requiredAmount {
	float:left;
	font-family: 'Roboto Condensed', sans-serif;
	color:#e65540;
}

.gaugeBox .requiredAmount {
	float:right;
}

/*--------------------------------------------------------------
	contentContainer => lastNews
--------------------------------------------------------------*/
section#lastNews {
	width:100%;
	padding:40px 0;
	margin:0 0 30px 0;
	background:#ffffff;
}

section#lastNews article {
	width:1170px;
	margin:0 auto;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation: fadeIn 2s;
	-moz-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	animation: fadeIn 2s;
	behavior: url(PIE.htc);
}

section#lastNews article .date {
	width:70px;
	float:left;
	background:#d6d6d6;
	font-family: 'Roboto Condensed', sans-serif;
}

section#lastNews article .date time {
	display:block;
	position:relative;
	width:70px;
	height:70px;
	padding:15px 0 0 0;
	background:#1693a7;
	font-size:14px;
	color:#ffffff;
	margin:0 0 5px 0;
	border-bottom:1px solid #ffffff;
}

section#lastNews article .date time span {
	display:block;
	font-family: 'Libre Baskerville', serif;
	font-size:35px;
	margin:0 0 5px 0;
}

section#lastNews article .date time .separatorLeft, 
section#lastNews article .date time .separatorRight {
	display:block;
	position:absolute;
	z-index:10;
	bottom:-9px;
	width:4px;
	height:7px;
	background:#ffffff;
}

section#lastNews article .date time .separatorLeft {
	left:5px;
}

section#lastNews article .date time .separatorRight {
	right:5px;
}

section#lastNews article .date p {
	color:#1f2c33;
	font-size:12px;
	margin:0 0 5px 0;
	line-height:12px;
}

section#lastNews article .date p span {
	display:block;
}

section#lastNews article .newsInfo {
	float:left;
	width:500px;
	background:#efefef;
	padding:20px 0 0 0;
}

section#lastNews article .newsInfo img {
	display:block;
	width:30%;
	margin:0 0 0 20px;
	padding:0;
	float:left;
}

section#lastNews article .newsInfo .shortNews {
	width:64%;
	min-height:210px;
	float:right;
	text-align:left;
	margin:0;
	padding:0 3% 0 3%;
}

section#lastNews article .newsInfo .shortNews h3 {
	color:#1693a7;
	font-size:17px;
	text-transform:uppercase;
	font-weight:400;
	margin:0 0 15px 0;
}

section#lastNews article .newsInfo .shortNews p {
	margin:0 0 10px 0;
}

section#lastNews article .newsInfo .newsFooter {
	width:100%;
	height:40px;
	background:#d6d6d6;
}

section#lastNews article .newsInfo .newsFooter ul {
	float:left;
	padding:0 0 0 20px;
}

section#lastNews article .newsInfo .newsFooter ul li {
	float:left;
	line-height:40px;
	margin:0 10px 0 0;
}

section#lastNews article .newsInfo .newsFooter ul li i {
	display:inline-block;
	position:relative;
	top:3px;
	font-size:24px;
	margin-left:10px;
}

section#lastNews article .newsInfo .newsFooter a.btn {
	float:right;
	width:150px;
}

/*--------------------------------------------------------------
	contentContainer => aboutUs
--------------------------------------------------------------*/
section#aboutUs {
	width:100%;
	padding:40px 0;
	margin:0 0 30px 0;
	background:#ffffff;
}

section#aboutUs article {
	width:1170px;
	margin:0 auto;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation: fadeIn 2s;
	-moz-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	animation: fadeIn 2s;
	behavior: url(PIE.htc);
}

section#aboutUs article .imgBox {
	float:left;
	margin:0 30px 0 0;
}

section#aboutUs article .imgBox img {
	display:block;
	margin:0;
	padding:0;
}

section#aboutUs article a.btn {
	width:150px;
	float:right;
}

/*--------------------------------------------------------------
	contentContainer => contentRegistration
--------------------------------------------------------------*/
section#contentRegistration {
	width:100%;
	padding:40px 0;
	margin:0 0 30px 0;
	background:#ffffff;
}

section#contentRegistration article {
	width:1170px;
	margin:0 auto;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation: fadeIn 2s;
	-moz-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	animation: fadeIn 2s;
	behavior: url(PIE.htc);
}

section#contentRegistration article .registration {
	background:#f6f6f6;
	padding:30px;
	min-height:295px;
}

section#contentRegistration article .join {
	background:#e5e5e5;
	padding:30px;
	min-height:295px;
}

section#contentRegistration article .join iframe {
	height:465px !important;
}

section#contentRegistration article .join h3, 
section#contentRegistration article .registration h3 {
	display:block;
	width:100%;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	padding:0 0 5px 0;
	margin:0 0 25px 0;
	border-bottom:1px solid #e5e5e5 ;
}

section#contentRegistration article .join h3 i, 
section#contentRegistration article .registration h3 i {
	font-size:16px;
	margin-right:10px;
}

section#contentRegistration article .join h3 {
	border-bottom-color:#ffffff;
}

section#contentRegistration article .join a.fbLogin {
	width:50%;
}

section#contentRegistration article .join a.fbLogin i {
	float:left;
	background:#137b8c;
	margin:0 10px 0 0;
}

section#contentRegistration article .registration label, 
section#contentRegistration article .join label {
	width:30%;
}

section#contentRegistration article .registration label {
	background:#ffffff;
}

section#contentRegistration article .registration input, 
section#contentRegistration article .join input {
	width:70%;
}

section#contentRegistration article .join input {
	background:#ffffff;
}

section#contentRegistration article .join input[type="submit"] {
	background:#1693a7;
	cursor:pointer;
}

section#contentRegistration article .join input[type="submit"]:hover {
	background:#0d6876;
}

section#contentRegistration article .join #loginForm a {
	line-height:40px;
}

section#contentRegistration article .registration .writeUs {
	width:70%;
}

/*--------------------------------------------------------------
	contentContainer => contentSteps
--------------------------------------------------------------*/
section#contentSteps {
	width:100%;
}

section#contentSteps article {
	width:100%;
	background:url(../images/bg-steps.jpg) 0 30px repeat-x;
}

section#contentSteps article header {
	width:1170px;
	margin:0 auto 30px auto;
}

section#contentSteps article header ul li {
	float:left;
	text-align:center;
}

section#contentSteps article header ul li .br {
	display:block;
	position:relative;
	width:70px;
	height:70px;
	background:#d6d6d6;
	border:5px solid #ffffff;
	font-size:35px;
	color:#ffffff;
	font-family: 'Libre Baskerville', serif;
	line-height:60px;
	margin:0 auto 10px auto;	
}

section#contentSteps article header ul li .br .triangle {
	width:12px;
	height:12px;
	background:#ffffff;
	bottom:-8px;
	left:50%;
	margin-left:-6px;
}

section#contentSteps article header ul li h4 {
	display:block;
	width:100%;
	height:30px;
	background:#d6d6d6;
	color:#1f2c33;
	font-size:14px;
	text-transform:uppercase;
	line-height:30px;
	font-weight:400;
}

section#contentSteps article header ul li .infoSteps {
	display:block;
	background:#ffffff;
	padding:20px;
}

section#contentSteps article header ul li.active .br {
	background:#e65540;
}

section#contentSteps article header ul li.active h4 {
	background:#e65540;
	color:#ffffff;
}

section#contentSteps article #addDreams fieldset {
	float:left;
	margin-bottom:20px;
}

section#contentSteps article #addDreams label {
	display:block;
	float:left;
	background:#f6f6f6;
	padding:0 20px;
	border-right:1px solid #ffffff;
}

section#contentSteps article #addDreams .dreamName label {
	width:23%;
}

section#contentSteps article #addDreams .dreamName input {
	display:block;
	width:77%;
}

section#contentSteps article #addDreams .selectCategory label {
	width:40%;
}

section#contentSteps article #addDreams .selectCategory select_mask {
	width:60%;
}

section#contentSteps article #addDreams fieldset.fullWidth label {
	width:100%;
	border-right:none;
	border-bottom:1px solid #ffffff;
}

section#contentSteps article #addDreams fieldset.dateContent input {
	width:80%;
}

section#contentSteps article #addDreams fieldset.dateContent label {
	width:20%;
	height:40px;
	border-right:1px solid #ffffff;
	background:#1693a7;
	text-indent:none;
	padding:0;
	text-align:center;
}

section#contentSteps article #addDreams fieldset.dateContent label i {
	display:block;
	line-height:40px;
	top:0;
	margin:0;
	font-size:21px !important;
	color:#ffffff;
}

section#contentSteps article #addDreams fieldset .attached_box {
    display:block;
    position:relative;
    float:left;
    width:140px;
    overflow:hidden;
}

section#contentSteps article #addDreams fieldset .attached_box .attached_avatar {
    display:block;
    width:140px;
    height:40px;
    background:#1693a7;
    color:#ffffff;
    text-align:center;
    line-height:40px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
    behavior: url(PIE.htc);
}

section#contentSteps article #addDreams fieldset .attached_box:hover .attached_avatar {
    background:#0d6876;
    color:#ffffff;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
    behavior: url(PIE.htc);
}

section#contentSteps article #addDreams fieldset input#uploadFile {
	width:190px;
}

section#contentSteps article #addDreams fieldset a.delete_btn {
    display:inline-block;
    width:40px;
    height:40px;
    float:left;
    text-align:center;
    line-height:40px;
    background:#f93d19;
    color:#ffffff;
}

section#contentSteps article #addDreams fieldset a.delete_btn:hover {
    background:#e03716;
}

section#contentSteps article #addDreams fieldset input#uploadBtn {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index:2;
}

section#contentSteps article #addDreams fieldset .import {
	color:#e65540;
	float:left;
	width:70%;
}

section#contentSteps article #addDreams fieldset input {
	float:left;
	width:30%;
}

/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
section#contentMain {
	width:100%;
	padding:40px 0;
	margin:0 0 30px 0;
	background:#ffffff;
}

section#contentMain article {
	width:1170px;
	margin:0 auto;
}

section#contentMain article header h3 {
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 5px 0;
}

section#contentMain .greyBox a.btn_red {
	text-transform:none;
	text-align:left;
	width:270px;
	margin:0 auto;
}

section#contentMain .greyBox a.btn_red i {
	float:left;
	background:#bf4735;
	margin:0 10px 0 0;
}

/*-------------------------[ share ]----------------------------*/
section#contentMain .share li a {
	text-transform:none;
	text-align:left;
}

section#contentMain .share li a i {
	float:left;
	background:#137b8c;
	margin:0 10px 0 0;
}

section#contentMain .fbFriendsList {
	width:100%;
	float:left;
}

section#contentMain .fbFriendsList li {
	float:left;
	width:184px;
	height:40px;
	line-height:40px;
	margin:0 9px 9px 0;
	padding-right:5px;
	background:#f6f6f6;
	color:#1f2c33;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
}

section#contentMain .fbFriendsList li span {
	display:inline-block;
	float:left;
	height:40px;
	width:26px;
	text-align:center;
	line-height:40px;
	border-right:1px solid #ffffff;
	background:#e5e5e5;
	margin:0;
}

section#contentMain .fbFriendsList li span input {
	display:inline-block;
}

section#contentMain .fbFriendsList li img {
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

section#contentMain .fbFriendsList li:nth-child(3), 
section#contentMain .fbFriendsList li:nth-child(6), 
section#contentMain .fbFriendsList li:nth-child(9) {
	margin-right:0;
}

/*-----------------------[ sherLink ]---------------------------*/
#sherLink {
	width:100%;
}

#sherLink label {
	width:30%;
	background:#1693a7;
	color:#ffffff;
	text-align:center;
	padding:0;
}

#sherLink input {
	width:70%;
}

/*--------------------------------------------------------------
	contentContainer => contentProfile
--------------------------------------------------------------*/
section#contentProfile {
	width:870px;
	padding:40px 0;
	float:right;
}

section#contentProfile article {
	width:100%;
}

section#contentProfile article form .avatarContainer {
	width:100%;
	padding:20px;
	background:#efefef;
}

section#contentProfile article form .avatarContainer .avatar {
	display:block;
	width:141px;
	height:141px;
	float:left;
	position:relative;
	margin:0 20px 0 0;
}

section#contentProfile article form .avatarContainer .selectAvatar {
	display:block;
	width:80%;
	padding:10px 0 0 0;
	float:right;
}

form .avatarContainer .selectAvatar .attached_box {
    display:block;
    position:relative;
    float:left;
    width:140px;
    overflow:hidden;
}

form .avatarContainer .selectAvatar .attached_avatar {
    display:block;
    width:140px;
    height:40px;
    background:#1693a7;
    color:#ffffff;
    text-align:center;
    line-height:40px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
    behavior: url(PIE.htc);
}

form .avatarContainer .selectAvatar .attached_box:hover .attached_avatar {
    background:#0d6876;
    color:#ffffff;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
    behavior: url(PIE.htc);
}

form .avatarContainer .selectAvatar input#uploadFile {
	background:#ffffff;
}

form .avatarContainer .selectAvatar a.delete_btn {
    display:inline-block;
    width:40px;
    height:40px;
    float:left;
    text-align:center;
    line-height:40px;
    background:#f93d19;
    color:#ffffff;
}

form .avatarContainer .selectAvatar a.delete_btn:hover {
    background:#e03716;
}

form .avatarContainer .selectAvatar input#uploadBtn {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index:2;
}

form.profileSetings .two_columns label {
	width:30%;
	border-right:1px solid #ffffff;
} 

form.profileSetings .two_columns input {
	width:70%;
}

form.profileSetings .radioBox .radioConatent {
	background:#f6f6f6;
}

form.profileSetings .radioBox .radioConatent input#otherEmail, 
form.profileSetings .radioBox .radioConatent input#usedEmail {
	width:6%;
	float:left;
}

form.profileSetings .radioBox label {
	width:94%;
	background:#f6f6f6;
}

form.profileSetings .radioBox label.otherEmailBox {
	width:24%;
}

form.profileSetings .radioBox input[type="email"] {
	width:70%;
}

form.profileSetings textarea {
	height:150px;
}

form.profileSetings input[type="submit"] {
	width:33%;
	float:right;
}

section#contentProfile .stickerList {
	width:100%;
	float:left;
}

section#contentProfile .stickerList li {
	width:120px;
	height:120px;
	float:left;
	margin:0 0 5px 5px;
}

section#contentProfile .stickerList li:nth-child(7n+1) {
	margin-left:0;
}

/* ----------------- [ my dreams list ] --------------------- */
.myDreamsList {
	width:100%;
}

.myDreamsList li {
	width:100%;
	position:relative;
	background:#efefef;
	margin:0 0 30px 0;
}

.myDreamsList li .imgBox {
	width:260px;
	float:left;
	position:relative;
	border-right:1px solid #ffffff;
}

.myDreamsList li .imgBox img {
	display:block;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
}

.myDreamsList li .imgBox .btn {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}

.myDreamsList li .imgBox .btn i {
	float:left;
	border-right:1px solid #ffffff;
	background:#1693a7;
}

.myDreamsList li .dreamOption {
	float:left;
	width:610px;
	padding:10px 20px;
}

.myDreamsList li .dreamOption h3 {
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	color:#1693a7;
	margin:0 0 15px 0;
}

.myDreamsList li .dreamOption ul {
	float:right;
}

.myDreamsList li .dreamOption ul li {
	float:left;
	display:inline-block;
	width:auto;
	margin:0 0 0 20px;
	line-height:30px;
	color:#7e7e7e;
}

.myDreamsList li .dreamOption ul li:last-child {
	margin:0;
}

.myDreamsList li .dreamOption ul li i {
	float:right;
	line-height:30px;
	margin-left:10px;
}

.myDreamsList li .dreamOption ul li a.edit {
	color:#1693a7;
}

.myDreamsList li .dreamOption ul li a.edit:hover {
	color:#0d6876;
}

/* ----------------- [ friends Dreams ] --------------------- */
.friendsDreams {
	width:100%;
	float:left;
}

.friendsDreams li {
	width:270px;
	float:left;
	margin:0 0 30px 30px;
}

.friendsDreams li a {
	display:block;
}

.dreamsList li a:hover {
	transform:scale(1.05);
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-moz-transition:all .2s linear; 
	-webkit-transition:all .2s linear;
	behavior: url(PIE.htc);
}

.friendsDreams li:nth-child(3n+1) {
	margin:0 0 30px 0;
}

.friendsDreams li a .imgBox {
	position:relative;
}

.friendsDreams li a .imgBox img {
	display:block;
	width:100%;
	margin:0;
}

.friendsDreams li a .imgBox h3 {
	display:block;
	background:#1693a7;
	padding:10px;
	font-size:14px;
	font-weight:400;
	color:#ffffff;
	text-transform:uppercase;
}

/*--------------------------------------------------------------
	contentContainer => Massages
--------------------------------------------------------------*/
.massagesList, 
.msg_pos, 
.updateList {
	width:100%;
}

.massagesList li, 
.msg_pos li {
	width:100%;
	height:110px;
	position:relative;
	margin-bottom:10px;
	border-bottom:1px solid #e3e3e3;
}

.updateList li {
	width:100%;
	height:30px;
	line-height:30px;
	position:relative;
	margin-bottom:10px;
	background:#efefef;
	border-bottom:1px solid #e3e3e3;
}

.msg_pos li {
	border:none;
	height:auto;
	float:none;
	margin-bottom:50px;
}

.massagesList li:last-child, 
.updateList li:last-child {
	border:none;
}

.massagesList li .user_avatar, 
.msg_pos li .user_avatar {
	position:relative;
	width:15%;
	height:110px;
	float:left;
}

.massagesList li .user_avatar .round_img, 
.msg_pos li .user_avatar .round_img {
	width:100px;
	height:100px;
	margin-left:0;
	top:0;
	border-color:#efefef;
}

.massagesList li.read_message .user_avatar .round_img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.massagesList li .user_avatar .round_img:before {
	width:100px;
	height:100px;
}

.massagesList li .user_massage {
	width:80%;
	height:110px;
	float:left;
	padding:10px 0 0 0;
}

.massagesList li .user_massage h3, 
.msg_pos li .content_msg h3, 
.updateList li h3 {
	float:left;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	margin-bottom:10px;
}

.updateList li h3 {
	margin:0 10px 0 0;
}

.massagesList li .user_massage h3 a, 
.updateList li h3 a {
	color:#1693a7;
}

.massagesList li.read_message h3 a, 
.updateList li.read_message a {
	color:#b1b1b1;
}

.massagesList li .user_massage h3 i, 
.msg_pos li .content_msg h3 i {
	font-size:12px;
	float:left;
	margin:4px 5px 0 0;
}

.updateList li h3 i {
	font-size:12px;
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	margin:0 5px 0 0;
}

.massagesList li .user_massage a, 
.updateList li a.sistemLink {
	color:#7b7b7b;
}

.massagesList li .user_massage a:hover, 
.updateList li a.sistemLink:hover {
	color:#e65540;
}

.massagesList li .user_massage time, 
.updateList li time {
	float:right;
	font-size:12px;
	color:#b1b1b1;
}

.updateList li time {
	float:left;
	display:block;
	height:30px;
	border-right:1px solid #ffffff;
	margin:0 20px 0 5px;
	padding:0 20px 0 0;
}

.massagesList li .user_massage time i {
	font-size:10px;
	float:left;
	margin-top:5px;
	margin-right:5px;
}

.updateList li time i {
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:10px;
	float:left;
	margin:0 5px 0 0;
}

.massagesList li .delete_msg, 
.updateList li .delete_msg {
	width:5%;
	height:110px;
	float:left;
}

.massagesList li .delete_msg a {
	display:block;
	float:right;
	margin-top:40px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:14px;
	text-align:center;
	color:#e65540;
	background:#efefef;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	behavior: url(PIE.htc);
}

.massagesList li .delete_msg a i {
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:14px;
}

.updateList li a.dellMsg {
	display:block;
	float:right;
	margin:0;
	height:30px;
	width:30px;
	background:#e65540;
	border-left:1px solid #ffffff;
}

.updateList li a.dellMsg i {
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#efefef;
}

.updateList li a.dellMsg:hover {
	background:#efefef;
	color:#e65540;
}

.updateList li a.dellMsg:hover i {
	color:#e65540;
}

.massagesList li .delete_msg a:hover {
	background:#e65540;
}

.massagesList li .delete_msg a:hover i {
	color:#efefef;
}

.updateList li .sistemIcon {
	float:left;
	width:40px;
}

.updateList li .sistemIcon i {
	color:#e65540;
	display:block;
	height:30px;
	line-height:30px;
	width:40px;
	text-align:center;
}

.msg_pos li .content_msg {
	width:85%;
}

.msg_pos li .content_msg h3 {
	float:none;
	font-size:14px;
	font-weight:400;
	margin:0 0 5px 0;
	text-transform:uppercase;
	color:#1693a7;
}

.msg_pos li .content_msg .msg_box {
	float:left;
	background:#efefef;
	position:relative;
	padding:20px;
}

.msg_pos li .content_msg .msg_box .triangle {
	background:#efefef;
	width:20px;
	height:20px;
	top:20px;
}

.msg_pos li.message_received.left .content_msg .msg_box .triangle {
	left:-10px;
}

.msg_pos li.message_received.right .content_msg .msg_box .triangle {
	right:-10px;
}

.msg_pos li.message_received.left .user_avatar .round_img {
	left:0 !important;
}

.msg_pos li.message_received.right .user_avatar .round_img {
	right:0 !important;
}

.msg_pos li.message_received.right .user_avatar .round_img img {
	width:100px;
	height:100px;
}

.msg_pos li.message_received.right .content_msg h3 {
	float:right;
}

.msg_pos li.message_received.right .content_msg h3 i {
	float:right;
	margin:4px 0 0 5px;
}

.msg_pos li.left .content_msg, 
.msg_pos li.left .user_avatar {
	float:left;
}

.msg_pos li.right .user_avatar {
	float:right;
}

.answer_message h3 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:300;
	margin:0 0 10px 0;
}

.answer_message textarea {
	height:150px;
	margin:0 0 20px 0;
}

form#answerMsg fieldset.friendsList {
	width:70%;
}

form#answerMsg select {
	width:105%;
	text-align:left;
	text-indent:10px;
}

form#answerMsg textarea {
	height:150px;
}

/*--------------------------------------------------------------
	contentContainer => contentFriends
--------------------------------------------------------------*/
section#contentFriends {
	width:100%;
	padding:40px 0;
}

section#contentFriends article {
	width:1170px;
	margin:0 auto;
}

section#contentFriends article .friendsList {
	width:100%;
	float:left;
}

section#contentFriends article .friendsList li {
	display:block;
	position:relative;
	width:141px;
	height:141px;
	float:left;
	margin:0 0 6px 6px;
	overflow:hidden;
}

section#contentFriends article .friendsList li a {
	display:block;
	width:141px;
	height:141px;
}

section#contentFriends article .friendsList li:nth-child(8n+1) {
	margin-left:0;
}

section#contentFriends article .friendsList li a .view {
	display:block;
	position:absolute;
	bottom:-100%;
	height:30px;
	line-height:30px;
	width:80%;
	left:-100%;
	text-align:center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:300;
	background:#1693a7;
	color:#ffffff;
	-webkit-transition:0.2s ease-in-out 0s;
	-moz-transition:0.2s ease-in-out 0s;
	-o-transition:0.2s ease-in-out 0s;
	-ms-transition:0.2s ease-in-out 0s;
	transition:0.2s ease-in-out 0s;
	behavior: url(PIE.htc);
}

section#contentFriends article .friendsList li a:hover .view {
	bottom:10%;
	left:10%;
	-webkit-transition:0.2s ease-in-out 0s;
	-moz-transition:0.2s ease-in-out 0s;
	-o-transition:0.2s ease-in-out 0s;
	-ms-transition:0.2s ease-in-out 0s;
	transition:0.2s ease-in-out 0s;
	behavior: url(PIE.htc);
}

section#contentFriends article .friendsList li button {
	display:block;
	position:absolute;
	top:-100%;
	right:-100%;
	z-index:10;
	width:20px;
	height:20px;
	background:#e65540;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	text-transform:none;
	overflow:hidden;
}

section#contentFriends article .friendsList li:hover button {
	right:0;
	top:0;
} 

section#contentFriends article .friendsList li button i {
	display:block;
	float:right;
	font-size:12px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#ffffff;
}

section#contentFriends article .friendsList li button span {
	display:none;
	float:left;
	line-height:21px;
	margin-left:5px;
}

section#contentFriends article .friendsList li button:hover {
	width:60px;
}

section#contentFriends article .friendsList li button:hover span {
	display:block;
}
 
/*--------------------------------------------------------------
	contentContainer => asideProfile
--------------------------------------------------------------*/
aside.asideProfile {
	width:270px;
	float:left;
	padding:40px 0;
}

aside.asideProfile ul li, 
aside.friendsNavi ul li {
	width:100%;
	height:41px;
	border-bottom:1px solid #e5e5e5;
}

aside.asideProfile ul li a, 
aside.friendsNavi ul li a {
	display:block;
	width:100%;
	height:40px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:40px;
	font-size:17px;
	font-weight:300;
	color:#1f2c33;
	text-indent:20px;
}

aside.asideProfile ul li a i, 
aside.friendsNavi ul li a i {
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	text-indent:0;
	float:right;
	color:#e5e5e5;
	-webkit-transition:0.2s ease-in-out 0s;
	-moz-transition:0.2s ease-in-out 0s;
	-o-transition:0.2s ease-in-out 0s;
	-ms-transition:0.2s ease-in-out 0s;
	transition:0.2s ease-in-out 0s;
	behavior: url(PIE.htc);
}

aside.asideProfile ul li a .br {
	display:inline-block;
	min-width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	background:#efefef;
	font-weight:400;
	color:#e65540;
	text-indent:0;
	float:right;
}

aside.asideProfile ul li a:hover, 
aside.asideProfile ul li a:hover i, 
aside.friendsNavi ul li a:hover, 
aside.friendsNavi ul li a:hover i {
	color:#1693a7;
	-webkit-transition:0.2s ease-in-out 0s;
	-moz-transition:0.2s ease-in-out 0s;
	-o-transition:0.2s ease-in-out 0s;
	-ms-transition:0.2s ease-in-out 0s;
	transition:0.2s ease-in-out 0s;
	behavior: url(PIE.htc);
}

aside.asideProfile ul li a.active, 
aside.asideProfile ul li a.active:hover, 
aside.friendsNavi ul li a.active, 
aside.friendsNavi ul li a.active:hover {
	color:#ffffff;
	background:#1693a7;
}

aside.asideProfile ul li a.active i, 
aside.friendsNavi ul li a.active i {
	display:none;
}

aside.asideProfile ul li a.active.writeMessage i, 
aside.friendsNavi ul li a.active.writeMe i {
	display:block;
	background:#e65540;
	color:#efefef;
}

aside.asideProfile ul li a.writeMessage i, 
aside.friendsNavi ul li a.writeMe i {
	background:#efefef;
	float:right;
	margin-right:0;
	color:#e65540;
	border:none;
} 

aside.asideProfile a.btn {
	text-align:left;
}

aside.asideProfile a.btn i {
	display:inline-block;
	float:left;
	margin:0 10px 0 0;
	width:40px;
	height:40px;
	border-right:1px solid #ffffff;
	text-align:center;
	color:#ffffff;
	font-size:21px;
	line-height:40px;
	background:#1693a7;
}

aside.asideProfile a.active.btn_grey {
	background:#9e9e9e;
}

/*--------------------------------------------------------------
	contentContainer => friendsNavi
--------------------------------------------------------------*/
aside.friendsNavi {
	width:270px;
	float:left;
	padding:40px 0;
}

aside.friendsNavi h3, 
aside.asideDream h3.userProfil {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:21px;
	font-weight:300;
	text-transform:uppercase;
	background:#efefef;
	margin:0;
}

aside.friendsNavi h3 i, 
aside.asideDream h3.userProfil i {
	display:inline-block;
	height:40px;
	width:40px;
	line-height:40px;
	font-size:21px;
	text-align:center;
	float:left;
	margin:0;
}

aside.asideDream a.viewProfil i {
	border-left:1px solid #ffffff;
}

aside.friendsNavi img, 
aside.asideDream img {
	display:block;
	margin:0;
	padding:0;
}

aside.friendsNavi ul {
	display:block;
	margin:30px 0 0 0;
}

form#writeMe label {
	width:10%;
}

form#writeMe input[type="text"] {
	width:90%;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/
footer {
	width:100%;
	padding:40px 0 0 0;
	background:#1f2c33;
	color:#a3b1bf;
}

footer h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:21px;
	font-weight:400;
	color:#ffffff;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

footer .three_columns {
	width:370px;
	float:left;
}

/*--------------------------------------------------------------
	footer => footerTop
--------------------------------------------------------------*/
.footerTop {
	width:1170px;
	margin:0 auto;
	padding:0 0 40px 0;
}

.footerTop .shortContacts li {
	width:100%;
	float:none;
	clear:both;
	line-height:30px;
	margin-bottom:5px;
}

.footerTop .shortContacts li:last-child {
	margin-bottom:0;
}

.footerTop .shortContacts li a.phone {
	color:#ffffff;
}

.footerTop .shortContacts li i {
	display:block;
	width:40px;
	line-height:30px;
	text-align:center;
	float:left;
	color:#ffffff;
}

.footerTop .shortContacts li address {
	font-style:normal;
	color:#ffffff;
}

.footerTop .newsletter {
	width:100%;
}

.footerTop .newsletter  input[type="email"] {
	width:260px;
	float:left;
	background:#404b51;
}

.footerTop .newsletter input[type="email"]:focus {
	background:#5f6a70;
}

.footerTop .newsletter  input[type="submit"] {
	width:110px;
	float:left;
}

/*--------------------------------------------------------------
	footer => footerMiddle
--------------------------------------------------------------*/
.footerMiddle {
	width:100%;
	padding:40px 0;
	background:#24323a;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
}

.footerMiddle .lastComent li, 
.footerMiddle .newDreams li {
	float:none;
	clear:both;
	margin-bottom:15px;
}

.footerMiddle .lastComent li:last-child, 
.footerMiddle .newDreams li:last-child {
	margin-bottom:0;
}

.footerMiddle .lastComent li i, 
.footerMiddle .newDreams li i {
	display:block;
	float:left;
	width:10%;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	font-size:30px;
}

.footerMiddle .lastComent li .infoComent, 
.footerMiddle .newDreams li .infoComent {
	width:85%;
	float:right;
	padding:0 0 5px 0;
	border-bottom:1px solid #3e505a;
}

.footerMiddle .newDreams li .infoComent a {
	color:#8bc631;
}

.footerMiddle .newDreams li .infoComent a:hover {
	color:#6b9827;
}

.footerMiddle .newDreams li .infoComent time {
	font-weight:300;
}

.footerMiddle .newDreams li .infoComent .username {
	font-weight:300;
	color:#ffffff;
}

.footerMiddle .newUser {
	width:100%;
	float:left;
}

.footerMiddle .newUser li {
	float:left;
	margin:0 10px 10px 0;
}

.footerMiddle .newUser li:nth-child(4), 
.footerMiddle .newUser li:nth-child(8) {
	margin-right:0;
}

.footerMiddle .newUser li a {
	display:block;
}

.footerMiddle .newUser li a img {
	display:block;
	margin:0;
	padding:0;
}

/*--------------------------------------------------------------
	footer => footerBottom
--------------------------------------------------------------*/
.footerBottom {
	width:100%;
	height:60px;
	background:#2d3c45;
}

.footerBottom p {
	line-height:60px;
	float:left;
	margin:0;
}

.footerBottom ul {
	float:right;
}

.footerBottom ul li {
	float:left;
	margin-left:20px;
	padding:10px 0 0 0;
	line-height:40px;
}

.footerBottom ul li a {
	display:block;
	width:40px;
	height:40px;
	background:#1693a7;
	color:#ffffff;
	font-size:30px;
	line-height:34px;
	text-align:center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	behavior: url(PIE.htc);
}

.footerBottom ul li a:hover {
	background:#0d6876;
}