@charset "utf-8";
/* Fonts */
@font-face{
	font-family:Gentona;
	src:url(../Webfonts/Gentona-Extra-Bold.otf);
}
@font-face{
	font-family: MyriadWeb;
	src:url(../Webfonts/myriadweb.TTF);
}
@font-face{
	font-family: Aller;
	src:url(../Webfonts/aller.ttf);
}
/*Main Scheme*/
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::-moz-selection{
   background:#0086C6;
   color: #F7BA18;
}
::selection {
   background:#0086C6;
   color: #F7BA18;
}
body{
	font-family: MyriadWeb;
	color:#333333;
}
/*Headings & Links*/
a {
	text-decoration: none;
	transition: ease all 0.3s;
	color:var(--main-text)
}
a:hover{
	color:#288DC1;
}
h1,h1 a{
	font-family: Gentona;
	color:#4db24a;
	margin-left:5px;
}
h2,h3,h2 a,h3 a{
	font-family: Gentona;
	color: #4db24a;
}
h4,h4 a{
	color:#333;
}
h4 a:hover{
	color:#6D3075;
}
p{
	text-align:justify;
	margin:10px 8px;
}
header{
	text-align: center;
}
footer{
	min-height: 200px;
	padding: 0 10px 20px 10px;
	background:var(--second-color);
	color:white;
}
/*Article*/
article {
	padding-bottom: 30px;
}
article h1{
	font-size:19pt;
}
article ul{
	list-style: none;
	text-align:left;
}
article ul li{
	list-style-image: url(../Images/bullets.png);
	list-style-position: inside;
	padding-left: 16px;
	margin:3px 0;
}
article ol{
	 list-style: none;
	text-align:left;
}
article ol li{
	counter-increment: step-counter;
	padding-left: 16px;
	margin:3px 0;
}
article ol li:before{
	content: counter(step-counter);
	margin-right: 5px;
	color: #40B4E5;
	font-weight: bold;
}
article a{
	color:#565656;
}
article a:hover{
	color:#0086C6;
}
/*REWC*/
#adver{
	color:#ff4b48;
	font-size: 14pt;
	font-weight: bold;
}
#login{
	width: 300px;
	min-height: 450px;
	margin: 100px auto;
	border: 1px solid #999;
	border-radius: 6px;
	text-align: center; 
}
#login img{
	max-width: 270px;
	margin:0;
}
#login p{
	text-align: center;
	padding-top: 20px;
}
.AdverMessage{
	height: 60px;
}
.iMessage{
	width: 70%;
	display: inline-block;
	text-align:left;
}
.ResaltedSection{
	margin: 15px 0;
	padding: 20px 0;
	background-color: #F9F9F9;
	border: 1px solid #B6B6B6;
	border-radius: 4px;
}
.FunctionsList{
	list-style:none;
}
.FunctionsList li{
	width:100%;
	height:38px;
	margin:2px 5px;
	display:block;
}
.FunctionButtonLeft{
	width:38px;
	height:38px;
	background:#FF4B48;
	border-top-left-radius:4px;
	border-bottom-left-radius: 4px;
	display:inline-block;
	float:left;
}
.FunctionButtonLeft button{
	background:none;
	border:none;
	width:100%;
	padding-top:7px;
	cursor:pointer;
}
.FunctionButtonLeft button i{
	color:white;
}
.DataList{
	width:80%;
	height:38px;
	padding:7px 0 0 5px;
	display:inline-block;
	background:#E9E9E9;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	vertical-align: middle;
}
.DataList:hover{
	background:#CACACA;
}
.FunctionsList a{
	padding:7px 0;
}
.ItemList{
	width:100%;
	height:38px;
	border-radius:4px;
	background:#288DC1;
	padding-top:8px;
}
.ItemListItem{
	width:100%;
	height:40px;
	margin:1px 0;
	border-radius:4px;
	background:#E9E9E9;
	vertical-align:top;
}
.ItemList > div{
	color:white;
	font-weight:bold;
}
.ItemNro{
	min-width:5%;
	display:inline-block;
}
.ItemName{
	min-width:20%;
	display:inline-block;
}
.ItemNameLong{
	min-width:30%;
	display:inline-block;
}
.ItemAuthor{
	min-width:20%;
	display:inline-block;
}
.ItemEmail{
	min-width:25%;
	display:inline-block;
}
.ItemSummary{
	min-width:40%;
	display:inline-block;
	text-align:left;
}
.ItemCreaddate{
	min-width:20%;
	display:inline-block;
}
.ItemCateg{
	min-width:20%;
	display:inline-block;
}
.ItemLevel{
	min-width:15%;
	display:inline-block;
}
.ItemFunc{
	height:38px;
	min-width:15%;
	display:inline-block;
}
#ItemFunctions{
	display:inline-block;
}
.FuncButtonRed{
	width:35px;
	height:35px;
	margin:2px;
	background:#FF4B48;
	border:none;
	border-radius:4px;
	cursor: pointer;
}
.FuncButtonBlue{
	width:35px;
	height:35px;
	margin:2px;
	background:#5F96D7;
	border:none;
	border-radius:4px;
	cursor: pointer;
}
.FuncButtonGreen{
	width:35px;
	height:35px;
	margin:2px;
	background:#90D676;
	border:none;
	border-radius:4px;
	cursor: pointer;
}
.FuncButtonRedBig{
	background-color: #ff4b48;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
}
.EditBlogImg{
	width:450px;
	height:150px;
	border-radius:6px;
	text-align:center;
	padding-top:50px;
}
.FuncButtonRedBig:hover{
	background-color: #ff6f6c;
}
.EditBlogImg button{
	display:none;
}
.EditBlogImg:hover .FuncButtonRedBig{
	display: inline-block;
}
/*Form Elements*/
.InputL{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border:none;
	border-bottom: 1px solid #9F9F9F;
	font-family:Aller;
}
.InputR{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
}
.InputRS{
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
}
.InputRCR{
	width:35px;
	height:35px;
	margin:4px;
	border-radius:4px;
}
.TextAreaR{
	width:90%;
	height: 160px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
	font-family: MyriadWeb;
}
.TextAreaRL{
	width:90%;
	height: 80px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
	font-family: MyriadWeb;
}
.InputN{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border: none;
	background:none;
	border-bottom: 1px solid #9F9F9F;
	font-family:Aller;
	font-size:14pt;
}
.TextAreaN{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:90%;
	height: 160px;
	padding: 5px;
	margin: 4px;
	border:none;
	background:none;
	border-bottom: 1px solid #9F9F9F;
	font-family:Aller;
	font-size:14pt;
}
.SaveDataG{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #65d870;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.3s;
}
.SaveDataG:hover{
	background-color: #7EEB89;
}
.SaveDataB{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #5F96D7;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.3s;
}
.SaveDataB:hover{
	background-color: #7DACDF;
}
.ResetDataR{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #ff4b48;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.3s;
}
.ResetDataR:hover{
	background-color: #ff6f6c;
}
#LogOut{
	width: 30%;
	text-align: right;
	display: inline-block;
}
#LogOut a{
	padding: 5px 7px;
	background: #D05B5D;
	color:white;
	border-radius: 4px;
	font-weight: bold;
}
#LogOut a:hover{
	background:#EF3134;
}
/*Structure*/
.container{
	width: 100%;
	margin:0 auto;
	text-align: center;
}
.Block{
	width:290px;
	min-height:290px;
	vertical-align:top;
	text-align:center;
	display:inline-block;
}
.BlockMini{
	width:290px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.BlockStretch{
	width:100%;
	min-height: 230px;
	vertical-align:top;
	text-align:center;
}
.BlockThird{
	width:100%;
	min-height:230px;
	vertical-align:top;
	text-align:center;
}
.BlockSingle{
	width:100%;
	vertical-align:top;
	text-align:center;
}
.BlockDouble{
	width:100%;
	vertical-align:top;
	text-align:center;
}
.BlockHalf{
	min-width: 290px;
	display:block;
	vertical-align:top;
}
/*Universal Structure*/
#topbar{
	vertical-align:bottom;
	height: 39px;
	padding: 3px 5px 0 12px;
}
#topbar i{
	margin: 0;
}
#langselect{
	width:100%;
	text-align: right;
	padding: 5px 10px 0 0;
	display:inline-block;
}
#langselect a{
	margin: 0 5px;
	font-weight: bold;
	color:#FFF;
	transition: ease all 0.3s;
}
#langselect a:hover{
	color:#288DC1;
}
.recom{
	text-align: left;
	font-size: 9pt;
	color:#999;
}
.error{
	color:#ff4b48;
	font-size: 14pt;
	font-weight: bold;
}
.division{
	height: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ADADAD;
}
.butmore{
	margin-top:20px;
	text-align:center;
	transition:ease-in-out 0.3s;
	display:inline-block;
	background:var(--main-color);
	border-radius:4px;
}
.butmore a{
	width:120px;
	height:40px;
	padding-top:8px;
	display:block;
	color:#FFF;
}
.butmore a:hover{
	background-color:#40B4E5;
	border-radius:4px;
}
.jqte_editor ul,ol{
	padding-left:25px;
}
.slick-slide img{
	margin:0px auto;
}
.ScrolltoTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center;
	font-weight: bold;
	position:fixed;
	bottom:-10px;
	right:-10px;
	display:none;
}
.photobg{
	text-align: center;
	vertical-align: top;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment:fixed;
  	background-size: cover;
}
.photobg p{
	
}
.ImportantFrame{
	background:#F5FF90;
	border-radius:6px;
	padding:10px;
}
aside{
	display:none;
}
.TagView{
	padding:3px 10px;
	margin:2px;
	background:#288DC1;
	color:white;
	border-radius:4px;
	display:inline-block;
	transition:ease all 0.3s;
}
.TagView:hover{
	background:#4BA9D9;
}
#FooterLeft,#FooterRight{
	vertical-align:top;
	text-align:center;
}
#map{
	margin: 0 auto;
	padding:10px 0;
}
#map iframe{
	width:100%;
	height: 270px;
	border-radius:6px;
}
.serp-preview {
    width:600px;
	height:150px;
	background-color:white;
	padding:15px 30px;
	margin:10px 0;
	display:inline-block;
	vertical-align:top;
	background-image:url(../Images/serp-bg.jpg);
	background-repeat: no-repeat;
	background-position:center 90px;
}
.serp-arrow{
      border-bottom-color: rgb(0, 102, 33);
      border-bottom-style: solid;
      border-bottom-width: 0px;
      border-left-color: rgba(0, 0, 0, 0);
      border-left-style: solid;
      border-left-width: 4px;
      border-right-color: rgba(0, 0, 0, 0);
      border-right-style: solid;
      border-right-width: 4px;
      border-top-color: rgb(0, 102, 33);
      border-top-style: solid;
      border-top-width: 5px;
      color: rgb(128, 128, 128);
      cursor: default;
      font-family: arial, sans-serif;
      font-size: 11px;
      font-weight: bold;
      height: 0px;
      position: absolute;
      line-height: 27px;
      margin-left: 3px;
      margin-top: 6px;
      text-align: center;
      user-select: none;
      visibility: visible;
      white-space: nowrap;
      width: 0px;
    }
#serp-title{
      color: rgb(26, 13, 171);
      cursor: pointer;
      font-family: arial, sans-serif;
      font-size: 18px;
      font-weight: normal;
      line-height: 21.6px;
      text-align: left;
      text-decoration: none;
      visibility: visible;
      white-space: nowrap;
    }
#serp-title:hover{
	text-decoration:underline;
}
#serp-url{
      color: rgb(0, 102, 33);
      font-family: arial, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      line-height: 16px;
      text-align: left;
      visibility: visible;
      white-space: nowrap;
}
#serp-description{
      color: rgb(84, 84, 84);
      font-family: arial, sans-serif;
      font-size: 13px;
      font-weight: normal;
      line-height: 18.2px;
      text-align: left;
      visibility: visible;
      word-wrap: break-word;
}
.ogp-image{
	width:100px;
	height:100px;
	vertical-align:top;
	text-align:center;
	margin:10px 10px 0 15px;
	display:inline-block;
	overflow:hidden;
	border-radius:6px;
}
.ogp-image img{
	width:100px;
	border-radius:6px;
	transition:all 0.6s ease;
}
.ogp-image img:hover{
	transform:scale(1.07);
}

/*Tablet*/
@media (min-width: 600px){
	.container{
		width: 600px;
	}
	.Block{
		width:290px;
	}
	.BlockStretch{
		width:50%;
		display:inline-block;
	}
	.BlockSingle{
		width:50%;
		display:inline-block;
	}
	.BlockDouble{
		width:50%;
		display:inline-block;
	}
	.BlockHalf{
		width:50%;
		display: inline-block;
	}
	.BlockSingle{
		width:50%;
		display:inline-block;
		text-align:center;
	}
	.BlockDouble{
		width:50%;
		display:inline-block;
		text-align:center;
	}
	.BlockDoubleH{
		width: 290px;
	}
	#FooterLeft{
		text-align:left;
	}
	#FooterRight{
		text-align:right;
	}
	article h1{
		font-size:20pt;
	}
	#map{
		padding:20px 0;
	}
	#map iframe{
		width:100%;
		height: 350px;
	}
	
}
/*PC*/
@media (min-width: 900px){
	.container{
		width: 990px;
		text-align: center;
	}
	.BlockStretch{
		width:330px;
		display:inline-block;
	}
	.BlockThird{
		width:330px;
		display:inline-block;
	}
	.BlockSingle{
		width:330px;
		text-align:center;
	}
	.BlockDouble{
		width:660px;
		text-align:center;
	}
	.BlockMini{
		width:245px;
	}
	article h1{
		font-size:30pt;
	}
	aside{
		width:290px;
		min-height:650px;
		padding:10px 10px 30px 10px;
		border-left:1px solid #333;
		border-top:none;
		display:inline-block;
	}
	aside > div{
		margin:0 0 30px 0;
	}
	#map{
		padding:30px 0;
	}
	#map iframe{
		width:100%;
		height: 400px;
	}
	#topbar{
		text-align:right;
	}
}