.fontAdriannaRegular {
    font-family: "adrianna", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.fontAdriannaDemibold {
    font-family: "adrianna", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.fontAdriannaBold {
    font-family: "adrianna", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.fontArialRegular {
    font-family: "arial", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.fontArialBold {
    font-family: "arial", sans-serif;
    font-weight: 700;
    font-style: normal;
}



body {

    padding: 0px;
    margin: 0px;
}
body, html {
  height: 100%;
}
html {
    overscroll-behavior: none;
}


a:active,
a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

::selection {
    color: none;
    background: none;
}

/* For Mozilla Firefox */
::-moz-selection {
    color: none;
    background: none;
}

h2:active,
h2:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

* {
    -webkit-tap-highlight-color: transparent !important;
}
::-webkit-details-marker {   
    display:none; 
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: auto !important;
    display: none !important;
}
ul {
  list-style-type: none !important;
}
img {
  -webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
  user-drag: none !important;
}
h2 {
  -webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
  user-drag: none !important;
}
a, h2{
    margin: 0px;
    padding: 0px;
}

.btnClick {
    cursor: pointer !important;
    pointer-events: all !important;
}

.txtFont10 {
    font-size: 10px;
}
.txtFont12 {
    font-size: 12px;
}
.txtFont14 {
    font-size: 14px;
}
.txtFont16 {
    font-size: 16px;
}
.txtFont18 {
    font-size: 18px;
}
.txtFont19 {
    font-size: 19px;
}

.txtFont20 {
    font-size: 20px;
}

.txtFont25 {
    font-size: 25px;
}
.txtFont36 {
    font-size: 2.5vw;
}
.txtFont44 {
    font-size: 44px;
}
.txtFont45 {
    font-size: 46px;
}
.txtFont46 {
    font-size: 46px;
}
.txtFont54 {
    font-size: 54px;
}

.txtLeft {
    text-align: left;
}

.txtCenter {
    text-align: center;
}

.colorWhite {
    color: #ffffff;
}
.colorGrey {
    color: #636466;
}
.colorBlack{
    color: #000000;
}
.colorBlack2{
    color: #4A554B;
}
.colorBlue{
    color: #2E2E5B;
}
.colorBlue2{
    color: #2E2E5B !important;
}
.index1 {
    z-index: 10;
}

.index2 {
    z-index: 9;
}

.index3 {
    z-index: 8;
}

.index4 {
    z-index: 7;
}

.index5 {
    z-index: 6;
}
.marginZero{ 
    margin: 0px;
}
.paddingZero{
    padding: 0px;
}
.txtNormal{

}
/* //////////////////////////////////////////////
/////////////////////////////////////////////////
        DIV CLASS    
/////////////////////////////////////////////////
///////////////////////////////////////////////*/
.posAbs1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

.posAbs {
    position: absolute;
}

.posFixed {
    position: fixed;
}

.posRel {
    position: relative;
}

.divSize {
    width: 1920px;
    height: 1080px;
}
.divSizeNew {
    width: 100%;
    height: 100vh;
}

.divSize2 {
    width: 1920px;
    height: 2080px;
}
.txtCaps {
    text-transform: uppercase;
}

.divResizeLeft {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
    pointer-events: none;
}

.divResizeLeftPlan {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
    pointer-events: none;
}
.divResizeLeftPlan2 {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 2080px;
    display: inline-block;
    pointer-events: none;
}
.divResizeLeftPlan3 {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 1382px;
    height: 1080px;
    display: inline-block;
    pointer-events: none;
}


.divResizeRight {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
}
.divResizeRightBottom {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
}
.divResizeRightTop {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
}


.divResizeRightPlan {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
    overflow: hidden;
}
.divResizeRightPlan2 {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 560px;
    height: 2080px;
    display: inline-block;
    overflow: hidden;
}
.divResizeRightPlan3 {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 560px;
    height: 2080px;
    display: inline-block;
    overflow: hidden;
}

.divResizebottomMid {
    position: absolute;
    width: 0px;
    height: 145px;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
}

.divResizeCenter {
    display: inline-block;
    transform-origin: 0px 0px;
    pointer-events: none;
    position: absolute;
}
.divResizeCenterMid1 {
    display: inline-block;
    transform-origin: 0px 0px;
    pointer-events: none;
    position: absolute;
}
.divResizeCenterMid2 {
    display: inline-block;
    transform-origin: 0px 0px;
    pointer-events: none;
    position: absolute;
}

.divResizeTopRight {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    top: 0px;
    right: 0px;
    width: 300px;
    height: 300px;
}

.divResizeTopLeft {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    top: 0px;
    left: : 0px;
    width: 300px;
    height: 300px;
    overflow: hidden;
}

.divResizeBottomLeft {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 400px;
    height: 150px;
}

.divResizeBottomRight {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 400px;
    height: 150px;
    pointer-events: none;
}

.divHide {
    display: none;
}
    .divFull {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1920px;
        height: 1080px;
    }
.divHolder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.divHolder02 {
  position: relative;
  top: 20%;
  left: 11%;
  width: 81%;
  height: 100%;
  overflow: hidden;
}
.divHolderhalf {
    position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
    background-color: red;
}

.bgBlack {
    background-color: #000000;
}
.bgWhite {
    background-color: #FFFFFF;
}
.bgBlue {
    background-color: #2E2E5B;
}
.bgGrey {
    background-color: #E2E3E4;
}
.bgTrans {
    background-color: #fff0;
}

.delayTrans300 {
    transition-delay: 300ms;
}

.delayTrans500 {
    transition-delay: 500ms;
}

.delayTrans750 {
    transition-delay: 750ms;
}

.delayTrans1000 {
    transition-delay: 1000ms;
}

.delayTrans1300 {
    transition-delay: 1300ms;
}

.delayTrans1500 {
    transition-delay: 1500ms;
}

.delayTrans1750 {
    transition-delay: 1750ms;
}

.delayTrans2000 {
    transition-delay: 2000ms;
}

.delayTrans2500 {
    transition-delay: 2500ms;
}

.delayTrans3000 {
    transition-delay: 3000ms;
}




.conDivholder{
    max-width: 1500px !important;
  }
.paddingMargin{
    margin: 0px;
    padding: 0px;
}
.paddingTopBottom{
    padding: 10% 0%;
}


/* //////////////////////////////////////////////
/////////////////////////////////////////////////
        IMAGES  CLASS    
/////////////////////////////////////////////////
///////////////////////////////////////////////*/

.imgFull {
    top: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
}
.imgFull2 {
    top: 0px;
    left: 0px;
    width: 100%;
    position: relative;
}
.imgFullHeight {
    top: 0px;
    left: 0px;
    height: 100%;
    position: absolute;
}
.imgFullHeight2 {
    top: 0px;
    left: 0px;
    height: 100%;
    position: relative;
}

.imgFull3 {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
}



.row1col12{
    width: 100% !important;
}
.row2col8{
    width: 70% !important;
}
.row2col4{
    width: 30% !important;
}
.row2col7{
    width: 57% !important;
}
.row2col5 {
  width: 42.6% !important;
}
.row3col5 {
  width: 39.8% !important;
}
.row3col7 {
  width: 60% !important;
}
.gallPadding1{
    padding-top: calc(var(--bs-gutter-x) * 0.5);
    padding-bottom: calc(var(--bs-gutter-x) * 0.5);
}

.gallPadding2{
    padding-bottom: calc(var(--bs-gutter-x) * 0.5);
}