a:hover, ul.nav li a:hover {
    text-decoration: underline
}

a, ins {
    text-decoration: none
}

*, input, select, textarea {
    outline: 0 !important
}

a, input[type=password], input[type=text], textarea {
    padding: 0;
    margin: 0
}

#full-width-slider, .imgDiv {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section {
    display: block
}

.logo, ul.nav {
    text-align: center
}

footer, header {
    z-index: 2
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    list-style: none
}

ins, mark {
    background-color: #ff9;
    color: #000
}

body, html {
    background: #021320;
    min-height: 100%;
    width: 100%;
    height: 100%;
}

#collection_detail .nav {
    display: none;
}

textarea {
    resize: none;
    -webkit-appearance: none;
    border-radius : 0;
}

nav ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: none
}

a {
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    outline: 0;
    color: #fff
}

.closeBtn, input, select {
    vertical-align: middle
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

img {
    max-width: 100%;
    float: left;
    height: auto
}

body {
    line-height: 1;
    -webkit-text-size-adjust: none;
    font: 13px/17px Calibri, arial;
    color: #393939
}

input {
    -webkit-appearance: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#full-width-slider {
    left: 0;
    height: 100%;
    z-index: 1;
    position: static;
    max-height: 100vh;
}

#full-width-slider .rsOverflow {
    max-height: 100vh;
}

img.rsImg {
    max-width: none;
    float: right
}

.infoBlock {
    position: absolute !important;
    top: 40% !important;
    bottom: 10% !important;
    width: 50%;
    overflow: hidden;
    left: 10% !important;
    padding: 20px 0 0
}

.infoBlock .heading1 {
    margin-top: 10px;
}

.infoBlock h1, .infoBlock h2, .infoBlock span {
    font: 52px/52px optimusprincepsregular;
    color: #fff;
    display: block;
    margin: -10px 0 0;
    padding: 0
}

.infoBlock span, .infoBlock h2 {
    margin: 0
}

.infoBlock h2.hd2, .infoBlock span.hd2, .infoBlock span.hd3 {
    padding: 0 0 0 50px
}

.infoBlock span.hd2 small {
    font-size: 60px
}

.infoBlock h1.hd4 {
    padding: 0 0 0 123px
}

.infoBlockLeftBlack {
    color: #FFF;
    left: 30px;
    right: auto
}

.royalSlider, header {
    left: 0;
    top: 0;
    position: absolute
}

.infoBlock p {
    font: 15px/19px Calibri;
    margin: 0;
    padding: 0 45% 15px 0
}

.infoBlock p.authorName {
    font: 26px/26px 'Times New Roman';
    padding-left: 154px;
    text-transform: inherit
}

.craftsmanship p.name, .design p.name, .errorWrap p, .history p.name, .legend p.name, .management p.name, .management-gap p.name {
    text-transform: uppercase
}

.s1 .infoBlock p, .s2 .infoBlock p {
    padding: 0 45% 15px 0
}

.homeLink, .link1, .moreText {
    font: 15px/19px Tahoma;
    color: #cfb172;
    padding: 0 10px 0 0;
    background: url(../images/pink-arrow.png) right 7px no-repeat
}

.moreText {
    margin: 10px 0 0
}

.homeLink, .link1 {
    margin: 15px 0 0
}

.royalSlider {
    bottom: 0;
    right: 0;
    height: auto;
    width: auto
}

.layout, .logo, .navBlock, header, nav, ul.nav {
    width: 100%
}

.layout {
    margin: 0 auto;
    max-width: 1170px
}

.store {
    background: url(../images/our-store-bg1.png) top center repeat-y;
    background-size: 100% 100%;
    min-height: 388px
}

.logo {
    float: left;
    margin: 13px 0 0
}

.logo a img {
    float: none;
    display: inline-block
}

.navBlock {
    float: left;
    padding: 25px 0 0
}

.landingMenu {
    background: #052b2e;
    padding: 0;
    border-bottom: 1px solid #07464b;

}

.landingMenu ul.nav li {
    padding: 10px 40px 15px
}

.landingMenu ul.nav li a {
    color: #2876ab
}

.landingMenu ul.nav li a.active {
    color: #FFF
}

nav {
    float: left;
    margin: 0;
    padding: 0
}

ul.nav {
    float: left;
    padding: 5px 0 0
}

ul.nav li {
    display: inline-block;
    padding: 0 40px 22px;
    position: relative;
    font: 16px/25px copperplatetbolconregular
}

ul.nav li a {
    color: #fff
}

ul.nav li span {
    display: none;
    position: absolute;
    background: url(../images/arow.png) no-repeat;
    width: 13px;
    height: 7px;
    bottom: 6px;
    left: 50%;
    margin: 0 0 0 -6px
}

ul.nav li.active span {
    display: block
}

ul.nav li.active a, ul.nav li a:hover {
    color: #fff
}

.insidePage .menuStatic li a:hover,
.submenu li a:hover {
    text-decoration: none
}

ul.nav li .dropdown {
    display: none;
    position: absolute;
    left: 40px;
    top: 20px;
    width: 166px;
    text-align: left
}

ul.nav li .dropdown .submenu {
    padding: 0;
    float: left;
    width: 100%;
    display: none;
}

ul.nav li .dropdown .submenu li {
    line-height: 22px;
    font-size: 13px;
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 1px
}

ul.nav li .dropdown .submenu li a {
    display: block;
    padding: 0
}

ul.nav li .dropdown .submenu li.first a {
    padding-top: 8px
}

ul.nav li .dropdown .submenu li.last a {
    padding-bottom: 5px
}

.navBar {
    float: left;
    width: 100%;
    padding: 9px 0 0;
    display: none
}

.navBar button {
    background: #1974a3;
    border: none;
    cursor: pointer;
    float: right;
    height: 34px;
    margin: -5px 0 0;
    outline: 0;
    width: 34px;
    padding: 0 4px
}

.navBar button span {
    background: #fff;
    float: left;
    width: 100%;
    height: 2px;
    margin: 2px 0
}

.insidePage {
    width: 100%
}

.insidePage .menuStatic {
    clear: both;
    width: 50%;
    font: 14px/22px copperplatetbolconregular;
    text-align: center;
    background: url(../images/line.png) center center no-repeat;
    background-size: 100% 1px;
    margin: 0 auto
}

.insidePage .menuStatic li {
    padding: 30px 25px 0;
    text-align: center;
    display: inline-block
}

.insidePage .menuStatic li a, .insidePage .menuStatic li h1 {
    display: inline-block;
    padding: 0;
    color: #fff;
    font: 14px/22px copperplatetbolconregular
}

.insidePage .menuStatic li.first a, .insidePage .menuStatic li.first h1 {
    padding-top: 8px
}

.insidePage .menuStatic li.last a, .insidePage .menuStatic li.last h1 {
    padding-bottom: 5px
}

.insidePage .menuStatic h1.active a, .insidePage .menuStatic li a.active, .insidePage .menuStatic li h1.active, .insidePage .menuStatic li.active a {
    color: #cfb172
}

footer {
    width: 96%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 2% 5px
}

#footer, .bigImg, .productWrap, ul.filterTab li {
    position: relative
}

#footer {
    bottom: -30px;
    float: left
}

.footerLeft {
    float: left;
    width: 60%
}

ul.footerLink {
    float: left;
    width: 100%
}

ul.footerLink li {
    float: left;
    padding: 0 7px 0 5px;
    font: 10px/19px Tahoma;
    color: #fff
}

ul.footerLink li a {
    color: #fff
}

ul.footerLink li.last {
    background: 0 0
}

.footerRight {
    float: right;
    width: 40%
}

ul.social {
    float: right;
    width: auto
}

ul.social li {
    float: left;
    font: 11px/19px Tahoma;
    color: #fff;
    padding-left: 10px;
}

ul.social li a {
    float: left;
    width: 15px;
    background: url(../images/social.png) 0 -14px no-repeat;
    height: 14px
}

ul.social li.fb {
    padding-left: 10px
}

ul.social li.twitter {
    padding-left: 4px
}

ul.social li.gplus, ul.social li.instagram {
    padding-left: 10px
}

ul.social li.twitter a {
    background-position: 0 -28px
}

ul.social li.instagram a {
    background-position: 0 -42px
}

ul.social li.youtube a {
    background-position: 0 0
}

ul.social li.pintrest a {
    background-position: 0 -56px
}

ul.social li.gplus a {
    background-position: 0 -70px
}

#collection {
    background: url(../images/collection.jpg) top center no-repeat #020f18;
    background-size: 100% 100%
}

.bodyContainer {
    float: left;
    width: 100%;
    padding: 185px 0 0
}

.collection {
    float: left;
    width: 100%;
    padding: 0
}

ul.filterTab {
    float: left;
    padding: 40px 0 5px;
    text-align: center;
    width: 100%
}

ul.filterTab li {
    display: inline-block;
    padding: 0 37px;
    font: 13px/25px Tahoma
}

ul.filterTab li a {
    color: #cfb172;
    cursor: pointer
}

.productWrap {
    padding: 0;
    text-align: center;
    left: 0;
    top: 30px
}

.itemWrap {
    width: 100%
}

.bigImg {
    float: right;
    width: 35%
}

.zoom {
    position: absolute;
    top: 0;
    width: 30px;
    height: 28px;
    background: url(../images/zoom.png) no-repeat
}

.bigImg figure {
    float: left;
    width: 100%
}

.topRight {
    float: left;
    width: 55%;
    padding: 0 0 0 10%
}

.topRight h1, .topRight span {
    display: block;
    font: 30px/35px optimusprincepsregular;
    color: #dddede;
    padding: 20px 0 0
}

.topRight p {
    font: 12px/16px Tahoma;
    color: #b8b9bb;
    padding: 0 20% 10px 0
}

.topRight .link1 {
    font-size: 12px;
    color: #b8b9bb;
    float: left;
    margin: 0;
    background: url(../images/arrow-white.png) right 7px no-repeat
}

.shareWrap {
    float: left;
    margin: 0 0 0 56px;
    position: relative;
    height: 70px
}

.shareTip, .top-arrow {
    position: absolute;
    left: 50%
}

.share {
    float: left;
    padding: 25px;
    font: 12px/16px Tahoma;
    color: #b8b9bb;
    background: url(../images/share.png) right center no-repeat
}

.shareTip {
    display: none;
    min-height: 32px;
    margin: 0 0 0 -82px;
    border: 1px solid #031c29;
    top: 30px;
    width: 144px;
    background: url(../images/tooltip.jpg) repeat-x
}

.top-arrow {
    margin: 0 0 0 -11px;
    top: -11px;
    height: 12px;
    width: 22px;
    background: url(../images/top-arrow.png) no-repeat
}

ul.shareLink {
    float: left;
    padding: 8px 0 0;
    text-align: center;
    width: 100%
}

ul.shareLink li {
    float: left;
    font: 11px/16px Tahoma;
    color: #fff;
    padding: 0
}

ul.shareLink li span {
    float: left;
    width: 19px;
    height: 20px
}

ul.shareLink li span .stButton .facebook {
    background: url(../images/social.jpg) no-repeat;
    background-size: 19px 80px;
    margin-top: -5px
}

ul.shareLink li span .stButton .twitter {
    background: url(../images/social.jpg) 0 -20px no-repeat;
    background-size: 19px 80px;
    margin-top: -5px
}

ul.shareLink li span .stButton .googleplus {
    background: url(../images/social.jpg) 0 -40px no-repeat;
    background-size: 19px 80px;
    margin-top: -5px
}

ul.shareLink li span .stButton .pinterest {
    background: url(../images/social.jpg) 0 -60px no-repeat;
    background-size: 19px 80px;
    margin-top: -5px
}

.productWrap #sync1 {
    background: url(../images/line.png) bottom center no-repeat
}

.productWrap #sync2 .item figure {
    float: left;
    width: 100%
}

.productWrap #sync2 .owl-next, .productWrap #sync2 .owl-prev {
    width: 16px;
    margin: -15px 0 0;
    height: 31px;
    top: 50%;
    text-indent: -99999px;
    position: absolute
}

.productWrap #sync2 .synced .item figure {
    opacity: 1
}

.productWrap #sync2 .owl-prev {
    left: 0;
    background: url(../images/nav-left.png) no-repeat
}

.productWrap #sync2 .owl-next {
    right: 0;
    background: url(../images/nav-right.png) no-repeat
}

.close {
    float: left;
    margin: 0 0 0 100px;
    width: 30px;
    height: 37px;
    background: url(../images/enquiry-close.png) no-repeat
}

.popup {
    display: none;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    background: url(../images/pop-up-bg.png) center center no-repeat #021320;
    z-index: 999
}

.popup .enquiryImage h3 {
    color: #fff;
    font: 30px/35px optimusprincepsregular;
    position: relative;
    left: -25%;
    top: 0
}

.popup .enquiryImage {
    max-width: 800px;
    width: 100%;
    margin: 0 auto
}

.popup .enquiryImage figure {
    position: relative;
    width: 30%;
    max-width: 210px;
    margin: 150px 0 0
}

.popup .enquiryImage figure img {
    display: inline-block;
    border: 1px solid #084a79;
    margin: 130px 0 0
}

.popup .vLine {
    float: left;
    background: url(../images/enquiry-line.png) no-repeat;
    background-size: 1px 365px
}

.popup .enquiryImage .formData {
    float: left;
    margin-left: 50px;
    background: url(../images/enquiry-line.png) top left no-repeat;
    background-size: 1px 365px
}

.popup .enquiryImage .formData form {
    margin: 50px 0 100px 50px
}

.popup .enquiryImage .formData form ul.enquiryForm {
    float: left;
    width: 100%
}

.popup .enquiryImage .formData form ul.enquiryForm li {
    position: relative;
    display: block;
    padding: 0 0 20px
}

.popup .enquiryImage .formData form .ddname, .popup .enquiryImage .formData form .name {
    height: 35px;
    margin: 0;
    padding: 0 0 0 10px;
    border: 1px solid #084a79;
    background: #021320;
    font: 13px/17px Tahoma;
    color: #fff;
    display: block;
    clear: both
}

.popup .enquiryImage .formData form .name {
    width: 290px
}

.popup .enquiryImage .formData form .ddname {
    width: 300px
}

.popup .enquiryImage .formData form textarea {
    width: 290px;
    height: 80px;
    border: 1px solid #084a79;
    background: #021320;
    color: #fff;
    display: block;
    margin: 0 0 10px;
    font: 13px/17px Tahoma;
    padding: 10px 0 0 10px
}

.popup .enquiryImage .formData form .button {
    position: relative;
    width: 140px;
    background: #084a79;
    border: 0;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
    margin: 0 auto;
    text-align: center;
    height: 35px;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
    font: 20px/24px optimusprincepsregular;
    cursor: pointer
}

.popup .enquiryImage .formData form .button:active {
    position: relative;
    top: 7px
}

.popup .enquiryImage .formData .formRequire {
    color: #fd4e4e;
    text-align: left;
    font-size: 13px;
    display: block;
    position: absolute;
    left: 0;
    top: -20px
}

.closePW2 {
    float: right;
    margin: 0 50px 0 0;
    width: 30px;
    height: 37px;
    background: url(../images/enquiry-close.png) no-repeat
}

.popupPW2 {
    display: none;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    background: url(../images/pop-up-bg.png) center center no-repeat #021320;
    z-index: 999
}

.contactArea .contact span, .contactArea h2, .contactStore .contact span {
    display: block
}

.craftsmanship p, .design p, .history p, .legend p {
    text-align: justify
}

.craftsmanship .content, .history .content, .legend .content, .management .content {
    width: 70%;
    height: 100%;
    position: relative;
}

.thnaksMsg {
    font: 25px/29px optimusprincepsregular;
    color: #fff;
    position: relative;
    top: 40%
}

.index-gap1 .imgDiv, .index-gap2 .imgDiv, .index-gap3 .imgDiv, .index-gap4 .imgDiv, .index-gap5 .imgDiv, .index-gap6 .imgDiv, .index-gap7 .imgDiv {
    top: 0
}

.history .content {
    overflow: auto;
    max-width: 97%;
    max-height: 390px
}

.craftsmanship .content, .design .content, .legend .content, .management .content {
    overflow: auto;
    max-width: 97%;
    max-height: 400px
}

.history .content .hd1 {
    padding: 15px 0
}

.history p {
    padding-right: 13%
}

.legend .content .hd1 {
    padding: 15px 0
}

.legend p {
    padding-right: 13%
}

.management .content .hd1, .management-gap .content .hd1 {
    padding: 15px 0
}

.management p {
    padding-right: 13%
}

.craftsmanship .content .hd1 {
    padding: 15px 0
}

.craftsmanship p {
    padding-right: 13%
}

.design img.rsImg {
    height: 100% !important
}

.design .imgDiv {
    width: auto;
    height: 100%
}

.design .content {
    position: relative;
    width: 70%;
    height: 100%
}

.design .content .hd1 {
    padding: 15px 0
}

.design p {
    padding-right: 13%
}

#exhibitions .bx-custom-pager, #exhibitions figure, .banner figure, .closeBtn, .errorWrap {
    text-align: center
}

.jewellery img.rsImg {
    height: 100%
}

.jewellery .imgDiv {
    width: auto;
    height: 100%
}

.jewellery-scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.jewellery-scroll .content {
    position: relative;
    width: 80%;
    height: 100%
}

.jewellery .topleft {
    float: left;
    width: 100%;
    position: relative;
    top: -10px;
    left: 13%
}

.jewellery .topleft h1, .jewellery .topleft h2, .jewellery .topleftspan {
    display: block;
    font: 60px/70px optimusprincepsregular;
    color: #dddede;
    padding: 10px 0 0
}

.jewellery .topleft h1 .heading2, .jewellery .topleft span .heading2 {
    padding: 0 0 0 100px
}

.jewellery .topleft h1 .heading3 {
    line-height: 22px
}

.jewellery .topleft ul {
    margin: 20px 0 0;
    padding: 0;
}

.jewellery .topleft ul li {
    font: 13px/18px Tahoma;
    color: #fff;
    padding: 0 5% 10px 18px;
    background: url(../images/bullet1.png) 0 5px no-repeat;
}

.jewe-next, .jewe-prev {
    width: 16px;
    margin: -15px 0 0;
    height: 31px;
    top: 60%;
    position: absolute
}

.jewellery .topleft p {
    font: 12px/16px Tahoma;
    color: #b8b9bb;
    padding: 0 20% 10px 0
}

.jewe-prev {
    left: 12%;
    background: url(../images/nav-left.png) no-repeat;
    z-index: 100
}

.jewe-next {
    right: 12%;
    background: url(../images/nav-right.png) no-repeat;
    z-index: 101
}

.contactArea, .contactStore {
    float: left;
    font: 13px/18px Tahoma;
    z-index: 99999
}

.contactStore {
    width: 310px;
    margin: 100px 0 0;
    color: #000;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    top: 30%;
    left: 28%
}

.fancybox-desktop, .map, .storeArea {
    position: relative
}

.contactStore .contact {
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 10px
}

.contactStore .contact span a {
    color: #000;
    text-decoration: underline
}

.map {
    max-width: 1000px;
    width: 100%;
    top: 25px;
    left: 0;
    margin: 0 auto
}

.contactArea {
    width: 310px;
    margin: 100px 0 0;
    color: #fff
}

.contactArea h1 {
    font: 52px/52px optimusprincepsregular;
    color: #fff;
    margin: -10px 0 0;
    padding: 0
}

.contactArea h2.hd2 {
    padding: 0 0 0 50px
}

.contactArea .contact {
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 10px
}

.errorWrap, .errorWrap h2 {
    padding: 90px 0 0
}

.fancybox-opened .fancybox-title, .takeover {
    display: none
}

.contactArea .contact span a {
    color: #fff;
    text-decoration: underline
}

.gMap {
    float: right
}

.gMap iframe {
    width: 600px;
    height: 500px
}

.fancybox-desktop {
    width: 95% !important;
    left: 0;
    top: 50px !important
}

.errorWrap h2 {
    font: 72px/72px optimusprincepsregular;
    color: #fff;
    clear: both
}

.errorWrap p {
    font: 16px/20px Tahoma;
    color: #cfb172;
    padding: 0 10px
}

#exhibitions .bx-wrapper img, .imageCenter .bx-wrapper img {
    float: none;
    display: inline-block
}

.banner {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .9);
    z-index: 999
}

.banner figure {
    position: relative;
    top: 10%;
    left: 0
}

.banner figure img {
    width: 80%;
    max-width: 900px;
    float: none
}

.bannerClose {
    background: url(../images/banner-close.png) no-repeat;
    background-size: 50px auto;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9999
}

.splashMessage {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    position: relative;
    display: none;
    z-index: 99
}

.splashMessage .splashImg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 70%;
    height: 95%
}

.closeBtn {
    background: red;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.Jinsight {
    overflow: hidden;
}

.mob-view {
    display: none;
}

.awards .bx-wrapper{
    margin-bottom: 0;
}

.awards .bx-wrapper .bx-pager{
    bottom: 0;
}

.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.seven-wonder-cont .bx-wrapper .bx-pager a{
    height: 26px;
}

.loader{
    background-image: url("../../loader.gif") !important;
    background-size: 32px !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    padding-right: 30px !important;
    width: 250px !important;
}
.designTagLine {
    top: -80px;
    position: relative;
}
.designTagLine p{
    color:white; font-size: 20px; line-height: 30px; text-align: center; font-style: oblique
}