/* 
    Theme Name: UniverMag
    Theme URI: http://univermag.dankov-theme.com/
    Author: Dankov
    Author URI: http://themeforest.net/user/Dankov
    Description: This elegant and professional news theme is great for anyone looking display a lot of content in a clean and userfriendly manner. Featuring a 3-column grid and many homepage content outlets, this theme gives you the opportunity to feature tons of content without making your website feel cramped or messy. UniverMag is compatible with bbPress, BuddyPress plugins.
    Tags: ad ready, adsense, bbpress, clean, flexible, magazine, modern, news, newspaper, responsive, retina, seo optimized, social, translation ready, buddypress
    Version: 1.1.1
    License: GPL2
    License URI: http://themeforest.net/user/Dankov
    Text Domain: dankov
*/
/*------------------------------------------------------------------

1. Wrapper / #wrapper 

    1.1 Boxed mode / .boxed

2. Header / #header
    2.1 Search / #search
    2.2 Social Icons / .social-icon

3. Main Menu / .menu-wrapper

4. Sticky Post (Featured Post) / #sticky

5. Content / Sidebar / .col-contentEntry Meta
    4.1 Post class left image / .left-image-post
    4.2 Standart Post / .standard-post
    4.4 Entry Meta (Meta data) / .entry-data
    4.5 Paper Button / .paper-button
    4.6 Single Content / .single
    4.7 UI Post Content 

6. Comments / .comments

7. Widgets / #widget

8. Page Navi / #wp-pagenavi

9. Footer / #footer

10. Other style

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

/*------------------------------------------------------------------
[1. Wrapper / #wrapper]
*/
.cont-wide { background: #fff }
.wrapper {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}
/*------------------------------------------------------------------
[1.1 Boxed / .boxed]
*/
.boxed {
    box-shadow: 0 1px 2px rgba(0,0,0,.1) !important;
    width: 1290px;
}
/*------------------------------------------------------------------
[2.0 Header / .header]
*/
.header { background: transparent }
.header-white {
    background: #fff;
    width: 1290px;
    margin: auto;
}
.logo {
    margin: 0px 0px 0px 0px;
}
.logo a {
    font-size: 35px;
    display: inline-block;
}
.banner-area {
    margin: 35px 0px 8px 0;
    height: 80px;
    text-align: left;
    line-height: 80px;
}
.soc-area {
    margin: 35px 0px 10px 0;
    height: 30px;
    line-height: 30px;
}
.search-area {
    margin: 0px 0px 8px 0;
    height: 40px;
}
.search-area form > div {
    padding: 10px 44px 10px 10px;
    height: 40px;
    border: 1px solid #eee;
    background: #fff;
}
.search-area form > div:before {
    position: absolute;
    top: 11px;
    left: 243px;
    color: #FF9E0E;
    content: "\e090";
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 19px;
    font-family: 'Simple-Line-Icons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 19px;
}
.search-area form label { display: none }
.search-area input[name="s"] {
    float: left;
    padding: 0;
    width: 100%;
    height: 20px;
    border: none;
    font-weight: 300;
}
.search-area input[type="submit"] {
    position: relative;
    float: right;
    margin: -5px -39px 0 0;
    padding: 0;
    width: 30px !important;
    height: 30px;
    border: none !important;
    background: none !important;
    text-indent: -9999px;
}
/*------------------------------------------------------------------
[2.1 Head Search / .head-search ]
*/
.head-search input[name="s"] {
    height: 50px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%;
    padding: 15px 45px 15px 15px;
    border-top: none;
}
.head-search input[name="s"]:focus { border: 1px solid #eee }
.head-search input[type="submit"] {
    padding: 0;
    float: right;
    margin-top: -15px;
    position: relative;
    background: transparent;
    color: rgba(0,0,0,0.54);
    border: none;
    width: 45px;
    height: 50px;
    margin-right: -14px;
}
.head-search input[type="submit"]:hover {
    background: transparent;
    transition: background 200ms linear;
}
.head-search span:hover:before {
    color: #FF9E0E;
    transition: color 200ms linear;
}
.head-search span {
    float: right;
    margin-top: -35px;
    position: relative;
    margin-right: 15px;
}
.head-search span:before {
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e090";
    font-size: 20px;
    color: rgba(0,0,0,0.54);
    position: relative;
    left: 33px;
}
.search-title {
    padding-top: 0px;
    margin-top: 0px;
}
/*------------------------------------------------------------------
[2.2 Icons Social / .icons-social ]
*/
.icons-social {
    display: block;
    float: right;
    overflow: hidden;
    width: 198px;
    height: 30px;
}
.icons-social a {
    float: left;
    transition: all 200ms linear;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-left: 3px;
}
.icons-social a:hover {
    transition: all 250ms linear;
    background: transparent;
}
#icon-dribbble:before { content: "\f17d" }
#icon-dribbble { background: #ea4c89 }
#icon-dribbble:hover {
    color: #ea4c89;
    background: transparent;
}
#icon-facebook { background: #3b5998 }
#icon-facebook:hover {
    color: #3b5998;
    background: transparent;
}
#icon-facebook:before { content: "\f09a" }
#icon-flickr:before { content: "\f16e" }
#icon-flickr { background: #005FDF }
#icon-flickr:hover {
    color: #005FDF;
    background: transparent;
}
#icon-github:before { content: "\f113" }
#icon-github { background: #171515 }
#icon-github:hover {
    color: #171515;
    background: transparent;
}
#icon-googleplus { background: #d34836 }
#icon-googleplus:hover {
    color: #d34836;
    background: transparent;
}
#icon-googleplus:before { content: "\f0d5" }
#icon-instagram:before { content: "\f16d" }
#icon-instagram { background: #3C719D }
#icon-instagram:hover {
    color: #3C719D;
    background: transparent;
}
#icon-linkedin { background: #0075AA }
#icon-linkedin:hover {
    color: #0075AA;
    background: transparent;
}
#icon-linkedin:before { content: "\f0e1" }
#icon-pinterest:before { content: "\f0d2" }
#icon-pinterest { background: #CA2025 }
#icon-pinterest:hover {
    color: #CA2025;
    background: transparent;
}
#icon-rss { background: #F0801E }
#icon-rss:hover {
    color: #F0801E;
    background: transparent;
}
#icon-rss:before { content: "\f09e" }
#icon-tumblr:before { content: "\f173" }
#icon-tumblr { background: #335170 }
#icon-tumblr:hover {
    color: #335170;
    background: transparent;
}
#icon-skype:before { content: "\f17e" }
#icon-skype { background: #00AEF3 }
#icon-skype:hover {
    color: #00AEF3;
    background: transparent;
}
#icon-twitter { background: #50ABF1 }
#icon-twitter:hover {
    color: #50ABF1;
    background: transparent;
}
#icon-twitter:before { content: "\f099" }
#icon-vimeo { background: #3BBAFF }
#icon-vimeo:hover {
    color: #3BBAFF;
    background: transparent;
}
#icon-vimeo:before { content: "\f194" }
#icon-youtube { background: #C62E24 }
#icon-youtube:hover {
    color: #C62E24;
    background: transparent;
}
#icon-youtube:before { content: "\f16a" }
#icon-foursquare { background: #0071B3 }
#icon-foursquare:hover {
    color: #0071B3;
    background: transparent;
}
#icon-foursquare:before { content: "\f180" }
#icon-apple { background: #BFBEBE }
#icon-apple:hover {
    color: #BFBEBE;
    background: transparent;
}
#icon-apple:before { content: "\f179" }
#icon-android { background: #A3C828 }
#icon-android:hover {
    color: #A3C828;
    background: transparent;
}
#icon-android:before { content: "\f17b" }
#icon-vk { background: #436590 }
#icon-vk:hover {
    color: #436590;
    background: transparent;
}
#icon-vk:before { content: "\f189" }
#icon-windows { background: #00BBF5 }
#icon-windows:hover {
    color: #00BBF5;
    background: transparent;
}
#icon-windows:before { content: "\f17a" }
#icon-behance { background: #0763FF }
#icon-behance:hover {
    color: #0763FF;
    background: transparent;
}
#icon-behance:before { content: "\f1b4" }
#icon-delicious:before { content: "\f1a5" }
#icon-delicious { background: #2A96FF }
#icon-delicious:hover {
    color: #2A96FF;
    background: transparent;
}
/*------------------------------------------------------------------
[3. Main Menu /.menu-wrapper ]
*/
.menu-wrapper {
    width: 1290px;
    height: 54px;
    background: #FF9E0E;
    margin: auto;
    position: relative;
    top: 0px;
    border-radius: 0;
    border: 0;
}
.menu-wrapper .menu {
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 54px;
    background: #FF9E0E;
}
.menu-wrapper .menu.sticky-menu {
    position: fixed;
    top: 0;
    width: 1290px;
    transition: 0;
}
.boxed .sticky-menu {
    width: 1250px;
    left: auto;
    transition: none !important;
}
.menu.non-sticky { position: relative!important }
.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li { position: relative }
.sf-menu > li { float: left }
.sf-menu ul {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 99;
    display: none;
}
ul#main-nav {
    position: relative;
    z-index: 1001;
    display: block;
    float: left;
}
ul#main-nav li {
    position: relative;
    z-index: 1000;
    display: inline-block;
    float: left;
}
ul#main-nav > li:first-child > a { border-left: 1px solid rgba(255,255,255,0.6) }
ul#main-nav > li > a {
    z-index: 100;
    display: inline-block;
    padding: 14px 25px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    border-right: 1px solid rgba(255,255,255,0.6);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
}
ul#main-nav > li a:hover {
    background: rgba(0,0,0,0.10);
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
ul#main-nav li ul {
    position: absolute;
    z-index: 10;
    width: 182px;
    margin-left: -1px;
    box-shadow: 0;
}
ul#main-nav li ul:first-child { margin-left: 0px }
ul#main-nav li ul li ul { margin-left: 0 }
ul#main-nav li ul li {
    background: #FF9E0E;
    border-top: 1px solid rgba(255,255,255,0.6);
    border-left: 1px solid rgba(255,255,255,0.6);
    border-right: 1px solid rgba(255,255,255,0.6);
}
ul#main-nav li ul li:last-child {
    background: #FF9E0E;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
ul#main-nav li ul li a {
    display: block;
    padding: 10px;
    width: 180px;
    color: #fff;
    font-weight: 300;
}
ul#main-nav li ul li a:hover {
    color: #fff;
    background: rgba(0,0,0,0.10);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#main-nav li.menu-item-has-children > a:after {
    padding-left: 13px;
    color: #fff;
    content: "\f107";
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 13px;
    font-family: 'FontAwesome';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#main-nav li.menu-item-has-children > a { font-weight: 300 }
#main-nav > li.current-menu-item > a,
#main-nav > li.current_page_item > a {
    color: #fff;
    background: rgba(0,0,0,0.10);
}
ul#main-nav li ul li.dl-back { display: none }
.sub-menu { background: #FF9E0E }
ul#main-nav li ul li ul {
    left: 180px;
    top: -1px;
}
#main-nav li.menu-item-has-children ul li.menu-item-has-children > a:after {
    content: "\f105";
    float: right;
}
/*------------------------------------------------------------------
[5. Content / Sidebar /.col-content ]
*/
.content { margin-top: 0px }
.col-left { width: 210px }
.col-content { width: 730px }
.col-sidebar { width: 350px }
.wrap-content { padding-bottom: 50px }
.col-content.full-cont { width: 100% }
.posts .widget-title {
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 0px;
    border-bottom: 1px solid #FF9E0E;
    display: inline-block;
    margin-bottom: -1px;
}
.posts .widget > h5 {
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 0px;
    border-bottom: 2px solid #FF9E0E;
    display: inline-block;
}
.posts .widget > h3:before,
.posts .widget > h5:before { border-bottom: 1px solid #eee }
.posts .widget-line {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}
.page .wrap-content {
    min-height: 500px;
    background: #ffffff;
    margin: 50px 0;
    padding: 0;
}
.page.page-template .wrap-content {
    min-height: 500px;
    box-shadow: none;
    background: transparent;
    padding: 0;
    margin: 50px 0;
}
.post-content > .entry-meta {display: none;padding: 0px !important;margin: 0px !important;}
.no-thumbnail .paper-button {display: none;}
.has-post-thumbnail.standart-post .post-thumbnail a {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    display: block;
    height: 450px;
}
.has-post-thumbnail .post-thumbnail a {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    display: block;
    height: 208px;
}
.post-hover { overflow: hidden }
.post-hover a {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
    overflow: hidden;
}
.post-hover a:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.col-content.sidebar-left { float: right }
.col-content.sidebar-right { float: left }
.col-content.sidebar-no { float: left }
.percent-sidebar { float: left }
.sidebar-left { float: left }
.sidebar-right { float: right }
.sidebar-no { float: left }
.sidebar .widget-title {
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 0px;
    border-bottom: 1px solid #FF9E0E;
    display: inline-block;
    margin-bottom: -1px;
}
.sidebar .widget > h5 {
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 0px;
    border-bottom: 2px solid #FF9E0E;
    display: inline-block;
}
.sidebar .widget > h3:before,
.sidebar .widget > h5:before { border-bottom: 1px solid #eee }
.sidebar .widget-line {
    border-bottom: 1px solid #EEE;
    margin-bottom: 25px;
}
.sidebar-mini .widget-title {
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 0px;
    border-bottom: 1px solid #FF9E0E;
    display: inline-block;
    margin-bottom: -1px;
}
.sidebar-mini .widget > h5 {
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 0px;
    border-bottom: 2px solid #FF9E0E;
    display: inline-block;
}
.sidebar-mini .widget > h3:before,
.sidebar .widget > h5:before { border-bottom: 1px solid #eee }
.sidebar-mini .widget-line {
    border-bottom: 1px solid #EEE;
    margin-bottom: 25px;
}
.sidebar a { color: #FF9E0E }
.sidebar a:hover { color: #444 }
.sidebar { padding: 50px 0 }
.sidebar-mini { padding: 50px 0 }
.sidebar ul li {
    padding: 0 0 15px 0;
    list-style: none;
    font-weight: 300;
}
.sidebar ul li:last-child { padding: 0px !important }
.sidebar ul {
    padding: 0;
    margin: 0px;
}
.archive-header {
    background: #ffffff;
    margin: 50px 0 25px 0;
}
.archive-title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    margin: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.archive-tags:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #FF9E0E;
    content: "\e055";
    font-size: 19px;
    font-family: 'Simple-Line-Icons';
    -webkit-font-smoothing: antialiased;
    margin-top: -3px;
}
.archive-date:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #FF9E0E;
    content: "\e075";
    font-size: 19px;
    font-family: 'Simple-Line-Icons';
    -webkit-font-smoothing: antialiased;
    margin-top: -3px;
}
.archive-search:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #FF9E0E;
    content: "\e090";
    font-size: 19px;
    font-family: 'Simple-Line-Icons';
    -webkit-font-smoothing: antialiased;
    margin-top: -3px;
}
.archive-404:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #FF9E0E;
    content: "\e090";
    font-size: 19px;
    font-family: 'Simple-Line-Icons';
    -webkit-font-smoothing: antialiased;
    margin-top: -3px;
}
.archive-category:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #FF9E0E;
    content: "\e05f";
    font-size: 19px;
    font-family: 'Simple-Line-Icons';
    -webkit-font-smoothing: antialiased;
    margin-top: -3px;
}
.archive-shop:before {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #FF9E0E;
    content: "\e035";
    font-size: 19px;
    font-family: 'Simple-Line-Icons';
    -webkit-font-smoothing: antialiased;
    margin-top: -3px;
}
/*------------------------------------------------------------------
[5.1 Post class left image / .left-image-post]
*/
.post-category { float: right }
.post-category li {
    list-style: none;
    float: left;
    padding-left: 15px;
}
.post-category li a { }
.post-category .active { position: relative }
.post-category a {
    display: inline-block;
    font-size: 13px;
}
.post-category .active { color: #FF9E0E }
.post-category .active:before,
.post-category .active:after {
    border-left: 7px dotted transparent;
    border-right: 7px dotted transparent;
    border-top: 7px solid #e4e4e4;
    bottom: -10px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 0;
}
.post-category .active:after {
    border-top-color: #fff;
    bottom: -9px;
}
.left-image-post .post-thumbnail {
    display: block;
    float: left;
    margin: 0 0 0 -337px;
    width: 337px;
    height: 208px;
    margin-right: 25px;
}
.left-image-post.no-thumbnail { padding-left: 0px }
.left-image-post.no-thumbnail .paper-button { display: none }
.left-image-post.no-thumbnail .post-thumbnail {
    display: none;
    float: left;
    margin: 0;
    width: 337px;
    height: 245px;
}
.left-image-post .video-content {
    display: block;
    float: left;
    margin: 0 0 0 -337px;
    width: 337px;
}
.post-content {overflow: hidden;}
.left-image-post .post-content > p:first-child {
    min-height: 50px;
    max-height: 70px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}
.left-image-post .post-content > p, .left-image-post .post-content > pre, .left-image-post .post-content > table {
display: none;
}

.format-video.left-image-post .post-content > p:first-child {
    min-height: 100%;
    max-height: 100%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}
.format-video.left-image-post .post-content > p {
display: none;
}
.format-video.left-image-post .post-content > p:first-child > embed{
min-height: 100%;
max-height: 100%;
}
.format-video.left-image-post.no-thumbnail .post-content {
    min-height: 100%;
    max-height: 100%;
}
.left-image-post .paper-button:before,
.left-image-post .paper-button:after { left: 5px }
.left-image-post.no-thumbnail .post-content {
    min-height: 100%;
    max-height: 205px;
}
.left-image-post .title {
    font-size: 21px;
    text-transform: none;
    font-weight: 300;
    line-height: 1.35;
    margin: 0;
    padding: 0 0 15px 0;
}
.left-image-post .title a:hover {
    color: #FF9E0E;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.left-image-post .entry-meta { padding: 0px; margin-left: 25px }
.no-thumbnail.left-image-post .entry-meta { padding: 0px; margin-left: 0px }
.left-image-post { padding-left: 337px }
.left-image-post.first_big_post { padding-left: 0px }
.post-set {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.post.post-set:last-child { border: none }
li.tags span a { margin-left: 10px }
li.tags span i {
    position: relative;
    top: 3px;
    right: 2px;
    display: inline-block;
}
.left-image-post .attachment-post-thumbnail {
    padding-bottom: 0px;
    height: 208px;
}
.first_big_post.left-image-post .attachment-post-thumbnail {
    padding-bottom: 0px;
    height: auto;
}
/*------------------------------------------------------------------
[5.2 Standart Post / .standart-post]
*/
.standart-post .title {
    font-size: 22px;
    text-transform: none;
    font-weight: 300;
    letter-spacing: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    padding: 25px 25px 15px 25px;
    margin: 0;
}
.standart-post .title:hover a,
.standart-post .title:hover {
    color: #FF9E0E;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.standart-post.no-thumbnail .title { padding-top: 0px }
.standart-post .post-content {
    height: auto;
    min-height: 100%;
    max-height: 100%;
}
.standart-post .entry-meta { padding: 15px 0px }
.standart-post .title { font-size: 27px }
.standart-post .post-thumbnail {
    width: 100%;
    margin: 0;
    height: auto;
}
.standart-post .attachment-post-thumbnail {
    padding-bottom: 0px;
    height: auto;
}
.standart-post .title {
    font-size: 22px;
    text-transform: none;
    font-weight: 300;
    letter-spacing: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    padding: 25px 0px 15px 0px;
    margin: 0;
}
.standart-post .entry-meta { padding: 15px 0px }
/*------------------------------------------------------------------
[5.4 Entry Meta (Meta data) /.entry-meta ]
*/
.entry-meta {
    margin-top: 15px;
    overflow: hidden;
}
.entry-meta ul {
    margin: 0;
    padding: 0;
}
.entry-meta ul li {
    display: inline-block;
    margin-right: 14px;
    list-style: none;
}
.entry-meta ul li i {
    color: #FF9E0E;
    font-size: 16px;
}
.entry-meta ul li a { }
.entry-meta ul li span {
    position: relative;
    top: -2px;
    padding-left: 7px;
    font-weight: 300;
    font-size: 12px;
}
.entry-meta ul li span:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
/*------------------------------------------------------------------
[5.5 Paper Button / .paper-button ]
*/
.btn-next {
    background: rgba(255,255,255,0.95);
    color: #000;
    display: block;
    left: 0;
    pointer-events: all;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
.btn-next:before { background: #fff }
.paper-button:before {
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.paper-button:hover:before,
.paper-button:hover:after {
    background: #FF9E0E;
    color: #fff;
    transition: all 0.25s ease;
}
.paper-button:before,
.paper-button:after {
    height: 35px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 35px;
    background: rgba(255,255,255,0.95);
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    color: #FF9E0E;
    text-align: center;
    line-height: 35px;
    transition: all 0.25s ease;
}
.paper-button.pencil:before,
.paper-button.pencil:after { content: "\e05f" }
.paper-button.video:before,
.paper-button.video:after { content: "\e03a" }
.paper-button.quote:before,
.paper-button.quote:after { content: "\e02c" }
.paper-button.link:before,
.paper-button.link:after { content: "\e08d" }
.paper-button.image:before,
.paper-button.image:after { content: "\e07f" }
.paper-button.gallery:before,
.paper-button.gallery:after { content: "\e032" }
.paper-button.audio:before,
.paper-button.audio:after { content: "\e061" }
/*------------------------------------------------------------------
[5.6 Single Post /.single ]
*/
.single .entry-meta ul li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    list-style: none;
}
.single .wrap-content {
    min-height: 500px;
    box-shadow: 0;
    background: #ffffff;
    margin: 50px 0;
    width: 100%;
    float: right;
}
#rel-post.format-quote .single-action span a i:before { content: "\e02c" }
#rel-post.format-standard .single-action span a i:before { content: "\e05f" }
#rel-post.format-image .single-action span a i:before { content: "\e07f" }
#rel-post.format-video .single-action span a i:before { content: "\e03a" }
#rel-post.format-audio .single-action span a i:before { content: "\e061" }
#rel-post.format-link .single-action span a i:before { content: "\e08d" }
#rel-post.format-gallery .single-action span a i:before { content: "\e032" }
.single .post { height: 100% !important }
.single .entry-meta ul li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    list-style: none;
}
#rel-post.format-quote .single-action span a i:before { content: "\e02c" }
#rel-post.format-standard .single-action span a i:before { content: "\e05f" }
#rel-post.format-image .single-action span a i:before { content: "\e07f" }
#rel-post.format-video .single-action span a i:before { content: "\e03a" }
#rel-post.format-audio .single-action span a i:before { content: "\e061" }
#rel-post.format-link .single-action span a i:before { content: "\e08d" }
#rel-post.format-gallery .single-action span a i:before { content: "\e032" }
#related-post-thumb .post-thumbnail {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    width: 100%;
    height: auto;
}
#related-post-thumb .title {
    padding-top: 5px;
    text-transform: none;
    letter-spacing: normal;
    font-size: 16px;
}
#related-post-thumb .title a { font-weight: 300 }
#related-post-thumb { margin-bottom: 50px }
.related-posts { margin-top: 50px }
.related-posts h3 {
    margin-top: 0px;
    padding-bottom: 5px;
    font-size: 20px;
}
.single .post-thumbnail {
    margin-bottom: 15px;
    height: auto;
}
.single .post-thumbnail img { height: auto }
.single .post-thumbnail {
    margin-bottom: 15px;
    height: auto;
}
.single .related-posts .post-thumbnail img { height: 200px;}
.single-post h1 {
    padding-top: 0px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 31px;
}
.breadcrumbs {
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 30px;
}
#authorarea { }
#authorarea h3 {
    text-transform: capitalize;
    font-size: 16px;
    margin-top: 0;
    text-align: center;
}
#authorarea img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.authorinfo {
    text-align: center;
    font-weight: 300;
    margin-top: 15px;
    display: inline-block;
}
.hidden { opacity: 0 }
.visible { opacity: 1 }
.single .wp-post-image:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.nav-previous a {
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    background: #f7f7f7;
    text-align: center;
}
.nav-previous a:hover {
    background: #FF9E0E;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.nav-next a {
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    background: #f7f7f7;
    text-align: center;
}
.nav-next a:hover {
    background: #FF9E0E;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.post-video iframe,
.post-video embed,
.post-video object {
    width: 100%;
    height: 400px;
}
.single-video { background: #000 }
.image-slider a.video-thumb { opacity: 1 }
.image-slider a.video-thumb:hover:before,
.image-slider a.video-thumb:hover:after {
    color: #fff;
    background: #FF9E0E;
    border-radius: 50%;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.image-slider a.video-thumb:before {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    font-family: 'Simple-Line-Icons';
    font-size: 32px;
    text-align: center;
    line-height: 70px;
    color: #FF9E0E;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.format-video.image-slider a.video:before { content: "\e03a" }
.format-audio.image-slider a.video:before { content: "\e061" }
.image-slider a.video-thumb:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    font-size: 32px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    border-radius: 50%;
    background: rgba(255,255,255,1);
    z-index: 1;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.image-slider {
    width: 100%;
    display: block !important;
}
.title-slider {
    width: 105px;
    float: right;
    font-size: 16px;
    line-height: 1.32;
    height: 65px;
    overflow: hidden;
}
.title-slider a { font-weight: 300 }
.not-found {
    margin-top: 50px;
    border-bottom: 1px solid #eee;
    padding-bottom: 2px;
}
.meta-slider {
    display: inline-block;
    margin-left: 20px;
}
.meta-slider i {
    color: #FF9E0E;
    font-size: 14px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}
.meta-slider span {
    font-weight: 300;
    font-size: 12px;
}
.pal { padding-left: 0px }
.par { padding-right: 0px }
.slide {
    display: inline-block;
    width: 250px;
}
.title-above {
    text-align: center;
    font-size: 25px;
    margin-bottom: 50px;
}
.avatar-widget {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
}
/*------------------------------------------------------------------
[5.6 UI Post  ]
*/
.link-format {
    margin-bottom: 15px;
    padding: 25px 75px;
    border: 1px solid #eee;
}
.link-format a {
    padding: 0 0 0 15px;
    border-left: 1px solid #eee;
    font-size: 30px;
}
.link-format a:before {
    display: inline-block;
    margin: 0 31px 0 -65px;
    color: #FF9E0E;
    content: "\e08d";
    font-size: 32px;
    font-family: 'Simple-Line-Icons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.quote-format {
    position: relative;
    padding: 20px;
    border: 1px solid #eee;
    font-size: 16px;
    background: #fff;
}
.quote-format:before {
    position: absolute;
    bottom: -15px;
    left: 10px;
    border-width: 15px 55px 0 55px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    content: '';
}
.quote-author {
    display: inline-block;
    margin-bottom: 15px;
    padding: 25px 25px 20px 25px;
    width: 100%;
    background: #444;
    color: #fff;
    font-size: 21px;
}
/*------------------------------------------------------------------
[6. Commetns Form / .comment ]
*/
.form-allowed-tags { display: none }
.button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-color: #FF9E0E;
    background: #FF9E0E;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #fff;
    color: #FF9E0E;
}
.comment-form-comment label { display: none }
.comment-form-comment textarea {
    overflow: hidden;
    padding: 10px;
    width: 100%;
    height: 150px;
    border-color: #f1f1f1;
}
#reply-title {
    font-size: 20px;
    padding-top: 0;
    margin-top: 0;
}
.logged-in-as a { color: #FF9E0E }
.commentlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.commentlist li {
    margin-bottom: 25px;
    padding-bottom: 25px;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.comment .avatar {
    display: inline-block;
    float: left;
    margin-right: 35px;
}
.comment-top-level .comment-box {
    margin-bottom: 25px;
    padding-left: 108px;
}
.comment-box { font-weight: 300 }
.author-card {
    color: #FF9E0E;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 20px;
}
.comment-time {
    margin-top: 7px;
    margin-bottom: 1em;
    font-size: 13px;
    opacity: 0.7;
}
.comment-content {
    margin-top: 5px;
    margin-left: 110px;
}
.comments-title {
    margin: 25px 0 25px 0;
    padding: 0px 0 5px;
    border-bottom: 1px solid #eee;
    color: #444;
    font-size: 20px;
}
.comment-reply-title small a {
    font-weight: 300;
    font-size: 13px;
}
.commentlist .children {
    margin: 0;
    margin-top: 25px;
    padding: 0;
    list-style-type: none;
}
.children .comment .avatar {
    margin-right: 30px;
    margin-left: 30px;
    width: 50px;
    height: 50px;
}
ol.children  li {
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 100%;
    border-bottom: none;
}
.comment-form-author input {
    padding: 5px 10px;
    border: 1px solid #eee;
}
.comment-form-email input {
    padding: 5px 10px;
    border: 1px solid #eee;
}
.comment-form-url input {
    padding: 5px 10px;
    border: 1px solid #eee;
}
.comment-notes { display: none }
.edit-link {
    display: inline-block;
    float: left;
    margin-right: 15px;
}
#commentform label {
    width: 65px;
    display: inline-block;
}
.comment-reply-link { color: #FF9E0E }
/*------------------------------------------------------------------
[7. Widget /.widget ]
*/
.widget {
    display: inline-block;
    margin: 0 auto 50px;
    width: 100%;
}
.widget:last-child {
    margin-bottom: 0px;
    margin-bottom: -5px;
}
.widget_search form > div {
    padding: 10px 44px 10px 10px;
    height: 40px;
    border: 1px solid #eee;
    background: #fff;
}
.widget_search form > div:before {
    position: absolute;
    top: 11px;
    right: 15px;
    color: #FF9E0E;
    content: "\e090";
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 19px;
    font-family: 'Simple-Line-Icons';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget_search form label { display: none }
.widget_search input[name="s"] {
    float: left;
    padding: 0;
    width: 100%;
    height: 20px;
    border: none;
    font-weight: 300;
}
.widget_search input[type="submit"] {
    position: relative;
    float: right;
    margin: -5px -39px 0 0;
    padding: 0;
    width: 30px !important;
    height: 30px;
    border: none !important;
    background: none !important;
    text-indent: -9999px;
}
.tagcloud a {
    display: inline-block;
    float: left;
    overflow: hidden;
    margin: 0 5px 5px 0;
    padding: 4px 9px;
    background: #FF9E0E;
    color: #FFF !important;
    text-transform: lowercase;
    font-weight: 300;
    font-size: 13px !important;
}
.tagcloud a:hover {
    background: #fff;
    color: #FF9E0E !important;
}
#wp-calendar {
    margin: 0;
    width: 100%;
    line-height: 1.846153846;
}
#wp-calendar caption {
    text-align: right;
    margin-bottom: 5px;
    font-size: 13px;
}
#wp-calendar tbody td {
    background: #f7f7f7;
    text-align: center;
    height: 40px;
}
#wp-calendar tbody .pad { background: none }
#wp-calendar thead th {
    background: #f3f3f3;
    text-align: center;
    height: 40px;
    font-weight: 400;
    color: #222;
}
#wp-calendar #next {
    padding-right: 24px;
    text-align: right;
}
.posts-by-vies-widget ul li {
    padding: 0px 0 15px 0 !important;
    list-style: none;
    font-weight: 300;
    float: left;
    width: 100%;
}
.dankov_image_wrapper {
    float: left;
    margin: 0px 15px 0 0;
    width: 65px;
    height: 65px;
    background: #FF9E0E;
}
.sidebar-mini .dankov_image_wrapper {
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
}
.sidebar-mini .dankov_image_wrapper .attachment-post-thumbnail {
    height: auto;
    width: 100%;
}
.sidebar-mini .dankov_post_content { display: inline-block }
.sidebar-mini .dankov_post_content h3 { font-size: 15px }
.dankov_post_meta { margin-top: 5px }
.footer-area .dankov_post_content a {
    color: #444;
    font-size: 15px;
    font-weight: 300;
}
.footer-widget { margin: 35px 0px 0px 0 }
.footer .widget-title {
    margin: 0;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #444;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
}
.footer .flickr-photos a {
    float: left;
    margin: 0 15px 15px 0;
    padding: 0;
    border: 0 none;
    list-style: none;
}
.footer .flickr-photos img {
    display: block;
    width: 75px;
    height: 75px;
}
.widget select { width: 100% }
.widget .sticky { position: relative }
.attachment-post-thumbnail { height: 208px }
.dankov_image_wrapper .attachment-post-thumbnail { height: 65px }
.tweet_list {
    margin: 0;
    list-style: none;
    font-weight: 300;
}
.tweet_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tweet_list li { position: relative }
.tweet_list li span.content {
    padding-left: 40px;
    display: inline-block;
    margin: 0px;
}
.tweet_list li:before {
    position: absolute;
    overflow: hidden;
    color: #FF9E0E;
    content: "\e009";
    font-size: 22px;
    font-family: 'Simple-Line-Icons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tweet_text a { color: #FF9E0E }
.loading-tweet {
    font-weight: 300;
    font-size: 14px;
}
.tweet_text {
    font-weight: 300;
    font-size: 14px;
}
.flickr-photos a {
    float: left;
    margin: 0px 5px 5px 0px;
    padding: 0;
    border: 0 none;
    list-style: none;
}
.flickr-photos img {
    display: block;
    width: 70px;
    height: 70px;
}
.flickr-photos a img { border: none }
.widget_recent_entries ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-widget .widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-widget .widget ul li {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 10px 0px;
}
.screen-reader-text { display: none }
#navigation.desktop { display: block !important }
.wpcf7-form-control {
    padding: 10px;
    height: auto;
    border: 1px solid #eee;
}
.wpcf7-textarea {
    width: 80%;
    height: 125px;
}
.dankov_image_wrapper {
    float: left;
    margin: 0px 15px 0 0;
    width: 65px;
    height: 65px;
    background: #f7f7f7;
}
.dankov_post_content h3 {
    margin: 0;
    color: #444;
    font-weight: 300;
    font-size: 15px;
    font-family: 'Open Sans';
}
.dankov_post_content h3 a { color: #444 }
.dankov_post_content a:hover { color: #FF9E0E }
.dankov_post_meta { margin-top: 5px }
.dankov_post_meta span {
    position: relative;
    top: -2px;
    padding-left: 7px;
    font-weight: 300;
    font-size: 12px;
}
.dankov_post_meta i {
    color: #FF9E0E;
    font-size: 16px;
}
.footer-widget .dankov_post_meta i {
    color: #FF9E0E;
    font-size: 16px;
}
.nav-btn {
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}
.posts-by-vies-widget ul {
    margin: 0px;
    padding: 0px;
}
.post-content .wp-caption img {
    max-width: 100%;
    height: 100%;
}
.wp-caption img {
    max-width: 100% !important;
    height: 100%;
}
.wp-caption { max-width: 100% !important }
.wrap-content p img { height: 100% }
.post-content  img {
    max-width: 100%;
    height: 100%;
}
.post-content .wp-caption { max-width: 100% !important; width: 100% !important}
.post-content iframe { width: 100% !important }
.three-blocks #related-post-thumb .post-thumbnail {
    width: 100%;
    height: 180px;
}
.three-blocks  #related-post-thumb .title { font-size: 16px }
.widget select { width: 100% }
.size-large { height: 100% }
.widget .sticky { position: relative }
.widget_nav_menu {  }
/*------------------------------------------------------------------
[8. Page Navi / #wp-pagenavibox ]
*/
#wp-pagenavibox {
    display: inline-block;
    background: #fff;
    width: 100%;
    text-align: center;
    margin: 0px 0 25px 0;
}
.wp-pagenavi {
    display: inline-block;
    margin-bottom: -7px;
}
.wp-pagenavi a,
.wp-pagenavi span {
    margin: 0 !important;
    padding: 0 !important;
}
.wp-pagenavi span.current {
    background: #f7f7f7;
    font-weight: 300 !important;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    background: #f7f7f7;
    font-weight: 300 !important;
    color: #444;
}
.wp-pagenavi a,
.wp-pagenavi span {
    display: block;
    float: left;
    padding: 5px 12px !important;
    border: none !important;
    text-align: center;
    white-space: nowrap;
    font-weight: 300;
}
/*------------------------------------------------------------------
[9. Footer / .footer]
*/
.footer {
    background: #f7f7f7;
    color: #444;
    margin-top: 0px;
}
.footer-area-cont {
    min-height: 250px;
    background: #f7f7f7;
}
.footer-area .textwidget {
    color: #444;
    font-weight: 300;
}
.footer-area ul li:first-child { padding-top: 0px !important }
.footer-area .widget {
    margin: 0 auto 25px;
    box-shadow: none;
    background: transparent;
    padding: 0;
    color: #444;
}
.footer-area .widget_search form > div {
    border: none;
    background: rgba(255,255,255,0.25);
}
.footer-area .widget_search input[name="s"] {
    background: transparent;
    color: #fff;
    font-weight: 300;
}
.footer-area .posts-by-vies-widget ul li {
    padding: 15px 0 14px;
    list-style: none;
    font-weight: 300;
    color: #aaa;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
.footer-area .tagcloud a {
    display: inline-block;
    float: left;
    overflow: hidden;
    margin: 0 7px 7px 0;
    padding: 3px 7px;
    background: #FF9E0E;
    color: #fff !important;
    text-transform: lowercase;
    font-weight: 300;
    font-size: 13px !important;
    border: 1px solid #FF9E0E;
}
.footer-area .tagcloud a:hover {
    background: #fff;
    color: #FF9E0E !important;
    border: 1px solid #FF9E0E;
}
.footer-copyright {
    margin: 0 auto;
    padding: 7px 0;
    width: 1290px;
    background: #fff;
    color: #444;
    font-size: 13px;
}
.footer-copyright p {
    margin: 0;
    padding: 0;
    font-weight: 300;
}
.footer-area a {
    color: #555;
    font-weight: 300;
}
.footer-copyright a {
    color: #444;
    font-weight: 300;
}
.footer-copyright a:hover { text-decoration: underline }
.developer-info {
    text-align: right;
    font-weight: 300;
}
/*------------------------------------------------------------------
[10. Other styles ]
*/
.clear {
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.wp-caption.alignnone { width: 100% !important }
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.aligncenter {
    float: none;
    clear: both;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.hidden-livtile-el { display: none }
.phoenix-livetile-extended { display: none !important }
.flex-active-slide { display: block !important }
.oi_cat_count {
    float: right;
    background: #f7f7f7;
    width: 24px;
    text-align: center;
    font-size: 13px;
}
.login-panel {
    border-left: 1px solid rgba(255,255,255,0.6);
    height: 54px;
    float: right;
    padding: 0 17px;
    transition: all 0.25s linear;
}
.login-panel:hover {
    background: #fff;
    transition: all 0.25s linear;
}
.login-panel:hover i {
    color: #FF9E0E;
    transition: all 0.25s linear;
}
.login-panel i {
    font-size: 28px;
    color: #fff;
    line-height: 50px;
    transition: all 0.25s linear;
}
.post-commetns {
    margin-top: 20px;
}
.no-icons {margin-top: 56px}