/* Theme Name: Gol */
@font-face {
    font-family: 'Poppins';
    src: url('font-face/Poppins-Regular.woff2') format('woff2'),url('font-face/Poppins-Regular.woff') format('woff');
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'PoppinsLight';
    src: url('font-face/Poppins-Light.woff2') format('woff2'), url('font-face/Poppins-Light.woff') format('woff');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'PoppinsMedium';
    src: url('font-face/poppins-medium-webfont.woff2') format('woff2'), url('font-face/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'PoppinsBold';
    src: url('font-face/Poppins-SemiBold.woff2') format('woff2'), url('font-face/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;font-style: normal;font-display: swap;
}
a:active, a:link, a:visited, .btn, .btn-submit, input:focus, button { 
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
a:focus, a:link, a:visited, .btn, .btn-submit, input:focus, button {
    -moz-outline-style: none !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
textarea{resize : none;}
a:active { -moz-outline-style: none !important;outline: none !important;}
a:focus {-moz-outline-style: none !important;outline: none !important;}
a {text-decoration : none;}
table {border-collapse: collapse; border-spacing: 0;}
body, a, input, textarea, label, pre {
    font-family: 'Poppins';
    font-size: 13px;
    color: #4d4d4d;
    line-height: 140%;
}
a:hover, a:focus{color: #4d4d4d; text-decoration: none;}
img, fieldset, input, textarea {border : 0px;}
a *{cursor : pointer !important;}
a:hover img, .area a:hover{opacity : 1;}
h1,h2,h3,h4,h5{display : block; font-weight : normal;}
.m0{margin: 0px !important;}
.block{display: block !important; width: 100%;}
.clearer{
    display:block !important;
    height: 0px !important;
    width: 0px !important;
    clear: both !important;
    float: none !important;
}
.container{
    position: relative;
    width: 100%;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
html, body, .header{height: 100%;}
.header {
    background: url(images/login/login-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.logo{
    width: 180px;
    float: left;
    margin-top: 35px;
}
/* TOP NAV */
.top-nav {float: right;margin-top: 65px;padding-right: 130px;position: relative;}
.top-nav a {
    font-family: 'PoppinsMedium';
    font-size: 14px;
    text-transform: uppercase;
    display: block;
}
.top-nav a:hover{color: #5EB477;}
.top-nav li{
    float: left;
    margin-right: 30px;
}
li.last{margin: 0px !important;}
/* INTRO */
.header-info{
    max-width: 720px;
    padding: 50px 15px 0px 15px;
    margin: 0 auto;
}
/* BUTTON */
.button {
    background: #194B80;
    padding: 0px 0px;
    height: 38px;
    line-height: 40px;
    color: #fff !important;
    font-family: 'PoppinsMedium';
    font-size: 14px;
    width: 100px;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-transform: uppercase;
    border: 0px;
    display: block;
}
.button.big{
    margin: 0 auto;
    font-family: 'PoppinsBold';
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    background: #5EB477;
    width: 240px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.top-nav .button{
    position: absolute;
    right: 0px;
    top: -9px;
}
/* TIPOGRAPHY */
.title {
    color: #194B80;
    margin-bottom: 20px;
    font-family: 'PoppinsBold';
    font-size: 32px;
    text-align: center;
    display: block;
}
.title-red, .title-orange {
    color: #FF0000;
    margin-bottom: 20px;
    font-family: 'PoppinsBold';
    font-size: 32px;
    text-align: center;
    display: block;
}
.title-orange {
    color: #FF861E;
}
.title.small, .title-red.small {
    font-size: 22px;
    margin-bottom: 15px;
    text-align: left;
}
.title.small2 {
    font-size: 14px;
    margin-bottom: 15px;
    text-align: left;
}
.title-red.small2, .title-orange.small2 {
    font-size: 14px;
    margin-bottom: 15px;
    text-align: left;
}
.title span{
    width: 85px;
    margin: 25px auto 25px auto;
    height: 5px;
    background: #5EB477;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.header-info p{
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    font-family: 'PoppinsLight';
    margin-bottom: 50px;
}
.partner{width: 96%; max-width: 780px; margin: 60px auto 30px auto;position:relative;}
.arrow{
    position: absolute;
    left: 50%;
    width: 40px;
    margin-left: -20px;
    bottom: -80px;
}
/* FADE IN OUT */
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}} 
.fadeIn {
    display: block !important;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
#main-container {
    position: relative;
    padding-top: 145px;
    padding-bottom: 80px;
    background: #f7f7f7 url(images/login/shadow.png) no-repeat center bottom;
}
/* NAVIGATION */
.logo-s{
    float: left;
    width: 140px;
    margin: 14px 0px 0px 0px;
}
#nav-bar {
    height: 90px;
    border-bottom: 2px solid #f0f0f0;
    background: #fff;
    width: 100%;
    z-index: 999;
}
#nav-bar .navigation{float: right;margin-top: 0px; padding-top: 35px;}
#nav-bar .navigation li{float: left; margin-right: 25px;}
#nav-bar .navigation a {
    font-family: 'PoppinsMedium';
    font-size: 14px;
    text-transform: uppercase;
}
#nav-bar .button {
    position: absolute;
    right: 0px;
    top: 25px;
}
/* PRIMARY */
.primary p {
    text-align: justify;
    line-height: 22px;
}
.primary .box p{padding-right: 250px;}
.box {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    margin-top: 30px;
    border-bottom: 4px solid #e6e6e6;
    padding: 30px;
    position: relative;
}
.box .box-button{
    position: absolute;
    right: 30px;
    top: 48px;
}
.box .button {
    margin: 5px auto;
    font-family: 'PoppinsBold';
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    background: #5EB477;
    width: 200px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.box.odd .button{background: #EB770A !important;}
.box .button:hover{opacity: 0.9}
/* FAQ */
#faq {
    position: relative;
    padding-top: 140px;
    padding-bottom: 80px;
    background: #fff;
}
.faq, .communications{float: left;width:50%;}
.list {
    padding: 15px 15px 1px 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
}
.faq .list{margin-right: 15px;}
.communications .list{margin-left: 15px;}
.list.green{background: #5EB477;}
.list.blue{background: #194B80;}
.arrow-right{
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 8px;
}
.list a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 15px;
}
.faq-list a, .communication-list a{position: relative; display: block;color: #fff;padding-right: 55px; text-align: justify;}
.faq-list a{background:#6ABA80 !important;}
.communication-list a{background: #255B94 !important;}
.list a strong{display: block;margin-bottom: 2px;}
.list a span{display: block;}
.list h3 {
    margin-bottom: 20px;
    font-family: 'PoppinsBold';
    font-size: 24px;
    text-align: center;
    display: block;
    margin: 10px 0px 25px 0px;
}
.list h4 {
    margin-bottom: 24px;
    font-family: 'PoppinsBold';
    font-size: 22px;
    text-align: center;
    display: block;
    margin: 30px 0px 30px 0px;
}
.more {
    margin: 20px 0px;
    font-family: 'PoppinsBold';
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    display: block;
}
.more:hover{opacity: 0.9}
.more.green{color: #5EB477;}
.more.blue{color: #194B80;}
.faq h4{color:#83CF98 !important;}
.communications h4{color: #467CB5 !important;}
/* CONTATCS */
#contacts .title {
    color: #5DAEB9;
    font-family: 'poppinsMedium';
    font-size: 32px;
    margin-bottom: 25px;
    display: block;
}
#contacts {
    background: url(images/login/contacts.jpg) no-repeat right top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    height: 440px;
    padding-top: 125px;
}
.hidden {display: none !important; visibility: hidden;}
.box-mail {
    width: 94%;
    max-width: 390px;
    display: block;
    margin: 0 auto;
}
.box-mail img{display: block; margin: 0px auto 20px auto; width: 75px;}
.box-mail span{color: #fff; line-height: 22px;padding-bottom: 4px;text-align: center;padding-bottom: 5px;display: block;}
.box-mail strong {font-family: 'poppinsMedium';color: #fff;font-weight: normal;font-size: 26px;text-align: center;display: block;}
#contacts .title{
    text-align: center;
    margin-bottom: 100px;
    color: #fff;
}
.copyright{text-align: center; color: #fff;padding: 0px 15px; line-height: 120%;margin-top: 50px;}
.copyright a {color: #fff !important;}
.modal-close{
    position: absolute;
    right: 15px;
    top: 14px;
    width: 22px;
    border: 0px;
    padding: 0px;
    background: none;
}
.modal-access h3 {
    color: #194B80;
    padding-top: 2px;
    font-size: 17px;
    font-family: 'PoppinsBold';
    display: block;
    margin-bottom: 3px;
}
.modal-login .modal-dialog {
    width: 420px !important;
}
.form-control {
    height: 36px;
    padding: 8px 12px !important;
    font-size: 13px;
    margin-bottom: 5px !important;
}
.form-group {margin-bottom: 10px;}
.modal-footer a{display: block; text-align: center;}
.modal-footer a:hover{color: #EB780B;}
.modal-access .button, .button.wide{width: 100%;}
.button.go-back{width: 170px;}
.gol{margin: 2px auto 15px auto;width: 100px;}
.go-submit{background: #5EB477 !important;}
.go-submit:hover{opacity: 0.9;}
.mw475{max-width: 475px;margin: 0 auto;}
.loginMsg{margin-top: 15px; text-align: center;}
.alert-boxex{
    margin: 0 auto;
    max-width: 720px;
}
.box-submit .button{width: 110px !important; float: left;}
.button.right{float: right !important;}
.bg-green{background: #5EB477 !important;}
.button:hover{opacity: 0.9;}
.button.disabled {background-color:#ddd!important;}
/* SEC PAGE */
.header.limit{
    height: 645px !important; border-bottom: 5px solid #f0f0f0;
}
.head-post{
    width: 100%;
    height: 30px;
    background: #fff;
    margin-top: -25px;
}
.post-list {
    background: url(images/login/w-bg.png);
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.check-wrap .check-box{float: left; margin: 0px 20px 10px 0px;}
.check-wrap h2 {
    font-size: 14px;
    font-family: 'PoppinsBold';
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #194B80;
}
.check-wrap{padding-bottom: 5px; margin-bottom: 5px;}
.item-detail{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 2px solid #f0f0f0; text-align: justify;}
.item-detail strong{display: block;}
.npb{padding-bottom: 0px !important;}
.validation-summary-errors li{padding-bottom: 10px; color: #cb5b5b; text-align: center;}
body.modal-open {
    overflow: auto !important;
    padding: 0px !important;
}
.no-item {
    position: relative;
    display: block;
    color: #fff;
    padding: 0px 10px 20px 10px;
    text-align: justify;
    display: block;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.help-container {
    position: fixed;
    background: url(images/t-shadow.png) no-repeat center 10px;
    padding-top: 30px;
    width: 100%;
    left: 0px;
    bottom: 0px;
}
.help-desk {
    left: 0px;
    bottom: 0px;
    padding: 20px 0px;
    width: 100%;
    text-align: center;
    background: url(images/login/white70perc.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*border-top: 1px solid #dedede;*/
}
.help-desk  p{padding: 0px 20px;}
.title em.subtitle {
    color: #FF861E;
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: 'PoppinsBold';
    font-size: 22px;
    text-align: center;
    display: block;
    font-style:normal;
}
.new-content {
    position: absolute;
    width: 64px;
    right: -30px;
    top: -30px;
}
#login .button.big {position:relative;}