brilliante-html/html/style.css

@font-face {
  font-family: 'Frutiger CE Light';
  src: url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.eot');
  src: local('☺'), 
  url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.woff') format('woff'), 
  url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.ttf') format('truetype'), 
  url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.svg') format('svg');
}
	
@font-face {
  font-family: 'Frutiger CE Bold';
  src: url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.eot');
  src: local('☺'), 
  url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.woff') format('woff'), 
  url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.ttf') format('truetype'), 
  url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.svg') format('svg');	
}

@font-face {
  font-family: 'MyraidPro BoldCond';
  src: url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.eot');
  src: local('☺'), 
  url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.woff') format('woff'), 
  url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.ttf') format('truetype'), 
  url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.svg') format('svg');	
} 
  
body {
  background: #282828;
}
  
.container {
  margin: auto;
  width: 960px;
  background: #ededed;
}

header {
  height: 64px;
  background: #1a1e27;
  box-shadow: 0 3px #fff;
  float: left;
  width: 100%;
}

.logo-letter {
  margin: 0;
  font-family: "Frutiger CE Bold", sans-serif;
  font-size: 31px;
  margin: 0;
  font-style: bold;
}

.logo-letter a {
  color: #1c1f27;
  text-decoration: none;
}

.logo-bottom {
  font-family: Arial, sans-serif;
  font-size: 13px;
  margin: 0;
  color: #1c1f27;
  margin: -5px 3px;
}

.logo-container {
  float: left;
  margin: 46px 23px 0 73px;
}

.separator_title {
  float: left;
  height: 21px;
  margin: 63px 0 0 ;
  border-right: 1px solid #fcfcfc;
  box-shadow: 1px 0 #d5d5d5;
}

.about {
  float: left;
  width: 220px;
  margin: 58px 20px 0;
  font-family: Georgia, "Century Schoolbook L", Serif;
  font-style: italic;
  font-size: 13px;
  color: #646464;
}

.main_menu {
  margin: 0;
  float: left;
  padding: 0 0 0 26px;
}

.main_menu li {
  float: left;
  list-style-type: none;
}

.menu_active {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEVGQjYyQzk2RjgxMTFFMjkxRDFDNTg4OEFGMTlFNkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGQjYyQ0E2RjgxMTFFMjkxRDFDNTg4OEFGMTlFNkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RUZCNjJDNzZGODExMUUyOTFEMUM1ODg4QUYxOUU2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RUZCNjJDODZGODExMUUyOTFEMUM1ODg4QUYxOUU2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkO0670AAAB2SURBVHjaYnz79i0DFsAOxD+xSTBhEVMB4h9A/J9YDbeR2G6ENNii8XcCMScuDSxAfAiLjUG4NHgzYAdLgFgWXYMwEG9gwA2K0DWkMOAHBUBsBmIwAuNBDkg/ZCAOMDKRoBgEDEAhIw/EJUDsQ0BxOhBfAAgwAM98E2p5kkcbAAAAAElFTkSuQmCC) no-repeat bottom center;
}

.main_menu li a:hover {
  color: #777;
}

.main_menu li a {
  color: #fff;
  text-decoration: none;
  font-family: "Frutiger CE Light", sans-serif;
  font-size: 14px;
  padding: 20px 5px 0 5px;
  height: 47px;
  display: inline-block;
}

.slider {
  width: 896px;
  height: 238px;
  background: #1d1f25;
}

.content {
  padding: 42px 31px 0 31px;
  clear:both;
}

.leftcol {
  margin-right: 375px; 
}

.rightcol {
  float: right; 
  width: 327px;
}

footer {
  background: #1a1e27;
  box-shadow: 0 -3px #fff; 
}

.copyright {
  float: right;
  margin: 24px 32px;
}

.footer {
  height: 66px;
  clear: both;
  background: #ededed;
}

.footer-menu {
  margin-top: 24px;
  float: left;
  padding-left: 32px;
}

.footer a {
  text-decoration: none;
  color: #1a1e27;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-size: 15px;
}

.footer {
  color: #1a1e27;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-size: 15px;
}

.footer a:hover {
  color: #646464;
}

.footer-menu li {
  display: inline-block;
  height: 47px;
}

.footer-left, .footer-right, .footer-center {
  padding: 0 32px 0 32px;
  color: #fff;
}

.footer-left, .footer-right {
  float: left; width: 256px; 
}
   
.footer-center {
  margin: 0 320px; /* Ширина колонок */
}
   
.footer-right {
  float: right; 
}

.footer-title {
  font-family: "MyraidPro BoldCond", sans-serif;
  font-size: 23px;
  border-bottom: 1px solid #353637;
  padding: 18px 0 11px 64px;
}

.center-title {
  text-align: center;
  padding-left: 0;
}

.footer-links a {
  font-family: "Frutiger CE Light", sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
}

.footer-links a:hover {
  color: #777;
}

.footer-links li {
  display: inline-block;
  margin-bottom: 10px;
}

.footer-links {
  padding: 0;
}

.social li{
  display: inline-block;
  margin: 15px 5px;
}

.social{
  padding: 0;
}

.social img {
  border: 0;
}

.grab-our-feeds a {
  font-family: "Frutiger CE Light", sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  padding: 3px 30px 3px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MURBRTY1RTA2RjgzMTFFMjg2NjlBRTJFNUUwOEZBNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MURBRTY1RTE2RjgzMTFFMjg2NjlBRTJFNUUwOEZBNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxREFFNjVERTZGODMxMUUyODY2OUFFMkU1RTA4RkE1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxREFFNjVERjZGODMxMUUyODY2OUFFMkU1RTA4RkE1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnJ8zvYAAAQnSURBVHjaVFRdaBxVFP7uzJ3dzWY3aTcbt7ZpmkLctFDQKrEBZUO10BK04INQ6osF7YOp0hbxTatYXwSRPlR8EZQKgtWCpShqpTRp6oPQSGxpYyJNwSakrZudJLszOz/3eu6d2ex24M6dn3u+853v/LAbRxIs1dF9uG1j8XNmGDAYwFoXoG9ql4gvehCyuUu1QoHa/M0j7mr5NJs5niklMusui+oiDN+HaRKAgSa4Ee1oAVQgQjQBRUg7t8Dau+Esl7dwFtRKYWUVRBI8ST/VYZ9AE/RuASaPmDZYyhjIkNFZIgim9sBHaM/TUWsHN+ivYsXJmHDhFB6HVxgCqguQ/91CYmUGGTqTTkfgIgZTu2iNgEdbICTnFJpULNViHpDf+RKye05oZp7nY/mfq1j+8yxWpr9FTtxHqq3J7iFZ1GXqCCRXLDUgopDDuYuojyVhru9FYsMT6N4+rJc9/xYe/PIh0rNfY1270posAhnJoYKQkRMtY8ObTogK4c4V+LQE6eunO2FuHgbfdRydvcPIvnoG85eGUL78DnKJGqTZkrgGawWsb3Gm1ZlVaz3u8k1YdC3UKjbkzHmE3+9D8NtRqo4qenaPgo98gYqX0jmA0Sw/o2WPHKgMk6bZwUPoeXuaWI1jZfB9/GsW4dZcsMlTCH46BNRtFJ4+AJROwnGJCIvrmMUOEFXGmi7qi+XbaPcW0NW/C30vnsCGw+N40D8K27Ng/H0W/q9vqkrHI8PH4G7ei7AeVU2jhnW+3ngKpdDHcxqc/ob3/oI3+RXE9HlKXBqpLUPo3DGCpVXS7fYlmPemIDu2gm/cCeQGYP/xpe4mP6BqIeZeIL8xVDeoYg/VUs9eAFmtILj9O5zvDqL+M2kpAzy6711U+1+BT4b1sY8gHRvZrYNgfXsQOLG9H9WvgbiYQZ7IFtQYuO8lsYA8HNLYv3IK3sQnWvzc3pOoproQLs7CvXFO69e2/QVQd0P6kT10t8V9HNIHQfo46V50vXYRm45Nwi0e0GG5Ex9DLM0h3d0H47H98OmcO/2j1i9dfB6h1aZtddQKVAHqtqMPIYXRUdyN/MCzyOZ7kHvyZRBZ+OUy3JsXNEiir6SCQv3ulH5PFgaAVEGTkjEWf6gjKFHOtR9Q23YGVr4f9fFPCZEkoTjduatIbhuBSTGGysZeQv3ONSqXFJiZ0q0rDMVUgl1/He+R6w90u0alpocLT9ItCGAkG93GwRIZ0o6mkVMlyWho8AxFyBC49E5lplLjm9jPyesUiyewTpieNCqTgR57a4ODKdErazUtSbwwWNH5UO0qaEmma36Wk5QXiOVpMhxVjKQRjTHF0LBilo1BLZvzVMSJVaJrLaH7/zMieYsLJZmJo+R4jMCf0UPCisaYjPWQreMtHtgidq4BA531CRpa55TP/wUYAAek/dP3B9rpAAAAAElFTkSuQmCC) right no-repeat;
}

.grab-our-feeds {
  position: absolute;
  margin: 20px 0 0 599px;
  padding-right: 22px;
  width: 143px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAApCAYAAADwH5PvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY5MUZERkY2RjkzMTFFMkJEOTJFQ0MyMzQ2ODUxRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY5MUZFMDA2RjkzMTFFMkJEOTJFQ0MyMzQ2ODUxRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjkxRkRGRDZGOTMxMUUyQkQ5MkVDQzIzNDY4NTFENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjkxRkRGRTZGOTMxMUUyQkQ5MkVDQzIzNDY4NTFENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkUqFjcAAACmSURBVHjadJJLDsIwDETHVlYcoUiw7LW5Fwdhg+KOXedXQSpLfh3PxKoq9+cOno31KQIUNi+DvRVCZJkBKg48RirZOxIwlGUsQCKgpiIZoOpvg2ZPnT09YIluSrRYx7CM8VH0Pee0VcEE+Av0qV/mH8NJhyCpeJQknH1AXN4gx9xTM20orA4RLXpRwoOLB20M+J2WG2CK9kULuoe1PeI/uLG+hwADACgye6PuG/wFAAAAAElFTkSuQmCC) right no-repeat;
}

.grab-our-feeds a:hover {
  color: #777;
}

.content-title {
  font-family: "Frutiger CE Bold", sans-serif;
  font-size: 25px;
  color: #fff;
  background: #1a1e27;
  display: inline-block;
  padding: 0 2px;
  margin: 41px 0 26px 0;
}

.article-title {
  margin: 1px 0;
}

.article-title a {
  font-family: "Frutiger CE Light", sans-serif;
  font-size: 21px;
  color: #242830;
  text-decoration: none;
}

.article-title a:hover {
  color: #555;
}

.article-preview {
  margin: 0 0 41px 0;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-size: 13px;
}

.article-pre-text {
  margin: 0 0 10px 153px;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
  width: 365px;
  font-size: 14px;
  text-align: justify;
  line-height: 22px;
}

.pre-article-img {
  padding: 3px;
  border: 1px solid #cccccc;
  float: left;
  width: 136px;
  height: 134px;
}

.date-separator {
  display: inline-block;
  border-right: 1px solid #fff;
  width: 1px;
  height: 17px;
  box-shadow: 1px 0 #d5d5d5;
  margin: 0 5px -4px 2px;
}

.author{
  margin-left: 153px;
}

.posted-in {
  margin-bottom: 10px;
}

.posted-in  a, .author a {
  font-family: Georgia, "Century Schoolbook L", Serif;
  font-style: italic;
  text-decoration: none;
  font-size: 13px;
  color: #646464;
}

.posted-in  a:hover, .author a:hover {
  color: #222;
}

.read-more {
  padding: 4px 9px;
  text-decoration: none;
  background: #747474;
  color: #fff !important;
  float: right;
  margin: -13px 5px 0 0;
  font-family: "Frutiger CE Bold", sans-serif !important;
  font-style: normal !important;
  font-size: 15px !important;
  background: -moz-linear-gradient(top, #808080,#656565);
  background: -webkit-linear-gradient(top, #808080,#656565);
  background: -o-linear-gradient(top, #808080,#656565);
  background: -ms-linear-gradient(top, #808080,#656565);
  background: linear-gradient(top, #808080,#656565);
}

.read-more:hover:active {
  background: -moz-linear-gradient(top, #656565, #808080);
  background: -webkit-linear-gradient(top, #656565, #808080);
  background: -o-linear-gradient(top, #656565, #808080);
  background: -ms-linear-gradient(top, #656565, #808080);
  background: linear-gradient(top, #656565, #808080);
}

.read-more:hover {
  background: -moz-linear-gradient(top, #777,#555);
  background: -webkit-linear-gradient(top, #777,#555);
  background: -o-linear-gradient(top, #777,#555);
  background: -ms-linear-gradient(top, #777,#555);
  background: linear-gradient(top, #777,#555);
}

.about-author {
  margin: 0;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-size: 13px;
  min-height: 104px;
}

.author-img {
  padding: 3px;
  border: 1px solid #cccccc;
  float: left;
  width: 94px;
  height: 96px;
}

.author-name {
  margin: 0 0 0 110px;
  width: 365px;
}

.author-name a {
  font-family: "Frutiger CE Light", sans-serif;
  font-size: 20px;
  color: #6d6d6d;
  text-decoration: none;
}

.author-name a:hover {
  color: #222;
}

.author-description {
  margin-left: 110px;
  margin-top: -4px;
  padding-bottom: 8px;
  font-family: Georgia, "Century Schoolbook L", Serif;
  font-style: italic;
  font-size: 14px;
  color: #818181;
}

.author-more {
  margin-left: 110px;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  line-height: 22px;
  font-size: 14px;
}

.advert {
  background: #1a1e27;
  color: #e3e3e3;
  font-size: 29px;
  width: 156px;
  height: 156px;
  float: left;
  text-align: center;
  font-family: "Frutiger CE Bold", sans-serif;
  padding-top: 52px;
  line-height: 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.advert-right {
  margin-left: 172px;
  float: none;
}

.categories {
  margin: 0;
  padding-left: 16px;
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQwQ0YzNkE2RjlBMTFFMkJFNjFFQTZEODEyQzM1MTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQwQ0YzNkI2RjlBMTFFMkJFNjFFQTZEODEyQzM1MTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDBDRjM2ODZGOUExMUUyQkU2MUVBNkQ4MTJDMzUxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDBDRjM2OTZGOUExMUUyQkU2MUVBNkQ4MTJDMzUxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhLqRMMAAAB7SURBVHjaYkxJSZFiYGDgBOK7DHgAExALAvEdIJ4NxDz4FMJAChB/BOJ0NHEMhTD+DCB+BsTW+BTCgDgQHwHiA0AshU8hDNgCcRAQM7LgUTQPiPOB+AuIg03hBSAOB+JbyILICr9ArdkDxP9x+boCiIWAeDc2RSAAEGAAN5YS36rfQPIAAAAASUVORK5CYII=);
}

.categories li {
  margin: 0 0 20px 0;
}

.categories li a {
  font-family: "Frutiger CE Light", sans-serif;
  font-size: 15px;
  color: #1a1e27;
  text-decoration: none;
}

.categories li a:hover {
  color: #777;
}

.slider-text {
  border-bottom: 1px solid #28292d;
  width: 272px;
  padding: 19px 14px 16px 14px;
  margin: 15px 15px 0 581px;
  color: #ededed;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-size: 14px;
  line-height: 23px;
  box-shadow: 0 1px #2c2d30;
}

.slider-text h1 {
  margin: 0 0 10px 0;
  font-family: "Frutiger CE Light", sans-serif;
  font-size: 25px;
  color: #ebebeb;
}

.pre-img{
  position: absolute;
  margin: 6px 0 0 580px;
  width: 309px;
}

.pre-img img{
  border: 1px solid #e5e5e5;
  border-radius: 1px;
  margin: 16px;
  cursor: pointer;
}

.slider img {
  float: left;
}

.hire-us {
  position: absolute;
  font-family: "Frutiger CE Light", sans-serif;
  font-size: 19px;
  color: #ededed;
  margin: 185px 0 0 3px;
  padding: 6px 30px 6px 5px;
  cursor: pointer;
  background: #1a1e27 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FENkFEQkY2Rjk5MTFFMkFCMzBBMDJBQ0E3M0NERjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FENkFEQzA2Rjk5MTFFMkFCMzBBMDJBQ0E3M0NERjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQUQ2QURCRDZGOTkxMUUyQUIzMEEwMkFDQTczQ0RGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQUQ2QURCRTZGOTkxMUUyQUIzMEEwMkFDQTczQ0RGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnatMacAAAHVSURBVHjahNLPixJhGAfw5zVdscN6aPCSo8Eu/QVWtKuGBR3CbGFjKVhKi0FkazeXvXbp0N+w7KWgjMiKok4Rsa2XsA4udUiwS0Qh5EEJLJyZt+8r88LLOOoDH2feH/N933Fe1m63yaNmIQdnQAcTvsMbeA1/5cRIJEJ+xpg7wIC7oHmEG05YGZ7LTp8IcYjahh3QlH63GDyF23IDaojoLMr2vfsPqNX6Ni5I1B3IixDW6XTE9Qh8haDcYjpzVqxAuVyWrheuUDgc9vrvfsO8D0VwA4LO/ZAom3N68fIVXV4t0JPqM7Ism9Q5oEGedbtdMb8JR9UlFlKnR5aNRg/TWqlIp9JJtfst6/V6Adz8E6+mjpxMZmhcHT+WoM1bNykej4nmL5/zGsy1TZpU9Y+f6OGjx3LuAT9+/qC/5xywqaVph6hUNOh89hw5n/inPGzvYGnSw4FAgC6tXCTDuEYHQyF1qOZ3tl6ZFJJKLdJWeYN0Peo1XKHBYCAw+ABcSpxI8uyFZb77vsbVfpcqxzEg0zQlHdrAhUZjn/f7fS7bHpoQHoZYlqWag8/Ap9iDiHhmGGLbttsMrMMX4ApRdbgKPjlfhLBh0oQvCnHoww/nKIzUfwEGAH93PVZN/LzvAAAAAElFTkSuQmCC) no-repeat 93%;
}

.search {
margin: 18px 33px;
  width: 167px;
  position: relative;
  float: right;
}

.search input {
  border: none;
}

/* стили для поля ввода */
.search .input {
  width: 100%;
  padding: 3px 37px 4px 6px;
  /* чтобы ширина поля ввода (100%) включала в себя внутренние отступы */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background: #ededed;
  font: 13px Arial, sans-serif;
  color: #1a1e27;
  outline: none;
}

/* меняем оформление поля ввода при фокусе */
.search .input:focus {
  background: #eee;
  color: #333;
}

/* оформляем кнопку отправки */
.search .submit {
  position: absolute;
  top: 0;
  right: -6px;
  width: 37px;

  /* растягиваем кнопку на всю высоту формы */
  height: 100%;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkNGOUUyNzA2Rjk1MTFFMkEzODBBRDNGMEMwNDhGODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkNGOUUyNzE2Rjk1MTFFMkEzODBBRDNGMEMwNDhGODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0Y5RTI2RTZGOTUxMUUyQTM4MEFEM0YwQzA0OEY4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0Y5RTI2RjZGOTUxMUUyQTM4MEFEM0YwQzA0OEY4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr/QslUAAADLSURBVHjanNO7DgFBGIbhWdmoJEQj0VBpJLKt3j2glakUOjehUyMq6yKoRKFSKXRoJBqHRiV4J5lphOz+vuRJJrv5Moed9bTWaaVUBUu8lCAJtLHAFmVpOWnHJWwQIhO3/JkmLujCl5ZdejihBk9aNslihjUK0rJLgD0GSEnLLho3tMxWpGU34QjFf8rmEKvYScoPu9w8VpI9D+3FGePpHvoRJTNDA4dvL3+Vz6hjLr1hHeSiim7mux1P7R92jXuCptzHBEfpN3sLMAD4EyF8mG6HsQAAAABJRU5ErkJggg==) 50% no-repeat;
}

/* при наведении курсора меняем прозрачность кнопки отправки */
.search .submit:hover {
  opacity: 0.8;
}

/* что бы в Chrome и Safari можно было стилизовать инпуты */
input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-input-placeholder {
  color: #1a1e27;
  font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-style: italic;
} 

input[type="search"]:-moz-placeholder {
  color: #1a1e27;
  font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-style: italic;
}