html {
 /* overflow-x: initial;
  background-color: #fff;*/
}


/* font-family: 'Montserrat', sans-serif !important;*/
/* font-family: 'Lato', sans-serif  !important;*/
/* font-family: 'Cormorant', serif;*/

/***** FOR SPLASH PAGE ***/
.splash #wrap_head, .splash #footer, .splash #bottom, .splash #top {
    display: none;
}









/****** corrigir pop ups do JCE media box ****/
.wf-mediabox .item-page {
  max-height: 100vh !important;
}
.wf-mediabox-caption {
  display: none;
}





body {
    color: #1e1e1e !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.6em !important;
    letter-spacing: 0px;
}


::selection {
  background: #c6af78;/* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection {
  background: #c6af78; /* Gecko Browsers */
   color:#fff;
}

input::-moz-focus-inner { 
  border: 0; 
}
a:hover, a:active, a:focus {
 outline: 0;
}


b, strong {
    font-weight: 500 !important;
}

li {
    line-height: 150%;
    margin-bottom: 5px;
}

.row {
  margin:0 !important;
}

.plist p {
    margin: 0 !important;
}

.img-responsive {
  max-width: 100% !important;
  max-height: 100%;
  position: relative;
}


.invisibleborder {
  border: 1px solid transparent !important;
}
.whiteborder {
  border: 1px solid #fff !important;
}

/** given by bootstrap **/
.dropshadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.oblique {
    font-style: italic;
}


/******************** Herdade do Arade -- segmentos ******************/

.segmentos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.segmentos .segmento {
  min-width: max(20%, 270px);
}
.segmento .icon.big {
  width: 100% !important;
  background-color: transparent !important;
  border: 0 !important;
  font-size: 50px !important;
  height: 70px !important;
  text-align: center;
  padding: 0 !important;
  margin-bottom: 20px;
}
.segmento .icon.big .bi {
  white-space: nowrap !important;
  display: flex;
  flex-direction: column-reverse;
}
.segmento .underlinetext {
  margin-bottom: 30px !important;

}

.segmento .iconimg {
  width: 140px;
  margin: 0 auto 20px;
  overflow: hidden;
  border-radius: 50%;
   -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.segmento .iconimg a img:hover {
  opacity: 1 !important;
  filter: none !important;
}
.segmento .iconimg:hover {
  opacity: 0.8;
}


/******************** OFFCANVAS MENU -- BOOTSTRAP 5 ******************/

/** open bot ***/
.burguerIconWrapper {
  width: 35px;
  height: 18px;
  position: absolute;
  left: 3vw;
  top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.burguerIconWrapper .burguerline {
  width: 100% !important;
  height: 2px;
  background-color: #000 !important;
  font-size: 0 !important;
  margin: 0 !important;
}

/** close bot ***/
#offcanvasMenu .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 50px;
}
#offcanvasMenu .text-reset {
  width: 30px;
  cursor: pointer;
}





#offcanvasMenu .offcanvas-body {
  flex-grow: 1;
  padding: 25px 3vw !important;
  overflow-y: auto;
}

#offcanvasMenu .menublock {
  margin-bottom: 40px;
}

#offcanvasMenu .smalltitle {
  margin-bottom: 15px !important;
}

#offcanvasMenu ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#offcanvasMenu li {
  margin-bottom: 10px;
}

#offcanvasMenu li a {
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  color: #242F33 !important;
  opacity: 1 !important;
}

#offcanvasMenu li a:hover {
  opacity: 0.6 !important;
}



/******** LANG switcher ****************/
.mod-languages ul li {
    display: inline-block;
    margin: 0px;
}

.mod-languages ul {
    margin: 0 !important;
    padding: 0;
}

.mod-languages a {
    font-size: 10px !important;
    font-weight: 400;
    color: #111 !important;
 text-decoration: none !important;
}

.mod-languages .lang-active a {
    background-color: #12284d;
    color: #fff !important;
}





 /** takes out white-space from initial anchor div in project pages***/
  
  #enterproject {
    line-height: 0 !important;
}



/********* CODE FOR LOGIN
*****************************************************/

/** hide recovery password menus ***/
.login .nav.nav-tabs.nav-stacked {
    display: none;
}

.alert.alert-error {
    display: none;
}

.login .well {
    min-height: 20px;
    padding: 20vh 10vw;
    background-color: #fafafa;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: none !important;
  text-align:center;
}


.login .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
   /* text-align: left;*/
    display: block !important;
}

.login input {
    padding: 15px 40px !important;
    text-align: center;
    box-shadow: 0 0 0 !important;
    border: 1px solid #ddd;
}

.login label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700 !important;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/** hide btn forgot pass ***/
.login ~ div .nav {
    display: none !important;
}

.login .btn.btn-primary {
   background-color: #fff;
    border: 1px solid #131313;
    padding: 12px 25px;
    display: inline-table;
    font-size: 11px;
    font-weight: 600;
    color: #131313 !important;
    border-radius: 40px;
    letter-spacing: 1px;
  	margin-top: 40px;
}
.login .btn-primary:hover {
    color: #fff !important;
    background-color: #12284d;
    border-color: #12284d !important;
}


/*** mensagem de erro ***/
#system-message-container #system-message {
   /* margin-top: 60px;*/
    text-align: center;
}
.alert-warning {
    color: #131313;
    background-color: #fff3cd;
    border-color: #ffeeba;
    padding: 20px !important;
    margin: 0 !important;
}


/***** LOGOUT BTN *******/
#login-form {
    padding: 50px;
    text-align: center;
}

#login-form .logout-button .btn {
   	background-color: #12284d;
	border: 1px solid #12284d;
    padding: 12px 25px;
    display: inline-table;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
}

#login-form .login-greeting {
    font-size: 18px;
    margin-bottom: 10px;
}






/********************
----- DATA ROOM *******************************************************************************/

.dataroom #stage {
    padding: 10vh 20vw 20vh;
    float: left;
    width: 100%;
}

.jd_footer {
    display: none;
}

/** bots ***/
.jd_back_button {
    width: auto;
    height: auto !important;
    background: none;
    border: none !important;
  margin-top: 30px;
}

.jd_back_button a {
    font-family: 'Lato', sans-serif !important;
    background: none !important;
    border: 1px solid #12284d;
    padding: 12px 25px;
    display: inline-table;
    font-size: 11px;
    letter-spacing: 1px;
    border-radius: 40px;
    color: #131313 !important;
    font-weight: 600 !important;
}

.jd_back_button a:hover {
    border: 1px solid #12284d;
    background-color: #12284d !important;
    color: #fff !important;
    text-decoration: none !important;
}


/********* TOP NAV  **********/
.jd_top_navi {
    border-bottom: 1px solid #111;
}
/*** bots topo ****/
.jd_top_navi_item .jdbutton {
    border: 0 !important;
    box-shadow: 0 0 !important;
    padding: 0 !important;
    text-shadow: 0 0 !important;
    font-size: 13px;
    letter-spacing: 0px;
    margin-right: 0px;
    font-weight: 500 !important;
    font-family: 'Lato', sans-serif !important;
  
  /** take out text ***/
  display:none;
}


/*
.jd_top_navi .jd_top_navi_item {
    margin-top: 15px !important;
    margin-right: 0px;
}
.jd_top_navi_item a {
    border: 1px solid #ddd;
    padding: 5px 15px;
    border-radius: 40px;
}

.jd_top_navi .jd_top_navi_item a:hover {
    text-decoration: none !important;
}
*/

/**just the icones ****/

.jd_top_navi_item a {
    border: 1px solid #ddd;
    border-radius: 40px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
    min-width: 35px !important;
}
.jd_top_navi_item a:hover {
    text-decoration: none !important;
}

.jd_top_navi .jd_top_navi_item {
    margin-top: 0 !important;
    margin-right: 0px;
    min-width: 35px;
}

.jd_top_navi_item a::before {
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0.7 !important;
}



/** adding icons to btns ***/

.jd_top_navi_item.homeLinkBtn a::before {
     content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
 	/*font-size: 11px;
margin-right: 5px;
opacity: 0.5;*/
}
.jd_top_navi_item.searchLinkBtn a::before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
 	/*font-size: 11px;
margin-right: 5px;
opacity: 0.5;*/
}
.jd_top_navi_item.upperLinkBtn a::before {
    content: "\f3bf";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
 	/*font-size: 11px;
margin-right: 5px;
opacity: 0.5;*/
}
.jd_top_navi_item.uploadLinkBtn a::before {
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
 	/*font-size: 11px;
margin-right: 5px;
opacity: 0.5;*/
}





/*** top breadcrumb ***/
.jd_cats_subheader {
    padding: 25px 6px;
    background-color: #fff;
    border-bottom: 1px solid #131313 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jd_cat_subheader_title39 {
    font-size: 21px;
    font-weight: 300 !important;
    letter-spacing: 0px;
    color: #131313;
    margin-bottom: 0px;
  line-height: 170%;
}
.jd_subcat_count39 {
    text-align: left;
    float: left;
    margin-left: 0px;
    clear: both;
    margin-top: 0px;
    font-style: oblique;
}

/***** category dropdown *******/
#go_cat {
   /* width: 250px;*/
  min-width:250px;
}
#go_cat #select2-cat_list-container {
    font-size: 13px;
    font-weight: 300;
}
.jd_top_navi_catbox .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0 !important;
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
  width: 100% !important;
}



/********* MAIN LAYOUT *************/

/*** for both category and sub categories *** image and title ***/
.catPic img {
    width: 30px;
    height: auto;
    display: inline-block;
}
.catTitle a {
    margin-left: 20px;
    letter-spacing: 0px;
    color: #131313 !important;
    font-size: 15px;
    font-weight: 600;
  text-decoration: underline;
}

.catTitle a:hover{
    color: #9d8346 !important;
}




/**************** MAIN category rows *******************/

.jd_cat_main {
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    padding: 20px 28px;
}
/*
.jd_cat_main a {
    margin-right: 20px;
    letter-spacing: 0px;
    color: #131313 !important;
}*/
.jd_cat_main .jd_categories_title_v46 {
    padding: 0 !important;
}
.jd_categories_inner_wrapper {
    float: right;
    padding-top: 0;
    font-weight: 300;
    font-size: 13px;
    display: flex;
}

/**************** SUB CATEGORY ROWS ******************/

.jd_subcats_main {
    border-bottom: 0 !important;
}

.jd_subcats_title_text {
    display: none;
    background-color: #fff;
    border-bottom: 0 !important;
    font-size: 11px;
    padding-top: 15px;
}


.jd_subcat_pagination_inner_wrapper {
   border-bottom: 1px solid #f5f5f5;
    padding: 20px 28px;
    display: flex;
}



/*********************** ITEM / DOWNLOAD LIST ************************/
.jd_download_wrapper {
    margin-top: 15px;
  /* margin-bottom: 15px;*/
    border: 0;
    background-color: #fafafa;
    padding: 25px;
}


/** take out fields from description ***/
.jd_field_row.licence {
    display: none;
}
.jd_field_row.price {
    display: none;
}
/** number of download to show ****/
.jd_files_title39.downloadlist_itemnumber {
    font-size: 11px;
    padding: 0 30px;
    border-bottom: 0 !important;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 0 !important;
  
  display: none;
}
.jd_title_left {
    float: left;
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/** take out this (??) under the download title ***/
.jd_associations {
    display: none;
}

.jd_fields_wrapper {
    background-color: transparent;
    border-top: 1px solid #ddd !important;
    padding: 20px 0 0 0 !important;
    width: 100%;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
.jd_fields_caption {
    display: none;
}
.jd_field_row {
    width: 100%;
    padding: 0 !important;
    text-align: left;
    border:none !important;;
    box-shadow: none !important;
    margin-bottom: -1px;
    display: flex;
    justify-content: left;
    font-size: 11px;
  flex-wrap: wrap;
}
.jd_field_value {
    text-align: left;
  margin-bottom: 10px;
}
.jd_field_title {
    margin-bottom: 10px;
}
.jd_download_wrapper .fileTitle a {
    font-size: 17px;
    font-weight: 600;
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: underline;
    color: #131313 !important;
}
.jd_download_wrapper .fileTitle a:hover {
    color: #9d8346 !important;
}

/*** Featured topic - star ***/
/** take out original one ***/
.jd_title_right.featuredPic img {
    width: 20px;
    height: auto;
    margin-right: 10px;
    margin-top: 3px;

}
/** inject new one **/
/*
.jd_title_right.featuredPic::before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: orange;
    margin-right: 10px;
    margin-top: 2px;
    display: block;
}
*/


/** file type pic **/
.jd_download_wrapper .filePic img {
    width: 30px;
    height: auto;
}
/** hide because when editing in front end, the image dissapears**/
.filePic {
     display: none;
}
/** injectin new file pic -- equal to all files **/
.fileTitle::before {
     content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
 	font-size: 10px;
	margin-left: 4px;
}

/**** inject new EDIT ITEM pic ****/
/* take out existing one **/
.hasTooltip.icon-edit\.png img {
    display: none;
}

/** add new one ***/
.hasTooltip.icon-edit\.png a::before{
     content: "\f044";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
 	font-size: 13px;
	margin-left: 4px;
  color: #aaa;
}
.hasTooltip.icon-edit\.png a{
    text-decoration:none;
}



/**** BTNS ON ITEM DESCPRITION *********/

/** btn download ***/
.jd_download_url_position, .jd_rating {
    position: relative;
    top: -1px;
    float: right;
}

.botDownload .jdbutton.jblue {
    background-color: #12284d !important;
    background: none;
    border: none !important;
    box-shadow: none !important;
    border-radius: 40px;
    margin-top: -1px !important;
    font-family: 'Lato', sans-serif !important;
    padding: 10px 30px;
    text-shadow: none !important;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: 0px;
}

/** NEW ***/
.jdbutton.jgreen.jstatus {
    border: 0 !important;
    padding: 5px 10px;
    box-shadow: none !important;
    background: none !important;
    background-color: #80b0aa !important;
    border-radius: 15px;
    text-shadow: none !important;
    font-weight: 600;
    margin-left: 15px;
    font-size: 9px;
    letter-spacing: 1px;
    margin-bottom: 2px;
  color: #fff !important;
}

/** updated ***/
.jdbutton.jorange.jstatus {
    border: 0 !important;
    padding: 5px 10px;
    box-shadow: none !important;
    background: none !important;
    background-color: #ddc07c !important;
    border-radius: 15px;
    text-shadow: none !important;
    font-weight: 600;
    margin-left: 15px;
    font-size: 9px;
    letter-spacing: 1px;
    margin-bottom: 2px;
  color: #fff !important;
}


/*** sort by ***/
.jd_sort_order39 form {
    margin: 0px !important;
    display: flex;
    flex-wrap: wrap;
}
.jd_sort_order39 {
    text-align: center;
    font-weight: normal;
    float: right;
    box-sizing: border-box;
    border: 0px #ccc solid;
    padding: 0 !important;
    margin: 0 !important;
  font-weight:300;
}
.jd_sort_order39 span {
    display: inline-block;
    margin-left: 5px;
}



/************************************** EDIT ITEM -- FRONTED ********************************/
/** top buttons ---save, cancel, etc---***/
#adminForm .btn-toolbar {
    margin-bottom: 20px;
    border-bottom: 1px solid #111;
    padding-bottom: 10px;
}
/** top fields **/
.jd_fieldset_outer input {
    width: 100% !important;
}

/*** tabs ***/
#com-jdownloads-formTabs {
    margin-top: 40px;
    border-bottom: 1px solid #111;
}

#com-jdownloads-formTabs li a.active {
    color: #fff!important;
  background-color: #12284d;
}

#com-jdownloads-formTabs li a {
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 10px 20px;
    border-radius: 0px 0px 0 0;
    text-align: center;
    display: block !important;
    font-size: 13px;
    font-weight: 400;
    margin-right: -1px;
}

#com-jdownloads-formTabs li{
  margin-bottom:0 !important;
}



/** main area below tabs **/

#com-jdownloads-formContent {
    background-color: #fafafa;
    padding: 30px 25px 100px 25px;
}

/* labels */
.dataroom .form-horizontal .control-label {
    text-align: left !important;
    font-size: 11px !important;
    margin-bottom: -5px !important;
    margin-top: 10px !important;
  display: block !important;
}
.dataroom .form-horizontal .control-label label {
    display: block !important;
}
/** imput boxes ***/
.dataroom .inputbox {
    font-size: 15px !important;
    padding: 10px;
}
/* take out load article, module, etc.. from editor box ***/
.dataroom #editor-xtd-buttons {
    display: none;
}

/** cor dos links ***/
#com-jdownloads-formContent a {
    color: #131313 !important;
}
/** titles on the descriptions ****/
#descriptions label {
    display: block !important;
    text-align: center;
    font-size: 14px;
}
/*** btns on jce editor box ***/
#descriptions .wf-editor-toggle {
    display: none;
}

/** fix bug calender icon ****/

.icon-calendar::before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.dataroom .field-calendar .btn-secondary {
    color: #fff;
    background-color: #bfcbd0 !important;
    border: none;
    border-radius: 40px;
    font-size: 14px;
    width: 40px;
    height: 40px;
}
/* calendario **/
#adminForm .field-calendar .btn {
    padding: 10px 15px;
}

/*** editor window jce tabs ***/
.dataroom .wf-editor-container .wf-editor-tabs {
    margin-bottom: 5px;
    height: 37px;
    display: inherit;
}
/** drobox ***/
#com-jdownloads-formContent .chzn-container-single .chzn-single {
    min-width: 60px;
}

/*** because we are using select 2 - at index-php -- bug-- after using select 2 boxes were duplicated ****/
#adminForm .chzn-container {
  display:none;
}


/*** save/cancel/delete buttons when editing an existing item ****/
#adminForm .btn:hover {
    opacity: 0.7;
}

/** select box -- using select2 in inde.php ***/
#adminForm .select2-selection {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/** delete*/
#adminForm .btn.btn-danger {
    background-color: #c86048;
    border: none !important;
    border-radius: 40px;
    font-size: 11px;
    font-weight: 600 !important;
    letter-spacing: 1px;
  margin-right: 10px;
  padding: 15px 30px;
}
/* save */
#adminForm .btn.btn-primary {
    background-color:#3d9f92;
    border: none !important;
    border-radius: 40px;
    font-size: 11px;
    font-weight: 600 !important;
    letter-spacing: 1px;
  margin-right: 10px;
  padding: 15px 30px;
}
/* cancel*/
#adminForm .btn {
    background-color:#e7ecee;
    border: none !important;
    border-radius: 40px;
    font-size: 11px;
    font-weight: 600 !important;
    letter-spacing: 1px;
  margin-right: 10px;
  padding: 15px 30px;
   -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


/*********************************** SEARCH FORM ******************/
#searchForm {
    background-color: #fafafa;
    padding: 30px 30px 50px 30px;
    border-bottom: 1px solid #131313;
}
#searchForm .btn-toolbar {
    margin-top: 20px;
}
#searchForm fieldset {
    margin-top: 30px;
}
/** take out field set that limits search in content type***/
#searchForm fieldset.only {
    display: none;
}
/** search block ***/
#searchForm .btn-toolbar .btn-group.pull-left {
    display: flex;
    align-items: center;
}
#searchForm label {
    margin: 0 20px 0 0;
    font-size: 11px;
    font-weight: 500;
}
/* search and reset btns ***/
#searchForm .btn-group .btn {
    font-size: 11px;
    color: #fff;
    background-color: #12284d;
    margin-left: 15px;
    border-radius: 40px;
}
/** titles ***/
#searchForm legend {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}
#searchForm .phrases-box label {
    margin-right: 20px;
}
#searchForm input[type="checkbox"], #searchForm input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px !important;
}
#searchForm .checkbox {
    margin-right: 15px;
}
/** select box -- using select2 in inde.php ***/
#searchForm .select2-selection {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#searchForm .ordering-box {
    margin-top: 15px;
}
#searchForm .select2-selection__rendered {
    font-size: 11px !important;
}

#searchForm .form-limit {
    display: none;
}
.search-results .result-title {
    margin-top: 30px !important;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.search-results .result-title a {
    font-size: 17px;
    font-weight: 600;
    color: #131313 !important;
    text-decoration: underline;
    margin-left: 10px;
}

.search-results .result-title a:hover {
    color: #9d8346 !important;
}


/** search results title ***/
#searchForm .searchintro {
    margin-top: 20px;
    font-size: 15px;
}
#searchForm .badge-info {
    background-color: transparent;
    color: goldenrod;
    font-weight: 300 !important;
    font-size: 30px;
    padding: 10px;
    vertical-align: sub;
}








/******------- END DATA ROOM STYLING **********************/



/********** BULLETS **************/
.mybullets .bullet::before {
    content: "\f192";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    font-size: 7px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


.mybullets .bullet {
    display: inline-flex;
    margin-bottom: 10px;
    width: 100%;
}





/****************************** GALERIA -- IGNITE ***************************/
  /** lightbox arrows ****/
.ig-lightbox-button svg {
    background: rgba(0,0,0,0.3) !important;
    padding: 10px !important;
    width: 25px;
    height: 40px;
    box-sizing: content-box;
    color: #fff !important;
}


/** setas slider ***/
.ig-slideshow-button svg {
    background: #fff;
    width: 15px;
    height: 25px;
    padding: 10px;
    box-sizing: content-box;
}
.igui-slideshow-items li {
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 0 !important;
}

/**legendas **/
.igui-overlay-primary {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #111 !important;
    font-size: 11px !important;
    padding: 10px !important;
}





/*********** mapa PARCELA A *************/
.PA_wrapper {
    position: relative;
    float: left;
}

.PA_wrapper .btn01, .PA_wrapper .btn02, .PA_wrapper .btn03, .PA_wrapper .btn04, .PA_wrapper .btn05, .PA_wrapper .btn06, .PA_wrapper .btn07, .PA_wrapper .btn08, .PA_wrapper .btn09, .PA_wrapper .btn10, .PA_wrapper .btn11, .PA_wrapper .btn12, .PA_wrapper .btn13, .PA_wrapper .btn14, .PA_wrapper .btn15{
    position: absolute;
  cursor: pointer;
}

.PA_wrapper .btn01 {
    left: 9%;
    top: 22%;
}

.PA_wrapper .btn02 {
    left: 32%;
    top: 27%;
}

.PA_wrapper .btn03 {
    left: 43%;
    top: 42%;
}
.PA_wrapper .btn04 {
    left: 46%;
    top: 44%;
}

.PA_wrapper .btn05 {
    left: 48.5%;
    top: 46%;
}
.PA_wrapper .btn06 {
    left: 50.5%;
    top: 48%;
}
.PA_wrapper .btn07 {
    left: 53%;
    top: 50%;
}
.PA_wrapper .btn08 {
    left: 55%;
    top: 52%;
}
.PA_wrapper .btn09 {
    left: 36.5%;
    top: 53%;
}
.PA_wrapper .btn10 {
    left: 39.5%;
    top: 56%;
}
.PA_wrapper .btn11 {
    left: 42%;
    top: 58.5%;
}
.PA_wrapper .btn12 {
    left: 45%;
    top: 61%;
}
.PA_wrapper .btn13 {
    left: 48%;
    top: 64%;
}
.PA_wrapper .btn14 {
    left: 51%;
    top: 66%;
}
.PA_wrapper .btn15 {
    left: 68.5%;
    top: 70%;
}




/*********** mapa XEREZ *************/

.XEREZ_wrapper {
    position: relative;
    float: left;
}
.XEREZ_wrapper .btn01, .XEREZ_wrapper .btn02{
    position: absolute;
}

.XEREZ_wrapper .btn01 {
    left: 56%;
    top: 43%;
}

.XEREZ_wrapper .btn02 {
    left: 55%;
    top: 60%;
}




/*********** mapa QUINTA DA ROCHA *************/
.QdR_wrapper {
    position: relative;
    float: left;
}

.QdR_wrapper .btn01, .QdR_wrapper .btn02, .QdR_wrapper .btn03, .QdR_wrapper .btn04, .QdR_wrapper .btn05, .QdR_wrapper .btn06, .QdR_wrapper .btn07, .QdR_wrapper .btn08, .QdR_wrapper .btn09, .QdR_wrapper .btn10, .QdR_wrapper .btn11{
    position: absolute;
  cursor: pointer;
}


.QdR_wrapper .btn01 {
    left: 27%;
    top: 11%;
}

.QdR_wrapper .btn02 {
    left: 63%;
    top: 90%;
}

.QdR_wrapper .btn03 {
    left: 71%;
    top: 74%;
}
.QdR_wrapper .btn04 {
    left: 36%;
    top: 78%;
}

.QdR_wrapper .btn05 {
    left: 42%;
    top: 62%;
}
.QdR_wrapper .btn06 {
    left: 72%;
    top: 36%;
}
.QdR_wrapper .btn07 {
    left: 52%;
    top: 37%;
}
.QdR_wrapper .btn08 {
    left: 69%;
    top: 8%;
}
.QdR_wrapper .btn09 {
    left: 69%;
    top: 63%;
}
.QdR_wrapper .btn10 {
    left: 59%;
    top: 24%;
}
.QdR_wrapper .btn11 {
    left: 67%;
    top: 71%;
}

.QdR_legendas {
    display: flex;
    flex-wrap: wrap;
}

.QdR_legendas .legendablock {
    min-width: 160px;
  font-size: 9px;
}





/*********** mapa Vila Lago Monsaraz *************/

.VLMMAP_legendas .legendablock {
  /*
    display: inline-block;
    padding: 25px 0px 25px 0px;
    min-width: 180px;
  */
 /* font-size: 9px;*/
}



.VLMMAP_wrapper {
    position: relative;
    float: left;
}


.VLMMAP_wrapper .btn01, .VLMMAP_wrapper .btn02, .VLMMAP_wrapper .btn03, .VLMMAP_wrapper .btn04, .VLMMAP_wrapper .btn05, .VLMMAP_wrapper .btn06, .VLMMAP_wrapper .btn07, .VLMMAP_wrapper .btn08, .VLMMAP_wrapper .btn09, .VLMMAP_wrapper .btn10, .VLMMAP_wrapper .btn11, .VLMMAP_wrapper .btn12, .VLMMAP_wrapper .btn13, .VLMMAP_wrapper .btn14, .VLMMAP_wrapper .btn15, .VLMMAP_wrapper .btn16, .VLMMAP_wrapper .btn17, .VLMMAP_wrapper .btn18, .VLMMAP_wrapper .btn19, .VLMMAP_wrapper .btn20 {
    position: absolute;
  cursor: pointer;
}


.VLMMAP_wrapper .btn01 {
    left: 28%;
   top: 56%;
}

.VLMMAP_wrapper .btn02 {
    left: 40%;
    top: 60%;
}

.VLMMAP_wrapper .btn03 {
    left: 41%;
    top: 68%;
}
.VLMMAP_wrapper .btn04 {
    left: 52%;
    top: 60%;
}

.VLMMAP_wrapper .btn05 {
    left: 42%;
   top: 50%;
}
.VLMMAP_wrapper .btn06 {
    left: 35%;
    top: 44%;
}
.VLMMAP_wrapper .btn07 {
    left: 9%;
   top: 36%;
}
.VLMMAP_wrapper .btn08 {
    left: 45%;
    top: 43%;
}
.VLMMAP_wrapper .btn09 {
    left: 52%;
   top: 46%;
}
.VLMMAP_wrapper .btn10 {
    left: 49%;
    top: 37%;
}
.VLMMAP_wrapper .btn11 {
    left: 40%;
   top: 36%;
}
.VLMMAP_wrapper .btn12 {
    left: 33%;
    top: 33%;
}
.VLMMAP_wrapper .btn13 {
    left: 22%;
    top: 30%;
}
.VLMMAP_wrapper .btn14 {
    left: 35%;
    top: 17%;
}
.VLMMAP_wrapper .btn15 {
    left: 60%;
    top: 7%;
}

.VLMMAP_wrapper .btn16 {
    left: 49%;
    top: 58%;
}

.VLMMAP_wrapper .btn17 {
    left: 38%;
    top: 56%;
}
.VLMMAP_wrapper .btn18 {
    left: 33%;
    top: 48%;
}
.VLMMAP_wrapper .btn19 {
    left: 46%;
    top: 34%;
}
.VLMMAP_wrapper .btn20 {
    left: 23%;
    top: 34%;
}










/***** LEGENDA ON TOP OF BANNERS **************/
.legendabanner {
    position: absolute;
    right: 0;
    bottom: 50px;
    z-index: 5;
    background-color: rgba(255,255,255,0.3);
    padding: 20px 60px 20px 25px;
}
.legendabanner h3 {
    font-size: 11px !important;
    text-transform: uppercase;
    margin-bottom: 5px !important;
}
.legendabanner h5 {
    font-size: 9px !important;
    font-weight: 400 !important;
  font-style: oblique;
}


/*************************  TOPIC LIST **************/

.presslinksblock .smalltext {
    margin-bottom: 5px !important;
}

.presslinksblock a {
    font-size: 18px !important;
    letter-spacing: 0px;
    margin-top: 10px !important;
    display: inline-block;
    color: #1e1e1e !important;
    text-decoration: underline;
    font-style: oblique;
    font-weight: 300 !important;
    font-family: "Merriweather", serif;
  opacity:1;
  line-height: 160%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.presslinksblock a:hover {
    opacity:0.4;
}


.linksuteisblock p {
    margin-bottom: 5px !important;
}






/******* PARTNER LOGO **********/
/*.partnerblock {
    margin-bottom: 30px;
}*/
.partnerswrap .col-md-3 {
    padding: 5px !important;
}

.partnerlogo img {
    max-height: 45px;
    mix-blend-mode: multiply;
    max-width: 110px !important;
    filter: saturate(100%) !important;
}

.partnerlogo {
    margin-bottom: 20px;
    margin-top: 20px;
    height: 40px;
    display: inline-grid;
    align-content: center;
    justify-content: center;
}
.partnerlink {
    margin-bottom: 15px;
}


/*********** FOR FORMS **************/
/** take out labels **/
.control-label {
    display: none !important;
}

/******* select box ********/
/*selection box */
#ff_elem24 {
    padding: 0 22px;
    width: 100%;
    height: 53px;
    color: #3b8e68 !important;
  font-weight:400 !important;
}
/* hide label*/
#bfLabel24 {
    display: none;
}

/** using select2***/
#bfElemWrap24 .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 !important;
    padding: 0 17px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#bfElemWrap24 .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 17px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



/** color on hover **/
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #12284d !important;
    color: white;
  font-size: 14px;
letter-spacing: 0;
}
/*** color title **/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #12284d !important;
    line-height: 28px;
  font-size: 14px;
letter-spacing: 0;
}

/** take out search field ***/
.select2-search--dropdown .select2-search__field {
   display:none !important;
}
.select2-search--dropdown {
    display: block;
    padding: 0 !important;
}

/** arrow**/
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: relative !important;
 /* position:absolute; */
    top: 1px;
    right: 1px;
    width: 20px;
}

/** arrow**/
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 26px;
    position: relative !important;
 /* position:absolute; */
    top: 1px;
    right: 1px;
    width: 20px;
}
/** result selection **/
.select2-results__option {
   /* padding: 5px 25px !important;*/
  padding: 0 15px !important;
    user-select: none;
    -webkit-user-select: none;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}



#bfSubmitButton {
    background-color: #12284d;
    border: 1px solid #fff !important;
  	color: #fff !important;
   border-radius: 40px;
letter-spacing: 2px !important;
text-transform: uppercase;
font-weight: 500 !important;
font-size: 10px !important;
padding: 15px 35px !important;
}

#bfSubmitButton:hover {
    background-color: #fff;
  border: 1px solid #12284d !important;
  color: #12284d !important;

}
.bfElemWrap .form-group {
    width: 100%;
  margin: 0 !important;
}
/** take out padding from button ***/
.form-group .col-sm-12 {
    padding: 0 !important;
}

.bfQuickMode .bfbs3-form-inline .bfbs3-form-control, .bfQuickMode .form-inline .form-control {
   border-radius: 0 !important;
font-size: 14px;
font-weight: 300 !important;
border: 1px solid #ddd;
  padding: 25px;
  
}
/** para area box - mensagem ***/
#ff_elem19 {
    min-height: 100px !important;
    max-height: 220px !important;
}
.bfQuickMode .bfElemWrap {
    margin-bottom: 5px !important;
}

/** for legal terms checkbox **/
#bfElemWrap29{
    margin-top: 15px;
    margin-bottom: 30px !important;
}

#bfLabel29.control-label {
    margin-left: 25px;
    width: 100% !important;
    display: block !important;
    float: left !important;
}
#bfElemWrap29 .nonform-control {
    float: left !important;
    position: absolute;
    display: flex;
    width: 20px;
}


/*** error pop up ****/
.swal-button {
   background-color: #c18562;
    border: 1px solid #fff !important;
  	color: #fff !important;
    border-radius: 0 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 10px !important;
    padding: 10px 20px !important;
}
.swal-text {
    font-size: 14px;
    line-height: 150%;
    font-family: inherit !important;
}
.swal-overlay--show-modal .swal-modal {
    border-radius: 0 !important;
}






/****************** pagination ********************/
.pagination ul {
    padding: 0;
}

/* take out stuff*/
.pagination .counter.pull-right {
    display: none;
}
.pagination-start {
    display: none !important;
}
.pagination-end {
    display: none !important;
}
.pagination .pagination-next {
    display: none !important;
}
.pagination .pagination-prev {
    display: none !important;
}


/* customize*/
.pagination ul li {
    list-style: none;
    display: inline-block;
}
/** for all item in UL ***/
.pagination li .pagenav {
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
}
/** for all items with LINK ***/
.pagination a.pagenav {
    background-color: #8a6e51;
    color: #fff !important;
}
.pagination a.pagenav:hover {
    opacity: 0.6;
}

/********************* POP UP *****************/
.wf-mediabox img {
    max-width: 100%;
}

.wf-mediabox-frame {
    padding: .5em;
}

.wf-mediabox p, .wf-mediabox li {
  color: #1e1e1e !important;
font-family: 'Lato', sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
line-height: 1.6em !important;
letter-spacing: 1px;
}
.wf-mediabox strong {
    font-weight:700 !important;
}


/**** SMALL SEPARATOR -- LINE AFTER TITLES ************/
.smallseparator {
    width: 25px;
    height: 2px;
    background-color: #131313;
    margin-top: 25px;
    margin-bottom: 20px;
}
.smallseparator.white{
    background-color: #fff;
}


/****** border box *******/

.borderbox {
  border-top: 1px solid #131313;
border-bottom: 1px solid #131313;
padding: 30px 0 40px;
}

.borderbox.white {
  border-top: 1px solid rgba(255,255,255,0.5);
border-bottom: 1px solid rgba(255,255,255,0.5);
padding: 20px 0;
}





/*********** KEY FIGURES ********** numbers + description ***********/

.keyfigure {
    padding: 15px 0;
   /* border-bottom: 1px solid;*/
    margin: 0px 0;
    max-width: max-content;
}

.keynumber {
    font-size: 3vw;
    line-height: 100%;
    font-weight: 200;
  margin-bottom: 5px;
}
.keyfigure.whitetext .keynumber {
  font-weight: 300;
}

.keydesc {
  font-style: oblique;
font-weight: 300;
font-size: 13px;
}





/**************** LINKS AND BOTS *******************************/

a {
  
    /*color:#bba268 !important; *//** cream**/
  color: #9d8346 !important; /** darker cream ***/
  /*color: #1b5257 !important;/* /*** green **/
    text-decoration: none;
  opacity: 1;
   -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
a:hover {
   opacity: 1;
  text-decoration:none;
  color: #131313 !important;
}


/** link on images **/
a img{
  opacity: 1;
   -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a img:hover {
    opacity: 0.8;
    filter: grayscale(50%);
}

/** when over is full width and overlay on image **/


a.overimg:hover::before {
 opacity:1;
    content: "+";
    font-size: 40px !important;
    color: #fff;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;

}

/** when the over is just a round icon ***/
a.overimgicon:hover::before {
 opacity:1;
    content: "+";
    font-size: 30px !important;
    color: #fff;
    width:40px;
  height:40px;
  border-radius:50%;
   position: absolute;
    z-index: 2;
    background-color: rgba(0,0,0,0.7);
  
  display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
}

.overimgicon {
    display: flex;
    justify-content: center;
    align-items: center;
}







.bot {
    background-color: transparent;
	border:1px solid #131313;
	padding: 12px 25px;
	display: inline-table;
    font-size: 11px;
    font-weight: 600;
	color: #131313 !important;
  	margin-top: 10px;
	border-radius:40px;
  letter-spacing: 1px;
  text-decoration: none !important;
}

/** green ***/
/*
.bot:hover {
   background-color: #1b5257;
border: 2px solid #1b5257;
  color: #fff !important;
  text-decoration:none !important;
}
*/
/** blue ***/
.bot:hover {
   background-color: #12284d;
   border: 1px solid #12284d;
   color: #fff !important;
   text-decoration:none !important;
}


.bot.blue:hover {
	background-color: transparent;
  	border:1px solid #12284d;
   	color: #202020 !important;
}

.bot.blue {
  background-color: #12284d;
  border:1px solid #12284d;
  color: #fff !important;
  text-decoration:none !important;
}





.bot.white {
    background-color: #fff;
  border:1px solid #fff;
  color: #202020 !important;
  text-decoration:none !important;
}

.bot.white:hover {
    background-color: transparent;
  border:1px solid #fff;
   color: #fff !important;
  text-decoration:none !important;
}


.bot::after {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 11px;
    font-size: 9px;
}
.bot.download::after {
    content: "\f309";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 11px;
    font-size: 9px;
}


.arrowlink {
   /* color: inherit !important;*/
  /*  font-weight: 400 !important;*/
   /* letter-spacing: 1px;*/
  text-decoration:none !important;
  /*font-size:14px;*/
}

.arrowlink:hover {
    /**color: #1b5257 !important;**/
   color: #131313 !important;
}
.arrowlink::before {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    font-size: 14px;
   -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.arrowlink:hover:before{
      margin-right: 12px;
}


/**** header in bot ****/

#header .bot {
  margin-top: -3px;
  padding: 5px 20px !important;
}





/************************************************** 
****************************   ESTRUTURA *****************************************************/

#wrap_all {
  	background-color: #fff;
    position: relative;
    min-height: 100vh;
    min-width: 100vw;
  float: left;
}

#wrap_body {
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 60px;
}



/************** HEADER **************************************************************/


#wrap_head {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 9999;
    background-color: #fff;
 /* mix-blend-mode: multiply;*/
}

#header {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
  position:relative;
  padding: 0 3vw;
  justify-content: space-between;
}

/** change contact menu on top right ***/

#header .roundicon {
  display:none !important;
}
#header .bot {
  display:block !important;
}


/**** TOP ICONS ****/
.roundicon a {
    color: #111 !important;
    border: 1px solid #111;
    border-radius: 50%;
    padding: 6px;
    font-size: 11px;
    width: 30px;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
  text-decoration: none !important;
}

/*
.topicons {
    z-index: 4;
    position: relative;
    display: flex;
}
*/
.topicons {
  z-index: 4;
  position: absolute;
  right: 3vw;
  top: 15px;
  display: flex;
}


.roundicon {
    display: inline-block;
    margin: 0 5px;
}
.roundicon a:hover {
    background-color: #12284d;
    color: #fff !important;
    border: 2px solid #12284d !important;
  text-decoration: none !important;
}


/*** icons content ****/
.icon {
    border: 4px solid #eee;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 20px;
  color: #c1a78b;
  background-color: #fff;
}
.icon.big {
    width: 90px;
    height: 90px;
   /* font-size: 25px;*/
  font-size:35px;
}
.icon.bigger {
    width: 120px;
    height: 120px;
    font-size: 38px;
}

.icon.white {
  color: #fff;
}

.icon.gold {
    border: 4px solid #e4cd91 !important;
    color: #fff !important;
    background-color: #e4cd91 !important;
}

.icon.small {
    border: 4px solid #eee;
    border-radius: 50%;
    width: 25px;
    height: 25px;
  font-weight: 600 !important;
    /*display: flex;*/
  display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 9px !important;
    color: #c1a78b;
}

.icon.black {
    background-color: #111 !important;
    border: 4px solid #777;
    color: #fff !important;
}


/********** MENU STYLING **********************/

#header .menu-icon-cont .menu-icon3 {
    display: inline-block;
    position: relative;
    height: 29px;
    margin: 0 !important;
    user-select: none;
    width: 30px;
}

#header .sm-parent {
    height: 30px;
   width: 153px;
  /*** to make the logo centered ***/
}

#header .sm-btn-93 .menu-icon3 span {
    background: #111 !important;
    /*background: #fff !important;*/
    height: 2px;
    border-radius: 0 !important;
}

#off-menu_93 .sm-level {
    padding: 50px 25px;
}
#off-menu_93 .level1 .link a {
    color: #111 !important;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 1px;
}
#off-menu_93 .level1 .link a:hover, #off-menu_93 .level1.active .link a, #off-menu_93 .level2.active .link a {
    color: #a8a8a8 !important;
}

/**** level 2 ****/
#off-menu_93 .sm-level.level2 {
    padding: 0px 0 25px;
}
#off-menu_93 .level2 .link a {
    font-size: 15px;
}

/*** BOTTOM *********/

#bottom {
    float: left;
    width: 100%;
    position: relative;
}


/*************** FOOTER *************/
#footer {
    float: left;
    width: 100%;
    position: relative;
}
#footer a {
    color: #fff !important;
    opacity: 0.6;
}
#footer a:hover {
    opacity: 1;
}
#footer p {
    margin-bottom: 5px;
}

.zed {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0px;
}

/****** LOGO *****************/
.logo a {
    text-decoration: none !important;
    color: inherit !important;
}

/**
.logo {
  font-size: 11px !important;
    font-family: 'Montserrat', sans-serif !important;
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}**/
.logo {
  font-size: 13px !important;
  font-family: 'Montserrat', sans-serif !important;
  position: absolute;
  height: 60px;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  justify-content: center;
}

.logobold {
    font-weight: 700;
    margin-right: 15px;
    letter-spacing: 5px;
  color: #242F33 !important;
}

.logothin {
    font-weight: 200;
   margin: 0;
  letter-spacing: 2px;
}




/******* for scroll down on main intro banner ***/


.scrolldown a {
    color: #202020 !important;
    font-weight: 600 !important;
}
.scrolldown .arrow.white {
    color: #fff;
}
.scrolldown .whitetext a {
    color: #fff !important;
    font-weight: 600 !important;
}
.scrolldown {
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 20px;
    line-height: 100%;
    left: 0;
    z-index: 4;
}



.bounce {
  animation: bounce 0.5s ease-in;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(0, 5px, 0); }
}



/******* BOOTSTRAP SLIDER ****************/



/*
#mybslider {
  margin-top:35px;
  margin-bottom:10vh;
}*/

.carousel-indicators {
  margin: 0 0 20px 0 !important;
  display: flex !important;
  align-items: baseline;
  z-index: 9 !important;
}


.carousel-indicators li {
    width: 3px !important;
    height: 20px !important;
    border: 0 !important;
    transition: all .6s ease;
    background-color: #131313 !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
  opacity:0.4 !important;
  margin-bottom:0 !important;
}

.carousel-indicators li:hover {
  opacity:1 !important;
}

.carousel-indicators li.active {
  height:40px !important;
  opacity:1 !important;
}



/*** over nav ***/
.overnav {
  position:relative;
  z-index:99 !important;
}


/**** navigation ****/

  
#mybslider .carousel-control-next, #mybslider .carousel-control-prev {
width: 10vw;
  z-index: 9;
}
/** for round buttons ***/
.prev-icon, .next-icon {
    border: 1px solid #131313;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
  background-color: #fff !important;
}

/** green **/
#mybslider .prev-icon.blue, #mybslider .next-icon.blue {
    border: 1px solid #12284d;
  background-color:#12284d !important;
  fill: #fff !important;
	stroke: #fff;
	stroke-width: 1px;
}
/** white **/
#mybslider .next-icon.white, #mybslider .prev-icon.white {
   	border: 1px solid #fff;
  background-color:#fff !important;
    fill: #fff !important;
	stroke: #fff;
	stroke-width: 1px;
}






.carousel-control-next, .carousel-control-prev{
  opacity:1 !important;
}
.carousel-control-next:hover, .carousel-control-prev:hover{
  opacity:0.4 !important;
}


/******* BOOTSTRAP ACCORDION ****************/


#accordion .card-header {
    padding: 15px 0px;
    margin-bottom: 0;
    background-color: transparent !important;
	border-top: 2px solid #131313;
	border-bottom: 0 !important;
	border-radius: 0 !important;
}

#accordion .card {
     background-color: transparent !important;
    background-clip: border-box;
    border: 0 !important;
    border-radius: 0 !important;
}
#accordion .card-body {
    padding: 10px 30px 40px 0 !important;
}
#accordion .card-link {
   /* color: #3b8e68 !important;*/
   /* text-transform: uppercase;*/
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px !important;
  width: 95% !important;
display: inline-block;
}

#accordion .card-link.collapsed {
    color: #111 !important;
 
}



#accordion .card-header .collapsed::after {
    content: "+"!important;
    position: absolute;
    right: 0;
  top: 20px;
    width: 20px;
    height: 20px;
background-color: #12284d !important;
border: 1px solid #12284d !important;
	color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#accordion .card-header ::after {
    content: "-";
    position: absolute;
    right: 0;
  top: 20px;
    width: 20px;
    height: 20px;
    background-color: #fff;
  border: 1px solid #111;
	color: #111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}











/*************************** BG  ***********************/

.greybg {
  background-color: #fafafa;
}
.creambg {
 background-color: rgb(249, 247, 244);
}

.whitebg {
  background-color: #fff;
}

.blackbg {
   background-color: #0b1524;
}

.greenbg {
    /*background-color: #225959;*/
  background-color: #1e393c;
}

.bluebg {
    background-color: #142237;
}



/****************************  PADDINGS ******************************************/

.leftpadding {
  padding-left:6vw !important;
}


.leftsmallpadding {
  padding-left:3vw !important;
}
.leftextrapadding {
  padding-left:12vw !important;
}

.rightpadding {
  padding-right:6vw !important;

}

.rightsmallpadding {
  padding-right:3vw !important;
}
.rightextrapadding {
  padding-right:12vw !important;
}

.noleftpadding {
  padding-left:0 !important;
}
.norightpadding {
  padding-right:0 !important;
}


.topsmallpadding {
  padding-top:3vh;
}
.toppadding {
  padding-top:10vh;
}
.topextrapadding {
  padding-top:15vh;
}
.bottomsmallpadding {
  padding-bottom:3vh;
}
.bottompadding {
  padding-bottom:10vh;
}
.bottomextrapadding {
  padding-bottom:15vh;
}




/*************************** GET STICKY SIDE AND CONTINUE SCROLL ***********************/

.sticky{
  position: sticky !important;
  position: -webkit-sticky !important;
}
.sticky.top {
    top: 60px;
}
.sticky.middle{
  top:50vh;
}






/****************** flexbox *********************************************/


.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flexbox.centered {
    justify-content: center;
}

.flexbox.right {
    justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.flexbox.left {
    justify-content: flex-start;
  -webkit-justify-content: flex-start;
}


.flexbox.bottom {
    flex-direction: column;
    justify-content: flex-end;
}
.flexbox.top {
    flex-direction: column;
    justify-content: flex-start;
}
.flexbox.verticalcentered {
    justify-content: center;
    flex-flow: column;
}
.flexbox.column {
    flex-direction: column;
}



/********************************* WIDTH & HEIGHT ****************************/


.fullwidth {
  width:100%;
}


.fullheight {
  min-height:calc(100vh - 60px);
 /* min-height:100vh;*/
}

.twothirdsheight {
  height:80vh;
  min-height: 620px;
}

.halfheight {
  height:50vh;
  min-height: 540px;
}

.onethirdheight {
  height:35vh;
}

.quarterheight {
  height:25vh;
}





/************************** FOR BANNERS - bg image + text over banner *************************/
/** rounded images ***/
.bgimage.roundimage {
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    width: 100%;
}


.bgimage {
    background-repeat: no-repeat;
    width: 100%;
   /* height: 100%;*/
}

.opacity {
    opacity: 0.6;
}

.moreopacity {
    opacity: 0.4;
}

.filter {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute !important;
    opacity: 0.3;
  z-index: 2;
}

.saturate {
  filter: grayscale(50%);
}

.bgimage.fixed {
  background-attachment:fixed;
}
/*
.overbanner {
    position: absolute !important;
  	width: 100%;
  	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  z-index: 3;
  
}
*/
.overbanner {
    position: absolute !important;
    width: 100%;
    z-index: 3;
}


.bannerwrapper {
    position: relative;
   /* display: flex;
    align-items: center;*/
}
.bgimagecontainer {
    width: 100%;
  z-index: 1;
  position: relative;
}

/** for wrapper div to images with links**/
.imagecontainer {
  position: relative;
}





/**** VIDEO HTML 5 ********/

.videoWrapper {
    height: 0;
    padding-bottom: 56.5% !important;
    padding-top: 0;
    position: relative;
   /* float: left;*/
    width: 100%;
}

.videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}