*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'icomoon';src:url('fonts/icomoon.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:block}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-search:before{content:"\f002"}
.icon-envelope-o:before{content:"\f003"}
.icon-clock-o:before{content:"\f017"}
.icon-refresh:before{content:"\f021"}
.icon-chevron-up:before{content:"\f077"}
.icon-hand-o-right:before{content:"\f0a4"}
.icon-bars:before{content:"\f0c9"}
.icon-navicon:before{content:"\f0c9"}
.icon-reorder:before{content:"\f0c9"}
.icon-comments-o:before{content:"\f0e6"}
.icon-sitemap:before{content:"\f0e8"}
.icon-file-text-o:before{content:"\f0f6"}
.icon-vk:before{content:"\f189"}
.icon-file-word-o:before{content:"\f1c2"}
.icon-question-circle-o:before{content:"\f29c"}
@font-face{font-family:'Rubik';src:url(fonts/Rubik-Light.ttf);font-weight:300;color:#000;font-style:normal;font-display:swap}
@font-face{font-family:'Rubik';src:url(fonts/Rubik-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}
#search{background-color:#16253d;display:inline-block;width:100%;height:70px;margin:0;padding:0}
body{background:#fefefe;font-size:19px;font-family:'Rubik',Tahoma,sans-serif;color:#1b1b1b;font-weight:300;padding:0}
body b{font-weight:400;color:#000}
.topmenu{height:1.1em;width:100%;padding:0;margin:0;background:rgba(22,37,61,0.2);font-size:0.9em}
.topmenu a{color:#1c1c1c;text-decoration:none;border-bottom:none}
.topmenu a:hover{color:#fff}
.icon-search,.icon-sitemap,.icon-vk{float:right;padding:0.1em 15px 0.1em 0.1em}
.icon-file-word-o,.icon-refresh,.icon-clock-o,.icon-comments-o,.icon-file-text-o{margin-right:0.2em}

header.menu{font-family:'Roboto',Tahoma,sans-serif,Georgia;height:70px;background-color:#16253d;padding:10px 0;font-size:1em;box-shadow:0 6px 6px -1px rgba(0,0,0,0.5)}
.menu-wrap{display:flex;justify-content:space-between;padding:0 15px}
a.logo{font-family:'Roboto',Tahoma,sans-serif,Georgia;font-size:1.4em;letter-spacing:0.15em;color:#fff;text-decoration:none;font-weight:400;line-height:50px}
a.logo span{text-decoration:none;border-bottom:2px solid #cd7213;padding-bottom:0}
.menu .icon-bars{font-size:1.4em;color:#ffffff;line-height:50px;padding:0 0}
.menu-wrap nav{position:absolute;background:#002c54;top:94px;left:0;width:100%}
.menu-wrap nav ul{list-style-type:none;max-height:0;overflow:hidden;transition:all 0.5s;margin:0}
.menu-wrap nav ul li{padding:0 15px;font-size:0.8em}
.menu-wrap nav ul li a{display:block;padding:12px;color:#d3d3d3;text-decoration:none;letter-spacing:0.05em}
.menu-wrap nav ul li a:hover,.menu-wrap nav ul li a:focus{color:#eb6f4a}
#checkbox{display:none}
#checkbox:checked ~ nav ul{max-height:350px;padding:15px 0;transition:all 0.5s}

article{padding:0;margin:0}
article a{color:#0072e4;text-decoration:none;}
article a:hover{border-bottom:2px solid #0072e4}
article header{padding-bottom:50px;font-family:'Roboto',Helvetica,Tahoma,serif;}
h1,h2,h2.faq,h3{font-family:'Roboto',Helvetica,Tahoma,serif;font-size:1.6em;line-height:1.4;margin:3em 0em 1.8em 0em;font-weight:400;text-align:left;color:#1c1c1c}
ol.breadcrumb{list-style:none;line-height:120%;padding:10px 16px 10px 20px;margin:5px 0 0 0;background:rgba(22,37,61,0.7);font-family:'Roboto',Helvetica,Tahoma,serif}
ol.breadcrumb li{display:inline;font-size:0.8em}
.breadcrumb li+li::before{content:"\3E";padding:0.2em;color:#cd7213;font-weight:400}
ol.breadcrumb li a{color:#adadad;text-decoration:none;border-bottom:none}
ol.breadcrumb li a:hover{text-decoration:underline;color:#d3d3d3}
.breadcrumb li:last-child{color:#d3d3d3;text-decoration:none;cursor:default}
.zag_art{margin:0 20px;}
.st{padding:2em 0em;margin:0 20px;position:relative}
h1 span{display:inline-block;width:68px;height:68px;line-height:68px;text-align:center;border-radius:50%;background:#cd7213}
header h1{color:#fff;font-size:1.8em;font-weight:400;margin:2em 0em 1.2em 0em;text-shadow:0 0 5px rgba(0,0,0,0.7)}
header h2{color:#fff;font-size:1.2em;margin:0em 0em 1em 0em;border-left:none;padding-left:0;text-shadow:0 0 5px rgba(0,0,0,0.7)}
header p,.small{color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.7)}
div.small{margin:40px 0 20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:0,9em;font-weight:300;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.7)}
div.small div{display:inline-block;align-items:center;padding-top:20px}
div.small div:first-child{display:flex;width:100%;padding:0}
div.small div div{padding:0}
div.small div img{float:left;margin-right:30px;border-radius:50%;width:60px; height:60px;}
div.small div span{color:#f0b88b}
div.small div span a{color:#f0b88b;border-bottom:1px dashed #f0b88b;padding-bottom:2px}
div.small div span a:hover{border-bottom:none}
div.small div span span{margin-left:0}
header p{margin:50px 0 20px 0;font-size:1em}
ol.artmenu{list-style-type:none;margin:1.6em 0em;padding-left:1.6em;border-left:2px solid #cd7213}
.artmenu a,ol.text a{color:#1b1b1b;text-decoration:none;border-bottom:none}
.artmenu a:hover,ol.text a:hover{border-bottom:2px solid #1b1b1b}
ol.text,ul.text{list-style-type:none;counter-reset:num;padding:0;margin:1.6em 0em 1.6em 35px}
ul.text li,ol.text li{position:relative}
ol.text li:before{content:counter(num);counter-increment:num;display:inline-block;position:absolute;top:0;left:-38px;width:28px;height:28px;background:#bbc3c6;color:#fff;text-align:center;font-size:1em;border-radius:50%;border:1px solid #bbc3c6}
ul.text{margin-left:20px}
.text li,.artmenu li{margin:0.8em 0em;line-height:1.6;font-weight:300}
li p{font-family:'Rubik','Calibri',Tahoma,sans-serif;font-style:normal;line-height:1.6;font-weight:300;margin:0.8em 0em}
ul.text li:before{display:inline-block;content:counter(num);counter-increment:num;position:absolute;top:9px;left:-20px;width:10px;height:10px;text-align:center;font-size:0;border-radius:50%;border:1px solid #3873ab;background:#3873ab}
div.dop{max-width:100%;display:inline-block;background:#fff5ee;border-radius:5px;margin:0;padding:0.8em 0em}
div.dop div{display:block;border-radius:5px;margin:0;padding:0.8em;font-size:1em;line-height:1.4;max-width:100%}
div.dop div a{display:block;color:#1b1b1b;text-decoration:none;border-bottom:none}
div.dop div a:before{content:"●";padding-right:5px;color:#3873ab;font-size:1em;font-weight:bold}
.dop div a:hover{text-decoration:none;border-bottom:none;color:#3873ab}
.rek{display:none;padding:0;margin:0}
h2,h2.faq{font-size:1.5em}
h2 a,h3 a{color:#1c1c1c;text-decoration:none;border-bottom:2px dashed #bbc3c6;padding-bottom:3px}
h2 a:hover,h3 a:hover{border-bottom:2px solid #bbc3c6}
h3{font-size:1.2em}
p,p.dop{padding:0;line-height:1.6;margin:1.6em 0em}
p.dop{margin-top:3.2em}
#red{color:red;font-weight:normal}
p.cash{padding:20px 0;margin-bottom:20px;text-align:center}
blockquote p{font-style:normal;margin:1.6em 0em;padding:1.6em 0.8em;background:#f0f9ff;border-radius:10px}
a.iksweb,a.iksweb2,a.content_toggle,a.kons{display:inline-block;border-bottom:none;text-decoration:none;padding:0 15px;color:#ffffff;background:#002c54;background:linear-gradient(to bottom right,#002c54,#00508a);border-radius:50px}
a.iksweb,a.iksweb2{background:none;color:#0072e4;border:1px solid #0072e4}
a.kons{background:#002c54}
.iksweb:hover,.iksweb2:hover,.content_toggle:hover,.kons:hover{background:#cd7213;border-bottom:none;text-decoration:none;color:#ffffff;transition:all 0.2s ease}
.iksweb:hover,.iksweb2:hover{color:#0072e4;background:#ddeeff;border:1px solid #0072e4}
.kons:hover{background:#00508a}
h2.faq .icon-comments-o,h2.faq .icon-question-circle-o,p .icon-question-circle-o{margin-right:0.5em;color:#2a73b9}
p.faq .icon-comments-o{margin-left:0.5em;color:#2a73b9}
p.faq a{display:block;text-align:center;color:#1b1b1b;background:#f7f7f7;border:1px solid #d8d8d8;border-radius:5px;margin-top:50px;padding:10px;font-size:1em;line-height:1.6;max-width:100%}
p.faq a:hover{background:none}
.st{counter-reset:otziv 0}
div.otziv{position:relative;font-size:0.9em;border:1px solid #d8d8d8;border-radius:5px;padding:10px;margin:20px 0;line-height:1.5}
.st div.otziv:before{counter-increment:otziv 1;content:counter(otziv);display:inline-block;position:absolute;top:28px;right:28px;color:#d4e3f1;font-weight:900;text-align:center;font-size:1.5em}
div.otziv p{margin:10px 0;word-wrap:break-word}
p.otziv_2{margin-top:30px;text-align:center;line-height:2.0}
.otziv_2 button{padding:10px;font-size:16px;margin-top:20px}
form.p{padding:0;margin:0}
textarea{width:100%;height:300px;padding:10px;margin:10px 0;border:1px solid #d8d8d8;border-radius:5px;background:#f7f7f7;font-family:'Rubik',Tahoma,sans-serif;font-size:19px;font-weight:300}
textarea:focus:valid,.mail:focus:valid,.nic:focus:valid{background:#e9f1f8;border:1px solid #d8d8d8}
textarea:focus:invalid,.mail:focus:invalid,.nic:focus:invalid{background:#f7f7f7}
.otpravit,.mail,.nic{width:100%;padding:10px;margin-top:10px;margin-bottom:0;border:1px solid #d8d8d8;border-radius:5px;background:#f7f7f7;font-family:'Rubik',Tahoma,sans-serif;font-size:19px;color:#1b1b1b;font-weight:300}
.otpravit:hover{background:#fff;cursor:pointer}
.nic,.mail{margin:10px 0}
div.st-ind a{padding:10px;margin-top:20px;background:#f5f5f5;border-radius:5px;display:inline-block;width:100%;height:auto;border-bottom:none;color:#333}
div.st-ind a:hover,div.st-ind a:active{border-bottom:none;background:#fff5ee}
.st-ind + .artmenu{margin-top:60px}
h2 + .st-ind{margin-top:-30px}
p + div.st-ind{margin-top:-30px}
.kons + p,.breadcrum + p, p.dop {font-weight:400}
.artmenu + blockquote {margin-top:60px}
.st-ind img{margin-bottom:20px;float:none;max-width:100%;height:auto;border-radius:5px}
.st-ind span{font-family:'Roboto',Helvetica,Tahoma,serif;font-size:1.1em;line-height:1.4;font-weight:400;color:#1c1c1c}
span.st-ind-text{display:block;margin-top:20px;font-size:0.9em;line-height:1.5;font-family:'Rubik',Tahoma,sans-serif;font-weight:300;color:#333}
div.st-fz150{font-size:1em;text-align:center;padding:20px;margin-top:20px;background:#00376B;border-radius:5px;display:block;height:auto;color:#fff}
div.st-fz150 b{color:#fff}
.st-fz150 span{font-family:'Roboto',Helvetica,Tahoma,serif;font-size:1.2em;line-height:1.4;font-weight:400;padding-top:15px}
.st-fz150 ul{margin:30px 20px;list-style-type:disc;text-align:left;font-family:'Rubik',Tahoma,sans-serif;font-weight:300}
.st-fz150 ul li{margin:20px 0;font-size:1em;line-height:1.5}
.st-fz150 ul li a,span.st-fz150-text a{color:#ddeeff;display:inline-block;border:1px solid #ddeeff;text-decoration:none;padding:0 15px;border-radius:50px}
.st-fz150 ul li a:hover,span.st-fz150-text a:hover{color:#cd7213;border:1px solid #cd7213;text-decoration:none}
span.st-fz150-text{text-align:left;display:block;margin-top:20px;font-size:0.9em;line-height:1.5;font-family:'Rubik',Tahoma,sans-serif;font-weight:300}
details{display:block;background:#fff;width:100%;border:1px solid #d8d8d8;border-radius:5px;background:#f7f7f7;border-radius:5px;overflow:hidden;margin:20px 0}
summary::-webkit-details-marker{display:none}
summary::-moz-list-bullet{list-style-type:none}
summary::marker{display:none}
summary{display:block;padding:10px;font-family:'Calibri',Tahoma,sans-serif;color:#1b1b1b;font-weight:300;font-size:1em;cursor:pointer;position:relative}
summary:before{top:15px;right:15px;color:transparent;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;width:1em;height:1em;content:"";position:absolute;transition:transform .5s}
details[open] > summary:before{transform:scale(1,-1)}
summary ~ *{padding:0 1em 10px 1.4em}
details[open] summary ~ *{animation:sweep .5s ease-in-out}
@keyframes sweep{0%{opacity:0}
 100%{opacity:1}
}
summary:focus{outline:0}
footer{border:none;font-size:0.8em;color:#d3d3d3;display:block}
div.bott{width:100%;margin:0;padding:15px;background:#16253d;display:inline-block;border:none;font-family:'Roboto Condensed',Helvetica,Tahoma,serif}
.bott p{line-height:2.5;margin-bottom:15px}
.bott p a{color:#fff;font-weight:500;text-decoration:none}
.bott p a:hover{text-decoration:underline;color:#fff}
div.up a{display:block;z-index:5;position:fixed;right:10px;bottom:50px;width:50px;height:50px;line-height:50px;text-align:center;background:none;color:#0072e4;border:1px solid #0072e4;font-size:1.2em;text-decoration:none;border-radius:50%}
.up a:hover{color:#0072e4;background:#ddeeff;border:1px solid #0072e4}
@media only screen and (min-width:375px){.small img{width:100px;height:auto;margin-right:25px}
.small{font-size:0.9em;line-height:1.8}
h2,h2.faq{font-size:1.5em}
h2.faq{padding-left:5px}
h3{font-size:1.2em}
}
@media only screen and (min-width:390px){body{font-size:20px}
.small img{width:100px;height:auto;margin-right:30px}
.small{font-size:0.9em;line-height:1.7}
@media only screen and (min-width:412px){body{font-size:19px}
@media only screen and (min-width:480px){.st-ind img{margin-bottom:0;margin-right:30px;float:left;width:30%;border-radius:5px}
div.st-fz150{padding:30px;margin:20px 0 0}
div.small div{padding-top:0}
div.small div:first-child{width:auto}
}
@media only screen and (min-width:640px){body{background:#f8f8f8;padding:0}
 blockquote p{padding:40px}
.zag_art{margin:0 5%;padding:0}
.st{background:#fefefe;padding:60px 5%;margin:0 5%}
ol.artmenu{margin-top:0;padding-top:0}
}
@media only screen and (min-width:760px){div.dop{padding:0}
div.dop div{float:left;max-width:33%;margin:0;font-size:0.9em}
article header{padding-bottom:0}
.zag_art{padding:10px 2% 80px 2%;margin:0 2%;background:rgba(22,37,61,0.3)}
.small{margin-left:0}
.st{padding:60px 2%;margin:0 2%}
div.st-ind a,div.st-fz150{margin-top:40px}
ul.text li:before{top:11px;left:-20px;width:10px;height:10px;line-height:28px}
ul.text,ol.text{line-height:1.5;font-weight:400}
.bott p{float:left;margin:15px 0;width:48%}
.bott p:first-child{margin-left:2%}
.bott p:last-child{margin-right:2%;text-align:right}
#search{padding:0 2%}
}
@media only screen and (min-width:1024px){body{background:#f7f7f7}

.icon-bars{display:none}
.menu-wrap nav{position:relative;top:-10px;background-color:transparent}
.menu-wrap nav ul{max-height:70px;padding:12px 0;text-align:right}
.menu-wrap nav ul li{display:inline-flex;padding:0;font-size:0.8em}

header h1{font-size:2em}
header h2{font-size:1.3em}
.icon-sitemap,.icon-search,.icon-vk{padding-right:30px}
.zag_art{padding:10px 5% 80px 5%;margin:0 5%}
.st{margin:0 5%;padding:60px 5%}
span.st-ind-text{line-height:1.3}
.bott p{width:45%}
.bott p:first-child{margin-left:5%}
.bott p:last-child{margin-right:5%}
#search{padding:0 5%}
div.up a{position:fixed;right:8%;bottom:60px}
}
@media only screen and (min-width:1280px){.menu-wrap nav ul li{display:inline-flex;padding:0 5px;font-size:0.9em}
 .menu-wrap{padding:0 15px 0 4%}
    
h2,h2.faq{font-size:1.5em}
article header{padding-bottom:0}
.zag_art{padding:10px 5% 80px 5%;margin:0 15%}
.st{padding:60px 5%;margin:0 15%}
ol.breadcrumb{padding-left:4%}
.bott p{width:35%}
.bott p:first-child{margin-left:15%}
.bott p:last-child{margin-right:15%}
#search{padding:0 15%}

@media (min-width:1366px){.menu-wrap nav ul li{display:inline-flex;padding:0 15px}
}


@media only screen and (min-width:1600px){.zag_art{margin:0 18%}
.st{margin:0 18%}
div.up a{position:fixed;right:15%;bottom:60px}
.bott p{width:32%}
.bott p:first-child{margin-left:18%}
.bott p:last-child{margin-right:18%}
#search{padding:0 18%}
}
@media only screen and (min-width:1800px){.zag_art{margin:0 22%}
.st{margin:0 22%}
.bott p{width:28%}
.bott p:first-child{margin-left:22%}
.bott p:last-child{margin-right:22%}
#search{padding:0 22%}
p.form{margin:0}
form.p{margin:0}
}
