* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, footer, header, nav, section {
    display: block;
}

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #ba8537;
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
    font-size: 9px;
}

sup {
    top: -.5em;
    font-size: 9px;
}

audio, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    padding: 8px;
    box-sizing: border-box;
    color: inherit;
    border-bottom: 1px solid #dbdbdb;
    width: 60%;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details, menu {
    display: block;
}

summary {
    display: list-item
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th, ul, ol {
    padding: 0;
    margin: 0;
}

blockquote {
    color: #777;
    margin: 10px 0 20px 15px;
    padding: 5px 0 5px 15px;
    border-left: 3px solid #cccccc;
}

    blockquote p {
        color: #777;
    }

    blockquote cite {
        display: block;
        color: #555555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a {
            color: #555555;
        }

            blockquote cite a:visited {
                color: #555555;
            }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

iframe {
    border: 0;
}

/*-----------*/

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

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

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

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

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

/*@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal; font-style: normal;}*/

body, html, .container, .content, section { /*height: 100%;*/
    margin: 0;
    padding: 0;
    font-family: 'GalanoGrotesque', sans-serif;
}



/*-- Common Style ---*/
.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

.redtxt {
    color: red;
}

.MB50 {
    margin-bottom: 50px !important
}

.MT100 {
    margin-top: 100px !important
}

.brdbtn {
    border-bottom: 1px solid #ececec;
    padding: 30px 0;
}

/*-- fontawesome --*/
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
}

.fa-bars:before {
    content: "\f0c9";
    font-size: 25px;
    color: #fff;
}

.fa-times:before {
    content: "\f00d";
    font-size: 25px;
}

.fa-long-arrow-right {
    font-size: 20px;
    margin: 0px 0 0 6px;
    float: right;
}

    .fa-long-arrow-right:before {
        content: "\f178";
    }

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-arrow-right:before {
    content: "\f061";
    font-size: 13px;
    color: #999;
    -webkit-text-stroke: 1px #fff;
    margin-left: 3px;
}

/*--------------------------------------------------------------*/

#mainSlider h1 {
    font-size: 78px;
    line-height: 110%;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: font 200ms ease-out;
}

#mainSlider #owl-main .caption h1.light-bg, #mainSlider #owl-main .caption h1.medium-bg, #mainSlider #owl-main .caption h1.dark-bg, #mainSlider #owl-main .caption h1.tint-bg {
    font-size: 73px;
}

#mainSlider h4 {
    font-size: 33px;
    line-height: 120%;
}

#mainSlider p {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .015em;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 0;
    transition: font 200ms ease-out, margin 200ms ease-out;
}

#mainSlider .btn {
    background-color: #1ABB9C;
    margin-top: 60px;
    color: #fff;
    margin-bottom: 0;
    transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
}

#mainSlider .btn-large {
    font-size: 18px;
    padding: 18px 70px 20px;
}

.owl-carousel {
    text-align: center;
    cursor: default;
    display: inline-block !important;
}

.owl-controls {
    display: inline-block !important;
    position: relative;
    margin-top: 40px;
}

.panel-group .panel .owl-controls {
    margin-top: 25px;
}

.panel-group.blank .panel .owl-controls {
    margin-top: 40px;
}

.owl-pagination {
    position: relative;
    line-height: 30px;
}

.owl-buttons {
    display: none;
}

.owl-prev, .owl-next {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #FFF;
    border: none border-radius: 3px;
    margin: auto;
    transition: all 200ms ease-out;
    opacity: 1;
}

.owl-prev {
    left: -35px;
}

.owl-next {
    right: -35px;
}

.owl-carousel:hover .owl-prev {
    left: -40px;
    opacity: .25;
}

.owl-carousel:hover .owl-next {
    right: -40px;
    opacity: .50;
}

    .owl-carousel:hover .owl-prev:hover, .owl-carousel:hover .owl-next:hover {
        color: #ba8537;
        opacity: 1;
    }

.owl-outer-nav:after {
    content: "";
    position: absolute;
    top: 0;
    left: -15%;
    width: 130%;
    height: 100%;
    z-index: 0;
}

.owl-outer-nav .owl-wrapper-outer, .owl-outer-nav .owl-pagination, .owl-outer-nav .owl-prev, .owl-outer-nav .owl-next {
    z-index: 1;
}

.owl-outer-nav .owl-controls {
    position: static;
}

.owl-outer-nav .owl-prev {
    left: -65px;
}

.owl-outer-nav .owl-next {
    right: -65px;
}

.owl-outer-nav:hover .owl-prev {
    left: -80px;
}

.owl-outer-nav:hover .owl-next {
    right: -80px;
}

.owl-ui-md .owl-pagination {
    line-height: 45px;
}

.owl-ui-md .owl-prev, .owl-ui-md .owl-next {
    width: 45px;
    height: 45px;
    font-size: 45px;
}

.owl-ui-md .owl-prev {
    left: -55px;
}

.owl-ui-md .owl-next {
    right: -55px;
}

.owl-ui-md:hover .owl-prev {
    left: -60px;
}

.owl-ui-md:hover .owl-next {
    right: -60px;
}

.owl-outer-nav.owl-ui-md:after {
    left: -18%;
    width: 136%;
}

.owl-outer-nav.owl-ui-md .owl-prev {
    left: -85px;
}

.owl-outer-nav.owl-ui-md .owl-next {
    right: -85px;
}

.owl-outer-nav.owl-ui-md:hover .owl-prev {
    left: -100px;
}

.owl-outer-nav.owl-ui-md:hover .owl-next {
    right: -100px;
}

.owl-ui-lg .owl-pagination {
    line-height: 60px;
}

.owl-ui-lg .owl-prev, .owl-ui-lg .owl-next {
    width: 60px;
    height: 60px;
    font-size: 60px;
}

.owl-ui-lg .owl-prev {
    left: -75px;
}

.owl-ui-lg .owl-next {
    right: -75px;
}

.owl-ui-lg:hover .owl-prev {
    left: -80px;
}

.owl-ui-lg:hover .owl-next {
    right: -80px;
}

.owl-outer-nav.owl-ui-lg:after {
    left: -22%;
    width: 144%;
}

.owl-outer-nav.owl-ui-lg .owl-prev {
    left: -105px;
}

.owl-outer-nav.owl-ui-lg .owl-next {
    right: -105px;
}

.owl-outer-nav.owl-ui-lg:hover .owl-prev {
    left: -120px;
}

.owl-outer-nav.owl-ui-lg:hover .owl-next {
    right: -120px;
}

.owl-inner-nav .owl-controls {
    position: static;
}

.owl-inner-nav .owl-prev {
    left: 45px;
}

.owl-inner-nav .owl-next {
    right: 45px;
}

.owl-inner-nav:hover .owl-prev {
    left: 30px;
}

.owl-inner-nav:hover .owl-next {
    right: 30px;
}

.owl-outer-nav .owl-prev, .owl-outer-nav .owl-next {
    bottom: 70px;
}

.owl-inner-nav .owl-prev, .owl-inner-nav .owl-next {
    bottom: 70px;
}

.owl-outer-nav.owl-ui-md .owl-prev, .owl-outer-nav.owl-ui-md .owl-next {
    bottom: 85px;
}

.owl-inner-nav.owl-ui-md .owl-prev, .owl-inner-nav.owl-ui-md .owl-next {
    bottom: 85px;
}

.owl-outer-nav.owl-ui-lg .owl-prev, .owl-outer-nav.owl-ui-lg .owl-next {
    bottom: 100px;
}

.owl-inner-nav.owl-ui-lg .owl-prev, .owl-inner-nav.owl-ui-lg .owl-next {
    bottom: 100px;
}

.owl-inner-pagination .owl-pagination, .owl-inner-pagination .owl-prev, .owl-inner-pagination .owl-next {
    margin-top: -40px;
    top: -60px;
}

.owl-inner-pagination.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-ui-md .owl-prev, .owl-inner-pagination.owl-ui-md .owl-next {
    margin-top: -50px;
    top: -65px;
}

.owl-inner-pagination.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-ui-lg .owl-prev, .owl-inner-pagination.owl-ui-lg .owl-next {
    margin-top: -60px;
    top: -75px;
}

.owl-inner-pagination.owl-outer-nav .owl-prev, .owl-inner-pagination.owl-outer-nav .owl-next {
    margin: auto;
    top: 0;
    bottom: 43px;
}

.owl-inner-pagination.owl-inner-nav .owl-prev, .owl-inner-pagination.owl-inner-nav .owl-next {
    margin: auto;
    top: 0;
    bottom: 43px;
}

.owl-inner-pagination .owl-pagination {
    transition: all 200ms ease-out;
    opacity: 0;
}

.owl-inner-pagination:hover .owl-pagination {
    opacity: 1;
}

.owl-inner-pagination.owl-inner-nav .owl-pagination, .owl-inner-pagination.owl-outer-nav .owl-pagination {
    top: -45px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
    top: -50px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-inner-nav:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
    top: -60px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
    top: -65px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
    top: -75px;
}

#owl-main .item {
    height: 100vh;
    background-color: #FFF;
    background-position: center 0;
    background-size: cover;
}
/*#owl-main.height-md .item {height: auto;}
#owl-main.height-lg .item {height: auto;}*/
#owl-main .container {
    display: table;
    height: inherit;
}

#owl-main .caption {
    display: table-cell;
}

    #owl-main .caption.vertical-center {
        vertical-align: middle;
        padding-bottom: 3vh;
    }

    #owl-main .caption.vertical-top {
        vertical-align: top;
    }

    #owl-main .caption.vertical-bottom {
        vertical-align: bottom;
        padding-bottom: 14vh;
    }

    #owl-main .caption.text-center {
        padding-left: 10%;
        padding-right: 10%;
    }

    #owl-main .caption.text-left {
        padding-right: 20%;
    }

    #owl-main .caption h1, #owl-main .caption p, #owl-main .caption div {
        position: relative;
    }

        #owl-main .caption h1 span {
            padding: .250em 0;
            line-height: 180%;
        }

    #owl-main .caption .light-bg, #owl-main .caption .medium-bg, #owl-main .caption .dark-bg, #owl-main .caption .tint-bg {
        background: none;
        padding-left: .500em;
        padding-right: .500em;
    }

    #owl-main .caption h1.light-bg span, #owl-main .caption p.light-bg span {
        background: #FFF;
        box-shadow: -.500em 0 0 #FFF, .500em 0 0 #FFF;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    #owl-main .caption h1.medium-bg span, #owl-main .caption p.medium-bg span {
        background: #A3B1BF;
        box-shadow: -.500em 0 0 #A3B1BF, .500em 0 0 #A3B1BF;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    #owl-main .caption h1.dark-bg span, #owl-main .caption p.dark-bg span {
        background: #506A85;
        box-shadow: -.500em 0 0 #506A85, .500em 0 0 #506A85;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    #owl-main .caption h1.tint-bg span, #owl-main .caption p.tint-bg span {
        background: #1ABB9C;
        box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

#owl-main .owl-controls {
    display: block;
    position: static;
    margin-top: -47px;
}

#owl-main .owl-pagination {
    line-height: inherit;
    position: relative;
    bottom: -5px;
    padding: 10px;
    display: inline-block;
    border-radius: 3px;
    margin: auto;
    opacity: 0;
    transition: all 200ms ease-out;
}

#owl-main:hover .owl-pagination {
    bottom: 1px;
    opacity: 1;
}

#owl-main .owl-prev, #owl-main .owl-next {
    bottom: 0;
}

    #owl-main .owl-prev .fa, #owl-main .owl-next .fa {
        font-size: 70px;
        font-weight: 600;
    }

.owl-controls .owl-page {
    display: inline-block;
}

.owl-pagination .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    background: #506A85;
    border: none;
    border-radius: 50%;
    margin: 0 3px;
    transition: all 200ms ease-out;
}

.owl-pagination .owl-page.active span, .owl-pagination .owl-page:hover span {
    background: #ba8537;
}

.owl-item-gap .item {
    margin: 0 15px;
}

.owl-item-gap-sm .item {
    margin: 0 10px;
}
/* preloading images */
.owl-item.loading {
    min-height: inherit;
    background: none;
}

.tint-bg a:hover {
    color: #506A85;
}

.light-color {
    color: #FFF !important;
}

    .light-color .dark-bg {
        color: #FFF !important;
    }

.medium-color {
    color: #A3B1BF !important;
}

.dark-color {
    color: #506A85 !important;
}

.tint-color, .green {
    color: #1ABB9C !important;
}

.blue {
    color: #3F8DBF !important;
}

.red {
    color: #FA6C65 !important;
}

.pink {
    color: #D487BE !important;
}

.purple {
    color: #9B59B6 !important;
}

.orange {
    color: #F27A24 !important;
}

.navy {
    color: #34495E !important;
}

.gray {
    color: #95A5A6 !important;
}

.owl-ui-lg .owl-prev, .owl-ui-lg .owl-next {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
}

.owl-prev, .owl-next {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #002532;
    border: none;
    border-radius: 3px;
    margin: auto;
    transition: all 200ms ease-out;
    opacity: 0;
}

.owl-inner-nav .owl-prev {
    left: 45px;
}

@media (min-width: 1200px) {
    .owl-buttons {
        display: block;
    }
}

.mainwrap {
    width: 1250px;
    margin: 0 auto;
}

.pagetitle {
    margin: 10px 0;
    font-family: 'GalanoGrotesque-Light';
    float: left;
    width: 100%;
}

    .pagetitle h1 {
        font-size: 35px;
        text-transform: uppercase;
        line-height: 31px;
        color: #002432;
        position: relative;
        margin: 5px 0;
        bottom: 8px;
    }

        .pagetitle h1 span {
            font-family: 'GalanoGrotesque-SemiBold';
        }

        .pagetitle h1:after {
            content: "";
            position: absolute;
            width: 125px;
            height: 2px;
            bottom: -20px;
            left: 0;
            background-color: #ba8537;
        }

    .pagetitle p {
        color: #002432;
        font-size: 17px;
        padding: 10px 0 0 0;
        font-family: 'GalanoGrotesque-Medium';
    }

p {
    font-size: 15px;
    color: #666;
    text-align: justify;
    line-height: 21px;
    margin: 10px 0;
    font-family: GalanoGrotesque,sans-serif;
}




header {
    background: #fff;
    height: 85px;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    top: 0;
}

    header .cl1 {
        float: left;
        margin: 35px 50px 35px 3%;
    }

    header nav {
        float: right;
        margin: 35px 2% 35px 40px;
    }

        header nav ul li {
            list-style: none;
            display: inline-block;
            padding: 0 16px;
        }

            header nav ul li a:before {
                content: "";
                position: absolute;
                width: 60%;
                height: 2px;
                bottom: -7px;
                left: 20%;
                background-color: #ba8537;
                visibility: hidden;
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transition: all 0.3s ease-in-out 0s;
                transition: all 0.3s ease-in-out 0s;
            }

            header nav ul li a:hover:before {
                visibility: visible;
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
                
            }

/*-- Main Menu ---*/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    #cssmenu:after, #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    #cssmenu #head-mobile {
        display: none
    }

#cssmenu {
    font-family: sans-serif;
    background: #fff
}

    #cssmenu > ul > li {
        float: left
    }

        #cssmenu > ul > li > a {
            color: #002532;
            font-size: 14px;
            font-weight: 500;
            font-family: 'GalanoGrotesque-SemiBold';
            position: relative;
            text-decoration: none;
        }

            #cssmenu > ul > li > a:hover {
                color: #002532;
                text-decoration: none;
            }

            #cssmenu > ul > li > a:before {
                content: "";
                position: absolute;
                width: 60%;
                height: 2px;
                bottom: -10px;
                left: 20%;
                background-color: #ba8537;
                visibility: hidden;
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transition: all 0.3s ease-in-out 0s;
                transition: all 0.3s ease-in-out 0s;
            }

            #cssmenu > ul > li > a:hover::before {
                visibility: visible;
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
               
            }

            #cssmenu > ul > li > a.active:hover::before {
                visibility: hidden;
            }
                
    #cssmenu > ul > li:hover > a {
        color: #002532;
    }

        #cssmenu > ul > li:hover/*, #cssmenu ul li.active:hover, #cssmenu ul li.has-sub.active:hover*/ {
            -webkit-transform: scaleX(1);
        }

    #cssmenu ul li.active a:before {
        content: "";
        position: absolute;
        width: 60%;
        height: 2px;
        bottom: -10px;
        left: 18%;
        background-color: #ba8537;
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    #cssmenu > ul > li.has-sub > a {
        padding-right: 30px
    }

        #cssmenu > ul > li.has-sub > a:after {
            position: absolute;
            top: 9px;
            right: 11px;
            width: 8px;
            height: 2px;
            display: block;
            background: #ba8537;
            content: ''
        }

        #cssmenu > ul > li.has-sub > a:before {
            position: absolute;
            top: 6px;
            right: 14px;
            display: block;
            width: 2px;
            height: 8px;
            background: #ba8537;
            content: '';
            -webkit-transition: all .25s ease;
            -ms-transition: all .25s ease;
            transition: all .25s ease
        }

    #cssmenu > ul > li.has-sub:hover > a:before {
        top: 23px;
        height: 0
    }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
        margin: 5px 0;
    }

        #cssmenu ul ul li {
            height: 0;
            -webkit-transition: all .25s ease;
            -ms-transition: all .25s ease;
            background: #002532;
            transition: all .25s ease
        }

            #cssmenu ul ul li:hover {
            }

    #cssmenu li:hover > ul {
        left: auto
    }

        #cssmenu li:hover > ul > li {
            height: 35px
        }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0
    }

    #cssmenu ul ul li a {
        border-bottom: 1px solid rgba(150,150,150,0.15);
        padding: 11px 15px;
        width: 280px;
        font-size: 12px;
        text-decoration: none;
        color: #fff;
        font-weight: 400;
    }

    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
        border-bottom: 0
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        color: #fff;
        background: #ba8537;
    }

    #cssmenu > ul > li > ul > li {
        padding: 0 0;
    }

        #cssmenu > ul > li > ul > li > a:before {
            visibility: hidden;
        }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0
    }

    #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
        background: #ba8537;
    }

    #cssmenu ul ul ul li.active a {
        border-left: 1px solid #333
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: 1px solid #333
    }


/*--- Main Slider ----*/
#mainSlider .slideban1 {
    background-image: url(../images/slide-bg1.jpg);
}

#mainSlider .slideban2 {
    background-image: url(../images/slide-bg2.jpg);
}

#mainSlider .slideban3 {
    background-image: url(../images/slide-bg3.jpg);
}

#mainSlider h1, .storyWrap > .caption h1 {
    font-size: 45px;
    font-family: 'GalanoGrotesque-SemiBold';
    line-height: 41px;
    letter-spacing: 1px;
    color: #fff;
}

#mainSlider p {
    font-size: 24px;
    font-family: 'GalanoGrotesque';
}

.testicont {
    padding: 10px 0 0px 10%;
    width: 54%;
    display: block;
}

    .testicont p {
        color: #002532;
        font-size: 22px;
        font-weight: normal;
        font-family: 'GalanoGrotesque-Medium';
        text-align: left;
        line-height: 30px;
        padding: 20px 10px 20px 62px;
        background: url(../images/test-Comma.png) 1px 1px no-repeat;
    }

        .testicont p:after {
            content: "";
            position: absolute;
            width: 91%;
            height: 2px;
            bottom: -7px;
            left: 62px;
            background-color: #ba8537;
        }

    .testicont .testiname {
        color: #002532;
        font-size: 22px;
        font-weight: normal;
        font-family: 'GalanoGrotesque-SemiBold';
        text-align: right;
        line-height: 21px;
        margin: 22px 22px 0 0;
    }

        .testicont .testiname span {
            color: #ba8537;
            font-family: 'GalanoGrotesque-Light';
            font-size: 20px;
            font-weight: 600;
        }

.invitWrap {
    float: right;
}
    .invitWrap h1, .storyWrap h1 {
        text-align: left;
    }


    .invitWrap > .caption {
        background-color: #002532;
        opacity: 0.8;
        width: 42%;
        float: right;
        padding: 28% 8% 7% 10% !important;
    }

        .invitWrap > .caption h1 {
            text-align: right;
        }

    .invitWrap p {
        line-height: 23px;
        color: #fff;
    }

    .invitWrap > .caption h1:before {
        content: "";
        background-color: #fff;
        position: absolute;
        width: 24%;
        height: 3px;
        top: -13px;
        right: 0;
    }

    .invitWrap > .caption p:before {
        content: "";
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: -29px;
        right: 0;
    }

.storyWrap > .caption {
    background-color: #002532;
    opacity: 0.8;
    width: 41%;
    margin: 10% 12%;
    padding: 20% 3% 5% 3% !important;
    float: left;
}

    .storyWrap > .caption h1 {
        border-bottom: 3px solid #fff;
        padding-bottom: 28px;
    }

        .storyWrap > .caption h1:before {
            content: "";
            background-color: #fff;
            position: absolute;
            width: 23%;
            height: 3px;
            top: -13px;
            left: 0;
        }


.innerBan {
    background-image: url(../images/inner-ban.jpg);
    color: #363636;
    height: 350px;
    background-attachment: fixed;
    background-size: cover;
}

.breadcrumb {
    list-style: none;
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 100;
    margin: 16px 0;
    border-bottom: 1px solid #ecf1f5;
    padding-bottom: 20px;
}

    .breadcrumb li {
        display: inline-block;
        padding-right: 8px;
    }

        .breadcrumb li:after {
            content: "/";
            padding-left: 10px;
        }

        .breadcrumb li:last-child {
            color: #ba8537;
        }

            .breadcrumb li:last-child:after {
                content: "";
            }

        .breadcrumb li a {
            text-decoration: none;
            color: #6d6d6d;
            text-decoration: none;
            color: #6d6d6d;
            font-size: 13px;
            position: relative;
            overflow: hidden;
            -webkit-transition: .5s;
            transition: .5s;
        }

            .breadcrumb li a:after {
                position: absolute;
                -webkit-transition: .5s;
                transition: .5s;
                content: '';
                width: 0;
                left: 50%;
                bottom: -5px;
                height: 1px;
                background: #ba8537;
                right: 0;
                left: auto;
            }

            .breadcrumb li a:hover:after {
                width: 100%;
                left: 0;
            }

.whypoint {
    margin: 15px 0;
    width: 100%;
    float: left;
}

    .whypoint article {
        padding: 20px;
        width: 48%;
        float: left;
        background-color: #f1f1f1;
        min-height: 225px;
        margin: 10px 0;
    }

        .whypoint article h3 {
            color: #002532;
            font-size: 20px;
            font-family: 'GalanoGrotesque-SemiBold';
            text-transform: uppercase;
            margin: 8px 0 15px 0;
        }

        .whypoint article:nth-child(odd) {
            margin-right: 20px;
        }







/*--- Footer ----*/
footer {
    background: #fff;
    width: 100%;
    min-height: 56px;
    font-size: 14px;
    font-family: 'GalanoGrotesque-Medium';
    font-weight: 600;
    padding: 30px 8% 12px 8%;
    display: inline-block;
    border-top: 1px solid #ecf1f5;
}

    footer .footlink {
        float: left;
        padding: 0 12px;
    }

        footer .footlink ul li {
            list-style: none;
            display: inline-block;
            padding: 0 10px;
            border-right: 1px solid #002532;
            line-height: 17px;
        }

            footer .footlink ul li a {
                text-decoration: none;
                color: #002532;
                float: left;
                margin-top: -5px;
                position: relative;
            }

            footer .footlink ul li:last-child {
                border: 0;
            }

            footer .footlink ul li a:before, footer .copyright a:before {
                content: "";
                position: absolute;
                width: 80%;
                height: 1px;
                bottom: -5px;
                left: 10%;
                background-color: #ba8537;
                visibility: hidden;
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transition: all 0.3s ease-in-out 0s;
                transition: all 0.3s ease-in-out 0s;
            }

            footer .footlink ul li a:hover:before, footer .copyright a:hover:before {
                visibility: visible;
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }

    footer .sociallink {
        text-align: center;
        padding: 0 17%;
        float: left;
    }

        footer .sociallink li {
            list-style: none;
            display: inline-block;
            padding: 0 16px;
        }

            footer .sociallink li a {
                font-size: 16px;
                color: #999;
                text-decoration: none;
            }

                footer .sociallink li a:hover {
                    color: #002532;
                }

    footer .copyright {
        float: right;
    }

        footer .copyright a {
            text-decoration: none;
            color: #002532;
            position: relative;
        }

/* Career Opening Page css by Vijaya 15 july 2019 */
.careeropn {
    margin: 15px 0;
    width: 100%;
    float: left;
}

    .careeropn article {
        padding: 5px;
        width: 30%;
        float: left;
        background-color: #f1f1f1;
        min-height: 150px;
        margin: 20px 20px;
        text-align: center;
        border: #e6e5e5 1px solid;
    }

        .careeropn article h3 {
            color: #666666;
            font-size: 16.5px;
            font-family: GalanoGrotesque,sans-serif;
            margin: 5px 0 5px 0;
        }

        .careeropn article h1 {
            color: #002532;
            font-size: 18.5px;
            font-family: GalanoGrotesque,sans-serif;
            text-transform: uppercase;
            margin: 8px 0 5px 0;
        }

        .careeropn article h5 {
            color: #666666;
            font-size: 14px;
            font-family: GalanoGrotesque-SemiBold;
            margin: 22px 0 5px 0;
        }

        .careeropn article h1 span {
            font-family: 'GalanoGrotesque-SemiBold';
        }

        .careeropn article h3:after {
            content: "";
            position: relative;
            width: 85px;
            height: 2px;
            bottom: -10px;
            left: 0;
            background-color: #ba8537;
            display: block;
            margin: 0 auto;
        }

    .careeropn button {
        background-color: #002532;
        border: none;
        color: white;
        padding: 0;
        text-align: center;
        display: inline-block;
        font-size: 15px;
        margin: 5px 5px;
        cursor: pointer;
        height: 35px;
        width: 95px;
    }
/*.careeopenbutton {
    background-color: #002532;
    border: none;
    color: white;
    padding: 0;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    margin: 5px 5px;
    cursor: pointer;
    height: 35px;
    width: 95px;
}*/
input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #002532;
    border: none;
    color: white;
    padding: 0;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    /*margin: 9px 5px;*/
        margin: 15px 8px;
    cursor: pointer;
    height: 35px;
    width: 95px;
}

/*FAQ Page css by Vijaya 15 july 2019 */
.accordion {
    background-color: #eee;
    color: #002532;
    cursor: pointer;
    padding: 10px 10px 10px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16.8px;
    transition: 0.4s;
    margin: 3px;
    font-weight: 600;
    font-family: GalanoGrotesque,sans-serif;
}

.panel p {
    font-size: 15px;
    color: #666;
    font-family: GalanoGrotesque,sans-serif;
    text-align: justify;
    line-height: 21px;
    margin: 10px 0;
}

.accordion:after {
    content: '\02795';
    font-size: 10px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2796";
    /*overflow:hidden;*/
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.dropdown {
    position: relative;
    display: inline-block;
    outline-style: none;
}

.dropdown-content {
    border: hidden;
    border-bottom-style: groove;
    width: 240px;
    padding: 12px 0 16px;
    border-bottom-width: 2px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.jobtitle {
    /*margin: 25px 0;*/
    font-family: 'GalanoGrotesque-Light';
    float: left;
    width: 100%;
}

    .jobtitle h3 {
        font-size: 38px;
        line-height: 31px;
        color: #002432;
        position: relative;
        margin: 2px 0;
        bottom: 8px;
    }

    .jobtitle h2 span {
        font-family: 'GalanoGrotesque-SemiBold';
    }

    .jobtitle h3:after {
        content: "";
        position: absolute;
        width: 125px;
        height: 2px;
        bottom: -10px;
        left: 0;
        background-color: #ba8537;
    }

    .jobtitle p {
        color: #002432;
        font-size: 17px;
        padding: 20px 0 0 0;
        font-family: 'GalanoGrotesque-Medium';
    }

    .jobtitle h2 {
        color: #002532 !important;
        text-transform: uppercase;
    }

    .jobtitle h3 {
        color: #666;
        font-size: 18px;
    }


#lblmessage {
    margin: 30px;
    font-size: 25px;
    text-align: center;
}

.lblmsg {
    color: green;
}

.errmsg {
    color: red;
}

. /*pagetitle {    margin: 200px 0 0 325px !important;}
.pagetitle h1 {color: white  !important }
.pagetitle h4 {        color: white !important;        font-weight: 100;        font-size: 15px;       }*/
/*companies Page css by form shital*/
.compcontent {
    margin: 15px 0;
    width: 1281px;
    float: left;
}

.compcontent article {
    padding: 5px;
    width: 31%;
    float: left;
    background-color: #f1f1f1;
    height: 65px;
    margin: 7px 7px 7px 7px;
    text-align: left;
    border: #e6e5e5 1px solid;
}

    .compcontent article h5 {
        color: #666666;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'GalanoGrotesque',sans-serif;
        font-weight: 100;
        min-height: 20px;
        margin: 7px 10px 10px 10px;
        float: left;
    }

.btncompview {
    background-color: #002532;
    border: none;
    color: white;
    padding: 0;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    float: right;
    margin: 7px 10px 10px 10px;
    position: center;
    height: 35px;
    width: 95px;
}

/*shital-css for apply for position form*/
.job-apply-form {
    min-height: 125px;
    font: bold 14px sans-serif;
    border: none;
}

    .job-apply-form input {
        color: #002532;
        width: 240px;
        padding: 12px 12px 12px 2px;
        border-style: hidden;
        border-bottom-style: groove;
        outline-style: none;
    }

.form-row {
    text-align: left;
    margin-bottom: 7px;
}

    .form-row > label {
        display: inline-block;
        box-sizing: border-box;
        color: #002532;
        width: 215px;
        text-align: right;
        vertical-align: top;
        padding: 12px 25px;
    }

.job-apply-form input[type="submit"], .app-form button {
    cursor: pointer;
    width: 150px;
    height: 44px;
    border: none;
    background: #002532;
    margin: 0 0 5px;
    padding: 10px;
    font-size: 15px;
    color: white;
    margin: 50px 50px 50px 215px;
}

    .job-apply-form input[type="submit"]:hover {
        background-color: #4CAF50;
    }

.form {
    display: inline-block;
    box-sizing: border-box;
    color: #5F5F5F;
    width: 215px;
    text-align: right;
    vertical-align: top;
    padding: 1px 20px 5px 220px;
}

.form-button {
    font-size: 16px;
    margin: 4px 2px 4px;
    cursor: pointer;
    padding: 10px 0px 500px 220px;
}

/*job description css shital*/
.jobdescription h4 {
    padding: 10px;
    height: 43px;
    color: #002532;
    font-family: 'GalanoGrotesque',sans-serif;
    background-color: #f1f1f1;
    margin: 7px 7px 7px 7px;
    text-align: left;
    font-size: 18px;
    border: #e6e5e5 1px solid;
}

.jobdescription ul li {
    font-family: 'GalanoGrotesque',sans-serif;
    font-size: 15px;
    color: #666;
    width: 91%;
    text-align: left;
    margin: 5px auto;
    padding: 0;
    line-height: 25px;
}

.jobdescription h4 {
    margin: 13px,0px,0px,17px;
    font-family: 'GalanoGrotesque-Light';
    float: left;
    width: 100%;
}

.jobdescription p {
    border-top: 2px solid #f1f1f1;
    padding-top: 15px;
    font-size: 16px;
    width: 100%;
    font-family: 'GalanoGrotesque',sans-serif;
}

.btnapply {
    background: #002532;
    border: none;
    color: white;
    padding: 7px 15px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    float: left;
    width: 110px;
    height: 45px;
    margin: 13px 14px 10px 14px;
    position: center;
}

/*-- Contact form css by shital--- */
.contactfrm {
    margin: 0px 0 50px 0;
    display: inline-block;
    width: 100%;
    border-style: groove;
    padding: 25px;
    border: 1px solid lightgray;
}

}

/*.contWrap {
    /*background: url(../images/contact-bg.jpg) 0 0 no-repeat;
    /*padding: 58px 30px;
    width: 40%;
    float: left;
    border: 0 solid #ececec;
    text-align: center;
}*/

.contactWrap {
    width: 40%;
    float: left;
    text-align: center;
}

    .contactWrap p {
        font-size: 20px;
        font-weight: 400;
        margin: 30px 0 15px 0;
    }

    .contactWrap ul {
        margin: 70px 20px;
        float: left;
        width: 50%;
        text-align: center;
    }

        .contactWrap ul li, .contWrap ul li a {
            font-size: 16px;
            font-weight: 500;
            list-style: none;
            margin: 5px 0;
            text-indent: 15px;
            color: #002532;
        }

            .contactWrap ul li a {
                text-decoration: none;
                position: relative;
                overflow: hidden;
                -webkit-transition: .5s;
                transition: .5s;
            }

                .contactWrap ul li a:after {
                    position: absolute;
                    -webkit-transition: .5s;
                    transition: .5s;
                    content: '';
                    width: 0;
                    left: 50%;
                    bottom: 0;
                    height: 1px;
                    background: #002532;
                    right: 0;
                    left: auto;
                }

                .contactWrap ul li a:hover:after {
                    width: 100%;
                    left: 0;
                }

    .contactWrap h3 {
        font-family: 'GalanoGrotesque',sans-serif;
        font-size: 24px;
        color: #002532;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        margin: 20px 0 45px 0;
        font-weight: 500;
    }

        .contactWrap h3:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            margin: 18px auto;
            width: 20%;
            height: 2px;
            background: #002532;
        }

    .contactWrap ul li .brdBtm {
        border-bottom: 1px dashed #002532;
        width: 180px;
        display: inline-block;
        margin: 15px 0;
    }

    .contactWrap .fa, .contWrap .fas {
        float: left;
        margin: 4px -10px 0 -30px;
        font-size: 18px;
        display: none;
    }

    .contactWrap .contus-row {
        text-align: center;
        border: 1px solid;
        width: 628px;
        height: 113px;
        background: #F9F9F9;
        border: 1px solid #ececec;
    }

        .contactWrap .contus-row > label {
            font-size: 16px;
            font-weight: 500;
            list-style: none;
            text-indent: 15px;
            color: #002532;
            text-transform: uppercase;
            position: relative;
            display: inline-block;
            margin: 15px 0 15px 0;
            font-family: 'GalanoGrotesque',sans-serif;
            padding: 0px 87px 10px 45px;
        }

        .contactWrap .contus-row > button[type="submit"] {
            width: 200px;
            height: 100px;
        }

/* Forms -----*/

#contact {
    background: #F9F9F9;
    padding: 20px;
    width: 40%;
    float: left;
    border: 1px solid #ececec;
}

    #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"]
    /*input[type="submit"]*/ {
        font-size: 14px;
        /*color: #535353;*/
        box-sizing: border-box;
        padding: 12px 15px;
        border-bottom: 1px solid #dbdbdb;
        border: 0;
        width: 100%;
    }

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
    color: #535353;
    text-align: center;
}

#contact input::placeholder, #contact textarea::placeholder {
    color: #a7a7a7;
}

#contact textarea {
    height: 100px;
    max-width: 100%;
    resize: none;
}

#contact button[type="submit"], #contact input[type="submit"] {
    cursor: pointer;
    width: 150px;
    border: none;
    background: #002532;
    margin: 15px 0 -10px 0;
    color: #fff;
    font-size: 14px;
    padding: 9px 26px 15px 26px;
}

    #contact button[type="submit"]:hover, #contact input[type="submit"]:hover {
        background: #4CAF50;
        -webkit-transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }

#contact input:focus, #contact textarea:focus, #contact button:focus {
    outline: 0;
    background: #e5e5e5;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

::-webkit-input-placeholder {
    color: #535353;
}

:-moz-placeholder {
    color: #535353;
}

::-moz-placeholder {
    color: #535353;
}

:-ms-input-placeholder {
    color: #535353;
}

#lblErrorMessage {
    color: Red;
    font-size: 13px
}

#lblMsg {
    color: #43a047;
    font-size: 23px;
    padding: 21px 0 0 0;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.pdfdownld ul li {
    list-style: none;
    border-bottom: 1px dashed #ccc;
    padding: 15px 0;
}

    .pdfdownld ul li a {
        font-size: 16px;
        color: #999;
        text-decoration: none;
    }

.pdfdownld .fa, .pdfdownld .fas {
    color: #002532;
    font-size: 10px;
}

.memlist {
    margin: 15px;
    padding: 5px;
    color: #666666;
    font-size: 15px;
}
/*Sitemap css ruby vijaya 23-7-19*/

.sitemap {
    width: 31%;
    margin: 10px 15px 10px 0;
    padding: 0 5px;
    float: left;
    background: transparent;
}

    .sitemap ul li {
        font-size: 15px;
        font-weight: 300;
        line-height: 160%;
        display: block;
        text-decoration: none;
        padding: 5px 0 5px 0;
        list-style: none;
        border-bottom: 1px solid #e0e0e0;
    }

    .sitemap a {
        border-bottom: none !important;
        color: #002532;
        text-decoration: none;
    }

.thanks h1 {
    text-align: center;
    font-size: 50px;
    color: #BA8537;
    font-family: Medel;
    margin: 10px;
}

.thanks h5 {
    text-align: center;
    font-size: 22px;
    color: #002532;
    font-family: Medel;
    margin: 10px
}

.brows-btn {
    padding: 10px;
    border-bottom: 1px solid #dbdbdb;
}

#cssmenu ul li a.active {
    content: "";
    position: relative;
    height: 24px;
    visibility: visible;
    -webkit-transform: scaleX(1);
    border-bottom: 2px solid #ba8537;
    transform: scaleX(1);
}

.abtlist {
    margin: 20px 20px;
    color: #666;
    font-size: 15px;
    padding: 4px 20px;
    list-style: square;
    line-height: 20px;
    font-family: GalanoGrotesque,sans-serif;
}

/*-------------------------------------------------------------------------*/

@media only screen and ( max-width: 1500px ) {

    header .cl1 {margin:26px 2%;}
    header nav { margin: 35px 1% ;}
    header nav ul li {padding:0 10px;}
    footer {padding: 30px 2% 12px 2%;}
    footer .sociallink {padding: 0 14%;}
    footer p {margin:0;}



}

@media only screen and ( max-width: 1400px ) {

    header .cl1 {width:27%;}
    header .cl1 img {width:100%;}
    footer .footlink ul li {padding:0 6px;}
    footer .sociallink {padding: 0 0 0 14%;    }



}


@media only screen and ( max-width: 1280px ) {
    
   
   

}

@media only screen and ( max-width: 1250px ) {   
       header .cl1 { width:35%;}
    #cssmenu ul li.active a:before, #cssmenu > ul > li > a:before {content:none;}
   #mainSlider .slideban1 {background-position: 80% 0;}
    .testicont {    padding: 10px 0 0px 5%;}
    .testicont p:after {width: 83%;}
    footer {padding: 30px 1% 12px 0%;}
    footer .sociallink {padding: 0 0 0 9%;}
    .invitWrap > .caption {padding: 28% 5% 7% 4% !important;}
    .mainwrap {width:96%;}
    header nav ul li {padding: 0 7px;}
    header nav {margin: 35px 0%;}
    header .cl1 {width: 30%;margin: 30px 0 0 15px;}
  



}

@media only screen and ( max-width: 1180px ) {

    .careeropn article {width: 45% !important;margin: 10px !important;}
    #cssmenu > ul > li.has-sub > a {padding-right: 23px;}
    header nav ul li {padding: 0 6px;}
    header .cl1 {width: 26%;margin: 33px 0 0 15px;    }


}


@media only screen and ( max-width: 1080px ) {

         header nav{margin:0;}
    #cssmenu{width:100%;background-color:none;}
    #cssmenu ul{width:100%;display:none}
    #cssmenu ul li{width:100%;border-top:1px solid #f1f1f1;padding:10px 0 15px 0;}
    /*#cssmenu ul li:hover{background:#f1f1f1;}*/
    #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a {width:100%;border-bottom:0;padding-left: 30px;}
    #cssmenu > ul > li{float:none}
    #cssmenu ul ul li a{padding-left:32px}
    #cssmenu ul ul li{background:#002532 !important;}
    #cssmenu ul ul li:hover{}
    #cssmenu ul ul ul li a{padding-left:35px}
    #cssmenu ul ul li a{color:#fff;background:none}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;top:14px;}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
    #cssmenu #head-mobile{display:block;color:#ddd;font-size:12px;font-weight:700}
    .button{width:55px;height:46px;position:absolute;right:0;top:-60px;cursor:pointer;z-index:9999;}
    .button:after{position:absolute;top:24px;right:20px;display:block;height:5px;width:24px;border-top:3px solid #ba8537;border-bottom:3px solid #ba8537;content:''}
    .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:3px;width:24px;background:#ba8537;content:''}
    .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:3px;width:19px;background:#002532;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    .button.menu-opened:before{top:23px;background:#002532;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #ddd;height:39px;width:46px;cursor:pointer}
    #cssmenu .submenu-button.submenu-opened{background:#002532;}
    #cssmenu ul ul .submenu-button{height:34px;width:34px}
    #cssmenu .submenu-button:after{position:absolute;top:20px;right:16px;width:14px;height:2px;display:block;background:#ba8537;content:''}
    #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
    #cssmenu .submenu-button.submenu-opened:after{background:#fff}
    #cssmenu .submenu-button:before{position:absolute;top:14px;right:22px;display:block;width:2px;height:14px;background:#ba8537;content:''}
    #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
    #cssmenu .submenu-button.submenu-opened:before{display:none}
    #cssmenu ul ul ul li.active a{border-left:none}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

    header .cl1 {width: 35%;margin: 30px 0 0 30px;}
        .button { top: -37px}
    #cssmenu ul {margin-top: 17px;}
#cssmenu ul li a.active {border-bottom:0;height:auto; }


    }

@media only screen and ( max-width: 1024px ) {

    #mainSlider p {font-size: 21px;line-height: 25px;text-align:right;}
    footer .sociallink li {padding: 0 8px;}
    .compcontent article {width: 46% !important;}
    .whypoint article {width:98% !important;min-height:50px;}





}

@media only screen and ( max-width: 980px ) {

    footer .sociallink {padding: 0 0 0 4%;}
    footer p {font-size:14px;}
    .storyWrap > .caption {margin: 25% 6%;padding: 5% 3% 5% 3% !important;}


}


@media only screen and ( max-width: 896px ) {

    footer .footlink {padding: 0 20px;}
    footer .sociallink {float:right;}
    footer .copyright{float: left;margin: 5px 0 0 26px; border-top: 2px solid #ecf1f5;}
    footer .sociallink li a { font-size: 20px;}
    .contactWrap ul, #contact {width:100% !important;}

}


@media only screen and (max-width: 768px) {
    header .cl1 {width: 50%;}
    .compcontent article {width:98% !important;}

}



@media only screen and (max-width: 667px) {
    #mainSlider .slideban1 {background-position: 78% 0;}
    .testicont .testiname {font-size: 18px;}
    .testicont .testiname span {font-size: 16px;margin: 20px 0 0 0;}
    .invitWrap > .caption {width: 65%;}
    #mainSlider .slideban2 {background-position: 70% 0;}


}


@media screen and (max-width: 580px) {
    header .cl1 {width: 60%;}
    .testicont {width: 90%;}
    #mainSlider .slideban1 {background-position: 90% 0;}
    #mainSlider h1, .storyWrap > .caption h1 {font-size: 38px;line-height: 35px;}
    #owl-main .caption.vertical-center {vertical-align:bottom;padding-bottom:30px;}
    .storyWrap > .caption {margin: 83% 6% 0 6%; width: 50%;}
     footer,  footer .copyright p {text-align:center;}
    footer .footlink {float:none;width:100%;}
    footer .sociallink {float: none;padding: 8px 0;border-top: 1px solid #ecf1f5;margin: 18px 0;border-bottom:1px solid #ecf1f5;}
    footer .copyright {float: none;margin: 0;border:0;}
    footer {padding: 20px 10%;}
    .mainwrap {width: 94%;}



}

@media screen and (max-width: 480px) {
     footer {padding: 20px 5%;}
    header {    height: 78px;}
    header .cl1 {width: 71%;}
    .invitWrap > .caption {padding: 28% 5% 15% 4% !important;}
     .careeropn article {width:96% !important;}
    .contactWrap ul {margin: 0 0 50px 0 !important;}

}

@media screen and (max-width: 414px) {
  footer {padding: 20px 0%;}
  footer .footlink {padding: 0;}




}


@media screen and (max-width: 375px) {


}

@media screen and (max-width: 320px) {


}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}