/* Theme Name: Blog Post 2 Theme URI: http://www.goodwinpress.ru/blogpost2 Author: GoodwinPress Author URI: http://www.goodwinpress.ru/ Description: Классический адаптивный шаблон для ведения блога на WordPress. Комбинируйте внешний вид главной из нескольких видов записей и медиа-объектов. На выбор из медиа: слайдер, видео-слайдер, плитка, карусель, постер. На выбор из видов записей - в 1 колонку, в 2 колонки, в 3 колонки, таймлайн, обычный пост, список. Система вывода адаптивных рекламных объявлений от Google Adsense. Также в комплекте: 3 встроенных виджета, кнопки для расшаривания, внутренняя навигация, похожие записи, подсчет просмотров записей и рейтинг наиболее популярных, 2 меню, возможность изменить цвета на свои, липкий сайдбар, липкое меню, подписи в меню, консоль на основе Titan Framework, встроенный загрузчик плагинов, шорткоды. Отличное мобильное меню. Иконки Font Awesome. Готова к локализации, содержит готовый украинский перевод внешней части. Version: 1.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: gpress */
/* * Таблица стилей содержит: * * 01 Обнуление стилей браузера 02 Вспомогательные селекторы 03 body 04 Предзагрузка 05 Основной контейнер 06 Шапка 07 Заголовок сайта / логотип 08 Основная колонка и сайдбар 09 Главное меню 10 Поиск в шапке 11 Мобильное меню 12 Masonry в блоге 13 Masonry на статической главной 14 Текстовый блок на статической главной 15 Бесконечная прокрутка 16 Хлебные крошки 17 Информация о публикации 18 post format - цитата 19 Страница вложения 20 Заголовки 21 Архивы 22 Публикации и страницы 23 Кнопки 24 Виджеты сайдбара 25 Списки 26 Подвал 27 Оформление изображений 28 Постраничная навигация 29 Кнопка вверх 30 Комментарии 31 Похожие записи 32 Расшаривание записей (share42.com/ru) 33 Виджет Популярные записи 34 Виджет Социальные кнопки 35 Всплывающие подсказки 36 Адаптивные стили * */
/*Подключаем шрифт от Google Fonts*/
 @import 'https://fonts.googleapis.com/css?family=Merriweather:400,700&subset=cyrillic';
/*Обнуляем стили браузеров*/
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
/*Базовые или одинокие селекторы*/
 body{
    line-height:1
}
 strong{
    font-weight:700
}
 em,i{
    font-style:italic
}
 ol,ul{
    list-style:none
}
 blockquote,q{
    quotes:none
}
 blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
 table{
    border-collapse:collapse;
    border-spacing:0
}
 .clear{
    clear:both;
    display:block;
    content:" ";
    height:0;
    visibility:hidden
}
 img,video,object,embed,iframe{
    max-width:100%
}
 p{
    margin-bottom:15px
}
 p:last-child{
    margin-bottom:0
}
 img{
    border:0
}
 a{
    transition:all .2s linear
}
 .aligncenter{
    display:block;
    margin:0 auto 20px
}
 .alignleft{
    float:left
}
 .alignright{
    float:right
}
 html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    overflow-x:hidden
}
 dl{
    margin:0 0 24px
}
 dt{
    font-weight:bold
}
 dd{
    margin-bottom:18px
}
 strong{
    font-weight:bold
}
 em,i{
    font-style:italic
}
 big{
    font-size:131.25%
}
 ins{
    text-decoration:none
}
 blockquote{
    padding:30px 40px;
    margin:20px 0 25px 0;
    font-weight:400;
    display:block;
    background:#ede1ed;
    box-shadow:0 0 1px #bbb;
    font-size:14px;
    border-radius: 5px;
}
 abbr,acronym{
    border-bottom:1px dotted #666;
    cursor:help
}
 sup,sub{
    height:0;
    line-height:1;
    position:relative;
    vertical-align:baseline
}
 sup{
    bottom:1ex
}
 sub{
    top:.5ex
}
 input,textarea{
    color:#888;
    font-size:16px;
    border:1px solid #fff;
    background:#f4f4f4;
    vertical-align:middle
}
 pre{
    border:1px solid rgba(0,0,0,0.1);
    margin-bottom:24px;
    max-width:100%;
    overflow:auto;
    padding:12px;
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
 table{
    width:100%;
    margin:20px 0 40px
}
 table th{
    text-align:left;
    padding:15px 14px;
    font-weight:bold;
    border:1px solid #eaeaea
}
 table td{
    padding:13px 14px;
    border:0px solid #eaeaea;
    vertical-align:top
}
 table tr:nth-of-type(even){
    background:#fff
}
 table tr:nth-of-type(odd){
    background:#FFFFFF
}
 a{
    text-decoration:underline
}
 a:hover{
    text-decoration:underline;
    cursor:pointer
}
 hr{
    display:block;
    width:100%;
    height:1px;
    background:#e6e6e6;
    margin:30px auto;
    clear:both;
    border:0
}
 input:focus{
    border:1px solid #ff6b6b
}
 .woocommerce ul.products li.product .button{
    font-size:12px
}
 .woocommerce ul.products li.product h3{
    height:120px;
    overflow:hidden
}
 .woocommerce .product_meta span{
    display:block;
    margin-bottom:10px
}
 .woocommerce .single_add_to_cart_button{
    display:block;
    float:left;
    margin:20px 0
}
 a.button.wc-forward{
    font-size:13px;
     margin-bottom: 10px
}
 .sr-box-list ul,sr-box-list li{
    padding:0!important;
    margin:0!important
}
 .wpcf7 input,.wpcf7 textarea{
    width:90%;
    padding:10px;
    color:#333;
    border:1px solid #ddd;
    background:#fff;
    margin-bottom:10px
}
 .wpcf7 textarea{
    height:150px
}
 .wpcf7 input[type="submit"]{
    width:200px;
    border:0;
    cursor:pointer
}
 .entry .ui-tabs-nav{
    list-style:none
}
 .btn:hover,input[type="submit"].btn:hover,.wpcf7 input[type="submit"]:hover{
    border:0
}
 .share-post{
    margin:35px 0
}
 .bwp-sc-bg-black a, .bwp-sc-bg-red a{
    color: #fff;
     text-decoration: underline
}
/*Основной контейнер сайта и шрифт*/
 *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
 body{
    font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
    font-size:14px;
    line-height:1.7;
    word-wrap:break-word;
    background:#fff;
    color:#393939;
}
 .wrap{
    width:100%;
    max-width:1160px;
    margin:auto
}
/*Шапка*/
 .header{
    width:100%;
    margin:35px auto 30px;
    position:relative
}
/*Логотип или заголовок*/
 .logo{
    margin-left: auto;
     margin-right: auto;
}
 .textlogo{
    max-width:400px
}
 .textlogo h1,.textlogo span{
    font-family:'Merriweather',serif;
    display:block;
    text-align:center;
    font-size:30px;
    line-height:30px;
    font-weight:700;
    margin:0
}
 .logo a{
    text-decoration:none
}
 .textlogo h1:after,.textlogo span:after{
    margin-top:5px;
    display:block;
    content:'';
    height:1px;
    width:40px;
     margin: 0 auto;
}
 .imglogo h1 a,.imglogo span a{
    display:inline-block;
    text-indent:-9999px;
    padding:0;
    margin:0
}
 p.site-desc{
    display:block;
    font-style:normal;
    font-size:13px;
    line-height:16px;
    text-align:center;
    margin-top:7px;
    padding-right:20px
}
 .imglogo h1,.imglogo span {
    margin:0
}
/*Колонки сайта*/
 .main-col-fullwidth{
    width:100%;
    float:left;
    position:relative
}
 .right-col{
    float:left;
    width:30%
}
/*Первое меню (с подписями)*/
 .menunav{
    margin:15px auto 0;
     border-radius: 4px;
}
 .menunav ul{
    margin:0;
    list-style-type:none
}
 .menunav ul li{
    position:relative;
    display:inline-block;
    font-size:16px;
    padding:15px 0;
    margin-left:14px
}
 .menunav ul li:first-child{
    margin-left:5px
}
 .menunav li a{
    text-decoration:none;
    font-weight:bold;
    display:block;
    vertical-align:top;
    padding-left:20px;
    font-size:14px
}
 .menunav li a:hover{
    text-decoration:none
}
 * html .menunav ul li a{
    display:inline-block
}
 .menunav ul li ul{
    position:absolute;
     left:-5px;
    display:none;
    visibility:hidden;
    width:260px;
    padding:0;
    z-index:2000
}
 .menunav ul li ul li,.menunav ul li ul li ul li{
    display:list-item;
    float:none;
    padding:14px 0;
    margin-left:0;
    font-size:14px
}
 .menunav ul li ul li:first-child,.menunav ul li ul li ul li:first-child{
    margin-left:0
}
 .menunav ul li ul li a{
    position:relative;
    font-weight:normal
}
 .menunav ul li ul li a:hover{
    text-decoration:underline
}
 * html .menunav{
    height:1%
}
 .menunav ul li ul li ul{
    position:absolute;
    height:auto;
    top:-1px;
    left:260px;
    display:none;
    visibility:hidden;
    width:260px;
    padding:0;
    margin-left:-2px
}
 .menunav .menu-item-has-children{
    margin-right:20px
}
 .menunav ul li ul li.menu-item-has-children{
    margin-right:0
}
 .menu-item-description{
    font-family:Arial,sans-serif;
    display:block;
    font-size:12px;
    font-weight:normal
}
 .menunav ul li ul .menu-item-description,.menunav ul li ul li ul .menu-item-description{
    display:none
}
 .sf-sub-indicator:after{
    position:absolute;
    top:15px;
    right:-28px;
    font-size:18px;
    font-family:FontAwesome;
    content:"\f107";
    width:20px;
    height:20px
}
 ul.sub-menu .sf-sub-indicator:after{
    position:absolute;
    top:-2px;
    right:4px;
    font-size:18px;
    font-family:FontAwesome;
    content:"\f105";
    width:20px;
    height:20px
}
/*Второе меню*/
 .topnavig{
    position:relative;
    margin:3px auto;
    z-index:1000;
    border-bottom:1px solid #e6e6e6;
    transition:all .3s ease
}
 .topnavig ul{
    margin:0 30px 0 0;
    list-style-type:none
}
 .topnavig ul li{
    position:relative;
    display:inline;
    float:left;
    padding:0
}
 .topnavig ul li:first-child{
    margin-left:16px
}
 .topnavig ul li a{
    display:block;
    padding:12px 20px;
    text-decoration:none;
    display:block;
    font-size:13px;
    line-height:21px
}
 .topnavig ul li a:hover{
    text-decoration:underline
}
 .topnavig ul li ul{
    position:absolute;
    left:0;
    display:none;
    visibility:hidden;
    width:200px;
    padding:0;
    border:1px solid #e6e6e6;
    border-top:0
}
 .topnavig ul li ul li{
    display:list-item;
    float:none;
    background:#fafafa;
    padding-right:0;
    margin-left:0
}
 .topnavig ul li ul li ul{
    top:0
}
 .topnavig ul li ul li a{
    margin:0;
    border:0;
    border-top:1px solid #e6e6e6
}
 .topnavig ul li ul li ul{
    position:absolute;
    height:auto;
    left:200px;
    display:none;
    visibility:hidden;
    width:200px;
    padding:0;
    margin-left:-2px
}
 .topnavig ul li ul li:first-child,.topnavig ul li ul li ul li:first-child{
    margin-left:0
}
 .topnavig .sf-sub-indicator:after{
    position:absolute;
    top:12px;
    right:-8px;
    font-size:16px;
    font-family:FontAwesome;
    content:"\f107";
    width:18px;
    height:18px
}
 .topnavig ul.sub-menu .sf-sub-indicator:after{
    position:absolute;
    top:12px;
    right:4px;
    font-size:16px;
    font-family:FontAwesome;
    content:"\f105";
    color:#999;
    width:18px;
    height:18px
}
 .topnavig ul li.menu-item:before{
    width:7px;
    height:7px;
    content:'';
    position:absolute;
    top:19px;
    left:0;
    opacity:.7
}
 .topnavig ul li ul li.menu-item:before{
    position:relative;
    background:0
}
 .topnavig .menu-item-has-children{
    margin-right:20px
}
 .topnavig ul li ul li.menu-item-has-children{
    margin-right:0
}
/*Поиск в шапке*/
 .toggle-search{
    font-size:16px;
    cursor:pointer;
    display:block;
    position:absolute;
    right:0;
    top:9px;
    z-index:200
}
 .search-expand{
    background:#fff;
    display:none;
    z-index:100;
    position:absolute;
    top:-77px;
    right:0;
    width:220px;
    box-shadow:1px 2px 15px #e5e5e5
}
 .search-expand-inner{
    padding:22px 10px
}
 .search-expand input{
    width:200px;
    border:1px solid #e6e6e6;
    border-radius:0;
    padding:5px 10px;
    font-size:13px;
    font-weight:normal;
    font-family:inherit;
    background:#fff
}
/*Липкое меню*/
 .banner--clone{
    position:fixed;
    z-index:2000;
    top:-100px;
    left:0;
    right:0;
    transition:all 300ms ease-in-out
}
 .banner--stick{
    top:0;
    transform:translateY(0%)
}
 .banner--clone.search-expand,.banner--clone .toggle-search{
    position:absolute;
    left:-9999px;
    top:0
}
 .banner--clone.menunav{
    width:100%;
    max-width:1160px;
    margin:0 auto;
    border-top:0;
    z-index:2000
}
/*Подключение мобильного меню*/
 #mob{
    width:100%;
    font-size:12px;
    padding:10px 0;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    margin:0 auto 25px;
    display:none
}
 #mob a{
    color:#fff;
    text-decoration:none;
    display:block;
    width:100%
}
 #mobilemenu:not(.mm-menu){
    display:none
}
 .mm-listview{
    font-size:16px
}
 .mm-listview .sf-sub-indicator:after,.mm-listview ul.sub-menu .sf-sub-indicator:after{
    content:""
}
/*Заголовки блока, публикаций, страниц, архивов*/
 h1,h2,h3,h4,h5,h6{
    margin-bottom:20px;
    margin-top:35px;
    font-weight:bold;
    line-height:1.2;
    font-family:'Merriweather',serif;
    overflow:hidden
}
 h1{
    font-size:27px
}
 h2{
    font-size:18px;
     color:#000;
}
 h3{
    font-size:15px;
     color:#393939;
     margin-bottom: 10px;
}
 h4{
    font-size:14px
}
 h5{
    font-size:14px
}
 h6{
    font-size:14px
}
 h1.post-title{
    font-size:24px;
    margin:10px 0 20px;
    position:relative
}
 h2.post-title{
    font-size:18px;
    line-height:26px;
    color:#000;
    margin:0 0 18px 0;
    position:relative;
    text-transform:none
}
 h2.post-title a{
    text-decoration:none;
}
 h2.post-title a:hover{
    text-decoration:underline
}
 .arch-title,.search-title{
    font-family:'Merriweather',serif;
    font-size:16px;
     display:block;
    margin-bottom:10px;
    font-weight:700
}
 .search-title{
    margin-bottom:0
}
 .archive-desc{
    font-size:15px;
    line-height:22px;
    padding-bottom:20px;
    margin-bottom:35px;
    border-bottom:1px solid #e6e6e6
}
 .breadcr {
     padding: 5px 10px;
     margin: 10px 0px;
     font-size: 14px;
    color: #999;
}
 .breadcr a{
     text-decoration: none;
}
/*1 запись*/
 .post-item-1{
    width:100%;
    position:relative
}
 .post-item-1 .entry-date{
    margin-bottom:25px
}
 .post-item-1 .entry-title{
    position:absolute;
    left:25%;
    bottom:-100px;
    margin:auto;
    width:50%;
    overflow:hidden;
    background:#fff;
    padding:25px 40px;
    display:block;
    text-align:center
}
 .post-item-1-img-wrap{
    height:450px;
    overflow:hidden
}
 .post-item-1 img,.home-item-2 img{
    transition:.5s ease-in-out
}
 .post-item-1:hover img,.home-item-2:hover img{
    transform:scale(1.1,1.1)
}
 .entry-title p{
    color:#999;
    font-size:15px;
    line-height:21px;
    padding-bottom:20px
}
/*2 записи*/
 .post-item-2,.post-item-3{
    float:left;
    transition:.5s ease-in-out
}
 .post-item-2:hover,.post-item-3:hover{
    box-shadow:1px 2px 15px #c5c5c5;
    transform:translate(0,-10px)
}
 .post-item-inner{
    padding:0 8% 6%;
	height: 100px;
    text-align:center
}
 .post-item-2{
    width:48%;
    margin:0 4% 4% 0
}
 .post-item-2:nth-child(2n){
    margin-right:0
}
/*3 записи*/
 .post-item-3{
    width:31.33%;
    margin-right:3%;
    margin-bottom:40px
}
 .post-item-3:nth-child(3n){
    margin-right:0
}
 .post-item-3 h2.post-title{
    font-size:18px;
    line-height:28px;
    color:#000;
}
/*Список*/
 .post-item-4{
    margin:30px 0;
    float:left
}
 .post-item-4 .tech-info{
    text-align:left
}
 .post-item-4 a.more-link{
    float:left;
    margin-top:15px
}
 .img-wrap{
    float:left;
    width:300px;
    height:300px;
    overflow:hidden;
    margin-right:30px
}
 .img-wrap img{
    transition:all 500ms ease
}
 .img-wrap:hover img{
    transform:scale(1.1,1.1) rotate(-3deg)
}
/*Таймлайн*/
 .post-item-5{
    margin:30px 0 30px 100px;
    float:left;
    transition:.5s ease-in-out;
    position:relative;
    padding:30px 30px 20px 30px;
    border:1px solid #ddd;
    width:84%
}
 .timeline{
    width:1px;
    height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:25px;
    background:#e6e6e6
}
 .post-item-5 .tech-info{
    text-align:left
}
 .post-item-5:before{
    content:'';
    width:46px;
    height:1px;
    position:absolute;
    top:50%;
    left:-46px;
    background:#e6e6e6
}
 .post-item-5 .date{
    position:absolute;
    top:40%;
    left:-100px;
    border-radius:50%;
    width:50px;
    height:50px;
    color:#fff;
    font-size:15px;
    line-height:17px;
    font-weight:bold;
    text-align:center;
    padding-top:7px;
    transition:.3s ease
}
 .post-item-5 .date span{
    display:block;
    font-size:12px
}
 .post-item-5:hover{
    box-shadow:1px 2px 15px #e5e5e5;
    transform:translate(0,-13px)
}
 .post-item-5:hover .date:after{
    border:1px solid red
}
 .post-item-5 p{
    color:#999;
    font-size:15px;
    line-height:22px
}
 .timeline-archive{
    padding-left:100px
}
/* Regular (Обычный пост)*/
 .post-item-6{
    margin:30px 0;
    float:left;
    transition:.5s ease-in-out;
    position:relative
}
 .post-item-6 .tech-info{
    text-align:left
}
 .post-item-6 a.more-link{
    width:90px;
    display:block;
    margin:25px auto 15px
}
 .post-item-4 .entry-date,.post-item-6 .entry-date{
    margin-bottom:25px
}
/*Кнопки*/
 a.more-link,a.btn{
    font-size:10px;
    line-height:10px;
    margin:10px auto;
    text-decoration:none;
    letter-spacing:1px;
    padding:10px 10px;
    text-transform:uppercase
}
 a.more-link:hover{
    text-decoration:none
}
/*Адаптивные баннеры Google Adsense*/
 .ad728-top{
    float:right;
    width:728px;
    height:90px
}
 @media(max-width:1024px){
    .ad728-top{
        width:728px;
        height:90px;
        float:none;
        margin:0 auto 30px
    }
}
 @media(max-width:900px){
    .ad728-top{
        width:728px;
        height:90px;
        float:none;
        margin:0 auto 30px
    }
}
 @media(max-width:800px){
    .ad728-top{
        width:200px;
        height:200px;
        float:none;
        margin:0 auto
    }
}
 .ad728-mid{
    float:left;
    width:100%;
    margin:5px 0 40px 0
}
 .ad728-mid ins{
    float:none;
    width:728px;
    height:90px;
    margin:0 auto
}
 @media(max-width:800px){
    .ad728-mid{
        margin:0 0 40px 0
    }
     .ad728-mid ins{
        width:300px;
        height:250px
    }
}
#timeline-ad ins{
    float:right;
    margin:0 2% 0 0
}
 .main-col-fullwidth #timeline-ad ins{
    float:none;
    margin:35px auto
}
 .ad300-side{
    margin:0 auto 35px;
    width:300px;
    height:600px
}
 @media(max-width:1024px){
    .ad300-side{
        width:250px;
        height:250px
    }
}
 @media(max-width:736px){
    .ad300-side{
        width:300px;
        height:250px
    }
}
 @media(max-width:414px){
    .ad300-side{
        width:250px;
        height:250px;
        overflow:hidden
    }
}
 .ad728-top ins,.ad970-mid ins,.ad728-post ins,.ad300-side ins{
    margin:inherit;
    width:inherit;
    height:inherit
}
 .ad728-post{
    float:none;
    width:728px;
    height:90px;
    margin:30px auto
}
 @media(max-width:1160px){
    .ad728-post{
        width:468px;
        height:60px
    }
}
 @media(max-width:500px){
    .ad728-post{
        width:300px;
        height:250px
    }
}
/*Слайдер для картинок и видео*/
 .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{
    outline:0
}
 .slides,.flex-control-nav,.flex-direction-nav{
    margin:0;
    padding:0;
    list-style:none
}
 #main-slider,#video-slider{
    float:left;
    margin-bottom:40px
}
 .flexslider .slides>li{
    display:none;
    -webkit-backface-visibility:hidden
}
 .flexslider .slides img{
    width:100%;
    display:block
}
 .flex-pauseplay span{
    text-transform:capitalize
}
 .slides:after{
    content:"\0020";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
 html[xmlns] .slides{
    display:block
}
 * html .slides{
    height:1%
}
 .no-js .slides>li:first-child{
    display:block
}
 .flexslider{
    margin:0;
    position:relative;
    /*zoom:1*/
}
 .flex-viewport{
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
 .loading .flex-viewport{
    max-height:300px
}
/*.flexslider .slides{
    zoom:1
}
*/
 .carousel li{
    margin-right:5px
}
 ul.slides li{
    position:relative
}
 .flex-direction-nav a{
    width:36px;
    height:39px;
    margin:-20px 0 0;
    display:block;
    background:url(images/bg_direction_nav.png) no-repeat 0 0;
    position:absolute;
    top:50%;
    cursor:pointer;
    text-indent:-9999px;
    opacity:0;
    -webkit-transition:all .3s ease;
    z-index:100
}
 .flex-direction-nav .flex-next{
    background-position:0 -39px;
    right:-36px
}
 .flex-direction-nav .flex-prev{
    left:-36px
}
 .flexslider:hover .flex-next{
    opacity:1;
    right:0
}
 .flexslider:hover .flex-prev{
    opacity:1;
    left:0
}
 .flex-control-nav{
    width:140px;
    position:absolute;
    bottom:10px;
    right:10px;
    text-align:right;
    z-index:200
}
 .flex-control-nav li{
    margin:0 6px;
    /*zoom:1;
    */
    display:inline-block
}
 .flex-control-paging li a{
    width:15px;
    height:15px;
    display:block;
    cursor:pointer;
    text-indent:-9999px;
    text-align:left;
    background:#ccc;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    box-shadow:inset 0 0 3px rgba(0,0,0,0.3)
}
 .flex-control-paging li a:hover{
    background:red
}
 .flex-control-paging li a.flex-active{
    background:red;
    cursor:default
}
 .flex-caption h2{
    color:#555;
    font-size:19px;
    line-height:1.4;
    margin:0 0 25px 0
}
 .flexslider a{
    text-decoration:none
}
 .flex-caption{
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    min-width:40%;
    max-width:44%;
    padding:30px 30px;
    background:rgba(255,255,255,0.95);
    text-align:center;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position:absolute
}
 .flex-caption:after{
    position:absolute;
    z-index:-1;
    top:-3px;
    right:-3px;
    bottom:-3px;
    left:-3px;
    border:1px solid #fff;
    content:''
}
 .flex-caption a.btn{
    margin:0 auto
}
 .flexslider li.video{
    background:#fff
}
 .flexslider li.video .movie{
    width:71%;
    float:left
}
 .flexslider li.video .info{
    width:26%;
    float:left;
    padding:5% 4% 0 4%;
    background:#f9f9f9;
    position:absolute;
    top:0;
    bottom:0;
    right:0
}
 .flexslider li.video .info span{
    font-family:'Merriweather',serif;
    color:#444;
    font-size:25px;
    line-height:1.2;
    margin:0 0 30px 0;
    display:block
}
 .flexslider li.video .info p{
    color:#adadad;
    margin-bottom:30px
}
 .flexslider iframe{
    vertical-align:bottom
}
/*Карусель*/
 .crsl-items{
    margin-bottom:30px;
    position:relative
}
 .crsl-wrap{
    max-height:265px;
    overflow:hidden
}
 figure.crsl-item{
    position:relative
}
 .crsl-item .caption{
    display:none;
    bottom:7px;
    left:0;
    right:0;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    background:rgba(51,51,51,0.2);
    padding:15px 15px 15px 25px;
    position:absolute
}
 .crsl-item:hover .caption{
    background:rgba(51,51,51,0.6)
}
 .crsl-item h2{
    font-size:16px;
    line-height:1.2;
    margin:13px 0;
    color:#fff
}
 #car-nav .fa{
    color:#fff;
    font-size:40px
}
 #car-nav .previous{
    opacity:.3;
    left:20px;
    top:50%;
    margin-top:-20px;
    position:absolute;
    z-index:200
}
 #car-nav .next{
    opacity:.3;
    right:20px;
    top:50%;
    margin-top:-20px;
    position:absolute;
    z-index:200
}
 .crsl-items:hover #car-nav .previous,.crsl-items:hover #car-nav .next{
    opacity:1
}
/*Плитка*/
 .tile-wrap{
    width:100%;
    float:left;
    margin-bottom:40px;
     display: none
}
 .tile-blok-1,.tile-blok-2,.tile-blok-3,.tile-blok-4,.tile-blok-5{
    background-position:center center;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
 .tile-blok-1{
    float:left;
    width:64%;
    height:250px;
    border-bottom:20px solid #fff
}
 .tile-blok-2{
    float:right;
    width:36%;
    height:450px;
    border-left:20px solid #fff;
    border-bottom:20px solid #fff
}
 .tile-blok-3{
    float:left;
    width:32%;
    height:400px;
    border-right:20px solid #fff
}
 .tile-blok-4{
    float:left;
    width:32%;
    height:200px;
    border-bottom:20px solid #fff
}
 .tile-blok-5{
    float:left;
    width:68%;
    height:200px
}
 .tiles{
    position:relative
}
 .tile-blok-1:hover{
    background-position:bottom center
}
 .tile-blok-2:hover{
    background-position:left center
}
 .tile-blok-3:hover{
    background-position:left center
}
 .tile-blok-4:hover{
    background-position:top right
}
 .tile-blok-5:hover{
    background-position:top center
}
 .tiles .caption{
    bottom:0;
    left:0;
    right:0;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    background:rgba(51,51,51,0.2);
    padding:15px 15px 15px 25px;
    position:absolute
}
 .tiles:hover .caption{
    background:rgba(51,51,51,0.6)
}
 .tiles .caption h2{
    font-size:18px;
    line-height:1.2;
    margin:0 0 13px;
    color:#fff
}
 .tiles .caption p{
    margin:0;
    color:#f9f9f9;
    font-size:14px
}
/*Постер*/
 .poster{
    width:100%;
    height:450px;
    overflow:hidden;
    margin:0 auto 30px;
    position:relative;
     display: none
}
 .poster-info{
    bottom:0;
    left:25%;
    right:25%;
    position:absolute;
    padding:5% 5% 3% 5%;
    background:rgba(51,51,51,0.5);
     border-top-left-radius:10px;
    border-top-right-radius:10px
}
 .poster-info h2{
    color:#fff;
    margin:0 0 18px 0;
    font-size:26px;
    text-align:center
}
 .poster-info a.btn{
    text-align:center;
    width:150px;
    display:block;
    float:none;
    margin:0 auto;
    padding:12px 10px
}
 .poster p{
    text-align: center;
     color:#f9f9f9;
     font-size:14px;
     line-height:21px;
     margin-bottom: 20px
}
/*Оформление публикации и ее элементов*/
 .tech-info{
    margin-bottom:5px;
    font-size:10px;
    line-height:18px;
    text-transform:uppercase;
    text-align:center
}
 .tech-info a{
    text-decoration:none
}
 .tech-info a:hover{
    text-decoration:underline
}
 .entry .tech-info{
    text-align:left
}
 .entry-date{
    font-size:12px;
    display:block
}
 .entry-date a{
    text-decoration:none
}
 .entry-date a:hover{
    text-decoration:underline
}
 .entry .entry-date{
    margin-top:40px
}
 .entry-date p{
    margin:0;
    color:#aaa;
    font-size:12px;
    display:inline-block
}
 .single .entry-content{
    margin-bottom:50px
}
 .tech-info .fa-gear{
    padding-left:15px
}
/*Виджеты сайдбара*/
 .side-blok{
    margin-bottom: 9px
}
 .side-blok:first-child{
    background:#FFFFFF;
    padding:1%
}
 .side-blok:first-child .side-title span:first-child{
    background:#FFFFFF
}
 .side-title{
    position:relative;
    margin-bottom:20px;
    text-align:center
}
 .side-title span{
    font-family:'Merriweather',serif;
    display:inline-block;
    font-size:13px;
    letter-spacing:.5px;
    font-weight:700;
    padding:12px 20px;
    background:#fff;
    position:relative;
    z-index:20
}
 .side-title:after{
    content:'';
    width:100%;
    height:5px;
    position:absolute;
    top:19px;
    left:0;
    z-index:10
}
 .side-blok a{
    text-decoration:none;
     color: #000000;
}
 .side-blok a:hover,.post-col a:hover,.credits a:hover{
    text-decoration:underline
}
 .side-blok p a{
    text-decoration:underline
}
 .side-blok p a:hover{
    text-decoration:underline
}
 .side-blok #calendar_wrap{
    width:100%;
    font-size:13px
}
 .side-blok #wp-calendar th{
    text-align:center;
    padding:4px;
    font-size:13px;
    font-weight:700;
    border:1px solid #eaeaea
}
 .side-blok #wp-calendar td{
    padding:2px 3px;
    border:1px solid #eaeaea;
    text-align:center
}
 .side-blok #searchform #s{
    width:63%;
     padding:10px 12px;
     margin:0;
     color:#333;
     background:#fff;
     border:1px solid #dedede;
     font-size:14px;
     text-transform:none;
     font-weight:normal
}
 .side-blok #searchsubmit{
     color:#fff;
     padding:11px 20px;
     font-size:12px;
     cursor:pointer;
     border:none;
     text-transform:uppercase;
     font-weight:normal
}
 .side-blok #searchform-404 #s{
    width:30%;
     padding:10px 12px;
     margin:0;
     color:#333;
     background:#fff;
     border:1px solid #dedede;
     font-size:14px;
     text-transform:uppercase;
     font-weight:normal;
}
 .screen-reader-text{
     display: none
}
/*Облако меток*/
 .side-blok .tagcloud{
    width:100%;
    margin-bottom:10px;
    display:inline-block
}
 .side-blok .tagcloud a{
    color:#fff;
    float:left;
    line-height:12px;
    font-size:12px!important;
    text-decoration:none;
    font-weight:bold;
    background:#4d6789;
    margin:0 4px 4px 0;
    padding:8px 8px
}
 .side-blok .tagcloud a:hover{
    color:#fff;
    text-decoration:none
}
/*Списки сайта*/
 ol{
    list-style:decimal;
    list-style-position:inside;
    margin:25px 0 35px 0
}
 ol li{
    margin:0;
    padding:0 0 10px 0
}
 ol ol{
    list-style:upper-alpha
}
 ol ol ol{
    list-style:lower-roman
}
 ol ol ol ol{
    list-style:lower-alpha
}
 .entry ul {
     margin-left: 25px;
     list-style-type: circle;
}
 .entry ul li {
     overflow: hidden;
     min-height: 22px;
     list-style: none;
     padding: 0 0 10px 20px;
     position: relative;
     font-size: 15px;
}
 .entry ul li:before {
     background-color: #AA5EC2;
     position: absolute;
     content: '';
     left: 0;
     top: 6px;
     width: 8px;
     height: 8px;
     border-radius: 8px;
}
 #entry .ez-toc-list ul {
     margin-left: 25px;
     list-style-type: circle;
}
 #entry .ez-toc-list ul li:before {
     content: none;
}
 #entry .ez-toc-list ul li:after {
     content: none;
}
 .side-blok ul,.footer ul{
    list-style:disc;
    list-style-position:inside;
    margin:0
}
 .side-blok ul li,.footer ul li{
    margin:0 0 8px 0;
    padding:0 0 0 3px
}
 .entry ul li ul,.side-blok ul li ul,.footer ul li ul{
    list-style:square;
    padding-left:35px;
    padding-top:8px
}
 .entry ul li ul li,.side-blok ul li ul li,.footer ul li ul li{
    margin:0 0 8px 0
}
 .toc_list ul li:before{
    content: none;
}
 .toc_list ul li:after{
    content: none;
}
/*Внутреняя навигация в записях*/
 .post-navigation{
    width:100%;
    margin:30px auto;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    padding:25px 0 15px
}
 .nav-box-previous{
    float:left;
    width:46%;
    margin-right:8%;
    position:relative
}
 .nav-box-next{
    float:right;
    width:46%;
    position:relative;
    text-align:right
}
 .nav-box-previous img{
    float:left;
    margin-right:30px
}
 .nav-box-next img{
    float:right;
    margin-left:30px
}
 .post-navigation img{
    margin-bottom:10px
}
 .post-navigation h2{
    font-size:14px;
    line-height:16px;
    margin-top:8px;
    font-weight:bold;
    text-transform:none
}
 .post-navigation span{
    display:block;
    font-size:12px;
    line-height:16px
}
 .post-navigation a{
    text-decoration:none
}
 .post-navigation a:hover{
    text-decoration:underline
}
/*Оформление изображений, галерея, миниатюры записей*/
 img.alignleft{
    float:left;
    margin:5px 35px 25px 0
}
 img.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
    margin-bottom:30px
}
 .wp-caption{
    text-align:center;
    margin-bottom:15px;
    max-width:100%;
    height:auto
}
 .wp-caption img{
    margin:0;
    padding:0;
    border:0 none
}
 .wp-caption-text{
    font-size:12px;
    line-height:17px;
    padding:7px 5px;
    color:#999
}
 .wp-caption.alignleft{
    float:left;
    margin:5px 30px 7px 0
}
 .wp-caption.alignright{
    float:right;
    margin:5px 0 7px 30px
}
 .wp-caption.aligncenter,.attachment img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px
}
 img.alignright{
    float:right;
    margin:5px 0 25px 35px
}
 #gallery-1,.gallery{
    margin:30px auto;
    float:none
}
 .gallery-item{
    display:inline-block;
    padding:0 1% 1% 2%;
    text-align:center;
    vertical-align:top;
    width:100%
}
 .gallery .gallery-item img{
    border-radius:4px;
    border:none!important
}
 .gallery-columns-2 .gallery-item{
    max-width:46%
}
 .gallery-columns-3 .gallery-item{
    max-width:29%
}
 .gallery-columns-4 .gallery-item{
    max-width:21%
}
 .gallery-columns-5 .gallery-item{
    max-width:16%
}
 .gallery-columns-6 .gallery-item{
    max-width:10%
}
 .gallery-icon img{
    margin:0 auto
}
 .gallery-caption{
    color:#999;
    display:block;
    font-size:11px;
    padding:5px 10px
}
 .img-attach{
    display:block;
    text-align:center
}
 .blog-thumb{
    margin:18px auto;
    text-align:center
}
 .post-thumb{
    margin:0 30px 15px 0;
    float:left
}
 .grid-thumb{
    margin:0 auto 10px;
    text-align:center;
     border-radius: 5px;
}
/*Постраничная навигация*/
 .wp-pagenavi{
    width:100%;
    float:right;
    text-align:right;
    margin:40px 0 40px 0;
    padding-top:40px;
    font-size:14px;
    color:#999;
    border-top:1px solid #e6e6e6
}
 .main-col-fullwidth .wp-pagenavi{
    float:none;
    text-align:center;
    margin:40px auto
}
 .wp-pagenavi a,.wp-pagenavi a:link{
    padding:5px 8px;
    margin:0 6px 2px;
    text-decoration:none;
    background:#f9f9f9;
    color:#999;
    border:0
}
 .wp-pagenavi a:visited{
    padding:5px 8px;
    margin:0 6px 2px;
    text-decoration:none;
    color:#999;
    border:0
}
 .wp-pagenavi a:hover{
    color:#fff;
    border:0
}
 .wp-pagenavi a:active{
    padding:5px 8px;
    margin:0 6px 2px;
    text-decoration:none;
    color:#fff;
    border:0
}
 .wp-pagenavi span.pages{
    padding:2px 4px 2px 4px;
    margin:1px 30px 20px 2px;
    border:0;
    color:#999
}
 .wp-pagenavi span.current{
    padding:5px 8px;
    margin:0 6px 2px;
    color:#fff;
    border:0
}
 .wp-pagenavi span.extend{
    padding:2px 4px 2px 4px
}
/*Комментарии*/
 .comments-box{
    width:100%;
    float:left;
    position:relative;
    margin-top:10px;
    padding-top:15px;
    border-top:1px solid #e6e6e6
}
 #respond{
    margin:0;
    padding:0
}
 .comments-box.text{
    border:1px solid #93bab1;
    padding:2px;
    color:#666;
    width:200px
}
 ol.commentlist{
    margin:30px 0 50px 0;
    padding:0
}
 ol.commentlist li div.vcard cite.fn a.url:hover{
    text-decoration:none
}
 ol.commentlist li{
    margin-top:20px;
    list-style-type:none;
    padding:0;
    margin-left:0
}
 ol.commentlist li div.vcard cite.fn{
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase
}
 ol.commentlist li div.vcard cite.fn a.url{
    text-decoration:none
}
 ol.commentlist li div.vcard img.avatar{
    float:left;
    margin:0 30px 0 0;
    border-radius:30px
}
 ol.commentlist li div.commentmetadata{
    font-size:12px
}
 ol.commentlist li div.comment-meta{
    margin:0 0 10px 0
}
 ol.commentlist li div.comment-meta a{
    color:#7b7b7b;
    text-decoration:none
}
 ol.commentlist li p{
    margin-left:90px
}
 ol.commentlist li div.reply{
    margin-left:90px;
    font-size:12px;
    text-transform:uppercase;
    color:#ccc;
    font-weight:bold;
    cursor:pointer
}
 ol.commentlist li div.reply a{
    color:#ccc;
    text-decoration:none
}
 ol.commentlist .parent{
    padding:5px 0 5px 0;
    border-bottom:1px dotted #ddd
}
 ol.commentlist .parent li{
    margin-top:20px;
    border:0;
    padding:0
}
 ol.children{
    margin:0
}
 ol.children li{
    margin:20px 0 20px 30px
}
 #comment{
    margin-bottom:30px
}
 a.comment-edit-link{
    float:right
}
 .comment-form label{
    color:#999;
    font-size:14px;
    font-weight:bold;
    display:block;
    margin-bottom:10px
}
 h3#reply-title,.comment-title{
    margin:10px auto 20px;
    font-size:16px;
    text-transform:uppercase;
    padding:20px 0 15px 0;
    display:block;
    font-weight:700
}
 .comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{
    font-family:inherit;
    font-size:16px;
    width:90%;
    padding:4% 5%;
    margin-bottom:10px;
    box-shadow:0 0 1px #555;
    background:#f9f9f9;
    border:0
}
 .logged-in-as,.comment-notes,.comment-awaiting-moderation,.logged-in-as,.form-allowed-tags{
    color:#999;
    font-size:13px;
    margin-bottom:20px
}
 .no-comments{
    color:#999;
    font-weight:bold;
    padding-top:1.6em
}
 .comment-navigation+.no-comments{
    border-top:0
}
 .form-submit{
    margin-bottom:30px;
    clear:both
}
 .required{
    color:red
}
 .top-text .vcard{
    display:inline-block;
    margin-bottom:40px
}
 #commentform textarea{
    font-family:inherit;
    height:150px;
    width:97%;
    box-shadow:0 0 1px #555;
    padding:1%;
    font-size:16px;
    line-height:24px;
    display:block;
    color:#333;
    background:#f9f9f9;
    float:left;
    border:0
}
 #commentform input:focus,#commentform textarea:focus{
    background:#fff;
    -webkit-box-shadow:0 0 4px rgba(102,203,245,0.9);
    -moz-box-shadow:0 0 4px rgba(102,203,245,0.9);
    box-shadow:0 0 4px rgba(102,203,245,0.9)
}
 a#cancel-comment-reply-link{
    display:block;
    font-size:12px;
    margin-top:15px
}
 .comment-form input[type="submit"]{
    width:250px;
    display:block;
    vertical-align:top;
    border-radius:4px;
    font-size:16px;
    line-height:1.65em;
    text-align:center;
    text-decoration:none;
    color:#fff;
    -webkit-appearance:none;
    outline:0;
    border:0;
    box-shadow:none;
    cursor:pointer;
    padding:10px 12px;
    margin:30px auto;
    transition:all .2s linear
}
 .comment-form input[type="submit"]:hover{
    color:#fff
}
 p.comment-form-author,p.comment-form-email,p.comment-form-url{
    width:31.33%;
    float:left;
    margin-left:3%;
    display:block
}
 .comments-box .says{
    display:none
}
 .comments-box .navigation{
    width:100%;
    margin:40px auto 40px;
    text-align:center;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    padding:20px 0
}
 .comments-box .navigation .nav-previous{
    width:50%;
    float:left;
    text-align:left
}
 .comments-box .navigation .nav-next{
    width:50%;
    float:right;
    text-align:right
}
 .comments-box .navigation a{
    color:#bbb;
    text-decoration:none
}
 .comments-box .navigation a:hover{
    text-decoration:underline
}
 ol.commentlist li #respond p.comment-form-author,ol.commentlist li #respond p.comment-form-email,ol.commentlist li #respond p.comment-form-url{
    width:31.33%;
    float:left;
    margin-left:3%
}
 ol.commentlist li #respond p.comment-form-comment{
    margin-left:0
}
 p.comment-form-author,ol.commentlist li #respond p.comment-form-author{
    margin-left:0
}
/*Встроенный виджет рейтинга записей*/
 .pop-content a{
    text-decoration:none
}
 .pop-content ul li{
    padding-left:0;
    list-style-type:none;
    margin-bottom:5px;
    padding-top:20px;
    font-size:13px;
    line-height:19px;
    border-top:1px solid #e6e6e6
}
 .pop-content ul li:first-child{
    border:0;
    padding-top:0
}
 .pop-content img{
    float:left;
    margin:0 25px 10px 0;
    min-width:50px
}
 .pop-content img:hover{
    opacity:.8
}
 .pop-content span{
    display:block;
    margin-top:11px;
    font-size:12px;
    line-height:14px;
    font-weight:normal;
    color:#a6a6a6
}
 .pop-content li:after{
    content:'';
    display:block;
    clear:both
}
 .pop-content a:hover{
    text-decoration:underline
}
/*Встроенный виджет соц кнопки*/
 .social-bar{
    text-align:center;
     margin-bottom: 15px;
}
 .social-bar ul{
    list-style:none;
    text-align:center
}
 .social-bar ul li{
    text-align:center;
    width:30px;
    height:30px;
    margin:0 4px 10px;
    display:inline-block
}
 .social-bar ul li a{
    width:100%;
    display:block;
    padding:2px 2px;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    transition:all .3s linear
}
 .social-bar ul li a:hover{
    color:#fff
}
 .social-bar:after{
    content:'';
    display:block;
    clear:both
}
 .vk{
    background:#4d7198
}
 .fb{
    background:#3b5998
}
 .tw{
    background:#14a1e8
}
 .ig{
    background:#c7b5a1
}
 .od{
    background:#f6881f
}
 .gp{
    background:#cf322a
}
 .yt{
    background:#a81a1e
}
 .in{
    background:#0c62a6
}
 .social-bar ul li:before{
    height:0;
    width:0;
    position:relative;
    background:0
}
/*Похожие записи в конце каждой публикации*/
 .related-posts ul{
    width:100%;
    padding:20px 0;
    margin:15px auto 0;
    list-style:none
}
 .related-posts ul li{
    width:30%;
    float:left;
    padding:0;
    margin-bottom:20px;
    margin-right:3.3333%;
    margin-left:0;
    height:215px;
    overflow:hidden
}
 .related-posts ul li:before{
    content: none;
}
 .related-posts ul li:after{
    content: none;
}
 .related-posts ul li img{
    margin-bottom:10px;
    border-radius:3px
}
 .rel-post-title{
    font-size:13px;
    color: #000;
    display:block;
    line-height:18px
}
 .related-posts p{
    display:block;
    margin-bottom:20px;
    font-weight:bold;
    font-size:16px;
    font-family:'Merriweather',serif
}
 .related-posts a{
    text-decoration:none
}
 .related-posts a:hover{
    text-decoration:underline
}
 .main-col-fullwidth .related-posts ul{
    max-width:800px
}
/*Подвал сайта*/
 .footer{
    width:100%;
    max-width:1160px;
    margin:50px auto 0;
    position:relative;
    padding:30px 0 25px;
    text-align:center
}
 .credits p{
    font-size:12px;
    line-height:19px;
    display:block;
    margin:0
}
 .foot-counter {
    margin: 20px auto;
}
/*Подсказки для соц кнопок*/
 .tooltip{
    position:relative;
    display:inline-block
}
 .tooltip .tooltiptext{
    visibility:hidden;
    width:auto;
    background:rgba(51,51,51,0.9);
    color:#fff;
    text-align:center;
    padding:5px 0;
    font-size:11px;
    position:absolute;
    z-index:100
}
 .tooltip:hover .tooltiptext{
    visibility:visible
}
 .tooltip .tooltiptext::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    border-color:rgba(51,51,51,0.9) transparent transparent transparent
}
 .tooltip .tooltiptext{
    width:90px;
    bottom:120%;
    left:50%;
    margin-left:-45px
}
 .tooltip .tooltiptext{
    opacity:0;
    transition:opacity 1s
}
 .tooltip:hover .tooltiptext{
    opacity:1
}
/*Кнопка Вверх*/
 #backtop{
    display:none;
    position:fixed;
    padding:5px 6px 4px 6px;
    text-align:center;
    z-index:100;
    bottom:15px;
    right:15px;
    font-size:25px;
    line-height:1;
    color:#fff;
    font-weight:normal;
    background:rgba(51,51,51,0.4);
    border-radius:5px
}
 #backtop:hover{
    background:rgba(51,51,51,0.9)
}
/*Страница 404*/
 .error404 .entry{
    text-align:center;
    margin-bottom:60px
}
 .error404 .entry input{
    width:50%;
    margin-top:25px;
    border-radius:0;
    padding:2%;
    font-size:15px;
    font-family:inherit;
    color:#333;
    border:0;
    background:#f9f9f9;
    box-shadow:0 0 2px #aaa;
    text-align:center
}
 .error404 .entry .fa{
    font-size:160px;
    margin-bottom:40px
}
/*Страница вложения*/
 .attachment-blok{
    margin:0 auto;
    padding:0 15%
}
 .attachment-blok h3{
    font-size:16px;
    margin-bottom:15px;
    text-align:center
}
/*Адаптивные стили шаблона*/
 @media only screen and (max-width:1160px){
     body{
        font-size:15px
    }
     .wrap,.footer{
        width:90%
    }
     .logo{
        float:none;
        margin:0 auto 30px;
        text-align:center
    }
     .menu-item-description{
        font-size:10px
    }
     .textlogo h1,.textlogo span,p.site-desc{
        text-align:center;
        padding:0
    }
     .textlogo h1:after,.textlogo span:after{
        margin:15px auto 0
    }
     .textlogo h1:after,.textlogo span:after{
        margin-top:9px
    }
     .menunav ul li{
        font-size:12px
    }
     .menunav ul li ul{
        top:65px
    }
     .menunav ul li ul li{
        font-size:12px
    }
     .sf-sub-indicator:after{
        top:10px
    }
     ul.sub-menu .sf-sub-indicator:after{
        top:-4px
    }
     .topnavig ul li a{
        padding:12px 15px 12px 10px;
        font-size:12px
    }
     .topnavig ul li ul li a{
        padding:12px 15px
    }
     .topnavig ul li:first-child{
        margin-left:0
    }
     .topnavig ul li.menu-item:before{
        position:relative;
        background:0;
        width:0
    }
     .ad728-top{
        float:none;
        margin:0 auto
    }
}
 @media only screen and (max-width:1060px){
     .menu-item-description{
        display:none
    }
}
 @media only screen and (max-width:1024px){
     .header{
        margin:5px auto 0
    }
     .logo{
        float:none;
        margin:0 auto 40px
    }
     .textlogo{
        margin-bottom:30px
    }
     #menu,#topheadmenu{
        margin-left:-9999px;
        width:0;
        height:0;
        overflow:hidden
    }
     #mob{
        display:block
    }
     .textlogo h1,.textlogo span{
        font-size:24px
    }
     .comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{
        font-size:14px
    }
     ul.related-posts li{
        width:48%;
        height:305px
    }
     .wp-pagenavi a.page,span.extend,a.last{
        display:none
    }
     .wp-pagenavi span.current{
        background:0;
        color:#fff
    }
}
 @media only screen and (max-width:1000px){
     .poster-info{
        left:20%;
        right:20%
    }
     .poster-info h2{
        margin:0 0 20px 0;
        font-size:20px
    }
     #main-slider,#video-slider{
        margin-bottom:70px
    }
     .flex-control-nav{
        bottom:-50px;
        right:0
    }
     .flex-caption h2{
        font-size:15px;
        line-height:1.2;
        margin:0 0 20px 0
    }
     .flex-caption{
        padding:20px 20px
    }
     #video-slider .flex-control-nav{
        text-align:right
    }
     .flexslider li.video .info span{
        font-size:16px;
        margin:0 0 16px 0
    }
     .flexslider li.video .info p{
        font-size:13px;
        margin-bottom:16px
    }
     .post-item-5 p{
        font-size:13px;
        line-height:20px;
        margin-bottom:25px
    }
     .wp-pagenavi{
        float:none;
        text-align:center;
        margin:20px auto 20px;
        padding-top:30px
    }
}
 @media only screen and (max-width:800px){
     body{
        font-size:16px
    }
     h1{
        font-size:24px
    }
     h2{
        font-size:22px
    }
     h3{
        font-size:20px
    }
     h4{
        font-size:18px
    }
     h5{
        font-size:16px
    }
     h6{
        font-size:14px
    }
     .flexslider li.video .movie{
        width:100%;
        float:left
    }
     .flexslider li.video .info{
        width:100%;
        position:relative;
        text-align:center;
        padding-bottom:25px
    }
     .tiles .caption h2{
        font-size:15px
    }
     .tiles .caption p{
        font-size:13px
    }
     .tiles .caption{
        background:rgba(51,51,51,0.6)
    }
     .post-item-2 h2.post-title,.post-item-4 h2.post-title{
        font-size:18px;
        line-height:22px
    }
     .post-item-3 h2.post-title{
        font-size:14px;
        line-height:22px
    }
     .post-item-3 .entry-date{
        font-size:10px
    }
     .post-item-4 .img-wrap{
        margin:0 25px 40px 0
    }
     .post-item-4 p{
        font-size:14px;
        line-height:22px
    }
     ol.commentlist li p{
        margin-left:0;
        margin-top:20px
    }
     ol.commentlist li div.reply{
        margin-left:0
    }
     p.comment-form-email,p.comment-form-url{
        margin-left:0
    }
     p.comment-form-author,p.comment-form-email,p.comment-form-url{
        width:100%;
        float:left;
        margin-right:0;
        margin-bottom:10px
    }
     #commentform textarea{
        height:150px;
        width:94%;
        padding:1% 2%
    }
     .crsl-item h2{
        font-size:14px;
        margin:10px 0
    }
}
 @media only screen and (max-width:736px){
     .post-item-5{
        margin:30px 0 30px 50px;
        padding:10px 10px 25px 20px;
        width:90%
    }
     .post-item-5 h2.post-title{
        font-size:18px
    }
     .post-item-5 .date{
        left:-62px
    }
     .timeline{
        left:15px
    }
     #video-slider iframe{
        width:100%;
        height:400px
    }
     .textlogo h1,.textlogo span{
        font-size:24px
    }
}
 @media only screen and (max-width:600px){
     .tile-blok-1,.tile-blok-2,.tile-blok-3,.tile-blok-4,.tile-blok-5{
        float:left;
        width:100%;
        height:300px;
        border:0;
        margin-bottom:25px
    }
     .post-item-1 .entry-title{
        position:relative;
        left:0;
        bottom:0;
        width:100%;
        padding:0;
        display:block
    }
     .flex-caption{
        top:50%;
        left:15%;
        min-width:70%;
        max-width:70%;
        -webkit-transform:translate(1%,-35%);
        -ms-transform:translate(1%,-35%);
        transform:translate(1%,-35%)
    }
     .flex-caption h2{
        margin:0
    }
     .flex-caption a.btn{
        display:none
    }
     .post-item-1 a.more-link{
        line-height:28px
    }
     .post-item-4{
        width:100%;
        margin:0 auto 50px;
        text-align:center
    }
     .post-item-4 .tech-info,.post-item-4 a.more-link{
        text-align:center;
        margin:auto;
        float:none
    }
     .post-item-4 p{
        margin-bottom:30px
    }
     .post-item-4 .img-wrap{
        float:none;
        margin:0 auto 25px;
        text-align:center
    }
     .post-item-1-img-wrap{
        height:auto;
        margin-bottom:20px
    }
     .post-item-2 .entry-date{
        font-size:11px
    }
     h1.post-title{
        font-size:20px;
        margin:20px 0 30px 0;
        padding-right:0
    }
     .post-item-3{
        width:74%;
        margin:0 13%;
        margin-bottom:30px
    }
     .post-item-3 h2.post-title{
        font-size:18px;
        line-height:26px
    }
     .post-item-5:before{
        top:47%
    }
     table{
        font-size:12px
    }
     table th,table td{
        padding:5px 6px
    }
     .poster-info{
        padding:5%
    }
     .poster-info h2{
        font-size:16px
    }
}
 @media only screen and (max-width:500px){
    .post-item-2{
         width:100%;
        margin:0 0 28px 0
    }
     .post-item-5{
        width:80%;
        text-align:center;
        padding:20px 20px 30px
    }
     .post-item-5:before{
        top:45%
    }
     .post-item-5 .post-thumb{
        float:none;
        margin:0 auto 20px
    }
     .post-item-5 .tech-info{
        text-align:center
    }
     .post-item-5 h2.post-title{
        font-size:14px;
        line-height:20px
    }
     .post-item-5 p{
        margin-bottom:30px
    }
     .nav-box-previous{
        width:100%;
        margin-right:0;
        margin-bottom:20px
    }
     .nav-box-next{
        float:left;
        width:100%;
        text-align:right
    }
     ul.related-posts li{
        width:100%;
        margin:0 0 25px 0;
        text-align:center
    }
     .flex-caption{
        padding:10px
    }
}
 @media only screen and (max-width:414px){
     body{
        font-size:14px
    }
     .textlogo h1,.textlogo span{
        font-size:18px
    }
     .mm-listview{
        font-size:13px
    }
     .tech-info{
        font-size:9px;
        line-height:18px
    }
     h2.post-title{
        font-size:18px
    }
     .post-item-3{
        width:100%;
        margin:0;
        margin-bottom:30px
    }
     .post-item-3 h2.post-title{
        font-size:14px;
        line-height:20px
    }
     table{
        font-size:11px
    }
     table th,table td{
        padding:5px 3px
    }
     .logged-in-as,.comment-notes,.comment-awaiting-moderation,.logged-in-as,.form-allowed-tags{
        color:#707070;
        font-size:13px;
        line-height:18px;
        margin-bottom:25px
    }
     .comment-form input[type="submit"]{
        width:200px;
        font-size:14px
    }
     .wp-pagenavi span.pages{
        display:block;
        margin:0 auto 25px;
        text-align:center
    }
     .post-item-5 p{
        font-size:12px;
        line-height:18px
    }
     #video-slider iframe{
        height:280px
    }
     .img-wrap{
        width:280px;
        height:280px
    }
     .img-wrap img{
        width:280px
    }
     .related-posts ul li{
        width:100%;
        margin:0 0 25px 0;
        text-align:center
    }
}
 @media only screen and (max-width:320px){
     .social-bar ul li{
        margin:0 10px 10px
    }
     .entry-date{
        font-size:11px
    }
}
/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@font-face{
    font-family:'FontAwesome';
    src:url('css/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
    src:url('css/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('css/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('css/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal
}
.fa{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fa-lg{
    font-size:1.33333333em;
    line-height:.75em;
    vertical-align:-15%
}
.fa-2x{
    font-size:2em
}
.fa-3x{
    font-size:3em
}
.fa-4x{
    font-size:4em
}
.fa-5x{
    font-size:5em
}
.fa-fw{
    width:1.28571429em;
    text-align:center
}
.fa-ul{
    padding-left:0;
    margin-left:2.14285714em;
    list-style-type:none
}
.fa-ul>li{
    position:relative
}
.fa-li{
    position:absolute;
    left:-2.14285714em;
    width:2.14285714em;
    top:.14285714em;
    text-align:center
}
.fa-li.fa-lg{
    left:-1.85714286em
}
.fa-border{
    padding:.2em .25em .15em;
    border:solid .08em #eee;
    border-radius:.1em
}
.fa-pull-left{
    float:left
}
.fa-pull-right{
    float:right
}
.fa.fa-pull-left{
    margin-right:.3em
}
.fa.fa-pull-right{
    margin-left:.3em
}
.pull-right{
    float:right
}
.pull-left{
    float:left
}
.fa.pull-left{
    margin-right:.3em
}
.fa.pull-right{
    margin-left:.3em
}
.fa-spin{
    -webkit-animation:fa-spin 2s infinite linear;
    animation:fa-spin 2s infinite linear
}
.fa-pulse{
    -webkit-animation:fa-spin 1s infinite steps(8);
    animation:fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.fa-rotate-90{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.fa-rotate-180{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.fa-rotate-270{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.fa-flip-horizontal{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform:scale(-1, 1);
    -ms-transform:scale(-1, 1);
    transform:scale(-1, 1)
}
.fa-flip-vertical{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform:scale(1, -1);
    -ms-transform:scale(1, -1);
    transform:scale(1, -1)
}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{
    filter:none
}
.fa-stack{
    position:relative;
    display:inline-block;
    width:2em;
    height:2em;
    line-height:2em;
    vertical-align:middle
}
.fa-stack-1x,.fa-stack-2x{
    position:absolute;
    left:0;
    width:100%;
    text-align:center
}
.fa-stack-1x{
    line-height:inherit
}
.fa-stack-2x{
    font-size:2em
}
.fa-inverse{
    color:#fff
}
.fa-glass:before{
    content:"\f000"
}
.fa-music:before{
    content:"\f001"
}
.fa-search:before{
    content:"\f002"
}
.fa-envelope-o:before{
    content:"\f003"
}
.fa-heart:before{
    content:"\f004"
}
.fa-star:before{
    content:"\f005"
}
.fa-star-o:before{
    content:"\f006"
}
.fa-user:before{
    content:"\f007"
}
.fa-film:before{
    content:"\f008"
}
.fa-th-large:before{
    content:"\f009"
}
.fa-th:before{
    content:"\f00a"
}
.fa-th-list:before{
    content:"\f00b"
}
.fa-check:before{
    content:"\f00c"
}
.fa-remove:before,.fa-close:before,.fa-times:before{
    content:"\f00d"
}
.fa-search-plus:before{
    content:"\f00e"
}
.fa-search-minus:before{
    content:"\f010"
}
.fa-power-off:before{
    content:"\f011"
}
.fa-signal:before{
    content:"\f012"
}
.fa-gear:before,.fa-cog:before{
    content:"\f013"
}
.fa-trash-o:before{
    content:"\f014"
}
.fa-home:before{
    content:"\f015"
}
.fa-file-o:before{
    content:"\f016"
}
.fa-clock-o:before{
    content:"\f017"
}
.fa-road:before{
    content:"\f018"
}
.fa-download:before{
    content:"\f019"
}
.fa-arrow-circle-o-down:before{
    content:"\f01a"
}
.fa-arrow-circle-o-up:before{
    content:"\f01b"
}
.fa-inbox:before{
    content:"\f01c"
}
.fa-play-circle-o:before{
    content:"\f01d"
}
.fa-rotate-right:before,.fa-repeat:before{
    content:"\f01e"
}
.fa-refresh:before{
    content:"\f021"
}
.fa-list-alt:before{
    content:"\f022"
}
.fa-lock:before{
    content:"\f023"
}
.fa-flag:before{
    content:"\f024"
}
.fa-headphones:before{
    content:"\f025"
}
.fa-volume-off:before{
    content:"\f026"
}
.fa-volume-down:before{
    content:"\f027"
}
.fa-volume-up:before{
    content:"\f028"
}
.fa-qrcode:before{
    content:"\f029"
}
.fa-barcode:before{
    content:"\f02a"
}
.fa-tag:before{
    content:"\f02b"
}
.fa-tags:before{
    content:"\f02c"
}
.fa-book:before{
    content:"\f02d"
}
.fa-bookmark:before{
    content:"\f02e"
}
.fa-print:before{
    content:"\f02f"
}
.fa-camera:before{
    content:"\f030"
}
.fa-font:before{
    content:"\f031"
}
.fa-bold:before{
    content:"\f032"
}
.fa-italic:before{
    content:"\f033"
}
.fa-text-height:before{
    content:"\f034"
}
.fa-text-width:before{
    content:"\f035"
}
.fa-align-left:before{
    content:"\f036"
}
.fa-align-center:before{
    content:"\f037"
}
.fa-align-right:before{
    content:"\f038"
}
.fa-align-justify:before{
    content:"\f039"
}
.fa-list:before{
    content:"\f03a"
}
.fa-dedent:before,.fa-outdent:before{
    content:"\f03b"
}
.fa-indent:before{
    content:"\f03c"
}
.fa-video-camera:before{
    content:"\f03d"
}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{
    content:"\f03e"
}
.fa-pencil:before{
    content:"\f040"
}
.fa-map-marker:before{
    content:"\f041"
}
.fa-adjust:before{
    content:"\f042"
}
.fa-tint:before{
    content:"\f043"
}
.fa-edit:before,.fa-pencil-square-o:before{
    content:"\f044"
}
.fa-share-square-o:before{
    content:"\f045"
}
.fa-check-square-o:before{
    content:"\f046"
}
.fa-arrows:before{
    content:"\f047"
}
.fa-step-backward:before{
    content:"\f048"
}
.fa-fast-backward:before{
    content:"\f049"
}
.fa-backward:before{
    content:"\f04a"
}
.fa-play:before{
    content:"\f04b"
}
.fa-pause:before{
    content:"\f04c"
}
.fa-stop:before{
    content:"\f04d"
}
.fa-forward:before{
    content:"\f04e"
}
.fa-fast-forward:before{
    content:"\f050"
}
.fa-step-forward:before{
    content:"\f051"
}
.fa-eject:before{
    content:"\f052"
}
.fa-chevron-left:before{
    content:"\f053"
}
.fa-chevron-right:before{
    content:"\f054"
}
.fa-plus-circle:before{
    content:"\f055"
}
.fa-minus-circle:before{
    content:"\f056"
}
.fa-times-circle:before{
    content:"\f057"
}
.fa-check-circle:before{
    content:"\f058"
}
.fa-question-circle:before{
    content:"\f059"
}
.fa-info-circle:before{
    content:"\f05a"
}
.fa-crosshairs:before{
    content:"\f05b"
}
.fa-times-circle-o:before{
    content:"\f05c"
}
.fa-check-circle-o:before{
    content:"\f05d"
}
.fa-ban:before{
    content:"\f05e"
}
.fa-arrow-left:before{
    content:"\f060"
}
.fa-arrow-right:before{
    content:"\f061"
}
.fa-arrow-up:before{
    content:"\f062"
}
.fa-arrow-down:before{
    content:"\f063"
}
.fa-mail-forward:before,.fa-share:before{
    content:"\f064"
}
.fa-expand:before{
    content:"\f065"
}
.fa-compress:before{
    content:"\f066"
}
.fa-plus:before{
    content:"\f067"
}
.fa-minus:before{
    content:"\f068"
}
.fa-asterisk:before{
    content:"\f069"
}
.fa-exclamation-circle:before{
    content:"\f06a"
}
.fa-gift:before{
    content:"\f06b"
}
.fa-leaf:before{
    content:"\f06c"
}
.fa-fire:before{
    content:"\f06d"
}
.fa-eye:before{
    content:"\f06e"
}
.fa-eye-slash:before{
    content:"\f070"
}
.fa-warning:before,.fa-exclamation-triangle:before{
    content:"\f071"
}
.fa-plane:before{
    content:"\f072"
}
.fa-calendar:before{
    content:"\f073"
}
.fa-random:before{
    content:"\f074"
}
.fa-comment:before{
    content:"\f075"
}
.fa-magnet:before{
    content:"\f076"
}
.fa-chevron-up:before{
    content:"\f077"
}
.fa-chevron-down:before{
    content:"\f078"
}
.fa-retweet:before{
    content:"\f079"
}
.fa-shopping-cart:before{
    content:"\f07a"
}
.fa-folder:before{
    content:"\f07b"
}
.fa-folder-open:before{
    content:"\f07c"
}
.fa-arrows-v:before{
    content:"\f07d"
}
.fa-arrows-h:before{
    content:"\f07e"
}
.fa-bar-chart-o:before,.fa-bar-chart:before{
    content:"\f080"
}
.fa-twitter-square:before{
    content:"\f081"
}
.fa-facebook-square:before{
    content:"\f082"
}
.fa-camera-retro:before{
    content:"\f083"
}
.fa-key:before{
    content:"\f084"
}
.fa-gears:before,.fa-cogs:before{
    content:"\f085"
}
.fa-comments:before{
    content:"\f086"
}
.fa-thumbs-o-up:before{
    content:"\f087"
}
.fa-thumbs-o-down:before{
    content:"\f088"
}
.fa-star-half:before{
    content:"\f089"
}
.fa-heart-o:before{
    content:"\f08a"
}
.fa-sign-out:before{
    content:"\f08b"
}
.fa-linkedin-square:before{
    content:"\f08c"
}
.fa-thumb-tack:before{
    content:"\f08d"
}
.fa-external-link:before{
    content:"\f08e"
}
.fa-sign-in:before{
    content:"\f090"
}
.fa-trophy:before{
    content:"\f091"
}
.fa-github-square:before{
    content:"\f092"
}
.fa-upload:before{
    content:"\f093"
}
.fa-lemon-o:before{
    content:"\f094"
}
.fa-phone:before{
    content:"\f095"
}
.fa-square-o:before{
    content:"\f096"
}
.fa-bookmark-o:before{
    content:"\f097"
}
.fa-phone-square:before{
    content:"\f098"
}
.fa-twitter:before{
    content:"\f099"
}
.fa-facebook-f:before,.fa-facebook:before{
    content:"\f09a"
}
.fa-github:before{
    content:"\f09b"
}
.fa-unlock:before{
    content:"\f09c"
}
.fa-credit-card:before{
    content:"\f09d"
}
.fa-feed:before,.fa-rss:before{
    content:"\f09e"
}
.fa-hdd-o:before{
    content:"\f0a0"
}
.fa-bullhorn:before{
    content:"\f0a1"
}
.fa-bell:before{
    content:"\f0f3"
}
.fa-certificate:before{
    content:"\f0a3"
}
.fa-hand-o-right:before{
    content:"\f0a4"
}
.fa-hand-o-left:before{
    content:"\f0a5"
}
.fa-hand-o-up:before{
    content:"\f0a6"
}
.fa-hand-o-down:before{
    content:"\f0a7"
}
.fa-arrow-circle-left:before{
    content:"\f0a8"
}
.fa-arrow-circle-right:before{
    content:"\f0a9"
}
.fa-arrow-circle-up:before{
    content:"\f0aa"
}
.fa-arrow-circle-down:before{
    content:"\f0ab"
}
.fa-globe:before{
    content:"\f0ac"
}
.fa-wrench:before{
    content:"\f0ad"
}
.fa-tasks:before{
    content:"\f0ae"
}
.fa-filter:before{
    content:"\f0b0"
}
.fa-briefcase:before{
    content:"\f0b1"
}
.fa-arrows-alt:before{
    content:"\f0b2"
}
.fa-group:before,.fa-users:before{
    content:"\f0c0"
}
.fa-chain:before,.fa-link:before{
    content:"\f0c1"
}
.fa-cloud:before{
    content:"\f0c2"
}
.fa-flask:before{
    content:"\f0c3"
}
.fa-cut:before,.fa-scissors:before{
    content:"\f0c4"
}
.fa-copy:before,.fa-files-o:before{
    content:"\f0c5"
}
.fa-paperclip:before{
    content:"\f0c6"
}
.fa-save:before,.fa-floppy-o:before{
    content:"\f0c7"
}
.fa-square:before{
    content:"\f0c8"
}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{
    content:"\f0c9"
}
.fa-list-ul:before{
    content:"\f0ca"
}
.fa-list-ol:before{
    content:"\f0cb"
}
.fa-strikethrough:before{
    content:"\f0cc"
}
.fa-underline:before{
    content:"\f0cd"
}
.fa-table:before{
    content:"\f0ce"
}
.fa-magic:before{
    content:"\f0d0"
}
.fa-truck:before{
    content:"\f0d1"
}
.fa-pinterest:before{
    content:"\f0d2"
}
.fa-pinterest-square:before{
    content:"\f0d3"
}
.fa-google-plus-square:before{
    content:"\f0d4"
}
.fa-google-plus:before{
    content:"\f0d5"
}
.fa-money:before{
    content:"\f0d6"
}
.fa-caret-down:before{
    content:"\f0d7"
}
.fa-caret-up:before{
    content:"\f0d8"
}
.fa-caret-left:before{
    content:"\f0d9"
}
.fa-caret-right:before{
    content:"\f0da"
}
.fa-columns:before{
    content:"\f0db"
}
.fa-unsorted:before,.fa-sort:before{
    content:"\f0dc"
}
.fa-sort-down:before,.fa-sort-desc:before{
    content:"\f0dd"
}
.fa-sort-up:before,.fa-sort-asc:before{
    content:"\f0de"
}
.fa-envelope:before{
    content:"\f0e0"
}
.fa-linkedin:before{
    content:"\f0e1"
}
.fa-rotate-left:before,.fa-undo:before{
    content:"\f0e2"
}
.fa-legal:before,.fa-gavel:before{
    content:"\f0e3"
}
.fa-dashboard:before,.fa-tachometer:before{
    content:"\f0e4"
}
.fa-comment-o:before{
    content:"\f0e5"
}
.fa-comments-o:before{
    content:"\f0e6"
}
.fa-flash:before,.fa-bolt:before{
    content:"\f0e7"
}
.fa-sitemap:before{
    content:"\f0e8"
}
.fa-umbrella:before{
    content:"\f0e9"
}
.fa-paste:before,.fa-clipboard:before{
    content:"\f0ea"
}
.fa-lightbulb-o:before{
    content:"\f0eb"
}
.fa-exchange:before{
    content:"\f0ec"
}
.fa-cloud-download:before{
    content:"\f0ed"
}
.fa-cloud-upload:before{
    content:"\f0ee"
}
.fa-user-md:before{
    content:"\f0f0"
}
.fa-stethoscope:before{
    content:"\f0f1"
}
.fa-suitcase:before{
    content:"\f0f2"
}
.fa-bell-o:before{
    content:"\f0a2"
}
.fa-coffee:before{
    content:"\f0f4"
}
.fa-cutlery:before{
    content:"\f0f5"
}
.fa-file-text-o:before{
    content:"\f0f6"
}
.fa-building-o:before{
    content:"\f0f7"
}
.fa-hospital-o:before{
    content:"\f0f8"
}
.fa-ambulance:before{
    content:"\f0f9"
}
.fa-medkit:before{
    content:"\f0fa"
}
.fa-fighter-jet:before{
    content:"\f0fb"
}
.fa-beer:before{
    content:"\f0fc"
}
.fa-h-square:before{
    content:"\f0fd"
}
.fa-plus-square:before{
    content:"\f0fe"
}
.fa-angle-double-left:before{
    content:"\f100"
}
.fa-angle-double-right:before{
    content:"\f101"
}
.fa-angle-double-up:before{
    content:"\f102"
}
.fa-angle-double-down:before{
    content:"\f103"
}
.fa-angle-left:before{
    content:"\f104"
}
.fa-angle-right:before{
    content:"\f105"
}
.fa-angle-up:before{
    content:"\f106"
}
.fa-angle-down:before{
    content:"\f107"
}
.fa-desktop:before{
    content:"\f108"
}
.fa-laptop:before{
    content:"\f109"
}
.fa-tablet:before{
    content:"\f10a"
}
.fa-mobile-phone:before,.fa-mobile:before{
    content:"\f10b"
}
.fa-circle-o:before{
    content:"\f10c"
}
.fa-quote-left:before{
    content:"\f10d"
}
.fa-quote-right:before{
    content:"\f10e"
}
.fa-spinner:before{
    content:"\f110"
}
.fa-circle:before{
    content:"\f111"
}
.fa-mail-reply:before,.fa-reply:before{
    content:"\f112"
}
.fa-github-alt:before{
    content:"\f113"
}
.fa-folder-o:before{
    content:"\f114"
}
.fa-folder-open-o:before{
    content:"\f115"
}
.fa-smile-o:before{
    content:"\f118"
}
.fa-frown-o:before{
    content:"\f119"
}
.fa-meh-o:before{
    content:"\f11a"
}
.fa-gamepad:before{
    content:"\f11b"
}
.fa-keyboard-o:before{
    content:"\f11c"
}
.fa-flag-o:before{
    content:"\f11d"
}
.fa-flag-checkered:before{
    content:"\f11e"
}
.fa-terminal:before{
    content:"\f120"
}
.fa-code:before{
    content:"\f121"
}
.fa-mail-reply-all:before,.fa-reply-all:before{
    content:"\f122"
}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{
    content:"\f123"
}
.fa-location-arrow:before{
    content:"\f124"
}
.fa-crop:before{
    content:"\f125"
}
.fa-code-fork:before{
    content:"\f126"
}
.fa-unlink:before,.fa-chain-broken:before{
    content:"\f127"
}
.fa-question:before{
    content:"\f128"
}
.fa-info:before{
    content:"\f129"
}
.fa-exclamation:before{
    content:"\f12a"
}
.fa-superscript:before{
    content:"\f12b"
}
.fa-subscript:before{
    content:"\f12c"
}
.fa-eraser:before{
    content:"\f12d"
}
.fa-puzzle-piece:before{
    content:"\f12e"
}
.fa-microphone:before{
    content:"\f130"
}
.fa-microphone-slash:before{
    content:"\f131"
}
.fa-shield:before{
    content:"\f132"
}
.fa-calendar-o:before{
    content:"\f133"
}
.fa-fire-extinguisher:before{
    content:"\f134"
}
.fa-rocket:before{
    content:"\f135"
}
.fa-maxcdn:before{
    content:"\f136"
}
.fa-chevron-circle-left:before{
    content:"\f137"
}
.fa-chevron-circle-right:before{
    content:"\f138"
}
.fa-chevron-circle-up:before{
    content:"\f139"
}
.fa-chevron-circle-down:before{
    content:"\f13a"
}
.fa-html5:before{
    content:"\f13b"
}
.fa-css3:before{
    content:"\f13c"
}
.fa-anchor:before{
    content:"\f13d"
}
.fa-unlock-alt:before{
    content:"\f13e"
}
.fa-bullseye:before{
    content:"\f140"
}
.fa-ellipsis-h:before{
    content:"\f141"
}
.fa-ellipsis-v:before{
    content:"\f142"
}
.fa-rss-square:before{
    content:"\f143"
}
.fa-play-circle:before{
    content:"\f144"
}
.fa-ticket:before{
    content:"\f145"
}
.fa-minus-square:before{
    content:"\f146"
}
.fa-minus-square-o:before{
    content:"\f147"
}
.fa-level-up:before{
    content:"\f148"
}
.fa-level-down:before{
    content:"\f149"
}
.fa-check-square:before{
    content:"\f14a"
}
.fa-pencil-square:before{
    content:"\f14b"
}
.fa-external-link-square:before{
    content:"\f14c"
}
.fa-share-square:before{
    content:"\f14d"
}
.fa-compass:before{
    content:"\f14e"
}
.fa-toggle-down:before,.fa-caret-square-o-down:before{
    content:"\f150"
}
.fa-toggle-up:before,.fa-caret-square-o-up:before{
    content:"\f151"
}
.fa-toggle-right:before,.fa-caret-square-o-right:before{
    content:"\f152"
}
.fa-euro:before,.fa-eur:before{
    content:"\f153"
}
.fa-gbp:before{
    content:"\f154"
}
.fa-dollar:before,.fa-usd:before{
    content:"\f155"
}
.fa-rupee:before,.fa-inr:before{
    content:"\f156"
}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{
    content:"\f157"
}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{
    content:"\f158"
}
.fa-won:before,.fa-krw:before{
    content:"\f159"
}
.fa-bitcoin:before,.fa-btc:before{
    content:"\f15a"
}
.fa-file:before{
    content:"\f15b"
}
.fa-file-text:before{
    content:"\f15c"
}
.fa-sort-alpha-asc:before{
    content:"\f15d"
}
.fa-sort-alpha-desc:before{
    content:"\f15e"
}
.fa-sort-amount-asc:before{
    content:"\f160"
}
.fa-sort-amount-desc:before{
    content:"\f161"
}
.fa-sort-numeric-asc:before{
    content:"\f162"
}
.fa-sort-numeric-desc:before{
    content:"\f163"
}
.fa-thumbs-up:before{
    content:"\f164"
}
.fa-thumbs-down:before{
    content:"\f165"
}
.fa-youtube-square:before{
    content:"\f166"
}
.fa-youtube:before{
    content:"\f167"
}
.fa-xing:before{
    content:"\f168"
}
.fa-xing-square:before{
    content:"\f169"
}
.fa-youtube-play:before{
    content:"\f16a"
}
.fa-dropbox:before{
    content:"\f16b"
}
.fa-stack-overflow:before{
    content:"\f16c"
}
.fa-instagram:before{
    content:"\f16d"
}
.fa-flickr:before{
    content:"\f16e"
}
.fa-adn:before{
    content:"\f170"
}
.fa-bitbucket:before{
    content:"\f171"
}
.fa-bitbucket-square:before{
    content:"\f172"
}
.fa-tumblr:before{
    content:"\f173"
}
.fa-tumblr-square:before{
    content:"\f174"
}
.fa-long-arrow-down:before{
    content:"\f175"
}
.fa-long-arrow-up:before{
    content:"\f176"
}
.fa-long-arrow-left:before{
    content:"\f177"
}
.fa-long-arrow-right:before{
    content:"\f178"
}
.fa-apple:before{
    content:"\f179"
}
.fa-windows:before{
    content:"\f17a"
}
.fa-android:before{
    content:"\f17b"
}
.fa-linux:before{
    content:"\f17c"
}
.fa-dribbble:before{
    content:"\f17d"
}
.fa-skype:before{
    content:"\f17e"
}
.fa-foursquare:before{
    content:"\f180"
}
.fa-trello:before{
    content:"\f181"
}
.fa-female:before{
    content:"\f182"
}
.fa-male:before{
    content:"\f183"
}
.fa-gittip:before,.fa-gratipay:before{
    content:"\f184"
}
.fa-sun-o:before{
    content:"\f185"
}
.fa-moon-o:before{
    content:"\f186"
}
.fa-archive:before{
    content:"\f187"
}
.fa-bug:before{
    content:"\f188"
}
.fa-vk:before{
    content:"\f189"
}
.fa-weibo:before{
    content:"\f18a"
}
.fa-renren:before{
    content:"\f18b"
}
.fa-pagelines:before{
    content:"\f18c"
}
.fa-stack-exchange:before{
    content:"\f18d"
}
.fa-arrow-circle-o-right:before{
    content:"\f18e"
}
.fa-arrow-circle-o-left:before{
    content:"\f190"
}
.fa-toggle-left:before,.fa-caret-square-o-left:before{
    content:"\f191"
}
.fa-dot-circle-o:before{
    content:"\f192"
}
.fa-wheelchair:before{
    content:"\f193"
}
.fa-vimeo-square:before{
    content:"\f194"
}
.fa-turkish-lira:before,.fa-try:before{
    content:"\f195"
}
.fa-plus-square-o:before{
    content:"\f196"
}
.fa-space-shuttle:before{
    content:"\f197"
}
.fa-slack:before{
    content:"\f198"
}
.fa-envelope-square:before{
    content:"\f199"
}
.fa-wordpress:before{
    content:"\f19a"
}
.fa-openid:before{
    content:"\f19b"
}
.fa-institution:before,.fa-bank:before,.fa-university:before{
    content:"\f19c"
}
.fa-mortar-board:before,.fa-graduation-cap:before{
    content:"\f19d"
}
.fa-yahoo:before{
    content:"\f19e"
}
.fa-google:before{
    content:"\f1a0"
}
.fa-reddit:before{
    content:"\f1a1"
}
.fa-reddit-square:before{
    content:"\f1a2"
}
.fa-stumbleupon-circle:before{
    content:"\f1a3"
}
.fa-stumbleupon:before{
    content:"\f1a4"
}
.fa-delicious:before{
    content:"\f1a5"
}
.fa-digg:before{
    content:"\f1a6"
}
.fa-pied-piper-pp:before{
    content:"\f1a7"
}
.fa-pied-piper-alt:before{
    content:"\f1a8"
}
.fa-drupal:before{
    content:"\f1a9"
}
.fa-joomla:before{
    content:"\f1aa"
}
.fa-language:before{
    content:"\f1ab"
}
.fa-fax:before{
    content:"\f1ac"
}
.fa-building:before{
    content:"\f1ad"
}
.fa-child:before{
    content:"\f1ae"
}
.fa-paw:before{
    content:"\f1b0"
}
.fa-spoon:before{
    content:"\f1b1"
}
.fa-cube:before{
    content:"\f1b2"
}
.fa-cubes:before{
    content:"\f1b3"
}
.fa-behance:before{
    content:"\f1b4"
}
.fa-behance-square:before{
    content:"\f1b5"
}
.fa-steam:before{
    content:"\f1b6"
}
.fa-steam-square:before{
    content:"\f1b7"
}
.fa-recycle:before{
    content:"\f1b8"
}
.fa-automobile:before,.fa-car:before{
    content:"\f1b9"
}
.fa-cab:before,.fa-taxi:before{
    content:"\f1ba"
}
.fa-tree:before{
    content:"\f1bb"
}
.fa-spotify:before{
    content:"\f1bc"
}
.fa-deviantart:before{
    content:"\f1bd"
}
.fa-soundcloud:before{
    content:"\f1be"
}
.fa-database:before{
    content:"\f1c0"
}
.fa-file-pdf-o:before{
    content:"\f1c1"
}
.fa-file-word-o:before{
    content:"\f1c2"
}
.fa-file-excel-o:before{
    content:"\f1c3"
}
.fa-file-powerpoint-o:before{
    content:"\f1c4"
}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{
    content:"\f1c5"
}
.fa-file-zip-o:before,.fa-file-archive-o:before{
    content:"\f1c6"
}
.fa-file-sound-o:before,.fa-file-audio-o:before{
    content:"\f1c7"
}
.fa-file-movie-o:before,.fa-file-video-o:before{
    content:"\f1c8"
}
.fa-file-code-o:before{
    content:"\f1c9"
}
.fa-vine:before{
    content:"\f1ca"
}
.fa-codepen:before{
    content:"\f1cb"
}
.fa-jsfiddle:before{
    content:"\f1cc"
}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{
    content:"\f1cd"
}
.fa-circle-o-notch:before{
    content:"\f1ce"
}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before{
    content:"\f1d0"
}
.fa-ge:before,.fa-empire:before{
    content:"\f1d1"
}
.fa-git-square:before{
    content:"\f1d2"
}
.fa-git:before{
    content:"\f1d3"
}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{
    content:"\f1d4"
}
.fa-tencent-weibo:before{
    content:"\f1d5"
}
.fa-qq:before{
    content:"\f1d6"
}
.fa-wechat:before,.fa-weixin:before{
    content:"\f1d7"
}
.fa-send:before,.fa-paper-plane:before{
    content:"\f1d8"
}
.fa-send-o:before,.fa-paper-plane-o:before{
    content:"\f1d9"
}
.fa-history:before{
    content:"\f1da"
}
.fa-circle-thin:before{
    content:"\f1db"
}
.fa-header:before{
    content:"\f1dc"
}
.fa-paragraph:before{
    content:"\f1dd"
}
.fa-sliders:before{
    content:"\f1de"
}
.fa-share-alt:before{
    content:"\f1e0"
}
.fa-share-alt-square:before{
    content:"\f1e1"
}
.fa-bomb:before{
    content:"\f1e2"
}
.fa-soccer-ball-o:before,.fa-futbol-o:before{
    content:"\f1e3"
}
.fa-tty:before{
    content:"\f1e4"
}
.fa-binoculars:before{
    content:"\f1e5"
}
.fa-plug:before{
    content:"\f1e6"
}
.fa-slideshare:before{
    content:"\f1e7"
}
.fa-twitch:before{
    content:"\f1e8"
}
.fa-yelp:before{
    content:"\f1e9"
}
.fa-newspaper-o:before{
    content:"\f1ea"
}
.fa-wifi:before{
    content:"\f1eb"
}
.fa-calculator:before{
    content:"\f1ec"
}
.fa-paypal:before{
    content:"\f1ed"
}
.fa-google-wallet:before{
    content:"\f1ee"
}
.fa-cc-visa:before{
    content:"\f1f0"
}
.fa-cc-mastercard:before{
    content:"\f1f1"
}
.fa-cc-discover:before{
    content:"\f1f2"
}
.fa-cc-amex:before{
    content:"\f1f3"
}
.fa-cc-paypal:before{
    content:"\f1f4"
}
.fa-cc-stripe:before{
    content:"\f1f5"
}
.fa-bell-slash:before{
    content:"\f1f6"
}
.fa-bell-slash-o:before{
    content:"\f1f7"
}
.fa-trash:before{
    content:"\f1f8"
}
.fa-copyright:before{
    content:"\f1f9"
}
.fa-at:before{
    content:"\f1fa"
}
.fa-eyedropper:before{
    content:"\f1fb"
}
.fa-paint-brush:before{
    content:"\f1fc"
}
.fa-birthday-cake:before{
    content:"\f1fd"
}
.fa-area-chart:before{
    content:"\f1fe"
}
.fa-pie-chart:before{
    content:"\f200"
}
.fa-line-chart:before{
    content:"\f201"
}
.fa-lastfm:before{
    content:"\f202"
}
.fa-lastfm-square:before{
    content:"\f203"
}
.fa-toggle-off:before{
    content:"\f204"
}
.fa-toggle-on:before{
    content:"\f205"
}
.fa-bicycle:before{
    content:"\f206"
}
.fa-bus:before{
    content:"\f207"
}
.fa-ioxhost:before{
    content:"\f208"
}
.fa-angellist:before{
    content:"\f209"
}
.fa-cc:before{
    content:"\f20a"
}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{
    content:"\f20b"
}
.fa-meanpath:before{
    content:"\f20c"
}
.fa-buysellads:before{
    content:"\f20d"
}
.fa-connectdevelop:before{
    content:"\f20e"
}
.fa-dashcube:before{
    content:"\f210"
}
.fa-forumbee:before{
    content:"\f211"
}
.fa-leanpub:before{
    content:"\f212"
}
.fa-sellsy:before{
    content:"\f213"
}
.fa-shirtsinbulk:before{
    content:"\f214"
}
.fa-simplybuilt:before{
    content:"\f215"
}
.fa-skyatlas:before{
    content:"\f216"
}
.fa-cart-plus:before{
    content:"\f217"
}
.fa-cart-arrow-down:before{
    content:"\f218"
}
.fa-diamond:before{
    content:"\f219"
}
.fa-ship:before{
    content:"\f21a"
}
.fa-user-secret:before{
    content:"\f21b"
}
.fa-motorcycle:before{
    content:"\f21c"
}
.fa-street-view:before{
    content:"\f21d"
}
.fa-heartbeat:before{
    content:"\f21e"
}
.fa-venus:before{
    content:"\f221"
}
.fa-mars:before{
    content:"\f222"
}
.fa-mercury:before{
    content:"\f223"
}
.fa-intersex:before,.fa-transgender:before{
    content:"\f224"
}
.fa-transgender-alt:before{
    content:"\f225"
}
.fa-venus-double:before{
    content:"\f226"
}
.fa-mars-double:before{
    content:"\f227"
}
.fa-venus-mars:before{
    content:"\f228"
}
.fa-mars-stroke:before{
    content:"\f229"
}
.fa-mars-stroke-v:before{
    content:"\f22a"
}
.fa-mars-stroke-h:before{
    content:"\f22b"
}
.fa-neuter:before{
    content:"\f22c"
}
.fa-genderless:before{
    content:"\f22d"
}
.fa-facebook-official:before{
    content:"\f230"
}
.fa-pinterest-p:before{
    content:"\f231"
}
.fa-whatsapp:before{
    content:"\f232"
}
.fa-server:before{
    content:"\f233"
}
.fa-user-plus:before{
    content:"\f234"
}
.fa-user-times:before{
    content:"\f235"
}
.fa-hotel:before,.fa-bed:before{
    content:"\f236"
}
.fa-viacoin:before{
    content:"\f237"
}
.fa-train:before{
    content:"\f238"
}
.fa-subway:before{
    content:"\f239"
}
.fa-medium:before{
    content:"\f23a"
}
.fa-yc:before,.fa-y-combinator:before{
    content:"\f23b"
}
.fa-optin-monster:before{
    content:"\f23c"
}
.fa-opencart:before{
    content:"\f23d"
}
.fa-expeditedssl:before{
    content:"\f23e"
}
.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{
    content:"\f240"
}
.fa-battery-3:before,.fa-battery-three-quarters:before{
    content:"\f241"
}
.fa-battery-2:before,.fa-battery-half:before{
    content:"\f242"
}
.fa-battery-1:before,.fa-battery-quarter:before{
    content:"\f243"
}
.fa-battery-0:before,.fa-battery-empty:before{
    content:"\f244"
}
.fa-mouse-pointer:before{
    content:"\f245"
}
.fa-i-cursor:before{
    content:"\f246"
}
.fa-object-group:before{
    content:"\f247"
}
.fa-object-ungroup:before{
    content:"\f248"
}
.fa-sticky-note:before{
    content:"\f249"
}
.fa-sticky-note-o:before{
    content:"\f24a"
}
.fa-cc-jcb:before{
    content:"\f24b"
}
.fa-cc-diners-club:before{
    content:"\f24c"
}
.fa-clone:before{
    content:"\f24d"
}
.fa-balance-scale:before{
    content:"\f24e"
}
.fa-hourglass-o:before{
    content:"\f250"
}
.fa-hourglass-1:before,.fa-hourglass-start:before{
    content:"\f251"
}
.fa-hourglass-2:before,.fa-hourglass-half:before{
    content:"\f252"
}
.fa-hourglass-3:before,.fa-hourglass-end:before{
    content:"\f253"
}
.fa-hourglass:before{
    content:"\f254"
}
.fa-hand-grab-o:before,.fa-hand-rock-o:before{
    content:"\f255"
}
.fa-hand-stop-o:before,.fa-hand-paper-o:before{
    content:"\f256"
}
.fa-hand-scissors-o:before{
    content:"\f257"
}
.fa-hand-lizard-o:before{
    content:"\f258"
}
.fa-hand-spock-o:before{
    content:"\f259"
}
.fa-hand-pointer-o:before{
    content:"\f25a"
}
.fa-hand-peace-o:before{
    content:"\f25b"
}
.fa-trademark:before{
    content:"\f25c"
}
.fa-registered:before{
    content:"\f25d"
}
.fa-creative-commons:before{
    content:"\f25e"
}
.fa-gg:before{
    content:"\f260"
}
.fa-gg-circle:before{
    content:"\f261"
}
.fa-tripadvisor:before{
    content:"\f262"
}
.fa-odnoklassniki:before{
    content:"\f263"
}
.fa-odnoklassniki-square:before{
    content:"\f264"
}
.fa-get-pocket:before{
    content:"\f265"
}
.fa-wikipedia-w:before{
    content:"\f266"
}
.fa-safari:before{
    content:"\f267"
}
.fa-chrome:before{
    content:"\f268"
}
.fa-firefox:before{
    content:"\f269"
}
.fa-opera:before{
    content:"\f26a"
}
.fa-internet-explorer:before{
    content:"\f26b"
}
.fa-tv:before,.fa-television:before{
    content:"\f26c"
}
.fa-contao:before{
    content:"\f26d"
}
.fa-500px:before{
    content:"\f26e"
}
.fa-amazon:before{
    content:"\f270"
}
.fa-calendar-plus-o:before{
    content:"\f271"
}
.fa-calendar-minus-o:before{
    content:"\f272"
}
.fa-calendar-times-o:before{
    content:"\f273"
}
.fa-calendar-check-o:before{
    content:"\f274"
}
.fa-industry:before{
    content:"\f275"
}
.fa-map-pin:before{
    content:"\f276"
}
.fa-map-signs:before{
    content:"\f277"
}
.fa-map-o:before{
    content:"\f278"
}
.fa-map:before{
    content:"\f279"
}
.fa-commenting:before{
    content:"\f27a"
}
.fa-commenting-o:before{
    content:"\f27b"
}
.fa-houzz:before{
    content:"\f27c"
}
.fa-vimeo:before{
    content:"\f27d"
}
.fa-black-tie:before{
    content:"\f27e"
}
.fa-fonticons:before{
    content:"\f280"
}
.fa-reddit-alien:before{
    content:"\f281"
}
.fa-edge:before{
    content:"\f282"
}
.fa-credit-card-alt:before{
    content:"\f283"
}
.fa-codiepie:before{
    content:"\f284"
}
.fa-modx:before{
    content:"\f285"
}
.fa-fort-awesome:before{
    content:"\f286"
}
.fa-usb:before{
    content:"\f287"
}
.fa-product-hunt:before{
    content:"\f288"
}
.fa-mixcloud:before{
    content:"\f289"
}
.fa-scribd:before{
    content:"\f28a"
}
.fa-pause-circle:before{
    content:"\f28b"
}
.fa-pause-circle-o:before{
    content:"\f28c"
}
.fa-stop-circle:before{
    content:"\f28d"
}
.fa-stop-circle-o:before{
    content:"\f28e"
}
.fa-shopping-bag:before{
    content:"\f290"
}
.fa-shopping-basket:before{
    content:"\f291"
}
.fa-hashtag:before{
    content:"\f292"
}
.fa-bluetooth:before{
    content:"\f293"
}
.fa-bluetooth-b:before{
    content:"\f294"
}
.fa-percent:before{
    content:"\f295"
}
.fa-gitlab:before{
    content:"\f296"
}
.fa-wpbeginner:before{
    content:"\f297"
}
.fa-wpforms:before{
    content:"\f298"
}
.fa-envira:before{
    content:"\f299"
}
.fa-universal-access:before{
    content:"\f29a"
}
.fa-wheelchair-alt:before{
    content:"\f29b"
}
.fa-question-circle-o:before{
    content:"\f29c"
}
.fa-blind:before{
    content:"\f29d"
}
.fa-audio-description:before{
    content:"\f29e"
}
.fa-volume-control-phone:before{
    content:"\f2a0"
}
.fa-braille:before{
    content:"\f2a1"
}
.fa-assistive-listening-systems:before{
    content:"\f2a2"
}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{
    content:"\f2a3"
}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{
    content:"\f2a4"
}
.fa-glide:before{
    content:"\f2a5"
}
.fa-glide-g:before{
    content:"\f2a6"
}
.fa-signing:before,.fa-sign-language:before{
    content:"\f2a7"
}
.fa-low-vision:before{
    content:"\f2a8"
}
.fa-viadeo:before{
    content:"\f2a9"
}
.fa-viadeo-square:before{
    content:"\f2aa"
}
.fa-snapchat:before{
    content:"\f2ab"
}
.fa-snapchat-ghost:before{
    content:"\f2ac"
}
.fa-snapchat-square:before{
    content:"\f2ad"
}
.fa-pied-piper:before{
    content:"\f2ae"
}
.fa-first-order:before{
    content:"\f2b0"
}
.fa-yoast:before{
    content:"\f2b1"
}
.fa-themeisle:before{
    content:"\f2b2"
}
.fa-google-plus-circle:before,.fa-google-plus-official:before{
    content:"\f2b3"
}
.fa-fa:before,.fa-font-awesome:before{
    content:"\f2b4"
}
.fa-handshake-o:before{
    content:"\f2b5"
}
.fa-envelope-open:before{
    content:"\f2b6"
}
.fa-envelope-open-o:before{
    content:"\f2b7"
}
.fa-linode:before{
    content:"\f2b8"
}
.fa-address-book:before{
    content:"\f2b9"
}
.fa-address-book-o:before{
    content:"\f2ba"
}
.fa-vcard:before,.fa-address-card:before{
    content:"\f2bb"
}
.fa-vcard-o:before,.fa-address-card-o:before{
    content:"\f2bc"
}
.fa-user-circle:before{
    content:"\f2bd"
}
.fa-user-circle-o:before{
    content:"\f2be"
}
.fa-user-o:before{
    content:"\f2c0"
}
.fa-id-badge:before{
    content:"\f2c1"
}
.fa-drivers-license:before,.fa-id-card:before{
    content:"\f2c2"
}
.fa-drivers-license-o:before,.fa-id-card-o:before{
    content:"\f2c3"
}
.fa-quora:before{
    content:"\f2c4"
}
.fa-free-code-camp:before{
    content:"\f2c5"
}
.fa-telegram:before{
    content:"\f2c6"
}
.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{
    content:"\f2c7"
}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{
    content:"\f2c8"
}
.fa-thermometer-2:before,.fa-thermometer-half:before{
    content:"\f2c9"
}
.fa-thermometer-1:before,.fa-thermometer-quarter:before{
    content:"\f2ca"
}
.fa-thermometer-0:before,.fa-thermometer-empty:before{
    content:"\f2cb"
}
.fa-shower:before{
    content:"\f2cc"
}
.fa-bathtub:before,.fa-s15:before,.fa-bath:before{
    content:"\f2cd"
}
.fa-podcast:before{
    content:"\f2ce"
}
.fa-window-maximize:before{
    content:"\f2d0"
}
.fa-window-minimize:before{
    content:"\f2d1"
}
.fa-window-restore:before{
    content:"\f2d2"
}
.fa-times-rectangle:before,.fa-window-close:before{
    content:"\f2d3"
}
.fa-times-rectangle-o:before,.fa-window-close-o:before{
    content:"\f2d4"
}
.fa-bandcamp:before{
    content:"\f2d5"
}
.fa-grav:before{
    content:"\f2d6"
}
.fa-etsy:before{
    content:"\f2d7"
}
.fa-imdb:before{
    content:"\f2d8"
}
.fa-ravelry:before{
    content:"\f2d9"
}
.fa-eercast:before{
    content:"\f2da"
}
.fa-microchip:before{
    content:"\f2db"
}
.fa-snowflake-o:before{
    content:"\f2dc"
}
.fa-superpowers:before{
    content:"\f2dd"
}
.fa-wpexplorer:before{
    content:"\f2de"
}
.fa-meetup:before{
    content:"\f2e0"
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
/*Стили мобильного меню - http://mmenu.frebsite.nl */
/*License - Creative Commons Attribution-NonCommercial 4.0 International license*/
 .mm-menu,.mm-panels,.mm-panels>.mm-panel{
    margin:0;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:0;
    box-sizing:border-box
}
.mm-btn,.mm-menu{
    box-sizing:border-box
}
.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{
    text-decoration:none
}
.mm-hidden{
    display:none!important
}
.mm-wrapper{
    overflow-x:hidden;
    position:relative
}
.mm-menu{
    display:block;
    padding:0;
    position:absolute
}
.mm-panels,.mm-panels>.mm-panel{
    background:inherit;
    border-color:inherit;
    position:absolute
}
.mm-btn,.mm-panel.mm-highest{
    z-index:1
}
.mm-panels{
    overflow:hidden
}
.mm-panel{
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.mm-panel.mm-opened{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mm-panel.mm-subopened{
    -webkit-transform:translate3d(-30%,0,0);
    transform:translate3d(-30%,0,0)
}
.mm-panels>.mm-panel{
    -webkit-overflow-scrolling:touch;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0 20px
}
.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.mm-panels>.mm-panel.mm-hasnavbar{
    padding-top:40px
}
.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{
    content:'';
    display:block;
    height:20px
}
.mm-vertical .mm-panel{
    -webkit-transform:none!important;
    transform:none!important
}
.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{
    display:none;
    padding:10px 0 10px 10px
}
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{
    border-color:transparent
}
.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{
    display:block
}
.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{
    height:40px;
    bottom:auto
}
.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{
    top:16px;
    bottom:auto
}
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    right:19px
}
.mm-btn{
    width:40px;
    height:40px;
    position:absolute;
    top:0
}
.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{
    content:'';
    border:2px solid transparent;
    display:block;
    width:5px;
    height:5px;
    margin:auto;
    position:absolute;
    top:0;
    bottom:0;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.mm-clear:before,.mm-close:before{
    border-right:0;
    border-bottom:0;
    right:18px
}
.mm-clear:after,.mm-close:after{
    border-left:none;
    border-top:0;
    right:25px
}
.mm-arrow:after,.mm-next:after,.mm-prev:before{
    content:'';
    border:2px solid transparent;
    display:block;
    width:8px;
    height:8px;
    margin:auto;
    position:absolute;
    top:0;
    bottom:0;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.mm-prev:before{
    border-right:0;
    border-bottom:0;
    left:23px
}
.mm-arrow:after,.mm-next:after{
    border-top:0;
    border-left:none;
    right:23px
}
.mm-navbar{
    border-bottom:1px solid;
    border-color:inherit;
    text-align:center;
    line-height:20px;
    height:40px;
    padding:0 40px;
    margin:0;
    position:absolute;
    top:0;
    left:0;
    right:0
}
.mm-navbar>*{
    display:block;
    padding:10px 0
}
.mm-navbar .mm-btn:first-child{
    padding-left:20px;
    left:0
}
.mm-navbar .mm-btn:last-child{
    text-align:right;
    padding-right:20px;
    right:0
}
.mm-panel .mm-navbar{
    display:none
}
.mm-panel.mm-hasnavbar .mm-navbar{
    display:block
}
.mm-listview,.mm-listview>li{
    list-style:none;
    display:block;
    padding:0;
    margin:0
}
.mm-listview{
    font:inherit;
    font-size:14px;
    line-height:20px
}
.mm-listview>li{
    position:relative
}
.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{
    border-color:inherit
}
.mm-listview>li>a,.mm-listview>li>span{
    color:inherit;
    display:block;
    padding:10px 10px 10px 20px;
    margin:0
}
.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{
    padding-right:50px
}
.mm-listview>li:not(.mm-divider):after{
    content:'';
    border-bottom-width:1px;
    border-bottom-style:solid;
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    left:20px
}
.mm-listview .mm-next{
    background:rgba(3,2,1,0);
    width:50px;
    padding:0;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    z-index:2
}
.mm-listview .mm-next:before{
    content:'';
    border-left-width:1px;
    border-left-style:solid;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0
}
.mm-listview .mm-next+a,.mm-listview .mm-next+span{
    margin-right:50px
}
.mm-listview .mm-next.mm-fullsubopen{
    width:100%
}
.mm-listview .mm-next.mm-fullsubopen:before{
    border-left:none
}
.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{
    padding-right:50px;
    margin-right:0
}
.mm-panels>.mm-panel>.mm-listview{
    margin:20px -20px
}
.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{
    margin-top:-20px
}
.mm-listview .mm-inset{
    list-style:disc inside;
    padding:0 10px 15px 40px;
    margin:0
}
.mm-listview .mm-inset>li{
    padding:5px 0
}
.mm-listview .mm-divider{
    font-size:10px;
    text-transform:uppercase;
    text-indent:20px;
    line-height:25px
}
.mm-listview .mm-spacer{
    padding-top:40px
}
.mm-listview .mm-spacer>.mm-next{
    top:40px
}
.mm-listview .mm-spacer.mm-divider{
    padding-top:25px
}
.mm-menu{
    background:#f3f3f3;
    border-color:rgba(0,0,0,.1);
    color:rgba(0,0,0,.7)
}
.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{
    color:rgba(0,0,0,.3)
}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{
    border-color:rgba(0,0,0,.3)
}
.mm-menu .mm-listview{
    border-color:rgba(0,0,0,.1)
}
.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{
    border-color:rgba(0,0,0,.3)
}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{
    background:rgba(255,255,255,.5)
}
.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{
    background:rgba(0,0,0,.05)
}
.mm-page{
    box-sizing:border-box;
    position:relative
}
.mm-slideout{
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease;
    z-index:1
}
html.mm-opened{
    overflow-x:hidden;
    position:relative
}
html.mm-blocking,html.mm-blocking body{
    overflow:hidden
}
html.mm-background .mm-page{
    background:inherit
}
#mm-blocker{
    background:rgba(3,2,1,0);
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:2
}
html.mm-blocking #mm-blocker{
    display:block
}
.mm-menu.mm-offcanvas{
    z-index:0;
    display:none;
    position:fixed
}
.mm-menu.mm-offcanvas.mm-current{
    display:block
}
.mm-menu{
    width:80%;
    min-width:140px;
    max-width:440px
}
html.mm-opening .mm-slideout{
    -webkit-transform:translate3d(80%,0,0);
    transform:translate3d(80%,0,0)
}
@media all and (max-width:175px){
    html.mm-opening .mm-slideout{
        -webkit-transform:translate3d(140px,0,0);
        transform:translate3d(140px,0,0)
    }
}
@media all and (min-width:550px){
    html.mm-opening .mm-slideout{
        -webkit-transform:translate3d(440px,0,0);
        transform:translate3d(440px,0,0)
    }
}
