html,body{
	margin:0;
	padding:0;
	font-family: 'PT Sans Narrow', sans-serif;
}
.active {
/*
background-image: linear-gradient(red, yellow) !important;
*/
background: linear-gradient(to top, #e8811e 0%,#f1a630 50%,#f1a630 51%,#e8811e 100%) !important;
font-weight:bold;
color:#f00;

}

h1{
  text-shadow: red 5px 5px 10px;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    margin: 30px 0;
	color: red;
	
  animation-name: example;
  animation-duration: 4s;
   animation-iteration-count: infinite;
}

h1 a{
    text-shadow: red 5px 5px 10px;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    margin: 30px 0;
	color: red;
}
h1 a{
  color: white;
  animation-name: example;
  animation-duration: 4s;
   animation-iteration-count: infinite;
}
/* animation */
@keyframes example {
  from {color: white;}
  to {color: #00ff00;}
}
h2{
	font-size: 30px;
	font-weight: 800;
}




p{
	text-indent:20px;
	text-align:left;
}
body{
	background:#1c1c1c;
}
#container{
	width:1000px;
	margin:0 auto;
	background: linear-gradient(to right, #160900 0%,#490600 50%,#490600 51%,#160900 100%);
	border-left:5px solid #f1c9bf;
	border-right:5px solid #f1c9bf;
	border-bottom:5px solid #f1c9bf;
}
header{
	min-height:360px;
}
#soc_container{
	width:100%;
	background: linear-gradient(to top, #382011 0%,#583923 50%,#583923 51%,#382011 100%);
	min-height:40px;
	border-bottom:1px solid #000;
	box-shadow: 0 1px 0 #3a3a3a;
}
#company_name{
	float:left;
	margin-left:10px;
	line-height:40px;
	font-size:1.2em;
	color:#fdd572;
}
#email{
	float:right;
	margin-right:5px;
	line-height:40px;
	cursor: pointer;
}
#email a{
	color:#fff;
	text-decoration:none;
}
#clr{
	clear:both;
}
#header_logo{
	width:100%;
	height:250px;
	margin:0 auto;
	background:url(../pic/header.jpg) no-repeat;
	background-size:cover;
}
#head_menu ul{
	display:table;
	width:100%;
	list-style:none;
	margin:0 auto;
	padding:0;
}
#head_menu li{
	display:table-cell;
	padding:15px 5px;
	border-left:1px solid #000;
	text-align:center;
	background: linear-gradient(to top, #382011 0%,#583923 50%,#583923 51%,#382011 100%);
	font-size:1.1em;
}
#head_menu li:hover{
	background: linear-gradient(to top, #e8811e 0%,#f1a630 50%,#f1a630 51%,#e8811e 100%);
}
#head_menu li a{
	color:#d89e6c;
	text-decoration:none;
	font-weight:700;
}
#head_menu li:hover a{
	color:#fff;
}
#main{
	margin-top:10px;
	padding-bottom:20px;
}
#menu_left{
	width:240px;
	margin-left:10px;
	float:left;
	border:1px solid #fff;
	/*font-size:1.1em;*/
	font-size:26px;
}
#menu_left ul{
	list-style:none;
	margin:0;
	padding:0;
}
#menu_left li{
	position:relative;
	padding:5px 1px 5px 10px;
	background: linear-gradient(to top, #382011 0%,#583923 50%,#583923 51%,#382011 100%);
	border-bottom:1px solid rgba(255,255,255,0.6)
}
#menu_left li:hover{
	background: linear-gradient(to top, #e8811e 0%,#f1a630 50%,#f1a630 51%,#e8811e 100%);
}
#menu_left a{
	color:#fdd572;
	text-decoration:none;
}
#menu_left  li:hover a{
	color:#fff;
}
#menu_left li ul{
	display:none;
	position:absolute;
	left:240px;
	top:0px;
	background:none;
	z-index:0;
}
#menu_left li:last-child ul{
	top:-504px;
}
#menu_left li:last-child ul::after {
	content: '';
    position: absolute; /* Абсолютное позиционирование */
    left: -40px;
	top:536px; /* Положение треугольника */
    border: 20px solid transparent;
	border-right: 20px solid #fff; /* Прозрачные границы */
}
#menu_left li ul::after {
    content: '';
    position: absolute; /* Абсолютное позиционирование */
    left: -40px; top: 0px; /* Положение треугольника */
    border: 20px solid transparent;
	border-right: 20px solid #fff; /* Прозрачные границы */
}
#menu_left li:hover ul{
	display:block;
	z-index:0;
	-webkit-animation: runin 1s 1 ease;
	-moz-animation: runin 1s 1 ease;
	-o-animation: runin 1s 1 ease;
}
@-webkit-keyframes runin {
from { -webkit-transform: translate(40px, 0px); }
to { -webkit-transform: translate(0px, 0px); }
}
@-moz-keyframes runin {
from { -moz-transform: translate(40px, 0px); }
to { -moz-transform: translate(0px, 0px); }
}
@-o-keyframes runin {
from { -o-transform: translate(40px, 0px); }
to { -o-transform: translate(0px, 0px); }
}
#menu_left li li{
	width:250px;
	padding:5px 10px;
	margin:0px;
	z-index:0;
	background: linear-gradient(to top, #e8811e 0%,#f1a630 50%,#f1a630 51%,#e8811e 100%);
	box-shadow: 10px 8px 5px rgba(0,0,0,0.2);
}
#menu_left li li a{
	font-size:0.8em;
	color:#fff;
	z-index:0;
}
#menu_left li li:hover{
	background: linear-gradient(to top, #382011 0%,#583923 50%,#583923 51%,#382011 100%);
}
#menu_left li li:hover a{
	color:#fff;
}
#content{
	margin-left:280px;
	margin-right:25px;
	padding:0 10px;
	border:1px solid #fff;
	background:rgba(255,255,255,0.8);
	/*font-size:1.2em;*/
	font-size:26px;
}
#content a{
	color:#000;
}
#content img{

	/*margin-right:10px;*/
	width:600px;
	/*border:3px solid #000;*/
}
.title_circle{
	margin:0;
	padding:0;
	list-style:none;
}
.title_circle li{
	float:left;
	width:150px;
	height:230px;
	margin:10px 0px;
	padding:0px 5px;
	text-align:center;
	border-right:1px solid #9a9a9a;
}
#content .title_circle img{
	margin:0;
	padding:0;
	width:150px;
	border:none;
}
#benefits{
	list-style:none;
}
#benefits li{
	font-size:1.1em;
}
#benefits li:before{
	content: url(../pic/chek.png);
	position:relative;
	top:7px;
}
#read_more{
	font-size:0.9em;
}
#read_more h3{
	margin-bottom:0;
}
#read_more  p{
	text-indent:0px;
}
#read_more h3 a{
	color:#243246;
}
#read_more .read_more_buttom a{
	color:#fff;
}
#read_more hr{
	width:100%;
	display:inline-block;
}
.read_more_buttom{
	float:right;
	margin:2px 2px 4px;
	padding:5px 10px;
	background:#e7736e;
	background: linear-gradient(to top, #382011 0%,#583923 50%,#583923 51%,#382011 100%);
	border:1px solid #f1a630;
	border-radius:5px;
}
.read_more_buttom:hover{
	background:#e13d35;
	background: linear-gradient(to top, #e8811e 0%,#f1a630 50%,#f1a630 51%,#e8811e 100%);
}
.read_more_buttom a{
	text-decoration:none;
}
#read_more{
	font-size:0.9em;
}
#read_more h3{
	margin-bottom:0;
}
#read_more h3 a{
	color:#243246;
}
.read_more_cont{
	position:relative;
	overflow:auto;
}
#read_more img{
	float:left;
	width:150px;
	margin-right:10px;
	border:3px solid #000;
}
#read_more .read_more_buttom a{
	color:#fff;
}
#read_more hr{
	width:100%;
}
.read_more_buttom{
	position:absolute;
	right:5px;
	bottom:5px;
	margin:2px 2px 4px;
	padding:5px 10px;
	background:#e7736e;
	border:1px solid #ed2920;
	border-radius:5px;
}
.read_more_buttom:hover{
	background:#e13d35;
}



#footer{
	float:left;
	width:100%;
	min-height:100px;
	background:#2d2d2f;
}
#footer p{
	margin:0;
	padding:0;
	text-indent:0;
	color:#c6c6c6;
}
#footer_logo{
	float:left;
	padding:20px;
	width:250px;
}
#footer_logo a{
	color:#fff;
	text-decoration:none;
}
.footer_links{
	float:left;
	padding:0 5px;
	width:200px;
}
.footer_links a{
	color:#ccc;
}
#counters{
	margin-top:10px;
}
#footer #social{
	float:right;
	margin:25px 10px;
}

#social{
	float:right;
}
#social ul{
	list-style:none;
	margin:0;
	padding:0;
}
#social li{
	float:left;
	padding:0px;
}
#social li a{
	display:block;
	padding:6px;
}
.logovk{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -192px;
}
.logovk:hover{
	background-position:0px -288px;
}
.logofb{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -384px;
}
.logofb:hover{
	background-position:0px -352px;
}
.logogl{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -96px;
}
.logogl:hover{
	background-position:0px -64px;
}
.logoyt{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -128px;
}
.logoyt:hover{
	background-position:0px -480px;
}
.logood{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -224px;
}
.logood:hover{
	background-position:0px -256px;
}
.logosk{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:-36px -96px;
}
.logosk:hover{
	background-position:-36px -63px;
}
.logovb{
	height:32px;
	width:32px;
	background:url(../pic/logo/viber.png) no-repeat;
	background-position:center;
}
.logowa{
	height:32px;
	width:32px;
	background:url(../pic/logo/whatsapp.png) no-repeat;
	background-position:center;
}
.logoks{
	height:30px;
	width:30px;
	background: url(../pic/logo/kyivstar.png) no-repeat;
	background-size:70%;
	background-position:center;
}
.logolf{
	height:20px;
	width:40px;
	background: url(../pic/logo/LifeBY_logo.png) no-repeat;
	background-size:cover;
	background-size:70%;
	background-position:center;
	background-color:white;
}
.logomt{
	height:30px;
	width:30px;
	background: url(../pic/logo/1396036998_1.png) no-repeat;
	background-size:cover;
	background-size:70%;
	background-position:center;
}
.logocd{
	height:30px;
	width:30px;
	background: url(../pic/logo/cdma.png) no-repeat;
	background-size:cover;
	background-size:70%;
	background-position:center;
}
.logoml{
	height:30px;
	width:30px;
	background: url(../pic/logo/mail.png) no-repeat;
	background-size:cover;
	background-size:70%;
	background-position:center;
}
#soc_container .logovk{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -288px;
}
#soc_container .logofb{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -352px;
}

#soc_container .logogl{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -64px;
}
#soc_container .logood{
	height:32px;
	width:32px;
	background:url(../pic/logo/socialicons.png) no-repeat;
	background-position:0px -256px;
}









#wrap{
	display: none;
	opacity: 0.8;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 16px;
	background-color: rgba(1, 1, 1, 0.725);
	z-index: 100;
	overflow: auto;
}

#window{
	width: 400px;
	height: 420px;
	margin: 10% auto;
	display: none;
	background: #fff;
	z-index: 200;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

}
.close{
	position:absolute;
	top:10px;
	right:10px;
	cursor: pointer;
}
#feedback-form {
	text-align:center;
	font-size:2em;
	max-width: 400px;
	padding: 2%;
	border:10px solid #fff;
	border-radius: 5px;
	background: #f1f1f1;
}
#feedback-form [required] {
  width: 100%;
  box-sizing: border-box;
  margin: 2px 0 2% 0;
  padding: 2%;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 3px;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:hover {
  border-color: #7eb4ea;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:focus {
  outline: none;
  border-color: #7eb4ea;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
  transition: .2s linear;
}
#feedback-form [type="submit"] {
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #fa5d5d;
  color: #fff;
  cursor: pointer;
}
#feedback-form [type="submit"]:hover {
  background: #f63535;
}
#feedback-form [type="submit"]:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}

.b-benefits {
    padding-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.b-benefits .benefits__item {
    padding: 0 10px;
    margin-right: -.3em;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-benefits .benefits__item span {
    display: block;
    font: 12px;
    font-family: "Segoe UI", sans-serif;
    line-height: 1;
    color: #000;
}

#contents{
	margin-left:280px;
	margin-right:25px;
	padding:0 10px;
	border:1px solid #fff;
	background:rgba(255,255,255,0.8);
	font-size:1.2em;
}
#contents img{/* margin-right:10px; *//* width:600px; *//* border:3px solid #000; */}
/*
@media screen and (max-device-width:480px){
	#feedback-form {
			height:100vh;
			width:100vw;
			max-width:auto;
			padding:1px;
			border:none;
			border-radius:none;

		}
		#window{
			width:auto;
			height:auto;
			margin:0;
			position:fixed;

		}
}*/
#tags_menu a{
		display:block;
		font-weight:bold;
		color:blue;
		border-bottom:1px solid black;
}
#tags_menu a:hover{
	color:blue;
	text-decoration:underline;
}