@charset "utf-8";
/* CSS Document */
#content-wrap{
float:left;
width:100%;
min-height:600px;
}
.wrap-box {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	/* background-color: #EBEBEB; */
	padding-left: 10px;
	padding-right: 10px;
}
.top-dvd {
	/*font-family:CormorantSC-Medium;*/
	font-size: 24px;
	text-align: center;
	color: #FFFFFF;
	background-color: #576A78;
	padding: 5px;
		line-height: 32px;
  margin-bottom: 1px;
-webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 3px 4px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 3px 4px 0px rgba(50, 50, 50, 1);
display:flex;
justify-content:space-between;
}
.clearOf .fa{
	font-size:20px;
	margin-right:8px;
}
.docFlex {
	display: flex;
	max-width: 835px;
	margin-left: auto;
	margin-right: auto;
	justify-content: space-between;
	/* width: 100%; */
	flex-direction: column;
	padding: 20px;
	padding-top: 0px;
	background-color: #576A78;
}

.news_wrapper {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 98%;
	background-color: #FFFFFF;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.79);
	-moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.79);
	box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.79);
	margin-bottom: 25px;
	min-height:200px;

}
.top-white a {
	color: #95C1F9;
	text-decoration: none;
	display: flex;
	align-items:center;
    transition:all .2s linear;
	outline:none;
}
.back a {
	display: block;
	text-decoration: none;
	padding: 5px;
	color: #95C1F9;
	/* background-color: #669FC3CC; */
	text-align: center;
	margin: 10px;
	font-family: "Times New Roman", serif;
	font-weight: 800;
	transition:all .2s linear;
	outline:none;
}
.back a:hover{
	color:#FFFFFF;
}	
.top-white a:hover{
	color:#FFFFFF;
}

#hd-inf {
	
	display: flex;
    justify-content: flex-end;
    align-items: center;
	margin-right:0px;
}
.top-white {

	 padding-right: 0px; 
}	
.icon-wrap {
	color:inherit;
	
}
.top-white {
	background-color: #161f29;
}
.topik{
	/*width:100%;*/
	padding:8px;
	display:flex;
	justify-content:center;
}
.getTitle {
	height: 35px;
	line-height: 32px;
	font-family:Exo2-Bold;
	color:#127faa;
	font-size:28px;
}
.tophr {
	/* color: #888888b3; */
	/* width: 100%; */
	height: 5px;
	/* background-color: #ffb608; */
	border: none;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.76);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.76);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.76);
}
.botHr {
	height: 5px;
	border: none;
	background-color: #fff;
	width: 95%;
	color: #3939391a;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
}

.load {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
	padding: 10px;
	flex-direction: column;
	text-align: center;
}
/*.load img:hover{
	cursor:pointer;
}	*/
.photo-wrap a {
	display: block;
	text-decoration: none;
	position: relative;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
.photo-wrap a .fa {
	position: absolute;
	color: #E9E9E9;
	font-size: 44px;
	z-index: 1;
	top: -20px;
	left: 50%;
	opacity: 0;
-webkit-transition: all 0.3s linear;
 transition: all 0.3s linear;

}
.photo-wrap a:hover .fa{
	top:12%;
	opacity:1;
	
}

.sticker{
	width: 100%;
	float: left;
	display: block;
}
.sticker-fixed{
	  position:fixed;
    top:0; left:0;
    width:100%;
}
.photo-wrap {
	margin-bottom: 10px;
	background-color: #e6e6e6;
	padding: 10px;
	border-radius: 20px;
}
.photo-wrap img {
	-webkit-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.84);
	-moz-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.84);
	box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.84);
	width: 780px;
	 /*border-radius: 10px;*/ 
-webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
       -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
}
.photo-wrap img:hover  {
/* opacity:0.2;*/
/* -webkit-filter: blur(5px);	*/
 -webkit-filter: brightness(20%);	
/* -webkit-filter: invert(100%);*/
}

.text-wrap{
color: #474747;
	transition:all .2s linear;
}
.datum{
	/*float:left;*/
	margin-left:5px;
	color:#BBBBBB;
	font-family:Oswald-Light, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:20px;
}
.clrCentr{
	/*width:550px;*/
}
.auth{
color:#BBBBBB;
	font-family:Oswald-Light, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:20px;	
margin-right:5px;
}
.getComm-wraper {
	display: flex;
	flex-direction: column;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;

}
.view_comments {
	display: flex;
	flex-direction: column;
	padding-bottom: 15px;
	border-bottom: 2px dotted #d4d4d4;
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 10px;
}
.comLabel {
	display: flex;
	align-items: flex-start;
	font-size: 18px;
	color: #3366a8;
}
.comLabel .fa {
	font-size: 24px;
	color: #127fbd;
}
.whats-do {
	font-family:Hortensia;
	margin-left: 10px;

}
.who{
	font-family:Hortensia;
	font-size:16px;

	
}
.com-text {
	display: flex;
	margin-left: 18px;
	margin-right: 18px;
	border: solid 1px #D8D8D880;
	/* border-radius: 5px; */
	background-color: #FFFFFF;
	margin-top: 5px;
	padding: 8px;
	color: #5d5d5d;
	font-family: RobotoCondensed-light;
}
.end-com {
	height: 5px;
	border: none;
	background-color: #fff;
	width: 100%;
	color: #3939391a;
	margin-top: 18px;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
}

.form-wrapper{
	display:flex;
	flex-direction:column;
}
.form-top {
	display: flex;
	flex-direction: row;
	/* justify-content: center; */
	align-items: center;
	margin-top: 10px;
	margin-left: 20px;
}
.form-mid {
	display: flex;
	/* justify-content: center; */
	margin-top: 10px;
	margin-left: 58px;
}
.form-bot{
	display:flex;
	justify-content:center;
	margin-top:10px;
	margin-bottom:10px;
}
label{
color:#929292;	
font-family: Montserrat-SemiBold;

}
input[type="text"] {
	border: 1px solid #cccccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	background: #f2f2f2 !important;
	outline: none;
	height: 28px;
	padding: 5px;
	width: 75%;
	color: #727272;
	font-size: 16px;
	-webkit-transition: all 0.40s ease-in-out;
	-moz-transition: all 0.40s ease-in-out;
	-ms-transition: all 0.40s ease-in-out;
	-o-transition: all 0.40s ease-in-out;
	
}
input[type="text"]:focus {
	background: #FFFFFF !important;
}
textarea {
	border: 1px solid #cccccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	background: #f2f2f2 !important;
	outline: none;
	height: 100px;
	padding: 5px;
	width: 79%;
	color: #727272;
	font-size: 16px;
	-webkit-transition: all 0.40s ease-in-out;
	-moz-transition: all 0.40s ease-in-out;
	-ms-transition: all 0.40s ease-in-out;
	-o-transition: all 0.40s ease-in-out;
}
textarea:focus {
	background: #FFFFFF !important;
}
input[type="submit"] {
	border: none;
	padding: 8px;
	display: inline-block;
	color: #eee;
	background-color: #576a78;
	transition: all .4s linear;
}
input[type="submit"]:hover{
	cursor:pointer;
	background-color: #718798;
}
.rem-wrapper{
display:flex;
flex-direction:row;
justify-content:flex-end;	
}
.rem-wrapper a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #B6B6B6;
	font-family: rostov;
	text-align: center;
	line-height: 19px;
}
.rem-wrapper a:hover{
	background-color:#D3D3D3;
	cursor:pointer;
	color:#FFFFFF;
}