@keyframes menumove {
    0% {
        left: -100px;
    }

    100% {
        left: 0;
    }
}
#txtSubject, #txtName
{
    margin-left: 2%;
    width: 93%;
    }
.exp_con  
{
    font-size:13px;
    }
#contact
{
    position: absolute;
    position: absolute;
    top: 34%;
    right: 15%;
    font-size: 16px;
    color: #ffffff;
    text-decoration:none;
}
#contact a
{
    text-decoration:none;
        font-size: 16px;
    color: #ffffff;
    }
.activeborder {
    height: 2px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: red;
    /*transition:margin 2s linear;*/
    transition: left 1s linear;
}

.activeborderhover {
    left: 0;
}

body {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: justify;
    margin: 0;
}

.displaynone {
    display: none;
}

.displayblock {
    display: block;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.header {
    background: #1e3048 none repeat scroll 0 0;
    border-bottom: 1px solid #1e3048;
    float: left;
    font-size: 14px;
    height: 70px;
    position: relative;
    width: 100%;
    z-index: 500000;
}

.subbanner {
    width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}

.subbannerwrap {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
}

    .subbannerwrap h2 {
        width: 100%;
        display: block;
        text-align: center;
        color: #fff;
        font-family: Playfair Display;
        font-size: 60px;
        line-height: 350px;
        z-index: 11;
        position: relative;
        margin: 0;
    }

.subbanneropacity {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.subbannerleft {
    position: absolute;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 0;
}

.subbannerright {
    position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
    z-index: 10;
}




.pageheadingDiv .pageparent {
    font-family: Montserrat;
    font-size: 24px;
    color: #000;
    margin: 0;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    float: left;
}

.pageheadingDiv > .pagearrowleft {
    font-family: fontawesome;
    font-size: 26px;
    color: #000;
    float: left;
    cursor: pointer;
}

    .pageheadingDiv > .pagearrowleft:before {
        content: "\f104";
    }

.pageheadingDiv > .pagearrowright {
    font-family: fontawesome;
    font-size: 26px;
    color: #000;
    float: right;
    cursor: pointer;
}

    .pageheadingDiv > .pagearrowright:before {
        content: "\f105";
    }

.pageheadingDiv > h3 {
    font-family: Montserrat;
    font-size: 20px;
    color: #000;
    margin: 0;
    text-align: center;
    font-weight: normal;
    line-height: 40px;
    text-transform: uppercase;
}

.menuwrap {
    width: 5%;
    float: left;
    margin-top: 10px;
}

.pageheadDiv {
    width: 27%;
    float: left;
    font-family: Montserrat;
    text-transform: uppercase;
}
.per 
{
    /*margin-left: 17%;*/
}

.headercondiv {
    float: right;
    line-height: normal;
    text-align: left;
    width: 18%;
}

    .headercondiv > div {
        color: #595552;
        float: right;
        letter-spacing: 1px;
        line-height: 22px;
        width: 100%;
    }

.phoneicon:before {
    content: "\f095";
}

.phoneicon {
    color: #595552;
    font-family: fontawesome;
    font-size: 14px;
}

.emailicon:before {
    content: "\f1d9";
}

.emailicon {
    color: #595552;
    font-family: fontawesome;
    font-size: 14px;
}


.container {
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: table;
}
.container1 
{
   width: 1200px;
    position: relative;
    margin: 0 auto;
    display: table; 
    }

.container2 {
    width: 100%;
    /*height: 515px;*/
    position: relative;
    float: left;
}

.mainDiv {
    float: left;
    height: 100%;
    left: 0%;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
}

.homeopacity {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    z-index: 100;
}


.logo {
float: left;
    height: 47px;
    padding: 10px;
    text-align: center;
    width: 170px;
    position: relative;
    z-index: 10;
    background: #1e3048;
    margin-left:120px;
}
.hidden {
 visibility:hidden;
}

.visible {
 visibility:visible;
}


.footer {
   background-image: url(../styles/images/footer.png);
    background-color: rgba(0,0,0,0.9);
    color: #eaeaea;
    font-size: 14px;
    text-align: justify;
    width: 76%;
    border-top: 1px solid #e2e2e2;
    position: relative;
    bottom: 0;
    z-index: 500;
    line-height: normal;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 30px;
    margin-left: auto;
    margin-right:auto;
    margin-bottom:40px;
    top: 40px;
}

.footrleft {
    width: 496px;
    float: left;
}

.footercol {
    float: left;
    text-align: center;
    width: 180px;
    position:relative; 
    left:600px;
}
.footercol ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footercol ul li 
{
            display: block;
        margin: 0 30px;
}
.footercol ul li a {
            color: #eaeaea;
            cursor: pointer;
            margin-bottom: 1px;
            
            display: block;
        }
.footercol > h3 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    margin-bottom: -11px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.footrleft ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .footrleft ul li {
        display:inline;
        margin: 0 2px;
    }

        .footrleft ul li a {
            color: #eaeaea;
            cursor: pointer;
            margin-bottom: 1px;
            transition: 0.3s;
            
            display: inline;
        }
        .footrleft ul li a:hover 
        {
            color:#CA3320;
        }
.footrleft > h3 {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    margin: 0;
}

.footrleft .footerlogo {
    width: 170px;
}
.footrright
{
    float: left;
    position: absolute;
    left: 68%;
    }
.footrright > h3 
{
    font-family: Montserrat;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    margin: 0;
    }
.copyright {
    margin: 0 auto;
    width: 600px;
}

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

    .disignby a {
        color: #000;
        cursor: pointer;
        font-size: 12px;
        line-height: 40px;
        text-decoration: none;
        display: block;
        width: 100%;
        text-align: right;
    }

.copyright ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
}

.copyright li {
    float: left;
}

    .copyright li:first-child a:before {
        content: " ";
    }

    .copyright li > a:before {
        content: "|";
        margin: 0 10px;
    }

.copyright ul li > a {
    color: #000;
    cursor: pointer;
    font-size: 12px;
    line-height: 40px;
    text-decoration: none;
    text-align: left;
}


/*-----------------------------------------menubar------------------------------------------*/


.leftmenu {
    display: block;
    float: none;
    height: 100%;
    margin: 0 auto;
    width: 676px;
    background: #1e3048;
    text-align: center;

}

    .leftmenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .leftmenu ul li {
                color: #fff;
    cursor: pointer;
    float: left;
    font-family: Montserrat;
    font-size: 12px;
    line-height: normal;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1s linear 0s;
    padding-left: 19px;
        }

            .leftmenu ul li a {
                color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Montserrat;
    font-size: 15px;
    line-height: 51px;
    padding: 10px 26px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 10;
    background: #1e3048;
    transition: all 1s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
            }

                .leftmenu ul li a:hover {
                    color: #CA3320;
                    /*background-color:#263c5a;
                    border-color: #CA3320;
                    transform: scale(1.1);
                    -webkit-transform: scale(1.1);
                    -moz-transform: scale(1.1);
                    -o-transform: scale(1.1);*/
                }

.submenuDiv {
    background: #2d486c none repeat scroll 0 0;
    left: 18px;
    position: relative;
    box-shadow: 1px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
    width: 150px;
    
}

    .submenuDiv ul {
    display: table;
    list-style-type: none;
    width: 150px;
    padding: 0;
    }

        .submenuDiv ul li {
        float: none;
        margin: 0;
        padding: 0;
        width: auto;
        }

            .submenuDiv ul li a {
                color: #dcdcdc;
                cursor: pointer;
                display: block;
                width: auto;
                font-family: Montserrat;
                font-size: 12px;
                line-height: normal;
                margin: 0;
                padding: 15px 5px;
                text-decoration: none;
                text-transform: uppercase;
                transition: all 0.3s linear 0s;
                -webkit-transition: all 0.3s linear 0s;
                -moz-transition: all 0.3s linear 0s;
                -o-transition: all 0.3s linear 0s;
                background-color: transparent;
                text-align: left;
                border: 1px solid #263c5a;
            }

.submenuDiv ul li a:hover {
                    color: #CA3320;
                    /*background-color:#263c5a;
                    transform: scale(1.1);
                    -webkit-transform: scale(1.1);
                    -moz-transform: scale(1.1);
                    -o-transform: scale(1.1);*/
                }
                #bottom 
                {
                    border-bottom: 0;
                }


.submenuicon {
    font-family: fontawesome;
    font-size: 20px;
    text-align: right;
    float: right;
    line-height: 51px;
}

    .submenuicon:after {
        content: "\f107";
        margin-left: 10px;
    }

.submenuicon2 {
    border: 1px solid #C1C1C1;
    border-radius: 100%;
    display: block;
    font-family: fontawesome;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto 10px;
    text-align: center;
    width: 30px;
}

.exhibitionicon:before {
content:"\f1b3";
}
.confrence:before {
    content:"\f109";
}
.corporateicon:before {
 content:"\f0c0";
}
.specialeventicon:before
{
    content:"\f074";
}
.sporteventicon:before {
 content:"\f1e3";
}
.customizationicon:before {
content:"\f1de";
}
    .weddingicon:before {
        content: "\f1bb";
    }

/*----------------------------------------end-----------------------------------------------*/




/*-------------------------------------------------------------mobile menu-------------------------------------------------*/


.carbon-poweredby, em, i {
    font-style: italic;
}

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

@font-face {
    font-family: Oxygen;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/oxygen/oxygen-v5-latin-regular.eot);
    src: local("Oxygen"),local("Oxygen-Regular"),url(../fonts/oxygen/oxygen-v5-latin-regular.eot?#iefix)format("embedded-opentype"),url(../fonts/oxygen/oxygen-v5-latin-regular.woff2)format("woff2"),url(../fonts/oxygen/oxygen-v5-latin-regular.woff)format("woff"),url(../fonts/oxygen/oxygen-v5-latin-regular.ttf)format("truetype"),url(../fonts/oxygen/oxygen-v5-latin-regular.svg#Oxygen)format("svg");
}

@font-face {
    font-family: Oxygen;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/oxygen/oxygen-v5-latin-700.eot);
    src: local("Oxygen Bold"),local("Oxygen-Bold"),url(../fonts/oxygen/oxygen-v5-latin-700.eot?#iefix)format("embedded-opentype"),url(../fonts/oxygen/oxygen-v5-latin-700.woff2)format("woff2"),url(../fonts/oxygen/oxygen-v5-latin-700.woff)format("woff"),url(../fonts/oxygen/oxygen-v5-latin-700.ttf)format("truetype"),url(../fonts/oxygen/oxygen-v5-latin-700.svg#Oxygen)format("svg");
}
/**, ::after, ::before
{
    box-sizing: inherit;
}
html
{
    box-sizing: border-box;
}
body, html
{
    margin: 0;
    padding: 0;
    height: 100%;
}
body
{
    color: #6d6d6d;
    background-color: #fff;
    font-family: Oxygen,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.8;
}
h1, h2, h3, h4, h5, h6
{
    color: #3b3b3b;
    font-weight: 700;
    line-height: 1.2;
}
a
{
    color: #28aadc;
    text-decoration: none;
}
a:hover
{
    color: #00648c;
}
b, strong
{
    font-weight: 700;
}
img
{
    max-width: 100%;
    height: auto;
}*/
.o-container {
    margin: 0 auto;
    padding: 0 12px;
    max-width: 960px;
}

@media all and (min-width:480px) {
    .o-container {
        padding: 0 24px;
    }
}

@media all and (min-width:720px) {
    .o-container {
        padding: 0 48px;
    }
}

.o-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.o-grid__item {
    padding: 24px;
}

.o-header {
    margin: 0;
    padding: 0;
}

.o-header-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #3b3b3b;
}

.o-header-nav__link {
    padding: 12px;
    color: #fff;
}

    .o-header-nav__link:hover {
        color: #fff;
        background-color: #080808;
    }

.o-header__title {
    margin: 24px;
    padding: 0;
    color: #818181;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
}

@media all and (min-width:480px) {
    .o-header__title {
        margin: 36px;
        font-size: 42px;
    }
}

.o-sub-nav {
    margin: 0 0 24px;
    padding: 0;
}

.o-sub-nav__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.o-sub-nav__item {
    margin: 0;
    padding: 4px;
}

.o-sub-nav__link {
    display: block;
    margin: 0;
    padding: 4px 24px;
    border: 2px solid #3b3b3b;
}

    .o-sub-nav__item.active .o-sub-nav__link, .o-sub-nav__link:hover {
        color: #fff;
        background-color: #3b3b3b;
    }

.o-footer {
    padding: 12px 0;
    text-align: center;
}

@media all and (min-width:480px) {
    .o-footer {
        padding: 24px 0;
    }
}

@media all and (min-width:720px) {
    .o-sub-nav {
        margin: 0 0 48px;
    }

    .o-footer {
        padding: 48px 0;
    }
}

.c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 65px;
    height: 26px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
}

    .c-hamburger:focus {
        outline: 0;
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 12px;
        left: 18px;
        right: 18px;
        height: 2px;
        background: #000;
    }

        .c-hamburger span::after, .c-hamburger span::before {
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #000;
            content: "";
        }

.c-hamburger--htla.is-active span::after, .c-hamburger--htla.is-active span::before, .c-hamburger--htra.is-active span::after, .c-hamburger--htra.is-active span::before {
    width: 50%;
}

.c-hamburger span::before {
    top: -10px;
}

.c-hamburger span::after {
    bottom: -10px;
}

.c-hamburger--rot {
    background-color: #28aadc;
}

    .c-hamburger--rot span {
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
    }

    .c-hamburger--rot.is-active {
        background-color: #166888;
    }

        .c-hamburger--rot.is-active span {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.c-hamburger--htx {
    background-color: transparent;
}

    .c-hamburger--htx span {
        -webkit-transition: background 0s .3s;
        transition: background 0s .3s;
    }

        .c-hamburger--htx span::after, .c-hamburger--htx span::before {
            -webkit-transition-duration: .3s,.3s;
            transition-duration: .3s,.3s;
            -webkit-transition-delay: .3s,0s;
            transition-delay: .3s,0s;
        }

        .c-hamburger--htx span::before {
            -webkit-transition-property: top,-webkit-transform;
            transition-property: top,transform;
        }

        .c-hamburger--htx span::after {
            -webkit-transition-property: bottom,-webkit-transform;
            transition-property: bottom,transform;
        }

    .c-hamburger--htx.is-active {
        background-color: transparent;
    }

        .c-hamburger--htx.is-active span {
            background: 0 0;
        }

            .c-hamburger--htx.is-active span::before {
                top: 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .c-hamburger--htx.is-active span::after {
                bottom: 0;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before {
                -webkit-transition-delay: 0s,.3s;
                transition-delay: 0s,.3s;
            }

.c-hamburger--htla {
    background-color: #32dc64;
}

    .c-hamburger--htla span {
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
    }

        .c-hamburger--htla span::before {
            -webkit-transform-origin: top right;
            -ms-transform-origin: top right;
            transform-origin: top right;
            -webkit-transition: -webkit-transform .3s,width .3s,top .3s;
            transition: transform .3s,width .3s,top .3s;
        }

        .c-hamburger--htla span::after {
            -webkit-transform-origin: bottom right;
            -ms-transform-origin: bottom right;
            transform-origin: bottom right;
            -webkit-transition: -webkit-transform .3s,width .3s,bottom .3s;
            transition: transform .3s,width .3s,bottom .3s;
        }

    .c-hamburger--htla.is-active {
        background-color: #18903c;
    }

        .c-hamburger--htla.is-active span {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

            .c-hamburger--htla.is-active span::before {
                top: 0;
                -webkit-transform: translateX(38px)translateY(4px)rotate(45deg);
                -ms-transform: translateX(38px)translateY(4px)rotate(45deg);
                transform: translateX(38px)translateY(4px)rotate(45deg);
            }

            .c-hamburger--htla.is-active span::after {
                bottom: 0;
                -webkit-transform: translateX(38px)translateY(-4px)rotate(-45deg);
                -ms-transform: translateX(38px)translateY(-4px)rotate(-45deg);
                transform: translateX(38px)translateY(-4px)rotate(-45deg);
            }

.c-hamburger--htra {
    background-color: #ff9650;
}

    .c-hamburger--htra span {
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
    }

        .c-hamburger--htra span::before {
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-transition: -webkit-transform .3s,width .3s,top .3s;
            transition: transform .3s,width .3s,top .3s;
        }

        .c-hamburger--htra span::after {
            -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
            -webkit-transition: -webkit-transform .3s,width .3s,bottom .3s;
            transition: transform .3s,width .3s,bottom .3s;
        }

    .c-hamburger--htra.is-active {
        background-color: #e95d00;
    }

        .c-hamburger--htra.is-active span {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

            .c-hamburger--htra.is-active span::before {
                top: 0;
                -webkit-transform: translateX(-8px)translateY(4px)rotate(-45deg);
                -ms-transform: translateX(-8px)translateY(4px)rotate(-45deg);
                transform: translateX(-8px)translateY(4px)rotate(-45deg);
            }

            .c-hamburger--htra.is-active span::after {
                bottom: 0;
                -webkit-transform: translateX(-8px)translateY(-4px)rotate(45deg);
                -ms-transform: translateX(-8px)translateY(-4px)rotate(45deg);
                transform: translateX(-8px)translateY(-4px)rotate(45deg);
            }

#carbonads {
    position: fixed;
    bottom: 12px;
    right: 12px;
    z-index: 1000;
    padding: 24px 12px 12px;
    width: 154px;
    background-color: #fff;
    line-height: 1.1;
    border: 1px solid #e7e7e7;
}

.carbon-wrap {
    display: block;
    margin: 0 0 4px;
}

.carbon-img {
    display: block;
    margin: 0 0 4px;
    padding: 0;
    width: 130px;
    height: 100px;
}

.carbon-text {
    color: #818181;
    font-size: 12px;
}

.carbon-poweredby {
    font-size: 10px;
}

.carbonad__close {
    display: block;
    position: absolute;
    top: 0;
    left: 12px;
    height: 24px;
    font-size: 11px;
    line-height: 24px;
}

@media all and (max-width:660px) {
    #carbonads {
        display: none;
    }
}


/*--------------end---------------*/
/*------------------------------------------social icon----------------------------------*/
.marker::content {
content:"\f041";
}
.facebookicon:before {
    content: "\f09a";
    font-family: fontawesome;
}

.googleicon:before {
    content: "\f0d5";
    font-family: fontawesome;
}

.twittericon:before {
    content: "\f099";
    font-family: fontawesome;
}

.linkdin:before {
    content: "\f0e1";
    font-family: fontawesome;
}

.footersolicon {
    background: #005bab none repeat scroll 0 0;
    border-radius: 4px;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    text-align: center;
    width: 30px;
    margin-top: 24px;
}

/*------------------------------------------end------------------------------------------*/



/*-------------------------------------------services-----------------------------------------------------*/
.temicon {
   border: 1px solid #e2e2e2;
    border-radius: 100%;
    color: #035aa7;
    cursor: pointer;
    display: inline-block;
    font-family: fontawesome;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 20px;
    width: 30px;
}

.polygonDiv {
    display: table;
    margin: 0 auto;
    width: 1026px;
}

.polygon {
    border: 1px solid #e2e2e2;
    float: left;
    height: 300px;
    margin: 0 10px 20px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 300px;
}

    .polygon .wrapnamepop {
        position: relative;
        left: 0;
        width: 300px;
        height: 270px;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }

.teamfbty {
    /*background: #0a57a2 none repeat scroll 0 0;*/
    bottom: 0;
    line-height: 35px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}

.teamback {
    background-size: cover;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

    .teamback img {
            border: 1px solid #e2e2e2;
    width: 100%;
    }

.polygon .temaname {
    font-family: Montserrat;
    font-size: 18px;
    text-align: center;
    display: block;
    color: #0056A9;
}

.polygon .teamposition {
    font-family: Montserrat;
    font-size: 14px;
    text-align: center;
    display: block;
}

.opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
}

.opacitywhite {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    z-index: 10;
}

.aboutuswrap {
    width: 77%;
    /* float: left; */
    margin: auto;
}


.aboutus {
    background-attachment: fixed;
    color: #000;
    float: left;
    height: 450px;
    overflow-y:scroll;
    position: relative;
    width: 50%;
}

.aboutusimg {
    float: right;
    height: 450px;
    overflow: hidden;
    width: 46%;
}

    .aboutusimg ul {
        margin: 0;
        list-style-type: none;
        padding: 0;
    }

        .aboutusimg ul li {
    background: #eee none repeat scroll 0 0;
    float: left;
    height: 220px;
    margin-bottom: 2%;
    margin-left: 2%;
    width: 48%;
    position: relative;
    overflow: hidden;
        }

            .aboutusimg ul li:nth-child(3) {
    width: 100%;
            }


            .aboutusimg ul li img {
    width: 100%;
    height: 100%;
    transition: all 2s linear;
            }

                .aboutusimg ul li img:hover {
                    transform: scale(1.5,1.5);
                }

.pageheadingDiv {
    background: #e2e2e2 none repeat scroll 0 0;
    height: 1px;
    position: absolute;
    top: 55px;
    width: 100%;
    z-index: 0;
    left: 0;
}

.pageheading {
    background: #fff none repeat scroll 0 0;
    color: #323232;
    display: table;
    font-family: Montserrat;
    font-size: 30px;
    margin: 40px auto;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    z-index: 1;
    padding: 0 10px;
}

.subpageheading {
    color: #323232;
    display: table;
    font-family: Montserrat;
    font-size: 18px;
    line-height: normal;
    position: relative;
    text-transform: uppercase;
    width: auto;
}


.services {
    width: 80%;
    position: relative;
    height: 100%;
    /* float: left; */
    margin: auto;
}

    .services ul 
    {
        height:100%;
        width: 100%;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .services ul li {
    background: #fff none repeat scroll 0 0;
    float: left;
    /* height: 558px; */
    margin-bottom: 7px;
    margin: 0px 1%;
    overflow: hidden;
    position: relative;
    width: 31%;
        }

            .services ul li div {
                height: 268px;
                left: 0;
                margin-bottom: 10px;
                overflow: hidden;
                position: relative;
                top: 0;
                width: 100%;
            }

                .services ul li div a {
                    cursor: pointer;
                    text-decoration: none;
                    border: none;
                }

 /*           .services ul li:first-child {
                margin-left: 0;
            }

            .services ul li:nth-child(2) {
                height: 546px;
            } */

            .services ul li img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                transition: all 2s linear;
                -webkit-transition: all 2s linear;
                -moz-transition: all 2s linear;
                -o-transition: all 2s linear;
            }

                .services ul li img:hover {
                    transform: scale(1.5,1.5);
                    -webkit-transform: scale(1.5,1.5);
                    -moz-transform: scale(1.5,1.5);
                    -o-transform: scale(1.5,1.5);
                }





            .services ul li span {
                display: block;
                font-size: 25px;
                font-family: Montserrat;
                position: absolute;
                bottom: 50px;
                color: #fff;
                left: 20px;
            }

.leftdiv {
    float: left;
    overflow: hidden;
    position: relative;
    width: 600px;
    transition: all 2s linear 0s;
}

.rightdiv {
    float: right;
    overflow: hidden;
    position: relative;
    width: 600px;
    transition: all 2s linear 0s;
}

    .rightdiv div, .leftdiv div {
        height: 100%;
        left: 0;
        margin: 10px auto 0;
        position: relative;
        top: 0;
        width: 580px;
    }


    .leftdiv p, .rightdiv p {
        color: #6f6f6f;
        line-height: normal;
    }

.h2 {
    font-family: Montserrat;
    font-size: 20px;
    color: #323232;
}

.leftdiv img, .rightdiv img {
    border: 1px solid #e2e2e2;
    width: 578px;
}

.leftdiv:hover, .rightdiv:hover {
    /*transform: scale(1.0,1.1);*/
}

.opacitygradient {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .96;
    width: 100%;
    height: 100%;
    background: #1eb089;
    background: -moz-linear-gradient(left, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1eb089), color-stop(100%, #7c49ab), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(left, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
    background: -o-linear-gradient(left, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
    background: -ms-linear-gradient(left, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
    background: linear-gradient(to right, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1eb089', endColorstr='#7db9e8', GradientType=1);
}

.percentageDiv {
    width: 78%;
    position: relative;
    background-image: url('../styles/images/back3.jpg');
    background-position: center bottom;
    padding: 100px 0;
    /*float: left;*/
    background-attachment: fixed;
    margin:auto;
}
.exp ul {
    list-style-type:none;
    width:100%;
}
.exp ul li 
{
    display: block;
    float: left;
    padding: 0 3.7%;
    width: 16%;
}
.exp_in 
{
    display: block;
    height: 200px;
    width: 100%;
    margin-top: -81px;
    margin-bottom: 0px;
    border: 3px solid white;
    cursor: pointer;
    background-size: cover;
}
.exp_in:hover 
{
    opacity:0.9;  
    border: 3px solid 	#F5FFFA;      
}
#develop
{
    background-image: url("styles/images/develope.jpg");
}
.exp_txt
{
display: block;
    text-align: center;
    color: White;
    margin-bottom: -50px;  
}
.upcomingDiv {
    width: 100%;
    float: left;
    background-image: url('../styles/images/register-bg.jpg');
    background-attachment: fixed;
    background-position: center bottom;
    position: relative;
    padding: 100px 0;
}

    .upcomingDiv ul {
        margin: 0 auto;
        padding: 0;
        list-style-type: none;
        width: 1000px;
        display: table;
        position: relative;
    }

        .upcomingDiv ul li {
            background: #fff none repeat scroll 0 0;
            float: left;
            margin-left: 40px;
            width: 480px;
        }

            .upcomingDiv ul li:first-child {
                margin-left: 0;
            }

            .upcomingDiv ul li .upcomingtitle {
                font-family: Montserrat;
                font-size: 18px;
                text-align: left;
                color: #000;
                text-indent: 10px;
                line-height: 40px;
            }

            .upcomingDiv ul li img {
                width: 100%;
            }

            .upcomingDiv ul li .upcomingcaption {
                font-family: Montserrat;
                font-size: 14px;
                text-align: left;
                color: #000;
                text-indent: 10px;
                line-height: 40px;
            }
/*----------------------------------------------end--------------------------------------------------------*/

/*----------------------------------------------client----------------------------------------------------*/

.clientdiv {
    width: 1200px;
    float: left;
    position: relative;
}

.clientwrap {
    width: 1075px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.client {
    width: 130px;
    height: 90px;
    margin: 0 5px;
    float: left;
    overflow: hidden;
}

    .client img {
        border: 1px solid #e2e2e2;
        width: 98%;
    }

.arrow {
    border: 1px solid #000;
    border-radius: 100%;
    font-family: fontawesome;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 30px;
    width: 30px;
    cursor: pointer;
}

.clientnext {
    position: absolute;
    right: 0;
}

.clientpre {
    position: absolute;
    left: 0;
}

.clientnext:before {
    content: "\f105";
}

.clientpre:before {
    content: "\f104";
}

.ourclient {
 width:1200px;
 margin:0 auto;
 display:table;
 position:relative;
}
    .ourclient ul {
     margin:0;
     padding:0;
     list-style-type:none;
    }
        .ourclient ul li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    float: left;
    height: 150px;
    margin: 0 9.7px 19px 9.7px;
    text-align: center;
    width: 150px;
    position:relative;
    overflow:hidden;
    transition:border 2s linear;
        }
            .ourclient ul li img {
            margin-top:30px;
            transition:all 2s linear;
             
            }
                .ourclient ul li img:hover {
                 transform:scale(1.2,1.2);
                }
            .ourclient ul li:hover {
             border-color:#0259A8;
             cursor:zoom-in;
            }
/*----------------------------------------------end--------------------------------------------------------*/

/*----------------------------------------------all page slider---------------------------------------------*/

/* jssor slider bullet navigator skin 01 css */
/*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
.jssorb01 {
    position: absolute;
}

    .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
        position: absolute; /* size of bullet elment */
        width: 12px;
        height: 12px;
        filter: alpha(opacity=70);
        opacity: .7;
        overflow: hidden;
        cursor: pointer;
        border: #000 1px solid;
    }

    .jssorb01 div {
        background-color: gray;
    }

        .jssorb01 div:hover, .jssorb01 .av:hover {
            background-color: #d3d3d3;
        }

    .jssorb01 .av {
        background-color: #fff;
    }

    .jssorb01 .dn, .jssorb01 .dn:hover {
        background-color: #555555;
    }

/* jssor slider arrow navigator skin 02 css */
/*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
.jssora02l, .jssora02r {
    display: block;
    position: absolute; /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('img/a02.png') no-repeat;
    overflow: hidden;
}

.jssora02l {
    background-position: -3px -33px;
}

.jssora02r {
    background-position: -63px -33px;
}

.jssora02l:hover {
    background-position: -123px -33px;
}

.jssora02r:hover {
    background-position: -183px -33px;
}

.jssora02l.jssora02ldn {
    background-position: -3px -33px;
}

.jssora02r.jssora02rdn {
    background-position: -63px -33px;
}
/*----------------------------------------------end-----------------------------------------------------------*/
/*---------------------------------------------contact us-----------------------------------------------------*/
.contactDiv {
    border: 1px solid #fff;
    display: table;
    letter-spacing: 2px;
    margin: 0 auto;
    position: relative;
    width: 76%;
    background: #fff none repeat scroll 0 0;
}
.contacdata {
    position: absolute;
    z-index: 11;
    left: 0;
    top: 11%;
    text-align: center;
    width: 100%;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 17px;
}
.contacdata p 
{
    font-family:Roboto;
    }
    .contacdata .location {
     font-size:21px;
    }

    .contactDiv > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

 .contactDiv > ul > li {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
        }
 .contactleft {
    display: table-cell;
    float: left;
    /* padding: 0 80px; */
    vertical-align: middle;
    height: 500px;
    width: 100%;
}
.contactleft iframe 
{
    border: 0;
    height: 93%;
    margin: 5% 0;
 }
.btnwrap {
   background: #0058a5 none repeat scroll 0 0;
    border: 1px solid #000;
    color: #fff;
    display: block;
    line-height: 48px;
    margin: 30px auto 0;
    text-align: center;
    text-transform: uppercase;
    width: 300px;
    cursor:pointer;
   
}
.btn {

    font-family: Montserrat;
    font-size: 16px;
     transition:all 2s linear;

}
    .btn:before {
    content:"\f0a1";
    font-family:fontawesome;
    font-size:20px;
    margin-right:10px;
    }
    .btn:hover {
    transform:scale(1.4,1.4);
    }

.contactimg {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 50%;
    position: absolute;
    overflow: hidden;
}

    .contactimg img {
    width: 100%;
    height: 100%;
    transition: all 2s linear;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -o-transition: all 2s linear;
    }

        .contactimg img:hover {
            transform: scale(1.5,1.5);
            -webkit-transform: scale(1.5,1.5);
            -moz-transform: scale(1.5,1.5);
            -o-transform: scale(1.5,1.5);
        }


.contactform {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    padding: 6% 11%;
    width: 78%;
}
    .contactform table {
     width:100%;
    }
        .contactform table td {
        margin:0;
        }
   .contactform table td input[type='text'] {
border: 1px solid #e2e2e2;
    color: #010101;
    margin-bottom: 10px;
    margin-left: 4%;
    padding: 10px;
    width: 85%;
    background: #F8F8F8;
    font-size: 12px;
            }
placeholder {
 color:#444;
}

            .contactform table td textarea {
    border: 1px solid #e2e2e2;
    color: #010101;
    height: 100px;
    margin-left: 2%;
    padding: 10px 11px;
    resize: none;
    width: 92.2%;
    background: #F8F8F8;
    font-size: 12px;
            }
                    .contactform table td select {
          border: 1px solid #e2e2e2;
    color: #010101;
    margin-bottom: 10px;
    margin-left: 17px;
    padding: 10px 11px;
    resize: none;
    text-align: center;
    width: 678px;
            }
.contactform ul {
 margin:0;
 padding:0;
 list-style-type:none;
}
    .contactform ul li {
     float:left;
    }
    
    
    .error
{
    color: Red;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    padding: 0 10px;
    font: 12px;
    display: none;
}

.mask
{
    background-color: Black;
    bottom: 0;
    height: 100%;
    display: none;
    left: 0;
    opacity: 0.5;
    position: fixed;
    width: 100%;
    z-index: 1200;
}


#Ok
{
    width: 50px;
    height: 20px;
    float: right;
    color: white;
    cursor: pointer;
    position: relative;
    z-index: 200px;
    margin: 0 auto;
    padding: 6px 15px;
    text-align: center;
}

#Thank
{
    background-color: #C5B292;
    border: 2px solid #4B2F21;
    border-radius: 5px 5px 5px 5px;
    color: #4B2F21;
    left: 461.5px;
    padding: 20px;
    position: fixed;
    top: 286.5px;
    width: 550px;
    z-index: 1300;
    display: none;
}


/*---------------------------------------------end------------------------------------------------------------*/
/*----------------------------------------------services------------------------------------------------------*/
.servicesDiv {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    display: table;
}

    .servicesDiv ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

 .servicesDiv ul li {
            width: 50%;
            height: 400px;
            float: left;
            overflow: hidden;
        }

    .servicesDiv h2 {
        font-family: Montserrat;
        font-size: 22px;
        color: #323232;
        margin: 0;
        font-weight: normal;
    }

    .servicesDiv h6 {
        font-family: Montserrat;
        font-size: 16px;
        color: #323232;
        margin: 0;
        font-weight: normal;
    }

.servicesleft {
    display: table-cell;
    height: 400px;
    padding: 0 80px;
    vertical-align: middle;
    width: 440px;
    background:#f8f8f8;
}

.servicesimg {
    display: table-cell;
    height: 400px;
    vertical-align: middle;
    width: 600px;
}

    .servicesimg img {
        width: 100%;
        transition: all 2s linear;
        -webkit-transition: all 2s linear;
        -moz-transition: all 2s linear;
        -o-transition: all 2s linear;
    }

        .servicesimg img:hover {
            transform: scale(1.5,1.5);
            -webkit-transform: scale(1.5,1.5);
            -moz-transform: scale(1.5,1.5);
            -o-transform: scale(1.5,1.5);
        }
/*----------------------------------------------end-----------------------------------------------------------*/

/*----------------------------------------------tabs----------------------------------------------------------*/

#tabs-container {
    width: 100%;
    float: left;
}

.tabs-menu {
    clear: both;
    display: table;
    margin: 0 auto;
    padding: 0;
}

    .tabs-menu li {
        border: 1px solid #e2e2e2;
        float: left;
        height: 42px;
        line-height: 40px;
        list-style-type: none;
        margin-right: 10px;
        width: 200px;
        overflow: hidden;
    }

        .tabs-menu li a:hover {
            background: #0055a5;
            color: #fff;
            transform: scale(1.2,1.2);
        }

        .tabs-menu li.current {
            background-color: #0055A5;
            position: relative;
            z-index: 5;
        }

        .tabs-menu li a {
            color: #000;
            display: block;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: normal;
            height: 40px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            transition: all 2s linear 0s;
        }

    .tabs-menu .current a {
        color: #fff;
        border: 1px solid #fff;
    }

.tab {
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.tab-content {
    padding: 20px 0;
    width: 800px;
    margin: 0 auto;
    display: none;
    padding-top: 40px;
}

#tab-1 {
    display: block;
}

/*----------------------------------------------end-----------------------------------------------------------*/


/*----------------------------------------------Team Tab------------------------------------------------------*/
#tabs-container2 {
    width: 100%;
    float: left;
}

.tabs-menu2 {
    clear: both;
    display: table;
    margin: 0 auto;
    padding: 0;
}

    .tabs-menu2 li {
    float: left;
    height: 42px;
    line-height: 40px;
    list-style-type: none;
    margin-right: 10px;
    overflow: hidden;
    width: 330px;
    }
        .tabs-menu2 li:last-child {
         margin-right:0;
        }

        .tabs-menu2 li:last-child {
            border-right: none;
        }

        .tabs-menu2 li a:hover {
            background: #0055a5;
            color: #fff;
            transform: scale(1.2,1.2);
        }

        .tabs-menu2 li.current {
            background-color: #FA6859;
            position: relative;
            z-index: 5;
        }

        .tabs-menu2 li a {
            /*background: #0158a7 none repeat scroll 0 0;*/
            color: #000;
            display: block;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            transition: all 2s linear 0s;
            border:1px solid #000;
        }

    .tabs-menu2 .current a {
        color: #fff;
        background:#005AAF;
    }

.tab2 {
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.tab-content2 {
    padding: 20px 0;
    margin: 0 auto;
    display: none;
    padding-top: 40px;
}

#tab-1 {
    display: block;
}



/*----------------------------------------------end------------------------------------------------------------*/
/*----------------------------------------------tabs for contact-----------------------------------------------*/
#tabs-container3 {
    width:1200px;
    margin:0 auto;
    position:relative;
}

.tabs-menu3 {
    clear: both;
    display: table;
    margin: 0 auto;
    padding: 0;
}

    .tabs-menu3 li {
        border: 1px solid #e2e2e2;
        float: left;
        height: 42px;
        line-height: 40px;
        list-style-type: none;
        margin-right: 10px;
        width: 200px;
        overflow: hidden;
    }

        .tabs-menu3 li a:hover {
            background: #0055a5;
            color: #fff;
            transform: scale(1.2,1.2);
        }

        .tabs-menu3 li.current {
            background:#0059a5 none repeat scroll 0 0;
            position: relative;
            z-index: 5;
        }

        .tabs-menu3 li a {
    color: #fff;
    display: block;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 2s linear 0s;
        }

    .tabs-menu3 .current a {
        color: #fff;
        /*border: 1px solid #fff;*/
    }

.tab3 {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.tab-content3 {
    padding: 20px 0;
    width:100%;
    margin: 0 auto;
    display: none;
    padding-top: 40px;
}

#tab-1 {
    display: block;
}
.contactdivOpacity {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 background:rgba(0,0,0,0.8);
}

.contactDivwrap {
 width:100%;
 height:100%;
 position:relative;
 background-image: url('../styles/images/back3.jpg');
 background-attachment:fixed;
 background-position:top center;
 float:left;
 padding:100px 0;
}
#mumbai 
{
    opacity: 0.2;
}
/*----------------------------------------------end------------------------------------------------------------*/
/*-------------------mobile menu----------*/
.mobilemenu ul
{
    list-style-type:none;
    margin:0;
    }

/*-------------------mobile menu end----------*/