/*Bootstrap Fixes*/
.row
{
    margin:0;
    width:100%;
}
.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,
.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-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-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 
{
    padding: 0px;
}
/*Global*/
html
{
    background-color: #435f5e;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    background: url(../../img/background.jpg) no-repeat center left fixed;
    background-image: url(../../img/background.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    background-position-x: left;
    background-position-y: center;
    background-attachment:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body
{
    margin: 0px auto;
    padding: 0px;    
    font-family: Tahoma, Geneva, sans-serif;
    display:block;
    background-color: transparent;
    width:100%;
    height:100%;
    position:relative;
}
/*type*/
h1
{
    font-family: 'Carrois Gothic SC';
    background-color: #435f5e;
    color:#fcfcfc;
    margin: 10px 0px 10px -15px;
    padding: 10px 0px 10px 35px;
    font-size:28px;    
    border-top: 2px solid #435f5e;
    border-bottom: 2px solid #435f5e;
    border-left: 2px solid #435f5e;    
    box-shadow: #000 -5px 5px 20px;
    text-shadow: 3px 3px 10px #000;
}
.heading2
{
    max-height:55px;
    margin:25px 0 10px 0;
}
h2
{
    font-family: 'Carrois Gothic SC';
    background-color: #435f5e;
    color:#fcfcfc;
    margin: 0px;
    padding: 10px 40px 10px 25px;
    max-width:100%;
    width:auto;
    display:inline-block;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow:visible;
    font-size:24px;
    text-shadow: 2px 2px 10px #000;
}
.heading2after
{
    width:70px;
    height:70px;
    position:relative;
    top:-24px;
    left:-50px;
}
h3
{
    font-family: 'Carrois Gothic SC';
    background-color: #435f5e;
    color:#fcfcfc;
    margin: 20px 0px;
    padding: 10px 25px;
    width:100%;
    display:block;
    font-size:24px;
    text-align: center;
}
p
{
    font-size:14px;
    margin:5px;
    color:#000;
}
p.bold
{
    font-weight:bold;
    margin:4px 5px;    
}
ul
{
    margin: 0px;
    padding-left: 22px;
}
@media (max-width: 768px)
{
    h2
    {
        padding: 10px 40px 10px 5px;
    }
}
/*Forms, Labels and Input*/
label
{
    padding:10px 10px 5px 0px;
    width:100%;
}
input, textarea
{
    width:100%;
    margin:5px 0px;
    padding:5px 10px;
    border:1px solid #435f5e;
}
input:focus, textarea:focus
{
    box-shadow: #08C 0px 0px 20px;
    border:1px solid #08C;
}
textarea
{
    resize:vertical;
    height:100px; 
}
.btn
{
    width:100%;
    background-color: #435f5e;
    border-color: #435f5e;
    margin: 10px 0px;
}
.btn:hover
{
    background-color: #08C;
    border-color: #08C;
    box-shadow: #08C 0px 0px 20px;
}
/*INPUT VALIDATION*/
.parsley-error
{
    background-color: #f2dede;
}
.parsley-success
{
    background-color: #dff0d8;
}
.parsley-errors-list
{
    list-style-type: none;
    padding:0px;
    font-size:12px;
    margin:0px;
}
/*Navigation Bar*/
.navbar
{
    font-family: 'Carrois Gothic SC';
    border-radius:0px;
    border:none;
    margin:0px;
    padding:0px;
    display:block;
    margin:0 auto;
    float:none;
}
@media (min-width: 768px)
{
    .navbar-nav 
    {
    float: right;
    margin: 0;
    }
}
.navbar-collapse 
{
    max-height: 340px;
    padding: 0px;
}
.navbar-default
{
    background-color: #435f5e;
}
.navbar-brand
{
    padding:0px;
}
.navbar-default .navbar-nav > li > a
{
    color:#fcfcfc;
    font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover
{
    color:#fcfcfc;
    border-top:5px solid #fcfcfc;
}
.navbar-default .navbar-nav > li.active > a
{
    color:#fcfcfc;
    border-bottom:5px solid #fcfcfc;
    background-color: #435f5e;
}
.navbar-default .navbar-nav > li.active > a:hover
{
    background-color: #435f5e;
    color:#fcfcfc;
}
.nav > li > a 
{
    position: relative;
    display: block;
    padding: 20px 5px 20px 5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    font-size: 13px;
}
.navbar-brand img
{
    height:90px;
    border-radius: 5px;
    padding:5px;
    background-color: #fff;
    position:relative;
    margin:-10px 0px -10px 2px;
    box-shadow: #000 0px 0px 20px;
    z-index: 10;
}
.navbar-toggle
{
    margin-top: 17px;
}
/*navbar collapsed*/
.navbar-default .navbar-collapse
{
    border:none;
    box-shadow: none;
}
@media (max-width: 768px)
{
    .nav > li > a
    {
        text-align: center;
        padding:5px 0px;
        border:none;
    }
    .navbar-nav 
    {
        margin:10px 0 0 0;
    }
    .navbar-default .navbar-nav > li.active > a
    {
        border:none;
        text-decoration:underline;
    }
    .navbar-default .navbar-nav > li > a:hover 
    {
        background-color: #435f5e;
        color: #fcfcfc;
        border:none;
    }
}
/*Body*/
.header, .footer
{
    display:block;
    margin:0;
    padding:0;
    z-index:20;
}
.header
{
    margin:30px 0px;
    box-shadow: #000 -5px 0px 20px;
}

.header, .footer
{
    background-color: #435f5e;
}
.bodyInner, .headerInner
{
    max-width:1000px;
    display:block;
    margin: 0px auto;
}
.body
{
    background-color: transparent;
}
.footerInner
{
    max-width:1000px;
    display:block;
    margin: 0px auto;
}
.footer
{
    margin: 30px 0 0 0;
    padding: 0px 20px;
    position:fixed;
    bottom:0;
    width:100%;
    box-shadow: #000 0px -5px 20px;
}
@media (max-width: 768px)
{
    .footer
    {
        position: relative;
        bottom:auto;
    }
}
.footer-nav
{
    margin:0;
    padding:0;
    color: #fcfcfc;
    font-family: 'Carrois Gothic SC';
    font-size: 16px;
}
.footer-nav a
{
    color: #fcfcfc;
}
.footer-nav li:first-child
{
    float:left;
}
.footer-nav li.active a
{
    text-decoration:underline;
}
.footer-nav li
{
    list-style-type: none;
    display:inline-block;
    float:right;
    margin: 10px 0px;
}
.footer-nav li a
{
    padding: 10px;
}
@media (max-width: 768px)
{
    .footer-nav li
    {
        float: none;
        text-align: center;
    }
}
.bodyInner
{
    border:2px solid #435f5e;
    margin: 0px auto 100px auto;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.9);
    zoom: 1;
    /* Theoretically for IE 8 & 9 (more valid) */	
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=90);
    /* Older than Firefox 0.9 */
    -moz-opacity:0.9;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.9;
    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.9;
}
.paragraph
{
    background-color: transparent;
    border-bottom-left-radius:5px;
    border-top-left-radius: 5px;    
    margin: 10px 0px 0px 0px;
    padding: 10px 20px;
    max-width:100%;
    display:block;
    width:auto;
}
@media (max-width: 768px)
{
    .paragraph
    {
        padding: 10px 5px;
    }
}
.paragraph > .row.underline
{
    border-bottom:1px solid #435f5e;
}
.paragraph > .row.underline:last-child
{
    border-bottom:none;
}
.alert-success 
{
    color: #fcfcfc;
    background-color: #08C;
    border-color: #08C;
    border-radius:0px;
}
.close
{
    color:#fcfcfc;
    opacity:1;
}
.carousel
{
    margin: 20px auto;
    display:block;
    max-width:800px;
}