/* @import "reset_default_css.css";
@import url("desktop_general.css"); 
@import url("../assets/glyphicon/flaterrifics/font/flaticon.css");
*/
@media (max-width: 767px){
 /*
 #nav > ul > li > *{
 box-shadow: 0px 0px 9px #2603b5;
} 
*/
div#nav{
    width: 80%;
}
main > #main h1, main > #main h2{
    font-size: 22px;
    line-height: 1.5;
    }
.post_feed_box{
    width: 100%;
    min-height: 50px; 
}

}/* END OF MAX-WIDTH: 767px*/
@media (min-width: 768px){
header div#main_branding_nav_cont{
    background: linear-gradient( rgba(255, 255, 255, 1) 0%, rgba(188, 247, 187, 0) 60%);
    background: -moz-linear-gradient( rgba(255, 255, 255, 1) 0%, rgba(188, 247, 187, 0) 60%);
    background: -o-linear-gradient( rgba(255, 255, 255, 1) 0%, rgba(188, 247, 187, 0) 60%);
    background: -webkit-linear-gradient( rgba(255, 255, 255, 1) 0%, rgba(188, 247, 187, 0) 60%);
}
}/* END OF MAX-WIDTH: 1008px*/

*:not( ul, ol, li, table, dd, dt, dt, col, td, thead){
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
}
*:not(h1, h2, h3, h4, h5, h6){
    font-size: 15px;   
}
a*{ 
    text-decoration: none;
}

body{
    line-height: 1.5;
    
}
 #header{
    width: 100%;
 }
div#nav{
    padding:0px;
    margin: auto;
    display: block;

}
 div#nav #nav-container{
	 width: 100%;
	 color: #2603b5;
 }
div#nav_flash{
    overflow: hidden;
    z-index: -9;
    box-sizing: border-box;
}
marquee{
    position: relative;
    top: -3px;
    box-shadow: 0 5px 5px -5px #333;
    width: 99%;
}
marquee *{
    font-size: 12px;
    color: #2603b5;
    text-decoration-color: #2603b5;
}
.word_wrap{
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.word_break{
    -ms-word-break: break-all;
    word-break: break-all;
    /*word-break: break-word;*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.clearfix{
	clear: both;
 }
#clearfix{
    content: "";
    display: table;
    clear: both;
}
 div#nav ul > #parent_dep, ul > #parent_lev{
	 position: relative;	
 }
 div#nav > ul{
	 margin: auto;
 }
div#nav ul > li img#nav_oounass_logo{
    position: relative;
    width:43px;
    float:left; 
    margin: 0px;
    padding: 0px;
}
 div#nav ul > #parent_nav:hover .nav1stchild{
 display: block;
transition:1s ease-in;
 }
.active_page{
    border-bottom:3px solid #2603b5;
    box-shadow: 0px 0px 5px black inset;
}

div#nav > ul > li{
    font-size:18px;
    width: 100%;
    display: block;
 }
div#nav > ul li:hover {
    background: none;
    color: white;
}
div#nav ul li.nav-content-logo {
    color: #2603b5;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    display: block;
}
div#nav > ul > li.nav-content-logo > a{
    padding: 0px;
    margin: 0px;
    width: 0px;
    height: 0px;
}
 div#nav > ul > li > *{
	display: block;
	color: #2603b5;
    padding: 0px 7px 10px 7px;
    text-shadow: 2px 2px 10px black;
    padding-top: 10px;  
    text-align: center;
    box-sizing: border-box;
    font-size: 15px;
    width:100%;
}
.text_pic_content_box img{
    display: block;
    margin: auto;
}
img.glypho-png {
    width: 14px;
    /*padding-top: 6px;*/
    margin-right: 4px;
    display: inline;
}
div#nav > ul > li > .parent_nav{
	display: block;
	color: #2603b5;
    padding: 0px 0px 5px 7px;
    text-shadow: 2px 2px 10px black;
    padding-top: 10px;  
    padding-top: 15%;  
    text-align: center;
    box-sizing: border-box;
    font-size: 15px;
 }
div#nav > ul > li.nav-content-logo > a {
    padding-top: 0px; 
}
div#nav > ul > li >*:hover:not(.clearfix){
   color: white;
   box-sizing: border-box;
   font-weight: 300;
   text-shadow: 2px 2px 8px black;
    box-shadow: 0px 0px 9px black inset;
}
div#nav > ul > li > #login_box, div#nav > ul > li > #search_box{
    box-sizing: border-box;
    font-weight: 300;
    text-shadow: 2px 2px 8px black;
    box-shadow: none;
    border: none;
}
div#nav > ul > li > #login_box > *, div#nav > ul > li > #search_box > *{
    box-sizing: border-box;
    font-weight: 300;
    text-shadow: 2px 2px 8px black;
    box-shadow: 0px 0px 9px black inset;
}
div#nav > ul > li > #login_box > *,div#nav > ul > li > #login_box > *:hover{
    color: #2603b5;
}
div#nav > ul > li > #login_box a, div#nav > ul > li > #search_box a{
    color: darkgreen;
    text-shadow: 4px 4px 12px #2603b5;
}
div#nav > ul >li:hover:not(.active_page) {
    border-bottom:3px solid white;
}
.nav-father{
    content: "";
    display: table; 
    margin-bottom: 2px;
    }
.nav-container{
    display: block;
	 margin: auto;
     width: 768px;
    overflow: hidden
 }
div#nav ul > li img#nav_oounass_logo{
    width:35px;
    margin: auto;
    padding-top: 2px;
    padding-left: 2px;
}
div#nav ul > #parent_nav{

}
div#nav > ul > li.active_page > a {
    text-shadow: 2px 2px 5px black;
    color: greenyellow;
    background: none;
}
.nav_type_1{
    text-shadow: 2px 2px 5px black;
    border-bottom:3px solid greenyellow;     
}
.nav_type_2{
    border-bottom:3px solid #2603b5; 
    text-shadow: 2px 2px 5px #2603b5;
}

.active_page:hover{
    color: #2603b5;
    text-shadow: 2px 2px 5px black;
}

div#nav ul .nav1stchild{
    background: #2603b5;
	width: 100%;
	display: none;
    z-index: 4;
    padding: 0px;
    box-sizing: border-box;
}
 div#nav ul > #parent_nav:hover .nav1stchild{
     display: block;
    animation-name: fade;
    animation-duration: 0.2s;
    animation-timing-function: ease-in;
    animation-direction: alternate;
}

div#nav ul .nav1stchild li{
    width:100%;
    min-height: 30px;
    height: auto;
    padding-top: 5px;
    display: block;
    box-sizing: border-box;
}

div#nav ul  .nav1stchild li a{
    color: lime;
}
div#nav ul  .nav1stchild li:hover{
    background: white;
}
div#nav ul  .nav1stchild li:hover a, div#nav ul  .nav1stchild li a:hover{
    color:#2603b5; 
}

#home_slider{
    width: 100%;
    /*background: #2603b5;*/
    
    overflow: hidden;
    box-sizing: border-box;
}
#ss_pic_container{
    width: 100%;
    height: 100%;
}

.ss_pic {
    width: 100%;
}
.slideshow:after{
    content: " ";
    clear: both;
}

.slideshow img{
    width: 100%;
}

.transparent{
    width: 100%;
    height: 600px;
    background: #1e873d66;
    z-index: 2;
    position: absolute;
    top: 0;
}
.uniform {
    opacity: 0.5;
}
.transparent h1{
    color: #2603b5;
    text-align: center;
}
.left-arrow , .right-arrow{
    position: absolute;
    font-size: 60px;
    font-weight: bold;
    color: lawngreen;
    padding: 5px;
    transition: 1s;
    cursor: pointer;
    z-index: 3;
   
}
.left-arrow:hover, .right-arrow:hover{
    background: #ffffffb3;
    border: 2px solid white;
    
}
.left-arrow{
    left: 0;
     top: 40%;
}
.right-arrow {
    right: 0;
    top: 40%;
}

header div#main_branding {
    vertical-align: middle;
    margin: auto;
    max-height: 90px;
}

    
header div#main_branding h1  {
    text-align: center;
    font-size: 50px;
    font-family: "times new roman";
    color: #2603b5;
    line-height: 1;
}
header div#main_branding h1 span img{
    width: 32px;
}
header div#main_branding h1 span div{
    position: relative;
    top: 1px;
    display: inline-block;
    box-sizing:border-box; 
}
header div#main_branding small {
    text-align: center;
    color: #2603b5;
    vertical-align: middle;
    display: block;
    width: 100%;
    font-size: 9px;
}
header div#main_branding > div#main_branding_styler > h1 > small#small_ng{
   
}
header div#main_branding > pre#first_pre{
    line-height: 0.2;
}
header div#main_branding > div#main_branding_styler {
    vertical-align: middle;
    line-height: 0.2;
}
header div#nav-father-par{
    margin: 0px;
    padding: 0px;
    
}
header div.nav-father{
        width: 100%;
        display: inline-block;
        padding: 0px;
        margin: 0px;
    }

main {
    margin: 0px auto;
}
#main {
    
    padding-top: 20px;
    padding: 5px 2.5px 5px 2.5px;
    min-height: 600px;
    z-index: -1;
}
#aside {
  display: block;
}
.aside_latest_post{
	border: 1px solid #2e03dc;
}
.aside_latest_post_title{
	background: #80808057;
}
.aside_latest_post_title h2{
	margin: auto;
	text-align: center;
}
.hide_content{
    display: none;
}
p#search_button, p#login_button{
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}
.feed_post_container a{
    color: #2603b5;
    display: inline;
}
p#search_button:hover, p#login_button:hover{
    color: greenyellow;
}
#search_box_cont{
    position: fixed;
    top: 80px;
    right: 0px;
    
}
div#nav ul #search_box, div#nav ul #login_box, #submit_cont{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border: 1px dotted #2e03dc;
    background: rgba(255,255,255,0.8);
    margin: auto;
    vertical-align: center;
    overflow: hidden;
    z-index: 4;
    display: none;
    box-sizing: border-box;
}
#cancel_cont{
    position: fixed;
    top: 10px;
    right: 10px;
    background: #2e03dc;
    height: 40px;
    width: 40px;
    z-index: 5;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    overflow: hidden;
}
#cancel_cont:hover{
    cursor: pointer;
}
#cancel_cont:hover #cancel_div_v, #cancel_cont:hover #cancel_div_h{
    cursor: pointer;
    background: red;
    box-shadow: 0px 0px 3px 1px black;
    transition: 1s ease-in;
    
}
#cancel_div{
    height: 50px;
    width: 60px;
    z-index: 5;
    margin: 0px;
    padding: 0px;
    transform: rotate(45deg);
}
#cancel_div_v{
    position: fixed;
    top: 15px;
    left: 17.5px;
    background: white;
    height: 30px;
    width: 4px;
    z-index: 5;
}
#cancel_div_h{
    position: fixed;
    top: 27.5px;
    left: 5px;
    background: white;
    height: 4px;
    width: 30px;
    z-index: 5;
    margin: 0px;
}
div#nav ul #general_container, div#nav ul #general_container{
    display:block;
    z-index: 6;
    background: white;
    max-width: 500px;
    margin: auto;
    margin-top: 50%;
    margin-bottom: 50%;
    border: 1px solid white;
}
div#nav ul #search_box_jnr, div#nav ul #login_box_jnr{
    max-width: 400px;
    margin: auto;
    margin-top: 10%;
    vertical-align: middle;
    background: rgba(255,255,255,1);
    z-index: 7;
    margin-bottom: 8px;
    border: 1px solid #2e03dc;
    vertical-align: center;
    overflow: hidden;
}

#search_box input[name="search"], #login_box input[name="uname"], #login_box input[name="pword"]{
    width: 100%;
    margin: 0px;
    height: 23px;
    border: 1px solid white;
}
#search_box input[type="submit"], #login_box input[name="submit"], button#post{
    width: 100%;
    margin: 0px;
    height: 27px;
    background: #2e03dc;
    border: 1px solid #2e03dc;
    font-size: 16px;
    color: white;
    cursor: pointer;
}

#search_box input[name="search_term"]:hover, #login_box input[name="uname"]:hover, #login_box input[name="pword"]:hover, #search_box input[name="submit"]:hover, #login_box input[name="submit"]:hover{
    border:1px solid yellowgreen;
    box-shadow: 0px 0px 5px #2603b5 inset;
}
 #search_box input[name="submit"]:hover, #login_box input[name="submit"]:hover{
     background: white;
     color: #2603b5;
     border:1px solid yellowgreen;
     font-weight: bolder;
     box-shadow: 0px 0px 5px #2603b5 inset, 0px 0px 10px #2603b5 ;
     
}
.my_page{
    width: 100%;
}
.my_image_cont{
    box-sizing: border-box;
    display: block;
    /*width: 30%;
    height: auto;*/
    width: 200px;
    height: 200px;
    border: 1px solid #2603b5;
    border-radius: 50%;
    margin: auto;
    overflow: hidden;
    box-shadow: 0px 0px 30px #2603b5;
}
.my_image_cont img{
    margin: auto;
    height: 100%;
    object-position: center;
    object-fit: cover;
    
}
/*div#nav ul #nav_search_box:hover #search_box, div#nav ul #nav_search_box:active #search_box, 
 div#nav ul #nav_login_box:hover #login_box  {
    display: block;
}*/
img.glypho-png{
    width: 12px !important;
}
img.glypho_png{
    width: 13px;
}
div#submit_auth{
    background: white;
    min-height:140px;
    min-width: 70px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    
}
#page_category_cont{
    display: inline-block;
    color: #2603b5;
    font-weight: bold;
    background: white;
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;
    box-shadow:0px 0px 7px #2603b5;
    margin: auto;
    margin-left: 5px;
    -webkit-transform: skewX(20deg);
    font-size: 14px;
}
#page_category_cont_2{
    display: inline-block;
    color: white;
    font-weight: bold;
    background:#2603b5;
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;
    box-shadow: 0px 0px 5px #2603b5;
    margin-left: 5px;
    -webkit-transform: skewX(20deg);
    font-size: 14px;
}
div#page_info_cont > div.small_page_meta_cont{
    display: inline;
}
.small_page_meta_cont > h5{
    color: black;
}
.small_page_meta_cont{
    cursor: pointer;
}
aside *{
    color: #2603b5;
    }

#page_info_cont{
    display: inline-block;
    color: #2603b5;
    width: 100%;
    background: #95d2ff;
}
#posted_by_cont{
    /*background: #c8e7fe;*/
}
.small_page_meta_cont{
    padding-left: 5px;
    padding-right: 5px;
    display: inline;
}
.meta_cont_type_1{
    background: #ffffffaa;
}
.logo_cont h2{
 text-align: center;   
}
.meta_cont_type_2{
    background: #95d2ff;
}
div#page_head_cont > div#page_title_cont *{
    background: #2603b5;
    color: white;
    padding: 0px 1px 0px 1px;
    margin-top: 5px;
}
div#page_head_cont > div#page_info_cont *{
    display: inline-block;
}
div#page_head_cont > div#page_info_cont a{
    display: inline;
}
#page_creation_form{
	box-sizing: border-box;
	max-width: 450px;
	margin: 0px auto;
	margin-top: 50px;
    margin-bottom: 50px;
	border: 1px solid #2603b5;
	vertical-align: middle;
    padding: 5px;
}
#page_creation_form_sp{
	box-sizing: border-box;
	max-width: 450px;
	margin: 0px auto;
	margin-top: 50px;
	border: 1px solid #2603b5;
	vertical-align: middle;
    padding: 5px;
}
#page_creation_form_sp select{
   	box-sizing: border-box;
	width: 100%;
	height: 30px;
    box-shadow: 0px 0px 5px black; 
}
#page_creation_form input{
	box-sizing: border-box;
	width: 100%;
	height: 30px;
    box-shadow: 0px 0px 5px black inset;
}
#page_creation_form select {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
    box-shadow: 0px 0px 5px black inset;
}
#page_creation_form textarea {
	box-sizing: border-box;
	width: 100%;
	height: 150px;
    box-shadow: 0px 0px 5px black inset;
}
#page_creation_form h3{
	margin: 0px auto;
	text-align: center;
}
#page_creation_form #more_file_cont input[type="number"]{
	box-sizing: border-box;
	display: inline-block;
	width: 80%;
	float: left;
}
#page_creation_form #more_file_cont .more_file_button{
	box-sizing: border-box;
	display: inline-block;
	width: 20%;
	float: left;
	height: 30px;
	padding: 0px;
	margin: 0px;
	align-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
}
#page_creation_form #more_file_cont{
	box-sizing: border-box;
	width: 100%;
}

#page_creation_form #more_file_cont #more_file_select{
	box-sizing: border-box;
	width: 100%
}

#page_creation_form input[type="submit"]{
	box-sizing: border-box;
	width: 100%;
	
	border: 1px solid #2603b5;
	font-weight: bolder;
	font-size: 100%;
	box-shadow: 0px 0px 5px black;
}
#page_creation_form input[type="submit"]:hover{
	box-sizing: border-box;
	width: 100%;
	background: greenyellow; 
	color: black;
	text-shadow: 0px 0px 10px white;
	box-shadow: 0px 0px 5px grey inset;
}
#page_creation_form input:hover, #page_creation_form textarea:hover, #page_creation_form input:active, #page_creation_form textarea:active {
	text-shadow: 0px 0px 10px white;
    box-shadow: 0px 0px 5px black inset;
}
input[type="file"]{
    background: #2603b5;
    color: #2e03dc;
    height: 20px;
}
input[type="file"]:hover, input[type="file"]:active {
    background: #2603b5;
    color: #2e03dc;
    height: 20px;
    box-shadow: 0px 0px 5px black;
}
#page_creation_form #more_file_cont{
  display: none;
}
#page_creation_form .more_file_button{
    box-sizing: border-box; 
    display: inline-block;
    width: 30px;
    height: 22px;
    margin: 0px;
    padding: 0px;
    margin-top: 2px;
    font-weight: bolder;
    text-align: center;
    background: #2603b5;
    color: white;
    border: 1px solid grey;
    box-shadow: 0px 0px 2px black inset;
    cursor: pointer;
}
#page_creation_form .more_file_button:hover{
    box-shadow: 0px 0px 3px black;
}
#page_creation_form input[name="more_file_no"]{
    box-sizing: border-box; 
    display: inline;
    width: 7%;
    height: auto;
}
#page_creation_form select[name="more_upload_num"]{
    
}

.box_center{
    margin:auto;
	vertical-align: middle;
}

.post_feed_box{
    width: 95%;
    min-height: 50px; 
    /*border: 1px solid #2603b5;*/
}
.box_title{
    width: 100%;
    height: 35px;
    background: #2e03dc;
    display: block;
}
.post_feed_box_header{
    color: white;    
}
.feed_post_container {
    max-width: 200px;
    display: inline-block;
    box-shadow: 0px 0px 5px blue;
    box-sizing: border-box;
    background: #c8e7fe;
    min-height: 50px;
    width: 100%;
    margin: 5px 5px 15px 5px;
}
    .feed_post_container > .post_feed_img_cont{
    display:none;
    }
    div.feed_post_container > div.page_head_cont > a > .post_feed_img_cont{
        display:inline-block;
        width:100px;
        line-height: 0.4;
        float: left;
    }
    div.feed_post_container > div.page_head_cont > a > .page_title_cont{
    display:inline;
    }
    div.feed_post_container > div.page_head_cont > a > .page_title_cont p{
    display: inline;
    line-height: 1.2;
    }
    
#square_ad_container{
    width: 250px;
    height: 250px;
    margin: 0px auto;
    padding: 0px;
}
#loved_input_style{
    border-color: #69E781;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.06), 0 0 5px rgba(105,231,129,0.7);
}
#special_ad_container_1{
    width: 100%;
    box-sizing: border-box;
    display: block;
    overflow-x: hidden;
}
#medium_rectangle_ad_container{
    max-width: 300px;
    height: 250px;
    margin: 0px auto;
    padding: 0px;
}
#large_skyscraper_ad_container{
    max-width: 300px;
    height: 600px;
    margin: 0px auto;
    padding: 0px;
}
#push_promotion_box{
	width: 100%;
	height: auto;
	border: 1px solid #2e03dc;
    overflow-x: hidden;
    box-sizing: border-box;
}
#push_promotion_content_1 {
	width: 100%;
	overflow: hidden;
}
#push_promotion_content_1 {
	position: relative;
	width: 100%;
	bottom: 70px;
	margin: 0px auto;
	z-index: 1;
	text-align: center;
	color: white;
	text-shadow: 0px 0px 4px #2603b5;
}

#push_promotion_content_2 {
	position: relative;
	width: 100%;
	bottom: 70px;
	margin: 0px auto;
	z-index: 1;
	text-align: center;
	color: black;
	text-shadow: 0px 0px 4px #2603b5;
}
#info_checker{
    width: 250px;
    height: 200px;
    background: white;
    border: 1px solid yellowgreen;
    box-shadow: 0px 0px 10px black;
}
.text_center{
    text-align: center;
    vertical-align: middle;
}
main > #main > #page_renderer{
	box-sizing: border-box;
	min-height: 720px;
}

#css_gear_cont {
	display: inline-block;
	box-sizing: border-box;

}
#css_gear_back {
	display: inline-block;
	box-sizing: border-box;
	background: white;
	width: 100px;
	height: 30px;
	border: 1px solid #2603b5;
	cursor: pointer;
	border-radius: 20px;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background: #E8F4EE;
	z-index: -1;
}
#css_gear_active {
	display: inline-block;
	box-sizing: border-box;
	width: 55%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
	align-content: center;
	vertical-align: middle;
	background: #72C27E;
	border-radius: 20px;
	color: white;
	border-right: 1px solid #2603b5;
	z-index: 4;
}
#css_gear_inactive {
	display: inline-block;
	box-sizing: border-box;
	width: 45%;
	padding: 0px;
	margin: 0px;
	background: #E8F4EE;
	height: 30px;
	cursor: pointer;
	text-align: center;
	align-content: center;
	vertical-align: middle;
	z-index: 3;
}
#css_gear_cont2 {
	display: inline-block;
	box-sizing: border-box;

}
#css_gear_back2 {
	display: inline-block;
	box-sizing: border-box;
	background: white;
	width: 100px;
	height: 30px;
	border: 1px solid #2603b5;
	cursor: pointer;
	border-radius: 20px;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background: #E8F4EE;
	z-index: -1;
}
#css_gear_active2 {
	display: inline-block;
	box-sizing: border-box;
	width: 55%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
	align-content: center;
	vertical-align: middle;
	background: #2603b5;
	border-radius: 20px;
	color: white;
	border-left: 1px solid #204F36;
	z-index: 4;
}
#css_gear_inactive2 {
	display: inline-block;
	box-sizing: border-box;
	width: 45%;
	padding: 0px;
	margin: 0px;
	background: #E8F4EE;
	height: 30px;
	cursor: pointer;
	text-align: center;
	align-content: center;
	vertical-align: middle;
	z-index: 3;
}


#footer{
    width: 100%;
    height: 60px;
    background: #2603b5 #2603b5;
    color: white;
    text-align: center;
    margin: 0px;
   }
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
#dot_nav{
    z-index: 999;
    display: block;
    width: 230px;
    margin: auto;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.5);
}

/* Caption text */
.slide_text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 25px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@media (min-width: 122px) and (max-width:468px){
#ad_box{
    
    z-index: -1;
    /*display: none;*/
    }
#banner_ad_container_leaderboard{
    height: 60px;
    width: 234px;
    margin: auto;
    vertical-align: middle;
    background: white;
    }

}
@media (min-width: 468px) and (max-width:768px){ 
#ad_box{
    
    z-index: -1;
    max-width: 768px;
    }
#banner_ad_container_leaderboard{
    height: 60px;
    width: 468px;
    margin: auto;
    vertical-align: middle;
    }
div#nav ul #general_container, div#nav ul #general_container{
    display:block;
    z-index: 6;
    background: white;
    max-width: 500px;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 10%;
    border: 1px solid white;
}
}

/* ========================================================
   ======================= DESKTOP VIEW ===================
   ========================================================*/
@media only screen and (min-width: 768px){ 
div#nav > ul > li{
	 float: left;
	 font-size:18px;
	 display: inline;
    width: auto;
 }
div#nav > ul li:hover {
    background: none;
    color: white;
}
div#nav ul li.nav-content-logo {
   color: #2603b5;
    padding: 0px;
    margin: 0px;
    width: 40px;
    height: 45px;
    box-sizing: border-box;
}
div#nav > ul > li.nav-content-logo > a{
    padding: 0px;
    margin: 0px;
    width: 0px;
    height: 0px;
}
 div#nav > ul > li > *{
	display: inline-block;
	color: #2603b5;
    display: block;
    padding: 0px 7px 10px 7px;
    text-shadow: 2px 2px 10px black;
    padding-top: 10px;  
    text-align: center;
    box-sizing: border-box;
    font-size: 15px;  
}
div#nav > ul > li > .parent_nav{
	display: inline-block;
	color: #2603b5;
    display: block;
    padding: 0px 7px 5px 7px;
    text-shadow: 2px 2px 10px black;
    padding-top: 10px;  
    text-align: center;
    box-sizing: border-box;
        font-size: 15px;  
 }

div#nav{
    display: block;
    min-width: 768px;
    margin:auto;
    max-width: 820px;
}
div#nav > ul > li.nav-content-logo > a {
    padding-top: 0px; 
}
div#nav > ul > li >*:hover {
   color: white;
   box-sizing: border-box;
   font-weight: 300;
   text-shadow: 2px 2px 8px black;
    box-shadow: 0px 0px 9px black inset;
}
div#nav > ul > li > #login_box > *:hover, div#nav > ul > li > #search_box > *:hover{
    color: #2603b5;
    box-sizing: border-box;
    font-weight: 300;
    text-shadow: 2px 2px 8px black;
    box-shadow: 0px 0px 9px black inset;
}
div#nav > ul >li:hover:not(.active_page) {
    border-bottom:3px solid white;
}
div#nav ul #general_container, div#nav ul #general_container{
    display:block;
    z-index: 6;
    background: white;
    max-width: 500px;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 10%;
    border: 1px solid white;
}
.nav-father{
    content: "";
    display: table; 
    margin-bottom: 2px;
    }
.nav-container{
    display: block;
	 margin: auto;
     width: 768px;
    overflow: hidden
 }
div#nav ul > li img#nav_oounass_logo{
    width:35px;
    margin: auto;
    padding-top: 2px;
    padding-left: 2px;
}
div#nav ul > #parent_nav{
	 position: relative;
}
div#nav ul > #parent_nav:hover .nav1stchild{
    display: block;
}
div#nav > ul > li.active_page > a {
    text-shadow: 2px 2px 5px black;
    color: greenyellow;
    background: none;
}
.nav_type_1{
    text-shadow: 2px 2px 5px black;
    border-bottom:3px solid greenyellow;     
}
.nav_type_2{
    border-bottom:3px solid #2603b5; 
    text-shadow: 2px 2px 5px #2603b5;
}

.active_page:hover{
    color: #2603b5;
    text-shadow: 2px 2px 5px black;
}
 div#nav ul > #parent_nav:hover .nav1stchild{
 display: block;
 }
div#nav ul .nav1stchild{
    position: absolute;
    background: #2603b5;
    min-width: 120px;
	border: 1px solid greenyellow;
	left: 0;
	top: 47px;
	display: none;
    z-index: 4;
    padding: 0px;
    box-sizing: border-box;
}
div#nav ul .nav1stchild li{
    width:100%;
    min-height: 30px;
    height: auto;
    padding-top: 5px;
}
div#nav ul  .nav1stchild li a{
    color: lime;
}
div#nav ul  .nav1stchild li:hover{
    background: white;
}
div#nav ul  .nav1stchild li:hover a, div#nav ul  .nav1stchild li a:hover{
    color:#2603b5; 
}
#home_slider{
    width: 100%;
    
    overflow: hidden;
}
.logo-content {
    float: left; 
    width: 20%;
}
.slideshow-cont{
    float: right;
    width: 78%;
}
.slideshow-container{
    width: 720px;
    height: 405px;
}
#ss_pic_container{
    width: 100%;
    height: 100%;
}

.ss_pic {
    width: 100%;
}
.slideshow:after{
    content: " ";
    clear: both;
}

.slideshow img{
    width: 100%;
}

.transparent{
    width: 100%;
    height: 600px;
    background: #1e873d66;
    z-index: 2;
    position: absolute;
    top: 0;
}
.uniform {
    opacity: 0.5;
}
.transparent h1{
    color: #2603b5;
    text-align: center;
}
.left-arrow , .right-arrow{
    position: absolute;
    font-size: 60px;
    font-weight: bold;
    color: lawngreen;
    padding: 5px;
    transition: 1s;
    cursor: pointer;
    z-index: 3;
   
}
.left-arrow:hover, .right-arrow:hover{
    background: #ffffffb3;
    border: 2px solid white;
    
}
.left-arrow{
    left: 0;
     top: 40%;
}

.right-arrow {
    right: 0;
    top: 40%;
}
#ad_box{
    
    margin: auto;
    z-index: -1;
    display: block;
    }
#banner_ad_container_leaderboard{
    height: 90px;
    width: 728px;
    margin: auto;
    vertical-align: center;
    
    }
    
    
header div#main_branding {
    vertical-align: middle;
    margin: auto;
    max-height: 90px;
}
    
header div#main_branding h1  {
    text-align: center;
    font-size: 50px;
    font-family: "times new roman";
    /*color: #2e03dc;*/
    color: #2603b5;
    line-height: 1;
}
header div#main_branding small {
    text-align: center;
    /*color: #2e03dc;*/
    color: #2603b5;
    vertical-align: middle;
    display: block;
    width: 100%;
}
header div#main_branding > pre#first_pre{
    line-height: 0.2;
}
header div#main_branding > div#main_branding_styler {
    vertical-align: middle;
    line-height: 0.2;
}


main{
	    box-sizing: border-box;
	}
#main{
    box-sizing: border-box;
    margin: auto;
    display: table-cell;
    width: 100%;
    }
#main_page {
    box-sizing: border-box;
    margin: auto;
    margin-left: 2px;
	margin-right: 2px;
	padding-top: 5px;
    z-index: -1;
    border: 1px solid #2603b5;
}
main > #main > #main_page > #upload_cont{
    box-sizing: border-box;
    margin: auto; 
    }
aside{
    box-sizing: border-box;
    margin: 0px auto;
    margin-top: 20px;
	max-width: 39%;
    width: 300px;
	display: table-cell;
    overflow: hidden;
	margin-bottom: 5px;
}
#aside{
    box-sizing: border-box;
    margin: auto;
    width: 302px;
    
    }

#footer{
    width: 100%;
    height: 60px;
    background: #2603b5;
    color: white;
    text-align: center;
    margin: 0px;
   }
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

#dot_nav{
    z-index: 999;
    display: block;
    width: 230px;
    margin: auto;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.5);
}

/* Caption text */
.slide_text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 25px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
}
@media only screen and (max-width:200px){
 .feed_post_container {
    margin: 35px auto !important;
 }
}
@media only screen and (max-width:419px){ 
.feed_post_container {
    max-width: 350px;
    display: block;
    box-shadow: 0px 0px 5px blue;
    box-sizing: border-box;
    background: #c8e7fe;
    min-height: 50px;
    margin: 12px auto;
}
.post_feed_box {
    width: 90%;
    margin: auto;
}
}
@media (min-width: 420px) and (max-width:439px){
.feed_post_container {
    max-width: 207px;
    display: inline-block;
    margin: 12px auto;
}
.post_feed_box {
    width: 420px;
    margin: auto;
}
}


@media (min-width: 440px) and (max-width:629px){
.feed_post_container {
    max-width: 212px;
    display: inline-block;
    box-shadow: 0px 0px 5px blue;
    box-sizing: border-box;
    background: #c8e7fe;
    min-height: 50px;
    margin: 12px 3px;
}
.post_feed_box {
    width: 440px;
    margin: auto;
}
}
@media (min-width: 630px) and (max-width:649px){
.feed_post_container {
    max-width: 207px;
    display: inline-block;
    margin: 12px auto;
}
.post_feed_box {
    width: 630px;
    margin: auto;
}
}

@media (min-width: 650px) and (max-width:659px){
.feed_post_container {
    max-width: 207px;
    display: inline-block;
    margin: 12px 2px;
}
.post_feed_box {
    width: 650px;
    margin: auto;
}
}
@media (min-width: 660px) and (max-width:699px){
.feed_post_container {
    max-width: 208px;
    display: inline-block;
    box-shadow: 0px 0px 5px blue;
    box-sizing: border-box;
    background: #c8e7fe;
    min-height: 50px;
    margin: 12px 4px;
}
.post_feed_box {
    width: 660px;
    margin: auto;
}
}

@media only screen and (min-width:1030px){ 
    header div#main_branding{
        width: 260px;
    }
    header div#main_branding_par {
        width: 240px;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
        padding-left: 1px;
        box-sizing: border-box;
        display: inline-block;
        height: 60px;
    }
    header div#nav-father-par{
        display: inline-block;
        padding: 0px;
        margin: 0px;
        min-width: 75.7%;
        float: right;
        height:  63px;
    }
    header div.nav-father{
        width: 100%;
        display: inline-block;
        padding: 0px;
        margin: 0px;
        padding-top: 15px;
    }
    header div#nav{
        display:block;
        min-width:auto;
        margin: auto;
    }
    div.nav-father div#nav ul li.nav-content-logo{
        width: 0px;
        height: 0px;
        margin: 0px;
        padding: 0px;
        display: none;
    }
    div#main_branding_nav_cont{
        height: 63px;
    }
    
}