body{
	margin:0px;
	background-color:#e6b6b2;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

.site-wrapper{
	width:1200px;
	margin:auto;
	background:url(''), url(../core/images/body_bg.jpg);
	background-repeat:no-repeat;
	background-size: 30%, 100%;
    background-position: right 38px, center top;
}

.menu-search-wrapper{
	display:flex;
}

.menu-search-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 38px;
    z-index: 0;
	
	background: rgba(255,223,222,1);
	background: -moz-linear-gradient(top, rgba(255,223,222,1) 0%, rgba(240,164,161,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,223,222,1)), color-stop(100%, rgba(240,164,161,1)));
	background: -webkit-linear-gradient(top, rgba(255,223,222,1) 0%, rgba(240,164,161,1) 100%);
	background: -o-linear-gradient(top, rgba(255,223,222,1) 0%, rgba(240,164,161,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,223,222,1) 0%, rgba(240,164,161,1) 100%);
	background: linear-gradient(to bottom, rgba(255,223,222,1) 0%, rgba(240,164,161,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfde', endColorstr='#f0a4a1', GradientType=0 );
}

.header-menu{
	flex:1;
	    font-size: 14px;
    margin: 0px;
    padding: 0px;
	z-index:1;
}

.search-form{
	flex-basis: 250px;
	z-index:1;
	    margin: 0px;
    margin-top: 8px;
}
.header-menu li{
	display:inline-block;
	list-style:none;
	margin:5px;
	background:white;
	margin-top:0px;
	padding:5px;
	border-radius: 0px 0px 5px 5px;
	line-height: 1.5;
	vertical-align:top;
	
	color:#9d5950;
	font-weight:bold;
	
	
	background: rgba(250,193,192,1);
	background: -moz-linear-gradient(top, rgba(250,193,192,1) 0%, rgba(250,202,201,1) 22%, rgba(250,233,232,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,193,192,1)), color-stop(22%, rgba(250,202,201,1)), color-stop(100%, rgba(250,233,232,1)));
	background: -webkit-linear-gradient(top, rgba(250,193,192,1) 0%, rgba(250,202,201,1) 22%, rgba(250,233,232,1) 100%);
	background: -o-linear-gradient(top, rgba(250,193,192,1) 0%, rgba(250,202,201,1) 22%, rgba(250,233,232,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,193,192,1) 0%, rgba(250,202,201,1) 22%, rgba(250,233,232,1) 100%);
	background: linear-gradient(to bottom, rgba(250,193,192,1) 0%, rgba(250,202,201,1) 22%, rgba(250,233,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac1c0', endColorstr='#fae9e8', GradientType=0 );
}

.header-menu li a{
	color:#9d5950;
	text-decoration:none;
}

.search-form input[type='text']{
	border:1px solid #9d5950;
}

.search-form input[type='submit']{
	line-height: 1;
    padding: 2px;
    border: 1px solid #9d5950;
	
	background: rgba(250,170,185,1);
	background: -moz-linear-gradient(top, rgba(250,170,185,1) 0%, rgba(255,121,121,1) 29%, rgba(255,121,121,1) 49%, rgba(241,111,92,1) 50%, rgba(255,121,121,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,170,185,1)), color-stop(29%, rgba(255,121,121,1)), color-stop(49%, rgba(255,121,121,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(100%, rgba(255,121,121,1)));
	background: -webkit-linear-gradient(top, rgba(250,170,185,1) 0%, rgba(255,121,121,1) 29%, rgba(255,121,121,1) 49%, rgba(241,111,92,1) 50%, rgba(255,121,121,1) 100%);
	background: -o-linear-gradient(top, rgba(250,170,185,1) 0%, rgba(255,121,121,1) 29%, rgba(255,121,121,1) 49%, rgba(241,111,92,1) 50%, rgba(255,121,121,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,170,185,1) 0%, rgba(255,121,121,1) 29%, rgba(255,121,121,1) 49%, rgba(241,111,92,1) 50%, rgba(255,121,121,1) 100%);
}

.site-title-1{
	margin-top:74px;
	text-shadow: 2px -2px 5px white, -2px 2px 5px white;
	color:#9d5950;
	margin-bottom: 0px;
}

.site-title-3,
.site-title-2{
	text-shadow: 2px -2px 5px white, -2px 2px 5px white;
	color:#9d5950;
	margin:0px;
	font-weight:500;
}
.site-title-3{
	position: absolute;
    margin-top: 55px;
}
.site-title-2{
    position: absolute;
    margin-top: 35px;
}
content{
	width:100%;
	display:block;
	
}

content:after{
	content:"";
	clear:both;
	display:block;
}	
content .sidebar-menu{
	width:25%;
	float:left;
	padding: 20px;
	padding-top:0px;
    box-sizing: border-box;
	margin-top: 150px;
	padding-left:0px;
}

content .content{
	width:75%;
	float:right; 
	margin-top:30px;
}

content .sidebar-menu .glossymenu{
	border:1px solid white;
	border-radius:10px;
	padding:10px;
	
	background:url(../core/images/boxmenu-0.png);
	box-shadow:inset 0 0 20px -5px gray;
}

.menu-title{
	MARGIN: 0PX;
    TEXT-ALIGN: CENTER;
    font-size: 18pt;
	background:url(../core/images/boxmenu-h3.png);
	padding: 7px;
}


.sidemenu-wrapper .submenu{
	display:none;
	padding:0px;
}

.sidemenu-wrapper li{
	list-style:none;
	/*border-left:2px solid #faaab9;*/
	margin:10px 0px;
	padding-left:20px;
	position:relative;
	line-height:1.2;
	cursor:pointer;
}

.sidemenu-wrapper li .ui-icon{
    position: absolute;
    right: 0px;
    top: 10px;
}
	
.sidemenu-wrapper li:before{
	
	border-left:2px solid #faaab9;
    border-right: 1px solid #faaab9;
    content: "";
    height: 19px;
	width:1px;
    float: left;
    position: absolute;
    left: 1px;
}

.sidemenu-wrapper li:after{
	border-left: 1px solid #faaab9;
    content: "";
    height: 19px;
    float: right;
    position: absolute;
    right: 1px;
	top:0px;
}

.sidemenu-wrapper li:hover,
.sidemenu-wrapper li:hover:after,
.sidemenu-wrapper li:hover:before{
	border-color:orange;

}



.sidemenu-wrapper li a{
	text-decoration:none;
	color:#98362E;
	display:inline-block;
}

.sidemenu-wrapper{
	padding:0px;
}

.content-text{
	color: white;
    text-shadow: -2px -2px 5px #ff96a0, 2px 2px 5px #ff96a0, 0px 4px 1px rgba(31, 31, 31, 0.75);
    font-size: 22px;
    line-height: 1.3;
    font-weight: bold;
	text-align:center;
	padding:0px 20px;
}

.join-text{
	    color: white;
    text-shadow: -2px -2px 5px #ff96a0, 2px 2px 5px #ff96a0;
    font-size: 16pt;
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
	width: 100%;
	font-size: 12pt;
	margin: auto;
}

.join-button-wrapper{
	text-align:center;
	margin-top:60px;
}
.join-button{
	box-shadow: -2px -2px 5px white, 2px 2px 5px white;
    padding: 14px 79px;
    font-size: 15pt;
    text-decoration: none;
    color: white;
	margin-top: 10px;
    display: inline-block;
}

.footer-copyright-wrapper .copyright{
	/*color:gray;*/
	/*text-shadow: -2px -2px 5px white, 2px 2px 5px white;*/
	text-align:center;
	margin:0px;
	margin-bottom:40px;
}

.newest-profile-title{
	text-align:center;
	color:#98362E;
	text-shadow: -2px -2px 5px white, 2px 2px 5px white;
}

.profiles a:hover{
	background:pink;
}

.profiles{
	margin-top:50px;
}

.footer-copyright-wrapper p{
	text-align: center;
    margin: 0px;
    text-shadow: 2px -2px 5px white, -2px 2px 5px white;
    color: #9d5950;
}

/****************SLICK********************************/
.slick-prev{
	left:0px !important;
	    z-index: 1;
}

.slick-next{
	right:0px !important;
	    z-index: 1;
}


@media screen and (max-width: 1200px) {
    .site-wrapper {
       width:100%;
	   padding:0px 10px;
	       box-sizing: border-box;
    }
	
	.site-banner{
		
	}
}

@media screen and (max-width: 920px) {
	.menu-search-wrapper{
		display:block;
	}
	.header-menu{
		position:relative;
		text-align: center;
	}
	
	.header-menu li{
		margin:0px;
	}
	.search-form{
		position: relative;
		text-align:center;
	}
	.menu-search-wrapper:before{
		height:68px;
	}
	
	.site-title-1{
		font-size: 15pt;
		position: relative;
	}
	
	.site-title-2,
	.site-title-3{
		font-size:15pt;
	}
}
@media screen and (max-width: 800px) {
    content .sidebar-menu{
       display:block;
	   width:100%;
	    padding: 5px;
		margin-top:55px;
    }
	
	content .content {
		width: 100%;
		float: none;
		margin-top: 100px;
	}
	
	.img-flower{
		width: 200px !important;
		top: 68px !important;
	}
}

@media screen and (max-width: 740px) {
	.join-text{
		width:100%;
		margin: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.content-text{
		font-size:12pt;
	}
}
@media screen and (max-width: 582px) {
	.content-text{
		font-size:14px;
	}
}

@media screen and (max-width: 560px) {
	.content-text{
		font-size:13.5px;
	}
}

@media screen and (max-width: 540px) {
	.content-text{
		font-size:13.4px;
	}
}

@media screen and (max-width: 524px) {
	.content-text{
		font-size:12.5px;
	}
}
 @media screen and (max-width: 504px) {
	.content-text{
		font-size:12.4px;
	}
}

 @media screen and (max-width: 488px) {
	.content-text{
		font-size:11.9px;
	}
}

 @media screen and (max-width: 356px) {
	.content-text{
		font-size:8.4px;
	}
}

.footer-menu a{
	color: #9B0000; 
	text-decoration: none;
}

.footer-menu a:hover{
	text-decoration: underline;
}