*, *:after, *:before { box-sizing: border-box; padding: 0; margin: 0;}

@font-face {font-family: Firasansbook; src: url(fonts/Firasansbook.ttf);}

a {text-decoration: none; outline: none; }

img { display: block; width: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1;}

p {color:#13334c;  text-align: left; line-height: 150%; font-size: 14px; margin-bottom: 5px;}

ol {padding-left: 15px; text-align: left; width: 100%; margin: 10px; line-height: 150%;}
ul {padding-left: 15px; text-align: left; width: 100%; margin: 10px; line-height: 150%;}




header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after {
	content: "";
	display: table;
	clear: both;
}

body {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px; width: 100%;
	line-height: 1;
	color: #373737;
	background-color:#e9e9e9;
}

header {
	width: 100%;
	background: #13334c;
	padding: 0;
	margin-bottom: 20px;
    position: relative;
}

.container {  
	margin: 0 auto;
    width: 100%;
	max-width: 1100px;
	padding: 20px 10px; 
}

.container_menu {  
	margin: 0 auto;
    width: 100%; display: table;
	max-width: 1100px;
	padding: 10px 10px; 
}

.container_telo {  
	margin: 0 auto;
    width: 100%;
	max-width: 1100px;
	padding: 0 10px; display:flex;
}

nav { width: 100%; }

.logo { display: block; float: left; }
.logo_img {height:100%; max-height: 60px; border: 0px solid #5d80b6; }

#menu {
    background: #005792;
	padding: 0
}

.menu {
    float: left;
    margin-left: 0px;
    list-style: none; /* Убираем маркеры списка */
    padding: 0; /* Убираем внутренние отступы */
}

#menu li {
    display: inline-block;
    margin-right: 15px;
}

#menu a {
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    display: block;
}

#menu a:hover {
    color: #fd5f00;
}

#menu li:last-child {
    margin-right: 0;
}



@media (min-width: 769px) {
    #menu .responsive-visible {
        display: none
    }
}

/* Отображаем элементы с классом .responsive-visible на малых экранах */
@media (max-width: 768px) {
    .responsive-visible {
        display: list-item !important; /* Используем !important, чтобы переопределить стили */
    }

   
    /* Выбираем элементы с классом .responsive-visible и отображаем их */
    #menu li.responsive-visible {
        display: list-item;
    }
}



.nav-toggle {
	display: none;
	position: relative;
	float: right;
	width: 40px;
	height: 40px;
	margin-left: 20px;
	background: #005792;
	cursor: pointer;
}
.nav-toggle span {
	display: block;
	position: absolute;
	top: 19px;
	left: 8px;
	right: 8px;
	height: 2px;
	background: white;
}
.nav-toggle span:before, .nav-toggle span:after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background: white;
	content: "";
}
.nav-toggle span:before {
	top: -10px;
}
.nav-toggle span:after {
	bottom: -10px;
	
}
#menu.active {
	max-height: 1000px;
}



/* основной контейнер */
.posts-list { 
	margin-bottom: 10px; margin-right: 20px;
	width:100%; 
	float: left; flex-shrink:1;
}

/* правый контейнер */
aside {flex-grow:0;
	width:100%; max-width:300px;
	float: right;
}

/* озакрепленный баннер */
.sticky { 
  position: sticky;
  top: 10px ; margin: 0px auto 20px;
}




.posts { 
    width: 100%;
    margin: 0px auto 20px;
    display: flex;
    flex-wrap: wrap;  
    background: #FFF;
    padding: 20px 20px 20px 15px; 
    box-shadow: 3px 3px 1px rgba(0,0,0,.05);
    border-left: 5px solid #FFF; /* Белая граница для всех элементов .posts */
}










 
.post-wrap { 
	width: 100%;
	margin: 0px auto 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;  
}
.post-item {
	padding-bottom: 20px; width: 100%;
}
.post-item-wrap {
	background: #FFF;
	position: relative; box-shadow: 3px 3px 1px rgba(0,0,0,.05);
}
 
  
.post-link {
	text-decoration: none;
	display: block;
	padding: 20px; 
}
.post-title { border-bottom: 2px solid #efefef; margin-bottom: 10px; text-align: left; 
line-height: 150%; font-size: 18px; color: #005792;  width: 100%; font-weight: bold;
}

.post-content {
color:#13334c;  text-align: left; 
line-height: 150%; font-size: 15px;
}




.posts-left {  
width: 60%;
float: left;
font-size: 20px;  margin-bottom: 10px;  
}

.posts-right { 
width: 40%;
float: right; padding-left: 15px;
}

.posts-bottom { 
width: 100%; 
float: left; 
}

.posts-img { 
width: 100%; max-width: 300px; margin: 0 auto;  box-shadow: 3px 3px 1px rgba(0,0,0,.05);
}

.posts-content { padding-top: 5px; width: 100%; 
border-top: 2px solid #efefef;
}
.post-osn {
	background: #FFF;
	display: inline-block; padding: 0 0 10px;
}
#scroll_top {
	display: none;
	position: fixed; float: cetner;
	bottom: 30px; margin: 0 auto;
	z-index: 1000;
	background: #005792; color: #FFF; border-radius: 5px; font-size: 14px; font-weight: bold; 
padding: 15px;	
}
#scroll_top:hover {
 	opacity: 1;
}

.rating-area { overflow: hidden; display: table; text-align:left; float: left; }
.rating-area:not(:checked) > input { display: none;}
.rating-area:not(:checked) > label { float: right; width: 52px; cursor: pointer; 
font-size: 50px; line-height: 50px; padding: 0; color: lightgrey; text-shadow: 1px 1px #1E90FF; }
.rating-area:not(:checked) > label:before { content: '★'; }
.rating-area > input:checked ~ label { color: gold; text-shadow: 1px 1px #c60; }
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label { color: gold;}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label { color: gold; text-shadow: 1px 1px goldenrod;}
.rate-area > label:active { position: relative;}

.ncom00 {width: 100%; float: left; font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 18px; }
.ncom4 { width: 100%; float: left; padding: 5px 0px; display: table;  text-align:left; }
.ncom5 { width: 100%; color: #1E90FF; display: table;}
.ncom6 {width: 100%; float: left; padding: 5px; margin: 0 auto; border: 2px solid #dedbe6; border-radius: 5px;  font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 15px; display: table;}
.ncom6:focus{  border: 2px solid #1E90FF;  outline: none; color:#13334c;  }
.com_button { width: 100%; display: table;  text-decoration: none;  
font-size: 20px; text-align:center; padding: 12px 20px; border: 2px solid #5d80b6; background: #5d80b6; color: #f7f8f9; border-radius: 5px;}
.com_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}
.com_h3 {margin: 5px auto; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.com_h2 {margin: 5px auto; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.com_l {width: 70%;  float: left; padding-top: 12px; }
.com_r {width: 30%;  float: left; text-align:center; }

.comment_href { display: table; float: right; text-decoration: none;  
font-size: 20px; text-align:center; line-height: 150%; padding: 0px 20px; font-size: 20px; border-radius: 5px;  background: #005792; color: #FFF; 
}

.com_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}
 
.com00 {width: 100%; float: left;  margin: 0 auto 10px; border: 2px solid #dedbe6; font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 18px; }
.com0 {width: 100%;  float: left; padding: 10px; margin: 0 auto; border-bottom: 2px solid #dedbe6; font-family: 'Larsseit', sans-serif; color:#36668c;}
.com1 {width: 25%; float: left; font-size: 20px;   }
.com2 {width: 50%; float: left; text-align:center;}
.com3 {width: 25%; float: left; text-align:right; font-size: 20px; }
.com4 { width: 100%; float: left; padding: 5px 10px; color:#13334c; display: table;}
.com5 { float: left; color: #1E90FF; padding-right: 10px; }

.captcha { width: 170px;  float: center; margin: 0 auto;   }



.primer1 {
   border-spacing: 0 10px; margin-top: -10px;
   font-family: 'Open Sans', sans-serif;
   width: 100%; 
}

.primer1 th {
   padding: 10px 10px;
   background: #005792;
   color: #efefef;
   border-right: 2px #efefef solid;
   text-overflow: ellipsis;
}

.primer1 th:first-child {
   text-align: left;
}

.primer1 th:last-child {
   border-right: none;
}

.primer1 td {
   vertical-align: middle;
   padding: 10px;
   text-align: center;
   border-top: 2px solid #efefef;
   border-bottom: 2px solid #efefef;
   border-right: 2px solid #efefef;
   background: white;
}

.primer1 td:first-child {
   border-left: 2px solid #efefef;
   border-right: 2px solid #efefef;
}

.primer1 td:nth-child(1) {
   text-align: left;
}














@media(max-width: 480px) {
table{
width:100%;//таблица на всю ширину экрана 
}

.col2 { display: none;
}
}

.pay_img {
   width: 100px; margin: 0 auto;
}

.radio label {
  position: relative;
  padding: 0 15px 0 40px; margin-right: 20px;
  cursor: pointer;
 
  float: left; border-radius:15px;
  line-height: 30px; border: 1px solid lightgrey;
}
.radio input {
  position: absolute;
  opacity: 0; border: 1px solid #5d80b6;
}
.radio-control {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px; width: 30px;
  border-radius: 50%;
  text-align: center;
}
.radio-control:before {
  content: "\2714";
  font-family: FontAwesome;
  font-weight: bold;
}
.radio_positive  {background: #32CD32; color: #32CD32; }
.radio_neutral   {background: #FF8C00; color: #FF8C00; }
.radio_negative {background: #FF0000; color: #FF0000; }

.radio label:hover input ~ .radio-control,
.radiol input:focus ~ .radio-control {
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
}
.radio input:checked ~ .radio-control {
  color: #FFF; content: "\2714";
}

.posts-left-content {   display: inline-block;
width: 100%; 
border-bottom: 2px solid #efefef;
}
.posts-left-title {  float: left; 
font-family: Firasansbook;   text-align: left; 
line-height: 150%; font-size: 25px;color: #005792; 
}
.posts-left-title-right {  
float: right;   text-align: center; 

}


.posts_link_bold { font-size: 14px;  display: inline-block; 
  color: #005792;   text-align: center;
  white-space: nowrap; font-weight: bold;
  padding: 5px 0;   
} 
.posts_link_bold:hover { color: #FD5F00;  text-align: center;}

.posts_link { font-size: 14px;  display: inline-block; 
  color: #005792;   text-align: center;
  white-space: nowrap;
  padding: 5px 10px 5px 0;   
} 
.posts_link:hover { color: #FD5F00;  text-align: center;}

.posts_link:before { padding-right: 5px; content: "\2022";
  font-weight: bold; }

.posts_span {font-size: 14px; display: inline-block; 
color: #FD5F00; padding: 5px 0px; margin-right: 5px; }

.bold { font-weight: bold;}


.posts_span_off {padding: 5px 0px; width: 100%; display: block;}


.rating-result { display: table; margin: 0; float: right; }
.rating-result span { padding: 0; margin: 0;  font-size: 30px; color: lightgrey; text-shadow: 1px 1px #bbb;}
.rating-result > span:before { content: '★';}
.rating-result > span.active { color: gold; text-shadow: 1px 1px #c60;}
.rating_p {  margin: 10px 0 10px 5px; float: right; font-size: 15px;}

.com_{border: 1px solid #bbb; border-radius: 5px; padding: 3px 8px; margin-right: 10px; font-size: 14px; font-weight: bold;  vertical-align: middle;}
.com_positive {color: #32CD32;  }
.com_neutral {padding: 0 8px; margin: 0 5px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; color: #FF8C00; }
.com_negative {color: #FF0000;}


.publ2 { text-align:left; color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}
.publ21 { background-image: url('icon/chat.svg'); vertical-align: middle;background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}

.like {text-align:left;  color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}
.like1 { color: #005792;background-image: url('icon/like.svg'); vertical-align: middle; background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}

.dlike {text-align:left;  color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}
.dlike1 { background-image: url('icon/dislike.svg'); vertical-align: middle; background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}


.pages {padding: 10px 15px; margin: 0 5px; font-size: 15px; background: #005792; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages_akt {padding: 10px 15px; margin: 0 5px; font-size: 15px; background: #32CD32; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages_to {padding: 10px 15px; margin: 0 5px;  font-size: 15px; background: #32CD32; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages:hover {  background: #13334c;}
.pages_to:hover {  background: #13334c;}







.category-list * {transition: .4s linear;}
.category-list { float: left; width:100%;
  background: white;
  list-style-type: disc;
  list-style-position: inside;
  padding: 0;
  margin: 0;
}
.category-list li {
  font-family: Firasansbook;  
  border-bottom: 1px solid #efefef;
  padding: 10px 0;
}
.category-list a {
  text-decoration: none;
  font-size: 15px;  color:#13334c; 
}
.category-list li span {
  float: right;
  display: inline-block;
  border: 1px solid #efefef;
  padding: 1px 5px;
  font-size: 13px;
  color: #999;
}
.category-list li:hover a {color: #005792;}
.category-list li:hover span { color: #005792;  }
.category-list li:hover { border-bottom: 1px solid #005792; color: #005792;}




footer {
	padding: 30px 0;
	background: #13334c;
	color: white;
}
.footer-col {
	width: 33.3333333333%;
	float: left;
}
.footer-col a {
	color: white;
}
.footer-col:last-child {
	text-align: right;
}
.social-bar-wrap {
	text-align: center;
}
.social-bar-wrap a {
    padding: 0 7px;
	font-size: 18px;
}





@media (max-width: 768px) {




	
.container_telo {  
	margin: 0 auto;
    width: 100%; 
	padding: 0 10px; display: block;
}

.nav-toggle {
	display: block;
}
header {
	padding: 10px 0;
}



.menu { width: 100%;  
}
#menu { width: 100%;  
	max-height: 0;
	background: #13334c;
    position: absolute;
	overflow: hidden;
	top: 120px;
    right: 0;
	left: 0;
	margin: 0;
	padding: 0;
	float: none;
    z-index: 3;
}
#menu li { width: 100%;  
	display: block;
    text-align: center;
	border-top: 1px solid #EBEBE3;
	margin-right: 0;
	padding: 8px;
}

#stroka .kno { max-width: 30px; background: #fd5f00; float: right; display: block; font-weight: bold; padding: 3px 5px 3px; font-size: 20px; } 
#stroka .linksl { width: 90%; display: block; padding: 2px 9px 2px; font-size: 13px; } 

.kno { max-width: 30px; background: #fd5f00; float: right; display: block; font-weight: bold; padding: 3px 5px 3px; font-size: 20px; } 
.linksl { width: 90%; display: block; padding: 2px 9px 2px; font-size: 13px; } 
 
.posts-list, aside {
    width: 100%; max-width: 100%;
    float: none;
}
.widget-post-title {
	font-size: 1.5em;
} 

.posts-left {  
width: 100%;
float: left;
font-size: 20px; padding: 20px 20px 10px;
}

.posts-right { 
width: 100%;
float: left; padding: 20px;
}




}



















@media(max-width: 480px) {

.container_telo {  
	margin: 0 auto;
    width: 100%;
	padding: 0 10px; 
	display: block;
}

.container {  
	margin: 0 auto;
    width: 100%;
	padding: 10px; 
}


.posts-list, aside {
    width: 100%;
    float: none;
}
.logo {
	display: block; 
	float: left; 
	margin: -10px 0 10px; 
}



#menu {
	top: 70px;
}
#searchform {
	float: left;
	margin-left: 0;
}
.post-footer {
    border-top: none;
	border-bottom: none;
	text-align: center;
}
.post-social {
	position: static;
	text-align: center;
	transform: none;
	margin-top: 20px;
}
.widget-post-title {
	font-size: 1.2em;
}
.footer-col {
	float: none;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}
.footer-col:last-child {
    text-align: center;
	margin-bottom: 0;
}

.posts-left {  
width: 100%;
float: left;
font-size: 20px; padding: 10px 0px 0px;
}

.posts-right { 
width: 100%;
float: left; padding: 0 0 10px;
}
.posts-bottom { 
width: 100%; 
float: left; padding: 0 0px 10px;
}

.posts-img { 
width: 100%; margin: 5px auto 10px;  max-width: 400px; box-shadow: 3px 3px 1px rgba(0,0,0,.05);
}

.posts-content { padding: 5px 0 0px; width: 100%; 
border-top: 2px solid #efefef;
}
.post-osn {
	background: #FFF;
	display: inline-block;
}


.posts-left-content {   display: inline-block;
width: 100%; border-bottom: 2px solid #efefef;

}
.posts-left-title {  float: left; 
font-family: Firasansbook;   text-align: left; 
line-height: 100%; font-size: 20px;color: #005792; 
}
.posts-left-title-right {  
float: right;   text-align: center; 

}

.view {text-align:left;  color: #005792; font-size: 15px; margin: 0 5px; vertical-align: middle;}

.rating-result { display: table; margin: 0; float: right; line-height: 100%;}
.rating-result span { padding: 0; margin: 0;  font-size: 25px; color: lightgrey; text-shadow: 1px 1px #bbb;}
.rating_p {  margin: 5px 0 5px 5px; float: right; font-size: 15px; line-height: 100%;}

.posts_link { font-size: 14px;  display: inline-block; 
  color: #005792;   text-align: center;
  white-space: nowrap;
  padding: 5px 0;   
} 



.pages {padding: 5px 8px; margin: 0 3px; font-size: 12px; background: #005792; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages_akt {padding: 5px 8px; margin: 0 3px; font-size: 12px; background: #32CD32; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages_to- {display: none;}
.pages_to {padding: 5px 8px; margin: 0 3px; font-size: 12px; background: #32CD32; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages:hover {  background: #13334c;}
.pages_to:hover {  background: #13334c;}

}





/* одинаковые стили для всех версий */

/* Иконки */
.vpn {text-align:left;  color: #FF8C00; font-size: 14px; margin-right: 5px; font-weight: bold; }
.topadmin { background-image: url('img/icon/topadm.svg'); vertical-align: middle; background-size: 25px; display: inline-block; width: 25px; height: 25px; margin-right: 10px; content:"";}

.s_pays { border-left: 5px solid #32CD32;} /* Платит */
.s_scam { border-left: 5px solid #FF0000;} /* Не платит (скам): */
.s_closed { border-left: 5px solid #A9A9A9;} /* Закрытый */
.s_examination { border-left: 5px solid #FFD700;} /* Проверка */
.s_problem { border-left: 5px solid #FF8C00;} /* Проблемный */

.status_pays {background: #32CD32; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 5px; font-size: 14px; font-weight: bold;  vertical-align: middle;} 		/* Платит */
.status_scam  {background: #FF0000; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 5px; font-size: 14px; font-weight: bold;  vertical-align: middle;} 		/* Не платит (скам): */
.status_closed {background: #A9A9A9; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 5px; font-size: 14px; font-weight: bold;  vertical-align: middle;}		/* Закрытый */
.status_examination {background: #FFD700; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 5px; font-size: 14px; font-weight: bold;  vertical-align: middle;}	/* Проверка */
.status_problem   {background: #FF8C00; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 5px; font-size: 14px; font-weight: bold;  vertical-align: middle;}	/* Проблемный */

.view {text-align:left;  color: #005792; font-size: 14px; margin: 0 2px; vertical-align: middle;}
.view1 { background-image: url('img/icon/visits.svg'); margin-right: 3px; vertical-align: middle; background-size: 17px; display: inline-block; width: 17px; height: 15px; content:"";}
.com { background-image: url('img/icon/3.svg'); margin-right: 3px; vertical-align: middle; background-size: 17px; display: inline-block; width: 17px; height: 17px; content:"";}
.publ11 { background-image: url('img/icon/clock.svg');  margin-right: 3px; vertical-align: middle; background-size: 17px; display: inline-block; width: 17px; height: 17px; content:"";}


 .icon-link-container {
    display: flex;
    align-items: center;
    width: 100%; /* Занимать всю ширину родителя */
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px solid #efefef;
}

.icon {
    width: 24px;
    height: 24px;
    background-image: url('img/icon/topadm.svg'); /* Указываем путь к вашей иконке */
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px; /* Отступ между иконкой и ссылкой */
}

.link {
	font-weight: bold;
    text-decoration: none;
    color: #32CD32; /* Синий цвет для ссылки */
    font-size: 16px;
    flex-grow: 1; /* Заставляем ссылку занимать оставшееся пространство */
}

.link:hover {
    text-decoration: underline; /* Подчеркивание при наведении */
}

 
 #banners_468x60 {
	float: right; width:100%; max-width:468px; height:100%; max-height: 60px; 
	overflow: hidden;
	display: inline-block;
	position: relative; background: #000;
}


.posts_ {
    position: relative;
    max-width: 250px;
    margin: 0 auto;
}

.post-title_ {
    text-align: left;
}

.category-list_ {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-list_ li {
    margin: 10px 0;
}

.category-list_ li a {
    text-decoration: none;
    color: #000;
}

.category-list_ li span {
    margin-left: 5px;
    color: #999;
}

.menu-toggle_ {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background-color: #007BFF;
    color: #FFF;
    border: none;
    cursor: pointer;
    width: 100%;
}

@media (max-width: 768px) {
    .category-list_ {
        display: none;
    }

    .menu-toggle_ {
        display: block;
    }

    .category-list.active_ {
        display: block;
    }
}







.banner_468x60 {
	float: right;
    width: 100%;
    max-width: 470px;
    height: 70px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#slot_361185 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.content img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Масштабирование картинки с сохранением пропорций */
}

 /* Какой-то код */
  /*
 .d1div {padding: 10px 0; background: white; float: right; display: block;}
.d1form {
  position: relative; 
  width: 150px;
  margin: 0 auto;
}

.d1 input { color: #00FF00; font-weight: bold;  
	background: #13334c; border-radius: 5px; padding: 10px 20px;
  width: 100%;
  padding-left: 10px;
  border: 2px solid #13334c;
  border-radius: 5px;
  outline: none;
  background: #FFF;
  color: #9E9C9C;
}
.d1 button {
  position: absolute; 
  top: 0;
  right: 0px;
  width: 42px;
  height: 42px;
  border: none;
  background: #13334c;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.d1 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F9F0DA;
}