/* Template created by tcse-cms.com | Author: Vitaly V. Chuyakov | URL: http://tcse-cms.com */

/* Выравнивание блоков по 3 в ряд */
#dle-content .short-news:nth-of-type(3n+1) { clear: both; }
.wp-caption {max-width: 100%;}
.full-content img {
	max-width: 100%;
	display: inherit;
}

.col-xl-9.col-lg-9.col-md-9.col-sm-9.col-9.my {
    padding: 0 10px 0 10px;
}

.comments{
    margin: 40px 0 40px 0;
}
.list-group.sticky-top.position-relative {
    margin-right: 10px;
}

.header-logo {
	padding: 10px 0;
}

/* Подвал */
.smalltext {
    font-size: 92%!important
}
.bg-grey {
	background-color: #2d3349;
	color: #80909A;
}
.bg-grey a {
	color: #fff;
	text-decoration: none;
}
.bg-grey a:hover {
	color: #eaeaeb;
	text-decoration: underline;
}
.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
  list-style-type: none;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
  list-style-type: none;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
  list-style-type: none;
}
.red{ color: #ff0000; }
.center{ text-align: center; padding:10px;}
.mobvers{
    display:none;        
    }
/* Правки для разной ширины экрана */



@media (max-width:  640px) {
    
    ul.list-inline {
    overflow: hidden;
}
    
    iframe.youtube {
    height: 310px!important;
}
        .col-md-6.fb2 {
    margin-top: 20px;
}
	.header-logo {
		text-align: center;
	}
	.full-content img {
		max-width: 100%;
		display: block;
	}
.mobvers{
    display:block;        
    }
    
    .mobvers .navbar-nav .dropdown-menu {
     position: absolute;
    }
    
   .mobvers a#navbarDropdown {
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #e4e9ec;
    border-radius: 3px;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    background-color: #ffffff;
}
    
    .mobvers  li.nav-item.dropdown {
    text-align: center;
    padding-bottom: 10px;
}

}

@media (max-width:  320px) {
    body {    font-size: 0.85rem; }
    
.col-xl-12.col-lg-9.col-md-9.col-sm-9.col-9.my {
    padding-left: 10px;
}

h1, .h1 {
    font-size: 1.2rem;
}
    h2, .h2 {
    font-size: 1.1rem;
}
        h3, .h3 {
    font-size: 1rem;
}
            h4, .h4 {
    font-size: 1rem;
}
    h5 {
    font-size: 15px;
}
}

@media (min-width: 1200px) {
.btn-light { 
    /* min-width: 300px;*/
}
	
}
@media (max-width:  380px) {
iframe.youtube {
    height: 210px!important;
}
}


.fa{
    color: #4fb3b9;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.btn-light {
    color: #656D78;
    background-color: #f8f9fb;
    border-color: #E6E9ED;
    border-radius: 3px;
    text-align: left;    
}

.btn-tags {
     border-color: #E6E9ED;
    border-radius: 3px;
    text-align: left;
}
nav.navbar.navbar-expand-lg.navbar-dark.bg-dark {
  margin: 0 0px 20px 0px; 
}

.blue2 {
    color: #0079fe;
}

.red2{
    color:#ff006c;
}

.orange2{
    color:#ff9c00;
}

.blue3{
    color:#00d6c4;
}

.green2 {
    color: #28a745;
}

.btn-outline-success a{
    color: #28a745;
    text-decoration: none;
}

.btn-outline-success a:hover{
    color: #ffffff;
}

.btn btn-outline-success:hover{
    color: #ffffff;
}
.row.row-flex.row-flex-wrap.my {
    margin: 0 15px;
}

.card.rhv.brd {
    margin: 0 0 0 15px;
}
.indextitle{
 padding: 30px 0 15px 30px;   
}

#owl-demo .item{
 margin: 3px;
}
#owl-demo .item img{
 display: block;
 width: 100%;
 height: auto;
}

#edituser .col-lg-8 {
    padding-left: 40px;
}
input[type="file"] {
    padding: 3px 0 10px 3px;
}

input[type="checkbox"] {
    margin-right: 5px;
}

select.timezoneselect {
    max-width: 288px;
}
a#go2full, a#go2mob {
    color: #ffffff;
}
ul#kidsage {
        margin: 40px 0 40px -30px;
}

#kidsage a {
    width: 122px; 
    height: 169px; 
}
#kidsage .link {
    display: block; 
    width: 122px; 
    height: 163px; 
        margin-right: 50px;
   }

@media (min-width: 1200px) {
#kidsage .link {
 margin-right: 80px;
   }	
}
@media (max-width:  380px) {
#kidsage .link {
 margin-right: 0px;
   }	
}
#kidsage li:last-child .link {
        margin-right: 0px;
   }
#kidsage .link:hover {
    background-position: 0 -164px !important; /* Смещение фона */
    cursor: pointer; cursor: hand;
   }

#kidsage li {
    list-style: none;
    display: inline-block;
}

#kidsage ul {
    margin: 40px 0;
}
.titlecat{
    margin: 40px 0 40px 30px;
}