/*  Reset  */
* { margin: 0; padding: 0; border: 0; vertical-align: inherit; }
html { height: 100%; }
body { background: #fff; background-size: cover; color: #363635; font-size: 18px; line-height: 1.41; font-family: podkova, sans-serif; vertical-align: top; -webkit-font-smoothing: antialiased; height: 100%; min-width: 320px; }
ul, li { list-style-type: none; }
a { text-decoration: underline; color: inherit; }
a:hover { text-decoration: none; }
select, textarea { overflow-x: hidden; overflow-y: auto; }
textarea { resize: none; }
input[type="button"], input[type="submit"], input[type="reset"], button { cursor: pointer; }
::-webkit-input-placeholder { color: inherit; }
::-moz-placeholder { color: inherit; }
:-ms-input-placeholder { color: inherit; }
/* Helpers  */
.cf:before, .cf:after { content: " "; display: table; clear: both; }
.jf:after { display: inline-block; width: 100%; clear: both; content: ''; line-height: 0; vertical-align: top; }
.jf { text-justify: distribute; text-align: justify; }
.break { -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; }
.pull-left { float: left; }
.pull-right { float: right; }
.empty { font-family: 'empty'; }
/*  Styles  */
.container { box-sizing: border-box; padding: 0 20px; margin: 0 auto;}
.bg-box{  position: fixed; bottom: 0; left: 0; right: 0; top: 0;  }
.bg-box .item{ background-position: center center;  background-repeat: no-repeat; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-size: cover; }
.bg-box .item.active { z-index: 10;}
.bg-box .item.next { z-index: 5}
.bg-box .item.bg1{background-image: url("../img/bg1.jpg");}
.bg-box .item.bg2{background-image: url("../img/bg2.jpg");}
.bg-box .item.bg3{background-image: url("../img/bg3.jpg");}
/**/
.intro_page_box {font-family: empty; position: relative; z-index: 100;}
.intro_page { text-align: center; box-sizing: border-box; height: 100%; margin: 0 auto; }
.intro_page::after { display: inline-block; height: 100%; content: ''; vertical-align: middle; width: 0; }
.intro_page .holder-box { display: inline-block; position: relative; z-index: 100; vertical-align: middle; padding: 40px 0; font-family: podkova; }
.intro_page .logo { background: url("../img/logo.png") center center no-repeat; background-size: contain; height: 268px; margin: 0 auto 56px; width: 525px; }
.intro_page h1 { font-size: 64px; margin: 0; line-height: 60px; }
.intro_page h2 { font-size: 40px; margin: 0 0 28px; }
.intro_page p { font-size: 26px; margin: 0 0 4px; }
.intro_page .intro_btn { background: #363635; border-color: #676766 #242424 #242424 #676766; border-style: solid; border-width: 2px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4); color: #fff; display: inline-block; font-size: 30px; font-weight: bold; height: 74px; line-height: 74px; margin: 27px 0 34px; padding: 0 40px; text-align: center; text-decoration: none; text-transform: uppercase; }
/**/
.sample_page { padding: 48px 0 0 0; }
.sample_page .container {max-width: 1000px;}
.sample_page .logo{background: url("../img/color_logo.jpg") center center no-repeat; background-size: contain; height: 147px; margin: 0 auto 72px; width: 276px; }
.samples-box { font-size: 0; line-height: 0; margin: 0 auto 33px; max-width: 805px; }
.samples-box .item{ display: inline-block; text-align: center; vertical-align: top; width: 33%; }
.samples-box .item img{ max-width: 100%; }
.samples-box .item img{ max-width: 100%; }
.sample_page h1{ font-size: 32px; font-weight: normal; text-align: center; }
.sample_page .cols{ margin: 0 auto 37px; max-width: 743px; }
.sample_page .col { width: 50%; box-sizing: border-box; float: left; padding: 0 10px 0 0; }
.sample_page .col p{ margin: 0 0 21px; }
/**/
.label-box {position: relative; padding: 36px 0 48px; text-align: center; margin: 0 auto 36px; }
.label-box::before { height: 14px; content: ''; background: url("../img/label_top.jpg") center center no-repeat; background-size: contain; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; }
.label-box::after { height: 14px; content: ''; background: url("../img/label_bottom.jpg") center center no-repeat; background-size: contain; bottom: 0; display: block; left: 0; position: absolute; right: 0; }
.label-box .title { font-size: 32px; margin: 0 0 18px; }
.label-box .text {}
.label-box .text p {}
.label-box .text p {}
/**/
.sample_page .text-box { text-align: center; margin: 0 auto; max-width: 740px; }
.sample_page .text-box p{ margin: 0 0 27px; }
.sample_page .text-box small{ font-size: 12px; }
/**/
.cc-box {max-width: 689px; margin: 0 auto 50px;}
.cc-table { width: 100%; }
.cc-table thead{}
.cc-table th{ border: 1px dotted #000; border-top: none; padding: 7px 6px; font-weight: normal; text-align: left; }
.cc-table th:first-child{border-left: none;}
.cc-table th:last-child{border-right: none; text-align: right;}
.cc-table tbody{}
.cc-table tr{}
.cc-table td{border: 1px dotted #000; padding: 10px 8px; }
.cc-table td:first-child{border-left: none;}
.cc-table td:last-child{border-right: none; text-align: right;}
.cc-table p{}
.cc-table .sub_title{}
.cc-table .sub_row{}
.cc-table .sub_row td:first-child{ padding-left: 20px; }
