/* ============================================================
  FONT EMBED
============================================================ */

@font-face {
    font-family: uni-sans-light-webfont;
    src: url(/lib/fonts/uni-sans-light-webfont.eot);
    src: url(/lib/fonts/uni-sans-light-webfont.eot?#iefix)format('embedded-opentype'), url(/lib/fonts/uni-sans-light-webfont.svg)format('svg'), url(/lib/fonts/uni-sans-light-webfont.woff)format('woff'), url(/lib/fonts/uni-sans-light-webfont.ttf)format('truetype');
    font-style: normal;
}
@font-face {
    font-family: uni-sans-regular-webfont;
    src: url(/lib/fonts/uni-sans-regular-webfont.eot);
    src: url(/lib/fonts/uni-sans-regular-webfont.eot?#iefix)format('embedded-opentype'), url(/lib/fonts/uni-sans-regular-webfont.svg)format('svg'), url(/lib/fonts/uni-sans-regular-webfont.woff)format('woff'), url(/lib/fonts/uni-sans-regular-webfont.ttf)format('truetype');
    font-style: normal;
}
@font-face {
    font-family: uni-sans-semibold-webfont;
    src: url(/lib/fonts/uni-sans-semibold-webfont.eot);
    src: url(/lib/fonts/uni-sans-semibold-webfont.eot?#iefix)format('embedded-opentype'), url(/lib/fonts/uni-sans-semibold-webfont.svg)format('svg'), url(/lib/fonts/uni-sans-semibold-webfont.woff)format('woff'), url(/lib/fonts/uni-sans-semibold-webfont.ttf)format('truetype');
    font-style: normal;
}
@font-face {
    font-family: uni-sans-bold-webfont;
    src: url(/lib/fonts/uni-sans-bold-webfont.eot);
    src: url(/lib/fonts/uni-sans-bold-webfont.eot?#iefix)format('embedded-opentype'), url(/lib/fonts/uni-sans-bold-webfont.svg)format('svg'), url(/lib/fonts/uni-sans-bold-webfont.woff)format('woff'), url(/lib/fonts/uni-sans-bold-webfont.ttf)format('truetype');
    font-style: normal;
}

/* ============================================================
  HTML, BODY, LINKS
============================================================ */
html, body{
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    /*font-family: 'Titillium Web', sans-serif;*/
    font-family: uni-sans-regular-webfont;
    font-size: 16px;
    color: #111;
}

a {
    color: #a4f14b !important;
	 /*color: #3fa2e2 !important;*/
    text-decoration: none !important;
}

a:hover {
    color: #3fa2e2 !important;
    text-decoration: none !important;
}

a:link {
    color: #3fa2e2 !important;
    text-decoration: none !important;
}

a:active {
    color: #3fa2e2 !important;
    text-decoration: none !important;
}

.modal a{
    color: #3fa2e2 !important;
    cursor:pointer;
}
.modal a:hover{
    color: #3fa2e2 !important;
}

.event-title{
   font-family: uni-sans-light-webfont;
   color: #3fa2e2 !important;
   font-size: 40px !important;
   margin: 0 !important;
   font-weight:300;
}

.event-subtitle{
   font-family: uni-sans-light-webfont;
   color: #656565 !important;
   font-size: 24px !important;
   margin: 0 !important;
   line-height: 30px;
/*   font-weight:300;*/
}

.event-date { 
    font-family: uni-sans-light-webfont;
    color: #656565 !important;
    font-size: 19px !important;
    margin: 0 !important;
    line-height: 30px;
}
.event-date span{
    font-weight: bold;
}
.chat-title{
   font-family: uni-sans-light-webfont;
   color: #3fa2e2 !important;
   font-size:22px;
}
/* ============================================================
  HEADINGS, DIVIDERS
============================================================ */
h5{
   font-family: uni-sans-light-webfont;
   color: #3fa2e2 !important;
   font-size: 50px !important;
   margin: 0 !important;
   font-weight:300;
}
h6{
   font-family: uni-sans-light-webfont;
   color: #666666 !important;
   font-size: 30px !important;
   margin: 0 !important;
   font-weight:300;
}

.hr-divider{
    border: 0;
    box-shadow: none;
    height: 1px;
    color: #666666;
    background: #333333;
}

/* ============================================================
  MENU
============================================================ */
.div-space-logo-menu{
    height: 90px;
    width: 100%;
}

.div-logo-menu{
    position: fixed;
    top: 0;
    left: 0;
    height: 90px;
    width: 100%;
    padding-top: 16px;
    background: rgba(255,255,255,1);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    color: #333333;
    z-index: 10;
}

.menu-button{
    font-family: uni-sans-light-webfont;
    font-size: 18px !important;
    padding: 22px 0 0 0;
    cursor: pointer;
    vertical-align: top !important;
    line-height: 60px !important;
}
.menu-button img{
/*    vertical-align: top !important; */
    line-height: 44px !important;
}
.margin0px{
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
  PARALLAX SECTIONS
============================================================ */
.grid {
    background: url(/layout/bg_grid_01.png) repeat top left;
    width:100%;
    display:table;
}
.module.parallax {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    display:table;
}
.parallax-content-center{
    width: 100%;
    padding: 175px 20px;
    margin: 0 auto;
    vertical-align:middle;
    text-align:center;
    display:table-cell;
}
.module.parallax h3 {
    font-family: uni-sans-regular-webfont;
    text-align: center;
    text-transform: uppercase;
    margin: 0 !important;
    font-weight:300;
    color: #ffffff !important;
    font-size: 46px !important;
}
.module.parallax h4 {
    font-family: uni-sans-light-webfont;
    text-align: center;
    text-transform: uppercase;
    margin: 0 !important;
    font-weight:300;
    color: #ffffff !important;
    font-size: 32px !important;
}
.module.parallax-1 {
    background-image: url("/layout/parallax-1.jpg");
}
.module.parallax-2 {
    background-image: url("/layout/parallax-2.jpg");
}

/* ============================================================
  SERVI�OS 
============================================================ */
.circulo-servicos{
    border: 2px solid #999999;
    height: 94px;
    width: 94px;
    border-radius: 75px;
    padding: 32px 0 0 0;
    color: #999999 !important;
    margin: 20px 0;
}
.title-servicos {
    color: #3fa2e2;
}

/* ============================================================
  RODAP� 
============================================================ */
.cinza-rodape{
    background: #201c1d;
    height: 70px;
    color: #ffffff;
    padding: 25px 0 0 0;
}

/* ============================================================
  SCROLL TO TOP 
============================================================ */
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.75);
    width: 42px;
    height: 42px;
    right: 30px;
    bottom: 25px;
    padding-top: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background: rgba(0, 0, 0, 0.75);
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}

/* ============================================================
  CORES BG 
============================================================ */
.cor-a{background: #ff0000;}
.cor-b{background: #00ff00;}
.cor-c{background: #0000ff;}

/* ============================================================
   POSITIONS 
============================================================ */
.position-absolute{position:absolute !important;}
.top-5{top:5px !important;}
.top-10{top:10px !important;}
.top-15{top:15px !important;}
.top-20{top:20px !important;}
.top-25{top:25px !important;}
.top-30{top:30px !important;}
.top-40{top:40px !important;}
.top-50{top:50px !important;}

.bottom-5{bottom:5px !important;}
.bottom-10{bottom:10px !important;}
.bottom-15{bottom:15px !important;}
.bottom-20{bottom:20px !important;}
.bottom-25{bottom:25px !important;}
.bottom-30{bottom:30px !important;}
.bottom-40{bottom:40px !important;}
.bottom-50{bottom:50px !important;}

.left-5{left:5px !important;}
.left-10{left:10px !important;}
.left-15{left:15px !important;}
.left-20{left:20px !important;}
.left-25{left:25px !important;}
.left-30{left:30px !important;}
.left-40{left:40px !important;}
.left-50{left:50px !important;}

.right-5{right:5px !important;}
.right-10{right:10px !important;}
.right-15{right:15px !important;}
.right-20{right:20px !important;}
.right-25{right:25px !important;}
.right-30{right:30px !important;}
.right-40{right:40px !important;}
.right-50{right:50px !important;}

/* ============================================================
   NO PADDIGNS E MARGINS
============================================================ */
.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}

#sobreisqe {
    margin-top: -50px;
}

/* ============================================================
   TEXT ALIGNS
============================================================ */
.align-left{text-align: left;}
.align-right{text-align: right;}
.align-center{text-align: center;}

/* ============================================================
   MARGINS
============================================================ */
.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-15{margin-top:15px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-top-25{margin-top:25px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-top-40{margin-top:40px !important;}
.margin-top-50{margin-top:50px !important;}
.margin-top-75{margin-top:75px !important;}
.margin-top-100{margin-top:100px !important;}

.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-25{margin-bottom:25px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-bottom-40{margin-bottom:40px !important;}
.margin-bottom-50{margin-bottom:50px !important;}
.margin-bottom-75{margin-bottom:75px !important;}
.margin-bottom-100{margin-bottom:100px !important;}

.margin-left-5{margin-left:5px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-15{margin-left:15px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-left-25{margin-left:25px !important;}
.margin-left-30{margin-left:30px !important;}
.margin-left-40{margin-left:40px !important;}
.margin-left-50{margin-left:50px !important;}

.margin-right-5{margin-right:5px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-15{margin-right:15px !important;}
.margin-right-20{margin-right:20px !important;}
.margin-right-25{margin-right:25px !important;}
.margin-right-30{margin-right:30px !important;}
.margin-right-40{margin-right:40px !important;}
.margin-right-50{margin-right:50px !important;}

/* ============================================================
   PADDINGS
============================================================ */
.padding-top-5{padding-top:5px !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-15{padding-top:15px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-top-25{padding-top:25px !important;}
.padding-top-30{padding-top:30px !important;}
.padding-top-40{padding-top:40px !important;}
.padding-top-50{padding-top:50px !important;}
.padding-top-75{padding-top:75px !important;}
.padding-top-100{padding-top:100px !important;}

.padding-left-5{padding-left:5px !important;}
.padding-left-10{padding-left:10px !important;}
.padding-left-15{padding-left:15px !important;}
.padding-left-20{padding-left:20px !important;}
.padding-left-25{padding-left:25px !important;}
.padding-left-30{padding-left:30px !important;}
.padding-left-40{padding-left:40px !important;}
.padding-left-50{padding-left:50px !important;}
.padding-left-75{padding-left:75px !important;}
.padding-left-100{padding-left:100px !important;}

.padding-right-5{padding-right:5px !important;}
.padding-right-10{padding-right:10px !important;}
.padding-right-15{padding-right:15px !important;}
.padding-right-20{padding-right:20px !important;}
.padding-right-25{padding-right:25px !important;}
.padding-right-30{padding-right:30px !important;}
.padding-right-40{padding-right:40px !important;}
.padding-right-50{padding-right:50px !important;}
.padding-right-75{padding-right:75px !important;}
.padding-right-100{padding-right:100px !important;}

.padding-bottom-5{padding-bottom:5px !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-15{padding-bottom:15px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-bottom-25{padding-bottom:25px !important;}
.padding-bottom-30{padding-bottom:30px !important;}
.padding-bottom-40{padding-bottom:40px !important;}
.padding-bottom-50{padding-bottom:50px !important;}
.padding-bottom-75{padding-bottom:75px !important;}
.padding-bottom-100{padding-bottom:100px !important;}


/* ============================================================
   FORM
============================================================ */

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

.cbp-mc-form {
	position: relative;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cbp-mc-form:before, 
.cbp-mc-form:after { 
	content: " "; display: table; 
}
.cbp-mc-form label {
	display: block;
	padding: 20px 5px 5px 5px;
	text-transform: uppercase;
	cursor: pointer;
}

.cbp-mc-form input,
.cbp-mc-form textarea,
.cbp-mc-form select {
	padding: 10px 10px;
	color: #333333;
	display: block;
	width: 100%;
	background: transparent;
}

.cbp-mc-form input,
.cbp-mc-form textarea {
	border: 2px solid #dddddd;
}

.cbp-mc-form textarea {
	min-height: 200px;
}

.cbp-mc-form input:focus,
.cbp-mc-form textarea:focus,
.cbp-mc-form label:active + input,
.cbp-mc-form label:active + textarea {
	outline: none;
	border: 2px solid #999999;
}

.cbp-mc-form select:focus {
	outline: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #333333;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333333;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333333;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #333333;
}

.cbp-mc-submit-wrap {
	text-align: center;
	padding-top: 40px;
	clear: both;
}

.cbp-mc-form a.cbp-mc-submit {
	background: #9d0a0e;
	border: none;
	color: #ffffff !important;
	width: auto;
	cursor: pointer;
	text-transform: uppercase;
	display: inline-block;
	padding: 15px 30px;
}

.cbp-mc-form a.cbp-mc-submit:hover {
	background: #9d0a0e;
        color:#FFFFFF;
}


#contactFormMessage{padding:20px;display:none;margin:10px 0 0 0;}
.msgSuccess{border:1px solid #31B404;}
.msgError{border:1px solid #9d0a0e;}


/* ============================================================
   MEDIA QUERIES
============================================================ */
/* Extra Small */
@media(max-width:480px){
    .div-space-logo-menu{
        height: 75px;
        width: 100%;
    }
    .div-logo-menu{
        position: fixed;
        top: 0;
        left: 0;
        height: 75px;
        width: 100%;
        padding-top: 9px;
        background: rgba(255,255,255,1);
        color: #333333;
        z-index: 98888;
    }
    .parallax-content-center{
        width: 100%;
        padding: 100px 20px;
        margin: 0 auto;
        vertical-align:middle;
        text-align:center;
        display:table-cell;
    }
    .module.parallax h3 {
        font-family: uni-sans-regular-webfont;
        text-align: center;
        text-transform: uppercase;
        margin: 0 !important;
        font-weight:400;
        color: #ffffff !important;
        font-size: 34px !important;
    }
    .module.parallax h4 {
        font-family: uni-sans-light-webfont;
        text-align: center;
        text-transform: uppercase;
        margin: 0 !important;
        font-weight:400;
        color: #ffffff !important;
        font-size: 22px !important;
    }
}

/* Small */
@media(min-width:481px) and (max-width:767px){
    .module.parallax h3 {
        font-family: uni-sans-regular-webfont;
        text-align: center;
        text-transform: uppercase;
        margin: 0 !important;
        font-weight:400;
        color: #ffffff !important;
        font-size: 34px !important;
    }
    .module.parallax h4 {
        font-family: uni-sans-light-webfont;
        text-align: center;
        text-transform: uppercase;
        margin: 0 !important;
        font-weight:400;
        color: #ffffff !important;
        font-size: 22px !important;
    }
}

/* Medium */
@media(min-width:768px) and (max-width:991px){
    .module.parallax h3 {
        font-family: uni-sans-regular-webfont;
        text-align: center;
        text-transform: uppercase;
        margin: 0 !important;
        font-weight:400;
        color: #ffffff !important;
        font-size: 34px !important;
    }
    .module.parallax h4 {
        ffont-family: uni-sans-light-webfont;
        text-align: center;
        text-transform: uppercase;
        margin: 0 !important;
        font-weight:400;
        color: #ffffff !important;
        font-size: 22px !important;
    }
}

/* Large */
@media(min-width:992px) and (max-width:1199px){
}

/* Extra Large */
@media(min-width:1200px){}





/*
*
* LOGIN - START
*
*/
.modal-login {
        color: #636363;
        width: 350px;
}
.modal-login .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
}
.modal-login .modal-header {
        border-bottom: none;
        position: relative;
        justify-content: center;
}
.modal-login h4 {
        text-align: center;
        font-size: 26px;
}
.modal-login  .form-group {
        position: relative;
}
.modal-login i {
        position: absolute;
        left: 13px;
        top: 11px;
        font-size: 18px;
}
.modal-login .form-control {
        padding-left: 40px;
}
.modal-login .form-control:focus {
        border-color: #12b5e5;
}
.modal-login .form-control, .modal-login .btn {
        min-height: 40px;
        border-radius: 3px; 
transition: all 0.5s;
}
.modal-login .close {
position: absolute;
        top: -5px;
        right: -5px;
}
.modal-login input[type="checkbox"] {
    margin-top: 1px;
}
.modal-login .forgot-link {
    color: #12b5e5;
    float: right;
}
.modal-login .btn {
        background: #12b5e5;
        border: none;
        line-height: normal;
}
.modal-login .btn:hover, .modal-login .btn:focus {
        background: #10a3cd;
}
.modal-login .modal-footer {
        color: #999;
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
margin-top: -20px;
        justify-content: center;
}
.modal-login .modal-footer a {
        color: #12b5e5;
}
.trigger-btn {
        display: inline-block;
        margin: 100px auto;
}
    
/*
*
* LOGIN - END
*
*/