@charset "UTF-8";
/* CSS Document */
html {
    scroll-behavior: smooth;
}
body{
    font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif!important;
	font-size:16px!important;
	background-color:#f1f1f1;
}

#back_top {
  right: 30px !important;
}

/* TSX Trust Code Base */

/*General*/

h1, h2, h3, h4, h5 {
	scroll-margin-top: 320px
}

/*modal fix*/
.modal {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.75);
	padding: 0;
}
.modal .modal-dialog {
	top: 15%;
}
.modal-header{
	display:block;
}
.modal-header .close{
	right:25px;
}
@media (min-width: 768px){
	#mp-pusher{
		transform: none!important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
	}
}

.mp-pusher-transform-fix{
	transform: none!important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}

#page-content .modal .form-group label{
	display:inline-block;
}
#page-content .modal-header .close{
	right:10px;
	color:#888!important;
	background-color:transparent!important;
	border:0!important;
	font-size:30px!important;
	top:5px;
}
#page-content .modal-header .close:hover{
	color:#1b2935!important;
}

#page-content{
	margin:0!important;
	max-width: 100vw!important;
	padding-top:0!important;
	overflow:hidden;
}
#page-content ul.breadcrumb{
	display:none;
}

@media (min-width: 992px){
	.container {
		max-width: 1280px;
		padding:0 15px;
	}
}
@media (max-width: 991.98px){
	#page-content {
		padding-left: 0;
		padding-right: 0;
	}
	.container {
		max-width: 100%!important;
	}
}

.btn{
	display:inline-block;
	height:40px!important;
	line-height:36px!important;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding:0 1em!important;
	text-decoration: none;
	text-transform:capitalize!important;
	color:#1b2935;
	background-color:#fff;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif!important;
	font-weight:normal!important;
	font-size: 16px!important;
	text-align:center;
	margin-bottom:4px;
	transition: all .3s;
}
.btn:hover{
	border: 1px solid #999;
	text-decoration: none;
	background-color:#e9e9e9;
	color:#000;
}
.btn.primary-button{
	border:1px solid #1b2935;
	background-color:#1b2935;
	color:#fff;
}
.btn.primary-button:hover{
	border:1px solid #1b2935;
	color:#16FFFB!important;
}
.btn.secondary-button{
	border:1px solid #bbb!important;
	background-color:transparent!important;
	color:#777!important;
}
.btn.secondary-button:hover{
	border:1px solid #1b2935!important;
	background-color:#e4e4e4!important;
	color:#1b2935!important;
}
.btn.teal-button{
	border:1px solid #1D6B70!important;
	background-color:#1D6B70!important;
	color:#fff!important;
}
.btn.teal-button:hover{
	border:1px solid #309299!important;
	background-color:#309299!important;
	color:#fff!important;
}
.btn.highlightteal-button{
	border:2px solid #16FFFB!important;
	background-color:#16FFFB!important;
	color:#1b2935!important;
}
.btn.highlightteal-button:hover{
	border:2px solid #16FFFB!important;
	color:#fff!important;
	background-color:rgba(22,255,251,.1)!important;
}
.btn.hightlightborder-button{
	border:2px solid #16FFFB!important;
	background-color:transparent!important;
	color:#16FFFB!important;
}
.btn.hightlightborder-button:hover{
	border:2px solid #16FFFB!important;
	color:#16FFFB!important;
	background-color:rgba(22,255,251,.25)!important;
}
.btn.pagination-block {
	display: inline-block !important;
	width: 40px !important;
	margin-top: 0 !important;
	padding: 1px 6px 0px 6px !important;
	margin-right: 10px !important;
}

@media (max-width: 992px){
	.btn-lg-wrap{
		height: auto !important;
		line-height: 1.2em!important;
		padding: 1em 1.5em!important;
		white-space: normal!important;
	}
}
@media (max-width: 768px){
	.btn-block{
		width:100%;
	}
	.btn-wrap{
		height: auto !important;
		line-height: 1.2em!important;
		padding: 1em 1.5em!important;
		white-space: normal!important;
	}

	.btn.pagination-block {
		width: 100% !important;
	}
}
strong,b,h1,h2,h3,h4,h5,.bold{
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}
strong{
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
}
a,.teal{
	color:#1D6B70;
}
.highlight-teal{
	color:#16FFFB;
}
a:hover{
	text-decoration: none;
	color:#309299;
}
#page-content .form-group{
	padding:0;
}

.text-darkteal{
	color:#1D6B70;
}
.text-teal{
	color:#16FFFB;
}
.text-dark{
	color:#1b2935;
}

#page-footer{
	margin-top:0;
}

/*Page top*/
@media (min-width: 768px){
	#back_top {
		right:2em!important;
		bottom:2em!important;
	}
}

/*top nav*/
.inpage-nav{
	background-color:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:60px;
	padding:10px 0 6px 0;
	line-height:32px;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
	overflow:auto;
}
@media (max-width: 768px){
	.inpage-nav{
		display:none;
	}
}
.inpage-nav a{
	display:inline-block;
	padding:0 1.25em;
	height:36px;
	border-radius: 20px;
	color: #444;
	margin-right:0;
}
.inpage-nav.compact a{
	padding:0 .3em;
}
.inpage-nav.fr a{
	font-size:.85em;
}
.inpage-nav a:hover{
	background-color:#ddd;
	color:#1b2935;
	text-decoration:none;
}
.inpage-nav .current,.inpage-nav a.current:hover{
	color:#fff!important;
	background: #1D6B70 !important;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
}
.inpage-nav.stay{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	z-index:30;
	box-shadow: 0 2px 3px 2px rgba(0,0,0,.2);
}
/*top nav*/

/*section*/
section{
	padding:3em 0 3.5em;
	background-color:#fff;
	color:#1b2935;
	scroll-margin-top: 180px
}
section.pushup{
	scroll-margin-top: 40px
}
section.tight{
	padding:0;
}
section.teal-grey{
	background-color:#e3ecf1;
}
section.grey{
	background-color:#f2f2f2;
}
section.mgrey{
	background-color:#CAD6DB;
}
section.dark{
	background-color:#1b2935;
	color:#fff;
}
section.dark.bordered{
	border-top: 4px solid #16FFFB;
}
section.teal{
	background-color:#1d6b70;
	color:#fff;
}
section.blue{
	background-color:#174771;
	color:#fff;
}
section.light-teal{
	background-color:#64CCC9;
	color:#1b2935;
}
section .section-header{
	color:#1d6b70;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size:2em;
	margin-top:0;
	margin-bottom:1em;
}
@media (max-width: 768px){
	section .section-header{
		text-align: center;
	}
	section .section-header h2{
		font-size: 20px;
	}
}
section.dark .section-header{
	color:#16FFFB;
}
section.teal .section-header{
	color:#fff;
}
section .section-header.bordered{
	display:inline-block;
}
section .section-header.bordered:after{
	content:"";
	background: #309299;
	height:1px;
	display:block;
	margin-top:.25em;
}

/*General list*/
.general-list-row{
	padding-bottom:3em;
}
.general-list-row:last-child{
	padding-bottom:.5em;
}
.general-list-row.bordered{
	padding-bottom:1.5em;
	margin-bottom:1.5em;
	border-bottom:1px solid rgba(0,0,0,0.09);
}
.general-list-row .general-list-header{
	color:#1d6b70;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size:1.75em;
	margin-top:0;
	margin-bottom:.5em;
}
.general-list-row .general-list-subheader{
	color:#1b2935;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size:1.1em;
	margin-top:0;
	margin-bottom:.75em;
	text-transform: uppercase;
}
.general-list-row .general-list-subsubheader{
	color:#309299;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size:1em;
	margin-top:-.75em;
	margin-bottom:.75em;
}
.thumb-row{
	padding-bottom:3.75em;
}
.thumb-row .thumb-des{
	font-size:.9em;
	color:#777;
}
.thumb-row .thumb-tags{
	font-size:.9em;
	color:#444;
}


/*accordion*/
.accordion-trigger {
	background-color: rgba(255,255,255,.75);
	color: #1d6b70;
	cursor: pointer;
	padding: 13px 30px 13px 15px;
	width: 100%;
	text-align: left;
	border: 1px solid #fff;
	/* outline: none; */
	transition: 0.3s;
	display:block;
	position:relative;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	border-radius: 4px;
	margin-top:1.35em;
	text-transform: uppercase;
	font-size: 1.1em;
}
.accordion-trigger .icon{
	position: absolute;
	right:15px;
	top:12px;
	font-size:24px;
}
.accordion-trigger.active, .accordion-trigger:hover {
	background-color: #fff;
}
.accordion-trigger.active{
	border-radius: 4px 4px 0 0;
}
.accordion-trigger .icon-minus,.accordion-trigger.active .icon-plus{
	display:none;
}
.accordion-trigger .icon-plus,.accordion-trigger.active .icon-minus{
	display:inline-block;
}

.accordion-panel {
	padding: 25px;
	background-color: rgba(255,255,255,.25);
	border:1px solid #fff;
	border-top:0;
	color:#fff;
	display: none;
	overflow: hidden;
	border-radius: 0 0 4px 4px;
	text-align: left;
}
.accordion-panel.dark {
	color:#1b2935;
}
.accordion-panel a{
	color:#1d6b70;
}
.accordion-panel a:hover{
	color:#1b2935;
}

section.teal-grey .accordion-panel{
	color:#1b2935;
}
section.teal-grey .accordion-panel a{
	color:#1D6B70;
}
a.accordion-subtrigger,a.accordion-subtrigger:hover{
	color:#1b2935;
}
a.accordion-subtrigger:before{
	content: ">";
	padding-right:.35em;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
}
.accordion-subpanel {
	padding: 5px 15px 0 23px;
	display: none;
}
.accordion-subpanel p{
	margin-bottom:.35em;
}
.accordion-div{
	padding-bottom:.75em;
}


.accordion-trigger.bordered,.accordion-panel.bordered{
	border:1px solid #CECECE;
	background-color:#f2f2f2;
	color:#1b2935;
}
.accordion-panel.bordered{
	border-top:0;
}

.accordion-panel .h6,.accordion-panel h6,.accordion-panel .h5,.accordion-panel h5,.accordion-panel .h4,.accordion-panel h4{
	margin-bottom:1.25em;
}
.accordion-panel ul+h5,.accordion-panel p+h5{
	margin-top:2em;
	margin-bottom:.75em;
}


/*Top banner*/

.top-banner{
	background-color: #1b2935;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	font-size:1.3em;
	line-height: 1.2em;
	color:#fff;
	padding:100px 0;
}
.top-banner h1{
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size: 44px;
	margin-top:.25em;
	margin-bottom:.3em;
	color:#16FFFB;
	line-height:1.2em;
}
.top-banner h1 strong{
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
}
.top-banner h5{
	font-family: Inter, Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size: 22px;
	margin-bottom:.25em;
	line-height: 1.4em;
}
@media only screen and (max-width: 1199.98px) {
	
	.top-banner h1{
		font-size: 40px;
	}
	.top-banner h5{
		font-size: 21px;
	}
}
@media only screen and (max-width: 991.98px) {
	.top-banner{
		padding:80px 0;
	}
	.top-banner h1{
		font-size: 38px;
	}
	.top-banner h5{
		font-size: 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.top-banner{
		padding:60px 0;
	}
	.top-banner h1{
		font-size: 34px;
	}
	.top-banner h5{
		font-size: 20px;
	}
}
@media only screen and (max-width: 479.98px) {
	.top-banner{
		padding:40px 0;
	}
	.top-banner h1{
		font-size: 25px;
	}
	.top-banner h5{
		font-size: 17px;
	}
}
/*Top banner*/


/*Section general*/
section{
	padding-top:4em;
	padding-bottom:4em;
}


section .general-header{
	padding-bottom:1em;
	font-size: 10px;
}
section .general-header h5{
	font-size: 2.6em;
	margin-top: .25em;
}
section .general-header .icon{
	font-size: 6.75em;
}
@media (max-width: 768px){
	section{
		padding-top:1.75em;
		padding-bottom:1.75em;
	}
	
	section .general-header h5{
		font-size: 2em;
	}
}

section.light{
	background-color: #fff;
    color: #1b2935;
}

/* TSX */

#page-footer {
	margin-top: 0px
}

/*side links*/
.side-index{
	position: fixed;
	right:-190px;
	bottom:20%;
	text-align: right;
	width:230px;
	z-index: 3000;
	transition: all .3s;
}
.side-index.fr{
	right:-205px;
}
.side-index:hover{
	right: 0;
}
.side-index.fr{
	width:244px;
}
@media (max-width: 768px){
	.side-index,.side-index.fr{
		position: static;
		text-align: center;
		width:auto;
		overflow: auto;
		padding-right: .6em;
		white-space: nowrap;
		padding:.5em 0 .5em .5em;
	}
}
.side-index a{
	display: block;
	height:40px;
	padding:12px 20px 12px 20px;
	background-color: #0061af;
	color:#fff;
	line-height: 1em;
	transition: all .3s;
	margin-bottom:3px;
	border-radius: 20px 0 0 20px;
}
.side-index a:hover{
	color:#16FFFB;
	padding:12px 40px 12px 20px;
}

@media (max-width: 768px){
	.side-index a{
		display: inline-block;
		border-radius: 3px;
		margin-bottom:0;
		margin-right: .6em;
		font-size: 15px;
		height:38px;
		border-radius: 3px;
	}
	.side-index a:hover{
		padding:12px 20px 12px 20px;
	}
}