/* Typography */
h2 {
	font-size: 1.7em;
	margin: 1.83em 0 .83em 0;
    font-family: 'Sansita', sans-serif;
    font-weight: bold;
    text-transform: none;
}
/* Typography end*/

.intro #secmenu {
    display: none;
}
.i-hdr-brd {
}
.i-hdr {
	margin: 3% 2.5% 1.5% 2.5%;
    padding: 0 ;
    text-align: center;
}
.i-hdr-intro {
    width: auto;
	margin: 2% 0 0 0;
    padding: 0.3% 0 0 0;
    text-align: center;
    border-top: 1px solid rgba(81,156,91,1.00);
}
.depa .i-hdr-intro {
    border-color: rgba(38,112,173,0.95);
}
.i-hdr-menu {
	margin: 1.5% 2.5% 1.5% 2.5%;
    padding: 0 0 1.5% 0;
    text-align: left;
    border-bottom: 1px solid rgba(81,156,91,1.00);
}
.i-hdr-menu #secmenu {
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: none;
}
.i-hdr-menu #secmenu ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 0.6rem 1.5rem;
    align-items: center;
    justify-content: center;

}
.i-hdr-menu #secmenu ul li {
    text-align: left;
    padding: 0;
    vertical-align: middle;
    border-radius: 0.6em 0 0 0.6em;
}
.i-hdr-menu #secmenu ul li:hover,
.i-hdr-menu #secmenu ul li:active {
    -webkit-box-shadow: var(--shad-link-box);
    -moz-box-shadow: var(--shad-link-box);
    box-shadow: var(--shad-link-box);
}
.i-hdr-menu #secmenu ul li a {
    position: relative;
    display: inline-block;
    width: 97%;
    padding: clamp(0.5rem, 0.3600rem + 0.7000vw, 1.2rem) 0 clamp(0.5rem, 0.3600rem + 0.7000vw, 1.2rem) 3%;
    color: rgba(255,255,255,1.00)!important;
    background-color: rgba(81,156,91,1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 0.3em 0 0 0.3em;
    vertical-align: middle;
    font-size: clamp(0.7rem, 0.5100rem + 0.9500vw, 1.65rem)!important;
    font-weight: 500;
}
.i-hdr-menu #secmenu ul li a:after {
    content: "\00BB";
    margin-left: 0.8em;
    padding: clamp(0.5rem, 0.3600rem + 0.7000vw, 1.2rem) 5% clamp(0.5rem, 0.3600rem + 0.7000vw, 1.2rem) 5%;
    color: rgba(255,255,255,1.00);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
}
.arriv .i-hdr-menu #secmenu ul li a:after {
    background-color: rgba(255,255,255,1.00);
    color: rgba(81,156,91,1.00);
}
.depa .i-hdr-menu #secmenu ul li a:after {
    background-color: rgba(255,255,255,1.00);
    color: rgba(38,112,173,0.95);
}
.arriv .i-hdr-menu #secmenu ul li a {
    background-color: rgba(81,156,91,1.00);
    border-color: rgba(81,156,91,1.00);
    color: rgba(255,255,255,1.00)!important;
}
.depa .i-hdr-menu #secmenu ul li a {
    background-color: rgba(38,112,173,0.95)!important;
    border-color: rgba(38,112,173,0.95);
    color: rgba(255,255,255,1.00)!important;
}
.i-hdr-intro .navi a, 
.i-hdr-intro .navi a.focus {
    font-size: clamp(0.75rem, 0.4800rem + 1.3500vw, 2.1rem)!important;
}
.i-hdr h1 {
	font-family: 'Sansita', sans-serif;
    font-size: 5.2em;
    font-weight: bold;
    font-style: italic;
    color: rgba(81,156,91,1.00);
    text-transform:uppercase;
    margin: 0 0 0 0;
}
.i-hdr h1 small {
    font-size: clamp(0.85rem, 0.5600rem + 1.4500vw, 2.3rem)!important;
}
.depa .i-hdr h1 {
    color: rgba(38,112,173,0.95);
}
.i-hdr h3 {
    font-weight: 400;
    font-size: clamp(0.7rem, 0.5100rem + 0.9500vw, 1.65rem)!important;
    margin: 0.7em 0;
    color: rgba(81,156,91,1.00);
}
.depa .i-hdr h3 {
    color: rgba(38,112,173,0.95);
}
/* Service intro links*/
.srvc-intro-lnks-cntnr{
    display: inline-block;
    margin: 0 2.5% 1.5% 2.5%;
    padding: 1% 2.5% 0 2.5%;
    width: 90%;
    text-align: center;
    background-color:rgba(81,156,91,1.00);
    border-radius: 0.5em;
    vertical-align: middle;
}
.depa .srvc-intro-lnks-cntnr{
    background-color:rgba(38,112,173,0.95);
}
.srvc-intro-lnks{
    display: inline-block;
    width: 10%;
    margin: 0 3%;
    text-align: center;
}
.srvc-intro-lnks img {
    width: 80%;
    margin: 0 auto 0 auto;
}
.srvc-intro-lnks img,
.srvc-intro-lnks a {
    display: block;
}
.srvc-intro-lnks #art-lnk,
.srvc-intro-lnks a.art-lnk {
    background:none;
    border: none;
    padding: 0;
    font-size: 1.8em;
    font-weight: 400;
    font-family: 'carnaslight';
    color: rgba(255,255,255,1.00);
}
.srvc-intro-lnks #art-lnk,
.srvc-intro-lnks a.art-lnk {
    content: "\203A";
}
/* intro-boxes*/
.i-bx-m {
	display: inline-block;
	width: 30.0%;
	overflow: hidden;
	vertical-align: top;
    margin: 1% 0 1.5% 2.5%;
}
.arriv .i-bx-m, 
.depa .i-bx-m {
    border-width: 1px;
    border-style: solid;
    border-color:rgba(81,156,91,1.00);
    border-radius: 0.5em;
}
.depa .i-bx-m {
    border-color: rgba(38,112,173,0.95);
}
.i-bx-m:before {
	padding-top: 70%;
}

.i-bx-s-img:before {
	padding-top: 70%;
}

.i-bx-m-hdr h2,
.i-bx-m-vst h2 {
    position: absolute;
    top: 10%;
    padding: 0;
    font-family: 'Sansita', sans-serif;
    font-size: 2.6em;
    font-weight: bold;
    font-style: italic;
    color: rgba(21,74,119,0.85);
    text-transform: none;
    display: inline-block;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    text-shadow:
        -0.04em -0.04em 0 #fff,
        0.04em -0.054em 0 #fff,
        -0.04em 0.04em 0 #fff,
        0.04em 0.04em 0 #fff;
}
.i-bx-m-vst h2 {
    font-size: 3.0em;
}
.i-bx-m-hdr p,
.i-bx-m-hdr #art-lnk,
.i-bx-m-hdr a.art-lnk,
.i-bx-m-vst p,
.i-bx-m-vst #art-lnk,
.i-bx-m-vst aart-lnk {
    position: absolute;
    bottom: 5%;
    display: block;
    margin: 0 5%;
    padding: 0.3% 2% 0.3% 2%;
    text-align: center;
    background-color: rgba(21,74,119,0.85);
    color: rgba(255,255,255,1.00);
    font-size: 1.3em;
    border-radius: 0.5em;
}
.i-bx-m-hdr #art-lnk:after,
.i-bx-m-vst #art-lnk:after,
.i-bx-m-hdr aart-lnk:after,
.i-bx-m-vst aart-lnk:after {
    display: none;
}
.i-bx-m-hdr #art-lnk:before,
.i-bx-m-vst #art-lnk:before,
.i-bx-m-hdr a.art-lnk:before,
.i-bx-m-vst a.art-lnk:before {
    content: "\00BB";
    float: right;
    margin-left: 0.6em;
    font-size: 2.8em;
    line-height: 0.8em;
}
.i-bx-m-lnk {
    position: absolute;
    bottom: 5%;
    left: 5%;
    right: 5%;
    text-align: center;
}
.i-bx-m-lnk #art-lnk,
.i-bx-m-lnk aart-lnk {
    position: relative;
    display: inline-block;
    margin: 3% 3% 0 0;
    padding: 0.6% 2% 0.6% 2%;
    text-align: center;
    background-color: rgba(21,74,119,0.85);
    color: rgba(255,255,255,1.00);
    font-size: 1.6em;
    border-radius: 0.5em;
    white-space: nowrap;
}
.i-bx-m-lnk #art-lnk:after,
.i-bx-m-lnk a.art-lnk:after {
    display: none;
}
.i-bx-m-lnk #art-lnk:before,
.i-bx-m-lnk aart-lnk:before {
    content: "\00BB";
    float: right;
    margin-left: 0.6em;
    font-size: 2.8em;
    line-height: 0.3em;
}

@media (min-width:1152px) {


.i-hdr {
    font-size: 80%
}
.srvc-intro-lnks-cntnr {
    font-size: 70%;
}
.srvc-intro-lnks {
    width: 14%;
    margin: 0 1% 0 1%;
}
.srvc-intro-lnks img {
    width: 60%;
}
.i-bx-m {
    font-size: 63%;
}
}
@media (min-width:1490px){

.i-hdr {
    font-size: 80%
}
.srvc-intro-lnks-cntnr {
    font-size: 70%;
}
.srvc-intro-lnks {
    width: 14%;
    margin: 0 1% 0 1%;
}
.srvc-intro-lnks img {
    width: 50%;
}
.i-bx-m {
    font-size: 80%;
}
    
}
@media (min-width:1690px){

.srvc-intro-lnks-cntnr {
    font-size: 80%;
}
.srvc-intro-lnks {
    width: 14%;
    margin: 0 1% 0 1%;
}
.srvc-intro-lnks img {
    width: 50%;
}
.i-bx-m {
    font-size: 90%;
}
    
}
@media (min-width:1920px){

    
}
@media (min-width:481px) and (max-width:539px) {
    
.i-hdr-intro {
	margin: 3% 2.5% 3% 2.5%;
}
.i-hdr-menu {
    margin: 1.5% 2.5% 3.5% 2.5%;
}
.i-hdr-menu #secmenu ul {
    width: 94%;
}
.i-hdr h1 {
    font-size: 2.0em;
}
.i-hdr h3 {
    font-size: 70%;
}
.i-bx-flgt-vst {
    font-size: 55%;
}
.srvc-intro-lnks-cntnr {
    padding: 1% 0 0 0;
    width: 95%;
}
.srvc-intro-lnks {
    width: 16%;
    margin: 0;
}
.srvc-intro-lnks img {
    width: 70%;
}
.i-bx-m {
    width: 95.0%;
}
.i-bx-m-hdr h2, 
.i-bx-m-vst h2 {
    font-size: 2.0em!important;
}
}
@media (min-width:540px) and (max-width:639px) {

.i-hdr-intro {
	margin: 3% 2.5% 3% 2.5%;
}
.i-hdr-menu {
    margin: 1.5% 2.5% 3.5% 2.5%;
}
.i-hdr-menu #secmenu ul {
    width: 94%;
}
.i-hdr h1 {
    font-size: 2.0em;
}
.i-hdr h3 {
    font-size: 70%;
}
.i-bx-flgt-vst {
    font-size: 55%;
}
.srvc-intro-lnks-cntnr {
    padding: 1% 0 0 0;
    width: 95%;
}
.srvc-intro-lnks {
    width: 16%;
    margin: 0;
}
.srvc-intro-lnks img {
    width: 70%;
}
.i-bx-m {
    width: 95.0%;
}
.i-bx-m-hdr h2, 
.i-bx-m-vst h2 {
    font-size: 2.0em!important;
}
    
}
@media (min-width:640px) and (max-width:767px) {

.i-hdr-intro {
	margin: 3% 2.5% 3% 2.5%;
}
.i-hdr-menu {
    margin: 1.5% 2.5% 3.5% 2.5%;
}
.i-hdr-menu #secmenu ul {
    width: 94%;
}
.i-hdr h1 {
    font-size: 2.0em;
}
.i-hdr h3 {
    font-size: 70%;
}
.i-bx-flgt-vst {
    font-size: 55%;
}
.srvc-intro-lnks-cntnr {
    padding: 1% 0 0 0;
    width: 95%;
}
.srvc-intro-lnks {
    width: 16%;
    margin: 0;
}
.srvc-intro-lnks img {
    width: 60%;
}
.i-bx-m {
    width: 46.5%;
}
.i-bx-m-hdr h2, 
.i-bx-m-vst h2 {
    font-size: 1.6em!important;
}
}
@media (min-width:768px) and (max-width:979px) {

.srvc-intro-lnks-cntnr {
    font-size: 80%;
}
.srvc-intro-lnks {
    width: 14%;
    margin: 0 1% 0 1%;
}
.i-bx-m {
    width: 46.5%;
    font-size: 85%;
}    
    
}
@media (min-width:980px) and (max-width:1151px) {


.srvc-intro-lnks-cntnr {
    font-size: 80%;
}
.srvc-intro-lnks {
    width: 14%;
    margin: 0 1% 0 1%;
}
.i-bx-m {
    width: 46.5%;
    font-size: 85%;
}    
}
@media (max-width:480px) {
.i-hdr-intro {
	margin: 3% 2.5% 3% 2.5%;
}
.i-hdr-menu {
    margin: 1.5% 2.5% 3.5% 2.5%;
}
.i-hdr-menu #secmenu ul {
    width: 94%;
}
.i-hdr h1 {
    font-size: 2.0em;
}
.i-hdr h3 {
    font-size: 70%;
}
    
.i-bx-flgt-vst {
    font-size: 55%;
}
.srvc-intro-lnks-cntnr {
    padding: 1% 0 0 0;
    width: 95%;
}
.srvc-intro-lnks {
    width: 25%;
    margin: 2% 3% 0 3%;
}
.i-bx-m {
    width: 95.0%;
}
.i-bx-m-hdr h2, 
.i-bx-m-vst h2 {
    font-size: 1.7em!important;
}
}