.scode1 {
	display:block;
	margin:1em 10px;
	padding:1em;
	border-width:2px; 
	border-top-width:1.25em!important;
	border-color:rgba(0,0,0,0.25);
}
.scode1f {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  align-content:center;
	margin:1em 10px;
	padding:1em;
	border-color:rgba(0,0,0,0.25);
	border-width:2px; 
	border-top-width:1.25em!important;
}
.scode2 {
	display:block;
	margin:1em 10px;
	padding:1em;
	border-width:2px; 
	border-left-width:1em!important;
	border-color:rgba(0,0,0,0.25);
	background-color:rgba(0,0,0,0.1);
}
.scode2f {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  align-content:center;
	margin:1em 10px;
	padding:1em;
	border-width:2px; 
	border-left-width:1em!important;
	border-color:rgba(0,0,0,0.25);
	background-color:rgba(0,0,0,0.1);
}
.scode3 {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:stretch;
  align-content:center;
	margin:1em 10px;
	padding:1em;
}
.scode3 img {display:block;margin:0.5em auto;max-width:90%;height:auto;}
.scode3 b {display:block;margin:0.5em auto;text-align:center;font-size:1.1em;}
.scode3 p {display:block;margin:0.5em auto;text-align:center;}

.scode2f-25  {border-top-width:0.25em!important;}
.scode2f-50  {border-top-width:0.5em!important;}
.scode2f-75  {border-top-width:0.75em!important;}
.scode2f-100 {border-top-width:1em!important;}
.scode2f-125 {border-top-width:1.25em!important;}
.scode2f-150 {border-top-width:1.5em!important;}
.scode2f-175 {border-top-width:1.75em!important;}
.scode2f-200 {border-top-width:2em!important;}

#main #comments-form .btn a,
.qf2modal, #main .qf2modal,
.moduletable .uk-button, #main .uk-button,
.but, #main .btn, input.but, #main .but, #main a.but,
#main .pagination li a, .pagination li span
{
	display:inline-block;
	margin:1em auto;
	width:auto;
	border:0;
	text-transform:none;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	background:rgb(13,77,165);
	background-size:200%;
	background-position:left center;
	text-decoration:none;
	line-height:2.5em;
	border-radius:0.5em;
	padding:0 2em!important;
	border-bottom:4px solid rgb(11,66,143);
}

#main .pagination li a, .pagination li span {
  line-height:32px;
  margin:0;
  padding:0 8px!important;
  
}


#main #comments-form .btn a:hover,
.qf2modal:hover, #main .qf2modal:hover,
.moduletable .uk-button:hover, #main .uk-button:hover,
.but:hover, #main .btn:hover, input.but:hover, #main .but:hover, #main a.but:hover,
#main .pagination li a:hover, .pagination li span
{
	background:rgb(30,97,190);
	background-size:200%;
	background-position:right center;
	text-decoration:none;
	color:#fff;
}

#main .pagination ul {
  list-style-type:none;
  margin:0 auto;
  padding:0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  align-items:center;
}

#main .pagination li {
  padding:0;
  margin: 4px;
  
}

#main .pagination .counter {
  display:none;
}






.but-pic > *, .but-pic-in > * > * { 
	display:block; 
	margin:1em auto; 
	text-align:center; 
	transition:0.5s; 
} 
.but-pic:hover img, 
.but-pic-in > *:hover > img {transform: scale(1.1);} 

.but-shad1, .but-shad1-in > * {transition:0.25s;} 
.but-shad1:hover, .but-shad1-in > *:hover {box-shadow: 0 0 15px 0 #383838;} 

.but-shad2, .but-shad2-in > * {box-shadow: rgba(0,0,0,0.2) 0 5px 25px;transition:0.25s;} 
.but-shad2:hover, .but-shad2-in > *:hover {box-shadow: rgba(0,0,0,0.4) 0 0 10px;} 

.readmore {
  text-align:right;
}