/* ========================================================================== Table of Content ========================================================================== Global Body Links General Wrappers and containers Article elements Separators Ratings Buttons and forms Colors Media Queries Margins and paddings Header mobile Branding Navigation Header desktop Branding Search Weather Navigation Subnav - full size menu Dropnav - regular drop down menu Sub navigation - categories Media Queries Slider Slider Media Queries Content Articles Media Queries News Layouts news-lay-1 news-lay-2 news-lay-3 Media Queries Reviews Videos Media Queries Article page Blockquote Info box Author box Highlights Reviews Footer Comments Iframes Media Queries Archive page Timeline Author page Sidebar Timeline module Quote module Singles module News module Photos module Media Queries Footer Navigation About Copyright Media Queries Banners Banners Media Queries /* ========================================================================== Global ========================================================================== */ /** * Body */ body { font-family: 'Roboto', sans-serif; color: #5c5c5c; background: #fff; padding: 0 0 20px 0; } /** * Links */ a { text-decoration: none; color: #222; -webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease; transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease; } a:hover{text-decoration: none;color: #ef3434;} pre h2 {padding-left: 25px;font-weight: 700;line-height: 23px; margin-bottom: 15px;font-size: 16px;margin-top: 0;font-family: 'Roboto', sans-serif;} header {margin-bottom: 20px;} header #header-navigation ul li span.glyphicon-home{background: url(../../images/glyphicon-home.png);width:16px;height:15px;} header #header-navigation ul li span.glyphicon-home:before { content: ""; } footer #foot-menu ul li span.glyphicon-home{background: url(../../images/glyphicon-home.png)0px -15px;width:16px;height:15px;} footer #foot-menu ul li span.glyphicon-home:before { content: ""; } .banner{} .banner img {height: auto;max-width: 100%;margin-bottom: 20px;margin-top: 20px;} /* ========================================================================== General ========================================================================== */ .mt-10 {margin-top:10px;} .ml20 {margin-left:20px;} .ml54 {margin-left:54px;} .pr-0 {padding-right:0;} .pl-0 {padding-left:0;} .pb8{padding-bottom: 8px;} .pt9{padding-top: 9px;} .pt30{padding-top: 30px;} .pt16{padding-top: 16px;} .pt55{padding-top: 55px;} .border-trb {border-top:1px solid #4c4c4c;border-right:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c;} .shopborder {border:1px solid #4c4c4c;} /** * Wrappers and containers */ /*pre {white-space: initial;word-break: initial;font-family: 'Roboto', sans-serif;}*/ pre { box-sizing: border-box; white-space: initial; word-break: initial; font-family: 'Roboto', sans-serif; display: block; padding: 15px 25px 10px 0px; margin: 0 0 25px 0px; font-size: 12px; line-height: 18px; word-wrap: break-word; color: #5c5c5c; background-color: #f5f5f5; border: none; border-left: solid 2px #dadada; border-radius: 0; } pre p:last-child { margin-bottom: 0 !important; } pre h4, pre h5, pre h6, pre p, pre ul, pre ol, pre li, pre dl, pre dd, pre dt, pre table, pre blockquote { font-family: inherit; font-size: inherit !important; line-height: inherit !important; color: inherit; } pre h3, pre .cap { font: 16px/24px 'Roboto Condensed', sans-serif !important; font-weight: 500 !important; color: #222 !important; margin-top: 0 !important; } pre p, pre ul, pre ol, pre dl, pre li, pre dd, pre dt { margin-bottom: 10px !important; } vre { display: block; margin-left: 25px; margin-bottom: 7px; padding: 20px; border-left-style: solid; border-left-width: 3px; border-left-color: #f7164f; background: #f7f7f7; font-family: 'Roboto', sans-serif; } vre a{text-decoration: underline;} vre a:hover{text-decoration: none;color: #ef3434;} vre .cap { font: bold 13px Arial; color: #0A345B; padding: 13px 0 6px 0; } vre p{overflow: overlay;} vre img {width: inherit !important;} vre table { box-sizing: initial !important; border-spacing: initial !important; border-collapse: initial !important; margin-bottom: initial !important; font: inherit !important; background: initial !important; } vre tr { font-weight: initial !important; text-align: initial !important; vertical-align: inherit !important; } vre td { padding: initial !important; vertical-align: inherit !important; border-left: initial !important; border-right: initial !important; border-top: initial !important; border-bottom: initial !important; background: initial !important; } vre caption { text-align: initial !important; font: initial !important; color: initial !important; padding: initial !important; margin-top: initial !important; background: initial !important; border-left: initial !important; } kbd { background-color: #f1f1f1;color: #5c5c5c;display: block; margin-bottom: 15px;} kbd p { line-height: 23px; font-size: 16px; font-family: 'Roboto', sans-serif; } kbd p.cap{margin-top: 10px; margin-bottom: 5px !important;} .overflowhidden {overflow: hidden;} #page-outer-wrap { position: relative; /*overflow: hidden;*/ width: 100%; } #page-inner-wrap { position: relative; width: 100%; } .relative { position: relative; } .container { padding: 0; } .container .img-responsive { display: block; width: 100%; max-height: 100%; } #page-content {background: #fff; position: relative; overflow: hidden; margin: 30px 0 0 0; padding-left: 15px; -webkit-box-shadow: 0 0 12px 0 #333333; box-shadow: 0 0 12px 0 #ccc; } div.order-checkout div.prop-fields div.fields { display: block; width: 100%; position: relative; margin-bottom: 10px; } #page-content h1.rubrichead {padding-left: 25px;} .no-margin {margin:0 !important} .ie8 #page-content { border: 1px solid #e3e3e3; margin: 30px -1px 0 -1px; } #page-content .separator-right .intro-rubric {padding-left: 25px;} #page-content .separator-right .intro-rubriclink {padding-left: 25px;} #page-content .separator-right .intro-rubriclink h3 { font: 400 16px/23px 'Roboto Condensed', sans-serif; color: #444; text-transform: uppercase; /*margin: 0 0 15px 0;*/ padding-bottom: 0px; border-bottom: 1px solid #f5f5f5; } #page-content .separator-right .intro-rubriclink ul li{float: left; padding-right: 24px;} #page-content .separator-right .intro-rubriclink .clr{clear: both;} #page-content .separator-right .intro-rubriclink ul{padding-left: 15px;} #page-content .separator-right .intro-rubriclink .borderline{border-bottom: 1px solid #f5f5f5; display: block; margin-bottom: 6px; margin-top: 15px;} #main { padding: 10px; } #main.wide { float: none; width: 100%; } #sidebar { color: #1d1d1d; background: #fff;/*background: #24425D;*/ padding: 15px; border-left: 1px solid #e3e3e3; } .section-full { margin: 0 -15px 0 -15px; padding: 45px 15px 0 15px; } .section-full-even { margin: 0 -15px 0 -15px; padding: 15px 15px 0 15px; } /** * Article elements */ .spr-section p a { color: #2a6496; text-decoration: underline; } .spr-section p a:hover{ color: #f03434; text-decoration: none; } article { position: relative; margin-bottom: 25px; } #main.article article .text a { color: #2a6496; text-decoration: underline;} #main.article article .text a:hover { color: #f03434; text-decoration: none;} #main.article article .text .askbar { background: #f5f5f7; padding: 1px 20px 20px 0px; margin: 25px 0; border: none; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } #main.article table { box-sizing: border-box;border-right: 1px solid #ddd; border-spacing: 0px;border-bottom: 1px solid #ddd; border-collapse: collapse; margin-left: 0px; margin-bottom: 25px; font: 12px/20px 'Roboto', sans-serif; background: #fff; } #main.article pre table { margin-left: 25px; } #main.article tr:hover { color: #222; } #main.article tr td:first-child, #main.article tr th:first-child { border-left: solid 1px #dadada; } #main.article tr td:last-child, #main.article tr th:last-child { border-right: none; } #main.article tr:last-child td, #main.article tr:last-child th { border-bottom: none; }/* #main.article tr:first-child { font-weight: 500; text-align: center; vertical-align: middle; }*/ /*#main.article tr:first-child td { border-top: none; }*/ /*#main.article tr:first-child th { border-top: none; }*/ #main.article td, #main.article th { padding: 1ex 1.5ch; vertical-align: top; border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; border-left: solid 1px #dadada; } #main.article td p{padding-left: 8px;} #main.article th { font-weight: 500; } #main.article td:nth-child(odd), #main.article th:nth-child(odd) { background: #f5f5f5; } #main.article caption { text-align: left; font: 16px/24px 'Roboto Condensed', sans-serif; color: #222; padding: 15px 0 15px 25px; margin-top: 10px; background: #f5f5f5; border-left: solid 2px #dadada; border-bottom: solid 2px #dadada; } #main.article caption h3 { margin: 0!important; padding: 0!important; font-size: 16px!important; font-weight: 500!important; line-height: 24px!important; } #main.article caption a { padding-right: 25px; float: right; } #main.article thead { font-weight: 500; border-bottom: solid 2px #dadada; } #main.article thead th, #main.article thead td { text-align: center; } #main.article tfoot td { background: white; font-weight: 500; padding-left: 25px; } .document { width: 100%; background: #fff!important; border-left: 2px solid #dadada; } .document caption { background: #fff!important; border-bottom: none!important; } .document th, .document td { border: none!important; background: #fff!important; } .document th:first-child, .document td:first-child { padding-left: 25px!important; } .document h2 { font-size: 20px!important; line-height: 27px!important; } .document h3 { font-size: 16px!important; line-height: 24px!important; } .theme { position: absolute; top: 10px; left: 0; font: 700 13px/25px 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; background: #444; padding: 0 12px; } .bannerLogo { position: absolute; bottom: 10px; right: 0; font: 700 13px/25px 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; padding: 0 12px; } .breaking-theme {color: #ADADAD;} .overlay { position: absolute; color: #eee; bottom: 0; left: 0; right: 0; padding: 12px 15px; background: rgb(0, 0, 0); /* Fall-back for browsers that don'tsupport rgba */ background: rgba(0, 0, 0, .7); } .overlay2 { color: #eee; padding: 12px 15px; background: rgb(0, 0, 0); /* Fall-back for browsers that don'tsupport rgba */ background: rgba(0, 0, 0, .7); } .overlay2 a { color: #fff; } .large .overlay { padding: 15px 20px; } .overlay h1, .overlay h2, .overlay h3 { margin: 0; } .overlay h1 { font-size: 24px; padding: 5px; } .overlay p { margin: 6px 0 0 0; opacity: 0.8; } .overlay a { color: #fff; } .overlay .breadcrumb { margin: 0 0 0 10px; padding: 0; } .overlay .sharing { position: absolute; font-size: 14px; right: 25px; bottom: 25px; } .overlay .sharing a { display: inline-block; margin-left: 12px; opacity: 0.6; } .overlay .sharing a:hover { opacity: 1.0; } /** * Mark list */ .article #article-post ul { padding-left: 25px; } .article #article-post li ul { margin-top: 10px; } .article #article-post ul li { list-style: none; } .article #article-post ul li:before { content: "—"; padding-right: 1ch; float: left; } .article #article-post ul li li:before { content: "–"; padding-right: 1ch; float: left; } .article #article-post ul li li li:before { content: "-"; padding-right: 1ch; float: left; } .article #article-post ul li li li li:before { content: "·"; padding-right: 1ch; float: left; } /** * ul null */ .article #article-post .ul-null li:before { content: none!important; } .article #article-post ul li.ul-null:before { content: none!important; } /** * ol list */ /*.article #article-post .text ol { list-style: none; counter-reset: li; } .article #article-post .text ol li:before { counter-increment: li; content: counters(li,".") ". "; }*/ /** * Separators */ .separator-left { border-left: 1px solid #e3e3e3; } .separator-right { border-right: 1px solid #e3e3e3; } .separator-right h1 {font-size: 26px;font-weight: 400;color: #222;border-bottom: 1px solid #f5f5f5;font-family: 'Roboto Condensed', sans-serif;margin: 0 0 15px 0;padding-bottom: 10px;text-transform: uppercase;line-height: 33px;} .separator-bottom { border-bottom: 1px solid #e3e3e3; } /** * Ratings */ .review-rating { text-align: center; } ul.rating, ul.rating li { display: inline; margin: 0px; padding: 0px; list-style: none; } ul.rating li { display: inline-block; width: 14px; height: 14px; margin-right: 1px; background: url(../../images/stars.png) no-repeat 0 0; } ul.rating li.li-rated { background-position: 0 100%; } /** * Buttons and forms */ .show-more { display: inline-block; font-size: 18px; line-height: 50px; color: #fff; background: #444; border: none; padding: 0 40px; margin: 10px 0 50px 0; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; } #page-content .show-more:hover { background: #444; } .error { font-weight: 400; color: red; margin-top: 5px; } /** * Colors */ .cat-business-light { background: #cce0cd; } /** * General - Media Queries */ @media (min-width: 768px) { #main { padding: 15px; } #sidebar { top: 0; right: 0; bottom: 0; /*background: #24425D;*/ margin-bottom: -9000px; /* 100% height */ padding-bottom: 9020px; } .section-full { margin: 0 -20px 0 -20px; padding: 45px 15px 0 20px; } .section-full-even { margin: 0 -15px 0 -20px; padding: 15px 15px 0 20px; } .overlay h1 { padding: 10px; } } @media (min-width: 992px) { #main { float: left; width: 640px; padding: 0 20px; } #main.article { padding: 20px; } #main .col-md-9 { padding-top: 20px; padding-right: 20px; } #main .col-md-3 { padding-top: 20px; padding-left: 20px; } #sidebar { float: right; width: 330px; } .overlay h1 { font-size: 36px; padding: 15px 350px 15px 15px; } .overlay .breadcrumb { margin-left: 15px; } } @media (min-width: 1170px) { .section-full { padding: 45px 25px 0 25px; } .section-full-even { margin: 0 -25px 0 -25px; padding: 15px 15px 0 25px; } } @media (min-width: 1200px) { #main { width: 820px; padding: 0 25px; } #main.article { padding: 25px; } #main .col-md-9 { padding-top: 25px; padding-right: 25px; } #main .col-md-3 { padding-top: 25px; padding-left: 25px; } #sidebar { width: 330px; padding: 25px; margin-bottom: -9000px; /* 100% height */ padding-bottom: 9020px; } .section-full { margin: 0 -25px 0 -25px; } } .margin-for-block { margin: 0 -40px 0 -40px; } .padding-for-block { padding: 15px 25px 0px 25px; } .zagolovok-for-block { color: #376fae !important; } .zagolovok-for-block:hover { color: #ef3434 !important; } .hover-for-block { color: #000000 !important; } .hover-for-block:hover { color: #ef3434 !important; } .font-size-for-block { font-size: 13px !important; line-height: 16px !important; } .font-weight-for-block { font-weight: bold !important; } .border-top-for-block { border-top: 1px solid #f5f5f5 !important; } /** * Margins and paddings */ .top-margin { margin-top: 20px; } #page-content .bottom-margin { margin-bottom: 25px; } .top-padding { padding-top: 15px; } .bottom-padding { padding-bottom: 15px; } .no-padding { padding: 0; } .form-control { padding: 10px 12px; height: 42px; } .icon-padding { position: relative; padding-left: 30px; } .icon-padding i.fa { position: absolute; top: 4px; left: 0; } /* ========================================================================== Header mobile ========================================================================== */ /** * Header mobile */ #page-header-mobile { position: relative; border-top: 5px solid #24425D; background: #24425D; height: 50px; overflow: hidden; padding: 0 10px; } /** * Branding */ #page-header-mobile h1 { margin: 0; padding: 1px 0; } #page-header-mobile h1 img { vertical-align: inherit; } /** * Navigation */ #page-header-mobile span.logo a { color: #eee; font-size: 26px; } #page-header-mobile a { color: #eee; } #page-header-mobile a span.red{color: #ef3434;} #page-header-mobile a:hover { color: #fff; } #page-header-mobile span.glyphicon { font-size: 24px; margin-top: 5px; } #page-header-mobile nav { background: #2d2f33; display: block; height: 100%; overflow: auto; position: fixed; right: -20em; font-size: 15px; top: 0; width: 20em; z-index: 2000; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; } body.nav-expanded #page-header-mobile nav { right: 0; } /* ========================================================================== Header desktop ========================================================================== */ /** * Header desktop */ #page-header span.logo {padding: 20px 0 0 6px; color: #fff; margin: 0;font-family: inherit; font-weight: 500; line-height: 1.1;font-size: 36px;display: block;} #header-branding span.logo { padding: 20px 0 0 6px; } #page-header span.logo a { color: #fff; } #page-header span.logo a span{color: #ef3434;} #page-header h1 { color: #fff; margin: 0; } #page-header h1.logo a { color: #fff; } #page-header h1.logo a:hover,#page-header h1.logo a:active,#page-header h1.logo a:focus { color:#fff;text-decoration: none; } #page-header h1.logo a span{color: #ef3434;} /** * Branding */ #header-branding { position: relative; height: 100px; background: #24425D; border-top: 5px solid #213C54; border-bottom: 1px solid #213C54; overflow: hidden; } #header-branding h1 { padding: 20px 0 0 6px;margin: 0; } /** * Search */ #header-branding #search-form { width: 340px; /*height: 45px;*/ background: #122E46; /*border: 3px solid #24425D;*/ text-align: left; margin-top: 25px; /*padding: 0 10px;*/ -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; -webkit-box-shadow:inset 0 3px 0 0 #0F263A; box-shadow:inset 0 3px 0 0 #0F263A; overflow: hidden; position: relative; } /*#header-branding #search-form input { color: #999; background: #122E46; border: none; width: 300px; padding: 0 5px; margin-top: 10px; }*/ #header-branding #search-form input[type="text"] { background: #122E46; width: 340px; border: 0 none; padding: 6px 5px 6px 13px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #header-branding #search-form input[type="text"]:focus { background: #fcfcfc; color: #6a6f75; width: 340px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } #header-branding #search-form button:focus, #header-branding #search-form input:focus {outline: none;} #header-branding #search-form button { line-height: 24px; background: transparent; color: #a1a1a1; border: none; width: 30px; position: absolute; right: 5px; top: 5px; } #header-branding #search-form:focus {background: #fff;} /** * Weather */ #header-branding .weather { position: relative; display: inline-block; text-align: left; padding: 0 80px 0 0; margin-top: 28px; } #header-branding .weather .reg a {color: #fff;} #header-branding .weather h3 { font-size: 14px; font-weight: 400; color: #c3c3c3; margin: 0; } #header-branding .weather h3 span.temp { display: inline-block; font-weight: 700; color: #fff; margin-left: 15px; } #header-branding .weather span.glyphicon { display: inline-block; margin-right: 5px; } #header-branding .weather span.date { font-size: 12px; color: #878787; padding-left: 22px; } #header-branding .weather i.icon { position: absolute; top: 0; right: 10px; font-size: 28px; color: #eee; } /** * Navigation */ #sticky-header.affix { top: 0; left: 0; right: 0; z-index: 99; } #header-navigation { position: relative; height: 50px; background: #122E46; } #header-navigation .container { position: relative; } #header-navigation ul { padding: 0; } #header-navigation ul ul { margin-top: 0; } #header-navigation ul li { position: static; list-style: none; float: left; border-right: 1px solid #1D354A; border-left: 1px solid #152533; } #header-navigation ul li a { display: block; font-size: 12px; font-weight: 700; line-height: 49px; color: #fff; text-transform: uppercase; padding: 0 10px; border-top: 1px solid #222; } #header-navigation ul li li a { border-top: none; } #header-navigation ul li.current a, #header-navigation ul li a:hover, #header-navigation ul li a:focus { background: #222; } #header-navigation ul li.options { float: right; padding-right: 10px; } #header-navigation ul li.options a { display: inline-block; font-size: 12px; color: #999; padding: 0 10px; border: none; } #header-navigation ul li.options a span.glyphicon { padding-right: 8px; color: #999; } #header-navigation ul li.options a:hover, #header-navigation ul li.options a:hover span { background: none; color: #fff; } /** * Subnav - full size menu */ #header-navigation .subnav-container { display: none; position: absolute; left: 0; top: 50px; z-index: 999; width: 750px; height: 494px; /*height: 430px;*/ overflow: hidden; background: #3f3f3f; } #header-navigation ul li:hover .subnav-container { display: block; } #header-navigation ul.subnav-menu { position: absolute; left: -10px; top: 10px; width: 200px; height: 540px;/*height: 415px;*/ background: #444; padding: 15px 0; } #header-navigation ul.subnav-menu li .section-categories ul li a {text-decoration: none;} #header-navigation ul.subnav-menu li .section-categories ul li a:hover{text-decoration: underline;} #header-navigation ul.subnav-menu li .section-categories p.title-categories {color:#fff;} #header-navigation ul.subnav-menu li .section-categories .borderline{border-top: 1px solid #ef3434; display: block; margin-top: -20px; padding-bottom: 15px;} #header-navigation ul.subnav-menu li { float: none; border: none; width: 200px; } #header-navigation ul.subnav-menu li a { display: block; text-align: right; padding: 0 20px; line-height: 30px; border: none; } #header-navigation .subnav-posts { display: none; position: absolute; width: 520px; left: 220px; top: 25px; } #header-navigation ul li li.current .subnav-posts, #header-navigation ul li li:hover .subnav-posts, #header-navigation ul li li a:hover .subnav-posts { display: block; } #header-navigation ul li .subnav-posts a { line-height: 14px; font-weight: 400; display: inline; text-transform: none; padding: 0; border-top: none; } #header-navigation .subnav-posts article { /*width: 150px; float: left; margin-left: 30px;*/ } #header-navigation .subnav-posts article img { /*width: 150px;*/ } #header-navigation .subnav-posts article:first-child { /* margin-left: 0;*/ } #header-navigation .subnav-posts article h3 { line-height: 14px; font-weight: 400; text-align: center; padding: 0 0px; margin: 8px 0 0 0; } #header-navigation .subnav-posts article h3.previewhead a { line-height: 23px; font-size: 18px; font-weight: 700; text-align: left; padding: 0 0px; margin: 8px 0 8px 0; display: block; } #header-navigation .subnav-posts article:hover h3.previewhead a{text-decoration: underline;} /** * Dropnav - regular drop down menu */ #header-navigation .dropnav-container { display: none; position: absolute; top: 50px; z-index: 10; background: #3f3f3f; margin: 0; } #header-navigation .dropnav-container ul { background: #3f3f3f; border-bottom: 1px solid #4D4D4D; } #header-navigation .dropnav-container ul.dropnav-menu li { position: relative; float: none; min-width: 200px; border-top: 1px solid #4D4D4D; } #header-navigation .dropnav-container ul.dropnav-menu li a { color: #fff; line-height: 18px; padding-top: 10px; padding-bottom: 10px; } #header-navigation .dropnav-container ul.dropnav-menu li a i.fa { float: right; line-height: 18px; } #header-navigation .dropnav-container ul.dropnav-menu ul { display: none; position: absolute; top: -1px; left: 200px; z-index: 100; } #header-navigation ul li:hover .dropnav-container, #header-navigation .dropnav-container ul.dropnav-menu li:hover ul { display: block; } /** * Sub navigation - categories */ #header-navigation-sub nav { height: 50px; overflow: hidden; } #header-navigation-sub nav ul { list-style: none; padding: 0; } #header-navigation-sub nav ul li { float: left; margin: 0 10px 0 25px; } #header-navigation-sub nav ul li a { font: 700 14px/50px 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #fff; } #header-navigation-sub nav ul li.current a, #page-content #header-navigation-sub nav ul li a:hover { color: #3a3a3a; } /** * Media Queries */ @media (min-width: 992px) { #header-navigation ul li a { font-size: 11px; padding: 0 10px; } #header-navigation .subnav-container { width: 970px; } #header-navigation ul.subnav-menu { width: 250px; } #header-navigation ul.subnav-menu li { width: 250px; } #header-navigation .subnav-posts { left: 280px; width: 650px; } #header-navigation .subnav-posts article { /*width: 190px;*/ } #header-navigation .subnav-posts article img { /*width: 190px;*/ } } @media (min-width: 1170px) { #header-navigation ul li a { font-size: 13px; padding: 0 10px; } #header-navigation .subnav-container { width: 1170px; } #header-navigation .subnav-posts { width: 850px; } #header-navigation .dropnav-container ul.dropnav-menu li { min-width: 240px; } #header-navigation .dropnav-container ul.dropnav-menu ul { left: 240px; } } /* ========================================================================== Slider ========================================================================== */ /** * Slider */ #page-slider { position: relative; margin-top: 1px; margin-bottom: 25px; } #page-slider .row { float: left; } #page-slider .row .row { float: none; } #page-slider .col-sm-4{ padding-right: 0; padding-left: 1px;} #page-slider .col-sm-4:first-child {padding-left: 15px;} #page-slider .col-sm-8 { padding-right: 1px; } #page-slider .col-sm-8 article { margin: 0 0 1px 0; } #page-slider .col-sm-4 article { margin: 1px 0 0 0; } #page-slider .col-sm-4 article:first-child { margin-top: 0; } #page-slider .col-sm-8 article .overlay p { display: none; } #page-slider.slider-layout-3 article, #page-slider.slider-layout-4 article, #page-slider.slider-layout-5 article { margin-bottom: 1px; } #page-slider .slider-nav { display: none; position: absolute; width: 750px; top: 205px; } #page-slider .slider-nav a { position: absolute; left: 10px; display: inline-block; font-size: 20px; color: #fff; width: 40px; height: 40px; background: rgba(43, 43, 43, 0.3); text-align: center; line-height: 40px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; } #page-slider .slider-nav a.next { left: auto; right: 10px; } #page-slider.slider-layout-3 .slider-nav { top: 245px; } #page-slider.slider-layout-5 .slider-nav { top: 220px; } #page-slider .slider-nav2 { display: none; position: absolute; width: 100%; top: 205px; } #page-slider .slider-nav2 a { position: absolute; left: 10px; display: inline-block; font-size: 20px; color: #fff; width: 40px; height: 40px; background: rgba(43, 43, 43, 0.3); text-align: center; line-height: 40px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; z-index: 91; } #page-slider .slider-nav2 a.next { left: auto; right: 10px; } #page-slider article.linkbox .images {text-align: center;} /** * Media Queries */ @media (min-width: 768px) { #page-slider .slider-nav { display: block; } #page-slider .slider-nav2 { display: block; } #page-slider .col-sm-8 article, #page-slider .col-sm-3 article { height: 452px; margin: 0; } #page-slider .col-sm-8 article img, #page-slider .col-sm-3 article img { height: 452px; } #page-slider .col-sm-8 article .overlay p { display: block; } #page-slider .col-sm-4 article { height: 265px; } #page-slider .col-sm-4 article img { /* height: 265px;*/ } #page-slider.slider-layout-2 .row { /*height: 452px;*/ overflow: hidden; } #page-slider.slider-layout-2 .col-sm-3 { width: 250px; height: 452px; padding-right: 1px; padding-left: 0; } #page-slider .col-sm-3:first-child { margin-left: 15px; } #page-slider.slider-layout-3 .row { height: 352px; overflow: hidden; margin: 0; } #page-slider.slider-layout-4 .row { height: 388px; overflow: hidden; margin: 0; } #page-slider.slider-layout-3 .col-sm-6 { width: 375px; height: 211px; padding-right: 1px; padding-bottom: 1px; padding-left: 0; } #page-slider.slider-layout-3 .col-sm-4, #page-slider.slider-layout-4 .col-sm-4 { width: 250px; height: 140px; padding-right: 1px; padding-left: 0; } #page-slider.slider-layout-3 .col-sm-6 article { height: 210px; } #page-slider.slider-layout-3 .col-sm-6 article img { height: 210px; } #page-slider.slider-layout-3 .col-sm-4 article, #page-slider.slider-layout-4 .col-sm-4 article { height: 140px; } #page-slider.slider-layout-3 .col-sm-4 article img, #page-slider.slider-layout-4 .col-sm-4 article img { height: 140px; } #page-slider.slider-layout-3 .col-sm-4 article.linkbox h2, #page-slider.slider-layout-4 .col-sm-4 article.linkbox h2 { font-size: 20px; line-height: 24px; } #page-slider.slider-layout-4 .col-sm-12 { padding: 0; } #page-slider.slider-layout-5 .row { overflow: hidden; margin: 0; } #page-slider.slider-layout-5 .col-sm-6 { padding-right: 1px; padding-bottom: 1px; padding-left: 0; } #page-slider.slider-layout-6 .row { height: 305px; } #page-slider.slider-layout-6 .slider-nav { top: 140px; } } @media (min-width: 992px) { #page-slider .col-sm-8 { width: 635px; } #page-slider .slider-nav { width: 970px; } #page-slider.slider-layout-2 .col-sm-3 { width: 242px; } #page-slider.slider-layout-3 .row { height: 408px; } #page-slider.slider-layout-4 .row { height: 488px; } #page-slider.slider-layout-3 .col-sm-6 { width: 485px; height: 243px; } #page-slider.slider-layout-3 .col-sm-4, #page-slider.slider-layout-4 .col-sm-4 { width: 323px; height: 165px; } #page-slider.slider-layout-3 .col-sm-6 article { height: 242px; } #page-slider.slider-layout-3 .col-sm-6 article img { height: 242px; } #page-slider.slider-layout-3 .col-sm-4 article, #page-slider.slider-layout-4 .col-sm-4 article { height: 165px; } #page-slider.slider-layout-3 .col-sm-4 article img, #page-slider.slider-layout-4 .col-sm-4 article img { height: 165px; } #page-slider.slider-layout-3 .col-sm-4 article.linkbox h2, #page-slider.slider-layout-4 .col-sm-4 article.linkbox h2 { font-size: 24px; line-height: 30px; } #page-slider.slider-layout-6 .row { height: 398px; } #page-slider.slider-layout-6 .slider-nav { top: 195px; } } @media (min-width: 1200px) { #page-slider .col-sm-8 { width: 835px; } #page-slider .slider-nav { width: 1170px; } #page-slider.slider-layout-2 .col-sm-3 { width: 292px; } #page-slider.slider-layout-3 .row { height: 552px; } #page-slider.slider-layout-4 .row { height: 602px; } #page-slider.slider-layout-3 .col-sm-6 { width: 585px; height: 351px; } #page-slider.slider-layout-3 .col-sm-4, #page-slider.slider-layout-4 .col-sm-4 { width: 390px; height: 200px; } #page-slider.slider-layout-3 .col-sm-6 article { height: 350px; } #page-slider.slider-layout-3 .col-sm-6 article img { height: 350px; } #page-slider.slider-layout-3 .col-sm-4 article, #page-slider.slider-layout-4 .col-sm-4 article { height: 200px; } #page-slider.slider-layout-3 .col-sm-4 article img, #page-slider.slider-layout-4 .col-sm-4 article img { height: 200px; } #page-slider.slider-layout-5 .col-sm-6 { height: 480px; } #page-slider.slider-layout-5 .col-sm-6 .col-sm-6 { height: 240px; } #page-slider.slider-layout-6 .row { height: 480px; } #page-slider.slider-layout-6 .slider-nav { top: 235px; } } /* ========================================================================== Content ========================================================================== */ /** * Content */ #page-content header { position: relative; } #page-content header h2 { font: 400 17px/24px 'Roboto Condensed', sans-serif; color: #444; text-transform: uppercase; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px solid #f5f5f5; } #page-content header span.borderline { position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background: #222; } #page-content header span.borderline-2 { position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background: #376fae; } .news-lay-3 header h2, .yandexdirect header h2 { margin: 0 0 0 0 !important; padding-top: 15px; border-top: 1px solid #dadada; padding-bottom: 0 !important; border-bottom: none !important; } .news-lay-3 .row .yandexdirect { border-bottom: 1px solid #dadada; } .yandexdirect iframe { /*padding-left: 25px;*/ height: 336px; } .smi2 header { padding: 20px 0 0 0 !important; margin: 0 !important; } .smi2 iframe { overflow: hidden !important; height: 280px; /*margin: 0 !important;*/ } /** * Articles */ article.linkbox h2 { font: 400 24px/30px 'Roboto Condensed', sans-serif; } article.linkbox h3 { font: 700 16px/19px 'Roboto', sans-serif; } article.linkbox h3 a:hover { text-decoration: none;color: #ef3434; } article.thumb h3 { font: 700 16px/20px 'Roboto Condensed', sans-serif; margin: 0 0 10px 0; } article span.text { font-size: 12px;line-height: 18px;color:#646464; } article.thumb span.published { margin-bottom: 10px; } article span.published { display: block; margin-top: 10px; font-size: 10px; color: #ADADAD; text-transform: uppercase; } article header span.published { display: contents; } article header .print { float: right; font-size: 10px; text-transform: uppercase; margin-top: 4px; } article header .print:hover { color: #ef3434; } article header .print i { margin-right: 1ch; color: #ef3434 } article span.newsdate { display: block; margin-top: 10px; font-size: 10px; color: #ADADAD; text-transform: uppercase; } article span.published a {color: #ADADAD;} article span.published a:hover {text-decoration: none;color: #868585;} article span.published a.comments {color: #ADADAD;margin-left: 7px;} article span.published a.comments:hover {text-decoration: none;color: #868585;} article span.published a.comments i.fa {padding-right: 5px;} article span.published a.comments i.fa-comments {background: url(../../images/fa-comments-min.png) 0px 0px;width:13px;height:10px;display: inline-block;} article span.published-time { display: block; font-size: 10px; font-weight: 700; color: #999; text-transform: uppercase; } article.linkbox .postmeta { position: absolute; font-size: 12px; color: #fff; bottom: 10px; left: 10px; opacity: 0.7; cursor: pointer; } article.linkbox .postmeta a { color: #fff; text-decoration: none; } article.linkbox .postmeta span { display: inline-block; margin: 0 6px; } article.linkbox .postmeta span:before { font-family: 'FontAwesome'; margin-right: 8px; } article.linkbox.large .postmeta { left: 15px; bottom: 15px; } article.has-meta .overlay { padding-bottom: 35px; } article.large.has-meta .overlay { padding-bottom: 40px; } .fa-calendar:before { content: "\f133"; } /** * Media Queries */ @media (min-width: 992px) { article.linkbox h2 { font: 400 30px/36px 'Roboto Condensed', sans-serif; } } /** * News Layouts */ .news-layout article { padding-bottom: 12px; margin-bottom: 10px; line-height: 18px; border-bottom: 1px solid #e3e3e3; } .news-layout article:last-child { border-bottom: none; } .news-layout article h3 { font-size: 13px; line-height: 18px; font-weight: 700; margin: 0 0 10px 0; } .news-layout article h3 a { color: #222; } .news-layout article h3 a:hover { text-decoration: none;color: #ef3434; } .news-layout article img { float: left; margin: 3px 12px 3px 0; } /* news-lay-1 */ .news-lay-1 article h3 { margin: 0 0 5px 0; } .news-lay-1 span.published { margin: 0 0 5px 0; } /* news-lay-2 */ #page-content .news-lay-2 header h2 { color: #fff; } .news-lay-2 article { border: none; margin: 0; } .news-lay-2 article a h3 { text-align: center; color: #fff; margin-top: 5px; } /* news-lay-3 */ .news-lay-3 article h3 { font-size: 14px; line-height: 18px; font-weight: 700; margin: 5px 0 0 0; } /** * Media Queries */ @media (min-width: 992px) { news-layout article h3 { font-size: 15px; } .article span.text { font-size: 12px; } .span.published { font-size: 11px; } } /** * Reviews */ article.review img { float: none; } .news-layout article.review h3 { /*text-align: center; height: 36px; overflow: hidden;*/ margin-bottom: 5px; } /** * Videos */ .cat-videos { margin-top: 1px; margin-bottom: 1px; } .cat-videos .col-sm-8 { margin-bottom: 1px; } .cat-videos .col-sm-8 article { height: 301px; margin: 0; } .cat-videos .col-sm-8 article img { height: 301px; } .cat-videos .col-sm-4 article { height: 150px; margin: 1px 0 0 0; } .cat-videos .col-sm-4 article img { height: 150px; } .cat-videos .col-sm-4 article:first-child { margin-top: 0; } .cat-videos h3 { font-size: 13px; line-height: 18px; font-weight: 700; margin: 0 0 10px 0; } .cat-videos h3 a { color: #222; } .cat-videos .overlay h2 {color: #eee!important;} .cat-videos .play2 { position: absolute; top: 12%; left: 42%; font-size: 56px; color: #444444; } .cat-videos .cat-showtime a:hover .play2 {color: #dddddd;} /** * Media Queries */ @media screen and (max-width: 768px) { #page-content { position: relative; overflow: hidden; /* margin: 30px 0 0 0; */ padding-left: 0; -webkit-box-shadow: 0 0 12px 0 #333333; box-shadow: 0 0 12px 0 #ccc; } .news-layout article h3 { font: 700 16px/19px 'Roboto', sans-serif; margin: 0 0 10px 0; } .top-margin { margin-top: 0; } #sidebar{padding-top: 0;} #main{ padding-bottom: 0;} } @media (min-width: 768px) { .cat-videos .col-sm-8 { padding-right: 1px; margin-bottom: 0; } .cat-videos .col-sm-4 { padding-left: 0px; } } @media (min-width: 992px) { .cat-videos .col-sm-8 { width: 300px; } .cat-videos .col-sm-4 { width: 206px; } } @media (min-width: 1200px) { .cat-videos .col-sm-8 { width: 350px; } .cat-videos .col-sm-4 { width: 289px; } } /** * Article page */ #article-post header { padding: 15px 0; margin: 0 0 20px 0; border-bottom: 1px solid #dadada; } #article-post .text ul, #article-post .text ol {margin-left: 25px; padding-left: 25px;} #article-post .text ul ul, #article-post .text ol ol {padding-left: 0px;} #article-post .text p {padding-left:25px;} #article-post .text h2 {padding-left:25px;} #article-post .text h3 {padding-left:25px;font: 400 20px/27px 'Roboto Condensed', sans-serif;color: #222;margin: 25px 0 15px 0;} #article-post .text h4 {padding-left:25px;font: 400 18px/25px 'Roboto Condensed', sans-serif;color: #222;margin: 25px 0 15px 0;} #article-post .text h5 {padding-left:25px;font: 400 16px/23px 'Roboto Condensed', sans-serif;color: #222;margin: 25px 0 15px 0;} /*#article-post .text img {width: 100%;height: auto;}*/ #article-post .text .info-box h2 {margin-top: 0;padding-left:25px;font: 400 22px/29px 'Roboto Condensed', sans-serif;color: #222;} #article-post .text .border {margin-left: 25px;margin-bottom: 15px;} #article-post .text .border td {text-align: center;padding: 6px;} #article-post .text .border td:nth-child(odd) {border:1px solid #1d1d1d} #article-post .text .spravochnik {margin-left: 0px;margin-bottom: 20px;} #article-post .text .spravochnik td {padding: 1ex 1.5ch;} #article-post .text .spravochnik td{border-top: solid 2px #dadada;border-bottom: solid 2px #dadada;vertical-align: top;} #article-post .text .spravochnik tr:first-child td{vertical-align: middle;} #article-post .text .spravochnik tr:last-child td{border-bottom: none;} /*#article-post .text .block-notice { position: relative; border: 2px solid #e04e4e; padding: 15px 0px 0px 0px; margin: 25px 0px 10px 0px !important; } #article-post .text .block-notice p { padding: 5px 20px !important; } #article-post .text .block-notice p:first-child { position: absolute; top: -20px; right: 30px; display: inline-block; margin: 0; padding: 5px 20px; color: #fff; background: #e04e4e; }*/ #article-post .example strong{line-height: 23px; font-size: 16px; padding-bottom: 5px; display: block;} #article-post .example p { padding-left: 0px; line-height: 23px; font-size: 16px; } #article-post .block-notice-info { position: relative; border: 2px solid #4e7be0; padding: 15px 0px 0px 0px; margin: 25px 0px 10px 0px !important; } #article-post .block-notice-info p { padding: 5px 20px !important; } #article-post .block-notice-info p:first-child { position: absolute; top: -20px; right: 423px; display: inline-block; margin: 0; padding: 5px 20px; color: #fff; background: #4e7be0; } /*.text .block-berator { position: relative; border: 2px solid #222; padding: 15px 0px 0px 0px; margin: 25px 0px 10px 0px !important; } .text .block-berator p:first-child { position: absolute; top: -20px; left: 18px; display: inline-block; margin: 0; padding: 5px 20px; color: #fff; background: #222; } .text .block-berator p { padding: 5px 20px !important; } .text .block-berator p a{padding-right: 65px; display: block;} .text .block-berator img{ position: absolute; right: 10px; top: 10px; } .text .block-berator.action { position: relative; border: 2px solid #ef3434; padding: 15px 0px 0px 0px; margin: 25px 0px 10px 0px !important; } .text .block-berator.action p:first-child { position: absolute; top: -20px; right: 72%; display: inline-block; margin: 0; padding: 5px 20px; color: #fff; background: #ef3434; } .text .block-berator.action p a { padding-right: 5px; display: inherit; margin-left: 10px; } .text .block-berator p:first-child { position: absolute; top: -20px; right: 54px; display: inline-block; margin: 0; padding: 5px 20px; color: #fff; background: #222; }*/ .block-berator, .block-links, .block-read-more, .block-notice, .block-pb, .berator-add { font-family: 'Roboto Condensed', sans-serif; font-weight: 500; box-sizing: border-box; padding: 0px; margin: 15px 0px 10px 0px !important; } .block-berator { border-left: 2px solid #222; background: /*url(https://www.buhgalteria.ru/img/bg-w-50.png) repeat,*/ url(https://www.buhgalteria.ru/img/logo_black_big.png) no-repeat top 50% right 25px #f5f5f5; background-size: 80px auto; padding: 15px 130px 15px 0px; } .block-berator p { color: #222; margin: 1em 0 0 0 !important; } .block-berator p:first-child { margin-top: 0 !important; } .block-berator img { display: none; } .berator-add { border-left: 2px solid #222; background: url(https://www.buhgalteria.ru/img/logo_black_big.png) no-repeat top 50% left 25px #f5f5f5; background-size: 36px auto; padding: 15px 25px 15px 60px; } .berator-add p { color: #222; margin-top: 0 !important; font-size: 20px !important; line-height: 27px !important; font-weight: 300; } .berator-add p:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; } .berator-add a { text-decoration: none !important; box-shadow: 0px -1px 0px 0px inset; } .berator-add a:hover { box-shadow: 0px 0px 0px 0px inset; } .vk-add { border-left: 2px solid #2a6496; background: #f5f5f5; padding: 15px 25px 15px 0; } .block-notice { font-family: 'Roboto', sans-serif; border-left: 2px solid #ef3434; color: #222; } .block-read-more, .block-links { border-left: 2px solid #2a6496; color: #222; } .block-links p { color: #adadad; } .block-pb { border-left: 2px solid #ff7101; color: #222; } .block-pb p:first-child { color: #ff7101; } .breadcrumb { padding: 0; margin: 0 0 8px 0; background: none; } ol.breadcrumb li { line-height: 23px; font-size: 16px; margin-bottom: 15px; list-style-position: inside; } ol.breadcrumb li a {text-transform: lowercase;} ol.breadcrumb li a:first-letter {text-transform: inherit;} .article #article-post ol.breadcrumb { list-style: none; counter-reset: none; } .article #article-post ol.breadcrumb li:before { counter-increment: none; content: none; list-style-position: inside; } .article #article-post ol.breadcrumb li:after { content: "/"; padding-left: 5px; padding-right: 5px; } .article #article-post ol.breadcrumb li:after:first-letter { content: ""; padding-left: 5px; padding-right: 5px; } #article-post header h1 { font: 400 30px/36px 'Roboto Condensed', sans-serif; color: #222; margin: 0 0 10px 0; } #article-post h2 { font: 400 24px/31px 'Roboto Condensed', sans-serif; color: #222; margin: 25px 0 15px 0; } #article-post h3 { font: 400 20px/27px 'Roboto', sans-serif; color: #222; margin: 25px 0 15px 0; } #article-post .provodki h2 {margin: 30px 0 10px 0;} #article-post p { line-height: 23px; margin-bottom: 15px; font-size: 16px; } #article-post li { line-height: 23px; font-size: 16px; margin-bottom: 15px; list-style-position: inside; } #article-post li p { padding-left: 0px !important; margin-bottom: 0px; } #article-post li pre { margin: 15px 0 25px 0px; } #article-post li pre p { padding-left: 25px !important; } #article-post p.lead { font: 400 16px/23px 'Roboto', serif; color: #222; margin-bottom: 25px; padding-left:25px; } #article-post p.lead a { color: #2a6496; text-decoration: underline; } #article-post p.lead a:hover { color: #f03434; text-decoration: none; } #article-post p.leadshop { font: 400 16px/23px 'Roboto', serif;text-transform: uppercase; color: #222; margin-bottom: 25px; padding-left:25px; } #article-post .notice { min-height: 40px; margin: 0 0 21px; padding: 0 0 0 62px; background: url(http://www.berator.ru/bitrix/templates/e.berator/images/document/notice.png) 19px 3px no-repeat; color: #656565; } #article-post .example { font-size: 12px; margin: 23px 0 27px; padding: 17px 30px 12px 62px; background: #f1efdb url(http://www.berator.ru/bitrix/templates/e.berator/images/document/example.png) 15px 17px no-repeat; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); } #article-post .btn-success { color: #fff !important; background-color: #5cb85c; border-color: #4cae4c; text-decoration: none !important; } #article-post .btn-success:hover{ color: #fff; background-color: #47a447; border-color: #398439;} /* Blockquote */ /*#article-post blockquote { position: relative; background: #f5f5f7; padding: 16px 80px 6px 70px; margin: 14px 0; border: none; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }*/ #article-post blockquote footer { margin: 0; padding: 0; border: none; } /*#article-post blockquote p { font-size: 16px; line-height: 23px; font-style: italic; color: #222; quotes: "\201C" "\201D" "\2018" "\2019"; }*/ /*@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');*/ #article-post blockquote { /*font: 16px/24px 'Fira Sans Condensed', sans-serif; font-style: italic;*/ font: 16px/24px 'Roboto Condensed', sans-serif; font-weight: 500; color: #adadad; border-left: solid 2px #dadada; padding: 0 0 0 25px; margin: 15px 0px 25px 0px !important; } #article-post blockquote p { color: #222; padding: 0!important; } #article-post blockquote p:first-child { color: #222!important; margin-top: 15px; } #article-post blockquote p:first-child:before { content: "«"!important; color: #222!important; } #article-post blockquote p:last-child:after { content: "»"!important; } /*#article-post blockquote p:first-child:after { content: "«"!important; } #article-post blockquote p:nth-last-child(2):after { content: "»"; } #article-post blockquote p:last-child { color: #adadad; } #article-post blockquote p:last-child:before { content: "» "; color: #adadad; }*/ /* Info box */ .info-box { display: block; background: #f9f9f9; margin: 20px 0; padding: 25px 25px 10px 0px; } /* Author box */ .author-box { position: relative; background: #f5f5f7; margin: 30px -10px; padding: 20px 10px 5px 10px; text-align: center; } .author-box img { margin: 0 auto; margin-bottom: 10px; } .author-box .name { font-size: 20px; color: #222; margin-bottom: 15px; } .author-box p a { display: inline-block; color: #828282; margin: 0 6px; } .author-box p a:hover { color: #222; } /* Author box2 right */ .author-box2 { position: relative; background: #f5f5f7; margin: 30px -10px; padding: 20px 10px 5px 10px; text-align: center; } .author-box2 p {text-align: right;} .author-box2 img { margin: 0 auto; margin-bottom: 10px; } .author-box2 .name { font-size: 20px; color: #222; margin-bottom: 15px; text-align: right; } .author-box2 p a { display: inline-block; color: #828282; margin: 0 6px; } .author-box2 p a:hover { color: #222; } /* Highlights */ #article-post .row-highlights col-sm-9, #article-post .row-highlights col-sm-3 { padding-top: 0; } #article-post .highlights h3 { font-size: 13px; line-height: 18px; font-weight: 700; margin: 0 0 10px 0; } #article-post .highlights h3 a:hover { text-decoration: none;color: #ef3434; } #article-post .highlights h4 { font: 400 17px/17px 'Roboto Condensed', sans-serif; color: #444; text-transform: uppercase; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px solid #e3e3e3; } #article-post .highlights article.active { background: #F3F3F3; margin-left: -20px; margin-right: -25px; padding: 10px 25px 10px 20px; } /** * Reviewa */ #article-post .review h4 { margin-top: 0; padding-bottom: 8px; border-bottom: 1px solid #dadada; } #article-post .review ul { list-style: none; font-size: 13px; color: #777; padding: 0; } #article-post .review li { position: relative; margin-bottom: 3px; padding-left: 25px; } #article-post .review li i.fa { position: absolute; font-size: 14px; top: 2px; left: 2px; color: #aaa; } #article-post .score-overall { background: #444; text-align: center; padding: 15px 0; margin-bottom: 15px; } #article-post .score-number { display: block; font: 400 72px/72px 'Roboto Slab', serif; color: #fff; } #article-post .score-desc { display: inline-block; color: #fff; text-transform: uppercase; border-top: 1px solid #fff; margin-top: 10px; padding-top: 10px; } #article-post .progress { background-color: #f5f5f7; box-shadow: none; height: 40px; } #article-post .progress-bar { line-height: 40px; box-shadow: none; background-color: #444; border-radius: 4px; } #article-post .progress-bar span { display: inline-block; font-weight: 700; font-family: "Roboto Sondensed",sans-serif; text-transform: uppercase; margin-left: 8px; line-height: 26px; margin-top: 7px; } #article-post .progress-bar span.skill-number { font-size: 14px; color: #444; background-color: #FFF; border-radius: 2px; padding: 3px 10px; line-height: 20px; margin-right: 5px; } /* Footer */ #article-post footer { border-top: 1px solid #dadada; padding: 15px 0 0 0; margin: 50px 0 0 0; } #article-post footer h3 { display: inline-block; font: 400 20px/24px 'Roboto Condensed', sans-serif; color: #222; margin: 0 30px 0 0; } #article-post footer a { color: #828282; margin: 0 6px; } #article-post footer a:hover { color: #222; } .links{margin-top: 20px;margin-left: 25px;} .links a {margin: 0;padding-right: 6px;padding-left:6px;} .links a:first-child {padding-left:0px;} /** * Comments */ #article-comments { margin-bottom: 50px; } #comments-list { list-style: none; padding: 0; } #comments-list li { list-style: none; margin-bottom: 10px; } #comments-list li ul { padding: 0; margin: 10px 0 0 0; } #comments-list li .comment { position: relative; } #comments-list li .comment .user-avatar { display: none; } #comments-list li .comment-text { position: relative; line-height: 24px; padding: 25px; border: 1px solid #dadada; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #comments-list .author-comment .comment-text { background: #f1d7d7; border-color: #eac2c2; } #comments-list li .comment-text p { margin-bottom: 0; } #comments-list li .comment-text header { font: 400 14px/24px 'Roboto Condensed', sans-serif; color: #999; margin: 0 0 10px 0; } #comments-list li .comment-text header h5 { font-size: 18px; line-height: 20px; color: #222; padding: 0; margin: 0 15px 0 0; } #comments-list li .comment-text header .reply { color: #ef3434; text-transform: uppercase; } /** * Iframes */ #page-content .head-video iframe { display: block; width: 100%; min-height: 280px; border: none; margin: 0; } #main.article iframe { display: block; width: 100%; border: none; margin: 15px 0 20px 0; } /** * Gallery and Zoomix */ #sidebar-gallery a, #article-gallery a { display: block; position: relative; } .zoomix { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 90; background: #000; opacity: 0; filter: alpha(opacity = 0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .ie7 .zoomix{ clear: both; } a:hover .zoomix { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:0.4; filter: alpha(opacity = 50); } .zoomix .fa { font-size: 25px; line-height: 25px; color: #fff; position: absolute; top: 45%; left: 50%; margin: -12px 0 0 -12px; } /** * Pagination */ .pagination > li > a, .pagination > li > span { padding: 8px 15px; color: #444; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #444; border-color: #444; } /** * Forum */ .forum-width, div.forum-navigation-box, div.forum-header-box, div.forum-reply-form, div.forum-note-box, div.forum-preview, div.forum-info-box, div.tags-cloud { float: left; width: 810px!important; } div.forum-header-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .forum-sidebar { float: left; width: 330px; margin: -85px 0 0 15px; } div.forum-reply-form .bxhtmled-area-cnt, div.forum-reply-form .bxhtmled-iframe-cnt, div.forum-reply-form .bxhtmled-textarea-cnt { width: 100%!important; } /** * Media Queries */ @media (min-width: 768px) { #page-content .head-video iframe { min-height: 400px; } .author-box { text-align: left; margin: 40px -15px 20px -15px; padding: 25px 30px 10px 185px; } .author-box img { position: absolute; top: 20px; left: 35px; } .author-box2 { text-align: left; margin: 40px -15px 20px -15px; padding: 25px 185px 10px 30px; } .author-box2 img { position: absolute; top: 20px; right: 35px; } #article-post .score-overall { margin-bottom: 0px; } #article-post .row-highlights .col-sm-3.highlights { border-left: 1px solid #e3e3e3; } #comments-list li { margin-bottom: 30px; } #comments-list li ul { margin: 30px 0 0 125px; } #comments-list li .comment { position: relative; padding-left: 125px; } #comments-list li .comment .user-avatar { display: block; position: absolute; top: 0; left: 5px; } #comments-list li .comment-text:before { position: absolute; display: block; content: ""; width: 15px; height: 15px; background: #fff; border-left: 1px solid #dadada; border-top: 1px solid #dadada; margin-left: -34px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #comments-list .author-comment .comment-text:before { background: #f1d7d7; border-color: #eac2c2; } } @media (min-width: 992px) { .author-box { margin: 35px -20px 35px -20px; } .author-box2 { margin: 35px -20px 35px -20px; } #article-post .row-highlights .col-sm-9 { padding-right: 15px; } } @media (min-width: 1200px) { #page-content .head-video iframe { min-height: 500px; } .author-box { margin-left: -25px; margin-right: -25px; } .author-box2 { margin-left: -25px; margin-right: -25px; } #article-post .row-highlights .col-sm-9 { padding-right: 25px; } #article-post .row-highlights .col-sm-3 { padding-left: 20px; } } /** * Archive page */ #archive-page.module-timeline article { padding-left: 290px; min-height: 230px; } #archive-page.module-timeline .input-append { position: relative; line-height: 30px; border-left: 1px solid #e3e3e3; height: 90px; margin: 30px 0 0 290px; padding-left: 25px; } #archive-page.module-timeline .input-append:before { position: absolute; content: ""; top: 3px; left: -15px; width: 30px; height: 30px; background: #444; border: 3px solid #fff; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; } #archive-page.module-timeline .input-append input { width: 160px; font-size: 24px; padding: 0 5px; border: 1px solid #e3e3e3; } #archive-page.module-timeline .input-append .glyphicon { font-size: 24px; margin-left: 5px; } #archive-page.module-timeline article .cnt { border-color: #e3e3e3; min-height: 230px; padding-left: 25px; } #archive-page.module-timeline article:last-child .cnt { min-height: 190px; } #archive-page.module-timeline article h3 { font-weight: 400; font-size: 16px; line-height: 20px; margin: 5px 0 10px 0; } /*#archive-page.module-timeline article h3 a { color: #ef3434; }*/ #archive-page.module-timeline article h3 a:hover { text-decoration: underline; } #archive-page.module-timeline article span.text { font-size: 14px; line-height: 20px; color: #5c5c5c; } #archive-page.module-timeline article img { position: absolute; top: 30px; left: 0; width: 265px; height: 160px; } #archive-page.module-timeline article span.published { width: 265px; top: 2px; font-size: 12px; color: #999; } #archive-page.module-timeline article span.category { font-size: 12px; line-height: 14px; } #archive-page.module-timeline article i.bullet { left: -10px; width: 20px; height: 20px; background: #444; border-color: #fff; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } /** * Archive2 page */ #archive2-page.module-timeline article { padding-left: 130px; min-height: 160px; } #archive2-page.module-timeline .input-append { position: relative; line-height: 30px; border-left: 1px solid #e3e3e3; height: 90px; margin: 30px 0 0 290px; padding-left: 25px; } #archive2-page.module-timeline .input-append:before { position: absolute; content: ""; top: 3px; left: -15px; width: 30px; height: 30px; background: #444; border: 3px solid #fff; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; } #archive2-page.module-timeline .input-append input { width: 160px; font-size: 24px; padding: 0 5px; border: 1px solid #e3e3e3; } #archive2-page.module-timeline .input-append .glyphicon { font-size: 24px; margin-left: 5px; } #archive2-page.module-timeline article .cnt { border-color: #e3e3e3; min-height: 160px; padding-left: 25px; } #archive2-page.module-timeline article:last-child .cnt { min-height: 190px; } #archive2-page.module-timeline article h3 { font-weight: 400; font-size: 16px; line-height: 20px; margin: 5px 0 10px 0; } /*#archive2-page.module-timeline article h3 a { color: #ef3434; }*/ #archive2-page.module-timeline article h3 a:hover { text-decoration: underline; } #archive2-page.module-timeline article span.text { font-size: 14px; line-height: 20px; color: #5c5c5c; } #archive2-page.module-timeline article img { position: absolute; top: 30px; left: 0; width: 265px; height: 160px; } #archive2-page.module-timeline article span.published { width: 108px; top: 2px; font-size: 12px; color: #999; } #archive2-page.module-timeline article span.category { font-size: 12px; line-height: 14px; } #archive2-page.module-timeline article i.bullet { left: -10px; width: 20px; height: 20px; background: #444; border-color: #fff; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } /** * Author page */ #main.author { padding-top: 0; } #author-page .author-box { margin-top: 0; } #author-page .author-box2 { margin-top: 0; } /* ========================================================================== Sidebar ========================================================================== */ #sidebar .row { margin: 0; } #sidebar header h2 { font-size: 17px; line-height: 24px; font-weight: 400; color: #222; border-bottom: 1px solid #f5f5f5;/*border-color: #4e4e4e;*/ } #sidebar header h2 a:hover {text-decoration: none;color: #ef3434;} #sidebar header span.borderline { background: #4e4e4e; } /** * Timeline module */ .module-timeline { margin-bottom: 30px; } .module-timeline article { position: relative; padding-left: 80px; margin: 0; } .module-timeline article .cnt { position: relative; border-left: 1px solid #575757; padding: 20px 0 20px 20px; } .module-timeline article:last-child .cnt { padding-bottom: 0; } .module-timeline article span.published { position: absolute; width: 66px; text-align: right; left: 0; top: 2px; margin-top: 0; color: #999; } .module-timeline article span.published-time { position: absolute; width: 66px; text-align: right; left: 0; top: 16px; } .module-timeline article span.category { position: absolute; top: 2px;; font-size: 11px; line-height: 11px; font-weight: 700; text-transform: uppercase; } .module-timeline article h3 { font-family: inherit; margin: 0; font-size: 13px; line-height: 18px; font-weight: 700; } .module-timeline article h3 a { color: #222; } .module-timeline article h3 a:hover { color: #ef3434; } .module-timeline article i.bullet { position: absolute; top: 0; left: -8px; width: 15px; height: 15px; background: #fff; border: 3px solid #fff; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } /** * Quote module */ #sidebar .module-quote { background: #8e6161; padding: 15px; margin: 0 -15px 1px -15px; } #sidebar .module-quote-vk{margin: 0 -15px 2px -15px;} #sidebar .module-quote header h2 { border-color: #8e6161; } #sidebar blockquote { border: none; padding: 0 0 0 45px; margin: 0; } #sidebar blockquote p { font: italic 400 18px/24px 'Roboto Slab', serif; color: #fff; margin: 0 0 15px 0; } #sidebar blockquote footer { font-size: 13px; color: #ccaaaa; } /** * Singles module */ #sidebar .module-singles { background: #54878a; padding: 15px; margin: 0 -15px 1px -15px; } #sidebar .module-singles header h2 { border-color: #5d8d90; color:#fff; } #sidebar .module-singles header h2 a {color:#fff;} #sidebar .module-singles ul { list-style: none; padding: 0; } #sidebar .module-singles ul li { border-top: 1px solid #769fa1; padding-top: 15px; margin-top: 15px; } #sidebar .module-singles ul li:first-child { border-top: none; margin-top: 0; } #sidebar .module-singles li .glyphicon { float: left; color: #9dc5c7; font-size: 0; margin-right: 12px; } #sidebar .module-singles li .glyphicon i.fa {font-size: 0px;} #sidebar .module-singles li .glyphicon i.fa-comments {background: url(../../images/fa-comments-big.png);width:29px;height:22px;} #sidebar .module-singles li a { display: block; font: 400 15px/18px 'Roboto Slab', serif; color: #fff; overflow: hidden; } #sidebar .module-singles li a:hover { color: #E2E0E0; } #sidebar .module-singles li span.author { color: #9dc5c7; padding-left: 40px; display: block; } /** * News module */ #sidebar .module-news { margin-bottom: 5px; } #sidebar .module-news article { padding: 15px 0; margin: 0; border-top: 1px solid #f5f5f5; /* min-height: 80px;*/ } #sidebar .module-news article:first-child { padding-top: 0; border: none; } #sidebar .module-news article h3 { font: 300 15px/18px 'Roboto Condensed', sans-serif; margin: 0; max-height: 54px; overflow: hidden; } #sidebar .module-news article h3 a { color: #222; } #sidebar .module-news article h3 a:hover { color: #ef3434; } #sidebar .module-news article span.published { display: block; font-size: 11px; line-height: 11px; color: #999; margin: 3px 0 6px 0; } #sidebar .module-news article span.published span.category { display: inline-block; padding-left: 4px; margin-left: 2px; border-left: 1px solid #999; } #sidebar .module-news article img { display: block; float: left; margin-right: 12px; } /** * Photos module */ #sidebar .module-photos p { font-size: 13px; } #sidebar .module-photos .row img { width: 100%; } #sidebar .module-photos .col-xs-4 { padding: 0; border-left: 1px solid #444; } #sidebar .module-photos article { margin: 0 0 1px 0; } #sidebar .module-photos .col-xs-4:first-child { border-left: none; } #sidebar .module-photos article a { display: block; position: relative; } #sidebar .module-photos article a span.glyphicon-shopping-cart{background: url(../../images/glyphicon-shopping-cart.png);width:20px;height:19px;} #sidebar .module-photos article a span.glyphicon-shopping-cart:before { content: ""; } /** * Media Queries */ @media (min-width: 992px) { #sidebar .module-photos .col-xs-4:first-child img { width: 100px; height: 79px; } } @media (min-width: 1200px) { #sidebar .module-quote { padding: 20px 25px; margin: 0 -25px 1px -25px; } #sidebar .module-quote-vk{margin: 0 -25px 2px -25px;} #sidebar .module-singles { padding: 20px 25px; margin: 0 -25px 1px -25px; } } /* ========================================================================== Footer ========================================================================== */ /** * Navigation */ #page-footer { position: relative; } #foot-menu { height: 70px; border-bottom: 1px solid #e4e4e4; overflow: hidden; } #foot-menu ul { padding: 0; } #foot-menu ul li { list-style: none; float: left; margin-right: 1px; } #foot-menu ul li a { display: block; font-size: 14px; font-weight: 700; line-height: 68px; color: #222; text-transform: uppercase; padding: 0 22px; /*border-bottom: 1px solid #222;*/ } #foot-menu ul li.current a, #foot-menu ul li a:hover { color: #999; } #foot-menu ul li.options { float: right; padding-right: 10px; } #foot-menu ul li.options a { display: inline-block; font-size: 12px; color: #999; padding: 0 10px; border: none; } #foot-menu ul li.options a span.glyphicon { padding-left: 10px; color: #999; } #foot-menu ul li.options a:hover, #foot-menu ul li.options a:hover span { color: #222; } /** * About */ #page-footer .about { font-size: 13px; color: #888; } #page-footer .about_2 { font-size: 13px; color: #888; } #page-footer .row { margin: 0; } #page-footer .about div { font-size: 13px; color: #888; margin-top: 30px; } #page-footer .about h3 { text-align: center; } #page-footer .about_2 h3 a span {color: #ef3434;} #page-footer .about h4 { font-size: 15px; color: #444; } #page-footer .about a { color: #828282; } #page-footer .about a i.fa { margin-right: 10px; } #page-footer .about a:hover { color: #222; } #page-footer .about_2 a:hover { color: #222; } #page-footer .about ul { list-style: none; padding: 0; } #page-footer .about_2 ul { list-style: none; padding: 0; } #page-footer .about ul li { float: left; width: 50%; } /** * Copyright */ #page-footer .copyright { font-size: 13px; color: #888; padding: 10px 0; border-top: 1px solid #e4e4e4; } #page-footer .copyright div { text-align: center; } #page-footer .copyright a { font-weight: 700; color: #444; } /** * Media Queries */ @media (min-width: 768px) { #page-footer .about div { margin-top: 15px; } #page-footer .about div:first-child { margin-top: 0; } #page-footer .copyright div { text-align: left; } #page-footer .copyright div.text-right { text-align: right; } } @media (min-width: 992px) { #page-footer .about h3 { text-align: left; /*padding-top: 30px;*/ } #page-footer .about div { padding: 0; /*padding: 0 20px 0 20px;*/ } #page-footer .about div:first-child { padding-left: 5px; } } /* ========================================================================== Banners ========================================================================== */ /** * Banners */ .ad { text-align: center; /*margin: 0 0 20px 0;margin: 0 -25px 20px -25px;*/ /*overflow: hidden;*/ } .ad-separator { background: #ddd; padding: 20px; margin: 0 -20px 20px -20px; } .subscribe {background: #ffd547; padding: 20px; margin: 0 -20px 20px -20px;} .subscribe article {margin-bottom: 5px;} .subscribe article input.btn-success {margin-top: 10px;} .subscribe i.fa-envelope-o{background: url(../../images/fa-envelope-o.png);width:15px;height:11px;display: block;} .subscribe i.fa-envelope-o:before { content: ""; } /** * Media Queries */ @media (min-width: 992px) { .ad-separator { padding: 15px; margin: 0 -15px 20px -15px; } .subscribe { padding: 15px; margin: 0 -15px 20px -15px; } } @media (min-width: 1200px) { .ad-separator { padding: 20px 25px; margin: 0 -25px 20px -25px; } .subscribe { padding: 20px 25px; margin: 0 -25px 20px -25px; } } .mod{padding-top: 20px;} .mod .modcontent span{float: left;margin: 0px 20px 3px 13px;display: block;} .mod .modcontent span i {font-size: 0px;} .mod .modcontent span i.fa-clipboard {background: url(../../images/3ico.png)0px 0px;width:40px;height:40px;} .mod .modcontent span i.fa-bomb{background: url(../../images/3ico.png)-42px -1px;width:40px;height:40px;} .mod .modcontent span i.fa-calculator{background: url(../../images/3ico.png)-84px 0px;width:40px;height:40px;} .mod .modcontent p{overflow: hidden;} .mod .modcontent h3{font-size: 128.6%;} /*iPhone 6 and iPhone 6+ portrait*/ @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait) {.mod .seoblock {padding-left: 15px;padding-right: 15px;}} /*iPhone 6 and iPhone 6+ landscape*/ @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape) {.mod .seoblock {padding-left: 15px;padding-right: 15px;}} /* mobile */ @media screen and (max-width: 768px) {.mod .seoblock {padding-left: 15px;padding-right: 15px;}} #breaking-news{height: 50px; padding: 12px 15px;padding-left: 25px; border-bottom: 0px solid #e3e3e3;/*border-bottom: 1px solid #e3e3e3;*/} #breaking-news a.theme {position: relative;display: inline-block;top: 0px;margin-right: 15px;} #breaking-news a.theme-title { background: #fff; color: #1d1d1d; border-right: 1px solid #ef3434; top: -8px; line-height: 24px; margin-right: 3px; padding-left: 0; } #breaking-news a.theme-title:hover{color: #313131 !important;} #breaking-news .wrapper {display: inline-block;height: 25px;overflow: hidden;} #breaking-news a.theme:hover { color: #fff; text-decoration: none; } #breaking-news h3 { font-size: 16px; line-height: 25px; margin: 0; } #breaking-news span.text { display: inline-block; font-size: 12px; font-weight: 400; margin-left: 10px; } #breaking-news span.published { display: inline-block; font-size: 11px; color: #777; text-transform: uppercase; margin-left: 20px; } #breaking-news h3 a:hover { text-decoration: underline; } @media (max-width: 767px) { #page-content.has-breaking-news { padding-top: 0; } #breaking-news { position: relative; height: auto; padding: 12px 15px; border-bottom: 1px solid #e3e3e3; text-align: center; } #breaking-news a.theme-title { top: 0; margin-bottom: 8px; } #breaking-news .wrapper { text-align: center; height: 37px; overflow: hidden; } #breaking-news .wrapper .item { text-align: center; } #breaking-news h3 { line-height: 18px; } } .cat-reviews { background: #444; } /** * News module */ .header_module-news { margin-bottom: 5px; } .header_module-news article { padding: 15px 0; margin: 0; border-top: 1px solid #e3e3e3; min-height: 80px; } .header_module-news article:first-child { padding-top: 0; border: none; } .header_module-news article h3 { font-size: 13px; line-height: 20px; font-weight: 700; margin: 0; font-family: inherit; /*max-height: 54px;*/ overflow: hidden; } .header_module-news article h3 a { color: #222; } .header_module-news article h3 a:hover { color: #ef3434; } .header_module-news article span.published { display: block; font-size: 11px; line-height: 11px; color: #999; margin: 3px 0 6px 0; } .header_module-news article span.published span.category { display: inline-block; padding-left: 4px; margin-left: 2px; border-left: 1px solid #999; } .header_module-news article span.published span.category a{color: #999;} .header_module-news article img { display: block; float: left; margin-right: 12px; } .mod2 {padding: 0 25px;margin-top: 20px;background: #cce0cd; padding-top: 30px;-webkit-box-shadow: 0 0 12px 0 #333333;box-shadow: 0 0 12px 0 #ccc;border: 1px solid #b8d6ba;} .mod2 h2 { font: 400 17px/17px 'Roboto Condensed', sans-serif; color: #222; border-bottom: 1px solid #f5f5f5; /* border-color: #4e4e4e; */ text-transform: uppercase; margin: 0 0 15px 0; padding-bottom: 10px; } .mod2 header{position: relative;} .mod2 span.borderline { position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background: #222; } .mod2 .calendar span.text { font-size: 16px; font-weight: bold; position: relative; } .mod2 .calendar .text a { text-decoration: none; border-bottom: 1px dashed #0A345B; } .mod2 .calendar ul.calendar-dates { list-style: none; margin: 0; padding: 0;margin-top: 15px;} .mod2 .calendar ul.calendar-dates li { display: inline-block; width: 3.226126%; margin-right: 0px; background-color: #54878a; position: relative; } @media screen and (max-width: 768px) {.mod2 .calendar ul.calendar-dates li { width: 10%;margin-bottom: 3px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: 0px solid #ddd;} } .mod2 .calendar ul.calendar-dates li:hover{ background-color:#90ABAD; } .mod2 .calendar ul.calendar-dates li.selected { background-color: #24425D !important; /* background-color: #F8F8F8; */ } .mod2 .calendar ul.calendar-dates .no-events { background-color: #9dc5c7; } .mod2 .calendar ul.calendar-dates .no-events.selected { background-color: #24425D !important; /* background-color: #F8F8F8; */ } .mod2 .calendar ul.calendar-dates li .date { text-align: center; margin-top: 6px; color: #FFF; font-size: 16px; } .mod2 .calendar ul.calendar-dates li .week-day { text-align: center; color: #FFF; font-size: 12px; margin-bottom: 6px; } .mod2 .red { color: #EF133F !important; } .mod2 .calendar .calendar-menu .left ul { list-style: none; margin: 0; padding: 0; } .mod2 .calendar .calendar-menu { margin-top: 20px; width: 100%; border: 1px solid #E0DFDF; border-radius: 3px; /*box-shadow: 0 0 1px 1px #a2aeb8;*/ display: none; z-index: 9; position: relative; background-color: #FFF; padding-bottom: 15px; } .mod2 .calendar .nav {display: inline-block;} .mod2 .calendar .nav>li>a {padding: 0 6px 0 6px;font-family: 'Roboto Condensed', sans-serif;font-size: 16px;} .mod2 .calendar .nav>li>a:hover,.mod2 .calendar .nav>li>a:focus{text-decoration:none;background-color:transparent;color: #ef3434;} .mod2 .calendar .nav-tabs>li {float: none;} .mod2 .calendar .nav-tabs {border-bottom: 0px solid #ddd;} #day-content .no-pay-nalog {padding-left: 17px;} .section-workarea {padding:25px;} .section-workarea .inner img {float: left;} .section-workarea .inner span.big-text { color: #2b8bc8; overflow: hidden; font-size: 20px; display: block; padding-left: 15px; } .section-workarea .items-list {margin-top: 20px;} .section-workarea div.items-list .section-title { background-color: #dcdfe0; text-transform: uppercase; color: #000000; padding: 10px 25px; font-size: 46px; } .section-workarea div.items-list .name h3 { font: 400 30px/36px 'Roboto Condensed', sans-serif; } .section-workarea div.items-list .detail-btn {margin-top: 15px;} .section-workarea div.items-list .desc {font-size: 16px;} .section-workarea .komplect{margin-top: 25px;margin-bottom: 25px;} .section-workarea .komplect .image{text-align: center;} .headTitle .tabs { margin-bottom: 20px;margin-top: 50px; font-size: 46px; font-weight: 300; line-height: 46px; text-transform: uppercase; text-align: center; overflow: hidden; position: relative; } .headTitle .tabs ul:before, .headTitle .tabs ul:after { content: ""; position: absolute; height: 1px; width: 2000px; background-color: #a5abb7; top: 30px; } .headTitle .tabs ul:before { right: 100%; margin-right: 15px; } .headTitle .tabs ul:after { left: 100%; margin-left: 15px; } .headTitle .tabs li.active a { color: #232323; background-color: transparent;cursor: context-menu; } .headTitle .tabs li.active { font-weight: 900; } .headTitle .tabs ul { display: inline-block; position: relative; } .page-section .message-box { background-color: #00b16a; padding: 15px; position: relative; text-align: center; color: #ffffff; } .page-section .message-box .message-box-inner { border: solid 1px #ffffff; padding: 20px 15px; position: relative; z-index: 1; } .page-section .message-box h2 { font-size: 30px; font-weight: 900; text-transform: uppercase; margin: 0; color: #ffffff; } .page-section .message-box:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url('../../images/overlay-banner.png') repeat center center; } .page-section { position: relative; padding-top: 30px; /*padding-bottom: 30px;*/ overflow: hidden; } .komplekt-pb-block .border5 {margin-bottom: 10px;border: 5px solid #E6E6E6;padding: 15px 10px 20px 20px;} .price { font-size: 22px; font-weight: bold; line-height: 1.3; margin-bottom: 15px; } .price span { color: #d2232a; } p.lotdesc {text-align: center;font-size: 18px !important;margin-bottom: 0;} .numeral {color: rgb(0, 174, 239); font-size: 37px !important; text-align: center;} .article-container-tovar p {font-size: 16px !important;line-height: 24px;} #vk_groups, #vk_groups iframe { width: 100% !important; } /****** LOGIN MODAL ******/ .loginmodal-container { padding: 30px; max-width: 350px; width: 100% !important; background-color: #F7F7F7; margin: 0 auto; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden; font-family: roboto; position: relative; } .loginmodal-container h1 { text-align: left; font-size: 1.8em; font-family: roboto; font-size: 20px; color: #1d1d1d !important; padding: 0 0 13px 0 !important; border-bottom: 1px solid #e0e0e0; } .loginmodal-container .button { float: right; } .loginmodal-container .checkbox{margin: 20px 0 15px 25px;padding-left: 0px;} /*.loginmodal-container .checkbox label { margin: 0; clear: none; background: url(../../images/check.png) no-repeat; padding: 0 0 0 22px; cursor: pointer; height: 15px; display: block; }*/ /*.loginmodal-container .checkbox label:checked {background: url(../../images/check.png) no-repeat; height: 15px; display: block; background-position: 0 -15px;}*/ /*.loginmodal-container .checkbox input[type="checkbox"] { opacity: 0; float: left; width: 15px;}*/ #loginForm input[type=text], #loginForm input[type=password] { height: 44px; font-size: 16px; width: 100%; -webkit-appearance: none; background: #fff; border: 1px solid #d8d8d8; /* border-radius: 2px; */ padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: inset 2px 2px 4px #f1f1f1; } .loginmodal-container .input-group {margin-bottom: 10px;} .loginmodal-container input[type=text]:hover, input[type=password]:hover { border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .loginmodal-container .input-group-addon {border: 1px solid #d8d8d8;} .loginmodal-container .input-group-addon:first-child { border-right: 0; } .loginmodal-container .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 15px; right: 10px; color: #696969; cursor: pointer; } .loginmodal { text-align: center; font-size: 14px; font-family: 'Arial', sans-serif; font-weight: 700; height: 36px; padding: 0 8px; /* border-radius: 3px; */ /* -webkit-user-select: none; user-select: none; */ } .loginmodal-submit { /* border: 1px solid #3079ed; */ border: 0px; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #4d90fe; padding: 17px 0px; font-family: roboto; font-size: 14px; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ } .loginmodal-submit:hover { /* border: 1px solid #2f5bb7; */ border: 0px; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #357ae8; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ } .loginmodal-container a { text-decoration: none; color: #ffffff; font-weight: 400; text-align: center; display: inline-block; } .login-help{ font-size: 12px; } .form-popular-list { padding: 0px 15px 15px 0px; margin: 0 0 20px 0; border-top: 1px solid #dadada;} .form-blanks-popular .form-name-popular a{color: #222;text-decoration: none;font-size: 16px;line-height: 23px;font-weight: 700;} .form-blanks-popular .form-name-popular a:hover { color: #ef3434; } .form-blanks .form-name {margin-bottom: 15px;} .form-blanks .form-name a{color: #222;text-decoration: none;font-size: 17px;line-height: 24px;font-weight: 700;overflow: hidden;display: block;padding-top: 3px;} .form-blanks .form-name a:hover { color: #ef3434; } .form-blanks .form-name i.fa{font-size: 28px;margin-right: 12px; float: left;} @media screen and (min-width: 768px) and (max-width: 1024px) {#header-navigation ul li a{font-size: 9px;}} .interrogation .panel-heading {padding: 10px 25px;border-bottom:0;} .panel-default .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .interrogation .panel-body {padding: 10px 25px;} .interrogation .panel{border-left: 0;border-right: 0;border-top:0;margin-bottom: 0px;} .interrogation .panel-footer {border-top:0;} #sidebar .interrogation .row {margin: 0 -25px 0px -25px;} #sidebar .interrogation article h3 { padding: 0px 25px; margin-bottom: 10px !important;font: 300 17px/20px 'Roboto Condensed', sans-serif !important;} .seoblock h1.about{font-size: 13px; color: #888;} .seoblock h2.about_2{font-size: 13px; color: #888;} .cat-videos .play{ position: absolute; top: 22%; left: 42%; font-size: 120px; color: #444444; } .cat-showtime a:hover .play {color: #dddddd;} #loginForm .input-group {margin-bottom: 12px;} @media (min-width: 768px){ .modal-dialog { width: 800px; margin: 10% auto; }} .komplekt-pb_text{padding: 10px 10px 20px;} .uspeh.theme2 { position: absolute; top: 10px; right: 14px; font: 700 13px/25px 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; background: #444; padding: 0 12px; } .uspeh.theme3 { position: absolute; top: 10px; right: -1px; font: 700 13px/25px 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; padding: 0 12px; } .uspeh.theme4 { position: absolute; top: 10px; right: -1px; font: 700 13px/25px 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; background: #444; padding: 0 12px; } .uspeh.theme3.new {background: #5dc866;} .uspeh.theme3.sports {background: #51a3ff;} .uspeh.theme3 .komplekt-pb_text h2 {margin-top: 0px;} .quans .qu {border: 1px solid #dadada;border-radius: 5px 5px 5px 5px;padding: 7px 15px 8px 14px;margin-bottom: 15px; position: relative;} .quans .qu:before { position: absolute; display: block; content: ""; width: 15px; height: 15px; background: #fff; border-left: 1px solid #dadada; border-top: 1px solid #dadada; margin-right: -8px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(223deg); right: 28px; bottom: -8px; } .quans .qu2 {margin-bottom: 15px;} .progress {position: relative;} .progress .progress-bar .sr-only { position: absolute; width: 100%; margin: 0px; color: #1d1d1d; height: 100%; clip: auto; padding: 0; overflow: hidden; border: 0; top: 0; left: 0; text-align: left; padding-left: 8px; } .asd-subcribe2 { padding: 30px 25px 30px 25px; background: #f7f7f7; position: relative; margin-bottom: 10px;margin-top: 20px;} .asd-subcribe2 img{float: left;margin-right: 20px;} .asd-subcribe-title2{font-size: 18px; line-height: 23px; padding-bottom: 17px;} .asd-submit-btn2 {border: none; padding: 10px; color: #fff; font-size: 14px; background: #DE5B54;border: 1px solid #DE5B54;margin-left: -3px;cursor: pointer;} .asd-submit-btn2:hover{background: #CC544D;} .asd-subcribe-input2 {border-radius: 3px 0 0 3px; width: 250px; height: 42px; border: 1px solid #dbdbdb; padding-left: 8px;font-size: 16px; padding-bottom: 3px;background: url("http://www.buhgalteria.ru/bitrix/templates/.default/components/asd/subscribe.quick.form.my/quick_subscribe_20131026/images/subcr_input_bg.jpg") repeat-x 0 0;background-color: #fff;} .nav-tabs.personal-menu { border-bottom: 0px solid #ddd;} .nav-tabs.personal-menu>li {float: none;background: #f4f4f4;margin-bottom: 0px;} .nav-tabs.personal-menu>li a{border-bottom: 1px solid #dfdfdf;border-radius:0; margin-right: 0px; } .nav-tabs.personal-menu>li.active>a, .nav-tabs.personal-menu>li.active>a:hover, .nav-tabs.personal-menu>li.active>a:focus { background: #10446c; border-bottom: 1px solid #0D3554;color:#fff;} #personal h2.profhead, #orders h2.profhead, #beratorpb h2.profhead, #books h2.profhead {margin: 0px 0 15px 0;} #orders table.sale-personal-order-list { width: 100%; background-color: #F9FAFB; border-collapse: collapse; font-size: 100%; } #orders table.sale-personal-order-list th { background-color: #de5b54; background-repeat: repeat-x; text-align: left; color: #ffffff; text-shadow: #8A211C 1px 1px; text-align: center; vertical-align: middle; border: 2px solid #FFF; padding: 3px 5px; } #books h3 { font-size: 13px; line-height: 18px; font-weight: 700; margin: 0; font-family: inherit; /* max-height: 54px; */ overflow: hidden;color: #222; margin-top: 8px; margin-bottom: 8px; } #books .books-catalog {margin-bottom:25px;} .btn.btn-default.al {padding: 4px 9px;} .input-group-dict {margin-bottom: 20px;} .btn-dict {margin-bottom: 20px;} .faq_li {padding-left: 10px;} .faq_li li {list-style: none;margin-bottom: 10px;} .faq_li li a{line-height: 18px;display: block;} .faq_li li a:hover {text-decoration: none;color: #ef3434;} .faq_li li.active a {text-decoration: none;color: #ef3434;} .info-box.box-dict h2 {margin-top: 0!important;padding-left: 15px;} .info-box.box-dict p {padding-left: 15px;} .moneta img, .wm_transparent img, .yandexmoney img, .qiwi img, .visa img, .mastercard img {float: left;margin-right: 10px;} .moneta p, .wm_transparent p, .yandexmoney p, .qiwi p, .visa p, .mastercard p{overflow: hidden;} .ndscalc-section { font-size:14px; } #calc_nds_out table { width:100%; border-collapse: collapse; } #calc_nds_out table th, #calc_nds_out table td { border: 1px solid #D6D6D6; padding: 5px; vertical-align: top; } #calc_nds_out { margin-top:20px; } #calc_nds_out table th { background-color: #FAF4E2; text-align: center; font-size: 15px; } #calc_nds_out table tr:nth-child(2n) { background: #F7F7F7; } #calc_nds_out table tr:hover { background: #e0f0fd; } #form_calc_nds table tr td { padding:5px; line-height: 24px; margin-bottom: 15px; font-size: 16px; } #form_calc_nds label {font-weight: normal;} #form_calc_nds table tr.subm td { padding-top:15px; } #form_calc_nds .inp-vat { background: url("../../images/ps-p.png") no-repeat right center; padding: 7px 19px 7px 2px; /*text-align: right;*/ width: 60px; } #form_calc_nds #error_sum, #form_calc_nds #error_vat { color:#ff0000; } #form_calc_nds #ajax_load { display:none; } #form_calc_nds input[type=text]{ padding: 6px 20px 5px 10px; font-size: 16px; -webkit-appearance: none; border: 1px solid #d8d8d8; /* border-radius: 2px; */ box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: inset 2px 2px 4px #f1f1f1; } #form_calc_nds select{padding: 7px 10px 7px 10px;} .list-item{margin-bottom: 7px;} .list-item a.name {font-size: 16px;line-height: 23px;} .list-item a.name:hover { color: #ef3434; } table.tProduct {border-collapse: collapse; margin:20px 0;} table.tProduct th, table.tProduct td { border: 1px solid #D6D6D6; padding: 20px 5px; vertical-align: top; } table.tProduct tr:nth-child(2n) {background: #F7F7F7;} table.tProduct {width:100%;} table.tProduct thead tr {font-size: 15px;font-weight:bold;text-align: center;background: #FAF4E2 !important;} table.tProduct thead tr:hover { background: #FAF4E2;} table.tProduct tr:hover {background: #e0f0fd;} table.tProduct .section {color: #23638B;cursor: pointer;font-size: 14px;font-weight: bold;} .spr-section .item{margin-bottom: 7px; font-size: 14px;border-bottom: 1px solid #D6D6D6;padding: 5px;} .spr-section .item a.name {font-size: 16px;line-height: 23px;} .spr-section .item a.name:hover { color: #ef3434; } .spr-section .name { cursor: pointer; margin-bottom: 5px; color: #0D4273; } .allarticles {margin-bottom: 15px;border-top: 1px solid #e3e3e3;padding-top: 5px;clear: both;} .allarticles a{text-align: right;display: block;} .allarticles a:hover { text-decoration: none;color: #ef3434; } .allarticles-2 {margin-bottom: 15px;border-top: 1px solid #e3e3e3;padding-top: 5px;clear: both;} .allarticles-2 a{text-align: left;display: block;} .allarticles-2 a:hover { text-decoration: none;color: #ef3434; } .allarticles-3 {clear: both; margin-top: 205px; margin-left: 15px; margin-right: 15px;} .allarticles-3 a{text-align: left;display: block;border-top: 1px solid #e3e3e3;padding-top: 5px;} .allarticles-3 a:hover { text-decoration: none;color: #ef3434; } /* mobile */ @media screen and (max-width: 768px) {.allarticles {padding-right: 35px;}} .bannermain img { clear: both; padding-left: 15px; padding-right: 15px; margin-bottom: 20px;} .addthis_toolbox {display: inline-block;} .newssource {margin-left: 25px;margin-bottom: 20px;margin-top: 20px;border-top: 1px solid #dadada;padding-top: 15px;font-family: 'Roboto Condensed', sans-serif;font-size: 16px;color: #222;} .newssource span.float {float: left;padding-right: 17px;} .newssource a.href{color: #2a6496;text-decoration: underline;} .newssource a.href:hover{color: #2a6496;text-decoration: none;} .comment_up_down {position: absolute;bottom: 7%;right: 2%;} .comment_up_down img{margin: 0 3px 0 3px;} .comment_up_down span.green{font-size: 14px; color: #3b9a22; margin-right: 5px; margin-left: 3px;} .ebook {margin-bottom: 60px;} .ebook .image { text-align: center; } .page-section .detail-btn {margin-top: 10px;} #linkboxPhoto article.linkbox {text-align: center;} img.img-responsive2{height: 480px;} .bx-pagination { text-align: center; } .bx-pagination-container { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .bx-pagination .bx-pagination-container ul li span { border-radius: 0 !important; padding: 8px 15px !important; background-color: #fff; border: 1px solid #ddd; float: left; line-height: 1.42857143 !important; text-decoration: none; color: #444; height: 38px; } .bx-pagination .bx-pagination-container ul li a{ color: #444; } .bx-pagination .bx-pagination-container ul li { margin: 0 !important; float: left; display:inline; } .bx-pagination .bx-pagination-container ul li:before { content: "" !important; padding-right: 0 !important; float: left; } .bx-pagination .bx-pagination-container .bx-pag-prev { } .bx-pagination .bx-pagination-container .bx-pag-prev:after{ } .bx-pagination .bx-pagination-container .bx-pag-next { /*content: '?';*/ /*text-indent: -9999px;*/ } .bx-pagination .bx-pagination-container .bx-pag-all { display: none; } .bx-pagination .bx-pagination-container ul li.bx-active span { background-color: #444; border-color: #444; color: #fff; } .bx-pagination .bx-pagination-container ul li a:hover, .bx-pagination .bx-pagination-container ul li a span:hover, .bx-pagination .bx-pagination-container ul li a:focus, .bx-pagination .bx-pagination-container ul li a span:focus { color: #2a6496; background-color: #eee !important; border-color: #ddd !important; } /*iPhone 6 and iPhone 6+ portrait*/ @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait) {#archive-page.module-timeline article {min-height: initial;padding-left: 0px;}.module-timeline article{padding-left: 80px;}#archive-page.module-timeline article img{margin-bottom: 20px;width: 100%;height: auto;position: initial;}#archive-page.module-timeline article .cnt{padding-left: 20px;min-height: initial;}} /*iPhone 6 and iPhone 6+ landscape*/ @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape) {#archive-page.module-timeline article {min-height: initial;padding-left: 0px;}.module-timeline article{padding-left: 0px;}#archive-page.module-timeline article img{margin-bottom: 20px;width: 100%;height: auto;position: initial;}#archive-page.module-timeline article .cnt{padding-left: 20px;min-height: initial;}} .rubricsectionlis .bx_sitemap .bx_sitemap_li_title a:hover { color: #ef3434; } .rubricsectionlis .bx_sitemap .bx_sitemap_li_title { font: 400 16px/23px 'Roboto Condensed', sans-serif !important; color: #222; margin: 0 !important; } .rubricsectionlis .bx_sitemap .bx_sitemap_li_title a { font: 400 24px/31px 'Roboto Condensed', sans-serif !important; color: #222; margin: 0 !important; } .rubricsectionlis .bx_sitemap .bx_sitemap_ul li ul {margin-top: 10px;} .rubricsectionlis .bx_sitemap .bx_sitemap_ul li ul .bx_sitemap_li_title a{ font: 400 16px/23px 'Roboto Condensed', sans-serif !important; color: #222; margin: 0 !important; } .rubricsectionlis .bx_sitemap .bx_sitemap_ul li ul .bx_sitemap_li_title a:hover { color: #ef3434; } .section-news {padding-bottom: 20px;} a.vsecom{ position: absolute; top: 10px; right: 0; font: 700 13px/20px 'Roboto Condensed', sans-serif; color: #222; /*padding: 0 12px;*/ border-bottom: 1px dashed #222; margin-right: 10px;-webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease; transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease; } a.vsecom:hover {border-bottom: 0px dashed #222;-webkit-transition: color 0ms ease, background-color 0ms ease, text-shadow 0ms ease, box-shadow 0ms ease, border 0ms ease; transition: color 0ms ease, background-color 0ms ease, text-shadow 0ms ease, box-shadow 0ms ease, border 0ms ease;text-decoration: none; color: #ef3434;} .sale_order_full .tablebodytext b{ margin-left: 0.5em } .sale_order_full .tablebodytext p input:last-child{ color: #fff; background-color: #47a447; border: 1px solid #398439; padding: 6px 12px; border-radius: 4px; text-transform: uppercase; margin-top: 0.5em } ul.cart-up li{ list-style: none; margin-top: 0.5em } ul.cart-up li .fa{ color: #fff; margin-right: 0.5em } span.cart-li{ background: url(cart-round.png) no-repeat center center; background-size: auto 100%; padding: 0.2em 1em; color: #fff } .padding25 { padding: 25px; } /*#article-post blockquote { position: relative; background: #f5f5f7; padding: 35px 80px 35px 70px; margin: 25px 0; border: 0; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } #article-post blockquote:before { position: absolute; top: 20px; left: 25px; content: '"'; font: 700 54px/54px Georgia,serif; color: #999; } #article-post blockquote:after { position: absolute; bottom: 10px; right: 25px; content: '"'; font: 700 54px/54px Georgia,serif; color: #999; }*/ .mdash {padding-left:54px} .mdash li {list-style: none;position: relative;} .mdash li:before { position: absolute; top: 0px; left: -19px; content: '\2014'; } #carousel-na .carousel-control-prev, #carousel-na .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 25px; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease; } #carousel-na .carousel-control-prev { left: -25px; } #carousel-na .carousel-control-next { right: -25px; } #carousel-na .carousel-control-prev-icon, #carousel-na .carousel-control-next-icon { display: inline-block; width: 25px; font-size: 32px; } @media screen and (max-width: 768px) {.mb-pb12{padding-bottom: 12px;}.mb-pt12{padding-top: 12px;display: block;}.section-full {margin: 0 -15px 0 -15px;padding: 45px 15px 0 30px;}.panel-default .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; font-size: 18px; }.panel-default .panel-heading p{margin:0} .asd-subcribe-input2 { border-radius: 3px 0 0 3px; width: 140px; height: 40px; border: 1px solid #dbdbdb; padding-left: 8px; font-size: 16px; padding-bottom: 3px; background: url(http://www.buhgalteria.ru/bitrix/templates/.default/components/asd/subscribe.quick.form.my/quick_subscribe_20131026/images/subcr_input_bg.jpg) repeat-x 0 0; background-color: #fff; } .asd-subcribe-title2 { font-size: 16px; line-height: 26px; padding-bottom: 10px; } .asd-subcribe2 img { width: 40px; } /*#article-post .text .block-notice p:first-child { position: absolute; top: -20px; right: 54px; display: inline-block; margin: 0; padding: 5px 20px; color: #fff; background: #e04e4e; }*/ #article-post .text p { padding-left: 14px; } #article-post .text h2 { padding-left: 14px; } #article-post p.lead { font: 400 16px/23px 'Roboto', serif; color: #222; margin-bottom: 25px; padding-left: 14px; } vre { display: block; margin-left: 0; margin-bottom: 7px; padding: 14px; border-left-style: solid; border-left-width: 3px; border-left-color: #f7164f; background: #f7f7f7; } vre table tr td p {padding:0 !important} .asd-submit-btn2 { border: none; padding: 10px; color: #fff; font-size: 14px; background: #DE5B54; border: 1px solid #DE5B54; margin-left: -3px; cursor: pointer; width: 150px; } } .zamok2{background: url('https://www.buhgalteria.ru/komments/images/zamok_white.png'); width: 10px; display: inline-block; height: 13px; background-size: 10px; margin-left: 5px;} a:hover .zamok2{background: url('https://www.buhgalteria.ru/komments/images/zamok_red.png'); width: 10px; display: inline-block; height: 13px; background-size: 10px; margin-left: 5px;}