.mr10 { margin-right:   10px; }
.p15  { padding: 15px;        }
.mt20 { margin-top:     20px; }
.mb20 { margin-bottom:  20px; }
.pt30 { padding-top:    30px; }
.pb30 { padding-bottom: 30px; }
.mt30 { margin-top:     30px; }
.mb30 { margin-bottom:  30px; }
.pt40 { padding-top:    40px; }
.pb40 { padding-bottom: 40px; }
.mt40 { margin-top:     40px; }
.mb40 { margin-bottom:  40px; }
.pt50 { padding-top:    50px; }
.pb50 { padding-bottom: 50px; }
.mt50 { margin-top:     50px; }
.mb50 { margin-bottom:  50px; }
.pt60 { padding-top:    60px; }
.pb60 { padding-bottom: 60px; }
.mt60 { margin-top:     60px; }
.mb60 { margin-bottom:  60px; }
.mt80 { margin-top:     80px; }
.mb80 { margin-bottom:  80px; }
.pt80 { padding-top:    80px; }
.mt110 { margin-top:    110px; }
.mb110 { margin-bottom: 110px; }
.pt160 { padding-top:   160px; }
.pb80 { padding-bottom: 80px; }
.pb110 { padding-bottom: 110px; }
.mb160 { margin-bottom: 160px;}
.mt160 { margin-top:    160px;}
.pr10 { padding-right:  10px; }
.pl10 { padding-left:   10px; }
.pl50 { padding-left:   50px; }

.ptxl { padding-top:     80px; }
.pbxl { padding-bottom:  80px; }
.mtxl { margin-top:      80px; }
.mbxl { margin-bottom:   80px; }

.ptl { padding-top:     80px; }
.pbl { padding-bottom:  80px; }
.mtl { margin-top:      80px; }
.mbl { margin-bottom:   80px; }

.ptm { padding-top:     50px; }
.pbm { padding-bottom:  50px; }
.mtm { margin-top:      50px; }
.mbm { margin-bottom:   50px; }

.altcolor {
    background-color: #F5F5F5;
}
.altcolor2 {
    background-color: var(--main-color3);
}
.coverfit {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
}
.home .coverfithome {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
}
.compat-object-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.compat-object-cover img {
    display: none !important;
}
.compat-object-contain {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.compat-object-contain img {
    display: none !important;
}
.centerleft {
    object-position: 0% 50%
}

.list-style-arrow ul {
    padding-left: 0;
}
.list-style-arrow ul li {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 26px;
}
.list-style-arrow ul li:before {
    font-family: 'Font Awesome 7 Sharp';
    font-weight: 900;
    letter-spacing: normal;
    content: '';
    margin: 0 0 0 -25px;
    color: #8AAA79;
    padding-right: 10px;
}
.list-style-check ul {
    padding-left: 0;
}
.list-style-check ul li {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 26px;
}
.list-style-check ul li:before {
    font-family: 'Font Awesome 7 Sharp';
    font-weight: 900;
    letter-spacing: normal;
    content: '';
    margin: 0 0 0 -25px;
    color: var(--main-color2);
    padding-right: 10px;
}
.list-style-caret ul, .list-style-caret2 ul {
    padding-left: 0;
}
.list-style-caret ul li, .list-style-caret2 ul li {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 20px;
}
.list-style-caret ul li:before, .list-style-caret2 ul li:before {
    font-family: 'Font Awesome 7 Sharp';
    font-weight: 900;
    letter-spacing: normal;
    content: '';
    margin: 0 0 0 -20px;
    color: var(--main-color2);
    padding-right: 11px;
}
.color2 .list-style-caret ul li:before, .color2 .list-style-caret2 ul li:before {
    color: var(--main-color1);
}
.list-style-caret ul li, .list-style-caret2 ul li {
    margin-bottom: 0;
}
.list-square ul {
    list-style-type: square;
}


.list-style-dash ul {
    padding-left: 0;
}
.list-style-dash ul li {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 40px;
    position: relative;
}
.list-style-dash ul li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 10px;
    width: 18px;
    height: 3px;
    background-color: #E13510;
}

.calltoactionbar {
    background-color: #007bff;
    color: #fff;
    font-size: 40px;
    padding: 30px 0;
    font-weight: 700;
}
.calltoactionbar p {
    display: inline-block;
    margin: 0;
}


.jiswosvg {
    height: 12px;
    fill: #FFF;
}
#map {
    height: 500px;
}
#map #content p {
    margin: 0;
}
.mvh-100 {
    min-height: 100vh;
}
.bigger {
    font-size: 1.1em;
}

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */
    .ptl { padding-top:     50px; }
    .pbl { padding-bottom:  50px; }
    .mtl { margin-top:      50px; }
    .mbl { margin-bottom:   50px; }  
    
    .ptm { padding-top:     30px; }
    .pbm { padding-bottom:  30px; }
    .mtm { margin-top:      30px; }
    .mbm { margin-bottom:   30px; }
    
    .pl-default { padding-left: 15px !important; }
    .containerleft { padding-left: 15px; padding-right: 15px;  width: 100%;}
    .containerright { padding-left: 15px; padding-right: 15px; width: 100%;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .ptl { padding-top:     60px; }
    .pbl { padding-bottom:  60px; }
    .mtl { margin-top:      60px; }
    .mbl { margin-bottom:   60px; }  

    .ptm { padding-top:     35px; }
    .pbm { padding-bottom:  35px; }
    .mtm { margin-top:      35px; }
    .mbm { margin-bottom:   35px; }    
    
    .pl-default { padding-left: calc(((100vw - 540px - 15px) / 2) + 15px) !important; }
    .containerleft, .containerright { padding-left: 15px; padding-right: 15px; max-width: 540px; width: 100%; margin: 0 auto;}

    .bigger {
        font-size: 1.2em;
    }
    
    #map {
        height: 450px;
    }    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .ptl { padding-top:     65px; }
    .pbl { padding-bottom:  65px; }
    .mtl { margin-top:      65px; }
    .mbl { margin-bottom:   65px; }
    
    .ptm { padding-top:     40px; }
    .pbm { padding-bottom:  40px; }
    .mtm { margin-top:      40px; }
    .mbm { margin-bottom:   40px; }
    
    .ptxl { padding-top:     120px; }
    .pbxl { padding-bottom:  120px; }
    .mtxl { margin-top:      120px; }
    .mbxl { margin-bottom:   120px; }    
    
    .pl-default { padding-left: calc(((100vw - 720px - 15px) / 2) + 15px) !important; }
/*    .containerleft { padding-left: calc(((100vw - 720px) / 2) + 15px); padding-right: 40px; width: inherit; max-width: 100%; margin: initial;  width: 100%;} */
/*    .containerright { padding-right: calc(((100vw - 720px) / 2) + 15px); padding-left: 40px; width: inherit; max-width: 100%; margin: initial;  width: 100%;} */   
    .containerleft, .containerright { padding-left: 15px; padding-right: 15px; max-width: 720px; width: 100%; margin: 0 auto;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .ptl { padding-top:     70px; }
    .pbl { padding-bottom:  70px; }
    .mtl { margin-top:      70px; }
    .mbl { margin-bottom:   70px; }  
    
    .ptm { padding-top:     45px; }
    .pbm { padding-bottom:  45px; }
    .mtm { margin-top:      45px; }
    .mbm { margin-bottom:   45px; }
    
    .pl-default { padding-left: calc(((100vw - 960px - 15px) / 2) + 15px) !important; }
    .containerleft { padding-left: calc(((100vw - 960px) / 2) + 15px); padding-right: 45px;  width: 100%;} 
    .containerright { padding-right: calc(((100vw - 960px) / 2) + 15px); padding-left: 45px;  width: 100%;} 

    .bigger {
        font-size: 1.3em;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .ptl { padding-top:     80px; }
    .pbl { padding-bottom:  80px; }
    .mtl { margin-top:      80px; }
    .mbl { margin-bottom:   80px; }  
    
    .ptm { padding-top:     50px; }
    .pbm { padding-bottom:  50px; }
    .mtm { margin-top:      50px; }
    .mbm { margin-bottom:   50px; }    

    .pl-default { padding-left: calc(((100vw - 1140px - 15px) / 2) + 15px) !important; }
    .containerleft { padding-left: calc(((100vw - 1140px) / 2) + 15px); padding-right: 50px;  width: 100%;} 
    .containerright { padding-right: calc(((100vw - 1140px) / 2) + 15px); padding-left: 50px;  width: 100%;} 
        
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .pl-default { padding-left: calc(((100vw - 1320px - 15px) / 2) + 15px) !important; }
    .containerleft { padding-left: calc(((100vw - 1320px) / 2) + 15px); padding-right: 50px;  width: 100%;} 
    .containerright { padding-right: calc(((100vw - 1320px) / 2) + 15px); padding-left: 50px;  width: 100%;}     
}