@charset "utf-8";
@import "fonts/fonts.css";
@import "standart.css";
@import "shStyle.css";
@import "shThemeDjango.css";
@import "menu.css";
@import "jquery.formstyler.css";
@import "admin/jquery.mCustomScrollbar.css";
@import "../script/highslide/highslide.css";


body {margin: 0; padding: 0; color: #000; font: normal 14px SFont, Arial, sans-serif;}

a {color: #2e8de0; text-decoration:none;}
a:hover {color: #090; text-decoration:none;}


#info {width: 0 !important; height: 0 !important; overflow: hiddeh; position: absolute; top: 0; left: 0;}
.div_404 {text-align:center; margin: 50px 0px; color: #9099a7; font: bold 140px/160px 'Arial Black', Arial, Helvetica, sans-serif; text-shadow: 3px 3px 5px #999;}
.ip {position: relative; cursor: pointer;}


#auth {cursor:pointer; color:#fff; font: normal 13px Arial, Helvetica, sans-serif; text-decoration:none; border-bottom:none;}
a.auth {color:#fff; font: normal 13px Arial, Helvetica, sans-serif; text-decoration:none; border-bottom:none;}
a.auth:hover {color:#fff; text-decoration:none; border-bottom:none;}


/* Des PreLoader */
.preloader {background-color: #0b0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
.preloader__loader {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.preloader__loader i {font-size: 76px; color: #fff; text-align: center;}
.hide_preloader {display: none;}

.preloader__loader ul {list-style: none; margin: 0; padding: 0; overflow: hidden; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); -webkit-animation: preloader-2-rot 12s linear infinite; -moz-animation: preloader-2-rot 12s linear infinite; -o-animation: preloader-2-rot 12s linear infinite; animation: preloader-2-rot 12s linear infinite;}
.preloader__loader li {width: 30px; height: 30px; margin: 0; padding: 0; overflow: hidden; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-animation: preloader-2-scale 0.6s linear alternate infinite; -moz-animation: preloader-2-scale 0.6s linear alternate infinite; -o-animation: preloader-2-scale 0.6s linear alternate infinite; animation: preloader-2-scale 0.6s linear alternate infinite;}
.preloader__loader li:nth-child(1) {z-index: 24; -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; -o-animation-delay: 0.05s; animation-delay: 0.05s;}
.preloader__loader li:nth-child(2) {z-index: 23; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;}
.preloader__loader li:nth-child(3) {z-index: 22; -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -o-animation-delay: 0.15s; animation-delay: 0.15s;}
.preloader__loader li:nth-child(4) {z-index: 21; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;}
.preloader__loader li:nth-child(5) {z-index: 20; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s;}
.preloader__loader li:nth-child(6) {z-index: 19; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;}
.preloader__loader li:nth-child(7) {z-index: 18; -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -o-animation-delay: 0.15s; animation-delay: 0.15s;}
.preloader__loader li:nth-child(8) {z-index: 17; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;}
.preloader__loader li:nth-child(9) {z-index: 16; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s;}
.preloader__loader li:nth-child(10) {z-index: 15; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
.preloader__loader li:nth-child(11) {z-index: 14; -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -o-animation-delay: 0.15s; animation-delay: 0.15s;}
.preloader__loader li:nth-child(12) {z-index: 13; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;}
.preloader__loader li:nth-child(13) {z-index: 12; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s;}
.preloader__loader li:nth-child(14) {z-index: 11; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
.preloader__loader li:nth-child(15) {z-index: 10; -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s;}
.preloader__loader li:nth-child(16) {z-index: 9; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;}
.preloader__loader li:nth-child(17) {z-index: 8; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s;}
.preloader__loader li:nth-child(18) {z-index: 7; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
.preloader__loader li:nth-child(19) {z-index: 6; -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s;}
.preloader__loader li:nth-child(20) {z-index: 5; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s;}
.preloader__loader li:nth-child(21) {z-index: 4; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s;}
.preloader__loader li:nth-child(22) {z-index: 3; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
.preloader__loader li:nth-child(23) {z-index: 2; -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s;}
.preloader__loader li:nth-child(24) {z-index: 1; -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; -o-animation-delay: 0.45s; animation-delay: 0.45s;}
.preloader__loader li:nth-child(25) {z-index: 0; -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; -o-animation-delay: 0.45s; animation-delay: 0.45s;}

@-webkit-keyframes preloader-2-rot { 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }}
@-moz-keyframes preloader-2-rot { 100% {-moz-transform: rotate(360deg); transform: rotate(360deg); -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; }}
@-o-keyframes preloader-2-rot { 100% {-o-transform: rotate(360deg); transform: rotate(360deg); -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }}
@keyframes preloader-2-rot { 100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }}

@-webkit-keyframes preloader-2-scale { 100% {-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0;}}
@-moz-keyframes preloader-2-scale { 100% {-moz-transform: scale(0.1); transform: scale(0.1); opacity: 0;}}
@-o-keyframes preloader-2-scale { 100% {-o-transform: scale(0.1); transform: scale(0.1); opacity: 0;}}
@keyframes preloader-2-scale { 100% {-webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); opacity: 0;}}
/* Des PreLoader */


/* Des Modal */
#h_div {display:none;}
#s_div {width:100%; height:100%; position:fixed; _position:absolute; top:expression(eval(document.body.scrollTop) + "px"); left:expression(eval(document.documentElement.scrollLeft) + "px"); z-index:500; background-color: rgba(0,0,0, 0.7);}

#x_div_h2 {width:450px; position:fixed; _position:absolute; top:50%; left:50%; margin: -100px 0px 0px -225px; padding: 0 0 15px; text-align:center; z-index:502; background-color: #fff; z-index: 501; box-sizing: border-box; overflow:hidden; border: 6px solid #080;}
#x_div_h3 {width:450px; position:fixed; _position:absolute; top:50%; left:50%; margin: -100px 0px 0px -225px; padding: 0 0 15px; text-align:center; z-index:502; background-color: #fff; z-index: 501; box-sizing: border-box; overflow:hidden; border: 6px solid #a00;}

#x_div_h2 h2 {margin: 0 0 10px; padding: 0 0 4px; color:#fff; font: bold 17px/28px SFont, Arial, sans-serif; text-align:center; background-color: #070; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4), color-stop(100%,#474)); background: -moz-linear-gradient(top, #4c4, #474); background: -o-linear-gradient(top, #4c4, #474); background: -ms-linear-gradient(top, #4c4, #474);}
#x_div_h3 h3 {margin: 0 0 10px; padding: 0 0 4px; color:#fff; font: bold 17px/28px SFont, Arial, sans-serif; text-align:center; background-color: #b00; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c00), color-stop(100%,#900)); background: -moz-linear-gradient(top, #c00, #900); background: -o-linear-gradient(top, #c00, #900); background: -ms-linear-gradient(top, #c00, #900);}

#x_div_h2 p, 
#x_div_h3 p {margin: 0; color: #000; position:relative; padding: 5px 15px; text-align:center; font: normal 15px/20px SFont, Arial, sans-serif;}
#hide {display:block; position: absolute; top: 5px; right: 9px; line-height:20px; text-align:center; color: #fff; font-weight: bold; cursor: pointer; text-decoration:none; font-size: 24px; font-family: Arial, Helvetica, sans-serif;}

#auth_form {position: relative; display: block;}
#lost_form {position: relative; display: none;}

#auth_lost_pass, 
#auth_form_back {position: absolute; display: block; top: 10px; left: 0; margin: 0 auto; color: #1c6cff; font: normal normal 14px/14px SFont, Arial, sans-serif; border-bottom:1px dotted #1c6cff; cursor:pointer;}
#auth_lost_pass:hover, #auth_form_back:hover {border-bottom:1px solid #1c6cff;}
/* Des Modal */


/* Des Auth */
.dv_auth {position: relative; display: block; width: 320px; margin: 0 auto; padding: 5px 0; text-align: right;}
.dv_auth:last-of-type {margin: 0 auto; padding: 5px 0 0;}
.input_aut {width: 200px; margin: 0 0 0 6px; padding: 3px 5px; box-sizing: border-box; border: 2px solid #090; color: #777; font-family: Arial, Helvetica, sans-serif; font-size:13px; text-align:left; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
.input_aut:focus {color:#000;}
.button {width: 200px; font: bold 14px/18px SFont, Arial, sans-serif; padding: 2px 0; color:#fff; border: 0; cursor: pointer; background-color: #070; background: -webkit-linear-gradient(top, bottom, #3c3, #070); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3), color-stop(100%,#070)); background: -moz-linear-gradient(top, #3c3, #070); background: -o-linear-gradient(top, #3c3, #070); background: -ms-linear-gradient(top, #3c3, #070);}
.button_red {width: 200px; font: bold 14px/18px SFont, Arial, sans-serif; padding: 2px 0; color:#fff; border: 0; cursor: pointer; background-color: #070; background: -webkit-linear-gradient(top, bottom, #c00, #900); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c00), color-stop(100%,#900)); background: -moz-linear-gradient(top, #c00, #900); background: -o-linear-gradient(top, #c00, #900); background: -ms-linear-gradient(top, #c00, #900);}
/* Des Auth */


@media screen and (max-width: 590px){

#x_div_h2,
#x_div_h3 {width: 320px; margin: -100px 0px 0px -160px;}

#x_div_h2 p, 
#x_div_h3 p {padding: 5px; font: normal 14px/18px SFont, Arial, sans-serif;}

.dv_auth {position: relative; display: block; width: 280px;}
.input_aut, .button, .button_red {width: 170px;}
    
}

/* Des ToolTip + jQuery */
.tool {position: relative; cursor: pointer;}
#WzTtDiV {-webkit-box-shadow: 3px 3px 5px #333; -khtml-box-shadow: 3px 3px 5px #333; -moz-box-shadow: 3px 3px 5px #333; box-shadow: 3px 3px 5px #333; }
#WzTtDiV, #WzTiTl, #WzTtIfRm {background: none !important; margin: 0 !important; padding: 0 !important; border: 0; overflow: visible !important;}
#WzBoDy {display: block; margin: 0 !important; padding: 3px 0 !important; background-color: #1c86d8; border: 2px solid #59b4fa; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
#WzBoDyI {color:#fff; font: bold 13px/14px SFont, Arial, Tahoma, sans-serif; white-space: nowrap;}
/* Des ToolTip + jQuery */


/* Des Root */
#des_1 {position: relative; background-color: #e9ecf2; width: 100%; overflow:hidden;}
#des_1::before {content: ''; position: fixed; display: block; top: 0; left: 0; width: 100%; height: 42px; background-color: #009434; z-index: 420;}

#des_2 {position: relative; display: block; max-width: 1100px; margin: 0 auto; padding: 42px 0 0; overflow: hidden; -webkit-box-shadow: 0 0 4px 1px #555; -moz-box-shadow: 0 0 4px 1px #555; -khtml-box-shadow: 0 0 4px 1px #555; box-shadow: 0 0 4px 1px #555;}
#des_3 {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 42px; z-index: 450;}
#des_4 {position: relative; display: block; max-width: 1100px; margin: 0 auto; height: inherit; background-color: #0b0; -webkit-box-shadow: 0 2px 5px #555; -moz-box-shadow: 0 2px 5px #555; -khtml-box-shadow: 0 2px 5px #555; box-shadow: 0 2px 5px #555;}

#des_5 {position: relative; display: block; width: 100%; height: 230px; background-image: url(psf.jpg); background-position: 50% 0%; background-repeat: no-repeat; background-size: cover;}
#des_5::before {content: ''; display: block; position: absolute; bottom: 0; right: 20px; width: 45%; height: 90%; background-image: url(psf.png); background-position: 0% 100%; background-repeat:no-repeat; background-size: contain;}

#des_6 {position: relative; display: block; width: 100%; margin-right: 260px; z-index: 5; background-color: #fff;}
#des_6:before {content: ''; display: block; position: relative; height: 7px; background-color: #1c86d8;}
#des_6:after {content: ''; display: block; width: 100%; height: 0; clear: both; overflow-x: hidden;}
#des_7 {position: relative; display: block; float: left; width: 100%; margin: 0; padding: 10px 15px 20px; border-right: 250px solid #f5f7fa; box-sizing: border-box; background-color: #fff;}
#des_8 {position: relative; display: block; float: right; margin: 5px 0 0 -250px; width: 250px; box-sizing: border-box; padding: 10px; background-color: #f5f7fa;}

#des_9 {position: relative; display: block; max-width: 1100px; margin: 0 auto; padding: 0 0 8px; background-color:#444d62; border-top: 7px solid #9099a7;}
#des_11 {position: relative; margin: 0 15px; text-align: center; clear: both; border: 2px solid #9099a7; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}

#rlk, #rlk:hover {position: absolute; display: block; width: 174px; height: 42px; top: 0px; left: 20px; text-decoration: none; background-image: url(sprite.png); background-position: 0px 6px; background-repeat:no-repeat;}

#topnaz {position: relative; padding: 25px 0 0 20px; color: #fff; font: bold 24px/30px SFont, Arial, sans-serif;}
#topnaz p {margin: 0 0 0 2px; padding: 0 0 0 10px; color: #fff; font: italic bold 16px/18px SFont, Arial, sans-serif; border-left: 5px solid #fff;}
#topnaz p:first-of-type {margin-top: 15px; padding-bottom: 5px;}
#topnaz b, #topnaz p b {white-space: nowrap; padding: 0;}

.des_futs {float: left; width: 28%; margin: 10px 0 5px;}
.des_futs p {margin: 0; padding: 5px 10px 5px 15px; color:#fff; font: bold 13px/16px SFont, Arial, sans-serif; text-decoration:none;}
.des_futs_menu {float: left; width: 24%; margin: 10px 0 0;}
.des_futs_menu span {color: #c6cbd8; font: normal 14px/22px Arial, sans-serif; text-decoration:none;}
.des_futs_menu a {color: #c6cbd8; font: normal 14px/18px SFont, Arial, sans-serif; text-decoration:none;}
.des_futs_menu a:hover {color:#b6bdc8; text-decoration:none;}
.des_futs_menu ul {margin: 2px 0 0 17px; padding: 0; list-style-type:none; color:#fff; font: normal 12px/17px SFont, Arial, sans-serif;}
.des_futs_menu ul li {position: relative; margin: 0; padding: 0;}
.des_futs_menu ul li::before {content:"\f0da"; display: block; position: absolute; top: -1px; left: -10px; color:#A3A9BB; font: normal normal 900 14px/18px "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.des_futs_menu ul li a {color: #A3A9BB; font: normal 13px/18px Arial, sans-serif; text-decoration:none;}
.des_futs_menu ul li a:hover {color: #fff; text-decoration: none;}
#flk, #flk:hover {position: relative; display: block; width: 145px; height: 60px; margin: 0 0 0 15px; text-decoration: none; background-image: url(sprite.png); background-position: 0px -50px; background-repeat:no-repeat;}

.des_11 {height: 5px; background-color: #cfd6e0;}
.des_12 {height: 35px; background-color: #f5f7fa;}
.des_11 a img, .des_11 img {width:88px; height:31px; margin-top: 2px; border: none !important; opacity: 0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1;}
.des_12 a img, .des_12 img {width:88px; height:31px; margin-top: 2px; border: none !important; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}
/* Des Root */


/* Des Menu */
* html #smoothmenu ul li a {display: inline-block;}
* html #smoothmenu {height: 1%;}
#smoothmenu {display: block; position:relative; margin: 0 0 0 250px; font: normal 15px SFont, Arial, sans-serif;}
#smoothmenu ul {z-index: 50; margin: 0; padding: 0; list-style-type:none;}
#smoothmenu ul li {margin: 0; padding: 0; position: relative; display: inline; float:left;}
#smoothmenu ul li:hover {background-color: #009434;}
#smoothmenu ul li a {display:block; height: 42px; padding: 0 10px; font: bold 15px/42px SFont, Arial, sans-serif; text-transform: uppercase; color:#fff; text-decoration: none;}
#smoothmenu ul li a:hover {color: #fff; text-decoration:none;}

#smoothmenu ul li ul {list-style:none; width: 250px; position: absolute; left: 0; top: 0; display: none; margin: 0; padding:0; visibility: hidden; background-color: #009434; -webkit-box-shadow: 3px 3px 5px #555; -moz-box-shadow: 3px 3px 5px #555; -khtml-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555;}
#smoothmenu ul li ul li {display: list-item; float: none; margin: 0; padding: 0; border-bottom: 1px dotted #0c0;}
#smoothmenu ul li ul li:last-of-type {border-bottom: none;}
#smoothmenu ul li ul li:hover {background-color: #0b0;}

#smoothmenu ul li ul li ul {top: 0; margin: 0; padding: 0;}
#smoothmenu ul li ul li a {height: 30px; padding: 0 5px 2px 12px; margin: 0; color:#fff; font: normal 15px/30px SFont, Arial, sans-serif; text-transform: none; text-decoration:none;}
#smoothmenu ul li ul li a:hover {color: #fff; text-decoration:none;}

.downarrowclass, .ddshadow, .toplevelshadow {display: none;}
.rightarrowclass {display: block; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin-top: -7px;}
.rightarrowclass::before {content: "\f0da"; width: inherit; height: inherit; display: block; color: #fff; font: normal normal 900 12px/14px "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* Des Menu */


/* Des Pager */
.pager {margin: 30px 0 5px; color: #333; font: bold 14px/24px SFont, Arial, Helvetica, sans-serif !important; text-align:center; white-space:nowrap;}

.currentpage_out, a.menuinfo_out, a.pagerk1_out,
a.pagerk2_out {color: inherit; display: inline-block; min-width: 34px; height: 26px; margin: 0 1px; padding: 0 8px; font: inherit; white-space:nowrap; box-sizing: border-box; text-decoration: none !important;
               border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; 
			   background: -webkit-linear-gradient(top, bottom, #fff, #ddd); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd)); background: -moz-linear-gradient(top, #fff, #ddd); background: -o-linear-gradient(top, #fff, #ddd); background: -ms-linear-gradient(top, #fff, #ddd);}
		
.currentpage_out, .pagerdot_out {cursor: default;}
.pagerdot_out {padding: 0 3px;}

a.pagerk1_out::before, a.pagerk2_out::before {color: inherit; display: inline-block; font:normal normal 900 16px/22px "Font Awesome 5 Pro"; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
a.pagerk1_out::before {content: "\f100"; padding: 0 0 0 2px;}
a.pagerk2_out::before {content: "\f101"; padding: 0 0 0 5px;}

.currentpage_out, a.pagerk1_out:hover, a.pagerk2_out:hover, a.menuinfo_out:hover {color: #fff; border: 1px solid #adb5c2; background: -webkit-linear-gradient(top, bottom, #9099a7, #6c7480); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9099a7), color-stop(100%, #6c7480)); background: -moz-linear-gradient(top, #9099a7, #6c7480); background: -o-linear-gradient(top, #9099a7, #6c7480); background: -ms-linear-gradient(top, #9099a7, #6c7480);}
a.pagerk1_out:hover::before, a.pagerk2_out:hover::before {color: #fff;}

.pager ul {display: block; position: relative; margin: 0; padding: 0;}
.pager ul li {display: inline-block; list-style:none; margin: 0; padding: 0;}
/* Des Pager */


/* Left Des */
.lb_root {padding: 10px; margin: 0 5px 20px; background-color: #fff; box-sizing: border-box; box-shadow: 0 0 2px #aec4d6; -moz-box-shadow: 0 0 2px #aec4d6; -webkit-box-shadow: 0 0 2px #aec4d6; -khtml-box-shadow: 0 0 2px #aec4d6;}
.lb_root h4 {position: relative; text-align: center; margin: -10px -10px 10px; padding: 5px 0 7px; color:#fff; font: bold 15px/20px SFont, Arial, sans-serif; background-color: #1c86d8; overflow: hidden;}

.lb_root h4::before,
.lb_root h4::after {content: ''; display: block; position: absolute; width: 50px; height: 50px; background-color: #fff; box-sizing: border-box; border: 7px solid #59b4fa;
                    -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; 
				    -webkit-transition: rotate(45deg); -moz-transition: rotate(45deg); -o-transition: rotate(45deg); -ms-transition: rotate(45deg); transform: rotate(45deg);}

.lb_root h4::before {top: -2px; left: -26px;}
.lb_root h4::after {top: -2px; right: -62px;}

.nld {color: #999; font: normal 12px SFont, Arial, sans-serif;}
.nlt {position: relative; display: block; margin: 0 0 0 3px; padding: 0 0 10px 12px; border-left: 1px solid #ddd; color: #000; font: normal 14px/16px SFont, Arial, sans-serif; text-decoration:none;}
.nlt::before {content: ''; display: block; position: absolute; top: 50%; left: -5px; width: 6px; height: 6px; margin-top: -10px; background-color: #fff; border: 2px solid #ddd; -webkit-transition: rotate(45deg); -moz-transition: rotate(45deg); -o-transition: rotate(45deg); -ms-transition: rotate(45deg); transform: rotate(45deg);}
.nlt:hover {color: #999; text-decoration: none;}
.nlt:hover::before, .nlt:first-of-type::before {content: ''; display: block; position: absolute; top: 50%; left: -5px; width: 6px; height: 6px; margin-top: -10px; background-color: #1c86d8; border: 2px solid #59b4fa; -webkit-transition: rotate(45deg); -moz-transition: rotate(45deg); -o-transition: rotate(45deg); -ms-transition: rotate(45deg); transform: rotate(45deg);}
.nlt:first-of-type {margin-top: 5px;}

.nla {margin: 15px -10px -10px; text-align:center; border-bottom: 3px solid #1c86d8;}
.nla a {display: block; width: 110px; margin: 0 auto; color:#fff; padding: 2px 0 0; font: bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; background-color: #1c86d8;
        border: 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;}
.nla a:hover {color:#fff; text-decoration:none;}
/* Left Des */


/* Des Zakaz Form */
#zakaz {position: relative; display: block; margin: 30px auto; padding: 10px 20px 15px; box-sizing: border-box; background-color: #f5f7fa; border: 3px solid #1c86d8; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; -khtml-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px;}
#zakaz::after {content: ''; display: block; position: absolute; bottom: -3px; left: 50%; width: 210px; height: 3px; margin: 0 0 0 -105px; background-color: #eef2f6; overflow: hidden; z-index: 10;}

.zakaz-nazv {display: block; position: absolute; top: -23px; left: -3px; height: 20px; padding: 0 10px; min-width: 200px; text-align:center; background-color: #1c86d8; color: #fff; font: bold 13px/22px SFont, Arial, sans-serif; border: 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.zakaz-nazv::before {content: ''; display:block; position: absolute; bottom: 0; right: -5px; width: 5px; height: 5px; background-color: #1c86d8;}
.zakaz-nazv::after {content: ''; display:block; position: absolute; bottom: 0; right: -5px; width: 5px; height: 5px; background-color: #fff; -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;}

.dz_inm {position: relative; display: block; width: 105px; margin: 0 8px -1px; padding: 1px 0 0; color: #fff; font: bold 11px/14px SFont, Arial, sans-serif; text-align:center; background-color: #98b2c6; border: 0; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; -khtml-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;}
.dz_button {display: block; position: absolute; bottom: -15px; left: 50%; width: 200px; margin: 0 0 0 -100px; padding: 2px 0; z-index: 15; font: bold 14px/16px SFont, Arial, sans-serif; color:#fff; cursor: pointer; background-color: #1c86d8; box-sizing: border-box; border: 3px solid #59b4fa; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.dz_button::before {content:"\f0a4"; display: inline-block; margin: 0 7px 0 0; color:#fff; font: normal normal normal 14px/1 "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.dz_1 {width: 48%; float: left; margin: 5px 1%; position: relative; box-sizing: border-box;}
.dz_2 {width: 98%; float: left; margin: 5px 1%; position: relative; box-sizing: border-box;}
.dz_3 {width: 48%; float: left; margin: 5px 1%; position: relative; box-sizing: border-box; text-align: right;}
.dz_4 {width: 125px; float: left; margin: 10px 0 0; position: relative; box-sizing: border-box;}
.dz_5 {width: 98%; float: left; margin: 5px 1%; position: relative; box-sizing: border-box; text-align: center;}
.dz_6 {width: 100%; margin: 15px 0 0; position: relative; box-sizing: border-box;}
.dz_7 {width: 100%; float: left; margin: 10px 0 0; padding: 0; position: relative; box-sizing: border-box; text-align: left;}
.dz_8 {width: 48%; float: right; margin: 5px 1%; position: relative; box-sizing: border-box; text-align: right;}
.dz_9 {width: 48%; float: right; margin: 5px 1%; padding: 0 5px 10px 0; position: relative; box-sizing: border-box; text-align: right;}

.dz_i {padding: 2px 5px; color:#6e7586; font: normal 14px/18px SFont, Arial, sans-serif; width: 100%; border: 2px solid #98b2c6; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; box-sizing: border-box;}
.dz_e {padding: 2px 5px; margin-top: 7px; color:#6e7586; font: normal 14px/18px SFont, Arial, sans-serif; width: 100%; border: 2px solid #98b2c6; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; box-sizing: border-box;}
.dz_c {padding: 2px 5px; color:#6e7586; font: normal 14px/18px SFont, Arial, sans-serif; width: 120px; border: 2px solid #98b2c6; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; box-sizing: border-box;}
.dz_t {padding: 5px; color:#6e7586; font: normal 14px/18px SFont, Arial, sans-serif; width: 100%; height: 90px; border: 2px solid #98b2c6; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; box-sizing: border-box;}
.dz_i:focus, .dz_t:focus, .dz_c:focus {color:#000;}

#reg_cap {cursor: pointer !important; width: 120px; height: 40px; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.dz_7 label {margin: 0 !important; padding: 0 !important;}
.dz_7 label input {margin-left: 0 !important;}

a.privc {color: #2e8de0; font: normal normal 13px/normal SFont, Arial, sans-serif; text-decoration:none; border-bottom:1px dashed #2e8de0; cursor:pointer;}
a.privc:hover {color: #2e8de0; text-decoration:none; border-bottom:1px solid #2e8de0;}
/* Des Zakaz Form */


/* Des Pegas Studio Butt */
#but_html {text-align: center; margin: 10px 0 -5px;}
#but_info {color: #000; font: normal 13px/16px SFont, Arial, sans-serif;}
/* Des Pegas Studio Butt */


/* Des Fotogal */
.foto_block {position: relative; display: block; margin: 15px 0; padding: 0 10px 10px; box-sizing: border-box; background-color: #f7f7f7; border: 1px solid #ddd; border-top: 0; overflow: hidden;}
.fotogal-nazv {display: block; position: relative; height: 30px; padding: 0 10px; margin: 0 -11px 10px;  min-width: 200px; color: #fff; font: bold 13px/28px SFont, Arial, sans-serif; background-image: url(table-head.png); background-position: 0 0; background-repeat:repeat-x;}

.fotogal {display:block; float:left; width: 150px; height: 110px; margin: 0 5px; border: 3px solid #ddd; overflow: hidden; position: relative; text-align: center;}
.fotogal a.mask, .fotogal a.mask:hover {width: 150px; height: 110px; position: absolute; z-index:10; overflow: hidden; top: 0; left: 0; text-decoration:none;}
.fotogal .finfo {display: inline-block; margin-top: 30px; width: 50px; height: 50px; padding: 2px 0 1px 2px; text-align:center; font-size: 26px !important; line-height: 51px; background-color: rgba(0, 187, 0, 0.7); color: #fff; border: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%;}
.insert_img {display:block; width: 150px; height: 110px; position:absolute; z-index:5; background-position: 50% 50%; background-size:cover; background-repeat:no-repeat; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;}

.view-fotogal a.mask, .view-fotogal a.mask:hover {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}		 
.view-fotogal .finfo {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}				   
.view-fotogal:hover a.mask, .view-fotogal:hover a.mask:hover {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.view-fotogal:hover .finfo {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s;}
/* Des Fotogal */


/* Des Stat */
a.stat_srez, a.stat_srez:hover {display: block; margin: 15px 5px 30px; text-decoration:none;}
a.stat_srez h3 {display: inline-block; width: auto; margin: 0 5px 3px; padding: 0; color:#1a7ecc; font: bold 17px/20px SFont, Arial, sans-serif; text-align:left !important; border-bottom: 2px solid #d0dcee;}
a.stat_srez:hover h3 {color:#090; text-decoration:none; border-bottom: 2px solid #090;}
a.stat_srez p {display: block; color: #000; font: normal 14px/18px SFont, Arial, sans-serif; padding: 0 5px 0 10px; margin: 5px; border-left: 5px solid #59b4fa;}
a.stat_srez:hover p {border-left: 5px solid #2ac460;}

.stat_back {position: relative; margin: 20px auto 30px; text-align:center; white-space:nowrap; overflow: hidden;}
.stat_back::before, .stat_back::after {content: ''; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 100%; height: 10px; background-image: url(bg.png); border: solid #FFF; border-width: 0 10px;}
.stat_back::before {margin-left: -100%;}
.stat_back::after {margin-right: -100%;}

.stat_back a {display: inline-block; margin: 0 auto; padding: 2px 0; white-space:nowrap; color:#1878c2; border-bottom: 1px solid #1878c2; font: normal 14px/16px SFont, Arial, sans-serif;}
.stat_back a:hover {color:#f90; text-decoration:none; border-bottom: 1px solid #f90;}
/* Des Stat */


/* Des News */
.nwsul {position: relative; display: block; margin: 30px 10px 0; padding: 0;}
.nwsul li {list-style: none; display: block; position: relative; margin: 0 0 15px; padding: 5px 0 5px 10px; border-left: 5px solid #59b4fa; background-color: #f5f7fa; box-sizing: border-box;}
.nwsul li a {color: #2e8de0; font: normal 18px/24px SFont, Arial, sans-serif; text-decoration:none; border-bottom: 1px dashed #2e8de0;}
.nwsul li a:hover {color: #090; text-decoration:none; border-bottom: 1px solid #090;}
.nwsul li span {display: block; position: relative; width: auto; margin: 8px 0 0; color: #999; font: normal 12px/16px SFont, Arial, sans-serif;}
.nwsul li span::after {content: 'новости студии'; display: inline-block; color: #2e8de0;}

.ns_data {position: relative; margin: 0 5px 20px; color: #000; font: normal 12px/16px SFont, Arial, sans-serif;}
.ns_data::before {content: "\f274"; display: inline-block; margin: 0 7px 0 0; color: #000; font: normal normal normal 14px/16px "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* Des News */


/* Des Book */
ul.ul-book {margin: 30px 0; padding: 0;}
ul.ul-book li {position: relative; list-style: none; margin: 25px 5px 0; padding: 5px 7px; color: #000; border: 1px solid #bedaf0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
ul.ul-book li span {display: block; position: absolute; top: -8px; left: 15px; padding: 0 10px; color: #000; font: bold 14px/16px SFont, Arial, sans-serif; background-color: #fff;}
ul.ul-book li span::before {content: "\f4ad"; display: inline-block; margin: 0 7px 0 0; color: #1c86d8; font: normal normal 900 14px/16px "Font Awesome 5 Pro" !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* Des Book */


/* Des FAQ */
#faq-ul {margin: 30px 10px 20px; padding: 0;}
#faq-ul li {list-style: none; margin: 0 0 15px; padding: 0 0 0 32px; position: relative;}
#faq-ul li a {position:relative; width: auto; color: #1a7ecc; font: normal 18px/24px SFont, Arial, sans-serif; border-bottom:1px dashed #2e8de0; text-decoration:none;}
#faq-ul li a:hover {color: #090; border-bottom:1px solid #090; text-decoration:none;}
#faq-ul li a::before {content: "\f039"; display: block; position: absolute; top: 2px; left: -30px;  font: normal normal 900 22px/24px "Font Awesome 5 Pro" !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#faq-ul li a:hover::before {content: "\f03c";}

.faq-h::before, .faq-o::before {display: block; position: absolute; top: 1px; left: 0; font: normal normal 900 14px/20px "Font Awesome 5 Pro" !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.faq-h::after {content: "\f3be"; color: #f00; display: block; padding: 0 0 0 2px; font: normal normal 900 16px/16px "Font Awesome 5 Pro" !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.faq-h::before {content: "\f146"; color: #f00;}
.faq-o::before {content: "\f0fe"; color: #1a7ecc;}
.faq-h span {color: #f00; font-weight: bold !important;}
.faq-o span {color: #1a7ecc;}

.faq_nazv {position: relative; display: block; width: auto; margin: 0 10px; padding: 0 0 10px 20px;}
.faq_opis {display:none; margin: -7px 10px 20px 35px; padding: 0 10px; border: 1px solid #cedeea; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}

.faq_nazv span {display: block; position: relative; cursor: pointer; font: normal 15px/20px SFont, Arial, sans-serif; text-decoration:none;}
.faq_nazv span:hover {text-decoration:none;}
/* Des FAQ */


/* Des Portfolio */
.portr-box {box-sizing: border-box; margin: 10px 10px 20px;}
.pview {display: block; position: relative; width: 31%; height: 190px; margin: 10px 1.16%; float: left; border: 5px solid #fff; box-sizing: border-box; overflow: hidden; position: relative; text-align: center; cursor: pointer; box-shadow: 0 0 2px #aec4d6; -moz-box-shadow: 0 0 2px #aec4d6; -webkit-box-shadow: 0 0 2px #aec4d6; -khtml-box-shadow: 0 0 2px #aec4d6;}
.pview .pmask {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 135px; text-align:center; font-size: 30px !important; line-height: 135px; background-color: rgba(66, 77, 98, 0.7); color: #fff;}
.pview .pimg {display: block; position: relative; width: 100%; height: inherit; background-position: 50% 0; background-repeat:no-repeat; background-size: 100%; box-sizing: border-box;}
.pview .pimg span {content: attr(data-txt); display: block; position: absolute; bottom: 5px; left: 0; width: inherit; height: 50px; padding: 6px 7px; color: #fff; font: bold 13px/15px SFont, Arial, sans-serif; text-align: center; background-color: rgba(66, 77, 98, 0.7); box-sizing: border-box;}

.view-fourth .pimg {-webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.view-fourth .pmask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.view-fourth .pimg span {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.view-fourth:hover .pmask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
/* Des Portfolio */



@media screen and (max-width: 1030px){

#des_5 {height: 210px;}
#des_7 {border-right: 0;}
#des_8 {display: none;} 

.des_futs {width: 40%;}
.des_futs_menu {width: 30%;}
/* .des_futs_menu:nth-child(2) {display: none;} */

#smoothmenu {display: none;}
#slogan {padding: 5px 30px 5px 25px; top: 10px; left: 20px; font: italic bold 14px/20px SFont, Arial, sans-serif; cursor: default;}

}


@media screen and (max-width: 800px){

#des_5 {height: 180px;}
#des_5::before {display: none;}
#des_7 {padding: 10px;}
#yrs {display: none;}

.des_futs {width: 50%;}
.des_futs_menu {width: 50%;}
.des_futs_menu:nth-child(2) {display: none;}

a.stat_srez h3 {font: bold 17px/20px SFont, Arial, sans-serif; border-bottom: none;}
a.stat_srez:hover h3 {border-bottom: none;}

.pview {width: 46%; height: 190px; margin: 10px 2%;}

}


@media screen and (max-width: 630px){

.des_futs {width: 100%;}
.des_futs_menu {display: none;}

#zakaz {padding: 10px 10px 15px;}
.dz_1 {width: 100%;}
.dz_2 {width: 100%;}
.dz_8 {width: 100%; text-align: left;}
.dz_9 {width: 100%; padding: 0 0 10px; text-align: center;}
.dz_1, .dz_2, .dz_3, .dz_5, .dz_8 {margin: 5px 0;}

#faq-ul li a {font: normal 16px/24px SFont, Arial, sans-serif;}
.nwsul li a {font: normal 16px/22px SFont, Arial, sans-serif;}

}


@media screen and (max-width: 590px){

#des_5 {height: 150px;}

#topnaz {padding: 15px 5px 0; font: bold 22px/24px SFont, Arial, sans-serif; text-align: center;}
#topnaz p {margin: 0; padding: 0 5px; font: italic bold 16px/18px SFont, Arial, sans-serif; border: 0;}
#topnaz p:first-of-type {margin-top: 15px; padding-bottom: 5px;}

.pview {width: 270px; height: 190px; margin: 10px auto 20px; float: none;}
.pagerdot_out, .pager_first, .pager_last {display: none !important;}

}


@media screen and (max-width: 450px){

#topnaz p {font: italic bold 16px/18px SFont, Arial, sans-serif; border: 0;}
#topnaz p:first-of-type {padding-bottom: 5px;}
#topnaz p:last-of-type {display: none;}

.nwsul {margin: 30px 0 0;}
ul.links {margin: 30px 0 0;}

}


@media screen and (max-width: 350px){

#des_5 {height: 120px;}

#topnaz {padding: 15px 0 0; font: bold 22px/24px SFont, Arial, sans-serif; text-align: center;}
#topnaz p {font: italic bold 15px/18px SFont, Arial, sans-serif; border: 0;}
#topnaz p:first-of-type {margin-top: 10px; padding-bottom: 0;}

.pview {width: 230px; height: 190px; margin: 10px auto 20px; float: none;}

}

