body {font-family:"Fira Sans"}

a {color:#95c21c;}
a:hover,
a:focus {color:#698c0d;}

header {height:50px;border-bottom:5px solid #91bc1f;background-color:#fff;background-image:url('images/head-bg.jpg');background-repeat:no-repeat;background-position:center center;}
header .logo {height:45px;line-height:45px;padding:0 15px;display:inline-block;vertical-align:middle;}
header .slogan {height:45px;line-height:48px;padding:0 15px 0 42px;display:inline-block;vertical-align:middle;text-transform:uppercase;color:#262833;font-size:18px;font-weight:300;position:relative;}
header .slogan:before {width:1px;height:34px;background-color:#a4a6a9;content:" ";display:block;position:absolute;left:10px;top:50%;transform:translate(0,-50%);}
header .slogan strong {color:#95c21c;}
header .contact {height:45px;line-height:48px;padding:0 15px 0 0;float:right;color:#95c21c;font-size:18px;}


#cnf {position:fixed;left:0;top:50px;right:0;bottom:0;overflow:hidden;/*-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;*/}
#cnf .bg-container {position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);width:1920px;height:1080px;}
#cnf .bg {position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;width:100%;height:100%;background-position:center center;background-size:cover}
#cnf .bg-icons {position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;opacity:1;transition:.2s all;}
#cnf .bg-icons.hdn {opacity:0;}
#cnf .bg-loader {width:100px;height:100px;line-height:100px;font-size:20px;text-align:center;z-index:0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);}
#cnf .bg-icon {display:block;position:absolute;width:50px;height:50px;transform:translate(-50%,-50%);}
#cnf .bg-icon .bgi-lay-1 {position:absolute;width:40px;height:40px;left:50%;top:50%;background-color:#95c21c;transform:translate(-50%,-50%);transition:.12s all;}
#cnf .bg-icon .bgi-lay-2 {position:absolute;width:40px;height:40px;left:50%;top:50%;background-color:#9fcb2a;transform:translate(-50%,-50%) rotate(45deg);transition:.12s all;}
#cnf .bg-icon .bgi-tooltip {display:none;position:absolute;left:50%;bottom:-35px;transform:translate(-50%,0);white-space:nowrap;color:#fff;background-color:#31373d;border-radius:4px;padding:3px 10px 2px 10px;font-size:12px;text-transform:uppercase;}
#cnf .bg-icon .bgi-tooltip:before {display:block;content:" ";position:absolute;left:50%;top:-4px;transform:translate(-50%,0);width:0;height:0;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #31373d transparent;}
#cnf .bg-icon svg {display:block;position:absolute;left:50%;top:50%;width:25px;height:25px;transform:translate(-50%,-50%);transition:.12s all;}
#cnf .bg-icon svg path,
#cnf .bg-icon svg polygon {fill:#fff !important;}
#cnf .bg-icon.bg-icon-2 {left:32%;top:63%;}
#cnf .bg-icon.bg-icon-3 {left:45%;top:41%;}
#cnf .bg-icon.bg-icon-4 {left:21.3%;top:58%;}
#cnf .bg-icon.bg-icon-5 {left:45.5%;top:54%;}
#cnf .bg-icon.bg-icon-6 {left:58.5%;top:54.5%;}
#cnf .bg-icon.bg-icon-7 {left:65%;top:54%;}
#cnf .bg-icon.bg-icon-8 {left:60%;top:21%;}
#cnf .bg-icon.bg-icon-9 {left:37.5%;top:54%;}
#cnf .bg-icon.bg-icon-10 {left:52%;top:76%;}
#cnf .bg-icon:hover {cursor:pointer;}
#cnf .bg-icon:hover .bgi-lay-1 {transform:translate(-50%,-50%) rotate(45deg);}
#cnf .bg-icon:hover .bgi-lay-2 {transform:translate(-50%,-50%) rotate(90deg);box-shadow:0 0 5px rgba(0,0,0,.3);}
#cnf .bg-icon:hover .bgi-tooltip {display:block;}
#cnf .bg-icon.active {width:70px;height:70px;}
#cnf .bg-icon.active .bgi-lay-1 {width:60px;height:60px;transform:translate(-50%,-50%) rotate(45deg);}
#cnf .bg-icon.active .bgi-lay-2 {width:60px;height:60px;transform:translate(-50%,-50%) rotate(90deg);box-shadow:0 0 5px rgba(0,0,0,.3);}
#cnf .bg-icon.active svg {width:40px;height:40px;}
#cnf .bg-icon.active .bgi-tooltip {display:block;}
#cnf .sidebar {position:absolute;top:50%;right:-330px;z-index:5;transition:.12s right;transform:translate(0,-50%);width:270px;}
#cnf .sidebar .elements {height:630px;position:relative;}
#cnf .sidebar .elements .elements-sections {position:absolute;z-index:5;top:50%;left:-54px;padding:0;width:54px;background-color:#9fcb2a;border-radius:4px 0 0 4px;transform:translate(0,-50%);}
#cnf .sidebar .elements .elements-sections:before {display:block;content:" ";z-index:1;position:absolute;top:0;right:0;bottom:0;width:1px;box-shadow:-1px 0 1px rgba(0,0,0,.2);}
#cnf .sidebar .elements .elements-sections .es-tooltip {display:none;right:70px;position:absolute;top:50%;transform:translate(0,-50%);background-color:#93bc28;white-space:nowrap;color:#fff;border-radius:4px;padding:3px 10px 2px 10px;font-size:12px;text-transform:uppercase;}
#cnf .sidebar .elements .elements-sections .es-tooltip:before {display:block;content:" ";position:absolute;top:50%;right:-4px;transform:translate(0,-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 5px;border-color:transparent transparent transparent #92bc28;}
#cnf .sidebar .elements .elements-sections .es-element {height:63px;width:54px;position:relative;}
#cnf .sidebar .elements .elements-sections .es-element svg {position:absolute;z-index:3;display:block;width:32px;height:32px;left:50%;top:50%;transform:translate(-50%,-50%);}
#cnf .sidebar .elements .elements-sections .es-element svg path,
#cnf .sidebar .elements .elements-sections .es-element svg polygon {transition:.12s all;}
#cnf .sidebar .elements .elements-sections .es-element:before {opacity:0;display:block;position:absolute;content:" ";left:-10px;top:0;right:0;bottom:0;z-index:1;background-color:#fff;border-radius:4px 0 0 4px;transition:.12s all;}
#cnf .sidebar .elements .elements-sections .es-element:hover {cursor:pointer;}
#cnf .sidebar .elements .elements-sections .es-element.active {box-shadow:-3px 0 3px rgba(0,0,0,.2);}
#cnf .sidebar .elements .elements-sections .es-element.active:before {opacity:1;}
#cnf .sidebar .elements .elements-sections .es-element.active path,
#cnf .sidebar .elements .elements-sections .es-element.active polygon {fill:#9fcb2a !important;}
#cnf .sidebar .elements .elements-sections .es-element.active svg {left:42%;}
#cnf .sidebar .elements .elements-sections .es-element.active .es-tooltip {display:block;}
#cnf .sidebar .elements .elements-selector {width:270px;height:630px;background-color:#fff;z-index:2;position:relative;box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:0;}
#cnf .sidebar .elements .elements-selector .es-inner {width:270px;height:630px;}
#cnf .sidebar .elements .elements-selector .section {position:absolute;top:0;right:0;bottom:0;width:270px;}
#cnf .sidebar .elements .elements-selector .section.inactive {animation:fadeout .5s;opacity:0;transform:scale(0.8,0.8);}
#cnf .sidebar .elements .elements-selector .section.active {animation:fadein .5s;z-index:10;opacity:1;right:0;z-index:100;}
#cnf .sidebar .elements .elements-selector .section .hl {height:74px;padding:30px 0 30px 90px;position:relative;font-size:14px;text-transform:uppercase;color:#262833;border-bottom:1px solid #e0e0e0}
#cnf .sidebar .elements .elements-selector .section .hl svg {position:absolute;z-index:3;display:block;width:40px;height:40px;left:20px;top:50%;transform:translate(0,-50%);}
#cnf .sidebar .elements .elements-selector .section .hl svg path,
#cnf .sidebar .elements .elements-selector .section .hl svg polygon {fill:#9fcb2a !important;}
#cnf .sidebar .elements .elements-selector .section .section-body {padding:20px;}
#cnf .sidebar .elements .elements-selector .section.section-has-accordion .section-body {padding:0;}
#cnf.loaded .sidebar {right:0;}

.group-options {margin-bottom:20px;}
.group-options:last-child {margin-bottom:0;}
.group-options:after {content:" ";display:table;clear:both;}
.group-options .option {width:33.3333%;float:left;padding:3px;margin:0 0 10px 0;position:relative;}
.group-options .option:nth-child(3n+1) {clear:left;}
.group-options .option img {display:block;margin:0 auto;max-width:100%;border:4px solid #fff;border-radius:4px;transition:.12s opacity;}
.group-options .option span.option-label {display:block;text-align:center;font-size:11px;color:#5c5e66;margin-top:5px;}
.group-options .option .loader {opacity:0;display:block;position:absolute;left:50%;top:50%;width:40px;height:40px;text-align:center;line-height:40px;font-size:40px;transform:translate(-50%,-50%);transition:.12s opacity;}
.group-options .option .loader i {font-size:30px;}
.group-options .option .option-tooltip {display:block;font-size:13px;opacity:0;position:absolute;left:4px;top:4px;right:4px;bottom:4px;margin:0;background-color:rgba(159,204,43,.6);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:.12s opacity;}
.group-options .option .option-tooltip > span {display:table;width:100%;height:100%;}
.group-options .option .option-tooltip > span > span {display:table-cell;text-align:center;vertical-align:middle;padding:0 5px;}
.group-options .option .option-img {position:relative;}
.group-options .option:hover {cursor:pointer;}
.group-options .option:hover .option-tooltip {opacity:1;}
.group-options .option.loading:hover {cursor:wait;}
.group-options .option.loading .loader {opacity:1;}
.group-options .option.loading img {opacity:.3;}
.group-options .option.active img {border:4px solid #9fcb2a;}
.group-options-big .option {width:auto;float:none;}
.group-options-big .option:last-child {margin-bottom:0}
.group-options-big .option span.option-label {display:block;position:absolute;left:0;top:50%;right:0;z-index:10;text-align:center;font-weight:bold;font-size:24px;color:#fff;text-transform:none;transform:translate(0,-50%);text-shadow:2px 2px 4px rgba(0,0,0,.8);}
.group-options-big .option:before,
.group-options-big .option:before {opacity:0;background-color:rgba(159,204,43,.6);display:block;content:" ";position:absolute;left:5px;top:5px;right:5px;bottom:5px;z-index:2;transition:.12s opacity;}
.group-options-big .option:hover:before,
.group-options-big .option.active:before {opacity:1;}
.group-options-big .option.option-big span.option-label {font-size:40px}
.group-options-big .option.has-tooltip .option-tooltip {z-index:100;}
.group-options-big .option.has-tooltip .option-tooltip > span > span {font-weight:normal;font-size:17px;}
.group-options-big .option.has-tooltip:hover:before {opacity:0;}
.group-options-big .option.has-tooltip:hover .option-label {opacity:0;}
.group-accordion .group-options {display:none;padding:0 15px;}
.group-accordion .group-hl {color:#5c5e66;text-transform:uppercase;border-top:1px solid #d4d4d4;font-size:16px;text-transform:uppercase;font-weight:bold;padding:10px 41px 10px 20px;position:relative;}
.group-accordion .group-hl:after {display:block;position:absolute;content:"\f107";font-family:"FontAwesome";width:30px;height:30px;line-height:30px;text-align:center;font-size:30px;top:50%;right:10px;transform:translate(0,-50%);}
.group-accordion .group-hl:hover {cursor:pointer;background-color:#f4f8e7}
.group-accordion:first-child .group-hl {border-top:none;}
.group-accordion:last-child .group-hl {border-bottom:1px solid #d4d4d4;}
.group-accordion.opened .group-hl {border-bottom:none;color:#9fcc2b;}
.group-accordion.opened .group-hl:after {content:"\f106";color:#9fcc2b;}
.group-accordion.opened .group-hl:hover {background-color:transparent;cursor:inherit;}


.submit {position:relative;margin-top:8px;display:block;width:270px;height:67px;line-height:67px;text-transform:uppercase;font-weight:bold;font-size:16px;background-color:#95c21c;border-radius:5px 0 0 5px;padding:0 0 0 30px;color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);transition:.12s background-color;}
.submit:hover {box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer;background-color:#6c9207}
.submit svg {display:block;position:absolute;right:30px;top:50%;width:30px;height:30px;transform:translate(0,-50%);}

.pdf-create {position:relative;margin:8px 0 0 110px;width:160px;height:44px;line-height:44px;font-weight:bold;color:#fff;text-transform:uppercase;font-size:14px;padding:0 0 0 20px;background-color:#21282f;border-radius:5px 0 0 5px;box-shadow:0 0 5px rgba(0,0,0,.3);transition:.12s background-color;}
.pdf-create:hover {box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer;background-color:#0b0c0c}
.pdf-create svg {display:block;position:absolute;right:20px;top:50%;width:18px;height:18px;transform:translate(0,-55%);}

.submit-form {position:absolute;left:0;top:0;right:0;bottom:0;z-index:999999;}
.submit-form .sf-bg {position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:10;}
.submit-form .sf-bg:hover {cursor:pointer;}
.submit-form .sf-front {position:absolute;width:900px;max-width:100%;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:20;padding:30px;border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,.7);}
.submit-form .hl {text-transform:uppercase;color:#262833;font-size:27px;font-weight:300;text-align:center;margin:0 0 20px 0;}
.submit-form .hl b {color:#95c21c;font-weight:bold;}
.submit-form p {text-align:center;margin:30px auto 31px;width:680px;max-width:100%;font-size:15px;line-height:1.4;}
.submit-form .form-controls:after {content:" ";display:table;clear:both;}
.submit-form .form-controls fieldset {width:33.3333%;padding:5px;float:left;display:block;}
.submit-form .form-controls fieldset input {height:50px;padding:0 20px;border-radius:5px;border:1px solid #7e7f7f;width:100%}
.submit-form .form-controls fieldset label {font-weight:normal;font-size:14px;color:#58585a;}
.submit-form .form-controls fieldset:first-child {padding-left:0;}
.submit-form .form-controls fieldset:last-child {padding-right:0;}
.submit-form .form-controls fieldset.has-error label {color:#a94442}
.submit-form .form-controls fieldset.has-error input {border:1px solid #a94442}
.submit-form .rules-controls {margin:30px 0;}
.submit-form .btn-container {margin:30px 0 0 0;text-align:center;}
.submit-form .btn-container button {position:relative;display:inline-block;border:none;background-color:#95c21c;text-transform:uppercase;border-radius:5px;padding:11px 70px 10px 40px;font-weight:bold;color:#fff;font-size:18px;}
.submit-form .btn-container button svg {display:block;position:absolute;right:30px;top:50%;width:30px;height:30px;transform:translate(0,-50%);}
.submit-form .sf-loader {display:none;position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;background-color:rgba(255,255,255,.7);border-radius:6px;}
.submit-form .sf-loader > div {display:table;width:100%;height:100%;}
.submit-form .sf-loader > div > div {display:table-cell;text-align:center;vertical-align:middle;color:#000;}
.submit-form .sf-loader i {display:block;margin:0 auto 16px;}
.submit-form .sf-loader span {display:block;font-style:17px;text-transform:uppercase;}
.submit-form .sf-loader:hover {cursor:wait;}
.submit-form.loading .sf-loader {display:block;}
.submit-form.loading .sf-form {filter:blur(2px);}

.changed-input-checkbox {display:block;width:100%;padding:0 0 0 25px;margin-bottom:20px;position:relative;}
.changed-input-checkbox input[type=checkbox]{display:none;}
.changed-input-checkbox label {cursor:pointer;margin:3px 0 0 0;line-height:1.2;font-size:12px;color:#21282f;display:block;font-weight:normal;}
.changed-input-checkbox label:before {color:#21282f;font-family:'FontAwesome';font-size:20px;content:"\f096";position:absolute;left:0;top:-3px;}
.changed-input-checkbox input[type=checkbox]:checked + label:before {color:#95c21c;font-family:'FontAwesome';font-size:20px;content:"\f14a";}
.changed-input-checkbox.has-error label {color:#a94442;}



@keyframes fadeout {
  0%   {opacity:1;transform:scale(1,1)}
  100% {opacity:0;transform:scale(0.8,0.8)}
}

@keyframes fadein {
  0%   {opacity:0;right:-100%;}
  100% {opacity:1;right:0;}
}


@media only screen and (max-height: 820px) {
    #cnf .sidebar .elements {height:590px;}
    #cnf .sidebar .elements .elements-selector {height:590px;}
    #cnf .sidebar .elements .elements-selector .es-inner {height:590px;}
    #cnf .sidebar .elements .elements-sections .es-element {height: 59px;}
}

@media only screen and (max-height: 780px) {
    #cnf .sidebar .elements {height:530px;}
    #cnf .sidebar .elements .elements-selector {height:530px; border-radius: 5px 0 0 5px;}
    #cnf .sidebar .elements .elements-selector .es-inner {height:530px;}
    #cnf .sidebar .elements .elements-sections .es-element {height:50px;width:54px;position:relative;}
    #cnf .sidebar .elements .elements-selector .section .hl {padding:20px 0 20px 80px;height:60px;}

    .submit {margin-top:4px;height:50px;line-height:50px;padding:0 0 0 24px;}
    .pdf-create {margin-top:4px;}
}

@media only screen and (max-height: 700px) {
    #cnf .sidebar {width:220px;}
    #cnf .sidebar .elements {height:480px;}
    #cnf .sidebar .elements .elements-selector {height:480px;width:220px;border-radius: 0;}
    #cnf .sidebar .elements .elements-selector .es-inner {height:480px;width:220px;}
    #cnf .sidebar .elements .elements-sections .es-element {height:48px;width:54px;position:relative;}
    #cnf .sidebar .elements .elements-sections .es-element svg {width: 30px; height: 30px;}
    #cnf .sidebar .elements .elements-selector .section {width:220px;}

    .group-options-big .option span {font-size:27px;}
    .group-accordion .group-hl {font-size:14px}

    .submit {width:220px;}
    .submit svg {right:15px;}
    .pdf-create {width:164px;margin-left:56px;}
}

@media only screen and (max-height: 650px) {
    #cnf {position:relative;top:auto;right:auto;bottom:auto;left:auto;height:600px;}
}