Муж, который ходит налево, ищет свой центр

Решено

(@wamure)

Доброго времени суток.

Как центрировать лого? Код ниже.

В style.css:

/*--- LOGO ---*/
.logo { width: auto; height: auto;}

.logo img,
.logo a {
    float: left;
    width: auto;
    height: auto;
}

В header.php:

<!--LOGO-->
                    <?php
                    $logo = get_option(tk_theme_name . '_general_header_logo');
                    $logo_margin_top = get_option(tk_theme_name . '_general_header_margin_top');
                    $logo_margin_right = get_option(tk_theme_name . '_general_header_margin_right');
                    $logo_margin_bottom = get_option(tk_theme_name . '_general_header_margin_bottom');
                    $logo_margin_left = get_option(tk_theme_name . '_general_header_margin_left');
                    if (empty($logo)) {
                        $logo = get_template_directory_uri() . "/style/img/logo.png";
                    }
                    ?>
                    <div class="logo left" style="margin-top:<?php echo $logo_margin_top ?>px;margin-right:<?php echo $logo_margin_right ?>px;margin-bottom:<?php echo $logo_margin_bottom ?>px;margin-left:<?php echo $logo_margin_left ?>px;">
                        <a href="<?php echo home_url(); ?>"><img src="<?php echo $logo; ?>" alt='<?php bloginfo('name') ?>' title="<?php bloginfo('name') ?>"/></a>
                    </div>

Спасибо.

Просмотр 9 ответов — с 1 по 9 (всего 9)

searchingman

(@searchingman)

9 лет, 3 месяца назад

Для «верных» жен, не ходящих «на лево».

Чтобы ответить конкретно, желательно дать ссылку на «пациента».

Автор

wamure

(@wamure)

9 лет, 3 месяца назад

blog.o-ko.space

@charset "utf-8";
/* CSS Document */

/*----------////GLOBAL\\\\-------------*/
body {
    background: #fff;
}

input {
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

#container {}
.wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
}

.left { float: left; }
.right { float: right; }

/*--- h1, h2, h3, h4, h5---*/
h1 {
    color: #1f232a;
    font-size: 44px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 50px;
    font-weight: lighter;
}

h2 {
    color: #1f232a;
    font-size: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 50px;
    font-weight: lighter;
}

h3 {
    color: #1f232a;
    font-size: 36px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 45px;
    font-weight: lighter;
}

h4 {
    color: #1f232a;
    font-size: 32px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 39px;
    font-weight: lighter;
}

h5 {
    color: #1f232a;
    font-size: 24px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 31px;
    font-weight: lighter;
}

h6 {
    color: #1f232a;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 27px;
    font-weight: lighter;
}

/*----------//// HEADER \\\\-------------*/
.header { width: 100%; background: #272c34; }

/*--- LOGO ---*/
.logo { width: auto; height: auto;}

.logo img,
.logo a {
    float: left;
    width: auto;
    height: auto;
}

.header-baner {
    width: auto;
    height: auto;
    margin-top: 35px;
    overflow: hidden;
}

.header-baner img{width: 100%} 

/*--- NAVIGACIJA ---*/
.nav { width: 100%; background: #31559c; }

.nav nav {
    float: left;
    width: auto;
    position: relative;
}

.nav ul { float: left; width: auto; border-left: 1px solid rgba(0, 0, 0, 0.2 ); }
.nav ul li { float: left; width: auto; border-right: 1px solid rgba(0, 0, 0, 0.2); }

.nav ul li a:link,
.nav ul li a:visited {
    display: block;
    color: #fff;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    padding: 10px 12px;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    transition: background .1s linear;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
}

.nav ul li a:hover,
.nav ul li.active a { background: rgba(0, 0, 0, 0.2); color: #fff; }

.nav .sf-menu .sub-menu li a:hover { outline:0; color: #31559c; }

.button-menu {
    display: none;
    position: relative;
    text-align: center;
    width: 60px;
    height: 40px;
    background: rgba(0,0,0,0.2);
}

.button-menu a {
    float: left;
    width: 100%;
    height: 100%;
    background:url("../style/img/menu-content-img.png") no-repeat center center;
    opacity:0.2;
    -webkit-transition: opacity 120ms linear;
    -moz-transition: opacity 120ms linear;
    transition: opacity 120ms linear;
}

.button-menu a:hover {
    opacity:1;
}

.top-border-menu-for-responsive {
    position: absolute;
    top: 0;
    width: 500%;
    left: -200%;
    border-top: 1px solid #191c22;
    display: none;
    z-index: 9;
}

.active-nav { display: block; }

/*-- HEADER DATA --*/
.header-date {
    float: left;
    width: auto;
    color: #fff;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    padding: 10px 12px;
    font-weight: lighter;
    opacity:0.4;
}

/*--HEADER SEARCH FORM--*/

.header-search-form {
    background-color:#000;
    filter: alpha(opacity= 20);
    background-color:rgba(0,0,0,0.2);
    float:right;
    position:relative;
    width:247px;
}

.header-search-form #s input {
    background-color:transparent;
    float:left;
    height:39px;
    border:none;
    width:190px;
    color:#fff;
    font-size:14px;
    font-family: 'Source Sans Pro', sans-serif;
}

.header-search-form-wrap {
    width:50px;
    float:right;
    overflow:hidden;
    height:40px;
}

.header-search-form #s {
    float:left;
    padding:0 12px 0 12px;
}

.header-search-form .bg-sidebar-search {
    float:left;
}

.header-search-form .submit-button {
    border:none;
    background-color:transparent;
    width:33px;
    height:30px;
    margin:4px 8px 0 18px;
}

.header-search-form .opener:hover {
    opacity:1;
}

.submit-button:hover {
    cursor:pointer;
}

.header-search-form-wrap .opener {
    position:absolute;
    right:0;
    width:50px;
    height:40px;
    background: url(img/submit-newsletter.png) no-repeat center;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opactiy .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    opacity:0.2;

}

.header-search-form-wrap .closebutton {
    background: url(img/search-close.png) no-repeat center;
}

/*-- BIG MENU --*/
.header-big-menu { width: 100%; margin: 40px 0 35px; }

.header-big-menu ul { float: left; width: 100%; }

.header-big-menu ul li {
    float: left;
    width: auto;
    margin: 2px 2px 0 0;
    max-height: 80px;
    background-image:url("../style/img/opacity-white-15.png");
    background-repeat: repeat-x;
    background-position: top left;
}

.header-big-menu .sub-menu li:first-child {
    margin-top:0;
}

.header-big-menu ul li a {
    float: left;
    width: auto;
    position: relative;
    padding: 10px 12px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.header-big-menu ul li a:hover { background: rgba(0, 0, 0, 0.1); }

.header-big-menu ul li a p {
    float: left;
    width: 100%;
    text-align: right;
    color: #fff;
    font-size: 26px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
    margin-bottom: 18px;
    opacity:0.3;
    filter: alpha(opacity= 50);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    min-height:26px;
}

.header-big-menu ul li a span {
    float: left;
    /*width: 100%;*/
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    padding-right: 20px;
}

.header-big-menu .sub-menu li a span {
    font-size:14px;
    line-height:18px;
}

.header-big-menu .sf-menu ul {
    width: 145px;
    padding: 10px;
    margin: 42px 0 0 0px;
    background-image:url("../style/img/opacity-white-15.png");
    background-repeat: repeat-x;
    background-position: top left;
}

.header-big-menu .sf-menu li li {
    background: none;
}

.header-big-menu ul.sub-menu li a {
    text-decoration:none;
    padding: 8px 0 8px 0;
    text-transform: none;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    background: none;
    width: 125px;
    padding: 13px 0 10px 0;
    margin-left: 2px;
}

.header-big-menu ul.sub-menu li a:hover {
    background: rgba(0, 0, 0, 0.1);
    padding-left: 15px;
}

.header-big-menu ul li a:hover p {
    opacity:1;
    filter: alpha(opacity= 100);
}

.header-big-menu ul.sf-menu li li:hover ul,
.header-big-menu ul.sf-menu li li.sfHover ul {
    left: 159px;
    top: -50px;
}

.big-button-menu {
    display: none;
    position: relative;
    text-align: center;
    height: 80px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
    cursor: pointer;
}

.big-button-menu .big-button-menu-content {
    float: left;
    width: 100%;
    height: 100%;
}

.big-button-menu span {
    float: left;
    width: 658px;
    height: 20px;
    padding: 30px 25px;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    background: #365eab url("../style/img/opacity-white-15.png") repeat-x top left;
    text-align: left;
}

.big-menu-right {
    width: 90px;
    height: 80px;
    background: #365eab url("../style/img/opacity-white-15.png") repeat-x top left;
}

.big-button-menu p {
    float: right;
    width: 90px;
    height: 80px;
    background: url("../style/img/big-menu-img.png") no-repeat center center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity:0.2;
    filter: alpha(opacity= 20);
}

.big-button-menu-content:hover p {
    opacity:1;
    filter: alpha(opacity= 100);
}

.big-active-nav { display: block; }

/*----------//// CONTENT \\\\-------------*/
.content { width: 100%; position: relative; border-top: 4px solid #31559c;}

.content-full { position: relative; width: 100%; background:url(img/sidebar.png) repeat-y right top;}

.content-margin { margin: 40px 0 115px; width: 100%; }

.title-on-page {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 45px;
    border-bottom: 1px solid #edecec;
}

.title-on-page span {
    float: left;
    width: 100%;
    font-size: 60px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #1f232a;
    line-height: 55px;
    margin-bottom:10px;
}

.title-on-page p {
    float: left;
    width: 100%;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #272c34;
    line-height: 30px;
    font-weight: 300;
}

.wrapper .content-margin { margin:40px 0 0 0;}

.content-left { width: 825px; margin: 21px 0 0; }

.archive-list {
    width:100%;
    margin:0 0 30px 0;
}

.archive-list h3 {
    font-size: 20px;
    font-weight:bold;
}

.archive-list ul {
    margin:5px 0 0 10px;
}

.archive-list ul li {
    margin:8px 0 8px 0;
    background: url("../style/img/widget-category-img.png") left 8px no-repeat;
}

.archive-list ul li a {
    width: auto;
    color: #5d5d5d;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    line-height: 22px;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    font-weight: 400;
    padding:0 0 0 15px;
}

.archive-list ul li a:hover {
    color:#31559c;
}

/*-- SLIDER and FANS --*/
.bg-slider-fans { width: 100%; background: #272C34; }

.topborder {
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    z-index:9;
}

.content-left .no-background { background-color:transparent;}

.slider-fans-content { width: 100%; position: relative;}

.bg-slider-fans .flexslider {
    float: left;
    width: 825px;
    height: 436px;
    overflow: hidden;
    display:none;
}

.main-slider, .work-slider {
    height: 480px;
    display: inline-block;
    width: 825px;
    float:left;
    z-index:9999;
    position:relative;
}

.slider-fullwidth .flexslider {
    width:100%;
}

.slider-fullwidth .flexslider li {
    width:100%;
}

.bg-slider-fans  .slider-fullwidth .holder iframe { width:100%;}

.bg-slider-fans .flexslider .slides { float: left; width: 100%; height: 100%; }

.bg-slider-fans .flexslider .slides li {
    float: left;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
}

.bg-slider-fans .flexslider .slides li img { float: right; height: 100%; width:100%; position: relative; }

.bg-slider-fans .flexslider .flex-direction-nav li a {
    width: 51px;
    height: 95px;
    margin-top: -43px;
    background: #355da9;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.bg-slider-fans .flexslider .flex-direction-nav li a.next {
    right: -51px;
}

.bg-slider-fans .flexslider .flex-direction-nav li a.prev {
    left: -51px;
}

.bg-slider-fans .flexslider .flex-direction-nav li p {
    float: left;
    width: 19px;
    height: 28px;
    margin: 34px 16px;
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.bg-slider-fans .flexslider .flex-direction-nav li .next p {
    background: url('../script/flexslider/theme/next.png') no-repeat bottom left;
    float: left;
    width: 19px;
    height: 28px;
    opacity:0.4;
    filter: alpha(opacity= 40);
}

.bg-slider-fans .flexslider .flex-direction-nav li .prev p {
    background: url('../script/flexslider/theme/prev.png') no-repeat bottom left;
    float: left;
    width: 19px;
    height: 28px;
    opacity:0.4;
    filter: alpha(opacity= 40);
}

.bg-slider-fans .flexslider .flex-direction-nav li .next p:hover {
    opacity:1;
    filter: alpha(opacity= 100);
}

.bg-slider-fans .flexslider .flex-direction-nav li .prev p:hover {
    opacity:1;
    filter: alpha(opacity= 100);
}

.bg-slider-fans .flexslider:hover a.prev p,
.bg-slider-fans .flexslider:hover a.prev { left: 0!important; }

.bg-slider-fans .flexslider:hover a.next p,
.bg-slider-fans .flexslider:hover a.next { right: 0!important; }

.bg-slider-fans .flexslider .flex-control-nav { display: none!important; }

.text-slider {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.text-slider-one, .text-slider-one-content {
    float: left;
    background: #32569d;
    width: 450px;
    padding: 30px 30px 0;
    height: 120px;
    position: relative;
    z-index: 9;
}

.content-slider .text-slider-one  {
    width:92%;
    padding:10px 4% 0;
    height:84px;
}

.content-slider .text-slider-one a {
    margin:10px 0 0;
    font-size:22px;
    height:30px;
}

.content-slider .text-slider-one span a {
    font-size:12px;
}

.content-slider .flexslider {
    margin:0 0 40px 0;
    float:left;
}

.content-slider .holder {
    width:100%;
    height:100%;
}

.content-slider .holder iframe {
    width:100%;
    height:100%;
}

.text-slider-one a, .text-slider-one-content a {
    float: left;
    width: auto;
    font-size: 28px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
    font-weight: lighter;
    line-height: 37px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity:1;
    filter: alpha(opacity= 100);
    text-transform: uppercase;
    height: 75px;
    overflow: hidden;
    opacity:0.4;
    filter: alpha(opacity= 40);
}

.text-slider-one a:hover, .text-slider-one-content a:hover {
    opacity:1;
    filter: alpha(opacity= 100);
}

.text-slider-one span a, .text-slider-one-content span a{
    float: none;
    width: 100%;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
    font-weight: bold;
    line-height: 14px;
    margin-top: 10px;
}

.text-slider-one span, .text-slider-one-content span {
    float: left;
    width: 100%;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    color:rgba(255, 255, 255, 0.25);
    font-weight: 200;
    line-height: 14px;
    margin-top: 10px;
}

.text-slider-two {
    float: left;
    background: url(img/slider-magic-pixel.png) #32569d;
    width: 115px;
    height: 150px;
    -webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -ms-transition: -ms-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    transition: transform .2s linear;
    position: relative;
    -webkit-transform-origin: top left;
    -webkit-transform: translateX(0%) rotateY(106deg);
    -moz-transform-origin: top left;
    -moz-transform: translateX(0%) rotateY(106deg);
    -o-transform-origin: top left;
    -o-transform: translateX(0%) rotateY(106deg);
    -ms-transform-origin: top left;
    -ms-transform: translate(0%);
    transform-origin: top left;
    transform: translateX(0%) rotateY(106deg);
    z-index: 8px;
}

.open-activ {
    -webkit-transform: translateX(0%) rotateY(0deg)!important;
    -o-transform: translateX(0%) rotateY(0deg)!important;
    transform: translateX(0%) rotateY(0deg)!important;
}

.text-slider-three span,
.text-slider-two span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 54px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
    font-weight: lighter;
    margin-top: 28px;
}

.text-slider-three p,
.text-slider-two p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
    font-weight: lighter;
}

/*-- 3.4.2013 --*/
.text-slider-three {
    float: left;
    background: url(img/slider-magic-pixel2.png) #32569d;
    width: 115px;
    height: 150px;
    -webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -ms-transition: -ms-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    transition: transform .2s linear;
    -webkit-transform-origin: top left;
    -webkit-transform: translateX(0%) rotateY(78deg);
    -moz-transform-origin: top left;
    -moz-transform: translateX(0%) rotateY(78deg);
    -o-transform-origin: top left;
    -o-transform: translateX(0%) rotateY(78deg);
    -ms-transform-origin: top left;
    -ms-transform: translate(0%);
    transform-origin: top left;
    transform: translateX(0%) rotateY(78deg);
    opacity: 0;
    filter: alpha(opacity= 0);
    transition: .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s;
}

/*-- 3.4.2013 --*/
.open-activ-a {
    opacity: 1;
    filter: alpha(opacity= 100);
    -webkit-transform: translateX(0%) rotateY(0deg)!important;
    -o-transform: translateX(0%) rotateY(0deg)!important;
    transform: translateX(0%) rotateY(0deg)!important;
}

.bg-slider-2 .text-slider-three {
    -webkit-transform: translateX(0%) rotateY(88.8deg);
    -moz-transform-origin: top left;
    -moz-transform: translateX(0%) rotateY(88.8deg);
    -o-transform-origin: top left;
    -o-transform: translateX(0%) rotateY(88.8deg);
    -ms-transform-origin: top left;
    -ms-transform: translate(0%);
    transform-origin: top left;
    transform: translateX(0%) rotateY(88.8deg);
}

/*-- FANS HOME --*/
.fans-home {
    width: 300px;
    padding: 0 20px 16px 20px;
    background: rgba(0, 0, 0, 0.2);
    right: 0;
    bottom: 0;
    position: absolute;
}

.fans-home-no-one {
    height:83%;
}

.fans-home-no-two {
    height:67%;
}

.fans-home-number {
    width: 100%;
    background: url('../style/img/fans-home-number.png') no-repeat center bottom;
    padding-bottom: 32px;
    margin-bottom: 30px;
}

.fans-home-number span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 106px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    line-height:120px;
}

.fans-home-number p {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    opacity: 0.2;
    filter: alpha(opacity= 20);
    margin-top:2px;
    margin-bottom:4px;
}

.fans-twitter {
    width: 100%;
    height: 65px;
    background: #4aa8df;
    margin-bottom: 6px;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.fans-twitter a {
    float: left;
    width: 100%;
    height: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background: url("../style/img/btn-hover.png") no-repeat scroll -910px center;
}

.fans-twitter span {
    float: left;
    width: auto;
    color: #fff;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 22px 0 0 20px;
    font-weight:200;
}

.fans-twitter p {
    float: right;
    width: 95px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    padding: 16px 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background-color: #4398c9;
    background-image: url("../style/img/fans-twitter.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}
.fans-twitter:hover p {
    background-color:#4398c9;
}
.fans-twitter:hover {
    background:#4398c9;
}

.fans-fb {
    width: 100%;
    height: 65px;
    background: #37467b;
    margin-bottom: 6px;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.fans-fb:hover {
    background-color:#323f6f;
}

.fans-fb a {
    float: left;
    width: 100%;
    height: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background: url("../style/img/btn-hover.png") no-repeat scroll -910px center;
}

.fans-fb span {
    float: left;
    width: auto;
    color: #fff;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 22px 0 0 20px;
    font-weight:200;
}

.fans-fb p {
    float: right;
    width: 95px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    padding: 16px 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background-color: #323f6f;
    background-image: url("../style/img/fans-fb.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}

.fans-g {
    width: 100%;
    height: 65px;
    background: #de4839 url("../style/img/opacity-white-15.png") repeat-x top left;
    margin-bottom: 6px;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.fans-g:hover {
    background-color:#c84133;
}

.fans-g a {
    float: left;
    width: 100%;
    height: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background: url("../style/img/btn-hover.png") no-repeat scroll -910px center;
}

.fans-g span {
    float: left;
    width: auto;
    color: #fff;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 22px 0 0 20px;
    font-weight: 200;
}

.fans-g p {
    float: right;
    width: 95px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    padding: 16px 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background-color: #c84133;
    background-image: url("../style/img/fans-g.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}

.fans-rss span {
    float: left;
    width: auto;
    color: #fff;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 22px 0 0 20px;
}

.fans-rss p {
    float: right;
    width: 95px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    padding: 11px 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url("../style/img/fans-rss.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}

.fans-rss:hover p {
    background-color: rgba(0, 0, 0, 0.25);
}

/*-- STARS RATER --*/
.stars-rater {
    background: #ed8337;
    width: auto;
    padding: 5px;
    margin-bottom: 2px;
}

.stars-rater{display: none;}

.single-rating-content .stars-rater{background: transparent;}

div.rating-cancel,
div.star-rating{float:left;width:21px;height:19px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.star-rating,div.star-rating a{background:url("../style/img/stars-rater.png") no-repeat top left}
div.rating-cancel a,div.star-rating a{display:block;width:21px;height:100%;border:0}
div.star-rating-on a{background-position:bottom!important}
div.star-rating-hover a{background-position:bottom}
div.star-rating-readonly a{cursor:default !important}
div.star-rating{background:transparent!important;overflow:hidden!important}

/*-- HOME DESIGN --*/
.design-home { width: 100%; }

.design-home-title-top {
    width: 785px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    background: #272c34;
    border-right: 10px solid #ed8337;
    padding: 8px 15px;
    margin-bottom: 30px;
}

.design-home-images { width: 110%; margin-left: -13px; }

.design-home-images-one {
    width: 400px;
    margin: 0 12px 35px 13px;
    border-bottom: 1px solid rgba(210, 209, 208, 0.3);
}

.design-home-images-one-img { width: 100%; height: 225px; position: relative; overflow: hidden;-webkit-backface-visibility: hidden; }

.design-home-images-one-img .stars-rater {
    position: absolute;
    background: #ed8337;
    top: 4px;
    right: 4px;
    z-index: 999;
}

.design-home-images-one-img img {
    float: left;
    width: 100%;
}

.design-home-images-one-img-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(39, 44, 52, 0.7);
    opacity:0;
    filter: alpha(opacity= 0);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.design-home-images-one-img:hover .design-home-images-one-img-hover {
    opacity:1;
    filter: alpha(opacity= 100);
}

.design-home-images-one-img-hover a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    left: 0;
    top: 0;
}

.design-home-images-one-img-hover p {
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background: url("../style/img/cross-26x26.png") no-repeat top left;
    position: relative;
    top: 50%;
    margin-right: 13px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    filter: alpha(opacity= 100);
    left: 0;
    margin: -13px 0 0 0px;
}

.design-home-images-one-img-hover:hover p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.design-home-images-one-img .flexslider { float: left;  width: 100%; }

.design-home-images-one-img .flexslider .slides { float: left; width: 100%; }

.design-home-images-one-img .flexslider .slides li img { float: left; width: 100%; position: relative; }

.design-home-images-one-img .flexslider .flex-direction-nav { display: none; }

.design-home-images-one-img .flex-control-nav { width: auto; background: #ed8337; right: 4px; top: 5px; bottom: auto; padding: 9px 8px 0; height: 20px; }

.design-home-images-one-img .flex-control-nav li { margin: 0 0 0 2px; float: left; width: 12px; height: 11px; }

.design-home-images-one-img .flex-control-nav li a { width: 12px; height: 11px; background:url("../style/img/nav-design-home.png") no-repeat top left; }

.design-home-images-one-img .flex-control-nav li a:hover,
.design-home-images-one-img .flex-control-nav li a.active { background-position: bottom; } 

.design-home-images-one-title { width: 100%; margin-bottom: 10px;}

.margin-top-20{margin-top: 20px;}

.design-home-images-stars { width: 100%; margin-bottom: 2px; }

.design-home-images-stars .stars-rater { background: #ED8337; }

.design-home-images-one-title span {
    float: left;
    width: auto;
    color: #5d5d5d;
    font-size: 32px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 34px;
    font-weight: lighter;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    margin-bottom: 10px;
}

.design-home-images-one-title a {
    float: left;
    width: auto;
    color: #5d5d5d;
    font-size: 26px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 30px;
    font-weight: lighter;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
}

.design-home-images-one-title a:hover { color: #272c34; }

.design-home-images-one-category {
    width: auto;
    padding: 3px 10px 3px 8px;
    background: #ed8337;
    color:#acbad6;
}

.rate-opacity {
    opacity:0.6;
}

.design-home-images-stars .home-photoghy-num-content { background: #ed8337; }

.home-photoghy-num-content .one-star{
    background: url("../style/img/stars-rater.png") no-repeat top left;
    opacity: 1;
    width: 20px;
    height: 19px;
    margin-top: 7px;
    margin-right: 0px;
    margin-left: 4px;
    filter: alpha(opacity= 100);
}

.design-home-images-one-category ul { float: left; width: 100%; margin-top: 5px; }

.design-home-images-one-category ul li {
    float: left;
    width: auto;
    margin-bottom: 5px;
    color: #acbad6;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 14px;
}

.design-home-images-one-category ul li p {
    float: left;
    width: auto;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 14px;
    opacity:0.6;
    filter: alpha(opacity= 60);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    margin: 0 2px;
    font-weight: 400;
}

.design-home-images-one-category ul li a {
    width: auto;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 14px;
    opacity:0.6;
    filter: alpha(opacity= 60);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    font-weight:400;
}

.design-home-images-one-category ul li a:hover {
    opacity:1;
    filter: alpha(opacity= 100);
}

.design-home-images-one-text { width: 100%; }

.single .design-home-images-one-text {margin-bottom:30px;}

.design-home-images-one-text p {
    float: left;
    width: 100%;
    color: #5d5d5d;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 24px;
    margin-bottom: 20px;
}

.design-home-images-one-read-more { width: 100%; margin-bottom: 20px; }

.design-home-images-one-read-more a {
    float: left;
    width: auto;
    color: #8e8e8e;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    opacity:0.7;
    filter: alpha(opacity= 70);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.design-home-images-one-read-more a:hover {
    opacity:1;
    filter: alpha(opacity= 100);
}

/*-- home-content-ad --*/
.home-content-ad {
    width: auto;
    margin: 0 0 40px 0;
    display: inline-block;
    text-align: center;
}

.home-content-ad img {
    width: 100%;
}

/*-- home-packaging-photoghy --*/
.home-packaging-photoghy { width: 100%; }

.home-photoghy-content { width: 400px; }

.home-photoghy-header {
    width: 360px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    background: #272c34;
    border-right: 10px solid #0083f1;
    padding: 8px 15px;
    margin-bottom: 30px;
}

.home-photoghy-one {
    width: 100%;
    border-bottom: 1px solid rgba(210, 209, 208, 0.3);
    margin-bottom: 25px;
}

.home-photoghy-one:hover { border-bottom: 1px solid #d2d1d0; }

.home-photoghy-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 2px;
}

.home-photoghy-img img { float: left; width: 100%; } 

.home-photoghy-num-category { width: 338px; }

.home-photoghy-number {
    width: 100%;
    margin-bottom: 3px;
}

.home-photoghy-num-content {
    width: auto;
    display: block;
    background: #ed8337;
    padding: 0 8px 1px;
    margin-bottom: 2px;
}

.home-photoghy-num-content span {
    float: left;
    width: auto;
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
    font-weight: lighter;
}

.home-photoghy-num-content p {
    float: left;
    width: auto;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
    font-weight: lighter;
    opacity:0.3;
    filter: alpha(opacity= 30);
    margin: 2px 0 0 9px;
}

.home-photoghy-category-content {
    width: auto;
    padding: 2px 5px;
    background: #0083f1;
}

.home-photoghy-category-content ul { float: left; width: 100%; margin-top: 5px; }

.home-photoghy-category-content ul li { float: left; width: auto; margin-bottom: 5px; }

.home-photoghy-category-content ul li p {
    float: left;
    width: auto;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 14px;
    opacity:0.6;
    filter: alpha(opacity= 60);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    margin: 0 2px;
}

.home-photoghy-category-content ul li a {
    float: left;
    width: auto;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 14px;
    opacity:0.6;
    filter: alpha(opacity= 60);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.home-photoghy-category-content ul li a:hover {
    opacity:1;
    filter: alpha(opacity= 100);
}

.home-photoghy-title { width: 100%; margin: 20px 0; }

.home-photoghy-title a {
    float: left;
    width: auto;
    color: #5d5d5d;
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 28px;
    font-weight: lighter;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
}

.home-photoghy-title a:hover { color: #272c34; }

/*-no images-*/
.home-photoghy-one-noimages .home-photoghy-num-category { width: 100%; }

/*-- packaging --*/
.home-packaging-content { width: 400px; }

.home-packaging-content .home-photoghy-header { border-right: 10px solid #00ce9b; }

.home-packaging-content .home-photoghy-category-content { background: #00ce9b; }

/*.home-packaging-content .stars-rater { background: #00ce9b; }*/

/*--- HORIZONTAL SLIDER ---*/
.horizontal-slider {
    width: 100%;
    margin-bottom: 40px;
}

.horizontal-slider .carousel-wrapper {
    float: left;
    width: 100%;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.horizontal-slider .carousel {
    float: left;
    width: 823px;
    height: 223px;
}

.horizontal-slider .carousel li { width: 190px; margin-right: 21px; }

.horizontal-slider .carousel a {
    float: left;
    width: 100%;
    height: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(210, 209, 208, 0.3);
    min-height: 200px;
}

.horizontal-slider .carousel a:hover { border-bottom: 1px solid #272c34; }

.horisontal-images {
    width: 100%;
    position: relative;
}

.horisontal-images img {
    float: left;
    width: 100%;
}

.horizontal-slider .horisontal-images-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(39, 44, 52, 0.7);
    opacity:0;
    filter: alpha(opacity= 0);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.horizontal-slider .carousel a:hover .horisontal-images-hover {
    opacity:1;
    filter: alpha(opacity= 100);
}

.horizontal-slider .horisontal-images-hover p {
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    background: url("../style/img/cross-26x26.png") no-repeat top left;
    position: relative;
    top: 43%;
    margin-right: 0px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity:1;
    filter: alpha(opacity= 100);
}

.horizontal-slider a:hover .horisontal-images-hover p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.horisontal-text {
    width: 100%;
    margin-top: 15px;
    color: #5d5d5d;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 22px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.horisontal-text:hover { color: #272c34; }

.horizontal-slider .design-home-title-top { width: 715px; border-right: 10px solid #31559c; }

.nav-arrows-slider { width: 68px; height: 34px; margin-bottom: 20px; }

.nav-arrows-slider a {
    border-radius: 0;
    box-shadow: none;
    position: relative;
    top: 0;
}

.nav-arrows-slider-prev {
    width: auto;
    background: #272c34;
    position: relative;
}

.nav-arrows-slider-prev a {
    float: left;
    width: 13px;
    height: 18px;
    background: url('../style/img/prev-img.png') no-repeat center center;
    opacity:0.2;
    filter: alpha(opacity= 20);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    padding: 8px 10px;
    left: 0;
}

.nav-arrows-slider-prev a:hover {
    opacity: 1;
    filter: alpha(opacity= 100);
}

.nav-arrows-slider-next {
    width: auto;
    background: #272c34;
}

.nav-arrows-slider-next a {
    float: left;
    width: 13px;
    height: 18px;
    background: url('../style/img/next-img.png') no-repeat center center;
    opacity:0.2;
    filter: alpha(opacity= 20);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    padding: 8px 10px;
    right: 0;
}

.nav-arrows-slider-next a:hover {
    opacity: 1;
    filter: alpha(opacity= 100);
}

/*-- HOME LITERATURE --*/
.home-literature { width: 100%; }

.home-literature .design-home-title-top { border-right: 10px solid #747c84; }

.home-literature-left { width: 400px; }

.home-literature-left .design-home-images-one { border-bottom: none; margin: 0 0 35px; }

.home-literature-left .home-photoghy-num-content {
    position: absolute;
    right: 4px;
    top: 4px;
    background: #747c84;
}

.home-literature-left .design-home-images-one-category { background: #747c84; }

.home-literature-right { width: 400px; }

.home-literature-right .home-photoghy-num-category { width: 100%; }

.home-literature-right .home-photoghy-num-content,
.home-literature-right .stars-rater,
.home-literature-right .home-photoghy-category-content { background: #747c84; }

/*----------//// FOOTER \\\\-------------*/
.footer {
    width: 100%;
    background: #1f232a;
    border-top: 20px solid #31559c;
}

/*-- FOOTER CPYRIGHT --*/
.footer-copyright { width: 100%; padding: 40px 0 40px; background: #16191e; }

.footer-copyright-left { width: 70%; }

.footer-menu { width: auto;}

.footer-menu ul { float: left; width: 100%; }

.footer-menu ul li { float: left; width: auto; margin: 0 25px 0 0; }

.footer-menu ul li a {
    float: left;
    width: auto;
    color: #fff;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    text-transform: uppercase;
    opacity: 0.2;
    filter: alpha(opacity= 20);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}

.footer-menu ul li.active a,
.footer-menu ul li a:hover {
    opacity: 1;
    filter: alpha(opacity= 100);
}

.footer-copyright-text {
    width: 100%;
    float: left;
    display: block;
    margin:10px 0 0 0;
}

.footer-copyright-text p {
    width: auto;
    float: left;
    font-size: 13px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    font-weight: lighter;
    line-height: 20px;
    opacity: 0.2;
    filter: alpha(opacity= 20);
    display: inline;
}

.footer-copyright-text a {
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    font-weight: lighter;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    margin-left: 3px;
    display: inline;
    text-decoration:underline;
}

.footer-copyright-text a:hover {
    color:#31559c;
}

.footer-menu select{display:none}

.footer-menu select {
    width:105%;
    margin:10px 0 0 0;
    background:transparent;
    -webkit-appearance:none;
    border:none;
    color:#fff;
    font-size:14px;
    padding:0 0 0 10px;
    outline:none;
}

/*-- SOC. ICONS --*/
.soc-ikons { width: auto; margin: 14px 0 0; }

.soc-ikons ul { float: right; width: auto; display: inline-block; }

.soc-ikons ul li { float: left; margin: 0 0 0 10px; }

.soc-ikons-1 {
    float: left;
    width: 12px;
    height: 19px;
    background:url("../style/img/soc-ikons-1.png") no-repeat left bottom;
    overflow: hidden;
    margin-top: 1px;
}

.soc-ikons-1 a {
    float: left;
    width: 12px;
    height: 42px;
    background:url("../style/img/soc-ikons-1.png") no-repeat left top;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: 0;
    filter: alpha(opacity= 0);
}

.soc-ikons-2 {
    float: left;
    width: 21px;
    height: 18px;
    background:url("../style/img/soc-ikons-2.png") no-repeat left bottom;
    overflow: hidden;
    margin-top: 2px;
}

.soc-ikons-2 a {
    float: left;
    width: 21px;
    height: 42px;
    background:url("../style/img/soc-ikons-2.png") no-repeat left top;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: 0;
    filter: alpha(opacity= 0);
}

.soc-ikons-3 {
    float: left;
    width: 23px;
    height: 19px;
    background:url("../style/img/soc-ikons-3.png") no-repeat left bottom;
    overflow: hidden;
    margin-top: 2px;
}

.soc-ikons-3 a {
    float: left;
    width: 23px;
    height: 42px;
    background:url("../style/img/soc-ikons-3.png") no-repeat left top;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: 0;
    filter: alpha(opacity= 0);
}

.soc-ikons-4 {
    float: left;
    width: 21px;
    height: 19px;
    background:url("../style/img/soc-ikons-4.png") no-repeat left bottom;
    overflow: hidden;
    margin-top: 2px;
}

.soc-ikons-4 a {
    float: left;
    width: 21px;
    height: 43px;
    background:url("../style/img/soc-ikons-4.png") no-repeat left top;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: 0;
    filter: alpha(opacity= 0);
}

.soc-ikons-5 {
    float: left;
    width: 18px;
    height: 22px;
    background:url("../style/img/soc-ikons-5.png") no-repeat left bottom;
    overflow: hidden;
    margin-top: 2px;
}

.soc-ikons-5 a {
    float: left;
    width: 18px;
    height: 45px;
    background:url("../style/img/soc-ikons-5.png") no-repeat left top;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: 0;
    filter: alpha(opacity= 0);
}

.soc-ikons-6 {
    float: left;
    width: 18px;
    height: 18px;
    background:url("../style/img/soc-ikons-6.png") no-repeat left bottom;
    overflow: hidden;
    margin-top: 4px;
}

.soc-ikons-6 a {
    float: left;
    width: 18px;
    height: 41px;
    background:url("../style/img/soc-ikons-6.png") no-repeat left top;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: 0;
    filter: alpha(opacity= 0);
}

.soc-ikons-1 a:hover,
.soc-ikons-2 a:hover,
.soc-ikons-3 a:hover,
.soc-ikons-4 a:hover,
.soc-ikons-5 a:hover,
.soc-ikons-6 a:hover { opacity: 1; filter: alpha(opacity= 100); }

/*----------//// FOOTER WIDGET \\\\-------------*/
.footer-widgets { width: 100%; }

.footer_box {
    float: left;
    margin: 50px 0 50px 35px;
    width: 273px;
}

.footer_box .footer_widget_holder {
    float:left;
    width:100%;
    margin:20px 0 20px 0;
}

.footer_box h2 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: none;
    font-size: 18px;
    font-weight: 300;
}

.footer_widget_holder h2 .rsswidget {
    color:#fff;
}

.footer_widget_holder .rss-date {
    float:left;
    width:100%;
    margin:5px 0 5px 0;
    font-weight:lighter;
}
.footer_widget_holder ul li cite {
    margin:5px 0 10px 0;
    float:left;
    width:100%;
}
.footer_widget_holder ul li .rssSummary {
    font-weight:lighter;
    float:left;
}

/*---ADVERTISEMENT WIDGET---*/

.footer_box .advert-footer-width {
    float:left;
    width:47%;
    margin:0 3% 3% 0;
}

.footer_box .fullwidth {
    width:100%;
}

.footer_box .advert-footer-width img {
    width:100%;
}

.footer_box select, .sidebar_widget_holder select {
    max-width:100%;
}

/*--- TEXT-WIDGET ---*/
.footer_box .textwidget {
    float: left;
    width: 100%;
    color: #d8d8d8;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    line-height: 22px;
    margin-bottom: 15px;
}

.textwidget img {
    max-width:100%;
}

.footer_box .textwidget p {
    float: left;
    width: 100%;
    color: #d8d8d8;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    line-height: 22px;
    margin-bottom: 25px;
}

.footer_box .textwidget p:last-child {
    margin-bottom:0;
}

.footer_box .textwidget a {
    color: #31559c;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
}

.footer_box .textwidget a:hover { color: #d2d2d2; }

/*--- CATEGORIES ---*/
.footer_box .footer-categories {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.footer_box .sub-menu {
    margin:0 0 0 30px;
    float:none;
}

.footer_box .sub-menu li {
    background-image:none;
}

.footer_box .sub-menu li a {
    padding-left:0;
    font-size:14px;
}

.footer_box  li {
    float: left;
    width: 100%;
    background: url("../style/img/border-widgets.png") no-repeat left 7px;
    margin-top: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
}

.footer_box li:last-child {
    border-bottom:none;
}

.footer_box  li a {
    float: left;
    width:80%;
    max-width: 90%;
    color: #d8d8d8;
    font-weight: lighter;
    line-height: 22px;
    margin: -1px 0 9px;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    padding: 0 0 0 20px;
}

.footer_box  li a:hover { color: #31559c; }

/*--- TWITTER-WIDGET ---*/
.footer_box .twitter_ul { float: left; width: 100%; margin-bottom: 20px; }

.footer_box .twitter_ul li { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0, 0.15); margin-top:0; background:none; }

.footer_box .twitter_ul li:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0;}

.footer_box .box-twitter-center { float: left; width: 100%; }

.box-twitter-center img { float: left; width: 10px; height: 8px; margin-top: 4px; }

.footer_box .box-twitter-center span {
    float: right;
    width: 100%;
    color: #d8d8d8;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    line-height: 22px;
}

.footer_box .box-twitter-center a,
.footer_box .twittime {
    color: #d8d8d8;
    font-weight: normal;
    margin-bottom: 10px;
    font-weight: normal !important;
    background: none !important;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    float:none;
    padding:0;
    margin:0;
    background-image:none;}

.footer_box .box-twitter-center a:hover  { color: #31559c; }

.footer_box .twitter_ul span.twitter-links, .footer .post-date {
    float: left;
    width: auto;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 3px 7px;
    line-height: 14px;
    margin-top: 8px;
    background: #32579f url("../style/img/opacity-white-15.png") repeat-x left top;
    font-weight: 200;
}

.footer .post-date {
    margin:0 0 10px 20px;
}

/*--- TAG ---*/
.footer_box .tagcloud {
    float: left;
    margin: 0 0 38px 0;
}

.footer_box .tags-button {
    float: left;
    width: auto;
    margin: 0 2px 2px 0;
    background: #32579f url("../style/img/opacity-white-15.png") repeat-x left top;
}

.footer_box .tags-button a {
    float: left;
    width: auto;
    text-align:center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 7px 11px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
}

.footer_box .tags-button a:hover { background: rgba(0, 0, 0, 0.2); }

/*-RECENT COMMENTS*/
.footer_box #recentcomments {
    float: left;
    width: 100%;
    color: #d8d8d8;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    display: inline-block;
    line-height: 22px;
    margin-bottom: 40px;
}

.footer_box #recentcomments li {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin-bottom: 0;
    padding-bottom: 12px;
    background:none;
}

.footer_box #recentcomments li:last-child {
    border-bottom:none;
}

.footer_box .recentcomments a {
    width: auto;
    color: #d8d8d8;
    margin: 0 0 0 5px;
    font-weight: lighter;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    float:none;
}

.footer_box .recentcomments a:hover  { color: #32579f; }

/*--- CALENDAR ---*/
.footer_box #calendar_wrap {
    float: left;
    margin: 0 0 40px;
    width: 100%;
}

.footer_box #wp-calendar {
    float: left;
    width: 100%;
}

.footer_box #wp-calendar tr td {
}

.footer_box #wp-calendar tr {
    width: 100%;
}

.footer_box #wp-calendar thead th {
    width: 38px;
    height: 20px;
    padding: 7px 0;
    margin: 0 1px 1px 0;
    background: #363940;
    text-align: center;
    position: relative;
    background: #30549a url("../style/img/opacity-white-15.png") repeat-x left top;
    border-right:1px solid #1f232a;
    border-bottom:1px solid #1f232a;
}

 .header-big-menu ul li {
    background-color: #30549a;
 }

.footer_box thead {
    color: #fff;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    text-align: center;
}

.footer_box #wp-calendar tbody td {
    width: 38px;
    height: 20px;
    padding: 7px 0;
    margin: 0 1px 1px 0;
    background: #363940;
    text-align: center;
    position: relative;
    border-right:1px solid #1f232a;
    border-bottom:1px solid #1f232a;
}

.footer_box #calendar_wrap th, td {}

.footer_box tbody {
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
}

.footer_box tbody a {
    color: #fff;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    font-weight:bold;
}

.footer_box tbody a:hover { color: #32579f!important; }

.footer_box #today { background: #4c4f55!important; }

.footer_box #wp-calendar caption {
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0 0 10px 0;
    text-align: left;
}

.footer_box tfoot a {
    float: left;
    background: #363940;
    width: 54px;
    height: 21px;
    color: #fff;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-transition: color 120ms linear;
    -moz-transition: color 120ms linear;
    transition: color 120ms linear;
    margin: 0px 0 0 0px;
    padding: 6px 13px 5px 10px;
}

.foo

searchingman

(@searchingman)

9 лет, 3 месяца назад

Я разве написал, что нужно выкладывать исходники?
Нужна ссылка на сайт, чтобы с помощью инструмента, н-р, firebug точно сказать что нужно исправить для центрирования.

Автор

wamure

(@wamure)

9 лет, 3 месяца назад

http://blog.o-ko.space/

searchingman

(@searchingman)

9 лет, 3 месяца назад

Попробуйте так.

1. Убрать класс ‘left’.
<div class=»logo left» style=»margin-top:<?php echo $logo_margin_top ?>px;margin-right:<?php echo $logo_margin_right ?>px;margin-bottom:<?php echo $logo_margin_bottom ?>px;margin-left:<?php echo $logo_margin_left ?>px;»>

2. Добавить центрирование в стилях.
.logo {
width: auto;
height: auto;
text-align: center;
}

m__d

(@m_d-1)

9 лет, 3 месяца назад

В стилях меняем это:

.logotip img, .logotip a {
  margin-left: 50%;
  width: auto;
  height: auto;
}

на это:

.logotip img, .logotip a {
  display: block;
  width: auto;
  height: auto;
  margin: 0px auto;
}

Автор

wamure

(@wamure)

9 лет, 3 месяца назад

Благодарен за ответы,

но ни один из вариантов к результату не привел.

m__d

(@m_d-1)

9 лет, 3 месяца назад

Все же попробуйте мой способ, ибо он работает 100%, разумеется, если вы не меняли DOM.

Автор

wamure

(@wamure)

9 лет, 3 месяца назад

Это:

1. Убрать класс ‘left’.
<div class=»logo left» style=»margin-top:<?php echo $logo_margin_top ?>px;margin-right:<?php echo $logo_margin_right ?>px;margin-bottom:<?php echo $logo_margin_bottom ?>px;margin-left:<?php echo $logo_margin_left ?>px;»>

нужно было обьеденить с:

.logotip img, .logotip a {
display: block;
width: auto;
height: auto;
margin: 0px auto;
}

Спасибо.

Просмотр 9 ответов — с 1 по 9 (всего 9)

Тема «Муж, который ходит налево, ищет свой центр» закрыта для новых ответов.

Муж, который ходит налево, ищет свой центр

Темы

Самые популярные темы

Темы без ответов

Без вопроса

Решённые

Нерешённые

Все темы