@charset "utf-8"; @font-face { font-family: pt_sansregular; font-style: normal; font-weight: 400; src: url(/wp-content/themes/webkoshka/font/pt-sans.regular-webfont.eot); src: url(font/pt-sans.regular-webfont.eot?#iefix) format('embedded-opentype'),url(font/pt-sans.regular-webfont.woff2) format('woff2'),url(font/pt-sans.regular-webfont.woff) format('woff'),url(font/pt-sans.regular-webfont.ttf) format('truetype'); } @font-face { font-family: Ubuntu; font-style: normal; font-weight: 400; src: local("Ubuntu"),url(http://fonts.gstatic.com/s/ubuntu/v7/GMuVYPs2qfSvo2zvGXIEVg.woff2) format("woff2"),url(http://fonts.gstatic.com/s/ubuntu/v7/mZSs29ggGoaqrCNB3kDfZQ.woff) format("woff"); } * { margin: 0; padding: 0; } .button { color:#fff; font-size:22px; text-align:center; background: #C40000; border-radius:7px; padding: 15px; box-sizing:border-box; display:block; position:relative; transition: 1s ease; box-shadow:3px 3px 5px #333; } .button:hover { background:#0187BC; text-decoration:none; } img { border: none; height: auto; max-width: 100%; } a { color: #0187BC; outline: 0; text-decoration: none; } a:hover { text-decoration: underline; } aside,footer,header,nav,section { display: block; } .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } ol,ul { color: #262626; font-size: 1em; line-height: 23px; margin: 10px 20px; } h2, h3, h4 { margin-bottom: 20px; text-align: center; } blockquote { border-left: medium none; margin: 42px 0; padding: 0; position: relative; } blockquote p { color: #4DB2EC; font-family: "Roboto Condensed",sans-serif; font-size: 22px; font-style: italic; font-weight: 400; line-height: 22px; text-align: center; } body { background: url(/wp-content/themes/webkoshka/images/fon.jpg) repeat-x fixed; color: #4B4B4B; font-family: "PT Sans",sans-serif; font-size: 0.88em; line-height: 21px; } .wrapper { background: #fff; margin: 0 auto; max-width: 1200px; width: 95,1%; } .header { overflow: hidden; padding: 20px 20px 0; } .logo { float: left; max-width: 550px; width: 51.16%; } .search { float: right; margin-right: 30px; margin-top: 20px; max-width: 270px; padding: 10px 20px; width: 26.12%; } .search-ico { float: right; } .search-txt { float: left; width: 250px; width: 91%; } .top-menu { border-bottom: 1px solid #F9F9F9; float: left; margin-bottom: 15px; width: 100%; } .top-menu ul { list-style: none; padding: 0 20px; } .top-menu ul li { float: left; margin-right: 10px; position: relative; } .top-menu ul li.dropdown { background: url(/wp-content/themes/webkoshka/images/menu-ico.png) right 55% no-repeat; } .top-menu ul li:first-child { border-left: none; } .top-menu ul li a,.top-menu ul li span { color: #202020; cursor: pointer; display: block; font-family: Ubuntu; font-size: 1.1em; padding: 15px 17px; } .top-menu ul li a:hover { color: #C40000; text-decoration: none; } .top-menu ul li:last-child a { background: 0 0; } #menu li:hover>ul { display: block; } #menu ul { background: #C40000; display: none; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; top: 50px; width: 200%; z-index: 99999; } #menu ul li { border-bottom: 1px solid rgba(255,255,255,.3); display: block; float: none; margin: 0; padding: 0; } #menu ul li:last-child { border-bottom: none; } #menu ul li span { background: 0 0; color: #fff; cursor: pointer; display: block; float: none; font-size: 0.88em; height: auto; line-height: 1; padding: 10px; text-decoration: none; text-transform: none; white-space: nowrap; } #menu ul a { background: 0 0; color: #fff; display: block; float: none; font-size: 0.88em; height: auto; line-height: 1; padding: 10px; text-decoration: none; text-transform: none; white-space: nowrap; } #menu ul a:hover { background: #fff; color: #4B4B4B; } .main { overflow: hidden; padding: 0 50px; } .content { float: left; width: 70.91%; } .breadcrumbs { color: #D0D0D0; font-family: Ubuntu,sans-serif; font-size: 0.75em; line-height: 14px; margin-bottom: 15px; } .breadcrumbs a { color: #D0D0D0; } .article,.rel { float: left; margin-bottom: 45px; margin-right: 8.21%; width: 41.79%; } .article img { margin-bottom: 15px; text-align: center; } .head { font-size: 1.3em; line-height: 25px; } a.head { color: #0187BC; display: block; font-family: "Roboto Condensed",sans-serif; font-weight: 400; } a:hover.head { color: #222; text-decoration: none; } .meta-home { color: #CBCBCB; font-family: Ubuntu,sans-serif; font-size: 0.75em; margin: 2px 0 6px; } .page-nav { padding: 31px 25% 68px; } .page-nav span.current { background-color: #0187BC; border: 1px solid #4DB2EC; color: #FFF; display: inline-block; min-width: 10px; padding: 5px 10px; text-align: center; } .pages { border: none; float: right; margin-right: 55px; padding: 4px 0 6px; } .page-nav a,.page-nav span { background-color: #FFF; border: 1px solid #F5F5F5; color: #333; display: inline-block; min-width: 10px; padding: 5px 10px; text-align: center; } .sidebar { float: right; padding-top: 30px; width: 29.09%; } .widget { margin-bottom: 35px; } .widgettitle { border-bottom: 2px solid #4DB2EC; font-family: "Roboto Condensed",sans-serif; font-size: 20px; font-weight: 400; line-height: 32px; margin: 0 0 26px; position: relative; } .widgettitle span { background-color: #0187BC; color: #FFF; padding: 3px 10px; z-index: 1; } #mbt-sub-bo input[type=text] { border: 1px solid #0187BC; border-radius: 0; color: #555; display: inline-block; font-size: 0.88em; height: 21px; line-height: 21px; margin-bottom: 0; padding: 4px 6px; vertical-align: middle; width: 54%px; } #mbt-sub-bo input[type=text]:focus { border: 1px solid #EDEDED!important; outline: 0; } #mbt-sub-bo input[type=submit] { background: #0187BC; color: #FFF; cursor: pointer; font-weight: 700; margin-bottom: 12px; padding: 6px 7px; } .widget ul { list-style: none none; margin: 0; padding: 0; } .widget ul li a { color: #4B4B4B; display: block; padding: 9px 10px 0 12px; } .children { list-style-type: none; padding-left: 21px!important; top: 0; } .min-popul { float: left; margin-right: 10px; } .title-popul { color: #222!important; font-size: 1.1em; } .popular p { color: #CBCBCB; font-family: Ubuntu,sans-serif; font-size: 0.75em; font-style: italic; padding-left: 110px; white-space: nowrap; } .popular li { margin-bottom: 20px; overflow: hidden; } .footer { background-color: #2B2B2B; overflow: hidden; padding: 0 20px; } .copy { color: #FFF; float: left; font-size: 0.75em; line-height: 48px; width: 400px; } .copy a { color: #fff; display: inline-block; } #bottom-menu { float: right; } #bottom-menu span { color: #888; font-size: 0.75em; padding: 0 10px; } ul#bottom-menu { list-style-type: none; } #bottom-menu li { display: inline-block; } #bottom-menu li a { color: #F5F5F5; display: block; font-size: 0.75em; padding: 0 10px; } .article-full { padding-right: 30px; } .article-full h1 { color: #0187BC; font-family: "PT Sans"; font-size: 2.1em; font-weight: 400; line-height: 40px; margin: 17px 0 7px; word-wrap: break-word; } .article-full img { border: 2px solid #eee; text-align: center; } .meta-full { color: #CBCBCB; font-family: Ubuntu,sans-serif; font-size: 0.75em; line-height: 19px; overflow: hidden; } .time { float: left; } .com-views { float: right; } .com-views img { border: none; } .min { float: left; margin: 0 20px 20px 0; } .article-full p { color: #262626; font-size: 1.1em; line-height: 23px; margin-bottom: 23px; } .related { overflow: hidden; } .related a { color: #222; font-size: 21px; line-height: 25px; } .rel img { margin-bottom: 10px; } .aligncenter { clear: both; display: block; margin: 6px auto; text-align: center; } ol.commentlist { font-size: 1.1em; list-style: none none; margin: 0; padding: 0; } .comment { border-top: 1px solid #F5F5F5; padding: 40px 0 6px; } .commentlist .avatar { float: left; height: 50px; margin-right: 20px; width: 50px; } cite { color: #444; font-family: "Roboto Condensed",sans-serif; font-size: 0.88em; font-style: italic; font-weight: 400; line-height: 21px; } ol.commentlist a.url { color: #222; } ol.commentlist a { color: #cbcbcb; } .comment-meta { display: block; font-family: Ubuntu,sans-serif; font-size: 0.75em; line-height: 16px; padding: 4px 10px 14px 0; } .comment-body p { margin-bottom: 10px; } .reply { font-family: Ubuntu,sans-serif; font-size: 0.75em; position: relative; top: -9px; } p#reply-title { font-family: "Roboto Condensed",sans-serif; font-size: 20px; font-weight: 400; margin: 13px 0 17px; position: relative; } .popular img { float: left!important; margin-right: 10px; margin-top: 8px; } #commentform #author,#commentform #email,#commentform #url { max-width: 100%; width: 90%; } input[type=text] { background-color: #FAFAFA; border: 1px solid #F5F5F5; border-radius: 0; color: #555; display: inline-block; font-size: 0.88em; height: 21px; line-height: 21px; margin-bottom: 10.5px; padding: 4px 6px; transition: border .2s linear 0s,box-shadow .2s linear 0s; vertical-align: middle; } input[type=text]:focus { border: 1px solid #EDEDED!important; outline: 0; } #commentform { margin-bottom: 30px; } #commentform textarea { background-color: #FAFAFA; border: 1px solid #F5F5F5; border-radius: 0; color: #555; display: inline-block; font-size: 1.1em; line-height: 21px; margin-bottom: 10.5px; max-width: 100%; padding: 4px 6px; transition: border .2s linear 0s,box-shadow .2s linear 0s; vertical-align: middle; width: 90%; } .form-submit input { background-color: #0187BC; border: none; border-radius: 0; color: #FFF; cursor: pointer; font-family: "Roboto Condensed",sans-serif; font-size: 0.88em; font-weight: 400; height: 34px!important; margin-bottom: 4px; padding: 5px 12px 7px!important; text-shadow: none; transition: opacity .4s ease 0s; } .form-submit input:hover { opacity: .8; text-shadow: none; transition: opacity .4s ease 0s; } #commentform textarea:focus { border: 1px solid #EDEDED!important; outline: 0; } #toTop { background: #0187BC; bottom: 10px; color: #fff; cursor: pointer; display: none; font-size: 45px; height: 40px; padding-top: 10px; position: fixed; right: 10px; text-align: center; width: 45px; } .error { color: #0187BC; font-size: 22px; line-height: 30px; padding: 15px; } pre { border: 1px solid #aaa; margin-bottom: 15px; margin-left: 35px; overflow: auto; padding: 15px; } .highslide-container div { font-family: Verdana,Helvetica; font-size: 10pt; } .highslide-container table { background: 0 0; } .highslide { outline: 0; text-decoration: none; } .highslide:hover img { border-color: gray; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: #000; cursor: default; visibility: visible; } .highslide-image { background: gray; border-color: #fff; border-style: solid; border-width: 2px; } .highslide-outline,.highslide-wrapper { background: #fff; } .glossy-dark { background: #111; } .highslide-number { color: gray; font-size: .9em; font-weight: 700; } .highslide-caption { display: none; font-size: 1.1em; padding: 5px; } .highslide-heading { display: none; font-weight: 700; margin: .4em; } .highslide-dimming { background: #000; position: absolute; } a.highslide-full-expand { background: url(/wp-content/themes/webkoshka/images/highslide/fullexpand.gif) no-repeat; display: block; height: 34px; margin: 0 10px 10px 0; width: 34px; } .highslide-loading { background-color: #fff; background-image: url(/wp-content/themes/webkoshka/images/highslide/loader.white.gif); background-position: 3px 1px; background-repeat: no-repeat; border: 1px solid #fff; color: #000; display: block; font-size: 9px; font-weight: 700; padding: 3px 3px 3px 22px; text-decoration: none; text-transform: uppercase; } a.highslide-credits,a.highslide-credits i { color: silver; font-size: 10px; padding: 2px; text-decoration: none; } a.highslide-credits:hover,a.highslide-credits:hover i { background-color: gray; color: #fff; } .highslide-move,.highslide-move * { cursor: move; } .highslide-viewport { background: 0 0; display: none; height: 100%; left: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 1; } .hidden-container,.highslide-overlay { display: none; } .closebutton { background: url(/wp-content/themes/webkoshka/images/highslide/close.png); cursor: pointer; height: 30px; left: 15px; position: relative; top: -15px; width: 30px; } .highslide-controls { background: url(/wp-content/themes/webkoshka/images/highslide/controlbar-white.gif) 0 -90px no-repeat; height: 40px; margin: 20px 15px 10px 0; width: 195px; } .highslide-controls ul { background: url(/wp-content/themes/webkoshka/images/highslide/controlbar-white.gif) right -90px no-repeat; height: 40px; left: 15px; list-style: none; margin: 0; padding: 0; position: relative; } .highslide-controls li { float: left; margin: 0; padding: 5px 0; } .highslide-controls a { background-image: url(/wp-content/themes/webkoshka/images/highslide/controlbar-white.gif); display: block; float: left; height: 30px; outline: 0; width: 30px; } .highslide-controls a.disabled,.highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { cursor: pointer; display: none; } .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px!important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px!important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px!important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px!important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } .highslide-maincontent { display: none; } .highslide-html { background-color: #fff; } .highslide-html-content { display: none; padding: 0 5px 5px; width: 400px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-next,.highslide-header ul li.highslide-previous { display: none; } .highslide-header a { color: gray; font-weight: 700; text-decoration: none; text-transform: uppercase; } .highslide-header a:hover { color: #000; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { background: url(/wp-content/themes/webkoshka/images/highslide/resize.gif) no-repeat; display: block; float: right; height: 11px; margin-top: 5px; width: 11px; } .highslide-footer .highslide-resize span { display: none; } .highslide-resize { cursor: nw-resize; } .draggable-header .highslide-header { border-bottom: 1px solid #ddd; height: 18px; } .draggable-header .highslide-heading { margin: 2px .4em; position: absolute; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { float: right; padding: 0; position: relative; z-index: 2; } .draggable-header .highslide-header .highslide-close a { background-image: url(/wp-content/themes/webkoshka/images/highslide/closeX.png); display: block; height: 16px; width: 16px; } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } .titlebar .highslide-header { border-bottom: 1px solid #ddd; height: 18px; } .titlebar .highslide-heading { color: #666; margin: 1px .4em; position: absolute; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { padding: 0 0 0 1em; position: relative; top: 3px; z-index: 2; } .titlebar .highslide-maincontent { padding-top: 1em; } .no-footer .highslide-footer { display: none; } .wide-border { background: #fff; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px; } .borderless .highslide-image { border: none; } .borderless .highslide-caption { background: silver; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444; } .outer-glow .highslide-caption { background-color: gray; border: 5px solid #444; border-top: none; padding: 5px; } .colored-border { background: #fff; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } .dark { background: #111; } .dark .highslide-image { background: gray; border-color: #000 black #202020 #000; } .dark .highslide-caption { background: #111; color: #fff; } .dark .highslide-controls,.dark .highslide-controls a,.dark .highslide-controls ul { background-image: url(/wp-content/themes/webkoshka/images/highslide/controlbar-black-border.gif); } .floating-caption .highslide-caption { background: 0 0; border: none; color: #fff; font-weight: 700; padding: 1em 0 0; position: absolute; } .controls-in-heading .highslide-heading { background: url(/wp-content/themes/webkoshka/images/highslide/icon.gif) 0 1px no-repeat; color: gray; cursor: default; font-weight: 700; height: 20px; margin: 0; overflow: hidden; padding: 0 0 0 22px; } .controls-in-heading .highslide-controls { background: 0 0; height: 20px; left: 7px; margin: 0; position: relative; top: -23px; width: 105px; } .controls-in-heading .highslide-controls ul { background: 0 0; height: 20px; position: static; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(/wp-content/themes/webkoshka/images/highslide/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px!important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px!important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px!important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px!important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } .text-controls .highslide-controls { background: 0 0; height: auto; margin: 0; text-align: center; width: auto; } .text-controls ul { background: 0 0; height: auto; left: 0; position: static; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(/wp-content/themes/webkoshka/images/highslide/controlbar-text-buttons.png); background-position: right top!important; display: block; margin-left: 15px; padding: 0; width: auto; } .text-controls a { background: url(/wp-content/themes/webkoshka/images/highslide/controlbar-text-buttons.png) no-repeat; background-position: left top!important; display: block; height: auto; left: -10px; position: relative; text-decoration: none!important; width: auto; } .text-controls a span { background: url(/wp-content/themes/webkoshka/images/highslide/controlbar-text-buttons.png) no-repeat; color: #333; display: block; font-family: "Trebuchet MS",Arial,sans-serif; font-size: 0.75em; font-weight: 700; height: 18px; line-height: 18px; margin: 1px 2px 1px 10px; min-width: 4em; padding: 1px 0 1px 18px; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { margin: 1px 0; min-width: 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: #000; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top!important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top!important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top!important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: 0 0; } .text-controls .highslide-full-expand a.disabled { background-position: left top!important; } .text-controls .highslide-close span { background-position: 0 -120px; } .highslide-thumbstrip { height: 100%; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { border-collapse: collapse; padding: 0; position: relative; } .highslide-thumbstrip td { padding: 1px; } .highslide-thumbstrip a { outline: 0; } .highslide-thumbstrip img { border: 1px solid gray; display: block; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { border-color: transparent; border-style: solid; border-width: 0; height: 0; position: absolute; width: 0; } .highslide-thumbstrip-horizontal div { width: auto; } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; height: 42px; left: 3px; position: absolute; top: 3px; width: 25px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { background-image: url(/wp-content/themes/webkoshka/images/highslide/scrollarrows.png); background-position: left center; background-repeat: no-repeat; cursor: pointer; height: 42px; margin-bottom: 10px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; height: 42px; position: absolute; right: 3px; top: 3px; width: 25px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { background: url(/wp-content/themes/webkoshka/images/highslide/scrollarrows.png) center right no-repeat; cursor: pointer; height: 42px; margin-bottom: 10px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { height: 40px; width: auto; } .highslide-thumbstrip-horizontal .highslide-marker { border-bottom: 6px solid gray; border-left-width: 6px; border-right-width: 6px; top: 47px; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker,.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: #fff!important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; height: 25px; left: 0; position: absolute; top: 0; width: 100%; } .highslide-thumbstrip-vertical .highslide-scroll-up div { background: url(/wp-content/themes/webkoshka/images/highslide/scrollarrows.png) top center no-repeat; cursor: pointer; height: 25px; margin-left: 10px; } .highslide-thumbstrip-vertical .highslide-scroll-down { bottom: 0; display: none; height: 25px; left: 0; position: absolute; width: 100%; } .highslide-thumbstrip-vertical .highslide-scroll-down div { background: url(/wp-content/themes/webkoshka/images/highslide/scrollarrows.png) bottom center no-repeat; cursor: pointer; height: 25px; margin-left: 10px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical .highslide-marker { border-bottom-width: 6px; border-left: 6px solid gray; border-top-width: 6px; left: 0; margin-top: 8px; } .dark .highslide-thumbstrip-vertical .highslide-marker,.highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: #fff; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; float: left; height: 60px; list-style: none; margin: 0 2px; } .highslide-thumbstrip-float img { border-color: silver; display: inline; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: #000; } .highslide-thumbstrip-float .highslide-marker,.highslide-thumbstrip-float .highslide-scroll-down div,.highslide-thumbstrip-float .highslide-scroll-up div { display: none; } .img-responsive { display: block; height: auto; max-width: 100%; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } @media screen and (max-width:800px) { .article { float: none; width: 100%; } .logo { float: none; max-width: 550px; text-align: center; width: 100%; } .search { float: none; margin: 20px auto 0; max-width: 90%; overflow: hidden; padding: 10px 20px; width: 90%; } .content { float: none; width: 100%; } .article { float: none; width: 100%; } .article img { width: 100%; } .article p img { width: auto; } .sidebar { float: none; padding-top: 30px; width: 100%; } #bottom-menu { float: none; width: 100%; } .copy { float: none; padding: 0 10px; width: 100%; } .widget:nth-child(1) { width: 100%; } #mbt-sub-bo input[type=text] { width: 77%; } .widget:nth-child(2) { float: left; width: 48%; } .widget:nth-child(3) { float: right; width: 48%; } .widget:nth-child(4) { clear: both; width: 100%; } .page-nav { padding: 31px 10% 68px; } .main { padding: 0 10px; } .uptl_container { display: none; } } @media screen and (max-width:480px) { .article { float: none; width: 100%; } #mbt-sub-bo input[type=text] { width: 57%; } .widget:nth-child(2),.widget:nth-child(3) { float: none; width: 100%; } .top-menu { display: none; } .uptl_container { display: none; } }