/* Minification failed. Returning unminified contents.
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(93,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(119,21): run-time error CSS1039: Token not allowed after unary operator: '-headercolor1'
(136,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(138,22): run-time error CSS1039: Token not allowed after unary operator: '-headercolor1'
(149,38): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(196,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(216,34): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(217,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(317,20): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(617,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(658,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(842,21): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(849,26): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(850,39): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(859,22): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(860,35): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(875,22): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(885,22): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(886,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(902,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(1268,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(1272,35): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(1293,21): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(1312,26): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(1327,21): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(1349,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(1356,22): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(1379,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(1382,32): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(1398,17): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(1419,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(1424,21): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(1436,32): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(1439,21): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(1450,17): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(2390,6): run-time error CSS1030: Expected identifier, found '.'
(2414,1): run-time error CSS1019: Unexpected token, found '}'
(2920,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(2935,22): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(2995,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3001,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3005,32): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(3057,35): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(3107,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3112,21): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3213,27): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3289,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3290,28): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3297,22): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3298,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3301,35): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3352,22): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3353,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3356,35): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3370,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3371,28): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3389,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3425,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3438,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3439,35): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3444,22): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3445,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3467,28): run-time error CSS1039: Token not allowed after unary operator: '-fourthcolor'
(3468,32): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3473,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3610,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3624,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3638,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3704,28): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3708,28): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(3709,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3710,32): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(3851,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4071,22): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4075,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4105,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4114,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4122,32): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(4164,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4165,28): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4180,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4181,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4188,32): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4189,21): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4193,28): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4195,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4202,22): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4203,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4220,22): run-time error CSS1039: Token not allowed after unary operator: '-thirdcolor'
(4221,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4233,22): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4234,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4235,31): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4257,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4277,22): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4391,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4428,28): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
(4436,34): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4440,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4444,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4448,17): run-time error CSS1039: Token not allowed after unary operator: '-firstcolor'
(4466,17): run-time error CSS1039: Token not allowed after unary operator: '-secondcolor'
 */
/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
:root {
    --firstcolor: #022100;
    --secondcolor: #D5CD71;
    --thirdcolor: #D5CD71;
    /*--firstcolor: darkslategray;
    --secondcolor: #E7C589;
    --thirdcolor: #C69752;*/
    --fourthcolor: rgb(0,0,0);
    --headercolor1: #F7D037;
    --headercolor2: orange;
}

html, body {
    margin: 0;
    font-size: 100%;
    font-family: 'Cambria Math'; /*cursive;*/
    /*background: url(/images/function.jpg)0px repeat;*/
    background-color: #6B8E23;
    /*background: url(/images/bg2.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: var(--secondcolor);
}

    /* body::before {
        content: "";
        background-image: url('/images/function.jpg');
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.75;
    }*/

    body a {
        text-decoration: none;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

a:hover {
    text-decoration: none;
}

input[type="button"], input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    /*font-family: sans-serif;*/
    /*font-weight: bold;*/
}

p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}
/*-- header --*/

header {
    padding: 0px 0px;
    width: 100%;
    height: 120px;
    /* background-image: url(/images/menu.jpg); */
    background-size: 100% 107px;
    background-repeat: no-repeat;
    background-color: var(--firstcolor);
    /* opacity: 100%; */
    position: fixed;
    z-index: 9999;
}

.textalignright {
    text-align: right;
}

.headerlogo {
    border-radius: 50%;
    background-image: url(/images/ganapathi.jpeg);
    background-size: cover;
    height: 105px;
    width: 105px;
    margin-left: 10px;
}

.headerheadingtext {
    padding-top: 10px;
    letter-spacing: 2px;
}

    .headerheadingtext > a {
        font-size: 20px;
        color: var(--headercolor1);
        text-transform: uppercase;
    }

    .headerheadingtext > h5 {
        padding-top: 0px;
        color: floralwhite;
        font-size: 10px !important;
        text-transform: uppercase;
        text-align: left;
        letter-spacing: 1.5px;
    }

.headertoptext {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    color: var(--firstcolor);
    font-weight: bold;
    background: var(--headercolor1);
    /*border: 1px solid var(--secondcolor);
    border-top: none;
    border-right: none;
    border-radius: 0px 0px 0px 20px;*/
}

    .headertoptext > span {
        /*border-bottom: 1px solid var(--secondcolor);*/
        border-radius: 0px 0px 20px 20px;
        padding: 10px 20px 10px 20px;
        box-shadow: 0px 3px 3px var(--thirdcolor);
    }

    .headertoptext > .left {
        text-align: left;
    }

    .headertoptext > .right {
        text-align: right;
    }


/*-- nav --*/
.navbar-default {
    background: none;
    border: none;
}

.navbar {
    margin-bottom: 0;
}

.w3_navigation {
    border-top: none;
    position: relative;
}

.navbar-nav {
    float: right;
    margin-top: 1em;
}

.navbar-collapse {
    padding: 0;
}

.navbar-right {
    float: none !important;
    margin-right: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: var(--thirdcolor);
    background: none;
}

.navbar-default .navbar-nav > li > a {
    color: var(--secondcolor);
}

.navbar-nav > li {
    float: left;
    margin-right: 1em;
}

    .navbar-nav > li > a {
        margin: 0;
        padding: 10px 15px;
        line-height: 1em;
        /* text-transform: uppercase; */
        /* font-weight: 600; */
        font-size: 16px;
        text-transform: capitalize;
        letter-spacing: 2px;
    }

.navbarselected {
    box-shadow: 0px 2px 0px var(--secondcolor);
    color: var(--secondcolor)
}

.w3_navigation_pos h1 a {
    font-size: 1.1em;
    color: #f8d182;
    text-decoration: none;
    display: block;
}

    .w3_navigation_pos h1 a span:before, .w3_navigation_pos h1 a span:after {
        content: '';
        position: absolute;
        top: 11%;
        width: 40px;
        height: 42px;
    }

    .w3_navigation_pos h1 a i {
        display: block;
        font-size: .25em;
        text-align: center;
        text-transform: uppercase;
        /*font-family: sans-serif;*/
        font-style: normal;
        letter-spacing: 8px;
        color: #65b126;
    }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
}
/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
    padding: 10px 5px;
}

    .cl-effect-4 a::after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #fff;
        content: '';
        opacity: 0;
        -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
        transition: height 0.3s, opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .cl-effect-4 a:hover::after,
    .cl-effect-4 a:focus::after {
        height: 2px;
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

/*-- //header --*/
.banner {
    /*background: url(/images/temple.jpg) 0px 0px;*/
    /*background: rgba(0, 0, 0, 0.5);*/
    height: auto;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.center {
    border: 5px solid;
    margin: auto;
    width: 50%;
    padding: 10px;
}

.landingscreen {
    height: 100vh;
}

/*Mobile version*/
@media(max-width:768px) {
    .lrp20vh {
        padding-left: 2vh !important;
        padding-right: 2vh !important;
    }

    #dvMainBody {
        padding-top: 5vh !important;
        padding-bottom: 100px !important;
    }

    .bannerslider {
        width: 100% !important;
        top: 0px !important;
        /*background: rgb(0,0,0,0.7);*/
        color:var(--firstcolor);
    }
}

@media(min-width:768px) and (max-width:992px) {


    .bannerslider {
        width: 100% !important;
        top: 0px !important;
    }
}

.agileinfo-dot {
    /*background: url(../images/dott.png)repeat 0px 0px;
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;
    padding: 1em 0 3.4em;*/
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent;
}

/*--header-nav--*/
.w3_navigation_pos h1 a {
    text-decoration: none;
    color: #faf8f7;
    font-size: 26px;
    left: 0.4em;
}

.w3_navigation_pos span {
    color: #ffa200;
    /*font-family: sans-serif;*/
    font-size: 58px;
    font-weight: bold;
}
/*-- //header-nav--*/
/*-- banner-text--*/
.banner-text {
    text-align: center;
    padding: 0em 0 0 0;
}

.textaligncenter {
    text-align: center;
    padding: 0em 0 0 0;
}

.banner-text h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 45px;
    text-shadow: 2px 2px 1px #000;
    letter-spacing: 2px;
    margin: 2.68em 0;
}
/*-- banner-form--*/
.book-form label {
    font-size: 15px;
    color: #ffa200;
    text-align: left;
    display: inline-block;
    float: left;
    font-weight: 500;
    margin-bottom: 7px;
    letter-spacing: 1px;
}

    .book-form label i {
        font-size: 1em;
        margin-right: 10px;
        color: #ffa200;
    }

.book-form input[type="text"], .book-form input[type="date"], .book-form input[type="time"], .book-form input[type="email"] {
    width: 100%;
    color: #fff;
    outline: none;
    font-size: 0.9em;
    line-height: 25px;
    padding: 3px 10px;
    border: 2px solid #fff;
    -webkit-appearance: none;
    margin-bottom: 1em;
    background: none;
    /*font-family: sans-serif;*/
}

.book-form input[type="text"] {
    border: 2px solid #fff;
}

.book-form form input[type="submit"] {
    text-transform: capitalize;
    background: #ffa200;
    border: solid 1px #ffa200;
    color: #FFFFFF;
    padding: .64em 2em;
    font-size: .79em;
    outline: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    margin-top: 2.4em;
    -webkit-appearance: none;
}

.book-form {
    width: 100%;
    margin: 0em auto 0;
}

    .book-form p {
        color: #98cb45;
        margin-bottom: 1em;
        padding: 0 48px 11px;
        letter-spacing: 2px;
        border-bottom: 2px dotted#b3b3b3;
        word-spacing: 7px;
        text-shadow: 1px 1px 2px #000;
        display: inline-block;
        text-transform: uppercase;
    }

    .book-form select.form-control {
        outline: none;
        font-size: 1em;
        padding: 5px 10px;
        width: 100%;
        line-height: 25px;
        border-radius: 0;
        background: none;
        color: #fff;
        border: 2px solid #fff;
        box-shadow: none !important;
    }

.form-date-w3-agileits.second-agile {
    width: 30%;
}

.form-date-w3-agileits.second-agile, .form-time-w3layouts.second-agile, .form-left-agileits-w3layouts.second-agile, .form-left-agileits-w3layouts.bottom-w3ls.second-agile {
    margin-right: 0 !important;
    padding: 0 !important;
}

.form-left-agileits-w3layouts.bottom-w3ls {
    padding: 0 !important;
}

.book-form input[type=submit]:hover {
    background-color: transparent;
    color: #ffa200;
    letter-spacing: 5px;
}

#ui-datepicker-div {
    border: none !important;
}

option {
    background: #000000;
    border-color: #fff;
}
/*-- //banner-form--*/
.bann-left-w3-agile {
    /* float: left; */
    text-align: left;
}

    .bann-left-w3-agile h3 {
        font-size: 26px;
        color: #ffffff;
        text-transform: capitalize;
    }

        .bann-left-w3-agile h3 span {
            display: inline-block;
            font-size: 37px !important;
            letter-spacing: -1px;
            margin-right: 9px;
            color: #ffa200;
        }
/*--button-effect--*/
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-ripple-out:before {
        content: '';
        position: absolute;
        border: #fff solid 1px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
    }
/*--//button-effect--*/
.button-agileits {
    text-align: center;
    display: inline;
}

    .button-agileits a {
        color: #fff;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        padding: 0.8em 2em;
        margin: 0 1em;
        font-size: 15px;
        text-transform: capitalize;
        letter-spacing: 2px;
    }

.destination-w3ls {
    background: #ffa200;
}

.bann-right-wthree {
    float: right;
    position: relative;
}

    .bann-right-wthree a {
        text-decoration: none;
        color: #fff;
        letter-spacing: 2px;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        right: 0;
        top: 13px;
    }

        .bann-right-wthree a:hover {
            color: #98cb45;
        }

    .bann-right-wthree i {
        font-size: 3em;
        font-weight: bold;
        padding-right: 0em;
        color: #ffa200;
    }

.banner-btm-agileits {
    margin-top: 16em;
}
/*-- //banner-text--*/
/*-- //banner --*/
/*-- modal --*/
.modal-content img {
    width: 100%;
}

.modal-content h4 {
    color: var(--secondcolor);
    text-align: center;
    font-size: 47px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    /*font-family: sans-serif;*/
    font-weight: bold;
    font-style: italic;
}

.modal-content h5 {
    color: #1ca0de;
    padding: 20px 0 6px;
    font-size: 22px;
    margin-left: 0px;
}

.modal-content p {
    color: #000;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.2px;
    word-spacing: 1px;
}

/*.modal-header {
    min-height: 16.42857143px;
    padding: 20px 30px;
}*/

.modal-dialog {
    width: 600px;
    margin: 109px auto;
}

.modal-dialog-loginPopUp {
    width: 350px;
    margin: 109px auto;
}

.collcolor1 {
    color: var(--firstcolor);
}

.modal-dialog-calender {
    width: 90%;
    margin: 109px auto;
}
/*-- //modal --*/
/*-- main --*/
.services, .gallery, .contact, .testimonials, .team {
    /*padding: 5em 0em;*/
}

p.para-w3l {
    color: #dcdcdc;
    line-height: 2.2em;
    width: 100%;
    text-align: center;
    font-size: 17px;
    letter-spacing: 1px;
}

.about .para-w3l {
    margin: 2em 0 3em;
}

h3.title-agileits-w3layouts {
    /*font-family: sans-serif;*/
    font-weight: bold;
    display: block;
    /*font-size: 4em;*/
    letter-spacing: 1px;
    color: #221405;
    font-style: italic;
    text-align: center;
    margin-bottom: 5px;
}

.white-w3ls {
    color: #221405 !important;
}
/*-- //main --*/
/*-- about --*/
.view-tenth img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    width: 100%;
}

.view-tenth .mask {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-tenth img {
    filter: alpha(opacity=1);
    opacity: 1;
}

.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view {
    float: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 7.2em 2em;
}

.color1-w3 {
    background: #0ab4ac;
}

.color2-w3 {
    background: #e5778b;
}

.view .mask, .view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
}

.view img {
    display: block;
    position: relative;
}

.agile_text_box p {
    line-height: 1.8em;
    width: 75%;
    margin: 0 auto;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
}

.agile_text_box h3 {
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 1px;
    color: #000000;
    line-height: 1.8em;
    margin: 0em 0 1em;
}

.banner_bottom_left h4 {
    font-size: 1.4em;
    letter-spacing: 1px;
    color: #000000;
    text-transform: capitalize;
}

.banner_bottom_left p i {
    color: #ff9900;
    display: block;
    margin: .5em 0 1em;
}

.banner_bottom_left {
    text-align: center;
    background: url(../images/about.jpg)no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    min-height: 808px;
    padding: 12em 5em 0;
}

.banner_bottom_right, .banner_bottom_right_grid {
    padding: 0;
}

.one-w3ls {
    background: url(../images/a2.jpg)no-repeat 0px 0px;
}

.two-w3ls {
    background: url(../images/a3.jpg)no-repeat 0px 0px;
}

.two-w3ls, .one-w3ls {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    min-height: 404px;
}
/*-- //about --*/
/*-- services --*/
.services-grids {
    width: 21.5%;
    float: left;
    text-align: center;
    /*box-shadow: -2px 2px 6px #737373;*/
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
}

    .services-grids h6 {
        color: var(--secondcolor);
        font-size: 17px;
        text-transform: capitalize;
        letter-spacing: 1px;
        position: absolute;
        width: 100%;
        padding: 0.7em 0;
        background: var(--firstcolor);
        border-bottom: 4px solid var(--thirdcolor);
        bottom: 0;
    }

.font25 {
    font-size: 25px !important;
}

.services-grids:hover h6 {
    background: var(--thirdcolor);
    border-bottom: 4px solid var(--firstcolor);
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
}

.services-grids:nth-child(1), .services-grids:nth-child(2), .services-grids:nth-child(3), .services-grids:nth-child(4),
.services-grids:nth-child(5), .services-grids:nth-child(6) {
    min-height: 200px;
}


.services-grids {
    background: var(--secondcolor);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.to span {
    font-size: 15px !important;
    background: var(--firstcolor);
    color: var(--secondcolor);
    padding: 10px;
    border-radius: 100px;
    width: -48px;
    /* height: 100px; */
    /* font-family: -webkit-body; */
    font-weight: bold;
}



.pad10 {
    padding: 10px;
}

.v-center p {
    color: var(--firstcolor) !important;
}

.services-grids {
    margin-bottom: 30px;
}

    .services-grids span {
        font-size: 37px;
        padding-left: 10px;
        padding-right: 8px;
    }

.profile-btm-w3l {
    margin-top: 30px;
}

.profile-pic-w3ls {
    /*text-align: center;*/
    /*border: 1px solid #e6e4e4;*/
    background: #bc9867;
    padding: 2em 2em;
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    -o-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}

.pic-w3layouts {
    position: relative;
    border: 10px solid #dedede;
    width: 150px;
    height: 150px;
    margin: 0 auto 2.5em;
}

    .pic-w3layouts img {
        border: 9px solid #c1c1c1;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 150px;
        height: 150px;
    }

.profile-btm-w3l i {
    display: block;
    color: #dedede;
    font-size: 3.5em;
    margin: 0.5em 0;
}

.profile-btm-w3l h6 {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 2em;
}

.profile-pic-w3ls h5 {
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 1px;
    /*border-bottom: 2px dotted#b3b3b3;*/
    display: inline-block;
    /*padding: 0 3em 0.5em;*/
    margin-bottom: 1em;
}

.services p {
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 30px;
    color: #221405;
}

.profile-pic-w3ls h5 span {
    color: #442708;
    font-size: 15px !important;
    display: block;
    padding-top: 7px !important;
}
/*-- //services --*/
/*--team--*/
.team {
    /*background: rgba(5, 5, 3, 0.78);
    background: #000000;*/
    background: url(/images/about.jpg)0px repeat-x;
    /*background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.92) 0%,rgba(53, 53, 53, 0.72) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.92) 0%,rgba(53, 53, 53, 0.72) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.92) 0%,rgba(53, 53, 53, 0.72) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.68)', endColorstr='rgba(255, 162, 0, 0.72)',GradientType=0 );*/
}

.spldishes-w3left {
    padding: 2.3em;
    background-color: #fd463e;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}

.w3agile-spldishes p.para-agileits-w3layouts {
    color: #8a8888 !important;
}

.spldishes-agileinfo:hover .spldishes-w3left {
    background-color: #09c4dc;
}

.spldishes-agileinfo {
    position: relative;
    padding: 10px 0px 10px 0px;
}

    .spldishes-agileinfo h5 {
        font-size: 2em;
        color: #fff;
    }

.spldishes-w3left p {
    color: #fff;
    margin-top: 1.4em;
}

.spldishes-grids {
    padding: 0;
}

.g1 {
    position: relative;
    display: block;
}

.agile-dish-caption {
    position: absolute;
    width: 90%;
    height: 100%;
    bottom: 0px;
    z-index: 999;
    background: rgba(5, 5, 3, 0.78);
    background: rgba(53, 53, 53, 0.72);
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.68) 0%,rgba(255, 162, 0, 0.72) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.68) 0%,rgba(255, 162, 0, 0.72) 100%);
    background: linear-gradient(to bottom, rgba(234, 211, 171, 0.52) 0%,rgba(248, 158, 1, 0.99) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.68)', endColorstr='rgba(255, 162, 0, 0.72)',GradientType=0 );
    padding: 4.25em 2em;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transform-style: preserve-3d;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

    .agile-dish-caption h4 {
        font-size: 1.2em;
        color: #000;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .agile-dish-caption p {
        color: #e0e0e0;
        font-size: 15px;
        letter-spacing: 1px;
        padding: 5px 0 11px;
        border-bottom: 2px dotted #333333;
        margin-bottom: 1em;
    }

    .agile-dish-caption span {
        margin: 0;
        padding: 0;
        display: block;
        font-size: 14.5px;
        line-height: 30px;
        color: #fff;
        margin-bottom: 1em;
        letter-spacing: 0.5px;
    }

.g1:hover .agile-dish-caption {
    display: block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#owl-demo .item img {
    width: 100%;
    border: solid 1px #fff;
}

@media(max-width:480px) {
    .agile-dish-caption {
        padding: 0.5em;
    }

        .agile-dish-caption span {
            font-size: 0.8em;
        }
}

ul.top-links li {
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
}

    ul.top-links li a i.fa {
        color: #000;
        background-color: #fff;
        width: 37px;
        height: 37px;
        font-size: 15px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        line-height: 36px;
        text-align: center;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
    }

        ul.top-links li a i.fa:hover {
            color: #fff;
            background-color: #ffa200;
        }
/*--//team--*/
/*-- testimonials --*/
.testimonials {
    background: url(../images/test.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 400px;
    background-attachment: fixed;
}

.w3_testimonials_grid_left p {
    color: #fff;
    line-height: 2em;
    margin: 4em 0 0;
    margin: 0em auto 2em;
    width: 73%;
    text-align: center;
}

.w3_testimonials_grid_right img {
    border: 8px solid #ffa200;
    /* border-radius: 120px; */
    margin: 0 auto;
    position: absolute;
    top: 17px;
    left: 18px;
}

.w3_testimonials_grid_right {
    position: relative;
    width: 115px;
    height: 115px;
    margin: 0 auto 0.6em;
    border: 8px solid rgb(255, 255, 255);
}
/*-- //testimonials --*/
/*-- gallery --*/
.gallery-grid-img.gallery-mdl {
    margin: 2em 0;
}

.w3-agilepic {
    position: relative;
    overflow: hidden;
    display: inline-block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    animation: anima 2s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 500;
    -webkit-transform-style: preserve-3d;
}

.w3ls-overlay {
    -webkit-transform: rotateY(-90deg) rotateX(-90deg);
    -moz-transform: rotateY(-90deg) rotateX(-90deg);
    -o-transform: rotateY(-90deg) rotateX(-90deg);
    -ms-transform: rotateY(-90deg) rotateX(-90deg);
    transform: rotateY(-90deg) rotateX(-90deg);
    left: 0;
    top: 0;
}

    .w3ls-overlay h4 {
        font-size: 1.5em;
        color: #fff;
        padding: 31% 0;
        letter-spacing: 2px;
    }

.w3-agilepic .pic-image, .w3ls-overlay, .w3-agilepic:hover .w3ls-overlay, .w3-agilepic:hover img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.w3-agilepic:hover .w3ls-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.w3ls-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.68);
    padding: 10px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.w3-agilepic:hover .w3ls-overlay {
    -webkit-transform: rotateY(0) rotateX(0);
    -moz-transform: rotateY(0) rotateX(0);
    -o-transform: rotateY(0) rotateX(0);
    -ms-transform: rotateY(0) rotateX(0);
    transform: rotateY(0) rotateX(0);
}

.gallery-grids img {
    width: 430px;
    height: 300px;
    object-fit: fill;
}
/*-- //gallery --*/
/*--contact--*/
.styled-input.agile-styled-input-top {
    margin-top: 0;
}

.contact input[type="text"], .contact input[type="email"], .contact textarea {
    font-size: 1em;
    color: var(--secondcolor);
    padding: 0.5em 1em;
    width: 100% !important;
    border: 0;
    border-bottom: 1px solid var(--thirdcolor);
    background: none;
    -webkit-appearance: none;
    outline: none;
}

.contact textarea {
    min-height: 6.9em;
}
/*-- input-effect --*/
.styled-input {
    width: 100%;
    margin: 2em 0 1em;
    position: relative;
}

    .styled-input.textarea-w3ls {
        margin-top: 0em !important;
    }

    .styled-input label {
        color: var(--thirdcolor);
        padding: 0.5em .9em;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        pointer-events: none;
        font-weight: 400;
        font-size: 1em;
        display: block;
        line-height: 1em;
    }

    .styled-input input ~ span, .styled-input textarea ~ span {
        display: block;
        width: 0;
        height: 2px;
        background: var(--thirdcolor);
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: all 0.125s;
        -moz-transition: all 0.125s;
        transition: all 0.125s;
    }

    .styled-input textarea ~ span {
        bottom: 5px;
    }

    .styled-input input:focus ~ label, .styled-input input:valid ~ label, .styled-input textarea:focus ~ label, .styled-input textarea:valid ~ label {
        font-size: .9em;
        color: var(--thirdcolor);
        top: -1.3em;
        -webkit-transition: all 0.125s;
        -moz-transition: all 0.125s;
        -o-transition: all 0.125s;
        -ms-transition: all 0.125s;
        transition: all 0.125s;
    }

    .styled-input input:focus.styled-input textarea:focus {
        outline: 0;
    }

    .styled-input input:focus ~ span, .styled-input input:valid ~ span, .styled-input textarea:focus ~ span, .styled-input textarea:valid ~ span {
        width: 100%;
        -webkit-transition: all 0.075s;
        -moz-transition: all 0.075s;
        transition: all 0.075s;
    }
/*-- //input-effect --*/
.contact input[type="button"] {
    outline: none;
    color: var(--firstcolor);
    padding: .5em 0;
    width: 50%;
    font-size: 1em;
    float: right;
    margin: 0em 0 0 0;
    -webkit-appearance: none;
    background: var(--thirdcolor);
    border: solid 0px #ffa200;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

    .contact input[type="button"]:hover {
        /*background-color: transparent;
        color: #ffa200;*/
        letter-spacing: 5px;
    }
/*--//CONTACT--*/
/*-- footer --*/
.footer-w3layouts {
    /*background: #221405;*/
    background-color: var(--firstcolor);
    padding: 1em;
    float: left;
    border-top: 1px solid var(--firstcolor);
    position: fixed;
    bottom: 0;
    width: 100%;
}

.footer-top-agile h6 {
    float: left;
}

.footer-top-agile .top-links {
    margin-top: 1em;
}

.footer-top-agile h6 a {
    text-decoration: none;
    color: var(--thirdcolor);
    font-size: 2em;
    letter-spacing: 2px;
    display: inline-block;
    text-transform: capitalize;
    /* text-shadow: 2px 2px #10080b; */
}

    .footer-top-agile h6 a span {
        color: #ffa200;
        /*font-family: sans-serif;*/
        font-size: 2em;
        font-weight: bold;
    }

.footer-contact-w3ls ul li {
    text-align: center;
    list-style: none;
    display: inline-block;
    /*margin-left: 15px;*/
    font-size: 15px;
    color: var(--secondcolor);
    letter-spacing: 1.5px;
}

    .footer-contact-w3ls ul li a {
        color: var(--secondcolor) !important;
    }

        .footer-contact-w3ls ul li a:hover {
            color: #fff !important;
        }

    .footer-contact-w3ls ul li i {
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 30px;
        border: 2px solid var(--secondcolor);
        border-radius: 50px;
        margin-right: 10px;
        color: var(--secondcolor);
    }

/*.footer-contact-w3ls {
    float: left;
}*/

.copyright-wthree a.bt-icon i {
    display: block;
    float: right;
    text-decoration: none;
    color: var(--thirdcolor);
    font-size: 1.5em;
    text-shadow: 3px 3px 2px #000;
}

.copyright-wthree a i:hover {
    color: #ffa200;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
}

.footer-bottom-wthree {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 2px solid #292929;
}

.footer-top-agile ul.top-links li a i.fa {
    color: #fff !important;
    background: transparent !important;
}

.footer-top-agile ul.top-links li a:hover i.fa {
    background: #ffa200 !important;
}

.map-w3-agile iframe {
    width: 100%;
    outline: none;
    border: none;
    height: 24em;
}
/*-- newsletter --*/
.subscribe-grid {
    text-align: center;
    background: #252525;
    padding: 4.62em 2em;
    float: right;
}

    .subscribe-grid form {
        position: relative;
    }

        .subscribe-grid form:hover input[type="email"] {
            border: solid 2px rgba(255, 255, 255, 0.14);
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            transition: 0.5s all;
        }

    .subscribe-grid input[type="email"] {
        display: inline-block;
        background: #525252;
        border: solid 2px #2d2d2d;
        width: 100%;
        outline: none;
        padding: 1em 4em 1em 1em;
        font-size: 1em;
        color: #fff;
    }

    .subscribe-grid i.fa.fa-paper-plane-o {
        font-size: 1.2em !important;
    }

    .subscribe-grid button.btn1 {
        color: #fff;
        border: none;
        width: 65px;
        height: 57px;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: center;
        text-decoration: none;
        background: transparent;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        transition: 0.5s all;
    }

        .subscribe-grid button.btn1:focus {
            outline: none;
        }

button.btn1:hover {
    background: none;
    color: #ffa200;
}

    button.btn1:hover i.fa.fa-paper-plane-o {
        color: #ffa200 !important;
    }

.subscribe-grid h5 {
    color: #fff;
    text-transform: capitalize;
    font-size: 19px;
    letter-spacing: 1px;
}

.subscribe-grid p {
    color: #ffa200;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 1em 0 2em;
}

    .subscribe-grid p span {
        color: #fff;
    }
/*-- //newsletter --*/
/*-- //footer --*/
/*-- Copyright --*/
.copyright-wthree p {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 1px;
    text-align: center;
    float: left;
}

.copyright-wthree a {
    color: #ffa200;
    text-decoration: none;
}

    .copyright-wthree a:hover {
        color: #ffffff;
    }
/*-- //Copyright --*/
/*-- //Footer --*/
/*--responsive--*/
@media(max-width:1600px) {
}

@media(max-width:1440px) {
    .footer-contact-w3ls ul li {
        letter-spacing: 1px;
    }

    .banner-text h2 {
        font-size: 38px;
        margin: 2.5em 0 2em;
    }

    .w3_navigation_pos span {
        font-size: 46px;
    }

    .banner-btm-agileits {
        margin-top: 7em;
    }

    .navbar-nav {
        margin-top: 0.8em;
    }

    .services, .gallery, .contact, .testimonials, .team {
        padding: 1.5em 0em;
        padding-bottom: 0em;
    }

    .agile_text_box h3 {
        font-size: 1.3em;
    }

    .two-w3ls, .one-w3ls {
        min-height: 390px;
    }

    .banner_bottom_left {
        min-height: 780px;
        padding: 9.5em 4em 0;
    }

    h3.title-agileits-w3layouts {
        margin-bottom: 0em;
    }

    .agile-dish-caption {
        padding: 4.2em 2em;
    }

    .ui-datepicker {
        width: 18% !important;
    }

    .subscribe-grid {
        padding: 4.63em 2em;
    }
}

@media(max-width:1366px) {
    .view {
        padding: 7.2em 1em;
    }

    .footer-w3layouts {
        padding: 1em 1em;
    }

    .footer-contact-w3ls ul li {
        font-size: 14px;
    }

    .subscribe-grid {
        padding: 4.65em 2em;
    }
}

@media(max-width:1280px) {
    .banner-text h2 {
        font-size: 32px;
        margin: 2.3em 0 1.8em;
    }

    .bann-left-w3-agile h3 span {
        font-size: 31px !important;
    }

    .bann-left-w3-agile h3 {
        font-size: 21px;
        padding-top: 10px;
    }

    .bann-right-wthree a {
        font-size: 16px;
        letter-spacing: 3px;
        top: 9px;
    }

    .bann-right-wthree i {
        font-size: 2.4em;
        padding-right: 0.4em;
    }

    .banner-btm-agileits {
        margin-top: 6em;
    }

    .two-w3ls, .one-w3ls {
        min-height: 389px;
    }

    .footer-contact-w3ls ul li {
        letter-spacing: 0.9px;
    }

    .banner_bottom_left {
        min-height: 778px;
    }

    h3.title-agileits-w3layouts {
        font-size: 3.4em;
        letter-spacing: 2px;
    }

    .ui-datepicker {
        width: 20.2% !important;
    }

    .footer-contact-w3ls ul li i {
        margin-right: 6px;
    }
}

@media(max-width:1080px) {
    .banner_bottom_right {
        width: 100%;
    }

    .two-w3ls, .one-w3ls {
        min-height: 352px;
    }

    .view {
        padding: 7.2em 2em;
    }

    .banner_bottom_left {
        min-height: auto;
        width: 100%;
        padding: 3em 5em;
    }

    .about .para-w3l {
        margin: 1em 0 2em;
    }

    .services-left-agileinfo {
        width: 100%;
    }

    .profile-pic-w3ls {
        width: 100%;
        float: none;
    }

    .bann-right-wthree a {
        letter-spacing: 1.5px;
    }

    .services-right-agileits {
        width: 100%;
    }

    .profile-btm-w3l {
        margin: 20px 0;
    }

        .profile-btm-w3l i {
            margin: 0 0 0.2em;
        }

    .services, .gallery, .contact, .testimonials, .team {
        padding: 3em 0em;
    }

    .services-grids:nth-child(1), .services-grids:nth-child(2), .services-grids:nth-child(3),
    .services-grids:nth-child(4), .services-grids:nth-child(5), .services-grids:nth-child(6) {
        margin-bottom: 20px;
    }

    .services-grids {
        width: 28.5%;
    }

    .agile-dish-caption {
        padding: 6.25em 2em;
    }

    .w3ls-overlay h4 {
        font-size: 1.2em;
        letter-spacing: 1px;
    }

    .flex-control-nav li {
        margin: 0px 5px;
    }

    .flex-control-nav {
        left: 58%;
    }

    .subscribe-grid {
        padding: 3em 12em;
        width: 100%;
        float: none;
    }

    .footer-w3layouts {
        width: 100%;
        /*float: none;*/
    }

    .footer-bottom-wthree {
        margin-top: 1.5em;
        padding-top: 1.5em;
    }
}

@media(max-width:1050px) {
    .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
        width: 33px;
    }

    .owl-theme .owl-controls .owl-page span {
        width: 23px;
        height: 5px;
    }

    .w3_navigation_pos h1 a {
        font-size: 32px;
    }

    .w3_navigation_pos span {
        font-size: 54px;
    }

    .banner-text h2 {
        font-size: 25px;
    }

    .banner-btm-agileits {
        margin-top: 4em;
    }

    .book-form label {
        font-size: 14px;
    }
}

@media(max-width:1024px) {
    .owl-pagination {
        right: -9px;
        bottom: -21px;
        width: 97px;
    }
}

@media(max-width:1024px) {
    .navbar-nav > li > a {
        padding: 0.8em 0.5em;
    }

    .form-time-w3layouts, .form-left-agileits-w3layouts, .form-date-w3-agileits {
        width: 33.3%;
        float: left;
    }

    .book-form form input[type="submit"] {
        margin-top: 0.4em;
        float: left;
    }

    .banner-text h2 {
        font-size: 22px;
        margin: 1.5em 0 1.2em;
    }

    .bann-left-w3-agile, .button-agileits, .bann-right-wthree {
        width: 33.3%;
        float: left;
    }

        .bann-left-w3-agile h3 span {
            font-size: 25px !important;
        }

        .bann-left-w3-agile h3 {
            font-size: 17px;
        }

        .bann-right-wthree i {
            font-size: 2.3em;
            padding-right: 2.2em;
        }

    .two-w3ls, .one-w3ls {
        width: 50%;
        float: right;
        min-height: 348px;
    }

    .banner_bottom_right, .banner_bottom_right_grid {
        padding: 0;
        margin-top: -1px;
    }

    .view {
        width: 50%;
        float: right;
    }

    .agile_text_box h3 {
        font-size: 1.2em;
    }

    .banner_bottom_left {
        float: left;
    }

    .services-grids {
        width: 26.4%;
    }

    h3.title-agileits-w3layouts {
        font-size: 3em;
        letter-spacing: 1px;
    }

    .services, .gallery, .contact, .testimonials, .team {
        padding: 2em 0em;
    }

    .agile-dish-caption {
        padding: 2.45em 1em;
    }

    .w3ls-overlay h4 {
        padding: 28% 0;
    }

    .w3_testimonials_grid_left p {
        width: 90%;
    }

    .about .button-agileits {
        width: 100% !important;
    }

    .flex-control-nav {
        left: 60%;
        width: 110px;
        bottom: 12%;
    }

    .agile_text_box h3 {
        font-size: 1.1em;
    }

    .two-w3ls, .one-w3ls {
        min-height: 344px;
    }


    .subscribe-grid {
        padding: 2em 11em;
    }

    .agile_text_box p {
        font-size: 16px;
    }

    .view {
        padding: 7.45em 2em;
    }

    .banner_bottom_left {
        padding: 2em 5em;
    }

    .styled-input.textarea-w3ls {
        margin-top: 2em !important;
    }

    .gallery-grid-img {
        padding: 0 .5em;
    }

        .gallery-grid-img.gallery-mdl {
            margin: 1em 0;
        }

    .ui-datepicker {
        width: 21.5% !important;
    }
}

@media(max-width:900px) {
    .ui-datepicker {
        width: 23.8% !important;
    }
}

@media(max-width:800px) {
    .button-agileits a {
        padding: 0.7em 2em;
        font-size: 13px;
    }

    .hvr-ripple-out:before {
        border: #fff solid 2px;
    }

    .two-w3ls, .one-w3ls {
        min-height: 375px;
    }

    .agile-dish-caption span {
        font-size: 14px;
        line-height: 26px;
    }

    .agile-dish-caption h4 {
        font-size: 1.1em;
    }

    .agile-dish-caption p {
        font-size: 13px;
    }

    .agile-dish-caption {
        padding: 3.2em 1em;
    }

    ul.top-links li a i.fa {
        width: 33px;
        height: 33px;
        font-size: 14px;
        line-height: 34px;
    }

    .contact input[type="text"], .contact input[type="email"], .contact textarea {
        font-size: 14px;
    }

    .styled-input label {
        font-size: 14px;
    }

    .contact input[type="submit"] {
        padding: .6em 0;
        font-size: 13px;
        letter-spacing: 1px;
    }

    .subscribe-grid {
        padding: 2em 7em;
    }


    .footer-top-agile h6 {
        float: none;
    }

    .footer-contact-w3ls ul li {
        /*margin: 8px 0 0px 4px;*/
        display: block;
    }

    .footer-top-agile .top-links {
        margin-top: 0.5em;
    }

    .ui-datepicker {
        width: 26.8% !important;
    }
}

@media(max-width:768px) {
    .w3_navigation_pos h1 a {
        font-size: 29px;
    }

    .w3_navigation_pos span {
        font-size: 49px;
    }

    .banner-text h2 {
        font-size: 20px;
    }

    .agileinfo-dot {
        padding: 1em 0 2em;
    }

    .book-form p {
        margin-bottom: 0.8em;
        padding: 0 32px 6px;
        font-size: 14px;
        letter-spacing: 1px;
        word-spacing: 4px;
    }

    .bann-left-w3-agile h3 span {
        font-size: 20px !important;
    }

    .bann-left-w3-agile h3 {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .bann-right-wthree a {
        font-size: 14px;
    }

    .bann-right-wthree i {
        font-size: 1.7em;
        padding-right: 1.9em;
        top: 5px;
    }

    .banner-btm-agileits {
        margin-top: 3em;
    }

    h3.title-agileits-w3layouts {
        font-size: 2.7em;
        margin-bottom: 0.2em;
    }

    .banner_bottom_left h4 {
        font-size: 1.2em;
    }

    p.para-w3l {
        font-size: 15px;
    }

    .about .para-w3l {
        margin: 0.5em 0 1.5em;
    }

    .pic-w3layouts {
        width: 120px;
        height: 120px;
    }

        .pic-w3layouts img {
            width: 120px;
            height: 120px;
        }

    .profile-pic-w3ls h5 {
        font-size: 17px;
        margin-bottom: 0.5em;
    }

        .profile-pic-w3ls h5 span {
            font-size: 12px !important;
        }

    .services p {
        font-size: 15px;
    }

    .services-grids h6 {
        font-size: 15px;
        padding: .9em 0;
    }

    .w3_testimonials_grid_left p {
        font-size: 15px;
        letter-spacing: 0.5px;
    }

    .ui-datepicker {
        width: 27.8% !important;
    }
}

@media(max-width:767px) {
    .w3_navigation_pos {
        float: left;
    }

    .menu__list {
        background: #221405;
    }

        .menu__list li {
            cursor: pointer;
        }

    .navbar-default .navbar-toggle {
        border-color: #fff;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ffa200;
        }

    .navbar-toggle {
        margin: .5em 0 0;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }

    div#bs-example-navbar-collapse-1 {
        background: rgba(0, 0, 0, 0.83);
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 999;
        border: 1px solid transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        text-align: center;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 0px 5px 0px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #1ca0de;
    }

    .navbar-nav {
        float: none;
        margin: 0;
        width: 100%;
        padding: 1em 0;
    }


        .navbar-nav > li {
            float: none;
            margin-right: 0;
            text-align: center;
        }

    .cl-effect-4 a::after {
        top: 88%;
    }

    .bann-right-wthree i {
        padding: 0.1em 1.9em 0 0;
    }

    .gallery-grid-img.gallery-mdl {
        margin: 0;
    }

    .gallery-grid-img {
        padding: .5em .5em 0;
    }

        .gallery-grid-img:nth-child(1), .gallery-grid-img:nth-child(2) {
            padding-top: 0 !important;
        }

    .services, .gallery, .contact, .testimonials, .team {
        padding: 1.5em 0em 1.8em;
    }

    .banner_bottom_left {
        padding: 1.5em 1.5em 1.8em;
    }

    .profile-pic-w3ls {
        padding: 1.5em 1.5em;
    }

    .subscribe-grid {
        padding: 1.8em 2em;
    }



    .footer-top-agile h6 a span {
        font-size: 1.8em;
    }

    .footer-top-agile h6 a {
        font-size: 1.8em;
    }

    .subscribe-grid p {
        font-size: 15px;
        padding: 0.3em 0 1em;
    }

    .footer-bottom-wthree {
        margin-top: 1em;
    }
}

@media(max-width:736px) {
    .services-grids {
        width: 26.3%;
    }

    .agile-dish-caption {
        padding: 2.8em 1em;
    }
}

@media(max-width:667px) {
    .bann-right-wthree i {
        padding: 0.2em 2.9em 0 0;
    }

    .view {
        padding: 5.5em 2em;
    }

    .agile_text_box h3 {
        margin: 0em 0 0.2em;
    }

    .two-w3ls, .one-w3ls {
        min-height: 299px;
    }

    .services-grids h6 {
        font-size: 14px;
    }

    .services-grids {
        width: 40%;
    }

        .services-grids:nth-child(2), .services-grids:nth-child(5) {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        .services-grids:nth-child(2), .services-grids:nth-child(4), .services-grids:nth-child(6) {
            margin-left: 11px !important;
        }

    .owl-pagination {
        width: 127px;
    }

    .agile-dish-caption {
        padding: 6.8em 1em;
    }

    .flex-control-nav {
        left: 62%;
    }

    .copyright-wthree a.bt-icon i {
        font-size: 1.3em;
    }

    .ui-datepicker {
        width: 27% !important;
    }

    .book-form select.form-control, .book-form input[type="text"], .book-form input[type="date"], .book-form input[type="time"], .book-form input[type="email"] {
        font-size: 14px;
    }
}

@media(max-width:640px) {
    .button-agileits a {
        padding: 0.7em 1.7em;
    }

    .bann-right-wthree i {
        padding: 0.2em 3.3em 0 0;
    }

    ..w3_navigation_pos h1 a {
        font-size: 26px;
    }

    .w3_navigation_pos span {
        font-size: 45px;
    }

    .banner-text h2 {
        font-size: 18px;
        margin: 0.8em 0 1em;
    }

    .banner-btm-agileits {
        margin-top: 2em;
    }

    .two-w3ls, .one-w3ls {
        min-height: 298px;
    }

    .contact textarea {
        min-height: 4em;
    }
}

@media(max-width:600px) {
    .bann-right-wthree a {
        letter-spacing: 0.5px;
    }

    .bann-left-w3-agile, .button-agileits, .bann-right-wthree {
        width: 100%;
        float: left;
        text-align: center;
    }

    .banner-btm-agileits .button-agileits a {
        margin: 1em 0;
    }

    .bann-right-wthree a {
        left: 26px;
    }

    .two-w3ls, .one-w3ls {
        width: 100%;
        float: none;
    }

    .view {
        width: 100%;
        float: none;
    }

    .services-grids:nth-child(2), .services-grids:nth-child(4), .services-grids:nth-child(6) {
        margin-left: 10px !important;
    }

    .agile-dish-caption {
        padding: 5.5em 1em;
    }

    .banner_bottom_left .button-agileits {
        text-align: center !important;
    }

    .banner-btm-agileits {
        margin-top: 1em;
    }
}

@media(max-width:568px) {
    .services-grids {
        width: 38%;
    }

    .agile-dish-caption {
        padding: 4.1em 1em;
    }

    .flex-control-nav {
        left: 65%;
    }

    .flexslider .slides > li {
        padding: 1em 0;
    }
}

@media(max-width:480px) {
    .book-form p {
        font-size: 12px;
        word-spacing: 2px;
        margin-bottom: 0.3em;
    }

    .form-time-w3layouts, .form-left-agileits-w3layouts, .form-date-w3-agileits {
        width: 100%;
        float: none;
    }

    .ui-datepicker {
        width: 87% !important;
    }

    .banner-text h2 {
        font-size: 17px;
        margin: 0.2em 0 0.5em;
    }

    .book-form label {
        font-size: 12.5px;
        margin-bottom: 5px;
        margin-top: 11px;
    }

    header {
        padding: 5px 0px;
    }

    .w3_navigation_pos span {
        font-size: 40px;
    }

    .w3_navigation_pos h1 a {
        font-size: 24px;
    }

    .navbar-toggle {
        margin: .3em 0 0;
        padding: 7px 7px;
    }

    h3.title-agileits-w3layouts {
        font-size: 2.5em;
        margin-bottom: 0em;
        line-height: 39px;
    }

    .agile-dish-caption {
        padding: 2.3em 1em;
    }

    .flex-control-nav {
        left: 66%;
        bottom: 9%;
    }

    .copyright-wthree p {
        font-size: 13px;
        line-height: 27px;
        float: none;
    }

    .copyright-wthree a.bt-icon i {
        float: none;
        margin-top: 17px;
        text-align: center;
    }
}

@media(max-width:440px) {
    .services-grids {
        width: 100%;
        float: none;
    }

    .banner-text h2 {
        font-size: 15px;
    }

    .two-w3ls, .one-w3ls {
        min-height: 278px;
    }

    .view {
        padding: 5.5em 1em;
    }

    .services-grids:nth-child(2), .services-grids:nth-child(4), .services-grids:nth-child(6) {
        margin-left: 0px !important;
    }

    .services-grids:nth-child(1), .services-grids:nth-child(2), .services-grids:nth-child(3), .services-grids:nth-child(4), .services-grids:nth-child(5), .services-grids:nth-child(6) {
        margin-bottom: 17px;
        margin-left: 0px;
    }

    .agile-dish-caption {
        padding: 1.48em 1em;
    }

        .agile-dish-caption h4 {
            font-size: 1em;
        }

    .gallery-grid-img {
        padding: .5em 0em 0;
        width: 100%;
    }

        .gallery-grid-img:nth-child(2) {
            padding-top: 0.5em !important;
        }

    .w3ls-overlay h4 {
        padding: 32% 0;
    }

    .w3_testimonials_grid_right {
        margin: 0 auto 1.7em;
    }

    .flex-control-nav {
        left: 37%;
        bottom: 0%;
    }

    .subscribe-grid button.btn1 {
        width: 48px;
        height: 39px;
    }

    .subscribe-grid input[type="email"] {
        padding: 0.6em 3em 0.6em 0.66em;
        font-size: 14px;
    }

    .subscribe-grid {
        padding: 1.8em 1em;
    }

    .banner_bottom_left h4 {
        font-size: 1.1em;
    }

    .ui-datepicker {
        width: 85.5% !important;
    }
}

@media(max-width:414px) {
    .banner-text h2 {
        font-size: 14px;
    }

    .view {
        padding: 3em 1em;
    }

    .two-w3ls, .one-w3ls {
        min-height: 230px;
    }

    .profile-btm-w3l i {
        font-size: 2.5em;
    }

    .owl-pagination {
        width: 230px;
    }

    .agile-dish-caption {
        padding: 9em 1em;
    }

        .agile-dish-caption h4 {
            font-size: 1.1em;
        }

    .contact input[type="submit"] {
        font-size: 12.5px;
    }

    .footer-contact-w3ls {
        margin-top: 2px;
    }
}

@media(max-width:384px) {
    .banner-text h2 {
        line-height: 24px;
    }

    .subscribe-grid h5 {
        font-size: 17px;
    }

    .agile-dish-caption {
        padding: 7.5em 1em;
    }

    .ui-datepicker {
        width: 83.5% !important;
    }

    .footer-bottom-wthree {
        padding-top: 1em;
    }
}

@media(max-width:375px) {
}

@media(max-width:320px) {
    .ui-datepicker {
        width: 80.3% !important;
    }

    .book-form form input[type="submit"] {
        font-size: .78em;
        letter-spacing: 0.5px;
    }

    .agile_text_box h3 {
        font-size: 1em;
    }

    .about .button-agileits a:nth-child(1) {
        margin-bottom: 1.2em;
    }

    .about .para-w3l {
        margin: 0.3em 0 1.1em;
    }

    .profile-pic-w3ls {
        padding: 1em 1em;
    }

    .agile-dish-caption {
        padding: 5.3em 1em;
    }

    .flex-control-nav {
        left: 33%;
    }
}

.mtop5 {
    margin-top: 5px;
}

.userinfo {
    padding: 5px !important;
    color: #ffa200 !important;
    border-radius: 100px;
    margin-top: -5px !important;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

#myLink {
    display: block;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    padding: 8px 8px 8px 14px;
    background: #b79555;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    border-radius: 100px;
}

.onoffswitch1 {
    position: relative;
    width: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch1-checkbox {
    display: none;
}

#myLink {
    border: 1px solid #5c4938 !important;
    /*border-right:  3px solid #ffa200 !important;
    border-bottom: 3px solid #ffa200 !important;*/
}

.onoffswitch1-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 30px;
}

.onoffswitch1-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch1-inner:before, .onoffswitch1-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        /*font-family: sans-serif;*/
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 30px;
        box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;
    }

    .onoffswitch1-inner:before {
        content: "Kannada";
        padding-left: 10px;
        background-color: #1b2330;
        color: #ffa200;
        border-radius: 30px 0 0 30px;
    }

    .onoffswitch1-inner:after {
        content: "English";
        padding-right: 10px;
        background-color: #1b2330;
        color: #ffa200;
        text-align: right;
        border-radius: 0 30px 30px 0;
    }

.onoffswitch1-switch {
    display: block;
    width: 30px;
    margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999;
    border-radius: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 70px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    box-shadow: 0 1px 1px white inset;
}

.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {
    margin-left: 0;
}

.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {
    right: -4px;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
    margin-right: -15px;
    margin-top: 10px;
}

    .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
        height: 175px;
        padding: 10px;
        text-align: center;
        /*background-color: #5c4938;*/
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        padding: 15px;
        border-bottom: 1px solid #f4f4f4;
        border-top: 1px solid #dddddd;
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
        z-index: 5;
        height: 90px;
        width: 90px;
        border: 3px solid;
        border-color: transparent;
        border-color: rgba(255, 255, 255, 0.2);
    }

.img-circle {
    border-radius: 50%;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    z-index: 5;
    color: var(--secondcolor);
    font-size: 17px;
    margin-top: 10px;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    /*background-color: #5c4938;*/
    padding: 10px;
}

.btn {
    padding: 6px 12px !important;
}

#dvProfile {
    background: var(--firstcolor);
    min-width: 100px;
    width: 250px;
    padding-right: 0px;
    margin-top: 0px;
}

.pad a {
    padding: 6px 12px !important;
}

.hvr-ripple-out1:before {
    content: '';
    position: absolute;
    border: #fff solid 1px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.lang {
    color: #bc9867;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.himage {
    width: 35px;
    height: 35px;
    border: 3px solid;
    border-color: transparent;
    border-color: #ffa200;
}

.user-menu a:hover::after, .user-menu a:focus::after {
    height: 0px !important;
}

.mtm10 {
    margin-top: -10px;
}

.pbot100 {
    padding-bottom: 100px;
}

.pbot50 {
    padding-bottom: 50px;
}


.add-to-cart {
    display: inline-block;
    width: auto;
    padding: 0.4em 0.6em;
    color: var(--secondcolor);
    text-decoration: none;
    font-weight: 800;
    font-size: 0.9em;
    text-transform: uppercase;
    margin-right: 10px;
    background-color: var(--firstcolor);
}

    .add-to-cart:hover {
        background-color: var(--thirdcolor);
        color: #ffffff;
    }

.check-out {
    display: inline-block;
    width: auto;
    border: 2px solid #AC5D24;
    padding: 0.4em 0.6em;
    color: #AC5D24;
    text-decoration: none;
    font-weight: 800;
    font-size: 0.9em;
    text-transform: uppercase;
    margin-right: 10px;
}

    .check-out:hover {
        background-color: #AC5D24;
        color: #ffffff;
    }

#wrapper {
    overflow: hidden;
    transition: height 200ms;
}

#wrapper1 {
    overflow: auto;
    transition: height 200ms;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.plr0 {
    padding-left: 0px;
    padding-right: 0px;
}

.prev {
    left: -25% !important;
    margin-top: -30px !important;
    color: #000;
}

.brdbtm {
    border-bottom: solid 2px var(--thirdcolor);
}

.next {
    right: 10% !important;
    margin-top: -30px !important;
    color: #000;
}

.bgnone {
    background-image: none !important;
}

.wid500 {
    width: 500px;
}

.pbot10 {
    padding-bottom: 10px;
}

.ptop10 {
    padding-top: 10px;
}

.count {
    position: absolute;
    top: 5px;
    right: 8px;
    text-align: center;
    font-size: 14px;
    padding: 2px 3px;
    line-height: .9;
    background: #970707;
    border-radius: 100px;
}

.cart:hover {
    color: #fff !important;
}

.errmsg {
    color: #a94442;
    background-color: #f2dede;
    border-color: #f00;
}

.counter {
    float: right;
    margin-right: 5px;
    border: 1px solid var(--firstcolor);
    padding: 0px 0px;
}

    .counter a {
        color: var(--firstcolor);
    }

.minus {
    padding: 0px 5px;
    border-right: solid 1px;
}

.qty {
    padding: 0px 10px;
    border-right: solid 1px;
    padding-left: 5px;
}

.plus {
    padding: 0px 5px;
}

.dropdown-cart {
    background-color: #221405 !important;
    color: #bc9867 !important;
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

pt0 {
    padding-top: 0px !important;
}

.brdblkbtm {
    border-bottom: solid 2px #000;
}

.mbot20 {
    margin-bottom: 20px;
}

.mleft20 {
    margin-left: 20px;
}

.mright20 {
    margin-right: 20px;
}

.mbot50 {
    margin-bottom: 50px;
}

.ptop50 {
    padding-top: 50px;
}

.ptop25 {
    padding-top: 25px;
}

.f-website {
    position: fixed;
    bottom: 0px;
    right: 0px;
}

    .f-website h2 {
        margin: 0;
        font-size: 24px;
        font-weight: 100;
        padding: 5px 10px;
        font-style: italic;
        color: #EEE;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.98), 2px 2px 0px rgba(0, 0, 0, 0.96), 3px 3px 0px rgba(0, 0, 0, 0.94), 4px 4px 0px rgba(0, 0, 0, 0.92), 5px 5px 0px rgba(0, 0, 0, 0.9), 6px 6px 0px rgba(0, 0, 0, 0.88), 7px 7px 0px rgba(0, 0, 0, 0.86), 8px 8px 0px rgba(0, 0, 0, 0.84), 9px 9px 0px rgba(0, 0, 0, 0.82), 10px 10px 0px rgba(0, 0, 0, 0.8), 11px 11px 0px rgba(0, 0, 0, 0.78), 12px 12px 0px rgba(0, 0, 0, 0.76), 13px 13px 0px rgba(0, 0, 0, 0.74), 14px 14px 0px rgba(0, 0, 0, 0.72), 15px 15px 0px rgba(0, 0, 0, 0.7), 16px 16px 0px rgba(0, 0, 0, 0.68), 17px 17px 0px rgba(0, 0, 0, 0.66), 18px 18px 0px rgba(0, 0, 0, 0.64), 19px 19px 0px rgba(0, 0, 0, 0.62), 20px 20px 0px rgba(0, 0, 0, 0.6), 21px 21px 0px rgba(0, 0, 0, 0.58), 22px 22px 0px rgba(0, 0, 0, 0.56), 23px 23px 0px rgba(0, 0, 0, 0.54), 24px 24px 0px rgba(0, 0, 0, 0.52), 25px 25px 0px rgba(0, 0, 0, 0.5), 26px 26px 0px rgba(0, 0, 0, 0.48), 27px 27px 0px rgba(0, 0, 0, 0.46), 28px 28px 0px rgba(0, 0, 0, 0.44), 29px 29px 0px rgba(0, 0, 0, 0.42), 30px 30px 0px rgba(0, 0, 0, 0.4), 31px 31px 0px rgba(0, 0, 0, 0.38), 32px 32px 0px rgba(0, 0, 0, 0.36), 33px 33px 0px rgba(0, 0, 0, 0.34), 34px 34px 0px rgba(0, 0, 0, 0.32), 35px 35px 0px rgba(0, 0, 0, 0.3), 36px 36px 0px rgba(0, 0, 0, 0.28), 37px 37px 0px rgba(0, 0, 0, 0.26), 38px 38px 0px rgba(0, 0, 0, 0.24), 39px 39px 0px rgba(0, 0, 0, 0.22), 40px 40px 0px rgba(0, 0, 0, 0.2), 41px 41px 0px rgba(0, 0, 0, 0.18), 42px 42px 0px rgba(0, 0, 0, 0.16), 43px 43px 0px rgba(0, 0, 0, 0.14), 44px 44px 0px rgba(0, 0, 0, 0.12), 45px 45px 0px rgba(0, 0, 0, 0.1), 46px 46px 0px rgba(0, 0, 0, 0.08), 47px 47px 0px rgba(0, 0, 0, 0.06), 48px 48px 0px rgba(0, 0, 0, 0.04), 50px 50px 0px transparent;
    }
/*--responsive--*/
.removeleftrightpadding {
    padding-left: 0px;
    padding-right: 0px;
}

.lrp20vh {
    padding-left: 20vh;
    padding-right: 20vh;
}

#dvMainBody {
    padding-top: 70px;
    padding-bottom: 100px;
}

.bannerslider {
    width: 100%;
    height: 100%;
    /*top: 100px;*/
    /*background: rgb(0,0,0,0.7);*/
    background-color:var(--firstcolor);
}

.errormsg {
    color: red !important;
}

.bannerimage {
    height: 60vh;
    width: 100%;
    object-fit: cover;
}

.bannerinnerDiv {
    width: 100%;
    height: auto;
}

.bannerinnerText {
    margin: 0px !important;
    text-align: left !important;
}

.singlepageinner {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sevaSpecialSevaBackground {
    /*background: url(/images/wood.jpg) center center;*/
    background: url(/images/about.jpg)0px repeat;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    background-color: #bc9867;
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    border-radius: 20px;
    color: black;
}

.services {
    /*background: url(/images/function.jpg)0px 0px repeat;*/
}


.padr0 {
    padding-right: 0px;
}

.mtop20 {
    margin-top: 20px !important;
}

@media (min-width: 1200px) {
    .container {
        width: 100% !important;
    }
}

.historyContainer {
    /*Added By Rajesh -  Below 2 lines to fix History Container class position*/
    position: relative;
    text-align: left;
}

.marg20 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.seva-list {
    padding: 0px 0px;
    min-height: 150px;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    color: var(--firstcolor);
    background-color: var(--secondcolor);
}

.sevaheaderdiv {
    text-align: center;
    /*    left: 25%;*/
    /*transform: translate(-50%, -50%);*/
    background: var(--secondcolor);
    color: var(--firstcolor);
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid var(--firstcolor);
}



    .sevaheaderdiv > h3 {
        font-size: 20px !important;
        text-transform: uppercase;
        font-weight: 900;
    }

.sevatabinactive {
    background: #221405;
    color: #bc9867;
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid #bc9867;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer;
}

.sevatabactive {
    background-color: #bc9867;
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    color: #221405;
    border-radius: 30px 30px 30px 30px;
    z-index: 100;
}

.sevamaindiv {
    padding: 10px;
}

.seva-desc {
    padding: 10px 0px 0px 0px;
    height: 150px;
}

.seva-image {
    padding: 10px;
    width: 100%;
    height: 250px;
    background-color: transparent;
    /* margin: 10px; */
    border-radius: 10%;
}

.sevadetailheaderdiv {
    text-align: center;
    /* left: 25%; */
    /* transform: translate(-50%, -50%); */
    background: var(--firstcolor);
    color: var(--secondcolor);
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid var(--firstcolor);
}

    .sevadetailheaderdiv > h3 {
        font-size: 20px !important;
        text-transform: uppercase;
        font-weight: 900;
    }

.seva-detail {
    padding: 0px 0px;
    min-height: 150px;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    color: var(--firstcolor);
    background-color: var(--secondcolor);
    height: auto;
    min-height: 65vh;
    padding-bottom: 1vh;
}

.checkout-user-error {
    color: red;
}

.seva-detail-image {
    padding: 20px;
    height: 15em !important;
    width: 100%;
    height: 200px;
}

.sevapackages {
    border: 1px solid var(--firstcolor);
    border-radius: 10px;
    background-color: beige;
}

.seva-package-image {
    /*padding: 20px;*/
    height: 15em !important;
    width: 100%;
    height: 200px;
}

.seva-detail-billing-screen {
    text-align: center;
    min-height: 60vh;
}

.sevapackagesheader {
    text-align: center;
    margin: auto;
    padding: 10px;
}

    .sevapackagesheader > h3 {
        font-size: 20px !important;
        text-transform: uppercase;
        font-weight: 900;
    }

.sevapackagelistsheader {
    text-align: center;
    font-weight: 100;
    padding: 10px;
}

.sevapackagelist {
    border: 1px solid var(--firstcolor);
}

.sevapackagelistheadertext {
    padding: 10px;
    margin: auto;
}

.seva-package-model {
    border-radius: 10px;
}

.seva-package-modal-header {
    color: var(--firstcolor) !important;
    border-bottom: 1px solid var(--firstcolor);
    text-align: center;
}

.seva-package-modal-detail {
    background: var(--secondcolor);
    color: var(--firstcolor);
    overflow-y: auto;
    max-height: 40vh;
}

.seva-detail-desc {
    padding: 10px 0px 0px 0px;
    height: 20em !important;
    overflow-y: auto;
    font-weight: 600;
}

.sevamoreinfo {
    text-decoration: underline;
}

.sevadetailfooterlayout {
    padding: 10px;
    float: right;
    bottom: 0px;
    justify-content: center;
    position: absolute;
    background-color: var(--fourthcolor);
    border-top: 1px solid var(--firstcolor);
    left: 0px;
    bottom: 1vh;
    width: 100%;
    z-index: 1000;
    color: var(--secondcolor);
}

.sevaaddbutton {
    height: 50px;
    padding-top: 10px;
}

.seva-package-add {
    height: 50px;
    padding-top: 10px;
}

.seva-package-add-text {
    margin: auto;
    padding: 5px;
    text-align: left;
}
/*.iffyTip {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 43px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
.padb10 {
    padding-bottom: 10px;
}

.bodypadding {
    padding-top: 80px;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/images/loading.gif') 50% 50% no-repeat rgba(0, 0, 0,0.4);
}

.loaderchild {
    /*position: fixed;*/
    width: 100%;
    height: 100px;
    z-index: 9999;
    background: url('/images/loading.gif') 50% 50% no-repeat rgba(0, 0, 0,0.4);
}

.homedatalist {
    height: auto;
}

.pgwimgheight {
    height: 50px;
}

.menupointer {
    cursor: pointer;
}

.menu__list li {
    cursor: pointer;
}

.brdtop {
    border-bottom: solid 2px #000;
}

.tabheaderdiv {
    text-align: center;
    /*left: 25%;*/
    /*transform: translate(-50%, -50%);*/
    padding-bottom: 10px;
    padding-top: 10px;
}

.tabinactive {
    background: #5e350a;
    color: #ffa200;
    box-shadow: none;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #bc9867;
}

.tabactive {
    background-color: #221405;
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    color: #fff;
    border-radius: 30px 30px 30px 30px;
    z-index: 100;
}

.tabmaindiv {
    padding: 10px;
}

.functionimagewidthheight {
    width: 100%;
    height: 100%;
    max-height: 310px;
}

.function-selected {
    color: #221405;
    box-shadow: 0 0 100px rgba(0, 0, 0, 1);
    background: #bc9867;
}

    .function-selected p {
        color: #221405 !important;
    }

    .function-selected .to span {
        color: #221405;
        background: #bc9867;
    }

    .function-selected h6 {
        background: #221405;
        color: #bc9867;
    }

.functionBackground {
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    background-color: var(--firstcolor);
    /*background: rgba(0, 0, 0, 0.5);*/
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    border-radius: 20px;
    color: #fff;
    min-height: 360px;
}

.background {
    /*background: url(/images/about.jpg)0px repeat;*/
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    background-color: var(--firstcolor);
    /*background: rgba(0, 0, 0, 0.7);*/
    /*box-shadow: 0 0 50px rgba(0,0,0,.4);*/
    /*border-radius: 20px;*/
    color: black;
}



.subbackground {
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    background-color: var(--firstcolor);
    /*box-shadow: 0 0 50px rgba(0,0,0,.4);*/
    border-radius: 20px;
    color: black;
    height: 24em;
}

.about {
    max-height: 490px !important;
    height: 490px !important;
    padding: 10px 30px 10px 30px;
}

    .about .subbackground {
        height: 100%;
    }

    .about p {
        border-bottom: 2px dotted #333333;
        margin-bottom: 1em;
    }

    .about img {
        height: 290px !important;
    }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    text-align: center;
    font-size: 20px;
    /* padding-top: 30%; */
    padding-right: 44%;
}

.fc-basic-view .fc-body .fc-row {
    /*height: 120px !important;*/
}

.fc-day-grid-container {
    height: auto !important;
}

.fc-h-event {
    padding: 0px !important;
    background-color: #442708 !important;
}

.tright {
    text-align: right !important;
}

.pright0 {
    padding-right: 0px !important;
}

.mright0 {
    margin-right: 0px !important;
}

.iffyTip {
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.modal-content {
    background-color: var(--secondcolor);
}

.modal-footer {
    background-color: var(--secondcolor);
    color: var(--firstcolor);
    border-top: 1px solid var(--firstcolor);
}

.fc-unthemed th {
    border-color: #442708 !important;
}

.fc-unthemed td {
    border-color: #442708 !important;
}

.fc button, .fc table, body .fc {
    color: #442708;
}

@media(min-width:1051px) and (max-width:1146px) {
    .w3_navigation_pos span {
        font-size: 35px;
    }

    .w3_navigation_pos h1 a {
        font-size: 20px;
    }

    .navbar-nav > li > a {
        padding: 5px 10px;
        font-size: 14px;
    }

    .himage {
        height: 30px;
        width: 30px;
    }
}

@media(min-width:992px) and (max-width:1050px) {
    .w3_navigation_pos span {
        font-size: 30px;
    }

    .w3_navigation_pos h1 a {
        font-size: 20px;
    }

    .navbar-nav > li > a {
        padding: 5px 5px;
        font-size: 14px;
    }

    .himage {
        height: 30px;
        width: 30px;
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .w3_navigation_pos span {
        font-size: 26px;
    }

    .w3_navigation_pos h1 a {
        font-size: 18px;
    }

    .navbar-nav > li > a {
        padding: 5px 5px;
        font-size: 10px;
    }

    .navbar-nav > li {
        margin-right: 6px;
    }

    .himage {
        height: 30px;
        width: 30px;
    }
}

.h-auto {
    height: auto !important;
}

.fc-past {
    cursor: not-allowed;
}

    .fc-past > a {
        cursor: not-allowed;
    }

a:hover {
    text-decoration: none !important;
}

#loading-img {
    background: url('/images/loading.gif') 50% 50% no-repeat rgba(0, 0, 0,0.4);
    height: 100%;
    z-index: 9999;
}

.overlay {
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 999;
}

.signoutbutton {
    outline: none;
    color: #221405;
    padding: .8em 0;
    width: 30%;
    font-size: 1em;
    float: right;
    margin: 0em 0 0 0;
    -webkit-appearance: none;
    background: #bc9867;
    border: solid 0px #ffa200;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.carousel-caption {
    top: 100px !important;
    left: 2% !important;
    /*width: 35%;*/
    position: relative !important;
    color: var(--secondcolor);
}

.carousel-image {
    padding: 30px !important;
}

@media(max-width:768px) {
    .carousel-caption {
        top: 50% !important;
        left: 2% !important;
        width: 100% !important;
    }

    .bannerimage {
        height: 20vh !important;
    }
}

@media(max-width:992px) {
    .box {
        width: 98% !important;
    }

    .center {
        left: 0% !important;
    }
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}

.demo-gallery > ul {
    margin-bottom: 0;
}

    .demo-gallery > ul > li {
        float: left;
        margin-bottom: 15px;
        margin-right: 20px;
        width: 100%;
    }

        .demo-gallery > ul > li a {
            border: 0px solid #FFF;
            border-radius: 3px;
            display: block;
            overflow: hidden;
            position: relative;
            float: left;
        }

            .demo-gallery > ul > li a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 190px;
                width: 100%;
            }

            .demo-gallery > ul > li a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }

            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                opacity: 1;
            }

            .demo-gallery > ul > li a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
            }

                .demo-gallery > ul > li a .demo-gallery-poster > img {
                    left: 50%;
                    margin-left: -10px;
                    margin-top: -10px;
                    opacity: 0;
                    position: absolute;
                    top: 50%;
                    -webkit-transition: opacity 0.3s ease 0s;
                    -o-transition: opacity 0.3s ease 0s;
                    transition: opacity 0.3s ease 0s;
                }

            .demo-gallery > ul > li a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
            }

.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

    .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: opacity 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
    }

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.gallery-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    vertical-align: middle;
    line-height: 190px;
}

    .gallery-text:hover {
        opacity: 1;
    }

    .gallery-text h3 {
        color: white;
        display: inline-table;
        vertical-align: middle;
        line-height: 100%;
    }

.gallery {
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center;
}

.gallery-image {
    cursor: pointer;
    position: relative;
    display: block;
    height: 190px;
}

.ptop100 {
    padding-top: 100px;
}

.ptop50 {
    padding-top: 50px;
}

.padr-cmd-1 {
    padding-right: 16.66%;
    padding-bottom: 15px;
}

.title-agileits-w3layouts span {
    background: var(--secondcolor);
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 24px;
    color: var(--firstcolor);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    /*background: rgba(0, 0, 0, 0.5);*/
}

@media(max-width:320px) {
    .title-agileits-w3layouts span {
        font-size: 20px !important;
    }
}

@media(max-width:375px) and (min-width:321px) {
    .title-agileits-w3layouts span {
        font-size: 22px;
    }
}

@media(max-width:425px) and (min-width:376px) {
    .title-agileits-w3layouts span {
        font-size: 24px;
    }
}

.galtxt {
    text-align: center;
    background: #221405;
    font-size: 16px;
    padding: 10px;
    color: var(--secondcolor);
}

.abtbackground {
    /*background: url(/images/about.jpg)0px repeat;*/
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    background-color: var(--firstcolor);
    background: rgba(0, 0, 0, 0.5);
    /*box-shadow: 0 0 50px rgba(0,0,0,.4);*/
    /*border-radius: 20px;*/
    color: black;
}

    .abtbackground > h3 > span {
        background-color: var(--thirdcolor);
        color: white;
    }

.abtpad {
    padding: 20px 80px;
}

.about-detail-content {
    height: 100%;
    padding: 10px;
}

.about-detail-heading {
    height: 15%;
}

.about-detail-image {
    padding-left: 0px;
    height: 100%;
    padding-right: 0px;
}

.about-image {
    height: 100%;
    width: 100%;
    border-radius: 30px;
    padding: 10px;
}

.about-detail-desc {
    padding-left: 0px;
    padding-right: 0px;
    height: 85%;
    overflow: auto;
}

.about-detail {
    padding: 0px 0px;
    height: 400px;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    color: var(--firstcolor);
    background-color: var(--secondcolor);
}

.abt-head {
    font-size: 30px;
}

.headerLang {
    right: 0px;
    top: 130px;
    position: fixed;
    z-index: 999;
}

.headerlangselect {
    background-color: var(--firstcolor);
    color: var(--secondcolor);
    border-radius: 10px;
    width: 100px;
    border:none;
}

    .headerlangselect > option {
        background-color: var(--secondcolor);
        color: var(--firstcolor);
    }

.tabactiveLang {
    background-color: var(--firstcolor);
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    color: var(--secondcolor);
    font-weight: bold;
    border-radius: 30px 30px 30px 30px;
    z-index: 100;
}

.tabinactiveLang {
    background: var(--secondcolor);
    color: var(--firstcolor);
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    border-radius: 30px;
    cursor: pointer;
}

.tabmaindivLang {
    padding: 10px;
    margin-right: 10px;
    text-align: center;
}

    .tabmaindivLang > h6 {
        font-size: 15px !important;
    }

.custombtndiv {
    background: var(--thirdcolor);
    color: var(--firstcolor);
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    border-radius: 30px;
    cursor: pointer;
}

.custombtntext {
    padding: 10px 0px 10px 0px;
    text-align: center;
}

.loginbtn {
    background: var(--secondcolor);
    color: var(--firstcolor);
    box-shadow: 0 0 50px var(--secondcolor);
    border-radius: 30px;
    cursor: pointer;
}

.loginbtntext {
    padding: 10px;
}

#dvuserfooter {
    color: #ffa200;
    text-align: center;
}

.divbackground {
    height: auto;
    text-align: center;
}

.historyDataBox {
    /*border:1px solid red;*/
    position: absolute;
    color: var(--firstcolor);
    overflow: auto;
    left: 18%;
    right: 18%;
    top: 20%;
    bottom: 20%;
}
/* width */
::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--firstcolor);
    border-radius: 2px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #000000;
    }

.historyHeading {
    /*font-family: sans-serif;*/
    font-weight: bold;
    display: block;
    font-size: 4em;
    letter-spacing: 1px;
    color: #680606;
    font-style: italic;
    text-align: center;
    position: absolute;
    top: 0%;
    left: 35%;
    right: 35%;
}


@media(min-width:320px) and (max-width:375px) {
    .historyHeading {
        top: 6% !important;
        font-size: 1.0em !important;
    }

    ::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }
}


@media(min-width:375px) and (max-width:425px) {
    .historyHeading {
        top: 5% !important;
        font-size: 1.4em !important;
    }
}


@media(min-width:425px) and (max-width:500px) {
    .historyHeading {
        top: 5% !important;
        font-size: 1.6em !important;
    }
}

@media(min-width:500px) and (max-width:668px) {
    .historyHeading {
        top: 5% !important;
        font-size: 1.7em !important;
    }
}

@media(min-width:668px) and (max-width:768px) {
    .historyHeading {
        top: 5% !important;
        font-size: 2.0em !important;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .historyHeading {
        top: 5% !important;
        font-size: 2.3em !important;
    }
}

@media(min-width:1024px) {
    .historyHeading {
        top: 4% !important;
        font-size: 2.0em !important;
    }
}

.function-modal-title {
    color: #221405;
}

.function-modal-header {
    padding: 10px;
    border-bottom: 1px solid #221405;
}

.function-close {
    color: #221405;
    opacity: 1;
}

.function-modal-dialog {
    width: 900px;
}

.login-modal-title {
    color: #221405;
}

.login-modal-dialog {
    width: 800px;
}

.login-modal-header {
    padding: 10px 25px;
    border-bottom: 1px solid #221405;
}

.login-close {
    margin-top: 0px !important;
    color: var(--secondcolor);
    opacity: 1;
}

.login-modal-headerImage {
    float: left;
    height: 40px;
    width: 160px !important;
}

.ptop20 {
    padding-top: 20px;
}

.logpad {
    padding: 15px;
}

.ptop40 {
    padding-top: 40px;
}

.login-fb-image {
    height: 50px !important;
    width: 100% !important;
}

.abcRioButton {
    height: 50px !important;
    width: 100% !important;
}

.loginModal-Background {
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    background-color: var(--secondcolor);
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    border-radius: 20px;
    color: #fff;
    min-height: 360px;
}

.login-brd-right {
    border-right: 1px solid var(--firstcolor);
}

.forgot {
    color: var(--firstcolor);
}

.signup {
    color: var(--firstcolor);
}

.newUser {
    color: var(--firstcolor) !important;
}

.newUser-loginPopUp {
    color: #442708 !important;
}

.carousel-control.right {
    /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,var(--firstcolor) 100%);*/
    background: none;
}

.carousel-control.left {
    /*background-image: linear-gradient(to right, var(--firstcolor) 0%, rgba(0, 0, 0, .0001) 100%);*/
    background: none;
}

.carousel-control {
    color: var(--secondcolor);
}

.mb-0 {
    background-color: #221405;
}

.collapseBtn {
    padding: 12px 12px !important;
}

.mtop60 {
    margin-top: 60px !important;
}

.panelBooking {
    margin-bottom: 35px;
    background-color: #221405;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-radius: 20px;
}

.panelBookingHeading {
    color: #ffa200 !important;
    background-color: #221405 !important;
    border-color: #ddd !important;
}

.panelBookingTitle {
    font-size: 20px !important;
}

.dvfunPreNextbtn {
    /*position: absolute;*/
    bottom: 0px;
}

.funPreNextbtn {
    background: #bc9867;
    color: #221405;
}



.custom_default_info_div {
    display: inline-block;
    background: #bc9867;
    color: #221405;
    box-shadow: 0 0 50px rgba(0,0,0,.4);
    border-radius: 30px;
}

.custom_default_info_txt {
    padding: 20px 0px 20px 0px;
    text-align: center;
}

.history_no_data_found {
    color: #221405;
}

.function_no_data_found {
    color: #ffffff;
    text-align: center;
}


@media(max-width:1023px) {
    #dvProfile {
        width: 250px;
        padding-right: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }

    #dvuserfooter {
        font-size: 10px;
    }

    .historyDataBox h3 {
        font-size: 16px;
    }

    .historyDataBox p {
        font-size: 12px;
    }

    .map-w3-agile iframe {
        height: 16em;
    }

    .subbackground {
        height: 16em;
        margin-bottom: 25px;
    }

    .contact input[type="button"] {
        padding: .5em 0;
        width: 50%;
    }

    .footer-contact-w3ls ul li {
        font-size: 10px;
    }

    .function-modal-dialog {
        width: 600px;
    }

    .about-detail {
        height: 300px !important;
    }
}

@media(max-width:767px) {


    .carousel-caption {
        top: 30% !important;
        left: 5% !important;
        width: 70%;
        /*box-shadow: 0 0 50px rgba(0,0,0,.4);*/
    }

    .bannerinnerText {
        font-size: 12px !important;
    }

        .bannerinnerText h3 {
            font-size: 16px;
        }

    header {
        padding: 0px 0px !important;
    }

    .headerLang {
        right: -10px !important;
        top: 65px !important;
    }

    .subbackground {
        /*height: 25em;*/
        padding-top: 10px;
    }

    .contact input[type="button"] {
        padding: .4em 0;
        width: 20%;
    }

    .function-modal-dialog {
        width: 380px;
    }

    .about-detail {
        height: auto !important;
    }

    .about-detail-desc {
        height: 250px !important;
    }
}


@media(max-width:424px) {
    .headerheadingtext {
        padding-top: 5px;
    }

        .headerheadingtext > a {
            font-size: 16px !important;
        }

        .headerheadingtext > h5 {
            font-size: 8px !important;
        }

    .sevadetailfooterlayout > div > h3 {
        font-size: 20px;
    }

    .bannerinnerText {
        font-size: 8px !important;
    }

        .bannerinnerText h3 {
            font-size: 10px;
        }

    .headerLang {
        right: -14px !important;
        top: 120px !important;
    }

    .contact input[type="button"] {
        padding: .3em 0;
        width: 50%;
    }


    .subbackground {
        height: 25em;
        padding-left: 5px;
    }

    .styled-input label {
        font-size: 12px;
    }

    .footer-contact-w3ls ul li {
        width: 100%;
        text-align: left;
    }
    /*.carousel-caption label {
        display: none;
    }*/

    .function-modal-dialog {
        width: 290px;
    }

    .about-detail {
        height: auto !important;
    }

    .about-detail-desc {
        height: 250px !important;
    }
}