@charset "UTF-8";

/* CSS Document */





body {

	margin:0px;

	background-color: #Fff;

	font-size:1em;

	font-family:'Open Sans', sans-serif;

	padding:0px;

}





a {

	text-decoration:none;

}





a img{

	border:none;

}



img{

	max-width:100%;

	height:auto;

}



header{

	display: block;

	margin: 0 auto;

	width: 100%;

	background-color:#333; 

}



header div{

	width:100%;

	max-width:1024px;

	margin:0 auto;

	height:100px;

}



#home header{

	display: block;

	width: 100%;

	height:36px;

	background-color:#333; 

}





#main_img{

	display:block;

	margin:0 auto;

	max-width:100%;

	height:600px;

	background: #fff;

	background-image:url(img/header_bgr.jpg);

	background-repeat:no-repeat;

	background-position:center;

}



#main_img div{

	display:block;

	width:100%;

	max-width:1024px;

	margin:0 auto;

}



section{

	display:block;

	width:100%;

}



#main_content  {

	display: block;



	max-width:1024px;

	margin:0 auto;

	margin-bottom:1%;

	padding-left:10px;

	padding-right:10px;

}



#main_content div{

	height:auto;

	padding-bottom:10px;

}



#main_content ul li{

	list-style:none;

	padding-bottom:0.8%;

}



p.link a{

	font-weight:bold;

	color:#166936;

	margin-bottom:20px;

}



p.link a:hover{

	font-weight:bold;

	color:#94d60a;

}



#slogan{

	display:block;

	width:100%;

	clear:both;	

	padding-top: 7%;

}



h1{

	width:45%;

	max-width:1024px;

	text-transform: uppercase;

	display: block;

	text-align:left;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.7em; /* 40px */

	line-height:2em;

	color:#333;

}





h2 {

	text-align:center;

	font-size:1.75 em ;  /* 28px */

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	color:#333;

	margin:0%;

	padding-top:2%;

}





h3{

	display:block;

	text-align:left;

	font-size:1.8em;

	font-weight:normal;

	color:#94d60a;

	margin:0.9765625% 0% 0.9765625% 0%;

}



h4{

	display:block;

	text-align:left;

	font-size:1.4em;

	font-weight:normal;

	color:#94d60a;

}



#main_img #logo{

	float:left;

	margin-top:0.5%;

	width:21,97265625%;

}





#logo{

	float:left;

	margin-top: 0.7%;

	width:24.90234375%;

}



#home #nav{

	display:block;

	width:100%;

	max-width:1024px;

	text-align:right;

	font-size:1.2em;

	padding-top: 0.5%;

	background:#333;

	height:26px;

}





#nav{

	display:block;

	text-align:right;

	font-size:1.2em;

}





#nav a{

	text-decoration:none;

	color:#fff;

}



#nav ul li{

	font-size:0.9em;

	display:inline-block;

	text-align:center;

	width:11.71875%; /*120px*/

}



#nav ul{

	display:block;

	padding:0%;

	list-style:none;

	margin:0%;

}



#nav ul li:nth-child(5){

	border-right:none;

	padding-right:0.9765625%;

}





#nav ul li a:hover, #nav ul li:hover{

	cursor:pointer;

    color:#94d60a;

}





#nav ul li a div{

	display: table-cell;

	width:120px; /*120px*/

	height:40px;

}



#nav ul li:nth-child(1) a div {

	background-image:url(img/icon_home_min.png);

}



#nav ul li:nth-child(1) a:hover div{

	cursor:pointer;

	background-image:url(img/icon_home_on_min.png);

}



#nav ul li:nth-child(2) a div{

	background-image:url(img/icon_about_min.png);

}



#nav ul li:nth-child(2) a:hover div,

#nav ul li.menu-active #nav_about{

	cursor:pointer;

	background-image:url(img/icon_about_on_min.png);

}



#nav ul li:nth-child(3) a div {

	background-image:url(img/icon_brands_min.png);

}



#nav ul li:nth-child(3) a:hover div,

#nav ul li.menu-active #nav_brands{

	cursor:pointer;

	background-image:url(img/icon_brands_on_min.png);

}



#nav ul li:nth-child(4) a div {

	background-image:url(img/icon_countries_min.png);

}



#nav ul li:nth-child(4) a:hover div,

#nav ul li.menu-active #nav_countries {

	cursor:pointer;

	background-image:url(img/icon_countries_on_min.png);

}





#nav ul li:nth-child(5) a div {

	background-image:url(img/icon_contact_min.png);

}



#nav ul li:nth-child(5) a:hover div ,

#nav ul li.menu-active #nav_contact {

	cursor:pointer;

	background-image:url(img/icon_contact_on_min.png);

}



#nav ul li a div, #nav ul li a:hover div{

	background-repeat:no-repeat;

	background-position:center;

}





#nav ul li.sublinks{

	display:none;

	margin-left:0%;

	border-right:none;

}



.dropdown + div{

	display:none;

}



#nav ul li a.dropdown + div.sub-menu a{

	display:block;

}

	

 

#nav ul li a.dropdown:hover + div.sub-menu, #nav ul li a.dropdown + div.sub-menu:hover{

  line-height:1.875em;

  text-decoration:none;

  width:120px; /*100px*/;

  height: inherit;

  text-align:center;

  padding:2px;

  box-shadow: 0px 2px 2px rgba(20, 20, 20, 0.2);

  font-weight:normal;

  display: block;

  position: fixed;

  background-color:#333;

  background-image:none;

}



	

#nav ul li a.dropdown:hover + div.sub-menu{

	background-color:#333;

	color: #fff;

}

	

#nav ul li a.dropdown + div.sub-menu a:hover{

	background-color:#333;

	color: #94d60a;

}



.color_active{

	color:#94d60a;

	font-weight:bold;

}





.float_left{

	float:left;

	padding-right:3.953125%; /*20px*/

}





.float_right{

	float:right;

	padding-left:1.953125%; /*20px*/

}





.clear{

	clear:both;

}



.lid{

	font-size:1.3em;

	color:#166936;

	line-height:1.8em;

	text-align:left;

	margin:1.953125%; /*20px*/

	padding:1.953125% 0.48828125%;/*20px/5px*/

	border-top:solid 3px #166936;

	border-bottom:solid 3px #166936;

}





.lid_left{

	font-size:1.3em;

	color:#94d60a;

	line-height:1.8em;

	text-align:left;

	margin:1.953125%;/*20px*/

	padding:0.48828125% 1.953125%;/*5px /20px*/

	border-left:solid 3px #94d60a;



}



.lid_right{

	font-size:1.3em;

	color: #94d60a;

	text-align:right;

	padding-top:0.48828125%;/*5px */

	padding-bottom:0.48828125%;/*5px */

	padding-right:1.953125%;/*20px*/

}



.zag{

	font-weight:bold;

	color:#166936;

	font-size:1.1em;

}











#blocks{

	display: block;

	width: 100%;

	max-width:1024px;

	margin:0 auto; 

	margin-top:1.953125%;/*20px*/

	padding-bottom:1.953125%;/*20px*/

	overflow:hidden;

}   





#blocks > a .block {

	display:block;

	width: 23.5%;

	height: 100%;

	min-height:400px;

	margin:1%;

	background-color: #ebebeb;

	float: left;

	box-shadow: 0px 2px 2px rgba(20, 20, 20, 0.2);

	position:relative;

}



#blocks > a:last-child .block{

	margin-right: 0%;

}



#blocks > a:first-child .block{

	margin-left: 0%;

}



#blocks a:hover .block h2{

	color:#94d60a;

}



#img_contact{

	display:block;

	width:60%;

	float:left;

}



#text_contact{

	text-align:center;

	display:block;

	padding-top:40px;

	height:210px;

	font-size: 1em;

}



#text_contact a{

	color:#166936;

	font-weight:bold;

	

}



#home .block_text{

	text-align:center;

	display:block;

	color:#333;

	padding:2% 3% 7% 2%;

	font-size:0.99em;

	height:37.5%;

}



#blocks > a:hover .block_text{

	color: #fff;

}



#blocks > a #block_img1{

	background:url(img/icon_contact.png);

	background-repeat:no-repeat;

	background-position:center;

}



#blocks > a:hover #block_img1{

	background:url(img/icon_contact_on.png);

	background-repeat:no-repeat;

	background-position:center;

}



#blocks > a #block_img2{

	background:url(img/icon_countries.png);

	background-repeat:no-repeat;

	background-position:center;



}



#blocks > a:hover #block_img2{

	background:url(img/icon_countries_on.png);

	background-repeat:no-repeat;

	background-position:center;

}



#blocks > a #block_img3{

	background:url(img/icon_brands.png);

	background-repeat:no-repeat;

	background-position:center;



}





#blocks > a:hover #block_img3{

	background:url(img/icon_brands_on.png);

	background-repeat:no-repeat;

	background-position:center;

}



#blocks > a #block_img4{

	background:url(img/icon_about.png);

	background-repeat:no-repeat;

	background-position:center;



}



#blocks > a:hover #block_img4{

	background:url(img/icon_about_on.png);

	background-repeat:no-repeat;

	background-position:center;

}





#blocks > a #block_img1, #blocks > a #block_img2,#blocks > a #block_img3, #blocks > a #block_img4{

	width:100%;

	max-height:1024px;

	text-align:center;

	display: block;

	margin-top:10%;

	margin-bottom:5%;

	height:80px;

	background-repeat:no-repeat;

	background-position:center;

}



#blocks > a:hover .block {

	background-color: #333;

}





.button {

    background-color: #333;

    border: none;

    color: white;

    padding: 2.9296875% 1.953125%;/*30px / 20px*/

    text-align: center;

    display: block;

	width:60%;

    font-size:1em;

	position: absolute;

	bottom:5%;

	left:18%;

	border-radius: 5px;

	

}



#blocks > a:hover .button {

    background-color: #94d60a;

    border: none;

    color:#333;

    padding: 2.9296875% 1.953125%;/*30px / 20px*/

    text-align: center;

    display: block;

	width:60%;

	font-size:1.1em;

	font-weight:bold;

	position: absolute;

	bottom:5%;

	left:18%;

	border-radius: 5px;

}



.block-header {

    display: table;

    height: 80px;

    width: 100%;

}



.block-header h2 {

    display: table-cell;

    vertical-align: middle;

}



.line{

	background: #999;

	width:80%;

	height:1px;

	box-shadow: 0 0 10px rgba(0,0,0,0.5);

	margin-left:10%;

	margin-right:10%;

}



#blocks > a:hover .line { 

	background: #94d60a;

}



.accordion{

	padding-top:1.953125%; /*20px*/

	}



.accordion p{

	line-height:1.6em;

}



.accordion > div{

	padding-top:1.953125%; /*20px*/

	margin-bottom:1.9.53125%; /*20px*/

	overflow: hidden;

	background: #fff;



}



.accordion > ul{

	margin:0%;

	padding:0%;

	border-bottom:solid thin #166936;

}



.accordion > ul li{

	display:inline-block;

	color:#166936;	

	text-align:center;

	font-weight:bold;	

	margin:0%;

	padding:5px 18.9px;

	border-radius:5px 5px 0px 0px; /*5px 5px 0px 0px*/

}



.accordion > ul li a {

	margin-top:0.9765625%; /*10px*/

	color:#424e7e;

}



 .accordion > ul li:hover, li.accordion_active,  

 .accordion > ul li a:hover,  a li.accordion_active{

	background:#333;

	color:#94d60a;	

}   

  

  

  

.list_brands{

	display:block;



	}  

  

ul.list_brands li{

	list-style-type: disc!important;

	list-style-type:

	width: auto;

}



.list_brands li{

	color:#94d60a;

}

  

.list_brands li span{

	color:black;

}

footer div{

	clear:both;

	width:100%;



	display: block;

	margin:0 auto;

	background:#333;



}





footer #legal{

	display: block;

	padding:6px 15px 6px 0px;

	max-width:1024px;

	width:100%;

	color:#FFF;

	text-align:right;

	font-weight:normal;

	font-size:0.8em;

}









@media only screen and (max-width: 600px) { 



#main_content{

	margin:10px;

	width:initial;

}

footer #legal{

	padding-right:0px;

	padding-left:0px;

	text-align:center;	

}

footer > div{

	width:initial;

}

img{

	max-width:100%;

	height:auto;

}

	

body{

	display:block;

	position: relative;

	width: 100%;

	margin:0;

	padding:0;

}



header div, #home header  {

	height: 60px;

}



header #logo img{

	height:50px;

	width:auto;

}



#blocks > a .block {

	display:block;

	overflow: hidden;

	width:inherit;

	height:auto;

	margin:0px 10px 20px 10px !important;

	background-color: #ebebeb;

	float: right;

	box-shadow: 0px 2px 2px rgba(20, 20, 20, 0.2);

}



#blocks > a #block img{

	width:100%;

	max-height:1024px;

	text-align:center;

	display: block;

	margin-top:2%;

	margin-bottom:0%;

	height:80px;

	background-repeat:no-repeat;

	background-position:center;

}



#home .block_text{

	text-align:center;

	display:block;

	color:#333;

	padding:2% 3% 7% 2%;

	font-size:1.3em;

	height:100%;

}



.button {

    position: static;    

    margin: 0 auto;

    margin-bottom: 10px;

	background-color: #333;

}

#blocks > a:hover .button{

	position: static;    

    margin: 0 auto;

    margin-bottom: 10px;

	background-color: #94d60a;

	color:white;

	font-weight: normal;

	font-size: 1em;

}



#blocks > a:hover .block {

	background-color: #333;

}





#blocks > a:hover .block_text{

	color:#fff;

}



#main_img{

	display:block;

	width:auto;

	height:300px !important;

	margin:0%;

	padding:0%;

	background: #fff;

	background-image:url(img/header_bgr_media.jpg);

	background-repeat:no-repeat;

	background-size:cover;

	position:relative;

}



#logo{

	padding-right: 2%;

	height:auto;

	float:right;

	z-index: 1000;

    position: relative;

}





#main_img #logo img{

	float:left;

	margin-top:3%;

	height:auto;

	width:50%;

}



#slogan{

	position:absolute;

	bottom: 0px;

}



h1{

	font-size:1.3em;

	line-height:1.7em;

	padding-left: 2%;

	margin-bottom:10px;

	width:98%;

	background-color:#FFF;

	opacity:0.8;

}





header #nav ul li img{

		display:none;

		overflow:hidden;

}



#nav ul li{

	display: none; /* скрыть все <li> пункты */

	margin: 0;

	width:initial;

}

	

#nav ul li a{

	text-align:center;

}



#nav {

	display: block;

		position: relative;

		min-height: 40px;

}	





#nav ul{		

		position: absolute;

		top: 0px;

		left: 0%;

		background: #333 url(img/icon-menu.png) no-repeat;

		background-position: left 15px;

		border-radius: 5px;

		box-shadow: 0 1px 2px rgba(0,0,0,.3);

		font-size:1.1em;

		min-height:60px;

		-webkit-user-select: none; /* Запрещает выделять элемент или текст. */

    	-moz-user-select: none; /*Запрещает выделять элемент или текст. */

    	-webkit-touch-callout: none; /* Отменяет всплытие подсказки при нажатии и удержании элемента. Работает только в Chrome и Safari.  */

	}



	

#nav ul{

		width: 100%;

		z-index:100;

}



#nav ul li:first-child{

	margin-top:60px	!important;

}



#nav ul li{

	border-top:1px solid #eee;

	padding:10px;

}



#nav ul li a > div{

		display:none !important;

	}

	

#nav a {

		display: block;

		padding:3px;

		text-align: left;

	}

	

#nav ul li a.dropdown:hover + div.sub-menu, #nav ul li a.dropdown + div.sub-menu:hover{

	display:none;

}



#nav ul:hover {

	background-image: none;

}

	

#nav ul:hover li{

		display: block;

		margin: 0px;

}



#img_contact{

	display:block;

	width:100%;

}



#text_contact{

	text-align:center;

	display:block;

	padding-top:40px;

	height:210px;

	font-size: 1em;

	width:100%

}





li:hover {



  cursor: pointer;

}



.accordion > div {

    display: inline-block !important;

	margin-bottom:20px;

}



.accordion > ul.tabs {

    display: none;

}

#main_img #logo a img{

	display:none;

}

#home #nav {

	height:	60px;

}



#home header > div:before {

    width: 80px;

    height: 60px;

    content: "";

    content: "";

    position: absolute;

    color: white;

    text-align: right;

    background-image: url('img/logo_daffodil_white.png');

    z-index: 10000;

    right: 5px;

    background-size: 80px 50px;

    background-repeat: no-repeat;

    top: 2px;

}







}