*{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding:0;
    margin:0px;
}

@font-face {
    font-family: "Segoe UI";
    src: url("../fonts/SEGOEUI.ttf") format("ttf");
}
@font-face {
font-family: 'Chronicle Display';
font-style: italic;
font-weight: light;
src: local('Chronicle Display Light Italic'), url('../fonts/chronicle-display/chronicledisplaylightitalic.woff') format('woff');
}
@font-face {
font-family: 'Chronicle Display';
font-style: normal;
font-weight: normal;
src: local('Chronicle Display Roman'), url('../fonts/chronicle-display/chronicledisplayroman.woff') format('woff');
}
@font-face {
font-family: 'Chronicle Display';
font-style: normal;
font-weight: 600;
src: local('Chronicle Display Semibold'), url('../fonts/chronicle-display/chronicledisplaysemibold.woff') format('woff');
}
@font-face {
font-family: 'Chronicle Display';
font-style: normal;
font-weight: bold;
src: local('Chronicle Display Black'), url('../fonts/chronicle-display/chronicledisplayblack.woff') format('woff');
}

:root{
    --pcolor:#EDD84F;
    /*--goldcolor:#f0db6b;*/
    --goldcolor:#FFBC00;
    --textcolor:#ffffff;
    --bigfont:20px;
    --primaryfont:18px;
    --smallfont:16px;
    --headingfont:58px;
    --sectionpadding:80px;  
}

@charset "utf-8";
/* GLOBAL RESETS
**********************************************************/
body{
     counter-reset: my-sec-counter;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; resize:none}
body {line-height:1}
button{ line-height: 1;}
a, a:hover {text-decoration:none!important; outline:none;}
a:active, a:focus {outline:0;} 
img {border:none; vertical-align:top;}
textarea {resize:none}
input {visibility:visible; outline:0px!important;}
/* INDIVIDUAL RESET */
.reset {list-style:none; padding:0; margin:0}
.strong {font-weight:bold} 
/*HTML5 Reset*/
header,footer,aside,article,nav,hgroup,section {display:block}
a:hover{
    text-decoration:none!important;
}
.resetbtn{outline:0px!important;-webkit-box-shadow:none!important;box-shadow:none!important; border:0px;background-color:#fff0;}
.width100{
    width: 100%;
}

h1{
    font-size:58px;
    line-height: 1.3;
}
h2{
    font-size:48px;
    line-height: 1.3;
}
h3{
    font-size:42px;
    line-height: 1.3;
}
h4{
    font-size:36px;
    line-height: 1.3;
}
h5{
    font-size:32px;
    line-height: 1.3;
}
h6{
    font-size:24px;
    line-height: 1.3;
}

p,span,li{
    font-size:var(--primaryfont);
    line-height:2;
}

.richtext ul li{
    position: relative;
    list-style-type: none;
    padding-left:15px;
}

.richtext ul li:before {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    left: 0px;
    border-radius: 50%;
    border: 2px solid var(--pcolor);
    top: 7px;
}
.richtext ol li{
    list-style-position:inside;
}
.richtext,.richtext p,.richtext span{
    font-size:var(--primaryfont);
    line-height:2;
}



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000000;
  cursor: -webkit-grab;
  cursor: grab;

}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius:5px;
  border:2px solid #000;
  -webkit-transition:0.5s;
  transition:0.5s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border:0px solid #000;
}


/*//Loader code css*/
    div#loader-wrapper {
        position:fixed;
        background:#000000;
        height: 100vh;
        width: 100%;
        z-index: 9999999999;
        text-align: center;
        top:0;
        left:0;
    }
    
    .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        width: 300px;
        height: 300px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border:2px solid #ffffff00;
        border-right: 2px solid #ffffff;
        -webkit-animation:loaderanimate 1s linear infinite;
                animation:loaderanimate 1s linear infinite;
    }

    @-webkit-keyframes loaderanimate{
        0%{
            -webkit-transform: translate(-50%,-50%) rotate(0deg);
                    transform: translate(-50%,-50%) rotate(0deg);
        }
        50%{
            -webkit-transform: translate(-50%,-50%) rotate(180deg);
                    transform: translate(-50%,-50%) rotate(180deg);
        }
        100%{
            -webkit-transform: translate(-50%,-50%) rotate(360deg);
                    transform: translate(-50%,-50%) rotate(360deg);
        }
    }

    @keyframes loaderanimate{
        0%{
            -webkit-transform: translate(-50%,-50%) rotate(0deg);
                    transform: translate(-50%,-50%) rotate(0deg);
        }
        50%{
            -webkit-transform: translate(-50%,-50%) rotate(180deg);
                    transform: translate(-50%,-50%) rotate(180deg);
        }
        100%{
            -webkit-transform: translate(-50%,-50%) rotate(360deg);
                    transform: translate(-50%,-50%) rotate(360deg);
        }
    }

    .loader img{
        max-width:250px;
        margin:auto;
        -webkit-animation:anti-loaderanimate 1s linear infinite;
                animation:anti-loaderanimate 1s linear infinite;
    }

    @-webkit-keyframes anti-loaderanimate{
        0%{
            -webkit-transform:rotate(360deg);
                    transform:rotate(360deg);
        }
        50%{
            -webkit-transform:rotate(180deg);
                    transform:rotate(180deg);
        }
        100%{
            -webkit-transform:rotate(0deg);
                    transform:rotate(0deg);
        }
    }

    @keyframes anti-loaderanimate{
        0%{
            -webkit-transform:rotate(360deg);
                    transform:rotate(360deg);
        }
        50%{
            -webkit-transform:rotate(180deg);
                    transform:rotate(180deg);
        }
        100%{
            -webkit-transform:rotate(0deg);
                    transform:rotate(0deg);
        }
    }


/*//Loader code css*/


.fancybox-container{
    z-index: 9999999;
}

.fancybox-caption{
    text-align: center;
    font-size:20px;
    font-family: 'Chronicle Display';
}