/*
Theme Name: svoboda [awam-it.ru]
Theme URI: http://awam-it.ru
Description: Шаблон для сайта svoboda.pro
Author: max143
Author URI: http://awam-it.ru
*/

@font-face {
    font-family: PFDinDisplayPro-Reg; /* Имя шрифта */
    src: url("js/fonts/PFDinDisplayPro-Reg.ttf"); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: PFDinDisplayPro-Med; /* Имя шрифта */
    src: url("js/fonts/PFDinDisplayPro-Med.ttf"); /* Путь к файлу со шрифтом */
}

*{
    margin: 0;
    padding: 0;
}

a{
    color: rgb( 54, 169, 225 );
}

body{
    background: url("img/back_b1.png") no-repeat;
    background-size: cover;
    font-family: "PFDinDisplayPro-Reg";
    /*background-size: 100%;*/
}
.single #top_form {
    display: table;
    background-color: #ebebeb;
    padding: 11px;
    margin: 10px auto;
    clear: both;
}
.single #top_form input[type="text"] {
    height: 30px;
    border-radius: 3px;
    border: 1px solid silver;
    padding-left: 5px;
    font-size: 17px;
    font-family: "PFDinDisplayPro-Reg";
    width: 240px;
    margin: 5px auto;
    display: block;
}
.single #top_form input[type="submit"]:hover {
background:#41BCE8;
}
.single #top_form input[type="submit"] {
background: #41bce8;
background: -moz-linear-gradient(top,  #41bce8 0%, #2b96da 100%);
background: -webkit-linear-gradient(top,  #41bce8 0%,#2b96da 100%);
background: linear-gradient(to bottom,  #41bce8 0%,#2b96da 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41bce8', endColorstr='#2b96da',GradientType=0 );
    width: 200px;
    margin: 5px auto;
    display: block;
	cursor:pointer;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;}
.wrapper{
    width: 951px;
    margin: 0 auto;
    background: url("img/back_white.png") #fff no-repeat;
    padding: 40px 25px;
    display: table;
}

.header{
    display: inline-block;
    width: 100%;
}

.header .logo{
    float: left;
    margin-right: 25px;
}

.header .menu{
    display: inline-block;
    font-family: "PFDinDisplayPro-Med","Arial";
}

.header .menu li{
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    float: left;
}

.header .menu li a{
    color: #000;
    text-decoration: none;
    transition:0.2s;
}

.header .menu li.current-menu-item a, .header .menu li a:hover{
    color:#36a9e1;
}

.header .menu .after{
    /*background: url("img/men_after.png");*/
    width: 16px;
    height: 2px;
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 3px;
}

.header .sub-menu .after{
    width: 0;
    height: 0;
    display: none;
}

.header .sub-menu{
    display: block;
    position: absolute;
}

.header .sub-menu li{
    float: none;
    display: block;
    margin-top: 6px;
    font-size: 12px;
}

.header .menu li:last-child .after{
    background: none;
}

.top{
    /*background: url("img/photo_back.png") no-repeat;*/
    background: url("img/photo_back2.png") no-repeat;
    width: 100%;
    height: 425px;
    margin-top: -20px;
}

.top .content{
    width: 640px;
    padding: 83px 10px 0px 35px;
    line-height: 1.7;
    font-size: 22px;
}

.top .content p{
    font-size: 22px;
    margin-top: 40px;
}

.top .content a{
    text-decoration: none;
    color:#36a9e1;
}

.top .button{
    background: url("img/button_top.png") no-repeat;
    width: 233px;
    height: 49px;
    display: inline-block;
    margin-top: -8px;
    margin-left:200px;
}

.top .button:hover{
    background-position: 0 -49px;
}

img.head{
    margin-top: -15px;
}


.categories .item .small-text{
    width: 270px;
    display: inline-block;
    text-align: justify;
    padding: 10px;
    float: left;
    padding-top: 0;
    font-size: 14px;
    line-height: 1.5;
}

.categories .item{
    width: 445px;
    display: inline-block;
    border: 1px solid #D5D5D5;
    margin: 15px 13px 5px 0px;
    padding: 5px;
    padding-bottom: 15px;
}

.categories .item a:first-child{
    display: block;
    border-bottom: 2px solid #3cabe2;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: rgb( 13, 13, 13 );
    text-decoration: none;
    font-size: 24px;
    width: 97%;
    margin-left: 9px;
}

.categories .item div.more{
    margin-left: 10px;
    background: url("img/more.png");
    width: 146px;
    height: 28px;
}

.categories .item div.more:hover{
    background-position: 0 -28px;
}

.center{
    display: inline-block;
    width: 625px;
    float: left;
}

.center .blog{
    width: 625px;
}

.center .blog .head,.blog .head.s h1 a{
    font-size: 30px;
    color:#555;
    /*margin-top: 65px;*/
    margin-bottom: 40px;
}

.center .blog .head a{
    font-size: 14px;
    color: rgb( 54, 169, 225 );
    float: right;
    margin-right: 23px;
    padding-top: 10px;
}

.center .blog .item h3{
    display: inline-block;
}

.center .blog .item h3 a{
    font-size: 24px;
    color: rgb( 63, 63, 63 );
    text-decoration: none;
    font-weight: normal;

}

.center .blog .item .date{
    display: inline-block;
    font-size: 24px;
    color: rgb(143, 143, 143);
}

.center .blog .item .dev{
    font-size: 18px;
    color: rgb(143, 143, 143);
    display: inline-block;
    margin: 0 5px;
}

.center .blog .item{
    width: 600px;
    margin-bottom: 20px;
}

.center .blog .item .content{
    text-align: justify;
    font-size: 14px;
    line-height: 1.5;
display:block;
}
.center .blog .item h3{
    /*margin-bottom: 10px;
    max-width: 460px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;*/
    margin-right: 10px;
}

.center .blog .item .thumb{
    margin-bottom: 10px;
    margin: 10px 0;
}

.center .blog .item .info{
    height: 40px;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
margin-top:10px;
}

.center .blog .item .info .perm{
    font-size: 14px;
    color: rgb( 80, 76, 65 );
    text-decoration: none;
    float: right;
    line-height: 2.5;
    margin-right: 10px;
}

.center .blog .item .info .com{
    display: inline-block;
    line-height: 2.5;
    float: right;
    font-size: 14px;
    margin-right: 20px;
    color: #808080;
}

.center .blog .item .info .com img{
    float: left;
    margin-top: 12px;
    margin-right: 5px;
}

.share42init{
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}

.pagin a.page-numbers, span.page-numbers{
    padding: 0 8px;
    line-height: 1.6;
    text-decoration: none;
    padding-right: 26px;
}
.pagin li{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("img/num.png");
}

.page-numbers{
    text-align: center;
}

.pagin li.next{
    width: 92px;
    background: url("img/next.png") no-repeat;
    padding-left: 5px;
}

.pagin li:first-child{
    background: url("img/prev.png") no-repeat;
}

.pagin{
    color: #fff;
}

.pagin a{
    color: #fff;
    text-decoration: none;
}

.pagin li.current{
    background: url("img/curr.png") no-repeat;
}

.right{
    width: 315px;
    display: inline-block;
}

.right .photo{
    font-size: 36px;
    color: rgb( 63, 63, 63 );
    margin-top: 15px;
}

.right .photo .head{
    margin-bottom: 10px;
}

.right .tweet{
    margin-top: 10px;
}

.right .tweet .head{
    font-size: 12px;
    font-family: "Tahoma";
    color: rgb( 26, 30, 28 );
    margin-bottom: 9px;
}

.right .tweet .head img{
    float: left;
    margin-right: 5px;
}

.right .rss{
    margin-top: 15px;
}

.footer{
    width: 100%;
    height: 270px;
    background-color: #575f62;
}

.wrapper.foot{
    padding: 0;
    background: none;
    padding-top: 40px;
}


.footer .col .head{
    font-size: 20px;
    color: rgb( 255, 255, 255 );
    margin-bottom: 10px;
}

.footer .col{
    width: 185px;
    display: inline-block;
    margin-right: 40px;
    float: left;
}

.footer .col a{
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    min-height: 20px;
    display: block;
    border-bottom: 1px solid #797f81;
    font-size: 14px;
    height: 20px;
    padding: 5px 0px;
}

.one .items a:last-child,.two .items a:last-child,.three .items a:last-child,.four .items a:last-child{
    border:none;
}

.bottom{
    height: 45px;
    background-color: #1f1f1f;
    color: #fff;
}

.bottom .wrapper.foot{
    padding: 0;
}

.bottom .copy{
    display: inline-block;
    float: left;
    padding-top: 13px;
    font-size: 14px;
}

.bottom .share42init{
    float: right;
}

.blog .head h1{
    font-size: 24px;
    font-weight: normal;
}

.blog .head.s h1, .blog .head.s h1 a{
    font-size: 30px;
}

.blog .head.s{
    margin-bottom: 44px;
}

.blog.s{
    margin-top: 45px;
}

.breadcrumbs{
    margin-bottom: 15px;
    font-size: 12px;
}

.breadcrumbs a{
    color: rgb( 80, 76, 65 );
    text-decoration: none;
}
.breadcrumbs a:hover{
    text-decoration: underline;
}

.breadcrumbs span{
    color: rgb( 54, 169, 225 );
}

.blog.s .content{
display: block;
    margin: 25px 0;
    line-height: 1.5;
    padding-right: 30px;
    text-align: justify;
}


.comments-template textarea{
    width: 500px;
    height: 155px;
    resize: none;
    border: none;
    background: none;
    padding: 0px 10px 0 10px;
    margin-top: 40px;
}

.comments-template textarea:focus{
    outline: none;
}

#ed_toolbar{
    width: 600px;
    margin-bottom: -39px;
    background: url("img/com_pan.png") no-repeat;
}


#ed_toolbar input:first-child,#ed_toolbar input:first-child:hover{
    margin-left: 10px;
    border: none;
    background: url("img/b.png");
    height: 26px;
    width: 29px;
}

#ed_toolbar input:nth-child(2),#ed_toolbar input:nth-child(2):hover{
    background: url("img/i.png");
    height: 26px;
    width: 29px;
    border: none;
}

#ed_toolbar input:nth-child(3),#ed_toolbar input:nth-child(3):hover{
    background: url("img/u.png");
    height: 26px;
    width: 29px;
    border: none;
}

.comments-template form{
border: 1px solid silver;
border-radius: 6px;
margin-bottom: 30px;
margin-top: 80px;
position: relative;
width: 500px;
}

.comments-template form input[type="submit"]{
    position: absolute;
    top: 210px;
    background: url("img/submit_com.png") no-repeat;
    width: 170px;
    height: 31px;
    border: none;
   cursor: pointer;
}

.commentlist .item .avatar{
    display: inline-block;
    float: left;
}

.commentlist .item .user{
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
}

.commentlist .info{
    border-bottom: none !important;
    border-top:none !important;
}

.commentlist .date{
    display: block !important;
    font-size: 12px !important;
    margin-left: 41px !important;
    margin-top: 3px !important;
}

.commentlist .text{
    margin-left: 40px;
    font-size: 14px;
    margin-top: 10px;
}

#commentform .unauth{
    margin-top: -78px;
}

#commentform .unauth input{
    margin: 7px 0px;
    width: 150px;
    padding: 3px;
    border-radius: 5px;
}

.clearfix{
    clear: both;
}

.right.s{
    padding-top: 0px;
}

.right.s .right_logo{
    margin-top: -50px;
    margin-bottom: 20px;
}

.blog.s .subs{
    margin: 20px 0px;
}

.blog.s .slide{
    margin: 20px 0;
    margin-bottom: 30px;
}


.cont_form_com{
    padding-bottom: 80px;
}

.head.s.c{
    display: inline-block;
}

h1.categ{
    margin-bottom: 45px;
    color: #555;
    margin-top: 25px;
    font-size: 30px;
    font-weight: normal;
}

.slide .item h3.other a{
    font-size: 13px;
    text-decoration: underline;
    color: rgb( 54, 169, 225 );
}

.slide .item h3.other{
    margin-bottom: 5px;
}

.slide .item .content{
    margin: 0;
    font-size: 12px;
}

.slide .item{
    width: 270px !important;
    height: 200px;
    overflow: hidden;
    display: inline-block;
}

.slide .item .content{
    height: 200px;
}

.slide .item .content.other{
    padding-right: 10px;
}

.owl-pagination{
    display: none;
}

.owl-item{
    //width: 270px !important;
    //margin-right: 10px;
}

.owl-carousel .owl-wrapper-outer{
    //width: 85% !important;
}

#owl-example{
   // padding: 0 30px;
}

.blog.s .slide{
    width: 570px;
    margin-left: 30px;
}
.blog.s{
    position: relative;
}

.owl-buttons{
    position: absolute;
    bottom: 145px;
    background: none !important;
}

.owl-prev{
    position: absolute;
    left: -35px;
    height: 29px;
    width: 16px;
    background: url("img/nav.png");
}

.owl-prev:hover{
    background: url("img/nav.png") 0 29px ;
}

.owl-next{
    right: -580px;
    position: absolute;
    height: 29px;
    width: 16px;
    background: url("img/nav1.png") 0 29px;
}

.owl-next:hover{
    background: url("img/nav1.png");
}

.center.shop h1.categ{
    margin-top: 0;
}

.center.shop{
    width: 100%;
}

.center.shop .blog{
    width: 100%;
}

.center.shop .blog .item{
    width: 450px;
    display: inline-block;
    float: left;
    margin-right: 25px;
}

.center.shop .blog .item .thumb img{
    height: 155px !important;
    width: auto;
}

.center.shop .blog .item h3{
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.center.shop .blog .item .content{
    height: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.center.shop .blog .item .thumb{
    text-align: center;
}

.center .blog .content h2{
    color: rgb(85, 85, 85);
}

.center .blog .content,.center .blog .content span,.center .blog .content p{
    color: rgb(85, 85, 85) !important;
}

#cntctfrm_thanks{
    margin: 35px 0;
    font-size: 25px;
}

.hidden{
    display: none;
}

#f1{
    padding: 15px;
}

#f1 input[type="text"]{
    margin-bottom: 10px;
    border-radius: 7px;
    padding: 6px;
}

.rss{
    background: url("img/rss_back.png") no-repeat;
    width: 273px;
    height: 127px;
    padding: 15px;
}

.rss input[type="text"]{
    background: url("img/email_input1.png") no-repeat;
    width: 264px;
    height: 30px;
    border: none;
    padding: 0 5px;
    margin-bottom: 7px;
}

.rss .head{
    margin-bottom: 10px;
    font-size: 18px;
}

.rss input[type="submit"]{
    background: url("img/subm_rss.png") no-repeat;
    border: none;
    width: 115px;
    height: 31px;
    cursor: pointer;
}

.rss .but_rss{
    background: url("img/rss_chanel.png") no-repeat;
    width: 116px;
    height: 32px;
    display: inline-block;
    float: left;
    margin-right: 40px;
    cursor: pointer;
}

.publ .content{
    width: 280px;
    height: 210px;
    border: 1px solid rgb(233, 227, 227);
    padding: 10px 10px;
}

.publ .content a{
    color: rgb( 54, 169, 225 );
    margin-bottom: 15px;
    display: block;
    border-bottom: 1px solid rgb(228, 225, 225);
    padding-bottom: 3px;
    font-size: 14px;
}


.publ .head{
    margin: 10px 0px;
    font-size: 31px;
    color: rgb(87, 87, 87);
}

.center .subs .head{
    margin: 5px 0;
    font-size: 20px;
}

.subs{
    background: url("img/subs_singl.png") no-repeat;
	background-size: 95% 120%;
    height: 115px !important;
    width: 594px;
    padding: 15px 20px;
}
.subs input[type="text"]{
    background: url("img/inp_s.png") no-repeat;
    width: 210px;
    height: 30px;
    border: none;
    padding: 0 5px;
    float: left;
    margin-right: 20px;
}
.subs input[type="submit"]{
    width: 90px;
    height: 29px;
    background: url("img/subm2.png") no-repeat;
    border: none;
    cursor: pointer;
}

.slide h3.other{
    float: none !important;
}

#latest_tweets_widget-2{
    list-style: none;
    width: 303px;
}

#latest_tweets_widget-2 h2, .tweet h2{
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    background: url("img/tweet_ico.png") no-repeat;
    padding-left: 23px;
    margin: 5px 0px;
    height: 20px;
    line-height: 1.5;
}

.tweet h2{
    background: none;
    margin: 20px 0;
    padding-left: 0;
}

#ngg-webslice h2{
    font-weight: normal;
    font-size: 12px;
    margin: 5px 0px;
    font-size: 36px;
    color: rgb( 63, 63, 63 );
    margin-top: 15px;
}

.ngg-widget.entry-content{
    border: 1px solid rgb(228, 225, 225);
    padding: 10px;
    width: 281px;
    padding-bottom: 22px;
}

#ngg-images-2{
    list-style: none;
}

.latest-tweets li{
    list-style: none;
    margin-bottom: 10px;
}

.latest-tweets p.tweet-text{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.latest-tweets{
    border: 1px solid rgb(228, 225, 225);
    padding: 10px;
    font-size: 13px;
}

.latest-tweets time{
    text-transform: lowercase;
}

.slide .head{
    margin: 15px 0px;
}

li#text-2{
    list-style: none;
}

li#text-2 .textwidget{
    font-size: 14px;
    margin-top: -24px;
    margin-bottom: 20px;
    margin-left: 12px;
}

a.log{
    display: inline-block;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #949494;
}

.blog .content p{
    margin-bottom: 15px;
}

.blog .share_artic{
    margin: 25px 0px;
}

#f1 input[type="submit"]{
    padding: 5px;
    border-radius: 4px;
    border: none;
    background-color: rgb( 54, 169, 225 );
    color: white;
    font-size: 15px;
}

.blog.s .thumb{
    text-align: center;
}

.blog.s .thumb img{
    max-width:100%
    height: auto;
}

.blog.s .head.s, .blog.s h1, .blog.s h2, .blog.s h3{
    color: rgb( 54, 169, 225 ) !important;
}

.header .log .slogan{
    text-align: left;
    padding-left: 3px;
    font-size: 22px;
}

.youtube #___ytsubscribe_0{
    border: 1px solid rgb(228, 225, 225) !important;
    padding: 10px 74px 10px 10px !important;
}

#subs{
    margin-top: 15px;
    display: block;
}

.tweeter{
    width: 303px;
}

.hidden1{
    visibility: hidden;
}

.svob .cont{
    border: 1px solid rgb(228, 225, 225);
    padding: 10px 5px;
    font-size: 14px;
}

.svob{
    margin-bottom: 20px;
    width: 303px;
    color: rgb(85, 85, 85);
}

.svob a{
    margin-bottom: 8px;
    display: block;
}

.svob h2, .youtube .head{
    font-size: 14px !important;
    font-weight: bold;
    font-family: "PFDinDisplayPro-Reg" !important;
    color: rgb(85, 85, 85) !important;
}

#cntctfrm_contact_name,#cntctfrm_contact_email,#cntctfrm_contact_subject{
    height: 25px;
}

#cntctfrm_contact_form input[type="submit"]{
    padding: 7px 20px;
}

#cntctfrm_contact_form input,textarea{
    font-size: 16px;
}

#top_form input[type="text"]{
    height: 30px;
    border-radius: 3px;
    border: 1px solid silver;
    padding-left: 5px;
    font-size: 17px;
    font-family: "PFDinDisplayPro-Reg";
    width: 160px;
}

#top_form{
    display: inline-block;
    background-color: #ebebeb;
    padding: 11px;
    margin-left: 32px;
}

#top_form input[type="submit"]{
    font-size: 17px;
    padding: 5px 6px;
    font-family: "PFDinDisplayPro-Reg";
    background: url("img/top_subm.png") no-repeat;
    border: none;
    color: #fff;
    width: 115px;
}

#top_form input[type="submit"]:focus{
    outline: none;
}

.right.s .right_logo div{
    margin-top: -155px;
    font-size: 14px;
    padding: 5px 10px;
    width: 285px;
}

ul{
    margin-left: 30px;
}

.blog ul{
    margin-top: 17px;
    margin-bottom: 17px;
}

.blog ol{
    margin: 15px 0px 15px 40px;
}

.WPBannerizeWidget{
    list-style: none;
    float: left;
}

.wp-bannerize-support{
    display: none;
}

.wp_bannerize{
    /*margin: 0 0 15px 0;*/
}

.tweet li{
display:inline-block;
margin-bottom: 20px;
}

.tweet li ul{
margin-left:0px;
}

.alignleft{
float:left;
margin: 0px 12px 10px 0px;
}

.blog.s h1, .blog.s h2, .blog.s h3{
text-align:left;
}

.commentlist li{
list-style:none;
}

.comment-text{
display: inline-block;
}

.commentlist li div:first-child{
display:inline-block;
}

.comment-author img{
float:left;
}

.comment-childs{
margin-left:15px;
}

p.thdrpy{
margin-bottom:8px;
}
.commentlist cite, .commentlist small{
	margin-left:5px;
}

.blog.s #test{
margin-top:33px;
}

.blog.s #test a{
cursor:pointer;
}

.book-menu div{
display:inline-block;
}

.book-menu .dev{
color:blue;
}
form#searchform {margin: 0px 0px 15px 0px;}
form#searchform input{padding: 3px 5px;}
form#searchform input[type="text"]{width: 57%;}
form#searchform input[type="submit"]{
background: #41bae7;
background: -moz-linear-gradient(top,  #41bae7 0%, #2b98db 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41bae7), color-stop(100%,#2b98db));
background: -webkit-linear-gradient(top,  #41bae7 0%,#2b98db 100%);
background: -o-linear-gradient(top,  #41bae7 0%,#2b98db 100%);
background: -ms-linear-gradient(top,  #41bae7 0%,#2b98db 100%);
background: linear-gradient(to bottom,  #41bae7 0%,#2b98db 100%);
border:1px solid #6bceee;
color:#ffffff;
padding: 5px 10px;}

#chetire {display:table;width:100%;}
#chetire p{margin-bottom:15px;}
.leftik, .pravtik {display:table;float:left;}
.leftik{margin-right: 10px;}
.blochiki {
background: #FFFFFF;
border: 1px solid #D8D8D8;
height: 195px;
margin-bottom: 20px;
padding: 10px;
position: relative;
width: 280px;}
.blochiki p{font-size:14px;width:177px;float:left;}
.blochiki img{
height: auto;
margin-left: 3px;
width: 100px;}
.blochiki a{background:url(img/go.png) center center no-repeat;
bottom: 10px;
clear: both;
display: block;
height: 28px;
position: absolute;
width: 145px;}
.blochiki a:hover{background:url(img/pip.png) center center no-repeat;}
p.ph {font-size:23px;border-bottom:2px solid #65a6bc;line-height:30px;width:100%;}