@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; }