.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:2pc;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,.2)}.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:2pc;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,.2)}.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}.btn-social-icon>:first-child{border:0;text-align:center;width:100%!important}.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,.2)}.btn-adn.active,.btn-adn.focus,.btn-adn:active,.btn-adn:focus,.btn-adn:hover,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,.2)}.btn-adn.active.focus,.btn-adn.active:focus,.btn-adn.active:hover,.btn-adn:active.focus,.btn-adn:active:focus,.btn-adn:active:hover,.open>.dropdown-toggle.btn-adn.focus,.open>.dropdown-toggle.btn-adn:focus,.open>.dropdown-toggle.btn-adn:hover{color:#fff;background-color:#b94630;border-color:rgba(0,0,0,.2)}.btn-adn.active,.btn-adn:active,.open>.dropdown-toggle.btn-adn{background-image:none}.btn-adn.disabled.focus,.btn-adn.disabled:focus,.btn-adn.disabled:hover,.btn-adn[disabled].focus,.btn-adn[disabled]:focus,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn.focus,fieldset[disabled] .btn-adn:focus,fieldset[disabled] .btn-adn:hover{background-color:#d87a68;border-color:rgba(0,0,0,.2)}.btn-adn .badge{color:#d87a68;background-color:#fff}.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,.2)}.btn-bitbucket.active,.btn-bitbucket.focus,.btn-bitbucket:active,.btn-bitbucket:focus,.btn-bitbucket:hover,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,.2)}.btn-bitbucket.active.focus,.btn-bitbucket.active:focus,.btn-bitbucket.active:hover,.btn-bitbucket:active.focus,.btn-bitbucket:active:focus,.btn-bitbucket:active:hover,.open>.dropdown-toggle.btn-bitbucket.focus,.open>.dropdown-toggle.btn-bitbucket:focus,.open>.dropdown-toggle.btn-bitbucket:hover{color:#fff;background-color:#0f253c;border-color:rgba(0,0,0,.2)}.btn-bitbucket.active,.btn-bitbucket:active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}.btn-bitbucket.disabled.focus,.btn-bitbucket.disabled:focus,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled].focus,.btn-bitbucket[disabled]:focus,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket.focus,fieldset[disabled] .btn-bitbucket:focus,fieldset[disabled] .btn-bitbucket:hover{background-color:#205081;border-color:rgba(0,0,0,.2)}.btn-bitbucket .badge{color:#205081;background-color:#fff}.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,.2)}.btn-dropbox.active,.btn-dropbox.focus,.btn-dropbox:active,.btn-dropbox:focus,.btn-dropbox:hover,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,.2)}.btn-dropbox.active.focus,.btn-dropbox.active:focus,.btn-dropbox.active:hover,.btn-dropbox:active.focus,.btn-dropbox:active:focus,.btn-dropbox:active:hover,.open>.dropdown-toggle.btn-dropbox.focus,.open>.dropdown-toggle.btn-dropbox:focus,.open>.dropdown-toggle.btn-dropbox:hover{color:#fff;background-color:#0a568c;border-color:rgba(0,0,0,.2)}.btn-dropbox.active,.btn-dropbox:active,.open>.dropdown-toggle.btn-dropbox{background-image:none}.btn-dropbox.disabled.focus,.btn-dropbox.disabled:focus,.btn-dropbox.disabled:hover,.btn-dropbox[disabled].focus,.btn-dropbox[disabled]:focus,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox.focus,fieldset[disabled] .btn-dropbox:focus,fieldset[disabled] .btn-dropbox:hover{background-color:#1087dd;border-color:rgba(0,0,0,.2)}.btn-dropbox .badge{color:#1087dd;background-color:#fff}.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,.2)}.btn-facebook.active,.btn-facebook.focus,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,.2)}.btn-facebook.active.focus,.btn-facebook.active:focus,.btn-facebook.active:hover,.btn-facebook:active.focus,.btn-facebook:active:focus,.btn-facebook:active:hover,.open>.dropdown-toggle.btn-facebook.focus,.open>.dropdown-toggle.btn-facebook:focus,.open>.dropdown-toggle.btn-facebook:hover{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,.2)}.btn-facebook.active,.btn-facebook:active,.open>.dropdown-toggle.btn-facebook{background-image:none}.btn-facebook.disabled.focus,.btn-facebook.disabled:focus,.btn-facebook.disabled:hover,.btn-facebook[disabled].focus,.btn-facebook[disabled]:focus,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook.focus,fieldset[disabled] .btn-facebook:focus,fieldset[disabled] .btn-facebook:hover{background-color:#3b5998;border-color:rgba(0,0,0,.2)}.btn-facebook .badge{color:#3b5998;background-color:#fff}.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,.2)}.btn-flickr.active,.btn-flickr.focus,.btn-flickr:active,.btn-flickr:focus,.btn-flickr:hover,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,.2)}.btn-flickr.active.focus,.btn-flickr.active:focus,.btn-flickr.active:hover,.btn-flickr:active.focus,.btn-flickr:active:focus,.btn-flickr:active:hover,.open>.dropdown-toggle.btn-flickr.focus,.open>.dropdown-toggle.btn-flickr:focus,.open>.dropdown-toggle.btn-flickr:hover{color:#fff;background-color:#a80057;border-color:rgba(0,0,0,.2)}.btn-flickr.active,.btn-flickr:active,.open>.dropdown-toggle.btn-flickr{background-image:none}.btn-flickr.disabled.focus,.btn-flickr.disabled:focus,.btn-flickr.disabled:hover,.btn-flickr[disabled].focus,.btn-flickr[disabled]:focus,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr.focus,fieldset[disabled] .btn-flickr:focus,fieldset[disabled] .btn-flickr:hover{background-color:#ff0084;border-color:rgba(0,0,0,.2)}.btn-flickr .badge{color:#ff0084;background-color:#fff}.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,.2)}.btn-foursquare.active,.btn-foursquare.focus,.btn-foursquare:active,.btn-foursquare:focus,.btn-foursquare:hover,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,.2)}.btn-foursquare.active.focus,.btn-foursquare.active:focus,.btn-foursquare.active:hover,.btn-foursquare:active.focus,.btn-foursquare:active:focus,.btn-foursquare:active:hover,.open>.dropdown-toggle.btn-foursquare.focus,.open>.dropdown-toggle.btn-foursquare:focus,.open>.dropdown-toggle.btn-foursquare:hover{color:#fff;background-color:#e30742;border-color:rgba(0,0,0,.2)}.btn-foursquare.active,.btn-foursquare:active,.open>.dropdown-toggle.btn-foursquare{background-image:none}.btn-foursquare.disabled.focus,.btn-foursquare.disabled:focus,.btn-foursquare.disabled:hover,.btn-foursquare[disabled].focus,.btn-foursquare[disabled]:focus,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare.focus,fieldset[disabled] .btn-foursquare:focus,fieldset[disabled] .btn-foursquare:hover{background-color:#f94877;border-color:rgba(0,0,0,.2)}.btn-foursquare .badge{color:#f94877;background-color:#fff}.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,.2)}.btn-github.active,.btn-github.focus,.btn-github:active,.btn-github:focus,.btn-github:hover,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,.2)}.btn-github.active.focus,.btn-github.active:focus,.btn-github.active:hover,.btn-github:active.focus,.btn-github:active:focus,.btn-github:active:hover,.open>.dropdown-toggle.btn-github.focus,.open>.dropdown-toggle.btn-github:focus,.open>.dropdown-toggle.btn-github:hover{color:#fff;background-color:#191919;border-color:rgba(0,0,0,.2)}.btn-github.active,.btn-github:active,.open>.dropdown-toggle.btn-github{background-image:none}.btn-github.disabled.focus,.btn-github.disabled:focus,.btn-github.disabled:hover,.btn-github[disabled].focus,.btn-github[disabled]:focus,.btn-github[disabled]:hover,fieldset[disabled] .btn-github.focus,fieldset[disabled] .btn-github:focus,fieldset[disabled] .btn-github:hover{background-color:#444;border-color:rgba(0,0,0,.2)}.btn-github .badge{color:#444;background-color:#fff}.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,.2)}.btn-google.active,.btn-google.focus,.btn-google:active,.btn-google:focus,.btn-google:hover,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,.2)}.btn-google.active.focus,.btn-google.active:focus,.btn-google.active:hover,.btn-google:active.focus,.btn-google:active:focus,.btn-google:active:hover,.open>.dropdown-toggle.btn-google.focus,.open>.dropdown-toggle.btn-google:focus,.open>.dropdown-toggle.btn-google:hover{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,.2)}.btn-google.active,.btn-google:active,.open>.dropdown-toggle.btn-google{background-image:none}.btn-google.disabled.focus,.btn-google.disabled:focus,.btn-google.disabled:hover,.btn-google[disabled].focus,.btn-google[disabled]:focus,.btn-google[disabled]:hover,fieldset[disabled] .btn-google.focus,fieldset[disabled] .btn-google:focus,fieldset[disabled] .btn-google:hover{background-color:#dd4b39;border-color:rgba(0,0,0,.2)}.btn-google .badge{color:#dd4b39;background-color:#fff}.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,.2)}.btn-instagram.active,.btn-instagram.focus,.btn-instagram:active,.btn-instagram:focus,.btn-instagram:hover,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,.2)}.btn-instagram.active.focus,.btn-instagram.active:focus,.btn-instagram.active:hover,.btn-instagram:active.focus,.btn-instagram:active:focus,.btn-instagram:active:hover,.open>.dropdown-toggle.btn-instagram.focus,.open>.dropdown-toggle.btn-instagram:focus,.open>.dropdown-toggle.btn-instagram:hover{color:#fff;background-color:#26455d;border-color:rgba(0,0,0,.2)}.btn-instagram.active,.btn-instagram:active,.open>.dropdown-toggle.btn-instagram{background-image:none}.btn-instagram.disabled.focus,.btn-instagram.disabled:focus,.btn-instagram.disabled:hover,.btn-instagram[disabled].focus,.btn-instagram[disabled]:focus,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram.focus,fieldset[disabled] .btn-instagram:focus,fieldset[disabled] .btn-instagram:hover{background-color:#3f729b;border-color:rgba(0,0,0,.2)}.btn-instagram .badge{color:#3f729b;background-color:#fff}.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,.2)}.btn-linkedin.active,.btn-linkedin.focus,.btn-linkedin:active,.btn-linkedin:focus,.btn-linkedin:hover,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,.2)}.btn-linkedin.active.focus,.btn-linkedin.active:focus,.btn-linkedin.active:hover,.btn-linkedin:active.focus,.btn-linkedin:active:focus,.btn-linkedin:active:hover,.open>.dropdown-toggle.btn-linkedin.focus,.open>.dropdown-toggle.btn-linkedin:focus,.open>.dropdown-toggle.btn-linkedin:hover{color:#fff;background-color:#00405f;border-color:rgba(0,0,0,.2)}.btn-linkedin.active,.btn-linkedin:active,.open>.dropdown-toggle.btn-linkedin{background-image:none}.btn-linkedin.disabled.focus,.btn-linkedin.disabled:focus,.btn-linkedin.disabled:hover,.btn-linkedin[disabled].focus,.btn-linkedin[disabled]:focus,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin.focus,fieldset[disabled] .btn-linkedin:focus,fieldset[disabled] .btn-linkedin:hover{background-color:#007bb6;border-color:rgba(0,0,0,.2)}.btn-linkedin .badge{color:#007bb6;background-color:#fff}.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,.2)}.btn-microsoft.active,.btn-microsoft.focus,.btn-microsoft:active,.btn-microsoft:focus,.btn-microsoft:hover,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,.2)}.btn-microsoft.active.focus,.btn-microsoft.active:focus,.btn-microsoft.active:hover,.btn-microsoft:active.focus,.btn-microsoft:active:focus,.btn-microsoft:active:hover,.open>.dropdown-toggle.btn-microsoft.focus,.open>.dropdown-toggle.btn-microsoft:focus,.open>.dropdown-toggle.btn-microsoft:hover{color:#fff;background-color:#0f4bac;border-color:rgba(0,0,0,.2)}.btn-microsoft.active,.btn-microsoft:active,.open>.dropdown-toggle.btn-microsoft{background-image:none}.btn-microsoft.disabled.focus,.btn-microsoft.disabled:focus,.btn-microsoft.disabled:hover,.btn-microsoft[disabled].focus,.btn-microsoft[disabled]:focus,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft.focus,fieldset[disabled] .btn-microsoft:focus,fieldset[disabled] .btn-microsoft:hover{background-color:#2672ec;border-color:rgba(0,0,0,.2)}.btn-microsoft .badge{color:#2672ec;background-color:#fff}.btn-odnoklassniki{color:#fff;background-color:#f4731c;border-color:rgba(0,0,0,.2)}.btn-odnoklassniki.active,.btn-odnoklassniki.focus,.btn-odnoklassniki:active,.btn-odnoklassniki:focus,.btn-odnoklassniki:hover,.open>.dropdown-toggle.btn-odnoklassniki{color:#fff;background-color:#d35b0a;border-color:rgba(0,0,0,.2)}.btn-odnoklassniki.active.focus,.btn-odnoklassniki.active:focus,.btn-odnoklassniki.active:hover,.btn-odnoklassniki:active.focus,.btn-odnoklassniki:active:focus,.btn-odnoklassniki:active:hover,.open>.dropdown-toggle.btn-odnoklassniki.focus,.open>.dropdown-toggle.btn-odnoklassniki:focus,.open>.dropdown-toggle.btn-odnoklassniki:hover{color:#fff;background-color:#b14c09;border-color:rgba(0,0,0,.2)}.btn-odnoklassniki.active,.btn-odnoklassniki:active,.open>.dropdown-toggle.btn-odnoklassniki{background-image:none}.btn-odnoklassniki.disabled.focus,.btn-odnoklassniki.disabled:focus,.btn-odnoklassniki.disabled:hover,.btn-odnoklassniki[disabled].focus,.btn-odnoklassniki[disabled]:focus,.btn-odnoklassniki[disabled]:hover,fieldset[disabled] .btn-odnoklassniki.focus,fieldset[disabled] .btn-odnoklassniki:focus,fieldset[disabled] .btn-odnoklassniki:hover{background-color:#f4731c;border-color:rgba(0,0,0,.2)}.btn-odnoklassniki .badge{color:#f4731c;background-color:#fff}.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,.2)}.btn-openid.active,.btn-openid.focus,.btn-openid:active,.btn-openid:focus,.btn-openid:hover,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,.2)}.btn-openid.active.focus,.btn-openid.active:focus,.btn-openid.active:hover,.btn-openid:active.focus,.btn-openid:active:focus,.btn-openid:active:hover,.open>.dropdown-toggle.btn-openid.focus,.open>.dropdown-toggle.btn-openid:focus,.open>.dropdown-toggle.btn-openid:hover{color:#fff;background-color:#b86607;border-color:rgba(0,0,0,.2)}.btn-openid.active,.btn-openid:active,.open>.dropdown-toggle.btn-openid{background-image:none}.btn-openid.disabled.focus,.btn-openid.disabled:focus,.btn-openid.disabled:hover,.btn-openid[disabled].focus,.btn-openid[disabled]:focus,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid.focus,fieldset[disabled] .btn-openid:focus,fieldset[disabled] .btn-openid:hover{background-color:#f7931e;border-color:rgba(0,0,0,.2)}.btn-openid .badge{color:#f7931e;background-color:#fff}.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,.2)}.btn-pinterest.active,.btn-pinterest.focus,.btn-pinterest:active,.btn-pinterest:focus,.btn-pinterest:hover,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,.2)}.btn-pinterest.active.focus,.btn-pinterest.active:focus,.btn-pinterest.active:hover,.btn-pinterest:active.focus,.btn-pinterest:active:focus,.btn-pinterest:active:hover,.open>.dropdown-toggle.btn-pinterest.focus,.open>.dropdown-toggle.btn-pinterest:focus,.open>.dropdown-toggle.btn-pinterest:hover{color:#fff;background-color:#801419;border-color:rgba(0,0,0,.2)}.btn-pinterest.active,.btn-pinterest:active,.open>.dropdown-toggle.btn-pinterest{background-image:none}.btn-pinterest.disabled.focus,.btn-pinterest.disabled:focus,.btn-pinterest.disabled:hover,.btn-pinterest[disabled].focus,.btn-pinterest[disabled]:focus,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest.focus,fieldset[disabled] .btn-pinterest:focus,fieldset[disabled] .btn-pinterest:hover{background-color:#cb2027;border-color:rgba(0,0,0,.2)}.btn-pinterest .badge{color:#cb2027;background-color:#fff}.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,.2)}.btn-reddit.active,.btn-reddit.focus,.btn-reddit:active,.btn-reddit:focus,.btn-reddit:hover,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,.2)}.btn-reddit.active.focus,.btn-reddit.active:focus,.btn-reddit.active:hover,.btn-reddit:active.focus,.btn-reddit:active:focus,.btn-reddit:active:hover,.open>.dropdown-toggle.btn-reddit.focus,.open>.dropdown-toggle.btn-reddit:focus,.open>.dropdown-toggle.btn-reddit:hover{color:#000;background-color:#98ccff;border-color:rgba(0,0,0,.2)}.btn-reddit.active,.btn-reddit:active,.open>.dropdown-toggle.btn-reddit{background-image:none}.btn-reddit.disabled.focus,.btn-reddit.disabled:focus,.btn-reddit.disabled:hover,.btn-reddit[disabled].focus,.btn-reddit[disabled]:focus,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit.focus,fieldset[disabled] .btn-reddit:focus,fieldset[disabled] .btn-reddit:hover{background-color:#eff7ff;border-color:rgba(0,0,0,.2)}.btn-reddit .badge{color:#eff7ff;background-color:#000}.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,.2)}.btn-soundcloud.active,.btn-soundcloud.focus,.btn-soundcloud:active,.btn-soundcloud:focus,.btn-soundcloud:hover,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,.2)}.btn-soundcloud.active.focus,.btn-soundcloud.active:focus,.btn-soundcloud.active:hover,.btn-soundcloud:active.focus,.btn-soundcloud:active:focus,.btn-soundcloud:active:hover,.open>.dropdown-toggle.btn-soundcloud.focus,.open>.dropdown-toggle.btn-soundcloud:focus,.open>.dropdown-toggle.btn-soundcloud:hover{color:#fff;background-color:#a83800;border-color:rgba(0,0,0,.2)}.btn-soundcloud.active,.btn-soundcloud:active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}.btn-soundcloud.disabled.focus,.btn-soundcloud.disabled:focus,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled].focus,.btn-soundcloud[disabled]:focus,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud.focus,fieldset[disabled] .btn-soundcloud:focus,fieldset[disabled] .btn-soundcloud:hover{background-color:#f50;border-color:rgba(0,0,0,.2)}.btn-soundcloud .badge{color:#f50;background-color:#fff}.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,.2)}.btn-tumblr.active,.btn-tumblr.focus,.btn-tumblr:active,.btn-tumblr:focus,.btn-tumblr:hover,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,.2)}.btn-tumblr.active.focus,.btn-tumblr.active:focus,.btn-tumblr.active:hover,.btn-tumblr:active.focus,.btn-tumblr:active:focus,.btn-tumblr:active:hover,.open>.dropdown-toggle.btn-tumblr.focus,.open>.dropdown-toggle.btn-tumblr:focus,.open>.dropdown-toggle.btn-tumblr:hover{color:#fff;background-color:#111c26;border-color:rgba(0,0,0,.2)}.btn-tumblr.active,.btn-tumblr:active,.open>.dropdown-toggle.btn-tumblr{background-image:none}.btn-tumblr.disabled.focus,.btn-tumblr.disabled:focus,.btn-tumblr.disabled:hover,.btn-tumblr[disabled].focus,.btn-tumblr[disabled]:focus,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr.focus,fieldset[disabled] .btn-tumblr:focus,fieldset[disabled] .btn-tumblr:hover{background-color:#2c4762;border-color:rgba(0,0,0,.2)}.btn-tumblr .badge{color:#2c4762;background-color:#fff}.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,.2)}.btn-twitter.active,.btn-twitter.focus,.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,.2)}.btn-twitter.active.focus,.btn-twitter.active:focus,.btn-twitter.active:hover,.btn-twitter:active.focus,.btn-twitter:active:focus,.btn-twitter:active:hover,.open>.dropdown-toggle.btn-twitter.focus,.open>.dropdown-toggle.btn-twitter:focus,.open>.dropdown-toggle.btn-twitter:hover{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,.2)}.btn-twitter.active,.btn-twitter:active,.open>.dropdown-toggle.btn-twitter{background-image:none}.btn-twitter.disabled.focus,.btn-twitter.disabled:focus,.btn-twitter.disabled:hover,.btn-twitter[disabled].focus,.btn-twitter[disabled]:focus,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter.focus,fieldset[disabled] .btn-twitter:focus,fieldset[disabled] .btn-twitter:hover{background-color:#55acee;border-color:rgba(0,0,0,.2)}.btn-twitter .badge{color:#55acee;background-color:#fff}.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,.2)}.btn-vimeo.active,.btn-vimeo.focus,.btn-vimeo:active,.btn-vimeo:focus,.btn-vimeo:hover,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,.2)}.btn-vimeo.active.focus,.btn-vimeo.active:focus,.btn-vimeo.active:hover,.btn-vimeo:active.focus,.btn-vimeo:active:focus,.btn-vimeo:active:hover,.open>.dropdown-toggle.btn-vimeo.focus,.open>.dropdown-toggle.btn-vimeo:focus,.open>.dropdown-toggle.btn-vimeo:hover{color:#fff;background-color:#0f7b9f;border-color:rgba(0,0,0,.2)}.btn-vimeo.active,.btn-vimeo:active,.open>.dropdown-toggle.btn-vimeo{background-image:none}.btn-vimeo.disabled.focus,.btn-vimeo.disabled:focus,.btn-vimeo.disabled:hover,.btn-vimeo[disabled].focus,.btn-vimeo[disabled]:focus,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo.focus,fieldset[disabled] .btn-vimeo:focus,fieldset[disabled] .btn-vimeo:hover{background-color:#1ab7ea;border-color:rgba(0,0,0,.2)}.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,.2)}.btn-vk.active,.btn-vk.focus,.btn-vk:active,.btn-vk:focus,.btn-vk:hover,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,.2)}.btn-vk.active.focus,.btn-vk.active:focus,.btn-vk.active:hover,.btn-vk:active.focus,.btn-vk:active:focus,.btn-vk:active:hover,.open>.dropdown-toggle.btn-vk.focus,.open>.dropdown-toggle.btn-vk:focus,.open>.dropdown-toggle.btn-vk:hover{color:#fff;background-color:#3a526b;border-color:rgba(0,0,0,.2)}.btn-vk.active,.btn-vk:active,.open>.dropdown-toggle.btn-vk{background-image:none}.btn-vk.disabled.focus,.btn-vk.disabled:focus,.btn-vk.disabled:hover,.btn-vk[disabled].focus,.btn-vk[disabled]:focus,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk.focus,fieldset[disabled] .btn-vk:focus,fieldset[disabled] .btn-vk:hover{background-color:#587ea3;border-color:rgba(0,0,0,.2)}.btn-vk .badge{color:#587ea3;background-color:#fff}.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,.2)}.btn-yahoo.active,.btn-yahoo.focus,.btn-yahoo:active,.btn-yahoo:focus,.btn-yahoo:hover,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,.2)}.btn-yahoo.active.focus,.btn-yahoo.active:focus,.btn-yahoo.active:hover,.btn-yahoo:active.focus,.btn-yahoo:active:focus,.btn-yahoo:active:hover,.open>.dropdown-toggle.btn-yahoo.focus,.open>.dropdown-toggle.btn-yahoo:focus,.open>.dropdown-toggle.btn-yahoo:hover{color:#fff;background-color:#39074e;border-color:rgba(0,0,0,.2)}.btn-yahoo.active,.btn-yahoo:active,.open>.dropdown-toggle.btn-yahoo{background-image:none}.btn-yahoo.disabled.focus,.btn-yahoo.disabled:focus,.btn-yahoo.disabled:hover,.btn-yahoo[disabled].focus,.btn-yahoo[disabled]:focus,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo.focus,fieldset[disabled] .btn-yahoo:focus,fieldset[disabled] .btn-yahoo:hover{background-color:#720e9e;border-color:rgba(0,0,0,.2)}.btn-yahoo .badge{color:#720e9e;background-color:#fff}
@media print{*,::after,::before,blockquote::first-letter,blockquote::first-line,div::first-letter,div::first-line,li::first-letter,li::first-line,p::first-letter,p::first-line{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0275d8;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#014c8c;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.1}.display-2{font-size:5.5rem;font-weight:300;line-height:1.1}.display-3{font-size:4.5rem;font-weight:300;line-height:1.1}.display-4{font-size:3.5rem;font-weight:300;line-height:1.1}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:5px}.initialism{font-size:90%;text-transform:uppercase}.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:1.25rem;border-left:.25rem solid #eceeef}.blockquote-footer{display:block;font-size:80%;color:#636c72}.blockquote-footer::before{content:"\2014 \00A0"}.blockquote-reverse{padding-right:1rem;padding-left:0;text-align:right;border-right:.25rem solid #eceeef;border-left:0}.blockquote-reverse .blockquote-footer::before{content:""}.blockquote-reverse .blockquote-footer::after{content:"\00A0 \2014"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#636c72}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{padding:.2rem .4rem;font-size:90%;color:#bd4147;background-color:#f7f7f9;border-radius:.25rem}a>code{padding:0;color:inherit;background-color:inherit}kbd{padding:.2rem .4rem;font-size:90%;color:#fff;background-color:#292b2c;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;margin-top:0;margin-bottom:1rem;font-size:90%;color:#292b2c}pre code{padding:0;font-size:inherit;color:inherit;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}@media (min-width:576px){.container{width:540px;max-width:100%}}@media (min-width:768px){.container{width:720px;max-width:100%}}@media (min-width:992px){.container{width:960px;max-width:100%}}@media (min-width:1200px){.container{width:1140px;max-width:100%}}.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container-fluid{padding-right:15px;padding-left:15px}}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}@media (min-width:576px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:768px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:992px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:1200px){.row{margin-right:-15px;margin-left:-15px}}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}}@media (min-width:768px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}}@media (min-width:992px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-0{right:auto}.pull-1{right:8.333333%}.pull-2{right:16.666667%}.pull-3{right:25%}.pull-4{right:33.333333%}.pull-5{right:41.666667%}.pull-6{right:50%}.pull-7{right:58.333333%}.pull-8{right:66.666667%}.pull-9{right:75%}.pull-10{right:83.333333%}.pull-11{right:91.666667%}.pull-12{right:100%}.push-0{left:auto}.push-1{left:8.333333%}.push-2{left:16.666667%}.push-3{left:25%}.push-4{left:33.333333%}.push-5{left:41.666667%}.push-6{left:50%}.push-7{left:58.333333%}.push-8{left:66.666667%}.push-9{left:75%}.push-10{left:83.333333%}.push-11{left:91.666667%}.push-12{left:100%}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-sm-0{right:auto}.pull-sm-1{right:8.333333%}.pull-sm-2{right:16.666667%}.pull-sm-3{right:25%}.pull-sm-4{right:33.333333%}.pull-sm-5{right:41.666667%}.pull-sm-6{right:50%}.pull-sm-7{right:58.333333%}.pull-sm-8{right:66.666667%}.pull-sm-9{right:75%}.pull-sm-10{right:83.333333%}.pull-sm-11{right:91.666667%}.pull-sm-12{right:100%}.push-sm-0{left:auto}.push-sm-1{left:8.333333%}.push-sm-2{left:16.666667%}.push-sm-3{left:25%}.push-sm-4{left:33.333333%}.push-sm-5{left:41.666667%}.push-sm-6{left:50%}.push-sm-7{left:58.333333%}.push-sm-8{left:66.666667%}.push-sm-9{left:75%}.push-sm-10{left:83.333333%}.push-sm-11{left:91.666667%}.push-sm-12{left:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-md-0{right:auto}.pull-md-1{right:8.333333%}.pull-md-2{right:16.666667%}.pull-md-3{right:25%}.pull-md-4{right:33.333333%}.pull-md-5{right:41.666667%}.pull-md-6{right:50%}.pull-md-7{right:58.333333%}.pull-md-8{right:66.666667%}.pull-md-9{right:75%}.pull-md-10{right:83.333333%}.pull-md-11{right:91.666667%}.pull-md-12{right:100%}.push-md-0{left:auto}.push-md-1{left:8.333333%}.push-md-2{left:16.666667%}.push-md-3{left:25%}.push-md-4{left:33.333333%}.push-md-5{left:41.666667%}.push-md-6{left:50%}.push-md-7{left:58.333333%}.push-md-8{left:66.666667%}.push-md-9{left:75%}.push-md-10{left:83.333333%}.push-md-11{left:91.666667%}.push-md-12{left:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-lg-0{right:auto}.pull-lg-1{right:8.333333%}.pull-lg-2{right:16.666667%}.pull-lg-3{right:25%}.pull-lg-4{right:33.333333%}.pull-lg-5{right:41.666667%}.pull-lg-6{right:50%}.pull-lg-7{right:58.333333%}.pull-lg-8{right:66.666667%}.pull-lg-9{right:75%}.pull-lg-10{right:83.333333%}.pull-lg-11{right:91.666667%}.pull-lg-12{right:100%}.push-lg-0{left:auto}.push-lg-1{left:8.333333%}.push-lg-2{left:16.666667%}.push-lg-3{left:25%}.push-lg-4{left:33.333333%}.push-lg-5{left:41.666667%}.push-lg-6{left:50%}.push-lg-7{left:58.333333%}.push-lg-8{left:66.666667%}.push-lg-9{left:75%}.push-lg-10{left:83.333333%}.push-lg-11{left:91.666667%}.push-lg-12{left:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-xl-0{right:auto}.pull-xl-1{right:8.333333%}.pull-xl-2{right:16.666667%}.pull-xl-3{right:25%}.pull-xl-4{right:33.333333%}.pull-xl-5{right:41.666667%}.pull-xl-6{right:50%}.pull-xl-7{right:58.333333%}.pull-xl-8{right:66.666667%}.pull-xl-9{right:75%}.pull-xl-10{right:83.333333%}.pull-xl-11{right:91.666667%}.pull-xl-12{right:100%}.push-xl-0{left:auto}.push-xl-1{left:8.333333%}.push-xl-2{left:16.666667%}.push-xl-3{left:25%}.push-xl-4{left:33.333333%}.push-xl-5{left:41.666667%}.push-xl-6{left:50%}.push-xl-7{left:58.333333%}.push-xl-8{left:66.666667%}.push-xl-9{left:75%}.push-xl-10{left:83.333333%}.push-xl-11{left:91.666667%}.push-xl-12{left:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #eceeef}.table thead th{vertical-align:bottom;border-bottom:2px solid #eceeef}.table tbody+tbody{border-top:2px solid #eceeef}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #eceeef}.table-bordered td,.table-bordered th{border:1px solid #eceeef}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table-success,.table-success>td,.table-success>th{background-color:#dff0d8}.table-hover .table-success:hover{background-color:#d0e9c6}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#d0e9c6}.table-info,.table-info>td,.table-info>th{background-color:#d9edf7}.table-hover .table-info:hover{background-color:#c4e3f3}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#c4e3f3}.table-warning,.table-warning>td,.table-warning>th{background-color:#fcf8e3}.table-hover .table-warning:hover{background-color:#faf2cc}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#faf2cc}.table-danger,.table-danger>td,.table-danger>th{background-color:#f2dede}.table-hover .table-danger:hover{background-color:#ebcccc}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ebcccc}.thead-inverse th{color:#fff;background-color:#292b2c}.thead-default th{color:#464a4c;background-color:#eceeef}.table-inverse{color:#fff;background-color:#292b2c}.table-inverse td,.table-inverse th,.table-inverse thead th{border-color:#3b3e40}.table-inverse.table-bordered{border:0}.table-inverse.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-inverse.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:991px){.table-responsive{display:block;width:100%;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive.table-bordered{border:0}}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.25;color:#464a4c;background-color:#fff;background-image:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#464a4c;background-color:#fff;border-color:#5cb3fd;outline:0}.form-control::-webkit-input-placeholder{color:#636c72;opacity:1}.form-control::-moz-placeholder{color:#636c72;opacity:1}.form-control:-ms-input-placeholder{color:#636c72;opacity:1}.form-control::placeholder{color:#636c72;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#eceeef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#464a4c;background-color:#fff}.form-control-file,.form-control-range{display:block}.col-form-label{padding-top:calc(.5rem - 1px * 2);padding-bottom:calc(.5rem - 1px * 2);margin-bottom:0}.col-form-label-lg{padding-top:calc(.5rem - 1px * 2);padding-bottom:calc(.5rem - 1px * 2);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem - 1px * 2);padding-bottom:calc(.25rem - 1px * 2);font-size:.875rem}.col-form-legend{padding-top:.5rem;padding-bottom:.5rem;margin-bottom:0;font-size:1rem}.form-control-plaintext{padding-top:.5rem;padding-bottom:.5rem;margin-bottom:0;line-height:1.25;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.form-control-plaintext.input-group-addon,.input-group-lg>.input-group-btn>.form-control-plaintext.btn,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.form-control-plaintext.input-group-addon,.input-group-sm>.input-group-btn>.form-control-plaintext.btn{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),.input-group-sm>select.input-group-addon:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),.input-group-lg>select.input-group-addon:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.3125rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;margin-bottom:.5rem}.form-check.disabled .form-check-label{color:#636c72}.form-check-label{padding-left:1.25rem;margin-bottom:0}.form-check-input{position:absolute;margin-top:.25rem;margin-left:-1.25rem}.form-check-input:only-child{position:static}.form-check-inline{display:inline-block}.form-check-inline .form-check-label{vertical-align:middle}.form-check-inline+.form-check-inline{margin-left:.75rem}.invalid-feedback{display:none;margin-top:.25rem;font-size:.875rem;color:#d9534f}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;width:250px;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(217,83,79,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#5cb85c}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{-webkit-box-shadow:0 0 0 .2rem rgba(92,184,92,.25);box-shadow:0 0 0 .2rem rgba(92,184,92,.25)}.custom-select.is-valid~.invalid-feedback,.custom-select.is-valid~.invalid-tooltip,.form-control.is-valid~.invalid-feedback,.form-control.is-valid~.invalid-tooltip,.was-validated .custom-select:valid~.invalid-feedback,.was-validated .custom-select:valid~.invalid-tooltip,.was-validated .form-control:valid~.invalid-feedback,.was-validated .form-control:valid~.invalid-tooltip{display:block}.form-check-input.is-valid+.form-check-label,.was-validated .form-check-input:valid+.form-check-label{color:#5cb85c}.custom-control-input.is-valid~.custom-control-indicator,.was-validated .custom-control-input:valid~.custom-control-indicator{background-color:rgba(92,184,92,.25)}.custom-control-input.is-valid~.custom-control-description,.was-validated .custom-control-input:valid~.custom-control-description{color:#5cb85c}.custom-file-input.is-valid~.custom-file-control,.was-validated .custom-file-input:valid~.custom-file-control{border-color:#5cb85c}.custom-file-input.is-valid~.custom-file-control::before,.was-validated .custom-file-input:valid~.custom-file-control::before{border-color:inherit}.custom-file-input.is-valid:focus,.was-validated .custom-file-input:valid:focus{-webkit-box-shadow:0 0 0 .2rem rgba(92,184,92,.25);box-shadow:0 0 0 .2rem rgba(92,184,92,.25)}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#d9534f}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{-webkit-box-shadow:0 0 0 .2rem rgba(217,83,79,.25);box-shadow:0 0 0 .2rem rgba(217,83,79,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid+.form-check-label,.was-validated .form-check-input:invalid+.form-check-label{color:#d9534f}.custom-control-input.is-invalid~.custom-control-indicator,.was-validated .custom-control-input:invalid~.custom-control-indicator{background-color:rgba(217,83,79,.25)}.custom-control-input.is-invalid~.custom-control-description,.was-validated .custom-control-input:invalid~.custom-control-description{color:#d9534f}.custom-file-input.is-invalid~.custom-file-control,.was-validated .custom-file-input:invalid~.custom-file-control{border-color:#d9534f}.custom-file-input.is-invalid~.custom-file-control::before,.was-validated .custom-file-input:invalid~.custom-file-control::before{border-color:inherit}.custom-file-input.is-invalid:focus,.was-validated .custom-file-input:invalid:focus{-webkit-box-shadow:0 0 0 .2rem rgba(217,83,79,.25);box-shadow:0 0 0 .2rem rgba(217,83,79,.25)}.form-inline{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{width:auto}.form-inline .form-control-label{margin-bottom:0;vertical-align:middle}.form-inline .form-check{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:auto;margin-top:0;margin-bottom:0}.form-inline .form-check-label{padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:0}.form-inline .custom-control-indicator{position:static;display:inline-block;margin-right:.25rem;vertical-align:text-bottom}.form-inline .has-feedback .form-control-feedback{top:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem .75rem;font-size:1rem;line-height:1.25;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;-webkit-box-shadow:0 0 0 3px rgba(2,117,216,.25);box-shadow:0 0 0 3px rgba(2,117,216,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn.active,.btn:active{background-image:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#0275d8;border-color:#0275d8}.btn-primary:hover{color:#fff;background-color:#025aa5;border-color:#01549b}.btn-primary.focus,.btn-primary:focus{-webkit-box-shadow:0 0 0 3px rgba(2,117,216,.5);box-shadow:0 0 0 3px rgba(2,117,216,.5)}.btn-primary.disabled,.btn-primary:disabled{background-color:#0275d8;border-color:#0275d8}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#025aa5;background-image:none;border-color:#01549b}.btn-secondary{color:#292b2c;background-color:#fff;border-color:#ccc}.btn-secondary:hover{color:#292b2c;background-color:#e6e6e6;border-color:#adadad}.btn-secondary.focus,.btn-secondary:focus{-webkit-box-shadow:0 0 0 3px rgba(204,204,204,.5);box-shadow:0 0 0 3px rgba(204,204,204,.5)}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#fff;border-color:#ccc}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#292b2c;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-info{color:#fff;background-color:#5bc0de;border-color:#5bc0de}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#2aabd2}.btn-info.focus,.btn-info:focus{-webkit-box-shadow:0 0 0 3px rgba(91,192,222,.5);box-shadow:0 0 0 3px rgba(91,192,222,.5)}.btn-info.disabled,.btn-info:disabled{background-color:#5bc0de;border-color:#5bc0de}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;background-image:none;border-color:#2aabd2}.btn-success{color:#fff;background-color:#5cb85c;border-color:#5cb85c}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#419641}.btn-success.focus,.btn-success:focus{-webkit-box-shadow:0 0 0 3px rgba(92,184,92,.5);box-shadow:0 0 0 3px rgba(92,184,92,.5)}.btn-success.disabled,.btn-success:disabled{background-color:#5cb85c;border-color:#5cb85c}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;background-image:none;border-color:#419641}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#eb9316}.btn-warning.focus,.btn-warning:focus{-webkit-box-shadow:0 0 0 3px rgba(240,173,78,.5);box-shadow:0 0 0 3px rgba(240,173,78,.5)}.btn-warning.disabled,.btn-warning:disabled{background-color:#f0ad4e;border-color:#f0ad4e}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;background-image:none;border-color:#eb9316}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d9534f}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#c12e2a}.btn-danger.focus,.btn-danger:focus{-webkit-box-shadow:0 0 0 3px rgba(217,83,79,.5);box-shadow:0 0 0 3px rgba(217,83,79,.5)}.btn-danger.disabled,.btn-danger:disabled{background-color:#d9534f;border-color:#d9534f}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;background-image:none;border-color:#c12e2a}.btn-outline-primary{color:#0275d8;background-color:transparent;background-image:none;border-color:#0275d8}.btn-outline-primary:hover{color:#fff;background-color:#0275d8;border-color:#0275d8}.btn-outline-primary.focus,.btn-outline-primary:focus{-webkit-box-shadow:0 0 0 3px rgba(2,117,216,.5);box-shadow:0 0 0 3px rgba(2,117,216,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0275d8;background-color:transparent}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#0275d8;border-color:#0275d8}.btn-outline-secondary{color:#ccc;background-color:transparent;background-image:none;border-color:#ccc}.btn-outline-secondary:hover{color:#292b2c;background-color:#ccc;border-color:#ccc}.btn-outline-secondary.focus,.btn-outline-secondary:focus{-webkit-box-shadow:0 0 0 3px rgba(204,204,204,.5);box-shadow:0 0 0 3px rgba(204,204,204,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#ccc;background-color:transparent}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#292b2c;background-color:#ccc;border-color:#ccc}.btn-outline-info{color:#5bc0de;background-color:transparent;background-image:none;border-color:#5bc0de}.btn-outline-info:hover{color:#fff;background-color:#5bc0de;border-color:#5bc0de}.btn-outline-info.focus,.btn-outline-info:focus{-webkit-box-shadow:0 0 0 3px rgba(91,192,222,.5);box-shadow:0 0 0 3px rgba(91,192,222,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#5bc0de;background-color:transparent}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#5bc0de;border-color:#5bc0de}.btn-outline-success{color:#5cb85c;background-color:transparent;background-image:none;border-color:#5cb85c}.btn-outline-success:hover{color:#fff;background-color:#5cb85c;border-color:#5cb85c}.btn-outline-success.focus,.btn-outline-success:focus{-webkit-box-shadow:0 0 0 3px rgba(92,184,92,.5);box-shadow:0 0 0 3px rgba(92,184,92,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#5cb85c;background-color:transparent}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5cb85c;border-color:#5cb85c}.btn-outline-warning{color:#f0ad4e;background-color:transparent;background-image:none;border-color:#f0ad4e}.btn-outline-warning:hover{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}.btn-outline-warning.focus,.btn-outline-warning:focus{-webkit-box-shadow:0 0 0 3px rgba(240,173,78,.5);box-shadow:0 0 0 3px rgba(240,173,78,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#f0ad4e;background-color:transparent}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}.btn-outline-danger{color:#d9534f;background-color:transparent;background-image:none;border-color:#d9534f}.btn-outline-danger:hover{color:#fff;background-color:#d9534f;border-color:#d9534f}.btn-outline-danger.focus,.btn-outline-danger:focus{-webkit-box-shadow:0 0 0 3px rgba(217,83,79,.5);box-shadow:0 0 0 3px rgba(217,83,79,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#d9534f;background-color:transparent}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#d9534f;border-color:#d9534f}.btn-link{font-weight:400;color:#0275d8;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link:disabled{background-color:transparent}.btn-link,.btn-link:active,.btn-link:focus{border-color:transparent}.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#014c8c;text-decoration:underline;background-color:transparent}.btn-link:disabled{color:#636c72}.btn-link:disabled:focus,.btn-link:disabled:hover{text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.dropdown,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropup .dropdown-toggle::after{border-top:0;border-bottom:.3em solid}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#292b2c;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #eceeef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#292b2c;text-align:inherit;white-space:nowrap;background:0 0;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1d1e1f;text-decoration:none;background-color:#f7f7f9}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0275d8}.dropdown-item.disabled,.dropdown-item:disabled{color:#636c72;background-color:transparent}.show>a{outline:0}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#636c72;white-space:nowrap}.btn-group,.btn-group-vertical{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;margin-bottom:0}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:2}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.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-left:-1px}.btn-toolbar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.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-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-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-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn+.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.btn+.dropdown-toggle-split::after{margin-left:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.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-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-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-left-radius:0;border-top-right-radius:0}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.input-group .form-control{position:relative;z-index:2;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group .form-control:active,.input-group .form-control:focus,.input-group .form-control:hover{z-index:3}.input-group .form-control,.input-group-addon,.input-group-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{white-space:nowrap;vertical-align:middle}.input-group-addon{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.25;color:#464a4c;text-align:center;background-color:#eceeef;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.input-group-addon.form-control-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-addon.form-control-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:not(:last-child),.input-group-addon:not(:last-child),.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group>.btn,.input-group-btn:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:not(:last-child){border-right:0}.input-group .form-control:not(:first-child),.input-group-addon:not(:first-child),.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group>.btn,.input-group-btn:not(:first-child)>.dropdown-toggle,.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,.input-group-btn:not(:last-child)>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.form-control+.input-group-addon:not(:first-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:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:3}.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group{margin-right:-1px}.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group{z-index:2;margin-left:-1px}.input-group-btn:not(:first-child)>.btn-group:active,.input-group-btn:not(:first-child)>.btn-group:focus,.input-group-btn:not(:first-child)>.btn-group:hover,.input-group-btn:not(:first-child)>.btn:active,.input-group-btn:not(:first-child)>.btn:focus,.input-group-btn:not(:first-child)>.btn:hover{z-index:3}.custom-control{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-height:1.5rem;padding-left:1.5rem;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-indicator{color:#fff;background-color:#0275d8}.custom-control-input:focus~.custom-control-indicator{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 3px #0275d8;box-shadow:0 0 0 1px #fff,0 0 0 3px #0275d8}.custom-control-input:active~.custom-control-indicator{color:#fff;background-color:#8fcafe}.custom-control-input:disabled~.custom-control-indicator{background-color:#eceeef}.custom-control-input:disabled~.custom-control-description{color:#636c72}.custom-control-indicator{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#ddd;background-repeat:no-repeat;background-position:center center;-webkit-background-size:50% 50%;background-size:50% 50%}.custom-checkbox .custom-control-indicator{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator{background-color:#0275d8;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-radio .custom-control-indicator{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-controls-stacked{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.custom-controls-stacked .custom-control{margin-bottom:.25rem}.custom-controls-stacked .custom-control+.custom-control{margin-left:0}.custom-select{display:inline-block;max-width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.25;color:#464a4c;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;-webkit-background-size:8px 10px;background-size:8px 10px;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#5cb3fd;outline:0}.custom-select:focus::-ms-value{color:#464a4c;background-color:#fff}.custom-select:disabled{color:#636c72;background-color:#eceeef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-file{position:relative;display:inline-block;max-width:100%;height:2.5rem;margin-bottom:0}.custom-file-input{min-width:14rem;max-width:100%;height:2.5rem;margin:0;opacity:0}.custom-file-control{position:absolute;top:0;right:0;left:0;z-index:5;height:2.5rem;padding:.5rem 1rem;line-height:1.5;color:#464a4c;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.custom-file-control:lang(en):empty::after{content:"Choose file..."}.custom-file-control::before{position:absolute;top:-1px;right:-1px;bottom:-1px;z-index:6;display:block;height:2.5rem;padding:.5rem 1rem;line-height:1.5;color:#464a4c;background-color:#eceeef;border:1px solid rgba(0,0,0,.15);border-radius:0 .25rem .25rem 0}.custom-file-control:lang(en)::before{content:"Browse"}.nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#636c72}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#eceeef #eceeef #ddd}.nav-tabs .nav-link.disabled{color:#636c72;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#464a4c;background-color:#fff;border-color:#ddd #ddd #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.show>.nav-pills .nav-link{color:#fff;background-color:#0275d8}.nav-fill .nav-item{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:575px){.navbar>.container,.navbar>.container-fluid{width:100%;margin-right:0;margin-left:0}}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background:0 0;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;-webkit-background-size:100% 100%;background-size:100% 100%}@media (max-width:575px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:#f7f7f9;border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:#f7f7f9;border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-primary{background-color:#0275d8;border-color:#0275d8}.card-primary .card-footer,.card-primary .card-header{background-color:transparent}.card-success{background-color:#5cb85c;border-color:#5cb85c}.card-success .card-footer,.card-success .card-header{background-color:transparent}.card-info{background-color:#5bc0de;border-color:#5bc0de}.card-info .card-footer,.card-info .card-header{background-color:transparent}.card-warning{background-color:#f0ad4e;border-color:#f0ad4e}.card-warning .card-footer,.card-warning .card-header{background-color:transparent}.card-danger{background-color:#d9534f;border-color:#d9534f}.card-danger .card-footer,.card-danger .card-header{background-color:transparent}.card-outline-primary{background-color:transparent;border-color:#0275d8}.card-outline-primary .card-footer,.card-outline-primary .card-header{background-color:transparent;border-color:#0275d8}.card-outline-secondary{background-color:transparent;border-color:#ccc}.card-outline-secondary .card-footer,.card-outline-secondary .card-header{background-color:transparent;border-color:#ccc}.card-outline-info{background-color:transparent;border-color:#5bc0de}.card-outline-info .card-footer,.card-outline-info .card-header{background-color:transparent;border-color:#5bc0de}.card-outline-success{background-color:transparent;border-color:#5cb85c}.card-outline-success .card-footer,.card-outline-success .card-header{background-color:transparent;border-color:#5cb85c}.card-outline-warning{background-color:transparent;border-color:#f0ad4e}.card-outline-warning .card-footer,.card-outline-warning .card-header{background-color:transparent;border-color:#f0ad4e}.card-outline-danger{background-color:transparent;border-color:#d9534f}.card-outline-danger .card-footer,.card-outline-danger .card-header{background-color:transparent;border-color:#d9534f}.card-inverse{color:rgba(255,255,255,.65)}.card-inverse .card-footer,.card-inverse .card-header{background-color:transparent;border-color:rgba(255,255,255,.2)}.card-inverse .card-blockquote,.card-inverse .card-footer,.card-inverse .card-header,.card-inverse .card-title{color:#fff}.card-inverse .card-blockquote .blockquote-footer,.card-inverse .card-link,.card-inverse .card-subtitle,.card-inverse .card-text{color:rgba(255,255,255,.65)}.card-inverse .card-link:focus,.card-inverse .card-link:hover{color:#fff}.card-blockquote{padding:0;margin-bottom:0;border-left:0}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}@media (min-width:576px){.card-deck{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-left:15px}}@media (min-width:576px){.card-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group .card{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.card-group .card+.card{margin-left:0;border-left:0}.card-group .card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group .card:first-child .card-img-top{border-top-right-radius:0}.card-group .card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group .card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group .card:last-child .card-img-top{border-top-left-radius:0}.card-group .card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group .card:not(:first-child):not(:last-child){border-radius:0}.card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#eceeef;border-radius:.25rem}.breadcrumb::after{display:block;clear:both;content:""}.breadcrumb-item{float:left}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#636c72;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#636c72}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:2;color:#fff;background-color:#0275d8;border-color:#0275d8}.page-item.disabled .page-link{color:#636c72;pointer-events:none;background-color:#fff;border-color:#ddd}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#0275d8;background-color:#fff;border:1px solid #ddd}.page-link:focus,.page-link:hover{color:#014c8c;text-decoration:none;background-color:#eceeef;border-color:#ddd}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-default{background-color:#636c72}.badge-default[href]:focus,.badge-default[href]:hover{background-color:#4b5257}.badge-primary{background-color:#0275d8}.badge-primary[href]:focus,.badge-primary[href]:hover{background-color:#025aa5}.badge-success{background-color:#5cb85c}.badge-success[href]:focus,.badge-success[href]:hover{background-color:#449d44}.badge-info{background-color:#5bc0de}.badge-info[href]:focus,.badge-info[href]:hover{background-color:#31b0d5}.badge-warning{background-color:#f0ad4e}.badge-warning[href]:focus,.badge-warning[href]:hover{background-color:#ec971f}.badge-danger{background-color:#d9534f}.badge-danger[href]:focus,.badge-danger[href]:hover{background-color:#c9302c}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#eceeef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible .close{position:relative;top:-.75rem;right:-1.25rem;padding:.75rem 1.25rem;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d0e9c6}.alert-success hr{border-top-color:#c1e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bcdff1}.alert-info hr{border-top-color:#a6d5ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faf2cc}.alert-warning hr{border-top-color:#f7ecb5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebcccc}.alert-danger hr{border-top-color:#e4b9b9}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;font-size:.75rem;line-height:1rem;text-align:center;background-color:#eceeef;border-radius:.25rem}.progress-bar{height:1rem;line-height:1rem;color:#fff;background-color:#0275d8;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:1rem 1rem;background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;-o-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.media-body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.list-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#464a4c;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#464a4c;text-decoration:none;background-color:#f7f7f9}.list-group-item-action:active{color:#292b2c;background-color:#eceeef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#636c72;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0275d8;border-color:#0275d8}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,button.list-group-item-success.active{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,button.list-group-item-info.active{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,button.list-group-item-warning.active{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,button.list-group-item-danger.active{color:#fff;background-color:#a94442;border-color:#a94442}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;-webkit-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:15px;border-top:1px solid #eceeef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:5px;height:5px}.tooltip.bs-tooltip-auto[x-placement^=top],.tooltip.bs-tooltip-top{padding:5px 0}.tooltip.bs-tooltip-auto[x-placement^=top] .arrow,.tooltip.bs-tooltip-top .arrow{bottom:0}.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.bs-tooltip-top .arrow::before{margin-left:-3px;content:"";border-width:5px 5px 0;border-top-color:#000}.tooltip.bs-tooltip-auto[x-placement^=right],.tooltip.bs-tooltip-right{padding:0 5px}.tooltip.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.bs-tooltip-right .arrow{left:0}.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.bs-tooltip-right .arrow::before{margin-top:-3px;content:"";border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.bs-tooltip-auto[x-placement^=bottom],.tooltip.bs-tooltip-bottom{padding:5px 0}.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow,.tooltip.bs-tooltip-bottom .arrow{top:0}.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.bs-tooltip-bottom .arrow::before{margin-left:-3px;content:"";border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bs-tooltip-auto[x-placement^=left],.tooltip.bs-tooltip-left{padding:0 5px}.tooltip.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.bs-tooltip-left .arrow{right:0}.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.bs-tooltip-left .arrow::before{right:0;margin-top:-3px;content:"";border-width:5px 0 5px 5px;border-left-color:#000}.tooltip .arrow::before{position:absolute;border-color:transparent;border-style:solid}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;padding:1px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:10px;height:5px}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;border-color:transparent;border-style:solid}.popover .arrow::before{content:"";border-width:11px}.popover .arrow::after{content:"";border-width:11px}.popover.bs-popover-auto[x-placement^=top],.popover.bs-popover-top{margin-bottom:10px}.popover.bs-popover-auto[x-placement^=top] .arrow,.popover.bs-popover-top .arrow{bottom:0}.popover.bs-popover-auto[x-placement^=top] .arrow::after,.popover.bs-popover-auto[x-placement^=top] .arrow::before,.popover.bs-popover-top .arrow::after,.popover.bs-popover-top .arrow::before{border-bottom-width:0}.popover.bs-popover-auto[x-placement^=top] .arrow::before,.popover.bs-popover-top .arrow::before{bottom:-11px;margin-left:-6px;border-top-color:rgba(0,0,0,.25)}.popover.bs-popover-auto[x-placement^=top] .arrow::after,.popover.bs-popover-top .arrow::after{bottom:-10px;margin-left:-6px;border-top-color:#fff}.popover.bs-popover-auto[x-placement^=right],.popover.bs-popover-right{margin-left:10px}.popover.bs-popover-auto[x-placement^=right] .arrow,.popover.bs-popover-right .arrow{left:0}.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::after,.popover.bs-popover-right .arrow::before{margin-top:-8px;border-left-width:0}.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::before{left:-11px;border-right-color:rgba(0,0,0,.25)}.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-right .arrow::after{left:-10px;border-right-color:#fff}.popover.bs-popover-auto[x-placement^=bottom],.popover.bs-popover-bottom{margin-top:10px}.popover.bs-popover-auto[x-placement^=bottom] .arrow,.popover.bs-popover-bottom .arrow{top:0}.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::after,.popover.bs-popover-bottom .arrow::before{margin-left:-7px;border-top-width:0}.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::before{top:-11px;border-bottom-color:rgba(0,0,0,.25)}.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-bottom .arrow::after{top:-10px;border-bottom-color:#fff}.popover.bs-popover-auto[x-placement^=bottom] .popover-header::before,.popover.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:20px;margin-left:-10px;content:"";border-bottom:1px solid #f7f7f7}.popover.bs-popover-auto[x-placement^=left],.popover.bs-popover-left{margin-right:10px}.popover.bs-popover-auto[x-placement^=left] .arrow,.popover.bs-popover-left .arrow{right:0}.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::after,.popover.bs-popover-left .arrow::before{margin-top:-8px;border-right-width:0}.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::before{right:-11px;border-left-color:rgba(0,0,0,.25)}.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-left .arrow::after{right:-10px;border-left-color:#fff}.popover-header{padding:8px 14px;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:9px 14px;color:#292b2c}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;-o-transition:-o-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease,-o-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;-webkit-background-size:100% 100%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;max-width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-faded{background-color:#f7f7f7}.bg-primary{background-color:#0275d8!important}a.bg-primary:focus,a.bg-primary:hover{background-color:#025aa5!important}.bg-success{background-color:#5cb85c!important}a.bg-success:focus,a.bg-success:hover{background-color:#449d44!important}.bg-info{background-color:#5bc0de!important}a.bg-info:focus,a.bg-info:hover{background-color:#31b0d5!important}.bg-warning{background-color:#f0ad4e!important}a.bg-warning:focus,a.bg-warning:hover{background-color:#ec971f!important}.bg-danger{background-color:#d9534f!important}a.bg-danger:focus,a.bg-danger:hover{background-color:#c9302c!important}.bg-inverse{background-color:#292b2c!important}a.bg-inverse:focus,a.bg-inverse:hover{background-color:#101112!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%}.rounded-0{border-radius:0}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.d-print-block{display:none!important}@media print{.d-print-block{display:block!important}}.d-print-inline{display:none!important}@media print{.d-print-inline{display:inline!important}}.d-print-inline-block{display:none!important}@media print{.d-print-inline-block{display:inline-block!important}}@media print{.d-print-none{display:none!important}}.order-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.order-sm-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-sm-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.order-md-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-md-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.order-lg-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-lg-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.order-xl-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-xl-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-right:0!important;margin-left:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-3{margin:1rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3{margin-left:1rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.m-4{margin:1.5rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4{margin-left:1.5rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-5{margin:3rem!important}.mt-5{margin-top:3rem!important}.mr-5{margin-right:3rem!important}.mb-5{margin-bottom:3rem!important}.ml-5{margin-left:3rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-right:0!important;padding-left:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3{padding-left:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.p-4{padding:1.5rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4{padding-left:1.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-5{padding:3rem!important}.pt-5{padding-top:3rem!important}.pr-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.pl-5{padding-left:3rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0{margin-top:0!important}.mr-sm-0{margin-right:0!important}.mb-sm-0{margin-bottom:0!important}.ml-sm-0{margin-left:0!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1{margin-top:.25rem!important}.mr-sm-1{margin-right:.25rem!important}.mb-sm-1{margin-bottom:.25rem!important}.ml-sm-1{margin-left:.25rem!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2{margin-top:.5rem!important}.mr-sm-2{margin-right:.5rem!important}.mb-sm-2{margin-bottom:.5rem!important}.ml-sm-2{margin-left:.5rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3{margin-top:1rem!important}.mr-sm-3{margin-right:1rem!important}.mb-sm-3{margin-bottom:1rem!important}.ml-sm-3{margin-left:1rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4{margin-top:1.5rem!important}.mr-sm-4{margin-right:1.5rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.ml-sm-4{margin-left:1.5rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5{margin-top:3rem!important}.mr-sm-5{margin-right:3rem!important}.mb-sm-5{margin-bottom:3rem!important}.ml-sm-5{margin-left:3rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0{padding-top:0!important}.pr-sm-0{padding-right:0!important}.pb-sm-0{padding-bottom:0!important}.pl-sm-0{padding-left:0!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1{padding-top:.25rem!important}.pr-sm-1{padding-right:.25rem!important}.pb-sm-1{padding-bottom:.25rem!important}.pl-sm-1{padding-left:.25rem!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2{padding-top:.5rem!important}.pr-sm-2{padding-right:.5rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pl-sm-2{padding-left:.5rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3{padding-top:1rem!important}.pr-sm-3{padding-right:1rem!important}.pb-sm-3{padding-bottom:1rem!important}.pl-sm-3{padding-left:1rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4{padding-top:1.5rem!important}.pr-sm-4{padding-right:1.5rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pl-sm-4{padding-left:1.5rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5{padding-top:3rem!important}.pr-sm-5{padding-right:3rem!important}.pb-sm-5{padding-bottom:3rem!important}.pl-sm-5{padding-left:3rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-auto{margin-right:auto!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-auto{margin-left:auto!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0{margin-top:0!important}.mr-md-0{margin-right:0!important}.mb-md-0{margin-bottom:0!important}.ml-md-0{margin-left:0!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.m-md-1{margin:.25rem!important}.mt-md-1{margin-top:.25rem!important}.mr-md-1{margin-right:.25rem!important}.mb-md-1{margin-bottom:.25rem!important}.ml-md-1{margin-left:.25rem!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2{margin-top:.5rem!important}.mr-md-2{margin-right:.5rem!important}.mb-md-2{margin-bottom:.5rem!important}.ml-md-2{margin-left:.5rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3{margin-top:1rem!important}.mr-md-3{margin-right:1rem!important}.mb-md-3{margin-bottom:1rem!important}.ml-md-3{margin-left:1rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4{margin-top:1.5rem!important}.mr-md-4{margin-right:1.5rem!important}.mb-md-4{margin-bottom:1.5rem!important}.ml-md-4{margin-left:1.5rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5{margin-top:3rem!important}.mr-md-5{margin-right:3rem!important}.mb-md-5{margin-bottom:3rem!important}.ml-md-5{margin-left:3rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-md-0{padding:0!important}.pt-md-0{padding-top:0!important}.pr-md-0{padding-right:0!important}.pb-md-0{padding-bottom:0!important}.pl-md-0{padding-left:0!important}.px-md-0{padding-right:0!important;padding-left:0!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.p-md-1{padding:.25rem!important}.pt-md-1{padding-top:.25rem!important}.pr-md-1{padding-right:.25rem!important}.pb-md-1{padding-bottom:.25rem!important}.pl-md-1{padding-left:.25rem!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2{padding-top:.5rem!important}.pr-md-2{padding-right:.5rem!important}.pb-md-2{padding-bottom:.5rem!important}.pl-md-2{padding-left:.5rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3{padding-top:1rem!important}.pr-md-3{padding-right:1rem!important}.pb-md-3{padding-bottom:1rem!important}.pl-md-3{padding-left:1rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4{padding-top:1.5rem!important}.pr-md-4{padding-right:1.5rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pl-md-4{padding-left:1.5rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5{padding-top:3rem!important}.pr-md-5{padding-right:3rem!important}.pb-md-5{padding-bottom:3rem!important}.pl-md-5{padding-left:3rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto{margin-top:auto!important}.mr-md-auto{margin-right:auto!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-auto{margin-left:auto!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0{margin-top:0!important}.mr-lg-0{margin-right:0!important}.mb-lg-0{margin-bottom:0!important}.ml-lg-0{margin-left:0!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1{margin-top:.25rem!important}.mr-lg-1{margin-right:.25rem!important}.mb-lg-1{margin-bottom:.25rem!important}.ml-lg-1{margin-left:.25rem!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2{margin-top:.5rem!important}.mr-lg-2{margin-right:.5rem!important}.mb-lg-2{margin-bottom:.5rem!important}.ml-lg-2{margin-left:.5rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3{margin-top:1rem!important}.mr-lg-3{margin-right:1rem!important}.mb-lg-3{margin-bottom:1rem!important}.ml-lg-3{margin-left:1rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4{margin-top:1.5rem!important}.mr-lg-4{margin-right:1.5rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.ml-lg-4{margin-left:1.5rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5{margin-top:3rem!important}.mr-lg-5{margin-right:3rem!important}.mb-lg-5{margin-bottom:3rem!important}.ml-lg-5{margin-left:3rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0{padding-top:0!important}.pr-lg-0{padding-right:0!important}.pb-lg-0{padding-bottom:0!important}.pl-lg-0{padding-left:0!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1{padding-top:.25rem!important}.pr-lg-1{padding-right:.25rem!important}.pb-lg-1{padding-bottom:.25rem!important}.pl-lg-1{padding-left:.25rem!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2{padding-top:.5rem!important}.pr-lg-2{padding-right:.5rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pl-lg-2{padding-left:.5rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3{padding-top:1rem!important}.pr-lg-3{padding-right:1rem!important}.pb-lg-3{padding-bottom:1rem!important}.pl-lg-3{padding-left:1rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4{padding-top:1.5rem!important}.pr-lg-4{padding-right:1.5rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pl-lg-4{padding-left:1.5rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5{padding-top:3rem!important}.pr-lg-5{padding-right:3rem!important}.pb-lg-5{padding-bottom:3rem!important}.pl-lg-5{padding-left:3rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-auto{margin-right:auto!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-auto{margin-left:auto!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0{margin-top:0!important}.mr-xl-0{margin-right:0!important}.mb-xl-0{margin-bottom:0!important}.ml-xl-0{margin-left:0!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1{margin-top:.25rem!important}.mr-xl-1{margin-right:.25rem!important}.mb-xl-1{margin-bottom:.25rem!important}.ml-xl-1{margin-left:.25rem!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2{margin-top:.5rem!important}.mr-xl-2{margin-right:.5rem!important}.mb-xl-2{margin-bottom:.5rem!important}.ml-xl-2{margin-left:.5rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3{margin-top:1rem!important}.mr-xl-3{margin-right:1rem!important}.mb-xl-3{margin-bottom:1rem!important}.ml-xl-3{margin-left:1rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4{margin-top:1.5rem!important}.mr-xl-4{margin-right:1.5rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.ml-xl-4{margin-left:1.5rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5{margin-top:3rem!important}.mr-xl-5{margin-right:3rem!important}.mb-xl-5{margin-bottom:3rem!important}.ml-xl-5{margin-left:3rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0{padding-top:0!important}.pr-xl-0{padding-right:0!important}.pb-xl-0{padding-bottom:0!important}.pl-xl-0{padding-left:0!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1{padding-top:.25rem!important}.pr-xl-1{padding-right:.25rem!important}.pb-xl-1{padding-bottom:.25rem!important}.pl-xl-1{padding-left:.25rem!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2{padding-top:.5rem!important}.pr-xl-2{padding-right:.5rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pl-xl-2{padding-left:.5rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3{padding-top:1rem!important}.pr-xl-3{padding-right:1rem!important}.pb-xl-3{padding-bottom:1rem!important}.pl-xl-3{padding-left:1rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4{padding-top:1.5rem!important}.pr-xl-4{padding-right:1.5rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pl-xl-4{padding-left:1.5rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5{padding-top:3rem!important}.pr-xl-5{padding-right:3rem!important}.pb-xl-5{padding-bottom:3rem!important}.pl-xl-5{padding-left:3rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-auto{margin-right:auto!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-auto{margin-left:auto!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-normal{font-weight:400}.font-weight-bold{font-weight:700}.font-italic{font-style:italic}.text-white{color:#fff!important}.text-muted{color:#636c72!important}a.text-muted:focus,a.text-muted:hover{color:#4b5257!important}.text-primary{color:#0275d8!important}a.text-primary:focus,a.text-primary:hover{color:#025aa5!important}.text-success{color:#5cb85c!important}a.text-success:focus,a.text-success:hover{color:#449d44!important}.text-info{color:#5bc0de!important}a.text-info:focus,a.text-info:hover{color:#31b0d5!important}.text-warning{color:#f0ad4e!important}a.text-warning:focus,a.text-warning:hover{color:#ec971f!important}.text-danger{color:#d9534f!important}a.text-danger:focus,a.text-danger:hover{color:#c9302c!important}.text-gray-dark{color:#292b2c!important}a.text-gray-dark:focus,a.text-gray-dark:hover{color:#101112!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}/*# sourceMappingURL=bootstrap.min.css.map */
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12{min-height:1px;padding-left:15px;padding-right:15px;position:relative}@media(max-width:480px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:none;width:auto}.col-lg-offset-1,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-md-offset-1,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{margin:0}.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12{float:left}.col-xxs-12{width:100%}.col-xxs-11{width:91.66666667%}.col-xxs-10{width:83.33333333%}.col-xxs-9{width:75%}.col-xxs-8{width:66.66666667%}.col-xxs-7{width:58.33333333%}.col-xxs-6{width:50%}.col-xxs-5{width:41.66666667%}.col-xxs-4{width:33.33333333%}.col-xxs-3{width:25%}.col-xxs-2{width:16.66666667%}.col-xxs-1{width:8.33333333%}.col-xxs-pull-12{right:100%}.col-xxs-pull-11{right:91.66666667%}.col-xxs-pull-10{right:83.33333333%}.col-xxs-pull-9{right:75%}.col-xxs-pull-8{right:66.66666667%}.col-xxs-pull-7{right:58.33333333%}.col-xxs-pull-6{right:50%}.col-xxs-pull-5{right:41.66666667%}.col-xxs-pull-4{right:33.33333333%}.col-xxs-pull-3{right:25%}.col-xxs-pull-2{right:16.66666667%}.col-xxs-pull-1{right:8.33333333%}.col-xxs-pull-0{right:auto}.col-xxs-push-12{left:100%}.col-xxs-push-11{left:91.66666667%}.col-xxs-push-10{left:83.33333333%}.col-xxs-push-9{left:75%}.col-xxs-push-8{left:66.66666667%}.col-xxs-push-7{left:58.33333333%}.col-xxs-push-6{left:50%}.col-xxs-push-5{left:41.66666667%}.col-xxs-push-4{left:33.33333333%}.col-xxs-push-3{left:25%}.col-xxs-push-2{left:16.66666667%}.col-xxs-push-1{left:8.33333333%}.col-xxs-push-0{left:auto}.col-xxs-offset-12{margin-left:100%}.col-xxs-offset-11{margin-left:91.66666667%}.col-xxs-offset-10{margin-left:83.33333333%}.col-xxs-offset-9{margin-left:75%}.col-xxs-offset-8{margin-left:66.66666667%}.col-xxs-offset-7{margin-left:58.33333333%}.col-xxs-offset-6{margin-left:50%}.col-xxs-offset-5{margin-left:41.66666667%}.col-xxs-offset-4{margin-left:33.33333333%}.col-xxs-offset-3{margin-left:25%}.col-xxs-offset-2{margin-left:16.66666667%}.col-xxs-offset-1{margin-left:8.33333333%}.col-xxs-offset-0{margin-left:0}}@media(max-width:480px){.hidden-xxs{display:none!important}}.visible-xxs,.visible-xxs-block,.visible-xxs-inline,.visible-xxs-inline-block{display:none!important}@media(max-width:480px){.visible-xxs{display:block!important}table.visible-xxs{display:table}tr.visible-xxs{display:table-row!important}td.visible-xxs,th.visible-xxs{display:table-cell!important}.visible-xxs-block{display:block!important}.visible-xxs-inline{display:inline!important}.visible-xxs-inline-block{display:inline-block!important}}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    width: 100vw;
    position: relative;
    z-index: 0;
    font-size: 62.5%;
    touch-action: none;
    overflow-x: hidden;
}

body {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100svh;
    -webkit-min-height: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    overflow-y: scroll;
    overflow-x: hidden;
	scroll-behavior: smooth;
    touch-action: none;
    overscroll-behavior-y: none;
    background: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #101014;
}

body#sub-page {
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    min-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #f1f5f9;
}

#language-select{
	min-height: 100%;
	overflow-y: scroll;
}

body#sub-page #language-select{
	padding-top:120px;
}

@media screen and (max-width: 768px) {
	#language-select{
		overflow-y: scroll;
	}
}


.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.none {
    display: none;
}

.block {
    display: block;
}


.container {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%;
    }
}

a {
	cursor: pointer;
    text-decoration: none;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
}

.disable-3d-touch {
    /*
	-webkit-touch-callout: none;
  -webkit-user-select: none;
*/
    touch-callout: none;
    user-select: none;
}

.btn {
    display: block;
    width: 100%;
    padding: 18px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    background-color: #FAB23D;

    color: #101014 !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: 0;
    border-radius: 4px;
}

.btn:hover {
	opacity: 0.8;
}

.btn-delete {
    display: block;
    width: 100%;
    padding: 18px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    background-color: #ef454a;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-delete:hover {
	opacity: 0.8;
}

.btn-start {
    background-color: #3498db;
    border: 1px solid #3498db;
}


.img-responsive {
    width: 100%;
    height: auto;
    display: block;
}

.mb00 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.btn-wrapper {
    width: 100%;
    max-width: 360px;
    margin: 10px auto;
}

.bold {
    font-weight: bold;
}

input[type="submit"],
input[type="button"] {

    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

.text-center {
    text-align: center;
}

.pt20 {
    padding-top: 20px;
}

hr {
    border-top: 1px solid #e4e4e4;
}

.flexbox {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.pc{
	display: block;
}
.sp{
	display: none;
}

@media screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}
/* ------------------------------
 チャットルーム
 ------------------------------ */

/* モーダル表示 */
#inline-wrap .container {
    color: white;
}

#inline-wrap .container h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px;
    text-align: center;
}

.language-flag {}

.language-flag img {
    width: 100%;
    display: block;
}

.close-button {
    clear: both;
    text-align: center;
    padding: 24px;
}

.close-button a {
    color: white;
}

.function-block {
    clear: both;
    margin-bottom: 2rem;
}

.function-block.animated {
    display: block;
    height: 100%;
}

.function-label p {
    padding: 12px 0;
    font-size: 13px;
    font-size: 1.3rem;
}


/* ボタンON OFF  */
.function-block input {
    display: none;
}

.function-block input+label,
.function-block input+label::before,
.function-block input+label::after {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.function-block input+label {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 48px;
    border-radius: 24px;
    cursor: pointer;
}

.function-block input+label::before {
    display: block;
    content: attr(data-off-label);
    position: absolute;
    top: 11px;
    right: 15px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 18px;
}

.function-block input+label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
}

.function-block input:checked+label::before {
    content: attr(data-on-label);
    left: 15px;
    right: auto;
    color: #fff;
}

.function-block input:checked+label::after {
    left: 54px;
    background-color: #f7f7f7;
}

.function-toggle+label,
#function-composition+label,
#function-translation-text+label {
    background-color: #aaa;
}

.function-toggle+label::before,
#function-composition+label::before,
#function-translation-text+label::before {
    color: #fff;
}

.function-toggle:checked+label,
#function-composition:checked+label,
#function-translation-text:checked+label {
    background-color: #1eb89b;
}

.function-toggle:checked+label::before #function-composition:checked+label::before #function-translation-text:checked+label::before {
    color: #fff;
}




/* ------------------------------
 チャットページ
 ------------------------------ */
.header-back {
    display: block;
    padding-top: 12px;
}

.header-back a {
    color: #1eb89b;
}

.header-info p {
    font-size: 9px;
    font-size: 0.9rem;
}

.header-info {
    text-align: center;
}

.header-info b {
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
}

.header-function {
    position: absolute;
    right: 0;
    top: 10px;
}

.header-function p i {
    font-size: 1.8rem;
    color: #1eb89b;
}


.chat-footer {
    width: 100%;
    background-color: white;

    position: relative;

    bottom: 0;
}

.chat-regist{
	position: absolute;
    width: 25px;
    right: 55px;
    bottom: 20px;
}

textarea {
    outline: none;
    height: auto;
}

@media screen and (max-width: 767px) {
    #text-input {
        /*
      height: 2rem;
      */
    }
}


.header-chat {
    position: relative;
}

.header-back,
.header-back a {
    display: block;
    width: 100%;
    color: #1eb89b;
}

.header-back i,
.footer-camera i,
.footer-file i,
.footer-voice i,
.footer-submit i {
    font-size: 24px;
    font-size: 2.4rem;
}

.footer-camera a,
.footer-file a,
.footer-voice a,
.footer-submit a {
    display: block;
    width: 100%;

    color: #1eb89b;
    text-align: center;
}

.footer-camera,
.footer-file {
    color: #1eb89b;
}

.chat-message-time {
    color: #90949c;
    font-size: 9px;
}

.tips {
    background-color: #1eb89b;
    padding: 15px;
    position: absolute;
    bottom: 70px;
    left: 3%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}


.tips p {
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.tips:after {
    border-top: 24px solid #1eb89b;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    content: '';
    margin-left: 10%;
    position: absolute;
    bottom: auto;
    left: 31%;
}

svg {
    vertical-align: bottom;
}


/* ------------------------------
 ボタン類
 ------------------------------ */

/* 通常時 */
a.color-button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* 押下時 */
a.color-button:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}

/* 押せない場合 */
a.color-button-disabled {
    pointer-events: none;
    /* aタグのリンクを無効にする。 */
    cursor: default;
    /* マウスオーバー時のカーソルを無しにする。 */
    color: #bbbbbb !important;
}


/**
 * 発言。
 */
.chat-message {
    width: 100%;
    height: auto;
    overflow: hidden;
    /* floatの解除 */
    margin-bottom: 20px;
    position: relative;
    /* 発言同士の間隔 */
}
.chat-message:before,
.chat-message:after{
	content: '';
	display: none;
}
/**
 * 相手の発言の位置指定。
 */
.chat-someone {
    margin-right: auto;
}

.chat-someone .chat-face-area {
    float: left;
    margin-right: 20px;
    text-align: center;
}

.chat-someone .chat-ballon-area {
    float: left;
}

/**
 * 自分の発言の位置指定。
 */
.chat-self {
    float: right;
    margin-left: auto;
}

.chat-self .chat-face-area {
    float: right;
    margin-left: 55px;
    text-align: center;
}

.chat-self .chat-ballon-area {
    float: right;
}

/* 発言者の顔写真 */
.chat-face-area img {
    border-radius: 20px;
    border: 1px solid #cccccc;
    width: 40px;
    height: 40px;
}

/* 吹き出し */
.chat-ballon {
    display: inline-block;
    /* コメントの文字数に合わせて可変とする */
    padding: 5px 10px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
}

/* 相手の吹き出しの方向 */
.chat-someone .chat-ballon:after {
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-right: solid 10px #ddd;
    left: -7px;
    content: "";
    display: block;
    height: 0;
    top: 20%;
    position: absolute;
    width: 0;
}

/* 自分の吹き出しの方向 */
.chat-self .chat-ballon:before {
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-left: solid 10px #ddd;
    right: -7px;
    content: "";
    display: block;
    height: 0;
    top: 20%;
    position: absolute;
    width: 0;
}

/* 相手の吹き出しの色指定 */
.chat-someone .chat-ballon {

    background-color: #35495e;
}

.chat-someone .chat-ballon:after {
    border-color: transparent #35495e transparent transparent;
}

/* 自分の吹き出しの色指定 */
.chat-self .chat-ballon {
    background-color: #f3f5f7 !important;
}

.chat-self .chat-ballon:before {
    border-color: transparent transparent transparent #f3f5f7;
}

.chat-input-form input[type=text],
.chat-input-form textarea {
    width: 100%;
}

/* ------------------------------
 ログイン／新規会員登録
 ------------------------------ */

#login {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;

}

#login h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 5px;

}

#login .container .row,
#login .container .col-md-12 {
    padding: 0 0 0 0;
    width: 100%;
    display: block;
    margin: 0 auto;
}


.login {
    margin-bottom: 36px;
}


.st0 {
    fill: #e6e9ed;
}

.st1 {
    fill: #e6e9ed;
}

#svg {
    width: 100%;
    margin: auto;
}

#svg path {
    stroke: transparent;
    fill: transparent;
}

#svg.start .st0,
#svg.start .st1 {
    stroke-dasharray: 2000;
    stroke-dashoffset: 0;
    stroke-width: .5;
}

#svg.start .st0 {
    stroke: #35495E;
    animation: st0_anime 2s ease-in 0s forwards;
}

#svg.start .st1 {
    stroke: #35495E;
    stroke-dashoffset: 2000;
    animation: st1_anime 2s ease-in .4s forwards;
}

@keyframes st0_anime {
    0% {
        stroke-dashoffset: 2000;
        fill: transparent;
    }

    50% {
        fill: transparent;
    }

    100% {
        stroke-dashoffset: 0;
        fill: #35495E;
    }
}

@keyframes st1_anime {
    0% {
        stroke-dashoffset: 2000;
        fill: transparent;
    }

    50% {
        fill: transparent;
    }

    100% {
        stroke-dashoffset: 0;
        stroke: #1EB79A;
        fill: #1EB79A;
    }
}

.home-logo {
    width: 50%;
    margin: 0 auto;
    padding: 10px 0;
    min-height: 50px;
}

.home-logo img {
    display: block;
    width: 100%;
    height: auto;
}



/*----------------------------------------------------------
//ログイン
-----------------------------------------------------------*/
#login .container {
    max-width: 480px;
    margin: 0 auto;
}

.login {
    width: 100%;
    padding: 18px;
    margin: 0 auto 16px;

    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

    box-sizing: border-box;
    position: relative;
}

.login p {
    text-align: center;
    margin-bottom: 6px;
}

.login-form {
    margin-bottom: 12px;
}

.form-signin {

    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    margin-bottom: 10px;
    width: 100%;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    width: 100%;
}

.account-wall {}

.login-title {
    color: #101014;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.profile-img {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.need-help {
    margin-top: 10px;
}

.new-account {
    display: block;
    margin-top: 10px;
}


.error-message{
	padding-top: 10vh;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
.error-message p{

}
.error ul li {
    list-style: none;
    color: red;
    line-height: 1.4;
}

.error {
    margin-bottom: 12px;
}

.signin-checkbox {
    padding: 6px 0 12px 0;
    display: flex;
    align-items: center;
}

.signin-checkbox input {
    margin-right: 10px;
}

.account-register {
    padding: 0 0 0 0;
    text-align: center;
    margin-bottom: 20px;
}

.account-register p {
    line-height: 1.8;
}

.account-register a {
    display: block;
    text-decoration: none;
}

.password-reminder-link a:hover,
.account-register a:hover {
    text-decoration: underline;
}



.social-login,
.form-signin {
    width: 100%;
}


.social-class .social-hex {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    font-size: 10px;
    opacity: .3;
    float: right
}

.social-class li {
    margin-bottom: 4px
}

.social-class li:hover .social-hex {
    opacity: 1
}

.social-class li:hover code {
    background-color: #e8e8ee
}

.social-class code {
    cursor: default
}


.form-signin .btn-social {
    color: #fff !important;
}

.form-signin .btn-social>:first-child {

    line-height: 38px;
    font-size: 1.2em;
}

.btn-social {
    margin-bottom: 6px;
}


.outter {
    padding: 0px;

    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
}

.image-circle {
    border-radius: 50%;
    width: 175px;
    height: 175px;
    border: 6px solid #FFF;
    margin: 10px;
}

.photo-upload {
    position: absolute;
    right: 20px;
    /* top: 0; */
    bottom: 20px;
}

.photo-delete {
    position: absolute;
    right: -8px;
    /* top: 0; */
    bottom: 68px;
}

.photo-delete p {
    padding: 0px;
    border: 1px solid #e74c3c;
    border-radius: 50%;
    background: #e74c3c;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.photo-delete p i {
    font-size: 2rem;
    padding-top: 10px;
    cursor: pointer;
    color: #fff;
}

.photo-upload i {
    font-size: 3rem;
    padding-top: 14px;
    cursor: pointer;
}

.photo-upload-circle {
    padding: 0px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    background: #fff;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
}

#settings-profile .photo-delete p {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

#settings-profile .photo-delete p a {
    display: inline-block;
    cursor: pointer;
}

.register-complete {
    text-align: center;
}

.register-complete p {
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 24px;
}

.social-login h5 {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 12px 0;
    border-top: 1px solid #f4f6f9;
    margin: 10px 0 0 0;
}

.password-reminder-link p a {
    display: block;
    text-align: center;
    padding: 10px 0 0 0;
    color: #101014 !important;
}

.login-form h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 6px;
    margin: 0 0 0 0;
}

.login-form h4 span {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
}

@media screen and (max-width: 320px) {
    .home-logo {
        min-height: 40px;
    }

    .login {
        padding: 10px;
        margin-bottom: 0px;
    }

    .form-signin .form-control {
        padding: 4px;
    }

    .social-login h5 {
        padding: 6px;
    }

    .form-signin input[type="text"],
    .form-signin input[type="password"] {
        margin-bottom: 5px;
    }

    .account-register p {
        line-height: 1;
        padding: 5px 0;
    }

    .login p {
        margin-top: 0;
    }

    #login .row h3 {
        margin: 0 0 10px 0;
    }

    .password-reminder-link p a {
        padding-top: 5px;
    }

    .login-form {
        margin-bottom: 0px;
    }

    .iframe-content {
        margin-bottom: 0;
    }

    .form-signin {
        margin-bottom: 10px;
    }

}


#qr-code .btn-wrapper .text-center {
    text-align: center;
    color: red;
}

/* ------------------------------
 ポップアップなど設定
 ------------------------------ */
.mfp-close-btn-in .mfp-close {
    display: none !important;
}

.qrcode-camera {
    clear: both;
    padding: 24px 0;
}

.qrcode {
    clear: both;
    text-align: center;
}

.qrcode h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 12px;
}

.qrcode,
.qrcode-camera {
    width: 70vw;
    max-width: 320px;
    margin: 0 auto;
    padding-top: 10%;
}

.popup-modal-dismiss a {
    display: block;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
}

#settings .container {
    max-width: 680px;
    margin: 0 auto;
}

#settings .container h3 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    color: #2c3e50;
}

@media screen and (max-width: 768px) {
	#settings .container {
	    overflow-y: scroll;
	}
}




.close-button {
    clear: both;
    text-align: center;
    padding: 24px 0;
}



.function-block {
    clear: both;


}

.function-block.animated {
    display: block;
    height: 100%;
}

.function-label p {
    padding: 12px 0;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2c3e50;
}

.flex-container {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
}


/* ボタンON OFF  */
.function-block input {
    display: none;
}

.function-block input+label,
.function-block input+label::before,
.function-block input+label::after {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.function-block input+label {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 48px;
    border-radius: 24px;
    cursor: pointer;
}

.function-block input+label::before {
    display: block;
    content: attr(data-off-label);
    position: absolute;
    top: 11px;
    right: 15px;
    color: #fff;
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: bold
}

.function-block input+label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
}

.function-block input:checked+label::before {
    content: attr(data-on-label);
    left: 15px;
    right: auto;
    color: #fff;
}

.function-block input:checked+label::after {
    left: 54px;
    background-color: #f7f7f7;
}

.function-toggle+label,
#function-composition+label,
#function-translation-text+label {
    background-color: #aaa;
}

.function-toggle+label::before,
#function-composition+label::before,
#function-translation-text+label::before {
    color: #fff;
}

.function-toggle:checked+label,
#function-composition:checked+label,
#function-translation-text:checked+label {
    background-color: #1eb89b;
}

.function-toggle:checked+label::before #function-composition:checked+label::before #function-translation-text:checked+label::before {
    color: #fff;
}

.function-left {
    width: 50%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.function-right {
    width: 50%;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
}





#settings {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    /*
    background: #E6EAEA;
    */
}

#settings-profile {
    text-align: center;
}

#settings-profile p {
    font-size: 18px;
    font-size: 1.8rem;
}

.settings-name {
    margin-bottom: 24px;
}

.setting-menu {
    margin-bottom: 36px;
}

.setting-menu ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.setting-menu ul li {
    list-style: none;
}

.setting-menu a:hover {
    text-decoration: none;
}

.setting-menu h4 {
    text-align: left;
    color: #cacaca;
    margin-bottom: 6px;
}

.setting-menu ul li {
    text-align: left;
    border-bottom: 1px solid #dcdcdc;
}



.setting-menu ul li a {
    padding: 12px 0;
    display: block;
    color: #32475a;
    position: relative;
}


.setting-menu ul li a:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 14px;
    position: absolute;
    right: 20px;
    color: #9a9a9a;
}

.setting-close-button {
    position: fixed;
    right: 15px;
    top: 15px;
}

.setting-close-button i {
    font-size: 28px;
    font-size: 2.8rem;
}

.setting-close-button a {
    color: #32475a;
}

.mfp-close {
    display: none;
}

/* ------------------------------
 トップ
 ------------------------------ */




.button-plus,
.button-minus {
    padding: 10px;
}

.button-plus .button-wrapper a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #1eb89b;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.button-minus .button-wrapper a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #e74c3c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#main-wrap {}

.flex-top-container {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;


}

.button-column {
    padding: 24px 0;
}

.button-column ul {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.button-column ul li {
    width: 48%;

}

.button-column ul li:nth-child {}

.btn-yes {
    border: 1px solid #1eb89b;
    background-color: #1eb89b;
}

.btn-yes:hover {
    color: #1eb89b;
    border: 1px solid #1eb89b;
}

#inline-wrap p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;

    text-align: center;
}


.file-btn input {
    display: none;
}


#qr-code {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

/* ------------------------------
 チャットルーム
 ------------------------------ */

#header {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background: #fff;
    pointer-events:auto;
}

#header.fixed {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    min-height: 60px;
}

.name {
    position: absolute;
    top: 18px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    z-index: 0;
    margin-left: 10px;
}

/*
header{
    max-width: 680px;
    margin: 0 auto;
}*/

header nav {
    height: 75px;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

#header.fixed header nav {
    justify-content: flex-start;
}



header nav ul {
	display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    justify-content: space-between;
}

header nav ul li {
    height: 75px;
    line-height: 75px;
    position: relative;
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 16.6%;
    cursor: pointer;
}

header nav ul li a {
    padding: 0 0;
    display: inline-block;
    height: 100%;
    color: inherit;
    text-decoration: none;
    text-align: center;
    line-height: 1.4;
    display: flex;
    width: 100%;
    cursor: pointer;

}

header nav ul li a i {
    line-height: 1.2 !important;
    font-size: 3rem !important;
}

header nav ul li a span {
    font-size: 10px;
    font-size: 1rem;
    color: #cacaca;
    display: inline-block;
}

header nav ul li a em{
	position: absolute;
  top: 5px;
  left: 50%;
  margin-left: 10px;
  color: #FFF;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  background: #e74c3c;
  border-radius: 50%;
  min-width: 18px;
  padding: 0 3px;
}


header nav ul li a img {
    display: block;
    width: 100%;
    max-width: 30px;
    margin: 0 auto;
    cursor: pointer;
}

header nav ul li.back-button {
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 100;
}

header nav ul li.back-button i {
    font-size: 40px;
    font-size: 4.0rem;
}

header .title {
    width: 100%;
    max-width: 104px;
    max-height: 60px;
    padding: 10px 20px;
    background: #fff;
}


#chat-area,
#frame {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    overflow-y: scroll;
     scrollbar-width: none; 

}

/* Webkitブラウザのスクロールバーを非表示にする */

#chat-area::-webkit-scrollbar,
#frame::-webkit-scrollbar {
  display: none;
}


.contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
}

.contact-profile img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin: 9px 12px 0 9px;
}

.contact-profile p {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
}

.contact-profile .social-media {
    float: right;
}

.contact-profile .social-media i {
    font-size: 16px;
    font-size: 1.6rem;
}

.contact-profile .social-media a {
    margin-left: 14px;
    color: #435f7a;
    cursor: pointer;
}

.contact-profile .social-media a:nth-last-child(1) {
    margin-right: 20px;
}

.contact-profile .social-media a:hover {
    color: #435f7a;
}

#chat-area {

}

.messages {

    width: 100%;
    min-height: 100svh;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -webkit-overflow-scrolling;
    padding: 0 0 0 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;

    position: relative;
}

#chat-messages-area {

}

.messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

.messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

.messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
}

.messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

.messages ul li.sent img {
    float: right;
    margin: 6px 0 0 8px;
}

.messages ul li.sent p {
    background: #435f7a;
    color: #f5f5f5;
    float: right;
}

.messages ul li.replies img {
    margin: 6px 8px 0 0;
}

.messages ul li.replies p {
    background: #f5f5f5;
}

.messages ul li img {
    width: 40px;
    border-radius: 50%;
    float: left;
}

.messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 240px;
    line-height: 130%;
    font-size: 16px;
    font-size: 1.6rem;
}

@media screen and (min-width: 735px) {
    .messages ul li p {
        max-width: 420px;
    }
}

body .message-input {
	position: fixed;

    transition: 0.3s;
    -webkit-transition: 0.3s;
    transform: translateY(0px);
    bottom: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    height: 120px;

}

body .message-input.clicked {

    width: 100%;
    background: #fff;
    overflow: hidden;

    z-index: 100;
}


body.other .message-input {
    height: auto;
}

body.other .message-input {
    height: 120px;
}



/*
body.pcmode .message-input,
body.textmode .message-input {
    transform: translateY(70px);
}

body.voicemode .message-input {
    transform: translateY(0px);
}

body.voicemode .messages {
    transform: translateY(-70px);
}

body.textmode .messages {
    transform: translateY(0px);
}*/

.message-input.clicked #text-input {
    display: none;
}



.message-input #text-input,
.message-input #input-area {
    display: none;
}

.message-input.clicked #input-area,
.message-input a.text-submit {
    display: block;
}

.message-input .wrap {
    position: relative;
    display: flex;


}

body.textmode #text-input {
    display: block;
}


.message-switch.clicked .voice-submit {
    display: none;
}

.message-switch.clicked .text-submit {
    display: block;
}





.wrap textarea {
	max-width: calc(100% - 20px );
    border: none;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    border: 1px solid #262626;
    border-radius: 15px;
    margin: 12px 0;
    padding: 12px;
    line-height: 1.8;
    background-color: #262626;
    position: relative;
    z-index: 100;
    line-height: 1;
    resize: vertical;
    height: 96px;
    max-height:96px;
}



.wrap textarea:focus,
.wrap input:focus {
	color: #fff;
    border-color: #25262b;
    outline: 0;
    background-color: #25262b;
}



.input-wrapper:focus~.voice-wrapper {
    display: none;
}


.voice-wrapper button {
    border: none;
    width: 100%;
    padding: 13px 15px 14px 0;
    cursor: pointer;
    background: #101014;
    color: #101014;
    text-align: right;
    display: block;
    height: 55px;
    overflow: hidden;


}



.wrap button {
	border: none;
    width: 60px;
    padding: 13px 0;
    cursor: pointer;
    color: #f5f5f5;
    margin-left: auto;
    text-align: center;
    background: transparent;
    display: flex;
    justify-content: center;

}

.wrap button i,
.wrap a i {
    font-size:28px;
    font-size: 2.8rem;
    color:#fff;
}


.wrap button:focus {
    outline: none;
}

.input-wrapper{
	width: 100%;
	max-width: calc(100% - 140px);
}

.voice-wrapper {
	position: absolute;

    right: 0;
    width: 80px;
    max-height: 56px;
    overflow: hidden;
    margin-left: auto;
}

.voice-box {
	position: absolute;
	width: 100px;
	height: 100px;
	display: none;
	left: 50%;
	margin-left: -50px;
	top: 10px;

}


.voice-button {
    /*周りの凹み*/
    display: inline-block;
    position: relative;
    text-decoration: none;
    margin: 0 auto;
    color: #1eb89b;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);

    transition: all 0.3s;
    touch-action: none;
    cursor: pointer;
}

.voice-button.disabled{
	pointer-events: none;
	opacity: 0.3;
}

#alert-area p{
	margin-bottom: 0;
	text-align: center;
}

.voice-button .fa {
    /*ボタン自体*/
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    font-size: 28px !important;
    background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;
}

@keyframes colorAnimation {
    to {
        background-position-x: 200%;
    }
}

.voice-button.hover {
    background-color: #e74c3c;
}


.voice-button .ring {
    background-image: -webkit-linear-gradient(bottom, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
    background-image: -o-linear-gradient(bottom, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    top: 10px;
    left: 10px;

    display: none;
}

.voice-button:active .ring {
    animation: pulsate 0.8s ease-out;
    /* スピードなど */
    animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
        transform: scale(1, 1);
    }

    50% {
        opacity: 0.6;
    }

    100% {
        transform: scale(2, 2);
        opacity: 0.0;
    }
}

.voice-button.toggle-on.color-button-running .fa,
.voice-button.toggle-on .fa {
    border: none;
}

.voice-button.toggle-off .fa {
    border: 3px solid red;
}

.voice-button.color-button-running,
.voice-button.color-button-running .fa {
    background-color: #1eb89b;
    background-image: -webkit-linear-gradient(#1eb89b 0%, #1eb89b 100%);
    background-image: linear-gradient(#1eb89b 0%, #1eb89b 100%);

}

.voice-button.color-button-running .fa-microphone:before {
    background-image: -webkit-linear-gradient(#e74c3c 0%, #e74c3c 100%);
    box-shadow: none;
    border-bottom: none;
    animation: colorAnimation 1s ease infinite;
    background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center / 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation: colorAnimation 1s linear infinite;
}

#voice-stop {
    padding: 5px 10px;
    display: inline-block;
    background: #e74c3c;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    white-space: nowrap;
    cursor: pointer;
}

#voice-stop img {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
}

.voice-over-stop {
    position: absolute;
    left: 50%;
    margin-left: 60px;
    margin-top: 60px;
}

body.other.voicemode .voice-box {
    display: block;
}

body.other.textmode .voice-box {
    display: none;
}


@media screen and (max-width: 768px) {
	.message-input .wrap input,
	.message-input .wrap textarea {
		max-width: 100%;

	}
}

/* ------------------------------
 HELP
 ------------------------------ */

#help {
    margin: 0 auto;
    max-width: 680px;
    padding: 20px 0;
    min-height: 100%;
    overflow-y: scroll;
}

#help h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 12px;
    text-align: center;
    color: #2c3e50;
}


dl.qa dt::before {
    content: '';
    position: absolute;
    top: 39%;
    right: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #2c3e50;
}

dl.qa dt {
    font-weight: bold;
    color: #2c3e50;
    padding: 10px 9% 0px 0;

    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: bold;

}

#sec03 dl.qa dd:last-child {
    border: none;
}

dl.qa dt.last {
    border: none;
}

dl.qa dt.active {
    border: none;
}

dl.qa dt.active+dd {
    /*border-bottom: 1px solid #000;*/
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}

dl.qa dt.active::before {
    content: '';
    position: absolute;
    top: 23%;
    right: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #777;
}

dl.qa dd {
    margin: 0;
    padding: 0.5em 1em 1.5em;
    /*text-indent:-1.5em;*/
}

.page-title {
    position: absolute;
    top: 18px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 18px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.page-title img {
    max-height: 28px;
}

/* ------------------------------
プライバシーポリシー
------------------------------ */
#privacy {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}

#privacy h2 {
    text-align: center;
    padding: 24px;
}

#privacy ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.f-right {
    text-align: right;
}

.p-btm10 {
    font-weight: bold;
    margin-bottom: 0px !important;
}

.p-btm30 {
    margin-bottom: 36px !important;
}

/* ------------------------------
会社概要
------------------------------ */
#company {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}

.ggmap {
    margin-top: 12px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------------------------
特定商取引法
------------------------------ */
#law {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}

.table {
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #E4E3E3;
    border-collapse: collapse;
}

.table td {
    padding: 10px;
    border: 1px solid #E4E3E3;
    text-align: left;
    border-collapse: collapse;
    background: #fff;
}

.table td:first-child {
    width: 30%;
}




/* ------------------------------
言語選択
------------------------------ */

.setting-language ul li {
    padding: 15px 0;
}


.setting-language input[type=radio] {
    display: none;
    /* 標準スタイルを非表示にする */
}

.label {
    position: relative;
    padding: 0 0 0 30px;
    display: block;
    width: 100%;
}

.label:after,
.label:before {
    position: absolute;
    /* ボックスの位置を指定する */
    content: "";
    /* ボックスのコンテンツ */
    display: block;
    /* ブロックレベル要素化する */
    top: 50%;
    /* 上部から配置の基準位置を決める */
}

.label:after {
    left: 0px;
    /* 左から配置の基準位置を決める */
    margin-top: -10px;
    /* チェック枠の位置 */
    width: 16px;
    /* ボックスの横幅を指定する */
    height: 16px;
    /* ボックスの高さを指定する */
    border: 2px solid #ccc;
    /* ボックスの境界線を実線で指定する */
    border-radius: 50%;
    /* ボックスの角丸を指定する */
}

.label:before {
    left: 3px;
    margin-top: -7px;
    width: 10px;
    height: 10px;
    background: #0171bd;
    border-radius: 50%;
    opacity: 0;
}

input[type=radio]:checked+.label:before {
    opacity: 1;
    /* 要素を表示する */
    box-sizing: content-box;
}

.label:hover:after {
    border-color: #0171bd;
    /* ボックスの境界線を実線で指定する */
}


/* ------------------------------
お問い合わせ
------------------------------ */
#contact {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}

.error,
.red,
.alert {
    color: red;
}


.contact-block {
    margin-bottom: 24px;
}

.contact-block input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    height: auto;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.contact-block input[type="text"]:focus {
    background-color: #ffffff;
    color: #333333;
}

.contact-block textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #ced4da;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding: 4px;
    border-radius: 4px;
}

.contact-check {
    margin-bottom: 24px;
}

.font-check {
    font-size: 160%;
    font-weight: bold;
}


/* ------------------------------
アカウント管理
------------------------------ */
.setting-acc ul li {
    padding: 10px 0;
}

.setting-acc ul li span {
    display: block;
    color: #9a9a9a;
    margin: 6px 0;
}

.setting-acc ul li input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    height: auto;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ------------------------------
選択画面
------------------------------ */
#create-room {
    width: 100%;
    margin: 0 auto;
}

#create-room .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100vw;
    height: 100svh;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.btn-start-talk,
.btn-join-talk {
    width: 100%;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

    width: 50vw;
    height: 100svh;


    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn-start-talk a,
.btn-join-talk a {
	display: block;
    line-height: 2;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 2vw;
    color: #fff !important;
    width: 100%;
    padding: 20%;
}

.btn-start-talk a:hover,
.btn-join-talk a:hover {
    text-decoration: none;
}

.btn-start-talk {
    border-color: #2c3e50;
    background-color: #2c3e50;
}

.btn-join-talk {
    border-color: #1eb89b;
    background-color: #1eb89b;

}

.btn-start-talk .fa,
.btn-join-talk .fa {
    font-size: 500%;
}



.join-user {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 360px;
    margin: 0 auto;
}


.join-user-item {
    height: 35px;
    width: 35px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 50%;
    overflow: hidden;
    margin: 2px;
}

.img-thumnail {
    max-width: 40px;
    max-height: 40px;
    position: relative;
    left: 50%;
    margin-left: -20px;
}


#join-user {
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
}


@media screen and (max-width: 768px) {
	#create-room {
	    min-height: 100%;
	}
    #create-room .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        height: 100svh;
        text-align: center;
        display: block;

    }

    .btn-start-talk,
    .btn-join-talk {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50%;
        width: 100%;
        overflow: hidden;
    }

    #create-room .container {
        padding-left: 0;
        padding-right: 0;
    }

    #create-room .btn-wrapper {
        width: 100%;
        max-width: 100vw;
        margin: 0 0 0 0;
        height: 50%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

}


/* ------------------------------
言語選択画面
------------------------------ */


#select-language {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
}


.select-language-container {

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#select-language h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 12px;
}

.language-flag {
    position: relative;

}

.language-flag img {
    width: 100%;
    display: block;
    display: none;
}



#language-select h2 {
    text-align: center;
    padding: 24px 0;
    font-size: 18px;
    font-weight: bold;
}

#language-select .row-eq-height,
#language-select .flexbox {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

#language-select .row-eq-height a,
#language-select .flexbox a {
    color: #fff;
    font-size:20px;
    font-size: 2rem;
    font-weight: bold;
    padding: 4%;
    display: block;
    width: 100%;
    height: 100% !important;
}
#language-select .flexbox .lang a:hover{
	text-decoration: none;
}
#language-select .row-eq-height .col-xs-3,
#language-select .flexbox .lang {
    width: calc( 100% / 3 );
    border: 1px solid #bdc3c7;
    text-align: center;
    background-color: #262626;
    border-radius: 4px;
    color: #fff;
    text-align: center;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#language-select .flexbox .lang a {}


#language-select .flexbox .lang:hover {
    background: #383838;
}

#language-select .row-eq-height a span,
#language-select .flexbox .lang a span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
}

@media screen and (max-width: 768px) {


    #language-select .row-eq-height .col-xs-3,
    #language-select .flexbox .lang {
        width: 50%;
        margin: 0%;
        text-align: center;

    }

    #language-select .row-eq-height a,
    #language-select .flexbox a {
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        white-space: nowrap;
    }

    #language-select .row-eq-height a span,
    #language-select .flexbox .lang a span {
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        white-space: nowrap;
    }
}


#language-select.language-personal .flexbox {
    display: block;
    width: 100%;

}

#language-select.language-personal .row-eq-height .col-xs-3,
#language-select.language-personal .flexbox .lang {
    width: 25%;
    border: none;
    text-align: center;
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    text-align: center;

}

#language-select.language-personal .language-flag img {
    display: block;
}

/* ------------------------------
アラート画面
------------------------------ */
#popup-alert {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
}

.button-column ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.button-column ul li {
    list-style: none;
}

#popup-alert p {
    font-size: 16px;
    font-size: 1.6rem;
}



/* ------------------------------
チャット画面
------------------------------ */
.message-body {
    color: white;
}

.chat-someone .chat-ballon {
    background-color: #f3f5f7 !important;
}

.chat-someone .chat-ballon:after {
    border-color: transparent transparent transparent #435f7a !important;
}

.chat-ballon-area {
    max-width: 60vw;
}


.message-body,
.translated-message-body {
    color: #000;
    word-break: break-word;
}

.translated-message-body {
    color: #101014;
    word-break: break-word;
}

.chat-someone .message-body,
.chat-someone .translated-message-body {
    color: #101014;
}



a.voice-button.hover {
    color: #1eb89b;
}

#voice {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;

}



/* ------------------------------
QRカメラ読み込み
------------------------------ */
.camera {
    text-align: center;
}


.inline ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.inline ul li {
    list-style: none;
    width: 48%;
}

.inline ul li:first-child {
    margin-right: 10px;
}




#toast-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100svh;
    max-height: 100svh;
    position: fixed;
    top: 0;
    left: 0;
}

#toast-container>.toast-info,
#toast-container>div {
    text-align: left;
    width: 80%;
    max-width: 300px;
}



.iframe-content {
    position: relative;
    width: 100%;

    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch !important;
    height: 30vh;
    overflow: hidden;
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;

}

.iframe-content iframe p {
    font-size: 11px;
}

@media screen and (max-width: 320px) {

    .iframe-content {
        overflow-y: scroll;
    }

}


/* ------------------------------
お知らせ
------------------------------ */
.accordion {
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px;
    cursor: pointer;
    padding-top: 0;
    margin-top: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;

}

p.date {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.accordion-content {
    display: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2;
    background: rgba(230, 126, 34, 0.3);
    padding: 10px;
    margin-bottom: 24px;
    overflow-y: scroll;
}

.accordion-content:lang(en) {
    font-size: 14px;
    font-size: 1.4rem;
}

.accordion-content ul {
    padding: 0 0 0 20px;
}

.accordion-content img {
    max-width: 380px;
    margin: 0 auto;
}

.accordion-content dt {
    float: left;
}

.accordion-content dd {
    margin-left: 18px;
}

.tag {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.tag-danger {
    background-color: #d9534f;
}

.tag-warning {
    background-color: #f0ad4e;
}

.tag.tag-warning {
    margin-right: 5px;
}

.tag.tag-danger {
    border-radius: 50%;
    margin-right: 0;
    margin-left: 5px;
    display: none;

}

.tag-danger {
    display: inline-block;
    position: relative;
    min-width: 22px;
    border-radius: 50%;
    background-color: transparent;
    color: red;
    text-align: center;
    font-size: 12px !important;
    font-weight: bold;
    top: -2px;

}

.tag-danger:after {
    content: "";
    position: absolute;
    top: 55%;
    left: -11px;
    margin-top: -8px;
    border: 6px solid transparent;
    border-right: 10px solid #e74c3c;
    z-index: -1;
    display: none;
}


.news-icon {
    display: inline-block;
    position: absolute;
    top: 4px;
    margin-left: 4px;
    display: none;
}

header nav ul li a {
    position: relative;
}

header nav ul li:last-child span {
    white-space: nowrap;
}

header nav ul li:last-child .news-icon {
    /* display: inline-block; */
    position: absolute;
    /* top: 4px; */
    margin-left: 4px;
    top: 0;
    left: 50%;
    margin-left: 13px;
}

.news-icon p {
    display: inline-block;
    position: absolute;
    top: 9px;
    margin-left: 0;
    background: red;
    border-radius: 50%;
    width: 5px;
    height: 5px;
}

.news-icon p:before {
    content: "";
    position: absolute;
    top: 55%;
    left: -10px;
    margin-top: -8px;
    border: 6px solid transparent;
    border-right: 10px solid #e74c3c;
    z-index: -1;
    display: none;
}


#news {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}


.loading {
    clear: both;
    margin: 0 auto;
    text-align: center;
}

.loading .btn {
    padding: 10px 40px;
    cursor: pointer;
}

.btn-social.btn-google {
    display: none;
}


#popup-delete-account .container {
    max-width: 360px;
    margin: 0 auto;

}



/* ------------------------------
 音声合成ボタン
 ------------------------------ */
body.textmode .message-input.message-switch #text-input {
    display: block;
    line-height: 1.6;
}

body.android .message-input.message-switch #text-input,
body.iphone .message-input.message-switch #text-input {
    display: block;
    line-height: 1.6;
}

body.textmode.ipad .message-input.message-switch #text-input,
body.textmode.android .message-input.message-switch #text-input,
body.textmode.iphone .message-input.message-switch #text-input,
body.voicemode.android .voice-box,
body.voicemode.iphone .voice-box {
    display: block;
}

body.textmode.ipad .voice-box,
body.textmode.android .voice-box,
body.textmode.iphone .voice-box {
    display: none;
}

body.ipad .message-input.message-switch #text-input,
body.iphone .message-input.message-switch #text-input,
body.android .message-input.message-switch #text-input {
    display: none;
}

body.iphone .message-input.message-switch.clicked #text-input,
body.android .message-input.message-switch.clicked #text-input {
    display: block
}

/*
body.ipad.textmode .message-input,
body.android.textmode .message-input,
body.iphone.textmode .message-input {
    transform: translateY(70px);
}

body.ipad.textmode .messages,
body.android.textmode .messages,
body.iphone.textmode .messages {
    transform: translateY(0px);
}

body.ipad.voicemode .messages,
body.android.voicemode .messages,
body.iphone.voicemode .messages {
    transform: translateY(-70px);
}

body.voicemode .message-input {
    transform: translateY(0px);
}*/

body.ipad.voicemode .message-switch .voice-submit,
body.android.voicemode .message-switch .voice-submit,
body.iphone.voicemode .message-switch .voice-submit {
    display: none;
}

body.ipad.textmode .message-switch .voice-submit,
body.android.texdtmode .message-switch .voice-submit,
body.iphone.texdtmode .message-switch .voice-submit {
    display: block;
}

body.ipad.textmode .message-switch.clicked .voice-submit,
body.android.textmode .message-switch.clicked .voice-submit,
body.iphone.textmode .message-switch.clicked .voice-submit {

    display: block;
}


body.voicemode .message-switch.clicked .voice-box {
    display: block;
}

body.ipad.voicemode .message-switch.clicked .voice-submit,
body.android.voicemode .message-switch.clicked .voice-submit,
body.iphone.voicemode .message-switch.clicked .voice-submit {
    display: none;
}

body.iphone.voicemode .message-input.message-switch.clicked #text-input,
body.android.voicemode .message-input.message-switch.clicked #text-input {
    display: none;
}

@media screen and (max-width: 320px) {
    body.textmode .message-input.message-switch #text-input {

        display: block;
        max-width: 65%;
        margin-left: 16%;
    }


}

#draggable-area {
    left: 4px;
    top: 3px;
    width: 80px;

    z-index: 100;
}

#draggable {
    position: relative;
    left: 2px;
    top: 3px;
    width: 50px;
    height: 55px;
    z-index: 100;

}


.draggable-btn {
    display: inline-block;
    position: relative;
    text-decoration: none;
    /* color: rgba(3, 169, 244, 0.54); */
    width: 80px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    /*
    background: rgba(255,255,255,0.5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);*/
    cursor: pointer;
    padding-left:10px;
    padding-top: 8px;
}

.draggable-btn a {
    /*ボタン自体*/
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    font-size: 24px;
    /*
    background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;*/
}

.draggable-btn a.on {
    /*
    background-color: #e74c3c;
    background-image: -webkit-linear-gradient(#e74c3c 0%, #e74c3c 100%);
    background-image: linear-gradient(#e74c3c 0%, #e74c3c 100%);
    color: #fff!important;
    */
    color: #ef454a;
}

/*
.draggable-btn a.on not([href]):not([tabindex]):focus, .draggable-btn a.on:not([href]):not([tabindex]):hover{
    color: #ef454a;
}
.draggable-btn a span{
    font-size: 12px;
    position: absolute;
    top: -10px;
    color: #ef454a;
    display: none;
}

.draggable-btn a.on span{
    display: inline-block;
}
*/

.draggable-btn img {
    display: block;
    width: 40px;
    height: 40px;
}

.toggle-box {
    display: none;
    width: 282px;
    margin-left: -92px;
}


.balloon1 {
    position: relative;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #fff;
    padding: 10px;
    -moz-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);

}

.balloon1:after,
.balloon1:before {
    bottom: 95%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.balloon1:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}

.balloon1:before {
    border-color: rgba(245, 245, 245, 0);
    border-bottom-color: #f5f5f5;
    border-width: 14px;
    margin-left: -14px;
}

.toggle-back {
    float: left;
    width: 40px;
}

.toggle-nav,
.toggle-top {
    width: 100px;
    float: left;
    margin: 0 5px;
    text-align: center;
}

.toggle-nav a,
.toggle-top a {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 12px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #ae8701;
    background-color: #ae8701;

    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.toggle-nav a:hover,
.toggle-top a {
    background-image: none;
    background-color: transparent;
    color: #ae8701;
}



/**
 * jQueryUIを用いたダイアログ表示。
 */
.jqueryui-dialog {
    display: none;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-widget.ui-widget-content {
    z-index: -10000;
    position: fixed !important;
    top: 50% !important;
    margin-top: -68px !important;
}

.ui-widget-overlay {
    background: #101014;
    opacity: .6;
    filter: Alpha(Opacity=60);

}




/* ------------------------------
 定型文
 ------------------------------ */

#phrase {
    padding: 60px 0;

}

#phrase .container {
    position: relative;
    max-width: 480px;
    margin: 0 auto;
}

#phrase .display-message {
    width: calc(100% - 50px);


}


#phrase .chat-self {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    float: left;
}

.phrase-list ul {
    padding: 0;
}

.phrase-list ul li {
    position: relative;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    display: flex;

    margin-bottom: 10px;
    /*
    border-bottom: 1px solid #d8dfe2;*/
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    align-items: end;

}

#phrase .delete-phrase {
    text-align: center;
    cursor: pointer;
    padding: 10px 15px;
    /* width: 20%; */
    /* float: right; */
    /* display: flex; */
    /* justify-content: right; */

    position: absolute;
    right: 0;


    font-size: 22px;
    line-height: 1;
    color: #ef454a;
}



#phrase .add-memo-button {
    position: absolute;
    right: 50px;
    width: 30px;
}



.delete-button a,
.edit-button a,
.send-button a {
    color: #fff;
}

.function-button {
    color: #fff;
    font-weight: bold;
    display: block;
    cursor: pointer;
}

#chat-compose span,
.function-button span {
    font-size: 11px;
    font-size: 1.1rem;
    color: #b2bec3;
    font-weight: bold;
}

.function-button span i {
    font-size: 20px;
    font-size: 2.0rem;
    color: #dfe6e9;
}


#phrase .mfp-close {
    display: block !important;
    left: 0;
}

#phrase #add-category {
    display: block;
    text-align: center;
    background-color: #ef454a;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
}

#chat-room .mfp-container {
    overflow-x: hidden;
}

#chat-room .mfp-iframe-holder {
    padding: 0 0 0 0;
}

#chat-room .mfp-iframe-scaler {
    min-height: 100vh;
}

.mfp-wrap .mfp-iframe-holder .mfp-content {
    max-width: 100%;
}

.mfp-iframe-holder .mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow-y: scroll;
    box-shadow: none;
    background: transparent;
}

@media screen and (min-width: 1586px) {
    #chat-room .mfp-iframe-holder {
        padding: 0 0 0 0;
        width: calc(100% + 15px);
    }
}


#sub-page #phrase {
    padding: 100px 0 15vh 0!important;

}


#sub-page #nav {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #000;
    width: 100%;
    position: fixed;
    z-index: 2;
}

#sub-page #nav a {
    padding: 15px;
    display: block;
    font-weight: bold;
    color: #fff;
}

#sub-page #nav .nav-back,
#sub-page #nav .nav-send {
    width: 60px;

}

#sub-page #nav .nav-send {
    margin-left: auto;
}


#sub-page #nav .nav-name {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    width: calc(100% - 120px);
}


#sub-page #phrase .add-button {
    margin-left: auto;
    position: relative;
    right: 15px;
    /* top: -40px; */
}

#sub-page #phrase .phrase-list {
	box-shadow:0px 0px 12px -7px #959595;
	border-radius: 6px;
	background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    position: relative;

}


#sub-page #phrase .phrase-list-history {
    border-bottom: 0;
    padding-bottom: 0;
}

#sub-page #phrase .contact-block textarea {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
    resize: vertical;
    padding: 10px;
}

#sub-page #phrase .contact-block .close-button {
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
}

#sub-page #phrase .contact-block p {
    margin-top: 0;
}

#sub-page #phrase .contact-block .close-button .add-button {
    right: 0;
}

.phase-category-name {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px;

    background-color: #f1f5f9;
    margin-bottom: 10px;
    line-height: 1;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
}

.ks-cbox {
    padding-top: 60px;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;

}

ul.ks-cboxtags {
    list-style: none;
}

ul.ks-cboxtags li {
    display: inline;
    width: 100%;
}

ul.ks-cboxtags li label {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ecf0f1;
    color: #adadad;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.2s;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
}

ul.ks-cboxtags li label {
    padding: 8px 12px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform 0.3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform 0.3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label {
    border: 1px solid #1bdbf8;
    background-color: #12bbd4;
    color: #fff;
    transition: all 0.2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute;
}

ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

ul.ks-cboxtags li input[type="checkbox"]:focus+label {
    border: 2px solid #3498db;
}

/*
#chat-room .mfp-iframe-holder .mfp-close{
    display: block!important;
    top: 0;
    color:#2c3e50;
    left: 10px;
    font-size: auto;
    text-align: left;
    font-size: 40px;
    z-index: 1;
}*/

.mfp-hide.ui-dialog-content.ui-widget-content {
    display: block !important;
}

#sub-page .mfp-iframe-scaler {
    width: 100%;
    height: auto;
    overflow: scroll;
    padding-top: 0;
}

.cp_box *,
.cp_box *:before,
.cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    position: relative;
    width: calc(100% - 50px);
}

.cp_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 50px;
    cursor: pointer;
    text-align: center;
    background: linear-gradient(to bottom, #d4dede00 0%, #d4dede 100%);
    margin-bottom: 0;
}

.cp_box input:checked+label {
    background: inherit;
    /* 開いた時にグラデーションを消す */
}

.cp_box label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 50%;
    width: 100%;
    font-family: FontAwesome;

    content: '\f107';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #2c3e50;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 40px;

    background-color: transparent;
}

.cp_box input {
    display: none;
}

.cp_box .cp_container {
    overflow: hidden;
    height: 80px;
    transition: all 0.5s;
    width: 100%;
    display: flex;
}

.cp_box input:checked+label {
    /* display: none ; 閉じるボタンを消す場合解放 */
}

.cp_box input:checked+label:after {
    font-family: FontAwesome;
    content: '\f106';
}

.cp_box input:checked~.cp_container {
    height: auto;
    padding-bottom: 50px;
    /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    header nav ul li a span {
        letter-spacing: -1px;
    }
}

#phrase .delete-button,
#phrase .edit-button,
#phrase .send-button {
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 8px;
    display: block;
}

#phrase .send-button {

    text-align: left;

}

#phrase .delete-button {
    text-align: right;
}


.flexbox.flex-phrase-button {
    width: 100%;
    padding-left: 30px;
    margin-top: 0px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flexbox.flex-phrase-button p {
    width: 33.3%;
}

.edit-button i,
.delete-button i,
.send-button i {
    font-size: 24px;
    font-size: 2.4rem;
    cursor: pointer;
    display: block;
    line-height: 1.4;
    color: #000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


.edit-button:hover i,
.delete-button:hover i,
.send-button:hover i {

    color: #2c3e50;
    background-color: transparent;
}


.sub-page-title h2{
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 10px;
}



/* ------------------------------
 ルーム作成
 ------------------------------ */

.room-info {}

.room-number,
.foom-info-inner {
    display: flex;
}

.room-copy {
    margin-left: auto;
}

p.copy {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #2ecc71;
    background-color: #2ecc71;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;

}

p.copy:hover {
    border-color: #008639;
    background-color: #008639;
}

.room-number p {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: left;
}

.room-number-left {
    margin-right: 10px;
}

.room-number-left p {
    font-weight: bold;
    text-align: left;
}

.phase-inner {}

.flexboxbutton {}

.flexboxbutton {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;

}


.flexboxbutton a {
    flex-basis: calc((100% - 10px) / 2);
    max-width: calc((100% - 10px) / 2);
    font-size: 12px;
    font-size: 1.2rem;
}


.phase-category-name::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    /*縦線に*/
    transform: rotate(90deg);
    background: #2c3e50;
    transition: all .3s ease-in-out;
}

.phase-category-name::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    /*横線*/
    width: 15px;
    height: 2px;
    background: #2c3e50;
    transition: all .2s ease-in-out;
}

.phase-category-name.open::before {
    transform: rotate(180deg);
}

.phase-category-name.open::after {
    opacity: 0;
}



/* ------------------------------
 ダイアログ修正
 ------------------------------ */
/*
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: .3em .4em .5em .4em!important;
}*/


/* ------------------------------
 定型文
 ------------------------------ */
.selectWrap {
    width: 100%;
    position: relative;
    display: inline-block;
}

.selectWrap::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #b4b3b3;
    border-right: solid 2px #b4b3b3;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #b4b3b3;
    border-radius: 2px;
}

select::-ms-expand {
    display: none;
}

.flex-addcategory {
    align-items: center;

}

.flex-addcategory .selectWrap {}

#sub-page #phrase .flex-addcategory {
    margin-top: 10px;
}

#sub-page #phrase .flex-addcategory p {
    width: 140px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
}

.trasnlate-result {
    padding-top: 20px;
}

.trasnlate-result h5 {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.trasnlate-result p {
    font-size: 16px;
    font-size: 1.6rem;
}

#phrase .contact-block {
    margin-bottom: 40px;
}

#phrase .contact-block h3 {
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 10px;
}


.flex-addcategory form {
    width: 100%;
}

#changeSelect {
    display: flex;
    max-width: 345px;
}

#phrase .handle {
    width: 50px;
    cursor: grab;
    max-width: 40px;
}

#phrase .display-message {}

.handle {
    color: #2c3e50;
    padding: 0px 10px;
}

#phrase .cp_box .display-message {
    width: 100%;
}

@media screen and (max-width: 767px) {
    #phrase .display-message {}

    .cp_box label {}
}

@media screen and (max-width: 320px) {}

/* ------------------------------
 追加ボタン
 ------------------------------ */
.button-2 {
    padding: 20px 0 0 0;
}

.btn-cancel {
    background-color: #323337;
    border-color:#323337;
    color: #fff!important;
}

.btn-cancel:hover {

}

.btn-save {

}

.contact-block input.btn-save {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #FAB23D;
    background-color: #FAB23D;
    color: #000 !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.contact-block input.btn-delete {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #ef454a;
    background-color: #ef454a;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.contact-block input.btn-save:hover {


}

#phrase .contact-block .btn-cancel {
    margin-left: 10px;
}


#phrase .contact-block .btn-delete {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 12px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #e74c3c;
    background-color: #e74c3c;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

#phrase .contact-block .btn-delete:hover {
    background-color: transparent;
    border-color: #e74c3c;
    color: #e74c3c !important;
}



#chat-room .mfp-iframe-holder .mfp-close {
    top: 100px;
    display: block;
    z-index: 10;
    display: block !important;

    top: 0;
    text-align: left;
    font-size: 40px;
    position: fixed;

    color: #fff;
    width: 100%;
    text-align: center;
    background: #101014;
    padding: 0 0 0 0;
    opacity: 1;

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: none !important;
}

.boxArea {
    margin-top: 10px;
}

.boxArea .box {
    display: none;
}



.closebutton {
    position: fixed;
    width: 100%;
    /* width: 100%; */
    z-index: 2;

}

.closebutton span {
    position: absolute;
    left: 15px;
    top:22px;
}


.closebutton span i {
    font-size: 24px;
}

.closebutton .btn {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px;
    height: 75px;
    border-radius: 0;
    cursor: pointer;
    color: #fff!important;
    background-color: #101014;
}

.closebutton .btn:hover {
	opacity: 0.9;
}

@media screen and (max-width: 767px) {
    #sub-page #phrase {
        padding: 9vh 0 15vh 0;
    }
	#sub-page #phrase .container {
		overflow-y: scroll;
	}

    #sub-page #phrase .flex-addcategory p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}


/* ------------------------------
 iphone 5s 用に修正
 ------------------------------ */
@media screen and (max-width: 320px) {

    body#chat-room {
        display: block;
        overflow-y: initial;
        overflow-x: initial;
    }

    body.textmode.iphone .message-input.message-switch #text-input {
        max-width: 67%;
        margin-left: 14%;
        line-height: 1.6;
    }

    #draggable {
        position: relative;
        left: 6px;
        top: 7px;
        width: 50px;
        height: 55px;
        z-index: 100;
    }

    .draggable-btn img {
        display: block;
        width: 22px;
        height: 22px;
    }

    .qrcode,
    .qrcode-camera {
        width: 50vw;
        max-width: 270px;
        margin: 0 auto;
        padding-top: 0;
    }

    header nav ul li {
        height: 50px;

    }

    #sub-page #phrase {
        padding: 20% 0 30% 0;
    }

    .mfp-iframe-holder .mfp-iframe-scaler {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mfp-iframe-holder .mfp-iframe-scaler iframe {
        width: 100%;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .ui-widget.ui-widget-content {
        top: 200px !important;
    }

    /*
	.flexboxbutton a:lang(ne),
	.flexboxbutton a:lang(pt),
	.flexboxbutton a:lang(fr),
	.flexboxbutton a:lang(fp),
	.flexboxbutton a:lang(my){
	    font-size: calc(10px - 0.25vw);

	}
	.flexboxbutton a:lang(fp),
	.flexboxbutton a:lang(my){
	    font-size: 	2.125vw

	}*/

}

/* ------------------------------

 ------------------------------ */
@media screen and (max-width: 768px) {
    /*
	.flexboxbutton a:lang(ne),
	.flexboxbutton a:lang(pt),
	.flexboxbutton a:lang(fr),
	.flexboxbutton a:lang(fp),
	.flexboxbutton a:lang(my),
	.flexboxbutton a:lang(fp),
	.flexboxbutton a:lang(my){
	    font-size: calc(10px - 0.25vw);

	}*/
}

/* ------------------------------
URLコピー
 ------------------------------ */

.url-copy {
    clear: both;
    background: #fff;
    margin: 20px 0 0 0;
}

.url-copy .copy {
    text-align: center;
    display: block;
    padding: 10px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.inactive {
    background-color: #eeeecc;
    cursor: none;
    pointer-events: none;
    color: #6b6b33;
}


.btn.btn-social.btn-facebook {
    background-color: #3B5998;
    border: 1px solid #3B5998;
}



/* ------------------------------
チュートリアル
 ------------------------------ */
body.bg-modal-tutorial .mfp-bg {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
}




#popup-tutorial {
    max-width: 420px;
    margin: 0 auto;
    position: relative;
    border-radius: 15px;
    display: none;
}

body.bg-modal-tutorial #popup-tutorial{
	display: block;
}

#popup-tutorial .slick-dots {
    bottom: 5px;

}

#popup-tutorial .slick-track {
  display: flex;
}
#popup-tutorial .slick-slide {
  height: auto !important;
}

.modal-tutorial .flex {
    position: relative;
    padding-bottom: 70px;

}

.tutorial-slider-item{
    position: relative;
    height: 100%;
}

.modal-tutorial h1 {
    font-size: 24px;
    font-weight: bold;
    padding: 15px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 15px;
}

.modal-tutorial h1 span {
    display: block;
}

.tutorial-slider-item {
    display: flex;
}

.modal-tutorial {
    background-color: #fff;
}

.modal-tutorial-left {
    max-width: 100%;
    width: 100%;
    position: relative;
}

.modal-tutorial-icon-left,
.modal-tutorial-icon-right{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-tutorial-icon-left{
	left: 10%;
	max-width: 10vw;
}

.modal-tutorial-icon-right{
    right: 10%;
    max-width: 14vw;
    left: auto;
}
.modal-tutorial-icon-left p,
.modal-tutorial-icon-right p{
    background-color: #ccc;
    display: inline-block;
    padding: 2px 4px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}
.modal-tutorial-icon-left p{
	background-color: #2c3e50;
}

.modal-tutorial-icon-right p{
	background-color: transparent;
	border:1px solid #2c3e50;
	color: #2c3e50;
}


.modal-tutorial-center img,
.modal-tutorial-left img {
    max-width: 100%;
    height: 280px;
    width: auto;
    margin: 0 auto;
    margin-bottom: 40px;
}

.modal-tutorial-center,
.modal-tutorial-right {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.modal-tutorial-right ul {
    height: 90px;
}

.modal-tutorial-center ul li,
.modal-tutorial-right ul li {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 5px;
    white-space: pre-wrap;
}

.mfp-close.mfp-tutorial-close {
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: initial;
    z-index: 10000;
}


.modal-tutorial .mfp-close * {
    pointer-events: none;
}


.js-method {
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    background-color: #2c3e50;
    color: #fff;
    padding: 5px 15px;
    /* bottom: 15px; */
    /* right: 15px; */
    position: relative;
    border-radius: 4px;
    display: inline-block;
}

.js-method-close {
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    background-color: #2c3e50;
    color: #fff;
    padding: 5px 15px;
    /* bottom: 15px; */
    /* right: 15px; */
    position: relative;
    border-radius: 4px;
    display: inline-block;
}


.modal-tutorial-center {
    text-align: center;
    position: relative;
}


.js-method-close .mfp-close,
.js-method .mfp-close {
    width: auto;
    height: auto;
    line-height: inherit;
    position: relative;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 0;
    color: unset;
    font-style: normal;
    font-size: unset;
    font-family: unset;
    display: block;
}

.modal-tutorial-right ul li span {
    display: inline-block;
    width: 20px;
}

.modal-tutorial-right ul li span img {
    max-width: 25px;
}


.modal-tutorial-button {
    position: absolute;
    right: 10px;
    bottom: 20px;
}



@media screen and (max-width: 767px) {
    #popup-tutorial {
        max-width: 90%;
    }

    .modal-tutorial-right ul li span img {
        max-width: 17px;
    }

    .modal-tutorial-center ul li,
    .modal-tutorial-right ul li {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4;
    }

    .modal-tutorial-center ul li:nth-child(3),
    .modal-tutorial-right ul li:nth-child(3) {
        max-width: calc(100vw - 120px);
    }
	.modal-tutorial-center img, .modal-tutorial-left img{
		height: 150px;
	}
}


@media screen and (max-width: 320px) {

    .modal-tutorial h1 {
        font-size: 18px;
        padding: 10px;
    }

    .modal-tutorial .flex {
        padding-bottom: 60px;
    }

    .modal-tutorial-right ul li span img {
        max-width: 15px;
    }

    .modal-tutorial-center ul li,
    .modal-tutorial-right ul li {
        font-size: 11px;
        font-weight: bold;
        line-height: 1.4;
    }

    .modal-tutorial-center ul li:lang(my),
    .modal-tutorial-center ul li:lang(ne),
    .modal-tutorial-center ul li:lang(km),
    .modal-tutorial-right ul li:lang(my),
    .modal-tutorial-right ul li:lang(ne),
    .modal-tutorial-right ul li:lang(km) {
        font-size: 10px;

    }

    .modal-tutorial-center img,
    .modal-tutorial-left img {
        max-width: 100%;
        height: 200px;
        width: auto;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .js-method-close,
    .js-method {
        font-size: 12px;
    }

    .modal-tutorial-right ul {
        height: 48px;
    }

}


#contents{
	width: 100vw;
	overflow-x: hidden;
}

#contents #footer{
	text-align: center;
}

body#sub-page #language-select{
	padding-top:120px;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.none {
    display: none;
}

.block {
    display: block;
}


.container {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%;
    }
}

a {
	cursor: pointer;
    text-decoration: none;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
}

.disable-3d-touch {
    /*
	-webkit-touch-callout: none;
  -webkit-user-select: none;
*/
    touch-callout: none;
    user-select: none;
}

.btn {
    display: block;
    width: 100%;
    padding: 18px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    background-color: #FAB23D;

    color: #101014 !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: 0;
    border-radius: 4px;
}

.btn:hover {
	opacity: 0.8;
}

.btn-delete {
    display: block;
    width: 100%;
    padding: 18px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    background-color: #ef454a;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-delete:hover {
	opacity: 0.8;
}

/*
#settings .btn-delete{
    display: none;
}*/



.btn-start {
    background-color: #3498db;
    border: 1px solid #3498db;
}


.img-responsive {
    width: 100%;
    height: auto;
    display: block;
}

.mb00 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.btn-wrapper {
    width: 100%;
    max-width: 360px;
    margin: 10px auto;
}

.bold {
    font-weight: bold;
}

input[type="submit"],
input[type="button"] {

    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

.text-center {
    text-align: center;
}

.pt20 {
    padding-top: 20px;
}

hr {
    border-top: 1px solid #e4e4e4;
}

.flexbox {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.pc{
	display: block;
}
.sp{
	display: none;
}

@media screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}
/* ------------------------------
 チャットルーム
 ------------------------------ */

/* モーダル表示 */
#inline-wrap .container {
    color: white;
}

#inline-wrap .container h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px;
    text-align: center;
}

.language-flag {}

.language-flag img {
    width: 100%;
    display: block;
}

.close-button {
    clear: both;
    text-align: center;
    padding: 24px;
}

.close-button a {
    color: white;
}

.function-block {
    clear: both;
    margin-bottom: 2rem;
}

.function-block.animated {
    display: block;
    height: 100%;
}

.function-label p {
    padding: 12px 0;
    font-size: 13px;
    font-size: 1.3rem;
}


/* ボタンON OFF  */
.function-block input {
    display: none;
}

.function-block input+label,
.function-block input+label::before,
.function-block input+label::after {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.function-block input+label {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 48px;
    border-radius: 24px;
    cursor: pointer;
}

.function-block input+label::before {
    display: block;
    content: attr(data-off-label);
    position: absolute;
    top: 11px;
    right: 15px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 18px;
}

.function-block input+label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
}

.function-block input:checked+label::before {
    content: attr(data-on-label);
    left: 15px;
    right: auto;
    color: #fff;
}

.function-block input:checked+label::after {
    left: 54px;
    background-color: #f7f7f7;
}

.function-toggle+label,
#function-composition+label,
#function-translation-text+label {
    background-color: #aaa;
}

.function-toggle+label::before,
#function-composition+label::before,
#function-translation-text+label::before {
    color: #fff;
}

.function-toggle:checked+label,
#function-composition:checked+label,
#function-translation-text:checked+label {
    background-color: #1eb89b;
}

.function-toggle:checked+label::before #function-composition:checked+label::before #function-translation-text:checked+label::before {
    color: #fff;
}




/* ------------------------------
 チャットページ
 ------------------------------ */
.header-back {
    display: block;
    padding-top: 12px;
}

.header-back a {
    color: #1eb89b;
}

.header-info p {
    font-size: 9px;
    font-size: 0.9rem;
}

.header-info {
    text-align: center;
}

.header-info b {
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
}

.header-function {
    position: absolute;
    right: 0;
    top: 10px;
}

.header-function p i {
    font-size: 1.8rem;
    color: #1eb89b;
}


.chat-footer {
    width: 100%;
    background-color: white;

    position: relative;

    bottom: 0;
}

.chat-regist{
	position: absolute;
    width: 25px;
    right: 55px;
    bottom: 20px;
    top: 10px;
}

textarea {
    outline: none;
    height: auto;
}

@media screen and (max-width: 767px) {
    #text-input {
        /*
      height: 2rem;
      */
    }
}


.header-chat {
    position: relative;
}

.header-back,
.header-back a {
    display: block;
    width: 100%;
    color: #1eb89b;
}

.header-back i,
.footer-camera i,
.footer-file i,
.footer-voice i,
.footer-submit i {
    font-size: 24px;
    font-size: 2.4rem;
}

.footer-camera a,
.footer-file a,
.footer-voice a,
.footer-submit a {
    display: block;
    width: 100%;

    color: #1eb89b;
    text-align: center;
}

.footer-camera,
.footer-file {
    color: #1eb89b;
}

.chat-message-time {
    color: #90949c;
    font-size: 9px;
}

.tips {
    background-color: #1eb89b;
    padding: 15px;
    position: absolute;
    bottom: 70px;
    left: 3%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}


.tips p {
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.tips:after {
    border-top: 24px solid #1eb89b;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    content: '';
    margin-left: 10%;
    position: absolute;
    bottom: auto;
    left: 31%;
}

svg {
    vertical-align: bottom;
}


/* ------------------------------
 ボタン類
 ------------------------------ */

/* 通常時 */
a.color-button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* 押下時 */
a.color-button:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}

/* 押せない場合 */
a.color-button-disabled {
    pointer-events: none;
    /* aタグのリンクを無効にする。 */
    cursor: default;
    /* マウスオーバー時のカーソルを無しにする。 */
    color: #bbbbbb !important;
}


/**
 * 発言。
 */
.chat-message {
    width: 100%;
    height: auto;
    overflow: hidden;
    /* floatの解除 */
    margin-bottom: 20px;
    position: relative;
    /* 発言同士の間隔 */
}
.chat-message:before,
.chat-message:after{
	content: '';
	display: none;
}
/**
 * 相手の発言の位置指定。
 */
.chat-someone {
    margin-right: auto;
}

.chat-someone .chat-face-area {
    float: left;
    margin-right: 20px;
    text-align: center;
}

.chat-someone .chat-ballon-area {
    float: left;
}

/**
 * 自分の発言の位置指定。
 */
.chat-self {
    float: right;
    margin-left: auto;
}

.chat-self .chat-face-area {
    float: right;
    margin-left: 50px;
    text-align: center;
}

.chat-self .chat-ballon-area {
    float: right;
}

/* 発言者の顔写真 */
.chat-face-area img {
    border-radius: 20px;
    border: 1px solid #cccccc;
    width: 40px;
    height: 40px;
}

/* 吹き出し */
.chat-ballon {
    display: inline-block;
    /* コメントの文字数に合わせて可変とする */
    padding: 5px 10px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
}

/* 相手の吹き出しの方向 */
.chat-someone .chat-ballon:after {
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-right: solid 10px #ddd;
    left: -7px;
    content: "";
    display: block;
    height: 0;
    top: 20%;
    position: absolute;
    width: 0;
}

/* 自分の吹き出しの方向 */
.chat-self .chat-ballon:before {
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-left: solid 10px #ddd;
    right: -7px;
    content: "";
    display: block;
    height: 0;
    top: 20%;
    position: absolute;
    width: 0;
}

/* 相手の吹き出しの色指定 */
.chat-someone .chat-ballon {

    background-color: #35495e;
}

.chat-someone .chat-ballon:after {
    border-color: transparent #35495e transparent transparent;
}

/* 自分の吹き出しの色指定 */
.chat-self .chat-ballon {
    background-color: #f3f5f7 !important;
}

.chat-self .chat-ballon:before {
    border-color: transparent transparent transparent #f3f5f7;
}

.chat-input-form input[type=text],
.chat-input-form textarea {
    width: 100%;
}

/* ------------------------------
 ログイン／新規会員登録
 ------------------------------ */

#login {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;

}

#login h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 5px;

}

#login .container .row,
#login .container .col-md-12 {
    padding: 0 0 0 0;
    width: 100%;
    display: block;
    margin: 0 auto;
}


.login {
    margin-bottom: 36px;
}


.st0 {
    fill: #e6e9ed;
}

.st1 {
    fill: #e6e9ed;
}

#svg {
    width: 100%;
    margin: auto;
}

#svg path {
    stroke: transparent;
    fill: transparent;
}

#svg.start .st0,
#svg.start .st1 {
    stroke-dasharray: 2000;
    stroke-dashoffset: 0;
    stroke-width: .5;
}

#svg.start .st0 {
    stroke: #35495E;
    animation: st0_anime 2s ease-in 0s forwards;
}

#svg.start .st1 {
    stroke: #35495E;
    stroke-dashoffset: 2000;
    animation: st1_anime 2s ease-in .4s forwards;
}

@keyframes st0_anime {
    0% {
        stroke-dashoffset: 2000;
        fill: transparent;
    }

    50% {
        fill: transparent;
    }

    100% {
        stroke-dashoffset: 0;
        fill: #35495E;
    }
}

@keyframes st1_anime {
    0% {
        stroke-dashoffset: 2000;
        fill: transparent;
    }

    50% {
        fill: transparent;
    }

    100% {
        stroke-dashoffset: 0;
        stroke: #1EB79A;
        fill: #1EB79A;
    }
}

.home-logo {
    width: 50%;
    margin: 0 auto;
    padding: 10px 0;
    min-height: 50px;
}

.home-logo img {
    display: block;
    width: 100%;
    height: auto;
}


/*----------------------------------------------------------
//ログイン
-----------------------------------------------------------*/
#login .container {
    max-width: 480px;
    margin: 0 auto;
}

.login {
    width: 100%;
    padding: 18px;
    margin: 0 auto 16px;

    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

    box-sizing: border-box;
    position: relative;
}

.login p {
    text-align: center;
    margin-bottom: 6px;
}

.login-form {
    margin-bottom: 12px;
}

.form-signin {

    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    margin-bottom: 10px;
    width: 100%;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    width: 100%;
}

.account-wall {}

.login-title {
    color: #101014;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.profile-img {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.need-help {
    margin-top: 10px;
}

.new-account {
    display: block;
    margin-top: 10px;
}


.error-message{
	padding-top: 10vh;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
.error-message p{

}
.error ul li {
    list-style: none;
    color: red;
    line-height: 1.4;
}

.error {
    margin-bottom: 12px;
}

.signin-checkbox {
    padding: 6px 0 12px 0;
    display: flex;
    align-items: center;
}

.signin-checkbox input {
    margin-right: 10px;
}

.account-register {
    padding: 0 0 0 0;
    text-align: center;
    margin-bottom: 20px;
}

.account-register p {
    line-height: 1.8;
}

.account-register a {
    display: block;
    text-decoration: none;
}

.password-reminder-link a:hover,
.account-register a:hover {
    text-decoration: underline;
}



.social-login,
.form-signin {
    width: 100%;
}


.social-class .social-hex {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    font-size: 10px;
    opacity: .3;
    float: right
}

.social-class li {
    margin-bottom: 4px
}

.social-class li:hover .social-hex {
    opacity: 1
}

.social-class li:hover code {
    background-color: #e8e8ee
}

.social-class code {
    cursor: default
}


.form-signin .btn-social {
    color: #fff !important;
}

.form-signin .btn-social>:first-child {

    line-height: 38px;
    font-size: 1.2em;
}

.btn-social {
    margin-bottom: 6px;
}


.outter {
    padding: 0px;

    border-radius: 50%;
    width:180px;
    height: 180px;
    margin: 0 auto;
    position: relative;
}

.image-circle {
    border-radius: 50%;
    width: 175px;
    height: 175px;
    border: 6px solid #FFF;
    margin: 10px;
}

.photo-upload {
    position: absolute;
    right: 0px;
    /* top: 0; */
    bottom: 0px;
}

.photo-delete {
    position: absolute;
    right: -8px;
    /* top: 0; */
    bottom: 68px;
}

.photo-delete p {
    padding: 0px;
    border: 1px solid #e74c3c;
    border-radius: 50%;
    background: #e74c3c;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.photo-delete p i {
    font-size: 2rem;
    padding-top: 10px;
    cursor: pointer;
    color: #fff;
}

.photo-upload i {
    font-size: 3rem;
    padding-top: 14px;
    cursor: pointer;
}

.photo-upload-circle {
    padding: 0px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    background: #fff;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
}

#settings-profile .photo-delete p {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

#settings-profile .photo-delete p a {
    display: inline-block;
    cursor: pointer;
}

.register-complete {
    text-align: center;
}

.register-complete p {
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 24px;
}

.social-login h5 {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 12px 0;
    border-top: 1px solid #f4f6f9;
    margin: 10px 0 0 0;
}

.password-reminder-link p a {
    display: block;
    text-align: center;
    padding: 10px 0 0 0;
    color: #101014 !important;
}

.login-form h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 6px;
    margin: 0 0 0 0;
}

.login-form h4 span {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
}
@media screen and (max-width: 768px) {
	#login{
		overflow-y: scroll;
	}
}
@media screen and (max-width: 320px) {
    .home-logo {
        min-height: 40px;
    }

    .login {
        padding: 10px;
        margin-bottom: 0px;
    }

    .form-signin .form-control {
        padding: 4px;
    }

    .social-login h5 {
        padding: 6px;
    }

    .form-signin input[type="text"],
    .form-signin input[type="password"] {
        margin-bottom: 5px;
    }

    .account-register p {
        line-height: 1;
        padding: 5px 0;
    }

    .login p {
        margin-top: 0;
    }

    #login .row h3 {
        margin: 0 0 10px 0;
    }

    .password-reminder-link p a {
        padding-top: 5px;
    }

    .login-form {
        margin-bottom: 0px;
    }

    .iframe-content {
        margin-bottom: 0;
    }

    .form-signin {
        margin-bottom: 10px;
    }

}


#qr-code .btn-wrapper .text-center {
    text-align: center;
    color: red;
}

/* ------------------------------
 ポップアップなど設定
 ------------------------------ */
.mfp-close-btn-in .mfp-close {
    display: none !important;
}

.qrcode-camera {
    clear: both;
    padding: 24px 0;
}

.qrcode {
    clear: both;
    text-align: center;
}

.qrcode h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 12px;
}

.qrcode,
.qrcode-camera {
    width: 70vw;
    max-width: 320px;
    margin: 0 auto;
    padding-top: 10%;
}

.popup-modal-dismiss a {
    display: block;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
}

#settings .container {
    max-width: 680px;
    margin: 0 auto;
}

#settings .container h3 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    color: #2c3e50;
}




.close-button {
    clear: both;
    text-align: center;
    padding: 24px 0;
}



.function-block {
    clear: both;


}

.function-block.animated {
    display: block;
    height: 100%;
}

.function-label p {
    padding: 12px 0;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2c3e50;
}

.flex-container {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
}


/* ボタンON OFF  */
.function-block input {
    display: none;
}

.function-block input+label,
.function-block input+label::before,
.function-block input+label::after {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.function-block input+label {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 48px;
    border-radius: 24px;
    cursor: pointer;
}

.function-block input+label::before {
    display: block;
    content: attr(data-off-label);
    position: absolute;
    top: 11px;
    right: 15px;
    color: #fff;
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: bold
}

.function-block input+label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
}

.function-block input:checked+label::before {
    content: attr(data-on-label);
    left: 15px;
    right: auto;
    color: #fff;
}

.function-block input:checked+label::after {
    left: 54px;
    background-color: #f7f7f7;
}

.function-toggle+label,
#function-composition+label,
#function-translation-text+label {
    background-color: #aaa;
}

.function-toggle+label::before,
#function-composition+label::before,
#function-translation-text+label::before {
    color: #fff;
}

.function-toggle:checked+label,
#function-composition:checked+label,
#function-translation-text:checked+label {
    background-color: #1eb89b;
}

.function-toggle:checked+label::before #function-composition:checked+label::before #function-translation-text:checked+label::before {
    color: #fff;
}

.function-left {
    width: 50%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.function-right {
    width: 50%;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
}





#settings {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    /*
    background: #E6EAEA;
    */
}

#settings-profile {
    text-align: center;
}

#settings-profile p {
    font-size: 18px;
    font-size: 1.8rem;
}

.settings-name {
    margin-bottom: 24px;
}

.setting-menu {
    margin-bottom: 36px;
}

.setting-menu ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.setting-menu ul li {
    list-style: none;
}

.setting-menu a:hover {
    text-decoration: none;
}

.setting-menu h4 {
    text-align: left;
    color: #cacaca;
    margin-bottom: 6px;
}

.setting-menu ul li {
    text-align: left;
    border-bottom: 1px solid #dcdcdc;
}



.setting-menu ul li a {
    padding: 12px 0;
    display: block;
    color: #32475a;
    position: relative;
}


.setting-menu ul li a:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 14px;
    position: absolute;
    right: 20px;
    color: #9a9a9a;
}

.setting-close-button {
    position: fixed;
    right: 15px;
    top: 15px;
}

.setting-close-button i {
    font-size: 28px;
    font-size: 2.8rem;
}

.setting-close-button a {
    color: #32475a;
}




.mfp-close {
    display: none;
}

/* ------------------------------
 トップ
 ------------------------------ */




.button-plus,
.button-minus {
    padding: 10px;
}

.button-plus .button-wrapper a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #1eb89b;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.button-minus .button-wrapper a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #e74c3c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#main-wrap {}

.flex-top-container {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;


}

.button-column {
    padding: 24px 0;
}

.button-column ul {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.button-column ul li {
    width: 48%;

}

.button-column ul li:nth-child {}

.btn-yes {
    border: 1px solid #1eb89b;
    background-color: #1eb89b;
}

.btn-yes:hover {
    color: #1eb89b;
    border: 1px solid #1eb89b;
}

#inline-wrap p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;

    text-align: center;
}


.file-btn input {
    display: none;
}


#qr-code {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

/* ------------------------------
 チャットルーム
 ------------------------------ */

#header {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background: #fff;
    pointer-events:auto;
}

#header.fixed {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    min-height: 60px;
}

.name {
    position: absolute;
    top: 18px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    z-index: 0;
    margin-left: 10px;
}

/*
header{
    max-width: 680px;
    margin: 0 auto;
}*/

header nav {
    height: 75px;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

#header.fixed header nav {
    justify-content: flex-start;
}



header nav ul {
	display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    justify-content: space-between;
}

header nav ul li {
    height: 75px;
    line-height: 75px;
    position: relative;
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 16.6%;
    cursor: pointer;
}

header nav ul li a {
    padding: 0 0;
    display: inline-block;
    height: 100%;
    color: inherit;
    text-decoration: none;
    text-align: center;
    line-height: 1.4;
    display: flex;
    width: 100%;
    cursor: pointer;

}

header nav ul li a i {
    line-height: 1.2 !important;
    font-size: 3rem !important;
}

header nav ul li a span {
    font-size: 10px;
    font-size: 1rem;
    color: #cacaca;
    display: inline-block;
}

header nav ul li a em{
	position: absolute;
  top: 5px;
  left: 50%;
  margin-left: 10px;
  color: #FFF;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  background: #e74c3c;
  border-radius: 50%;
  min-width: 18px;
  padding: 0 3px;
}


header nav ul li a img {
    display: block;
    width: 100%;
    max-width: 30px;
    margin: 0 auto;
    cursor: pointer;
}

header nav ul li.back-button {
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 100;
}

header nav ul li.back-button i {
    font-size: 40px;
    font-size: 4.0rem;
}

header .title {
    width: 100%;
    max-width: 104px;
    max-height: 60px;
    padding: 10px 20px;
    background: #fff;
}


#chat-area,
#frame {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    overflow-y: scroll;
     scrollbar-width: none; 

}

/* Webkitブラウザのスクロールバーを非表示にする */

#chat-area::-webkit-scrollbar,
#frame::-webkit-scrollbar {
  display: none;
}


.contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
}

.contact-profile img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin: 9px 12px 0 9px;
}

.contact-profile p {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
}

.contact-profile .social-media {
    float: right;
}

.contact-profile .social-media i {
    font-size: 16px;
    font-size: 1.6rem;
}

.contact-profile .social-media a {
    margin-left: 14px;
    color: #435f7a;
    cursor: pointer;
}

.contact-profile .social-media a:nth-last-child(1) {
    margin-right: 20px;
}

.contact-profile .social-media a:hover {
    color: #435f7a;
}

#chat-area {

}

.messages {

    width: 100%;
    min-height: 100svh;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -webkit-overflow-scrolling;
    padding: 0 0 0 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;

    position: relative;
}

#chat-messages-area {

}

.messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

.messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

.messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
}

.messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

.messages ul li.sent img {
    float: right;
    margin: 6px 0 0 8px;
}

.messages ul li.sent p {
    background: #435f7a;
    color: #f5f5f5;
    float: right;
}

.messages ul li.replies img {
    margin: 6px 8px 0 0;
}

.messages ul li.replies p {
    background: #f5f5f5;
}

.messages ul li img {
    width: 40px;
    border-radius: 50%;
    float: left;
}

.messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 240px;
    line-height: 130%;
    font-size: 16px;
    font-size: 1.6rem;
}

@media screen and (min-width: 735px) {
    .messages ul li p {
        max-width: 420px;
    }
}

body .message-input {
	position: fixed;

    transition: 0.3s;
    -webkit-transition: 0.3s;
    transform: translateY(0px);
    bottom: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    height: 120px;

}

body .message-input.clicked {

    width: 100%;
    background: #fff;
    overflow: hidden;

    z-index: 100;
}


body.other .message-input {
    height: auto;
}

body.other .message-input {
    height: 120px;
}



/*
body.pcmode .message-input,
body.textmode .message-input {
    transform: translateY(70px);
}

body.voicemode .message-input {
    transform: translateY(0px);
}

body.voicemode .messages {
    transform: translateY(-70px);
}

body.textmode .messages {
    transform: translateY(0px);
}*/

.message-input.clicked #text-input {
    display: none;
}



.message-input #text-input,
.message-input #input-area {
    display: none;
}

.message-input.clicked #input-area,
.message-input a.text-submit {
    display: block;
}

.message-input .wrap {
    position: relative;
    display: flex;


}

body.textmode #text-input {
    display: block;
}


.message-switch.clicked .voice-submit {
    display: none;
}

.message-switch.clicked .text-submit {
    display: block;
}





.wrap textarea {
	max-width: calc(100% - 20px );
    border: none;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    border: 1px solid #262626;
    border-radius: 15px;
    margin: 12px 0;
    padding: 12px;
    line-height: 1.8;
    background-color: #262626;
    position: relative;
    z-index: 100;
    line-height: 1;
    resize: vertical;
    height: 96px;
    max-height:96px;
}



.wrap textarea:focus,
.wrap input:focus {
	color: #fff;
    border-color: #25262b;
    outline: 0;
    background-color: #25262b;
}



.input-wrapper:focus~.voice-wrapper {
    display: none;
}


.voice-wrapper button {
    border: none;
    width: 100%;
    padding: 13px 15px 14px 0;
    cursor: pointer;
    background: #101014;
    color: #101014;
    text-align: right;
    display: block;
    height: 55px;
    overflow: hidden;


}



.wrap button {
	border: none;
    width: 60px;
    padding: 13px 0;
    cursor: pointer;
    color: #f5f5f5;
    margin-left: auto;
    text-align: center;
    background: transparent;
    display: flex;
    justify-content: center;

}

.wrap button i,
.wrap a i {
    font-size:28px;
    font-size: 2.8rem;
    color:#fff;
}


.wrap button:focus {
    outline: none;
}

.input-wrapper{
	width: 100%;
	max-width: calc(100% - 140px);
}

.voice-wrapper {
	position: absolute;

    right: 0;
    width: 80px;
    max-height: 56px;
    overflow: hidden;
    margin-left: auto;
}

.voice-box {
	position: absolute;
	width: 100px;
	height: 100px;
	display: none;
	left: 50%;
	margin-left: -50px;
	top: 10px;

}


.voice-button {
    /*周りの凹み*/
    display: inline-block;
    position: relative;
    text-decoration: none;
    margin: 0 auto;
    color: #1eb89b;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);

    transition: all 0.3s;
    touch-action: none;
    cursor: pointer;
}

.voice-button .fa {
    /*ボタン自体*/
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    font-size: 28px !important;
    background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;
}

@keyframes colorAnimation {
    to {
        background-position-x: 200%;
    }
}

.voice-button.hover {
    background-color: #e74c3c;
}


.voice-button .ring {
    background-image: -webkit-linear-gradient(bottom, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
    background-image: -o-linear-gradient(bottom, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    top: 10px;
    left: 10px;

    display: none;
}

.voice-button:active .ring {
    animation: pulsate 0.8s ease-out;
    /* スピードなど */
    animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
        transform: scale(1, 1);
    }

    50% {
        opacity: 0.6;
    }

    100% {
        transform: scale(2, 2);
        opacity: 0.0;
    }
}

.voice-button.toggle-on.color-button-running .fa,
.voice-button.toggle-on .fa {
    border: none;
}

.voice-button.toggle-off .fa {
    border: 3px solid red;
}

.voice-button.color-button-running,
.voice-button.color-button-running .fa {
    background-color: #1eb89b;
    background-image: -webkit-linear-gradient(#1eb89b 0%, #1eb89b 100%);
    background-image: linear-gradient(#1eb89b 0%, #1eb89b 100%);

}

.voice-button.color-button-running .fa-microphone:before {
    background-image: -webkit-linear-gradient(#e74c3c 0%, #e74c3c 100%);
    box-shadow: none;
    border-bottom: none;
    animation: colorAnimation 1s ease infinite;
    background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center / 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation: colorAnimation 1s linear infinite;
}

#voice-stop {
    padding: 5px 10px;
    display: inline-block;
    background: #e74c3c;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    white-space: nowrap;
    cursor: pointer;
}

#voice-stop img {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
}

.voice-over-stop {
    position: absolute;
    left: 50%;
    margin-left: 60px;
    margin-top: 60px;
}

body.other.voicemode .voice-box {
    display: block;
}

body.other.textmode .voice-box {
    display: none;
}


@media screen and (max-width: 768px) {
	.message-input .wrap input,
	.message-input .wrap textarea {
		max-width: 100%;

	}
}

/* ------------------------------
 HELP
 ------------------------------ */

#help {
    margin: 0 auto;
    max-width: 680px;
    padding: 20px 0;
}

#help h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 12px;
    text-align: center;
    color: #2c3e50;
}


dl.qa dt::before {
    content: '';
    position: absolute;
    top: 39%;
    right: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #2c3e50;
}

dl.qa dt {
    font-weight: bold;
    color: #2c3e50;
    padding: 10px 9% 0px 0;

    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: bold;

}

#sec03 dl.qa dd:last-child {
    border: none;
}

dl.qa dt.last {
    border: none;
}

dl.qa dt.active {
    border: none;
}

dl.qa dt.active+dd {
    /*border-bottom: 1px solid #000;*/
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}

dl.qa dt.active::before {
    content: '';
    position: absolute;
    top: 23%;
    right: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #777;
}

dl.qa dd {
    margin: 0;
    padding: 0.5em 1em 1.5em;
    /*text-indent:-1.5em;*/
}

.page-title {
    position: absolute;
    top: 18px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 18px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.page-title img {
    max-height: 28px;
}

/* ------------------------------
プライバシーポリシー
------------------------------ */
#privacy {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}

#privacy h2 {
    text-align: center;
    padding: 24px;
}

#privacy ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.f-right {
    text-align: right;
}

.p-btm10 {
    font-weight: bold;
    margin-bottom: 0px !important;
}

.p-btm30 {
    margin-bottom: 36px !important;
}

/* ------------------------------
会社概要
------------------------------ */
#company {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}

.ggmap {
    margin-top: 12px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------------------------
特定商取引法
------------------------------ */
#law {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}

.table {
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #E4E3E3;
    border-collapse: collapse;
}

.table td {
    padding: 10px;
    border: 1px solid #E4E3E3;
    text-align: left;
    border-collapse: collapse;
    background: #fff;
}

.table td:first-child {
    width: 30%;
}




/* ------------------------------
言語選択
------------------------------ */

.setting-language ul li {
    padding: 15px 0;
}


.setting-language input[type=radio] {
    display: none;
    /* 標準スタイルを非表示にする */
}

.label {
    position: relative;
    padding: 0 0 0 30px;
    display: block;
    width: 100%;
}

.label:after,
.label:before {
    position: absolute;
    /* ボックスの位置を指定する */
    content: "";
    /* ボックスのコンテンツ */
    display: block;
    /* ブロックレベル要素化する */
    top: 50%;
    /* 上部から配置の基準位置を決める */
}

.label:after {
    left: 0px;
    /* 左から配置の基準位置を決める */
    margin-top: -10px;
    /* チェック枠の位置 */
    width: 16px;
    /* ボックスの横幅を指定する */
    height: 16px;
    /* ボックスの高さを指定する */
    border: 2px solid #ccc;
    /* ボックスの境界線を実線で指定する */
    border-radius: 50%;
    /* ボックスの角丸を指定する */
}

.label:before {
    left: 3px;
    margin-top: -7px;
    width: 10px;
    height: 10px;
    background: #0171bd;
    border-radius: 50%;
    opacity: 0;
}

input[type=radio]:checked+.label:before {
    opacity: 1;
    /* 要素を表示する */
    box-sizing: content-box;
}

.label:hover:after {
    border-color: #0171bd;
    /* ボックスの境界線を実線で指定する */
}


/* ------------------------------
お問い合わせ
------------------------------ */
#contact {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}

.error,
.red,
.alert {
    color: red;
}


.contact-block {
    margin-bottom: 24px;
}

.contact-block input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    height: auto;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.contact-block input[type="text"]:focus {
    background-color: #ffffff;
    color: #333333;
}

.contact-block textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #ced4da;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding: 4px;
    border-radius: 4px;
}

.contact-check {
    margin-bottom: 24px;
}

.font-check {
    font-size: 160%;
    font-weight: bold;
}


/* ------------------------------
アカウント管理
------------------------------ */
.setting-acc ul li {
    padding: 10px 0;
}

.setting-acc ul li span {
    display: block;
    color: #9a9a9a;
    margin: 6px 0;
}

.setting-acc ul li input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    height: auto;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ------------------------------
選択画面
------------------------------ */
#create-room {
    width: 100%;
    margin: 0 auto;
}

#create-room .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100vw;
    height: 100svh;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.btn-start-talk,
.btn-join-talk {
    width: 100%;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

    width: 50vw;
    height: 100svh;


    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn-start-talk a,
.btn-join-talk a {
	display: block;
    line-height: 2;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 2vw;
    color: #fff !important;
    width: 100%;
    padding: 20%;
}

.btn-start-talk a:hover,
.btn-join-talk a:hover {
    text-decoration: none;
}

.btn-start-talk {
    border-color: #2c3e50;
    background-color: #2c3e50;
}

.btn-join-talk {
    border-color: #1eb89b;
    background-color: #1eb89b;

}

.btn-start-talk .fa,
.btn-join-talk .fa {
    font-size: 500%;
}



.join-user {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 360px;
    margin: 0 auto;
}


.join-user-item {
    height: 35px;
    width: 35px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 50%;
    overflow: hidden;
    margin: 2px;
}

.img-thumnail {
    max-width: 40px;
    max-height: 40px;
    position: relative;
    left: 50%;
    margin-left: -20px;
}


#join-user {
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
}


@media screen and (max-width: 768px) {
	#create-room {
	    min-height: 100%;
	}
    #create-room .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        height: 100svh;
        text-align: center;
        display: block;

    }

    .btn-start-talk,
    .btn-join-talk {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50%;
        width: 100%;
        overflow: hidden;
    }

    #create-room .container {
        padding-left: 0;
        padding-right: 0;
    }

    #create-room .btn-wrapper {
        width: 100%;
        max-width: 100vw;
        margin: 0 0 0 0;
        height: 50%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

}


/* ------------------------------
言語選択画面
------------------------------ */


#select-language {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
}


.select-language-container {

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#select-language h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 12px;
}

.language-flag {
    position: relative;

}

.language-flag img {
    width: 100%;
    display: block;
    display: none;
}



#language-select h2 {
    text-align: center;
    padding: 24px 0;
    font-size: 18px;
    font-weight: bold;
}

#language-select .row-eq-height,
#language-select .flexbox {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#language-select .row-eq-height a,
#language-select .flexbox a {
    color: #fff;
    font-size:20px;
    font-size: 2rem;
    font-weight: bold;
    padding: 4%;
    display: block;
    width: 100%;
    height: 100% !important;
}
#language-select .flexbox .lang a:hover{
	text-decoration: none;
}
#language-select .row-eq-height .col-xs-3,
#language-select .flexbox .lang {
    width: calc( 100% / 3 );
    border: 1px solid #bdc3c7;
    text-align: center;
    background-color: #262626;
    border-radius: 4px;
    color: #fff;
    text-align: center;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#language-select .flexbox .lang a {}


#language-select .flexbox .lang:hover {
    background: #383838;
}

#language-select .row-eq-height a span,
#language-select .flexbox .lang a span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
}

@media screen and (max-width: 768px) {


    #language-select .row-eq-height .col-xs-3,
    #language-select .flexbox .lang {
        width: 50%;
        margin: 0%;
        text-align: center;

    }

    #language-select .row-eq-height a,
    #language-select .flexbox a {
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        white-space: nowrap;
    }

    #language-select .row-eq-height a span,
    #language-select .flexbox .lang a span {
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        white-space: nowrap;
    }
}


#language-select.language-personal .flexbox {
    display: block;
    width: 100%;

}

#language-select.language-personal .row-eq-height .col-xs-3,
#language-select.language-personal .flexbox .lang {
    width: 25%;
    border: none;
    text-align: center;
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    text-align: center;

}

#language-select.language-personal .language-flag img {
    display: block;
}

/* ------------------------------
アラート画面
------------------------------ */
#popup-alert {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
}

.button-column ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.button-column ul li {
    list-style: none;
}

#popup-alert p {
    font-size: 16px;
    font-size: 1.6rem;
}



/* ------------------------------
チャット画面
------------------------------ */
.message-body {
    color: white;
}

.chat-someone .chat-ballon {
    background-color: #f3f5f7 !important;
}

.chat-someone .chat-ballon:after {
    border-color: transparent transparent transparent #435f7a !important;
}

.chat-ballon-area {
    max-width: 60vw;
}


.message-body,
.translated-message-body {
    color: #000;
    word-break: break-word;
}

.translated-message-body {
    color: #101014;
    word-break: break-word;
}

.chat-someone .message-body,
.chat-someone .translated-message-body {
    color: #101014;
}



a.voice-button.hover {
    color: #1eb89b;
}

#voice {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;

}



/* ------------------------------
QRカメラ読み込み
------------------------------ */
.camera {
    text-align: center;
}


.inline ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.inline ul li {
    list-style: none;
    width: 48%;
}

.inline ul li:first-child {
    margin-right: 10px;
}




#toast-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100svh;
    max-height: 100svh;
    position: fixed;
    top: 0;
    left: 0;
}

#toast-container>.toast-info,
#toast-container>div {
    text-align: left;
    width: 80%;
    max-width: 300px;
}



.iframe-content {
    position: relative;
    width: 100%;

    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch !important;
    height: 30vh;
    overflow: hidden;
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;

}

.iframe-content iframe p {
    font-size: 11px;
}

@media screen and (max-width: 320px) {

    .iframe-content {
        overflow-y: scroll;
    }

}


/* ------------------------------
お知らせ
------------------------------ */
.accordion {
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px;
    cursor: pointer;
    padding-top: 0;
    margin-top: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;

}

p.date {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.accordion-content {
    display: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2;
    background: rgba(230, 126, 34, 0.3);
    padding: 10px;
    margin-bottom: 24px;
}

.accordion-content:lang(en) {
    font-size: 14px;
    font-size: 1.4rem;
}

.accordion-content ul {
    padding: 0 0 0 20px;
}

.accordion-content img {
    max-width: 380px;
    margin: 0 auto;
}

.accordion-content dt {
    float: left;
}

.accordion-content dd {
    margin-left: 18px;
}

.tag {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.tag-danger {
    background-color: #d9534f;
}

.tag-warning {
    background-color: #f0ad4e;
}

.tag.tag-warning {
    margin-right: 5px;
}

.tag.tag-danger {
    border-radius: 50%;
    margin-right: 0;
    margin-left: 5px;
    display: none;

}

.tag-danger {
    display: inline-block;
    position: relative;
    min-width: 22px;
    border-radius: 50%;
    background-color: transparent;
    color: red;
    text-align: center;
    font-size: 12px !important;
    font-weight: bold;
    top: -2px;

}

.tag-danger:after {
    content: "";
    position: absolute;
    top: 55%;
    left: -11px;
    margin-top: -8px;
    border: 6px solid transparent;
    border-right: 10px solid #e74c3c;
    z-index: -1;
    display: none;
}


.news-icon {
    display: inline-block;
    position: absolute;
    top: 4px;
    margin-left: 4px;
    display: none;
}

header nav ul li a {
    position: relative;
}

header nav ul li:last-child span {
    white-space: nowrap;
}

header nav ul li:last-child .news-icon {
    /* display: inline-block; */
    position: absolute;
    /* top: 4px; */
    margin-left: 4px;
    top: 0;
    left: 50%;
    margin-left: 13px;
}

.news-icon p {
    display: inline-block;
    position: absolute;
    top: 9px;
    margin-left: 0;
    background: red;
    border-radius: 50%;
    width: 5px;
    height: 5px;
}

.news-icon p:before {
    content: "";
    position: absolute;
    top: 55%;
    left: -10px;
    margin-top: -8px;
    border: 6px solid transparent;
    border-right: 10px solid #e74c3c;
    z-index: -1;
    display: none;
}


#news {
    max-width: 680px;
    margin: 0 auto;
    padding-top: 70px;
}


.loading {
    clear: both;
    margin: 0 auto;
    text-align: center;
}

.loading .btn {
    padding: 10px 40px;
    cursor: pointer;
}

.btn-social.btn-google {
    display: none;
}


#popup-delete-account .container {
    max-width: 360px;
    margin: 0 auto;

}



/* ------------------------------
 音声合成ボタン
 ------------------------------ */
body.textmode .message-input.message-switch #text-input {
    display: block;
    line-height: 1.6;
}

body.android .message-input.message-switch #text-input,
body.iphone .message-input.message-switch #text-input {
    display: block;
    line-height: 1.6;
}

body.textmode.ipad .message-input.message-switch #text-input,
body.textmode.android .message-input.message-switch #text-input,
body.textmode.iphone .message-input.message-switch #text-input,
body.voicemode.android .voice-box,
body.voicemode.iphone .voice-box {
    display: block;
}

body.textmode.ipad .voice-box,
body.textmode.android .voice-box,
body.textmode.iphone .voice-box {
    display: none;
}

body.ipad .message-input.message-switch #text-input,
body.iphone .message-input.message-switch #text-input,
body.android .message-input.message-switch #text-input {
    display: none;
}

body.iphone .message-input.message-switch.clicked #text-input,
body.android .message-input.message-switch.clicked #text-input {
    display: block
}

/*
body.ipad.textmode .message-input,
body.android.textmode .message-input,
body.iphone.textmode .message-input {
    transform: translateY(70px);
}

body.ipad.textmode .messages,
body.android.textmode .messages,
body.iphone.textmode .messages {
    transform: translateY(0px);
}

body.ipad.voicemode .messages,
body.android.voicemode .messages,
body.iphone.voicemode .messages {
    transform: translateY(-70px);
}

body.voicemode .message-input {
    transform: translateY(0px);
}*/

body.ipad.voicemode .message-switch .voice-submit,
body.android.voicemode .message-switch .voice-submit,
body.iphone.voicemode .message-switch .voice-submit {
    display: none;
}

body.ipad.textmode .message-switch .voice-submit,
body.android.texdtmode .message-switch .voice-submit,
body.iphone.texdtmode .message-switch .voice-submit {
    display: block;
}

body.ipad.textmode .message-switch.clicked .voice-submit,
body.android.textmode .message-switch.clicked .voice-submit,
body.iphone.textmode .message-switch.clicked .voice-submit {

    display: block;
}


body.voicemode .message-switch.clicked .voice-box {
    display: block;
}

body.ipad.voicemode .message-switch.clicked .voice-submit,
body.android.voicemode .message-switch.clicked .voice-submit,
body.iphone.voicemode .message-switch.clicked .voice-submit {
    display: none;
}

body.iphone.voicemode .message-input.message-switch.clicked #text-input,
body.android.voicemode .message-input.message-switch.clicked #text-input {
    display: none;
}

@media screen and (max-width: 320px) {
    body.textmode .message-input.message-switch #text-input {

        display: block;
        max-width: 65%;
        margin-left: 16%;
    }


}

#draggable-area {
    left: 4px;
    top: 3px;
    width: 80px;

    z-index: 100;
}

#draggable {
    position: relative;
    left: 2px;
    top: 3px;
    width: 50px;
    height: 55px;
    z-index: 100;

}


.draggable-btn {
    display: inline-block;
    position: relative;
    text-decoration: none;
    /* color: rgba(3, 169, 244, 0.54); */
    width: 80px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    /*
    background: rgba(255,255,255,0.5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);*/
    cursor: pointer;
    padding-left:10px;
    padding-top: 8px;
}

.draggable-btn a {
    /*ボタン自体*/
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    font-size: 24px;
    /*
    background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;*/
}

.draggable-btn a.on {
    /*
    background-color: #e74c3c;
    background-image: -webkit-linear-gradient(#e74c3c 0%, #e74c3c 100%);
    background-image: linear-gradient(#e74c3c 0%, #e74c3c 100%);
    color: #fff!important;
    */
    color: #ef454a;
}

/*
.draggable-btn a.on not([href]):not([tabindex]):focus, .draggable-btn a.on:not([href]):not([tabindex]):hover{
    color: #ef454a;
}
.draggable-btn a span{
    font-size: 12px;
    position: absolute;
    top: -10px;
    color: #ef454a;
    display: none;
}

.draggable-btn a.on span{
    display: inline-block;
}
*/

.draggable-btn img {
    display: block;
    width: 40px;
    height: 40px;
}

.toggle-box {
    display: none;
    width: 282px;
    margin-left: -92px;
}


.balloon1 {
    position: relative;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #fff;
    padding: 10px;
    -moz-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);
    box-shadow: -2px 10px 19px -3px rgba(0, 0, 0, 0.8);

}

.balloon1:after,
.balloon1:before {
    bottom: 95%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.balloon1:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}

.balloon1:before {
    border-color: rgba(245, 245, 245, 0);
    border-bottom-color: #f5f5f5;
    border-width: 14px;
    margin-left: -14px;
}

.toggle-back {
    float: left;
    width: 40px;
}

.toggle-nav,
.toggle-top {
    width: 100px;
    float: left;
    margin: 0 5px;
    text-align: center;
}

.toggle-nav a,
.toggle-top a {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 12px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #ae8701;
    background-color: #ae8701;

    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.toggle-nav a:hover,
.toggle-top a {
    background-image: none;
    background-color: transparent;
    color: #ae8701;
}



/**
 * jQueryUIを用いたダイアログ表示。
 */
.jqueryui-dialog {
    display: none;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-widget.ui-widget-content {
    z-index: -10000;
    position: fixed !important;
    top: 50% !important;
    margin-top: -68px !important;
}

.ui-widget-overlay {
    background: #101014;
    opacity: .6;
    filter: Alpha(Opacity=60);

}




/* ------------------------------
 定型文
 ------------------------------ */

#phrase {
    padding: 60px 0;

}

#phrase .container {
    position: relative;
    max-width: 480px;
    margin: 0 auto;
    overflow-y: scroll;
}

#phrase .display-message {
    width: calc(100% - 50px);


}


#phrase .chat-self {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    float: left;
}

.phrase-list ul {
    padding: 0;
}

.phrase-list ul li {
    position: relative;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    display: flex;

    margin-bottom: 10px;
    /*
    border-bottom: 1px solid #d8dfe2;*/
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    align-items: end;

}

#phrase .delete-phrase {
    text-align: center;
    cursor: pointer;
    padding: 10px 15px;
    /* width: 20%; */
    /* float: right; */
    /* display: flex; */
    /* justify-content: right; */

    position: absolute;
    right: 0;


    font-size: 22px;
    line-height: 1;
    color: #ef454a;
}



#phrase .add-memo-button {
    position: absolute;
    right: 50px;
    width: 30px;
}



.delete-button a,
.edit-button a,
.send-button a {
    color: #fff;
}

.function-button {
    color: #fff;
    font-weight: bold;
    display: block;
    cursor: pointer;
}

#chat-compose span,
.function-button span {
    font-size: 11px;
    font-size: 1.1rem;
    color: #b2bec3;
    font-weight: bold;
}

.function-button span i {
    font-size: 20px;
    font-size: 2.0rem;
    color: #dfe6e9;
}


#phrase .mfp-close {
    display: block !important;
    left: 0;
}

#phrase #add-category {
    display: block;
    text-align: center;
    background-color: #ef454a;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
}

#chat-room .mfp-container {
    overflow-x: hidden;
}

#chat-room .mfp-iframe-holder {
    padding: 0 0 0 0;
}

#chat-room .mfp-iframe-scaler {
    min-height: 100vh;
    padding-top: 0;
    z-index: 10000;
}

.mfp-wrap .mfp-iframe-holder .mfp-content {
    max-width: 100%;
}

.mfp-iframe-holder .mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow-y: scroll;
    box-shadow: none;
    background: transparent;
}

@media screen and (min-width: 1586px) {
    #chat-room .mfp-iframe-holder {
        padding: 0 0 0 0;
        width: calc(100% + 15px);
    }
}


#sub-page #phrase {
    padding: 100px 0 15vh 0!important;

}


#sub-page #nav {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #000;
    width: 100%;
    position: fixed;
    z-index: 2;
}

#sub-page #nav a {
    padding: 15px;
    display: block;
    font-weight: bold;
    color: #fff;
}

#sub-page #nav .nav-back,
#sub-page #nav .nav-send {
    width: 60px;

}

#sub-page #nav .nav-send {
    margin-left: auto;
}


#sub-page #nav .nav-name {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    width: calc(100% - 120px);
}


#sub-page #phrase .add-button {
    margin-left: auto;
    position: relative;
    right: 15px;
    /* top: -40px; */
}

#sub-page #phrase .phrase-list {
	box-shadow:0px 0px 12px -7px #959595;
	border-radius: 6px;
	background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    position: relative;

}


#sub-page #phrase .phrase-list-history {
    border-bottom: 0;
    padding-bottom: 0;
}

#sub-page #phrase .contact-block textarea {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
    resize: vertical;
    padding: 10px;
    min-height: 115px;
}

#sub-page #phrase .contact-block .close-button {
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
}

#sub-page #phrase .contact-block p {
    margin-top: 0;
}

#sub-page #phrase .contact-block .close-button .add-button {
    right: 0;
}

.phase-category-name {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px;

    background-color: #f1f5f9;
    margin-bottom: 10px;
    line-height: 1;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
}

.ks-cbox {
    padding-top: 60px;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;

}

ul.ks-cboxtags {
    list-style: none;
}

ul.ks-cboxtags li {
    display: inline;
    width: 100%;
}

ul.ks-cboxtags li label {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ecf0f1;
    color: #adadad;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.2s;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
}

ul.ks-cboxtags li label {
    padding: 8px 12px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform 0.3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform 0.3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label {
    border: 1px solid #1bdbf8;
    background-color: #12bbd4;
    color: #fff;
    transition: all 0.2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute;
}

ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

ul.ks-cboxtags li input[type="checkbox"]:focus+label {
    border: 2px solid #3498db;
}

/*
#chat-room .mfp-iframe-holder .mfp-close{
    display: block!important;
    top: 0;
    color:#2c3e50;
    left: 10px;
    font-size: auto;
    text-align: left;
    font-size: 40px;
    z-index: 1;
}*/

.mfp-hide.ui-dialog-content.ui-widget-content {
    display: block !important;
}

#sub-page .mfp-iframe-scaler {
    width: 100%;
    height: auto;
    overflow: scroll;
    padding-top: 0;
}

.cp_box *,
.cp_box *:before,
.cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    position: relative;
    width: calc(100% - 50px);
}

.cp_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 50px;
    cursor: pointer;
    text-align: center;
    background: linear-gradient(to bottom, #d4dede00 0%, #d4dede 100%);
    margin-bottom: 0;
}

.cp_box input:checked+label {
    background: inherit;
    /* 開いた時にグラデーションを消す */
}

.cp_box label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 50%;
    width: 100%;
    font-family: FontAwesome;

    content: '\f107';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #2c3e50;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 40px;

    background-color: transparent;
}

.cp_box input {
    display: none;
}

.cp_box .cp_container {
    overflow: hidden;
    height: 80px;
    transition: all 0.5s;
    width: 100%;
    display: flex;
}

.cp_box input:checked+label {
    /* display: none ; 閉じるボタンを消す場合解放 */
}

.cp_box input:checked+label:after {
    font-family: FontAwesome;
    content: '\f106';
}

.cp_box input:checked~.cp_container {
    height: auto;
    padding-bottom: 50px;
    /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    header nav ul li a span {
        letter-spacing: -1px;
    }
}

#phrase .delete-button,
#phrase .edit-button,
#phrase .send-button {
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 8px;
    display: block;
}

#phrase .send-button {

    text-align: left;

}

#phrase .delete-button {
    text-align: right;
}


.flexbox.flex-phrase-button {
    width: 100%;
    padding-left: 30px;
    margin-top: 0px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flexbox.flex-phrase-button p {
    width: 33.3%;
}

.edit-button i,
.delete-button i,
.send-button i {
    font-size: 24px;
    font-size: 2.4rem;
    cursor: pointer;
    display: block;
    line-height: 1.4;
    color: #000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


.edit-button:hover i,
.delete-button:hover i,
.send-button:hover i {

    color: #2c3e50;
    background-color: transparent;
}



/* ------------------------------
 ルーム作成
 ------------------------------ */

.room-info {}

.room-number,
.foom-info-inner {
    display: flex;
}

.room-copy {
    margin-left: auto;
}

p.copy {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #2ecc71;
    background-color: #2ecc71;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;

}

p.copy:hover {
    border-color: #008639;
    background-color: #008639;
}

.room-number p {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: left;
}

.room-number-left {
    margin-right: 10px;
}

.room-number-left p {
    font-weight: bold;
    text-align: left;
}

.phase-inner {}

.flexboxbutton {}

.flexboxbutton {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;

}


.flexboxbutton a {
    flex-basis: calc((100% - 10px) / 2);
    max-width: calc((100% - 10px) / 2);
    font-size: 12px;
    font-size: 1.2rem;
}


.phase-category-name::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    /*縦線に*/
    transform: rotate(90deg);
    background: #2c3e50;
    transition: all .3s ease-in-out;
}

.phase-category-name::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    /*横線*/
    width: 15px;
    height: 2px;
    background: #2c3e50;
    transition: all .2s ease-in-out;
}

.phase-category-name.open::before {
    transform: rotate(180deg);
}

.phase-category-name.open::after {
    opacity: 0;
}



/* ------------------------------
 ダイアログ修正
 ------------------------------ */
/*
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: .3em .4em .5em .4em!important;
}*/


/* ------------------------------
 定型文
 ------------------------------ */
.selectWrap {
    width: 100%;
    position: relative;
    display: inline-block;
}

.selectWrap::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #b4b3b3;
    border-right: solid 2px #b4b3b3;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #b4b3b3;
    border-radius: 2px;
}

select::-ms-expand {
    display: none;
}

.flex-addcategory {
    align-items: center;

}

.flex-addcategory .selectWrap {}

#sub-page #phrase .flex-addcategory {
    margin-top: 10px;
}

#sub-page #phrase .flex-addcategory p {
    width: 140px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
}

.trasnlate-result {
    padding-top: 20px;
}

.trasnlate-result h5 {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.trasnlate-result p {
    font-size: 16px;
    font-size: 1.6rem;
}

#phrase .contact-block {
    margin-bottom: 40px;
}

#phrase .contact-block h3 {
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 10px;
}


.flex-addcategory form {
    width: 100%;
}

#changeSelect {
    display: flex;
    max-width: 345px;
}

#phrase .handle {
    width: 50px;
    cursor: grab;
    max-width: 40px;
}

#phrase .display-message {}

.handle {
    color: #2c3e50;
    padding: 0px 10px;
}

#phrase .cp_box .display-message {
    width: 100%;
}

@media screen and (max-width: 767px) {
    #phrase .display-message {}

    .cp_box label {}
}

@media screen and (max-width: 320px) {}

/* ------------------------------
 追加ボタン
 ------------------------------ */
.button-2 {
    padding: 20px 0 0 0;
}

.btn-cancel {
    background-color: #323337;
    border-color:#323337;
    color: #fff!important;
}

.btn-cancel:hover {

}

.btn-save {

}

.contact-block input.btn-save {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #FAB23D;
    background-color: #FAB23D;
    color: #000 !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.contact-block input.btn-delete {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #ef454a;
    background-color: #ef454a;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.contact-block input.btn-save:hover {


}

#phrase .contact-block .btn-cancel {
    margin-left: 10px;
}


#phrase .contact-block .btn-delete {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 12px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-color: #e74c3c;
    background-color: #e74c3c;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

#phrase .contact-block .btn-delete:hover {
    background-color: transparent;
    border-color: #e74c3c;
    color: #e74c3c !important;
}



#chat-room .mfp-iframe-holder .mfp-close {
    top: 100px;
    display: block;
    z-index: 10;
    display: block !important;

    top: 0;
    text-align: left;
    font-size: 40px;
    position: fixed;

    color: #fff;
    width: 100%;
    text-align: center;
    background: #101014;
    padding: 0 0 0 0;
    opacity: 1;

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: none !important;
}

.boxArea {
    margin-top: 10px;
}

.boxArea .box {
    display: none;
}



.closebutton {
    position: fixed;
    width: 100%;
    /* width: 100%; */
    z-index: 2;

}

.closebutton span {
    position: absolute;
    left: 15px;
    top:22px;
}


.closebutton span i {
    font-size: 24px;
}

.closebutton .btn {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px;
    height: 75px;
    border-radius: 0;
    cursor: pointer;
    color: #fff!important;
    background-color: #101014;
}

.closebutton .btn:hover {
	opacity: 0.9;
}

@media screen and (max-width: 767px) {
    #sub-page #phrase {
        padding: 9vh 0 15vh 0;
    }

    #sub-page #phrase .container {}

    #sub-page #phrase .flex-addcategory p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}


/* ------------------------------
 iphone 5s 用に修正
 ------------------------------ */
@media screen and (max-width: 320px) {

    body#chat-room {
        display: block;
        overflow-y: initial;
        overflow-x: initial;
    }

    body.textmode.iphone .message-input.message-switch #text-input {
        max-width: 67%;
        margin-left: 14%;
        line-height: 1.6;
    }

    #draggable {
        position: relative;
        left: 6px;
        top: 7px;
        width: 50px;
        height: 55px;
        z-index: 100;
    }

    .draggable-btn img {
        display: block;
        width: 22px;
        height: 22px;
    }

    .qrcode,
    .qrcode-camera {
        width: 50vw;
        max-width: 270px;
        margin: 0 auto;
        padding-top: 0;
    }

    header nav ul li {
        height: 50px;

    }

    #sub-page #phrase {
        padding: 20% 0 30% 0;
    }

    .mfp-iframe-holder .mfp-iframe-scaler {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mfp-iframe-holder .mfp-iframe-scaler iframe {
        width: 100%;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .ui-widget.ui-widget-content {
        top: 200px !important;
    }

    /*
	.flexboxbutton a:lang(ne),
	.flexboxbutton a:lang(pt),
	.flexboxbutton a:lang(fr),
	.flexboxbutton a:lang(fp),
	.flexboxbutton a:lang(my){
	    font-size: calc(10px - 0.25vw);

	}
	.flexboxbutton a:lang(fp),
	.flexboxbutton a:lang(my){
	    font-size: 	2.125vw

	}*/

}

/* ------------------------------

 ------------------------------ */
@media screen and (max-width: 768px) {
    /*
	.flexboxbutton a:lang(ne),
	.flexboxbutton a:lang(pt),
	.flexboxbutton a:lang(fr),
	.flexboxbutton a:lang(fp),
	.flexboxbutton a:lang(my),
	.flexboxbutton a:lang(fp),
	.flexboxbutton a:lang(my){
	    font-size: calc(10px - 0.25vw);

	}*/
}

/* ------------------------------
URLコピー
 ------------------------------ */

.url-copy {
    clear: both;
    background: #fff;
    margin: 20px 0 0 0;
}

.url-copy .copy {
    text-align: center;
    display: block;
    padding: 10px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.inactive {
    background-color: #eeeecc;
    cursor: none;
    pointer-events: none;
    color: #6b6b33;
}


.btn.btn-social.btn-facebook {
    background-color: #3B5998;
    border: 1px solid #3B5998;
}



/* ------------------------------
チュートリアル
 ------------------------------ */
body.bg-modal-tutorial .mfp-bg {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
}




#popup-tutorial {
    max-width: 420px;
    margin: 0 auto;
    position: relative;
    border-radius: 15px;
    display: none;
}

body.bg-modal-tutorial #popup-tutorial{
	display: block;
}

#popup-tutorial .slick-dots {
    bottom: 5px;

}

#popup-tutorial .slick-track {
  display: flex;
}
#popup-tutorial .slick-slide {
  height: auto !important;
}

.modal-tutorial .flex {
    position: relative;
    padding-bottom: 70px;

}

.tutorial-slider-item{
    position: relative;
    height: 100%;
}

.modal-tutorial h1 {
    font-size: 24px;
    font-weight: bold;
    padding: 15px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 15px;
}

.modal-tutorial h1 span {
    display: block;
}

.tutorial-slider-item {
    display: flex;
}

.modal-tutorial {
    background-color: #fff;
}

.modal-tutorial-left {
    max-width: 100%;
    width: 100%;
    position: relative;
}

.modal-tutorial-icon-left,
.modal-tutorial-icon-right{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-tutorial-icon-left{
	left: 10%;
	max-width: 10vw;
}

.modal-tutorial-icon-right{
    right: 10%;
    max-width: 14vw;
    left: auto;
}
.modal-tutorial-icon-left p,
.modal-tutorial-icon-right p{
    background-color: #ccc;
    display: inline-block;
    padding: 2px 4px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}
.modal-tutorial-icon-left p{
	background-color: #2c3e50;
}

.modal-tutorial-icon-right p{
	background-color: transparent;
	border:1px solid #2c3e50;
	color: #2c3e50;
}


.modal-tutorial-center img,
.modal-tutorial-left img {
    max-width: 100%;
    height: 280px;
    width: auto;
    margin: 0 auto;
    margin-bottom: 40px;
}

.modal-tutorial-center,
.modal-tutorial-right {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.modal-tutorial-right ul {
    height: 90px;
}

.modal-tutorial-center ul li,
.modal-tutorial-right ul li {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 5px;
    white-space: pre-wrap;
}

.mfp-close.mfp-tutorial-close {
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: initial;
    z-index: 10000;
}


.modal-tutorial .mfp-close * {
    pointer-events: none;
}


.js-method {
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    background-color: #2c3e50;
    color: #fff;
    padding: 5px 15px;
    /* bottom: 15px; */
    /* right: 15px; */
    position: relative;
    border-radius: 4px;
    display: inline-block;
}

.js-method-close {
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    background-color: #2c3e50;
    color: #fff;
    padding: 5px 15px;
    /* bottom: 15px; */
    /* right: 15px; */
    position: relative;
    border-radius: 4px;
    display: inline-block;
}


.modal-tutorial-center {
    text-align: center;
    position: relative;
}


.js-method-close .mfp-close,
.js-method .mfp-close {
    width: auto;
    height: auto;
    line-height: inherit;
    position: relative;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 0;
    color: unset;
    font-style: normal;
    font-size: unset;
    font-family: unset;
    display: block;
}

.modal-tutorial-right ul li span {
    display: inline-block;
    width: 20px;
}

.modal-tutorial-right ul li span img {
    max-width: 25px;
}


.modal-tutorial-button {
    position: absolute;
    right: 10px;
    bottom: 20px;
}



@media screen and (max-width: 767px) {
    #popup-tutorial {
        max-width: 90%;
    }

    .modal-tutorial-right ul li span img {
        max-width: 17px;
    }

    .modal-tutorial-center ul li,
    .modal-tutorial-right ul li {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4;
    }

    .modal-tutorial-center ul li:nth-child(3),
    .modal-tutorial-right ul li:nth-child(3) {
        max-width: calc(100vw - 120px);
    }
	.modal-tutorial-center img, .modal-tutorial-left img{
		height: 150px;
	}
}


@media screen and (max-width: 320px) {

    .modal-tutorial h1 {
        font-size: 18px;
        padding: 10px;
    }

    .modal-tutorial .flex {
        padding-bottom: 60px;
    }

    .modal-tutorial-right ul li span img {
        max-width: 15px;
    }

    .modal-tutorial-center ul li,
    .modal-tutorial-right ul li {
        font-size: 11px;
        font-weight: bold;
        line-height: 1.4;
    }

    .modal-tutorial-center ul li:lang(my),
    .modal-tutorial-center ul li:lang(ne),
    .modal-tutorial-center ul li:lang(km),
    .modal-tutorial-right ul li:lang(my),
    .modal-tutorial-right ul li:lang(ne),
    .modal-tutorial-right ul li:lang(km) {
        font-size: 10px;

    }

    .modal-tutorial-center img,
    .modal-tutorial-left img {
        max-width: 100%;
        height: 200px;
        width: auto;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .js-method-close,
    .js-method {
        font-size: 12px;
    }

    .modal-tutorial-right ul {
        height: 48px;
    }

}


#contents{
	width: 100vw;
	overflow-x: hidden;
}

#contents #footer{
	text-align: center;
}



/*----- 大改造 2023.11　---------------------------*/
#chat-room {
    display: block;
    grid-template-columns: initial;
    align-items: initial;
    justify-content: initial;
    overscroll-behavior-y: contain;
    overflow: hidden;
    min-height: 100%;
}
#chatroom-container {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 100svh;
    width: 100vw;
}

#chatroom-header {
	height: 75px;
	background-color: #000;
	position: sticky;
	z-index: 1;

}
#chatroom-container main {
  flex: 1;
  overflow-y: scroll;
}
#chatroom-container main::-webkit-scrollbar {

}

.hidden { display: none!important; }

#messages {
	min-height: 100%;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	margin:0 15px;
	padding-bottom:30px;

}

#chatroom-footer {
	background-color: #101014;
		position: sticky;
		bottom: 0;

}

#chatroom-footer .wrap{
	display: flex;
	position: relative;
}

#chatroom-footer div {

}

#chatroom-footer .voice-wrapper{
	padding-right: 8px;
	background-color: #101014;
}



#chatroom-container .message {
	height: 50px;
	border: 1px solid;
}

#chatroom-container .message-area {

}

#chatroom-container .footer_height {
	height:120px;
}

#chatroom-container .footer_height_def {
	height:120px;
}


 #chatroom-footer.footer_height .input-wrapper,
 #chatroom-footer.footer_height .voice-submit{
	display: none;
}

 #chatroom-footer.footer_height .voice-box{
 	display: block;
 }

#chatroom-footer #submit i{
	color: #fff;
	padding-right: 25px;
}

#sub-page #room-history,
#sub-page #room-member,
#sub-page #qr-code,
#sub-page #room-out {
    padding: 80px 0 15vh 0;
}

.title {
	text-align: center;
	padding:15px 0 ;
}
.title h1{
	font-weight: bold;
	margin-bottom: 0;
}


/*-- 参加中のメンバー　--*/
.member{
	margin-bottom: 60px;
}

.member h2{
	font-weight: bold;
	margin-bottom: 10px;
}

.member-item{
	margin-bottom: 15px;
	display: flex;
	width: 100%;
	align-items: center;
}

.member-name{
	font-weight: bold;
	font-size: 18px;
}

.member-name span{
	font-weight: normal;
	font-size: 12px;
	margin-left: 10px;
}
.member-thum{
	margin-right: 15px;
}
.member-thum img{
      border-radius: 50%;
      width: 40px;
      height: 40px;
 	object-fit: cover;
}
.member-time{
	margin-left: auto;
	margin-right: 15px;
}

.member-out .btn-delete{
	padding: 5px 15px;
}
#logoutModalForGuest,
#registerdPhraseModal,
#completeModal,
#phraseModal,
#roomoutModal,
#logoutModal,
#clearModal{
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
	align-items: center;
}


#logoutModalForGuest .modal-content,
#registerdPhraseModal .modal-content,
#completeModal .modal-content,
#phraseModal .modal-content,
#roomoutModal .modal-content,
#logoutModal .modal-content,
#clearModal .modal-content{
	width: 100%;
    max-width: 360px;
    margin: 0 auto;
    text-align: center;
    border-radius: 8px;
    padding: 15px;
}
#logoutModalForGuest .modal-content,
#registerdPhraseModal .modal-content,
#completeModal .modal-content,
#phraseModal  .modal-content,
#roomoutModal .modal-content{
	max-width: 360px;
}

#logoutModalForGuest .modal-content p,
#registerdPhraseModal .modal-content p,
#completeModal .modal-content p,
#phraseModal  .modal-content p,
#roomoutModal .modal-content p,
#logoutModal .modal-content p,
#clearModal .modal-content p{
	font-size: 16px;
	text-align: left;
}

#logoutModalForGuest #roomoutCloseModalBtn2,
#logoutCloseModalBtn2,
#registerdPhraseModal  #phraseCloseModalBtn,
#phraseModal #phraseCloseModalBtn,
#roomoutModal #roomoutCloseModalBtn,
#logoutModal #logoutCloseModalBtn,
#clearModal #closeModalBtn{
	font-size: 36px;
	text-align: right;
	cursor: pointer;
}

#logoutModalForGuest .modal-content .button-column,
#registerdPhraseModal .modal-content .button-column,
#phraseModal .modal-content .button-column,
#roomoutModal .modal-content .button-column,
#logoutModal .modal-content .button-column,
#clearModal .modal-content .button-column{
	padding-bottom: 0;
}

#iframe-content iframe{
	width: 100%;
	height: 100%;
}


#room-history label{
	margin-bottom: 0;
}

#room-history th{
	min-width: 60px;
}

#room-history td,
#room-history th{
	vertical-align: middle;
	background-color: #fff;
}
#room-history input{
	font-size: 14px;
	font-size: 1.4rem;
	border: 1px solid #ccc;
	line-height: 1.6;
	min-height: 36px;
}
#room-history input[type=time]{
	margin-left: 10px;
}  
#room-history td span{
	margin: 0 15px;
}

#room-history .card{
	margin-bottom: 10px;
}

.flex-addcategory p{
	width: 150px;
	margin-bottom: 0;
}


@media screen and (max-width: 768px) {
	#clearModal .modal-content{

	    max-width:320px;
	}
	.button-column{
		padding: 12px 0;
	}
}

#category {
	width: 100%;
	height: 100%;
	position: relative;
}

#button-footer{
	width: 100%;

}

.chat-member-access{
	text-align: center;
}


#join-user-cancel{
	position: fixed;
	top: 0;
	left: 0;
}


.contact-block .form-control{
	font-size: 16px;
	height: auto!important;
}

body.guest .chat-face-area{
	margin-left: 15px;
}
/* ------------------------------
　サイドバー
 ------------------------------ */
body.sidebar{
	background:transparent ;
}
#sidebar{
    border: none;
    width:280px;
    height: 100%;
    position: absolute;
    overflow: hidden;
    right: -280px;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

body.active #sidebar{
	right: 0;
}

/* ------------------------------
 ハンバーガーボタンのスタイリング
 ------------------------------ */

#humberger {
  position: relative;
  height: 46px;
  width: 46px;
  display: inline-block;
  box-sizing: border-box;


  border-radius: 4px;
}
#humberger div {
  position: absolute;
  left: 7px;
  height: 2px;
  width: 28px;
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div:nth-of-type(1) {
  bottom: 30px;
}
#humberger div:nth-of-type(2) {
  bottom: 20px;
}
#humberger div:nth-of-type(3) {
  bottom: 10px;
}

/* ------------------------------
 メニューのスタイリング
 ------------------------------ */

#nav {
  position: fixed;
  width:280px;
  height: 100svh;
  top: 0px;
  right: -280px;
  background-color: #fff;
  padding:80px 0 100px 0;
  transition: all 0.3s;
  z-index: 1;
}

body.active #nav{
	right: 0;
}

.navigation{
	padding: 0 15px;
}

.navigation nav ul li a{
	display: block;
	padding: 10px;

	text-decoration: none;
	color: #1c1c1c;
	position: relative;

}
.navigation nav ul li a:after{
	font-family: FontAwesome;
    content: "\f105";
    font-size: 16px;
    position: absolute;
    right: 0px;
    color: #9a9a9a;
    transition: all 0.3s;
}
.navigation nav hr{
	border-top: 1px solid #3e3f44;
}
.navigation nav ul li a:hover{

}
.navigation nav ul li a:hover:after{
	right: 10px;
}

.navigation nav ul li a img{
	max-width: 16px;
	height: auto;
}
.navigation nav ul li a img,
.navigation nav ul li a i{
	margin-right: 10px;
}

.navigation nav ul li:last-child img{
	margin-top: -8px;
}

.navigation .logo{
    max-width: 200px;
    margin:0 auto;
    padding: 10px;
}

.navigation .logo p{
	margin-bottom: 0;
	opacity: 0.4;
	text-align: center;
	color: #1c1c1c;
	line-height: 1.2;
	font-size: 14px;
}

.navigation .logo img{
	width: 100%;
	margin-bottom: 10px;
}

.other .navigation nav ul li.pc {
	display: block;
}



#cls{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.s ease;
	position: absolute;
	right:25px;
	top: 20px;
	z-index: 100;
	cursor: pointer;
	opacity: 0;
	z-index: 0;

}

body.active #cls{
	opacity: 1;
	z-index: 1000;
}

.btnclose {
  display: block;
  position: relative;
  width: 45px;
  height: 45px;
}
 
.btnclose::before, .btnclose::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 45px; /* 棒の高さ */
  background: #1c1c1c;
}
 
.btnclose::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.btnclose::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.btnclose::before, .btnclose::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 45px; /* 棒の高さ */
  background: #1c1c1c;
  border-radius: 2.5px; /* 棒の四隅の丸み*/
}


.modal{
	z-index: 1030;
}

.new-partial {
    color: red;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------
　透明ディスプレイ用css 2024.04
 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 変数定義 */
body.transparent-display{
    --bg-color: black;
    --text-color: white;
    --border-color: white;

    --light-bg-color: #fff;
    --light-text-color: #000;
    --light-border-color: #000;

    --animation-delay: 5s;
    --message-body-width: 70%;
    --message-font-size-px: 40;
    --message-lines: 3;
    --message-lines-phone: 7;
    --message-lines-phone-landscape: 2;
    --message-line-height: 1.6;
    --font-family: メイリオ, monospace;
    --font-weight: 900;
    /*
  　--message-line-height-0: 1.8;
    --message-line-height-1: 1.7;
    --message-line-height-2: 1.6;
    --message-line-height-3: 1.5;
    --message-line-height-4: 1.4;
    --message-line-height-5: 1.3;
    --message-line-height-6: 1.2;
    --message-line-height-7: 1.1;
    --message-line-height-8: 1;*/


}

body.transparent-display{
    background-color: var(--bg-color);
}


/* ------------------------------
 ヘッダー周り
 ------------------------------ */
/* ヘッダー非表示 */
body.transparent-display #chatroom-header{
    opacity: 0;
    position: fixed;
    width: 100vw;
    top: 0;
}

/* マウスホバー: ヘッダー表示 */
body.transparent-display #chatroom-header:hover {
	transition: all 0.5s;
    opacity: 1.0;
}


/* ヘッダー非表示 */
body.transparent-display.guest #chatroom-header{
    opacity: 1;
}

/* マウスホバー: ヘッダー表示 */
body.transparent-display #chatroom-header:hover {
	transition: all 0.5s;
    opacity: 1.0;
}

body.transparent-display.guest header nav ul{
	justify-content: flex-end;
}



/* ------------------------------
 メッセージエリア
 ------------------------------ */
body.transparent-display #messages{
	    justify-content: center;
	    margin:0 0 0 0;
	    height: 100%;
}

body.transparent-display #chat-messages-area,
body.transparent-display .chat-message{
	height: 100%;
	margin-bottom: 0;
}


body.transparent-display #message-content{
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
}

.message-body{
    color: var(--bg-color);
}
body.transparent-display .chat-someone .chat-ballon {
    background-color: var(--bg-color);
    margin-left: 10px;
}
.chat-someone .chat-ballon:after {
}

body.transparent-display .chat-ballon-area {
    height: 100%;
	max-width: 100vw;
	overflow: hidden;
}

body.transparent-display .message-body {
    /*width: var(--message-body-width);*/
	position: relative;
    width: 100%;
    height: 100%;
    max-height: calc(50% - 20px);
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.transparent-display .message-body .chat-ballon-area {
    width: 100%;
}

body.transparent-display .message-body,
body.transparent-display .translated-message-body{
	color: var(--text-color);
	word-break: break-word;
}

body.transparent-display .translated-message-body{
	color: var(--text-color);
	word-break: break-word;
}

body.transparent-display .chat-someone .message-body,
body.transparent-display .chat-someone .translated-message-body{
	color: var(--text-color);
}

body.transparent-display .message-body .self-translated-message-body .text{
	transform: rotateY(180deg);
}

body.transparent-display .someone-message-body.message-body .text{
	transform: rotateY(180deg);
}

body.transparent-display #message-content {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
}
body.transparent-display .message-body,
body.transparent-display .translated-message-body {
    color: var(--text-color);
    word-break: break-word;
}

body.transparent-display .message-body {

}
body.transparent-display #message-content.self .message-body {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: calc( 50% - 20px );
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.transparent-display .chat-ballon {
    border: 2px solid var(--border-color);
    display: inline-block;
    padding: 5px 10px;
    margin: 10px;
    border-radius: 10px;
    font-size: calc(var(--message-font-size-px)* 1px);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    /*height: var(--chat-ballon-height);*/
    line-height: var(--message-line-height);
    width: calc(100% - 20px);
    overflow: hidden;
    height: auto;
    min-height: 100%;
    max-height: 100%;
}
body.transparent-display .chat-self .chat-ballon {
    background-color: var(--bg-color);
}

/* 吹き出し border削除 */
body.transparent-display .chat-ballon-none-border {
    border: 2px solid rgba(0, 0, 0, 0);
}

body.transparent-display .chat-ballon .text {
    font-weight: var(--font-weight);
    min-height: var(--chat-ballon-height); /* （行）x line-height */
    line-height: var(--message-line-height);
    width: 100%;
    height: 100%;
}

body.transparent-display .chat-ballon .text#someone-lang-message,
body.transparent-display .chat-ballon .text#someone-local-message {
    transform: rotateY(180deg);
}

/* 相手の吹き出しの方向 */
body.transparent-display #message-content.someone .message-body {
    position: relative;
}

/* 相手の吹き出しの色指定 */
body.transparent-display .chat-someone .chat-ballon {
	color: var(--text-color);
	background-color: var(--bg-color);
}
body.transparent-display .chat-someone .chat-ballon:after {
	border-color: transparent var(--border-color) transparent transparent;
}

/* 自分の吹き出しの色指定 */
body.transparent-display .chat-self .chat-ballon {
	background-color: var(--bg-color);
}
body.transparent-display .chat-self .chat-ballon:before {
	border-color: transparent transparent transparent var(--border-color);
	display: none;
}

body.transparent-display #chatroom-container main{
	overflow: hidden;
}
body.transparent-display #chatroom-container .footer_height_def,
body.transparent-display #chatroom-container .footer_height{
	height: 62px;
}

body.transparent-display .wrap textarea{
	height: 38px;
	padding: 6px;
}

body.transparent-display .voice-button {
    width: 42px;
    height: 42px;
}
body.transparent-display .voice-button .fa {
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    font-size: 28px !important;
}
body.transparent-display .voice-box {
    position: absolute;
    width: 42px;
    height: 42px;
    display: none;
    left: 50%;
    margin-left: -21px;
    top: 8px;
}


body.transparent-display.guest .chat-self .chat-ballon{
    border: none;
    margin: 0;
    padding: 0;
}
body.transparent-display.guest #message-content.someone .message-body {
    position: relative;
    width: 100%;
    padding: 15px;
}
body.transparent-display.guest #chatroom-container .footer_height_def,
body.transparent-display.guest #chatroom-container .footer_height{
	height: 120px;
}

body.transparent-display.guest .wrap textarea{
	height: 96px;
	padding: 12px;
}
body.transparent-display.guest .voice-button {
    width: 100px;
    height: 100px;
}
body.transparent-display.guest .voice-button .fa {

    width: 80px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    font-size: 28px !important;
}
body.transparent-display.guest .voice-box {

    position: absolute;
    width: 100px;
    height: 100px;
    display: none;
    left: 50%;
    margin-left: -50px;
    top: 10px;
}
body.transparent-display.guest #messages{
	overflow: hidden;
	width: 100%;
	height: 100%;
}

body.transparent-display.guest .chat-self .chat-ballon-area {
	float: none;
	background-color: var(--bg-color);
}
/*
@media screen and (max-width: 1366px) {
	body.transparent-display{
	    --bg-color: black;
	    --text-color: white;
	    --border-color: white;
	    --animation-delay: 5s;
	    --message-body-width: 70%;
	    --message-font-size-px: 36;
	    --message-lines: 3;
	    --message-line-height: 1.6;
	    --font-family: メイリオ, monospace;
	    --font-weight: 900;
	}

}*/

/* ------------------------------
 透明ディスプレイ改造 2024-05-23
 ------------------------------ */
/**
	 * チャットルームスタイル用クラス
	 * 下記の値は透明ディスプレイ向けであり、タイプごとにCSSを定義して固有の値を設定することが可能
	 * 
	 * chat-ballon-none-border : 吹き出し枠を非表示にする。chat-roomタグに設定。
	 * chatroom-footer-hide : フッタを非表示にする。chatroom-footerタグに設定。
	 * chatroom-dark-mode : ダークモードにする(⇔ライトモード)。chat-roomタグに設定。
	 * 
	 * チャットテキストのフォント。chat-roomタグに設定。
	 * chat-text-font-type0 : "メイリオ, monospace"
	 * chat-text-font-type1 : "UD デジタル 教科書体 NP-B "
	 * chat-text-font-type2 : "UD デジタル 教科書体 N-R"
	 * chat-text-font-type3 : "BIZ UDゴシック Regular"
	 * chat-text-font-type4 : "Hiragino Kaku Gothic ProN"
	 * chat-text-font-type5 : "ascii"
	 * 
	 * チャットテキストのフォントサイズ。chat-roomタグに設定。
	 * chat-text-font-size0 : 24
	 * chat-text-font-size1 : 40
	 * chat-text-font-size2 : 60
	 * 
	 * チャットテキストのフォント太さ。chat-roomタグに設定。
	 * chat-text-font-weight0 : 400
	 * chat-text-font-weight1 : 900
	 * 
	 * チャットテキスト幅。chat-roomタグに設定。
	 * chat-text-body-widths0 : 70%
	 * chat-text-body-widths1 : 80%
	 * chat-text-body-widths2 : 90%
	 * chat-text-body-widths3 : 100%
	 * 
	 * チャットテキストの行数。chat-roomタグに設定。添え字と行数がずれているので注意。
	 * chat-text-lines0 : 1行
	 * chat-text-lines1 : 2行
	 * chat-text-lines2 : 3行
	 * chat-text-lines3 : 4行
	 * chat-text-lines4 : 5行
	 * chat-text-lines5 : 6行
	 * chat-text-lines6 : 7行
	 * chat-text-lines7 : 8行
	 * chat-text-lines8 : 9行
	 * 
	 */
/* ------------------------------
 ダークモード切り替え用
 ------------------------------ */
#chat-room.chat-ballon-none-border .chat-ballon{
	border:none;
}
#chatroom-footer.chatroom-footer-hide{
	display: none;
}

#chat-room.chatroom-dark-mode{
	background-color: var(--light-bg-color);

}

body.transparent-display.chatroom-dark-mode .chat-ballon{
	border: 2px solid var(--light-border-color);
}

body.transparent-display.chatroom-dark-mode .chat-ballon .text{
	color: var(--light-text-color);
}

/* フォントタイプ */
.chat-text-font-type0 .chat-ballon .text{
    font-family: "メイリオ", monospace;
}
.chat-text-font-type1 .chat-ballon .text{
    font-family: "UD デジタル 教科書体 NP-B";
}
.chat-text-font-type2 .message-body .text{
    font-family: "UD デジタル 教科書体 N-R";
}
.chat-text-font-type3 .chat-ballon .text{
    font-family: "BIZ UDゴシック Regular";
}
.chat-text-font-type4 .chat-ballon .text{
    font-family: "Hiragino Kaku Gothic ProN";
}
.chat-text-font-type5 .chat-ballon .text{
    font-family: ascii;
}

/* フォントサイズ */
#chat-room.chat-text-font-size0 .chat-ballon .text{
    font-size: 24px;
}
#chat-room.chat-text-font-size1 .chat-ballon .text{
    font-size: 40px;
}
#chat-room.chat-text-font-size2 .chat-ballon .text{
    font-size: 60px;
}

/* フォントウェイト */
#chat-room.chat-text-font-weight0 .chat-ballon .text{
    font-weight: 400;
}
#chat-room.chat-text-font-weight1 .chat-ballon .text{
    font-weight: 900;
}

/* 本文幅 */
.chat-text-body-widths0 .chat-message{
    width: 100%;
    margin: 0 auto;
}
.chat-text-body-widths1 .chat-message{
    width: 100%;
    margin: 0 auto;
}
.chat-text-body-widths2 .chat-message{
    width: 100%;
    margin: 0 auto;
}
.chat-text-body-widths3 .chat-message{
    width: 100%;
     margin: 0 auto;
}

/* チャットテキストの行数に基づくクラス */
/*
#chat-room.chat-text-lines0 .chat-ballon {
    height: calc(1 * 0.7em * var(--message-line-height));
}

#chat-room.chat-text-lines1 .chat-ballon {
    height: calc(3 * 0.7em * var(--message-line-height));
}

#chat-room.chat-text-lines2 .chat-ballon {
    height: calc(4 * 0.8em * var(--message-line-height));
}

#chat-room.chat-text-lines3 .chat-ballon {
    height: calc(5 * 0.85em * var(--message-line-height));
}

#chat-room.chat-text-lines4 .chat-ballon {
    height: calc(6 * 0.9em * var(--message-line-height));
}

#chat-room.chat-text-lines5 .chat-ballon {
    height: calc(7 * 0.95em * var(--message-line-height));
}

#chat-room.chat-text-lines6 .chat-ballon {
    height: calc(8 * 1em * var(--message-line-height));
}

#chat-room.chat-text-lines7 .chat-ballon {
    height: calc(9 * 1.05em * var(--message-line-height));
}

#chat-room.chat-text-lines8 .chat-ballon {
    height: calc(10 * 1.1em * var(--message-line-height));
}

.chat-text-lines0 .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.chat-text-lines1  .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.chat-text-lines2 .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.chat-text-lines3 .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.chat-text-lines4 .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.chat-text-lines5 .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.chat-text-lines6 .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.chat-text-lines7 .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.chat-text-lines8 .chat-ballon .text{
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}*/


/* ------------------------------
 透明ディスプレイ　ゲスト向け端末調整
 ------------------------------ */

#chat-room.guest.transparent-display #chatroom-header{
	position: sticky;
}

#chat-room.guest.transparent-display.iphone .chat-message,
#chat-room.guest.transparent-display.android .chat-message{
	margin-bottom: 0;
}
#chat-room.guest.transparent-display.iphone .chat-ballon,
#chat-room.guest.transparent-display.android .chat-ballon{
	scroll-behavior: smooth;
	overflow-y: scroll;
}

/* 縦向き */
#chat-room.guest.transparent-display.portrait.iphone .chat-ballon,
#chat-room.guest.transparent-display.portrait.android .chat-ballon{
	max-height: calc( 100vh - 240px );
	font-size: 24px;
}

/* 横向き */
#chat-room.guest.transparent-display.landscape.iphone .chat-ballon,
#chat-room.guest.transparent-display.landscape.android .chat-ballon{
	max-height: calc( 100vh - 240px );
	font-size: 24px;
}
#chat-room.guest.transparent-display header nav ul li {

    width: 16.6%;


}
#chat-room.guest.transparent-display header nav ul li a{
	color: #fff;
	    justify-content: flex-end;
	    padding: 20px;

}
#chat-room.guest.transparent-display header nav ul li a:hover{
	text-decoration: none;
}


/* ------------------------------
 セミナーゲスト用 ボタン類非表示　2024-04-27
 ------------------------------ */
.seminar.guest .input-wrapper,
.seminar.guest .voice-wrapper,
.seminar.guest .submit{
	display: none;
}

.seminar.guest #draggable-area{
	margin:0 auto;
}
.seminar.guest #draggable{
	position: relative;
    left: 0px;
    top: 25px;
    width: 80px;
    height: auto;
    z-index: 100;
}
.seminar.guest .draggable-btn{
	padding: 15px;
	height: auto;
}


/* ------------------------------
 左上に言語切り替えアイコンを設置　2024-09
 ------------------------------ */
.login-select-lang {
	position: fixed;
	top: 0;
	left: 0;
	width: 65px;
	height: 65px;
	background-color: #dfe6e9;
	padding:10px;
	cursor: pointer;
	transition: all .3s ease-in-out;
	z-index: 100;
}

.login-select-lang:hover img {
	transform: scale(1.15); 
	transition: transform 0.2s ease-in-out;
}

.login-select-lang a {
	display: block;
}

.login-select-lang img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
	transition: transform 0.2s ease-in-out; 
}
.language-selection{
	margin-bottom: 20px;
}
.language-selection p{
	text-align: left;
}
.language-selection-name{
	font-weight: bold;
	font-size: 2.4rem;
	padding-bottom: 5px;
	display: block;
}

.language-selection-title{
	display: flex;
	justify-content: space-between;
}

.language-change-button{
	width: 30px;
	height: 30px;
	background-color: #FAB23D;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
}

.language-change-button a{
	color: #000;
}



/* ------------------------------
 ハンバーガーメニュー 1つだけの場合は右寄せ　2024-09-13
 ------------------------------ */
#chat-room.guest header nav ul:has(> li:only-child) {
  justify-content: flex-end; /* liが1つの時は右寄せ */
}

/* ------------------------------
 ログイン画面 のロゴの横幅がおかしいの応急処置　2024-09-13
 <div class="home-logo">が消えてる
 ------------------------------ */

 #login img{
 	max-width: 100%;
 }

/* ------------------------------
ログイン画面 文字のはみ出し対策
------------------------------ */
[lang="de"] .login-form a.btn,
[lang="uk"] .login-form a.btn,
[lang="ru"] .login-form a.btn,
[lang="vi"] .login-form a.btn {
    font-size: 1.4rem;
}

/* ------------------------------
文字数カウンター
------------------------------ */
#text-input{
	position: relative;
	z-index: 0;
}
.selectWrap{
	margin-top: 20px;
}
#character-wrap{
	text-align:right;
	display: block;
	width: 100%;
}
#character-wrap .error-message{
	text-align: right;
	padding: 0;
	margin-right: 15px;
}
.character-counter p{
	display: block;
	width: auto;
}

.input-wrapper #character-wrap{
    position: absolute;
    z-index: 1;
    top: -25px;
    left: 0;
    color: #000;
    width: 100%;
    font-size: 12px;
    display: flex;
    justify-content: flex-end;
    background: #fff;
    padding: 5px 85px 2px 0px;
}
.input-wrapper #character-wrap .character-counter p{
	margin-bottom: 0;
	white-space: nowrap;
}
.input-wrapper #character-wrap .character-counter{
	display: flex;
}

.input-wrapper #character-wrap .error-message{
	opacity: 0;
	color: red;
}

@media screen and (max-width: 768px) {
	.input-wrapper #character-wrap{
	    padding: 5px 15px 2px 0px;
	}
}

.voice-button.disabled {
    pointer-events: none;  /* クリックを無効化 */
    opacity: 0.5;          /* 押せない見た目に */
}