@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,400,300,500,600,700&subset=latin,latin-ext&display=swap");/**/
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");




html{min-height: 100%;padding-top:0px;}
body{



/* float: left;padding-top:50px;
background:#ffffff url('images/bg_body.jpg') repeat left top;
*/
background:#ccc url(images/bg_body1.jpg);

    background-color: rgb(237, 242, 249);
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 150%;

    font-weight: 300;
    /*font-display: swap;*/
    
    
}

.r{border:1px solid red;} .g{border:1px solid green;} .b{border:1px solid blue;} 

a{color:rgb(0, 0, 255);}
a:hover {color:rgb(70, 70, 255);text-decoration:none}
a,a:hover, a:active, a:focus{outline:none;} 

.a{color:#000000; cursor: pointer;}
.a:hover {color:#000000; text-decoration:none;cursor: pointer;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.container-maxwidth{max-width:1140px;margin-right: auto;
  margin-left: auto;}



#page-content {
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:flex-start;
   align-items:stretch; /**/
	max-width:1140px; margin:0 auto;
}
#content { order:2; flex:1; padding:0 20px; max-width:100%;}
#sidebar-left { order:1;  flex-basis:270px; position:relative;z-index:0; /*border:1px solid red;*/}
#sidebar-right { order:3; flex-basis:270px;z-index:0; }


#header-box{margin-bottom:20px;}

.header-top{
padding:5px 0;

  font-size: 13px;
  color: #FFFFFF;
background: rgb(0,62,83);
background: linear-gradient(180deg, rgba(0,62,83,1) 0%, rgba(0,47,63,1) 100%);
}
.header-middle{
min-height:100px; padding:10px 0;

  color: #000000;
 background-color:#ffffff;
 background: rgb(65,170,227);
background: linear-gradient(180deg, rgba(65,170,227,1) 0%, rgba(39,147,209,1) 100%);
border-top:1px solid #80d4f8;
}

.header-bottom{
color: #c0c0c0;
  margin: 0;
  font-size: 12px;
  padding: 5px;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  box-shadow: 0 8px 6px -6px #bebebe;
  text-shadow: #c0c0c0 0.1em 0.1em 0.2em;
  clear: both;
  background-color: #ffffff;
  border-radius: 0px 0px 5px 5px;
}
.breadcrumb{margin-bottom:0;}

/*
.rating_box{padding:10px;text-align:center;float:left;line-height:120%; background-color:orange;}
.rating_box .vote_up,.rating_box .vote_down,.rating_box .active_up{display:inline-block; background: url("images/rating_vote.png")  0px 15px ; background-position: left top; height:15px;width:15px;}
.rating_box .vote_down{background:url("images/rating_vote.png") 0px -13px ;}

.rating_box a.vote_up:hover,.rating_box .active_up{background:url("images/rating_vote.png") -15px 0px ;}
.rating_box a.vote_down:hover,.rating_box .active_down{background:url("images/rating_vote.png") -15px -13px ;}
.rating_box div{display:block;clear:both;margin-bottom:3px;}
.rating_box .disabled {
  pointer-events: none;
}

*/

.rating_box_1{padding:2px 2px; min-width:60px;text-align:center;float:left;line-height:100%; border:1px solid #ff0000; background-color:#ffffff;border-radius:10px;}
.rating_box_1 .vote, .rating_box_1 .vote_score{display:block; }
.rating_box_1 .vote_score{color:#ffffff; background-color:#ff0000; padding:6px 2px; font-size: 20px; font-weight: normal;text-shadow: 1px 1px #333;border-radius: 10px 10px 0px 0px;}
.rating_box_1 .vote{color:#C0C0C0; font-size:30px; text-shadow: 1px 1px #333; padding:5px;cursor: pointer;}
.rating_box_1 .vote:hover, .rating_box_1 .active {color:#FF0000;}
.rating_box_1 .disabled { pointer-events: none; opacity: 0.5;}


.rating_box_2{padding:5px 10px; min-width:70px;text-align:center;float:left;line-height:100%; background-color:#fa6800;box-shadow: 1px 1px #333;}
.rating_box_2 .vote, .rating_box_2 .vote_score{display:block; }
.rating_box_2 .vote_score{color:#ffffff; font-size: 1.2em; font-weight: bold;text-shadow: 1px 1px #333;}
.rating_box_2 .vote{color:#C0C0C0; font-size:40px; text-shadow: 1px 1px #333; cursor: pointer;}
.rating_box_2 .vote:hover, .rating_box_2 .active {color:#FF0080;}
.rating_box_2 .disabled { pointer-events: none; opacity: 0.5; cursor:not-allowed;}


.comments_box{padding:15px;}
.comments_loadmore{margin-top:20px;}
.comment{ margin-bottom:10px;}
.comment_avatar{ max-width:40px;}
.comment_body{ }
.comment_body>p{position: relative;display:block;margin:0; line-height:140%; clear:both;padding:5px;border-radius:5px;min-height:40px;font-size:14px;background-color:rgb(237, 242, 249);}

.comment_body>p:after {
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right-color:rgb(237, 242, 249);
	border-left: 0;
	border-bottom: 0;
	margin-top: -5px;
	margin-left: -10px;
}




.card {
	
	box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.card-header {
  padding: 5px;
  }
.card-h5{
  font-size: 14px;
  }
.card_avatar{ width:50px; border:2px solid #ffffff;}
.card-img-top{border-radius:0px;}

  
  
  
.nav .nav-link {color:#5e6e82; font-weight:normal;font-stretch: 150%; padding:5px;}
.nav .nav-link:hover {color:#222222;}


.navbar-search .form-control{
  background: rgba(255,255,255, 0.2);
  border: 0;
  box-shadow: none;
  min-width: 235px;
  color: #fff;
  height: 26px;
  border-radius: 13px;
  font-size: 13px;
  padding-left: 30px;
  
}



.navbar-v1{border-bottom:8px solid #1e2731;
padding:0px;
min-height:60px;
font-weight: 500;
}
.navbar-v1 > .container{ --bs-gutter-x:0.5rem;color:#000000;}
.navbar-v1 li.nav-item{padding:10px; }
.navbar-v1 li.nav-item a{ color:#000000; text-transform: uppercase;}

.navbar-v1 li.active{background-color: rgb(204, 0, 1);}
.navbar-v1 li.active a{ color:#ffffff;}

.navbar-v1 .dropdown-menu{border:1px solid #1e2731;  border-radius:0; margin-top:10px; }
.navbar-v1 .dropdown-menu .dropdown-item{ text-transform: uppercase;font-size:12px;}




#window-loading222{display:none; text-align:center;height:50px; border-radius:10px; border:2px solid #e8e800; margin:10px;background: #ffff00 url('images/loading1.gif') no-repeat center;}
#window{display:none;box-sizing:border-box;background-color:rgba(0,0,0,0.6); z-index:9997;position:fixed;top:0;left:0;right:0;bottom:0;width: 100%;height: 100%;}
#window-content{margin: 30px auto; border:none; background-color:#ffffff; width:80%; height:94%; z-index:9998;position:relative; }
#window-close{border:none;z-index:9999;cursor:pointer;position:absolute; right:0px;top:-20px; border-radius:8px 8px 0px 0px; font-weight:bold;color:#000000;background-color:inherit;font-size:20px;padding:0px 15px;}









@media screen and (max-width:1000px) {
   #page-content {
       flex-wrap:wrap;
	   /*max-width:98%;*/

   } 
   
    #sidebar-left {
        flex-basis:100%;
        order:2;
    }
    #content {
        flex-basis:100%;
        order:1;
	   padding:0px 5px;		
    }
    #sidebar-right {
        flex-basis:100%;
        order:3;
    }
	
	
	.card{border-radius:0px; border-left:none;border-right:none;}
	
	
	
}


@media screen and (max-width:500px) {
   #page-content {

	   /*max-width:98%;*/
   } 
   
    #sidebar-left {

    }
    #content {
		padding:0px 0px;
    }
    #sidebar-right {

    }
}