body{background-color:#ECF0F1;}

#blog-section{margin-top:80px;margin-bottom:80px;}
.content-title{padding:35px 5px 35px 5px;background-color:#fff;font-weight: 500;}

.content-title-new span a {padding:5px;background-color:#ffffff;color:#00b497;text-decoration:none; transition: 0.5s;}
.content-title-new span a:hover{padding:5px;background-color:#00b497;color:#ffffff; }

.content-title h3 a{background-color:#ffffff;color:#3e3e3e;text-decoration:none;}
.content-title h3 a:hover{color:#00b497; }
.content-footer{background-color:#fff;padding:10px;position: relative;}
.content-footer span a {color: #fff;display: inline-block;padding: 6px 5px;text-decoration: none;transition: 0.5s;}
.content-footer span a:hover{color:#F39C12;}

.content-footer2 {font-size: 14px;color: #8d8d8d;font-style: italic;background-color: #fff;}
.content-footer2-spacer {font-size: 12px;}
.content-body-old {padding: 0 15px 0 15px;font-size: 12px;font-style: italic;color: #474747;position: relative;background-color: #fff;}

.content-description p {padding: 0 15px 0 15px; font-family: 'Raleway',sans-serif;font-size: 1rem;color: #000000;    font-weight: bold;position: relative;background-color: #fff;}
.content-body p {padding: 0 15px 0 15px; font-family: 'Raleway',sans-serif;font-size: 1rem;color: #000000;position: relative;background-color: #fff;}.content-body p {padding: 0 15px 0 15px; font-family: 'Raleway',sans-serif;font-size: 1rem;color: #000000;position: relative;background-color: #fff;}
.content-body h3 {padding: 0 15px 0 15px;font-family: 'Raleway',sans-serif;font-size: 1.5rem;color: #000000;    font-weight: bold;position: relative;background-color: #fff;}

.list-no-bottom-margin ol, li {margin-bottom: 0;}

aside{
    margin-top: 30px;background-color: #fff;
    -webkit-box-shadow: 1px 4px 16px 3px rgba(199,197,199,1);
-moz-box-shadow: 1px 4px 16px 3px rgba(199,197,199,1);
box-shadow: 1px 4px 16px 3px rgba(199,197,199,1);}
aside .content-footer>img {
    width: 33px;
    height: 33px;
    border-radius: 100%;
    margin-right: 10px;
    border: 2px solid #fff;
}

.user-ditels {
    width: 300px;
    top: -100px;
    height: 100px;
    padding-bottom: 99px;
    position: absolute;
    border: solid 2px #fff;
    background-color: #34495E;
    right: 25px;
    display: none;
    z-index: 1;
}

@media (max-width:768px){
    .user-ditels {   
    right: 5px;   
}
    
}
.user-small-img{cursor: pointer;}

.content-footer:hover .user-ditels  {
    display: block;
}


.content-footer .user-ditels .user-img{width: 100px;height:100px;float: left;}
.user-full-ditels h3 {
    color: #fff;
    display: block;
    margin: 0px;
    padding-top: 10px;
    padding-right: 28px;
    text-align: right;
}
.user-full-ditels p{    
    color: #fff;
    display: block;
    margin: 0px;
     padding-right: 20px;
    padding-top: 5px;
   text-align: right;}
.social-icon {
    background-color: #fff;
    margin-top: 10px;
    padding-right: 20px;
    text-align: right;
}
.social-icon>a{font-size:20px;text-decoration:none;padding: 5px;}
.social-icon a:nth-of-type(1){color:#4E71A8;}
.social-icon a:nth-of-type(2){color:#3FA1DA;}
.social-icon a:nth-of-type(3){color:#E3411F;}
.social-icon a:nth-of-type(4){color:#CA3737;}
.social-icon a:nth-of-type(5){color:#3A3A3A;}


/*recent-post-col////////////////////*/
.widget-sidebar {
    /*background-color: #fff;*/
    padding: 20px;
    margin-top: 30px;
}

.title-widget-sidebar {
    font-size: 14pt;
    border-bottom: 2px solid #e5ebef;
    margin-bottom: 15px;
    padding-bottom: 10px;    
    margin-top: 0px;
}

.title-widget-sidebar:after {
    border-bottom: 2px solid #f1c40f;
    width: 150px;
    display: block;
    position: absolute;
    content: '';
    padding-bottom: 10px;
}

.recent-post{width: 100%;height: 80px;list-style-type: none;}
.post-img img {
    width: 100px;
    height: 70px;
    float: left;
    margin-right: 15px;
    border: 5px solid #ffffff;
    transition: 0.5s;
}

.horizontal-post-img img {
    /*width: 100px;*/
    height: 70px;
    float: left;
    margin-right: 15px;
    border: 5px solid #ffffff;
    transition: 0.5s;
}

.recent-post a {text-decoration: none;color:#3e3e3e;transition: 0.5s;}
.post-img, .recent-post a:hover{color:#00b497;}
.post-img img:hover{border: 5px solid #00b497;}

/*===============ARCHIVES////////////////////////////*/



button.accordion {
    background-color: #16A085;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #F39C12;color: #fff;
}

button.accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


/*categories//////////////////////*/

.categories-btn{
    background-color: #F39C12;
    /*margin-top:30px;*/
    color: #fff;
    cursor: pointer;
    /*padding: 18px;*/
    /*width: 100%;*/
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    
}
.categories-btn:after {
    content: '\25BA';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.categories-btn:hover {
    background-color: #16A085;color: #fff;
}

.form-control{border-radius: 0px;}

.btn-warning {
    border-radius: 0px;
    background-color: #F39C12;
    margin-top: 15px;
}
.input-group-addon{border-radius: 0px;}