.marginT5{
  margin-top:5px;
}

.marginT10{
  margin-top:10px;
}

.marginB10{
  margin-bottom:10px;
}

.marginB25{
  margin-bottom:10px;
}

.borderB1{
  border-bottom:1px solid #0076bc;  
}

.borderB2{
  border-bottom:2px solid #0076bc;  
}

.colorL{
  color:#0076bc !important;
}

.backgroundL{
  padding-top:40px;
  background:#f6f6f6;
  padding-bottom:40px;  
}

.buttonL{
  background:#0076bc;
  color:#fff;
  padding:5px 10px 5px 10px;
  text-align:center;               
  cursor:pointer;
}

.buttonL:hover{
  background:#006cac;
}

.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'] {
	 margin:-.2px;
}

/* modal  */

input[name="name_modal"]{
  padding:10px;
  font-size:20px;
  margin-bottom:10px;
  width:100%;
}

input[name="pass_modal"]{
  padding:10px;
  font-size:20px;
  margin-bottom:10px;
  width:100%;
}

.submit_modal{
  padding:10px;
  background:#0076bc;
  font-size:20px;
  color:#fff; 
  margin-bottom:10px;
  width:100%;
  border:none;
}

/* modal end */

/* breads */

ul.breads{
	list-style:none;
	-webkit-padding-start: 0;
	margin-left:0 !important; 
}

ul.breads li{
	float:left;
	padding-left:4px;
}

ul.breads li:first-child{
	padding-left:0!important;
}

ul.breads li:after{
	content: "  /";
}

ul.breads li:last-child:after{
	content: "";
}

ul.breads li a{
	color:#000;
	font-size:13px;
	border-bottom:1px dashed #000;
}

/* breads */

.content-params{
  font-size:1.2em;
}

.content-params img{
    display: block;
    height: auto;
    max-width: 100%;
}

/* inner blocks */

.inner-pages-block{
  height:300px;
}

.inner-pages-block .inner-pages-block-img{
  height:220px;
}

.inner-pages-block .inner-pages-block-text{
    background: #0076bc;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 8px;       
    min-height:72px;
}

/* inner blocks */


.on-hover-shadow{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.on-hover-shadow:hover {
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow:0 0 10px #000; 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.text-down{
    white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    position: relative;
}

.text-down::after {
    content: '';
    position: absolute;
    right: 0; top: 0;
    width: 40px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(249,249,249, 0.2), #f9f9f9 100%);
    background: -webkit-linear-gradient(left, rgba(249,249,249, 0.2), #f9f9f9 100%);
    background: -o-linear-gradient(left, rgba(249,249,249, 0.2), #f9f9f9 100%);
    background: -ms-linear-gradient(left, rgba(249,249,249, 0.2), #f9f9f9 100%);
    background: linear-gradient(to right, rgba(249,249,249, 0.2), #f9f9f9 100%);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
        font-size: 16px;
    }
}