@font-face { font-family: 'CharcoalCY'; src: url(../fonts/charcoalcy.eot); src: url(../fonts/charcoalcy.eot?#iefix) format('embedded-opentype'), url(../fonts/charcoalcy.ttf) format('truetype'); }
@font-face { font-family: 'Corbel'; src: url(../fonts/CORBEL.eot); src: url(../fonts/CORBEL.eot?#iefix) format('embedded-opentype'), url(../fonts/CORBEL.ttf) format('truetype'); }
@font-face { font-family: 'Avant'; src: url(../fonts/a_AvanteTitlerCpsUpC_Light.eot); src: url(../fonts/a_AvanteTitlerCpsUpC_Light.eot?#iefix) format('embedded-opentype'), url(../fonts/a_AvanteTitlerCpsUpC_Light.ttf) format('truetype'); }
@font-face { font-family: 'AvantB'; src: url(../fonts/a_AvanteTitlerCpsUpC_Bold.eot); src: url(../fonts/a_AvanteTitlerCpsUpC_Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/a_AvanteTitlerCpsUpC_Bold.ttf) format('truetype'); }
@font-face { font-family: 'PlumbMediumC'; src: url('../fonts/plm65c.eot'); src: url('../fonts/plm65c.woff') format('woff'), url('../fonts/plm65c.ttf') format('truetype'), url('../fonts/plm65c.svg#plm65c') format('svg'), url('../fonts/plm65c.eot?#iefix') format('embedded-opentype'), url('../fonts/plm65c.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PlumbLightC'; src: url('../fonts/plm45c.eot'); src: url('../fonts/plm45c.woff') format('woff'), url('../fonts/plm45c.ttf') format('truetype'), url('../fonts/plm45c.svg#plm45c') format('svg'), url('../fonts/plm45c.eot?#iefix') format('embedded-opentype'), url('../fonts/plm45c.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PlumbB'; src: url('../fonts/plm75c.eot'); src: url('../fonts/plm75c.woff') format('woff'), url('../fonts/plm75c.ttf') format('truetype'), url('../fonts/plm75c.svg#plm75c') format('svg'), url('../fonts/plm75c.eot?#iefix') format('embedded-opentype'), url('../fonts/plm75c.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PlumbC'; src: url('../fonts/plm55c.eot'); src: url('../fonts/plm55c.woff') format('woff'), url('../fonts/plm55c.ttf') format('truetype'), url('../fonts/plm55c.svg#plm65c') format('svg'), url('../fonts/plm55c.eot?#iefix') format('embedded-opentype'), url('../fonts/plm55c.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Century'; src: url('../fonts/GOTHIC.eot'); src: url('../fonts/GOTHIC.woff') format('woff'), url('../fonts/GOTHIC.ttf') format('truetype'), url('../fonts/GOTHIC.svg#GOTHIC') format('svg'), url('../fonts/GOTHIC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'CenturyB'; src: url('../fonts/GOTHICB.eot'); src: url('../fonts/GOTHICB.woff') format('woff'), url('../fonts/GOTHICB.ttf') format('truetype'), url('../fonts/GOTHICB.svg#GOTHICB') format('svg'), url('../fonts/GOTHICB.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PlumbBS'; src: url('../fonts/plm85c.eot'); src: url('../fonts/plm85c.woff') format('woff'), url('../fonts/plm85c.ttf') format('truetype'), url('../fonts/plm85c.svg#plm85c') format('svg'), url('../fonts/plm85c.eot?#iefix') format('embedded-opentype'), url('../fonts/plm85c.woff2') format('woff2'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Gill'; src: url('../fonts/GILLUBCD.eot'); src: url('../fonts/GILLUBCD.woff') format('woff'), url('../fonts/GILLUBCD.ttf') format('truetype'), url('../fonts/GILLUBCD.svg#GILLUBCD') format('svg'), url('../fonts/GILLUBCD.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GillB'; src: url('../fonts/GILSANUB.eot'); src: url('../fonts/GILSANUB.woff') format('woff'), url('../fonts/GILSANUB.ttf') format('truetype'), url('../fonts/GILSANUB.svg#GILSANUB') format('svg'), url('../fonts/GILSANUB.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }

body, html { height: 100%; }
body{ margin:0; padding:0; background: #ffffff; font: 100% PlumbC; color: #000000; }

h2{ display: table; font: 1.1em PlumbB; height: 48px; line-height: 48px; background: #312843; margin: 0px 0px 15px 0px; padding: 0px 55px 0px 20px; color: #ffffff; text-transform: uppercase; }
b,strong{ font-weight: normal; font-family: PlumbB; }

.wrap{ display: block; position: relative; margin: 0 auto; width: 100%; max-width: 1160px; }
.getmore{ padding: 20px 0px; }
.getmore a{ display: table; width: auto; padding: 10px 35px 10px 15px; background: #312843; color: #ffffff; text-decoration: none; text-transform: uppercase; font-family: PlumbMediumC; cursor: pointer; }

header{ display: block; position: fixed; top: 0; left: 0; width: 100%; text-align: center; background: #322843; z-index: 105; }
header a{ display: table; color: #ffffff; text-transform: uppercase; margin: 0 auto; padding: 20px 0px; }
header a span{ display: table-cell; vertical-align: middle; }
header a span.logo{ font: 2em Century; padding: 0px 15px 0px 80px; }
header a span.logo strong{ font: 1em CenturyB; }
header a span.logo em{ display: block; font: 0.4em PlumbLightC; letter-spacing: 2.5px; }
header a span.dp{ font: 1.1em PlumbLightC; text-align: left; border-left: 2px solid #ffffff; padding: 0px 15px; line-height: 10px; }
header a span.dp strong{ display: block; font: 1.4em PlumbB; }

nav{ display: block; background: #ffffff; position: fixed; top: 94px; width: 100%; height: 40px; padding: 0px 30px; box-sizing: border-box; z-index: 106; }
nav div{ max-width: 1160px; margin: 0 auto; border-bottom: 3px solid #322843; height: 40px; line-height: 40px; text-align: center; white-space: nowrap; }
nav div a{ display: inline-block; padding: 0px 18px; height: 40px; line-height: 40px; font: 0.9em PlumbMediumC; color: #000000; text-transform: uppercase; }

section{ display: block; position: relative; margin-top: 160px; padding: 0px 30px; box-sizing: border-box; }
section #slider-wrap{ position: relative; margin: 0 auto; width: 100%; max-width: 1160px; }
section #slider{ position: relative; max-width: 1160px; height: 500px; overflow: hidden; }
section .slide{ position: relative; width: 100%; max-width: 1160px; height: 500px; box-sizing: border-box; background-size: cover; }
section .slide div{ position: absolute; width: 100%; bottom: 0; padding: 20px 40px; box-sizing: border-box; background: #322843; color: #ffffff; }
section .slide div a{ color: #ffffff; text-decoration: none; }
section .slide div .top{ position: relative; font: 1.6em PlumbB; line-height: 20px; }
section .slide div .bnr{ position: relative; top: 60px; left: 15px; right: 15px; height: 343px; overflow: hidden; font: 2.5em PlumbB; text-transform: uppercase; }
section .slide div .lnk{ position: relative; font: 1.2em PlumbC; }
section .slide div .lnk a{ text-decoration: underline; }
section .sli-links{ bottom: 10px; position: absolute; text-align: center; z-index: 100; margin: auto; left: 0; width: 200px; white-space: nowrap; right: 0; }
section .sli-links .control-slide{ margin:2px; display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:url(../images/radioBg.png) center bottom no-repeat;}
section .sli-links .control-slide:hover{ cursor:pointer; background-position:center center; }
section .sli-links .control-slide.active{ background-position:center top; }
section #prewbutton, #nextbutton{ display:block; width:15px; height:500px; position:absolute; top:0; overflow:hidden; text-indent:-999px; background:url(../images/arrowBg.png) left center no-repeat; opacity:0.8; z-index:3; outline:none !important; }
section #prewbutton{ left: 10px; }
section #nextbutton{ right:10px; background:url(../images/arrowBg.png) right center no-repeat; }
section #prewbutton:hover, #nextbutton:hover{ opacity: 1; }

.cla2{ display: block; position: relative; padding: 15px 30px; box-sizing: border-box; }
.cla2 .wrap{ padding: 20px 0px; border-top: 1px solid #d3d3d5; border-bottom: 3px solid #312843; }
.cla2 .wrap div{ display: inline-block; width: 33.333%; border-right: 1px solid #d3d3d5; padding: 0px 20px; box-sizing: border-box; }
.cla2 .wrap div:nth-child(1), .cla2 .wrap div:nth-child(2), .cla2 .wrap div:nth-child(3){ border-bottom: 1px solid #d3d3d5; padding-bottom: 20px; }
.cla2 .wrap div:first-child{ padding-left: 0px; }
.cla2 .wrap div:nth-child(3n){ border-right: 0; padding-right: 0px; }
.cla2 .wrap div:nth-child(4n){ padding-left: 0px; }
.cla2 .wrap div:nth-child(n+4){ padding-top: 20px; }
.cla2 .wrap div p span{ display: block; background-size: cover; width: 100%; height: 190px; }
.cla2 .wrap div .top{ background: #312843; font: 1em PlumbB; height: 29px; line-height: 29px; margin: 15px 0px 10px 0px; padding: 0px 10px; color: #ffffff; text-transform: uppercase; }
.cla2 .wrap div .bnr a{ display: block; color: #322843; font: 1.2em PlumbB; line-height: 19px; height: 59px; overflow: hidden; }
.cla2 .wrap div .lnk{ margin-top: 10px; }
.cla2 .wrap div .lnk a{ color: #898989; font: 1.3em PlumbC; text-decoration: underline; }

main{ display: block; position: relative; margin-top: 20px; padding: 0px 30px; box-sizing: border-box; }
main .wrap{ display: table; padding-bottom: 20px; border-bottom: 3px solid #312843; }
main .item{ display: table; height: 176px; width: 100%; padding: 20px 0px 20px 0px; box-sizing: border-box; border-top: 1px solid #d3d3d5; }
main .item:last-child{ border-bottom: 1px solid #d3d3d5; }
main .item div:nth-child(1){ display: table-cell; position: relative; width: 220px; min-width: 220px; vertical-align: top; padding: 0px 0px; }
main .item div:nth-child(1) b{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/youplay.png) no-repeat center center; }
main .item div:nth-child(1) span{ display: block; width: 220px; height: 176px; overflow: hidden; }
main .item div:nth-child(1) span img{ width: auto; height: 176px; }
main .item div:nth-child(2){ display: inline-block; width: 100%; height: 176px; vertical-align: top; padding: 0px 40px 0px 20px; box-sizing: border-box; color: #464646; overflow: hidden; }
main .item div:nth-child(2) .ha{ font: 1.2em PlumbB; color: #000000; }
main .item div:nth-child(2) .gray{ font-size: 0.9em; color: #898989; }
main .item div:nth-child(2) .list{ font-size: 0.8em; margin-top: 15px; }
main .item div:nth-child(2) a{ color: #000000; }

main #purumpum{ display: table-cell; width: 50%; vertical-align: top; }
main aside{ display: table-cell; width: 50%; padding: 0; vertical-align: top; }
main aside .item{ width: 100%;  padding: 20px 0px 20px 0px; }
main aside .item div:nth-child(2){ padding: 0px 0px 0px 20px; }

article{ display: block; position: relative; margin-top: 20px; padding: 0px 30px; box-sizing: border-box; }
article .txt{ padding: 30px 60px; box-sizing: border-box; }

.novis{ display: none; }

.mform{ display: block; position: relative; margin-top: 20px; padding: 0px 30px; box-sizing: border-box; }
.mform .wrap{ display: table; width: 100%; padding: 20px 0px; border-top: 3px solid #312843; border-bottom: 3px solid #312843; }
.mform .wrap div{ display: table-cell; min-height: 400px; position: relative; color: #312843; vertical-align: top; }
.mform .wrap div:nth-child(1) .ha1{ font: 4em PlumbBS; line-height: 70px; }
.mform .wrap div:nth-child(1) .ha2{ font: 1.6em PlumbC; position: absolute; bottom: 0; left: 0; }
.mform .wrap div:nth-child(1) .ha2 span{ display: block; font: 2em PlumbBS; }
.mform .wrap div:nth-child(2){ width: 450px; min-height: 400px; padding: 0px 0px 0px 35px; border-left: 1px solid #d3d3d5; }
.mform .wrap div:nth-child(2) iframe{ width: 100%; height: 100%; min-height: 400px; }
.mform .wrap div form label{ display: block; color: #312843; }
.mform .wrap div form input{ display: block; width: 100%; border: 1px solid #312843; height: 42px; line-height: 42px; padding: 0 10px; margin-bottom: 12px; box-sizing: border-box; }
.mform .wrap div form input[type="submit"]{ width: 230px; margin-top: 30px; background: #312843; color: #ffffff; text-decoration: underline; text-transform: uppercase; font-family: PlumbMediumC; cursor: pointer; }

footer{ display: block; position: relative; margin-top: 20px; padding: 0px 30px; box-sizing: border-box; background: #312843; padding-top: 30px; color: #ffffff; }
footer a{ color: #ffffff; }
footer a.logofot span{ display: inline-block; vertical-align: middle; }
footer a.logofot span.logo{ font: 1.6em Century; padding: 0px 15px 0px 0px; }
footer a.logofot span.logo strong{ font: 1em CenturyB; }
footer a.logofot span.logo em{ display: block; font: 0.5em PlumbLightC; letter-spacing: 2px; }
footer a.logofot span.dp{ font: 0.6em PlumbLightC; text-align: left; border-left: 2px solid #ffffff; padding: 0px 15px; line-height: 8px; height: 40px; line-height: 40px; }
footer a.logofot span.dp strong{ display: block; font: 1.8em PlumbB; line-height: 40px; }

footer .ria{ float: right; }
footer .ria .phone{ display: block; background: url(/images/tlfs.png) no-repeat left top; width: 360px; font: 1.6em PlumbMediumC; text-align: right; margin-bottom: 20px; }
footer .ria .email{ display: block; background: url(/images/eml.png) no-repeat left top; width: 360px; font: 1.6em PlumbMediumC; text-align: right; }
footer .fline{ display: table; margin-top: 50px; width: 100%; height: 46px; clear: both; border-top: 1px solid #635f6c; }
footer .fline div{ display: table-cell; height: 46px; line-height: 46px; }
footer .fline .mdv{ display: table-cell; height: 32px; vertical-align: middle; color: #ffffff; text-transform: uppercase; }
footer .fline .mdv img{ display: table-cell; height: 32px; vertical-align: middle; color: #ffffff; text-transform: uppercase; }
footer .fline .mdv a{ display: table; height: 32px; color: #ffffff; }
footer .fline .mdv a u{ display: table-cell; height: 32px; vertical-align: middle; }
footer .fline .mdv a u img{ height: 22px; opacity: 0.3; }
footer .fline .mdv a span{ display: table-cell; padding-left: 3px; font-size: 0.6em; height: 28px; line-height: 14px; vertical-align: middle; opacity: 0.3; }
footer .fline .mnus{ text-align: right; }
footer .fline .mnus a{ display: inline-block; padding: 0px 10px; text-transform: uppercase; font-size: 0.6em; }
footer .fline .mnus span{ display: inline-block; padding: 0px 10px 0px 30px; text-transform: uppercase; font-size: 0.6em; }