/*
Author: JimloveTM
Website: http://www.teenkymedia.com
*/
ul,li,ol{margin: 0; padding: 0; list-style: none;}
body {
	font-family: 'Raleway', Trebuchet,sans-serif;
	font-weight: normal;
    color: #332;
    font-size: 14px;
    background-color: #FFF;
}
hr{
	border: 3px solid #FDD561;
}
.superrule{border-bottom: 5px solid #5e87a0;}
.buraai{color: #FDD561; font-weight: bold;}
a
{
	text-decoration: none;
	color: #DF2822;
}
a:hover
{
	text-decoration: none;
	color: #DF2825;
}
a:focus{text-decoration: none; color: unset;}

.cred{color: #ff0000; font-weight: bolder;}
h1
{
	font-family: "Raleway", Tahoma, Arial, sans-serif;
	font-size: 40px;
	padding:0px;
	margin:0px;
	margin-bottom: 5px;
	font-weight: 900;
}
h2, h3
{
	font-family: "Raleway", Arial, sans-serif;
	padding:0px;
	margin:0px;
	margin-bottom: 5px;
	font-weight: 700;
	margin-top: 13px;
}
h4, h5
{
	font-family: "Open Sans", Arial, sans-serif;
	padding:0px;
	margin:0px;
	margin-bottom: 5px;
	font-weight: 500;
}
.rejoice
{
	font-size: x-large;
	color: #333;
	font-weight: lighter;
}
blockquote 
	{
	 border-left: 5px solid #0e8af0;
	 background-color: #FFFFFF;
	 padding: 10px;
	}
.sliwr{font-family: "Baloo";}
.bigtoppad
{
	padding-top: 70px;
}
.toppad
{
	padding-top: 7px;
}
.bottompad{
	padding-bottom: 15px;
}
.bigbottompad{
	padding-bottom: 70px;
}
.topmosttop
{
	background-color: #EC4F53;
	color: #FFFFFF;
	padding: 15px 10px;
}

.bcg-mg{background-color: #FFF; max-height: 600px; overflow: hidden; background-position: 0px -100px;}
.mgn{margin-bottom: 30px;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides1{padding: 0;margin: 0;}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
 float: left;
  width: 100%;
  }
  .akpalakpa
  {
  	background-color: #042849;
  	padding: 10px;
  	color: #FFF;
  	margin-bottom: 5px;
  }
  .akpalakpa h3
  {
  	color: #FFF;
  }

  .altbck{background-color: #EFEEFE; padding: 20px 0;}
  .altbck22{background-color: #000; padding: 20px 0; margin-bottom: 10px; margin-top: 10px}
/*toprow*/
.toprow{
	background-color: #FFF;
	/*background-image: url('../img/settings/bck.gif');*/
	background-position: 0px -50px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 5px #000;
	/*height: 450px;*/
	margin-bottom: 5px;

}
.accendtext a, .accendtext2 a
{
	color: #FDD561;
	font-family: "Ubuntu", Arial, sans-serif;
	font-weight: bolder;
}
.accendtext2{color: #FFCC29;}
#top-mid-cover{
	padding: 5px 10px;
	background-color: #FFF;
	/*opacity: 0.50;*/
}
.topmostul li
{
	margin-right: 25px;
	display: inline-block;
	font-size: 12px;
	color: #FFF;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
}
.topmostul li a{
	color: #FEFEFE;
	font-size: 11px;
}
.topmostul li a:hover{color: #F5F5F5;}
.ughycol
{
	color: #0D73D7;
	margin-top: 20px;
}
.price-rest{background-color: #0D73D7; color: #FFFFFF; padding: 15px; margin-bottom: 10px;}
.seeall{background-color: #042849; color: #FFFFFF; padding: 15px; margin-top: 30px;}
.datex{background-color: #DF2822; padding: 10px; text-align: center; color: #FFFFFF;}
.calendarx{border: 1px solid #ECCCCC; padding: 7px; margin-bottom: 3px; background-color: #FFFFFF;}
.testboxx{box-shadow: 2px 2px 5px #000; padding: 7px; margin-bottom: 7px; background-color: #F5F5F5; color: #000000;}
.testboxx2{box-shadow: 2px 2px 5px #000; padding: 7px; margin-bottom: 7px; background-color: #FFFFFF;}
.slidefront{border-bottom: 3px solid #0D73D7; margin-bottom: 5px;}

.give-alt1,.give-alt2,.give-alt3,.give-alt4{padding: 20px 7px; height: 100px; opacity: 0.8; margin: 0 -20px;}
.give-alt1:hover,.give-alt2:hover,.give-alt3:hover,.give-alt4:hover{background-color: #000;}
.give-alt1 h3,.give-alt2 h3,.give-alt3 h3,.give-alt4 h3{color: #FFFFFF;}
.give-alt1{background-color: #0D73D7;}
.give-alt2{background-color: #DF2822;}
.give-alt3{background-color: #18202E;}
.give-alt4{background-color: #FF6600;}

.bk-alt1, .bk-alt2, .bk-alt3{background: url('../img/settings/1.jpg'); margin:20px 0px;}


.midmostul li
{
	margin-right: 10px;
	display: inline-block;
	font-size: 12px;
}
.midmostul li a{
	color: #5e87a0;
	font-weight: 700;
}
/* Dropdown Button */
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
}
.dropdown-content li{
	display: block;
}
/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Show the dropdown menu on hover */
.dropbtn:hover .dropdown-content {
    display: block;
}

.olelele{height: 330px;}
.olelele2{height: 430px;}

.ololo li{/*border-bottom: 3px solid #0D73D7; */color: #0D73D7; padding: 5px; margin-bottom: 5px; font-weight: 900; font-size: 14px; /*letter-spacing: 0.7px;*/}
.ololo li a:hover {color: #000000;}

.ololo li a{color: #042849; font-family: "Raleway", Helvetica, sans-serif;}
.oledd{background-color: red; padding: 7px;}
.fboxex{padding: 30px; }
.postsarea h1{background-color: #EFEEFE; color: #000000; font-weight: bolder; border-left: 5px solid #0D73D7; padding: 5px; margin-bottom: 10px;}
.postsarea h3{background-color: #EFEEFE; color: #000000; font-weight: bolder; border-left: 5px solid #DF2822; padding: 5px; margin-bottom: 10px;  font-family: 'Raleway', sans-serif;}
.postsarea ul{margin: 0; margin-left: 20px;} 
.postsarea ul li{list-style-type: disc; border-bottom: 1px solid #EFEEFE; margin-bottom: 5px; margin-left: 12px;}
.postsarea ol li{list-style-type: decimal; border-bottom: 1px solid #EFEEFE; margin-bottom: 5px; margin-left: 22px;}
.postsarea a{color: red; font-weight: bolder;}
.postsarea strong{color: #000;}
.postsarea {font-size: 17px; font-weight: 500;}
.imm212 li{display: inline-block; list-style-type: circle; margin-left: 5px; font-weight: bold; font-style: italic;}
.postsarea .mawod li{list-style-type: none; margin-bottom: 15px;}
.postsarea .mawod li a{text-decoration: none;}
.exceptio{color: #FFFFFF;}

.lowermostul li, .lower2mostul li, .adminul li
{
	margin-right: 25px;
	display: inline-block;
	font-size: 15px;
}
.lowermostul li a{
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 900;
}
.lower2mostul li a{
	color: #FFFFFF;
	font-size: 25px;
	font-weight: 900;
}
.adminul li a
{
	color: #000;
	font-size: 16px;
	font-style: italic;
	text-decoration: underline;
}
.bambooclients
{
	padding: 10px 15px;
	border-radius: 14px;
}
.imagbox
{
	padding: 5px;
	overflow: hidden;
}
.chatbox
{
	padding: 5px;
}

#footer{
	background-color: #042849;
	padding: 20px;
	color: #FFFFFF;
	margin-top: 10px;
}

#le-hidden-menu
{
	z-index: 10000;
	min-height: 400px;
	opacity: 0.89;
	text-align: center;
}

.lehiddenul li
{
	margin-bottom: 15px;
	margin-top: 5px;
}

.lehiddenul li a
{
	font-size: 20px;
	/* text-transform: uppercase; */
	font-weight: 900;
	color: #000;
	font-family: "Raleway", Helvetica, sans-serif;
}

.lehiddenul li a:hover
{
	color: #CCCCCC;
	border-bottom: 1px solid #fdd561;
}

.memeform
{
	background-color: #EFEEFE;
	font-size: 24px;
}
/*LOGO SWING*/
@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.swing:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}

@media (max-width:1200px)
{
	.olelele{ height: 250px; }
	.olelele2{height: 460px;}
}


@media (max-width:900px)
{	
	.toprow{background-position: -300px 0px}

	h1.accendtext
	{
		font-size: 28px;
	}
	.olelele{ height: 320px; }
	.olelele2{height: 420px;}
	
}

@media (max-width:767px)
{	
	.topmostul li{margin-right: 5px; display: inline-block;}
	
	.midmostul li{margin-right: 10px; display: inline-block;}
	
	.lowermostul li{margin-right: 10px; display: inline-block; font-size: 10px;}
	.postsarea h1{font-size: 25px;}
	.olelele{ height: 650px; }
	.olelele2{ height: 850px; }
	
}
@media (max-width:622px)
{
	.toprow{background-position: -400px 0px}
	h1.accendtext{font-size: 25px;}
	.sliwr{font-size: 11px;}
	.olelele{ height: 500px; }
	.olelele2{ height: 600px; }
}
@media (max-width:450px)
{
	.toprow{}
	.olelele2{ height: 300px; }
	.olelele{ height: 300px; }	
}