.rb-grid {
	list-style: none;
	text-align: right;
	margin: 0 auto;
}

.rb-grid li {
	width: 24.5%;
	height: 260px;
	margin: 0.25%;
	color: #fff;
	display: block;
	float: left;
	padding: 10px;
    padding-right: 15px;
	cursor: pointer;
	position: relative;
}

.rb-grid li.rb-span-2 {
	width: 49.5%;
}

.rb-grid li.rb-span-4 {
	width: 99.5%;
}

.rb-grid li h3 {
	font-size: 21px;
	font-weight: 600;
}

.rb-temp {
	display: block;
	font-size: 19px;
	opacity: 0.3;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.rb-grid li:hover .rb-temp {
	opacity: 1;
    color: #e2bc41;
    font-weight: 600;
}

.rb-overlay {
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, clip 0.4s ease;
	-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, clip 0.4s ease;
	transition: opacity 0.4s ease, transform 0.4s ease, clip 0.4s ease;
	z-index: -1;
	pointer-events: none;
	cursor: default;
}


.rb-close {
	position: absolute;
	top: 40px;
	right: 40px;
	width: auto;
	height: auto;
	text-indent: -100px;
	cursor: pointer;
	z-index: 1000;
    
    font-size: 20px;
    font-weight: 400;
    color: #242424;
    line-height: 28px;
    text-align: center;
}

.rb-close::before {
	content:  url('../images/logos.png');
	position: absolute;
	top: 26px;
	right: 0px;
}

.rb-week {
	width: 100%;
	height: 100%;
    overflow: auto;
}

#hi {
	height: 100%;
    overflow: auto;
    width: 100%;
	float: left;
	position: relative;
	padding: 6% 10%;
    min-height: 800px;
}
/* no */
.rb-week span {
	padding: 5% 0;
	font-size: 2em;
	font-weight: 100;
	display: block;
	margin: auto 0;
	height: 30%;
	width: 100%;
	line-height: 0.8;
}
.rb-week span.rb-city {
	font-weight: 700;
	padding: 1% 10%;
	font-size: 1em;
	line-height: 1.2;
}
/* no */

/* Colors */
#pg1{
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
	margin-left: 15%;
    width:  70%;
	height: 30px;
    font-size: 23px;
    color: #000;
	font-weight: 500;
	line-height: 30px;
    letter-spacing:4px;
    text-align: left;
}

#pg11{
    float: left;
    margin-top: 10px;
	margin-left: 15%;
    width: auto;
	height: 30px;
    font-size: 21px;
    color: #464646;
	font-weight: 500;
	line-height: 30px;
    text-align: left;
}
#pg2{
    float: left;
    margin-top: :20px;
	margin-left: 15%;
    width: 70%;
	height: auto;
    font-size: 19px;
	font-weight: 500;
	line-height: 35px;
    text-align: left;
    text-align:justify;
}
#pgm{
    float: left;
    margin-top: :10px;
	margin-left: 15%;
    width: 65%;
	height: auto;
    font-size: 19px;
    color: #0d2d4a;
	font-weight: 600;
	line-height: 35px;
    text-align: left;
    text-align:justify;
}

p{
 text-indent: 2em;
 margin-top: 20px;   
}

#prm1{
    float: left;
    margin-top: 10px;
	margin-left: 50px;
    width: auto;
	height: auto;
}
#prm2{
    float: left;
    margin-top: 0 auto;
    margin-top: 20px;
    width:  100%;
    font-size: 19px;
    color: #4b0b2b;
	line-height: 22px;
    text-align: center;
    font-weight: 600;
}
#prm4{
    float: left;
    margin-top: 10px;
	margin-left: 22px;
    width: auto;
	height: auto;
}
#prm3{
    margin-top: 0 auto;
    font-size: 17px;
    color: #2f2f2f;
	line-height: 22px;
    text-align: center;
}

.btm {
	width: 99.5%;
	height: 160px;
	margin: 0.25%;
	display: block;
	float: left;
	padding: 20px;
	position: relative;
    
    background: url("../images/fp02.png") #78aec6;
    background-position: bottom left;
    background-repeat:no-repeat;
    background-color: #78aec6;
    
    font-size: 17px;
    line-height: 30px;
    color: #5d5d5d;
    text-align: center;
}
.btm a {
	color: #b9b9b9;
}
.btm a:hover {
	color: #eaeaea;
}
.btm li {
	display: inline-block;
	line-height: 20px;
	border-left: solid 2px #e3e3e3;
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
}
.btm li a{
    color: #fff;
}
.btm li a:hover {
    color: #0a6e90;
    font-weight:bold;
    background-color: #4dcdfe;
    padding: 2px 4px 2px 4px;
}
.ci {
   color: #ffe19c;
   font-size: 17px;
   font-weight: ;    
}
.cc {
   color: #d8d8d8;
   font-size: 17px;
   font-weight: ;    
}
.img1{
   top: calc(0%);
   left: calc(0%);
   position: absolute;
}

/* project */

/* news */
.ne18 {
    margin: 0.25%;
	width: 99.5%;
	height: 100%;
	display: block;
	float: left;
	position: relative;
    
    background: url("../images/pic09.jpg");
    background-position: top right;
    background-repeat:no-repeat;
}
.ne19{
    float:left;
    margin: 0;
	width: 900px;
	height: 200px;
	display: block;
}

.ne18 a{
}

.news {
	width: 99.5%;
	height: 1630px;
	margin: 0.25%;
	display: block;
	float: left;
	padding: 20px;
	position: relative;
    
    background: url("../images/1118.jpg") #78aec6;
    background-position: center center;
    background-repeat:no-repeat;
    background-color: #78aec6;
    
    font-size: 24px;
    line-height: 30px;
    color: #ac1c1c;
    text-align: center;
}
.news ul {
	float: left;
	margin-top: 1100px;
    margin-left: 160px;
}

.news li {
	display: block;
	line-height: 30px;
	border-left: solid 8px #1e17ce;
	padding: 10px;
	margin-bottom: 40px;
}
.news li a{
    color: #cb2424;
    font-weight:bold;
}
.news li a:hover {
    color: #0a6e90;
    font-weight:bold;
    background-color: #4dcdfe;
    padding: 2px 4px 2px 4px;
}

/* ksdog */

.ks {
	width: 99.5%;
	height: auto;
	margin: 0.25%;
	display: block;
	float: left;
	padding: 20px;
	position: relative;

    background-color: #9ad7f2;
}
#ksg1{
    float: left;
    margin-top: 20px;
	margin-left: 3%;
    width:  94%;
	height: auto;
    text-align: left;
}
#ksp1{
    float: left;
    margin-top: :20px;
	margin-left: 3%;
    width: 94%;
	height: auto;
    font-size: 21px;
	font-weight: 600;
	line-height: 35px;
    text-align: left;
}

#ksm {
    margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding-left: 12.5%;
}

#ksm img{
    float: left;
    margin-top: 20px;
	margin-left: 2%;
    width: auto;
	height: auto;
}
#ksm a{
    font-size: 20px;
    color: rgb(121, 91, 168);
    font-weight: 400;
}
#ksm a:hover{
    font-size: 20px;
    color: rgb(247, 241, 170);
    padding-left: 20px;
}

.kul{
    float: left;
    margin-top: 20px;
	margin-left: 4%;
    width: 80%;
	height: auto;
    font-size: 19px;
    color: #9d1616;
    list-style-type:circle;
}

#ksm2{
    float: left;
    margin-top: 0 auto;
    margin-top: 30px;
    width:  100%;
    font-size: 20px;
    color: #093952;
	line-height: 30px;
    text-align: left;
    font-weight: 400;
    padding-left: 24px;
}
#ksm3{
    float: left;
    margin-top: 0 auto;
    margin-top: 40px;
    width:  100%;
    font-size: 24px;
    color: rgb(112, 64, 190);
	line-height: 30px;
    text-align: left;
    font-weight: 500;
    padding-left: 24px;
}


/* project */


/* Colors */

/* Grid */
.rb-grid li:nth-child(1) { background: #FFCC66;   
background: url("../images/pic01.jpg");
background-position: bottom right;
background-repeat:no-repeat;
}
.rb-grid li:nth-child(2) { background: #33CCCC;   
background: url("../images/pic02.jpg");
background-position: bottom right;
background-repeat:no-repeat;    
}
.rb-grid li:nth-child(3) { background: #996699;
background: url("../images/pic03.jpg");
background-position: bottom left;
background-repeat:no-repeat;    
}
.rb-grid li:nth-child(4) { background: #99CC99;
background: url("../images/pic04.jpg");
background-position: top right;
background-repeat:no-repeat;       
}
.rb-grid li:nth-child(5) { background: #e2674a; 
background: url("../images/pic05.jpg");
background-position: top left;
background-repeat:no-repeat;
}
.rb-grid li:nth-child(6) { background: #3399CC; 
background: url("../images/pic10e.jpg");
background-position: top left;
background-repeat:no-repeat;
}

/* Overlay Columns */
.rb-grid li:nth-child(1) .rb-week > div:nth-child(1) { background: #3399CC; }

.rb-grid li:nth-child(2) .rb-week > div:nth-child(1) { 
background: url("../images/bg_01.png");
background-position: top center;
background-repeat:no-repeat;
background-color: #2eb7b7; 
height: 100%;    
}

.rb-grid li:nth-child(3) .rb-week > div:nth-child(1) { 
background: url("../images/bg_02.png");
background-position: center center;
background-repeat:no-repeat;    
background-color: #b777b7; 
}

.rb-grid li:nth-child(4) .rb-week > div:nth-child(1) { 
background: url("../images/bg_00.png");
background-position: center center;
background-repeat:no-repeat;
background-color: #3399CC; }

.rb-grid li:nth-child(5) .rb-week > div:nth-child(1) { 
background: url("../images/bg_00.png");
background-position: center center;
background-repeat:no-repeat;
background-color: #ed7e64; }

.rb-grid li:nth-child(6) .rb-week > div:nth-child(1) { 
background: url("../images/bg_04.png");
background-position: center center;
background-repeat:no-repeat;    
background-color: #65c2eb; }

@media screen and (max-width: 1em) {	
	.rb-grid li,
	.rb-grid li.rb-span-2,
	.rb-grid li.rb-span-4 {
		width: 100%;
		height: 10em;
		text-align: left;
	}
	.rb-grid li > div {
		text-align: center;
	}
}