@font-face {
    font-family: 'magistral';
    src: url('../fonts/MagistralC-Bold.otf');
}

@font-face {
    font-family: 'myriad';
    src: url('../fonts/MyriadWebPro.otf');
}

@font-face {
    font-family: 'myriad_bold';
    src: url('../fonts/MyriadProBold.otf');
}

@font-face {
    font-family: 'daxline';
    src: url('../fonts/DaxlineProRegular.otf');
}

@font-face {
    font-family: 'daxline_bold';
    src: url('../fonts/DaxlineProBold.otf');
}


* {
	margin:0;
	padding:0;
	outline:0;
	border:0;
}
html, body {
	background:#fff;
	color:#808080;
	font-size:15px;
	font-family: Tahoma, Arial, sans-serif;
    height: 100%;
    min-height: 742px;
}

h1 {
    font-family: myriad_bold;
    font-size: 21px;
    letter-spacing: 0.25px;
    color: #231f20;
    text-transform: uppercase;
    position: absolute;
    left: 363px;
    top: 113px;
    font-weight: normal;
}

a {
	text-decoration:underline;
	color:#808080;
	font-size:15px;
	font-family: Tahoma, Arial, sans-serif;
}
a:hover	{	text-decoration:none;	}

* html #wrapper {
    height: 100%;
}

/* Main blocks */
#wrapper {
    width: 1038px;
    margin: 0 auto;
    min-height: 100%;
    background: url(../images/main.jpg) no-repeat left top;
}

#header {
    height: 203px;
    position: relative;
    left: 7px;
}

#content {
    
}

#footer {
    clear: both;
    height: 157px;
    width: 1038px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -157px;
    background: url(../images/footer.jpg) no-repeat left top;
    position: relative;
}

#rasporka {
    height: 157px;
}


#search {
    cursor: pointer;
    left: 673px;
    top: 3px;
    position: absolute;
    width: 240px;
    height: 45px;
    background: url(../images/main_search.png) no-repeat left top;
}

#search input {
    position: absolute;
    width: 180px;
    font-size: 16px;
    height: 24px;
    left: 40px;
    top: 11px;
    background-color: transparent;
}


/* Menu */
#top_menu {
    position: absolute;
    left: 0px;
    top: 0px;
}

#top_menu li {
    list-style: none;
    display: block;
    position: absolute;
    width: 140px;
}

#top_menu li a {
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: -2px 2px 2px rgba(150, 0, 0, 1);
    font-family: magistral;
    font-size: 16px;
    letter-spacing: 0.75px;
}

#top_menu li a:link, #top_menu li a:visited {
    color: #fff;
}

#top_menu li a:hover {
    color: #000;
    text-shadow: none !important;
}

.menu_item_1 {
    left: 195px;
    top: 114px
}

.menu_item_2 {
    left: 701px;
    top: 65px;
}

.menu_item_2 a {
    text-shadow: -2px 2px 2px rgba(160, 70, 0, 1) !important;
}

.menu_item_3 {
    left: 237px;
    top: 354px;
}

.menu_item_3 a {
    text-shadow: -2px 2px 2px rgba(170, 100, 0, 1) !important;
}

.menu_item_4 {
    left: 366px;
    top: 354px;
}

.menu_item_4 a {
    text-shadow: -2px 2px 2px rgba(50, 120, 60, 1) !important;
}

.menu_item_5 {
    left: 602px;
    top: 354px;
    width: 170px !important;
}

.menu_item_5 a {
    text-shadow: -2px 2px 2px rgba(0, 100, 100, 1) !important;
}

#logo {
    width: 299px;
    height: 103px;
    position: absolute;
    left: 351px;
    top: 24px;
    background: url(../images/main_logo.jpg?v=1) no-repeat left top;
}

#phone {
    position: absolute;
    left: 362px;
    top: 424px;
}

#phone a:link, #phone a:visited {
    font-family: myriad;
    font-size: 33px;
    color: #fff;
    text-decoration: none;
    text-shadow: -2px 2px 2px rgba(50, 120, 60, 1) !important;
}

#youtube {
    position: absolute;
    left: 818px;
    top: 430px;
    width: 70px;
    height: 70px;
    background: url(../images/main_icons.png?v=1) no-repeat left -138px;
}

#youtube:hover {
    background-position: -70px -138px;
}

#youtube a {
    display: block;
    width: 100%;
    height: 70px;
}

#vk {
    position: absolute;
    left: 721px;
    top: 430px;
    width: 70px;
    height: 70px;
    background: url(../images/main_icons.png) no-repeat left top;
}

#vk:hover {
    background-position: -70px top;
}

#vk a {
    display: block;
    width: 100%;
    height: 70px;
}

#facebook {
    position: absolute;
    left: 770px;
    top: 479px;
    width: 70px;
    height: 70px;
    background: url(../images/main_icons.png) no-repeat left -69px;
}

#facebook:hover {
    background-position: -70px -69px;
}

#facebook a {
    display: block;
    width: 100%;
    height: 70px;
}

#icons {
    position: absolute;
    left: 497px;
    top: 505px;
}

#icons a {
    display: block;
    width: 100%;
    height: 14px;
}

#icons #home {
    width: 20px;
    height: 15px;
    display: inline-block;
    background: url(../images/icons.png) no-repeat left top;
}

#icons #home:hover {
    background-position: -20px top;
}

#icons #map {
    width: 18px;
    height: 14px;
    display: inline-block;
    background: url(../images/icons.png) no-repeat left -15px;
}

#icons #map:hover {
    background-position: -18px -15px;
}

#icons #mail {
    width: 19px;
    height: 12px;
    display: inline-block;
    background: url(../images/icons.png) no-repeat left -29px;
}

#icons #mail:hover {
    background-position: -19px -29px;
}

#icons_prod {
    position: absolute;
    width: 27px;
    height: 85px;
    left: 619px;
    top: 221px;
    background: url(../images/main_icons_prod.png) no-repeat left top;
}

#address {
    position:absolute;
    font-family: 'daxline';
    font-size: 14px;
    left: 359px;
    top: 600px;
    color: #231f20;
    letter-spacing: 0.5px;
    line-height: 17px;
}

#address b {
    color: #000;
    font-family: 'daxline_bold';
    font-size: 14px;
    color: #231f20;
    letter-spacing: 0.5px;
}

.text_block, .text_block a:link, .text_block a:visited {
    font-family: 'daxline';
    font-size: 14px;
    color: #231f20;
    letter-spacing: 0.5px;
    line-height: 18px;
    text-decoration: none;
}

#about_text {
    position: absolute;
    left: 270px;
    top: 170px;
    width: 200px;
}

#news_text {
    position: absolute;
    left: 37px;
    top: 389px;
    width: 210px;
}

#text1 {
    position: absolute;
    left: 665px;
    top: 216px;
}

#text2 {
    position: absolute;
    left: 665px;
    top: 243px;
}

#text3 {
    position: absolute;
    left: 665px;
    top: 273px;
}

#text4 {
    position: absolute;
    left: 665px;
    top: 303px;
}

#about_image {
    position: absolute;
    left: 50px;
    top: 146px;
}

#news_image {
    position: absolute;
    left: 49px;
    top: 488px;
}

#prod_image {
    position: absolute;
    left: 732px;
    top: 95px;
}

.main_image img {
    border-radius: 17px;
}

.main_image1:hover:before {
    content: "";
    display: block;
    position: absolute;
    width: 17px;
    height: 16px;
    right: 11px;
    top: 11px;
    background: url(../images/lupa.png) no-repeat left top;
    pointer-events: none;
}

#lang {
    position: absolute;
    top: 0px;
    right: 14px;
}

#lang a {
    display: inline-block;
    width: 49px;
    height: 48px;
}

.lang_ru {
    background: url(../images/lang_ru.png) no-repeat left top;
}

.lang_ru:hover, .lang_ru.active {
    background-position: -49px top;
}

.lang_en {
    background: url(../images/lang_en.png) no-repeat left top;
}

.lang_en:hover, .lang_en.active {
    background-position: -49px top;
}

#mobile_menu, #button_full {
    display: none;
}

#news_image2, #about_image2 {
    display: none;
}

#search_icon {
    display: none;
}

#icons_prod {
    display: none;
}

#text1 a:before, #text2 a:before, #text3 a:before, #text4 a:before {
    content: "";
    display: block;
    position: absolute;
    left: -47px;
    top: -13px;
    width: 39px;
    height: 35px;
    background: url(../images/main_prod_icon_1.png?v=1) no-repeat left top;
}

#text1:hover a:before, #text2:hover a:before, #text3:hover a:before, #text4:hover a:before{
    background-position: -39px top;
}

#text2 a:before {
    top: -10px;
    background: url(../images/main_prod_icon_2.png?v=1) no-repeat left top;
}

#text3 a:before {
    background: url(../images/main_prod_icon_3.png?v=1) no-repeat left top;
    top: -10px;
}

#text4 a:before {
    background: url(../images/main_prod_icon_4.png?v=1) no-repeat left top;
    top: -10px;
}

#slider {
    position: absolute;
    left: -5px;
    top: 737px;
    overflow: hidden;
    width: 1038px;
    height: 215px;
}

#slide1:checked ~ #slider > .slide1,
#slide2:checked ~ #slider > .slide2,
#slide3:checked ~ #slider > .slide3,
#slide4:checked ~ #slider > .slide4,
#slide5:checked ~ #slider > .slide5 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
    transform: scale(1);
}

.main_banner {
	opacity: 0;
	position: absolute;
	z-index: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}

.main_banner {
    position: absolute;
    left: 0px;
    top: 0px;
}

.main_banner img {
    border-radius: 20px;
}

/* Feedback */
#feedback {
    position: absolute;
    width: 393px;
    height: 324px;
    background: url(../images/main_feedback.png) no-repeat left top;
    right: 14px;
    top: 419px;
    z-index: 300001;
    display: none;
}

#feedback form {
    display: block;
    position: relative;
    top: 47px;
    left: 103px;
    min-height: 250px;
}

#feedback input, #feedback textarea {
    font-family: 'daxline';
    font-size: 14px;
    background-color: transparent;
    width: 156px;
    position: relative;
    top: -1px;
}

#feedback textarea {
    width: 238px;
    height: 76px;
}

#feedback .row {
    margin-bottom: 17px;
}

#feedback .row div {
    display: inline-block;
    font-family: 'myriad';
    font-size: 14px;
    color: #000;
}

#feedback .row .name {
    width: 75px;
}

#feedback .row .name_big {
    width: 200px;
    position: relative;
    top: -7px;
}

#feedback .row .textarea {
    display: block;
}

#feedback button {
    position: absolute;
    bottom: 17px;
    right: 163px;
    font-family: 'myriad';
    font-size: 14px;
    text-transform: uppercase;
    background: none;
    cursor: pointer;
}

#feedback button:hover {
    color: #fff;
}