@font-face {
        font-family: 'jiotypemedium';
        src: url('fonts/JioType-Medium.eot');
        src: url('assets/fonts/JioType-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/JioType-Medium.woff2') format('woff2'), url('assets/fonts/JioType-Medium.woff') format('woff'), url('assets/fonts/JioType-Medium.ttf') format('truetype'), url('assets/fonts/JioType-Medium.svg#Roboto-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'jiotypebold';
        src: url('../fonts/JioType-Bold.eot');
        src: url('../fonts/JioType-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/JioType-Bold.woff2') format('woff2'), url('../fonts/JioType-Bold.woff') format('woff'), url('../fonts/JioType-Bold.ttf') format('truetype'), url('../fonts/JioType-Bold.svg#JioType-Bold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Helvetica Neue */

    @font-face {
        font-family: 'Helvetica CE 55 Roman';
        src: url('../fonts/HelveticaNeueCE-Bold.eot');
        src: url('../fonts/HelveticaNeueCE-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/HelveticaNeueCE-Bold.woff2') format('woff2'),
            url('../fonts/HelveticaNeueCE-Bold.woff') format('woff'),
            url('../fonts/HelveticaNeueCE-Bold.ttf') format('truetype'),
            url('../fonts/HelveticaNeueCE-Bold.svg#HelveticaNeueCE-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Helvetica CE 55 Roman';
        src: url('../fonts/HelveticaNeueCE-Roman.eot');
        src: url('../fonts/HelveticaNeueCE-Roman.eot?#iefix') format('embedded-opentype'),
            url('../fonts/HelveticaNeueCE-Roman.woff2') format('woff2'),
            url('../fonts/HelveticaNeueCE-Roman.woff') format('woff'),
            url('../fonts/HelveticaNeueCE-Roman.ttf') format('truetype'),
            url('../fonts/HelveticaNeueCE-Roman.svg#HelveticaNeueCE-Roman') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Helvetica CE 35';
        src: url('../fonts/HelveticaNeueCE-Thin.eot');
        src: url('../fonts/HelveticaNeueCE-Thin.eot?#iefix') format('embedded-opentype'),
            url('../fonts/HelveticaNeueCE-Thin.woff2') format('woff2'),
            url('../fonts/HelveticaNeueCE-Thin.woff') format('woff'),
            url('../fonts/HelveticaNeueCE-Thin.ttf') format('truetype'),
            url('../fonts/HelveticaNeueCE-Thin.svg#HelveticaNeueCE-Thin') format('svg');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Helvetica CE 35';
        src: url('../fonts/HelveticaNeueCE-ThinItalic.eot');
        src: url('../fonts/HelveticaNeueCE-ThinItalic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/HelveticaNeueCE-ThinItalic.woff2') format('woff2'),
            url('../fonts/HelveticaNeueCE-ThinItalic.woff') format('woff'),
            url('../fonts/HelveticaNeueCE-ThinItalic.ttf') format('truetype'),
            url('../fonts/HelveticaNeueCE-ThinItalic.svg#HelveticaNeueCE-ThinItalic') format('svg');
        font-weight: 100;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Helvetica CE 55 Roman';
        src: url('../fonts/HelveticaNeueCE-BoldItalic.eot');
        src: url('../fonts/HelveticaNeueCE-BoldItalic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/HelveticaNeueCE-BoldItalic.woff2') format('woff2'),
            url('../fonts/HelveticaNeueCE-BoldItalic.woff') format('woff'),
            url('../fonts/HelveticaNeueCE-BoldItalic.ttf') format('truetype'),
            url('../fonts/HelveticaNeueCE-BoldItalic.svg#HelveticaNeueCE-BoldItalic') format('svg');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Helvetica CE 55 Roman';
        src: url('../fonts/HelveticaNeueCE-Italic.eot');
        src: url('../fonts/HelveticaNeueCE-Italic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/HelveticaNeueCE-Italic.woff2') format('woff2'),
            url('../fonts/HelveticaNeueCE-Italic.woff') format('woff'),
            url('../fonts/HelveticaNeueCE-Italic.ttf') format('truetype'),
            url('../fonts/HelveticaNeueCE-Italic.svg#HelveticaNeueCE-Italic') format('svg');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }



    /* Ends */
    
    body {
        margin: 0;
        padding: 0;
        background-image: url(../img/background.jpg);
		background-repeat: no-repeat;
        /*background-color: #000;*/
        background-size: cover;
        width: 100%;
        height: 100vh;
        /*overflow: hidden;*/
        background-position: top center;
        font-family: "Helvetica CE 35", Arial, Helvetica, sans-serif;
    }
	
	

    .maindiv{
        width: 100%;
        margin: 0 auto;
        display: flex;
        /*align-items: center;*/
        height: 100vh;
    }
    .leftside {
        width: 100%;
        float: left;
        text-align: center;
        /*margin-top: 30px;*/
        /*margin-top: 17vh;*/
    }

    .leftside .logo {
        margin-bottom: 70px;
        margin-top: 45px;
    }

    .leftside p.contact {
        font-size: 30px;
        color: #fff;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        margin:0;
    }

    .leftside p.contact a:link, .leftside p.contact a:visited {
        color: #fff;
        text-decoration: none;
    }

    .leftside p.contact a:hover {
        text-decoration: underline;
    }

    .leftside p.contact span {
        margin:0 30px;
        color: #d97228;
    }

    .leftside p.bigtxt {
        font-style: normal;
        font-size: 33px;
        text-transform: uppercase;
        color: #fff;
        margin:0 0 20px;
    }


    .headtext{
        font-size: 120px;
        line-height: 100px;
        color: #fbbe76;
        /*text-transform: uppercase;*/
        /*font-family: "jiotypebold", Arial, Helvetica, sans-serif;*/
        font-family: "Helvetica CE 35", Arial, Helvetica, sans-serif;
        font-weight: normal;
        /*text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.95);*/
        margin: 0 0 0 0;
    }
    
    .button1 {
        font-size: 20px;
        color: #fff;
        background: #a6520b;
        font-weight: normal;
        border: 0;
        border-radius: 25px;
        height: 41px;
        text-align: center;
        width: 200px;
        /*font-family: "jiotypebold", Arial, Helvetica, sans-serif;*/
        font-family: "Helvetica CE 35", Arial, Helvetica, sans-serif;
    }
    
   /* .button1:hover {
        cursor: pointer;
    }*/
    /* Shutter Out Horizontal */
    
    .hvr-shutter-out-horizontal {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #C19000;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 25px;
    }
    
    .hvr-shutter-out-horizontal:hover,
    .hvr-shutter-out-horizontal:focus,
    .hvr-shutter-out-horizontal:active {
        color: white;
    }
    
    .hvr-shutter-out-horizontal:hover:before,
    .hvr-shutter-out-horizontal:focus:before,
    .hvr-shutter-out-horizontal:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .animate {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    
    /*==== FADE IN UP ===*/
    @-webkit-keyframes fadeInUp {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    @keyframes fadeInUp {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    
    .fadeInUp {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
    }
    
    /*=== FADE IN DOWN ===*/
    .fadeInDown {
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    @-webkit-keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    @keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    
    /*=== FADE IN LEFT ===*/
    @-webkit-keyframes fadeInLeft {
      from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    @keyframes fadeInLeft {
      from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    
    .fadeInLeft {
      -webkit-animation-name: fadeInLeft;
      animation-name: fadeInLeft;
    }
    
    /*==== FADE IN RIGHT ===*/
    @-webkit-keyframes fadeInRight {
      from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    @keyframes fadeInRight {
      from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    
    .fadeInRight {
      -webkit-animation-name: fadeInRight;
      animation-name: fadeInRight;
    }
    
    /*=== FADE IN  ===*/
    @-webkit-keyframes fadeIn {
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
    }
    @keyframes fadeIn {
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
    }
    .fadeIn {
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
    }
    


    @media only screen and (max-width: 767px) {
		body {
			background: url(../img/background-mob.jpg);
			background-position: center center;
			min-height: -webkit-fill-available;
			overflow: hidden;
		}
		.maindiv{
			min-height: -webkit-fill-available;
		}
        .headtext {
            font-size: 70px;
            line-height: 80px;
        }
        
        .logo{
            width: 150px;
             margin: 0 auto;
        }
        .logo img{
            width: 100%;
        }

        .leftside p.bigtxt {
            font-size: 23px;
            margin-bottom: 0px;
        }

        .leftside .logo {
            margin-bottom: 45px;
            margin-top: 45px;
        }
		
		.leftside{
			display: flex;
			align-items: center;
			flex-flow: column;
			justify-content: center;
			padding-bottom: 30vh;
		}


        /* New */

        .leftside p.contact {
            font-size: 18px;
        }

        .leftside p.contact span {
            margin:0 10px;
        }
    }

    @media only screen and (max-width: 500px) {
        .headtext {
            font-size: 45px;
            line-height: 55px;
        }

        .leftside p.contact {
            font-size: 14px;
        }

        .leftside p.contact span {
            margin:0 5px;
        }

        .leftside p.bigtxt {
            font-size: 18px;
            margin-bottom: 0px;
        }
    }

    @media (orientation: landscape) and (max-width: 991px) {
        .leftside p.contact {
            position: relative;
            left: auto;
            right: auto;
            bottom: auto;
            margin:50px auto;
            line-height: 50px;
        }   
    }