/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background: linear-gradient(to bottom, #ade9df, #ffffff);
    background-repeat: no-repeat;
}

@font-face 
{
    font-family: segoeui; /* ??? ?????? */
    src: url(fonts/SegoeUIRegular.woff); /* ???? ? ????? ?? ??????? */
    font-family: fgd; /* ??? ?????? */
    src: url(fonts/Franklin_Gothic_Demi_Cond_Regular.woff);
}

a
{
  font-family: segoeui;  
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

body {
	font: 12px/18px Arial, sans-serif;
	height: 100%;
    font-family: segoeui;
    font-size:14px;
}
.wrapper {
	width: 1024px;
	min-width: 990px;
	min-height: 100%;
	height: auto !important;
	min-height: 100%;
    margin:0px auto;
    z-index: 500;
}

.list_fons
{
    width:100%;
    height:auto;
    position: absolute;
    z-index:-1;
    float:right;
    background-image:url("../images/list.png");
    background-repeat:no-repeat;
    height:522px;
    width:218px;
    right:0;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 150px;
	/*background: #FFE680;*/
}

.logotype
{
    width:300px;
    float:left;
}

.header_block
{
    width:700px;
    float:left;
    padding-top:50px;
    font-family:segoeui;
}

.lang_block
{
    width:auto;
    margin:0px auto;
    float:left;
    margin-left:150px;
}

.lang_block ul li
{
    list-style-type: none;
    float:left;
    margin-left:20px;
}

.lang_block ul li a
{
    color:#000;
    text-decoration: none;
}

.lang_block ul li a:hover
{
    color:#000;
    text-decoration:underline;
}

#active_lang
{
    color:#000;
    text-decoration:underline;
}

.main_menu
{
    width:auto;
    margin:0px auto;
    height:30px;
}

.main_menu ul li
{
    list-style-type: none;
    width:auto;
    
    margin-left:40px;
    margin-top:20px;
    margin-bottom:20px;
    font-size:18px;
    text-transform: uppercase;
}

.main_menu ul li a
{
    color:#385575;
    text-decoration: none;
}

.main_menu ul li a:hover
{
    color:#385575;
    text-decoration: underline;
}

#active_menu
{
    color:#385575;
    text-decoration: underline;
}

.both
{
    clear: both;
    margin-top:20px;
}




/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 100px;
    padding-bottom: 90px;
}


.slider_main
{
    width:90%;
    margin-left:5%;
    float:left;
    margin-top:50px;
}

.slider_main_milo
{
    width:90%;
    margin-left:5%;
    float:left;
    margin-top:50px;
}

.slider_bloc
{
    width:100%;
    float:left;
}

.slider_img
{
    width:65%;
    float:left;
}

.slider_text
{
    width:30%;
    margin-left:5%;
    float:left;    
}

#title_slider
{
    font-size:24px;
    color:#143470;
}

.slider_text p
{
   margin-bottom:20px;
   font-size:14px; 
}

#text_left
{
    text-align:left;
}

.title_page
{
    font-size:24px;
    color:#143470;
    text-align:center;
}

#title_page
{
    font-size:24px;
    color:#143470;
    text-align:center;
}


.slider_main_milo p
{
   margin-bottom:20px;
   font-size:14px; 
   text-align:center;
}

.title_desc
{
    width:60%;
    margin-left:20%;
    text-align:center;
}

.block_tovar
{
    width:100%;
    float:left;
    margin-top:40px;
}

.tovar
{
    width:30%;
    float:left;
    margin-left:3%;
    margin-bottom:20px;
}

.img_tovar
{
    width:100%;
    float:left;
    margin-bottom:10px;
    height:auto;
}

.breadcrumbs
{
    width:95%;
    color:#176184;
    margin-left:5%;
}

.breadcrumbs a
{
    margin-left:5px;
    margin-right:5px;
    color:#176184;
    text-decoration: none;
}

.breadcrumbs a:hover
{
    
    color:#176184;
    text-decoration: underline;
}

.img_tovar p img
{
    text-align: center;
}

.text_tovar
{
    width:80%;
    margin-lefT:10%;
    float:left;
    margin-bottom:20px;
    text-align:center;
    text-transform: uppercase;
}

.text_tovar span
{
    font-weight:bold;
}


/*Products*/

.img_tovar_prod
{
    width:100%;
    float:left;
    margin-bottom:10px;
    height:auto;
    background-image:url("../images/prod_fon.png");
    background-repeat: no-repeat;
    height:180px;
}

.img_tovar_prod p img
{
    text-align: center;
}

.text_tovar_prod
{
    width:80%;
    margin-lefT:10%;
    float:left;
    margin-bottom:20px;
    text-align:center;
    text-transform: uppercase;
}

.text_tovar_prod span
{
    font-weight:bold;
}

.text_tovar_prod a
{
    color:#143470;
    text-decoration: none;
}

.text_tovar_prod a:hover
{
    color:#143470;
    text-decoration: underline;
}

/*--------*/



/*Contact Page*/
.cont_block
{
    width:100%;
    float:left;
}

.cont_info
{
    width:35%;
    float:left;
    height:auto;
    
}

.cont_map
{
    width:60%;
    margin-left:5%;
    float:left;
    height:auto;
    padding-top:40px;
}


.adress_contact
{
    width:100%;
    float:left;
    margin-bottom:20px;
    height:auto;
    background-image:url("../images/drib.png");
    background-repeat: no-repeat;
    background-position: 0% 10%;
    margin-top:40px;
}

.adress_contact p
{
    margin-left:15%;
    width:60%;
}


.phone_contact
{
    width:100%;
    float:left;
    margin-bottom:20px;
    height:auto;
    background-image:url("../images/phone.png");
    background-repeat: no-repeat;
    background-position: 0% 10%;
    margin-top:20px;
}

.phone_contact p
{
    margin-left:15%;
    width:60%;
}

.mail_contact
{
    width:100%;
    float:left;
    margin-bottom:20px;
    height:auto;
    background-image:url("../images/mail.png");
    background-repeat: no-repeat;
    background-position: 0% 10%;
    margin-top:20px;
}

.mail_contact p
{
    margin-left:15%;
    width:60%;
}
/*-----------*/





/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -70px auto 0;
    width: 1000px;
	height: 70px;
	/*background: #BFF08E;*/
	position: relative;
}

.footer p
{
    margin-left:5%;
    /*margin-top:50px;*/
}






nav {
  display: table;
  margin: 0 auto;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.topmenu{
    margin-top:30px;
}

.topmenu:after {
  content: "";
  display: table;
  clear: both;
}
.topmenu > li {
  width: 25%;
  float: left;
  position: relative;
}
.topmenu > li > a {
  text-transform: uppercase;
  color: #404040;
  padding: 15px 10px;
}
.topmenu li a:hover { color: #D5B45B; }
.submenu-link:after {
  content: "\f107";
  font-family: "FontAwesome";
  color: inherit;
  margin-left: 10px;
}
.submenu {
  /*background: #273037;
  background: #fff;*/
  margin-left:10px;
  font-weight:bold;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 5;
  width: 170px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: .5s ease-in-out;
}

.submenu li
{
    margin-left:5px;
}

.submenu a {
  color: white;
  text-align: left;
  padding: 12px 0px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.submenu li:last-child a { border-bottom: none; }
.topmenu > li:hover .submenu {
  opacity: 1;
  transform: scaleY(1);
}