@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800&display=swap');






.logo, .homepage, a, .popup, .serv, body {
    opacity:0;
    transition: 0.5s;
    animation: show 0.5s 1;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}


@keyframes show{
    0%{
        opacity:0;
    }
    100% {
        opacity:1;
    }
}





body, section, input[type=text], input[type=submit], h1, h2, h3, h4, h5, ul, ul li, .sticky {
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
    font-weight: normal;
    -webkit-appearance: none;
}


html {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-appearance: none;
}

html::-webkit-scrollbar {
    width: 0;
    height: 0;
}




html {
    overflow-x: hidden;
    -webkit-appearance: none;
}


a, .missia , img, .send, .messaged, .boxmenu {
    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    text-decoration: none;
}


body::-webkit-scrollbar {
    width: 0.3em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #c8baad;
    outline: 0px solid slategrey;
}


body::-moz-scrollbar {
    width: 0.3em;
}

body::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-moz-scrollbar-thumb {
    background-color: #c8baad;
    outline: 0px solid slategrey;
}

::selection {
    background: #c8baad;
    color: #ffffff;
}
::-moz-selection {
    background: #c8baad;
    color: #ffffff;
}



body {
    overflow-x: hidden;
    -webkit-appearance: none;
    font-family: Montserrat;
    background: #f7f9fc;
    min-height: 100%;
}


.wrap {
    display: block;
    margin: 0 auto;
    width: 75%;
    max-width: 1300px;
    padding: 0 15px;
}


.clear {
    clear: both;
}


/* ---- loader ---- */

.loaderbox {
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.8);
    width: 90%;
    height: 20%;
    padding: 10% 0;
}


#floatingBarsG{
	position:relative;
	width:60px;
	height:75px;
	margin:auto;
}

.blockG{
	position:absolute;
	background-color:rgb(255,255,255);
	width:10px;
	height:23px;
	border-radius:8px 8px 0 0;
		-o-border-radius:8px 8px 0 0;
		-ms-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		-moz-border-radius:8px 8px 0 0;
	transform:scale(0.4);
		-o-transform:scale(0.4);
		-ms-transform:scale(0.4);
		-webkit-transform:scale(0.4);
		-moz-transform:scale(0.4);
	animation-name:fadeG;
		-o-animation-name:fadeG;
		-ms-animation-name:fadeG;
		-webkit-animation-name:fadeG;
		-moz-animation-name:fadeG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#rotateG_01{
	left:0;
	top:27px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
	transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
}

#rotateG_02{
	left:8px;
	top:10px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
	transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
}

#rotateG_03{
	left:25px;
	top:3px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
	transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
}

#rotateG_04{
	right:8px;
	top:10px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
	transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
}

#rotateG_05{
	right:0;
	top:27px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
	transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
}

#rotateG_06{
	right:8px;
	bottom:7px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
	transform:rotate(135deg);
		-o-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
}

#rotateG_07{
	bottom:0;
	left:25px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
	transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
}

#rotateG_08{
	left:8px;
	bottom:7px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
	transform:rotate(-135deg);
		-o-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);
}



@keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}



.scrolltop {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 20px;
    background: #fff url(img/totop.svg) center center no-repeat;
    background-size: auto;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.2);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 0;
    background-size: 20px;
    z-index: 10;
}


/* --- Mobile menu ---- */




.boxmenu {
    display: block;
    width: 40%;
    max-width: 300px;
    min-width: 270px;
    background: #191f28;
    padding: 0px 0;
    height: 100vh;
    position: fixed;
    left: -250%;
    z-index: 30;
}



.overlay7 {
    display: none;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 30;
}

.menuname {
    display: block;
    color: #424a55;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    padding: 0 0 10px 15px;
}


.boxmenu ul li a {
    display: block;
    color: #a1a0a2;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 0 15px 15px;
    border-bottom: 1px rgba(255,255,255,0,08) solid;
}

.boxmenu ul li:hover {
    color: #fff;
    background: #212833;
}


.closed {
    display: block;
    width: 30px;
    height: 30px;
    margin: 20px 20px 0 0;
    background: url(img/close2.svg) center center no-repeat;
    background-size: 25px;
    float: right;
    cursor: pointer;
}

.menubut {
    display: none;
    float: left;
    width: 30px;
    height: 30px;
    background: #191f28 url(img/menu.svg) center center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: 20px;
    cursor: pointer;
    border-radius: ;
    margin: 5px 10px 0 0;
}

/* ---- Home ---- */

.homed {
    display: block;
    background: #1e212a;
    padding: 20px 0 120px 0;
}

header {
    display: block;
    margin: 0px 0 20px 0;
}

.logo {
    display: block;
    float: left;
    margin-right: 50px;
}


.logo img {
    display: block;
    height: 20px;
    width: auto;
}


.cart {
    display: block;
    width: 30px;
    height: 30px;
    background: url(img/cart.svg) center center no-repeat;
    background-size: 25px;
    margin: 5px 0 0 30px;
    float: right;
}


.nocartinfo {
    display: block;
    padding: 0 0 40px 0;
}


.cart span {
    color: #fff;
    display: block;
    position: relative;
    background: #ff5596;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    width: 18px;
    height: ;
    padding: 3px 0 3px 0;
    font-weight: 600;
    top: -6px;
    right: -25px;
}




.phone {
    display: block;
    float: right;
    color: #fefefe;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 0 22px;
    background: url(img/phone.svg) top left no-repeat;
    background-size: 13px;
    background-position: 0px 5px;
}

.phone a {
    color: #fefefe;
}



.phone span {
    display: block;
    color: #959595;
    font-size: 10px;
    font-weight: 400;
}



.navi {
    display: block;
    float: left;
}

.navi li {
    display: inline-block;
    margin: 5px 0 0 0;
}

.navi li a {
    font-size: 13px;
    color: #a1a0a2;
    margin: 0px 30px 0 0;
}

.navi li a:hover {
    color: #fff;
}



.select-lang {
    display: block;
    margin: 10px 0 0 0;
    width: 80px;
    overflow: hidden;
    background: url(img/down.svg) center right no-repeat;
    background-size: 10px;
    float: right;
}


.select-lang select {
    background: none;
    border: none;
    outline: none;
    display: block;
    width: 130px;
    font-size: 14px;
    color: #e8e6e9;
    padding: 0 20px 0 0;
}


.banner {
    display; block;
    width: 100%;
    max-width: 650px;
    background: url(img/vesy.png) top center no-repeat;
    background-size: auto 100%;
    padding: 14vh 0 50px 0;
    margin: 0 auto;
}


.banner h1 {
    display: block;
    text-align: center;
    color: #fefefe;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 35px;
}

.banner p {
    display: block;
    width: 79%;
    text-align: center;
    color: #fefefe;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 35px auto;
}


.button {
    display: block;
    margin: 0 auto;
    max-width: 170px;
    font-size: 15px;
    font-weight: 500;
    color: #dbdbdb;
    padding: 18px 30px 18px 28px;
    background: url(img/toright.svg) center right no-repeat;
    background-size: 15px;
    background-position: 90%;
    border-radius: 3px;
    border: 1px #eacab8 solid;
    cursor:pointer;
}

.button:hover {
    background: #b2a19b url(img/toright2.svg) center right no-repeat;
    background-size: 15px;
    background-position: 90%;
    color: #fff;
}


.preims {
    display: block;
    margin: 30px auto 30px auto;
}

.prem1 {
    display: block;
    width: 30%;
    float: left;
    margin: 0 3% 0px 0;
}


.prem1 img {
    display: block;
    float: left;
    height: 25px;
    margin: 0 10px 80px 0;
}

.prem1 b {
    display: block;
    color: #fcfcfc;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}

.prem1 p {
    display: block;
    color: #989898;
    font-size: 12px;
    line-height: 16px;
}


header.sticky {
    position: fixed;
    width: 100%;
    z-index: 9;
    background: #1e212a;
    margin: -20px auto 0 auto;
    padding: 10px 0 13px 0;
}




/* ---- Section 2 ----- */


.whitebox {
    display: block;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 40px 40px rgba(0,0,0,0.05);
    margin: 0 auto;
    width: 90%;
    padding: 50px 5% 35px 5%;
    position: relative;
    margin-top: -110px;
    z-index:3;
}

h2 {
    display: block;
    margin: 0 auto 20px auto;
    width: 100%;
    max-width: 800px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}

.docunemt-body h2 {
        max-width: 100% !important;
}



.whitebox p, .section5 p {
    display: block;
    margin: 0 auto 30px auto;
    font-size: 14px;
    color: #78797d;
    line-height: 24px;
    text-align: center;
    width: 100%;
    max-width: 650px;
}


.quiz {
    display: block;
    width: 100%;
    height: 200px;
    background: rgba(0,0,0,0.08);
    margin: 10px auto 40px auto;
}


.mored {
    display: block;
    margin: 30px auto;
    width: 100%;
    max-width: 600px;
}

.mored h3 {
    display: block;
    margin: 0 auto 20px auto;
    width: 100%;
    max-width: 800px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}


.button2 {
    display: block;
    margin: 0 auto;
    max-width: 170px;
    font-size: 15px;
    font-weight: 500;
    background: #b2a19b url(img/toright2.svg) center right no-repeat;
    background-size: 15px;
    background-position: 90%;
    padding: 14px 30px 14px 28px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.button2:hover {
    background: #9c8881 url(img/toright2.svg) center right no-repeat;
    background-size: 15px;
    background-position: 90%;
    color: #fff;
}



/* ----- Section 3 ---- */

.minud {
    display: block;
    background: #1e212a;
    padding: 20px 0 180px 0;
    position: relative;
    margin-top: -60px;
}


.banner2 {
    width: 100%;
    background: url(img/sud.png) top center no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: auto;
    background-size: auto 75%;
    max-width: 1000px;
    padding: 140px 0 50px 0;
    margin: 0 auto;
    background-position: center 60%;
}


.banner2 h2 {
    display: block;
    text-align: center;
    color: #fefefe;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 35px;
}

.banner2 p {
    display: block;
    width: 79%;
    text-align: center;
    color: #d2cfcf;
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto 35px auto;
}



/* ---- Section 4 ---- */

.table4 {
    display: block;
    width: 20%;
    float: left;
}

.table4 span {
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
    color: #f0e2d5;
    font-size: 82px;
    font-weight: 700;
}

.table4 h3 {
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
    font-size: 18px;
    color: #f0e2d5;
    font-weight: 500;
}

.table4 p {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

#two span, #two h3 {
    color: #e4cbb0;
}

#three span, #three h3 {
    color: #d4a36d;
}


.numline {
    display: block;
    margin: 40px auto;
    width: 90%;
    height: 2px;
    background: #e8e6e9;
}


.numers {
    display: block;
    margin: 30px auto 50px auto;
}



/* ---- section 5 ---- */

.section5 {
    display: block;
    margin: 100px auto 180px auto;
}


.goods {
    display: block;
    width: 50%;
    float: left;
    min-height: 130px;
    margin: 25px 0 10px 0;
}

.goodimg {
    display: block;
    width: 55px;
    float: left;
}

.goodimg img {
    display: block;
    width: 35px;
    height: auto;
}

.goodinfo {
    display: block;
    float: left;
    margin-right: 5%;
    width: 80%;
}

.goodinfo h3 {
    display: block;
    font-size: 18px;
    color: #303237;
    font-weight: 600;
    margin: 0 0 10px 0;
    text-align: left;
}

.goodinfo p {
    display: block;
    font-size: 13px;
    color: #595a5f;
    text-align: left;
    line-height: 20px;
}



/* ---- section 6 ----- */

.avatar {
    display: block;
    width: 10%;
    min-height: 80px;
    float: left;
}

.avatar img {
    display: block;
    width: 70%;
    border-radius: 50%;
    filter: grayscale(100%);
}

.comminfo {
    display: block;
    width: 80%;
    float: left;
}

.comminfo p {
    text-align: left;
    margin: 10px 0 0px 0;
    max-width: 100%;
}

.comminfo h3 {
    display: block;
    color: #525357;
    font-size: 18px;
    margin: 15px 0 0 0;
    font-weight: 600;
}

.comminfo span {
    display: block;
    color: #baa69b;
    font-size: 12px;
    font-weight: 500;
    margin: 6px 0 0 0;
}

.otziv {
    display: block;
    margin: 25px auto 10px auto;
    padding: 25px 0;
    border-top: 1px #eeeeee solid;
}

.commall {
    border-radius: 3px;
    display: block;
    border: 1px #d3c1b5 solid;
    color: #847d79;
    font-size: 14px;
    font-weight: 500;
    margin: 25px auto 0 auto;
    max-width: 120px;
    padding: 9px 15px;
    text-align: center;
    cursor: pointer;
}

.readalls {
    border-radius: 3px;
    display: block;
    border: 1px #6c63ff solid;
    color: #6c63ff;
    font-size: 14px;
    font-weight: 500;
    margin: 25px auto 0 auto;
    max-width: 120px;
    padding: 9px 15px;
    text-align: center;
    cursor: pointer;
}



/* --- section 7 ----- */


.mapbox {
    display: block;
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: #e3dad7;
    margin-top:-70px;
}


.mapp {
    display: block;
    position: relative;
    filter: grayscale(100%);
    margin-top: -50px;
    margin-left:-50px;
    height: 500px;
}

.mapinfo {
    display: block;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 40px 40px rgba(0,0,0,0.05);
    margin: 0 auto;
    width: 90%;
    max-width: 750px;
    padding: 30px 30px 20px 30px;
    position: relative;
    margin-top: -70px;
    z-index:3;
}

.mapinfo p {
    display: block;
    float: left;
    font-size: 15px;
    color: #929292;
    font-weight: 500;
    text-align: left;
    margin: 0;
}

.mapinfo span {
    display: block;
    margin: 5px 0 0 0;
    font-size: 12px;
}


.mapinfo .button2 {
    display: block;
    float: right;
    width: 140px;
}



/* ----- footer ------ */

footer {
    display: block;
    padding: 90px 10px;
    background: #1e212a;
    position: relative;
    margin-top: -30px;
    border-top: 1px rgba(255,255,255,0.05) solid;
}


.crmsite {
    display: block;
    float: right !important;
    background: url(http://crmsite.ru/img/logo-white.svg) center right no-repeat;
        background-size: auto;
    padding: 12px 95px 10px 40px;
    background-size: 85px;
    margin: -10px 0px 0 10px;
        margin-right: 0px;
    max-width: 150px;
    font-size: 13px;
    color: rgba(255,255,255,0.5);
}



.ftabled-left {
    display: block;
    width: 25%;
    float: left;
}

.ftabled-right {
    display: block;
    width: 25%;
    float: right;
}

.ftabled-right h3 {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #e8e8e8;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.ftabled-right li a {
    display: block;
    font-size: 13px;
    color: #b3b3b3;
    margin-bottom: 10px;
}

.ftabled-right li a:hover, .copyr a:hover {
    color: #fff;
}

.fline {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.05);
    margin: 25px 0;
}

.copy, .copyr a {
    display: block;
    float: left;
    color: #898e92;
    font-size: 12px;
    margin-right: 30px;
}

.pays {
    display: block;
    float: left;
}

.footlinks {
    display: block;
    width: 30%;
    float: left;
}

.footlinks a {
    float: none;
}


.pays img {
    display: block;
    height: 20px;
}




/* ----- quiz ----- */

.quizbox {
    display: block;
    padding: 0 0 40px 0;
}

.boxedc {
    width: 30%;
    margin: 10px 1.5%;
    display: inline-block;
}

.docname {
    display: block;
    background: #fff url(img/docss.svg) top left no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: auto;
    background-size: 25px;
    padding: 20px 0 20px 50px;
    border: 1px #f1f1f1 solid;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.05);
    background-position: 10px 15px;
    cursor: pointer;
}

.docname h4, .in-docname h4 {
    display: block;
    color: #1e212a;
    font-size: 15px;
    font-weight: 500;
}

.docname:hover, .in-docname:hover {
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}

.opendoc {
    display: none;
}


.in-boxedc {
    width: 97%;
    margin: 10px 1.5%;
    display: inline-block;
}


.in-docname {
    display: block;
    background: #fff url(img/doc.svg) top left no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: auto;
    background-size: 25px;
    padding: 10px 0 10px 50px;
    border: 1px #f1f1f1 solid;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.05);
    background-position: 10px 15px;
    cursor: pointer;
}


.zakazbut {
    background: #b2a19b;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    padding: 9px 0px;
    margin: 0px 20px 0 0;
    display: block;
    width: 20%;
    text-align: center;
    float: right;
}

.zakazbut:hover {
    background: #9c8881
}


.in-docname h4 {
    display: block;
    float: left;
    width: 60%;
    margin: 8px 0 0 0;
}


.quizresult {
    display: none;
}





.resultzakaz {
    display: block;
    background: #fff;
    background-position-x: left;
    background-position-y: top;
    background-size: auto;
    background-size: 25px;
    padding: 10px 5% 10px 5%;
    border: 1px #f1f1f1 solid;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.05);
    background-position: 10px 15px;
}


.resultzakaz h3 {
    display: block;
    color: #1e212a;
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0 10px 0;
    padding: 0 0 0 35px;
    background: url(img/doc.svg) top left no-repeat;
    background-size: 25px;
}

.cardinfo {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #757575;
    line-height: 20px;
}

.cardinfo span {
    color: #baa69b;
    margin-right: 20px;
}

.aboutgood {
    display: block;
    margin: 20px 0;
    font-size: 14px;
    line-height: 22px;
    color: #78797d;
}



.formdetail h3 {
    font-size: 15px;
    display: block;
    font-weight: 600;
    margin: 0 0 13px 0;
    background: none;
    padding: 0;
}


.formdetail {
    display: block;
    margin: 25px 0;
    line-height: 30px;
    font-size: 15px;
    color: #78797d;
    background: #f3f3f3;
    border-radius: 5px;
    padding: 10px;

}






.formdetail span {
    margin-left: 10px;
}

.tocarts {
    display: block;
    font-size: 12px;
    margin: 0px 30px 30px 0;
    float: left;
    color: #757575;
}

.tocarts span {
    display: block;
    font-size: 36px;
    font-weight: 600;
    color: #1e212a;
}


.buynocart {
    display: block;
    float: left;
    padding: 12px 25px;
    border-radius: 3px;
    background: #b2a19b;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin: 15px 10px;
}


.addtocart {
    display: block;
    float: left;
    padding: 10px 25px;
    border-radius: 3px;
    border: 2px #b2a19b solid;
    font-size: 13px;
    color: #453932;
    text-align: center;
    font-weight: 500;
    margin: 15px 0px;
}

.buynocarttinkoff {
    display: block;
    float: left;
    padding: 12px 25px;
    border-radius: 3px;
    background: #eccb3e;
    font-size: 13px;
    color: #000;
    text-align: center;
    font-weight: 500;
    margin: 15px 0px;
}


.cartresult {
    margin: 40px 0 30px 0;
}



.credittinkoff {
    display: block;
    float: right;
    font-size: 14px;
    background: #eccb3e;
    padding: 12px 22px;
    font-weight: 500;
    border-radius: 3px;
    color: #000;
    margin: 15px 0;
}

/* --- Overlays --- */


.overlay, .overlay2, .overlay99 {
    display: none;
    position: fixed;
    z-index: 20;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
}


.popup {
    display: block;
    width: 90%;
    max-width: 320px;
    border-radius: 10px;
    background: #fff;
    margin: 10vh auto 0 auto;
    padding: 35px 30px;
}


.popup h4 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 15px 0;
}


.popup input[type=text], .antext input[type=text] {
    display: block;
    border: none;
    background: none;
    width: 90%;
    font-size: 14px;
    padding: 12px 5%;
    margin: 0 auto 20px auto;
    border: 1px #ececec solid;
}

.popup input[type=submit], .antext input[type=submit] {
    display: block;
    width: 100%;
    color: #fff;
    background: #b2a19b;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 25px;
    text-align: center;
    cursor: pointer;
}


.close {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    top: -55px;
    left: 92%;
    background: url(img/close.svg) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
}

.anket {
    display: block;
    text-align: center;
    margin: 30px 0 0 0;
    font-size: 15px;
    font-weight: 400;
    color: #f22a2a;
}



/* ---- Pages ---- */

.paged-content {
    display: block;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 40px 40px rgba(0,0,0,0.05);
    margin: 0 auto;
    margin-top: 0px;
    width: 90%;
    padding: 50px 5% 35px 5%;
    position: relative;
    margin-top: -110px;
    z-index: 3;
}


.paged-content h1 {
    display: block;
    margin: 0 0 40px 0;
    width: 100%;
    font-size: 30px;
    text-align: left;
    font-weight: 600;
}



/* --- cart page ---- */

.prodname {
    display: block;
    width: 70%;
    float: left;
}


.prodname img {
    display: block;
    width: 20px;
    float: left;
    margin: 0 20px 0 0;
}

.costname {
    display: block;
    width: 10%;
    float: left;
    font-weight: 600;
    font-size: 15px;
}

.deletename {
    display: block;
    width: 10%;
    min-width: 30px;
    float: right;
}

.liner h3 {
    display: block;
    color: #1e212a;
    font-size: 15px;
    font-weight: 500;
    float: left;
}


.liner {
    display: block;
    padding: 20px 0;
    border-bottom: 1px #f1f1f1 solid;
}

.del {
    display: block;
    width: 20px;
    height: 20px;
    background: url(img/delete.svg) center center no-repeat;
    background-size: 20px;
    float: right;
    cursor: pointer;
}

.headcart {
    font-weight: 600;
    color: #828282 !important;
}

.footcart {
    color: #1e212a !important;
    font-weight: 600;
    border: none !important;
}

.paybox input[type=submit] {
    display: block;
    float: right;
    padding: 12px 30px;
    border-radius: 3px;
    background: #b2a19b;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin: 15px 10px;
}

.footcart .prodname {
    display: block;
    font-size: 12px;
    margin: 0px 30px 30px 0;
    float: left;
    width: 30%;
    color: #757575;
}

.footcart .prodname b {
    display: block;
    font-size: 28px;
    font-weight: 600;
    color: #1e212a;
}

.paybox {
    display: block;
    width: 60%;
    float: right;
}


.cartdopusl {
    font-size: 12px;
    font-weight: 500;
    color: #a38e82;
    margin: 8px 0 0 40px;
    padding: 4px 30px 4px 10px;
        padding-bottom: 4px;
    padding-bottom: 4px;
    border-radius: 10px;
    border: 1px #d8c8c2 solid;
    max-width: 320px;
    padding-bottom: 0 !important;
    width: 50%;
}


.cartdopusl  span {
    float: left;
    padding: 0 0 5px 0;
}


.del-min {
    display: block;
    width: 10px;
    height: 10px;
    background: url(img/delete.svg) center center no-repeat;
    background-size: auto;
    background-size: 15px;
    position: relative;
    left: 95%;
    margin-left: 10px;
    top: 3px;
    cursor: pointer;
}

.cartdopusl b {
    color: #524037;
    font-weight: 500;
}



/* --- text page --- */

.pagetext p {
    display: block;
    font-size: 14px;
    color: #78797d;
    line-height: 24px;
}

.policyter h2, .policyter h3 {
    text-align: left !important;
    margin: 20px 0 0 0;
}

.policyter p, .policyter ul li, .policyter ol li {
        display: block;
    font-size: 14px;
    color: #78797d;
    line-height: 24px;
}

.policyter ul, .policyter ol {
     margin: 20px 0 10px 0;
     padding: 0 !important;
}



/* ---- catalog shop ---- */

.sidebar {
    display: block;
    float: left;
    width: 20%;
    min-width: 220px;
}

.catalog-content {
    display: block;
    float: right;
    width: 75%;
}

.sidebar h3 {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #070708;
    margin: 0 0 20px 0;
}

.sidebar ul li a {
    display: block;
    background: url(img/docss.svg) center left no-repeat;
    background-size: 14px;
    font-size: 14px;
    color: #65676d;
    padding: 7px 0 7px 20px;
    border-radius: 3px;
}

.sidebar ul li.catalog-sidebar-li-contract a {
    display: block;
    background: url(img/doc.svg) center left no-repeat;
    background-size: 14px;
    font-size: 14px;
    color: #65676d;
    padding: 7px 0 7px 20px;
    border-radius: 3px;
}

.sidebar ul li a:hover {
    color: #000;
}



.sidebar ul {
    position: relative;
    margin-left: -20px;
}

.sidebar ul li .active {
    background: #b2a19b;
    color: #fff;
}

.sidebar ul li ul {
    display: none;
    margin: 0 0 0 30px;
}

.sidebar ul li ul li a {
    background: url(img/doc.svg) center left no-repeat;
    background-size: 14px;
}

.sidebar ul li a.toback {
    background: url(img/back.svg) center left no-repeat;
    background-size: 14px;
}

.sidebar ul li a.tohomed {
    background: url(img/tohomed.svg) center left no-repeat;
    background-size: 14px;
}



.search-box {
    display: block;
    border: 1px #dfe0e1 solid !important;
    border-radius: 4px;
    margin: 0 0 20px 0;
    font-size: 15px;
    color: #787878;
    padding: 10px 0 10px 4% !important;
    width: 96%;
    background: url(img/search.svg) center right no-repeat;
    background-position: 97% center;
    background-size: 20px;
}


.catalogpage .quizresult {
    display: block;
    margin: 20px auto;
}


.mobselect {
    display: none;
    width: 100%;
    padding: 10px 0;
    margin: 20px 0;
    overflow: hidden;
    border: 1px #dfe0e1 solid !important;
    background: url(img/downn.svg) center left no-repeat;
    background-size: 15px;
    background-position: 10px center;
}

.mobselect select {
    display: block;
    background: none;
    border: none;
    padding: 5px 0 5px 30px;
    width: 120%;
    font-size: 15px;
}

.resultzakaz img {
    display: block;
    float: left;
    width: 25px;
    margin: 20px 15px 0 0;
}

.catalogpage .resultzakaz h3 {
    float: left;
    width: 85%;
    background: none;
    padding: 0;
}

.catalogpage .cardinfo {
    clear: both;
}

.catalogpage .formdetail h3 {
    float: none !important;
}



/* ---- Pagination ---- */

.pagination {
    display: block;
    margin: 20px 0;
}


.pagination ul li {
    display: inline-block;
}

.pagination ul li a {
    display: block;
    font-size: 15px;
    color: #8c8c8c;
    border-radius: 3px;
    text-align: center;
    border: 1px #b2a19b solid;
    margin: 0 10px 0 0;
    min-width: 15px;
    padding: 5px 7px;
}

.pagination ul li a.actived {
    display: block;
    font-size: 15px;
    color: #fff;
    background: #b2a19b;
    text-align: center;
    border-radius: 3px;
    border: 1px #b2a19b solid;
    margin: 0 10px 0 0;
    padding: 5px 7px;
}

.pagination ul li a:hover{
    display: block;
    font-size: 15px;
    color: #fff;
    background: #b2a19b;
    text-align: center;
    border-radius: 3px;
    border: 1px #b2a19b solid;
    margin: 0 10px 0 0;
    padding: 5px 7px;
}




/* ---- Templates ----- */

.docctategory {
    display: block;
    width: 44%;
    float: left;
    background: #fff url(img/docss.svg) top left no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: auto;
    background-position-x: left;
    background-position-y: top;
    background-size: auto;
    background-size: 25px;
    padding: 10px 0 10px 50px;
    border: 1px #f1f1f1 solid;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.05);
    background-position: 10px 15px;
}

.docctategory h4 {
    color: #1e212a;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
}

.docctategory p {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #78797d;
}


.docctategory:hover {
    z-index: 10 !important;
    position: relative;
}


/* ---- Temp page ---- */

.downloadlist a {
    display: block;
    float: left;
    border: 1px #ece3e0 solid;
    border-radius: 5px;
    padding: 7px 10px 7px 40px;
    font-size: 14px;
    color: #453f3d;
    font-weight: 500;
    margin: 0 15px 20px 0;
}

.downloadlist a:hover {
    border: 1px #b2a19b solid;
}

.word-download {
    background: url(img/word.svg) center left no-repeat;
    background-size: 17px;
    background-position: 10px center;
}

.pdf-download {
    background: url(img/pdf.svg) center left no-repeat;
    background-size: 17px;
    background-position: 10px center;
}

.print-download {
    background: url(img/print.svg) center left no-repeat;
    background-size: 17px;
    background-position: 10px center;
}


.wordbox {
    display: block;
    position: relative;
    background: #f5f7fa;
    width: 100%;
    min-height: 100px;
    padding: 100px 0 80px 0;
    margin-top: -140px;
}

.docunemt-body {
    display: block;
    margin: 100px auto 80px auto;
    background: #fff;
    padding: 0;
    border-radius: 20px;
    box-shadow: none;
    min-height: 250px;
    position: relative;
    z-index: 3;
}

.item .body {
    position: relative !important;
    padding: 50px 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    background-color: #f5f7fa !important;
    box-shadow: none !important;
}



#minpagecont {
    background: #1e212a !important;
    padding: 30px 0 60px 0 !important;
    margin-top: -150px;
    position: relative;
}

.negram {
    background: url(img/toright.svg) center right no-repeat;
    background-size: 17px;
    background-position: 97% center;
    padding: 7px 40px 7px 10px !important;
    float: right !important;
}


/* ----- Forms pages ---- */

.formzakazas input[type="text"] {
    display: block;
    border: none;
    background: none;
    width: 90%;
    font-size: 14px;
    padding: 12px 5%;
    margin: 0 auto 20px auto;
    border: 1px #ececec solid;
}

.formzakazas input[type="submit"] {
    display: block;
    width: 100%;
    color: #fff;
    background: #b2a19b;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 25px;
    text-align: center;
    cursor: pointer;
}

.formzakazas label {
    display: inline-block;
    font-size: 14px;
    margin: 6px 0 20px 0;
}

.infostd {
    display: block;
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 22px;
    color: #78797d;
    background: #f3f3f3;
    padding: 20px;
    border-radius: 5px;
}


.formtinkoff {
  display: none;
}

.tinyes {
    display: block;
    float: left;
    font-size: 14px;
    background: #eccb3e;
    padding: 12px 15px;
    border-radius: 3px;
    color: #000;
    font-weight: 600;
    margin: 15px 10px 10px 0;
    cursor: pointer;
}

.tinyes:hover {
  background: #d3ad08;
  color: #fff;
}



.tinnou {
    display: block;
    float: left;
    padding: 10px 30px;
    border-radius: 3px;
    border: 2px #b2a19b solid;
    font-size: 15px;
    color: #453932;
    text-align: center;
    font-weight: 500;
    margin: 15px 0px;
}

.tinwhois {
  display: block;
  margin-top: -20px;
}




/* ---- Tinkoff page ---- */

  .d33 {
  display: block;
  width: 28%;
  padding: 20px 2.5%;
  float: left;
}


.ddimg {
    background: #f4f4f4;
    display: block;
    float: left;
    padding: 12px;
    border-radius: 50%;
    margin: 0 10px 80px 0;
}

.d33 img {
    display: block;
    float: left;
    height: 22px;
    margin: 0 auto;
}



.d33 h3 {
    display: block;
    color: #303237;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

.d33 p {
    display: block;
    color: #989898;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
}

.tin-color {
  background: #eccb3e url(img/tinkoff/toright5.svg) center right no-repeat;
background-size: 15px;
background-position: 90%;
  color: #000;
}


.tin-color:hover{
  background: #e1bf2f url(img/tinkoff/toright5.svg) center right no-repeat;
background-size: 15px;
background-position: 90%;
  color: #000;
}

.tinkoffpage .goods {
min-height: 170px;
}

.tinkoffpage .goods {
min-height: 170px;
}

.tinkoffpage2 .goods {
min-height: 120px;
}

.tinkoffpage .goodimg {
    display: block;
    width: 35px;
    float: left;
    background: #eccb3e;
    margin-right: 10px;
    border-radius: 50%;
    padding: 5px;
}

.goodimg img {
    display: block;
    width: 20px;
    height: auto;
    margin: 7px auto 7px auto;
}


.tinbigpage .section5 {
    margin: 50px auto 50px auto;
}


.numertin {
   border: 2px #eccb3e solid;
    text-align: center;
    width: 28px;
    height: 17px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
}

.whiteline {
  display: block;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  margin: 20px 0;
}




.copy, .footlinks {
    width: 25% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: left;
}





/* ----------------------------------------------------------------------- */

@media (max-width: 1300px) {

    .sidebar {
        display: none;
    }

    .catalog-content {
        display: block;
        float: none;
        width: 100%;
    }

    .mobselect {
        display: block;
    }


    .docctategory {
        display: block;
        width: 92%;
        float: none;
    }


    .negram {
        float: none !important;
        clear: both;
    }


}









@media (max-width: 1230px) {

    .navi {
        display: none;
    }

    .menubut {
        display: block;

    }

    .boxedc {
        width: 45%;
    }

    .banner2 {
        background-size: auto 70%;
    }

.logo img {
    display: block;
    height: 20px;
    width: auto;
    margin: 10px 0 0 0;
}

.footcart .prodname, .paybox {
    float: none;
    width: 100%;
}


}






@media (max-width: 950px) {



.logo img {
    display: block;
    height: 20px;
    width: auto;
    margin: 10px 0 0 0;
}

    .banner h1 {
        font-size: 36px;
        margin-bottom: 25px;
    }

    .banner p, .banner2 p {
        width: 100%;
        font-size: 14px;
        margin: 0 auto 25px auto;
    }



    .prem1 {
        display: block;
        width: 100%;
        float: left;
        margin: 0 3% 0px 0;
    }

    .goodinfo {
        width: 60%;
    }


    .mapinfo p {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .mapinfo .button2 {
        float: none;
        margin: 20px auto 0 auto;
    }

    .copy {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 20px;
    }


    .boxedc {
        width: 97%;
    }


    .prodname {
        width: 100%;
        float: none;
    }


    .costname {
        display: block;
        width: 50%;
        float: left;
        font-weight: 600;
        font-size: 15px;
        margin: 10px 0 0 40px;
    }

    .headcart {
        display: none;
    }

.d33 {
    display: block;
    width: 100%;
    padding: 20px 0;
    float: none;
}



.d33 p {
    margin: 0 !important;
}

.ddimg {
    margin: 0 10px 30px 0;
}


}





@media (max-width: 800px) {

    .ftabled-left {
        display: block;
        width: 100%;
        float: none;
        clear: both;
    }

    .ftabled-left .logo {
        margin: 20px auto;
        float: none;
    }

    .ftabled-left .logo img {
        margin: 0 auto;
    }

    .ftabled-right {
        display: block;
        width: 100%;
        float: none;
        margin: 30px 0;
    }

    footer h3, footer ul li a {
        text-align: center;
    }





    .tocarts {
        float: none;
        width: 100%;
        margin: 0px 30px 10px 0;
    }

    .buynocart {
        display: block;
        float: left;
        padding: 10px 20px;
        border-radius: 3px;
        background: #b2a19b;
        font-size: 13px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        margin: 15px 10px 20px 0;
    }

    .addtocart {
        display: block;
        float: left;
        padding: 8px 20px;
        border-radius: 3px;
        border: 2px #b2a19b solid;
        font-size: 13px;
    }

    .formdetail {
        font-size: 13px;
        line-height: 24px;
    }


    .banner2 {
        background-size: 80%;
    }


.footlinks {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    margin: 20px 0;
}

.footlinks a {
    margin: 0;
}

.copy {
    text-align: center;
}

.pays {
    display: block;
    float: none;
    margin: 0 auto;
}

.pays, .crmsite {
    float: none !important;
    margin: 10px auto;
    text-align: center;
    width: 150px;
}
.copy, .copyr a {
    margin: 0 auto;
}



.paybox input[type="submit"], .credittinkoff {
  float: none;
  text-align: center;
  width: 100%;
  padding: 12px 0;
}


.copy, .footlinks {
    width: 100% !important;
}

}









@media (max-width: 600px) {

    .logo img {
        height: 20px;
        margin: 0;
    }


    .phone {
        font-size: 12px;
        padding: 0 0 0 0px;
    }

    .phone span {
        font-size: 8px;
    }




    .menubut {
        margin: -5px 10px 0 0;
    }


    .homed {
        background-size: 80%;
        background-position: center 9%;
    }


    .minud {
        background-size: 90%;
        background-position: center 15%;
    }



    .cart {
        width: 20px;
        height: 20px;
        background: url(img/cart.svg) center center no-repeat;
        background-size: auto;
        background-size: 20px;
        margin: 5px 0 0 20px;
    }

    .select-lang {
        display: block;
        margin: 5px 0 0 0;
        width: 70px;
    }

    .banner h1, .banner2 h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .banner p, .banner2 p {
        width: 100%;
        font-size: 13px;
        margin: 0 auto 25px auto;
        line-height: 20px;
    }

    .wrap {
        width: 83%;
    }

    h2 {
        margin: 0 auto 20px auto;
        font-size: 20px;
    }

    .whitebox p {
        margin: 0 auto 30px auto;
        font-size: 13px;
        line-height: 20px;
    }

    .minud {
        margin-top: -80px;
    }


    .table4 {
        display: block;
        width: 100%;
        float: none;
    }

    .numline {
        margin: 10px auto;
        width: 2px;
        height: 30px;
    }

    .table4 span {
        font-size: 52px;
    }

    .goods {
        display: block;
        width: 100%;
        float: none;
    }

    .avatar {
        display: block;
        width: 15%;
    }

    .comminfo h3 {
        font-size: 16px;
        margin: 0px 0 0 0;
    }

    .comminfo p {
        text-align: left;
        margin: 10px 0 0px 0;
        max-width: 100%;
        margin: 10px 0 0 0 !important;
        font-size: 13px !important;
    }

    .otziv {
        margin: 15px auto 0px auto;
    }


    .copy {
        text-align: center;
    }

    .copyr a {
        float: none;
        text-align: center;
        margin: 5px auto;
    }

    .pays {
        float: none;
        margin: 0 auto;
    }

    .pays img {
        margin: 20px auto;
    }


    .in-docname h4 {
        display: block;
        float: none;
        width: 90%;
    }

    .zakazbut {
        float: none;
        width: 50%;
        margin: 10px 0 0 0;
        padding: 8px;
    }

    .resultzakaz h3 {
        font-size: 18px;
    }

    .formdetail {
        font-size: 11px;
    }

    .paged-content h1 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }

    .paged-content {
        padding: 25px 5% 25px 5%;
    }

    .liner h3 {
        font-size: 14px;
    }

    .prodname img {
        width: 15px;
        margin: 0 10px 0 0;
    }

    .liner h3 {
        width: 90%;
        padding-bottom: 7px;
    }

    .costname {
        margin: 10px 0 0 25px;
    }

    .footcart .prodname b {
        font-size: 20px;
    }

    .paybox input[type="submit"] {
        padding: 12px 20px;
        font-size: 14px;
        margin: 15px 0px;
    }

    .footcart .prodname {
        margin: 10px 30px 30px 0;
    }

    .cartdopusl {
        display: block;
        font-size: 12px !important;
        font-weight: 500;
        color: #baa69b !important;
    }


    .cartdopusl {
        margin: 4px 0 0 25px;
    }


    .docctategory {
        display: block;
        width: 82%;
        float: none;
    }


    .downloadlist a {
        padding: 7px 6px 7px 21px;
        font-size: 10px;
        margin: 0 5px 10px 0;
    }


    .word-download, .pdf-download, .print-download {
        background-size: 10px;
        margin: 15px 10px 10px 0;
        background-position: 6px center;
    }


.logo img {
    height: 15px;
    margin: 2px 0 0 0;
}

.phone a {
    color: #fefefe;
    font-size: 11px;
}


.tinwhois {
  display: block;
  margin-top: 0px;
}


.tinyes, .tinnou {
     float: none;
     text-align: center;
     width: 100%;
     padding: 13px 0;
}

.buynocarttinkoff, .buynocart, .addtocart {
    float: none;
    margin: 10px 0;
}



}
















/* -------- */























/*! CSS Used from: https://dbsd.ru/css/styles.min.css?70662 ; media=all */
@media all{
    a{color:#434A54;font-size:14px;font-size:16px;text-decoration:none;transition:all 0.1s ease;}
    a:hover{color:#5D9CEC;}
    a:active{color:#434A54;outline:none;}
    .clear{clear:both;height:0;overflow:hidden;}
    .items-list > ul{margin:0 0 0 1px;padding:0 0 1px;list-style:none;}
    .items-list > ul:after{content:'';display:block;clear:both;}
    .items-list > ul > li{position:relative;float:left;width:calc(20% + 1px);height:200px;margin:0 0 -1px -1px;padding:20px 60px 40px 25px;line-height:15px;border:1px solid #E6E9ED;overflow:hidden;box-sizing:border-box;z-index:1;transition:all 0.1s ease;}
    .items-list > ul > li:before{content:'';display:none;position:absolute;right:25px;top:70px;width:30px;height:16px;background:url('https://dbsd.ru/images/ico-view.png') no-repeat center 0 transparent;}
    .items-list > ul > li:after{content:'';position:absolute;left:20px;bottom:0;right:60px;height:40px;border-bottom:20px solid #fff;background:linear-gradient(to bottom, transparent, #fff);z-index:0;}
    .items-list > ul > li:hover{border-color:#5D9CEC;box-shadow:0 0 10px #5D9CEC;z-index:2;}
    .items-list > ul > li:active{border-color:#434A54;box-shadow:0 0 10px #434A54;z-index:2;}
    .items-list > ul > li > a{display:block;min-height:40px;color:#434A54;font-weight:bold;font-size:16px;line-height:18px;}
    .items-list > ul > li .description{margin:15px 0 0;font-size:13px;line-height:16px;overflow:hidden;transition:all 0.1s ease;}
    .items-list > ul > li .pages{position:absolute;right:25px;bottom:20px;width:30px;padding:0 0 10px;color:#AAB2BD;font-weight:normal;font-size:16px;line-height:20px;text-align:center;box-sizing:border-box;z-index:1;}
    .items-list > ul > li .pages:before{content:'иЂ±пїЅ';display:block;position:absolute;left:0;right:0;bottom:0;font-weight:lighter;font-size:8px;line-height:10px;}
    .items-list > ul > li .favorite{position:absolute;top:0;right:25px;width:30px;height:60px;background:url('https://dbsd.ru/images/ico-header-favorites.png') no-repeat center 15px #CCD1D9;cursor:pointer;background-size:22px;transition:all 0.1s ease;}
    .items-list > ul > li .favorite:after{content:'';display:block;position:absolute;left:0;bottom:0;border-color:transparent transparent #fff;border-style:dashed dashed solid;border-width:15px;}
    .items-list > ul > li .favorite:hover{height:65px;background-color:#AAB2BD;background-position:center 20px;}
    .items-list > ul > li .favorite:active{height:65px;background-color:#434A54;background-position:center 20px;}
    .items-list > ul > li .contents{display:none;position:absolute;bottom:20px;right:25px;}
    .items-list > ul > li .contents .i{position:relative;width:30px;height:30px;background:url('https://dbsd.ru/images/ico-items-list-info.png') center center no-repeat;cursor:default;background-size:16px;border-radius:100%;z-index:31;transition:all 0.1s ease;}
    .items-list > ul > li .contents .text{opacity:0;visibility:hidden;height:300px;position:absolute;top:-10px;right:-10px;width:360px;padding:20px 25px;border:1px solid #CCD1D9;background-color:#fff;font-size:13px;line-height:17px;overflow:hidden;z-index:30;box-sizing:border-box;border-radius:3px;box-shadow:0 0 5px #CCD1D9;transition:all 0.1s ease;}
    .items-list > ul > li .contents .text ol{margin:0 0 15px;padding:0;}
    .items-list > ul > li .contents .text ol:before{content:'жќЁжєґз–°е›—жЎў';display:block;margin:0 0 10px;font-weight:normal;text-transform:uppercase;}
    .items-list > ul > li .contents .text ol li{margin:0 0 0 15px;padding:0 0 0 10px;}
    .items-list > ul > li .contents:hover .text{opacity:1;visibility:visible;height:auto;}
    .items-list > ul > li .contents:hover .i{background-color:#E6E9ED;}
    @media (max-width: 1450px){
        .items-list > ul > li{width:calc(25% + 1px);}
    }
    @media (max-width: 1240px){
        .items-list > ul > li{width:calc(33.3333% + 1px);}
    }
    @media (max-width: 1030px){
        .items-list > ul > li{width:calc(50% + 1px);}
    }
    @media (max-width: 560px){
        .items-list > ul{margin:0;}
        .items-list > ul > li{float:none;width:auto;margin-left:0;height:160px;border-left-width:0;border-right-width:0;}
    }
    .item .top{padding:0 25px;margin:-10px 0 20px;}
    .item .top:after{content:'';display:block;clear:both;}
    .item .top .views{float:left;padding:0 25px 0 28px;color:#656D78;line-height:22px;background:url('https://dbsd.ru/images/ico-item-top-views.png') 0 center no-repeat;}
    .item .top .downloads{float:left;padding:0 25px 0 22px;color:#656D78;line-height:22px;background:url('https://dbsd.ru/images/ico-item-top-downloads.png') 0 center no-repeat;}
    .item .top .like{float:left;padding:0 0 0 22px;color:#656D78;line-height:22px;background:url('https://dbsd.ru/images/ico-item-top-like.png') 0 0 no-repeat;}
    .item .top a.print{display:block;float:right;padding:0 0 0 24px;color:#656D78;line-height:22px;background:url('https://dbsd.ru/images/ico-item-top-print.png') 0 0 no-repeat;}
    .item .body{position:relative;padding:50px 0;border-top:1px solid #CCD1D9;border-bottom:1px solid #CCD1D9;background-color:#F5F7FA;box-shadow:0 0 25px #CCD1D9 inset;}
    .item .body .page{position:relative;margin:0 20%;padding:100px 80px;border:1px solid #CCD1D9;background-color:#fff;font-weight:lighter;font-size:18px;line-height:24px;box-sizing:border-box;border-radius:5px;box-shadow:0 0 25px #CCD1D9;}
    .item .body .page h2{margin:0 0 100px 0;padding:0;font-weight:bold;font-size:31px;line-height:31px;text-align:center;text-transform:uppercase;}
    .item .body .page h3{margin:60px 0 25px;padding:0;font-weight:bold;font-size:22px;line-height:26px;text-align:center;text-transform:uppercase;}
    .item .body .page strong{display:block;margin:-80px 100px 100px;font-weight:normal;font-size:16px;text-align:center;}
    .item .body .page .city{float:left;margin:0 0 70px 0;font-style:italic;color:#656D78;font-size:14px;}
    .item .body .page .date{float:right;margin:0 0 70px 0;font-style:italic;color:#656D78;font-size:14px;}
    .item .body .page .city span{width:200px;display:inline-block;border-bottom:1px dotted #656D78;}
    .item .body .page .date span{display:inline-block;border-bottom:1px dotted #656D78;}
    .item .body .page .i200,.item .body .page .i100,.item .body .page .i80,.item .body .page .i50,.item .body .page .i20{width:310px;display:inline-block;border-bottom:1px dotted #656D78;}
    .item .body .page .i100{width:160px;}
    .item .body .page .i80{width:110px;}
    .item .body .page .i50{width:90px;}
    .item .body .page .i20{width:60px;}
    .item .body .page .requirements{margin:30px 0 10px;}
    .item .body .page .requirements .first{float:left;width:48%;}
    .item .body .page .requirements .second{float:right;width:48%;}
    .item .body .page .requirements span{display:block;border-bottom:1px dotted #656D78;font-size:12px;line-height:30px;}
    .item .body .page .signature{margin-top:30px;}
    .item .body .page .signature .first{float:left;width:48%;box-sizing:border-box;}
    .item .body .page .signature .second{float:right;width:48%;box-sizing:border-box;}
    .item .body .page .favorite{position:absolute;top:0;right:80px;height:110px;width:60px;background:url('https://dbsd.ru/images/ico-header-favorites.png') center 30px no-repeat #CCD1D9;cursor:pointer;transition:all 0.1s ease;}
    .item .body .page .favorite:after{content:'';display:block;position:absolute;left:0;bottom:0;border-color:transparent transparent #fff;border-style:dashed dashed solid;border-width:30px;}
    .item .body .page .favorite:hover{height:120px;background-color:#AAB2BD;background-position:center 40px;}
    .item .body .page .favorite.selected{background-color:#FFCE54;}
    .item .body .page .favorite .text{position:absolute;top:30px;right:70px;color:#AAB2BD;font-size:11px;line-height:14px;text-align:right;white-space:nowrap;transition:all 0.1s ease;}
    .item .body .page .favorite:hover .text{top:40px;}
    .item .body .attention{margin:20px 20% 0;color:#AAB2BD;font-size:13px;line-height:15px;}
    .item .bottom{padding:30px 0;}
    .item .bottom:after{content:'';display:block;clear:both;}
    .item .bottom .download{float:left;width:20%;margin:0 0 0 20%;padding:0 25px;box-sizing:border-box;}
    .item .bottom .download:after{content:'';display:block;clear:both;}
    .item .bottom .download .text{margin:0 0 20px;font-weight:bold;font-size:16px;line-height:16px;}
    .item .bottom .download a.docx{position:relative;float:left;display:block;margin:0 10px 0 0;padding:15px 75px 15px 30px;background-color:#5D9CEC;color:#fff;font-weight:bold;font-size:16px;line-height:20px;box-sizing:border-box;border-radius:3px;}
    .item .bottom .download a.docx:before{content:'';position:absolute;right:0;top:0;bottom:0;width:50px;border-left:1px solid #5D9CEC;background-color:#4A89DC;background-position:center center;background-repeat:no-repeat;background-size:24px;border-radius:0 3px 3px 0;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDU0OC4yOTEgNTQ4LjI5MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTQ4LjI5MSA1NDguMjkxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQ4Ni4yMDEsMTk2LjEyMWgtMTMuMTY2di02My41MjVjMC0wLjM5OS0wLjA2Mi0wLjc5NS0wLjExNS0xLjJjLTAuMDIxLTIuNTIyLTAuODI1LTUtMi41NTItNi45NkwzNjQuNjU3LDMuNjc1ICAgYy0wLjAzMy0wLjAzMS0wLjA2NC0wLjA0Mi0wLjA4NS0wLjA3M2MtMC42My0wLjcwNC0xLjM2NC0xLjI5Mi0yLjE0My0xLjc5NmMtMC4yMjktMC4xNTctMC40NjEtMC4yODYtMC43MDItMC40MTkgICBjLTAuNjcyLTAuMzY1LTEuMzg3LTAuNjcyLTIuMTIxLTAuODkzYy0wLjItMC4wNTItMC4zNzktMC4xMzQtMC41NzctMC4xODhDMzU4LjIzLDAuMTE4LDM1Ny40MDEsMCwzNTYuNTYyLDBIOTYuNzU3ICAgQzg0Ljg5NCwwLDc1LjI1Niw5LjY0OSw3NS4yNTYsMjEuNTAydjE3NC42MTNINjIuMDkyYy0xNi45NzEsMC0zMC43MzIsMTMuNzU2LTMwLjczMiwzMC43M3YxNTkuODEgICBjMCwxNi45NjYsMTMuNzYxLDMwLjczNiwzMC43MzIsMzAuNzM2aDEzLjE2NFY1MjYuNzljMCwxMS44NTQsOS42MzgsMjEuNTAxLDIxLjUwMSwyMS41MDFoMzU0Ljc3NiAgIGMxMS44NTMsMCwyMS41MDEtOS42NDcsMjEuNTAxLTIxLjUwMVY0MTcuMzkyaDEzLjE2NmMxNi45NjYsMCwzMC43MjktMTMuNzY0LDMwLjcyOS0zMC43MzF2LTE1OS44MSAgIEM1MTYuOTMsMjA5Ljg3Nyw1MDMuMTY3LDE5Ni4xMjEsNDg2LjIwMSwxOTYuMTIxeiBNOTYuNzU3LDIxLjUwN2gyNDkuMDU0djExMC4wMDZjMCw1Ljk0LDQuODE3LDEwLjc1MSwxMC43NTEsMTAuNzUxaDk0Ljk3MiAgIHY1My44NjFIOTYuNzU3VjIxLjUwN3ogTTM2Ny41NDcsMzM1Ljg0N2M3Ljg0MywwLDE2LjU0Ny0xLjcwMSwyMS42NjYtMy43NTlsMy45MTYsMjAuMzAxYy00Ljc2OCwyLjM3Ni0xNS41MDksNC45NDktMjkuNDkzLDQuOTQ5ICAgYy0zOS43NDgsMC02MC4yMDQtMjQuNzMtNjAuMjA0LTU3LjQ3MmMwLTM5LjIyNiwyNy45NjktNjEuMDU1LDYyLjc2Mi02MS4wNTVjMTMuNDY1LDAsMjMuNzA1LDIuNzM3LDI4LjMxLDUuMTE5bC01LjI4NSwyMC42NCAgIGMtNS4yODctMi4yMjYtMTIuNjE1LTQuMjYzLTIxLjgzMi00LjI2M2MtMjAuNjQxLDAtMzYuNjYzLDEyLjQ0NC0zNi42NjMsMzguMDI3QzMzMC43MTgsMzIxLjMzNywzNDQuMzYyLDMzNS44NDcsMzY3LjU0NywzMzUuODQ3eiAgICBNMjkxLjY0NywyOTYuOTdjMCwzNy42ODUtMjIuODU0LDYwLjUzNy01Ni40NDQsNjAuNTM3Yy0zNC4xMTMsMC01NC4wNjYtMjUuNzU5LTU0LjA2Ni01OC40OTUgICBjMC0zNC40NDcsMjEuOTk1LTYwLjIwNiw1NS45NC02MC4yMDZDMjcyLjM5LDIzOC44MDYsMjkxLjY0NywyNjUuMjQ4LDI5MS42NDcsMjk2Ljk3eiBNNjcuNzIsMzU1LjEyNFYyNDIuMjIxICAgYzkuNTUyLTEuNTMyLDIxLjk5OS0yLjM3NSwzNS4xMy0yLjM3NWMyMS44MywwLDM1Ljk4MSwzLjkxNiw0Ny4wNTUsMTIuMjc2YzExLjk0NSw4Ljg2MywxOS40NTUsMjMuMDIxLDE5LjQ1NSw0My4zMTEgICBjMCwyMS45OTQtOC4wMTcsMzcuMTgxLTE5LjEwNSw0Ni41NTZjLTEyLjExMSwxMC4wNTgtMzAuNTI4LDE0Ljg0MS01My4wNDUsMTQuODQxQzgzLjc0OSwzNTYuODI1LDc0LjE5OCwzNTUuOTY4LDY3LjcyLDM1NS4xMjR6ICAgIE00NTEuNTM0LDUyMC45NjhIOTYuNzU3VjQxNy4zOTJoMzU0Ljc3NlY1MjAuOTY4eiBNNDcxLjI0NSwzNTUuNjI3bC0xMC40MDktMjAuODA0Yy00LjI2My04LjAxMi02Ljk5Mi0xMy45OS0xMC4yMzEtMjAuNjM2ICAgaC0wLjM0MmMtMi4zODgsNi42NTYtNS4yOCwxMi42MjQtOC44NjEsMjAuNjM2bC05LjU1MiwyMC44MDRoLTI5LjY3NWwzMy4yNTQtNTguMTU4bC0zMi4wNTQtNTYuNzg2aDI5Ljg0OWwxMC4wNTgsMjAuOTg0ICAgYzMuNDEzLDYuOTc5LDUuOTYzLDEyLjYxNCw4LjY5NCwxOS4wOTJoMC4zMzVjMi43MjktNy4zMzIsNC45NTUtMTIuNDQ2LDcuODQzLTE5LjA5Mmw5LjcyMS0yMC45ODRoMjkuNjgzbC0zMi40MDYsNTYuMTAzICAgbDM0LjEwNSw1OC44NDFINDcxLjI0NXoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0xNDEuNzI5LDI5Ni4yNzdjMC4xNjUtMjMuODY5LTEzLjgxNC0zNi40OTQtMzYuMTUtMzYuNDk0Yy01LjgwNywwLTkuNTUyLDAuNTE0LTExLjc3MiwxLjAyN3Y3NS4yICAgYzIuMjI2LDAuNTA5LDUuODA2LDAuNTA5LDkuMDQ3LDAuNTA5QzEyNi4zODgsMzM2LjY5OCwxNDEuNzI5LDMyMy43NDMsMTQxLjcyOSwyOTYuMjc3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTIwOC42MDQsMjk4LjQ5M2MwLDIyLjUxNSwxMC41NzUsMzguMzcyLDI3Ljk2OSwzOC4zNzJjMTcuNTY3LDAsMjcuNjE3LTE2LjcwMywyNy42MTctMzkuMDQ1ICAgYzAtMjAuNjQxLTkuODg1LTM4LjM3Ny0yNy44MDEtMzguMzc3QzIxOC44MjcsMjU5LjQ0OCwyMDguNjA0LDI3Ni4xNjIsMjA4LjYwNCwyOTguNDkzeiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);}
    .item .bottom .download a.docx:hover{background-color:#4A89DC;}
    .item .bottom .download a.pdf{position:relative;float:left;display:block;width:50px;height:50px;background-color:#ED5565;background-position:center center;background-repeat:no-repeat;background-size:24px;border-radius:3px;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDU1MC44MDEgNTUwLjgwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTUwLjgwMSA1NTAuODAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTE2MC4zODEsMjgyLjIyNWMwLTE0LjgzMi0xMC4yOTktMjMuNjg0LTI4LjQ3NC0yMy42ODRjLTcuNDE0LDAtMTIuNDM3LDAuNzE1LTE1LjA3MSwxLjQzMlYzMDcuNiAgIGMzLjExNCwwLjcwNyw2Ljk0MiwwLjk0OSwxMi4xOTIsMC45NDlDMTQ4LjQxOSwzMDguNTQ5LDE2MC4zODEsMjk4Ljc0LDE2MC4zODEsMjgyLjIyNXoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0yNzIuODc1LDI1OS4wMTljLTguMTQ1LDAtMTMuMzk3LDAuNzE3LTE2LjUxOSwxLjQzNXYxMDUuNTIzYzMuMTE2LDAuNzI5LDguMTQyLDAuNzI5LDEyLjY5LDAuNzI5ICAgYzMzLjAxNywwLjIzMSw1NC41NTQtMTcuOTQ2LDU0LjU1NC01Ni40NzRDMzIzLjg0MiwyNzYuNzE5LDMwNC4yMTUsMjU5LjAxOSwyNzIuODc1LDI1OS4wMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNNDg4LjQyNiwxOTcuMDE5SDQ3NS4ydi02My44MTZjMC0wLjM5OC0wLjA2My0wLjc5OS0wLjExNi0xLjIwMmMtMC4wMjEtMi41MzQtMC44MjctNS4wMjMtMi41NjItNi45OTVMMzY2LjMyNSwzLjY5NCAgIGMtMC4wMzItMC4wMzEtMC4wNjMtMC4wNDItMC4wODUtMC4wNzZjLTAuNjMzLTAuNzA3LTEuMzcxLTEuMjk1LTIuMTUxLTEuODA0Yy0wLjIzMS0wLjE1NS0wLjQ2NC0wLjI4NS0wLjcwNi0wLjQxOSAgIGMtMC42NzYtMC4zNjktMS4zOTMtMC42NzUtMi4xMzEtMC44OTZjLTAuMi0wLjA1Ni0wLjM4LTAuMTM4LTAuNTgtMC4xOUMzNTkuODcsMC4xMTksMzU5LjAzNywwLDM1OC4xOTMsMEg5Ny4yICAgYy0xMS45MTgsMC0yMS42LDkuNjkzLTIxLjYsMjEuNjAxdjE3NS40MTNINjIuMzc3Yy0xNy4wNDksMC0zMC44NzMsMTMuODE4LTMwLjg3MywzMC44NzN2MTYwLjU0NSAgIGMwLDE3LjA0MywxMy44MjQsMzAuODcsMzAuODczLDMwLjg3aDEzLjIyNFY1MjkuMmMwLDExLjkwNyw5LjY4MiwyMS42MDEsMjEuNiwyMS42MDFoMzU2LjRjMTEuOTA3LDAsMjEuNi05LjY5MywyMS42LTIxLjYwMSAgIFY0MTkuMzAyaDEzLjIyNmMxNy4wNDQsMCwzMC44NzEtMTMuODI3LDMwLjg3MS0zMC44N3YtMTYwLjU0QzUxOS4yOTcsMjEwLjgzOCw1MDUuNDcsMTk3LjAxOSw0ODguNDI2LDE5Ny4wMTl6IE05Ny4yLDIxLjYwNSAgIGgyNTAuMTkzdjExMC41MTNjMCw1Ljk2Nyw0Ljg0MSwxMC44LDEwLjgsMTAuOGg5NS40MDd2NTQuMTA4SDk3LjJWMjEuNjA1eiBNMzYyLjM1OSwzMDkuMDIzYzAsMzAuODc2LTExLjI0Myw1Mi4xNjUtMjYuODIsNjUuMzMzICAgYy0xNi45NzEsMTQuMTE3LTQyLjgyLDIwLjgxNC03NC4zOTYsMjAuODE0Yy0xOC45LDAtMzIuMjk3LTEuMTk3LTQxLjQwMS0yLjM4OVYyMzQuMzY1YzEzLjM5OS0yLjE0OSwzMC44NzgtMy4zNDYsNDkuMzA0LTMuMzQ2ICAgYzMwLjYxMiwwLDUwLjQ3OCw1LjUwOCw2Ni4wMzksMTcuMjI2QzM1MS44MjgsMjYwLjY5LDM2Mi4zNTksMjgwLjU0NywzNjIuMzU5LDMwOS4wMjN6IE04MC43LDM5My40OTlWMjM0LjM2NSAgIGMxMS4yNDEtMS45MDQsMjcuMDQyLTMuMzQ2LDQ5LjI5Ni0zLjM0NmMyMi40OTEsMCwzOC41MjcsNC4zMDgsNDkuMjkxLDEyLjkyOGMxMC4yOTIsOC4xMzEsMTcuMjE1LDIxLjUzNCwxNy4yMTUsMzcuMzI4ICAgYzAsMTUuNzk5LTUuMjUsMjkuMTk4LTE0LjgyOSwzOC4yODVjLTEyLjQ0MiwxMS43MjgtMzAuODY1LDE2Ljk5Ni01Mi40MDcsMTYuOTk2Yy00Ljc3OCwwLTkuMS0wLjI0My0xMi40MzUtMC43MjN2NTcuNjdIODAuNyAgIFYzOTMuNDk5eiBNNDUzLjYwMSw1MjMuMzUzSDk3LjJWNDE5LjMwMmgzNTYuNFY1MjMuMzUzeiBNNDg0Ljg5OCwyNjIuMTI3aC02MS45ODl2MzYuODUxaDU3LjkxM3YyOS42NzRoLTU3LjkxM3Y2NC44NDhoLTM2LjU5MyAgIFYyMzIuMjE2aDk4LjU4MlYyNjIuMTI3eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);}
    .item .bottom .download a.pdf:hover{background-color:#DA4453;}
    .item .bottom .vote{float:left;width:20%;padding:0 25px;box-sizing:border-box;}
    .item .bottom .vote .text{margin:0 0 20px;font-weight:bold;font-size:16px;line-height:16px;}
    .item .bottom .vote .buttons{margin:0 -10px;}
    .item .bottom .vote .buttons:after{content:'';display:block;clear:both;}
    .item .bottom .vote .buttons div{float:left;margin:0 10px;width:100px;color:#5D9CEC;font-weight:bold;font-size:16px;line-height:48px;border:1px solid #5D9CEC;text-align:center;cursor:pointer;box-sizing:border-box;border-radius:3px;transition:all 0.1s ease;}
    .item .bottom .vote .buttons div:hover{border-color:#5D9CEC;background-color:#5D9CEC;color:#fff;}
    .item .bottom .vote .buttons div:active{border-color:#434A54;background-color:#434A54;color:#fff;}
    .item .bottom .vote .buttons div.plus:after{content:'泥';}
    .item .bottom .vote .buttons div.minus:after{content:'ж№ѕпїЅ';}
    .item .bottom .share{float:left;width:20%;padding:0 25px;box-sizing:border-box;}
    .item .bottom .share .text{margin:0 0 20px;font-weight:bold;font-size:16px;line-height:16px;}
    .item .bottom .share ul{margin:0;padding:0;list-style:none;}
    .item .bottom .share ul:after{content:'';display:block;clear:both;}
    .item .bottom .share ul li{float:left;margin:0 5px 0 0;padding:0;}
    .item .bottom .share ul li:last-child{margin-right:0;}
    .item .bottom .share ul li a{display:block;width:50px;height:50px;background-position:center;background-repeat:no-repeat;background-color:#656D78;font-size:0;line-height:0;border-radius:100%;}
    .item .bottom .share ul li a:active{background-color:#434A54;}
    .item .bottom .share ul li a.vk{background-image:url('https://dbsd.ru/images/ico-footer-social-vk.png');}
    .item .bottom .share ul li a.vk:hover{background-color:#507299;}
    .item .bottom .share ul li a.ok{background-image:url('https://dbsd.ru/images/ico-footer-social-ok.png');}
    .item .bottom .share ul li a.ok:hover{background-color:#EE8208;}
    .item .bottom .share ul li a.facebook{background-image:url('https://dbsd.ru/images/ico-footer-social-facebook.png');}
    .item .bottom .share ul li a.facebook:hover{background-color:#3e5a98;}
    .item .bottom .share ul li a.twitter{background-image:url('https://dbsd.ru/images/ico-footer-social-twitter.png');}
    .item .bottom .share ul li a.twitter:hover{background-color:#03A9F4;}
    .item .related{border-top:1px solid #CCD1D9;background-color:#fff;}
    .item .related .title{margin:30px 25px 20px;font-weight:bold;font-size:28px;line-height:28px;}
    @media (max-width: 1450px){
        .item .body .page{margin:0 10%;}
        .item .body .attention{margin:20px 10% 0;}
        .item .bottom .download{width:25%;margin:0 0 0 10%;}
        .item .bottom .vote{width:25%;}
        .item .bottom .share{width:25%;}
        .item .related .items-list ul li:nth-child(5){display:none;}
    }
    @media (max-width: 1240px){
        .item .body .page{margin:0 25px;}
        .item .body .attention{margin:20px 25px 0;}
        .item .bottom .download{width:calc(100% / 3);margin:0;}
        .item .bottom .vote{width:calc(100% / 3);}
        .item .bottom .share{width:calc(100% / 3);}
        .item .related .items-list ul li:nth-child(4){display:none;}
    }
    @media (max-width: 1030px){
        .item .body .page{padding:120px 40px;font-size:16px;line-height:22px;}
        .item .body .page .favorite{right:40px;}
        .item .body .page h2{font-size:28px;line-height:28px;}
        .item .body .page h3{font-size:20px;line-height:24px;}
        .item .bottom .download{width:50%;}
        .item .bottom .vote{width:50%;}
        .item .bottom .vote .buttons div{width:calc(100%/2 - 22px);}
        .item .bottom .share{display:none;}
        .item .related .items-list ul li:nth-child(4){display:block;}
    }
    @media (max-width: 560px){
        .item .top a.print{display:none;}
        .item .body .page{padding:120px 20px;font-size:14px;line-height:18px;}
        .item .body .page .favorite{right:20px;}
        .item .body .page h2{font-size:24px;line-height:24px;}
        .item .body .page h3{font-size:16px;line-height:20px;}
        .item .bottom .download{float:none;width:auto;margin:0 0 30px;}
        .item .bottom .download a.docx{width:calc(100% - 60px);text-align:center;}
        .item .bottom .download a.docx:after{content:' 漕牦戾眚';}
        .item .bottom .vote{float:none;width:auto;}
        .item .related .items-list ul li:nth-child(5){display:block;}
    }
}


.item .body .page {
    margin: 0;
}

.pagination-container {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 5px;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.pagination a,
.pagination span {
    color: #615850;
    font-size: 15px;
    font-weight: 500;
    border: 0;
    padding: 5px 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.pagination .active span {
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #b1a19c;
    background: #b1a19c;
    color: white;
    border-radius: 3px;
}

.pagination a:hover {
    background-color: #f0f0f0;
}

.pagination .disabled span {
    color: #cccccc;
    border-color: #cccccc;
    cursor: not-allowed;
}

.page-item.active {
    border: 0 !important;
}