@import "http://webfonts.ru/import/ptserif.css";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic,cyrillic-ext');

@font-face {
  font-family: 'Adelle';
  src: url('http://sudak.me/templates/boxed/fonts/adelle-regular-400cda3f7bcac50a82bcd26052f8e152.eot');
  src: url('http://sudak.me/templates/boxed/fonts/adelle-regular-400cda3f7bcac50a82bcd26052f8e152.eot?#iefix') format('embedded-opentype'),
       url('http://sudak.me/templates/boxed/fonts/adelle-regular-4d17e3917a38028161151594ee726214.woff') format('woff'),
       url('http://sudak.me/templates/boxed/fonts/adelle-regular-bb4156e0222dfe95842a09a295e1a809.ttf') format('truetype'),
       url('http://sudak.me/templates/boxed/fonts/adelle-regular-ab98a43f925e332e7f5de0f4398d6aa6.svg#AdellePE') format('svg');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'Adelle';
  src: url('http://sudak.me/templates/boxed/fonts/adelle-semibold-ee0318f9679d25445db46a30b517e096.eot');
  src: url('http://sudak.me/templates/boxed/fonts/adelle-semibold-ee0318f9679d25445db46a30b517e096.eot?#iefix') format('embedded-opentype'),
       url('http://sudak.me/templates/boxed/fonts/adelle-semibold-115cf20e29f994063e0147a82114539b.woff') format('woff'),
       url('http://sudak.me/templates/boxed/fonts/adelle-semibold-3062fd5c77f76097fe9fb38023854147.ttf') format('truetype'),
       url('http://sudak.me/templates/boxed/fonts/adelle-semibold-79a99d98c2c3196756b2b9c1da996b5f.svg#AdellePESb') format('svg');
  font-weight: 500;
  font-style: normal;
  }

@font-face {
  font-family: 'Proxima Nova';
  src: url('http://sudak.me/templates/boxed/fonts/proximanova-regular-936156f40fc9f10458a268b130d13e6e.eot');
  src: url('http://sudak.me/templates/boxed/fonts/proximanova-regular-936156f40fc9f10458a268b130d13e6e.eot?#iefix') format('embedded-opentype'),
       url('http://sudak.me/templates/boxed/fonts/proximanova-regular-fdb67dce6f54e1a4afd4e0b7ca917c8f.woff') format('woff'),
       url('http://sudak.me/templates/boxed/fonts/proximanova-regular-6fc848ce965c79a7904c342b531e41b3.ttf') format('truetype'),
       url('http://sudak.me/templates/boxed/fonts/proximanova-regular-f57a709953f3f8adf937b97b0f5cf3b3.svg#proxima_novaregular') format('svg');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'Proxima Nova';
  src: url('http://sudak.me/templates/boxed/fonts/proximanova-bold-86172061bfad3479a3d646f7c72732bb.eot');
  src: url('http://sudak.me/templates/boxed/fonts/proximanova-bold-86172061bfad3479a3d646f7c72732bb.eot?#iefix') format('embedded-opentype'),
       url('http://sudak.me/templates/boxed/fonts/proximanova-bold-7e5ca4b82074ceee129535bec6ea8f0b.woff') format('woff'),
       url('http://sudak.me/templates/boxed/fonts/proximanova-bold-a16c7981b95501847c59dd4f1f44bfe4.ttf') format('truetype'),
       url('http://sudak.me/templates/boxed/fonts/gui/proximanova-bold-c2f0149fe71eb070afb86698fff3a1ff.svg#proxima_novabold') format('svg');
  font-weight: bold;
  font-style: normal;
  }


html{
	font-size:14px;
	line-height:13px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html,
body {
	position: relative;
	height: 100%;
}

ul{margin:0;padding:0}

img {
	height: auto;
	max-width: 100%;
}

a {
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0;
}

#layout, #layout header, .my_logobox, .my_topbar, footer, .my_columns{
	width:100%;
	height: auto;
	line-height:normal;
	padding: 0;
	background: transparent;
	float:left;
}

#main_menu {
	width:100%;
	line-height: normal;
	padding: 0;
	background: transparent;
	float:left;
}

#layout{
	max-width:1200px;
	float:none;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
}

.my_topbar{
	position:relative;
	background: url("/templates/boxed/images/toparr.png") repeat-x 100% 100% #70585c;
	display:inline-block;
	line-height:normal;
}
.my_topbar .topbar_left{
	background: none !important;
	width:35%;
	height:50px;
	float:left;
	position:relative;
	padding:0;
	color: #fff;
	display:inline-block;
}
.my_topbar .topbar_right.not_left_bar{width:100%}
.my_topbar .topbar_right{
	width:35%;
	height:50px;
	float:right;
	text-align:right;
	color: #fff;
	display:inline-block;
}

.my_topbar .topbar_center{
	width:30%;
	background: none !important;
	height:50px;
	display:inline-block;
	text-align:center;
	position:relative;
	padding:12px 0 0 0;
	color: #fff;
}

.my_logobox {padding:5px !important;}

.my_logobox .my_logo a{min-height:60px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display:flex;align-items:center;}
.my_logobox .my_logo a img{padding-left:20px;margin:20px 0}
.my_logobox .my_logo a img:hover{opacity:0.8;}
.my_logobox .topbar_banner{
	width:250px;
	float:right;
	margin:0;
	padding:0;
	position:relative;
}
main{background:#ffffff;}
#main_content *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
#main_content textarea,#main_content input,#main_content select,#main_content .city-input,#main_content .album-photos-wrap *,#main_content dl *,#main_content .content_list.tiled .tile,.default_avatar *,.nyroModalCont *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
header .my_topbar .menu,
.my_socialicons,
.topbar_search_button{
	display:inline-block;
}
header .my_topbar a{color:#fff;text-decoration:none;}
header .my_topbar a:hover{text-decoration:none}
header .my_topbar .menu{
	margin:0;
	padding: 0;
	list-style:none;
	line-height:normal;
	float: none;
	z-index:6;
	height: auto;
}
.my_socialicons li:first-child{ padding-left:0;}
.my_socialicons li:last-child,
header .my_topbar .menu li:last-child{ padding-right:0;}
header .my_topbar .menu > li{
	float:left;
	position:relative;
	line-height:normal;
	list-style-type:none;
	z-index:5;
	padding: 0;
}
header .my_topbar .menu li ul{
    left: 0;
    box-shadow: none;
    z-index:4;
    text-align: left;
}
header .my_topbar .menu ul li,#layout #menu_mobile.is_mm_open{
    background: #464646;
}
header .my_topbar .menu ul li a{background-image:none !important}
header .my_topbar .menu > li > a{display:block;height: 50px;line-height: 50px;padding: 0 15px;border-right: 1px solid rgba(68, 68, 68, 0.33);text-transform: none;font-weight: normal;font-size: 1rem;background: none !important;color: #fff;}
.topbar_search_button{
	float:right;
	width:50px;
	height:50px;
	color:#272727;
	line-height:50px;
	text-align:center;
}
.topbar_search_button:focus,
.topbar_search_button:hover{color:#272727;text-decoration:none}
.topbar_search_button i{
	display:block;
	width:100%;
	font-size: 16px;
	line-height:48px;
}
.topbar_right .topbar_search{
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	display:none;
	overflow:hidden;
	position:absolute;
}
.topbar_search_form{
	width:100%;
	float:left;
	position:relative;
}
.topbar_search_form fieldset{
	width:100%;
	float:left;
	margin:0;
	border:0;
	padding:0;
	position:relative;
}

.topbar_search_form fieldset .form-control::-moz-placeholder{color:rgba(221, 221, 221, 0.69)}
.topbar_search_form fieldset .form-control::-webkit-input-placeholder {color:rgba(221, 221, 221, 0.69);}
.topbar_search_form fieldset .form-control:-ms-input-placeholder {color:rgba(221, 221, 221, 0.69);}
.topbar_search_form fieldset input[type="search"]{
	width:100%;
	height:50px;
	border:0;
	font-size:1.4rem;
	line-height:50px;
	background:none;
	color:#fff;
	padding:0 60px 0 100px;
	-webkit-appearance: textfield;
	outline-offset: -2px
}
.topbar_search_form fieldset:after{
	content:'\f002';
	top:-8px;
	left:0;
	width:70px;
	height:70px;
	line-height:62px;
	color:rgba(221, 221, 221, 0.69);
	font-size: 70px;
	position:absolute;
	font-family:'FontAwesome';
}
.topbar_search_close{
	top:0;
	right:0;
	color:#fff;
	width:50px;
	height:50px;
	display:block;
	line-height:50px;
	text-align:center;
	position:absolute;
	background:#272727;
}
nav .menu{display:block;color:#222222 !important;}
nav .menu ul{list-style:none;box-shadow:none}
header .menu > .folder > a > .wrap {
    padding-right: 0;
    background: none !important;
}
header .menu ul, header .menu ul li:first-child, header .menu ul li:first-child a, header .menu ul li:last-child, header .menu ul li:last-child a{border-radius:0}
header .menu > li > a {padding:0 15px!important}

header .menu .item{padding-left:10px; color:#222222; font-size:17px;}

header .menu ul *.folder > a{
    background: none !important;
}

header .menu > li a:hover {background:rgba(0, 0, 0, 0.14)!important; color:#f15a2b;}

nav .menu > li > a {
	display: inline-block;
    line-height: 1.5;
    text-decoration:none;
    cursor: pointer;
    position:relative;
}

nav .menu > li > a:hover {
	background:none !important;
}
nav .menu > li > a:after {
    background-color: #f15a2b;
	display: block;
    content: "";
    height: 3px;
    width: 0%;
    left:50%;
    position:absolute;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
}
nav .menu > li > a:hover:after,
nav .menu > li > a:focus:after {
    width: 100%;
}

header .menu > .folder > a > .wrap:after {content: "\f078";font: normal normal normal 14px/1 FontAwesome;margin-left: 5px; display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
header .menu > .folder > ul .folder > a:after,header .menu > .flexMenu-viewMore > ul .folder > a:after{content: "\f0da";font: normal normal normal 14px/1 FontAwesome;margin:13px 0 0;display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;float: right;}
header .menu ul ul{top:-1px}
nav#main_menu .menu li ul li{background:#ffffff; color:#222;}

nav#main_menu .menu ul {
	background:#fff;
	width:500px;
    -webkit-column-count: 3;
    -moz-column-count: 3; 
    column-count: 3;
    -webkit-column-width: 100px;
    -moz-column-width: 100px;
    column-width: 100px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

nav#main_menu.menu_fix{position:fixed;left:0;top:0;z-index:500;display:flex;padding-right:42px}
nav#main_menu.menu_fix .menu{margin:auto}
header .menu ul li a{height:40px;line-height:40px}
header .menu ul li{border-color:rgba(0, 0, 0, 0.14)}
header .menu > li.active > a{border-bottom:3px solid #00a59b; background:rgba(255, 255, 255, 0.24) !important; color:#00a59b}
header .my_topbar .menu > li.active > a{background:rgba(255, 255, 255, 0.24) !important;color:#ffffff}
header .menu ul li a, header .menu li.active ul li a {color:#ffffff !important}
nav .menu ul li a, header .menu li.active ul li a {color:#222 !important}
header .menu > li.active > a:hover{color:#f15a2b !important}
nav#main_menu .menu li:last-child ul{right: 0;left: auto}
nav#main_menu .menu li:last-child ul li ul{    
	right: auto;
    left: -200px !important;
    top: 0px !important;
}

nav#main_menu .menu li:last-child > ul li.folder > a:after{
    content: "\f0d9";
    float: left;
}
nav#main_menu .menu li:last-child > ul li a{
    text-align: right;
}
nav#main_menu{margin-bottom:0;background:#ffffff !important;}
nav select, .tabs-menu select{display:none !important}
.tabs-menu ul{display:block}

#top_position{
width:100%;
	height: auto;
	line-height: normal;
	padding: 0;
	background: transparent;
	float:left;
	margin:0 auto;
clear:both
}

.bottomwidget .title a{color:#ffffff !important; text-align:center;}
.bottomwidget h4{color:#ffffff !important; text-align:center;line-height:14px;}

.top2 {width:100%; background: url("/templates/boxed/images/sudaknight.jpg") no-repeat 100% 80%;}
.top3 {width:100%;height:210px; background: url("/templates/boxed/images/hero.png") no-repeat 5% 100%; background-size:contain; padding:15px;}
.top4 {width:340px;float:right;margin-top:10px;}
.top5 {width:50%;float:right;}

#widget_map {width:100% !important;}

#main_content{padding:25px 15px;background: #fff;}
.is_sidebar_left #main_content{border-right:none;border-left: 1px solid #eee}
aside{padding:10px;}
.is_sidebar_left aside{border-left:none;border-right: 1px solid #eee;margin-left:0;margin-right: -1px;}
.is_sidebar_left main aside .menu li ul{right:auto;left:91%}

.topbar_left .menu ul li a:hover{color:#eee}
#widget_pos_left-top .widget .menu {margin:-16px -15px -21px}
#widget_pos_left-top .menu {
    margin: 0 -15px 10px;
    padding: 15px 15px 10px;
    background: #f5f4f4;
    display: inline-block;
    width: 100%;
}
#widget_pos_left-top .menu li{float: left;margin: 0 5px 5px 0;}
#widget_pos_left-top .menu li.flexMenu-viewMore.flexMenu-allInPopup, #widget_pos_left-top .menu li.flexMenu-viewMore.flexMenu-allInPopup li, #widget_pos_left-top .menu li.flexMenu-viewMore li,.tabs-menu ul li.flexMenu-viewMore li{float: none;margin:0;}
#widget_pos_left-top .menu li.flexMenu-viewMore > a{padding:10px;}
#widget_pos_left-top .menu li.flexMenu-viewMore ul.flexMenu-popup,.tabs-menu ul li.flexMenu-viewMore ul.flexMenu-popup{right:0;white-space:nowrap}
#widget_pos_left-top .menu li.flexMenu-viewMore.flexMenu-allInPopup ul.flexMenu-popup{left:0;right:0}
#widget_pos_left-top .menu li a{padding:10px 10px 10px 36px}
#widget_pos_left-top .menu li a .counter{margin-left:5px;padding:2px 5px}
.tabs-menu ul li.flexMenu-viewMore ul.flexMenu-popup{border: 1px solid #b3c2c9;margin-top:2px;border-top:none;border-bottom:none;z-index:2}
.tabs-menu ul.tabbed li.flexMenu-viewMore.active li a{
    border: none;
    min-width: 100px;
    display: block;
    padding: 4px 10px;
    border-bottom: 1px solid #b3c2c9;
	margin:0
}
.tabs-menu ul.tabbed li.flexMenu-viewMore.active li.folder{position:relative}
.tabs-menu li.flexMenu-viewMore.active li.folder > ul{
    right: 100%;
    top: 0;
	border-bottom:none
}
.tabs-menu li.flexMenu-viewMore.active li.folder > ul li a{width:auto}
.tabs-menu li.flexMenu-viewMore.active li.folder > ul li a:hover{border-bottom: 1px solid #b3c2c9 !important}


#layout footer{
	background:#272727;
	display:block;
	padding: 0 15px;
	color:#fff;
	height:auto
}
footer .footer_top{
	position:relative;
    padding: 3px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 2px;
}
footer .footer_top:before{
	content:'';
	position: absolute;
	left: 50%;
	top: -19px;
	border: 10px solid transparent;
	cursor:pointer;
}
footer .footer_top span{display: none}
footer .footer_middle{position: relative;background:#868686}
footer .footer_middle:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  display: block;
}
.my_columns{padding-bottom:5px}
footer .widget > .title{
	margin:0 0 20px;
	border-bottom: 1px solid #757575;
	padding:15px 0;
	position:relative;
	background: none!important;
	height: auto;
	line-height: normal;
	font-size:1.6rem;
	font-weight: normal;
}
footer .widget > .title::before {
    position: absolute;
    bottom: -1px;
    width: 130px;
    height: 1px;
    background-color: #fff;
    content: '';
}
.footer_text{background:#353535;padding: 5px 30px;margin: 0 -15px;}
.footer_text p, .my_copyrights p{margin:15px 5px;}
footer ul.menu,footer .my_copyrights .my_socialicons{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	padding: 13px 0;
}
#layout footer ul.menu li{float: left;margin-right:20px;height: 50px;line-height: 50px;}
footer ul.menu li:last-child{margin-right:0}
footer ul.menu li a{font-weight:bold;color:#ccc}
#layout .widget > .title .links a{color:#222;padding:4px 8px; background:none !important;}
#layout .widget > .title .links a:hover{color:#5cb85c;}
#layout .widget > .title,.widget_tabbed .tabs ul,.widget_user_avatar .user_info,.widget_search{font-family: 'PT Sans Narrow', sans-serif; background:none;color:#222222;margin-bottom:20px !important;}
#titlenews a{color:#ffffff;background:#77A018;padding:5px 15px;font-size:18px;font-weight:normal;}
#titlenews a:hover{text-decoration:none;background:#5cb85c;}

.my_socialicons{
	overflow: hidden;
	list-style: none;
	text-align:center;
	line-height: 20px;
	padding:15px 30px;
}
.my_socialicons li{
	float: left;
	padding: 0 4px;
	line-height: inherit;
	list-style-type: none;
}
.my_socialicons li a{
	width:20px;
	height:20px;
	color: #272727;
	display:block;
	background: rgba(255, 255, 255, 0.67);
	overflow:hidden;
}
.my_socialicons li a i{
	display:block;
	font-size: 14px;
	line-height:20px;
	text-align:center;
}
.my_socialicons li a:hover{color: #272727;}
footer .my_socialicons li a:hover{text-decoration:none}

.topbar_right > div, .topbar_left > div{display:inline-block;overflow: visible;}
#breadcrumbs{clear:both;margin:0}
#breadcrumbs:after{
	border-top: 8px solid #ecf0f1;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	content: "";
	display: inline-block;
	left: 10px;
	position: absolute;
	bottom: -8px;
	z-index: 2
}
footer .widget{background:none;border:none}
footer .widget .body{padding: 0;line-height: normal;border: none;}
header .widget_user_avatar{
    margin: 0;
    display: inline-block;
}
header .widget_user_avatar div{display: inline-block}
header .widget_user_avatar .default_avatar{border-radius:50%}
header .widget_user_avatar .user_info{line-height: 20px;}
header .widget_user_avatar:hover .user_info{background:rgba(0, 0, 0, 0.14)}
header .widget_user_avatar .menu{box-shadow:none;background: #464646;}
header .widget_user_avatar .menu li{float: none;border-bottom:1px solid rgba(0, 0, 0, 0.14)}
header .widget_user_avatar .menu li:hover{background-color:transparent;}
header .default_avatar{overflow:visible;line-height:30px!important;font-size:14px!important}
header .default_avatar img{display:inline-block}
.widget_user_avatar .user_info .avatar{line-height:10px}
header .widget_user_avatar .menu li a{
    height: 40px;
    line-height: 40px;
}
header .widget_user_avatar .menu li a:hover{color:#fff;}

header .widget_user_avatar .menu li ul{
    left: auto;
    background: #484848;
    right: 180px;
	width:200px
}
header .widget_user_avatar .menu > .folder > a > .wrap:after{content:none}
header .widget_user_avatar .user_info,header .widget_user_avatar .user_info .avatar{float:none;overflow:visible}
header .widget_user_avatar .user_info:after{top:10px}
header .topbar_left .widget_user_avatar:first-child .menu li ul{right: auto;left: 180px;}
header .topbar_left .widget_user_avatar:first-child .menu{right: auto;left:0;}
header .widget_user_avatar .user_info .avatar img{border-radius:50%}
.widget_content_slider{margin-bottom:15px}
.widget > .body, .widget_tabbed .widgets{
    border: 0px solid rgba(0, 0, 0, 0.06);
    border-top: none;
}

.widget_tabbed .tabs ul{border: 1px solid #ecf0f1;border-bottom: none}
.widget_tabbed .tabs ul li a:hover{text-decoration:none}
#main_content #photo_container h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: left;
    font-size: 2rem;
    background: linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);
    height: 46px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 15px;
    margin: 0;
    color: #fff;
}
#main_content h1{
	
    margin-bottom: 10px;
    color:#34495e;
}

#main_content h1 + .parent_title{
    font-size: 1.4rem;
    margin: -10px 0 10px 0;
    min-height: 33px;
}
main aside .menu, main aside .menu li,
main section .menu, main section .menu li
{ margin:0; padding:0; list-style: none; background:#f15a2b;}

main aside .menu ul,
main section .menu ul{
    border: solid 1px #EDEDED;
    border-bottom: none;
}

main aside .menu {
    
	
}

main aside .menu li ul {
    visibility: hidden;
    position:absolute;
    top:-1px;
    left: auto;
    right: 91%;
    width:220px;
    box-shadow: 0 1px 2px #666;
    z-index: 999;
}

main aside .menu li {
    border-bottom: solid 3px #ffffff;
}

main aside .menu li:hover,
main aside .menu li.active,
main section .menu li:hover,
main section .menu li.active {
    position: relative;
    z-index: 2;
    cursor: default;
    background: #00a59b;
}
main aside .menu li:last-child {
    border-bottom: none;
}
main aside .menu li:hover > ul {
    visibility: visible;
}
aside .menu .item, section .menu .item {
    background: url("/templates/default/images/icons/item.png") no-repeat 10px center;
}
main aside .menu li.active .item,
main section .menu li.active .item {
    color:#000;
}
main aside .menu a,
main aside .menu span.item,
main section .menu a,
main section .menu span.item {
    overflow: hidden;
    display:block;
    color:#ffffff;
    text-decoration: none;
    padding:6px 10px;
    padding-left:36px;
}

main aside .menu a:hover {
    color:#fff;
}

main aside .menu .counter,
main section .menu .counter{
    float:right;
    padding: 0px 7px;
    background: #376499;
    border-radius: 50px;
    font-size: 11px;
    color: white;
}

main aside .menu li:hover .counter,
main section .menu li:hover .counter{
    background:#BDC3C7;
}
.widget_user_avatar .user_info{margin-bottom:15px}
.widget_user_avatar .menu{border-top:none}
aside .widget > .title{}
.widget_content_slider .items .item .image{width:32px}
.tabs-menu .tabbed li a{display:inline;padding:10px}
.tabs-menu .tabbed li a:hover{padding:10px 10px 9px}
#group_profile .block .details, #group_profile .block .details li{margin:5px 0}
#user_profile_title .status{margin-top:3px; font-family: 'Proxima Nova', sans-serif !important;}
.show-more{line-height:24px}
.nyroModalCont .notice{min-width:160px}
.title .links a i.fa{display:inline}
.widget_comments_list .image .default_avatar{line-height: 32px !important;font-size: 20px !important}
#layout .album-photos-wrap .photo img{width:100%}


.widget_content_list.featured .item-first .info{position: absolute;bottom: 5px;padding:0 10px;margin:0 20px;left: 0;right: 0;background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.48) 20%, rgba(0,0,0,0.69) 50%, rgba(0,0,0,0.95) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.48) 20%,rgba(0,0,0,0.69) 50%,rgba(0,0,0,0.95) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.48) 20%,rgba(0,0,0,0.69) 50%,rgba(0,0,0,0.95) 100%);}
.widget_content_list.featured .item-first .details,.widget_content_list.featured .item-first .details a,.widget_content_list.featured .item-first .title a{color:#fff}
.widget_content_list.featured .item-first .title{margin:0}
.compact .item .image img{width:32px}
.widget_content_list.featured .item .image img{width:100%}
#album-photo-item .photo_author a{display:block}
#album-photo-item .photo_author{height:32px}
.inside .inside_wrap{min-height:280px}
span.album_date:before,span.album_date:after,span.album_hits:after{content:none !important}
.parent_title span.tags_bar{display:flex;margin: 25px 0 10px;clear: both;}
.parent_title span.tags_bar a{margin-left:5px}
.parent_title span.tags_bar a:first-child{margin-left:0}
span.album_user{float:left;margin-right:10px}
span.album_user img{border-radius:0}
.parent_title a{display:block;text-decoration:none}
.album_hits{font-size: 12px}
.album_date{display: block;font-size: 12px;margin-top: 2px;float: left;margin-right: 10px}
main aside .menu li:hover{z-index:102 !important}
main aside .menu li:hover ul li{z-index:103 !important}
.widget_content_filter .date-input, .widget_content_filter .input-small{width:90px!important}
.widget_content_filter .date-input:first-child{margin-right:3px}
#main_content > article{margin-bottom:10px}
#controller_wrap .photo_filter{clear:both;margin-top:10px;}
.widget_tags_cloud .tags_as_cloud li{margin:0}
#layout footer .widget_tags_cloud ul li{height:auto;line-height: normal;margin: 0;padding: 0;}
#layout footer .widget_tags_cloud ul.tags_as_list li{float:none;margin-bottom: 10px;padding-left: 20px}
#layout .is_blocks .widget_tags_cloud .tags_as_cloud li a{display:block;background: #ededed;color: #7f8c8d;font-size:14px;padding:6px;margin:0 5px 5px 0;}
#layout footer .is_blocks .widget_tags_cloud .tags_as_cloud li a{background: #444;color: #eee}
#layout .is_blocks .widget_tags_cloud ul li:hover a,#layout .is_blocks .widget_tags_cloud ul.tags_as_list li:hover{text-decoration:none;color:#fff!important;text-shadow:2px 2px 3px #383838}

#layout .is_blocks .widget_tags_cloud ul.tags_as_list li{float:left;margin: 0 5px 5px 0;padding: 0;position: relative;background: #ededed;color: #7f8c8d;}
#layout .is_blocks .widget_tags_cloud ul.tags_as_list li a{
    padding: 7px;
    display: block;
    float: left;
    margin: 0;
    border-right: 1px solid #ddd;
    color: #7f8c8d;
}
#layout footer .is_blocks .widget_tags_cloud ul.tags_as_list li{background:#444;color:#bdc3c7}
#layout footer .is_blocks .widget_tags_cloud ul.tags_as_list li a{border-right: 1px solid rgba(0, 0, 0, 0.24);color:#bdc3c7}
#layout .is_blocks .widget_tags_cloud ul.tags_as_list li .counter{float:right;padding: 7px 10px;}
.widget_tags_cloud{overflow:hidden}
header .widget_user_avatar.menu_fix{position:fixed;z-index:501;width:42px}
header .widget_user_avatar.menu_fix .user_info .name{display:none}
header .widget_user_avatar.menu_fix .user_info{padding-right:5px}
header .widget_user_avatar.menu_fix .user_info:after{content:none}


#layout .boxed_comments_list .bcl_item{height:auto;line-height:normal;float: none;margin: 0 0 20px;padding:0;list-style:none}
#layout .boxed_comments_list .bcl_item:last-child{margin: 0 0 10px}
#layout .boxed_comments_list .bcl_item .bcl_text{
    background: #eee;
	color:#8e8e8e;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    position: relative;
    margin: 0 0 13px
}
#layout footer .boxed_comments_list .bcl_item .bcl_text{background:#333}
#layout footer .boxed_comments_list .bcl_item .bcl_text:after{border-top-color: #333}
#layout .boxed_comments_list .bcl_item .bcl_text:after {
    top: 100%;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-top-color: #eee;
    border-width: 5px;wi
    margin-left: 0px
}

.bcl_item .bcl_user_avatar{float:left;margin-right:5px}
.bcl_item .bcl_user_avatar img,.bcl_item .bcl_user_avatar .default_avatar{
    background: none;
    border: none;
    padding: 0;
    margin: 0 7px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
	width:32px
}
.bcl_item .bcl_target{
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
}

.bcl_clr {
    clear: both;
    height: 0;
    line-height: 0;
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    border: none
}
.default_avatar.black_avatar_text:hover:after{background:transparent}

/*********************** FIX ADDONS ******************/
#layout .userlang_swither .userlang_swither-toggle img,#layout .lang_switcher a img{margin-bottom:3px}
#layout .userlang_swither .userlang_swither-toggle{font-size:12px;background:#f3f3f3}
#layout .userlang_swither .userlang_swither-list,#layout .lang_switcher a{font-size:12px;min-width:49px;color:#444}
#layout .userlang_swither .userlang_swither-list li img{margin-bottom:2px}
.topbar_left .userlang_swither{margin:16px}
.topbar_left .lang_switcher,#layout .gifts_list_item,.send .gifts_list_text{margin:8px}
#layout .problems_item .tags_bar{display:block}
#layout [my-data-tip]:after,[data-tip]:after{height:28px}
#layout .spoil .sp_span img{margin:-3px 4px 0 0}
#layout .spoil .sp_button{height:22px}
#layout .my_b_view_map{background-position-x:center}
#layout .gifts_list_item_link,#layout .gifts_list_check a{text-decoration:none}
#layout .gifts_list_check{margin:-37px 0 0 150px;width:80px}
#layout .gifts_list_buttons a.colored{margin-right:5px}
#layout .gifts_list_buttons{width:170px}
#layout .gifts_list_item_meta,#layout .emojionearea .emojionearea-picker .emojionearea-scroll-area h1{margin-bottom:5px}
#layout .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter{height:32px}
#layout .emojionearea .emojionearea-picker .emojionearea-filters{width:310px}
#popup-manager .markItUpHeader ul li{margin:0 8px 5px 0}
#popup-manager .emojibutton .emojionearea-button{top:-4px}
#layout .days .full,#layout #arrow_schedule{margin-bottom:0}
#layout .schedule .date td select{height:auto}
#layout .day_list{width:360px}
.wd_app_calendar .ui-datepicker{width:100%;box-shadow:none}

/*********************** FONT SIZES rem ******************/

aside .widget_tabbed > .tabs .links a{font-size:1rem}
.content_item .info_bar, .content_list_item .info_bar,.is_online,#wall_widget #entries_list .entry .links a,.wd_slide_submit,.widget_content_list .details{font-size:0.8rem; font-family: 'Proxima Nova', sans-serif;}
nav, header .menu > li > a, .widget_user_avatar .user_info .name a,.widget_content_slider .items .item,aside .widget > .title,aside .widget_tabbed .tabs ul li a,#layout footer,.widget_search .input,#comments_widget .track,#comments_widget #comments_add_link a,.widget > .title .links a,#breadcrumbs ul li,.content_item .tags_bar, .content_list_item .tags_bar,.content_list.tiled .info_bar,.widget_content_filter .ft_date .value, .widget_content_filter .ft_number .value,#group_profile .block .details, #group_profile .block .details li,.pagebar,.pagebar_notice,#comments_list .comment .info div,form .hint,#user_profile .block .details, #user_profile .block .details li,#wall_widget #entries_list .entry .info div,header .menu ul li a, header .menu li.active ul li a,.widget_content_slider .slide .heading .teaser,.widget_tabbed > .tabs .links a,.top-rated-list .title{font-family: 'PT Sans Narrow', sans-serif;font-size:1.2rem}
.widget_content_list.compact .item .title{font-size:0.95rem}
.widget_tabbed .tabs ul li a,.content_datasets ul li,form .field label,#user_profile #information .fieldset_title h3,.widget_content_slider .slide .heading h2,.problem_sts li,.wd_app_container .wd_app_step,.tabs-menu .tabbed li,input.button-submit, input.button,.pills-menu-small li,.wd_app_button,.widget_content_list.featured .item .title,.widget_content_list.tiles-big .item .title{font-size:1rem}
.content_list.table table td.ft_caption h2,.wd_app_result ul li,.widget_content_list .item .title,#horo_tabs p.horo_content{}
.content_categories li,.groups-list .title,.widget > .title{}
.content_list_item .ft_caption .value,#group_profile_title,#user_profile_title,#wd_appointments .wd_app_header h2,.widget_content_list.featured .item-first .title{font-size:1.4rem}
.content_list.featured .first .ft_caption a{}
h1{font: 500 1.8rem/2.1rem "Adelle", sans-serif;}

/*********************** COLORS ******************/
#layout .widget .bg_black {background:#000}
#layout .widget .bg_blue {background:#4682b4}
#layout .widget .bg_red {background:#ff6347}
#layout .widget .bg_green {background:#3cb371}

#layout .widget .txt_white, #layout .widget .txt_white a{color:#fff}


.gsIContent a {font-size:0px;color:#ffffff;}

.gsLinks {z-index:100; background-color:transparent !important; color:#ffffff;}

.moretemp {
	z-index:1000;
	padding-left:7px;
	margin-top:-21px;
}

.hidelogin {display:none;}

.donate a{
	padding:12px 11px 29px 11px;
	margin:0 auto;
	background: url("/templates/boxed/images/avtor_bottom.png") no-repeat center bottom #f15a2b;
}

.donate a:hover {
	background: url("/templates/boxed/images/avtor_bottom.png") no-repeat center bottom #00a59b;
}

/*zau4man*/
.wd_poster .image{height: 150px; overflow: hidden;}
.wd_poster .title {clear: both;padding: 5px;}
.wd_poster .image img {max-width: 100%;}
.wd_poster .item {border-bottom: 1px solid #EAEAEA;padding-bottom: 10px;}
.wd_poster .moreinfo .category {float: left;}
.wd_poster .moreinfo .date {float: right;}
/*zau4man*/

.place .adress {border-bottom:1px solid #eeeeee;padding:7px 0;margin:7px 0;}

.f_code a img {width:100px;}

.captiondiv {
	background:#eeeeee;
	border-bottom:1px solid #dddddd;
	font-size:80%;
	line-height:125%;
	padding:3px 10px;
	margin-top:-15px;
}

.f_content .caption {
	color:#333333;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	text-decoration:none;
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}

.problemh1 {
font-size: 400%;color:#ffffff;text-shadow:0px 2px 0px #373c77;
}
.problemb {
font-size: 120%;color:#ffffff;text-shadow:0px 1px 0px #373c77;
}

.problemb2 {
	font-size: 70%;color:#ffffff;
}

.f_hodresh {background:#eeeeee;padding:12px;}


.gsInformer .gsLinks .rightCol {display:none !important;}

.f_uslugi ul li{
	display:inline-block;
	background:#eeeeee;
	padding:3px 5px;
	margin:6px 4px;
	font-size:11px;
}

.kur_price {color:#ffffff;font-size:1.7em;font-weight:bold;background:#f15a2b;padding:6px 10px;border-radius:7px;}

.tabs {
	max-width: 700px;
	margin: 0 0 30px;
}
.tabs__caption {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	list-style: none;
	position: relative;
	margin: -1px 0 0 -1px;
}
.tabs__caption li:last-child:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: -2px;
	z-index: -1;
	height: 5px;
	background: #7DCA86;
}
.tabs__caption:after {
	content: '';
	display: table;
	clear: both;
}
.tabs__caption li {
	padding: 9px 15px;
	margin: 1px 0 0 1px;
	background: #61AF6A;
	color: #FFF;
	position: relative;
	border: solid #61AF6A;
	border-width: 2px 2px 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
}
.tabs__caption li:not(.active) {
	cursor: pointer;
}
.tabs__caption li:not(.active):hover {
	background: #7DCA86;
	border-color: #7DCA86;
}
.tabs__caption .active {
	background: #FFF;
	color: #000;
	border-color: #7DCA86;
}
.tabs__caption .active:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 5px;
	background: #FFF;
}
.tabs__content {
	display: none;
	background: #FFF;
	border: 2px solid #7DCA86;
	border-radius: 0 5px 5px 5px;
	padding: 7px 15px;
}
.tabs__content.active {
	display: block;
}

.sticky {
  position: sticky;
  top: 0;
  width:100%;
  height: 2em;
  z-index: 101;
}
.stop {
  position: relative;
  z-index: 101;
}
.avaround {display:inline-block;margin-bottom:-15px;}
.avaround img{width:40px !important; border-radius:50%;}
.avaroundsm {float:left;margin:4px 6px 0 0;}
.avaroundsm img{border-radius:50%;}
.avaname {display:inline-block;margin:15px;vertical-align:baseline;top:10px;}
.avaname a {color:#222222;text-transform: uppercase;letter-spacing: 1px;font-weight:bold;}
.avanamesm a {color:#222222 !important;text-transform: uppercase;letter-spacing: 1px;font-weight:bold;}
.avadate {display:inline-block;margin-left:10px;}


.talksshare {
display:inline-block;
}
.talkscomm {display:inline-block;float:right;padding:10px;margin-right:40px;margin-top:-14px;border:2px solid #FC6540;border-radius:7px;}
.talkscomm a {text-transform: uppercase;letter-spacing: 1px;font-weight:bold;color:#FC6540;}

.talks_list_item .ft_caption {padding:4px 0; margin:0 !important;}

.talkszag {font-size:2em; line-height:1.2em !important; padding-bottom:5px !important;border-bottom:1px solid #dddddd;}
.talkswdg {background:#f8f8f8; padding:10px;}
.talkswdgtl {}

.mymagicoverbox {
 display:inline-block;
 color:#dddddd;
 margin-top:10px;
 cursor:pointer;
 font-weight:300;
 font-family:'Roboto';
}
.mymagicoverbox_fenetre {
 z-index:9999;
 position:fixed;
 margin-left:50%;
 top:100px;
 text-align:center;
 display:none;
 padding:5px;
 color:#97BF0D;
 font-style:normal;
 font-size:20px;
 font-weight:300;
 font-family:'Roboto';
}

.mymagicoverbox_fenetre2 {
 z-index:9999;
 position:fixed;
 top:0;
 display:none;
 padding:5px;
 color:#97BF0D;
 font-family: 'Suisse','Helvetica',sans-serif;
 text-transform: uppercase;
 font-size:20px;
 font-weight:300;
}


.mymagicoverbox_fenetreinterieur {
 text-align:center;
 overflow:auto;
 padding:10px;
 color:#666666;
 font-weight:400;
 font-size:17px;
 margin-top:10px
}

.mymagicoverbox_fenetreinterieur2 {
 overflow:auto;
 padding:10px;
 color:#666666;
 font-weight:400;
 font-family:'Roboto';
 font-size:17px;
 margin-top:10px
}

.mymagicoverbox_fermer {
 color:#CB2025;
 cursor:pointer;
 font-weight:400;
 font-size:14px;
 font-style:normal
 font-family:'Roboto';
}

#mysidemenu{
display:block;
margin-left:15px;
width:22px;
background:url("../images/mymenu.png") no-repeat left center;
}

#mysidemenu:hover {
background:url("../images/mymenu2.png") no-repeat left center;
}

#mysidemenua a {
font-family: 'Suisse','Helvetica',sans-serif;
font-size:12px;
text-decoration:none;
letter-spacing:2px;
color:#222222;
padding-left:6px;
line-height:22px;
}

#mysidemenua a:hover {
color:#ff4e00;
}

#mysidemenuasmall a {
font-family: 'Suisse','Helvetica',sans-serif;
font-size:9px;
text-decoration:none;
letter-spacing:3px;
color:#222222;
padding-left:6px;
line-height:20px;
}

#mysidemenuasmall a:hover {
color:#ff4e00;
}

.f_files {
	background: url("../images/download.png") no-repeat left center #eeeeee;
	background-size: contain;
	padding:15px 10px 15px 55px;
	border:1px solid #dddddd;
}

.postername {
	width:100%;
	background-color: #2980b9 !important;
	padding: 10px;
	margin-bottom:15px;
	float:left;
	color:#ffffff !important;
}

.postername h1 {
color:#ffffff !important;
}

.postername img {float:left; margin-right:20px;}

.zhanr {
	color:#ffffff !important;
	font-family: 'Proxima Nova', sans-serif;
	font-size:0.92rem;
}

.bron a{
	background:#f15a2b;
	padding:5px;
	color:#ffffff !important;
	font-family: 'Proxima Nova', sans-serif;
}

.bron a:hover {background:#00a59b; text-decoration:none;}

.agemark {
	float:right;
	color:#222222 !important;
	font-size:10px;
	font-weight:bold;
	border:2px solid #222222;
	border-radius:50%;
	margin-right:20px;
	margin-top:-20px;
	padding:3px;
}

.logobottom {
	float:right;
	margin:40px 15px;
}

.sixteen {
	background:#F2360C;
	text-align: center;
	font-weight: bold;
    font-style: normal;
    font-size: 12px;
	color:#fff;
	padding:7px;
	border-radius:50%;
}
.socbottom{
	text-align:center;
	margin-left:20px;
	font-size:30px;
}
.socbottom i{
	padding:0 5px;
}

.socbottomtop {float:right;font-size:21px;margin-right:10px;}
.socbottomtop i{
	padding:0 3px;
}
.socbottomtop a{
	color:#222;
}
.socbottomtop a:hover{
	color:#f15a2b;
}

.talksphoto img {
	border-radius:50%;
}

.imgcovernews {
	display:inline-block;   
    position:relative;
	width: 100%;
}

.imgcovernews img {
	width: 100%;
}

.imgcovernews .oncover {
	display:block;
    position:absolute;
    left:0;
    bottom:10px;
    width:95%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
     
    color:#ffffff !important;
         
    padding:10px;
}


.imgcovernews .oncover h1 {
	color:#ffffff !important;
	font: 500 2.3rem/2.7rem "Adelle", serif;
}

.imgcovernews .oncover .dark  h1{
	color:#000000 !important;
}

@media screen and (max-width:468px) {
  .imgcovernews .oncover h1 {
	color:#ffffff !important;
	font: 500 1.5rem/1.6rem "Adelle", serif;
}
}


.imgcovernews .oncover a {
	color:#ffffff !important;
}

.imgcovernews .oncover .info_bar {
	color:#ffffff !important;
	opacity:0.8;
	font-family: 'Proxima Nova', sans-serif;
	font-weight:bold;
}

.imgcovernews .oncover .info_bar a{
	font-family: 'Proxima Nova', sans-serif;
	font-weight:bold;
}

.imgcovernews .oncover .info_bar:hover {
	opacity:1;
}

.imgcovernews .oncover .f_teaser {
	    font: 18px/24px "Proxima Nova", sans-serif;
		opacity:0.8;
}

.f_photoautor {
	font-size:11px;
	float:right;
	color:#222222;
}
.uptolikenews {padding:10px 0 0 0;}

#sticky_menu {padding-left:7px;padding-top:6px;background-color: rgba(255, 255, 255, 0.9);font-family: 'PT Sans Narrow', sans-serif;}
.is-sticky {width:1200px;box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);}

.ymaps-2-1-59-b-cluster-content__body {display:none !important;}

.ymaps-2-1-59-b-cluster-carousel__body, .ymaps-2-1-59-b-cluster-content__body {
    display: none;
}
.boardmess {float:right;}

.boardmess a {color:#2980b9;}

.boardmess a:hover {color:#f15a2b;}

.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}

.container {background:#ffffff;}

.helpsm {
	z-index:10000;
	position: fixed; 
	background:#00a59b;
	padding:10px 10px 10px 25px;
	left: -20px; 
	bottom: 30px;
	font-size:15px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
	-moz-opacity: 0.7; 
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.helpsm:hover {
	padding:10px 10px 10px 45px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	-moz-opacity: 1; 
	-khtml-opacity: 1;
	opacity: 1;
}
.helpsm a {color:#ffffff;text-transform:uppercase;font-weight:bold;}
.helpsm a:hover {text-decoration:none;}
.helpsm span {
	background:#47789d;
float:left;font-size:30px; color:#ffffff;padding:0 7px; margin: -10px 8px;
}

audio {width:100%;}