@charset "UTF-8";
.icon--award-mse, .icon--award-ge, .icon--award-wn, .voted .icon--upvote, .icon--facebook-32, .icon--in-32, .icon--twitter-32, .icon--youtube-32, .icon--rss-32, .icon--facebook-24, .icon--in-24, .icon--twitter-24, .icon--youtube-24, .icon--rss-24, .icon--footer-facebook, .icon--footer-linkedin, .icon--footer-twitter, .icon--footer-youtube, .icon--footer-gplus, .icon--footer-rss, .icon--play, .icon--play-white, .icon--play-a, .icon--download, .icon--download-a, .icon--workload, .icon--env, .icon--security, .icon--audit, .icon--success, .icon--points, .icon--folder, .icon--license, .icon--sendemail, .icon--skype, .icon--mailbox, .icon--movetounit, .icon--addgroups, .icon--user, .icon--award-its, .icon--pr-down, .icon--pr-right, .icon--pr-down-big, .icon--monitor, .icon--close, .icon--close-inverted, .icon--play-b, .icon--play-c, .icon--play-d, .icon--play-e, .icon--play-f, .icon--video-up, .icon--vprev, .icon--vnext, .icon--up, .icon--tutorial, .icon--plus, .p-tutorials-view .tutorials .collapsible > [data-toggle="collapse"][aria-expanded="false"]:before, .icon--minus, .p-tutorials-view .tutorials .collapsible > [data-toggle="collapse"][aria-expanded="true"]:before, .icon--twitter-share, .icon--facebook-share, .icon--reddit-share, .icon--linkedin-share, .icon--twitter-share-hover, .icon--facebook-share-hover, .icon--reddit-share-hover, .icon--linkedin-share-hover, .icon--ok-small, .icon--info, .icon--pdf, .icon--pdf-s, .icon--formok, .icon--formerror, .icon--nav-up, .icon--nav-down, .icon--pdf-g, .icon--doc, .icon--quote, .icon--customers, .icon--expertise, .icon--enterprise, .icon--note-tip, .icon--note-info, .icon--note-caution, .icon--ok, .icon--faq, .icon--forum, .icon--script, .icon--tut, .icon--q, .icon--demo, .icon--eye, .icon--arrow-left, .icon--arrow-right, .icon--arrow-up, .icon--arrow-down, .icon--livedemo, .icon--upvote, .icon--upvote-active, .icon--more, .icon--rss, .icon--reddit-share:hover, .icon--twitter-share:hover, .icon--facebook-share:hover, .icon--linkedin-share:hover, .note--tip::before,
.s-script-full blockquote::before, .note--info::before, .note--caution::before,
.note--warning::before, .note--error::before, .select2-container--default .select2-results__option[aria-selected=true]:before, .mfp-inline-holder .mfp-close, .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .dropdown-menu.otherdowns > li > a.active::before {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon--award-mse {
  background-image: url(/img/20200909/sprite.png);
  background-position: -196px 0px;
  width: 110px;
  height: 63px;
  vertical-align: top;
  margin-right: 5px;
}

.icon--award-ge {
  background-image: url(/img/20200909/sprite.png);
  background-position: 0px 0px;
  width: 90px;
  height: 125px;
  vertical-align: top;
  margin-right: 5px;
}

.icon--award-wn {
  background-image: url(/img/20200909/sprite.png);
  background-position: -196px -73px;
  width: 110px;
  height: 63px;
  vertical-align: top;
  margin-right: 5px;
}

.voted .icon--upvote {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -274px;
  width: 10px;
  height: 13px;
  vertical-align: baseline;
  margin-right: 6px;
  margin-left: 6px;
}

.icon--facebook-32 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -485px -60px;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--in-32 {
  background-image: url(/img/20200909/sprite.png);
  background-position: 0px -430px;
  width: 41px;
  height: 40px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--twitter-32 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -407px -345px;
  width: 46px;
  height: 38px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--youtube-32 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -100px -96px;
  width: 41px;
  height: 25px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--rss-32 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -485px -338px;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--facebook-24 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -114px;
  width: 25px;
  height: 23px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--in-24 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -51px -430px;
  width: 42px;
  height: 35px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--twitter-24 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -80px;
  width: 26px;
  height: 24px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--youtube-24 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -196px -146px;
  width: 31px;
  height: 24px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--rss-24 {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -147px;
  width: 24px;
  height: 22px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--footer-facebook {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -389px;
  width: 6px;
  height: 14px;
  vertical-align: middle;
  margin-right: 20px;
  margin-left: 0;
}

.icon--footer-linkedin {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -105px;
  width: 15px;
  height: 14px;
  vertical-align: middle;
  margin-right: 20px;
  margin-left: 0;
}

.icon--footer-twitter {
  background-image: url(/img/20200909/sprite.png);
  background-position: -298px -480px;
  width: 18px;
  height: 14px;
  vertical-align: middle;
  margin-right: 20px;
  margin-left: 0;
}

.icon--footer-youtube {
  background-image: url(/img/20200909/sprite.png);
  background-position: -268px -480px;
  width: 20px;
  height: 14px;
  vertical-align: middle;
  margin-right: 20px;
  margin-left: 0;
}

.icon--footer-gplus {
  background-image: url(/img/20200909/sprite.png);
  background-position: -237px -480px;
  width: 21px;
  height: 14px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--footer-rss {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px 0px;
  width: 17px;
  height: 16px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--play {
  background-image: url(/img/20200909/sprite.png);
  background-position: -353px -430px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: -2px;
  margin-left: 2px;
}

.icon--play-white {
  background-image: url(/img/20200909/sprite.png);
  background-position: -259px -230px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: -2px;
  margin-left: 2px;
}

.icon--play-a {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -45px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: -2px;
  margin-left: 6px;
}

.icon--download {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -26px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 5px;
}

.icon--download-a {
  background-image: url(/img/20200909/sprite.png);
  background-position: -85px -534px;
  width: 19px;
  height: 15px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 5px;
}

.icon--workload {
  background-image: url(/img/20200909/sprite.png);
  background-position: -158px -267px;
  width: 68px;
  height: 50px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--env {
  background-image: url(/img/20200909/sprite.png);
  background-position: -485px 0px;
  width: 51px;
  height: 50px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--security {
  background-image: url(/img/20200909/sprite.png);
  background-position: -485px -120px;
  width: 43px;
  height: 50px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--audit {
  background-image: url(/img/20200909/sprite.png);
  background-position: -236px -267px;
  width: 64px;
  height: 50px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
}

.icon--success {
  background-image: url(/img/20200909/sprite.png);
  background-position: -485px -180px;
  width: 47px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--points {
  background-image: url(/img/20200909/sprite.png);
  background-position: -485px -234px;
  width: 46px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--folder {
  background-image: url(/img/20200909/sprite.png);
  background-position: -316px -210px;
  width: 68px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--license {
  background-image: url(/img/20200909/sprite.png);
  background-position: -267px -345px;
  width: 58px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--sendemail {
  background-image: url(/img/20200909/sprite.png);
  background-position: -125px -345px;
  width: 61px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--skype {
  background-image: url(/img/20200909/sprite.png);
  background-position: -196px -345px;
  width: 61px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--mailbox {
  background-image: url(/img/20200909/sprite.png);
  background-position: -394px -210px;
  width: 66px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--movetounit {
  background-image: url(/img/20200909/sprite.png);
  background-position: -310px -267px;
  width: 66px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--addgroups {
  background-image: url(/img/20200909/sprite.png);
  background-position: -386px -267px;
  width: 65px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--user {
  background-image: url(/img/20200909/sprite.png);
  background-position: -315px -430px;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--award-its {
  background-image: url(/img/20200909/sprite.png);
  background-position: 0px -180px;
  width: 90px;
  height: 77px;
  vertical-align: top;
  margin-right: 5px;
  margin-left: 0;
}

.icon--pr-down {
  background-image: url(/img/20200909/sprite.png);
  background-position: -117px -480px;
  width: 18px;
  height: 20px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--pr-right {
  background-image: url(/img/20200909/sprite.png);
  background-position: -100px -230px;
  width: 38px;
  height: 27px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--pr-down-big {
  background-image: url(/img/20200909/sprite.png);
  background-position: -47px -480px;
  width: 30px;
  height: 33px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--monitor {
  background-image: url(/img/20200909/sprite.png);
  background-position: -335px -345px;
  width: 62px;
  height: 40px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 0;
}

.icon--close {
  background-image: url(/img/20200909/sprite.png);
  background-position: -185px -230px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--close-inverted {
  background-image: url(/img/20200909/sprite.png);
  background-position: -148px -230px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--play-b {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -78px;
  width: 15px;
  height: 17px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--play-c {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -368px;
  width: 10px;
  height: 11px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--play-d {
  background-image: url(/img/20200909/sprite.png);
  background-position: 0px -480px;
  width: 37px;
  height: 44px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--play-e {
  background-image: url(/img/20200909/sprite.png);
  background-position: -100px 0px;
  width: 86px;
  height: 86px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--play-f {
  background-image: url(/img/20200909/sprite.png);
  background-position: -58px -345px;
  width: 57px;
  height: 57px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--video-up {
  background-image: url(/img/20200909/sprite.png);
  background-position: -205px -480px;
  width: 22px;
  height: 15px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--vprev {
  background-image: url(/img/20200909/sprite.png);
  background-position: -175px -480px;
  width: 20px;
  height: 17px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--vnext {
  background-image: url(/img/20200909/sprite.png);
  background-position: -145px -480px;
  width: 20px;
  height: 17px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.icon--up {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -344px;
  width: 9px;
  height: 14px;
  vertical-align: top;
  margin-right: 0;
  margin-left: 5px;
}

.icon--tutorial {
  background-image: url(/img/20200909/sprite.png);
  background-position: -28px -534px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--plus, .p-tutorials-view .tutorials .collapsible > [data-toggle="collapse"][aria-expanded="false"]:before {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -275px;
  width: 21px;
  height: 21px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 0;
}

.icon--minus, .p-tutorials-view .tutorials .collapsible > [data-toggle="collapse"][aria-expanded="true"]:before {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -244px;
  width: 21px;
  height: 21px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 0;
}

.icon--twitter-share {
  background-image: url(/img/20200909/sprite.png);
  background-position: -510px -430px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 4px;
}

.icon--facebook-share {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -456px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 0;
}

.icon--reddit-share {
  background-image: url(/img/20200909/sprite.png);
  background-position: -450px -430px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 4px;
}

.icon--linkedin-share {
  background-image: url(/img/20200909/sprite.png);
  background-position: -390px -430px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 0;
}

.icon--twitter-share-hover {
  background-image: url(/img/20200909/sprite.png);
  background-position: -87px -480px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 4px;
}

.icon--facebook-share-hover {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -486px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 0;
}

.icon--reddit-share-hover {
  background-image: url(/img/20200909/sprite.png);
  background-position: -480px -430px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 4px;
}

.icon--linkedin-share-hover {
  background-image: url(/img/20200909/sprite.png);
  background-position: -420px -430px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 0;
}

.icon--ok-small {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -485px;
  width: 10px;
  height: 7px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 0;
}

.icon--info {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -306px;
  width: 22px;
  height: 20px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--pdf {
  background-image: url(/img/20200909/sprite.png);
  background-position: -237px -146px;
  width: 28px;
  height: 24px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--pdf-s {
  background-image: url(/img/20200909/sprite.png);
  background-position: 0px -534px;
  width: 18px;
  height: 21px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--formok {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -179px;
  width: 22px;
  height: 23px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--formerror {
  background-image: url(/img/20200909/sprite.png);
  background-position: -151px -96px;
  width: 27px;
  height: 25px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--nav-up {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -430px;
  width: 11px;
  height: 7px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--nav-down {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -413px;
  width: 11px;
  height: 7px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--pdf-g {
  background-image: url(/img/20200909/sprite.png);
  background-position: -148px -430px;
  width: 32px;
  height: 33px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 2px;
}

.icon--doc {
  background-image: url(/img/20200909/sprite.png);
  background-position: -190px -430px;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 2px;
}

.icon--quote {
  background-image: url(/img/20200909/sprite.png);
  background-position: -275px -146px;
  width: 28px;
  height: 24px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--customers {
  background-image: url(/img/20200909/sprite.png);
  background-position: -77px -267px;
  width: 71px;
  height: 58px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--expertise {
  background-image: url(/img/20200909/sprite.png);
  background-position: 0px -267px;
  width: 67px;
  height: 68px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--enterprise {
  background-image: url(/img/20200909/sprite.png);
  background-position: 0px -345px;
  width: 48px;
  height: 75px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--note-tip {
  background-image: url(/img/20200909/sprite.png);
  background-position: -103px -430px;
  width: 35px;
  height: 35px;
  vertical-align: top;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--note-info {
  background-image: url(/img/20200909/sprite.png);
  background-position: -269px -180px;
  width: 36px;
  height: 36px;
  vertical-align: top;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--note-caution {
  background-image: url(/img/20200909/sprite.png);
  background-position: -274px -430px;
  width: 31px;
  height: 29px;
  vertical-align: top;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--ok {
  background-image: url(/img/20200909/sprite.png);
  background-position: -56px -534px;
  width: 19px;
  height: 16px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--faq {
  background-image: url(/img/20200909/sprite.png);
  background-position: -316px -50px;
  width: 71px;
  height: 70px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--forum {
  background-image: url(/img/20200909/sprite.png);
  background-position: -397px -50px;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--script {
  background-image: url(/img/20200909/sprite.png);
  background-position: -316px -130px;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--tut {
  background-image: url(/img/20200909/sprite.png);
  background-position: -396px -130px;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--q {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -52px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--demo {
  background-image: url(/img/20200909/sprite.png);
  background-position: -222px -230px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 6px;
}

.icon--eye {
  background-image: url(/img/20200909/sprite.png);
  background-position: -326px -480px;
  width: 19px;
  height: 13px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--arrow-left {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -153px;
  width: 14px;
  height: 15px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--arrow-right {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -320px;
  width: 9px;
  height: 14px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 0;
}

.icon--arrow-up {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -178px;
  width: 15px;
  height: 14px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--arrow-down {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -129px;
  width: 15px;
  height: 14px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--livedemo {
  background-image: url(/img/20200909/sprite.png);
  background-position: -485px -288px;
  width: 47px;
  height: 40px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--upvote {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -297px;
  width: 10px;
  height: 13px;
  vertical-align: baseline;
  margin-right: 6px;
  margin-left: 6px;
}

.icon--upvote-active {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -274px;
  width: 10px;
  height: 13px;
  vertical-align: baseline;
  margin-right: 6px;
  margin-left: 6px;
}

.icon--more {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px 0px;
  width: 26px;
  height: 35px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--rss {
  background-image: url(/img/20200909/sprite.png);
  background-position: -232px -430px;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
}

.icon--reddit-share:hover {
  background-image: url(/img/20200909/sprite.png);
  background-position: -480px -430px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 4px;
}

.icon--twitter-share:hover {
  background-image: url(/img/20200909/sprite.png);
  background-position: -87px -480px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 4px;
}

.icon--facebook-share:hover {
  background-image: url(/img/20200909/sprite.png);
  background-position: -546px -486px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 0;
}

.icon--linkedin-share:hover {
  background-image: url(/img/20200909/sprite.png);
  background-position: -420px -430px;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 0;
}

.icon--download {
  bottom: 3px;
}

.icon--download-a {
  bottom: 2px;
}

.icon--plus, .p-tutorials-view .tutorials .collapsible > [data-toggle="collapse"][aria-expanded="false"]:before {
  bottom: 2px;
}

.icon--up {
  top: 3px;
}

.icon--arrow-left {
  bottom: 0;
}

.icon--arrow-up {
  bottom: 0;
}

.icon--arrow-right {
  bottom: 0;
}

.icon--arrow-down {
  bottom: 0;
}

.pagination .icon--arrow-left {
  bottom: 2px;
}

.pagination .icon--arrow-right {
  bottom: 2px;
}

.list {
  margin-top: 0.6875rem;
  margin-bottom: 1.375rem;
  margin-left: 0;
}

.list--plain, .list--tutorials, .list--flat, .list--articles, .list--docs, .list--footer {
  margin-bottom: 1.375rem;
  margin-left: 0;
  padding-left: 0;
  text-align: left;
  list-style-type: none;
  word-wrap: break-word;
}

.list--plain.has-2col, .has-2col.list--tutorials, .has-2col.list--flat, .has-2col.list--articles, .has-2col.list--docs, .has-2col.list--footer {
  -moz-column-count: 2;
       column-count: 2;
}

.list--plain.has-3col, .has-3col.list--tutorials, .has-3col.list--flat, .has-3col.list--articles, .has-3col.list--docs, .has-3col.list--footer {
  -moz-column-count: 3;
       column-count: 3;
}

.list--plain.has-4col, .has-4col.list--tutorials, .has-4col.list--flat, .has-4col.list--articles, .has-4col.list--docs, .has-4col.list--footer {
  -moz-column-count: 4;
       column-count: 4;
}

.list--even {
  margin-left: 1.375rem;
  padding-left: 0;
}

.no-columns .list--plain.has-2col li, .no-columns .has-2col.list--tutorials li, .no-columns .has-2col.list--flat li, .no-columns .has-2col.list--articles li, .no-columns .has-2col.list--docs li, .no-columns .has-2col.list--footer li {
  display: inline-block;
  width: 48%;
}

.no-columns .list--plain.has-3col li, .no-columns .has-3col.list--tutorials li, .no-columns .has-3col.list--flat li, .no-columns .has-3col.list--articles li, .no-columns .has-3col.list--docs li, .no-columns .has-3col.list--footer li {
  display: inline-block;
  width: 32%;
}

.no-columns .list--plain.has-4col li, .no-columns .has-4col.list--tutorials li, .no-columns .has-4col.list--flat li, .no-columns .has-4col.list--articles li, .no-columns .has-4col.list--docs li, .no-columns .has-4col.list--footer li {
  display: inline-block;
  width: 24%;
}

.list--tutorials, .list--flat {
  margin-top: 2.0625rem;
  margin-bottom: 4.125rem;
}

@media (min-width: 768px) {
  .list--tutorials, .list--flat {
    max-width: 24.375rem;
  }
}

.list--tutorials li, .list--flat li {
  margin-bottom: -1px;
  padding-top: 0.48125rem;
  padding-bottom: 0.48125rem;
  border-top: 1px solid #ebe9e8;
  border-bottom: 1px solid #ebe9e8;
  font-size: 0.875rem;
  line-height: 1.375;
}

.list--tutorials li a, .list--flat li a {
  display: inline-block;
  color: #3c3c3c;
  line-height: 1.375;
}

.list--tutorials li a:hover, .list--flat li a:hover {
  color: #e49c01;
  text-decoration: none;
}

.list--tutorials li a.is-active, .list--flat li a.is-active {
  color: #2b7db1;
}

.list--flat {
  margin-top: 1.375rem;
}

.list--articles, .list--docs {
  margin-top: 0.6875rem;
  margin-bottom: 4.125rem;
}

@media (min-width: 768px) {
  .list--articles, .list--docs {
    display: flex;
    flex-flow: column wrap;
  }
}

@media (min-width: 768px) {
  .list--articles, .list--docs {
    height: calc(50px * 11);
  }
}

@media (min-width: 992px) {
  .list--articles, .list--docs {
    height: calc(43px * 12);
  }
}

.list--articles li, .list--docs li {
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
  border-bottom: 1px solid #ebe9e8;
  font-size: 0.875rem;
  line-height: 1.375;
}

@media (min-width: 768px) {
  .list--articles li, .list--docs li {
    flex: 0 0 auto;
    width: 44%;
  }
}

@media (min-width: 768px) {
  .no-flexbox .list--articles li, .no-flexbox .list--docs li {
    display: inline-block;
    width: 40%;
    margin-right: 5%;
  }
}

.list--articles li a, .list--docs li a {
  color: #3c3c3c;
  line-height: 1.375;
}

.list--articles li a.is-active, .list--docs li a.is-active {
  color: #2b7db1;
}

.list--docs {
  display: block;
}

.list--docs li {
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
  max-width: 17.5rem;
}

.list--packed li {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.list--footer {
  line-height: 1.85625;
}

.list--definitions dt, .list--contacts dt {
  display: inline-block;
  width: 29%;
  margin: 0;
  vertical-align: baseline;
  font-weight: normal;
}

.list--definitions dd, .list--contacts dd {
  display: inline-block;
  width: 69%;
  margin: 0;
  vertical-align: baseline;
  color: #8c8c8c;
  font-size: 0.875rem;
  font-weight: 300;
}

.list--contacts {
  margin-bottom: 0;
}

.list--contacts dt {
  font-weight: 600;
  width: 49%;
  vertical-align: top;
}

@media (min-width: 768px) and (max-width: 992px) {
  .list--contacts dt {
    width: 100%;
  }
}

.list--contacts dd {
  margin-bottom: 1.375rem;
  font-size: 1rem;
  width: 49%;
  color: #fff;
  font-weight: 300;
}

@media (min-width: 768px) and (max-width: 992px) {
  .list--contacts dd {
    width: 100%;
  }
}

.list--orgs dt {
  display: inline-block;
  width: 30%;
  margin: 0;
  margin-bottom: 1.03125rem;
  vertical-align: top;
  font-weight: 300;
}

@media (max-width: 600px) {
  .list--orgs dt {
    display: block;
    width: auto;
    font-weight: 400;
    margin-bottom: 0.34375rem;
  }
}

.list--orgs dd {
  display: inline-block;
  width: 69%;
  margin: 0 0 1.03125rem 0;
  vertical-align: top;
  font-weight: 300;
}

@media (max-width: 600px) {
  .list--orgs dd {
    width: auto;
    display: block;
    margin-bottom: 1.03125rem;
  }
}

.list--definitions.list--short dt, .list--short.list--contacts dt {
  width: 20%;
}

.list--definitions.list--short dd, .list--short.list--contacts dd {
  width: 78%;
}

.list--definitions.list--even dt, .list--even.list--contacts dt {
  width: 49%;
}

.list--definitions.list--even dd, .list--even.list--contacts dd {
  width: 49%;
}

.list--bullets {
  list-style-image: url("/img/20201022/bgs/list-bullet.png");
  list-style-position: outside;
  word-wrap: break-word;
}

.list--bullets li {
  padding-left: 2px;
  margin-bottom: 0.6875rem;
  font-weight: 300;
}

.list--bullets ul {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
}

.list--bsmal {
  list-style-image: url("/img/20201022/bgs/list-bsmal.png");
  list-style-position: outside;
  word-wrap: break-word;
}

.list--bsmal li {
  padding-left: 2px;
  font-weight: 300;
}

.list--bsmal ul {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
}

.list--noind {
  margin-left: 0;
  padding-left: 1.03125rem;
}

.list--checks {
  list-style-image: url("/img/20201022/bgs/list-checkbox.png");
  list-style-position: outside;
  word-wrap: break-word;
}

.list--checks li {
  padding-left: 2px;
  margin-bottom: 0.34375rem;
  font-weight: 300;
}

.list--checks-grey {
  list-style-image: url("/img/20201022/bgs/bullet-small-grey.png");
  list-style-position: outside;
  word-wrap: break-word;
  padding-left: 20px;
}

.list--checks-grey li {
  padding-left: 2px;
  margin-bottom: 0.17188rem;
  font-weight: 300;
}

.list--bullets-grey {
  list-style-image: url("/img/20201022/bgs/list-bullet-grey.png");
  list-style-position: outside;
  word-wrap: break-word;
  padding-left: 20px;
}

.list--bullets-grey li {
  padding-left: 2px;
  margin-bottom: 0.17188rem;
  font-weight: 300;
}

.list--checks-green {
  list-style-image: url("/img/20201022/bgs/bullet-small-green.png");
  list-style-position: outside;
  word-wrap: break-word;
  padding-left: 20px;
}

.list--checks-green li {
  padding-left: 2px;
  margin-bottom: 0.17188rem;
  font-weight: 300;
}

.list--scriptsearch {
  list-style-type: none;
  text-align: left;
  padding: 0 2.0625rem;
}

.list--scriptsearch li {
  padding: 0.34375rem 0;
  border-bottom: 1px solid #ddd;
}

.list--scriptsearch li#search-list-text {
  padding-top: 0.6875rem;
  margin-bottom: 0.6875rem;
  border-bottom: 0;
}

.list--scriptsearch li.list--scriptsearch__last {
  text-align: right;
  padding: 1.375rem 0;
  border-bottom: 0;
}

@media (min-width: 992px) {
  .kb {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
  }
}

.kb h1 {
  position: relative;
}

.kb__grid {
  display: flex;
  flex-flow: row wrap;
}

.kb__text {
  font-size: 1.125rem;
}

.kb__item {
  position: relative;
  margin-top: 2.75rem;
}

.kb__item::after {
  display: block;
  position: absolute;
  content: "";
  left: 10%;
  top: 1.375rem;
  width: 80%;
  height: 100%;
  border-bottom: 1px solid #ebe9e8;
}

@media (min-width: 768px) {
  .kb__item {
    width: 50%;
    padding: 0 4%;
    margin-top: 5.5rem;
  }
  .kb__item::after {
    display: none;
  }
  .kb__item:first-child::after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 2.75rem;
    width: 100%;
    height: 100%;
    border-right: 1px solid #ebe9e8;
    border-bottom: 1px solid #ebe9e8;
  }
  .kb__item:last-child::after {
    display: block;
    position: absolute;
    content: "";
    left: -1px;
    top: -2.8125rem;
    width: 100%;
    height: 100%;
    border-left: 1px solid #ebe9e8;
    border-top: 1px solid #ebe9e8;
    border-bottom: 0;
  }
}

.kb__spacer {
  margin: auto;
  margin-bottom: 2.75rem;
  border-width: 1px;
  border-color: #e7bd3a;
  border-style: solid;
  width: 32px;
  height: 0;
}

.feedbacks--short {
  padding-top: 1.375rem;
}

@media (min-width: 768px) {
  .feedbacks--short {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

.feedbacks--short .feedbacks__item {
  margin-bottom: 2.75rem;
}

@media (min-width: 768px) {
  .feedbacks--short .feedbacks__item {
    flex: 0 0 48%;
    width: 48%;
  }
}

@media (min-width: 992px) {
  .feedbacks--short .feedbacks__item {
    flex: 0 0 32%;
    width: 32%;
  }
}

.feedbacks--short .feedbacks__item__icon {
  padding-left: 72px;
}

.feedbacks--short .feedbacks__item__saying {
  padding: 1px;
  border-radius: 50px;
}

.feedbacks--short .feedbacks__item__saying .feedbacks__quote {
  position: relative;
  padding: 2.75rem 2.0625rem;
  margin-bottom: 0;
  background-color: #fff;
  border-radius: 50px;
}

.feedbacks--short .feedbacks__item__saying::after {
  display: block;
  position: absolute;
  z-index: 1;
  content: "";
  bottom: -10px;
  left: 73px;
  height: 0;
  width: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #98fdfc;
}

.feedbacks--short .feedbacks__item__saying::before {
  display: block;
  position: absolute;
  z-index: 2;
  content: "";
  bottom: -8px;
  left: 74px;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}

.feedbacks--full {
  margin-top: 5.5rem;
}

.feedbacks--full .feedbacks__item {
  margin-bottom: 2.75rem;
  margin-top: 2.75rem;
}

@media (min-width: 768px) {
  .feedbacks--full .feedbacks__item {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
  }
  .feedbacks--full .feedbacks__item:after {
    content: "";
    display: table;
    clear: both;
  }
}

.feedbacks--full .feedbacks__more {
  display: none;
  text-align: right;
}

.feedbacks--full .feedbacks__less {
  display: none;
  text-align: right;
}

.feedbacks--full .feedbacks__less[aria-expanded=true] {
  display: block;
}

.feedbacks--full .feedbacks__more.collapsed {
  display: block;
}

.feedbacks--full .feedbacks__item__saying {
  border-radius: 22px;
  padding: 2px;
}

.feedbacks--full .feedbacks__item__saying .feedbacks__quote {
  position: relative;
  padding: 1.375rem 2.0625rem;
  margin-bottom: 0;
  background-color: #fff;
  border-radius: 20px;
}

.feedbacks--full .feedbacks__item__saying::after {
  display: block;
  position: absolute;
  z-index: 1;
  content: "";
  bottom: -10px;
  left: 73px;
  height: 0;
  width: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #98fdfc;
}

.feedbacks--full .feedbacks__item__saying::before {
  display: block;
  position: absolute;
  z-index: 2;
  content: "";
  bottom: -8px;
  left: 74px;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}

@media (min-width: 768px) {
  .feedbacks--full .feedbacks__item__saying::after {
    left: auto;
    bottom: auto;
    right: -18px;
    top: 20px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 22px;
    border-top-width: 0px;
    border-left: 19px solid #84e9d6;
  }
  .feedbacks--full .feedbacks__item__saying::before {
    left: auto;
    bottom: auto;
    right: -15px;
    top: 22px;
    border: 0 solid transparent;
    border-bottom-width: 18px;
    border-top-width: 0px;
    border-left: 17px solid #fff;
  }
}

.feedbacks--full .feedbacks__item__icon {
  padding-left: 72px;
}

@media (min-width: 768px) {
  .feedbacks--full .feedbacks__item__icon {
    padding-left: 1.66667%;
    padding-right: 1.66667%;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .feedbacks--full .feedbacks__col-saying {
    float: left;
    padding-right: 1.66667%;
    width: 75%;
  }
}

@media (min-width: 768px) {
  .feedbacks--full .feedbacks__col-author {
    float: left;
    padding-left: 1.66667%;
    width: 25%;
  }
}

.feedbacks__item {
  margin-bottom: 2.75rem;
}

.feedbacks__item__saying {
  position: relative;
  margin-bottom: 1.375rem;
  padding: 1px;
  background-color: #6ec3f7;
  background-image: linear-gradient(12deg, #90fffc 20%, #6ec3f7 51%, #84e9d6 80%);
  border-radius: 50px;
}

.feedbacks__item__icon {
  float: left;
  margin-right: 0.6875rem;
}

.feedbacks__item__author {
  overflow: hidden;
}

.feedbacks__item__author__name {
  line-height: 1;
}

.feedbacks__item__author__brand {
  color: #d1d3d4;
  font-size: 0.875rem;
}

.cs {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
  background-color: #f7f7f8;
  background-image: url("/img/20201022/bgs/cs-small.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto;
}

@media (min-width: 768px) {
  .cs {
    background-image: url("/img/20201022/bgs/cs.jpg");
    background-size: cover;
    background-size: auto 100%;
    background-position: -490px 0;
  }
}

@media (min-width: 992px) {
  .cs {
    background-size: auto 100%;
    background-position: -400px 0;
  }
}

@media (min-width: 1200px) {
  .cs {
    background-position: -360px 0;
  }
}

@media (min-width: 1920px) {
  .cs {
    background-position: -110px 0;
  }
}

.cs__container {
  width: 280px;
  margin: auto;
}

@media (min-width: 768px) {
  .cs__container {
    width: 560px;
    margin: auto;
  }
}

@media (min-width: 992px) {
  .cs__container {
    width: 840px;
    margin: auto;
  }
}

@media (min-width: 1200px) {
  .cs__container {
    width: 100%;
    margin: auto;
  }
}

.cs__card {
  padding: 1.375rem;
  padding-bottom: 2.75rem;
  margin-bottom: 0.6875rem;
  background-color: #fff;
  min-height: 360px;
}

.cs__card__image {
  position: relative;
  text-align: center;
  height: 180px;
  overflow: hidden;
}

.cs__card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
}

.defs-only {
  position: absolute;
  height: 0;
  width: 0;
  overflow: none;
  left: -100%;
}

/* iCheck plugin Square skin, yellow
----------------------------------- */
.icheckbox,
.iradio {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
  margin: 0;
  padding: 0;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background: url("/img/20201022/icheck.png") no-repeat;
  border: none;
  cursor: pointer;
}

.form-fset-buy .icheckbox,
.form-fset-buy .iradio {
  background: url("/img/20201022/icheckg.png") no-repeat;
}

.form-fset-buy .iradio {
  background-position: -120px 0;
}

.form-fset-buy .icheckbox {
  background-position: 0 0;
}

.form-fset-buy .icheckbox.hover {
  background-position: -24px 0;
}

.form-fset-buy .icheckbox.checked {
  background-position: -48px 0;
}

.form-fset-buy .icheckbox.disabled {
  background-position: -72px 0;
  cursor: default;
}

.form-fset-buy .icheckbox.checked.disabled {
  background-position: -96px 0;
}

.form-fset-buy .icheckbox--small {
  position: relative;
  width: 18px;
  height: 18px;
  background-size: auto 100%;
  top: 0;
}

.form-fset-buy .icheckbox--small.hover {
  background-position: -18px 0;
}

.form-fset-buy .icheckbox--small.checked {
  background-position: -36px 0;
}

.form-fset-buy .icheckbox--small.disabled {
  background-position: -54px 0;
  cursor: default;
}

.form-fset-buy .iradio {
  background-position: -120px 0;
}

.form-fset-buy .iradio.hover {
  background-position: -144px 0;
}

.form-fset-buy .iradio.checked {
  background-position: -168px 0;
}

.form-fset-buy .iradio.disabled {
  background-position: -192px 0;
  cursor: default;
}

.form-fset-buy .iradio.checked.disabled {
  background-position: -216px 0;
}

.icheckbox {
  background-position: 0 0;
}

.icheckbox.hover {
  background-position: -24px 0;
}

.icheckbox.checked {
  background-position: -48px 0;
}

.icheckbox.disabled {
  background-position: -72px 0;
  cursor: default;
}

.icheckbox.checked.disabled {
  background-position: -96px 0;
}

.icheckbox--small {
  position: relative;
  width: 18px;
  height: 18px;
  background-size: auto 100%;
  top: 0;
}

.icheckbox--small.hover {
  background-position: -18px 0;
}

.icheckbox--small.checked {
  background-position: -36px 0;
}

.icheckbox--small.disabled {
  background-position: -54px 0;
  cursor: default;
}

.iradio {
  background-position: -120px 0;
}

.iradio.hover {
  background-position: -144px 0;
}

.iradio.checked {
  background-position: -168px 0;
}

.iradio.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio.checked.disabled {
  background-position: -216px 0;
}

/* HiDPI support */
/* @media (min-resolution: 120dpi),
(min-resolution: 1.25dppx) {
	.icheckbox,
	.iradio {
		background-image: url("/img/20201022/icheck@2x.png");
		background-size: cover;
		background-position: left center;
	}

} */
.ufo {
  margin-bottom: 2.75rem;
  background-color: white;
  background-repeat: no-repeat;
}

.ufo--ap {
  position: relative;
  background-color: white;
}

@media (max-width: 768px) {
  .ufo--ap {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }
}

@media (min-width: 768px) {
  .ufo--ap {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
  }
}

.ufo--ap .ufo__content {
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .ufo--ap .ufo__content {
    width: 58.33333%;
  }
}

@media (min-width: 992px) {
  .ufo--ap .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--ap .ufo__content {
    width: 50%;
  }
}

.ufo--adm {
  position: relative;
  background-color: white;
  position: relative;
}

@media (max-width: 768px) {
  .ufo--adm {
    padding-top: 35.75rem;
    padding-bottom: 1.375rem;
    background-image: url("/img/20201022/bgs/ufo-adm-sml.png");
    background-size: auto auto;
    background-position: center top;
  }
}

@media (min-width: 768px) {
  .ufo--adm {
    padding-top: 8.25rem;
    padding-bottom: 9.625rem;
    background-image: url("/img/20201022/bgs/ufo-adm-med.png");
    background-size: auto auto;
    background-position: 35% 100%;
  }
}

@media (min-width: 992px) {
  .ufo--adm {
    background-size: auto auto;
    background-position: 50% 100%;
  }
}

@media (min-width: 1200px) {
  .ufo--adm {
    background-size: auto auto;
    background-position: 100% 100%;
  }
}

.ufo--adm .ufo__content {
  position: relative;
  z-index: 10;
}

@media (min-width: 768px) {
  .ufo--adm .ufo__content {
    width: 58.33333%;
  }
}

@media (min-width: 992px) {
  .ufo--adm .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--adm .ufo__content {
    width: 41.66667%;
  }
}

.ufo--adm .container::before {
  display: block;
  content: '';
  position: absolute;
  bottom: -1px;
  margin: auto;
  height: 1px;
  background-color: #ddd;
}

@media (min-width: 768px) {
  .ufo--adm .container::before {
    width: 726px;
  }
}

@media (min-width: 992px) {
  .ufo--adm .container::before {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .ufo--adm .container::before {
    width: 1160px;
  }
}

.ufo--office {
  position: relative;
  background-color: #f2f2f4;
}

@media (max-width: 768px) {
  .ufo--office {
    padding-top: 4.125rem;
    padding-bottom: 90%;
    background-image: url("/img/20201022/bgs/ufo-office-sml.png");
    background-size: 100% auto;
    background-position: 0 100%;
  }
}

@media (min-width: 768px) {
  .ufo--office {
    padding-top: 8.25rem;
    padding-bottom: 11rem;
    background-image: url("/img/20201022/bgs/ufo-office-med.png");
    background-size: auto 100%;
    background-position: 50px 0;
  }
}

@media (min-width: 992px) {
  .ufo--office {
    background-size: auto 100%;
    background-position: 100px 0;
  }
}

@media (min-width: 1200px) {
  .ufo--office {
    background-size: auto 100%;
    background-position: 100% 0;
  }
}

.ufo--office .ufo__content {
  position: relative;
  z-index: 10;
}

@media (min-width: 768px) {
  .ufo--office .ufo__content {
    width: 58.33333%;
  }
}

@media (min-width: 992px) {
  .ufo--office .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--office .ufo__content {
    width: 41.66667%;
  }
}

.ufo--delegation {
  overflow: hidden;
  position: relative;
  background-color: #f4f5f5;
}

@media (max-width: 768px) {
  .ufo--delegation {
    padding-top: 6.875rem;
    padding-bottom: 85%;
    background-image: url("/img/20201022/bgs/ufo-delegation.png");
    background-size: 70% auto;
    background-position: 50% 95%;
  }
}

@media (min-width: 768px) {
  .ufo--delegation {
    padding-top: 8.25rem;
    padding-bottom: 11rem;
    background-image: url("/img/20201022/bgs/ufo-delegation.png");
    background-size: auto 70%;
    background-position: 90% 50%;
  }
}

@media (min-width: 992px) {
  .ufo--delegation {
    background-size: auto 80%;
    background-position: 85% 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--delegation {
    background-size: auto auto;
    background-position: 75% 50%;
  }
}

.ufo--delegation .ufo__content {
  position: relative;
  z-index: 10;
}

@media (min-width: 768px) {
  .ufo--delegation .ufo__content {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .ufo--delegation .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--delegation .ufo__content {
    width: 41.66667%;
  }
}

.ufo--delegation .ufo__bgs {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

@media (min-width: 1200px) {
  .ufo--delegation .ufo__bgs {
    background-image: url("/img/20201022/bgs/ufo-delegation-cup.png"), url("/img/20201022/bgs/ufo-delegation-paper.png");
    background-repeat: no-repeat;
    background-position: 0 70%, 50% 100%;
  }
}

.ufo--delegation::before {
  display: block;
  position: absolute;
  content: "";
  left: -5%;
  top: 0;
  width: 80%;
  height: 50%;
  background-image: url("/img/20201022/bgs/ufo-delegation-key.png");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .ufo--delegation::before {
    width: 68%;
    left: 0;
  }
}

@media (min-width: 992px) {
  .ufo--delegation::before {
    width: 48%;
    left: 0;
  }
}

@media (min-width: 1200px) {
  .ufo--delegation::before {
    width: 35%;
    left: 5%;
  }
}

@media (min-width: 2560px) {
  .ufo--delegation::before {
    width: 35%;
    left: 5%;
  }
}

.ufo--delegation::after {
  display: block;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 40%;
  height: 80%;
  background-image: url("/img/20201022/bgs/ufo-delegation-mouse.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: contain;
}

@media (min-width: 768px) {
  .ufo--delegation::after {
    width: 25%;
    right: -5%;
  }
}

@media (min-width: 992px) {
  .ufo--delegation::after {
    width: 30%;
    right: -5%;
  }
}

@media (min-width: 1200px) {
  .ufo--delegation::after {
    width: 30%;
    height: 80%;
    right: -5%;
  }
}

@media (min-width: 2560px) {
  .ufo--delegation::after {
    width: 30%;
    height: 80%;
    right: 0;
  }
}

.ufo--interface.ufo--wui {
  position: relative;
  background-color: white;
}

.ufo--interface.ufo--wui .container {
  position: relative;
}

.ufo--interface.ufo--wui .ufo-play {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

.ufo--interface.ufo--wui .ufo-play:hover .ufo-play-button {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
}

.ufo--interface.ufo--wui .ufo-play .ufo-play-button {
  display: block;
  position: absolute;
  left: 50%;
  top: 46%;
  width: 68px;
  height: 68px;
  margin-left: -34px;
  margin-top: -34px;
  background-image: url("/img/20201022/bgs/wui-play.png");
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
  .ufo--interface.ufo--wui .ufo-play {
    left: 0;
    top: 100%;
    height: calc(100vw * 0.55);
    width: 100%;
  }
}

@media (min-width: 768px) {
  .ufo--interface.ufo--wui .ufo-play {
    left: 0;
    top: 20%;
    height: 60%;
    width: 40%;
  }
}

@media (min-width: 992px) {
  .ufo--interface.ufo--wui .ufo-play {
    left: 0;
    top: 0;
    height: 100%;
    width: 40%;
  }
}

@media (min-width: 1200px) {
  .ufo--interface.ufo--wui .ufo-play {
    left: 0;
    top: 0;
    height: 100%;
    width: 40%;
  }
}

@media (min-width: 1920px) {
  .ufo--interface.ufo--wui .ufo-play {
    left: -10%;
    top: 0;
    height: 100%;
    width: 40%;
  }
}

@media (min-width: 2560px) {
  .ufo--interface.ufo--wui .ufo-play {
    left: -5%;
    top: 0;
    height: 100%;
    width: 40%;
  }
}

@media (max-width: 768px) {
  .ufo--interface.ufo--wui {
    padding-top: 1.375rem;
    padding-bottom: 55vw;
    background-image: url("/img/20201022/bgs/ufo-wui.png");
    background-size: 95% auto;
    background-position: -40px 100%;
  }
}

@media (min-width: 768px) {
  .ufo--interface.ufo--wui {
    padding-top: 8.25rem;
    padding-bottom: 11rem;
    background-image: url("/img/20201022/bgs/ufo-wui.png");
    background-size: 60% auto;
    background-position: -120px 40%;
  }
}

@media (min-width: 992px) {
  .ufo--interface.ufo--wui {
    background-size: 50% auto;
    background-position: -50px 40%;
  }
}

@media (min-width: 1200px) {
  .ufo--interface.ufo--wui {
    background-size: auto auto;
    background-position: calc(50% - 450px) 50%;
  }
}

.ufo--interface.ufo--wui .ufo__content {
  position: relative;
  z-index: 10;
  float: right;
}

@media (min-width: 768px) {
  .ufo--interface.ufo--wui .ufo__content {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .ufo--interface.ufo--wui .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--interface.ufo--wui .ufo__content {
    width: 41.66667%;
  }
}

.ufo--interface.ufo--ui {
  position: relative;
  background-color: white;
}

@media (max-width: 768px) {
  .ufo--interface.ufo--ui {
    padding-top: 1.375rem;
    padding-bottom: 55vw;
    background-image: url("/img/20201022/bgs/ufo-interface.png");
    background-size: 55% auto;
    background-position: 50% 97%;
  }
}

@media (min-width: 768px) {
  .ufo--interface.ufo--ui {
    padding-top: 8.25rem;
    padding-bottom: 11rem;
    background-image: url("/img/20201022/bgs/ufo-interface.png");
    background-size: 42% auto;
    background-position: 0 50%;
  }
}

@media (min-width: 992px) {
  .ufo--interface.ufo--ui {
    background-size: 42% auto;
    background-position: 0 40%;
  }
}

@media (min-width: 1200px) {
  .ufo--interface.ufo--ui {
    background-size: auto auto;
    background-position: calc(50% - 320px) 50%;
  }
}

.ufo--interface.ufo--ui .ufo__content {
  position: relative;
  z-index: 10;
  float: right;
}

@media (min-width: 768px) {
  .ufo--interface.ufo--ui .ufo__content {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .ufo--interface.ufo--ui .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--interface.ufo--ui .ufo__content {
    width: 41.66667%;
  }
}

.ufo--password {
  position: relative;
  background-color: white;
}

.ufo--password::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 70%;
  border-bottom: 1px solid #ddd;
}

.ufo--password::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  .ufo--password::before {
    background-image: url("/img/20201022/bgs/ufo-pass.gif");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 380px 0;
  }
}

@media (min-width: 992px) {
  .ufo--password::before {
    background-size: auto 100%;
    background-position: 500px 0;
  }
}

@media (min-width: 1200px) {
  .ufo--password::before {
    background-size: auto auto;
    background-position: calc(100% + 150px) 0;
  }
}

@media (max-width: 768px) {
  .ufo--password {
    padding-top: 2.75rem;
    padding-bottom: 75%;
    background-image: url("/img/20201022/bgs/ufo-pass-sml.png");
    background-size: 100% auto;
    background-position: 0 100%;
  }
}

@media (min-width: 768px) {
  .ufo--password {
    padding-top: 8.25rem;
    padding-bottom: 9.625rem;
    background-image: url("/img/20201022/bgs/ufo-pass.png");
    background-size: auto 100%;
    background-position: 380px 0;
  }
}

@media (min-width: 992px) {
  .ufo--password {
    background-size: auto 100%;
    background-position: 500px 0;
  }
}

@media (min-width: 1200px) {
  .ufo--password {
    background-size: auto auto;
    background-position: calc(100% + 150px) 0;
  }
}

.ufo--password .ufo__content {
  position: relative;
  z-index: 10;
}

@media (min-width: 768px) {
  .ufo--password .ufo__content {
    width: 58.33333%;
  }
}

@media (min-width: 992px) {
  .ufo--password .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--password .ufo__content {
    width: 41.66667%;
  }
}

.ufo--exchange {
  position: relative;
  background-color: white;
}

@media (max-width: 768px) {
  .ufo--exchange {
    padding-top: 2.75rem;
    padding-bottom: 60%;
    background-image: url("/img/20201022/bgs/ufo-exchange-med.png");
    background-size: 70% auto;
    background-position: 50% 100%;
  }
}

@media (min-width: 768px) {
  .ufo--exchange {
    padding-top: 8.25rem;
    padding-bottom: 11rem;
    background-image: url("/img/20201022/bgs/ufo-exchange-med.png");
    background-size: 42% auto;
    background-position: 10% 50%;
  }
}

@media (min-width: 992px) {
  .ufo--exchange {
    background-size: 38% auto;
    background-position: 10% 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--exchange {
    background-size: auto auto;
    background-position: calc(50% - 270px) 50%;
  }
}

.ufo--exchange .ufo__content {
  position: relative;
  z-index: 10;
  float: right;
}

@media (min-width: 768px) {
  .ufo--exchange .ufo__content {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .ufo--exchange .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--exchange .ufo__content {
    width: 41.66667%;
  }
}

.ufo--workflow {
  margin-bottom: 0;
  position: relative;
  background-color: #395b70;
}

@media (max-width: 768px) {
  .ufo--workflow {
    padding-top: 2.75rem;
    padding-bottom: 16.5rem;
    background-image: url("/img/20201022/bgs/ufo-workflow-sml.png");
    background-size: auto 108%;
    background-position: 50% 100%;
  }
}

@media (min-width: 768px) {
  .ufo--workflow {
    padding-top: 4.125rem;
    padding-bottom: 19.25rem;
    background-image: url("/img/20201022/bgs/ufo-workflow-med.png");
    background-size: auto 100%;
    background-position: 50% 50%;
  }
}

@media (min-width: 992px) {
  .ufo--workflow {
    background-size: auto 100%;
    background-position: 50% 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--workflow {
    background-size: auto auto;
    background-position: 50% 100%;
  }
}

.ufo--workflow .ufo__content {
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .ufo--workflow .ufo__content {
    width: 75%;
  }
}

@media (min-width: 992px) {
  .ufo--workflow .ufo__content {
    width: 58.33333%;
  }
}

@media (min-width: 1200px) {
  .ufo--workflow .ufo__content {
    width: 50%;
  }
}

.ufo--report {
  margin-bottom: 5.5rem;
  position: relative;
  background-color: white;
}

.ufo--report::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 70%;
  border-bottom: 1px solid #ddd;
}

@media (max-width: 768px) {
  .ufo--report {
    padding-top: 2.75rem;
    padding-bottom: 23.375rem;
    background-image: url("/img/20201022/bgs/ufo-adreports-sm.png");
    background-size: auto 22rem;
    background-position: center 100%;
  }
}

@media (min-width: 768px) {
  .ufo--report {
    padding-top: 8.25rem;
    padding-bottom: 11rem;
    background-image: url("/img/20201022/bgs/ufo-adreports.png");
    background-size: auto auto;
    background-position: -300px 0;
  }
}

@media (min-width: 992px) {
  .ufo--report {
    background-size: auto auto;
    background-position: 20% 0;
  }
}

@media (min-width: 1200px) {
  .ufo--report {
    background-size: auto auto;
    background-position: calc(50%) 0;
  }
}

.ufo--report .ufo__content {
  position: relative;
  z-index: 10;
  float: right;
}

@media (min-width: 768px) {
  .ufo--report .ufo__content {
    width: 58.33333%;
  }
}

@media (min-width: 992px) {
  .ufo--report .ufo__content {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ufo--report .ufo__content {
    width: 41.66667%;
  }
}

.ufo__content {
  width: 100%;
}

.ufo__text {
  margin-bottom: 1.375rem;
}

/* $map: (
	container: auto,
	container-position: center,
	columns: 9,
	gutters: 0.2,
	gutter-position: inside,
	math: fluid,
	output: float
); */
.procedures {
  position: relative;
  width: 240px;
  margin: auto;
  padding: 1.375rem;
  margin-top: 1.375rem;
  border: 2px solid #6eb8e5;
  border-radius: 50px;
}

@media (min-width: 768px) {
  .procedures {
    width: auto;
  }
}

.procedures::before {
  position: absolute;
  content: "";
  display: block;
  top: -14px;
  left: 50%;
  margin-left: -26px;
  height: 0;
  width: 0;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
  border-bottom: 14px solid #6eb8e5;
}

.procedures::after {
  position: absolute;
  content: "";
  display: block;
  top: -12px;
  left: 50%;
  margin-left: -25px;
  height: 0;
  width: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 13px solid #fff;
}

@media (min-width: 768px) {
  .procedures__grid {
    margin-left: auto;
    margin-right: auto;
  }
  .procedures__grid:after {
    content: "";
    display: table;
    clear: both;
  }
}

.procedures__item {
  position: relative;
  text-align: center;
  padding-top: 1.375rem;
}

.procedures__item::after {
  background-image: url(/img/20200909/sprite.png);
  background-position: -117px -480px;
  width: 18px;
  height: 20px;
  position: absolute;
  content: "";
  top: 3px;
  left: 50%;
  margin-left: -9px;
}

.procedures__item:first-child {
  padding-top: 0;
}

.procedures__item:first-child::after {
  display: none;
}

.procedures__item:last-child {
  padding-top: 2.75rem;
}

.procedures__item:last-child::after {
  background-image: url(/img/20200909/sprite.png);
  background-position: -47px -480px;
  width: 30px;
  height: 33px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .procedures__item {
    float: left;
    width: 9.43396%;
    margin-right: 1.88679%;
    padding-top: 0;
  }
  .procedures__item::after {
    background-image: url(/img/20200909/sprite.png);
    background-position: -100px -230px;
    width: 38px;
    height: 27px;
    top: 10px;
    left: -16px;
    margin-left: 0;
  }
  .procedures__item:last-child {
    padding-top: 0;
    margin-right: 0;
  }
  .procedures__item:last-child::after {
    background-image: url(/img/20200909/sprite.png);
    background-position: -485px -390px;
    width: 51px;
    height: 24px;
    left: -14px;
  }
}

.procedures__item__icon {
  height: 52px;
}

.procedures__item__text {
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .procedures__item__text {
    max-width: 120px;
  }
}

.card, .card--feature, .card--author {
  margin-bottom: 1.375rem;
}

.card figure, .card--feature figure, .card--author figure {
  margin: 0;
}

.card--feature {
  margin-bottom: 5.5rem;
}

.card--feature:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .card--feature .card__aside {
    float: left;
    left: 100%;
    position: relative;
    width: 45%;
    margin-left: -100%;
    margin-top: 1.375rem;
  }
}

.card--feature .card__aside figure {
  max-width: 486px;
}

.card--feature .card__title h2 {
  margin-top: 1.375rem;
}

@media (min-width: 768px) {
  .card--feature .card__title {
    float: left;
    left: 100%;
    position: relative;
    width: 52%;
    margin-left: -52%;
  }
}

@media (min-width: 992px) {
  .card--feature .card__title {
    float: left;
    left: 100%;
    position: relative;
    width: 35%;
    margin-left: -52%;
  }
}

@media (min-width: 768px) {
  .card--feature .card__content {
    float: left;
    left: 100%;
    position: relative;
    width: 52%;
    margin-left: -52%;
  }
  .card--feature .card__content .card__article::before {
    position: relative;
    z-index: -1;
    margin-top: 1.375rem;
    margin-bottom: 2.0625rem;
    width: 100%;
    display: inline-block;
    content: attr(title);
    font-size: 2.25rem;
    font-weight: 300;
    color: transparent;
  }
}

@media (min-width: 992px) {
  .card--feature .card__content {
    float: left;
    left: 100%;
    position: relative;
    width: 52%;
    margin-left: -52%;
  }
  .card--feature .card__content .card__article::before {
    width: 65%;
  }
}

.card--feature .card__article p {
  font-size: 1.125rem;
}

.card--alpha {
  margin-bottom: 1.375rem;
  margin-top: 1.375rem;
}

.card--alpha:first-child {
  margin-top: 1.375rem;
}

@media (min-width: 768px) {
  .card--alpha {
    margin-bottom: 5.5rem;
    margin-top: 2.75rem;
  }
}

@media (max-width: 768px) {
  .card--alpha .card__article {
    margin-top: 30px;
  }
}

.card--alpha .card__title {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: stretch;
}

.card--alpha .card__title .t-headcount {
  flex: 0 1 75px;
}

.card--alpha .card__title h1 {
  flex: 100 1 auto;
  margin-top: 0;
  margin-bottom: 0.4em;
}

.card--alpha h1 {
  position: relative;
  max-width: calc(100% - 100px);
}

@media (max-width: 768px) {
  .card--alpha h1::after {
    display: none;
  }
}

.card--alpha .t-headcount {
  display: inline-block;
  margin-right: 0.6875rem;
  font-weight: 300;
}

@media (max-width: 768px) {
  .card--alpha .t-headcount {
    padding-bottom: 20px;
  }
  .card--alpha .t-headcount::before {
    position: absolute;
    display: block;
    content: "";
    height: 0;
    border-width: 1px;
    border-style: solid;
    width: 80%;
    bottom: 0;
    left: 0;
    border-color: #3d3d3d;
  }
}

.card--alpha figure img {
  margin: auto;
}

.card--alpha .card__aside {
  margin-bottom: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .card--alpha .card__aside {
    display: block;
    float: left;
    width: 50%;
  }
}

.card--alpha .card__content {
  width: 100%;
}

@media (min-width: 768px) {
  .card--alpha .card__content {
    display: block;
    float: left;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .card--beta .card__grid {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .no-flexbox .card--beta .card__grid {
    max-width: 1200px;
    margin: auto;
  }
}

@media (min-width: 768px) {
  .card--beta .card__content {
    margin-right: 2.75rem;
  }
}

@media (min-width: 768px) {
  .no-flexbox .card--beta .card__content {
    float: left;
  }
}

.card--beta .card__aside {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .no-flexbox .card--beta .card__aside {
    float: left;
  }
}

.card--stacked {
  display: block;
}

.card--stacked .card__aside {
  width: 100%;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .card--stacked .card__aside {
    display: block;
    float: none;
    width: auto;
  }
}

@media (min-width: 768px) {
  .card--stacked .card__content {
    display: block;
    float: none;
    width: auto;
  }
}

@media (min-width: 768px) {
  .card--invert-order .card__content {
    float: left;
    left: 100%;
    position: relative;
    width: 50%;
    margin-left: -50%;
  }
}

@media (min-width: 768px) {
  .card--invert-order .card__aside {
    float: left;
    left: 100%;
    position: relative;
    width: 50%;
    margin-left: -100%;
  }
}

.card--whatsnew {
  margin-bottom: 2.75rem;
}

@media (min-width: 768px) {
  .card--whatsnew .card__grid {
    margin-left: auto;
    margin-right: auto;
  }
  .card--whatsnew .card__grid:after {
    content: "";
    display: table;
    clear: both;
  }
  .card--whatsnew .card__aside {
    float: left;
    margin-right: 2.12766%;
    width: 36.17021%;
  }
  .card--whatsnew .card__content {
    float: left;
    width: 61.70213%;
  }
}

.card--whatsnew h5 {
  margin-top: 0;
  position: relative;
  font-size: 1.875rem;
  font-weight: 300;
  margin-bottom: 2.0625rem;
}

.card--casestudy {
  padding-bottom: 1.375rem;
  border-bottom: 1px solid #d1d3d4;
}

@media (min-width: 768px) {
  .card--casestudy {
    margin-bottom: 5.5rem;
    margin-top: 5.5rem;
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media (min-width: 768px) {
  .card--casestudy .card__aside {
    float: left;
    left: 100%;
    position: relative;
    width: 25%;
    margin-left: -100%;
    min-height: 21.25rem;
    height: 21.25rem;
  }
  .card--casestudy .card__aside figure {
    padding-right: 2.75rem;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

.card--casestudy .card__aside img {
  max-width: 100%;
  margin: auto;
}

.card--casestudy .card__title {
  position: relative;
  z-index: 2;
  margin-bottom: 2.75rem;
  font-size: 2.25rem;
  font-weight: 300;
}

@media (min-width: 768px) {
  .card--casestudy .card__title {
    float: left;
    left: 100%;
    position: relative;
    width: 75%;
    margin-left: -75%;
    padding-left: 2.75rem;
  }
  .card--casestudy .card__title h2 {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .card--casestudy .card__title h2 {
    margin-top: 1.375rem;
  }
}

@media (min-width: 1200px) {
  .card--casestudy .card__title h2 {
    margin-top: 2.75rem;
  }
}

@media (min-width: 768px) {
  .card--casestudy .card__content {
    float: left;
    left: 100%;
    position: relative;
    width: 75%;
    margin-left: -75%;
    padding-left: 2.75rem;
    border-left: 1px solid #d1d3d4;
  }
}

.card--casestudy .card__article p {
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .card--casestudy .card__article p {
    max-height: 144px;
    overflow: hidden;
    font-size: 1.125rem;
  }
}

@media (min-width: 768px) {
  .card--casestudy .card__article::before {
    position: relative;
    z-index: -1;
    margin-top: 22px;
    margin-bottom: 2.0625rem;
    display: inline-block;
    content: attr(title);
    font-size: 2.25rem;
    font-weight: 300;
    color: transparent;
    pointer-events: none;
    opacity: 0;
  }
}

.card--casestudy.card--short {
  padding-bottom: 1.375rem;
  border-bottom: 1px solid #d1d3d4;
}

@media (min-width: 768px) {
  .card--casestudy.card--short {
    margin-bottom: 5.5rem;
    margin-top: 5.5rem;
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media (min-width: 768px) {
  .card--casestudy.card--short .card__aside {
    float: left;
    width: 25%;
    border-right: 0;
    height: 11.25rem;
    min-height: 0;
  }
  .card--casestudy.card--short .card__aside figure {
    padding-right: 2.75rem;
    text-align: center;
  }
}

.card--casestudy.card--short .card__aside img {
  max-width: 100%;
  margin: auto;
}

@media (min-width: 768px) {
  .card--casestudy.card--short .card__content {
    float: left;
    width: 75%;
    padding-left: 2.75rem;
  }
}

.card--casestudy.card--short .card__article p {
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .card--casestudy.card--short .card__article p {
    max-height: none;
    overflow: visible;
    font-size: 1rem;
  }
}

.card--casestudy.card--short .card__article::before {
  display: none;
}

.card--download {
  border: 1px solid #57beea;
  padding: 2.0625rem;
  cursor: pointer;
}

.card--download:hover {
  box-shadow: 0px 0px 7.65px 1.35px rgba(0, 0, 0, 0.19);
}

@media (min-width: 768px) {
  .card--download {
    height: 220px;
  }
}

.card--download .card__title {
  font-size: 2.25rem;
  font-weight: 300;
  margin-bottom: 2.0625rem;
}

.card--download .card__aside .glyphicon {
  pointer-events: none;
}

@media (min-width: 768px) {
  .card--download .card__content {
    float: right;
  }
}

.card--author {
  border: 1px solid #dedede;
  padding: 1.375rem;
  margin-bottom: 1.375rem;
}

.card--author .card__title {
  font-size: 1.25rem;
}

.card--author .card__content {
  margin-right: 1.25rem;
}

.card--author .card__content p {
  font-size: 0.875rem;
}

@media (min-width: 600px) {
  .card--author .card__aside {
    float: left;
    width: auto;
    margin-right: 1.375rem;
  }
}

.card--author .card__avatar {
  width: 82px;
  height: 82px;
  overflow: hidden;
  border-radius: 50%;
  margin: 10px;
}

.card--author .card__avatar img {
  max-width: 100%;
  display: block;
}

.card--review, .card--award {
  position: relative;
  border: 1px solid #7edef8;
  padding: 0.6875rem;
  margin-bottom: 1.375rem;
}

.card--review[data-url], .card--award[data-url] {
  cursor: pointer;
}

.card--review[data-url]:hover, .card--award[data-url]:hover {
  box-shadow: 0px 0px 16px 0.3px rgba(0, 0, 0, 0.17);
}

@media (min-width: 768px) {
  .card--review:before, .card--award:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%;
  }
  .card--review .card__grid, .card--award .card__grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.card--review .card__aside, .card--award .card__aside {
  padding: 1.375rem;
  margin-bottom: 0;
  text-align: center;
  overflow: hidden;
  position: relative;
}

@media (max-width: 768px) {
  .card--review .card__aside img, .card--award .card__aside img {
    display: inline-block;
    position: relative;
    top: -1.375rem;
  }
}

.card--review .card__content, .card--award .card__content {
  text-align: center;
  padding-left: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  font-weight: 300;
  line-height: 1.03125;
}

@media (min-width: 768px) {
  .card--review .card__content, .card--award .card__content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 4.5em;
  }
}

@media (min-width: 768px) {
  .card--award .card__content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 3.5em;
  }
}

.card__grid:after {
  content: "";
  display: table;
  clear: both;
}

.card__aside {
  margin-bottom: 1.375rem;
}

.card__aside figure {
  margin-bottom: 0;
}

.card__aside figure img {
  display: block;
  max-width: 100%;
}

.card__aside figure figcaption {
  font-size: 0.75rem;
}

.card__content {
  overflow: hidden;
}

.card__title {
  margin-bottom: 1.375rem;
  font-size: 2.25rem;
}

.card__article {
  position: relative;
}

.card__footer {
  position: relative;
}

.thumb {
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.thumb figure {
  margin: 0;
}

.thumb img {
  max-width: 100%;
  max-height: 100%;
}

.thumb img:hover {
  opacity: 0.75;
}

.thumb--small {
  width: 136px;
  float: left;
  margin: 14px 28px 14px 0;
  opacity: 1;
}

.thumb--small:nth-child(4n) {
  margin-right: 0;
}

.thumb--small:hover {
  opacity: 0.75;
}

.thumb--case {
  width: 245px;
  display: inline-block;
  margin: 14px 28px 14px 0;
  vertical-align: top;
  border: 1px solid #ddd;
}

.thumb--video {
  width: 260px;
  background-color: #fff;
  cursor: pointer;
}

.thumb--video .thumb__img {
  display: block;
  width: 100%;
  height: 94px;
  background-image: url("/img/20201022/sprites/icon-play-e.png");
  background-repeat: no-repeat;
  background-position: center top;
  transition: background-size 0.05s;
}

.thumb--video .thumb__img img {
  width: 100%;
  opacity: 0;
}

.thumb--video .thumb__caption {
  display: block;
  padding: 0.4em;
  color: #e49c01;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 300;
}

.thumb--video .thumb__caption:hover {
  text-decoration: none;
}

.thumb--casestudy .thumb__img {
  box-sizing: border-box;
  max-width: 100%;
  width: 180px;
  height: 160px;
  max-height: 160px;
  margin: auto;
  margin-bottom: 10px;
  padding: 20px;
  border: 1px solid #dedede;
  white-space: nowrap;
  text-align: center;
}

.thumb--casestudy .thumb__img img {
  max-height: 120px;
}

.thumb--casestudy .thumb__img a {
  display: inline-block;
  vertical-align: middle;
}

.thumb--casestudy .thumb__img::before {
  display: inline-block;
  content: "";
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 0px;
  height: 100%;
  vertical-align: middle;
  margin-left: -1em;
  font-size: 0;
}

.thumb--casestudy .thumb__caption {
  width: 180px;
  font-size: 0.875rem;
  text-align: center;
}

.thumb--feature {
  display: inline-block;
  background-color: #e5e5e5;
  padding: 25px;
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 0;
}

.thumb--feature img {
  display: block;
  border: 1px solid #cfcfcf;
  border-bottom: 0;
}

.thumb--simple {
  display: inline-block;
  margin-bottom: 1.375rem;
}

.thumb--simple img {
  display: block;
  border: 1px solid #cfcfcf;
}

.thumb--related {
  cursor: pointer;
}

.thumb--related .thumb__img {
  position: relative;
  border: 1px solid #ddd;
}

.thumb--related .thumb__img img {
  width: 100%;
}

.thumb--related .thumb__caption {
  font-size: 1.25rem;
  padding: 1.375rem;
  padding-left: 0;
  text-align: left;
}

.thumb--related .thumb__icon {
  position: absolute;
  z-index: 10;
  top: calc((100% - 57px)/2);
  left: calc((100% - 57px)/2);
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.thumb--related .thumb__icon:hover {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
}

.thumb--related img:hover {
  opacity: 0.75;
}

.thumb__img img {
  display: block;
  max-width: 100%;
}

.thumb__caption {
  padding: 0.6875rem;
  font-size: 1rem;
  background-color: #fff;
  font-weight: 300;
}

@media (min-width: 600px) {
  .screen {
    margin-left: -2.08333%;
    margin-right: -2.08333%;
  }
  .screen:after {
    content: "";
    display: table;
    clear: both;
  }
}

.screen__item {
  margin-bottom: 4.125rem;
}

@media (min-width: 600px) {
  .screen__item {
    float: left;
    width: 45.83333%;
    margin-left: 2.08333%;
    margin-right: 2.08333%;
  }
}

@media (min-width: 992px) {
  .screen__item {
    float: left;
    width: 29.16667%;
    margin-left: 2.08333%;
    margin-right: 2.08333%;
  }
}

.screen__title {
  margin-bottom: 2.0625rem;
  font-size: 1.875rem;
  font-weight: 300;
}

.screen__title.t-sp-b-left::after, .card--whatsnew h5.screen__title::after {
  width: 46px;
  bottom: -5px;
  border-color: #3d3d3d;
}

a[rel=lightbox],
.screen__img {
  display: inline-block;
  position: relative;
  cursor: pointer;
  max-width: 100%;
  /* &:hover::before {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(37, 72, 95, 0.67);
		background-image: url("/img/20201022/bgs/zoom.png");
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: auto 110%;
	} */
}

a[rel=lightbox]:hover,
.screen__img:hover {
  box-shadow: 0px 0px 7.65px 1.35px rgba(0, 0, 0, 0.19);
}

a[rel=lightbox] figure,
.screen__img figure {
  margin: 0;
}

a[rel=lightbox] img,
.screen__img img {
  display: block;
  max-width: 100%;
}

.screen__img--border {
  border: 1px solid #d3ccc7;
}

.ajaxwait {
  display: table;
  margin-top: 10px;
  width: 350px;
  height: 90px;
  min-height: 90px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .ajaxwait {
    width: 340px;
  }
}

.ajaxwait > .ld-wait {
  display: table-row;
}

.ajaxwait > .ld-wait > .ajaxwait__info {
  display: table-cell;
  padding: 1.03125rem;
  padding-left: 0;
}

.ajaxwait > .ld-wait > .ajaxwait__progress {
  display: table-cell;
  padding: 1.03125rem;
}

.ajaxwait--status {
  z-index: 20;
  border: 1px solid #d1d3d4;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(60, 60, 60, 0.25);
  background-color: #fff;
}

@media (min-width: 768px) {
  .ajaxwait--status {
    float: right;
  }
}

.ajaxwait--status p {
  margin-bottom: .1em;
  font-size: 13px !important;
}

.ajaxwait--status .ajaxwait__progress {
  position: relative;
  vertical-align: middle;
  width: 100px;
  padding-right: 0;
}

.ajaxwait--status .ajaxwait__progress .ajaxwait__count {
  border-right: 1px solid #ebe9e8;
  padding-right: 0.6875rem;
}

.ajaxwait--status .ajaxwait__progress img {
  max-width: 100%;
}

.ajaxwait--status .ajaxwait__info {
  position: relative;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
}

.ajaxwait--status .ajaxwait__info #ld-link {
  font-size: 17px;
}

.ajaxwait--status .ajaxwait__info .ajaxwait__status {
  margin-bottom: 0.6875rem;
}

.ajaxwait--status .ajaxwait__info .ajaxwait__title {
  font-weight: 400;
}

.ajaxwait--status .ajaxwait__info .ajaxwait__notify {
  font-size: 0.875rem;
}

.ajaxwait--status .ajaxwait__info label {
  margin-bottom: 0.34375rem;
}

.ajaxwait--status .ajaxwait__info .checkbox {
  margin: 0;
}

.ajaxwait--status .ajaxwait__info a {
  cursor: pointer;
}

.ajaxwait--status .ajaxwait__progress__value {
  display: block;
  margin-bottom: 0.34375rem;
  font-size: 2.25rem;
  letter-spacing: -1px;
  font-weight: 300;
  line-height: 1;
}

.ajaxwait--status .ajaxwait__toggle {
  position: absolute;
  z-index: 30;
  right: 20px;
  top: 14px;
}

.ajaxwait--status .ajaxwait__toggle .ajaxwait__toggle__down {
  display: none;
}

.ajaxwait--status.ajaxwait--min {
  display: block;
  width: 146px;
  height: 90px;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__toggle .ajaxwait__toggle__down {
  display: inline-block;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__toggle .ajaxwait__toggle__up {
  display: none;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__loading {
  display: none;
}

.ajaxwait--status.ajaxwait--min .ld-wait {
  display: block;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__notify {
  display: none;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__info {
  display: block;
  width: auto;
  padding: 0.34375rem 0.6875rem;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__info .ajaxwait__status {
  font-size: 0.875rem;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__info .ajaxwait__title {
  display: none;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__progress {
  display: block;
  width: auto;
  padding: 0.6875rem;
  padding-bottom: 0;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__progress .ajaxwait__progress__value {
  color: #e49c01;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__progress .ajaxwait__count {
  border-right: 0 !important;
  padding-right: 0 !important;
}

.ajaxwait--status.ajaxwait--min .ajaxwait__info--success {
  text-align: center;
}

#floatBarsG {
  position: relative;
  margin: auto;
  width: 76px;
  height: 10px;
}

.floatBarsG {
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  background-color: rgba(228, 156, 1, 0.98);
  transform: scale(0.3);
  -webkit-animation-name: bounce_floatBarsG;
          animation-name: bounce_floatBarsG;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}

#floatBarsG_1 {
  left: 0;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

#floatBarsG_2 {
  left: 13px;
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

#floatBarsG_3 {
  left: 27px;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

#floatBarsG_4 {
  left: 40px;
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}

#floatBarsG_5 {
  left: 54px;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

#floatBarsG_6 {
  left: 67px;
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}

@-webkit-keyframes bounce_floatBarsG {
  0% {
    background-color: #e49c01;
    transform: scale(1);
  }
  100% {
    background-color: white;
    transform: scale(0.3);
  }
}

@keyframes bounce_floatBarsG {
  0% {
    background-color: #e49c01;
    transform: scale(1);
  }
  100% {
    background-color: white;
    transform: scale(0.3);
  }
}

.p-tutorials-view .closed > div {
  display: none;
}

.p-tutorials-view .tutorials pre b {
  font-weight: 600;
}

.p-tutorials-view .tutorials h3 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #3c3c3c;
  text-transform: initial;
}

.p-tutorials-view .tutorials h4 {
  margin-top: 1.375rem;
  font-size: 1.25rem;
  color: #2b7db1;
  font-weight: 600;
}

.p-tutorials-view .tutorials h5 {
  margin-top: 1.375rem;
  font-weight: 600;
  font-size: 1.125rem;
}

.p-tutorials-view .tutorials .collapsible {
  padding: 0 0 10px;
}

.p-tutorials-view .tutorials .collapsible > [data-toggle="collapse"] {
  font-size: 1rem;
  display: inline-block;
  margin: 10px 0;
  font-weight: 300;
}

.p-tutorials-view .tutorials .collapsible > [data-toggle="collapse"]:before {
  content: '';
}

.p-tutorials-view .tutorials .collapsible > [data-toggle="collapse"][aria-expanded="true"]:before {
  bottom: 2px;
}

.p-tutorials-view .tutorials .collapsible .collapsing {
  margin-left: 1.71875rem;
}

.p-tutorials-view .tutorials .collapsible .collapse {
  overflow: hidden;
  margin-left: 1.71875rem;
}

.p-tutorials-view .tutorials .collapsible .collapse ul {
  padding-left: 1.375rem;
}

.p-tutorials-view .tutorials .collapsible .collapsible {
  padding: 10px 0 10px 0;
}

.p-tutorials-view .tutorials b {
  font-weight: 400;
}

.p-tutorials-view .tutorials span.nobr {
  white-space: nowrap;
}

.tutorials-list {
  margin: 0;
  padding: 0 !important;
  list-style: none;
}

.tutorials-list--simple {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tutorials-list--simple > li {
  padding: 0 0 20px;
}

.tutorials-list--packed li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.tutorials-list--bullets {
  /*.list--bullets*/
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  word-wrap: break-word;
}

.tutorials-list--bullets > li {
  position: relative;
  font-weight: 300;
  padding: 0 0 10px 23px;
}

.tutorials-list--bullets > li:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #E6A002;
}

.tutorials-list--ordered {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tutorials-list--ordered > li:first-child {
  counter-reset: item;
}

.tutorials-list--ordered p {
  margin-bottom: 0.6875rem;
}

.tutorials-list--ordered > li {
  display: block;
  overflow: hidden;
  padding: 0 0 1.375rem 2.26875rem;
  margin-bottom: 2.75rem;
  position: relative;
}

.tutorials-list--ordered > li .collapsible ul:last-child,
.tutorials-list--ordered > li .collapsible li:last-child,
.tutorials-list--ordered > li .collapsible p:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.tutorials-list--ordered > li > h5:first-child {
  margin-top: 0;
}

.tutorials-list--ordered > li > h4:first-child {
  margin-top: 0;
}

.tutorials-list--ordered > li > h3:first-child,
.tutorials-list--ordered > li > div[class*=list] > h3:first-child {
  margin-top: 0;
}

.tutorials-list--ordered > li > h2:first-child {
  margin-top: -0.2em;
}

.tutorials-list--ordered > li:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  padding: 0;
  width: 26px;
  text-align: center;
  background: #264a61;
  content: counters(item, ".");
  counter-increment: item;
}

@media (max-width: 768px) {
  .tutorials-list--ordered .tutorials-list--ordered > li > .collapsible,
  .tutorials-list--ordered .tutorials-list--ordered > li > .text-center {
    margin-left: -30px;
  }
}

.tutorials-list--ordered .tutorials-list--dashed {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.tutorials-list--ordered .tutorials-list--dashed > li {
  padding: 0 0 0 10px;
  position: relative;
}

.tutorials-list--ordered .tutorials-list--dashed > li:before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
}

.tutorials-list--ordered .with-icons > li > img:first-child {
  float: left;
  margin: 3px 10px 0 0;
}

.tutorials-list--ordered .with-icons > li > img:first-child + p {
  overflow: hidden;
}

.tutorials-list--ordered .with-icons > li > p {
  margin: 0 0 10px;
}

.tutorials-list--ordered .tutorials-table.table-bordered {
  border: 1px solid #fff;
}

.tutorials-list--ordered .tutorials-table.table-bordered > thead > tr > th,
.tutorials-list--ordered .tutorials-table.table-bordered > thead > tr > td {
  border-bottom-width: 0;
}

.tutorials-list--ordered .tutorials-table.table-bordered > thead > tr > th,
.tutorials-list--ordered .tutorials-table.table-bordered > thead > tr > td,
.tutorials-list--ordered .tutorials-table.table-bordered > tbody > tr > th,
.tutorials-list--ordered .tutorials-table.table-bordered > tbody > tr > td,
.tutorials-list--ordered .tutorials-table.table-bordered > tfoot > tr > th,
.tutorials-list--ordered .tutorials-table.table-bordered > tfoot > tr > td {
  border: 1px solid #fff;
}

.tutorials-list--ordered .tutorials-table.table-bordered th {
  background-color: #656565;
  color: #fff;
}

.tutorials-list--ordered .tutorials-table.table-bordered > tbody > tr:nth-of-type(2n+1) {
  background-color: #fff;
}

.tutorials-list--ordered .tutorials-table.table-bordered > tbody > tr:nth-of-type(2n) {
  background-color: #e6e6e6;
}

.vid-container {
  max-width: 100%;
  margin: auto;
  margin-bottom: 5.5rem;
}

.vid-header {
  max-width: 780px;
  margin: auto;
  margin-bottom: 2.0625rem;
}

/* .vid-videos {

} */
.vid-video {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  max-width: 780px;
  margin: auto;
  padding: 40px 0;
  border-top: 1px solid #e9e8ed;
}

@media (max-width: 768px) {
  .vid-video {
    flex-flow: row wrap;
    justify-content: center;
  }
}

.vid-video:first-child {
  border: 0;
}

.vid-video .vid-info {
  flex: 1 1 auto;
  max-width: 780px;
}

@media (max-width: 768px) {
  .vid-video .vid-info {
    flex: 0 0 480px;
  }
}

@media (max-width: 480px) {
  .vid-video .vid-info {
    flex: 0 0 360px;
    padding: 0 1.375rem;
    padding: 0;
  }
}

.vid-video .vid-info .vid-close {
  display: none;
}

.vid-video .vid-counter {
  position: relative;
  overflow: hidden;
  font-size: 4.5rem;
  color: #d1d3d4;
  font-weight: 300;
  letter-spacing: -2px;
  line-height: 0.8;
}

.vid-video .vid-counter.counter-low {
  width: 1em;
  margin-bottom: 0.2em;
  text-indent: -0.20em;
}

.vid-video .vid-counter.counter-high {
  left: -0.15em;
  height: 0.65em;
  margin-bottom: 0.2em;
}

.vid-video .vid-title {
  margin-right: 1.375rem;
  margin-bottom: 2.0625rem;
  font-size: 1.5rem;
  font-weight: 300;
  color: #3c3c3c;
  padding-right: 2.75rem;
}

.vid-video .vid-youtube {
  flex: 0 0 100%;
}

.vid-video .vid-progress {
  position: absolute;
  height: 3px;
  width: 0;
  background-color: #30b26b;
  left: 0;
  bottom: -6px;
}

.vid-video .vid-thumb {
  position: relative;
  flex: 0 0 480px;
  max-width: 480px;
  height: 270px;
  background-size: 100%;
  background-position: 50% 50%;
  border: 1px solid #d1d3d4;
}

@media (max-width: 480px) {
  .vid-video .vid-thumb {
    flex: 0 0 360px;
    max-width: 360px;
    height: 200px;
  }
}

.vid-video .vid-thumb .js-open-pop {
  display: block;
}

.vid-video .vid-thumb .embed-play {
  cursor: pointer;
}

.vid-video .vid-thumb .embed-play:hover {
  opacity: 0.85;
}

.vid-video .vid-thumb img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.vid-video .vid-thumb .iconbox {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 5px;
  margin-left: -33px;
  margin-top: -33px;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background-color: #fff;
}

.vid-video .vid-thumb .iconbox:hover {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
}

.vid-more-box {
  background-image: linear-gradient(to top, #efeff1 0%, #efeff1 60%, #fff 60%);
  padding-bottom: 4rem;
}

.vid-more {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.vid-more .vid-more__item {
  display: flex;
  margin: 0 0.5rem 1rem;
  flex-flow: column nowrap;
  flex: 0 0 302px;
  max-width: 302px;
  height: 270px;
  background-color: #fff;
}

.vid-more .vid-more__thumb {
  position: relative;
  flex: 0 0 168px;
  cursor: pointer;
  background-position: center center;
  background-size: cover;
}

.vid-more .vid-more__thumb img {
  max-width: 100%;
}

.vid-more .vid-more__thumb .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -27px;
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1);
}

.vid-more .vid-more__thumb .icon:hover {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
}

.vid-more .vid-more__capture {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  font-size: 1.125rem;
  font-weight: 300;
  text-align: center;
  padding: 0 1rem;
}

.vid-youtube-popup {
  position: relative;
  padding: 0;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.vid-youtube-popup iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.vid-articles {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  margin: 0 -14px;
}

.vid-articles .vid-item {
  flex: 0 0 360px;
  max-width: 360px;
  margin: 0 14px;
}

.vid-articles .vid-thumb {
  position: relative;
  width: 100%;
}

.vid-articles .vid-thumb .js-open-pop {
  display: block;
}

.vid-articles .vid-thumb .embed-play {
  cursor: pointer;
}

.vid-articles .vid-thumb img {
  display: block;
  width: 100%;
  cursor: pointer;
}

.vid-articles .vid-thumb img:hover {
  opacity: 0.85;
}

.vid-articles .vid-thumb .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -32px;
}

.vid-articles .vid-title {
  font-size: 1.25rem;
  font-weight: 300;
}

.highlights {
  margin-top: 1.375rem;
}

@media (min-width: 768px) {
  .highlights {
    margin-left: auto;
    margin-right: auto;
  }
  .highlights:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (min-width: 768px) {
  .highlights__info {
    float: left;
    margin-right: 4.16667%;
    padding-right: 4.16667%;
    width: 62.5%;
    margin-bottom: 2.0625rem;
    border-right: 1px solid #d1d3d4;
  }
}

@media (min-width: 768px) {
  .highlights__aside {
    float: left;
    width: 29.16667%;
    margin-bottom: 2.0625rem;
  }
}

.highlights__item {
  padding: 2px 2px;
  color: #456894;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px dashed #69a9da;
  background-color: #fdf3b6;
}

.note,
.s-script-full blockquote {
  margin-bottom: 1.375rem;
  margin-top: 1.375rem;
  font-weight: 300;
  padding: 1.375rem;
  position: relative;
  background-color: white;
  color: #87776e;
  padding-left: 80px;
  border-top: 2px solid #f1d4a1;
  border-bottom: 2px solid #f1d4a1;
}

.c-tutorials .note, .c-tutorials
.s-script-full blockquote {
  border-top: 1px solid #dddee3;
  border-bottom: 1px solid #dddee3;
}

.note::before,
.s-script-full blockquote::before {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -18px;
  left: 1.375rem;
}

.note p:last-child,
.s-script-full blockquote p:last-child {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .note,
  .s-script-full blockquote {
    padding-left: 1.375rem;
  }
  .note::before,
  .s-script-full blockquote::before {
    display: none;
  }
}

.note--top {
  min-height: 6rem;
}

.note--top::before {
  top: 44px;
}

.note--tip::before,
.s-script-full blockquote::before {
  background-image: url(/img/20200909/sprite.png);
  background-position: -103px -430px;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.note--info::before {
  background-image: url(/img/20200909/sprite.png);
  background-position: -269px -180px;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.note--caution::before,
.note--warning::before {
  background-image: url(/img/20200909/sprite.png);
  background-position: -274px -430px;
  width: 31px;
  height: 29px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.note--error::before {
  background-image: url(/img/20200909/sprite.png);
  background-position: -274px -430px;
  width: 31px;
  height: 29px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}

.note--simple,
.note--policy {
  padding: 0.6875rem;
  min-height: 0 !important;
}

.note--simple {
  padding: 0.6875rem;
  min-height: 0 !important;
}

.note--filled {
  padding: 0.6875rem;
  padding-left: 0.6875rem;
  margin-top: 0.6875rem;
  border: 0;
  background-color: #f5f5f5;
}

.note--more {
  display: none;
  padding: 1.375rem;
  margin-top: 0;
  background-color: transparent;
  border: 1px solid #406379;
}

#sidebar-open {
  position: absolute;
  z-index: 60;
  right: 0;
  top: 208px;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.31);
  background: #fff url("/img/20201022/tutorials/ico-search.png") no-repeat 50% 50%;
}

#sidebar-close {
  position: absolute;
  right: 12px;
  top: 36px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/img/20201022/tutorials/ico-close.png") no-repeat;
}

#sidebar li a.is-active {
  color: #e49c01;
}

@media (min-width: 993px) {
  #sidebar-close,
  #sidebar-open {
    display: none;
  }
}

@media (max-width: 992px) {
  div.tutorials__filterbar {
    position: fixed;
    width: 60vw;
    display: none;
    right: 0;
    bottom: 0;
    top: 114px;
    z-index: 200;
    background: #fff;
    padding-left: 45px;
    padding-right: 45px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.31);
  }
  div.tutorials__filterbar.active {
    display: block;
  }
  .tutorialfiltering-overlay {
    position: relative;
    height: calc(100% - 150px);
    margin: 0 -35px 0 0;
  }
  .tutorialfiltering-overlay::after, .tutorialfiltering-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .tutorialfiltering-overlay::after {
    top: auto;
    bottom: 0;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .tutorialfiltering-holder {
    overflow: auto;
    height: 100%;
    padding: 20px 35px 0 0;
  }
}

@media (max-width: 848px) {
  #sidebar-open {
    top: 166px;
  }
}

@media (max-width: 768px) {
  #sidebar-open {
    top: 150px;
  }
  div.js-tutorialfiltering {
    top: 134px;
  }
  div.tutorials__filterbar {
    width: 80vw;
  }
}

@media (max-width: 600px) {
  div.tutorials__filterbar {
    width: calc(100vw - 20px);
  }
}

@media (max-width: 480px) {
  div.js-tutorialfiltering {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
  }
  #sidebar-close {
    right: 22px;
    top: 21px;
  }
  .tutorialfiltering-form-holder {
    padding-top: 55px;
    margin-right: -20px;
  }
  .tutorialfiltering-overlay {
    margin: 0 -10px 0 0;
  }
  .tutorialfiltering-holder {
    padding: 20px 10px 0 0;
  }
}

/*

News List

*/
.newslist {
  position: relative;
  margin-bottom: 2.0625rem;
}

.newslist :first-child h2 {
  margin-top: 0;
}

.newslist__item {
  margin-bottom: 2.75rem;
}

.newslist__header {
  font-size: 1.875rem;
}

.newslist__date {
  position: relative;
  bottom: 5px;
  margin-bottom: 1.375rem;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 300;
}

.post-grid:after {
  content: "";
  display: table;
  clear: both;
}

.post-grid__item {
  margin-bottom: 2.75rem;
}

@media (min-width: 768px) {
  .post-grid__item {
    float: left;
    width: 47%;
  }
  .post-grid__item:nth-child(odd) {
    margin-right: 6%;
  }
}

.post__title {
  font-size: 1.875rem;
  line-height: 1.03125;
}

.post__title.t-sp-b-left, .card--whatsnew h5.post__title {
  margin-bottom: 2.75rem;
}

.post__title.t-sp-b-left::after, .card--whatsnew h5.post__title::after {
  width: 46px;
  bottom: -30px;
  border-color: #3d3d3d;
}

.post__title a {
  color: #3c3c3c;
  font-weight: 300;
}

.post__title a:hover {
  color: #3c3c3c;
  font-weight: 300;
}

@media (min-width: 768px) {
  .post-grid__item--pagination {
    float: left;
    width: 100%;
    text-align: center;
  }
}

.post-grid__summary {
  text-align: right;
  font-size: 0.875rem;
  margin-bottom: 2.75rem;
}

.post__content p:empty,
.post__content br {
  display: none;
}

.post__content p img {
  width: auto;
  height: auto;
}

.post__img {
  position: relative;
  margin-bottom: 1.375rem;
}

.post__cats {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
}

.post__cats .post__cats__item {
  display: inline-block;
  padding: 1.125rem 0.875rem;
  color: #fff;
  font-size: 0.875rem;
  background-color: #666666;
  text-transform: uppercase;
}

.post__cats .post__cats__item[data-cat*=Articles] {
  background-color: #1a944e;
}

.post__cats .post__cats__item[data-cat*=How-to] {
  background-color: #9865d7;
}

.post__date {
  font-weight: 300;
  margin-bottom: 1.375rem;
}

.post--full {
  position: relative;
  margin-top: 1.375rem;
  margin-bottom: 2.75rem;
}

@media (min-width: 992px) {
  .post--full {
    margin-top: -2.0625rem;
  }
}

.post--full .post__title {
  font-size: 2.25rem;
  font-weight: 300;
}

.post--full .post__title::after {
  bottom: -20px;
}

.post--full h2:after {
  display: none;
}

/*
	About support page, Knowledge base blocks
*/
.k-base {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: space-between;
  margin-bottom: 5.5rem;
}

.no-flexbox .k-base:after {
  content: "";
  display: table;
  clear: both;
}

.k-base__item {
  position: relative;
  flex: 0 1 100%;
  padding: 2px;
  margin-bottom: 0.6875rem;
  text-align: center;
  background-image: linear-gradient(12deg, #90fffc 16%, #6ec3f7 51%, #84e9d6 84%);
}

.k-base__item:before {
  display: block;
  content: '';
  position: absolute;
  background-color: #fff;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}

.no-flexbox .k-base__item {
  display: inline-block;
  width: 100%;
  border: 1px dotted red;
}

@media (min-width: 600px) {
  .no-flexbox .k-base__item {
    width: 48%;
  }
}

@media (min-width: 768px) {
  .no-flexbox .k-base__item {
    width: 24%;
  }
}

@media (min-width: 600px) {
  .k-base__item {
    flex: 0 1 49%;
  }
}

@media (min-width: 992px) {
  .k-base__item {
    flex: 0 1 24.3%;
  }
}

@media (min-width: 1200px) {
  .k-base__item {
    flex: 0 1 24.3%;
  }
}

.k-base__item:hover {
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.29);
  text-decoration: none;
}

.k-base__content {
  padding: 2.75rem;
}

.k-base__capture {
  position: relative;
  color: #3c3c3c;
  font-size: 1.125rem;
  margin-top: 2.0625rem;
}

.k-base__capture::before {
  position: absolute;
  display: block;
  content: '';
  height: 3px;
  width: 32px;
  background-color: #a6a6a6;
  border: 0;
  top: -12px;
  left: 50%;
  margin-left: -16px;
}

/*
Contacts form
*/
.cf {
  margin-top: 7rem;
  background-color: #eef2f5;
}

@media (min-width: 768px) {
  .cf {
    display: flex;
  }
}

.no-flexbox .cf:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 992px) {
  .cf__grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}

@media (min-width: 992px) {
  .cf__name,
  .cf__address {
    flex: 0 1 48%;
  }
}

@media (min-width: 992px) {
  .cf__message {
    flex: 0 0 100%;
  }
}

@media (max-width: 992px) {
  .cf__captcha {
    margin-bottom: 1.375rem;
  }
}

.cf__sidebar {
  padding: 1.375rem;
  background-color: #348dc0;
  background-image: linear-gradient(21deg, #2082bc 0%, #3dced3 100%);
  color: #fff;
}

@media (min-width: 768px) {
  .cf__sidebar {
    flex: 1 1 35%;
    padding: 1.375rem 2.75rem;
    width: 35%;
  }
}

.no-flexbox .cf__sidebar {
  float: left;
}

.cf__sidebar a {
  color: #fff;
}

.cf__sidebar a:hover {
  color: #fff;
}

.cf__sidebar h1 {
  color: #fff;
}

.cf__sidebar h1.t-sp-b-left::after, .cf__sidebar .card--whatsnew h5::after, .card--whatsnew .cf__sidebar h5::after {
  border-color: #fff;
}

.cf__form {
  padding: 1.375rem;
}

@media (min-width: 768px) {
  .cf__form {
    flex: 1 1 65%;
    width: 65%;
    padding: 1.375rem 5.5rem;
  }
}

.no-flexbox .cf__form {
  float: left;
}

.cf__form .form-control {
  border: 0;
}

.s-samples {
  position: absolute;
  z-index: 10;
  margin-bottom: 1.375rem;
  padding: 1.375rem;
  width: calc(100% - 20px);
  border: 1px solid #ddd;
  background-color: #fff;
}

@media (min-width: 600px) {
  .s-samples {
    width: calc(100% - 104px);
  }
}

@media (min-width: 768px) {
  .s-samples {
    width: calc(100% - 200px);
  }
}

.s-samples__close {
  position: absolute;
  top: 16px;
  right: 16px;
}

/*
	Index Page Blocks
*/
.s-script {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
  border-bottom: 1px solid #ddd;
}

@media (min-width: 768px) {
  .s-script {
    flex-flow: row wrap;
  }
}

.s-script__content {
  order: 1;
  flex: 0 0 100%;
  margin-bottom: 0.6875rem;
}

@media (min-width: 768px) {
  .s-script__content {
    order: 0;
    margin-bottom: 1.375rem;
    flex: 1 1 62%;
  }
}

.s-script__meta {
  order: 0;
  flex: 0 0 100%;
  margin-bottom: 0.6875rem;
  padding-top: 0.34375rem;
  text-transform: uppercase;
  font-weight: 300;
}

@media (min-width: 768px) {
  .s-script__meta {
    flex: 1 1 38%;
    order: 1;
    text-align: right;
    margin-bottom: 0;
  }
}

.s-script-full .s-script__meta {
  margin-top: -0.6875rem;
  margin-bottom: 2.75rem;
  text-align: left;
}

.s-script__categories {
  flex: 0 0 100%;
  order: 2;
  margin-bottom: 0.17188rem;
}

@media (min-width: 768px) {
  .s-script__categories {
    flex: 1 1 100%;
    text-align: right;
  }
}

.s-script__categories a {
  margin-right: 1.375rem;
  color: #838383;
  font-weight: 300;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .s-script__categories a {
    margin-left: 1.375rem;
    margin-left: 0;
  }
}

.s-script__title {
  margin-bottom: 0.6875rem;
  font-size: 1.5rem;
  line-height: 1.03125;
}

.s-script__title a {
  color: #3c3c3c;
  font-weight: 300;
}

.s-script__body {
  font-weight: 300;
  font-size: 0.875rem;
}

.s-scripts__cats ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.813rem;
}

.s-scripts__cats ul li {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.s-scripts__cats ul li label {
  font-weight: 300;
  font-size: 0.875rem;
}

.s-scripts__cats ul li.child {
  padding-left: 1.375rem;
  border-top: 0;
  border-bottom: 0;
}

.s-scripts__cats ul li label {
  margin-top: 5px;
}

.s-scripts__cats label.control-label {
  display: block;
}

.s-script-full ul,
.post.post--full ul {
  list-style-position: outside;
  list-style-image: url("/img/20201022/bgs/list-bsmal.png");
  word-wrap: break-word;
}

.s-script-full ul li,
.post.post--full ul li {
  margin-bottom: 0.34375rem;
  padding-left: 2px;
  font-weight: 300;
}

.s-script-full ul ul,
.post.post--full ul ul {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
}

.s-script-full .s-script-buttons,
.post.post--full .s-script-buttons {
  margin-top: 0.6875rem;
  text-align: right;
}

.s-script-full .s-script-expand,
.s-script-full .s-script-copy,
.post.post--full .s-script-expand,
.post.post--full .s-script-copy {
  display: inline-block;
}

.s-script-full .s-script-copy,
.post.post--full .s-script-copy {
  margin-left: 0.6875rem;
}

.s-script-full .tooltip-inner,
.post.post--full .tooltip-inner {
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
}

.s-script-full blockquote,
.post.post--full blockquote {
  border-left: 0;
  font-size: 1rem;
}

.s-script-full .codePluginHolder,
.post.post--full .codePluginHolder {
  margin-bottom: 1.375rem;
}

.s-script-full .codePluginHolder .codeToolbar,
.post.post--full .codePluginHolder .codeToolbar {
  display: none;
}

.s-script-full .codePluginHolder .codeTitle,
.post.post--full .codePluginHolder .codeTitle {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
  padding: 14px 24px;
  max-width: 100%;
  background-color: #d8d8d8;
  color: #3c3c3c;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
}

.s-script-full .codePluginHolder .codeHolder,
.post.post--full .codePluginHolder .codeHolder {
  position: relative;
  clear: both;
  overflow: auto;
}

.s-script-full .s-comments,
.post.post--full .s-comments {
  margin-bottom: 5.5rem;
}

.s-script-full .s-comments .s-comments__title,
.post.post--full .s-comments .s-comments__title {
  font-size: 1.875rem;
  font-weight: 300;
  margin-bottom: 1.375rem;
  border-bottom: 1px dashed #d0c8c3;
}

.s-script-full .s-comments .s-comments__list,
.post.post--full .s-comments .s-comments__list {
  margin-bottom: 1.375rem;
  flex: 0 0 100%;
  width: 100%;
}

.s-script-full .s-comments .s-comments__form .form-group,
.post.post--full .s-comments .s-comments__form .form-group {
  margin-bottom: 0.6875rem;
}

.s-script-full .s-comments .s-comments__form__title,
.post.post--full .s-comments .s-comments__form__title {
  font-size: 1.875rem;
  font-weight: 300;
}

.s-script-full .s-comments .s-comments__form__buttons,
.post.post--full .s-comments .s-comments__form__buttons {
  margin-top: 2.75rem;
  margin-bottom: 1.375rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.s-script-full .s-comments .s-comments__form__buttons .s-comments__form__buttons__captcha,
.post.post--full .s-comments .s-comments__form__buttons .s-comments__form__buttons__captcha {
  flex: 1 1 50%;
  height: 78px;
  margin-bottom: 1.375rem;
  max-width: 100%;
}

.s-script-full .s-comments .s-comments__form__buttons .s-comments__form__buttons__captcha .form-group,
.post.post--full .s-comments .s-comments__form__buttons .s-comments__form__buttons__captcha .form-group {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .s-script-full .s-comments .s-comments__form__buttons .s-comments__form__buttons__captcha,
  .post.post--full .s-comments .s-comments__form__buttons .s-comments__form__buttons__captcha {
    margin-bottom: 0;
  }
}

.s-script-full .s-comments .s-comments__form__buttons .s-comments__form__buttons__buttons,
.post.post--full .s-comments .s-comments__form__buttons .s-comments__form__buttons__buttons {
  flex: 0 1 20%;
  white-space: nowrap;
}

.s-script-full .s-comments .s-comment .s-comments__form__buttons__buttons,
.post.post--full .s-comments .s-comment .s-comments__form__buttons__buttons {
  margin-top: 1.375rem;
}

.s-script-full .s-comments .s-comments__fset,
.post.post--full .s-comments .s-comments__fset {
  padding: 1.375rem 0.6875rem;
}

@media (min-width: 768px) {
  .s-script-full .s-comments .s-comments__fset,
  .post.post--full .s-comments .s-comments__fset {
    padding: 1.375rem 2.75rem;
  }
}

.s-script-full .s-comments .s-comment-reply_form_container,
.post.post--full .s-comments .s-comment-reply_form_container {
  position: relative;
  margin-bottom: 1.375rem;
}

.s-script-full .s-comments .s-comments__form__close,
.post.post--full .s-comments .s-comments__form__close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.s-script-full .s-comment,
.post.post--full .s-comment {
  margin-top: 2.75rem;
}

.s-script-full .s-comment .s-comment,
.post.post--full .s-comment .s-comment {
  margin-top: 0;
  padding-left: 1.375rem;
  border-left: 2px solid #ddd;
}

.s-script-full .s-comment .s-comment .s-comment .s-comment .s-comment .s-comment,
.post.post--full .s-comment .s-comment .s-comment .s-comment .s-comment .s-comment {
  margin-top: 0;
  padding-left: 0;
  border-left: 0;
}

.s-script-full .s-comment .s-comment__aside,
.post.post--full .s-comment .s-comment__aside {
  margin-bottom: 0.6875rem;
}

.s-script-full .s-comment .s-comment__content,
.post.post--full .s-comment .s-comment__content {
  word-break: break-word;
}

.s-script-full .s-comment .s-comment__content__text,
.post.post--full .s-comment .s-comment__content__text {
  margin: 0 0 1.375rem;
  font-weight: 300;
}

.s-script-full .s-comment .s-comment__avatar,
.post.post--full .s-comment .s-comment__avatar {
  float: left;
  margin-right: 0.6875rem;
  width: 34px;
}

.s-script-full .s-comment .s-comment__meta,
.post.post--full .s-comment .s-comment__meta {
  overflow: hidden;
}

.s-script-full .s-comment .s-comment__meta__author,
.post.post--full .s-comment .s-comment__meta__author {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.s-script-full .s-comment .s-comment__meta__time,
.post.post--full .s-comment .s-comment__meta__time {
  font-weight: 300;
}

/*
	Payments cards, Online store
*/
.payments {
  display: flex;
  margin-bottom: 1.375rem;
  margin-top: 1.375rem;
  flex-flow: row wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 630px) {
  .payments {
    justify-content: stretch;
  }
}

.no-flexbox .payments:after {
  content: "";
  display: table;
  clear: both;
}

.payments__card {
  flex: 0 1 auto;
  width: auto;
  text-align: center;
}

.no-flexbox .payments__card {
  float: left;
  width: 70px;
}

@media screen and (max-width: 630px) {
  .payments__card {
    flex: 0 1 25%;
  }
}

.payments__stripe {
  flex: 1 1 30%;
  width: 30%;
  justify-self: flex-end;
  text-align: right;
}

.no-flexbox .payments__stripe {
  float: left;
  width: 100%;
}

@media screen and (max-width: 630px) {
  .payments__stripe {
    flex: 0 0 100%;
  }
}

/* Features page */
.ft {
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  margin-bottom: 5.5rem;
}

.ft:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .ft {
    display: flex;
    display: -webkit-flex;
    padding-left: 4.125rem;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .ft.ft__flexend {
    align-items: flex-end;
  }
}

.ft.ft--crop:before {
  display: block;
  position: absolute;
  z-index: 5;
  content: '';
  height: 17px;
  width: 100px;
  background-color: #fff;
  bottom: 0;
  left: 0;
}

.ft .ft-box--alpha:first-child:before,
.ft .ft-box--beta:first-child:before {
  position: relative;
  display: inline-block;
  height: 0.75em;
  bottom: -0.05em;
  overflow: hidden;
  text-indent: -0.20em;
  letter-spacing: -2px;
  font-weight: 300;
  font-size: 4.5rem;
  line-height: 0.7;
  color: #d1d3d4;
  content: counter(counter, decimal-leading-zero);
  vertical-align: baseline;
  margin-right: 0.1em;
}

@media (min-width: 768px) {
  .ft .ft-box--alpha:first-child:before,
  .ft .ft-box--beta:first-child:before {
    position: absolute;
    top: 0;
    left: -4.125rem;
    z-index: 10;
    width: 1em;
  }
}

@media (min-width: 768px) {
  .ft .ft-box--alpha:first-child::after,
  .ft .ft-box--beta:first-child::after {
    position: absolute;
    top: 1.15em;
    left: calc(-4.125rem + 0.49em);
    height: 100rem;
    width: 3px;
    content: '';
    font-size: 4.5rem;
    background-color: #e0e1e1;
  }
}

.ft .ft-box--beta:first-child::before {
  left: -4rem;
  letter-spacing: -5px;
  width: 0.8em;
  height: 0.57em;
  text-indent: -0.1em;
  overflow: hidden;
}

.ft .ft-box--beta:first-child::after {
  position: absolute;
  top: 0.75em;
  left: calc(-4.125rem + 0.5em);
  height: 100rem;
  width: 3px;
  content: '';
  font-size: 4.5rem;
  background-color: #e0e1e1;
}

.ft-box {
  position: relative;
  min-height: 5.5rem;
  min-width: 5.5rem;
}

.ft-box img {
  max-width: 100%;
}

.ft-box h1 {
  margin-top: 0;
  display: inline-block;
  vertical-align: baseline;
  max-width: calc(100% - 80px);
}

.ft-box h2 {
  margin-top: 0;
  font-size: 2.25rem;
  display: inline-block;
  vertical-align: baseline;
  max-width: calc(100% - 80px);
}

@media (min-width: 768px) {
  .ft-box h2 {
    max-width: none;
    margin-top: 0;
    font-size: 2.625rem;
  }
}

.ft-box h2.h2--no-underline::after {
  display: none;
}

.ft-box h3 {
  margin-top: 0;
  font-size: 1.875rem;
}

@media (min-width: 992px) {
  .ft-box.ft-box--full {
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
  }
}

@media (min-width: 992px) {
  .ft-box.ft-box--default {
    flex: 0 1 42%;
    -webkit-flex: 0 1 42%;
  }
}

@media (min-width: 992px) {
  .no-flexbox .ft-box.ft-box--default {
    float: left;
    width: 42%;
  }
}

@media (min-width: 992px) {
  .ft-box.ft-box--half {
    flex: 0 1 49%;
    -webkit-flex: 0 1 49%;
  }
}

@media (min-width: 992px) {
  .no-flexbox .ft-box.ft-box--half {
    float: left;
    width: 49%;
  }
}

@media (min-width: 992px) {
  .ft-box.ft-box--short {
    flex: 0 1 37%;
    -webkit-flex: 0 1 37%;
  }
}

@media (min-width: 992px) {
  .no-flexbox .ft-box.ft-box--short {
    float: left;
    width: 37%;
  }
}

.ft-box.ft-box--img {
  position: relative;
  display: inline-block;
}

@media (min-width: 992px) {
  .ft-box.ft-box--img {
    text-align: right;
    flex: 4 1 55%;
    -webkit-flex: 4 1 55%;
  }
}

@media (min-width: 992px) {
  .no-flexbox .ft-box.ft-box--img {
    float: left;
    width: 55%;
  }
}

.ft-box.ft-box--imgshift img {
  position: relative;
}

.ft-box #rba-tooltip {
  position: absolute;
  z-index: 10;
  display: block;
  right: 17%;
  top: 57%;
  width: 60px;
  height: 47px;
  background-image: url("/img/20201022/features/rba-tooltip.png");
  transition: transform 0.1s;
}

.ft-box #rba-tooltip:hover {
  transform: translateY(-3px);
}

.ft-box .ft-rtooltips {
  position: relative;
  text-align: center;
  margin-top: -45px;
}

.ft-box .ft-rtooltips .tooltip-inner-short {
  width: 200px !important;
}

.ft-box .ft-rtooltips a {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  margin: 0 0.34375rem;
}

.ft-box .ft-rtooltips a:hover {
  transform: translateY(-3px);
}

.ft-video {
  position: relative;
  padding: 20px;
  padding-bottom: 0;
  background-color: #eeeeef;
  cursor: pointer;
}

@media (min-width: 1920px) {
  .ft-video {
    margin-left: -26px;
    margin-right: -26px;
    padding: 2.75rem;
    padding-bottom: 0;
  }
}

.ft-video::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: -16px;
  right: -16px;
  height: 6px;
  background-color: #fff;
  border-top: 1px solid #dad9d9;
}

@media (min-width: 1920px) {
  .ft-video::before {
    left: -32px;
    right: -32px;
    height: 6px;
  }
}

.ft-video img {
  display: block;
}

.db-video-container-full {
  display: inline-block;
  position: relative;
  width: auto;
  max-width: 1628px;
}

.db-video-container-full video {
  max-width: 100%;
}

.db-video-container {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 1100px;
}

.db-video-container .ft-video-prop {
  position: relative;
  width: 100%;
  padding-bottom: 49.2%;
}

.db-video-container video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*
	Payments cards, Online store
*/
.payments {
  display: flex;
  margin-bottom: 1.375rem;
  margin-top: 1.375rem;
  flex-flow: row wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 630px) {
  .payments {
    justify-content: stretch;
  }
}

.no-flexbox .payments:after {
  content: "";
  display: table;
  clear: both;
}

.payments__card {
  flex: 0 1 auto;
  width: auto;
  text-align: center;
}

.no-flexbox .payments__card {
  float: left;
  width: 70px;
}

@media screen and (max-width: 630px) {
  .payments__card {
    flex: 0 1 25%;
  }
}

.payments__stripe {
  flex: 1 1 30%;
  width: 30%;
  justify-self: flex-end;
  text-align: right;
}

.no-flexbox .payments__stripe {
  float: left;
  width: 100%;
}

@media screen and (max-width: 630px) {
  .payments__stripe {
    flex: 0 0 100%;
  }
}

/* 

	Roadmap page

*/
.roadmap__info {
  position: relative;
  margin-bottom: 2.75rem;
}

.roadmap__info:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 1;
  content: '';
  height: 200px;
  background-color: #eeeeee;
}

.roadmap__info img {
  position: relative;
  bottom: 20px;
}

.roadmap__info .col-lg-6 {
  z-index: 2;
}

.roadmap {
  border-bottom: 1px solid #ddd;
  margin-bottom: 2.75rem;
  padding-bottom: 1.375rem;
}

.roadmap:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .roadmap {
    display: flex;
    flex-direction: row nowrap;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .roadmap__upvote {
    flex: 0 0 17%;
    padding-left: 2.0625rem;
    min-height: 80px;
    border-left: 1px solid #ddd;
  }
}

@media (min-width: 768px) {
  .no-flexbox .roadmap__upvote {
    float: left;
    width: 17%;
  }
}

.roadmap__votelink {
  display: inline-block;
  cursor: pointer;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .roadmap__votelink {
    line-height: 80px;
  }
}

.roadmap__votelink a {
  display: inline-block;
}

.roadmap__votelink.active a {
  -webkit-animation: blink 0.3s linear;
          animation: blink 0.3s linear;
}

@-webkit-keyframes blink {
  0% {
    transform: scaleY(1);
  }
  20% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes blink {
  0% {
    transform: scaleY(1);
  }
  20% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}

.roadmap__item {
  position: relative;
}

@media (min-width: 768px) {
  .roadmap__item {
    padding-left: 40px;
    flex: 0 0 80%;
  }
}

@media (min-width: 768px) {
  .no-flexbox .roadmap__item {
    float: left;
    width: 78%;
    padding-right: 2%;
  }
}

.roadmap__item .roadmap__item__title {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 300;
  margin-bottom: 1.375rem;
}

.roadmap__item:before {
  position: relative;
  display: inline-block;
  height: 0.75em;
  overflow: hidden;
  text-indent: -0.20em;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 0.7;
  color: #d1d3d4;
  content: counter(counter, decimal-leading-zero);
  vertical-align: baseline;
  margin-right: 0.1em;
}

@media (min-width: 768px) {
  .roadmap__item:before {
    position: absolute;
    top: 0.1em;
    left: 0;
    z-index: 10;
    width: 1em;
  }
}

.roadmap__item.roadmap__item--alpha:before {
  left: -0.2em;
  text-indent: 0;
  height: 0.6em;
}

.reviews-slider {
  margin-bottom: 2.75rem;
  padding-top: 2.75rem;
  background-color: #f7f7f8;
}

@media (min-width: 992px) {
  .reviews-slider {
    background-image: linear-gradient(to bottom, #f7f7f8 0%, #f7f7f8 86%, #fff 86%);
  }
}

.reviews-slider__box {
  position: relative;
}

@media (min-width: 992px) {
  .reviews-slider__slide {
    height: 520px;
  }
}

@media (min-width: 992px) {
  .reviews-slider__box {
    height: 520px;
  }
}

@media (min-width: 992px) {
  .reviews-slider__slide {
    margin-left: 0;
    margin-right: 0;
  }
  .reviews-slider__slide:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (min-width: 992px) {
  .reviews-slider__slide__content {
    float: left;
    padding-right: 4.54545%;
    width: 50%;
  }
}

.reviews-slider__slide__imgs {
  float: left;
  width: 50%;
}

.reviews-slider__slide__img {
  display: block;
  margin: auto;
  margin-bottom: 1.375rem;
}

@media (min-width: 768px) {
  .reviews-slider__slide__img {
    float: right;
    margin-left: 1.375rem;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .reviews-slider__slide__img {
    position: relative;
    width: 43%;
    margin: 1%;
    float: left;
    opacity: 1;
    cursor: pointer;
  }
  .reviews-slider__slide__img.active {
    cursor: default;
  }
  .reviews-slider__slide__img:hover {
    opacity: 1;
  }
}

.reviews-slider__slide__mvp {
  margin-top: 5px;
  float: right;
}

.reviews-slider__slide__title {
  font-size: 1.5rem;
  margin-bottom: 2.0625rem;
}

.reviews-slider__slide__desc {
  margin-bottom: 1.375rem;
  color: #747475;
  font-size: 1.125rem;
}

.reviews-slider__slide__text {
  font-size: 1.125rem;
}

.reviews-slider__slide__text p::before {
  display: inline;
  content: open-quote;
}

.reviews-slider__slide__text p::after {
  display: inline;
  content: close-quote;
}

.reviews-slider__slide__link {
  margin-top: 1.375rem;
  display: inline-block;
  font-size: 1.375rem;
}

.wui-wrapper {
  position: relative;
}

@media (min-width: 768px) {
  .wui-wrapper .bx-controls {
    position: absolute;
    left: 45%;
    top: 45%;
  }
}

@media (min-width: 992px) {
  .wui-wrapper .bx-controls {
    position: absolute;
    left: 45%;
    top: 45%;
  }
}

@media (min-width: 1200px) {
  .wui-wrapper .bx-controls {
    left: 52%;
    top: 45%;
  }
}

@media (min-width: 1920px) {
  .wui-wrapper .bx-controls {
    left: 50%;
    top: 45%;
  }
}

@media (min-width: 768px) {
  .wui-wrapper .bx-pager.bx-default-pager {
    width: 30px;
  }
}

.wui-wrapper .bx-pager.bx-default-pager .bx-pager-item {
  vertical-align: middle;
  text-align: center;
  margin-bottom: 12px;
}

.wui-wrapper .bx-pager.bx-default-pager a.bx-pager-link {
  display: inline-block;
  background-color: #eac347;
}

.wui-wrapper .bx-pager.bx-default-pager a.bx-pager-link:hover {
  background-color: #cda217;
}

.wui-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active {
  background-color: #eac347;
  width: 20px;
  height: 20px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 48px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 24px;
  padding-right: 44px;
  padding-top: 12px;
  padding-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-fset-buy .select2-container .select2-selection--single {
  height: 40px;
}

.form-fset-buy .select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 8px;
  padding-bottom: 8px;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  position: relative;
  padding: 5px 24px;
  padding-left: 2.75rem;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #cfcece;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #3c3c3c;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
  font-weight: 300;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: block;
  font-size: 0.7em;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #e49c01;
  -webkit-font-smoothing: antialiased;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content: "\e259";
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true]:before {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -485px;
  width: 10px;
  height: 7px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
  position: absolute;
  display: block;
  content: "";
  left: 24px;
  top: 14px;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #e49c01;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/**
 * bxSlider v4.2.5
 * Copyright 2013-2015 Steven Wanderski
 * Written while drinking Belgian ales and listening to jazz

 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 80px;
  padding: 0;
  *zoom: 1;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  /* position: absolute;
	bottom: -50px;
	width: 100%;

	@include breakpoint($m-min) {
		bottom: -30px;
	} */
}

@media (min-width: 992px) {
  .reviews-slider .bx-pager,
  .reviews-slider .bx-controls-auto {
    position: absolute;
    top: 40%;
    right: 0;
    bottom: auto;
    width: 24px;
  }
}

.cs .bx-wrapper .bx-pager,
.cs .bx-wrapper .bx-controls-auto {
  bottom: -75px;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("/img/20201022/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 50%;
}

.cs .bx-wrapper .bx-pager.bx-default-pager a {
  position: relative;
  background-color: rgba(233, 194, 73, 0.62);
  width: 7px;
  height: 7px;
  margin: 0 7px;
}

.screenslider .bx-wrapper .bx-pager.bx-default-pager a {
  position: relative;
  background-color: rgba(233, 194, 73, 0.62);
  width: 10px;
  height: 10px;
  margin: 0 7px;
}

.reviews-slider .bx-wrapper .bx-pager.bx-default-pager a {
  position: relative;
  background-color: #e9c249;
  width: 8px;
  height: 8px;
  margin: 0 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.cs .bx-wrapper .bx-pager.bx-default-pager a:hover,
.cs .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #e9c249;
}

.screenslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.screenslider .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #e9c249;
}

.cs .bx-wrapper .bx-pager.bx-default-pager a.active {
  top: -1px;
  background-color: #e9c249;
  width: 14px;
  height: 14px;
}

.screenslider .bx-wrapper .bx-pager.bx-default-pager a.active {
  top: -2px;
  background-color: #e9c249;
  width: 14px;
  height: 14px;
}

.reviews-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
  top: -1px;
  background-color: #e9c249;
  width: 14px;
  height: 14px;
}

@media (min-width: 992px) {
  .reviews-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    left: -3px;
  }
}

.reviews-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.reviews-slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #e9c249;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.cs .bx-wrapper .bx-pager-item {
  vertical-align: middle;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("/img/20201022/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("/img/20201022/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("/img/20201022/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("/img/20201022/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.79);
  opacity: 1;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  box-sizing: border-box;
}

.mfp-close-btn-in .mfp-container {
  padding: 60px;
}

@media (max-width: 768px) {
  .mfp-close-btn-in .mfp-container {
    padding: 0;
  }
}

.mfp-container::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container::before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  cursor: auto;
}

.mfp-inline-holder .mfp-close {
  background-image: url(/img/20200909/sprite.png);
  background-position: -148px -230px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: -40px;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close {
  overflow: hidden;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  background-image: url(/img/20200909/sprite.png);
  background-position: -185px -230px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
  position: absolute;
  right: 14px;
  top: 14px;
  text-decoration: none;
  text-indent: 100%;
  background-color: transparent;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow::before,
.mfp-arrow::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow::after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow::before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left::after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left::before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right::after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right::before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 992px) and (orientation: landscape) {
  .mfp-iframe-holder {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  background-image: url(/img/20200909/sprite.png);
  background-position: -148px -230px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: -40px;
}

@media (max-width: 992px) and (orientation: landscape) {
  .mfp-iframe-holder .mfp-close {
    display: none;
  }
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 75%;
}

@media (max-width: 992px) and (orientation: landscape) {
  .mfp-iframe-scaler {
    padding-top: 50%;
  }
}

.mfp-youtube-scaler {
  max-width: 900px;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure::after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  padding-right: 36px;
  font-size: 2.25rem;
  font-weight: 300;
  color: #b9b9b9;
  text-align: left;
  line-height: 1;
}

@media (max-width: 768px) {
  .mfp-title {
    font-size: 1.875rem;
    position: relative;
    top: 15px;
  }
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-image-holder .mfp-close {
  background-image: url(/img/20200909/sprite.png);
  background-position: -148px -230px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
	* Remove all paddings around the image on small screen
	*/
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure::after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 992px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
}

#livedemo-form-popup {
  background-color: #fff;
  margin: auto;
  padding: 1.375rem;
}

@media (min-width: 768px) {
  #livedemo-form-popup {
    padding: 4.125rem 2.75rem;
    min-width: 720px;
  }
}

@media (min-width: 992px) {
  #livedemo-form-popup {
    min-width: 800px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.post--full h1,
.h3,
.post--full h2,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.post--full h1 small,
.h2 .small,
.post--full h1 .small,
.h3 small,
.post--full h2 small,
.h3 .small,
.post--full h2 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #d1d3d4;
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.post--full h1 small,
.h2 .small,
.post--full h1 .small,
h3 small,
h3 .small,
.h3 small,
.post--full h2 small,
.h3 .small,
.post--full h2 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.34375rem;
  font-size: 2.499rem;
  font-weight: 300;
  color: #3d3d3d;
}

@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 3rem;
  }
}

h1 span,
.h1 span {
  vertical-align: baseline;
}

h2,
.h2,
.post--full h1 {
  font-size: 1.8rem;
  color: #3d3d3d;
  font-weight: 300;
  position: relative;
  margin-bottom: 2.40625rem;
  margin-top: 3.4375rem;
}

h2::after,
.h2::after,
.post--full h1::after {
  position: absolute;
  display: block;
  content: "";
  height: 0;
  border-width: 1px;
  border-style: solid;
  width: 46px;
  bottom: -20px;
  border-color: #3d3d3d;
}

@media (min-width: 768px) {
  h2,
  .h2,
  .post--full h1 {
    font-size: 2.25rem;
  }
}

h2.reset::after,
.h2.reset::after,
.post--full h1.reset::after {
  display: none;
}

h2.p404 {
  font-size: 3.25rem;
}

h3,
.h3,
.post--full h2 {
  margin-bottom: 1.03125rem;
  margin-top: 2.75rem;
  font-size: 1.2rem;
  font-weight: 300;
  color: #3d3d3d;
}

@media (min-width: 768px) {
  h3,
  .h3,
  .post--full h2 {
    font-size: 1.5rem;
  }
}

h4,
.h4 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 1.375rem;
}

h5,
.h5 {
  font-size: 16px;
  font-weight: 400;
}

h6,
.h6 {
  font-size: 14px;
}

h5.h5--footer-line {
  position: relative;
  text-transform: uppercase;
  line-height: 2;
}

h5.h5--footer-line::after {
  display: block;
  content: "";
  position: absolute;
  width: 108px;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
}

h5.h5--footer {
  position: relative;
  text-transform: uppercase;
  line-height: 2;
  margin-bottom: 1.375rem;
}

p {
  margin: 0 0 22px;
  font-weight: 300;
}

p:empty {
  display: none;
}

.lead {
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 24px;
  }
}

small,
.small {
  font-size: 87%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #d1d3d4;
}

.text-primary {
  color: #e49c01;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #b17901;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #eb212e;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #c7121e;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #e49c01;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #b17901;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #ebe9e8;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 22px;
  font-weight: 300;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 22px;
}

dt,
dd {
  line-height: 1.375;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 992px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #d1d3d4;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 20px;
  border-left: 5px solid #ebe9e8;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.375;
  color: #d1d3d4;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #ebe9e8;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.375;
}

strong {
  font-weight: 500;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 0.875rem;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 0.875rem;
  line-height: 1.375;
  word-break: break-all;
  word-wrap: break-word;
  color: #3c3c3c;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 364px;
  overflow-y: scroll;
}

.codeBlock {
  max-height: 364px;
  overflow-y: scroll;
  margin-bottom: 0;
}

.codeBlock.is-open {
  max-height: none;
}

table {
  background-color: transparent;
}

caption {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #d1d3d4;
  text-align: left;
}

th {
  text-align: left;
  background-color: #656565;
  color: #fff;
  font-weight: 400;
  border-right: 1px solid #ddd;
  vertical-align: middle;
}

th:last-child {
  border: 0;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}

.table.fixed {
  table-layout: fixed;
  width: 100%;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  padding: 8.4px 18px;
  line-height: 1.375;
  vertical-align: center;
}

.table > thead > tr > th.reset,
.table > tbody > tr > th.reset,
.table > tfoot > tr > th.reset {
  padding: 2px;
}

.table > thead > tr > th.price,
.table > tbody > tr > th.price,
.table > tfoot > tr > th.price {
  text-align: right;
  padding-right: 30px;
}

.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 6px 18px;
  line-height: 1.375;
  vertical-align: top;
}

.table > thead > tr > td.reset,
.table > tbody > tr > td.reset,
.table > tfoot > tr > td.reset {
  padding: 2px;
}

.table > thead > tr > td.border-x,
.table > tbody > tr > td.border-x,
.table > tfoot > tr > td.border-x {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.table > thead > tr > td.border-r-lightblue,
.table > tbody > tr > td.border-r-lightblue,
.table > tfoot > tr > td.border-r-lightblue {
  border-right: 1px solid #7ea5ad;
}

.table > thead > tr > td.border-r-blue,
.table > tbody > tr > td.border-r-blue,
.table > tfoot > tr > td.border-r-blue {
  border-right: 1px solid #677f9c;
}

.table > thead > tr > td.border-r-yellow,
.table > tbody > tr > td.border-r-yellow,
.table > tfoot > tr > td.border-r-yellow {
  border-right: 1px solid #ab9050;
}

.table > thead > tr > td.border-b-yellow,
.table > tbody > tr > td.border-b-yellow,
.table > tfoot > tr > td.border-b-yellow {
  border-bottom: 2px solid #ab9050;
}

.table > thead > tr > td.price,
.table > tbody > tr > td.price,
.table > tfoot > tr > td.price {
  text-align: right;
  padding-right: 30px;
}

.table > thead > tr > th {
  vertical-align: center !important;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px !important;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border-bottom: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #e6e6e6;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table > thead > tr > td.green,
.table > thead > tr > th.green,
.table > thead > tr.green > td,
.table > thead > tr.green > th,
.table > tbody > tr > td.green,
.table > tbody > tr > th.green,
.table > tbody > tr.green > td,
.table > tbody > tr.green > th,
.table > tfoot > tr > td.green,
.table > tfoot > tr > th.green,
.table > tfoot > tr.green > td,
.table > tfoot > tr.green > th {
  background-color: #7dab71;
}

.table-hover > tbody > tr > td.green:hover,
.table-hover > tbody > tr > th.green:hover,
.table-hover > tbody > tr.green:hover > td,
.table-hover > tbody > tr:hover > .green,
.table-hover > tbody > tr.green:hover > th {
  background-color: #6ea261;
}

.table > thead > tr > td.lightgreen,
.table > thead > tr > th.lightgreen,
.table > thead > tr.lightgreen > td,
.table > thead > tr.lightgreen > th,
.table > tbody > tr > td.lightgreen,
.table > tbody > tr > th.lightgreen,
.table > tbody > tr.lightgreen > td,
.table > tbody > tr.lightgreen > th,
.table > tfoot > tr > td.lightgreen,
.table > tfoot > tr > th.lightgreen,
.table > tfoot > tr.lightgreen > td,
.table > tfoot > tr.lightgreen > th {
  background-color: #eaf1e8;
}

.table-hover > tbody > tr > td.lightgreen:hover,
.table-hover > tbody > tr > th.lightgreen:hover,
.table-hover > tbody > tr.lightgreen:hover > td,
.table-hover > tbody > tr:hover > .lightgreen,
.table-hover > tbody > tr.lightgreen:hover > th {
  background-color: #dce7d8;
}

.table > thead > tr > td.lightblue,
.table > thead > tr > th.lightblue,
.table > thead > tr.lightblue > td,
.table > thead > tr.lightblue > th,
.table > tbody > tr > td.lightblue,
.table > tbody > tr > th.lightblue,
.table > tbody > tr.lightblue > td,
.table > tbody > tr.lightblue > th,
.table > tfoot > tr > td.lightblue,
.table > tfoot > tr > th.lightblue,
.table > tfoot > tr.lightblue > td,
.table > tfoot > tr.lightblue > th {
  background-color: #7ea5ad;
}

.table-hover > tbody > tr > td.lightblue:hover,
.table-hover > tbody > tr > th.lightblue:hover,
.table-hover > tbody > tr.lightblue:hover > td,
.table-hover > tbody > tr:hover > .lightblue,
.table-hover > tbody > tr.lightblue:hover > th {
  background-color: #6e9aa3;
}

.table > thead > tr > td.blue,
.table > thead > tr > th.blue,
.table > thead > tr.blue > td,
.table > thead > tr.blue > th,
.table > tbody > tr > td.blue,
.table > tbody > tr > th.blue,
.table > tbody > tr.blue > td,
.table > tbody > tr.blue > th,
.table > tfoot > tr > td.blue,
.table > tfoot > tr > th.blue,
.table > tfoot > tr.blue > td,
.table > tfoot > tr.blue > th {
  background-color: #677f9c;
}

.table-hover > tbody > tr > td.blue:hover,
.table-hover > tbody > tr > th.blue:hover,
.table-hover > tbody > tr.blue:hover > td,
.table-hover > tbody > tr:hover > .blue,
.table-hover > tbody > tr.blue:hover > th {
  background-color: #5c728d;
}

.table > thead > tr > td.yellow,
.table > thead > tr > th.yellow,
.table > thead > tr.yellow > td,
.table > thead > tr.yellow > th,
.table > tbody > tr > td.yellow,
.table > tbody > tr > th.yellow,
.table > tbody > tr.yellow > td,
.table > tbody > tr.yellow > th,
.table > tfoot > tr > td.yellow,
.table > tfoot > tr > th.yellow,
.table > tfoot > tr.yellow > td,
.table > tfoot > tr.yellow > th {
  background-color: #ad904b;
}

.table-hover > tbody > tr > td.yellow:hover,
.table-hover > tbody > tr > th.yellow:hover,
.table-hover > tbody > tr.yellow:hover > td,
.table-hover > tbody > tr:hover > .yellow,
.table-hover > tbody > tr.yellow:hover > th {
  background-color: #9b8143;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
  word-wrap: break-word;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.table-support > thead > tr > th,
.table-support > tfoot > tr > th {
  padding: 1.25rem;
  border-right: 0;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  color: #fff;
  font-size: 1.125rem;
  text-align: center;
}

.table-support > thead > tr > th.standard,
.table-support > tfoot > tr > th.standard {
  background-color: #b2c6cd;
  width: 28%;
}

.table-support > thead > tr > th.premium,
.table-support > tfoot > tr > th.premium {
  background-color: #8fc8c9;
  width: 28%;
}

.table-support > thead > tr > th.space,
.table-support > tfoot > tr > th.space {
  width: 1%;
  padding: 0;
}

.table-support > tbody > tr:nth-of-type(odd) > td {
  background-color: #eaeaea;
}

.table-support > tbody > tr > td {
  padding: 12px;
  border-bottom: 2px solid white;
}

.table-support > tbody > tr > td.space {
  width: 1%;
  padding: 0;
}

.table-support > tbody > tr > td.standard-one {
  text-align: center;
  background-color: #a7b4b9;
}

.table-support > tbody > tr > td.standard-two {
  text-align: center;
  background-color: #bfcfd4;
}

.table-support > tbody > tr > td.premium-one {
  text-align: center;
  background-color: #8cb1b2;
}

.table-support > tbody > tr > td.premium-two {
  text-align: center;
  background-color: #a2d1d2;
}

.table-tutorial > thead th,
.table-tutorial > tfoot th {
  font-size: 0.9375rem;
}

.table-tutorial > tbody td {
  font-size: 0.9375rem;
  font-weight: 300;
}

.table-buyform {
  min-width: 200px;
}

.table-buyform td {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom: 1px solid #e9e9e9;
  font-size: 0.875rem;
  font-weight: 300;
}

.table-buyform td.price {
  text-align: right;
  color: #3c3c3c;
}

.table-buyform th {
  background-color: transparent;
  color: #3c3c3c;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: right;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.table-summary {
  border: 0;
}

.table-summary thead tr th {
  background-color: #eaebed;
  color: #3c3c3c;
  font-size: 0.875rem;
  border-bottom: 0;
  border-right: 1px solid #fff;
  padding: 0.6875rem 1.375rem;
}

.table-summary tbody tr td {
  padding: 0.6875rem 1.375rem;
  border-bottom: 1px solid #e9e9e9;
  font-size: 0.875rem;
  font-weight: 300;
}

.table-summary tbody tr td.total {
  font-weight: 500;
  border-bottom: 0;
  text-align: right;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: inherit;
  color: #3c3c3c;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 0.875rem;
  font-weight: 400;
}

.field-requestform-requesttype > .control-label {
  font-size: 1rem;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 0;
  outline-offset: 0;
}

output {
  display: block;
  padding-top: 9px;
  font-size: 16px;
  line-height: 1.375;
  color: #3c3c3c;
}

.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.375;
  color: #3c3c3c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d1cac5;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #cccccc;
  outline: 0;
}

.form-control::-moz-placeholder {
  color: #6b6b6b;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6b6b6b;
}

.form-control::-webkit-input-placeholder {
  color: #6b6b6b;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #ebe9e8;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.form-control-md {
  padding: 10px 24px;
  height: 44px;
}

.form-control.form-control-inverted {
  background-color: transparent;
  border-color: #f7f7f8;
  color: #fff;
  font-size: 0.875rem;
}

.form-control.form-control-inverted::-moz-placeholder {
  color: #8d9fab;
  opacity: 1;
}

.form-control.form-control-inverted:-ms-input-placeholder {
  color: #8d9fab;
}

.form-control.form-control-inverted::-webkit-input-placeholder {
  color: #8d9fab;
}

.has-error .form-control.form-control-inverted {
  border-color: #e27c79;
}

.has-success .form-control.form-control-inverted {
  border-color: #34d687;
}

.form-control.form-control-gray {
  background-color: #efedec;
  border: 1px solid transparent;
  color: #8c8c8c;
}

.form-control.form-control-tutsearch {
  padding: 12px 24px;
  background-color: #fff;
  border: 1px solid #f0eeed;
  color: #3c3c3c;
  box-shadow: none;
  height: 50px;
  margin-top: 8px;
  font-weight: 300;
}

.form-control.form-control-tutsearch::-ms-clear {
  display: none;
}

.form-control.form-control-scriptsearch {
  padding: 12px 24px;
  background-color: #fff;
  border: 1px solid #f0eeed;
  color: #3c3c3c;
  box-shadow: none;
  font-weight: 300;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 40px;
  }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 35px;
  }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 52px;
  }
}

.form-group {
  margin-bottom: 1.375rem;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 22px;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 0.875rem;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  margin-right: 4px;
  bottom: -2px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 9px;
  padding-bottom: 9px;
  margin-bottom: 0;
  min-height: 38px;
}

.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 35px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 35px;
  line-height: 35px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.form-group-sm .form-control {
  height: 35px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}

.form-group-sm select.form-control {
  height: 35px;
  line-height: 35px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 35px;
  min-height: 36px;
  padding: 7px 10px;
  font-size: 14px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 52px;
  padding: 12px 32px;
  font-size: 16px;
  line-height: 1.333;
  border-radius: 0;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 52px;
  line-height: 52px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.input-md {
  height: 52px;
  padding: 12px 24;
  font-size: 16px;
  line-height: 1.333;
  border-radius: 0;
}

select.input-md {
  height: 52px;
  line-height: 52px;
}

textarea.input-md,
select[multiple].input-md {
  height: auto;
}

.form-group-lg .form-control {
  height: 52px;
  padding: 12px 32px;
  font-size: 21px;
  line-height: 1.333;
  border-radius: 0;
}

.form-group-lg select.form-control {
  height: 52px;
  line-height: 52px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 52px;
  min-height: 43px;
  padding: 13px 32px;
  font-size: 21px;
  line-height: 1.333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 50px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 52px;
  height: 52px;
  line-height: 52px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #eb212e;
}

.has-error .form-control {
  border-color: #eb212e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #c7121e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f37f86;
}

.has-error .input-group-addon {
  color: #eb212e;
  border-color: #eb212e;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #eb212e;
}

.has-feedback label ~ .form-control-feedback {
  top: 27px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #7c7c7c;
  font-size: 0.875rem;
  text-align: left;
}

.help-block.help-block-error {
  font-weight: 400;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-inline-scripts {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  margin-bottom: 0;
}

.form-inline-scripts .form-group {
  flex: 1 1 auto;
  margin-bottom: 0;
}

.form-inline-scripts .form-group .form-control {
  width: 100%;
}

.form-inline-scripts .form-inline-scripts-buttons {
  position: relative;
  right: 14px;
  top: 10px;
  width: 50px;
  margin-left: -50px;
  text-align: right;
}

.form-inline-scripts .form-inline-scripts-remove {
  position: relative;
  top: 2px;
  margin-left: 2px;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 9px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 31px;
}

.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 9px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 13px;
    font-size: 21px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 7px;
    font-size: 14px;
  }
}

fieldset.form-fset {
  border: 2px solid #2da2d9;
  padding: 1.375rem 1.375rem;
}

@media (min-width: 768px) {
  fieldset.form-fset {
    padding: 2.75rem 5.5rem;
  }
}

fieldset.form-fset-buy {
  border: 2px solid #70ccec;
  padding: 1.375rem 1.375rem;
  margin-bottom: 5.5rem;
}

@media (min-width: 768px) {
  fieldset.form-fset-buy {
    padding: 1.71875rem 2.40625rem;
  }
}

fieldset.form-fset-buy .radio {
  margin-bottom: 1.03125rem;
}

fieldset.form-fset-buy .radio label {
  font-size: 1rem;
  font-weight: 300;
}

.from-group-package,
.form-group-accounts {
  display: block !important;
}

@media (min-width: 768px) {
  .from-group-package,
  .form-group-accounts {
    display: flex !important;
    flex-flow: row wrap;
    align-items: center;
  }
}

.from-group-package .select2-container,
.form-group-accounts .select2-container {
  flex: 2 1 60%;
  max-width: 60%;
  min-width: 50%;
}

@media (max-width: 480px) {
  .from-group-package .select2-container,
  .form-group-accounts .select2-container {
    max-width: 100%;
  }
}

.from-group-package .form-control,
.form-group-accounts .form-control {
  display: inline-block;
  vertical-align: middle;
  max-width: 60%;
}

@media (max-width: 480px) {
  .from-group-package .form-control,
  .form-group-accounts .form-control {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .from-group-package .form-control,
  .form-group-accounts .form-control {
    width: 100%;
  }
}

.from-group-package .help-block,
.form-group-accounts .help-block {
  flex: 0 0 50%;
  margin-left: calc(30% + 1.375rem);
}

@media (max-width: 480px) {
  .from-group-package .help-block,
  .form-group-accounts .help-block {
    margin-left: 0;
  }
}

.from-group-package label,
.form-group-accounts label {
  flex: 0 0 30%;
  width: 30%;
  vertical-align: middle;
}

@media (max-width: 480px) {
  .from-group-package label,
  .form-group-accounts label {
    display: block;
    width: auto;
  }
}

.from-group-package .icon,
.form-group-accounts .icon {
  flex: 0 0 auto;
}

.form-group.field-livedemorequests-recaptcha {
  display: inline-block;
}

.btn {
  display: inline-block;
  margin-bottom: 0.17188rem;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  /* @include breakpoint("max-width" $m-min) {
		display: block;
	} */
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-inline .btn {
  margin-bottom: 0;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 0;
  outline-offset: 0;
}

.btn:hover, .btn:focus, .btn.focus {
  color: #e49c01;
  text-decoration: none;
}

.btn:active, .btn.active {
  /* @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125)); */
  outline: 0;
  background-image: none;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

.btn .glyphicon {
  font-size: 0.7em;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 0;
  pointer-events: none;
}

.btn-default {
  padding: 0;
  margin-right: 0.6875rem;
  font-size: 1.25rem;
  font-weight: 300;
  color: #e49c01;
  background-color: transparent;
  border-color: transparent;
}

.btn-default:focus, .btn-default.focus {
  color: #e49c01;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-default:hover {
  color: #e49c01;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #e49c01;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #e49c01;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-default .badge {
  color: transparent;
  background-color: #e49c01;
}

@media (min-width: 768px) {
  .btn-default {
    font-size: 1.375rem;
  }
}

.btn-nav {
  font-size: 1rem;
  color: #abadae;
  background-color: transparent;
  border-color: transparent;
}

.btn-nav:focus, .btn-nav.focus {
  color: #abadae;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-nav:hover {
  color: #abadae;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-nav:active, .btn-nav.active,
.open > .btn-nav.dropdown-toggle {
  color: #abadae;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-nav:active:hover, .btn-nav:active:focus, .btn-nav:active.focus, .btn-nav.active:hover, .btn-nav.active:focus, .btn-nav.active.focus,
.open > .btn-nav.dropdown-toggle:hover,
.open > .btn-nav.dropdown-toggle:focus,
.open > .btn-nav.dropdown-toggle.focus {
  color: #abadae;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-nav:active, .btn-nav.active,
.open > .btn-nav.dropdown-toggle {
  background-image: none;
}

.btn-nav.disabled:hover, .btn-nav.disabled:focus, .btn-nav.disabled.focus, .btn-nav[disabled]:hover, .btn-nav[disabled]:focus, .btn-nav[disabled].focus,
fieldset[disabled] .btn-nav:hover,
fieldset[disabled] .btn-nav:focus,
fieldset[disabled] .btn-nav.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-nav .badge {
  color: transparent;
  background-color: #abadae;
}

.l-subwrapper .btn-nav {
  margin-top: 0.34375rem;
}

.btn-mob {
  font-size: 1rem;
  color: #3c3c3c;
  background-color: transparent;
  border-color: transparent;
}

.btn-mob:focus, .btn-mob.focus {
  color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-mob:hover {
  color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-mob:active, .btn-mob.active,
.open > .btn-mob.dropdown-toggle {
  color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-mob:active:hover, .btn-mob:active:focus, .btn-mob:active.focus, .btn-mob.active:hover, .btn-mob.active:focus, .btn-mob.active.focus,
.open > .btn-mob.dropdown-toggle:hover,
.open > .btn-mob.dropdown-toggle:focus,
.open > .btn-mob.dropdown-toggle.focus {
  color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-mob:active, .btn-mob.active,
.open > .btn-mob.dropdown-toggle {
  background-image: none;
}

.btn-mob.disabled:hover, .btn-mob.disabled:focus, .btn-mob.disabled.focus, .btn-mob[disabled]:hover, .btn-mob[disabled]:focus, .btn-mob[disabled].focus,
fieldset[disabled] .btn-mob:hover,
fieldset[disabled] .btn-mob:focus,
fieldset[disabled] .btn-mob.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-mob .badge {
  color: transparent;
  background-color: #3c3c3c;
}

.l-subwrapper .btn-mob {
  margin-top: 0.6875rem;
}

.btn-primary {
  color: #fff;
  background-color: #406379;
  border-color: transparent;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #2e4858;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:hover {
  color: #fff;
  background-color: #2e4858;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2e4858;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #223540;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #406379;
  border-color: transparent;
}

.btn-primary .badge {
  color: #406379;
  background-color: #fff;
}

.btn-features {
  color: #fff;
  background-color: #e59f09;
  border-color: transparent;
  font-weight: 400;
  font-size: 1.125rem;
}

.btn-features:focus, .btn-features.focus {
  color: #fff;
  background-color: #b47d07;
  border-color: rgba(0, 0, 0, 0);
}

.btn-features:hover {
  color: #fff;
  background-color: #b47d07;
  border-color: rgba(0, 0, 0, 0);
}

.btn-features:active, .btn-features.active,
.open > .btn-features.dropdown-toggle {
  color: #fff;
  background-color: #b47d07;
  border-color: rgba(0, 0, 0, 0);
}

.btn-features:active:hover, .btn-features:active:focus, .btn-features:active.focus, .btn-features.active:hover, .btn-features.active:focus, .btn-features.active.focus,
.open > .btn-features.dropdown-toggle:hover,
.open > .btn-features.dropdown-toggle:focus,
.open > .btn-features.dropdown-toggle.focus {
  color: #fff;
  background-color: #926506;
  border-color: rgba(0, 0, 0, 0);
}

.btn-features:active, .btn-features.active,
.open > .btn-features.dropdown-toggle {
  background-image: none;
}

.btn-features.disabled:hover, .btn-features.disabled:focus, .btn-features.disabled.focus, .btn-features[disabled]:hover, .btn-features[disabled]:focus, .btn-features[disabled].focus,
fieldset[disabled] .btn-features:hover,
fieldset[disabled] .btn-features:focus,
fieldset[disabled] .btn-features.focus {
  background-color: #e59f09;
  border-color: transparent;
}

.btn-features .badge {
  color: #e59f09;
  background-color: #fff;
}

.btn-features a,
.btn-features span {
  color: #fff;
}

.btn-features a:hover {
  text-decoration: none;
}

.btn-features .glyphicon {
  top: 2px;
}

.btn-features .glyphicon-menu-right {
  margin-left: 5px;
}

.btn-alpha {
  color: #e49c01;
  background-color: #fff;
  border-color: transparent;
  border: 2px solid #e49c01;
  font-weight: 400;
}

.btn-alpha:focus, .btn-alpha.focus {
  color: #e49c01;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0);
}

.btn-alpha:hover {
  color: #e49c01;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0);
}

.btn-alpha:active, .btn-alpha.active,
.open > .btn-alpha.dropdown-toggle {
  color: #e49c01;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0);
}

.btn-alpha:active:hover, .btn-alpha:active:focus, .btn-alpha:active.focus, .btn-alpha.active:hover, .btn-alpha.active:focus, .btn-alpha.active.focus,
.open > .btn-alpha.dropdown-toggle:hover,
.open > .btn-alpha.dropdown-toggle:focus,
.open > .btn-alpha.dropdown-toggle.focus {
  color: #e49c01;
  background-color: #d4d4d4;
  border-color: rgba(0, 0, 0, 0);
}

.btn-alpha:active, .btn-alpha.active,
.open > .btn-alpha.dropdown-toggle {
  background-image: none;
}

.btn-alpha.disabled:hover, .btn-alpha.disabled:focus, .btn-alpha.disabled.focus, .btn-alpha[disabled]:hover, .btn-alpha[disabled]:focus, .btn-alpha[disabled].focus,
fieldset[disabled] .btn-alpha:hover,
fieldset[disabled] .btn-alpha:focus,
fieldset[disabled] .btn-alpha.focus {
  background-color: #fff;
  border-color: transparent;
}

.btn-alpha .badge {
  color: #fff;
  background-color: #e49c01;
}

.btn-alpha .glyphicon {
  top: 3px;
}

.btn-beta {
  color: #fff;
  background-color: #e59f09;
  border-color: transparent;
  font-weight: 400;
}

.btn-beta:focus, .btn-beta.focus {
  color: #fff;
  background-color: #b47d07;
  border-color: rgba(0, 0, 0, 0);
}

.btn-beta:hover {
  color: #fff;
  background-color: #b47d07;
  border-color: rgba(0, 0, 0, 0);
}

.btn-beta:active, .btn-beta.active,
.open > .btn-beta.dropdown-toggle {
  color: #fff;
  background-color: #b47d07;
  border-color: rgba(0, 0, 0, 0);
}

.btn-beta:active:hover, .btn-beta:active:focus, .btn-beta:active.focus, .btn-beta.active:hover, .btn-beta.active:focus, .btn-beta.active.focus,
.open > .btn-beta.dropdown-toggle:hover,
.open > .btn-beta.dropdown-toggle:focus,
.open > .btn-beta.dropdown-toggle.focus {
  color: #fff;
  background-color: #926506;
  border-color: rgba(0, 0, 0, 0);
}

.btn-beta:active, .btn-beta.active,
.open > .btn-beta.dropdown-toggle {
  background-image: none;
}

.btn-beta.disabled:hover, .btn-beta.disabled:focus, .btn-beta.disabled.focus, .btn-beta[disabled]:hover, .btn-beta[disabled]:focus, .btn-beta[disabled].focus,
fieldset[disabled] .btn-beta:hover,
fieldset[disabled] .btn-beta:focus,
fieldset[disabled] .btn-beta.focus {
  background-color: #e59f09;
  border-color: transparent;
}

.btn-beta .badge {
  color: #e59f09;
  background-color: #fff;
}

.btn-gamma {
  color: #fff;
  background-color: #d1c9c4;
  border-color: transparent;
  font-weight: 400;
}

.btn-gamma:focus, .btn-gamma.focus {
  color: #fff;
  background-color: #bbafa7;
  border-color: rgba(0, 0, 0, 0);
}

.btn-gamma:hover {
  color: #fff;
  background-color: #bbafa7;
  border-color: rgba(0, 0, 0, 0);
}

.btn-gamma:active, .btn-gamma.active,
.open > .btn-gamma.dropdown-toggle {
  color: #fff;
  background-color: #bbafa7;
  border-color: rgba(0, 0, 0, 0);
}

.btn-gamma:active:hover, .btn-gamma:active:focus, .btn-gamma:active.focus, .btn-gamma.active:hover, .btn-gamma.active:focus, .btn-gamma.active.focus,
.open > .btn-gamma.dropdown-toggle:hover,
.open > .btn-gamma.dropdown-toggle:focus,
.open > .btn-gamma.dropdown-toggle.focus {
  color: #fff;
  background-color: #ab9c93;
  border-color: rgba(0, 0, 0, 0);
}

.btn-gamma:active, .btn-gamma.active,
.open > .btn-gamma.dropdown-toggle {
  background-image: none;
}

.btn-gamma.disabled:hover, .btn-gamma.disabled:focus, .btn-gamma.disabled.focus, .btn-gamma[disabled]:hover, .btn-gamma[disabled]:focus, .btn-gamma[disabled].focus,
fieldset[disabled] .btn-gamma:hover,
fieldset[disabled] .btn-gamma:focus,
fieldset[disabled] .btn-gamma.focus {
  background-color: #d1c9c4;
  border-color: transparent;
}

.btn-gamma .badge {
  color: #d1c9c4;
  background-color: #fff;
}

.btn-gamma a,
.btn-gamma span {
  color: #fff;
}

.btn-gamma.btn-icon {
  padding-top: 1.03125rem;
  padding-bottom: 1.03125rem;
  padding-left: 2.0625rem;
}

.btn-delta {
  color: #3c3c3c;
  background-color: #edebea;
  border-color: transparent;
  font-weight: 400;
}

.btn-delta:focus, .btn-delta.focus {
  color: #3c3c3c;
  background-color: #d5d1cf;
  border-color: rgba(0, 0, 0, 0);
}

.btn-delta:hover {
  color: #3c3c3c;
  background-color: #d5d1cf;
  border-color: rgba(0, 0, 0, 0);
}

.btn-delta:active, .btn-delta.active,
.open > .btn-delta.dropdown-toggle {
  color: #3c3c3c;
  background-color: #d5d1cf;
  border-color: rgba(0, 0, 0, 0);
}

.btn-delta:active:hover, .btn-delta:active:focus, .btn-delta:active.focus, .btn-delta.active:hover, .btn-delta.active:focus, .btn-delta.active.focus,
.open > .btn-delta.dropdown-toggle:hover,
.open > .btn-delta.dropdown-toggle:focus,
.open > .btn-delta.dropdown-toggle.focus {
  color: #3c3c3c;
  background-color: #c5bfbb;
  border-color: rgba(0, 0, 0, 0);
}

.btn-delta:active, .btn-delta.active,
.open > .btn-delta.dropdown-toggle {
  background-image: none;
}

.btn-delta.disabled:hover, .btn-delta.disabled:focus, .btn-delta.disabled.focus, .btn-delta[disabled]:hover, .btn-delta[disabled]:focus, .btn-delta[disabled].focus,
fieldset[disabled] .btn-delta:hover,
fieldset[disabled] .btn-delta:focus,
fieldset[disabled] .btn-delta.focus {
  background-color: #edebea;
  border-color: transparent;
}

.btn-delta .badge {
  color: #edebea;
  background-color: #3c3c3c;
}

.btn-delta.btn-icon {
  padding-top: 1.03125rem;
  padding-bottom: 1.03125rem;
  padding-left: 2.0625rem;
}

.btn-delta[aria-expanded="true"] span.glyphicon-menu-down {
  display: none;
}

.btn-delta[aria-expanded="false"] span.glyphicon-menu-up {
  display: none;
}

.btn-lang {
  color: #464646;
  background-color: #fff;
  border-color: transparent;
}

.btn-lang:focus, .btn-lang.focus {
  color: #464646;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0);
}

.btn-lang:hover {
  color: #464646;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0);
}

.btn-lang:active, .btn-lang.active,
.open > .btn-lang.dropdown-toggle {
  color: #464646;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0);
}

.btn-lang:active:hover, .btn-lang:active:focus, .btn-lang:active.focus, .btn-lang.active:hover, .btn-lang.active:focus, .btn-lang.active.focus,
.open > .btn-lang.dropdown-toggle:hover,
.open > .btn-lang.dropdown-toggle:focus,
.open > .btn-lang.dropdown-toggle.focus {
  color: #464646;
  background-color: #d4d4d4;
  border-color: rgba(0, 0, 0, 0);
}

.btn-lang:active, .btn-lang.active,
.open > .btn-lang.dropdown-toggle {
  background-image: none;
}

.btn-lang.disabled:hover, .btn-lang.disabled:focus, .btn-lang.disabled.focus, .btn-lang[disabled]:hover, .btn-lang[disabled]:focus, .btn-lang[disabled].focus,
fieldset[disabled] .btn-lang:hover,
fieldset[disabled] .btn-lang:focus,
fieldset[disabled] .btn-lang.focus {
  background-color: #fff;
  border-color: transparent;
}

.btn-lang .badge {
  color: #fff;
  background-color: #464646;
}

.btn-lang a,
.btn-lang span {
  color: #fff;
}

.btn-lang.active {
  background-color: #fff;
  border: 1px solid #e49c01;
}

.btn-otherdowns {
  position: relative;
  color: #3c3c3c;
  background-color: #fff;
  border-color: #ddd;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 0;
  font-weight: 400;
  text-align: left;
}

.btn-otherdowns:focus, .btn-otherdowns.focus {
  color: #3c3c3c;
  background-color: #e6e6e6;
  border-color: #9d9d9d;
}

.btn-otherdowns:hover {
  color: #3c3c3c;
  background-color: #e6e6e6;
  border-color: #bebebe;
}

.btn-otherdowns:active, .btn-otherdowns.active,
.open > .btn-otherdowns.dropdown-toggle {
  color: #3c3c3c;
  background-color: #e6e6e6;
  border-color: #bebebe;
}

.btn-otherdowns:active:hover, .btn-otherdowns:active:focus, .btn-otherdowns:active.focus, .btn-otherdowns.active:hover, .btn-otherdowns.active:focus, .btn-otherdowns.active.focus,
.open > .btn-otherdowns.dropdown-toggle:hover,
.open > .btn-otherdowns.dropdown-toggle:focus,
.open > .btn-otherdowns.dropdown-toggle.focus {
  color: #3c3c3c;
  background-color: #d4d4d4;
  border-color: #9d9d9d;
}

.btn-otherdowns:active, .btn-otherdowns.active,
.open > .btn-otherdowns.dropdown-toggle {
  background-image: none;
}

.btn-otherdowns.disabled:hover, .btn-otherdowns.disabled:focus, .btn-otherdowns.disabled.focus, .btn-otherdowns[disabled]:hover, .btn-otherdowns[disabled]:focus, .btn-otherdowns[disabled].focus,
fieldset[disabled] .btn-otherdowns:hover,
fieldset[disabled] .btn-otherdowns:focus,
fieldset[disabled] .btn-otherdowns.focus {
  background-color: #fff;
  border-color: #ddd;
}

.btn-otherdowns .badge {
  color: #fff;
  background-color: #3c3c3c;
}

.btn-otherdowns span.glyphicon {
  position: absolute;
  top: 16px;
  right: 16px;
}

.btn-otherdowns:hover {
  background-color: #fff;
  border-color: #ddd;
}

.btn-otherdowns:active {
  background-color: #fff;
  border-color: #ddd;
  box-shadow: none;
}

.btn-otherdowns:active:hover {
  background-color: #fff;
  border-color: #ddd;
  box-shadow: none;
}

.btn-otherdowns:focus {
  background-color: #fff;
  border-color: #ddd;
}

.btn-success {
  color: #fff;
  background-color: #24b36d;
  border-color: transparent;
  font-weight: 400;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #1b8953;
  border-color: rgba(0, 0, 0, 0);
}

.btn-success:hover {
  color: #fff;
  background-color: #1b8953;
  border-color: rgba(0, 0, 0, 0);
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1b8953;
  border-color: rgba(0, 0, 0, 0);
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #156b41;
  border-color: rgba(0, 0, 0, 0);
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #24b36d;
  border-color: transparent;
}

.btn-success .badge {
  color: #24b36d;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: transparent;
  font-weight: 400;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: rgba(0, 0, 0, 0);
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: rgba(0, 0, 0, 0);
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: rgba(0, 0, 0, 0);
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: rgba(0, 0, 0, 0);
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: transparent;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: transparent;
  font-weight: 400;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: rgba(0, 0, 0, 0);
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: transparent;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: transparent;
  font-weight: 400;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: rgba(0, 0, 0, 0);
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: transparent;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-inverted {
  color: #fff;
  background-color: #274a61;
  border-color: #76d3e9;
}

.btn-inverted:hover {
  color: #3c3c3c;
  background-image: linear-gradient(12deg, #90fffc 23%, #6ec3f7 50%, #84e9d6 100%);
  border-color: transparent;
}

.btn-link {
  color: #e49c01;
  font-weight: normal;
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: #cb8b01;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #d1d3d4;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  height: 52px;
  padding: 12px 32px;
  font-size: 1.125rem;
  line-height: 1.333;
  border-radius: 0;
}

@media (max-width: 600px) {
  .btn-lg, .btn-group-lg > .btn {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-mid {
  height: 58px;
  padding: 15.6px 48px;
  font-size: 1.125rem;
  line-height: 1.333;
  border-radius: 0;
}

@media (max-width: 600px) {
  .btn-mid {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-big {
  height: 74px;
  padding: 22.8px 54.4px;
  font-size: 1.125rem;
  line-height: 1.333;
  border-radius: 0;
}

@media (max-width: 600px) {
  .btn-big {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-big.btn-icon .icon {
  position: relative;
  margin-top: -4px;
}

.btn-lg.btn-rounded, .btn-group-lg > .btn-rounded.btn {
  border-radius: 26px;
}

.btn-lg-wide {
  height: 52px;
  padding: 12px 16px;
  font-size: 1.125rem;
  line-height: 1.333;
  border-radius: 0;
}

@media (min-width: 768px) {
  .btn-lg-wide {
    padding: 12px 64px;
    font-size: 1.125rem;
    line-height: 1.333;
    border-radius: 0;
  }
}

@media (max-width: 600px) {
  .btn-lg-wide {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-l {
  padding: 1.03125rem 2.75rem;
  font-size: 1.125rem;
  line-height: 1.375;
  border-radius: 0;
}

@media (max-width: 600px) {
  .btn-l {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-m {
  padding: 1.03125rem 2.0625rem;
  font-size: 1.125rem;
  line-height: 1.375;
  border-radius: 0;
}

@media (max-width: 600px) {
  .btn-m {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-n {
  padding: 1.03125rem 1.375rem;
  font-size: 1.125rem;
  line-height: 1.375;
  border-radius: 0;
}

@media (max-width: 600px) {
  .btn-n {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-xl {
  height: 60px;
  padding: 1.03125rem 5.5rem;
  font-size: 1.125rem;
  line-height: 1.375;
  border-radius: 0;
}

@media (max-width: 600px) {
  .btn-xl {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-xl-short {
  height: 60px;
  padding: 1.03125rem 5.5rem;
  font-size: 1.125rem;
  line-height: 1.375;
  border-radius: 0;
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.btn-sm, .btn-group-sm > .btn,
.btn--small {
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}

.btn-sm-short {
  padding: 6px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0;
}

.btn-md {
  padding: 10px 24px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 0;
}

@media (max-width: 600px) {
  .btn-md {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-w-280 {
  width: 280px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.l-footer #subscribe-form .btn.btn-inverted {
  border-left: 0;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.caret {
  display: none;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 240px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 0.875rem;
  text-align: left;
  background-color: #ebedee;
  border-radius: 0;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 10px 24px;
  clear: both;
  font-weight: normal;
  line-height: 1.375;
  color: #4c4c4c;
  white-space: nowrap;
}

.dropdown-menu.otherdowns {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.dropdown-menu.otherdowns > li > a {
  position: relative;
  padding: 5px 24px;
  padding-left: 2.75rem;
  font-size: 1rem;
}

.dropdown-menu.otherdowns > li > a:hover {
  color: #fff;
  background-color: #e49c01;
}

.dropdown-menu.otherdowns > li > a.active::before {
  background-image: url(/img/20200909/sprite.png);
  background-position: -582px -485px;
  width: 10px;
  height: 7px;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 0;
  display: block;
  content: "";
  position: absolute;
  left: 24px;
  top: 14px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #f7ab27;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #4c4c4c;
  text-decoration: none;
  outline: 0;
  background-color: transparent;
}

@media (min-width: 992px) {
  .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #4c4c4c;
    text-decoration: none;
    outline: 0;
    background-color: #f2f3f4;
  }
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #d1d3d4;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}

.open > .dropdown-menu,
.fixed > .dropdown-menu {
  display: block;
}

.open > a,
.fixed > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.375;
  color: #d1d3d4;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 992px) {
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
  .navbar-fixed-top .navbar-right .dropdown-menu {
    right: auto;
    left: auto;
  }
}

.dropdown--video {
  display: inline-block;
  padding: 0 10px;
}

.dropdown--video .btn {
  margin-right: 0;
}

.dropdown--video .dropdown-menu {
  margin: 0;
  top: 120%;
  box-shadow: 0 2px 6px rgba(60, 60, 60, 0.25);
  background-color: #fff;
  font-size: 1.125rem;
}

.dropdown--video .dropdown-menu .dropdown-menu-thumb {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 42px;
  overflow: hidden;
  margin-right: 20px;
  border: 1px solid #ddd;
}

.dropdown--video .dropdown-menu .dropdown-menu-thumb img {
  display: block;
  position: relative;
  top: -7px;
}

.dropdown--video .dropdown-menu > li > a {
  padding: 10px;
  color: #8c8c8c;
}

.dropdown--video .dropdown-menu > li > a:hover {
  background-color: #eaeced;
}

.dropdown--video .dropdown-menu > li > a .icon {
  margin-right: 12px;
}

.dropdown--video .dropdown-menu > li > a span {
  vertical-align: middle;
}

@media (max-width: 768px) {
  .dropdown--video .dropdown-menu {
    min-width: 50vw;
    left: auto;
    right: 0;
  }
  .dropdown--video .dropdown-menu > li > a {
    padding: 16px;
    font-size: 1rem;
  }
  .dropdown--video .dropdown-menu > li > a .icon {
    margin-right: 12px;
  }
  .dropdown--video .dropdown-menu > li:last-child > a {
    padding-top: 8px;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #3c3c3c;
  text-align: center;
  background-color: #ebe9e8;
  border: 1px solid #d1cac5;
  border-radius: 0;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 0;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 12px 32px;
  font-size: 21px;
  border-radius: 0;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #d1d3d4;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 0;
  font-weight: 300;
}

.pagination > li {
  display: inline-block;
  margin: 0 0.34375rem;
}

.pagination > li.next {
  display: none;
  margin-left: 1.375rem;
}

@media (min-width: 768px) {
  .pagination > li.next {
    display: inline-block;
  }
}

.pagination > li.prev {
  display: none;
  margin-right: 1.375rem;
}

@media (min-width: 768px) {
  .pagination > li.prev {
    display: inline-block;
  }
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 8px 16px;
  line-height: 1.375;
  text-decoration: none;
  color: #3c3c3c;
  background-color: #fff;
  margin-left: -1px;
}

.pagination > li span.glyphicon {
  position: relative;
  font-size: 0.75rem;
  margin: 0 0.3125rem;
  bottom: -1px;
}

.pagination > li > a {
  border-radius: 2em;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #cb8b01;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  font-weight: 400;
  color: #fff;
  background-color: #e49c01;
  border-color: #e49c01;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #d1d3d4;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 12px 32px;
  font-size: 21px;
  line-height: 1.333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination--wide {
  display: table;
  margin-bottom: 0.6875rem;
  width: 100%;
}

.pagination--wide > li {
  display: none;
}

.pagination--wide > li.next, .pagination--wide > li.prev {
  display: table-cell;
}

.pagination--wide > li.next {
  text-align: right;
}

.pagination--wide > li.prev {
  text-align: left;
}

.pagination--wide > li > a {
  border: 0;
  background-color: transparent;
  float: none;
}

.pagination--wide > li > a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.pagination--wide > li > span {
  border: 0;
  background-color: transparent;
  float: none;
}

.pagination--wide > li > span:hover {
  background-color: transparent;
}

.pager {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center;
}

.pager:before, .pager:after {
  content: " ";
  display: table;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #ebe9e8;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #d1d3d4;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #d1d3d4;
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #b7babb;
}

.label-primary {
  background-color: #e49c01;
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #b17901;
}

.label-success {
  background-color: #24b36d;
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #1b8953;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}

.jumbotron {
  color: #fff;
  background-color: #214861;
  margin-bottom: 0;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
  font-size: 32.4px;
}

@media (min-width: 600px) {
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 54px;
  }
}

.jumbotron p {
  margin-bottom: 1.375rem;
  font-size: 16px;
  font-weight: 200;
}

@media (min-width: 600px) {
  .jumbotron p {
    margin-bottom: 2.75rem;
    font-size: 20px;
  }
}

.jumbotron > hr {
  border-top-color: #142c3b;
}

.jumbotron .container {
  max-width: 100%;
}

.jumbotron--index {
  height: 640px;
  padding-top: 4.8125rem;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url("/img/20201022/bgs/jumbo-tree-small.png");
  background-size: cover;
}

@media (min-width: 600px) {
  .jumbotron--index {
    background-image: url("/img/20201022/bgs/jumbo-tree.png");
    background-size: auto auto;
    background-position: 20% 100%;
  }
}

@media (min-width: 768px) {
  .jumbotron--index {
    background-position: 35% 100%;
    padding-top: 6.875rem;
  }
}

@media (min-width: 992px) {
  .jumbotron--index {
    height: 770px;
    background-position: 48% 100%;
  }
}

@media (min-width: 1200px) {
  .jumbotron--index {
    background-position: 100% 0;
  }
}

@media (min-width: 2560px) {
  .jumbotron--index {
    background-position: 100% 0;
  }
}

.jumbotron--index .jumbotron-content {
  padding-top: 7.5rem;
}

@media (min-width: 768px) {
  .jumbotron--index .jumbotron-content {
    padding-top: 7.5rem;
    padding-bottom: 2.5rem;
    width: 70%;
  }
}

@media (min-width: 992px) {
  .jumbotron--index .jumbotron-content {
    padding-top: 11.25rem;
    width: 55%;
  }
}

@media (min-width: 1200px) {
  .jumbotron--index .jumbotron-content {
    width: 45%;
  }
}

.panel {
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before, .panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: -1;
  border-bottom-right-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-faq {
  position: relative;
  box-shadow: none;
  border-top: 1px solid #ddd;
  margin-top: -1px !important;
}

.panel-faq .panel-heading {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}

.panel-faq .panel-body {
  border-top: 0 !important;
  font-size: 1rem;
  font-weight: 300;
  padding-left: 1.375rem;
  color: #87776e;
}

.panel-faq .panel-title {
  font-size: 1rem;
  font-weight: 300;
}

.panel-faq .panel-title::before {
  display: inline-block;
  position: relative;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #e49c01;
  left: -10px;
  bottom: 2px;
  border-radius: 3px;
}

.panel-faq .panel-title .icon--nav-down {
  display: none;
}

.panel-faq .panel-title .collapsed .icon--nav-up {
  display: none;
}

.panel-faq .panel-title .collapsed .icon--nav-down {
  display: block;
}

.panel-faq .panel-title .icon {
  top: 4px;
}

.panel-group {
  margin-bottom: 22px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #3c3c3c;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #3c3c3c;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #e49c01;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #e49c01;
  border-color: #e49c01;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e49c01;
}

.panel-primary > .panel-heading .badge {
  color: #e49c01;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e49c01;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #eb212e;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #eb212e;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.panel-consultant {
  border-color: #37a4e3;
  padding-bottom: 2.0625rem;
  margin-bottom: 1.375rem;
  flex: 1 0 100%;
}

.panel-consultant > .panel-heading {
  color: #3c3c3c;
  background-color: #fff;
  border-color: transparent;
}

.panel-consultant > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #37a4e3;
}

.panel-consultant > .panel-heading .badge {
  color: #fff;
  background-color: #3c3c3c;
}

.panel-consultant > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #37a4e3;
}

.no-classlist .panel-consultant {
  display: block;
}

@media (min-width: 768px) {
  .panel-consultant {
    flex: 0 0 49%;
  }
}

@media (min-width: 768px) {
  .panel-consultant.panel-full {
    flex: 0 0 100%;
  }
}

.panel-consultant .panel-heading {
  padding: 2.0625rem;
  padding-bottom: 0;
}

.panel-consultant .panel-body {
  padding: 0 0.6875rem 1.375rem 2.0625rem;
}

.panel-consultant .panel-title {
  font-size: 1.5rem;
}

.panel-consultant table {
  width: auto;
  margin: 0 0.6875rem 0 1.5625rem;
  border: 0 !important;
}

.panel-consultant table th {
  padding: 2px 4px !important;
  border: 0 !important;
  background-color: #fff;
  color: #3c3c3c;
  font-weight: 400;
}

.panel-consultant table td {
  padding: 2px 4px !important;
  border: 0 !important;
  font-weight: 300;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.375;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  line-height: 1.2;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 1rem;
}

.tooltip.top {
  margin-top: -5px;
  padding: 10px 0;
}

.tooltip.right {
  margin-left: 5px;
  padding: 0 10px;
}

.tooltip.bottom {
  margin-top: 5px;
  padding: 10px 0;
}

.tooltip.left {
  margin-left: -5px;
  padding: 0 10px;
}

.tooltip-inner {
  max-width: 300px;
  padding: 10px 12px;
  color: #000;
  text-align: left;
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.tooltip-inner p {
  font-weight: 300;
  font-size: 0.875rem;
}

.tooltip-inner ul {
  color: #8e8e8e;
  padding-left: 0;
  list-style-type: none;
}

.tooltip-inner ul:last-child {
  margin-bottom: 0;
}

.tooltip-inner ul li {
  padding-left: 1.375rem;
  background-image: url("/img/20201022/bgs/list-bullet-grey.png");
  background-repeat: no-repeat;
  background-position: 5px 8px;
  margin-bottom: 0.6875rem;
}

.tooltip-inner-wide {
  min-width: 360px;
  max-width: 360px;
}

.tooltip-inner-short {
  min-width: 0;
  max-width: 225px;
}

.tooltip-arrow,
.tooltip-arrow-shadow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip-arrow {
  z-index: 2;
}

.tooltip-arrow-shadow {
  z-index: 1;
}

.tooltip.top .tooltip-arrow {
  bottom: 1px;
  left: 50% !important;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}

.tooltip.top .tooltip-arrow-shadow {
  bottom: -2px;
  left: 50% !important;
  margin-left: -12px;
  border-width: 12px 12px 0;
  border-top-color: #d9d9d9;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 10px;
  margin-bottom: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 10px;
  margin-bottom: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #fff;
}

.tooltip.right .tooltip-arrow-shadow {
  top: 50%;
  left: -2px;
  margin-top: -12px;
  border-width: 12px 12px 12px 0;
  border-right-color: #d9d9d9;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #fff;
}

.tooltip.left .tooltip-arrow-shadow {
  top: 50%;
  right: -2px;
  margin-top: -12px;
  border-width: 12px 0 12px 12px;
  border-left-color: #d9d9d9;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
}

.tooltip.bottom .tooltip-arrow-shadow {
  top: -2px;
  left: 50% !important;
  margin-left: -12px;
  border-width: 0 12px 12px;
  border-bottom-color: #d9d9d9;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 10px;
  margin-top: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 10px;
  margin-top: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden,
.is-hidden,
[ng-cloak],
.ng-cloak {
  display: none !important;
}

.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 0;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #eb212e;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #c7121e;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.embed-play {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.embed-play:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.embed-demo-video {
  background-color: #eee;
}

.embed-video {
  background-color: #eee;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 1px solid #ddd;
}

.embed-provisioning-video {
  background-color: #eee;
  background-image: url("/img/20201022/articles/provisioning/provisioning-video.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.embed-selfservice-video {
  background-color: #eee;
  background-image: url("/img/20201022/articles/ad-self-password-reset/password-self-service-video.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}

.embed-play-btn {
  background-color: #fff;
  padding: 0.6rem;
  border-radius: 50%;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/*# sourceMappingURL=styles.css.map */