html, body, p {margin:0px; padding:0px;}
body {background:url(/templates/protektor/img/back-page.png) center repeat-y; color:#4b535b; font-family: Arial; font-size: 14px; padding-top:150px; z-index:-4;}
body, table, td, div, p {box-sizing:border-box; line-height:120%; vertical-align:top;}
table {border-collapse:collapse; margin:10px 0 6px 0;}
p {margin-bottom:10px; margin-top:12px;}
ul, ol {margin-top:3px; margin-bottom:3px;}
li {line-height:125%;}
img {border:0px none; vertical-align:middle;}
hr {border:0px none; border-bottom:3px dotted lightgrey; margin-bottom:8px; margin-top:12px;}
h2+hr {margin-top:10px;}
a {color:#755111;}
a:hover {text-decoration:none;}
/** blue - #3e91cb **/
/** Google fonts **/
#slogan, .menu-left a, .lang-inline a, h1, h2, h3, h4, .h1, .h2, .h3, .h4 {font-family: 'Cuprum', sans-serif;}
@font-face {
font-family: 'Cuprum';
font-style: normal;
font-display: block;
font-weight: 400;
src: url('../fonts/cuprum-v11-cyrillic-regular.eot'); /* IE9 Compat Modes */
src: local('Cuprum Regular'), local('Cuprum-Regular'),
url('../fonts/cuprum-v11-cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/cuprum-v11-cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/cuprum-v11-cyrillic-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/cuprum-v11-cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/cuprum-v11-cyrillic-regular.svg#Cuprum') format('svg'); /* Legacy iOS */
}
/** Backs **/
#back-head, #back-logos {position:fixed; left:0px; width:100%; z-index:-2;}
#back-head {background:url(/templates/protektor/img/back-head.jpg) center; height:281px; top:0px; }
#back-logos {background:url(/templates/protektor/img/back-logos.png) center; height:23px; top:290px; }
#back-logos.main {top:390px;}
#mobtopmenu {display:none;}
/** Head **/
#headregion {overflow:visible; min-width:1024px; left:0px; position:absolute; top:0px; width:100%;}
#head-top-place {height:80px; margin: 0px auto; max-width: 1350px; overflow:visible; position:relative; width:100%;}
#head-logo {height:132px; position:absolute; left:0px; top:5px; width:auto;}
#slogan, #phone {background:url(/templates/protektor/img/top-sprite.png) no-repeat; position:absolute; top:14px;}
#slogan {background:none; left:164px; height:55px; width:404px;}
#phone {background-position:0px -56px; color:#3f6fb4; padding-left:66px; padding-bottom:6px; right:20px;}
#phone div:first-child {color:#848ca4; font-size:33px; font-weight:bold;}
#phone div:last-child {color:#848ca4; font-size:12px; padding-left:4px;}
#head-middle-place {background:#8690a6; height:38px; width:100%; background:linear-gradient(to right, #8690a6 25%, #8690a6 45%, #b4bcce 60%, #8690a6 100%); border-top:3px white solid; border-bottom:3px white solid;}
#head-menu-place {margin:0px auto; max-width:1350px; padding-left:96px; padding-right:20px; position:relative; width:100%;}
#head-menu-place div:last-child {color:white; background:url(/templates/protektor/img/viber.png) no-repeat; float:right; font-weight:bold; font-size:19px; height:34px; line-height:34px; padding-left:94px;}
#head-bottom-place {height:240px; margin-top:8px; text-align:center; width:100%;}
/** Center **/
#contentregion {min-height:192px; min-width:1160px; overflow:hidden; padding-bottom:10px; width:100%;}
#contentplace {background:white; margin:0px auto; padding-left:28px; padding-top:20px; width:1160px; border-radius: 20px 20px 0 0;}
#contentplace.main {border-radius:0; padding-top:242px;}
#content {background:white; float:right; min-height:500px; overflow:hidden; padding:0px 35px 10px 40px; width:830px;}
#left {float:left; padding-bottom:15px; overflow:hidden; width:290px;}
/** Bottom **/
#bottom-top-region, #bottom-bottom-region, #bottom-top-place, #bottom-bottom-place {margin:0px auto; max-width:1160px; min-width:1024px; width:100%;}
#bottom-top-region {background:#8690a6; padding:15px; width:100%;}
#bottom-top-place {}
#bottom-top-place div {color:white; display:inline-block;}
#bottom-top-place-left {background:url(/templates/protektor/img/viber.png) no-repeat; background-position:0px -84px; min-height:70px; padding-right:25px; padding-left:88px;}
#bottom-top-place-center {text-align:center; width:27%;}
#bottom-top-place-center div {margin:auto;}
#bottom-top-place-right {float:right; padding-right:20px;}
#bottom-top-place-right a {color:white !important;}
#bottom-bottom-region {height:auto; width:100%;}
#bottom-bottom-place {overflow:visible; padding:15px; padding-bottom:25px;}
#bottom-bottom-place div {color:#808694; font-size:13px; width:47%;}
#bottom-bottom-place-left {float:left; text-align:left;}
#bottom-bottom-place-right {float:right; text-align:right;}
/** Top menu **/
.menu-head a {color:white; display:block; font-size:15px; height:36px; line-height:23px; margin-top:-2px; padding:0px 10px 0px 10px; text-decoration:none;}
.menu-head a:hover {border-top:3px solid #adb2be; border-bottom:3px solid #adb2be; height:32px; margin-top:-10px; line-height:34px;}
.menu-head {height:19px; left:156px; margin:0; overflow:visible; margin-top:7px; padding:0; position:absolute;}
.menu-head li {height:19px; float:left; list-style:none;}
.menu-head li+li{border-left:1px solid white;}
.menu-head li ul {border-bottom:11px solid #7a849b; border-radius:0px 0px 10px 10px; height:auto; left:-999em; margin:0px; padding:0px; position:absolute;}
.menu-head li ul li {float:none; width:250px;}
.menu-head li ul li:first-child {box-shadow:inset 0px 2px 2px 2px #000000;}
._menu-head li ul li a {background:url(/templates/protektor/img/2.png) no-repeat #7a849b; background-position:7px 14px; opacity:0.9; padding:0px 20px 0px 25px;}
._menu-head li ul li a:hover {background:url(/templates/protektor/img/2.png) no-repeat #7a849b; background-position:10px 14px; border:0px none; opacity:0.99; padding:0px 17px 0px 28px;}
.menu-head li ul ul {margin:-1.75em 0 0 14em;}
.menu-head li:hover ul ul, #mainmenu .menu li:hover ul ul ul {left:-999em;}
.menu-head li:hover ul, #mainmenu .menu li li:hover ul, #mainmenu .menu li li li:hover ul {left:auto;}
.menu-head li li:hover {}
/** Bottom menu **/
.menu-bottom {list-style:none; margin:0px; padding:0px;}
.menu-bottom a {background:url(/templates/protektor/img/2.png) no-repeat; background-position:-4px -217px; color:white; display:block; padding-left:16px; text-decoration:none;}
.menu-bottom a:hover {color:#495b78;}
/** Left menu **/
ul.menu-left, ul.lang-inline {display:block; margin:0px; padding:0px; width:auto;}
ul.menu-left a, ul.lang-inline a {background:url(/templates/protektor/img/2.png) no-repeat;}
/** 1 уровень **/
ul.menu-left li, ul.lang-inline li {list-style:none; background:#8690a6; background:linear-gradient(to right, #8690a6 25%, #8690a6 45%, #a0a9bd 80%, #8690a6 96%); border-radius:3px; margin-bottom:6px;}
ul.menu-left li:hover, ul.lang-inline li:hover {background:linear-gradient(to right, #6f7c99 25%, #6f7c99 45%, #8290af 80%, #6f7c99 100%);}
ul.menu-left li a, ul.lang-inline li a {background-position:0px -17px; color:white; display:block; font-size:18px; line-height:32px; padding-left:34px; text-decoration:none;}
ul.menu-left li a:hover, ul.lang-inline li a:hover {background-position:0px -17px;}
ul.menu-left li.active {background:#546da2; background:linear-gradient(to right, #546da2 25%, #546da2 45%, #4967a5 80%, #546da2 100%);}
ul.menu-left li.active a {background-position:0px -107px; color:white;}
ul.menu-left li.active a:hover {background-position:0px -77px;}
/** 2 уровень **/
ul.menu-left li ul {border-bottom:5px solid #fbfbfb; border-top:5px solid #fbfbfb; margin:0px; padding:0px;}
ul.menu-left li ul li {border-radius:0px; margin:0px; padding-left:10px;}
ul.menu-left li.active ul li a {background-position:0px -143px; color:#3f589e; font-size:16px; line-height:22px; padding-left:26px;}
ul.menu-left li.active ul li a:hover {background-position:0px -195px; color:#c77b22;}
ul.menu-left li.active ul li {background:#fbfbfb;}
ul.menu-left li.active ul li.active a {background:url(/templates/protektor/img/2.png) no-repeat; background-position:0px -195px; color:#c77b22;}
ul.menu-left li.active ul li.active a:hover {background-position:0px -195px; color:#c77b22;}
/** 3 уровень **/
ul.menu-left li.active ul li.active ul li a {background-position:0px -143px; color:grey; font-weight:normal; padding-left:26px;}
ul.menu-left li.active ul li.active ul li a:hover {background-position:0px -195px; color:#c77b22;}
ul.menu-left li.active ul li.active ul li.active a {background-position:0px -195px; color:#c77b22; font-weight:normal; padding-left:26px;}
ul.menu-left li.active ul li.active ul li.active a:hover {background-position:0px -195px; color:#c77b22;}
ul.menu-left li ul li ul {border:0px;}
/** Menu container **/
.left-menu-container {
display:block;
}
/** Category menu **/
.menu-category {text-align:center; color:#5a3d7f;}
.menu-category img{border:2px solid #d5d0db; border-radius:6px; margin:5px; padding:2px;}
.menu-category img:hover {opacity:0.8; border-color:#c0c0c0;}
/** Content **/
p.logo {float:right; margin-left:15px; margin-bottom:15px; margin-top:-1px;}
.product {background-image: url(/images/common-sign.png); background-repeat: no-repeat; background-color:#294294; border-radius:10px; color:white !important; padding:10px; padding-left: 60px;}
.product-description {border-radius:8px; padding:12px 10px 8px 20px; background:#f6f6f6;}
.product-description h3:first-child, .product-description h2:first-child {margin:0px;}
.product-description p:first-child {margin-top:2px;}
.product-description h3+p, .product-description h2+p {margin-top:8px;}
/** Blog **/
.readmore {margin-bottom:30px;}
.readmore a.btn{border-radius:0 0 6px 6px; display:block; height:17px; margin:auto; max-width:250px; padding:4px 20px 4px 20px; text-align:center; text-decoration:none;}
/** Headers **/
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {font-weight:normal;}
h1, .h1 {color:#23439f; font-size:178%; line-height:110%; margin-top:0px;}
h2, .h2 {color:#588bcf; font-size:150%; line-height:115%; margin-bottom:10px;}
h2.help, .bullet {background:url(/templates/protektor/img/2.png) no-repeat; background-position:0 -239px; padding-left:30px;}
h2+p, .h2+p {margin-top:0px;}
h3, .h3 {color:#5a3d7f; font-size:125%; line-height:115%; margin-bottom:8px;}
.bullet {background-position:0px -291px; padding-left:20px;}
h3+p, .h3+p {margin-top:0px;}
h4, .h4 {color:#588bcf; font-size:115%; line-height:115%; margin-bottom:8px;}
/** Forms **/
button, .btn, .button {background:#3e91cb; border:0px; border-radius:5px; color:white; cursor:pointer; font-family:Arial; height:26px; margin-top:10px; padding-left:10px; padding-right:10px;}
button:hover, .btn:hover, .button:hover {background:#61aadd;}
input, textarea, select {border:1px solid lightgrey; border-radius:5px; font-family:Arial; font-size:15px; padding:3px;}
fieldset {border:1px solid lightgrey; border-radius:6px; margin-top:10px; padding:0px 15px 15px 15px;}
legend {padding:10px;}
option {padding:1px 6px 1px 6px;}
.control-label {padding-top:10px; padding-bottom:5px;}
/** General universal gallery **/
.gallery {margin:0px; margin-top:15px; padding:0px; width:100%;}
.gallery li {display:inline-block; list-style:none; margin:0px; padding:3px; width:auto;}
.gallery li img {padding:3px;}
.gallery li p {margin:10px 0px 6px 0px;}
ul.opacity li img:hover{opacity:0.95;}
ul.border li img{border:1px solid lightgrey;}
/** Gallery for images **/
ul.gallery-img {list-style:none; margin:0; overflow:visible; padding:4px 0 6px 0;}
ul.gallery-img li {border:1px solid #d8d8d8; border-radius:4px; display:inline-block; list-style:none; list-style-image:none; margin:3px; padding:3px;}
ul.gallery-img li:hover {border:1px solid #a0a0a0; box-shadow:0 0 5px #DDD;}
ul.gallery-img li p {background:#e5e5e5; color:#313131; font-size:11px; margin:0 -3px -3px -3px; padding:3px; text-align:center;}
/** Ul for single image **/
ul.myimage {list-style:none; margin:0; margin-left:-12px; padding:0 10px 0;}
ul.myimage li {list-style:none; list-style-image:none;}
/** Images **/
.img100 {box-sizing:border-box; height:auto; width:100%;}
/** Fonts **/
.f11 {font-size:11px;}
.small, .f12 {font-size:12px;}
.f13 {font-size:13px;}
.bo {font-weight:bold;}
.curs {cursor:pointer;}
.under {text-decoration:underline;}
.upper {text-transform:uppercase;}
/** Links **/
.decno {text-decoration:none;}
.decun {text-decoration:underline;}
.normal {color:#4b535b; cursor:text; text-decoration:none;}
.normal:hover {text-decoration:none;}
/** Borders **/
.bord, table.bord td {border:1px solid lightgrey;}
.round {border-radius:10px;}
/** Colors **/
.mark1 {color:#23439f;}
.mark2 {color:#5a3d7f;}
.blue {color:#178fc0;}
.dblue {color:#133b83;}
.lgrey {color:lightgrey;}
.grey {color:grey;}
.dgrey {color:darkgrey;}
.white {color:white;}
.black {color:black;}
.red {color:#cd1006;}
.green {color:darkgreen;}
/** Backgrounds **/
.bglblue {background:#f1f6fb;}
.bgblue {background:#99d2e9;}
.bgdblue {background:#294294;}
.bggreen {background:#abe7bb;}
.bgdgreen {background:darkgreen;}
.bglred {background:#faccb3;}
.bgred {background:#d00021;}
.bggrey {background:#a0a0a0;}
.bglgrey {background:#f6f6f6;}
/** Paddings **/
.p0 {padding:0px;}
.p2 {padding:2px;}
.p5, table.p5 td {padding:5px;}
.pl10 {padding-left:10px;}
.pb10 {padding-bottom:10px;}
.pr10 {padding-right:10px !important;}
.pt10 {padding-top:10px;}
.p10 {padding:10px;}
/** Margins **/
.mauto {margin:auto;}
.m0 {margin:0px;}
.m5 {margin:5px;}
.m10 {margin:10px;}
.ml10 {margin-left:10px;}
.mb10 {margin-bottom:10px;}
.mr10 {margin-right:10px !important;}
.mt10 {margin-top:10px;}
/** Display **/
.dn {display:none;}
.dblock {display:block !important;}
.inline {display:inline;}
/** Float **/
.fl {float:left; margin-right:8px;}
.fr {float:right;}
.clear {clear:both;}
/** Align **/
.al {text-align:left;}
.ar {text-align:right;}
.ac, table.ac td {text-align:center;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
/** Show article **/
.showmore>p {margin-top:0px;}
.showmore{height: 140px; overflow: hidden; position: relative;}
.min{height: 120px;}
.showmore div:last-child{background:white; bottom:0px; left:0px; padding:10px; position:absolute; width:100%; z-index:3;}
.showmore div:last-child p{ background:url(/templates/protektor/img/2.png) no-repeat; background-position:47px -330px; border-top:dotted grey 1px; color: grey; cursor:pointer; font-size:13px; margin:auto; margin-top:10px; padding-top:5px; text-align:center; width:300px;}
.showmore div:last-child p:hover{color: #173078; background-position:47px -347px;}
/** Messages **/
.alert p {text-align:center; font-size:16px;}
.alert-success p {color:green;}
.alert-error p {color:red;}
a.close, .alert-heading {display:none;}
/** Opacity **/
.opac:hover {opacity:0.7;}
/** Tables products **/
table.product-list {display:block; border-top:4px solid #e3e2dc; margin-top:16px; width:100%; }
table.product-list>tbody>tr {border-bottom:2px dotted lightgrey;}
table.product-list>tbody>tr:first-child {}
table.product-list>tbody>tr>td {padding-top:10px;}
table.product-list>tbody>tr>td:first-child {padding-bottom:10px; text-align:center; width:10px;}
.product-list td:first-child a {color:#133B83;}
table.product-list>tbody>tr>td:last-child {padding-bottom:20px; padding-left:20px;}
table.product-list>tbody>tr>td:last-child ul {margin-left:-16px;}
table.product-list>tbody>tr>td p:first-child {margin-top:0px;}
.product-list td h3:first-child, .product-list td h2:first-child, .product-list td h1:first-child{margin-top:0px;}
.product-list td p:last-child {margin-bottom:0px;}
.product-list td img+img {margin-bottom:10px;}
.product-list td p.link {background:url(/templates/protektor/img/2.png) no-repeat #f1f1f1; background-position:7px -289px; padding:6px 0px 6px 25px; margin-bottom:4px; margin-right:-14px;}
/** Layouts width **/
.row, .row-pad {box-sizing:border-box;}
.row-pad div+div {box-sizing:border-box; padding-left:15px;}
.row:after, .row-pad:after {clear:both; content:""; display:block;}
.w30-d, .w50-d, .w30-t, .w50-t, .w30-p, .w50-p {box-sizing:border-box; float:left;}
.w100-d {box-sizing:border-box; width:100%;}
.w25-d {width:25%;}
.w30-d {width:30%;}
.w50-d {width:50%;}
/** Width **/
.mw400 {max-width:400px;}
.mw450 {max-width:450px;}
.mw500 {max-width:500px;}
.mw550 {max-width:550px;}
.mw600 {max-width:600px;}
@media screen and (max-width: 680px) {
.w100-p {box-sizing:border-box; display:block; float:none; width:100%;}
.dn-p {display:none;}
body * {min-width:0px !important;}
body{background:white; background-image:none; border:none; font-size:16px; padding-top:110px;}
#back-head {height:65px; border:1px solid lightgrey; background-position:right; background-position:right;top:25px;}
#back-logos {display:none;}
#headregion {height:94px; overflow:visible;}
#head-top-place {position:absolute; z-index:2;}
#head-logo {left:8px; top:10px; height:auto; width:110px; }
#slogan {display:none;}
#head-middle-place {display:none;}
#phone {background:white; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .6); color:#5a3d7f; display:none; font-size:17px; left:0px; line-height:25px; padding:16px; position:absolute; top:94px; text-align:center; width:100%;}
#head-bottom-place {display:none;}
#head-menu-place {display:none;}
#bottom-top-region {overflow:visible;}
#bottom-top-place div {display:block; text-align:center; width:100%;}
#bottom-top-place-left {background-image:none; padding:10px;}
#bottom-top-place-center div {display:none;}
#bottom-top-place-right {float:none; padding-top:15px; text-align:center;}
#bottom-bottom-place div {float:none; margin-bottom:8px; text-align:center; width:100%;}
#contentregion {overflow:hidden;}
#contentplace, #contentplace.main {padding:0px; width:100%;}
#content {background-image:none; float:none; overflow:hidden; padding:8px; width:100%;}
#content img {float:none;}
#left {background-image:none; float:none; overflow:visible; padding:0px; text-align:center; width:auto;}
#left * {font-size:17px;}
#mobtopmenu {display:block; height:46px; position:absolute; right:10px; top:34px; width:auto; z-index:1000;}
#mobtopmenu div {background:url(/templates/protektor/img/viber.png) no-repeat white; background-position:1px -35px; border:1px solid #5a3d7f; border-radius:4px; cursor:pointer; display:inline; float:left; height:44px; margin-left:12px; width:44px;}
#mobtopmenu div:last-child{background-position:-56px -35px;}
table.product-list {border:none;}
table.product-list>tbody>tr {border-bottom:2px solid grey; padding-bottom:20px; padding-top:10px;}
table.product-list>tbody>tr>td {box-sizing:border-box; display:block; width:100%;}
table.product-list>tbody>tr>td:first-child {text-align:center; width:100%;}
table.product-list>tbody>tr>td:last-child {padding-left:0px;}
table.product-list>tbody>tr>td:last-child ul {margin-left:6px;}
table.product-list>tbody>tr>td h3:first-child {text-align:center;}
/* Blog */
.item h2 {margin-top:10px;}
/* Others */
p.logo {float:none; text-align:center;}
.left-menu-container{
display:none; background:white; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .6); left:0px; padding:16px 10px 16px 10px; position:absolute; text-align:left; top:110px; width:100%;
}
}
@media screen and (max-width: 374px) {
}
/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper {box-sizing:content-box; left:0; overflow:hidden; position:absolute; top:0; z-index:9999;}
#cboxOverlay {height:100%; position:fixed; width:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;}
#cboxLoadedContent {box-sizing:content-box; overflow:auto; padding:0px; padding-bottom:20px;}
#cboxTitle {background:white; margin:0; padding-top:10px;}
#cboxLoadingOverlay, #cboxLoadingGraphic {height:100%; left:0; position:absolute; top:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
.cboxPhoto {border:0; display:block; float:left; margin:auto;}
.cboxIframe {display:block; border:0; height:100%; width:100%;}
/* ColorBox User Style */
#cboxOverlay {background:#000;}
#colorbox {background:white; border:2px solid #c9c9c9; border-radius:10px}
#cboxTopLeft {height:14px; width:14px;}
#cboxTopCenter {height:14px;}
#cboxTopRight {width:14px;}
#cboxBottomLeft {width:14px;}
#cboxBottomCenter {height:43px;}
#cboxBottomRight {height:43px; width:14px;}
#cboxMiddleLeft {width:14px;}
#cboxMiddleRight {width:14px;}
#cboxContent {background:#fff; overflow:visible;}
.cboxIframe {background:#fff;}
#cboxError {border:1px solid #ccc; padding:50px;}
#cboxLoadedContent {margin-bottom:20px;}
#cboxLoadingOverlay {background:url(/js/colorbox/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic {background:url(/js/colorbox/images/loading.gif) no-repeat center center;}
#cboxTitle {bottom:5px; color:#346fb5; left:0; position:absolute; text-align:center; width:100%;}
#cboxCurrent {bottom:-25px; color:#7C7C7C; left:58px; position:absolute;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {background:url(/js/colorbox/images/controls.png) no-repeat 0px 0px; bottom:-29px; height:23px; position:absolute; text-indent:-9999px; width:23px;}
#cboxPrevious {background-position: -51px -25px; left:0px;}
#cboxPrevious:hover {background-position:-51px 0px;}
#cboxNext {left:27px; background-position:-75px -25px;}
#cboxNext:hover {background-position:-75px 0px;}
#cboxClose {right:0; background-position:-100px -25px;}
#cboxClose:hover {background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow {background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover {background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow {background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover {background-position:-125px 0px;}