@charset "UTF-8";
/*#region Common Components*/
h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    font-weight: bold;
    line-height: 150%;
}

.umb-grid p, 
.umb-grid ul, 
.umb-grid ol, 
.umb-grid li {
    line-height: 150%;
}

a.morelink {
    text-decoration: none;
    outline: none;
}

.morecontent div {
    display: none;
}

.morecontent ul:only-child {
    padding-left: 20px;
}
/*
img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: auto;
}
*/
.hidelink {
    display: none;
}

.umb-grid .container {
    margin-top: 40px;
    width: 100%;
}
.umb-grid .grid-section div:first-child .container:first-child
{
    margin-top:20px;
}

.wideimage75pc {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/*#endregion*/
/*#region Heading*/
.chsectionHeading {
    width: 100%;
    max-height: 200px;
    min-height: 68px;
    margin-bottom: 20px;
    line-height: 120%;
}

.chheading {
    color: #FFF;
    background: #EB551D;
    width: 100%;
    min-height: 66px;
    display: table;
    position: relative;
    bottom: 0px;
    clear: both;
    border-radius: 20px;
    display: table;
}

    .chheading h2 {
        color: #FFF;
        letter-spacing: 2px;
        font-size: 32px;
        padding-left: 4%;
        line-height: 100%;
        font-weight: 500;
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        position: relative;
        min-height: 68px;
    }
/*#endregion*/
/*#region Heading 1 - Orange Bar*/
.headingorangebarcontainer {
    display: table;
    width: 100%;
}

    .headingorangebarcontainer .rowgroup {
        display: table-row;
    }

    .headingorangebarcontainer .leftcol {
        width: 20%;
        display: table-cell;
        vertical-align: middle;
    }

    .headingorangebarcontainer .middlecol {
        width: 60%;
        display: table-cell;
        vertical-align: middle;
    }

    .headingorangebarcontainer .rightcol {
        width: 20%;
        display: table-cell;
        vertical-align: middle;
    }

    .headingorangebarcontainer .toprow {
        display: table-row;
    }

    .headingorangebarcontainer .middlerow {
        display: table-row;
    }

        .headingorangebarcontainer .middlerow .middlecol,
        .headingorangebarcontainer .middlerow .leftcol,
        .headingorangebarcontainer .middlerow .rightcol {
            background: #eb551d;
        }

        .headingorangebarcontainer .middlerow .rightcol {
            vertical-align: bottom;
        }

    .headingorangebarcontainer .bottomrow {
        display: table-row;
    }

    .headingorangebarcontainer .chheading {
        border-radius: 0;
        text-align: center;
        padding: 2%;
    }

        .headingorangebarcontainer .chheading h2 {
            z-index: 9999;
            padding-left: 0;
        }

    .headingorangebarcontainer .lefttopimage,
    .headingorangebarcontainer .leftbottomimage {
        width: 80%;
        margin-left: auto;
    }

    .headingorangebarcontainer .righttopimage {
        z-index: 9;
        position: absolute;
        bottom: 0;
        width: 80%;
        left: 0;
    }
/*#endregion*/
/*#region Image Mobile Alternate*/
div.imgMobAlt {
    margin: 20px auto;
}
/*#endregion*/
/*#region Box Paragraph*/
.boxparagph {
    margin-top: 40px;
    font-size: 18px;
    border: 4px solid #EB551D;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius:20px;
}

.boxparagphimagediv {
    width: 100%;
    text-align: right;
}

    .boxparagphimagediv img {
        max-width: 25%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: -2%;
    }
/*#endregion*/
/*#region Linked Images Row*/
.fiveimgrow {
    display: table;
}

    .fiveimgrow .img {
        width: 15%;
        display: table-cell;
        z-index: 20;
        text-align: center;
    }

        .fiveimgrow .img p {
            font-size: 80%;
            margin-top: 15px;
        }

        .fiveimgrow .img img {
            width: 100%;
            z-index: 25;
            position: relative;
        }

.fiverowspacer {
    width: 120%;
    height: 100%;
    display: table-cell;
    float: left;
    margin-left: -10%;
    position: relative;
    z-index: 2;
}
    .fiverowspacer .greyline {
        height: 40%;
        background: grey;
    }

    .expander .heading:hover
    {
        cursor:pointer;
    }
    .expander div.outter {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
        .expander div.outter.narrow {
            width: 80%;
            margin-bottom:10px;
        }
        .expander div.outter.wide {
            width: 100%;
        }
        .expander div.outter div.heading h3{
            font-size: 28px;
            line-height: 120%;
            border: 4px solid #EB551D;
            background: #EB551D;
            padding:12px 40px 10px 20px;
            color: White!important;
            width: 100%;
            float: left;
            text-align: left;
            border-radius:20px 20px 20px 20px;           
        }
        
        .expander div.outter.expanded div.heading h3
        {
            border-radius:20px 20px 0px 0px;           
        }
        
    .expander div.outter div.heading div.readmore {
        float: right;
        right: 2%;
        padding-top:8px;
        background: #EB551D;
        line-height: 20px;
        font-size: 15px;
        border: 4px solid #EB551D;
        color: White;
        position: absolute;
        top: 5px;
    }
    .expander div.readmore.up, .expander .expanded div.readmore.down {
        display: none;
    }
    .expander div.readmore.down, .expander .expanded div.readmore.up {
        display: block;
    }
    .expander div.outter div.text {
        margin-top: 0px;
        padding-bottom: 15px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom:20px;
        display: none;
    }
    .expander div.outter.narrow div.text {
        border: 4px solid #EB551D;
        border-radius:0px 0px 20px 20px;
    }
    .expander div.outter.wide div.heading {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 5px;
    }
    .expander div.outter.wide div.expandercontent img {
        width: 100%;
    }
    .expander .expandercontent {
        display: none;
    }


.trpage .cover-tabs
{
    margin-top:0px;
    max-width:100%;
}
.trpage .cover-tabs ul
{
    width:100%;
}
.trpage .cover-tabs ul li a
{
    height:60px;
    line-height:50px;
    text-align:center;
    display:table-cell;
    font-size:18px;
    line-height:150%!important;
    vertical-align:middle;
    padding:5px;
}
.trpage .cover-tabs li 
{
        padding:0px;
        padding-right:5px;
        padding-left:5px;
        width:33%;        
        margin-bottom:10px;
        display:table;
        float:left;
}

.trpage .cover-tabs a span
{
    line-height:130%!important;
    margin-top:0px;
}

    
.trpage .cover-tabs a {
    display: block;
    height: 100px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    line-height: 100px;
    background: #f4f4f4;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

.trpage .cover-tabs ul, .trpage .cover-tabs li {
    list-style: none;
}

.trpage .cover-tabs li:before {
    content:none!important;
}


@media screen and (max-width: 480px) {
    div.fiveimgrow {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .fiveimgrow .img {
        width: 100%;
        text-align: center;
        display: block;
    }

        .fiveimgrow .img img {
            width: 100%;
            max-width: 250px;
        }

    .fiverowspacer {
        width: 100%;
        display: block;
        float: none;
        margin-left: 0;
        margin-top: -10px;
        margin-bottom: -10px;
    }

        .fiverowspacer .greyline {
            height: 60px;
            width: 20%;
            margin-left: auto;
            margin-right: auto;
        }
}
/*#endregion*/
/*#region Rich Text*/
div.chrichtext {
    padding-left: 0%;
    margin-top: 0px;
    padding-top: 0;
}

    div.chrichtext p {
        margin-bottom: 15px;
        line-height: 140%;
    }

        div.chrichtext p:last-child {
            margin-bottom: 0px;
        }

    div.chrichtext ol:last-child {
        margin-bottom: 0px;
    }

    div.chrichtext ul:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.chrichtext h1 {
    color: #EB551D!important;
    font-weight: bold!important;
    font-size: 34px!important;
    padding: 10px 0px 10px 0px!important;
    line-height: 120%!important;
}

.chrichtext h2 {
    color: #EB551D!important;
    font-weight: bold!important;
    font-size: 30px!important;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
    line-height: 120%!important;
}


.chrichtext h3 {
    color: #EB551D!important;
    font-weight: bold!important;
    font-size: 24px!important;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    line-height: 120%!important;
}

.chrichtext h4 {
    color: #EB551D!important;
    font-weight: bold!important;
    font-size: 18px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    line-height: 120%!important;
}

.chrichtext h5 {
    color: #EB551D!important;
    font-weight: bold!important;
    font-size: 14px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    line-height: 120%!important;
}

.chrichtext h6 {
    color: #EB551D!important;
    font-weight: bold!important;
    font-size: 12px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    line-height: 120%!important;
}

.chrichtext .disclaimer {
    font-size: 12px;
    line-height: 120%;
}

.chrichtext p + ul, .chrichtext p + ol {
    margin-top: 0;
}

.chrichtext ul {
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-bottom: 15px;
}

    .chrichtext ul:only-child {
        padding-left: 0px;
        padding-bottom: 0px;
    }

    .chrichtext ul li {
        padding-left: 1.2em;
        line-height: 140%;
        padding-bottom: 8px;
        margin-left:0px!important;
    }

        .chrichtext ul li:before {
            position: absolute;
            content: "\2022";
            color: #EB551D;
            margin-left: -20px;
        }

.chrichtext ol {
    list-style: none;
    counter-reset: my-counter;
    padding: 0 0 4px;
    margin-left: 0px;
    padding-left: 20px;
    padding-bottom: 15px;
}

    .chrichtext ol li {
        font-size: 1rem;
        line-height: 120%;
        line-height: 1.2em;
        padding-left: 23px;
        padding-bottom: 8px;
    }

        .chrichtext ol li:before {
            content: counter(my-counter) ".";
            counter-increment: my-counter;
            color: #EB551D;
            padding-right: 10px;
            margin-left: -23px;
            font-weight: bold;
        }

.chrichtext.orangebg h1,
.chrichtext.orangebg h2,
.chrichtext.orangebg h3,
.chrichtext.orangebg h4,
.chrichtext.orangebg h5,
.chrichtext.orangebg h6,
.chrichtext.orangebg p,
.chrichtext.orangebg ul,
.chrichtext.orangebg ol,
.chrichtext.orangebg ul li,
.chrichtext.orangebg ol li {
    color: #ffffff!important;
}

    .chrichtext.orangebg ol li:before,
    .chrichtext.orangebg ul li:before {
        color: #ffffff;
    }

.chrichtext.orangebg a {
    color: #fac47e;
}
/*#endregion*/
/*#region Image Grid4 Wide*/
.image4widecontainer {
    display: block;
    width: 100%;
    margin-top: 40px;
}

.img-row {
    margin-right: -15px;
    margin-left: -15px;
}

.image {
    width: 25%;
    float: left;
    text-align: center;
}

    .image .img {
        width: 100%;
        height: 150px;
    }

.img-responsive-grid {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.clear {
    clear: both;
}

.margin10 {
    margin: 10px;
}

.mtb10 {
    margin: 10px auto;
}

.img-row .image p {
    margin: 10px 20px;
    padding: 0 10px;
}
/*#endregion*/
/*#region TextBox With Optimal Image*/
.chub-textwithoptimalimagecontainer {
    margin: 40px auto;
    position: relative;
}

    .chub-textwithoptimalimagecontainer h2 {
        color: #EB551D;
    }

.t-box .mosqbdr div.chrichtext {
    padding: 0;
}

.t-box .mosqbdr .textwithoptimalimageimage {
    width: 20%;
    text-align: center;
    float: left;
}
.t-box .mosqbdr .textwithoptimalimageimage.imgleft 
{
    width:18%;
    margin-right:2%
}
.t-box .mosqbdr .textwithoptimalimageimage.imgright 
{
    width:18%;
    margin-left:2%
}
    .t-box .mosqbdr .textwithoptimalimageimage img {
        max-width: 100%;
        display: block;
        width: 100%;
        height: auto;
        margin: auto;
    }

.t-box .mosqbdr .textwithoptimalimageimageright {
    width: 9%;
    text-align: center;
    float: left;
}

    .t-box .mosqbdr .textwithoptimalimageimageright img {
        max-width: 100%;
        display: block;
        max-height: 300px;
        position: absolute;
        bottom: 0;
        height: 100%;
        right: 0;
    }

.t-box .mosqbdr .textwithoptimalimagecontent {
    width:80%;
    float: left;
}
.t-box .mosqbdr .textwithoptimalimagecontent.chrichtext 
{
	padding-left:0%;
	padding-right:0%;
}

.t-box .mosqbdr .width100 {
    width: 100%;
}

.textwithoptimalimagecontent p {
    text-align: justify;
}
/*#endregion*/
/*#region Question Answer*/
.qacontainer {
    -webkit-box-shadow: 0 0 8px #000000;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.36);
    -ms-box-shadow: 0 0 8px #000000;
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.36);
    box-shadow: 0 0 8px #000000;
    box-shadow: 0 0 8px rgba(0,0,0,.36);
    -ms-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #CFCFCF;
    margin: 20px auto;
}

    .qacontainer h2 {
        line-height: 42px;
        letter-spacing: 1px;
        font-weight: bold;
        text-align: center;
        background: #459AD4;
        color: #ffffff;
        -ms-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -ms-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        padding: 5px;
        margin: 0;
        font-size: 30px;
    }

    .qacontainer .accordion {
        background: #ffffff;
        -ms-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -ms-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .qacontainer .accordion dt, .qacontainer .accordion dd {
            padding: 1%;
            border-bottom: 0;
        }

        .qacontainer .accordion .repeatdiv:last-of-type {
            border-bottom: none;
        }

        .qacontainer .accordion dt a, .qacontainer .accordion dd a {
            display: block;
            color: #6D6E71;
            font-weight: bold;
        }

        .qacontainer .accordion .repeatdiv {
            margin: 0 5px;
            border-bottom: 1px dashed #459AD4;
        }

        .qacontainer .accordion dd {
            border-top: 0;
            margin: 5px;
            padding: 0 10px 10px 36px;
        }

        .qacontainer .accordion dt a {
            border-top: 0;
            font-size: 16px;
            padding-left: 29px;
        }

        .qacontainer .accordion dt span {
            font-size: 18px;
            float: left;
            font-weight: bold;
            color: #459AD4;
            margin-right: 10px;
        }

    .qacontainer a {
        text-decoration: none;
    }
/*#endregion*/
/*#region Text Box with Heading Optional Horizontal Image*/
.t-box {
    width: 100%;
    margin: auto;
    position: relative;
    display: block;
    clear: both;
    margin-top: 40px;
}

    .t-box .title {
        display: block;
        clear: both;
        width: 100%;
        position: relative;
    }
    .t-box .title.wRightImage
    {
        max-width:90%;
    }

        .t-box .title h1, .t-box .title h2, .t-box .title h3, .t-box .title h4 {
            background: #EB551D;
            color: #fff;
            padding: 12px 40px 10px 20px;
            text-align: left;
            margin: 0;
            float: left;
            -ms-border-radius: 20px 20px 0 0;
            border-radius: 20px 20px 0 0;
            line-height: 120%;
            font-weight: 500;
            max-width:85%;
        }

        .t-box .title h1 {
            font-size: 36px;
        }

        .t-box .title h2 {
            font-size: 34px;
        }

        .t-box .title h3 {
            font-size: 28px;
        }

        .t-box .title h4 {
            font-size: 22px;
        }

        .t-box .title .mosqicon {
            float: left;
            margin-left: 10%;
            height: 50px;
            margin-top: 8px;
        }

            .t-box .title .mosqicon img {
                height: 100%;
                max-width: 100%;
                width: auto;
                display: block;
                margin: 0 auto;
            }

    .t-box .ul .li img {
        height: auto;
        max-width: 100%;
        width: auto;
    }

    .t-box .mosqbdr {
        border: 4px #EB551D solid;
        -ms-border-radius: 15px;
        border-radius: 15px;
        padding: 20px;
        -ms-border-top-left-radius: 0;
        border-top-left-radius: 0;
        background: #fff;
    }

    .t-box .ul {
        margin: 0 auto !important;
        padding: 0;
        list-style-type: none;
        position: relative;
        display: block;
        z-index: 9;
    }

        .t-box .ul:after {
            position: absolute;
            background: #6d6e73;
            content: "";
            z-index: -1;
            height: 40px;
            display: block;
            margin-top: 5%;
            left: 5%;
            right: 5%;
        }

        .t-box .ul .li {
            width: 14%;
            float: left;
            margin-left: 3.2%;
            list-style: none;
            -ms-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
        }

            .t-box .ul .li:first-child {
                margin-left: 0;
                text-align: left;
            }

            .t-box .ul .li:last-child {
                text-align: right;
            }
/*#endregion*/
/*#region Dotted Box with Top Image*/
.dotted-outer {
    margin: 20px auto 20px;
    width: 90%;
    padding: 0;    
}

    .dotted-outer h2 {
        color: #EB551D;
        text-align: center;
    }

    .dotted-outer .imagecontent {
        margin: 0px 0px -9% 0px;
        width: 100%;
        text-align: center;
    }

        .dotted-outer .imagecontent img {
            max-width: 80%;
            margin: 0 auto;
            height: auto;
            width:80%;
        }

    .dotted-outer .richtextcontent {
        border: 4px dashed #EB551D;
        padding: 10% 20px 50px;
        -ms-border-radius: 15px;
        border-radius: 15px;
        background: white;
    }

    .dotted-outer .bottomimagecontent {
        text-align: center;
        width: 10%;
        margin: -5% auto 0%;
        min-height:80px;
    }

        .dotted-outer .bottomimagecontent img {
            width: auto;
            max-width: 100%;
        }
/*#endregion*/
/*#region Orange Box with Right Image*/
.orangeboxwithrightimagetop {
    width: 100%;
    display: table;
    table-layout:fixed;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

.orangeboxwithrightimage {
    border: 4px solid #EB551D;
    padding: 20px 10% 20px 20px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    background: #ffffff;
    margin: 40px 0 auto;
    width: 90%;
    min-height: 230px;
    display: table-cell;
    vertical-align: middle;
}

    .orangeboxwithrightimage h2 {
        color: #EB551D;
    }

.orangeboxwithheading {
    margin-top: 0;
    border-top-left-radius: 0;
}

.orangeboxwithrightimagetop .textwithoptimalimageimage {
    /*top: 0;
        bottom: 0;
        right: -1%;
        margin: auto;
        position: absolute;*/
    display: table-cell;
    vertical-align: middle;
    width: 10%;
}

    .orangeboxwithrightimagetop .textwithoptimalimageimage img {
        margin-left: -100%;
        max-width: 200%;
        padding: 10px;
    }

.orangeboxwithrightimage .top6 {
    top: 6%;
}

.orangeboxwit .hrightimage .textwithoptimalimageimage img {
    max-width: 100%;
    margin: auto;
    height: auto;
}

.orangeboxwithrightimage .textwithoptimalimagecontent {
    width: 100%;
    display: table-cell;
    padding: 0;
}
.orangeboxwithrightimage .textwithoptimalimagecontent h2,.orangeboxwithrightimage .textwithoptimalimagecontent h3
{
    color:#EB551D;
}

.orangeboxwithrightimage .width100 {
    width: 100%;
}
/*#endregion*/
/*#region Orange Connected Boxes*/
.servicelistarea {
    width: 100%;
    margin: 40px auto;
    display: block;
    clear: both;
    position: relative;
}

    .servicelistarea::after {
        position: absolute;
        background: #6D6E71;
        content: "";
        z-index: 0;
        height: 95%;
        width: 30%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .servicelistarea .servicelistbox {
        width: 80%;
        background: #eb551d;
        -ms-border-radius: 15px;
        border-radius: 15px;
        margin-bottom: 100px;
        padding: 7px 20px 20px 110px;
        position: relative;
        z-index: 2;
        margin-left: auto;
        margin-right: auto;
    }

        .servicelistarea .servicelistbox:nth-last-child(2) {
            margin-bottom: 0;
        }

        .servicelistarea .servicelistbox h2, .servicelistarea .servicelistbox h3 {
            color: #fff;
            margin-top: 15px;
            margin-bottom: 10px;
            line-height: 100%;
            font-size: 30px;
        }
        .servicelistarea .servicelistbox h1, .servicelistarea .servicelistbox h4, .servicelistarea .servicelistbox h5, .servicelistarea .servicelistbox h6  {
            color:#FFF;
        } 

        .servicelistarea .servicelistbox .chrichtext {
            padding-left: 0;
        }

        .servicelistarea .servicelistbox p {
            color: #fff;
            margin-top: 0;
            margin-bottom: 15px;
        }

        .servicelistarea .servicelistbox a {
            color: #fac47e;
        }

        .servicelistarea .servicelistbox .circleicon {
            position: absolute;
            left: -60px;
            z-index: 9;
            top: -30px;
            overflow: hidden;
            width: 150px;
        }

        .servicelistarea .servicelistbox .circlecount {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            position: absolute;
            color: #fff;
            font-size: 20px;
            text-align: center;
            z-index: 999;
            line-height: 40px;
            font-weight: bold;
            left: -65px;
            top: -70px;
            background: #eb551d;
        }

            .servicelistarea .servicelistbox .circlecount:before {
                position: absolute;
                z-index: 999;
                content: "";
                border: 1px #fff solid;
                top: 0;
                left: 0;
                width: 96%;
                height: 96%;
                border-radius: 50%;
                right: 0;
                bottom: 0;
                margin: auto;
            }

        .servicelistarea .servicelistbox .circleicon img {
            height: auto;
            display: block;
            max-width: 100%;
            max-height: 100%;
            width: auto;
        }

        .servicelistarea .servicelistbox ul {
            list-style-position: outside;
            margin: 0;
            padding-left: 0px;
        }

            .servicelistarea .servicelistbox ul li {                    
                color: #fff;
                text-align: left;
                list-style-type: none;
            }

/*#endregion*/
/*#region Orange Linked Boxes V2*/
.taxiarea {
    width: 100%;
    margin: 80px auto 40px;
    display: table;
    clear: both;
    position: relative;
    border-spacing: 30px 0;
}

    .taxiarea a {
        color: #fac47e;
    }

    .taxiarea .ul {
        list-style-type: none;
        margin: 0 !important;
        padding: 0;
        display: table-row;
        z-index: 9;
        width: 100%;
    }

        .taxiarea .ul .li {
            width: 33.33%;
            margin-left: 2%;
            background: #EB551D;
            position: relative;
            padding-left: 20px;
            padding-right: 20px;
            color: #fff;
            z-index: 99;
            list-style-type: none;
            display: table-cell;
        }

        .taxiarea .ul:first-child .li {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }

        .taxiarea .ul:nth-child(3) .li {
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
        }

        .taxiarea .ul .li .taxi-icon {
            width: 100%;
        }

            .taxiarea .ul .li .taxi-icon img {
                max-width: 100%;
                display: block;
                margin: auto;
                height: auto;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
                position: relative;
                z-index: 9;
                overflow: hidden;
                border: 8px #f4f4f4 solid;
                margin: -20% auto 10px;
            }

    .taxiarea h2 {
        text-align: center;
        color: #fff;
    }

    .taxiarea p {
        text-align: justify;
    }

    .taxiarea .ul .li .leftimg {
        height: auto;
        margin-bottom: 0;
        margin-left: 0;
        float: none;
        max-width: 50%;
    }

        .taxiarea .ul .li .leftimg img, .taxiarea .ul .li .rightimg img {
            max-width: 100%;
            margin: 0 auto;
            display: block;
            width: auto;
        }

    .taxiarea .ul .li .content {
        padding: 15px 0 0;
        width:100%;
        float:none;
    }

        .taxiarea .ul .li .content p:first-child,
        .taxiarea .ul .li .content h1:first-child,
        .taxiarea .ul .li .content h2:first-child,
        .taxiarea .ul .li .content h3:first-child,
        .taxiarea .ul .li .content h4:first-child,
        .taxiarea .ul .li .content h5:first-child,
        .taxiarea .ul .li .content h6:first-child,
        .taxiarea .ul .li .content ul:first-child,
        .taxiarea .ul .li .content ol:first-child {
            padding-top: 0;
        }

    .taxiarea .ul .li .rightimg {
        height: auto;
        margin-bottom: -14px;
        max-width: 50%;
        margin-left:50%;
    }


    .taxiarea:after {
        position: absolute;
        background: #6d6e71;
        content: '';
        z-index: 1;
        display: block;
        height: 60%;
        top: 0;
        left: 0;
        right: 0;
        width: 90%;
        bottom: 0;
        margin: auto;
    }

.bdrradis15 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.widthlessthan768 {
    display: none !important;
}

.widthmorethan768 {
    display: block;
}
/*#endregion*/
/*#region Two Row End Images*/
.threebox {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

    .threebox .ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .threebox .ul .li {
            display: table;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 50px;
            table-layout:fixed;
            width:100%;
            /*display: block;
            clear: both;
            margin-bottom: 100px;
            border-top: 3px #EB551D solid;
            border-bottom: 3px #EB551D solid;
            background: #fff;
            position: relative;
            padding: 20px 25px;*/
        }

            .threebox .ul .li .circlediv {
                /*width: 170px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                position: absolute;
                left: -120px;
                z-index: 9;
                top: -25px;
                overflow: hidden;*/
                display: table-cell;
                vertical-align: middle;
                width: 15%;
            }


                .threebox .ul .li .circlediv img {
                    /*display: block;
                    margin: auto;
                    width: 100%;*/
                    max-width: 100%;
                    right: -40px;
                    position: relative;
                }

            .threebox .ul .li .rightdiv {
                width: 15%;
                display: table-cell;
                vertical-align: middle;
            }

                .threebox .ul .li .rightdiv img {
                    max-width: 100%;
                    margin-left: -40px;
                }

            .threebox .ul .li .text {
                /*text-align: left;
                width: 70%;
                line-height: 180%;
                margin: auto;
                font-weight: bold;
                height: 70px;
                overflow: hidden;*/
                display: table-cell;
                vertical-align: middle;
                width: 70%;
            }

                .threebox .ul .li .text .contentbox {
                    height: auto;
                    border-top: 3px #EB551D solid;
                    border-bottom: 3px #EB551D solid;
                    padding-left: 10%;
                    padding-right: 10%;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    background: #ffffff;
                }
            .threebox .ul .li .contentbox p {
                margin-bottom: 10px;
            }
            .threebox .ul .li .contentbox p:last-child {
                margin-bottom: 0px;
            }
            .threebox .ul .li .contentbox.chrichtext h5, .threebox .ul .li .contentbox.chrichtext h4{
                padding-top:0px;
                padding-bottom:0px;
                line-height:100%;
            }
/*#endregion*/
/*#region Disease and Infection*/
.diseasesarea {
    border: 4px #EB551D solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #fff;
    width: 100%;
    position: relative;
    display: block;
    clear: both;
    box-sizing: border-box;
    text-align: center;
    margin: 15% auto 50px;
}

    .diseasesarea .fullwidthbox {
        display: block;
        clear: both;
        width: 100%;
    }

    .diseasesarea .headingbg {
        width: 90%;
        margin: -10% auto 0;
        position: relative;
    }

    .diseasesarea .commonbox .ul .li span img {
        max-height: 60px;
    }

    .diseasesarea .headingbg img,
    .diseasesarea .diseasebox .table .td .dis-icon img,
    .diseasesarea .commonbox .ul .li span img {
        max-width: 100% !important;
        height: auto;
    }

    .diseasesarea .diseasebox .table .td span img {
        max-height: 60px;
    }

    .diseasesarea .diseasebox .table .td .dis-icon img {
        max-height: 100px;
    }

    .diseasesarea p {
        text-align: center;
    }

        .diseasesarea p a {
            color: #ec5124;
            text-decoration: none;
        }

    .diseasesarea h2 {
        font-size: 36px;
        text-align: center;
        color: #ec5124;
    }

    .diseasesarea .contentbox {
        padding: 1% 30px 30px;
    }

    .diseasesarea .diseasebox {
        max-width: 75%;
        margin: 20px auto;
    }

        .diseasesarea .diseasebox .table {
            display: block;
            -webkit-border-horizontal-spacing: 20px;
            -webkit-border-vertical-spacing: 10px;
            border-spacing: 20px 10px;
            width: 100%;
            clear: both;
            position: relative;
        }

            .diseasesarea .diseasebox .table .td {
                width: 50%;
                margin-left: 4%;
                box-sizing: border-box;
                border: 3px #707174 solid;
                margin-bottom: 4%;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
                overflow: hidden;
                z-index: 9;
                position: relative;
                background: #fff;
                padding: 2%;
                display: table-cell;
                vertical-align: top;
            }

                .diseasesarea .diseasebox .table .td:nth-child(1),
                .diseasesarea .diseasebox .table .td:nth-child(3),
                .diseasesarea .commonbox .ul .li:nth-child(1),
                .diseasesarea .commonbox .ul .li:nth-child(4) {
                    margin-left: 0;
                }

                .diseasesarea .diseasebox .table .td .dis-icon {
                    display: block;
                    clear: both;
                    margin: 15px auto 0;
                    max-width: 50%;
                }

                .diseasesarea .diseasebox .table .td p {
                    font-weight: bold;
                    text-align: left;
                    font-size: 18px;
                    line-height: normal;
                    margin-left: 10px;
                    margin-right: 10px;
                }

                    .diseasesarea .diseasebox .table .td p span {
                        display: block;
                        font-size: 18px;
                    }

            .diseasesarea .diseasebox .table::after {
                position: absolute;
                background: #f25a29;
                content: "";
                z-index: 0;
                display: block;
                height: 92%;
                bottom: 4%;
                top: 4%;
                left: 4%;
                right: 4%;
                width: 92%;
            }

        .diseasesarea .diseasebox .threebox::after {
            top: 5%;
        }

.bdrradis15 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.diseasesarea .diseasebox .table .single {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

    .diseasesarea .diseasebox .table .single .single-icon {
        vertical-align: middle;
        width: 40%;
        display: table-cell;
        padding: 0 2% 0 0;
    }

        .diseasesarea .diseasebox .table .single .single-icon img {
            max-height: none;
        }

    .diseasesarea .diseasebox .table .single p {
        display: table-cell;
        vertical-align: middle;
        width: 60%;
    }

.diseasesarea .japanesbox .diseasebox .ul .li:nth-child(3),
.diseasesarea .single .diseasebox .ul .li:nth-child(3) {
    width: 100%;
}

.diseasesarea .japanesbox .diseasebox .ul .li:nth-child(2) span {
    font-size: 24px;
    margin-top: 19px;
}

.diseasesarea .japanesbox .diseasebox .ul .li:nth-child(3) .dis-icon {
    float: left;
    margin-left: 15%;
    margin-top: 6%;
}

.diseasesarea .single .diseasebox .ul .li:nth-child(3) .dis-icon {
    float: left;
    margin-left: 15%;
    margin-top: 5%;
    width: 185px;
}

.diseasesarea .japanesbox .diseasebox .ul .li:nth-child(3) p {
    width: 100%;
    max-width: 330px;
    float: left;
    margin-top: 6%;
}

.diseasesarea .single .diseasebox .ul .li:nth-child(3) p {
    width: 100%;
    max-width: 200px;
    float: left;
    margin-top: 8%;
    font-size: 14px;
}

.diseasesarea .commonbox {
    max-width: 690px;
    width: 100%;
    margin: 0 auto 30px;
    position: relative;
    display: block;
    clear: both;
}

    .diseasesarea .commonbox h3 {
        color: #707174;
        font-size: 24px;
        text-align: center;
        margin-bottom: 25px;
    }

    .diseasesarea .commonbox .ul {
        margin: 0;
        list-style: none;
        padding: 0;
        height: auto;
        position: relative;
    }

        .diseasesarea .commonbox .ul .li {
            float: left;
            width: 25%;
            margin-left: 10%;
            border: 3px #707174 solid;
            margin-bottom: 40px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            padding: 7px 10px;
            box-sizing: border-box;
            font-size: 14px;
            font-weight: bold;
            color: #707174;
            position: relative;
            text-align: left;
        }

            .diseasesarea .commonbox .ul .li span {
                position: absolute;
                z-index: 999;
                bottom: -12px;
                right: -23px;
            }

.diseasesarea .hline {
    display: block;
    clear: both;
    width: 100%;
    margin: 50px 0;
    height: 4px;
    background: url(../images/chub/disease-and-infection-editor/hline.png) left center repeat-x;
}

.divbox {
    max-width: 690px;
    width: 100%;
    box-sizing: border-box;
    border: 2px #707174 solid;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: block;
    clear: both;
    margin: 0 auto 40px;
}

    .divbox img {
        width: 30px;
        float: right;
    }

.org {
    color: #ec5124 !important;
}

.mbtm25 {
    margin-bottom: 25px !important;
}
/*#endregion*/
/*#region Text Box with Corner Image*/
.textboxwithcornerimagecontainer {
    margin: 50px auto;
    display: block;
}

    .textboxwithcornerimagecontainer .imagecontainer {
        position: absolute;
        margin-top: -70px;
        left: 20px;
        width: 25%;
    }

        .textboxwithcornerimagecontainer .imagecontainer img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
            max-height:150px;
        }

    .textboxwithcornerimagecontainer .headingcontainer {
        float: right;
        margin-bottom: -10px;
        margin-right: 1%;
        text-transform: uppercase;
    }

        .textboxwithcornerimagecontainer .headingcontainer h2 {
            letter-spacing: 1px;
            color: #EB551D;
            line-height: 114%;
            font-size: 48px;
            margin: 0;
            padding: 0;
        }

    .textboxwithcornerimagecontainer .content {
        border: 4px #EB551D solid;
        border-radius: 15px;
        padding: 20px 20px 20px 17%;
        background: #ffffff;
        width: 90%!important;
        float: right;
    }

        .textboxwithcornerimagecontainer .content p {
            margin-bottom: 10px;
        }

        .textboxwithcornerimagecontainer .content ul {
            margin-top: 10px;
        }

            .textboxwithcornerimagecontainer .content ul li {
                padding-left: 5px;
            }
/*#endregion*/
/*#region Orange Box with corner Image*/
.cornerboxouter {
    margin: 150px auto;
}

.cornerbox1 {
    border: 4px solid #eb551d;
}

.tablerow {
    display: table-row;
}

.cornerbox1, .cornerbox2 {
    background: #eb551d;
    border-radius: 20px;
    position: relative;
    margin: auto;
    width: 85%;
}

    .cornerbox1 .toprow, .cornerbox2 .toprow {
        display: table;
        background: #6d6e71;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        width: 100%;
    }

    .cornerbox2 .topcol {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom: 4px #fff solid;
    }

    .cornerbox1 .cornerboxheading {
        font-weight: 700;
        color: #fff;
        display: table-cell;
    }

    .cornerbox2 .cornerboxheading {
        /*background: #6d6e71;*/
        font-weight: 700;
        /*border-top-left-radius: 20px;
        border-top-right-radius: 20px;*/
        color: #fff;
        /*border-bottom: 4px #fff solid;*/
        display: table-cell;
    }

    .cornerbox1 .middlerow {
        width: 100%;
        }

    .cornerbox1 .bottomrow, .cornerbox2 .bottomrow {
        display: table;
        width: 100%;
    }

    .cornerbox1 .contentareacover, .cornerbox2 .contentareacover {
        padding: 30px 20px 20px;
    }

    .cornerbox1 .cornerboxheading, .cornerbox2 .cornerboxheading {
        vertical-align: middle;
    }

    .cornerbox1 .noimage h2, .cornerbox2 .noimage h2 {
        margin: 0;
    }

    .cornerbox1 .allimages h2, .cornerbox2 .allimages h2 {
        margin: 0 -8.5%;
    }

    .cornerbox1 .lefttopimage h2, .cornerbox2 .lefttopimage h2 {
        margin-left: -8.5%;
        margin-right: 0;
    }

    .cornerbox1 .righttopimage h2, .cornerbox2 .righttopimage h2 {
        margin-left: 0;
        margin-right: -7.5%;
    }

    .cornerbox1 .leftbottomimage h2, .cornerbox2 .leftbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .rightbottomimage h2, .cornerbox2 .rightbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .lefttopbottomimage h2, .cornerbox2 .lefttopbottomimage h2 {
        margin-left: -8.5%;
    }

    .cornerbox1 .topimages h2, .cornerbox2 .topimages h2 {
        margin: 0 -8.5%;
    }

    .cornerbox1 .bottomimages h2, .cornerbox2 .bottomimages h2 {
        margin: 0;
    }

    .cornerbox1 .righttopbottomimage h2, .cornerbox2 .righttopbottomimage h2 {
        margin-right: -8.5%;
    }

    .cornerbox1 .righttopleftbottomimage h2, .cornerbox2 .righttopleftbottomimage h2 {
        margin-right: -8.5%;
    }

    .cornerbox1 .lefttoprightbottomimage h2, .cornerbox2 .lefttoprightbottomimage h2 {
        margin-left: -8.5%;
    }

    .cornerbox1 .lefttoprighttoprightbottomimage h2, .cornerbox2 .lefttoprighttoprightbottomimage h2 {
        margin: 0 -8.5%;
    }

    .cornerbox1 .lefttopleftbottomrightbottomimage h2, .cornerbox2 .lefttopleftbottomrightbottomimage h2 {
        margin-left: -8.5%;
    }

    .cornerbox1 .lefttoprighttopleftbottomimage h2, .cornerbox2 .lefttoprighttopleftbottomimage h2 {
        margin: 0 -8.5%;
    }

    .cornerbox1 .righttopleftbottomrightbottomimage h2, .cornerbox2 .righttopleftbottomrightbottomimage h2 {
        margin-right: -8.5%;
    }

    .cornerbox1 .cornerboxheading h2, .cornerbox2 .cornerboxheading h2 {
        padding: 9px 20px 8px;
    }

    .cornerbox1 .chrichtext, .cornerbox2 .chrichtext {
        padding: 0;
    }

    .cornerbox1 .cornersvg1 {
        border-top-left-radius: 20px;
    }

    .cornerbox1 .cornersvg2 {
        border-top-right-radius: 20px;
    }

.cornersvg1 {
    /*margin-left: -7.5%;
    margin-top: -55px;
    float: left;*/
    display: table-cell;
    width: 15%;
    vertical-align: bottom;
}

    .cornersvg1 img {
        margin-left: -25%;
        margin-bottom: -15%;
        margin-top: -55%;
        height: 100px;
        max-width: none;
    }

.cornersvg2 {
    /*margin-right: -7.5%;
    margin-top: -55px;
    float: right;*/
    display: table-cell;
    width: 15%;
    vertical-align: bottom;
}

    .cornersvg2 img {
        margin-right: -25%;
        margin-bottom: -15%;
        margin-top: -55%;
        height: 100px;
        max-width: none;
    }

.cornersvg3 {
    display: table-cell;
    width: 15%;
    vertical-align: top;
}

    .cornersvg3 img {
        margin-left: -17.5%;
        margin-bottom: -45px;
        height: 100px;
        max-width: none;
    }

.cornersvg4 {
    display: table-cell;
    width: 15%;
    vertical-align: top;
}

    .cornersvg4 img {
        margin-right: -25%;
        margin-bottom: -45px;
        height: 100px;
        max-width: none;
    }
/*
            .cornerbox1 .cornerboxheading .title.withleftimage h2 {
                margin-left: -8%;
            }

            .cornerbox1 .cornerboxheading .title.withrightimage h2 {
                margin-right: -5%;
            }

            .cornerbox1 .cornerboxheading .title.allimage h2 {
                margin-left: -8%;
            }

    .cornerbox1 .textbox.withtopimage {
        padding: 5% 20px 20px;
    }

    .cornerbox1 .textbox.withnnoimage {
        padding: 20px;
    }

    .cornerbox1 .textbox.withleftbottomimage {
        padding: 2% 2% 8% 12%;
    }

    .cornerbox1 .textbox.withrightbottomimage {
        padding: 2% 10% 8% 2%;
    }

    .cornerbox1 .allimage.chrichtext {
        padding: 2% 10% 8% 12%;
    }*/
/*.cornerbox2 .cornerboxheading .title {
            vertical-align: middle;
            display: table-cell;
        }

            .cornerbox2 .cornerboxheading .title.withleftimage h2 {
                margin-left: -8%;
            }

            .cornerbox2 .cornerboxheading .title.withrightimage h2 {
                margin-right: -5%;
            }

            .cornerbox2 .cornerboxheading .title.allimage h2 {
                margin-left: -8%;
            }

    .cornerbox2 .textbox.withtopimage {
        padding: 5% 20px 20px;
    }

    .cornerbox2 .textbox.withnnoimage {
        padding: 20px;
    }

    .cornerbox2 .textbox.withleftbottomimage {
        padding: 2% 2% 8% 12%;
    }

    .cornerbox2 .textbox.withrightbottomimage {
        padding: 2% 10% 8% 2%;
    }

    .cornerbox2 .allimage.chrichtext {
        padding: 2% 10% 8% 12%;
    }*/

/*#endregion*/
/*#region Party*/
.partysec {
    width: 100%;
    max-width: 90%;
    padding: 0 20px;
    margin: auto;
}

    .partysec .balibelly {
        border-radius: 20px;
        position: relative;
        display: block;
        clear: both;
        background: #eb551d;
        margin: 8% auto 0;
    }

        .partysec .balibelly .headingwithimage {
            text-align: center;
            color: #fff;
            background: #6d6e71;
            padding: 8px 0 6px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom: 3px #fff solid;
            width: 100%;
            line-height: 120%;
        }

            .partysec .balibelly .headingwithimage h2 {
                display: table-cell;
                vertical-align: middle;
                padding: 0 1.5%;
                width: 40%;
            }

                .partysec .balibelly .headingwithimage h2:first-child {
                    text-align: right;
                }

                .partysec .balibelly .headingwithimage h2:last-child {
                    text-align: left;
                }

            .partysec .balibelly .headingwithimage .headingimage {
                display: table-cell;
                width: 20%;
            }

                .partysec .balibelly .headingwithimage .headingimage img {
                    margin: -40% auto;
                }

        .partysec .balibelly .contentarea {
            display: block;
            color: #fff;
        }

            .partysec .balibelly .contentarea .partyheadingwithleftrightimage {
                display: table;
                width: 100%;
            }

                .partysec .balibelly .contentarea .partyheadingwithleftrightimage .partysvg {
                    display: table-cell;
                    margin: 0 10px;
                    vertical-align: top;
                }

                .partysec .balibelly .contentarea .partyheadingwithleftrightimage h3 {
                    display: table-cell;
                    color: #fff;
                    text-align: center;
                    vertical-align: middle;
                    padding: 5% 0 0;
                    width: 75%;
                }

            .partysec .balibelly .contentarea .text {
                padding: 20px;
            }

        .partysec .balibelly .partycircle {
            max-width: 100%;
            display: block;
        }

    .partysec .partycrowd {
        width: 100%;
        display: block;
    }

        .partysec .partycrowd img {
            width: 100%;
        }
/*#endregion*/
/*#region LGBTQI*/
.lgbtqarea {
    position: relative;
    width: 100%;
    margin: 10% auto 5%;
    display: inline-block;
}

    .lgbtqarea .lgbtq {
        border: 4px #eb511d solid;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 0 5% 5%;
        background: #fff;
    }

        .lgbtqarea .lgbtq p:first-child,
        .lgbtqarea .lgbtq h1:first-child,
        .lgbtqarea .lgbtq h2:first-child,
        .lgbtqarea .lgbtq h3:first-child,
        .lgbtqarea .lgbtq h4:first-child,
        .lgbtqarea .lgbtq h5:first-child,
        .lgbtqarea .lgbtq h6:first-child,
        .lgbtqarea .lgbtq ol:first-child,
        .lgbtqarea .lgbtq ul:first-child {
            padding-top: 0;
        }

        .lgbtqarea .lgbtq h2 {
            margin: 0;
        }

    .lgbtqarea .lgbtqsvgcircle {
        display: table;
        margin: auto;
        padding-bottom: 2%;
        width:10%;
    }

        .lgbtqarea .lgbtqsvgcircle img {
            margin-top: -50%;
        }

    .lgbtqarea .lgbtqlover {
        background-size: contain;
        width: 100%;
        position: relative;
        display: block;
    }
/*#endregion*/
/*#region Stacked Boxes*/
.stackedbox {
    width: 100%;
    margin: 30px auto;
    display: table;
}

.stackedheaderrow {
    display: table-row;
}

.stackedcontentrow {
    display: table-row;
}

.stackedbox .stackedleft, .stackedbox .stackedright {
    display: table-cell;
    position: relative;
    vertical-align: top;
}

.stackedbox .stackedleft {
    width: 80%;
    background: #eb551d;
    border-radius: 15px;
    border-top-left-radius: 0;
    padding: 20px;
}


.stackedbox .stackedright {
    width: 19%;
    vertical-align: middle;
}

    .stackedbox .stackedright .scooter {
        width: 100%;
        margin-left: auto;
    }


h1.stacktitle, h2.stacktitle, h3.stacktitle, h4.stacktitle {
    border: 4px #eb551d solid;
    border-radius: 20px;
    background: #fff;
    color: #eb551d;
    border-bottom: 0;
    padding: 10px 80px 8px 20px;
    text-align: left;
    margin: 0;
    float: left;
    -ms-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    line-height: 120%;
    font-weight: 500;
}

h1.stacktitle {
    font-size: 36px;
}

h2.stacktitle {
    font-size: 34px;
}

h3.stacktitle {
    font-size: 28px;
}

h4.stacktitle {
    font-size: 22px;
}

.stackedbox1 .stacktitle {
    width: 320px;
}

.stackedbox1 .stackedright .scooter {
    background-size: cover;
    height: 216px;
    width: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: inherit;
}

.stackedbox.lostpassport .stackedcontentrow .passport {
    background: #eb551d;
    border-radius: 15px;
    border-top-left-radius: 0;
    padding: 20px;
}

.stackedbox.lostpassport .stackedleft {
    width: 80%;
    background: none;
    border-radius: 0;
    padding: 0 20px 0 0;
}

.passportsvg {
    background-size: cover;
    width: 20%;
    float: left;
}
/*#endregion*/
/*#region Orange Box with circle borders*/
.orangeboxwithcircleborderarea {
    background: #eb551d;
    width: 97%;
    margin: 12% auto;
    position: relative;
    display: table;
}

.orangeboxwithcirclebordertoprow,
.orangeboxwithcirclebordercontentrow,
.orangeboxwithcircleborderbottomrow {
    display: table-row;
}

.circlesvg {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: table-cell;
    position: relative;
}

    .circlesvg.topeat {
        padding: 0px 0 20px;
    }

        .circlesvg.topeat img {
            margin-left: -1.7%;
            width: 103.3%;
            max-width: 103.3%;
            margin-top: -8%;
        }

    .circlesvg.bottomeat img {
        margin-left: -1.7%;
        width: 103.3%;
        max-width: 103.3%;
        margin-bottom: -8%;
    }

.orangeboxwithcircleborderarea .circlesvg .eat-svgwidth {
    width: 145px;
    height: 145px;
    margin-left: -1px;
}

.orangeboxwithcircleborderarea .circlesvg .eat-svg {
    background-size: cover;
}

.orangeboxwithcircleborderarea .circlesvg .eat-svgwidth {
    float: left;
}

    .orangeboxwithcircleborderarea .circlesvg .eat-svgwidth:first-child {
        margin-left: 0;
    }


.orangeboxwithcircleborderarea h2 {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #636363;
    padding: 4% 20px;
    line-height: 100%;
}

.ectext {
    padding: 20px !important;
}

/*#endregion*/
/*#region Piercings*/
.dwidth {
    width: 100%;
    position: relative;
    display: block;
    clear: both;
    margin: 30px auto;
}

.piercing {
    border: 4px #EB551D solid;
    background: #fff;
    margin-top: 200px;
    margin-bottom: 120px;
    border-left-width: 0;
    border-right-width: 0;
    min-height: 290px;
    display: table;
}

.piercingrow {
    display: table-row;
}

.piercingleft {
    display: table-cell;
}

.piercingmiddle {
    display: table-cell;
}

.piercingright {
    display: table-cell;
}

.piercingtop {
    background: url("../images/chub/piercings/noseimage.svg") no-repeat;
    background-size: 100%;
    width: 330px;
    height: 300px;
    margin: auto;
    margin-top: -170px;
    background-position: bottom;
}


.piercingsvg1.ltrtp {
    width: 70px;
    height: 55px;
    background: url("../images/chub/piercings/piercingringtop.svg") no-repeat;
    background-size: contain;
    margin-top: -35px;
    margin-left: 35px;
}

.piercingsvg1.rltbtm {
    width: 70px;
    height: 55px;
    background: url(../images/chub/piercings/piercingringbottom.svg) no-repeat;
    background-size: contain;
    margin-bottom: -36px;
    margin-right: 35px;
    margin-left: auto;
}

.piercing .contentarea {
    padding: 20px 26px;
}

.piercing .piercinstick.left {
    width: 10px;
    height: 101%;
    left: -4px;
    top: -4px;
    background: #EB551D;
    position: absolute;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

    .piercing .piercinstick.left:after {
        content: '';
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-bottom: 50px solid #EB551D;
        position: absolute;
        bottom: 55px;
        left: 0px;
    }

    .piercing .piercinstick.left:before {
        content: '';
        position: absolute;
        left: 0px;
        bottom: -55px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top: 50px solid #EB551D;
    }

.piercing .piercinstick.right {
    height: 101%;
    width: 10px;
    right: -4px;
    bottom: -4px;
    background: #EB551D;
    position: absolute;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

    .piercing .piercinstick.right:before {
        content: '';
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-bottom: 50px solid #EB551D;
        position: absolute;
        top: -55px;
        left: 0px;
    }

    .piercing .piercinstick.right:after {
        content: '';
        position: absolute;
        left: 0px;
        top: 55px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top: 50px solid #EB551D;
    }
/*#endregion*/
/*#region Stacked Numbered Info*/
.scamsinbalicontainer {
    padding: 0 30px;
    margin: 50px auto 0;
    max-width: 790px;
}

.scamstitle {
    background: #EB551D;
    color: #fff;
    padding: 9px 20px 7px 20px;
    margin: auto;
    text-align: center;
    -ms-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    max-width: 85%;
}


.scamsinbali {
    background: #eb551d;
    width: 100%;
    margin: 0px auto 50px;
    position: relative;
    display: block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
}

    .scamsinbali .scamsbox {
        display: block;
        clear: both;
        position: relative;
    }

        .scamsinbali .scamsbox .lightgrey {
            padding: 0 20px;
            position: relative;
            color: #fff;
            background: #a6a6a6;
            height: 175px;
        }

            .scamsinbali .scamsbox .lightgrey ul {
                display: table;
                position: relative;
                margin: 0;
                padding: 0 30px;
                list-style: none;
                width: 100%;
            }

                .scamsinbali .scamsbox .lightgrey ul li {
                    width: 33.3%;
                    display: table-cell;
                    vertical-align: middle;
                }

                    .scamsinbali .scamsbox .lightgrey ul li .nbr {
                        font-size: 160px;
                        font-weight: 700;
                        line-height: 120%;
                        margin-top: -10%;
                    }

                    .scamsinbali .scamsbox .lightgrey ul li .txt {
                        font-size: 32px;
                        text-align: right;
                        font-weight: 700;
                        color: #fff;
                        line-height: 36px;
                        letter-spacing: 2px;
                    }

.orangebox-text {
    display: block;
    clear: both;
    padding: 30px 125px 15px 20px !important;
    position: relative;
    margin: 0 30px;
}

    .orangebox-text *:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

.bdrbtm {
    border-bottom: 4px #f0f0f0 solid;
}

.darkgrey {
    background: #464646 !important;
}

.exclaimation-mark {
    background: url(../images/chub/stacked-numbered-info/exclaimationmark.svg) 26.9% 12% no-repeat;
    background-size: 100%;
}

.excmark-svgwidth {
    width: 130px;
    height: 113px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.scamsinbali .scamsbox .lightgrey ul li .svgwidth {
    width: 180px;
    height: 180px;
    margin: 10px auto -10px;
}


.scamsinbali .scamsbox:nth-child(1n) .lightgrey {
    background: #a6a6a6;
}

.scamsinbali .scamsbox:nth-child(2n) .lightgrey {
    background: #464646;
}
/*#endregion*/
/*#region Stay Safe*/
.staysafe {
    background: #eb551d;
    color: #fff;
    display: table;
    width: 80%;
    margin: 10% auto;
    border-radius: 20px;
}

    .staysafe .leftcol {
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        height: 100%;
    }

        .staysafe .leftcol img, .staysafe .leftcol .imagegrid {
            margin-left: -50%;
            margin-top: -15%;
            margin-bottom: -15%;
        }

        /*.staysafe .leftcol .bottleimage {
            bottom: 0;
            position: absolute;
        }*/

        .staysafe .leftcol img {
            width: 100%;
        }

    .staysafe .rightcol {
        display: table-cell;
        width: 80%;
        vertical-align: top;
        height:100%;
    }

        .staysafe .rightcol .contentimage {
            margin-left: -13%;
            height:100%;
        }

    .staysafe .contentarea {
        padding: 20px;
        min-height: 65px;
        display: table-cell;
        width: 85%;
        vertical-align: top;
    }

    .staysafe .topcol, .staysafe .bottomcol {
        display: table;
    }
    .staysafe .bottomcol
    {
        height:45%;        
    }

        .staysafe .bottomcol .contentarea {
            width: 80%;
    }

    .staysafe .stayheading {
        background: #6d6e71;
        margin-left: -8.65%;
        padding: 18px 20px 10px 15%;
    }

        .staysafe .stayheading h2 {
            font-size: 6em;
            text-align: center;
            line-height: 120%;
            letter-spacing: normal;
            color:#FFF;
        }

    .staysafe .staydrinksvg {
        width: 15%;
        display: table-cell;
    }

        .staysafe .staydrinksvg img {
            margin-top: -20%;
            margin-left: 30%;
    }

    .staysafe .staydeathsvg {
        width: 20%;
        display: table-cell;
        vertical-align: bottom;
    }

        .staysafe .staydeathsvg img {
            margin-left: 3%;
            margin-bottom: -10%;
    }

/*#endregion*/
/*#region Water Box*/
.waterboxarea {
    display: table;
    width: 100%;
}

.waterbox {
    display: table-row;
}

    .waterbox .leftcol {
        width: 20%;
        display: table-cell;
        vertical-align: bottom;
    }

    .waterbox .middlecol {
        width: 60%;
        display: table-cell;
        vertical-align: middle;
    }

        .waterbox .middlecol .bottomimage {
            padding: 40px 0 0;
        }

            .waterbox .middlecol .bottomimage img {
                max-width: 30%;
            }

    .waterbox .rightcol {
        width: 20%;
        display: table-cell;
        vertical-align: bottom;
    }

.waterboxarea .waterboxcontentarea {
    text-align: justify;
    width: 100%;
    position: relative;
    display: block;
    margin: auto;
    overflow: hidden;
}

    .waterboxarea .waterboxcontentarea h1,
    .waterboxarea .waterboxcontentarea h2,
    .waterboxarea .waterboxcontentarea h3,
    .waterboxarea .waterboxcontentarea h4 {
        background: #EB551D;
        color: #fff;
        text-align: center;
        font-weight: 700;
        margin: 0;
        -ms-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        line-height: 120%;
        font-weight: 500;
        padding: 12px 20px 10px 20px;
    }

    .waterboxarea .waterboxcontentarea h1 {
        font-size: 36px;
    }

    .waterboxarea .waterboxcontentarea h2 {
        font-size: 34px;
    }

    .waterboxarea .waterboxcontentarea h3 {
        font-size: 28px;
    }

    .waterboxarea .waterboxcontentarea h4 {
        font-size: 22px;
    }

    .waterboxarea .waterboxcontentarea .contentarea {
        padding: 20px;
        background: #fff;
        border-top: 0px #EB551D solid;
        border-left: 4px #EB551D solid;
        border-bottom: 4px #EB551D solid;
        border-right: 4px #EB551D solid;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

/*#endregion*/
/*#region Gastro Box*/
.gastrobox .balibelly {
    border-radius: 20px;
    position: relative;
    display: block;
    /*clear: both;
    background: ;*/
    width: 100%;
    margin: 20% auto 0;
    background: #eb551d;
    background: url('../images/chub/gastro-box/stomachinside.svg') no-repeat #eb551d;
    background-size: auto 100%;
    background-position: 50%;
}

    .gastrobox .balibelly .bgimage {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 100%;
    }

        .gastrobox .balibelly .bgimage img {
            height: 100%;
        }

    .gastrobox .balibelly .headingwithimage {
        color: #fff;
        background: #6d6e71;
        padding: 8px 0 6px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom: 3px #fff solid;
        width: 100%;
        display: table;
    }
    .gastrobox .balibelly .headingwithimage h2
    {
        color:#FFF;
        font-size: 34px;
        font-weight: bold;
        line-height: 135%;
        padding:0px;    
        width:100%;
        display:table-row;
    }

        .gastrobox .balibelly .headingwithimage span, .gastrobox .balibelly .headingwithimage div {
            display: table-cell;
            vertical-align: middle;
            padding: 0 1.5%;
            width: 42.5%;
        }

            .gastrobox .balibelly .headingwithimage span:first-child,.gastrobox .balibelly .headingwithimage div:first-child {
                text-align: right;
            }

            .gastrobox .balibelly .headingwithimage span:last-child,.gastrobox .balibelly .headingwithimage div:last-child {
                text-align: left;
            }

        .gastrobox .balibelly .headingwithimage div.headingimage {
            display: table-cell;
            width: 15%;
        }

            .gastrobox .balibelly .headingwithimage .headingimage img {
                margin-top: -95%;
                margin-bottom: -10%;
            }

    .gastrobox .balibelly .gastroboxbgimage {
        position: absolute;
        height: 91.5%;
        margin: auto;
        left: 0;
        right: 0;
    }

        .gastrobox .balibelly .gastroboxbgimage img {
            height: 100%;
        }

    .gastrobox .balibelly .contentarea {
        display: block;
        /*background: url('../../../images/stomach inside.svg') no-repeat;
        background-size: contain;
        background-position-x: 46%;
        background-position-y: top;*/
        color: #fff;
        padding: 50px 20px 20px;
        margin-top: -30px;
    }

        .gastrobox .balibelly .contentarea .partyheadingwithleftrightimage {
            display: table;
            width: 100%;
        }

            .gastrobox .balibelly .contentarea .partyheadingwithleftrightimage .partysvg {
                display: table-cell;
                margin: 0 10px;
                vertical-align: top;
            }

            .gastrobox .balibelly .contentarea .partyheadingwithleftrightimage h3 {
                display: table-cell;
                color: #fff;
                text-align: center;
                vertical-align: middle;
                padding: 2% 0 0;
                width: 75%;
            }

    .gastrobox .balibelly .partycircle {
        max-width: 100%;
        display: block;
    }

.gastrobox .partycrowd {
    width: 100%;
    display: block;
}
/*#endregion*/
/*#region STIS*/
.stiarea {
    position: relative;
    display: block;
    margin: auto;
    width: 90%;
}

    .stiarea .leftcol {
        display: table-cell;
        width: 20%;
        vertical-align: bottom;
        height: 100%;
    }

        .stiarea .leftcol img {
            width: auto;
            margin-bottom: 10px;
        }

    .stiarea .rightcol {
        display: table-cell;
        width: 80%;
        vertical-align: top;
    }

        .stiarea .rightcol .contentimage {
            margin-left: -13%;
            margin-bottom: 10%;
        }

    .stiarea .stayheading {
        background: #6d6e71;
        padding: 10px 20px 10px 25%;
        margin-left: -10.65%;
    }
    .stiarea .stayheading h2{
        color:#FFF;
    }

    .stiarea .staydrinksvg {
        width: 20%;
        margin-left: 15%;
        z-index: 99;
        margin-top: -10%;
        margin-bottom: 20px;
    }

    .stiarea .staydeathsvg {
        width: 20%;
        z-index: 99;
        margin-top: -8%;
        margin-right: -3%;
        margin-left: auto;
        position: absolute;
        right: 0;
    }

.sti {
    background: #eb551d;
    color: #fff;
    min-height: 718px;
    margin-top: 10%;
}

    .sti:before {
        content: "";
        background: url("../images/chub/stis/curveimg.svg") bottom no-repeat;
        background-size: cover;
        height: 70px;
        width: 104%;
        z-index: 99;
        display: block;
        margin: 0 -2%;
    }

    .sti:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 110%;
        height: 50px;
        border-radius: 50% 50% 0 0;
        background: #FFF;
        margin: 0 0 0 -5%;
    }

    .sti .rightbdr {
        content: "";
        position: absolute;
        right: -24px;
        bottom: 0px;
        top: 0;
        width: 40px;
        height: 100%;
        border-radius: 100%;
        background: #FFF;
    }

.womenbottom {
    left: -5%;
    position: relative;
    z-index: 9;
    bottom: 0;
    width: 100%;
}

.sti .contentarea {
    padding: 20px 35px 10% 15%;
}

.sti .stiheading {
    background: #636363;
    color: #fff;
    position: relative;
    display: block;
    padding: 10px 35px 10px 25%;
}

.sti .sticonsvg {
    width: 15%;
    margin-right: 12px;
    z-index: 9;
    margin-top: -8%;
    margin-left: auto;
}

    .sti .sticonsvg img {
        position: absolute;
        width: 15%;
        z-index: 99;
    }

.sti .sticurrency {
    width: 20%;
    z-index: 9;
    margin-top: -10%;
    margin-left: 20%;
}

/*#endregion*/
/*#region Info Box*/

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes antirotate {
    from {
        -webkit-transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

.infocontainer {
    width: 100%;
    overflow: hidden;
    margin: 30px auto;
}

.infocirclecontainer {
    width: 100%;
    /*background: url('../images/chub/info-circle/skeletonwithdottedborder.svg') no-repeat;
    background-size: contain;
    background-position: center;
    padding: 15%;*/
    /*-webkit-animation-name: rotate;
    -webkit-animation-duration: 180s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;*/
}

.normalsquare {
    padding: 20px !important;
    margin: auto;
    border: 4px dotted rgb(235, 85, 29);
    border-radius: 20px;
    max-width: 80%;
    background: rgb(255, 255, 255);
    animation: none !important;
}

    .normalsquare .infocircle {
        animation: none !important;
        padding: 0 !important;
}

    .infocirclecontainer .infocircle {
    /*-webkit-animation-name: antirotate;
        -webkit-animation-duration: 180s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;*/
    
    margin: 0% 5%;
        overflow-y: auto;
    /*background: #fff;
        padding: 20px;
        border-radius: 20px;
        width: 80%;
        border: 4px dotted #eb551d;*/
    }

        .infocirclecontainer .infocircle .inforcirclecontent {
            padding: 20px 0px;
        }

            .infocirclecontainer .infocircle .inforcirclecontent h1,
            .infocirclecontainer .infocircle .inforcirclecontent h2,
            .infocirclecontainer .infocircle .inforcirclecontent h3,
            .infocirclecontainer .infocircle .inforcirclecontent h4,
            .infocirclecontainer .infocircle .inforcirclecontent h5,
            .infocirclecontainer .infocircle .inforcirclecontent h6 {
                text-align: center;
            }

        .infocirclecontainer .infocircle .inforcircletopimage {
            width: 25%;
            margin: auto;
        }

        .infocirclecontainer .infocircle .inforcirclebottomimage {
            width: 25%;
            margin: auto;
        }
/*#endregion*/
/*#region Small-Dotted-Orange-Box*/
.small-dotted-outer {
    margin: 20px auto 10%;
    width: 70%;
    padding: 0;
}

    .small-dotted-outer h2, .small-dotted-outer h2.orangebg {
        color:#EB551d;     
        text-align: center;
        background: #FFF;
        border: 4px solid #eb551d;
        border-radius: 20px 20px 0 0;
        margin-bottom: -4px;
        padding: 10px 20px 8px 20px;
        line-height: 120%;
        border-bottom: 0;
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    .small-dotted-outer h2.whitebg{
        color: #fff;
        background: #EB551d;
    }
    
    
    .small-dotted-outer .richtextcontent,.small-dotted-outer .richtextcontent.orangebg {
        border: 4px dashed #FFFFFF;
        padding: 20px 20px 11%;
        -ms-border-radius: 20px;
        border-radius: 20px;
        background: #EB551D;
    }
    .small-dotted-outer .richtextcontent.whitebg{
        border: 4px dashed #EB551D;
        background: #FFFFFF;
    }
    .small-dotted-outer .bottomimagecontent {
        text-align: center;
        width: 20%;
        margin: -10% auto;
        padding: 20px;
        border-radius: 100%;
        background: #fff;
        border: 4px dashed #eb551d;
    }

        .small-dotted-outer .bottomimagecontent img {
            width: auto;
            max-width: 100%;
        }

/*#endregion*/
/*#region Side By Side Boxes*/
.sidebysideboxcontainer {
    width: 70%;
    border-spacing: 10px;
    margin: auto;
}

    .sidebysideboxcontainer .table {
        display: table;
        width:100%;
    }

    .sidebysideboxcontainer .leftcol {
        width: 30%;
        display: table-cell;
        border: 4px solid #eb551d;
        background: #ffffff;
        padding: 20px;
        border-radius: 20px;
        vertical-align: middle;
    }

    .sidebysideboxcontainer .rightcol {
        width: 70%;
        display: table-cell;
        border: 4px solid #eb551d;
        background: #eb551d;
        padding: 20px;
        border-radius: 20px;
        vertical-align: middle;
    }

/*#endregion*/
/*#region White box with Orange Top Row*/
.whiteboxwithorangetoprowcontainer {
    border: 4px solid #eb551d;
    margin: 20px auto;
    border-radius: 20px;
    width: 80%;
}

    .whiteboxwithorangetoprowcontainer .toprow {
        background: #eb551d;
        border-radius: 15px 15px 0 0;
        padding: 20px;
        margin: auto;
        text-align: center;
    }

        .whiteboxwithorangetoprowcontainer .toprow h2 {
            color: #fff;
            line-height: 110%;
            font-size:2rem;
        }

    .whiteboxwithorangetoprowcontainer .middlerow {
        padding: 20px;
        background: #fff;
    }

    .whiteboxwithorangetoprowcontainer .bottomrow {
        background: #6D6E71;
        border-radius: 0 0 15px 15px;
        padding: 20px;
        margin: auto;
        text-align: center;
    }

        .whiteboxwithorangetoprowcontainer .bottomrow h2 {
            color: #fff;
            line-height: 110%;
        }
/*#endregion*/
/*#region Swimming Warning*/
.swimmingtopcontainer {
    width: 75%;
    margin: 70px auto;
    background: #eb551d;
    border-radius: 20px;
}

    .swimmingtopcontainer .swimmingcornerimage {
        position: absolute;
        left: 90px;
        z-index: 9;
        top: -45px;
        overflow: hidden;
        width: 15%;
        max-width: 150px;
    }

    .swimmingtopcontainer .swimmingheading {
        background: #6D6E71;
        padding: 12px 110px 10px 110px;
        text-align: center;
        border-radius: 20px 20px 0 0;
    }


        .swimmingtopcontainer .swimmingheading h2 {
            line-height: 120%;
            color: #fff;
        }

    .swimmingtopcontainer .swimmingcontent {
        padding: 40px;
    }

    .swimmingtopcontainer .swimmingbottomimage {
        width: 130%;
        margin-left: -15%;
        margin-bottom: -2.5%;
        margin-top: -10%;
    }

.flagboxcontainer {
    width: 75%;
    display: block;
    margin: auto;
    position: relative;
}

    .flagboxcontainer.widthmorethan768 {
        border-spacing: 20px 0;
    }

    .flagboxcontainer li {
        width: 31.3%;
        float: left;
        margin-right: 3%;
        border-radius: 20px;
        z-index: 999999999;
        background: #ffffff;
        position: relative;
    }

    .flagboxcontainer.widthmorethan768 li {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
    .flagboxcontainer.widthmorethan768 li:before
    {
        content: ""!important;
    }

        .flagboxcontainer li:first-child {
            border: 4px solid #ff0000;
        }

            .flagboxcontainer li:first-child .flagboxheading {
                background: #ff0000;
            }


        .flagboxcontainer li:nth-child(2) {
            border: 4px solid #ffc600;
        }

            .flagboxcontainer li:nth-child(2) .flagboxheading {
                background: #ffc600;
            }

        .flagboxcontainer li:last-child {
            margin-right: 0;
            border: 4px solid #cccccc;
        }

            .flagboxcontainer li:last-child .flagboxheading {
                background: #cccccc;
            }

        .flagboxcontainer li .flagboxheading {
            padding: 15px 7px;
            border-radius: 15px 15px 0 0;
            color: #fff;
        width: 100%;
        border-spacing: 10px 5px;
        }

        /*.flagboxcontainer li .flagboxheading .img {
                width: 45%;
                float: right;
            }*/

        .flagboxcontainer li .flagboxheading .flagboxheadingcell {
            width: 60%;
                float: left;
            }


            .flagboxcontainer li .flagboxheading .flagboxheadingcell h2 {
                line-height: 100%;
                color:#FFF;
            }


        .flagboxcontainer li .flagboxheading .flagboxheadingimagecell {
            width: 30%;
                float: right;
            }

            .flagboxcontainer li .flagboxheading .flagboxheadingimagecell img {
                width: 80px;
            }

        .flagboxcontainer li .flagboxcontent {
            padding: 10px;
            z-index: 99;
        width: 100%;
        }

        .flagboxcontainer li .flagboxcontent p,
        .flagboxcontainer li .flagboxcontent ul,
        .flagboxcontainer li .flagboxcontent ol,
        .flagboxcontainer li .flagboxcontent li {
            line-height: 120%;
        }

    .flagboxcontainer ul {
        margin: 0 !important;
        padding: 0;
        display: block;
        z-index: 9;
        width: 100%;
        list-style: none;
        position: relative;
    }

    .flagboxcontainer.widthmorethan768 ul {
        display: table-row;
    }

.widthmorethan768.flagboxcontainer:after {
    background: #6d6e71;
    content: '';
    z-index: 1;
    display: block;
    height: 80px;
    left: 0;
    right: 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    margin-top: -20%;
}

.widthmorethan768.flagboxcontainer ul:first-child li {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.widthmorethan768.flagboxcontainer ul:last-child li {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widthlessthan768.flagboxcontainer ul:after {
            background: #6d6e71;
            content: '';
            z-index: 1;
            display: block;
            height: 80px;
            left: 0;
            right: 0;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            margin-top: 10%;
        }
/*#endregion*/
/*#region*/
.smallinfoboxcontainer {
    width: 75%;
    display: block;
    margin: 20px auto;
    position: relative;
}

    .smallinfoboxcontainer li {
        width: 30%;
        float: left;
        margin-right: 3.3%;
        border-radius: 20px;
        z-index: 999999999;
        background: #ffffff;
        position: relative;
    }

        .smallinfoboxcontainer li:last-child {
            margin-right: 0;
        }

    .smallinfoboxcontainer li {
        border: 4px solid #eb551d;
    }
    .smallinfoboxcontainer li:before
    {
        content:""!important;
    }

        .smallinfoboxcontainer li .smallinfoboxheading {
            background: #eb551d;
        }

        .smallinfoboxcontainer li .smallinfoboxheading {
            padding: 15px;
            border-radius: 15px 15px 0 0;
            color: #fff;
            display: table;
            width: 101%;            
        }

            .smallinfoboxcontainer li .smallinfoboxheading .smallinfoboxheadingcell {
                display: table-cell;
                width: 65%;
                vertical-align: middle;
        }

            .smallinfoboxcontainer li .smallinfoboxheading .smallinfoboxheadingimagecell {
                display: table-cell;
                width: 35%;
                vertical-align: middle;
            }

            .smallinfoboxcontainer li .smallinfoboxheading .smallinfoboxheadingcell h3 {
                color: #fff;
                line-height: 120%;
            }

            .smallinfoboxcontainer li .smallinfoboxheading .img img {
                max-width: 100%;
            }

        .smallinfoboxcontainer li .smallinfoboxcontent {
            padding: 10px;
            z-index: 99;
            display: table;
            width: 100%;
        }
        .smallinfoboxcontainer li .smallinfoboxcontent img {
            max-width: 100%;
        }

        .smallinfoboxcontainer .smallinfoboxcontent li
        {
            border:0px;
            width:100%;
        }
        .smallinfoboxcontainer .smallinfoboxcontent li:before
        {
            content: "\2022"!important;
        }

            .smallinfoboxcontainer li .smallinfoboxcontent p,
            .smallinfoboxcontainer li .smallinfoboxcontent ul,
            .smallinfoboxcontainer li .smallinfoboxcontent ol,
            .smallinfoboxcontainer li .smallinfoboxcontent li {
                line-height: 120%;
            }

    .smallinfoboxcontainer ul {
        margin: 0 !important;
        padding: 0;
        display: block;
        z-index: 9;
        width: 100%;
        list-style: none;
        position: relative;
    }

/*#endregion*/
/*#region Connected Text Boxes*/
.connectedboxescontainer {
    width: 100%;
    margin: 20px auto;
    position: relative;
}

    .connectedboxescontainer .radiogroup {
        text-align: center;
        padding: 20px;
    }

    .connectedboxescontainer .addbtn {
        float: right;
        margin: 10px;
    }

    .connectedboxescontainer .connectedbox {
        margin: 0px 0px 100px;
        position: relative;
        z-index: 99;
    }

    .connectedboxescontainer .connectedboxoutside {
        margin: 0px 0px 100px;
        position: relative;
        z-index: 99;
    }

        .connectedboxescontainer .connectedbox:nth-last-child(1) {
            margin-bottom: 0;
        }

        .connectedboxescontainer .connectedbox h2 {
        max-width: 50%;
            padding: 10px 20px 8px 20px;
            background: #eb551d;
            border-radius: 20px 20px 0 0;
            margin-bottom: 0;
            color: #ffffff;
        }

            .connectedboxescontainer .connectedbox h2 input {
                font-size: 30px;
                line-height: 120%;
                height: 100%;
            }

    .connectedboxescontainer .connectedboxoutside h2 {
        max-width: 55%;
        padding: 10px 20px 8px 20px;
        background: #eb551d;
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
        color: #ffffff;
        margin-left: 20px;
    }

    .connectedboxescontainer .connectedboxcontentarea {
        border: 4px solid #eb551d;
        background: #ffffff;
        border-radius: 0 20px 20px;
        padding: 20px;
        display: table;
        width: 100%;
    }

        .connectedboxescontainer .connectedboxcontentarea .connectedboxcontent {
            display: table-cell;
            width: 85%;
            vertical-align: top;
        }

        .connectedboxescontainer .connectedboxcontentarea .connectedboxcontentimage {
            width: 15%;
            display: table-cell;
            vertical-align: bottom;
            }

    .connectedboxescontainer .connectedboxcontentareaoutside {
        margin: 0;
        width: 100%;
        display: table;
        border-spacing: 20px 0;
    }

        .connectedboxescontainer .connectedboxcontentareaoutside .connectedboxcontent {
            display: table-cell;
            vertical-align: top;
            width: 80%;
            border: 4px solid #eb551d;
            background: #ffffff;
            border-radius: 0 20px 20px;
            padding: 20px;
            margin: 0 2% 0 0;
            min-height: 200px;
        }

        .connectedboxescontainer .connectedboxcontentareaoutside .connectedboxcontentimage {
            width: 20%;
            display: table-cell;
            vertical-align: bottom;
        }

    .connectedboxescontainer:after {
        background: #6d6e71;
        content: '';
        z-index: 1;
        display: block;
        height: 80%;
        left: 7%;
        right: 0;
        width: 10%;
        position: absolute;
        top: 15%;
        bottom: 0;
    }

/*#endregion*/
/*#region Linked Horizontal Images*/
.siximagescontainer {
    width: 100%;
    margin: auto;
    position: relative;
}

    .siximagescontainer .siximages {
        float: left;
        width: 15%;
        margin-right: 1.66%;
        position: relative;
        z-index: 99;
    }

        .siximagescontainer .siximages:last-child {
            margin-right: 0;
        }

        .siximagescontainer .siximages img {
            height: 200px;
        }

        .siximagescontainer .siximages .img-desc {
            text-align: center;
            margin: 20px auto;
            color: #6D6E71;
        }
        .siximagescontainer  .siximages a .img-desc
        {
            color:#EB551a;
        }
        

    .siximagescontainer:after {
        background: #6d6e71;
        content: '';
        z-index: 1;
        display: block;
        height: 40px;
        left: 15%;
        right: 15%;
        width: 70%;
        position: absolute;
        margin-top: 7.5%;
    }

/*#endregion*/
/*region Grey Capped Box*/
.graycappedboxcontainer {
    width: 75%;
    margin: 20px auto;
}

    .graycappedboxcontainer .grayboxcontainer {
        background: #6d6e71;
        border-radius: 20px 20px 0 0;
        padding: 20px;
    }

        .graycappedboxcontainer .grayboxcontainer .grayboxcontent {
            width: 78%;
            float: left;
            margin-right: 2%;
        }

        .graycappedboxcontainer .grayboxcontainer .grayboximage {
            width: 20%;
            float: left;
        }

            .graycappedboxcontainer .grayboxcontainer .grayboximage img {
                width: 80%;
            }

    .graycappedboxcontainer .orangeboxcontainer {
        background: #eb551d;
        border-radius: 0 0 20px 20px;
        padding: 20px;
    }

        .graycappedboxcontainer .orangeboxcontainer .orangeboxcontent {
            width: 78%;
            float: left;
            margin-right: 2%;
        }

        .graycappedboxcontainer .orangeboxcontainer .orangeboximage {
            width: 20%;
            float: left;
        }

            .graycappedboxcontainer .orangeboxcontainer .orangeboximage img {
                width: 80%;
            }

        .graycappedboxcontainer .grayboxcontainer .grayboxcontent.chrichtext,
        .graycappedboxcontainer .orangeboxcontainer .orangeboxcontent.chrichtext {
            padding: 0;
        }

/*endregion*/
/*#region Orange Box Text*/
.orangeboxtextcontainer {
    width: 100%;
    margin: 20px auto;
    background: #eb551d;
    border-radius: 20px;
    padding: 20px;
}

    .orangeboxtextcontainer .orangeboxtextleftimage {
        width: 25%;
        float: left;
        margin-right: 2%;
    }

    .orangeboxtextcontainer .orangeboxtextcontent {
        width: 73%;
        float: left;
        padding: 0;
    }

    .orangeboxtextcontainer .orangeboxtextrightimage {
        width: 25%;
        float: right;
        margin-left: 20px;
    }

/*#endregion*/
/*#region Box with Orange Grey Rows*/
.orangegreyboxcovercontainer {
    width: 75%;
    margin: 20px auto;
}

    .orangegreyboxcovercontainer .orangegreyboxcontainer {
        width: 100%;
        display: table;
        border-spacing: 20px 10px;
        -ms-border-spacing: 20px 10px;
    }

        .orangegreyboxcovercontainer .orangegreyboxcontainer .orangebox {
            width: 70%;
            padding: 20px;
            background: #eb551d;
            border-radius: 20px;
            display: table-cell;
            vertical-align: top;
        }

        .orangegreyboxcovercontainer .orangegreyboxcontainer .greybox {
            width: 30%;
            padding: 20px;
            background: #6d6e71;
            border-radius: 20px;
            display: table-cell;
            vertical-align: top;
        }

    .orangegreyboxcovercontainer .addbtn {
        float: right;
        margin: 20px;
    }

/*#endregion*/
/*#region max-width:1250px;*/
@media screen and (max-width: 1250px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -97%;
        margin-bottom: -7%;
    }
}
/*#endregion*/
/*#region max-width:1200px;*/
@media screen and (max-width: 1200px) {
    .diseasesarea .diseasebox .table::after {
        left: 4.5%;
        width: 90.5%;
    }

    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -93%;
        margin-bottom: -10%;
    }
}
/*#endregion*/
/*#region max-width:1130px*/
@media screen and (max-width:1130px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -90%;
        margin-bottom: -11%;
    }
}
/*#endregion*/
/*#region max-width:1100px;*/
@media screen and (max-width: 1100px) {
    .diseasesarea .diseasebox .table::after {
        left: 5%;
        width: 90%;
    }

    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -90%;
        margin-bottom: -10%;
    }

    .siximagescontainer:after {
        margin-top: 8.5%;
    }
}
/*#endregion*/
/*#region max-width:1070px;*/
@media screen and (max-width: 1070px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -88%;
        margin-bottom: -11%;
    }

    .staysafe .stayheading h2 {
        font-size: 4em;
        line-height: 100%;
    }
}
/*#endregion*/
/*#region max-width:1030px;*/
@media screen and (max-width: 1030px) {
    .orangeboxwithrightimage {
        min-height: 180px;
    }

    /*.threebox .ul .li .circlediv {
            left: -17.5%;
        }

        .threebox .ul .li .rightdiv {
            right: -17.5%;
        }*/

    /*.lgbtqarea .lgbtq {
        padding-top: 12%;
    }*/

    /*.threebox .ul .li .circlediv, .threebox .ul .li .rightdiv {
        width: 20%;
    }

    .threebox .ul .li .text {
        width: 60%;
    }

        .threebox .ul .li .text .contentbox {
            padding-left: 55px;
            padding-right: 55px;
        }

    .threebox .ul .li .circlediv img {
        right: -45px;
    }

    .threebox .ul .li .rightdiv img {
        margin-left: -45px;
    }*/
    .diseasesarea .diseasebox .table::after {
        left: 5.1%;
        width: 89.7%;
    }

    .partysec .balibelly .contentarea .partyheadingwithleftrightimage h3 {
        padding: 6% 0 0;
    }
}
/*#endregion*/
/*#region max-width:1020px;*/
@media screen and (max-width: 1020px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -86%;
        margin-bottom: -12%;
    }
}
/*#endregion*/
/*#region max-width:1005px;*/
@media screen and (max-width: 1005px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -85%;
        margin-bottom: -12%;
    }
}
/*#endregion*/
/*#region max-width:1000px;*/
@media screen and (max-width: 1000px) {
    /*.threebox .ul .li .circlediv {
        left: -16.5%;
    }

    .threebox .ul .li .rightdiv {
        right: -16.5%;
    }*/

    .t-box .ul:after {
        margin-top: 6.5%;
    }

    .threebox .ul .li .circlediv {
        width: 20%;
    }

    .threebox .ul .li .text {
        width: 60%;
    }

    .threebox .ul .li .rightdiv {
        width: 20%;
    }

    .partysec .balibelly .headingwithimage .headingimage img {
        margin: -35.1% auto;
    }
}
/*#endregion*/
/*#region max-width:990px;*/
@media screen and (max-width: 990px) {
    .diseasesarea .diseasebox .table::after {
        left: 5.8%;
        width: 88.5%;
    }

    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -84%;
        margin-bottom: -12%;
    }
}
/*#endregion*/
/*#region max-width:930px;*/
@media screen and (max-width: 930px) {
    .infocirclecontainer .infocircle {
        /*padding: 15%;*/
    }

        .infocirclecontainer .infocircle .inforcircletopimage {
            width: 15%;
        }

        .infocirclecontainer .infocircle .inforcirclebottomimage {
            width: 15%;
        }
}
/*#endregion*/
/*#region max-width:905px;*/
@media screen and (max-width: 905px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -78%;
        margin-bottom: -14%;
    }
}
/*#endregion*/
/*#region max-width:900px;*/
@media screen and (max-width: 900px) {
    .diseasesarea .commonbox .ul .li:nth-child(3), .diseasesarea .commonbox .ul .li:nth-child(5) {
        margin-left: 0;
    }

    .diseasesarea .commonbox .ul .li, .diseasesarea .commonbox .ul .li:nth-child(4) {
        width: 45%;
        margin-left: 10%;
    }

    .diseasesarea .diseasebox .table::after {
        left: 6%;
        width: 88%;
    }

    /*.diseasesarea .diseasebox .table .single {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }*/

    .diseasesarea .diseasebox .table .single .single-icon {
        display: block;
        margin: auto;
        width: auto;
    }

    .diseasesarea .diseasebox .table .single p {
        display: block;
        width: 100%;
        margin: 0;
    }

    /*.piercing .piercinstick.left {
        top: -2%;
    }

        .piercing .piercinstick.left::before {
            bottom: 0.11%;
        }

    .piercing .piercinstick.right {
        bottom: -2%;
    }

        .piercing .piercinstick.right::before {
            top: 0.11%;
        }*/
    .swimmingtopcontainer .swimmingcornerimage {
        left: 70px;
    }

    .swimmingtopcontainer .swimmingheading {
        padding: 12px 90px 10px 90px;
    }
}
/*#endregion*/
/*#region max-width:830px;*/
@media screen and (max-width: 830px) {
    .diseasesarea .diseasebox .table::after {
        left: 6%;
        width: 87.5%;
    }
}
/*#endregion*/
/*#region max-width:800px;*/
@media screen and (max-width: 800px) {
    .t-box .ul:after {
        margin-top: 4.5%;
    }

    .servicelistarea .servicelistbox .circleicon {
        width: 125px;
        height: 125px;
        left: -50px;
        top: -35px;
    }

    .servicelistarea .servicelistbox .circlecount {
        width: 30px;
        height: 30px;
        line-height: 30px;
        left: -35px;
        top: -40px;
    }

    .servicelistarea .servicelistbox {
        padding: 20px 20px 20px 80px;
    }

        .servicelistarea .servicelistbox ul li {
            line-height: 24px;
        }

    .textboxwithcornerimagecontainer .imagecontainer {
        left: 2%;
        width: 25%;
        margin-top: -58px;
    }

    .orangeboxwithrightimage {
        min-height: 140px;
    }

    .diseasesarea .diseasebox .table::after {
        left: 6.5%;
        width: 87%;
    }

    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -76%;
        margin-bottom: -14%;
    }
}
/*#endregion*/
/*#region max-width:768px*/
@media screen and (max-width: 768px) {
    /*#region Common Components*/
    h1,
    .h1 {
        font-size: 28px;
    }

    h2,
    .h2 {
        font-size: 25px;
    }

    h3,
    .h3 {
        font-size: 20px;
    }

    h4,
    .h4 {
        font-size: 16px;
    }

    h5,
    .h5 {
        font-size: 14px;
    }

    h6,
    .h6 {
        font-size: 12px;
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        font-weight: bold;
        line-height: 150%;
    }
    /*#endregion*/
    .widthmorethan768 {
        display: none !important;
    }

    .widthlessthan768 {
        display: block !important;
    }

        .widthlessthan768 .taxiarea {
            width: 100%;
            margin: 80px auto 40px;
            display: block;
            clear: both;
            position: relative;
            padding: 0 15px;
        }

            .widthlessthan768 .taxiarea .ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: block;
                z-index: 9;
            }

                .widthlessthan768 .taxiarea .ul .li {
                    width: 100%;
                    float: left;
                    margin-left: 0;
                    background: #EB551D;
                    position: relative;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                    padding-left: 15px;
                    padding-right: 15px;
                    color: #fff;
                    z-index: 99;
                    margin-bottom: 50px;
                    margin-top: 70px;
                }

                    .widthlessthan768 .taxiarea .ul .li .taxi-icon {
                        width: 50%;
                        border-radius: 10px;
                        padding: 10px;
                        position: relative;
                        z-index: 9;
                        margin: auto;
                        padding: 10px 10px 0 10px;
                    }

            .widthlessthan768 .taxiarea h2:first-child {
                padding-top: 0;
            }

            .widthlessthan768 .taxiarea h2 {
                text-align: center;
            }

            .widthlessthan768 .taxiarea p {
                text-align: justify;
            }

            .widthlessthan768 .taxiarea .ul .li .leftimg {
                width: 20%;
                height: auto;
                margin-bottom: 0;
                margin-left: 0;
            }

                .widthlessthan768 .taxiarea .ul .li .leftimg img, .widthlessthan768 .taxiarea .ul .li .rightimg img {
                    margin: 0 auto;
                    display: block;
                    width: auto;
                    max-width: 100%;
                }

            .widthlessthan768 .taxiarea .ul .li .rightimg {
                width: 20%;
                height: auto;
                margin-bottom: -14px;
                margin-right: 0;
                margin-left:80%;
            }


            .widthlessthan768 .taxiarea:after {
                position: absolute;
                background: #6d6e71;
                content: "";
                z-index: 1;
                display: block;
                height: 60%;
                top: 0;
                left: 3%;
                right: 3%;
                width: 80%;
            }

            .widthlessthan768 .taxiarea .ul .li .taxi-icon img {
                margin: -25% auto 10px;
            }

    .bdrradis15 {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    .diseasesarea .diseasebox .table {
        border-spacing: 10px 5px;
    }

        .diseasesarea .diseasebox .table .td p {
            font-size: 14px;
        }

    .diseasesarea .commonbox .ul .li {
        font-size: 12px;
    }

    .servicelistarea .servicelistbox ul {
        list-style-position: outside;
        margin: 0;
        padding-left: 20px;
    }

    .textboxwithcornerimagecontainer .headingcontainer h2 {
        font-size: 40px;
        letter-spacing: normal;
    }

    .orangeboxwithrightimage .textwithoptimalimageimage img {
        margin-right: -85px;
        max-width: none;
        max-height: 150px;
    }

    .diseasesarea .diseasebox .table::after {
        left: 4.3%;
        right: 5%;
        width: 91.2%;
    }

    .scamsinbalicontainer {
        padding: 0 15px;
    }

    .scamstitle {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .excmark-svgwidth {
        position: relative;
        margin: auto;
        width: 100px;
        height: 88px;
        right: 0;
        bottom: 0;
        margin-bottom: 10px;
    }

    .scamsinbali .scamsbox .lightgrey {
        height: 90px;
        padding: 0 10px;
    }

        .scamsinbali .scamsbox .lightgrey ul {
            padding: 0 10px;
        }

            .scamsinbali .scamsbox .lightgrey ul li .svgwidth {
                width: 100px;
                height: 100px;
            }

            .scamsinbali .scamsbox .lightgrey ul li .nbr {
                font-size: 70px;
                line-height: 100%;
                margin-top: -5%;
            }

            .scamsinbali .scamsbox .lightgrey ul li .txt {
                font-size: 22px;
                text-align: right;
                line-height: 120%;
                letter-spacing: 1px;
            }

    .partysec .balibelly .headingwithimage .headingimage img {
        margin: -35.1% auto;
    }

    .orangebox-text {
        padding: 20px 20px 10px 20px !important;
        margin: 0 10px;
    }

    .cornerbox1 .cornerboxheading .noimage.title h2, .cornerbox2 .cornerboxheading .noimage.title h2,
    .cornerbox1 .cornerboxheading .lefttopimage.title h2, .cornerbox2 .cornerboxheading .lefttopimage.title h2,
    .cornerbox1 .cornerboxheading .righttopimage.title h2, .cornerbox2 .cornerboxheading .righttopimage.title h2,
    .cornerbox1 .leftbottomimage.title h2, .cornerbox2 .leftbottomimage.title h2,
    .cornerbox1 .rightbottomimage.title h2, .cornerbox2 .rightbottomimage.title h2,
    .cornerbox1 .lefttopbottomimage.title h2, .cornerbox2 .lefttopbottomimage.title h2,
    .cornerbox1 .topimages.title h2, .cornerbox2 .topimages.title h2,
    .cornerbox1 .bottomimages.title h2, .cornerbox2 .bottomimages.title h2,
    .cornerbox1 .righttopbottomimage.title h2, .cornerbox2 .righttopbottomimage.title h2,
    .cornerbox1 .righttopleftbottomimage.title h2, .cornerbox2 .righttopleftbottomimage.title h2,
    .cornerbox1 .lefttoprightbottomimage.title h2, .cornerbox2 .lefttoprightbottomimage.title h2,
    .cornerbox1 .lefttoprighttoprightbottomimage.title h2, .cornerbox2 .lefttoprighttoprightbottomimage.title h2,
    .cornerbox1 .lefttopleftbottomrightbottomimage.title h2, .cornerbox2 .lefttopleftbottomrightbottomimage.title h2,
    .cornerbox1 .lefttoprighttopleftbottomimage.title h2, .cornerbox2 .lefttoprighttopleftbottomimage.title h2,
    .cornerbox1 .righttopleftbottomrightbottomimage.title h2, .cornerbox2 .righttopleftbottomrightbottomimage.title h2,
    .cornerbox1 .allimages.title h2, .cornerbox2 .allimages.title h2 {
        font-size: 24px;
    }

    .gastrobox .balibelly {
        /*background-image: url(../images/chub/gastro-box/stomachinsidemobile.svg);*/
        background-image: none;
    }

    .gastrobox .balibelly .contentarea {
        background-position-x: 32%;
    }

    .staysafe .stayheading h2 {
        font-size: 2em;
        letter-spacing: 0.1em;
    }

    /*.waterbox .leftcol {
        width: 15%;
    }

    .waterbox .rightcol {
        width: 15%;
    }

    .waterbox .middlecol .bottomimage img {
        max-width: 25%;
    }*/

    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -86%;
        margin-bottom: -20%;
    }

    .cornersvg1 {
        /*margin-left: -40px;
        margin-top: -40px;
        float: left;
        height: 110px;*/
    }

    .cornersvg2 {
        /*margin-right: -40px;
        margin-top: -40px;
        float: right;
        height: 110px;*/
    }

        .cornersvg2 img, .cornersvg4 img {
            /*height: 110px;*/
            /*margin-left: 40%;*/
    }

    .cornersvg3 {
        margin-bottom: -45px;
    }

    .cornersvg4 {
        margin-bottom: -45px;
    }

    .swimmingtopcontainer .swimmingcornerimage {
        left: 60px;
        top: -20px;
    }

    .swimmingtopcontainer .swimmingheading {
        padding: 12px 80px 10px 80px;
    }

    .flagboxcontainer li {
        width: 100%;
        margin-bottom: 10%;
        margin-right: 0;
        float: none;
        display: table;
    }

        .flagboxcontainer li .flagboxheading .flagboxheadingcell {
            width: 85%;
            display: table-cell;
            float: none;
            vertical-align: middle;
    }

        .flagboxcontainer li .flagboxheading .flagboxheadingimagecell {
            width: 15%;
            display: table-cell;
        float: none;
            vertical-align: middle;
    }

    /*.flagboxcontainer li .flagboxheading h2 {
            width: 80%;
        }

        .flagboxcontainer li .flagboxheading .img {
            width: 15%;
        }*/

    .widthlessthan768.flagboxcontainer ul:after {
        height: 80%;
        width: 40%;
        position: absolute;
        top: 0;
        margin-top: 0;
    }

    .smallinfoboxcontainer {
        width: 100% !important;
        padding: 0 20px;
    }

        .smallinfoboxcontainer li {
            width: 100% !important;
            margin-bottom: 10%;
            margin-right: 0;
            float: none;
        }

            .smallinfoboxcontainer li .smallinfoboxheading h2 {
                width: 80%;
            }

            .smallinfoboxcontainer li .smallinfoboxheading .smallinfoboxheadingcell {
                width: 85%;
            }

            .smallinfoboxcontainer li .smallinfoboxheading .smallinfoboxheadingimagecell {
                width: 15%;
            }

            .smallinfoboxcontainer li .smallinfoboxheading .img {
                width: 120%;
                padding-left: 20px;
            }

    .connectedboxescontainer .connectedboxcontentarea .connectedboxcontent {
        float: left;
        width: 83%;
        margin-right: 2%;
    }

    .siximagescontainer .siximages {
        float: none;
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 50px;
    }

        .siximagescontainer .siximages .img-desc {
            padding: 20px;
            border-radius: 20px;
            background: #eb551d;
            color: #fff;
        }

    .siximagescontainer:after {
        background: #6d6e71;
        content: '';
        z-index: 1;
        display: block;
        height: 98%;
        left: 0;
        right: 0;
        width: 10%;
        position: absolute;
        top: 5%;
        bottom: 5%;
        margin: auto;
    }

    .graycappedboxcontainer {
        width: 100%;
    }

        .graycappedboxcontainer .grayboxcontainer .grayboxcontent {
            width: 70%;
            float: left;
            margin-right: 5%;
        }

        .graycappedboxcontainer .orangeboxcontainer .orangeboxcontent {
            width: 70%;
            float: left;
            margin-right: 5%;
        }

    .orangeboxtextcontainer .orangeboxtextleftimage {
        width: 25%;
        float: none;
        margin: 0 auto 20px;
    }

    .orangeboxtextcontainer .orangeboxtextrightimage {
        width: 25%;
        float: none;
        margin: 20px auto 0;
    }

    .orangeboxtextcontainer .orangeboxtextcontent {
        width: 100%;
        float: none;
        padding: 0;
    }

    .orangegreyboxcovercontainer {
        width: 100%;
        margin: 20px auto;
    }

    .headingorangebarcontainer .middlerow .middlecol, .headingorangebarcontainer .middlerow .leftcol, .headingorangebarcontainer .middlerow .rightcol {
        background: transparent;
    }

    .headingorangebarcontainer .lefttopimage, .headingorangebarcontainer .leftbottomimage {
        width: 25%;
        margin-left: 10%;
    }

    .headingorangebarcontainer .righttopimage {
        right: 0;
        width: 25%;
        position: relative;
        margin-top: -27.4%;
        margin-left: auto;
        margin-right: auto;
    }

    .graycappedboxcontainer .grayboxcontainer .grayboxcontent,
    .graycappedboxcontainer .orangeboxcontainer .orangeboxcontent {
        width: 100%;
        margin: 0;
        float: none;
    }

    .graycappedboxcontainer .grayboxcontainer .grayboximage,
    .graycappedboxcontainer .orangeboxcontainer .orangeboximage {
        width: 25%;
        float: none;
        margin: 0 auto 20px;
    }

        .graycappedboxcontainer .grayboxcontainer .grayboximage img {
            width: 100%;
        }                
    .trpage .cover-tabs li 
    {
        width:48%;
    }        
}
/*#endregion*/
/*#region max-width:767px;*/
@media screen and (max-width: 767px) {
    /*.diseasesarea {
        margin: 70px auto;
        padding: 30px 15px;
    }*/
    .dotted-outer .richtextcontent {
        padding: 10% 20px;
    }
    .qacontainer h2 {
        font-size: 25px;
        line-height: 120%;
    }
    .t-box .title .mosqicon {
        height: 45px;
        margin-top: 10px;
    }
    .servicelistarea .servicelistbox {
        width: 90%;
        padding: 10px 20px 20px 20px;
    }
    .servicelistarea .servicelistbox h2, .servicelistarea .servicelistbox h3 {
        text-align: center;
    }
    .servicelistarea .servicelistbox .circleicon {
        width: 100px;
        height: 100px;
        left: -35px;
        top: -40px;
    }
    .cornerbox1 {
        background-size: contain !important;
    }
    .diseasesarea .headingbg {
        width: 98%;
        margin: -13% auto 0 1%;
    }
    .diseasesarea .diseasebox .table .td {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .diseasesarea .commonbox {
        max-width: 85%;
    }
    .diseasesarea .commonbox .ul .li {
        width: 45%;
        margin-left: 10%;
        margin-bottom: 10%;
    }

            .diseasesarea .commonbox .ul .li:nth-child(3),
            .diseasesarea .commonbox .ul .li:nth-child(5) {
                margin-left: 0;
            }

            .diseasesarea .commonbox .ul .li:nth-child(4) {
                margin-left: 10%;
            }

    .diseasesarea .diseasebox ul li p {
        font-size: 11px;
        padding: 10px;
    }

        .diseasesarea .diseasebox ul li p span {
            font-size: 13px;
            margin-top: 10px;
        }


    .diseasesarea .single .diseasebox ul li:nth-child(3) p,
    .diseasesarea .japanesbox .diseasebox ul li:nth-child(3) p {
        float: none;
        margin-top: initial;
        margin: auto;
    }

    .diseasesarea .diseasebox .table::after {
        left: 3%;
        right: 3%;
        width: 93.5%;
    }

    .image {
        width: 50% !important;
    }

    .t-box .title h1, .t-box .title h2, .t-box .title h3, .t-box .title h4 {
        max-width: 80%;
        padding: 12px 50px 10px 20px;
    }

    .t-box .title h1 {
        font-size: 30px;
    }

    .t-box .title h2 {
        font-size: 25px;
    }

    .t-box .title h3 {
        font-size: 22px;
    }

    .t-box .title h4 {
        font-size: 18px;
    }

    .t-box .ul {
        display: block !important;
    }

        .t-box .ul:after {
            height: 95%;
            width: 30px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

        .t-box .ul .li {
            float: inherit;
            margin: 0 auto 20px;
            padding: 1%;
            text-align: center !important;
            width: 100% !important;
        }

            .t-box .ul .li:first-child {
                margin: 0 auto 20px;
            }

    .servicelistarea .servicelistbox .circlecount {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .servicelistarea .servicelistbox ul li {
        line-height: 24px;
    }

    .servicelistarea .servicelistbox h2, .servicelistarea .servicelistbox h3 {
        color: #fff;
        margin-top: 0;
        margin-bottom: 25px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .servicelistarea .servicelistbox ul {
        list-style-position: outside;
        margin: 0;
        padding-left: 20px;
    }

    .taxiarea .ul .li {
        min-height: auto;
        width: 100%;
        margin-bottom: 50px;
        margin-top: 50px;
        margin-left: 0;
        padding-bottom: 0;
    }

        .taxiarea .ul .li .leftimg {
            width: 20%;
            position: relative;
            float: left;
            left: 0;
            min-width: 100px;
        }

        .taxiarea .ul .li .rightimg {
            right: 3%;
            width: 20%;
            position: relative;
            float: right;
            min-width: 100px;
        }

    .taxiarea:after {
        height: 80%;
        top: 10%;
        left: 0;
        right: 0;
        width: 50%;
        margin: auto;
    }

    .textboxwithcornerimagecontainer .imagecontainer {
        position: relative;
        left: 0;
        max-width: 100%;
        margin: auto;
        width: 50%;
        margin-bottom: 15px;
    }

    .textboxwithcornerimagecontainer .content {
        padding: 15px;
        width: 100%;
    }

    .balibelly {
        margin: 80px auto;
    }

        .balibelly .balibellysvg {
            width: 100px;
            height: 130px;
            top: -60px;
        }

        .balibelly .bellysvg2 {
            margin-right: 20%;
        }

        .balibelly .bellysvg1 {
            margin-left: 20%;
        }

        .balibelly h2 {
            font-size: 16px;
        }



            .balibelly h2 span:first-child {
                padding-right: 55px;
            }

            .balibelly h2 span:last-child {
                padding-left: 60px;
            }

    /*.partysec .balibelly .headingwithimage {
        font-size: 26px;
    }*/
    .partysec {
        padding: 0;
    }

        .partysec .balibelly .headingwithimage h2 {
            font-size: 25px;
        }

        .partysec .balibelly .contentarea .partyheadingwithleftrightimage h3 {
            padding: 7% 0 0;
            font-size: 22px;
        }

        .partysec .balibelly .contentarea .text {
            padding: 10px;
        }

    .lgbtqarea .lgbtq h2 {
        font-size: 26px;
    }

    .piercing {
        margin-top: 100px;
    }

        .piercing .piercinstick.left {
            height: 102%;
        }

        .piercing .piercinstick.right {
            height: 102%;
        }


    .piercingtop {
        width: 145px;
        height: 140px;
        margin-top: -85px;
    }


    .textboxwithcornerimagecontainer .headingcontainer {
        margin-bottom: -7px;
        margin-right: 6px;
    }

        .textboxwithcornerimagecontainer .headingcontainer h2 {
            font-size: 30px;
        }

    .threebox .ul .li {
        margin-bottom: 30px;
        width: 100%;
        margin-top: 30px;
    }

        .threebox .ul .li .circlediv {
            width: 150px;
            display: block;
            margin: 0 auto -78px;
        }

        .threebox .ul .li .rightdiv {
            width: 150px;
            display: block;
            margin: -78px auto 30px;
        }

        .threebox .ul .li .text {
            width: 100%;
            height: auto;
            display: block;
        }

        .threebox .ul .li .circlediv img, .threebox .ul .li .rightdiv img {
            right: 0;
            left: 0;
            margin: auto;
        }

        .threebox .ul .li .text .contentbox {
            border: 3px #EB551D solid;
            padding: 90px 10%;
        }

    .lgbtqarea .lgbtqsvgcircle {
        padding-bottom: 2%;
        width: 40%;
    }

        .lgbtqarea .lgbtqsvgcircle img {
            width: 100%;
        }


    .piercingsvg1.ltrtp {
        width: 50px;
        height: 30px;
        margin-top: -20px;
        margin-left: 15px;
    }

    .piercingsvg1.rltbtm {
        width: 50px;
        height: 30px;
        margin-bottom: -21px;
        margin-right: 15px;
    }

    .stackedbox .stackedleft {
        padding: 20px 10px;
        width: 70%;
    }

    .stackedbox.lostpassport .stackedcontentrow .passport {
        padding: 20px 10px;
    }

    .stackedbox.lostpassport .stackedleft {
        width: 70%;
    }

    .stackedbox .stackedright {
        width: 30%;
    }

    .orangeboxwithcircleborderarea h2 {
        font-size: 30px;
    }

    h1.stacktitle, h2.stacktitle, h3.stacktitle, h4.stacktitle {
        max-width: 80%;
        padding: 10px 50px 8px 20px;
    }

    h1.stacktitle {
        font-size: 30px;
    }

    h2.stacktitle {
        font-size: 25px;
    }

    h3.stacktitle {
        font-size: 22px;
    }

    h4.stacktitle {
        font-size: 18px;
    }

    /*.gastrobox .balibelly {
        background: url('../images/chub/gastro-box/StomachTrans-NarrowScreen.png') no-repeat #eb551d;
        background-size: 100% 100%;
        background-position: 50%;
    }*/

    .gastrobox .balibelly .headingwithimage {
        font-size: 24px;
    }

        .gastrobox .balibelly .headingwithimage h2 {
            font-size: 25px;
        }

        .gastrobox .balibelly .headingwithimage .headingimage img {
            margin-top: -82%;
            margin-bottom: -14%;
        }

    .waterboxarea .waterboxcontentarea h1,
    .waterboxarea .waterboxcontentarea h2,
    .waterboxarea .waterboxcontentarea h3,
    .waterboxarea .waterboxcontentarea h4 {
        padding: 12px 20px 10px 20px;
    }

    .waterboxarea .waterboxcontentarea h1 {
        font-size: 30px;
    }

    .waterboxarea .waterboxcontentarea h2 {
        font-size: 25px;
    }

    .waterboxarea .waterboxcontentarea h3 {
        font-size: 22px;
    }

    .waterboxarea .waterboxcontentarea h4 {
        font-size: 18px;
    }

    .infocirclecontainer {
        padding: 20px !important;
        margin: auto !important;
        border: 4px dotted rgb(235, 85, 29) !important;
        border-radius: 20px !important;
        max-width: 80% !important;
        background: rgb(255, 255, 255) !important;
        animation: none !important;
    }

    .infocirclecontainer .infocircle {
            animation: none !important;
    }

        .infocirclecontainer .infocircle .inforcirclecontent h1 {
            font-size: 30px;
            padding: 5px 0;
        }

        .infocirclecontainer .infocircle .inforcirclecontent h2 {
            font-size: 25px;
            padding: 5px 0;
        }

        .infocirclecontainer .infocircle .inforcirclecontent h3 {
            font-size: 22px;
            padding: 5px 0;
        }

        .infocirclecontainer .infocircle .inforcirclecontent h4 {
            font-size: 18px;
            padding: 5px 0;
        }


            .infocirclecontainer .infocircle .inforcirclecontent p, .infocirclecontainer .infocircle .inforcirclecontent ul li, .infocirclecontainer .infocircle .inforcirclecontent ol li, .infocirclecontainer .infocircle .inforcirclecontent ul, .infocirclecontainer .infocircle .inforcirclecontent ol {
                margin-bottom: 5px;
                padding-bottom: 0;
            }

    .small-dotted-outer {
        width: 80%;
    }

        .small-dotted-outer .richtextcontent {
            padding: 20px 20px 17%;
        }

        .small-dotted-outer .bottomimagecontent {
            width: 30%;
            margin: -15% auto;
        }

    .sidebysideboxcontainer {
        width: 70%;
        margin: auto;
    }

        .sidebysideboxcontainer .table {
            display: block;
        }

        .sidebysideboxcontainer .leftcol, .sidebysideboxcontainer .rightcol {
            width: 100%;
            display: block;
            margin-bottom: 20px;
        }

    .whiteboxwithorangetoprowcontainer {
        width: 90%;
    }

    .orangegreyboxcovercontainer .orangegreyboxcontainer {
        display: block;
    }

        .orangegreyboxcovercontainer .orangegreyboxcontainer .orangebox,
        .orangegreyboxcovercontainer .orangegreyboxcontainer .greybox {
            display: block;
            margin-bottom: 20px;
            width: 100%;
        }
    .connectedboxescontainer .connectedbox h2         
    {
        max-width:65%;
    }
}
/*#endregion*/
/*#region max-width:730px;*/
@media screen and (max-width: 730px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -76%;
        margin-bottom: -17%;
    }
}
/*#endregion*/
/*#region max-width:650px;*/
@media screen and (max-width: 650px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -70%;
        margin-bottom: -18%;
    }

    .swimmingtopcontainer .swimmingheading {
        padding: 12px 70px 10px 70px;
    }
}
/*#endregion*/
/*#region max-width:600px;*/
@media screen and (max-width: 600px) {
    .image {
        margin-bottom: 20px;
    }

    .orangeboxwithrightimage {
        min-height: 110px;
    }

    .servicelistarea .servicelistbox h2, .servicelistarea .servicelistbox h3 {
        color: #fff;
        margin-top: 0;
        margin-bottom: 25px;
        padding-left: 45px;
        padding-right: 45px;
        font-size: 24px;
        font-weight: bold;
        word-wrap: break-word;
    }

    .diseasesarea .diseasebox .table .td {
        width: 100%;
        margin-left: 0;
    }

    .partysec .balibelly .headingwithimage .headingimage {
        width: 20%;
    }

    .partysec .balibelly .headingwithimage span {
        width: 40%;
    }

    .partysec .balibelly .contentarea .partyheadingwithleftrightimage h3 {
        font-size: 20px;
    }

    .gastrobox .balibelly .headingwithimage span {
        width: 37.5%;
    }

    .gastrobox .balibelly .headingwithimage .headingimage {
        width: 25%;
    }

        .gastrobox .balibelly .headingwithimage .headingimage img {
            margin-top: -90%;
            margin-bottom: -14%;
        }

    .t-box .title h1, .t-box .title h2, .t-box .title h3, .t-box .title h4 {
        min-width: 50%;
        padding: 12px 40px 10px 20px;
    }

    .t-box .title h1 {
        font-size: 30px;
    }

    .t-box .title h2 {
        font-size: 25px;
    }

    .t-box .title h3 {
        font-size: 22px;
    }

    .t-box .title h4 {
        font-size: 18px;
    }

    h1.stacktitle, h2.stacktitle, h3.stacktitle, h4.stacktitle {
        min-width: 50%;
        padding: 10px 50px 8px 20px;
    }

    h1.stacktitle {
        font-size: 30px;
    }

    h2.stacktitle {
        font-size: 25px;
    }

    h3.stacktitle {
        font-size: 22px;
    }

    h4.stacktitle {
        font-size: 18px;
    }

    .waterboxarea .waterboxcontentarea h1,
    .waterboxarea .waterboxcontentarea h2,
    .waterboxarea .waterboxcontentarea h3,
    .waterboxarea .waterboxcontentarea h4 {
        padding: 12px 20px 10px 20px;
    }

    .waterboxarea .waterboxcontentarea h1 {
        font-size: 30px;
    }

    .waterboxarea .waterboxcontentarea h2 {
        font-size: 25px;
    }

    .waterboxarea .waterboxcontentarea h3 {
        font-size: 22px;
    }

    .waterboxarea .waterboxcontentarea h4 {
        font-size: 18px;
    }

    .infocontainer {
        width: 100%;
        overflow: hidden;
        /*padding: 0 20px;*/
        position: relative;
    }

    .infocirclecontainer {
        /*background: #fff;*/
        -webkit-animation-name: none;
        border-radius: 20px;
        width: 100%;
    }

        /*.infoborderoverflowhidden:nth-of-type(1) {
        position: absolute;
        overflow: hidden;
        width: 80%;
    }

    .infocirclecontainer:nth-of-type(1) {
        position: absolute;
        width: 200%;
        border-bottom: 4px dotted #eb551d;
        animation: inversemovex 180s infinite linear;
        background: transparent;
        border-radius: 0;
    }

    .infocirclecontainer:nth-of-type(2) {
        position: absolute;
        width: auto;
        height: 200%;
        border-right: 4px dotted #eb551d;
        margin-right: 20px;
        right: 0;
        border-radius: 0;
        background: transparent;
        animation: inversemovey 180s infinite linear;
    }

    .infocirclecontainer:nth-of-type(3) {
        position: absolute;
        width: 200%;
        bottom: 0;
        border-bottom: 4px dotted #eb551d;
        animation: movex 180s infinite linear;
        background: transparent;
        border-radius: 0;
    }

    .infocirclecontainer:nth-of-type(4) {
        position: absolute;
        width: auto;
        height: 200%;
        background: transparent;
        border-left: 4px dotted #eb551d;
        animation: movey 180s infinite linear;
        border-radius: 0;
    }*/

        /*.infocirclecontainer .infocircle {
            border: 4px dotted #eb551d;
            border-radius: 20px;
            -webkit-animation-name: none;
            padding: 20px;
            width: 100%;
            background: #fff;
        }*/



            .infocirclecontainer .infocircle .inforcircletopimage {
                width: 50%;
            }

            .infocirclecontainer .infocircle .inforcirclebottomimage {
                width: 30%;                
            }

            .infocirclecontainer .infocircle .inforcirclecontent {
                margin: 20px 0;
            }

                .infocirclecontainer .infocircle .inforcirclecontent p, .infocirclecontainer .infocircle .inforcirclecontent ul li, .infocirclecontainer .infocircle .inforcirclecontent ol li, .infocirclecontainer .infocircle .inforcirclecontent ul, .infocirclecontainer .infocircle .inforcirclecontent ol {
                    margin-bottom: 15px;
                }


}
@keyframes movex {
        from { transform: translateX(0%); }
        to {transform: translateX(-50%);}
}
@keyframes movey {
        from {transform: translateY(0%);}
        to {transform: translateY(-50%);}
}

@keyframes inversemovex {
        from {transform: translateX(-50%);}
        to {transform: translateX(0%);}
}

@keyframes inversemovey {
        from {transform: translateY(-50%);}
        to {transform: translateY(0%);}
    }

/*#endregion*/
/*#region max-width:550px;*/
@media screen and (max-width: 550px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -86%;
        margin-bottom: -14%;
    }

    .partysec .balibelly .headingwithimage .headingimage img {
        margin: -25.1% auto;
    }

    .partysec .balibelly .headingwithimage h2 {
        font-size: 18px;
    }

    .waterbox .leftcol {
        display: none;
    }

    .waterbox .middlecol {
        width: 100%;
    }

    .waterbox .rightcol {
        display: none;
    }
    /*.waterbox .leftcol {
        width: 10%;
    }

    .waterbox .rightcol {
        width: 10%;
    }

    .waterbox .middlecol .bottomimage img {
        max-width: 15%;
    }*/
    .swimmingtopcontainer .swimmingcornerimage {
        left: 40px;
        top: -10px;
    }

    .swimmingtopcontainer .swimmingheading {
        padding: 12px 50px 10px 50px;
    }
    .trpage .cover-tabs li 
    {
        width:100%;
    }    
}
/*#endregion*/
/*#region max-width:500px;*/
@media screen and (max-width: 500px) {
    .orangeboxwithrightimage {
        min-height: 110px;
        padding-right: 20%;
    }

    .orangeboxwithrightimagetop .textwithoptimalimageimage img {
        margin-left: -150%;
        max-width: 300%;
        width:300%;
    }

    .orangeboxwithoutheading {
        border-top-right-radius: 15px !important;
    }

    .diseasesarea h2 {
        font-size: 30px;
    }

    .diseasesarea .diseasebox .table .td {
        width: 100%;
        margin-left: 0;
    }

    .diseasesarea .commonbox .ul .li {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
        margin-bottom: 0;
    }

        .diseasesarea .commonbox .ul .li:nth-child(3),
        .diseasesarea .commonbox .ul .li:nth-child(5) {
            margin-left: 0;
        }

        .diseasesarea .commonbox .ul .li:nth-child(4) {
            margin-left: 0;
            width: 100%;
        }

    .diseasesarea .diseasebox ul li p {
        font-size: 11px;
        padding: 10px;
    }

        .diseasesarea .diseasebox ul li p span {
            font-size: 13px;
            margin-top: 10px;
        }

    .diseasesarea .single .diseasebox ul li:nth-child(3) .dis-icon,
    .diseasesarea .japanesbox .diseasebox ul li:nth-child(3) .dis-icon {
        float: none;
        margin-left: 0;
        margin-top: 0;
        margin: auto;
    }

    .diseasesarea .single .diseasebox ul li:nth-child(3) p,
    .diseasesarea .japanesbox .diseasebox ul li:nth-child(3) p {
        float: none;
        margin-top: initial;
        margin: auto;
    }

    .diseasesarea .commonbox .ul .li span {
        right: -22px;
    }

    .diseasesarea .commonbox h3 {
        font-size: 20px;
        margin-bottom: 0;
        margin-top: 30px;
    }

    .diseasesarea .japanesbox .diseasebox ul,
    .diseasesarea .single .diseasebox ul {
        min-height: 550px;
    }

    .diseasesarea .diseasebox .table::after {
        left: 4%;
        right: 4%;
        width: 92%;
    }

    .balibelly {
        margin: 80px auto;
    }

        .balibelly .balibellysvg {
            width: 100px;
            height: 130px;
            top: -60px;
        }

        .balibelly h2 {
            font-size: 30px;
        }

            .balibelly h2 span:last-child {
                padding-left: 50px;
            }

            .balibelly h2 span:first-child {
                padding-right: 50px;
            }

        .balibelly .bellysvg2 {
            margin-right: 20%;
        }

        .balibelly .bellysvg1 {
            margin-left: 3%;
        }


        .balibelly h2 {
            font-size: 16px;
        }

            .balibelly h2 span {
                width: auto;
            }

                .balibelly h2 span:first-child {
                    padding-right: 0;
                }

                .balibelly h2 span:last-child {
                    padding-left: 10px;
                }

        .balibelly h3 {
            padding: 5px 50px;
        }

    .orangeboxwithrightimage .textwithoptimalimageimage img {
        margin-right: -50px;
        max-width: none;
        max-height: 110px;
    }

    .widthlesstha768 .taxiarea .ul .li .taxi-icon {
        width: 70%;
    }

    .partysec .balibelly .headingwithimage {
        font-size: 20px;
    }

    .cornerbox1 .cornerboxheading .noimage.title h2, .cornerbox2 .cornerboxheading .noimage.title h2, .cornerbox1 .cornerboxheading .lefttopimage.title h2, .cornerbox2 .cornerboxheading .lefttopimage.title h2, .cornerbox1 .cornerboxheading .righttopimage.title h2, .cornerbox2 .cornerboxheading .righttopimage.title h2, .cornerbox1 .leftbottomimage.title h2, .cornerbox2 .leftbottomimage.title h2, .cornerbox1 .rightbottomimage.title h2, .cornerbox2 .rightbottomimage.title h2, .cornerbox1 .lefttopbottomimage.title h2, .cornerbox2 .lefttopbottomimage.title h2, .cornerbox1 .topimages.title h2, .cornerbox2 .topimages.title h2, .cornerbox1 .bottomimages.title h2, .cornerbox2 .bottomimages.title h2, .cornerbox1 .righttopbottomimage.title h2, .cornerbox2 .righttopbottomimage.title h2, .cornerbox1 .righttopleftbottomimage.title h2, .cornerbox2 .righttopleftbottomimage.title h2, .cornerbox1 .lefttoprightbottomimage.title h2, .cornerbox2 .lefttoprightbottomimage.title h2, .cornerbox1 .lefttoprighttoprightbottomimage.title h2, .cornerbox2 .lefttoprighttoprightbottomimage.title h2, .cornerbox1 .lefttopleftbottomrightbottomimage.title h2, .cornerbox2 .lefttopleftbottomrightbottomimage.title h2, .cornerbox1 .lefttoprighttopleftbottomimage.title h2, .cornerbox2 .lefttoprighttopleftbottomimage.title h2, .cornerbox1 .righttopleftbottomrightbottomimage.title h2, .cornerbox2 .righttopleftbottomrightbottomimage.title h2, .cornerbox1 .allimages.title h2, .cornerbox2 .allimages.title h2 {
        font-size: 18px;
    }

    /*.scamsinbali .scamsbox .lightgrey ul {
        display: block;
        position: relative;
        margin: 0 10px;
        padding: 0;
        list-style: none;
    }

        .scamsinbali .scamsbox .lightgrey ul li {
            width: 33.3%;
            float: left;
            display: block;
        }

            .scamsinbali .scamsbox .lightgrey ul li .txt {
                letter-spacing: 0px;
                font-size: 16px;
            }*/
    .scamsinbalicontainer {
        padding: 0;
    }

    /*.piercing .piercinstick.left {
        top: -1%;
    }

        .piercing .piercinstick.left::before {
            bottom: 1%;
        }

    .piercing .piercinstick.right {
        bottom: -1%;
    }

        .piercing .piercinstick.right::before {
            top: 1%;
        }*/
    .staysafe .stayheading h2 {
        font-size: 22px;
        letter-spacing: normal;
    }

    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -82%;
        margin-bottom: -14%;
    }

    div.imgMobAlt {
        width: 75%;
    }

    .cornersvg1 img, .cornersvg2 img, .cornersvg3 img, .cornersvg4 img {
        height: auto;
        max-width: 150%;
    }

    .cornersvg2 img, .cornersvg4 img {
        /*margin-left: 20%;*/
    }

    .cornerbox1 .noimage h2, .cornerbox2 .noimage h2 {
        margin: 0;
    }

    .cornerbox1 .allimages h2, .cornerbox2 .allimages h2 {
        margin: 0;
    }

    .cornerbox1 .lefttopimage h2, .cornerbox2 .lefttopimage h2 {
        margin: 0;
    }

    .cornerbox1 .righttopimage h2, .cornerbox2 .righttopimage h2 {
        margin: 0;
    }

    .cornerbox1 .leftbottomimage h2, .cornerbox2 .leftbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .rightbottomimage h2, .cornerbox2 .rightbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .lefttopbottomimage h2, .cornerbox2 .lefttopbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .topimages h2, .cornerbox2 .topimages h2 {
        margin: 0;
    }

    .cornerbox1 .bottomimages h2, .cornerbox2 .bottomimages h2 {
        margin: 0;
    }

    .cornerbox1 .righttopbottomimage h2, .cornerbox2 .righttopbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .righttopleftbottomimage h2, .cornerbox2 .righttopleftbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .lefttoprightbottomimage h2, .cornerbox2 .lefttoprightbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .lefttoprighttoprightbottomimage h2, .cornerbox2 .lefttoprighttoprightbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .lefttopleftbottomrightbottomimage h2, .cornerbox2 .lefttopleftbottomrightbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .lefttoprighttopleftbottomimage h2, .cornerbox2 .lefttoprighttopleftbottomimage h2 {
        margin: 0;
    }

    .cornerbox1 .righttopleftbottomrightbottomimage h2, .cornerbox2 .righttopleftbottomrightbottomimage h2 {
        margin: 0;
    }
}
/*#endregion*/
/*#region max-width:479px;*/
@media screen and (max-width: 479px) {
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -78%;
        margin-bottom: -20%;
    }

    .stiarea .leftcol {
        vertical-align: top;
    }

    /*.stiarea .leftcol img {
            margin-bottom: 0;
            margin-top: -100%;
            margin-left: -20%;
        }*/

    .stiarea .rightcol .contentimage {
        margin-left: -13%;
        margin-bottom: 25%;
    }

    .stiarea .staydeathsvg {
        width: 30%;
    }

    .stiarea .stayheading {
        padding-left: 30%;
    }

    .sti .contentarea {
        padding-left: 20px;
        margin-left: -11%;
    }

    .stiarea .staydrinksvg {
        width: 30%;
        margin-left: 25%;
        margin-top: -20%;
    }

    .womenbottom {
        position: relative;
        width: 100%;
        margin-left: -20%;
        margin-top: -100%;
    }

    .sidebysideboxcontainer {
        width: 100%;
        margin: auto;
        padding: 0 20px;
    }
    .connectedboxescontainer .connectedbox h2         
    {
        max-width:80%;
    }
}

/*#endregion*/
/*#region max-width:450px;*/
@media screen and (max-width: 450px) {
    .widthlessthan768 .taxiarea .ul .li .taxi-icon {
        width: 100%;
    }

    .diseasesarea .headingbg {
        width: 104%;
        margin: -13% auto 0 -2%;
    }

    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -73%;
        margin-bottom: -18%;
    }
}
/*#endregion*/
/*#region max-width:400px;*/
@media screen and (max-width: 400px) {

    .image {
        width: 70% !important;
        margin-left: 15%;
        margin-right: 15%;
    }

    .t-box .title .mosqicon {
        margin-left: 10px;
        margin-top: 35px;
    }

    .dotted-outer {
        margin-bottom: 40%;
    }

    .servicelistarea .servicelistbox {
        float: right;
        width: 95%;
    }

    .diseasesarea .headingbg {
        width: 103%;
        margin: -13% auto 0 -1.5%;
    }

    .diseasesarea .diseasebox .table::after {
        left: 6%;
        right: 3%;
        width: 88%;
    }

    .partysec .balibelly .headingwithimage {
        font-size: 16px;
    }

        .partysec .balibelly .headingwithimage h2 {
            font-size: 12px;
        }

    .partysec .balibelly .contentarea .partyheadingwithleftrightimage h3 {
        font-size: 16px;
    }

    /*.cornersvg1 {
        margin-left: -40px;
        margin-top: -15px;
        float: left;
        height: 80px;
    }

    .cornersvg2 {
        margin-right: -30px;
        margin-top: -15px;
        float: right;
        height: 80px;
    }

    .cornersvg3 {
        width: 70px;
        left: -20px;
        bottom: -15px;
        height: 80px;
        position: absolute;
    }

    .cornersvg4 {
        right: 30px;
        bottom: -30px;
        position: absolute;
        height: 60px;
    }*/

    .cornerbox1 .noimage.chrichtext, .cornerbox2 .noimage.chrichtext {
        padding: 0;
    }

    .cornerbox1 .lefttopimage.chrichtext, .cornerbox2 .lefttopimage.chrichtext {
        padding: 0;
    }

    .cornerbox1 .righttopimage.chrichtext, .cornerbox2 .righttopimage.chrichtext {
        padding: 3% 0px 0;
    }

    .cornerbox1 .leftbottomimage.chrichtext, .cornerbox2 .leftbottomimage.chrichtext {
        padding: 0 0 50px;
    }

    .cornerbox1 .rightbottomimage.chrichtext, .cornerbox2 .rightbottomimage.chrichtext {
        padding: 0px 0px 20px 0px;
    }

    .cornerbox1 .lefttopbottomimage.chrichtext, .cornerbox2 .lefttopbottomimage.chrichtext {
        padding: 0px 0 40px;
    }

    .cornerbox1 .topimages.chrichtext, .cornerbox2 .topimages.chrichtext {
        padding: 0;
    }


    .cornerbox1 .bottomimages.chrichtext, .cornerbox2 .bottomimages.chrichtext {
        padding: 0px 0 50px;
    }


    .cornerbox1 .righttopbottomimage.chrichtext, .cornerbox2 .righttopbottomimage.chrichtext {
        padding: 0 0 10px;
    }


    .cornerbox1 .righttopleftbottomimage.chrichtext, .cornerbox2 .righttopleftbottomimage.chrichtext {
        padding: 0 0 50px;
    }

    .cornerbox1 .lefttoprightbottomimage.chrichtext, .cornerbox2 .lefttoprightbottomimage.chrichtext {
        padding: 0px 0 10px;
    }


    .cornerbox1 .lefttoprighttoprightbottomimage.chrichtext, .cornerbox2 .lefttoprighttoprightbottomimage.chrichtext {
        padding: 0 0 10px;
    }


    .cornerbox1 .lefttopleftbottomrightbottomimage.chrichtext, .cornerbox2 .lefttopleftbottomrightbottomimage.chrichtext {
        padding: 0px 0 50px;
    }


    .cornerbox1 .lefttoprighttopleftbottomimage.chrichtext, .cornerbox2 .lefttoprighttopleftbottomimage.chrichtext {
        padding: 0px 0 50px;
    }


    .cornerbox1 .righttopleftbottomrightbottomimage.chrichtext, .cornerbox2 .righttopleftbottomrightbottomimage.chrichtext {
        padding: 0px 0 50px;
    }


    .cornerbox1 .allimages.chrichtext, .cornerbox2 .allimages.chrichtext {
        padding: 0px 0 50px;
    }
    /*.cornerbox1 .cornerboxheading .noimage.title h2, .cornerbox2 .cornerboxheading .noimage.title h2 {
        padding: 10px 20px 10px 0;
    }

    .cornerbox1 .noimage.chrichtext, .cornerbox2 .noimage.chrichtext {
        padding: 0 20px;
    }

    .cornerbox1 .cornerboxheading .lefttopimage.title h2, .cornerbox2 .cornerboxheading .lefttopimage.title h2 {
        padding: 10px;
        margin-left: -20%;
    }

    .cornerbox1 .lefttopimage.chrichtext, .cornerbox2 .lefttopimage.chrichtext {
        padding: 3% 20px 20px;
    }

    .cornerbox1 .cornerboxheading .righttopimage.title h2, .cornerbox2 .cornerboxheading .righttopimage.title h2 {
        padding: 10px;
        margin-right: -4%;
    }

    .cornerbox1 .righttopimage.chrichtext, .cornerbox2 .righttopimage.chrichtext {
        padding: 3% 0px 0;
    }

    .cornerbox1 .leftbottomimage.title h2, .cornerbox2 .leftbottomimage.title h2 {
        padding: 10px 20px 10px 0;
    }

    .cornerbox1 .leftbottomimage.chrichtext, .cornerbox2 .leftbottomimage.chrichtext {
        padding: 0px 20px 4% 11%;
    }

    .cornerbox1 .rightbottomimage.title h2, .cornerbox2 .rightbottomimage.title h2 {
        padding: 10px 20px 10px 0;
    }

    .cornerbox1 .rightbottomimage.chrichtext, .cornerbox2 .rightbottomimage.chrichtext {
        padding: 0px 0px 8% 0px;
    }

    .cornerbox1 .lefttopbottomimage.title h2, .cornerbox2 .lefttopbottomimage.title h2 {
        margin-left: -20%;
    }

    .cornerbox1 .lefttopbottomimage.chrichtext, .cornerbox2 .lefttopbottomimage.chrichtext {
        padding: 0px 20px 8% 18%;
    }

    .cornerbox1 .topimages.title h2, .cornerbox2 .topimages.title h2 {
        margin-left: -11%;
    }

    .cornerbox1 .topimages.chrichtext, .cornerbox2 .topimages.chrichtext {
        padding: 3% 20px 0 20px;
    }

    .cornerbox1 .bottomimages.title h2, .cornerbox2 .bottomimages.title h2 {
        margin: 10px 20px 10px 0;
    }

    .cornerbox1 .bottomimages.chrichtext, .cornerbox2 .bottomimages.chrichtext {
        padding: 0px 20px 8% 11%;
    }

    .cornerbox1 .righttopbottomimage.title h2, .cornerbox2 .righttopbottomimage.title h2 {
        margin: 10px 20px 10px 0;
    }

    .cornerbox1 .righttopbottomimage.chrichtext, .cornerbox2 .righttopbottomimage.chrichtext {
        padding: 0px 8% 8% 20px;
    }

    .cornerbox1 .righttopleftbottomimage.title h2, .cornerbox2 .righttopleftbottomimage.title h2 {
        margin-right: -4%;
    }

    .cornerbox1 .righttopleftbottomimage.chrichtext, .cornerbox2 .righttopleftbottomimage.chrichtext {
        padding: 0px 8% 8% 18%;
    }

    .cornerbox1 .lefttoprightbottomimage.title h2, .cornerbox2 .lefttoprightbottomimage.title h2 {
        margin-left: -20%;
    }

    .cornerbox1 .lefttoprightbottomimage.chrichtext, .cornerbox2 .lefttoprightbottomimage.chrichtext {
        padding: 0px 20px 8% 18%;
    }

    .cornerbox1 .lefttoprighttoprightbottomimage.title h2, .cornerbox2 .lefttoprighttoprightbottomimage.title h2 {
        margin-left: -20%;
    }

    .cornerbox1 .lefttoprighttoprightbottomimage.chrichtext, .cornerbox2 .lefttoprighttoprightbottomimage.chrichtext {
        padding: 0px 10% 8% 18%;
    }

    .cornerbox1 .lefttopleftbottomrightbottomimage.title h2, .cornerbox2 .lefttopleftbottomrightbottomimage.title h2 {
        margin-left: -20%;
    }

    .cornerbox1 .lefttopleftbottomrightbottomimage.chrichtext, .cornerbox2 .lefttopleftbottomrightbottomimage.chrichtext {
        padding: 0px 20px 8% 11%;
    }

    .cornerbox1 .lefttoprighttopleftbottomimage.title h2, .cornerbox2 .lefttoprighttopleftbottomimage.title h2 {
        margin-left: -20%;
        margin-right: -4%;
    }

    .cornerbox1 .lefttoprighttopleftbottomimage.chrichtext, .cornerbox2 .lefttoprighttopleftbottomimage.chrichtext {
        padding: 0px 20px 8% 11%;
    }

    .cornerbox1 .righttopleftbottomrightbottomimage.title h2, .cornerbox2 .righttopleftbottomrightbottomimage.title h2 {
        margin-right: -4%;
    }

    .cornerbox1 .righttopleftbottomrightbottomimage.chrichtext, .cornerbox2 .righttopleftbottomrightbottomimage.chrichtext {
        padding: 0px 10% 8% 11%;
    }

    .cornerbox1 .allimages.title h2, .cornerbox2 .allimages.title h2 {
        margin-left: -20%;
        margin-right: -4%;
    }

    .cornerbox1 .allimages.chrichtext, .cornerbox2 .allimages.chrichtext {
        padding: 0px 10% 8% 11%;
    }*/

    .scamsinbali .scamsbox .lightgrey {
        padding: 0 10px;
        height: 70px;
    }

        .scamsinbali .scamsbox .lightgrey ul {
            padding: 0;
        }

    .orangebox-text {
        padding: 20px 10px 10px 10px !important;
        margin: 0;
    }

    .scamstitle {
        font-size: 30px;
        letter-spacing: normal;
    }

    .scamsinbali .scamsbox .lightgrey ul li {
        display: block;
        float: left;
    }

        .scamsinbali .scamsbox .lightgrey ul li .txt {
            font-size: 16px;
            padding: 10px 0 0;
            letter-spacing: normal;
            font-weight: 500;
        }

        .scamsinbali .scamsbox .lightgrey ul li .svgwidth {
            width: 80px;
            height: 80px;
        }

    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -59%;
        margin-bottom: -20%;
    }

    .infocirclecontainer .infocircle {
        -webkit-animation-name: none;
    }

    /*.small-dotted-outer {
        width: 100%;
        padding: 0 20px;
    }*/

    /*.small-dotted-outer .richtextcontent {
            padding-bottom: 17%;
        }

        .small-dotted-outer .bottomimagecontent {
            width: 30%;
            margin: -15% auto;
        }*/
    .swimmingtopcontainer .swimmingheading {
        padding: 12px 40px 10px 40px;
    }
}
/*#endregion*/
/*#region max-width:350px;*/
@media screen and (max-width: 350px) {
    /*.piercing .piercinstick.left {
        top: -0.5%;
    }

        .piercing .piercinstick.left::before {
            bottom: 1.51%;2639
        }

    .piercing .piercinstick.right {
        bottom: -0.5%;
    }

        .piercing .piercinstick.right::before {
            top: 1.51%;
        }*/
    .gastrobox .balibelly .headingwithimage .headingimage img {
        margin-top: -60%;
        margin-bottom: -20%;
    }

    .smallinfoboxcontainer li .smallinfoboxheading .smallinfoboxheadingcell {
        width: 75%;
    }

    .smallinfoboxcontainer li .smallinfoboxheading .smallinfoboxheadingimagecell {
        width: 25%;
    }
}

/*#endregion*/