html
{
    box-sizing:border-box;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-size:15px;
    line-height:1.5;
    overflow-x:hidden;
}
*, *:before, *:after
{
    box-sizing:inherit;
}
body
{
    margin:0;
}
body, h1, h2, h3, h4, h5, h6
{
    font-family: "Montserrat", sans-serif;
}
footer, header, main, menu, nav, section
{
    display:block;
}
video
{
    display:inline-block;
}
audio:not([controls])
{
    display:none;
    height:0;
}
[hidden]
{
    display:none;
}
a
{
    background-color:transparent;
}
a:active, a:hover
{
    outline-width:0;
}
img
{
    border-style:none;
}
code
{
    font-family:monospace,monospace;
    font-size:1em;
}
hr
{
    box-sizing:content-box;
    height:0;
    overflow:visible;
}
button, input, textarea
{
    font:inherit;
    margin:0;
}
button, input
{
    overflow:visible;
}
button
{
    text-transform:none;
}
button,[type=button],[type=reset],[type=submit]
{
    -webkit-appearance:button;
}
textarea
{
    overflow:auto;
}
h1
{
    font-size:36px;
}
h2
{
    font-size:30px;
}
h3
{
    font-size:24px;
}
h1,h2,h3
{
    font-family:"Segoe UI",Arial,sans-serif;
    font-weight:400;
    margin:10px 0;
}
.wide
{
    letter-spacing:4px;
}
hr
{
    border:0;
    border-top:1px solid #eee;
    margin:20px 0;
}
.image
{
    max-width:100%;
    height:auto;
}
img
{
    vertical-align:middle;
}
a
{
    color:inherit;
}
.btn,.button
{
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
}
.btn:hover
{
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.btn, .button
{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
input
{
    padding:8px;
    display:block;
    border:none;
    border-bottom:1px solid #ccc;
    width:100%;
}
.main, #main
{
    transition:margin-left .4s;
}
.bar
{
    width:100%;
    overflow:hidden;
}
.center .bar
{
    display:inline-block;
    width:auto
}
.bar .bar-item
{
    padding:8px 16px;
    float:left;
    width:auto;
    border:none;
    display:block;
    outline:0;
}
.bar .button
{
    white-space:normal;
}
.bar-block .bar-item
{
    width:100%;
    display:block;
    padding:8px 16px;
    text-align:left;
    border:none;
    white-space:normal;
    float:none;
    outline:0;
}
.bar-block.center .bar-item
{
    text-align:center;
}
.block
{
    display:block;
    width:100%;
}
.container:after, .container:before, .bar:before, .bar:after
{
    content:"";
    display:table;
    clear:both;
}
.content 
{
    margin-left:auto;
    margin-right:auto;
    max-width:980px;
}
.hide
{
    display:none!important;
}
@media (max-width:600px)
{
    .hide-small
    {
        display:none!important;
    }
}
@media (min-width:993px)
{
    .hide-large
    {
        display:none!important;
    }
}
@media (max-width:992px) and (min-width:601px)
{
    .hide-medium
    {
        display:none!important;
    }
} 
@media (max-width:992px)
{
    .main
    {
        margin-left:0!important;
        margin-right:0!important;
    }
}
.top
{
    position:fixed;
    width:100%;
    z-index:1;
    top:0;
}
.container
{
    padding:0.01em 16px;
}
.code
{
    font-family:Consolas,"courier new";
    font-size:16px;
    width:auto;
    background-color:#fff;
    padding:8px 12px;
    border-left:4px solid #4CAF50;
    word-wrap:break-word;
}
.opacity,.hover-opacity:hover
{
    opacity:0.60;
}
.opacity-off,.hover-opacity-off:hover
{
    opacity:1;
}
.xlarge
{
    font-size:24px!important;
}
.justify
{
    text-align:justify!important;
}
.center
{
    text-align:center!important;
}
.section, .code 
{
    margin-top:16px!important;
    margin-bottom:16px!important;
}
.padding-large
{
    padding:12px 24px!important;
}
.padding-16
{
    padding-top:16px!important;
    padding-bottom:16px!important;
}
.padding-32
{
    padding-top:32px!important;
    padding-bottom:32px!important;
}
.padding-64
{
    padding-top:64px!important;
    padding-bottom:64px!important;
}
.right
{
    float:right!important;
}
.button:hover
{
    color:#000!important;
    background-color:#ccc!important
}
.card 
{
    border-bottom: 1px solid #ffffff;
}
.animate-top
{
    position:relative;
    animation:animatetop 0.4s;
}
.show
{
    display:block!important;
}
.iframe-container
{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.responsive-iframe
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/* Colors */
.white, .hover-white:hover
{
    color:#000!important;
    background-color:#fff!important;
}
.black, .hover-black:hover
{
    color:#fff!important;
    background-color:#000!important;
}
.grey, .hover-grey:hover, .gray, .hover-gray:hover
{
    color:#000!important;
    background-color:#9e9e9e!important;
}
.light-grey, .hover-light-grey:hover, .light-gray, .hover-light-gray:hover
{
    color:#000!important;
    background-color:#f1f1f1!important;
}
.dark-grey, .hover-dark-grey:hover, .dark-gray, .hover-dark-gray:hover
{
    color:#fff!important;
    background-color:#616161!important;
}
.text-white, .hover-text-white:hover
{
    color:#fff!important;
}
.text-black, .hover-text-black:hover
{
    color:#000!important;
}
.text-grey,.hover-text-grey:hover, .text-gray, .hover-text-gray:hover
{
    color:#757575!important;
}
.text-light-grey, .hover-text-light-grey:hover, .text-light-gray, .hover-text-light-gray:hover
{
    color:#f1f1f1!important;
}
.text-dark-grey, .hover-text-dark-grey:hover, .text-dark-gray, .hover-text-dark-gray:hover
{
    color:#3a3a3a!important;
}