.d11  {
  display: table;
  width: auto;
  margin: 0 auto;
  padding: 15px;
  letter-spacing: 2px;
  background: #cbdcea;
  border: 2px dashed white;
  color: white;
  box-shadow: 0 0 0 4px #cbdcea;
}

.headlinetitle {
	margin:0 !important;
	text-align: center;
	font-size: 110% !important;
}

.headlinetext {
	font-size: 70% !important;
	text-align: center;
}


hr  {
    
    
  border-color: #454d5d !important;
}

.headline {

box-sizing: border-box;

height: 25%;
width: 100%;
background: rgba(113, 189, 213, 0.90);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
position: absolute;
bottom: 0;
background-size: cover !important;
background-position: bottom;
padding: 0.7rem;
}

.headline_row {
	margin-right: 10% !important;
	margin-left: 10% !important;
}


test {
    width: 100px;	height: 100px; /* Размеры */
    background: #fc0; /* Цвет фона */
     outline: 2px solid #000; /* Чёрная рамка */
    border: 3px solid #fff; /* Белая рамка */
    border-radius: 10px; /* Радиус скругления */
}


td {
    border-spacing: 0;
    border-collapse: collapse;
    border: .05rem solid black ;
}

th {
    border-spacing: 0;
    border-collapse: collapse;
    border: .05rem solid black ;
}


table {
    border-spacing: 0;
    border-collapse: collapse;
    border: .05rem solid black ;
}

.table th{
		padding: .6rem .4rem;
		border-bottom-width: .1rem ;
		}

.title-span {
	display: inline;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: -10px 0 0 rgba(0, 0, 0, 0.5), 10px 0 0 rgba(0, 0, 0, 0.5);
	padding: 0 10px 0 0;
	color: #FFFFFF;
	line-height: 14px;
	font-size: 45px;
}


.card-pad {
  padding: 0.8rem;
}

.h1-card-pad {
	margin-top: 0.1rem;
}

/* Main Footer */
footer .main-footer{ padding: 20px 0; background: #252525;}
footer ul{ padding-left: 0; list-style: none;}

.imglink {

  
  text-align: center !important;
  
  background-color: rgba(0, 0, 0, 0);
  background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;


background-origin: padding-box;
background-clip: border-box;
/*  background-size: 40px;*/
  height: 20pt;
  

  background-size: contain;

   
        

  
}

.gray {
  filter: grayscale(100%);
  transition: 1s;  
}
.gray:hover{
  filter: grayscale(0%); 
}

.imagelocateeye {
 /* background-size: 50pt !important; */
  background-image: url(/user/themes/quark/images/eye.svg);
	height: 3rem !important;
	color: #454d5d !important;
}

.imagelocateeye:hover {
transition: background .7s,color .5s;
color: #3085ee !important;
}


.imagelocate1 {
 /* background-size: 50pt !important; */
  background-image: url(/user/themes/quark/images/1.webp);
}

.imagelocate2 {
  background-image: url(/user/themes/quark/images/2.webp);
}

.imagelocate3 {
  background-image: url(/user/themes/quark/images/3.webp);
}
.imagelocate4 {
  background-image: url(/user/themes/quark/images/4.webp);
}
.imagelocate5 {
  background-image: url(/user/themes/quark/images/5.webp);
}
.imagelocate6 {
  background-image: url(/user/themes/quark/images/6.webp);
}

.imagelocate7 {
  background-image: url(/user/themes/quark/images/7.webp);
}

.imagelocate8 {
  background-image: url(/user/themes/quark/images/8.webp);
}

.imagelocate9 {
  background-image: url(/user/themes/quark/images/9.webp);
}

.imagelocate10 {
  background-image: url(/user/themes/quark/images/10.webp);
}

.imagelocate11 {
  background-image: url(/user/themes/quark/images/11.webp);
}

.imagelocate-font {
  font-size: 0.6rem !important; 
}




/* Copy Right Footer */
.footer-copyright { background: #fff; padding: 5px 0;}
.footer-copyright .logo { display: inherit;}
.footer-copyright nav { float: right; margin-top: 5px;}
.footer-copyright nav ul { list-style: none; margin: 0; padding: 0;}
.footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block; line-height: 12px; margin: 0; padding: 0 8px;}
.footer-copyright nav ul li a{ color: #969696;}
.footer-copyright nav ul li:first-child { border: medium none; padding-left: 0;}
.footer-copyright p { color: #969696; margin: 2px 0 0;}

/* Footer Top */
.footer-top{ background: #252525; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #222;}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer{ background: transparent;}
footer.transparent .footer-copyright{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}

/* Footer light */
footer.light .footer-top{ background: #f9f9f9;}
footer.light .main-footer{ background: #f9f9f9;}
footer.light .footer-copyright{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}

/* Footer 4 */
.footer- .logo { display: inline-block;}

/*====================  
  Widgets  
====================== */
.widget{ padding: 20px; margin-bottom: 40px;}
.widget.widget-last{ margin-bottom: 0px;}
.widget.no-box{ padding: 0; background-color: transparent; margin-bottom: 40px;
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget.subscribe p{ margin-bottom: 18px;}
.widget li a{ color: #ff8d1e;}
.widget li a:hover{ color: #4b92dc;}
.widget-title {margin-bottom: 20px;}
.widget-title span {background: #839FAD none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
.widget-title span::after {background: inherit;content: "";height: inherit; position: absolute;top: -4px;width: 50%;}
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
.widget .badge{ float: right; background: #7f7f7f;}

.typo-light h1,  
.typo-light h2,  
.typo-light h3,  
.typo-light h4,  
.typo-light h5,  
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,


ul.social-footer2 { margin: 0;padding: 0; }
ul.social-footer2 li {padding: 0;}
ul.social-footer2 li a:hover {background-color:#ff8d1e;}
ul.social-footer2 li a {display: block; height:30px;width: 30px;text-align: center;}
.btn{background-color: #58a0ed; color:#fff;}
.btn:hover, .btn:focus, .btn.active {background: #4b92dc;color: #fff;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-webkit-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
transition: all 250ms ease-in-out 0s;

}