/*===============================
Created by : Manas Ranjan das
Created date : 25th Feb 2019
=================================*/


/*==Page Content========
Root variable declaration
Default Rules
Default color classes of project
Website Loader
Button Wave Effect(Material Button)
Floating Social widget


Scroll to top
Cookies End
Media Queries
Icomoon
=======================*/

:root {
    --text-font: 'Roboto', sans-serif;
    --web-color1: #d47e35;
    --web-color2: #7570b3;
    --web-color3: #c85857;
    --web-color4: #4e8dac;
    --web-color5: #f84525;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    color: rgb(103, 103, 103);
    font-family: var(--text-font);
    overflow-x: hidden !important;
}

a {
    color: rgb(44, 54, 67);
    text-decoration: none;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

a:hover,
a:focus {
    color: #000;
    text-decoration: none;
}

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


/*Added By MRD (2nd Jan 2019)*/

.bg--brown {
    background-color: var(--web-color1) !important;
    color: #ffffff
}

.bg--yellow {
    background-color: var(--web-color2) !important;
    color: #ffffff
}

.bg--green {
    background-color: var(--web-color3) !important;
    color: #ffffff
}

.bg--blue {
    background-color: var(--web-color4) !important;
    color: #ffffff
}

.bg--transparent {
    background-color: rgba(0, 0, 0, 0.76) !important;
    color: #ffffff;
}

.text--brown {
    color: var(--web-color1) !important
}

.text--yellow {
    color: var(--web-color2) !important
}

.text--green {
    color: var(--web-color3) !important
}

.text--blue {
    color: var(--web-color4) !important
}

.fb--bgColor {
    background-color: #3b5999
}

.twitter--bgColor {
    background-color: #55acee
}

.youtube--bgColor {
    background-color: #cd201f
}

.instagram--bgColor {
    background-color: #e4405f
}

.pinterest--bgColor {
    background-color: #bd081c
}

.text-red {
    color: red
}

.cursor-pointer {
    cursor: pointer;
}

.no-data {
    text-align: center;
    padding: 2em 0;
}

.overflow-hidden {
    overflow: hidden;
}

.screen-reader:focus {
    outline: none
}


/*Website Loader*/

.spinner-wrapper {
    position: absolute;
    height: 100vh;
    background: #000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
}

.spinner-wrapper .spinner {
    width: 270px;
    height: 270px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.spinner-wrapper .spinner img {
    width: 100%;
    border-bottom: 7px double rgba(250, 250, 250, 0.74);
}


/*Button Wave Effect*/

.btn {
    padding: 5px 16px;
    text-decoration: none;
    outline: none !important;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.btn .badge {
    margin-left: 7px;
}

.z-depth-1,
.btn,
.btn-floating {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half,
.btn:hover,
.btn-floating:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7);
}


/* Firefox Bug: link not triggered */

a.waves-effect .waves-ripple {
    z-index: -1;
}

.section-heading {
    color: #fff;
    font-family: var(--text-font);
    margin: 0 0 2.5em 0;
}

.section-heading h4 {
    font-size: 1.7rem;
    line-height: 1;
    margin: 0;
}

.section-heading h2 {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 4rem;
    margin: 0;
    line-height: 1;
    position: relative;
}

.section-heading h2:after {
    content: "";
    background: url("../images/white-after.png") no-repeat;
    background-size: 100%;
    height: 25px;
    width: 100px;
    position: absolute;
    bottom: -31px;
    left: 45%;
}

.trailtour .section-heading h2:after {
    left: 0;
}

img.img-right {
    width: 225px;
    border-radius: 5px;
    float: right;
    margin: .7em 0 0 0;
    border: 1px solid #d8d7d7;
}

.view-more {
    position: absolute !important;
    right: 20px;
    bottom: 30px;
    font-size: 1rem;
    z-index: 16;
    box-shadow: 1px 1px 4px #333;
}

#eventshomebanner .hvr-rectangle-out.view-more:before {
    background-color: #d23814
}

.fixed-section {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 11;
}

.fixed-section .widget-handle a {
    width: 20px;
    height: 65px;
    position: absolute;
    right: 0;
    top: 0px;
    background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 85%);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 85%);
}

.fixed-section .widget-handle a:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 4px;
    border: 8px solid;
    border-color: transparent #444444 transparent transparent;
}

.fixed-section.dark-theme .widget-handle a {
    background-color: #444
}

.fixed-section.dark-theme .widget-handle a:after {
    border-color: transparent #fff transparent transparent
}

.widget-content {
    padding: 2em 1em 2em 2em;
    border-radius: 25px 0px 0px 25px;
    width: 235px;
    transition: .1s;
    box-shadow: -1px 0px 20px rgba(0, 0, 0, 0.44);
    background: #fff;
    right: -250px;
    position: absolute;
    z-index: 0;
    top: -90px;
}

.widget-content:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background: url(../images/motive-circle.png) no-repeat;
    background-size: 65%;
    background-position: bottom -2rem right -2.5rem;
    z-index: -1
}

.widget-content.showSection {
    right: 0px;
    transition: .4s;
}

.widget-close {
    position: absolute;
    right: 1.4rem;
    top: 6.4rem;
    padding: .6em;
    font-size: .9rem;
}

.widget-content .social-icons {
    border-bottom: 1px solid #d4d4d4;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
}

.widget-content .social-icons li {
    display: inline-block;
    list-style-type: none;
}

.widget-content .social-icons li a {
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    color: #51595d;
    margin: 0 .2rem 0 0;
    color: #fff;
    font-size: .9rem;
}

.widget-content .social-icons li a:hover,
.widget-content .social-icons li a:focus {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
    transition: .5s;
    outline: none
}

.fixed-section h3 {
    font-size: 1.1rem;
    text-transform: uppercase;
    margin: 0 0 .7em 0
}

.fixed-section p {
    font-size: .9rem
}

.fixed-section a.btn {
    padding: .4em 1.5em .3em 1.5em;
}

.widget-content h3 {
    color: #f6461d;
}

.widget-content ul.imp-links {
    margin: 0 0 1em 0
}

.widget-content ul.imp-links li {
    position: relative;
    padding: .3em 0 0 1.1em;
}

.widget-content ul.imp-links li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    height: 8px;
    width: 8px;
    background: #b2b9dc;
    border-radius: 45px;
}

.widget-content ul.imp-links li a {
    color: #687df5;
    font-size: .9rem;
}


/*Button Hover Effect*/

[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    /* background: #e1e1e1; */
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-rectangle-out .active:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fad211;
    -webkit-transform: scale(0);
    transform: scale(0);
    -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: 30px;
}

.hvr-rectangle-out:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d83914;
    -webkit-transform: scale(0);
    transform: scale(0);
    -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: 30px;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
    color: #fff;
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/*Button Types*/

.btn-red {
    background: #f6461d;
    color: #fff;
}

.btn-radius {
    border-radius: 30px;
}


/*floating Social*/

.floating-shadow-effect {
    position: absolute;
}

.menu-item,
.menu-open-button {
    background: var(--web-color3);
    border-radius: 100%;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 40%;
    right: 0;
    color: var(--web-color4);
    text-align: center;
    line-height: 37px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menu-item {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.52);
    right: 10px;
    top: 9px;
    font-size: 1rem;
    line-height: 35px;
    background: #fff;
}

.menu-open {
    display: none;
}

.hamburger {
    width: 25px;
    height: 3px;
    background: #1d5c7d;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
}

.hamburger-1 {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
}

.hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hamburger-3 {
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
}

.menu-open:checked+.menu-open-button .hamburger-1 {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked+.menu-open-button .hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked+.menu-open-button .hamburger-3 {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu {
    position: fixed;
    right: 10px;
    top: 52%;
    box-sizing: border-box;
    font-size: 1.4rem;
    z-index: 2;
}

.menu-item:hover {
    transition: .1s;
}

.menu-item:nth-child(3):hover,
.menu-item:nth-child(3):focus {
    background-color: #55acee;
    color: #ffffff;
}

.menu-item:nth-child(4):hover,
.menu-item:nth-child(4):focus {
    background-color: #3b5999;
    color: #ffffff;
}

.menu-item:nth-child(5):hover,
.menu-item:nth-child(5):focus {
    background-color: #cd201f;
    color: #ffffff;
}

.menu-item:nth-child(6):hover,
.menu-item:nth-child(6):focus {
    background-color: #e4405f;
    color: #ffffff;
}

.menu-item:nth-child(7):hover,
.menu-item:nth-child(7):focus {
    background-color: #bd081c;
    color: #ffffff;
}

.menu-item:nth-child(3) {
    transition-duration: 70ms;
}

.menu-item:nth-child(4) {
    transition-duration: 130ms;
}

.menu-item:nth-child(5) {
    transition-duration: 190ms;
}

.menu-item:nth-child(6) {
    transition-duration: 250ms;
}

.menu-item:nth-child(7) {
    transition-duration: 310ms;
}

.menu-open-button {
    z-index: 2;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.37);
    display: grid;
    align-items: center;
}

.menu-open-button span {
    color: #fff
}

.menu-open:checked+.menu-open-button {
    transition-timing-function: linear;
    transition-duration: 200ms;
    -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
    transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked~.menu-item {
    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menu-open:checked~.menu-item:nth-child(3) {
    transition-duration: 160ms;
    -webkit-transform: translate3d(-10px, -65px, 0);
    transform: translate3d(-10px, -65px, 0);
}

.menu-open:checked~.menu-item:nth-child(4) {
    transition-duration: 240ms;
    -webkit-transform: translate3d(-50px, -43px, 0);
    transform: translate3d(-50px, -43px, 0);
}

.menu-open:checked~.menu-item:nth-child(5) {
    transition-duration: 320ms;
    -webkit-transform: translate3d(-65px, 0px, 0);
    transform: translate3d(-65px, 0px, 0);
}

.menu-open:checked~.menu-item:nth-child(6) {
    transition-duration: 400ms;
    -webkit-transform: translate3d(-50px, 43px, 0);
    transform: translate3d(-50px, 43px, 0);
}

.menu-open:checked~.menu-item:nth-child(7) {
    transition-duration: 480ms;
    -webkit-transform: translate3d(-10px, 65px, 0);
    transform: translate3d(-10px, 65px, 0);
}


/*floating Social*/


/*Website Version*/

.alpha {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: fixed;
    right: -25px;
    transform: rotate(45deg);
    z-index: 1;
    top: 0px;
}

.alpha a {
    color: #fff;
    padding: 2px 20px 2px 45px;
}

.alpha:hover {
    background: #ffc800 !important;
    color: #000;
}


/*Website Version Ends*/

.nav-custom-bg.fixed {
    margin-top: 0px;
    position: fixed !important;
    top: 0px !important;
    left: 0;
    right: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.92);
    box-shadow: 0 5px 5px -5px #333;
    transition-timing-function: ease-in;
    transition: 0.2s;
    transition: all 0.3s ease;
}

.fixed .logo img {
    height: 55px !important;
    transition: 0.5s;
}

.primary-nav {
    padding: .5rem 4rem .5rem 4rem;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}

.nav-bg-color {
    background: #000
}


/*Curtain Menu*/

.curtain-menu {
    position: fixed;
    width: 100vw;
    left: 0;
    top: 0;
    transition: .1s;
    z-index: 1;
}

.menu-left-section,
.menu-right-section {
    height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
    transition: .5s;
}

.menu-close-icon {
    position: absolute;
    right: 5%;
    top: 5%;
    font-size: 1.5rem;
    z-index: 1;
    color: #fff;
    padding: .5rem 1rem;
}

.menu-close-icon:hover {
    color: var(--web-color1)
}

.curtain-menu .menu-left-section {
    left: 0;
    width: 30vw;
    background: #333 100% no-repeat;
    transform: translateX(-100%);
}

.menu-left-section ul li {
    opacity: 0;
    position: absolute;
    height: 100%;
}

.menu-left-section ul li.showMedia {
    opacity: 1;
    transition: .5s;
    z-index: 1;
}

.menu-left-section ul li .photo-caption {
    position: absolute;
    top: 15%;
    left: 5%;
    color: #fff;
    width: 80%;
}

.menu-left-section ul li .photo-caption span:first-child {
    font-size: 2.8rem;
    display: block;
    width: 80%;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 .1em 0
}

.curtain-menu .menu-right-section {
    right: 0;
    width: 70%;
    background: url("../images/events-sideimg.png") right -12em bottom -18em no-repeat;
    background-color: #27150b;
    background-size: 50%;
    transform: translateX(100%);
}

.curtain-menu .menu-right-section:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 6px;
    width: 100%;
    background: linear-gradient(to left, var(--web-color4) 25%, var(--web-color3) 25% 50%, var(--web-color2) 50% 75%, var(--web-color1) 75% 100%)
}

.curtain-menu.showMenu .menu-left-section,
.curtain-menu.showMenu .menu-right-section {
    transform: translateX(0%);
}

.menu-left-section ul li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.menu-right-section nav {
    padding: 5em;
}

.main-menu {
    position: relative;
}

.main-menu>li {
    width: 260px;
    /* padding: .7em 0; */
}

.main-menu>li>a {
    font-size: 1.8rem;
    display: block;
    color: rgba(255, 255, 255, 0.85);
    padding: .5em 0;
}

.menu__dropdown {
    position: absolute;
    top: 1.9em;
    left: 16em;
    width: 100%;
    display: none;
    height: 200px;
}

.menu__dropdown__column {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.main-menu>li:hover .menu__dropdown,
.main-menu>li.active .menu__dropdown {
    display: block;
    top: 1.4em;
    transition: .5s
}

.dropdown__column__items li {
    margin: .6em 0;
}

.dropdown__column__title {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.62);
    font-weight: normal;
}

.main-menu>li.menu__theme:nth-child(1):hover>a,
.main-menu>li.menu__theme.active:nth-child(1)>a {
    color: var(--web-color1)
}

.main-menu>li.menu__theme:nth-child(2):hover>a,
.main-menu>li.menu__theme.active:nth-child(2)>a {
    color: var(--web-color2)
}

.main-menu>li.menu__theme:nth-child(3):hover>a,
.main-menu>li.menu__theme.active:nth-child(3)>a {
    color: var(--web-color4)
}

.main-menu>li.menu__theme:nth-child(1) .menu__dropdown li a:hover,
.main-menu>li.menu__theme:nth-child(1) .menu__dropdown li.active a,
.main-menu>li.menu__theme:nth-child(1) .dropdown__column__title {
    color: var(--web-color1)
}

.main-menu>li.menu__theme:nth-child(2) .menu__dropdown li a:hover,
.main-menu>li.menu__theme:nth-child(2) .menu__dropdown li.active a,
.main-menu>li.menu__theme:nth-child(2) .dropdown__column__title {
    color: var(--web-color2)
}

.main-menu>li.menu__theme:nth-child(3) .menu__dropdown li a:hover,
.main-menu>li.menu__theme:nth-child(3) .menu__dropdown li.active a,
.main-menu>li.menu__theme:nth-child(3) .dropdown__column__title {
    color: var(--web-color4)
}

.main-menu>li.menu__theme .menu__dropdown li a {
    border-bottom: 1px solid transparent;
    font-size: 1.2rem;
    color: #c3c3c3;
}

.main-menu>li.menu__theme .menu__dropdown li a:hover,
.main-menu>li.menu__theme .menu__dropdown li.active a {
    border-bottom: 1px solid
}


/*Curtain Menu Ends*/

.primary-nav.nav--small {
    background: #333;
}

.primary-nav.nav--small .logo {
    position: relative;
    top: -11px;
    margin: 0;
    /*height: 60px;*/
}

.menu-utility-icons {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*height: 60px;*/
}


/*Menu Toggle Icon*/

.menu-toggle-icon {
    width: 28px;
    cursor: pointer;
}

.menu-toggle-icon span {
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 8px 0;
    border-radius: 10px;
}

.menu-toggle-icon span:focus {
    outline: none
}

.menu-toggle-icon span:nth-child(2) {
    width: 80%
}


/**********Karishma****/

.main-menu>li.menu__theme:nth-child(4):hover>a,
.main-menu>li.menu__theme.active:nth-child(4)>a {
    color: #ee403f;
}

.main-menu>li.menu__theme:nth-child(5):hover>a,
.main-menu>li.menu__theme.active:nth-child(5)>a {
    color: #3d9c88;
}

.main-menu>li.menu__theme:nth-child(4) .menu__dropdown li a:hover,
.main-menu>li.menu__theme:nth-child(4) .menu__dropdown li.active a,
.main-menu>li.menu__theme:nth-child(4) .dropdown__column__title {
    color: #ee403f;
}

.main-menu>li.menu__theme:nth-child(5) .menu__dropdown li a:hover,
.main-menu>li.menu__theme:nth-child(5) .menu__dropdown li.active a,
.main-menu>li.menu__theme:nth-child(5) .dropdown__column__title {
    color: #3d9c88;
}


/*Top Search Start*/

.topsearch {
    margin: 0 1rem 0 0;
    /*display: flex;*/
}

#topsearch {
    display: none;
}

#topsearch.active {
    display: block !important;
}

.deptlink .btn {
    border-radius: 30px;
    color: #fff !important;
}

.deptlink .btn:focus,
.topsearch .btn:focus {
    color: #fff !important;
}

.deptlink .btn:focus:hover,
.topsearch .btn:focus:hover {
    color: #000 !important;
}

.topsearch .btn {
    color: #fff !important;
}

#topsearch {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    padding: 39px 0px;
    background: #fff;
    box-shadow: 0px 0px 4px #ccc;
}

.searchbtn {
    border: 0;
    font-size: 1.5rem;
    font-weight: 300;
    display: block;
    color: #fff;
    line-height: 0;
    padding-top: 15px;
    padding-right: 15px;
}

#topsearch input[type="text"] {
    border: 0;
    bottom: 0;
    color: #3b444f;
    font-size: 1.6rem;
    height: 3.8rem;
    left: 2.5rem;
    margin-bottom: auto;
    margin-top: auto;
    outline: 0;
    position: absolute;
    right: 5.9rem;
    top: 0;
    width: 100%;
}

#topsearch input::placeholder {
    color: #6f6f6f;
    font-size: 0.9em !important;
    font-weight: 200 !important;
}

#topsearch i {
    color: #757171;
    font-size: 1.2em;
}


/*Top Search End*/


/*SignIn Form Start*/

.signin {
    margin: 0 1rem 0 0;
}

.signin .btn {
    box-shadow: none;
}

.signin-icon {
    font-size: 1.5rem;
    color: #fff;
    display: block;
    line-height: 0;
}

.mobLogin {
    color: #fff;
    display: block;
    font-size: 1.5rem;
}

.mobLogin:hover {
    color: #f6b417
}

.signin .btn.focus,
.signin .btn:focus {
    box-shadow: none;
}

.signinbox {
    position: absolute;
    right: 33px;
    width: 315px;
    margin-top: 20px;
}

.signinbox:before {
    content: '';
    position: absolute;
    top: 0;
}

.signinbox:before {
    content: '';
    position: absolute;
    top: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    right: 20%;
    z-index: 1;
}

.signinbox .card {
    background: #fff;
    font-size: 0.9em;
    border-radius: 4px;
    border: 1px solid #8a8787;
    box-shadow: 0px 2px 15px #000;
}

.signinbox .card h4 {
    font-size: 1.3em;
    color: #f00;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

.signinbox input[type='radio'] {
    margin-right: 7px;
}

.signinbox .main_input_box {
    position: relative;
}

.signinbox .main_input_box .add-on {
    position: absolute;
    left: 1px;
    font-size: 1em;
    color: #9a9898;
    top: 1px;
    background: #f3f3f3;
    padding: 8px;
    border-right: #ededed 1px solid;
}

.signinbox .main_input_box input {
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    outline: 0;
    padding: 8px 8px 8px 40px;
}

.signinboxcatcha {
    height: 39px;
    overflow: hidden;
}

.signinboxcatcha img {
    width: auto;
    height: 100%;
    border: 1px solid #ced4da;
    border-radius: 3px 0 0 3px
}

.refresh-captcha1 a {
    text-align: center;
    height: 39px;
    display: block;
    color: #fff;
    border: 1px solid;
    line-height: 2.8;
    border-color: #4e8dac;
    background: #4e8dac;
}

.forgotpasswordbx h4 {
    text-align: center;
    color: #000 !important;
    margin-bottom: 20px !important;
}

.forgotpasswordbx input,
.forgotpasswordbx .btn-info[type="text"] {
    margin-bottom: 20px !important;
}

.forgotpasswordbx {}

.backlogin {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.forgotheading {
    display: none;
}

.forgotpasswordbx {
    display: none;
}

.loginfirstbx .btn,
.forgotpasswordbx .btn {
    width: 100px;
}

.signupbox {
    display: none;
}

.sociallogin {
    display: none;
}

.sociallogin .fb {
    text-align: center;
}

.sociallogin .gp {
    text-align: center;
}

.sociallogin .socialtext {
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 10px 0 0 0;
}

.sociallogin .fblogin,
.sociallogin .gpluslogin {
    text-align: center;
    width: 48%;
    float: left;
    border: #ededed 1px solid;
    padding: 5px 5px;
    margin: 10px 0 0 0;
    font-weight: 600;
}

.sociallogin .fblogin a,
.sociallogin .gpluslogin a {
    display: block;
}

.sociallogin .gpluslogin {
    float: right;
}

.baseline {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 15px;
    background-color: #f1f1f1;
    border-top: 1px solid #e6e6e6;
    display: none;
}

.baseline a {
    color: var(--web-color4);
}


/*SignIn Form End*/

.signin-icon:hover,
.signin-icon:focus,
.searchbtn:hover {
    color: var(--web-color1);
    transition: .5s
}

.menu-toggle-icon:hover span {
    background-color: var(--web-color1);
    transition: .5s
}


/*Top Bar Start*/

.toplink {
    font-size: 12px;
}

.font-type a {
    padding: 2px 2px;
    border-radius: 3px;
    line-height: 100%;
}

.toplink li a,
.font-type a {
    color: #cecece;
}

.toplink li {
    float: left;
    margin-right: 6px;
}

.toplink li a {
    padding: 0 .4rem;
    border-right: 1px solid #ccc;
    padding-right: 8px;
    font-weight: bold;
    font-size: 1.1rem;
    font-family: "fullneue-book";
}

.toplink li a:hover,
.toplink li a:focus {
    color: var(--web-color1)
}

.toplink li:last-child a {
    border: none;
}

.toplink li:nth-child(2) a {
    border-right: 1px solid #ccc;
    padding-right: 8px;
}


/*Placed from menu.php*/

.signinboxList {
    position: absolute;
    right: 36px;
    width: 220px;
    margin-top: 10px;
}

.signinboxList ul li {
    border-bottom: 1px solid #e2e2e2;
    padding: 0 5px;
}

.signinboxList ul li:hover a {
    color: var(--web-color5);
}

.signinboxList ul li:last-child {
    border-bottom: none
}

.signinboxList ul li a {
    display: block;
    padding: .3rem 0
}

.signinboxList ul li a span {
    margin-right: 10px;
    color: var(--web-color5);
    font-size: .9rem;
}

.card-body-list {
    flex: 1 1 auto;
    padding: 0.25rem 0.65rem 0.25rem 0.65rem;
}

.card-body-list ul a li {
    padding: 5px 0px 5px 5px;
}


/*User Login Modal*/

.prepend-icon {
    position: relative;
}

.prepend-icon input {
    padding-left: 2.5rem
}

.prepend-icon span {
    position: absolute;
    left: 15px;
    z-index: 1;
    top: 10px;
}


/*ends*/


/*User OTP*/

#otpInput {
    padding-left: 13px;
    letter-spacing: 41px;
    border: 0;
    background-image: linear-gradient(to left, #a7a7a7 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 220px;
    min-width: 220px;
}

#otpInput:focus {
    outline: none
}

.otpInner-box {
    left: 0;
    position: sticky;
}

.otpInput-box {
    width: 190px;
    overflow: hidden;
    margin: 0 auto 2rem auto;
}

.resend-otp {
    font-size: .9rem;
    margin: 0 0 0 1rem;
}

.text--gray {
    color: #868686
}


/*User OTP ends*/


/*Popup Modal on Website Load*/

div#hockeymodal {
    background: rgba(37, 37, 37, 0.9);
}

.addtop-btn {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.hockeym .close {
    font-size: 25px;
    opacity: 1;
    color: #fff !important;
    background: transparent;
    padding: 10px;
    text-shadow: none;
}

.hockeym .modal-body,
.hockeym .card-img-overlay {
    padding: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.hockeym .card-img-overlay a {
    position: absolute;
    bottom: 28px;
    left: 49px;
}

#hockeymodal .hvr-rectangle-out:before {
    background: #9c7500;
}


/*Footer Section Start*/

#footer {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#footer:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.85);
}

.footer-social {
    border-bottom: 1px solid #6b6b6b;
    width: 80%;
    margin: auto;
    border-top: 1px solid transparent;
    text-align: center;
    padding: 6em 0 2em 0;
}

.footer-social ul {
    display: inline-block;
}

.footer-social li {
    float: left;
    display: inline-block;
}

.footer-link {
    padding: 2.5em 0;
}

#footer .brownbg,
#footer .yellowbg,
#footer .greenbg,
#footer .skybg {
    height: 20px;
}

#footer .brownbg {
    background: #d76c34;
}

#footer .yellowbg {
    background: #cfac44;
}

#footer .greenbg {
    background: #829b48;
}

#footer .skybg {
    background: #4c97ac;
}

.footerbottom {
    width: 100%;
    position: absolute;
    bottom: -1px;
    height: 15px;
    width: 100%;
    background: linear-gradient(to left, var(--web-color4) 25%, var(--web-color3) 25% 50%, var(--web-color2) 50% 75%, var(--web-color1) 75% 100%);
}

.footerbottom li {
    float: left;
    width: 25%;
}

#footer a,
#footer {
    line-height: 100%;
    overflow: hidden;
}

#footer {
    position: relative;
}

#footer {
    background: #f8f9fa;
    box-shadow: inset rgba(0, 63, 95, 0.6) 5px 5px 55px;
}

.footer-linkbottom {
    padding: 3em 0 0em 0;
    border-top: 1px solid #6b6b6b;
    width: 80%;
    margin: auto;
    margin-top: 35px;
}

.footer-linkbottom li {
    display: inline-block;
    border-right: 1px solid #e1e1e1;
    margin-right: 5px;
    padding-right: 10px;
    line-height: 100%;
    /* margin-top: 40px; */
}

.footer-linkbottom li a:hover,
.footer-linkbottom li a:focus {
    color: var(--web-color1);
}

.footer-linkbottom li:last-child {
    border: none;
    margin-right: 0px;
    padding-right: 0px;
}

.footer-linkbottom img {
    width: auto
}

.footer-linktop {
    width: 80%;
    margin: auto;
}

.footer-linktop .border-right {
    position: absolute;
    height: 100%;
    width: 1px;
    left: -30px;
}

.footer-linktop ul li h4 {
    color: #202124;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0px 0px 20px 0px;
}

.footer-linktop ul li h5 {
    color: #202124;
    font-size: 1.4em;
    font-weight: 400;
    margin: 0 0 .7rem 0;
    position: relative;
    padding: 0 0 .7rem 0;
}


/*.footer-linktop ul li h5:after{content:'';width: 43px;position:absolute;height:1px;background: #a56c4f;left: 0;bottom: 0;}*/

.footer-linktop ul li a {
    /* font-size: 0.9em; */
    font-weight: 300;
    line-height: 100%;
    color: #202124;
}

.footer-linktop ul li a:hover,
.footer-linktop ul li a:focus {
    color: var(--web-color1);
}

.footer-linktop ul li {
    margin: 0px 0px 1.2rem 0px;
}


/* .footer-linktop ul li:after {
    content: '';
    position: absolute;
    width: 1px;
    background: rgba(225, 225, 225, 0.4);
    height: 100%;
    top: 0;
    right: 0;
} */

.footer-linktop ul li:last-child:after {
    display: none;
}

.footer-linktop ul ul li:after {
    display: none;
}


/*footer social icons*/

.social-icon {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: #d76c34;
    display: inline-flex;
    justify-content: center;
    transition: 1s;
    align-items: center;
}

.social-icon a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.icon__circle {
    top: 8px;
    left: 6px;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 80%;
    position: absolute;
    stroke: #d76c34;
    stroke-width: 2px;
    stroke-dasharray: 169.65;
    stroke-dashoffset: 0;
    fill: none;
    transform-origin: center;
    overflow: visible;
    transform: rotate(90deg);
    transition: stroke-dashoffset .65s cubic-bezier(.55, .085, .68, .53);
}

.icon__circle--hover {
    stroke-dasharray: 201.06;
    stroke-dashoffset: 201.06;
    transition: stroke-dashoffset .75s cubic-bezier(.215, .61, .355, 1) .35s;
}

.social-icon span {
    font-size: 1rem;
    transform-origin: center;
    transition: 1s;
}

.hover .icon__circle:not(.icon__circle--hover),
a:hover .icon__circle:not(.icon__circle--hover) {
    stroke-dashoffset: 169.65;
}

.social-icon:hover .icon__circle--hover {
    stroke-dashoffset: 0;
}

.social-icon:hover {
    transition: 1s;
}

.social-icon:hover span {
    transform: scale(1.2);
    transition: 1s;
}

.icon__circle--hover {
    stroke-dasharray: 201.06;
    stroke-dashoffset: 201.06;
    transition: stroke-dashoffset 1.75s cubic-bezier(.215, .61, .355, 1) .1s;
}


/*Footer social icons Ends


/*Scroll to Top*/

#back2Top {
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 135px;
    right: 35px;
    background: rgba(0, 0, 0, 0.6705882352941176);
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    transition: 0.5s;
    border: 0;
    font-weight: bold;
    align-items: center;
    padding: .5em;
}

#back2Top a {
    color: #fff
}

#back2Top:hover {
    background-color: #fad211;
    color: #000;
}


/*Scroll to Top ends*/


/*Cookies Start*/

.cooki-msg {
    z-index: 1000;
    background-color: #ffffff;
    border-color: #ffffff;
    position: fixed;
    bottom: 0;
    text-align: center;
    color: #000;
    width: 300px;
    border-radius: 10px;
    left: 15px;
    padding: 20px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, .2), 0 4px 30px rgba(0, 0, 0, .1);
}

.btn.cookie-close {
    background: #e4ae16;
    color: #fff;
    border-color: #e4ae16;
    margin: 15px 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    display: block;
}

.btn.cookie-close:hover,
.btn.cookie-close:focus {
    background: #000000 !important;
    color: #fff;
    border-color: transparent !important
}

.close.cookie-close {
    cursor: pointer;
}

.cooki-msg h4 {
    font-weight: normal;
    font-size: 1.4em;
}

.cookie-close i {
    font-size: 0.7em;
    color: #000;
    font-weight: 900;
}


/*Cookies End*/


/*form information*/

.information-box {
    position: absolute;
    top: 7px;
    right: -3px;
}


/*end information*/


/*Start :: Contrast View*/

.contrastview {
    margin: 2px 0 0 10px;
}

.black-box,
.white-box {
    text-align: center;
    width: 14px;
    height: 14px;
    float: right;
}

.white-box {
    background-color: #fff;
    border: rgba(0, 0, 0, 0.73) 1px solid;
}

.black-box {
    background-color: #000;
    margin-left: 5px;
    margin-right: 7px;
    border: rgba(255, 255, 255, 0.52) 1px solid;
}

.black-box:hover,
.white-box:hover {
    text-decoration: none;
}


/* end :: Contrast View*/


/*code added by Ajit on :18-05-2019;*/

.fani {
    width: 650px;
    background: #4e8cac;
}


/*Media Queries*/

@media (max-width :1920px) {
    .footer-linktop .border-right {
        left: -8px;
    }
    .footer-linktop ul li:after {
        right: 8px;
    }
}

@media (max-width: 1600px) {
    .footer-linktop .border-right {
        left: -11px;
    }
    .footer-linktop ul li:after {
        right: 11px;
    }
}

@media (max-width: 1366px) {
    .logo {
        width: 200px;
        position: relative;
        top: 1px;
        line-height: 0;
    }
    .logo img {
        width: 100%
    }
    .primary-nav {
        padding: 0.5rem 4rem 0rem 2rem;
    }
    .curtain-menu .menu-right-section {
        background: url(../images/events-sideimg.png) right -7em bottom -11em no-repeat;
        background-color: #27150b;
    }
    .main-menu>li {
        width: 250px;
    }
    .main-menu>li>a {
        font-size: 1.5rem;
    }
    .menu__dropdown {
        left: 15em
    }
    .menu__dropdown__column {
        width: 24%
    }
    .dropdown__column__title {
        font-size: 1.3rem;
    }
    .footer-linktop .border-right {
        left: -5px;
    }
    .footer-linktop ul li:after {
        right: 5px;
    }
    .menu {
        top: 45%;
        /* right: 4.8%; */
    }
    #footer {
        padding: 2em 0 0 0;
    }
    .footer-linktop ul li {
        margin: 0px 0px .8rem 0px;
    }
    .footer-social {
        padding: 2.5rem 0 1em 0;
    }
    .footerbottom {
        height: 8px;
    }
    .footer-link {
        padding: .5em 0;
    }
    .footer-linkbottom {
        padding: 2em 0 0 0;
        margin-top: 0;
    }
    .footer-linkbottom img {
        width: 30%;
    }
}

@media (max-width: 1024px) {
    .logo {
        width: 145px;
        position: relative;
        top: -15px;
    }
    .logo img {
        width: 100%;
    }
    .menu-close-icon {
        right: 8%;
        top: 6%;
    }
    .curtain-menu .menu-left-section {
        width: 25vw
    }
    .menu-left-section ul li .photo-caption span:first-child {
        font-size: 1.8rem;
    }
    .menu-left-section ul li {
        /* width: 90% */
    }
    .menu-left-section ul li .photo-caption span:last-child {
        width: 75%;
    }
    .curtain-menu .menu-right-section {
        width: 75vw;
        background: #27150b url(../images/events-sideimg.png) right -11em bottom -11em no-repeat;
        background-size: 50%
    }
    .menu-right-section nav {
        padding: 5em 3em 5em 3em;
    }
    .main-menu>li {
        width: 195px;
    }
    .main-menu>li>a {
        font-size: 1.3rem;
    }
    .menu__dropdown {
        left: 11em;
    }
    .dropdown__column__title {
        font-size: .9rem;
    }
    .dropdown__column__items li {
        margin: .3em 0;
    }
    .main-menu>li.menu__theme .menu__dropdown li a {
        font-size: .8rem;
    }
    .menu-open-button {
        width: 40px;
        height: 40px;
    }
    .menu-item {
        right: 3px;
        top: 2px;
    }
    .footer-linktop {
        width: 98%;
    }
    #footer a {
        font-size: .7rem;
    }
    .footer-linkbottom li {
        margin: 0
    }
    .footer-linkbottom ul {
        padding: 1.1em 0;
    }
}

@media (max-width: 992px) {
    .logo {
        margin: 0;
        line-height: 0;
    }
    .hockeym .card-img-overlay a {
        position: absolute;
        bottom: 11px;
        left: 34px;
    }
    .footer-linktop {
        width: 80%;
    }
    #footer {
        padding: .8em 0 0 0;
    }
    .footer-linkbottom ul {
        padding: 2.5em 0;
    }
    .footer-social {
        border-bottom: 1px solid rgba(46, 66, 78, 0.55);
        padding: 1rem 0 1em 0;
    }
    .footer-linktop ul li h4 {
        margin: 0;
    }
    .footer-linktop ul li h5 {
        margin: .5rem 0;
        font-size: 1rem;
    }
    .footer-linktop ul li h5:after {
        /* top: 35px; */
    }
    #footer a {
        font-size: 1rem;
    }
    .footer-link {
        padding: 1.5em 0 0 0;
    }
    .footer-linktop ul li:after {
        display: none;
    }
    .footer-linktop ul li h4 {
        color: #647341;
        font-size: 1.4em;
    }
    .footer-linkbottom img {
        width: auto;
    }
}

@media (max-width: 768px) {
    .logo {
        width: 170px;
        top: 0;
    }
    .primary-nav {
        padding: .5rem 4rem 1rem 2rem;
    }
    .primary-nav.nav--small .logo {
        top: 0px;
    }
    .menu-utility-icons {
        padding: .9rem 0 0 0;
    }
    .curtain-menu .menu-left-section {
        display: none;
    }
    .curtain-menu .menu-right-section {
        width: 100vw;
    }
    .menu-right-section nav {
        padding: 7em 3em 5em 3em;
    }
    .font-type {
        display: none;
    }
    .footer-social,
    .footer-linktop,
    .footer-linkbottom {
        width: 100%;
    }
    .footer-linktop .border-right {
        left: -7px;
    }
    .footer-linktop ul li:after {
        right: 7px;
    }
    .footer-linkbottom {
        padding: 0
    }
    .footer-linkbottom ul {
        padding: 1.5em 0;
    }
    #back2Top {
        bottom: 6rem;
        right: 20px;
    }
}

@media (max-width: 660px) {
    .primary-nav {
        padding: .5rem 3rem .5rem 2rem;
    }
    .main-menu>li.menu__theme .menu__dropdown li a {
        font-size: .9rem;
        padding: .2rem 0;
        display: block;
    }
    #topsearch {
        padding: 35px 0px;
    }
    #footer a {
        font-size: .9rem;
    }
    .footer-linkbottom {
        padding: 1em 0 2.5em 0;
    }
    .footer-linkbottom ul {
        padding: 0;
    }
    .footer-linktop .border-right {
        display: none;
    }
    .footer-linktop ul li:after {
        display: none;
    }
    .footer-linkbottom ul li {
        margin-top: 15px;
    }
    .footer-linktop ul li h4 {
        margin: 20px 0px 0px 0px;
    }
    .footer-link {
        padding: 10px 0px 0px 0px;
    }
    .footer-linktop ul li h5 {
        margin: 1rem 0 .5rem 0;
        font-size: 1em;
    }
    .footer-linktop ul li h5:after {
        /* top: 36px; */
    }
    .footer-linktop ul li a {
        font-size: 1em;
    }
    #back2Top {
        height: 30px;
        width: 30px;
        font-size: .7rem;
    }
}

@media (max-width: 630px) {
    .menu-right-section nav {
        padding: 5em 1em 5em 1em;
    }
    .curtain-menu .menu-right-section {
        background: #27150B url(../images/events-sideimg.png) right 6em bottom -12em no-repeat;
        background-size: 65%;
    }
    .contrastview {
        display: none;
    }
}

@media (max-width: 576px) {
    body {
        font-size: 1em;
    }
    .btn {
        font-size: .9rem
    }
    .section-heading h2:after {
        left: 40% !important;
    }
    .alpha a {
        padding: 0px 20px 0px 32px;
        line-height: 20px;
    }
    .alpha {
        font-size: 0.7em;
        right: -20px;
    }
    .logo {
        top: 1px;
        width: 140px;
    }
    .toplink {
        padding-top: 0;
    }
    .toplink li {
        margin: 0
    }
    .toplink li:last-child {
        display: block;
    }
    .toplink li:nth-child(2) a {
        border: none;
        padding-right: 0
    }
    .menu-right-section {
        overflow-y: scroll;
    }
    .menu-close-icon {
        right: 100px;
    }
    .curtain-menu .menu-right-section:after {
        display: none;
    }
    .menu-right-section nav {
        padding: 2.4em 8em 5em 2em;
    }
    .curtain-menu.showMenu .menu-right-section {
        transform: translateX(10%);
    }
    .main-menu>li {
        width: auto;
    }
    .main-menu>li:hover .menu__dropdown {
        display: none;
    }
    .menu__dropdown {
        position: relative;
        top: 1em;
        left: 0;
        width: 100%;
        display: none;
        height: auto;
        transform: translateX(15%);
    }
    .main-menu>li.active .menu__dropdown {
        top: 1em;
        transition: 0s;
        left: 1em;
        display: block;
        transform: translateX(0%);
    }
    .menu__dropdown__column {
        width: 100%;
        margin: 0 0 1em 0;
    }
    .menu-toggle-icon svg {
        width: 80px;
        height: 70px;
    }
    .signin-icon svg {
        width: 40px;
        height: 25px;
    }
    .curtain-menu .menu-right-section {
        background: #27150B url(../images/events-sideimg.png) right -1em bottom -10em no-repeat;
        background-size: 85%;
    }
    .footer-linkbottom {
        border: none;
    }
    .footer-linkbottom ul li {
        margin: 0
    }
    .signinboxcatcha {
        border: 0px;
    }
    .signinbox .form-group {
        margin-bottom: .5rem;
    }
    .signinbox .main_input_box {
        margin-bottom: .5rem;
    }
    .signinboxcatcha img {
        border: 1px solid #e4e4e4;
    }
    .signinbox .forgotpasswordbx input,
    .signinbox .forgotpasswordbx .btn-info[type="text"] {
        margin-bottom: auto !important;
    }
}

@media (max-width: 480px) {
    .menu-utility-icons {
        padding: 0
    }
    .btn {
        font-size: .8rem;
        padding: .3em 1em;
    }
    #topsearch input[type="text"] {
        font-size: 1.2em;
    }
    .logo {
        width: 140px;
        top: -7px;
    }
    .menu {
        bottom: 63vh;
        right: 10%;
    }
    .menu-toggle-icon {
        width: 20px;
    }
    .menu-toggle-icon span {
        margin: 6px 0;
    }
    .searchbtn,
    .mobLogin {
        font-size: 1.7em;
        line-height: 0;
    }
    .signin-icon {
        font-size: 1.1rem;
    }
    .spinner-wrapper .spinner {
        width: 44%;
    }
}

@media (max-width: 430px) {
    .fani {
        width: 100%;
    }
    .primary-nav {
        padding: .5em 2.5em;
    }
    #topsearch {
        padding: 36px 0px;
    }
    .logo {
        top: -3px;
        left: -7px;
        line-height: 0;
        margin: 0;
    }
    .menu {
        right: 12%;
    }
    .menu-close-icon {
        right: 70px;
        font-size: 1rem;
    }
    .footer-social {
        padding: 1em 0;
    }
    .social-icon i {
        font-size: 1rem;
    }
    .social-icon {
        width: 55px;
        height: 55px;
    }
    .icon__circle {
        top: 1px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 375px) {
    .logo {
        width: 100px;
        top: 0px;
    }
    .primary-nav {
        padding: .6em 2em;
    }
    #topsearch input[type="text"] {
        font-size: 1em;
    }
    .hockeym .card-img-overlay a {
        padding: 1px 4px !important;
        bottom: 6px;
        left: 26px;
    }
    .signinbox {
        right: 20px;
        width: 265px;
    }
    .signinbox:before {
        right: 16%
    }
}

@media (max-width: 320px) {
    .logo {
        width: 120px;
    }
    .toplink li a {
        font-size: .7rem;
    }
}


/*Icomoon(font) CSS*/

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?ig6lv6');
    src: url('../fonts/icomoon.eot?ig6lv6#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ig6lv6') format('truetype'), url('../fonts/icomoon.woff?ig6lv6') format('woff'), url('../fonts/icomoon.svg?ig6lv6#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Checkin:before {
    content: "\e9a9";
}

.icon-AC:before {
    content: "\e9aa";
}

.icon-Artboard:before {
    content: "\e9ab";
}

.icon-Attached-Bathroom:before {
    content: "\e9ac";
}

.icon-Bar:before {
    content: "\e9ad";
}

.icon-Bath-Tub:before {
    content: "\e9ae";
}

.icon-Card-Payment:before {
    content: "\e9af";
}

.icon-CCTV-Cameras:before {
    content: "\e9b0";
}

.icon-Complimentary-Breakfast:before {
    content: "\e9b1";
}

.icon-Complimentary-Veg-Breakfast:before {
    content: "\e9b2";
}

.icon-Conference-Room:before {
    content: "\e9b3";
}

.icon-Daily-Housekeeping:before {
    content: "\e9b4";
}

.icon-Door-Bell:before {
    content: "\e9b5";
}

.icon-DTH:before {
    content: "\e9b6";
}

.icon-Electric-Kettle:before {
    content: "\e9b7";
}

.icon-Elevator:before {
    content: "\e9b8";
}

.icon-Fire-Extinguisher:before {
    content: "\e9b9";
}

.icon-First-Aid:before {
    content: "\e9ba";
}

.icon-Free-Wifi:before {
    content: "\e9bb";
}

.icon-Free-High-Speed-WiFi:before {
    content: "\e9bc";
}

.icon-Full-Power-backup:before {
    content: "\e9bd";
}

.icon-Fully-Functional-Kitchen:before {
    content: "\e9be";
}

.icon-Games:before {
    content: "\e9bf";
}

.icon-Garden:before {
    content: "\e9c0";
}

.icon-Geyser:before {
    content: "\e9c1";
}

.icon-In-house-Restaurant:before {
    content: "\e9c2";
}

.icon-Kitchen:before {
    content: "\e9c3";
}

.icon-Microwave:before {
    content: "\e9c4";
}

.icon-Pantry:before {
    content: "\e9c5";
}

.icon-Parking-Facility:before {
    content: "\e9c6";
}

.icon-Power-backup:before {
    content: "\e9c7";
}

.icon-Pre-Book-Meals:before {
    content: "\e9c8";
}

.icon-Private-Entrance:before {
    content: "\e9c9";
}

.icon-Reception:before {
    content: "\e9ca";
}

.icon-Refrigerator:before {
    content: "\e9cb";
}

.icon-Room-Heater:before {
    content: "\e9cc";
}

.icon-Security:before {
    content: "\e9cd";
}

.icon-Spacious-Dining-Area:before {
    content: "\e9ce";
}

.icon-Swimming-Pool:before {
    content: "\e9cf";
}

.icon-Toaster:before {
    content: "\e9d0";
}

.icon-TV:before {
    content: "\e9d1";
}

.icon-dance-theater:before {
    content: "\e99b";
}

.icon-festival:before {
    content: "\e99c";
}

.icon-handloom:before {
    content: "\e99d";
}

.icon-heritage-temple-walk:before {
    content: "\e99e";
}

.icon-mini-fridge:before {
    content: "\e99f";
}

.icon-music:before {
    content: "\e9a0";
}

.icon-nature-walk:before {
    content: "\e9a1";
}

.icon-room-service:before {
    content: "\e9a2";
}

.icon-running-hot-water:before {
    content: "\e9a3";
}

.icon-spirituality:before {
    content: "\e9a4";
}

.icon-streets-food:before {
    content: "\e9a5";
}

.icon-exit:before {
    content: "\e98e";
}

.icon-notification:before {
    content: "\e98f";
}

.icon-email-line:before {
    content: "\e990";
}

.icon-heart:before {
    content: "\e991";
}

.icon-temple-icon:before {
    content: "\e98d";
}

.icon-blog-camera:before {
    content: "\e98a";
}

.icon-blog-web:before {
    content: "\e98c";
}

.icon-blog-blog:before {
    content: "\e989";
}

.icon-blog-video:before {
    content: "\e98b";
}

.icon-menu-handle:before {
    content: "\e974";
}

.icon-searchicon:before {
    content: "\e975";
}

.icon-airplane-flight:before {
    content: "\e970";
}

.icon-bus:before {
    content: "\e971";
}

.icon-cab:before {
    content: "\e972";
}

.icon-train:before {
    content: "\e973";
}

.icon-social-icon:before {
    content: "\e96e";
}

.icon-trip-planner:before {
    content: "\e96f";
}

.icon-explore-odisha-map:before {
    content: "\e95b";
}

.icon-find-travel-agent:before {
    content: "\e95d";
}

.icon-travel-advisory:before {
    content: "\e95f";
}

.icon-filters:before {
    content: "\e959";
}

.icon-Angul:before {
    content: "\e962";
}

.icon-Balangir:before {
    content: "\e963";
}

.icon-Balasore:before {
    content: "\e964";
}

.icon-Bargarh:before {
    content: "\e965";
}

.icon-Bhadrak:before {
    content: "\e966";
}

.icon-Bhubaneswar:before {
    content: "\e967";
}

.icon-Cuttack:before {
    content: "\e968";
}

.icon-Deogarh:before {
    content: "\e969";
}

.icon-Dhenkanal:before {
    content: "\e96a";
}

.icon-Gajapati:before {
    content: "\e96b";
}

.icon-Ganjam:before {
    content: "\e96c";
}

.icon-Gopalpur:before {
    content: "\e96d";
}

.icon-Jagatsinghpur:before {
    content: "\e992";
}

.icon-jajpur:before {
    content: "\e993";
}

.icon-Jharsuguda:before {
    content: "\e994";
}

.icon-kalahandi:before {
    content: "\e995";
}

.icon-Kandhamal:before {
    content: "\e996";
}

.icon-Kendrapara:before {
    content: "\e997";
}

.icon-Keonjhar:before {
    content: "\e998";
}

.icon-Khurda:before {
    content: "\e999";
}

.icon-Konark:before {
    content: "\e99a";
}

.icon-Koraput:before {
    content: "\ea61";
}

.icon-Malkanagiri:before {
    content: "\ea71";
}

.icon-Mayurbhanjh:before {
    content: "\ea72";
}

.icon-Nayagarh:before {
    content: "\ea73";
}

.icon-Puri:before {
    content: "\ea74";
}

.icon-Rayagada:before {
    content: "\ea75";
}

.icon-Rourkela:before {
    content: "\ea76";
}

.icon-Sambalpur:before {
    content: "\ea77";
}

.icon-subarnapur:before {
    content: "\ea78";
}

.icon-Sundargarh:before {
    content: "\ea79";
}

.icon-ashoka-chakra:before {
    content: "\e95a";
}

.icon-beach-icon:before {
    content: "\e95c";
}

.icon-culture-icon:before {
    content: "\e95e";
}

.icon-lake-icon:before {
    content: "\e960";
}

.icon-newsletter:before {
    content: "\e961";
}

.icon-sports-icon:before {
    content: "\e976";
}

.icon-user:before {
    content: "\e988";
}

.icon-double-king-size-bed:before {
    content: "\e977";
}

.icon-kids-couple:before {
    content: "\e978";
}

.icon-calendar:before {
    content: "\e979";
}

.icon-flag:before {
    content: "\e97a";
}

.icon-location:before {
    content: "\e97b";
}

.icon-placeholder:before {
    content: "\e97c";
}

.icon-chevron:before {
    content: "\e97d";
}

.icon-facebook:before {
    content: "\e97e";
}

.icon-pinterest:before {
    content: "\e97f";
}

.icon-youtube:before {
    content: "\e980";
}

.icon-twitter:before {
    content: "\e981";
}

.icon-instagram1:before {
    content: "\e982";
}

.icon-arrow-left:before {
    content: "\e983";
}

.icon-refresh:before {
    content: "\e984";
}

.icon-envelope:before {
    content: "\e985";
}

.icon-key:before {
    content: "\e986";
}

.icon-man-user:before {
    content: "\e987";
}

.icon-arrow01:before {
    content: "\e900";
}

.icon-arrow02:before {
    content: "\e901";
}

.icon-bird-watching:before {
    content: "\e902";
}

.icon-boat-riding:before {
    content: "\e903";
}

.icon-booking-now:before {
    content: "\e904";
}

.icon-close:before {
    content: "\e905";
}

.icon-contact:before {
    content: "\e906";
}

.icon-distance:before {
    content: "\e907";
}

.icon-emergency-contact:before {
    content: "\e908";
}

.icon-feedback:before {
    content: "\e909";
}

.icon-how-to-reach:before {
    content: "\e90a";
}

.icon-instagram:before {
    content: "\e90b";
}

.icon-know-more:before {
    content: "\e90c";
}

.icon-nearby-destinations:before {
    content: "\e90f";
}

.icon-price-chart:before {
    content: "\e910";
}

.icon-search:before {
    content: "\e911";
}

.icon-surfing:before {
    content: "\e912";
}

.icon-trekking:before {
    content: "\e913";
}

.icon-video:before {
    content: "\e914";
}

.icon-visitor-information:before {
    content: "\e915";
}

.icon-weather:before {
    content: "\e916";
}

.icon-where-to-eat:before {
    content: "\e917";
}

.icon-where-to-shop:before {
    content: "\e918";
}

.icon-where-to-stay:before {
    content: "\e919";
}

.icon-yoga:before {
    content: "\e91a";
}

.icon-view-website:before {
    content: "\e91b";
}

.icon-tariffs:before {
    content: "\e91c";
}

.icon-wine-dine:before {
    content: "\e91d";
}

.icon-animal-safari:before {
    content: "\e91e";
}

.icon-best-time-to-visit:before {
    content: "\e91f";
}

.icon-distance-from-bhubaneswar:before {
    content: "\e920";
}

.icon-nearest-airport:before {
    content: "\e921";
}

.icon-nearest-railway-station:before {
    content: "\e922";
}

.icon-tent:before {
    content: "\e90d";
}

.icon-house-outline:before {
    content: "\e90e";
}

.icon-folk-dance:before {
    content: "\e923";
}

.icon-sports:before {
    content: "\e924";
}

.icon-adventure:before {
    content: "\e926";
}

.icon-water-sports:before {
    content: "\e927";
}

.icon-banks-atm:before {
    content: "\e925";
}

.icon-entry-fee:before {
    content: "\e928";
}

.icon-hotels:before {
    content: "\e929";
}

.icon-parking:before {
    content: "\e92a";
}

.icon-photography:before {
    content: "\e92b";
}

.icon-go-to-next:before {
    content: "\e92c";
}

.icon-go-to-prev:before {
    content: "\e92d";
}

.icon-nature-walks:before {
    content: "\e92e";
}

.icon-sanctuary-visit:before {
    content: "\e92f";
}

.icon-technical-sessions:before {
    content: "\e930";
}

.icon-do:before {
    content: "\e931";
}

.icon-dont:before {
    content: "\e932";
}

.icon-inclusions:before {
    content: "\e933";
}

.icon-reporting:before {
    content: "\e934";
}

.icon-timeline-for-registration:before {
    content: "\e935";
}

.icon-airport-transfer-available-surcharge:before {
    content: "\e936";
}

.icon-bathroom-amenities:before {
    content: "\e937";
}

.icon-breakfast:before {
    content: "\e938";
}

.icon-cctv:before {
    content: "\e939";
}

.icon-conference-facilities:before {
    content: "\e93a";
}

.icon-coffee-maker:before {
    content: "\e93b";
}

.icon-cusiness-center:before {
    content: "\e93c";
}

.icon-doctor-on-call:before {
    content: "\e93d";
}

.icon-dry-cleaning:before {
    content: "\e93e";
}

.icon-fitness-wellness-centre:before {
    content: "\e93f";
}

.icon-free-Wi-fi:before {
    content: "\e940";
}

.icon-laundry-at-charge:before {
    content: "\e941";
}

.icon-life-elevator:before {
    content: "\e942";
}

.icon-local-tour-travel-desk:before {
    content: "\e943";
}

.icon-newspapers-in-lobby:before {
    content: "\e944";
}

.icon-parking-facilities-available:before {
    content: "\e945";
}

.icon-restaurant:before {
    content: "\e946";
}

.icon-spa:before {
    content: "\e947";
}

.icon-swimming-pool:before {
    content: "\e948";
}

.icon-wake-up-cal-service:before {
    content: "\e949";
}

.icon-where-shop:before {
    content: "\e94a";
}

.icon-where-eat:before {
    content: "\e94b";
}

.icon-travelling-essentials:before {
    content: "\e94c";
}

.icon-timings:before {
    content: "\e94d";
}

.icon-light-sound-timings:before {
    content: "\e94e";
}

.icon-parking1:before {
    content: "\e94f";
}

.icon-etiquette:before {
    content: "\e950";
}

.icon-hotels1:before {
    content: "\e951";
}

.icon-entry-fees:before {
    content: "\e952";
}

.icon-best-time-to-visit2:before {
    content: "\e953";
}

.icon-climate:before {
    content: "\e954";
}

.icon-banks-atm1:before {
    content: "\e955";
}

.icon-best-time-to-visit1:before {
    content: "\e956";
}

.icon-booking-exp:before {
    content: "\e957";
}

.icon-places-covered:before {
    content: "\e958";
}

#footer {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#footer:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/crocodile.png);
    z-index: -1;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.footer-social {
    /* border-bottom: 1px solid #5a5a5a; */
    width: 80%;
    border-top: 1px solid transparent;
    text-align: center;
    padding: 3em 0 1em 0;
    margin: auto;
}

.footer-social ul {
    display: inline-block;
}

.footer-social li {
    float: left;
    display: inline-block;
}

.footer-link {
    padding: 2.5em 0;
    position: relative;
    /* width: 80%; */
    /* margin: 0 auto; */
    font-size: 0.9em;
}

#footer .brownbg,
#footer .yellowbg,
#footer .greenbg,
#footer .skybg {
    height: 20px;
}

#footer .brownbg {
    background: #d76c34;
}

#footer .yellowbg {
    background: #cfac44;
}

#footer .greenbg {
    background: #829b48;
}

#footer .skybg {
    background: #4c97ac;
}

.footerbottom {
    width: 100%;
    position: absolute;
    bottom: -1px;
    height: 10px;
    width: 100%;
    background: linear-gradient(to left, var(--web-color4) 25%, var(--web-color3) 25% 50%, var(--web-color2) 50% 75%, var(--web-color1) 75% 100%);
}

.footerbottom li {
    float: left;
    width: 25%;
}

#footer a,
#footer {
    color: #d4d4d4;
    line-height: 100%;
    font-weight: 400;
}

#footer {
    overflow: hidden;
}

#footer a:hover {
    color: var(--web-color5);
}

#footer {
    position: relative;
}

#footer {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: none;
}

.footer-linkbottom {
    padding: 2em 0;
    /* border-top: 1px solid #404040; */
    width: 70%;
    margin-top: 35px;
    margin: auto;
}

.footer-linkbottom li {
    display: inline-block;
    border-right: 1px solid #999;
    padding: 0px 10px;
    line-height: 100%;
}

.footer-linkbottom li:last-child {
    border: none;
    margin-right: 0px;
    padding-right: 0px;
}

.footer-linkbottom img {
    width: auto
}

.footer-linktop .border-right {
    position: absolute;
    height: 100%;
    width: 1px;
    left: -30px;
}

.footer-linktop ul li h4 {
    color: #202124;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0px 0px 20px 0px;
}

.footer-linktop ul li h5 {
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 1.3rem 0;
    position: relative;
    padding: 0 0 .7rem 0;
}

.footer-linktop ul li a {
    font-weight: 300;
    line-height: 100%;
    color: #202124;
    /* font-size: 1.4em; */
}

.footer-linktop ul li a:hover,
.footer-linktop ul li a:focus {
    color: var(--web-color5) !important;
}

.footer-linktop ul li {
    margin: 1rem 0px 0px 0px;
}

.footer-linktop ul li:first-child:after {
    content: '';
    position: absolute;
    width: 1px;
    background: #5a5a5a;
    height: 100%;
    top: 0;
    right: 30px;
}

.footer-linktop ul li:last-child:after {
    display: none;
}

.footer-linktop ul ul li:after {
    display: none;
}

.social-icon {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: #999;
    display: inline-flex;
    justify-content: center;
    transition: 0.5s;
    align-items: center;
}

.social-icon a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.icon__circle {
    top: 8px;
    left: 6px;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 80%;
    position: absolute;
    stroke: #999;
    stroke-width: 2px;
    stroke-dasharray: 169.65;
    stroke-dashoffset: 0;
    fill: none;
    transform-origin: center;
    overflow: visible;
    transform: rotate(90deg);
    transition: stroke-dashoffset .65s cubic-bezier(.55, .085, .68, .53);
}

.icon__circle--hover {
    stroke-dasharray: 201.06;
    stroke-dashoffset: 201.06;
    transition: stroke-dashoffset .75s cubic-bezier(.215, .61, .355, 1) .35s;
}

.social-icon span {
    font-size: 1rem;
    transform-origin: center;
    transition: 0.5s;
}

.hover .icon__circle:not(.icon__circle--hover),
a:hover .icon__circle:not(.icon__circle--hover) {
    stroke-dashoffset: 169.65;
}

.social-icon:hover .icon__circle--hover {
    stroke-dashoffset: 0;
}

.social-icon:hover {
    transition: 0.5s;
}

.social-icon:hover span {
    transform: scale(1.2);
    transition: 0.5s;
}

.icon__circle--hover {
    stroke-dasharray: 201.06;
    stroke-dashoffset: 201.06;
    transition: stroke-dashoffset 1.75s cubic-bezier(.215, .61, .355, 1) .1s;
}

.footer-linktop {
    width: 70%;
    margin: auto;
    border-bottom: 1px solid #5a5a5a;
    z-index: 1;
    padding-bottom: 2.5em;
}

.footer-linktop ul li h5 {
    position: relative;
}

.footer-linktop ul li h5:after {
    content: '';
    position: absolute;
    width: 75px;
    height: 3px;
    bottom: 0;
    left: 0;
}

.footer-linktop ul li:nth-child(2) h5:after {
    background: var(--web-color1);
}

.footer-linktop ul li:nth-child(3) h5:after {
    background: var(--web-color2);
}

.footer-linktop ul li:nth-child(4) h5:after {
    background: var(--web-color3);
}

.footer-linktop ul li:nth-child(5) h5:after {
    background: var(--web-color4);
}

.footer--logo img {
    width: auto;
}

.subscription__btn i {
    font-size: 1.2em;
}

.footer-linkbottom .allrights {
    text-align: right;
}

.subscription label,
.social-connect label {
    margin-bottom: 2rem;
    font-size: 1.2rem;
}

.social-connect__link span {
    font-size: 3rem;
}

.subscription {
    width: 450px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.subscription label,
.social-connect label {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 300;
    display: block;
    margin-bottom: 1rem;
}

.subscription__input {
    background-color: transparent;
    border-radius: 45px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: .5rem 1rem .7rem 1rem;
    width: 75%;
    color: rgb(246, 246, 246);
    height: 38px;
    font-style: italic;
    margin-right: 5px;
}

.subscription__input:focus {
    outline: none
}

.subscription__input::placeholder {
    color: rgb(165, 165, 165)
}

.subscription__input:focus::placeholder {
    color: rgb(113, 113, 113)
}

.subscription__btn {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.73);
    text-transform: uppercase;
    height: 38px;
    line-height: 38px !important;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-flex;
    width: 38px;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
}

.subscription__btn svg {
    width: 23px;
}

.subscription__btn:hover,
.subscription__btn:focus {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}

.error-emailSubscription.text-danger,
.error-emailSubscription.text-success {
    padding: 10px;
    border-radius: 30px;
    width: 390px;
    margin: 0 auto;
    margin-bottom: 15px;
    display: block;
}

.error-emailSubscription.text-danger {
    color: #ff7676;
    background: rgba(255, 0, 0, 0.1);
    border: 1px solid #834242;
}

.error-emailSubscription.text-success {
    color: #a7f29a;
    background: rgba(39, 255, 0, 0.1);
    border: 1px solid #4e7347;
}

.subscription__form {
    position: relative;
    display: flex;
    justify-content: center;
}

.subscription__form .loaderText {
    left: 76%;
    top: 10px;
    position: absolute;
}


/*Footer social icons Ends*/


/*Scroll to Top*/

#back2Top {
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 150px;
    right: 35px;
    background: rgba(0, 0, 0, 0.6705882352941176);
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    transition: 0.5s;
    border: 0;
    font-weight: bold;
    align-items: center;
    padding: .5em;
}

#back2Top a {
    color: #fff
}

#back2Top:hover {
    background-color: #f6461d;
    color: #000;
}


/*Scroll to Top ends*/

.covidlicktext {
    display: flex;
    align-items: center;
    justify-content: center;
}

.covidlicktext a {
    color: #fdd45a !important;
}

.covidlicktext li:first-child {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #fdd45a;
}

.footer-social .social-icon:hover.twitter {
    color: #2caae1;
}

.footer-social .social-icon:hover.twitter .icon__circle {
    stroke: #2caae1;
}

.footer-social .social-icon:hover.facebook {
    color: #3b579d;
}

.footer-social .social-icon:hover.facebook .icon__circle {
    stroke: #3b579d;
}

.footer-social .social-icon:hover.youtube {
    color: #e5281a;
}

.footer-social .social-icon:hover.youtube .icon__circle {
    stroke: #e5281a;
}

.footer-social .social-icon:hover.instagram1 {
    color: #972999;
}

.footer-social .social-icon:hover.instagram1 .icon__circle {
    stroke: #972999;
}

.footer-social .social-icon:hover.pinterest {
    color: #bd081c;
}

.footer-social .social-icon:hover.pinterest .icon__circle {
    stroke: #bd081c;
}

@media (max-width: 1440px) {
    .footer--logo img {
        width: 80%;
    }
}

@media (max-width: 1366px) {
    .footer-linktop .border-right {
        left: -5px;
    }
    .footer-linktop ul li:after {
        right: 5px;
    }
    #footer {
        padding: 2em 0 0 0;
    }
    .footerbottom {
        height: 8px;
    }
    .footer-social {
        padding: 2.5rem 0 1em 0;
    }
    .footer-link {
        padding: .5em 0;
    }
    .footer-linkbottom {
        padding: 1em 0;
        margin-top: 0;
    }
    .footer-linkbottom img {
        width: 30%;
    }
    .footer-linkbottom li {
        margin: 0 0 1rem 0;
    }
    .footer-linktop ul li {
        margin: 0px 0px 1rem 0px;
    }
    .footer--logo img {
        width: 76%;
    }
    .footer-linktop,
    .footer-linkbottom {
        width: 85%;
    }
    .footer-linktop {
        padding: 3em 0 0 0;
    }
    #back2Top {
        bottom: 130px;
        height: 35px;
        width: 35px;
    }
}

@media (max-width: 1024px) {
    .footer-linktop {
        width: 98%;
    }
    .footer-linktop ul li {
        margin: 0px 0px .5rem 0px;
    }
}

@media (max-width: 992px) {
    #footer {
        padding: 1.5em 0;
    }
    .footer-linkbottom ul {
        padding: 2.5em 0;
    }
    .footer-social {
        border-bottom: 1px solid rgba(46, 66, 78, 0.55);
    }
    .footer-linktop ul li h4 {
        margin: 0;
    }
    .footer-linktop ul li h5 {
        margin: 15px 0px 10px 0px;
        font-size: 1rem
    }
    .footer-linktop ul li h5:after {
        top: 35px;
    }
    #footer a {
        font-size: 1rem;
    }
    .footer-link {
        padding: 1.5em 0 0 0;
    }
    .footer-linktop ul li:after {
        display: none;
    }
    .footer-linktop ul li h4 {
        color: #647341;
        font-size: 1.4em;
    }
    .footer-linkbottom img {
        width: auto;
    }
}

@media (max-width: 768px) {
    .footer-linktop .border-right {
        left: -7px;
    }
    .footer-linktop ul li:after {
        right: 7px;
    }
    .footer-linkbottom {
        padding: 0
    }
    .footer-linkbottom ul,
    .footer-linkbottom .allrights {
        padding: 1.5em 0;
    }
    #back2Top {
        bottom: 6rem;
        right: 47%;
        background: rgba(0, 0, 0, 0.7);
    }
    .footer-linktop {
        display: none
    }
}

@media (max-width: 660px) {
    #footer a {
        font-size: .9rem;
    }
    .footer-linkbottom {
        padding: 0em 0 2.5em 0;
        text-align: center;
    }
    .footer-linkbottom ul {
        padding: 0;
    }
    .footer-linktop .border-right {
        display: none;
    }
    .footer-linktop ul li:after {
        display: none;
    }
    .footer-linkbottom ul li {
        margin-top: 15px;
    }
    .footer-linktop ul li h4 {
        margin: 20px 0px 0px 0px;
    }
    .footer-link {
        padding: 10px 0px 0px 0px;
    }
    .footer-linktop ul li h5 {
        margin: 15px 0px 12px 0px;
        font-size: 1em;
    }
    .footer-linktop ul li h5:after {
        top: 36px;
    }
    .footer-linktop ul li a {
        font-size: 1.4em;
    }
    #back2Top {
        height: 30px;
        width: 30px;
        font-size: .7rem;
    }
}

@media (max-width :576px) {
    .footer-linkbottom {
        border: none;
    }
    .footer-linkbottom ul li {
        margin: 0 0 15px 0;
    }
    .subscription {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .subscription,
    .footer-link {
        width: 100%;
    }
    .subscription__input {
        height: 32px;
    }
    .subscription__btn {
        height: 32px;
        line-height: 32px !important;
        width: 32px;
    }
    .footer-linkbottom .allrights {
        text-align: center;
        margin-bottom: 10px;
    }
    #back2Top {
        bottom: 2rem;
    }
    #footer:before {
        background-size: cover;
    }
}

@media (max-width: 480px) {
    .subscription__btn svg {
        width: 17px;
    }
}

@media (max-width: 430px) {
    .footer-social {
        padding: 0px 0 15px 0;
        margin: 0;
        width: 100%;
    }
    .social-icon i {
        font-size: 1rem;
    }
    .social-icon {
        width: 55px;
        height: 55px;
    }
    .icon__circle {
        top: 1px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 375px) {
    #footer {
        padding: 1em 0 0 0;
    }
    .footer-linkbottom {
        padding: 1em 0;
    }
    .footer-linkbottom ul li {
        margin: 0 0 1em 0;
    }
}
.widget-handle {

    display: none;

}
.topsearch {

    display: none;

}
.signin {

    display: none;

}