@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600|Roboto:400,500');
/* collective css */

.pd-l1 {
    padding-left: .7em;
}

.tx-cntr {
    text-align: center;
}

.m-show {
    display: block;
}

.m-hide {
    display: none;
}

.bg-img-none{
    background-image: none !important;
}

/* collective css end*/

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    font-family: 'Open Sans', 'Roboto', sans-serif;
    font-size: 16px;
    zoom: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga", "kern";
    font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.root {
    position: relative;
    width: 100%;
    background-color: black;
    -webkit-animation: unfade;
    animation: unfade;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    overflow-x: hidden;
}

@-webkit-keyframes unfade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes unfade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* heades css */

.header {
    width: 100%;
    height: 20vh;
    background-color: black;
    position: relative;
}

.brand {
    position: absolute;
    width: 50vw;
    height: 100%;
    left: 0;
    padding: 2vh;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.brand img {
    height: 100%;
    width: auto;
    max-width:unset !important;
}

.social {
    position: absolute;
    width: 50vw;
    height: 100%;
    right: 0;
    padding: 2vh;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inrel {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.soc-ico {
    width: 100%;
    height: 50%;
    text-align: center;
}

.imgholder {
    display: inline-block;
    width: 27px;
    height: 27px;
    cursor: pointer;
}

#soc-fb {
    background-image: url("/assets/images/fb.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#soc-fb:hover {
    background-image: url("/assets/images/fb-w.png");
}

#soc-tt {
    background-image: url("/assets/images/tt.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#soc-tt:hover {
    background-image: url("/assets/images/tt-w.png");
}

#soc-ins {
    background-image: url("/assets/images/ins.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#soc-ins:hover {
    background-image: url("/assets/images/ins-w.png");
}

#soc-yt {
    background-image: url("/assets/images/youtube.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 7px;
}

#soc-yt:hover {
    background-image: url("/assets/images/youtube-d.png");
}

.langbox {
    width: 100%;
    height: 50%;
}

.langbox a {
    text-decoration: none;
    color: #99694A;
}

.topnav {
    background-color: #99694A;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2.5em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: none;
}

.topnav ul {
    margin: 0;
    padding: 0;
    padding-left: .6rem;
}

.topnav ul>li {
    display: inline-block;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
}

.lidrop1 {
    -webkit-animation: dropin;
    animation: dropin;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lidrop2 {
    -webkit-animation: dropin;
    animation: dropin;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lidrop3 {
    -webkit-animation: dropin;
    animation: dropin;
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lidrop4 {
    -webkit-animation: dropin;
    animation: dropin;
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lidrop5 {
    -webkit-animation: dropin;
    animation: dropin;
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lidrop6 {
    -webkit-animation: dropin;
    animation: dropin;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lidrop7 {
    -webkit-animation: dropin;
    animation: dropin;
    -webkit-animation-delay: 1100ms;
    animation-delay: 1100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes dropin {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes dropin {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

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

.navlist>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search {
    display: inline-block;
    width: 11vw;
    height: 100%;
    position: relative;
}

.search input {
    height: 100%;
    width: calc(100% - 10px);
    border: 0;
    outline: none;
    background-color: #E2D0C5;
    font-family: 'Open Sans', 'Roboto', sans-serif;
    padding-top: 0;
    padding-bottom: 0;
}

/* header css ends */

.f-gallery {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* background-color: #e1e1e1; */
    background-color: #3e3d3d;
}

.search img {
    position: relative;
    height: 50%;
    top: 24%;
    padding-left: .5rem;
}

.mayayo {
    display: inline-block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.r-mayayo {
    height: 40vh;
    display: inline-block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.ver-divi {
    display: none;
}

.g-bar {
    height: 6vh;
    width: 100%;
    font-weight: bold;
    font-size: 1.1rem;
    background-color: #99694A;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* justify-content: center; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-holder {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m-item {
    height: 40vh;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background-color: black;
    position: relative;
}

/* content css  */

.content {
    width: 100%;
    /* min-height: 80vh; */
    background-color: #e1e1e1;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content img {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    -o-object-fit: contain;
    object-fit: contain;
}

/* content css ends */

/* footer css */

.footer {
    width: 100%;
    background-color: #99694A;
    position: relative;
    padding-bottom: 1.5em;
}

.link-h {
    text-align: center;
}

.link-h ul {
    margin: 0;
    padding: 0;
    padding-top: 1.5em;
    list-style: none;
}

.link-h ul>li {
    padding-bottom: .8em;
}

.link-h ul>li>a {
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: .9rem;
}

.r-copy {
    font-weight: bold;
    font-size: .8rem;
}

.r-copy p {
    text-align: center;
    margin: 0;
    padding-top: 1em;
}

/* footer css ends */

/* @media(max-width:400px){
    .mayayo{

        flex-basis: 100%;
    }
    .r-mayayo{

        flex-basis: 100%;
    }
} */

.langbox p {
    margin: 0;
    text-align: right;
    padding-top: 3px;
}

.langdiv {
    height: 1.2rem;
    background-color: #99694A;
    width: 2px;
    display: inline-block;
    margin-bottom: -4px;
}

.m-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.soc-big {
    background-color: black;
}

.soc-big img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 87% !important;
}

.soc-big img:hover {
    cursor: pointer;
}

.s-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    /* width: 3vw; */
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.s-icon img {
    height: 20px;
    cursor: pointer;
}

.card-over {
    opacity: 0.5;
    background-color: black;
    /* height: 100%; */
    width: 100%;
    top: 0;
    left: 0;
    bottom: 4px;
    position: absolute;
    z-index: 1;
}

.card-over:hover {
    opacity: 0.1;
}

.l-dark {
    background-color: #E2D0C5;
    color: white;
}

.t-anim {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.an1 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.an2 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.an3 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms;
}

.an4 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
}

.an5 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
}

.an6 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}

.an7 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 1100ms;
    animation-delay: 1100ms;
}

.an8 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.an9 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 1300ms;
    animation-delay: 1300ms;
}

.an10 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
}

.an11 {
    -webkit-animation: tdr;
    animation: tdr;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    animation-timing-function: cubic-bezier(.26, .8, .25, .79);
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

@-webkit-keyframes tdr {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes tdr {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.loganim {
    height: 16vh;
    width: 7vw;
    position: relative;
}

.loganim a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.l-left {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    -webkit-animation: slideL1;
    animation: slideL1;
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes slideL1 {
    from {
        opacity: 0;
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideL1 {
    from {
        opacity: 0;
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.l-right {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: slideR2;
    animation: slideR2;
    -webkit-animation-delay: 1600ms;
    animation-delay: 1600ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes slideR2 {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideR2 {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.l-bottom {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation: slideL2;
    animation: slideL2;
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes slideL2 {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideL2 {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.fb20 {
    -ms-flex-preferred-size: 20% !important;
    flex-basis: 20% !important;
}

.hver {
    cursor: pointer;
}

.bookbtn {
    border: #C30E11 solid 1px;
    background-color: #C30E11;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 6px;
    cursor: pointer;
    display: inline-block;
}

.bgman {
    background-image: url("/assets/images/manbg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

/* contact css */

.contact-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70vh;
    position: relative;
}

.c-holder {
    height: 100%;
    width: 89%;
    padding-right: 10%;
    padding-left: 10%;
}

/* content vertical center css */

.ct-outer {
    display: table;
    position: relative;
    height: 100%;
    min-height: 100%;
    width: 100%;
}

.ct-middle {
    display: table-cell;
    vertical-align: middle;
}

.ct-inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /* padding-left: 1%; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*whatever width you want*/
}

/* content vertical center css */

.ct-flex {
    font-size: 0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ct-flex1 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.ct-flex2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#insubmit:hover {
    background-color: #99694A;
    border: 1px solid #99694A;
}

.ctac-h1 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1rem;
}

.ctac-h2 {
    font-size: 1.1rem;
    font-weight: bold;
}

.ctac-tx-s {
    font-weight: 100;
}

.ctac-biflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ctac-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.ctac-right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10%;
}

.seg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.ctac-comp {
    padding-top: 20px;
}

.ctac-fieldname {
    display: block;
    color: #000000;
}

.req:after {
    content: '*';
    display: inline;
}

.ctac-comp span {
    display: block;
}

.ctac-comp input {
    font-size: 0.9rem;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 30px;
    border: 0;
    outline: none;
    border-bottom: 2px solid #828282;
    background: transparent;
    border-radius: 0;
}

.ctac-comp textarea {
    font-size: 0.9rem;
    display: block;
    width: 100%;
    border: 0;
    overflow: hidden;
    outline: none;
    border-bottom: 2px solid #828282;
    resize: none;
    border-radius: 0;
    background: transparent;
}

.ctac-comp button {
    cursor: pointer;
    float: right;
    font-size: 0.9rem;
    display: block;
    line-height: 30px;
    outline: none;
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
    margin-top: 3%;
    margin-bottom: 3%;
    padding-left: 15px;
    padding-right: 15px;
}

.ctac-comp input:focus {
    border-bottom: 2px solid #99694A;
}

.ctac-comp textarea:focus {
    border-bottom: 2px solid #99694A;
}

::-webkit-input-placeholder {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

input, textarea, button {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

:-ms-input-placeholder {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

:-moz-placeholder {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

::-moz-placeholder {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

::-webkit-input-placeholder {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

:-ms-input-placeholder {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

:-moz-placeholder {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

::-moz-placeholder {
    font-family: 'Open Sans', 'Roboto', sans-serif;
}

.ctac-divider {
    height: 0rem;
}

#ct-failed, #ct-success, #er-name, #er-phone, #er-email {
    display: none;
}

#ct-failed-pl, #ct-success-pl, #er-name-pl, #er-phone-pl, #er-email-pl {
    display: none;
}

.brand-red-l {
    color: red;
}

.success-green {
    font-weight: bold;
    color: green;
}

#ct-failed {
    font-weight: bold;
}

.ct-loader {
    position: absolute;
    left: 0;
    top: 30%;
    width: 85%;
    text-align: center;
    display: none;
}

.ct-loader img {
    width: 150px;
    height: 150px;
}

.map-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    font-weight: 100;
    color: black;
}

.map-l img {
    width: 25px;
    padding-left: 5px;
}

.ctac-email:hover>a {
    color: #725A3A;
}

.ctac-phone:hover>a {
    color: #725A3A;
}

.flx-b-100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

/* contact css ends here */

/* top bg images for pages */

.a-t-topbg {
    background-image: url("/assets/images/artists.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.about-topbg {
    background-image: url("/assets/images/about_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.comedy-topbg {
    background-image: url("/assets/images/mic.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-topbg {
    background-image: url("/assets/images/mic.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* top bg images for pages */

/* homepage event 2 text animation css */

.posrel {
    position: relative;
}

.poltext {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: white;
    padding-bottom: 1rem;
}

.p1 {
    font-size: 4.2rem;
    font-weight: bold;
    line-height: 1rem;
}

.p2 {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1rem;
}

.p3 {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1rem;
}

.p1 span {
    display: inline-block;
    opacity: 0;
    transform: translateX(50%);
    animation: sldn;
    -webkit-animation-duration: 1200ms;
    animation-duration: 1200ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms;
}

.p2 span {
    display: inline-block;
    opacity: 0;
    transform: translateX(50%);
    animation: sldn;
    -webkit-animation-duration: 1200ms;
    animation-duration: 1200ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
}

.p3 span {
    display: inline-block;
    opacity: 0;
    transform: translateX(50%);
    animation: sldn;
    -webkit-animation-duration: 1200ms;
    animation-duration: 1200ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1100ms;
    animation-delay: 1100ms;
}

@keyframes sldn{
    from{
        opacity: 0;
        transform: translateX(50%);
    }

    to{
        opacity: 1;
        transform: translateX(0);
    }
}

/* homepage event 2 text animation css ends*/



/* styles for tego event */
.event3{
    background-image: url(/assets/images/the-last-witness.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000 !important;
}

.ev3p{
    position: relative;
    height: 60vh !important;
}


.ev3c{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ev3flx100{
    flex-basis: 100% !important;
}

.f11{
    font-size: 1.1rem !important;
}

.pdlr{
    padding-left: 15rem !important;
    padding-right: 15rem !important;
}

/* end styles for tego event */