@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,700,300,400&subset=latin,cyrillic-ext,cyrillic);

@font-face {  
  font-family: "Adventure";  
  src: url( /css/WILLS__.eot ); /* IE */  
  src: local(" Adventure "), url( /css/WILLS___.TTF ) format("truetype"); /* non-IE */  
}  

/*
 * Globals
 */

body {
  font-family: "Roboto Condensed", "Helvetica Neue", Arial, Georgia, "Times New Roman", Times, serif;
  color: #555;
/* background-image: url(/images/head-image.png); 
background-repeat: no-repeat;
    background-position: right 33px;
	background-size: 54%; */

}

body {
    background: #fff;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #666;
}


/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
  .container {
    width: 970px;
	width: 1100px;
  }
}


/*
 * Masthead for nav
 */

.blog-masthead {
/*  background-color: #97ac06;
background-color: #007eb8; */
	background-color: #000; 
/*  box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); */
}
.blog-masthead .container {padding-right:0; padding-left:0;  }
.blog-footer .container {padding-right:0; padding-left:0; padding-top: 20px; }
.blog-footer .container.line {display: block; height: 4px;  margin-top: 10px; padding:0;}

.blog-masthead a {color: #fff;}

/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #cdddeb;
	color: #753374;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  /* text-decoration: none; */
}

/* Active state gets a caret at the bottom */
.blog-nav .active {
  color: #fff;
 
}

.blog-sidebar .blog-nav .active {
  color: #666;
	font-weight: bolder;
 
}

.blog-nav .open .active {
  color: #666;
 
}

.blog-nav ul .active {
	color: #000;
	font-weight: bolder;
}

.blog-nav .active:after {
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right:  5px solid transparent;
  border-bottom: 5px solid;
  border-left:   5px solid transparent;
	color: #fff;
}

.blog-sidebar .blog-nav .active:before {
  position: absolute;
  top: 40%;
  left: 0;
  width: 0;
  height: 0;
  margin-left: 0px;
  vertical-align: middle;
  content: " ";
   border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid;

/*
  border-top: 5px solid; 
  border-right:  5px solid transparent;
  border-bottom: 5px solid; 
  border-left:   5px solid transparent;
*/
	color: #fff;


}

.blog-sidebar .blog-nav .active:after {
              display: none; 
}

/*
 * Blog name and description
 */

.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.navbar-header .logo {
	background: url(/images/logo.png) 0px 0px no-repeat; 
	 line-height: 1.5em; 
	font-size: 18pt; text-transform: uppercase; background-size: contain; 
    padding: 15px 15px;
	padding-left: 85px;
	display: inline-block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;

}
.navbar-header .logo img {display: none;}
.blog-title {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: bolder;
	text-indent : 0px;
/*	background: url(/images/index/logo.png) left center no-repeat;  */
	height: 140px;
	background-size: contain;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font: 400 46px/46px Roboto Condensed;
	text-align: center;
    background-size: contain;
}
.blog-title .logo {
	padding-left: 140px;
    display: block;
	text-decoration: none;

}
.blog-title span {
	font-size: 20px;
	display: block;
	font-weight: 100;
}
.blog-description {
  font-size: 20px;
  color: #999;
	font-size: 0.9em;
    text-transform: uppercase;
    font-family: Arial;
}

.blog-description .fa {
	font-size: 0.5em;
	color: #df8b45;
}

/*
 * Main column and sidebar layout
 */

.blog-main {
  font-size: 18px;
  line-height: 1.5;
}

.blog-index {
  font-size: 18px;
  line-height: 1.5;
	text-align: center;
	padding-top: 2em;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 0;
  margin: 0 15px 15px -15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}



/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}


/*
 * Blog posts
 */

.blog-post {
  margin-bottom: 60px;
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}


/*
 * Footer
 */

.blog-footer {
  padding: 0px 0;
  color: #999;
  text-align: center;
/*  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5; */
	padding-bottom: 10px;
}
.blog-footer a {color: silver;}
.location {margin-bottom: 3em; padding-top: 15px;}

ul.news {margin-left:0; padding-left:0; padding-top: 2em;}
.news .tp1 {
	list-style-type: none;
	margin-left:0;
	
}
.sidebar-module h4 a {color: #000;}
.prname {padding-bottom: 0.3em;}


/*.navbar-nav li a {color: #753374;}
.navbar-nav li a:hover {color: #753374; background: #eee;}
*/

.navbar-nav > li  {border-bottom: 1px solid #000; text-align: center;}
.navbar-nav {    margin: 0px -15px;}
.phone  {
    line-height: 2em;
    font-size: 1.6em;
	color: #fff;
	text-align: center;	
	margin-left: 1px;

}
.position-tl, .position-tr  {
    line-height: 2em;
    font-size: 1.2em;
	color: #666;
	text-align: center;	
	margin-left: 1px;

}

.phone .fa {font-size: 1em; color: #fff;}
.phone span {font-size:0.7em; margin-right: 10px;}
.position-tl .fa, .position-tl a {color: #666;}


.soc_buttons a img {
	width: 48px;
	height: 48px;
}

.dropdown-menu {
  position: inherit;
  float: none;
}
.banner {height: 10em; background: url("/images/bg.jpg") center center no-repeat;      background-size: cover; margin-top: 4px;}                   

@media (max-width: 410px) {
	.phone span {display: block;}
	.blog-title {padding-left: 100px; font-size: 2.5em;}
	.blog-title span {font-size: 0.7em; line-height: 1.2em;}
	.blog-title .logo {
		width: 100px;
		margin-left: -100px;
	}
}
@media (max-width: 768px) {
	.reclam .ban-link {display: none;}

	.blog-footer .container {position: relative;}
	.banner {height: 4em;}

} 
@media (min-width: 768px) {
	body {
            background: #fff;
	}
	.dropdown-menu {
	  position: absolute;
	  float: left;
	}


        .navbar-nav {    margin: 0px -15px;}
	.navbar-nav > li  {border-bottom: none; text-align: left;}
	.nav-justified > li  {border-bottom: none; text-align: left;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.36+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5c000000',GradientType=0 ); /* IE6-9 */


	margin-right: 1px;

	}
	.position-tl {float: left;}
	 .position-tr {float: right;}
	.phone {
		float: right;
		text-align: left;
		padding-top: 0.3em;
		padding-bottom: 0.3em;

		padding-left:15px;
		padding-right:15px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2ff52+0,97ac06+100 */
background: #d2ff52; /* Old browsers */
background: -moz-linear-gradient(top, #d2ff52 0%, #97ac06 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d2ff52 0%,#97ac06 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d2ff52 0%,#97ac06 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#97ac06',GradientType=0 ); /* IE6-9 */

  background: #007eb8;
  background: -moz-linear-gradient(top, #007eb8 0%, #005f94 88%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007eb8), color-stop(88%,#005f94));
  background: -webkit-linear-gradient(top, #007eb8 0%,#005f94 88%);
  background: -o-linear-gradient(top, #007eb8 0%,#005f94 88%);
  background: -ms-linear-gradient(top, #007eb8 0%,#005f94 88%);
  background: linear-gradient(to bottom, #007eb8 0%,#005f94 88%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007eb8', endColorstr='#005f94',GradientType=0 );


	}
	.soc_buttons {
	    position: fixed;
	    left: 0;
	    top: 152px;
/*	    width: 70px; */
	}

	.soc_buttons a {
	    display: block;
	    position: relative;
	}
	.nav-justified > li:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.36+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.36) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.36) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.36) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

	}

}

.blog-footer .fa {
	color:#999;
	font-size: 2em;
}

.blinks3 {
  padding-left: 0;
  list-style: none;

}
.spec li {margin-bottom: 1em;}



.blog-sidebar .nav > li {
/*background: #eaeeef; 
background: #a3d5fe;  */
margin-bottom: 2px; 

padding-left: 0.5em;
/*background: url(/images/open_group.gif) 0.5em 1em no-repeat; */

    border: 1px solid #c74144;
    border-radius: 15px;
	margin-bottom: 1em;
	text-align: center;
	list-style-type: none;
	
}



.blog-sidebar .nav > li:hover {

	background: #c74144;
	
}
.blog-sidebar .nav > li:hover ul a, .blog-sidebar .nav > li:hover a {color: #fff;}

.blog-sidebar .nav > li ul {margin: 0px; padding: 0px;}
.blog-sidebar .nav > li ul li {margin: 0px; padding: 0px; list-style-type: none;}

.blog-sidebar .nav > li.current {
	background: #c74144;	
} 
.blog-sidebar .nav > li.open, .blog-sidebar .nav > li:hover {}

.blog-sidebar .nav .caret {display: none;}
.blog-sidebar h2 {font-size: 24px;}

@media (min-width: 768px) {
	.blog-sidebar .dropdown-menu {
	  top: 0;
	  left: 100%;
	}
}

.blog-sidebar .nav li.open {
	  background-color: #fff;
/*  border-color: #428bca;*/
}

.blog-sidebar .nav .open > a,
.blog-sidebar .nav .open > a:hover,
.blog-sidebar .nav .open > a:focus {
  background-color: transparent; 
	background: #f5f9fa;
	background: #f6ffed;
	background: #c1e3fe;
/*  border-color: transparent; */
border-radius: 5px;
}

.img-links a {display: block; background: #c1e3fe; padding: 4px 10px; margin-bottom: 2px; clear: both;}
.img-links a:after {display: block; content: ' '; clear: both;}
.img-links a img {margin-right: 3px; float: left; display: block;}

.map > li {list-style-type: none;}
ul.map {margin-left:0; padding-left:0;}
ul.map > li {padding-left: 10px;}
ul.map > li ul {padding-left:10px;}

.item .loop {display: none;}
.somebody img {max-width: 100%; height: auto;}


@media (min-width: 410px) {

ul.news > li { position: relative; padding-bottom: 1em;}
ul.news > li .images-one { top: 5px; left:0; width: 120px; position: absolute; max-height: 120px; overflow: hidden;}
ul.news > li .images-one .loop {display: none;}
ul.news > li .images-one ul {margin:0; list-style-type: none; padding:0; }
ul.news > li .images-one img {max-width: 100%;}
ul.news > li .date-news {display: block;}

}
@media (max-width: 410px) {


ul.news > li {padding-left: 0px; position: relative; padding-bottom: 1em;}
ul.news > li .images-one { top: 5px; left:0; width: 100%; position: inherit; margin-bottom: 1em;}
ul.news > li .images-one .loop {display: none;}
ul.news > li .images-one ul {margin:0; list-style-type: none; padding:0; }
ul.news > li .images-one img {max-width: 100%;}
ul.news > li .date-news {display: block;}


}
.somebody ul.news .tp1 {padding-left: 150px; position: relative; padding-bottom: 1em;}
.somebody ul.news .tp1 .images-one { top: 5px; left:0; width: 120px; position: absolute;}
.somebody ul.news .tp1 .images-one .loop {display: none;}
.somebody ul.news .tp1 .images-one ul {margin:0; list-style-type: none; padding:0; }
.somebody ul.news .tp1 .date-news {display: block;}

.somebody table td {background: #c1e3fe; border: 1px solid /*#fff */ #999;}
.somebody table th {background: #b5eeb9; border: 1px solid /*#fff */ #999;}

.gallery .noimg1 li.tp1 {float: left; width: 30%; list-style-type: none; margin:0; padding:0;}
.gallery .noimg1 li.tp1 a.ico {display: block; margin: 10px; background: #f5f5f5; border-radius: 4px; background-size: cover; }
.gallery .noimg1 li.tp1 a.ico img {height: 130px;}
.gallery .noimg1 li.tp1 a.title {display: block; text-align: center; padding: 10px; min-height: 6em;}

.images ul li {float: left; width: 30%; list-style-type: none; margin:0; padding:0;}
.images ul li a  {display: block; padding: 10px;}

.somebody .images-one {float: left; margin-right: 20px;}
.somebody .images-one ul {list-style-type: none; margin:0; padding:0;}
.somebody .images-one .loop {display: block;}
.somebody .images-one a, .somebody .images a {position: relative; display: block;}
.somebody .images-one a .loop, .somebody .images a .loop {position: absolute; top: 10px; right: 10px;}


.card {
	border: 4px solid #fff;
	box-sizing: border-box;
	min-height: 180px;
	vertical-align: middle;
	display: table;
	text-align: center;
}
.shema .col-12 {clear: both;}
.card {color: #fff;}
.card h1 {
  color: white;
  font: 100 30px/30px Roboto Condensed;
  text-align: center;
	word-wrap: break-word;
}

.small>h1 {
  font: 400 15px/15px Roboto Condensed !important;
}

@media (min-width: 992px) {
.card h1 {
  color: white;
  font: 400 50px Roboto Condensed;
  text-align: center;
}

.small>h1 {
  font: 400 16px Roboto Condensed !important;
}
}
.shema .col-6 {padding-top: 20px; min-height: 11em;}
.shema .col-3 {padding-top: 20px; overflow: hidden;}

.o {background-color: #007eb8;}
.v {background-color: #007eb8;}
.g {
  background-color: #49B26F;
}
.dg {
  background-color: #52AF49;
}
.bg {
  background-color: #48AD8A;
}
.somebody .images:after {display: block; clear:both; content: '';}
.calendar {width: 100%;}
.calendar th {text-align:center;}
.calendar td {text-align:center;}

table.calendar tr > td {background: #fff; border: 1px solid #dee1e2;}
table.calendar tr > td.none {background: #e9ebec; border: 1px solid #dee1e2;}
table.calendar tr > th {background: #e9ebec; border: 1px solid #dee1e2;}
table.calendar table td {background: #fff; border: 0px solid;}

table.calendar tr > td > b > a {color: #98b706; color: #007eb8;}

.feedback td {padding: 4px; vertical-align: top;}
.feedback input[type=text] {width: 100%;}
.feedback input[type=radio] {margin: 4px;}
.feedback textarea {width: 100%; min-height: 100px;}
.feedback .error, .err {color: red; font-size: 0.9em;}

.reviews .tp1, .faq .tp1 {list-style-type: none; margin-bottom: 1em;}
.faq .tp1 .desc, .reviews .tp1 .desc {color: silver;}
.faq .tp1 .title {display: none;}
.reviews .tp1 .title {display: none;}
.faq .answer {background: #f5f5f5; border-radius: 5px; margin-left: 2em; padding: 10px; color: #000;}
.search ol li {margin-bottom: 1em;}

.files {margin-top: 2em;}
.files ul {margin:0; padding:0; display: table; border-spacing: 1em; min-width: 90%;}
.files ul li  {list-style-type: none; min-height: 100px; display: table-row; margin-bottom: 1em;}

.files ul li .fa { font-size: 4em; color:#819b05; display: block; }
.files ul li .fa.fa-file-word-o {color: #2e5995;}
.files ul li .fa.fa-file-pdf-o {color: #c84034;}
.files ul li .fa.fa-file-powerpoint-o{color: #ef8336;}
.files ul li .fa.fa-file-excel-o{color:#3d6d44;}

.files ul li .icon img {display: none;}
.files ul li a {display: block; display: table-cell; vertical-align: middle; padding-left: 20px; margin-bottom: 1em; border: 1px solid #eee; border-radius: 6px; padding-right: 20px;}
.files ul li span.icon {display: block; display: table-cell; vertical-align: middle; background: #eee; border-radius: 6px; padding: 10px; text-align: center; width: 100px; margin-bottom: 1em;}

.somebody > p {text-align: justify;}

.sidebar-module h3 {padding-left: 15px;}
.sidebar-module .blinks3 li {background: #a3d5fe;}
.sidebar-module .blinks3 li  a {
    display: block;
    padding: 10px 15px;
}
.sidebar-module .blinks3 li  a:hover{
	text-decoration: none;
}

.sidebar-module .blinks3 li:hover {background: #c1e3fe;}

.s-form {position: relative;}
.s-form input[type="submit"] {border: 0px; background: none; text-indent: -1000px; position: absolute; right:0; top:0; width: 3em; z-index:2;}
.s-form input[type="text"] {width: 100%;}
.s-form .fa {position: absolute; right:2px; top:0;}
.s-form .fa:before {line-height: 1.2em; font-size: 1.5em; color: LightGray;}
.zebrab .even {background: #f5f5f5; box-sizing: border-box;} 
.zebrab .odd {background: #e9ebec; box-sizing: border-box;}

ol.zebrab {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
	display: table;
	border-spacing: 0px 4px;
}

ol.zebrab > li {
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
  /*  border-top:2px solid #666; */
	display: table-row;

}
ol.zebrab > li > p {

	display: table-cell;
	padding: 10px;
}
ol.zebrab > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
/*    position:initial;
    top:0px;
    left:-2em; */
	display: table-cell;

    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

    min-width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
/*    margin-right:8px; */
    padding:	14px;
/*    border-top:2px solid #666; */
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;

}




ol.zebra {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.zebra > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
  /*  border-top:2px solid #666; */
    background:#f6f6f6;
}
ol.zebra > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
/*    position:initial;
    top:0px;
    left:-2em; */
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
/*    border-top:2px solid #666; */
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

.map ul {padding: 10px 0;}
.map .tp2 > a {font-weight: bolder;}
.map .tp1 .tp2 > a {font-weight: normal;}

.reviews .tp1 {border-bottom: 1px solid silver;}

.blog-masthead .nav > li > a > img {margin-right: 0.3em;}
.tp1 .ico {float: left; border: 1px solid silver; padding: 10px; margin-right: 0.5em; margin-bottom: 1em;}
.tp1 {clear: both; list-style-type: none;}
.images-one li, .images li {list-style-type: none; text-align: center;}
.news {margin:0; padding:0;}
.news li {margin:0; padding: 1em 0; list-style-type: none; padding: 20px; margin-bottom: 1em;}
h3.news {font-size: 30px; border-bottom: 1px solid silver;}

.main-body {background: #fff;  }
/*.leftmenu {margin-left: -17px; background: #fff; border-top: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; padding-top: 2em; padding-bottom: 2em;  } */
.blog-sidebar { background: #f7efd6;  padding-top: 2em; padding-bottom: 2em; padding-left:2em; }
/*.navbar-toggle .fa-bars {font-size: 2em; color: #fff;} */
.navbar-toggle .icon-bar {background: #fff;}
.blog-sidebar h2 {padding: 0px 10px;}

.blog-main form.search { margin-bottom: 2em;}
.blog-footer  .reclam .ban-link li {display: inline;}
.blog-footer { margin-bottom: 20px;}

/*.blog-footer .copy {float: right; background: #fff url(/images/logo.png) -2px 0px no-repeat; background-size: contain; padding: 10px; padding-bottom:0px; padding-top: 140px; margin-right: -4px; margin-bottom: -2px; border-left: 2px solid #000; color: #000; font-weight: bold; font-size: 18px;} */
.navbar-header {text-align: center;}
.blog-sidebar .nav > li > a {
  position: relative;
  display: block;
  padding: 0px 0px;
	font-size:1.3em;
}
.blog-sidebar .nav > li > a:hover { color: #fff; text-decoration: none;}

/*.blog-sidebar .nav > li > a:before {content: "\f04b "; display: inline; font: normal normal normal 14px/1 FontAwesome; padding-right: 3px;} */
@media (max-width: 767px) {
	.navbar-header {text-align: center;}
	.blog-index a img {max-width: 100%; height: auto;}
	.navbar-header .logo img {display: block; max-width: 100%; height:auto; margin-bottom: 10px; margin-left:auto; margin-right: auto; float: none; max-height: 50px;}
	.navbar-header .logo {background-image: none; padding-left: 15px; text-align: center; display: block; height:auto; float: none; margin: auto; }
	.blog-main ul li ul {padding-left: 10px;}
	#reclam {overflow: hidden;}
	.blog-main img {max-width: 100%; height: auto; margin-left:auto; margin-right: auto; margin-top: 4px; margin-bottom: 10px;}
}
@media (max-width: 367px) {
	.navbar-header .logo {clear: both;}
}