@charset "utf-8";

/* CSS Document */



@font-face {

  font-family: 'Gotham';

  src: url('../fonts/GothamLight.eot');

  src: url('../fonts/GothamLight.eot?#iefix') format('embedded-opentype'),

    url('../fonts/GothamLight.woff2') format('woff2'),

    url('../fonts/GothamLight.woff') format('woff'),

    url('../fonts/GothamLight.ttf') format('truetype'),

    url('../fonts/GothamLight.svg#GothamLight') format('svg');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'Gotham';

  src: url('../fonts/GothamMedium.eot');

  src: url('../fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),

    url('../fonts/GothamMedium.woff2') format('woff2'),

    url('../fonts/GothamMedium.woff') format('woff'),

    url('../fonts/GothamMedium.ttf') format('truetype'),

    url('../fonts/GothamMedium.svg#GothamMedium') format('svg');

  font-weight: 500;

  font-style: normal;

}



@font-face {

  font-family: 'Gotham';

  src: url('../fonts/GothamBold.eot');

  src: url('../fonts/GothamBold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/GothamBold.woff2') format('woff2'),

    url('../fonts/GothamBold.woff') format('woff'),

    url('../fonts/GothamBold.ttf') format('truetype'),

    url('../fonts/GothamBold.svg#GothamBold') format('svg');

  font-weight: bold;

  font-style: normal;

}



@font-face {

  font-family: 'Gotham Book';

  src: url('../fonts/GothamBook.eot');

  src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),

    url('../fonts/GothamBook.woff2') format('woff2'),

    url('../fonts/GothamBook.woff') format('woff'),

    url('../fonts/GothamBook.ttf') format('truetype'),

    url('../fonts/GothamBook.svg#GothamBook') format('svg');

  font-weight: normal;

  font-style: normal;

}





body{

  font-family: 'Gotham';

  font-weight: 300;

}



.clear{

  clear: both;

}



a{

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.header {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  z-index: 1030;

}

.header.ins-header {

  position: relative;

  left: 0;

  right: 0;

  top: 0;

  z-index: 1030;

}

.header .navbar-default{

  padding-top: 20px;

  background: transparent;

  border: 0;

  border-radius: 0;

  margin-bottom: 0;

}

.header.ins-header .navbar-default{

  padding-top: 20px;

  padding-bottom: 20px;

}

.header .logo{

  float: left;

  width: 209px;

}

.header .logo img{

  max-width: 100%;

}

.header .navbar-default .navbar-nav > li > a {

  font-family: 'Gotham Book';

  color: #000;

}

.header .navbar-default .navbar-nav > li > a:hover,

.header .navbar-default .navbar-nav > li > a:focus {

  color: #15499f;

  background-color: transparent;

}

.header .navbar-default .navbar-nav > .active > a,

.header .navbar-default .navbar-nav > .active > a:hover,

.header .navbar-default .navbar-nav > .active > a:focus {

  color: #15499f;

  background-color: transparent;

}

.header .navbar-default .navbar-toggle {

  border-color: #15499f;

}

.header .navbar-default .navbar-toggle .icon-bar {

  background-color: #15499f;

}

.header .navbar-default .navbar-toggle:hover {

  background-color: #15499f;

  border-color: #15499f;

}

.header .navbar-default .navbar-toggle:hover .icon-bar {

  background-color: #fff;

}

.banner{

  float: left;

  width: 100%;

}

.banner .banner-content{

  position: absolute;

  left: 0;

  right: 0;

  top: 63%;

}

.banner .banner-content .bn-container{

  padding: 0;

}

.banner .banner-content .btn-banner{

  display: inline-block;

  color: #000;

  font-size: 16px;

  font-family: 'Gotham Book';

  padding: 20px 80px;

  text-decoration: none;

  border: solid 3px #fff;

  position: relative;

}

.banner .banner-content .btn-banner:before{

  content: "";

  position: absolute;

  right: 190px;

  top: 49%;

  width: 140px;

  height: 3px;

  background: #fff;

}

.banner .banner-content .btn-banner:hover{

  color: #fff;

  background: #000;

  border: solid 3px #000;

}

.hm-nav-carousel{

  float: left;

  width: 100%;

  padding: 100px 0;

  text-align: center;

}

.hm-nav-carousel .item .hm-nav-cover{

  width: 100%;

  padding: 5px 20px 20px 20px;

  border-right: solid 1px #ebebeb;

  border-left: solid 1px #ebebeb;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.hm-nav-carousel .item .hm-nav-cover h3{

  font-family: 'Gotham';

  font-size: 20px;

  font-weight: 500;

}

.hm-nav-carousel .item .hm-nav-cover p{

  font-size: 14px;

}

.hm-nav-carousel .item .hm-nav-cover:hover{

  background: #ebebeb;

}

.hm-nav-carousel .item img{

  width: auto;

  margin: 0 auto;

}

.hm-nav-carousel .owl-theme .owl-nav .owl-prev {

  position: absolute;

  left: 0;

  top: 50%;

  margin: 0;

  padding: 0;

  width: 30px;

  height: 30px;

  background: url(../images/img-left.jpg) center no-repeat;

  border-radius: 0;

  opacity: 1

}

.hm-nav-carousel .owl-theme .owl-nav .owl-next {

  position: absolute;

  right: 0;

  top: 50%;

  margin: 0;

  padding: 0;

  width: 30px;

  height: 30px;

  background: url(../images/img-right.jpg) center no-repeat;

  border-radius: 0;

  opacity: 1

}

.who-we-sec{

  padding: 35px 0 0;

  background: #f7f7f7;

}

.who-we-cover{

  float: left;

  width: 100%;

  padding-left: 40%;



}

.who-we-cover .who-we-cont{

  float: left;

  width: 100%;

  min-height: 425px;

}

.who-we-cover .who-we-cont h3{

  font-size: 28px;

  font-weight: 500;

  margin: 0 0 30px 0;

  text-transform: uppercase;

}

.who-we-cover .who-we-cont p{

  color: #707070;

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 30px;

}

.who-we-cover .who-we-cont p .more{

  color: #000;

  font-style: italic;

}

.who-we-cover .who-we-cont ul{

  list-style: none;

  margin: 0 0 20px 0;

  padding: 0;

}

.who-we-cover .who-we-cont ul li{

  float: left;

}

.who-we-cover .who-we-cont ul li a{

  font-size: 16px;

  color: #000;

  display: block;

  padding: 10px 20px;

  text-decoration: none;

}

.who-we-cover .who-we-cont ul li a:hover{

  color: #15499f;

}

.news-carousel{

  float: left;

  width: 100%;

  margin-top: 100px;

  margin-bottom: 100px;

}

.news-carousel h3.news-hd{

  color: #000;

  font-size: 28px;

  font-weight: 500;

  margin: 0 0 40px 0;

  text-align: center;

}

.news-carousel .news-row{

  margin-right: -45px;

  margin-left: -45px;

}

.news-cover {

  width: 100%;

  padding: 0 45px;

  margin-bottom: 20px;

}

.news-cover .news-img {

  width: 100%;

  margin-bottom: 35px;

}

.news-cover .news-img img {

  width: 100%;

}

.news-cover .news-dtls {

  width: 100%;

  padding: 0 20px;

  text-align: center;

}

.news-cover .news-dtls h3 {

  color: #000;

  font-size: 20px;

  font-weight: 300;

  margin: 0 0 15px 0;

}

.news-cover .news-dtls p {

  color: #6b6b6b;

  font-size: 15px;

  line-height: 25px;

  margin: 0 0 30px 0;

}

.news-cover .news-dtls ul{

  color: #000;

  list-style: none;

  padding: 0;

  margin: 0;

}

.news-cover .news-dtls ul li{

  display: inline-block;

}

.news-cover .news-dtls ul li a{

  display: block;

  color: #000;

  padding: 0 0 0 10px;

  margin: 0 0 0 5px;

  text-decoration: none;

  position: relative;

}

.news-cover .news-dtls ul li a:hover{

  color: #15499f;

}

.news-cover .news-dtls ul li a:before{

  content: "";

  position: absolute;

  left: 0;

  top: 4px;

  width: 1px;

  height: 15px;

  background: #000;

}

.news-carousel .owl-theme .owl-nav .owl-prev {

  position: absolute;

  left: 0;

  top: 90px;

  margin: 0;

  padding: 0;

  width: 30px;

  height: 30px;

  background: url(../images/img-left.jpg) center no-repeat;

  border-radius: 0;

  opacity: 1;

}

.news-carousel .owl-theme .owl-nav .owl-next {

  position: absolute;

  right: 0;

  top: 90px;

  margin: 0;

  padding: 0;

  width: 30px;

  height: 30px;

  background: url(../images/img-right.jpg) center no-repeat;

  border-radius: 0;

  opacity: 1;

}

.contact-sec{

  padding: 100px 0 50px;

  background: #f7f7f7;

}

.contact-cover{

  float: left;

  width: 100%;

}

.contact-cover h3.news-hd {

  color: #000;

  font-size: 28px;

  font-weight: 500;

  margin: 0 0 40px 0;

}

.contact-cover .cont-address{

  float: left;

  width: 50%;

  min-height: 150px;

  margin-bottom: 30px;

}

.contact-cover .cont-address h4{

  color: #000;

  font-weight: 300;

  margin: 0 0 10px 0;

}

.contact-cover .cont-address p{

  color: #707070;

  font-weight: 300;

  line-height: 24px;

  margin: 0;

}

.form-cover{

  float: left;

  width: 100%;

}

.form-cover h3.news-hd {

  color: #000;

  font-size: 28px;

  font-weight: 500;

  margin: 0 0 40px 0;

  text-transform: uppercase;

}

.form-cover p {

  font-size: 16px;

  font-weight: 300;

  margin: 0 0 30px 0;

}

.form-cover .form-row{

  margin-right: -8px;

  margin-left: -8px;

}

.form-cover .form-input{

  padding-right: 8px;

  padding-left: 8px;

}

.form-cover .form-control{

  background: #f7f7f7;

  border: solid 1px #e1e1e1;

  border-radius: 0;

}

.form-cover .form-control.form-txt{

  height: 48px;

}

.form-cover .btn-submit{

  color: #fff;

  background: #000;

  padding: 12px 15px;

  border-radius: 0;

}

.form-cover .btn-submit:hover{

  color: #fff;

  background: #15499f;

}

.footer-sec{

  padding: 20px 0;

  background: #15499f;

}

.ft-social{

  float: left;

  width: 100%;

}

.ft-social ul{

  list-style: none;

  padding: 0;

  margin: 0;

}

.ft-social ul li{

  display: inline-block;

}

.ft-social ul li a{

  display: block;

  font-size: 22px;

  padding: 0 10px;

}

.copy{

  color: #558ae1;

  text-align: right;

}

.distributor-cover{

  float: left;

  width: 100%;

  padding-top: 100px;

  padding-bottom: 100px;

}

.distributor-cover h2.cont-hd {

  color: #000;

  font-size: 28px;

  font-weight: 500;

  margin: 0 0 40px 0;

  text-align: center;

}

.dist-dtl-cover{

  float: left;

  width: 100%;

  padding: 35px;

  border: solid 1px #ebebeb;

  min-height: 265px;

  margin-bottom: 16px;

}

.dist-dtl-cover h3{

  color: #000;

  font-size: 18px;

  font-weight: 500;

  margin: 0 0 10px 0;

}

.dist-dtl-cover h4{

  color: #000;

  font-size: 14px;

  font-weight: 500;

  margin: 0 0 10px 0;

}

.dist-dtl-cover p{

  color: #6F6565;

}

.distributor-cover .dist-row{

  margin-right: -8px;

  margin-left: -8px;

}

.distributor-cover .dist-sec{

  padding-right: 8px;

  padding-left: 8px;

}

.brochure-sec{

  padding: 105px 0 90px;

  background: url(../images/bg-brochure.jpg) center top no-repeat;

  background-size: cover;

  margin-bottom: 2px;

}

.brochure-hd{

  float: left;

  width: 100%;

}

.brochure-hd h2{

  font-size: 60px;

  font-family: 'Gotham';

  font-weight: bold;

  margin: 0 0 20px 0;

}

.brochure-hd h3{

  font-size: 40px;

  font-weight: bold;

  margin: 0 0 0px 0;

}

.brochure-btn{

  float: left;

  width: 100%;

  text-align: right;

}

.brochure-btn a{

  font-size: 18px;

  color: #000;

  font-weight: 500;

  display: inline-block;

  padding: 25px 125px;

  background: #fff;

  text-decoration: none;

}

.brochure-btn a:hover{

  color: #fff;

  background: #000;

}

.ins-footer{

  padding: 55px 0;

  background: #2d2d2d;

}

.blue-box{

  float: left;

  width: 100%;

  color: #fff;

  padding: 55px 20px 40px 20px;

  background: #0247a5;

}

.blue-box h3{

  font-size: 30px;

  font-family: 'Gotham Book';

  font-weight: 300;

  margin: 0 0 20px 0;

}

.blue-box h2{

  font-size: 35px;

  font-family: 'Gotham';

  font-weight: bold;

  margin: 0;

}

.ft-contact{

  color: #fff;

  float: left;

  width: 100%;

  padding: 30px 10px 10px 30px;

  margin-bottom: 20px;

}

.ft-contact h3{

  color: #fff;

  font-size: 16px;

  font-family: 'Gotham';

  font-weight: 500;

  margin: 0 0 20px 0;

}

.ft-contact p{

  color: #c5c5c5;

  font-size: 14px;

  font-family: 'Gotham Book';

  line-height: 24px;

  margin: 0;

}

.ft-contact p.more{

  color: #818181;

  margin: 20px 0 0 0;

  text-align: right;

}

.ft-contact p.more a{

  color: #818181;

  text-decoration: none;

}

.ft-contact p.more a:hover{

  color: #fff;

}



.banner-title-sec{

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

}

.banner-title{

  float: left;

  width: 100%;

  padding: 150px 0;

}

.banner-title h1{

  color: #fff;

  font-size: 100px;

  font-family: 'Gotham';

  font-weight: bold;

  margin: 0;

}

.inside-banner{

  float: left;

  width: 100%;

  height:auto !important;

  position: relative;

}

/*.inside-banner .owl-theme .owl-nav{

  position: absolute;

  bottom: 10px;

  left: 0;

  width: 100%;

}

.inside-banner .owl-theme .owl-nav .owl-prev {

  width: 53px;

  height: 53px;

  padding: 0;

  margin: 1px;

  background: url(../images/left.png) center no-repeat #fff;

  text-decoration: none;

  border: solid 1px #fff;

  border-radius: 0;

}

.inside-banner .owl-theme .owl-nav .owl-next {

  width: 53px;

  height: 53px;

  padding: 0;

  margin: 1px;

  background: url(../images/right.png) center no-repeat #fff;

  text-decoration: none;

  border: solid 1px #fff;

  border-radius: 0;

}*/

.plastic-cover {

  float: left;

  width: 100%;

  padding-top: 100px;

  padding-bottom:0px;

}

.plastic-cover h2.cont-hd {

  color: #000;

  font-size: 30px;

  font-weight: 500;

  margin: 0 0 40px 0;

  text-transform: uppercase;

  text-align: center;

}

.plastic-cover p{

  color: #a5a5a5;

  line-height: 24px;

  font-size:16px;

  text-align: center;

}

.plastic-pro-wrap {

  float: left;

  width: 100%;

  padding-top: 50px;

  padding-bottom: 50px;

}

.plastic-pro-wrap h2 {

  color: #000;

  font-size: 30px;

  font-weight: 500;

  margin: 0 0 40px 0;

  text-align: center;

}

.plastic-item{

  float: left;

  width: 100%;

  margin-bottom: 30px;

  border: solid 3px #ebebeb;

  position: relative;

  min-height: 300px;

}

.plastic-item .plastic-img {

  float: left;

  width: 100%;

  text-align: center;

  overflow: hidden;

}

.plastic-item .plastic-img img{

  max-width: 100%;

  margin: 0 auto;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.plastic-item .plastic-img:hover img{

  max-width: 100%;

  margin: 0 auto;

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.plastic-item .plastic-item-name{

  position: absolute;

  left: 0;

  bottom: 10px;

  width: 100%;

  text-align: center;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.plastic-item .plastic-item-name h3 {

  color: #000;

  font-size: 28px;

  font-weight: 500;

  margin: 5px 0 5px 0;

  text-align: center;

}

.plastic-item:hover .plastic-item-name{

  bottom: 30px;

}

.load-more{

  padding-top: 30px;

  padding-bottom: 30px;

  text-align: center;

}

.load-more a{

  color: #868686;

  font-size: 25px;

  text-decoration: none;

}

.load-more a:hover{

  color: #000;

}

.watch-intro-cover {

  float: left;

  width: 100%;

  padding-top: 100px;

  padding-bottom: 100px;

}

.watch-intro-cover h2.cont-hd {

  color: #000;

  font-size: 30px;

  font-weight: 500;

  margin: 0 0 40px 0;

  text-transform: uppercase;

  text-align: center;

}

.watch-intro-cover p {

  color: #a5a5a5;

  line-height: 24px;

  text-align: center;

}

.watches-sec {

  padding: 0;

  position: relative;

  background: url(../images/bg-watch-01.png) center top no-repeat #222;

  background-size: 100%;

  margin-top: 270px;

}

.watches-sec:before{

  content: "";

  position: absolute;

  left: auto;

  right: 0;

  bottom: 0;

  width: 1088px;

  height: 1600px;

  background: url(../images/bg-watch-02.png) right bottom no-repeat;

  opacity: 0.7;

}

.watches-highlight{

  float: left;

  width: 100%;

  margin-top: -300px;

  margin-bottom: 315px;

  z-index: 1;

}

.watches-highlight h2{

  color: #000;

  font-size: 25px;

  font-weight: 300;

  margin: 0 0 40px 0;

  text-align: center;

}

.watch-item-wrap{

  float: left;

  width: 100%;

  margin-bottom: 145px;

  z-index:  1;

}

.watches-item {

  float: left;

  width: 100%;

  margin-bottom: 20px;

  border: solid 1px #464646;

  position: relative;

}

.watches-item .watches-img {

  float: left;

  width: 100%;

  text-align: center;

  overflow: hidden;

  position: relative;

}

.watches-item .watches-img:after{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,0);

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.watches-item:hover .watches-img:after{

  background: rgba(0,0,0,0.7);

}

.watches-item .watches-img img {

  width: 100%;

  margin: 0 auto;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.watches-item:hover .watches-img img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.watches-item .watches-hover{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 50px;

  text-align: center;

}

.watches-item .watches-hover h3{

  color: #fff;

  font-size: 40px;

  margin: 0 0 30px 0;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.watches-item:hover .watches-hover h3{

  margin: 0 0 100px 0;

}

.watches-item .watches-hover a{

  display: block;

  color: #fff;

  font-size: 18px;

  padding: 15px 10px;

  width: 100%;

  border: solid 1px #fff;

  text-decoration: none;

}

.watches-item .watches-hover a:hover{

  color: #000;

  background: #fff;

}

.watches-item-hor {

  float: left;

  width: 100%;

  margin-bottom: 30px;

  border: solid 1px #464646;

  position: relative;

}

.watches-item-hor .watches-img {

  float: left;

  width: 100%;

  text-align: center;

  overflow: hidden;

  position: relative;

}

.watches-item-hor .watches-img:after{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,0);

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.watches-item-hor:hover .watches-img:after{

  background: rgba(0,0,0,0.7);

}

.watches-item-hor .watches-img img {

  width: 100%;

  margin: 0 auto;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.watches-item-hor:hover .watches-img img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.watches-item-hor .watches-hover{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 50px;

}

.watches-item-hor .watches-hover h3{

  color: #fff;

  font-size: 40px;

  margin: 0 0 20px 0;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.watches-item-hor:hover .watches-hover h3{

  margin: 0 0 30px 0;

}

.watches-item-hor .watches-hover a{

  display: inline-block;

  color: #fff;

  font-size: 18px;

  padding: 15px 30px;

  border: solid 1px #fff;

  text-decoration: none;

}

.watches-item-hor .watches-hover a:hover{

  color: #000;

  background: #fff;

}

.watch-brand-wrap{

  float: left;

  width: 100%;

  padding: 90px 0;

}

.watch-brand-wrap h2 {

  color: #000;

  font-size: 25px;

  font-weight: 600;

  margin: 0 0 40px 0;

  text-align: center;

}

.watch-brand-wrap ul{

  list-style: none;

  padding: 0;

  margin: 0;

}

.watch-brand-wrap ul li{

  float: left;

  width: 20%;

}

.watch-brand-wrap ul li a{

  display: block;

  width: 100%;

  padding: 10px;

  opacity: .5;

}

.watch-brand-wrap ul li a img{

  width: 100%;

}

.watch-brand-wrap ul li a:hover{

  opacity: 1;

}

.watches-footer {

  padding: 130px 0 60px;

  background: url(../images/bg-watch-footer.png) left top no-repeat #2d2d2d;

}

.watch-ft{

  padding: 30px 30px 40px 30px;

  background: #2d2d2d;

}



.newarrival-sec {

    position: relative;

    margin-top: 0px;

    padding: 0px;

    background: url(../images/bg-watch-01.png) center top / 100% no-repeat rgb(34, 34, 34);

}



.jewellery-intro-cover {

  float: left;

  width: 100%;

  padding-top: 95px;

  padding-bottom: 95px;

}

.jewellery-intro-cover h2.cont-hd {

  color: #000;

  font-size: 30px;

  font-weight: 500;

  margin: 0 0 40px 0;

  text-transform: uppercase;

}

.jewellery-intro-cover p {

  color: #a5a5a5;

  line-height: 24px;

  font-size:16px;

}

.jewell-txt-nav{

  float: left;

  width: 100%;

}

.jewell-txt-nav ul{

  list-style: none;

  padding: 0;

  margin: 0;

}

.jewell-txt-nav ul li{

  display: block;

  width: 100%;

}

.jewell-txt-nav ul li a{

  font-size: 60px;

  font-weight: 600;

  display: block;

  padding: 20px 40px;

  text-decoration: none;

  position: relative;

}

.jewell-txt-nav ul li a.gold{

  color: #fad390;

  background: url(../images/bg-gold-nav.jpg) center top no-repeat;

  background-size: cover;

  text-shadow: 0 1px 2px rgba(0,0,0,.6)

}

.jewell-txt-nav ul li.active a.gold:before{

  content: "";

  position: absolute;

  left: -18px;

  top: 38%;

  border-right: solid 18px #d39d56;

  border-top: solid 18px transparent;

  border-bottom: solid 18px transparent;

}

.jewell-txt-nav ul li a.diamond{

  color: #c5b6b6;

  background: url(../images/bg-dia-nav.jpg) center top no-repeat;

  background-size: cover;

  text-shadow: 0 1px 2px rgba(0,0,0,.6)

}

.jewell-txt-nav ul li.active a.diamond:before{

  content: "";

  position: absolute;

  left: -18px;

  top: 38%;

  border-right: solid 18px #464646;

  border-top: solid 18px transparent;

  border-bottom: solid 18px transparent;

}

.jewellery-sec {

  padding: 75px 0;

  position: relative;

  background: url(../images/bg-jewell.png) center top no-repeat #222;

  background-size: 100%;

  overflow: hidden;

}

.jewellery-sec:before{

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 300px;

  height: 1248px;

  background: url(../images/bg-jewell-01.png) right top no-repeat;

}

.jewellery-sec:after{

  content: "";

  position: absolute;

  left: 0;

  top: 30%;

  width: 622px;

  height: 667px;

  background: url(../images/bg-jewell-02.png) right top no-repeat;

}

.jewellery-item-tab{

  float: left;

  width: 100%;

  margin-bottom:35px;

  position: relative;

  z-index: 1;

}

.jewellery-item-tab h2.cont-hd {

  color: #fff;

  font-size: 30px;

  font-weight: 500;

  text-transform: uppercase;

  text-align: center;

}

.jewellery-nav {

  float: left;

  width: 100%;

  margin-bottom: 30px;

  border: solid 1px #464646;

  position: relative;

}

.jewellery-nav .jewellery-nav-img {

  float: left;

  width: 100%;

  height:475px;

  text-align: center;

  overflow: hidden;

  position: relative;

}

.jewellery-nav .jewellery-nav-img:after{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,0);

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.jewellery-nav:hover .jewellery-nav-img:after{

  background: rgba(0,0,0,0.7);

}

.jewellery-nav .jewellery-nav-img img {

  width: 100%;

  height: 533px;

  object-fit: cover;

  margin: 0 auto;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.jewellery-nav:hover .jewellery-nav-img img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.jewellery-nav .jewellery-nav-hover{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 80px 50px;

}

.jewellery-nav .jewellery-nav-hover h3{

  color: #fff;

  font-size: 40px;

  margin: 0 0 30px 0;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.jewellery-nav:hover .jewellery-nav-hover h3{

  margin: 0 0 100px 0;

}

.jewellery-nav .jewellery-nav-hover p{

  color: #fff;

  font-size: 24px;

  text-decoration: none;

}

.jewellery-item-wrap {

  float: left;

  width: 100%;

  margin-bottom: 15px;

  position: relative;

  z-index: 1;

}

.jewellery-item {

  float: left;

  width: 100%;

  margin-bottom: 20px;

  border: solid 1px #464646;

  position: relative;

}

.jewellery-item .jewellery-img {

  float: left;

  width: 100%;

  text-align: center;

  overflow: hidden;

  position: relative;

}

.jewellery-item .jewellery-img:after{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,0);

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.jewellery-item:hover .jewellery-img:after{

  background: rgba(0,0,0,0.7);

}

.jewellery-item .jewellery-img img {

  width: 100%;

  margin: 0 auto;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

}

.jewellery-item:hover .jewellery-img img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.jewellery-item .jewellery-hover{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 30px;

}

.jewellery-item .jewellery-hover h3{

  color: #000000;

  font-size: 30px;

  margin: 0 0 10px 0;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

  text-transform: uppercase;

}

.jewellery-item:hover .jewellery-hover h3{

  color: #fff;

  margin: 0 0 50px 0;

}

.jewellery-item .jewellery-hover p{

  color: #9d9d9d;

  font-size: 18px;

  width: 100%;

  text-decoration: none;

}

.jewellery-footer {

  padding: 30px 0 60px;

  background: #222222;

}

.jewellery-footer .blue-box{

  background: #d39d56;

}

.jewellery-ad{

  float: left;

  width: 100%;

}

.row-10{

  margin-right: -10px;

  margin-left: -10px;

}

.padding-10{

  padding-right: 10px;

  padding-left: 10px;

}

.ft-copy{

  color: #fff;

  float: left;

  width: 100%;

  padding: 10px 0;

  text-align: center;

}

.ft-copy a{

  color: #fff;

}





.group-sec {

  padding: 0;

  position: relative;

  background: url(../images/bg-watch-01.png) center top no-repeat #222;

  background-size: 100%;

  margin-top:none;

}

.group-sec:before{

  content: "";

  position: absolute;

  left: auto;

  right: 0;

  bottom: 0;

  width: 1088px;

  height: 1600px;

  background:none;

  opacity: 0.7;

}

 .card {

    margin-top: 20px;

    padding: 30px;

    background-color: rgba(214, 224, 226, 0.2);

    -webkit-border-top-left-radius:5px;

    -moz-border-top-left-radius:5px;

    border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -moz-border-top-right-radius:5px;

    border-top-right-radius:5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.card.hovercard {

    position: relative;

    padding-top: 0;

    overflow: hidden;

    text-align: center;

    background-color: #fff;

    background-color: rgba(255, 255, 255, 1);

}

.card.hovercard .card-background {

    height: 130px;

}

.card-background img {

    -webkit-filter: blur(25px);

    -moz-filter: blur(25px);

    -o-filter: blur(25px);

    -ms-filter: blur(25px);

    filter: blur(25px);

    margin-left: -100px;

    margin-top: -200px;

    min-width: 130%;

}

.card.hovercard .useravatar {

    position: absolute;

    top: 15px;

    left: 0;

    right: 0;

}

.card.hovercard .useravatar img {

    width: 100px;

    height: 100px;

    max-width: 100px;

    max-height: 100px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 5px solid rgba(255, 255, 255, 0.5);

}

.card.hovercard .card-info {

    position: absolute;

    bottom: 14px;

    left: 0;

    right: 0;

}

.card.hovercard .card-info .card-title {

    padding:0 5px;

    font-size: 20px;

    line-height: 1;

    color: #262626;

    background-color: rgba(255, 255, 255, 0.1);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.card.hovercard .card-info {

    overflow: hidden;

    font-size: 12px;

    line-height: 33px;

    color: #737373;

    text-overflow: ellipsis;

}

.card.hovercard .bottom {

    padding: 0 33px;

    margin-bottom: 17px;

}

.btn-pref .btn {

    -webkit-border-radius:0 !important;

	font-size:25px;

	font-weight:normal;

	padding:20px 0;

}

.btn-pref .btn-primary {

    color: #fff;

    background-color: #0247a5 !important;

}

.btn-pref .btn-default {

    color: #333;

    background-color: #f0f0f0 !important;

    border-color: #f0f0f0 !important;

}

.tab-bg .well {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #FFF !important;

    border: 0px solid #e3e3e3 !important;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);

}

.btn-group-justified {

    display: table;

    width: 80%;

	margin:0 auto;

    table-layout: fixed;

    border-collapse: separate;

}







.tab-bg h2 {

    color: #000;

    font-size: 28px;

    font-weight: 500;

	padding-top:67px;

    margin: 0 0 40px 0;

    text-align: center;

}



.footer-social{

  float: left;

  width: 100%;

  text-align: right;

}

.footer-social ul{

  list-style: none;

  margin: 0;

  padding: 0;

}

.footer-social ul li{

  display: inline-block;

}

.footer-social ul li a{

  color: #6f6f6f;

  text-align: center;

  display: block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 50%;

  border: solid 1px #acacac;

}

.footer-social ul li a:hover{

  color: #fff;

  background: #337ab7;

  border: solid 1px #028e26;

}







.inner-banner-menusec{

	position:relative;

	margin-top:-60px;

	float:right;

}



.inner-banner-menusec .nav{

	width:85%;

	height:80px;

	float:left;

	background:#4e4e4e;

	color:#fff;

	font-size:18px;

	text-transform:uppercase;

	font-weight:500;

}



.inner-banner-menusec .nav li{

border-left:solid 3px #060606;

}



.inner-banner-menusec .nav-pills > li.active > a, .inner-content-sec .nav-pills > li.active > a:hover, .inner-content-sec .nav-pills > li.active > a:focus{

	background-color:#15499f;

	color:#fff;

	font-size:18px;

	font-weight:500;

	text-transform:uppercase;

	border-radius:0px;

	height:80px;

}

.inner-banner-menusec .nav > li > a:hover, .inner-content-sec .nav > li > a:focus{

	background:url(../images/bg-dia-nav.jpg) no-repeat;

	height:80px;

}



.inner-banner-menusec .nav > li > a {

	color:#fff;

}





/* RESPONSIVE CSS

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



@media (min-width: 768px) {



}



@media (min-width: 992px) {

  .header .navbar-default .navbar-nav{

    margin-top: 20px;

  }

  .inner-banner-menusec{

	width:90%;

	position:relative;

	margin-top:20px;

}

.inner-banner-menusec .button1, .inner-banner-menusec .button2, .inner-banner-menusec .button3, .inner-banner-menusec .button4{

	width:30%;

}

}



@media (min-width: 1200px) {

  

}



@media (min-width: 1366px) {

  

}



@media (min-width: 1440px) {

  

}



@media (min-width: 1600px) {

  

}



@media (min-width: 1920px) {

  

}



@media (max-width: 1919px) {



}



@media (max-width: 1599px) {

  .banner .banner-content .bn-container {

    padding: 0 0 0 82px;

  }

  .banner-title {

    padding: 100px 0;

  }



}

@media (max-width: 1439px) {

  .banner .banner-content .bn-container {

    padding: 0 0 0 135px;

  }

  .banner-title {

    padding: 90px 0;

  }



}

@media (max-width: 1365px) {

  .banner .banner-content .bn-container {

    padding: 0 0 0 158px;

  }

  .who-we-cover{

    background-size: 500px;

  }

  .banner-title h1 {

    font-size: 80px;

  }

  .jewellery-sec:before{

    width: 144px;

    height: 600px;

    background-size: 100%;

  }

  .jewellery-sec::after {

    width: 300px;

    height: 322px;

    background-size: 100%;

  }

  .watches-sec::before {

    width: 340px;

    height: 500px;

    background-size: 100%;

  }

  .watches-footer {

    padding: 35px 0 35px;

    background-size: 1500px;

  }

    .group-sec::before {

    width: 340px;

    height: 500px;

    background-size: 100%;

  }

}

@media (max-width: 1279px) {

  .banner .banner-content .bn-container {

    padding: 0 0 0 185px;

  }

  .who-we-cover {

    min-height: 300px;

  }

  .who-we-cover{

    background-size: 400px;

  }

}

@media (max-width: 1199px) {

  .header .logo{

    width: 170px;

  }

  .header .navbar-default .navbar-nav > li > a {

    font-size: 13px;

    padding: 15px 10px;

  }

  .banner .banner-content .bn-container {

    padding: 0 0 0 205px;

  }

  .who-we-cover{

    padding-left: 35%;

  }

  .news-carousel .news-row {

    margin-right: 0px;

    margin-left: 0px;

  }

  .news-cover {

    padding: 0;

  }

  .who-we-cover .who-we-cont {

    min-height: auto;

  }

  .banner-title {

    padding: 75px 0;

  }

  .banner-title h1 {

    font-size: 70px;

  }

  .watches-item-hor .watches-hover {

    padding: 20px;

  }

  .watches-item-hor .watches-hover h3 {

    font-size: 18px;

    margin: 0 0 20px 0;

  }

  .watches-item-hor .watches-hover a {

    font-size: 15px;

    padding: 10px 20px;

  }

  .visionbox{

	min-height:inherit !important;

}

.visionbox2{

	min-height:inherit !important;

}

}

@media (max-width: 991px) {

  .header .logo{

    width: 150px;

  }

  .header .navbar-default .navbar-nav > li > a {

    font-size: 10px;

    padding: 12px 5px;

  }

  .banner .banner-content .bn-container {

    padding: 0 0 0 65px;

  }

  .banner .banner-content .btn-banner {

    font-size: 14px;

    padding: 12px 30px;

    text-decoration: none;

    border: solid 3px #fff;

  }

  .banner .banner-content .btn-banner:before{

    display: none;

  }

  .who-we-cover{

    padding-left: 0;

    background: none;

    min-height: auto;

    margin-bottom: 30px;

  }

  .banner-title {

    padding: 55px 0;

  }

  .banner-title h1 {

    font-size: 55px;

  }

  .plastic-cover {

    float: left;

    width: 100%;

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .plastic-item .plastic-item-name h3 {

    font-size: 18px;

  }

  .blue-box h3 {

    font-size: 20px;

  }

  .blue-box h2 {

    font-size: 20px;

  }

  .watch-intro-cover {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .watches-item .watches-hover h3 {

    font-size: 24px;

    margin: 0 0 20px 0;

  }

  .watches-sec {

    padding: 30px 0;

    margin-top: 50px;

  }

  .watches-item .watches-hover a {

    font-size: 16px;

    padding: 10px 10px;

  }

  .watches-highlight {

    margin-top: 50px;

    margin-bottom: 50px;

 }

 .watches-highlight h2 {

  color: #fff;

    font-size: 25px;

    margin: 0 0 30px 0;

  }

  .watch-item-wrap {

    margin-bottom: 50px;

  }

  .jewellery-intro-cover {

    float: left;

    width: 100%;

    padding-top: 95px;

    padding-bottom: 95px;

  }

  .jewellery-intro-cover {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .jewell-txt-nav ul li a {

    font-size: 35px;

    padding: 12px 25px;

  }

  .jewellery-sec {

    padding: 35px 0;

  }

  .jewellery-item-tab {

    margin-bottom: 50px;

  }

  .jewellery-nav .jewellery-nav-hover p {

    font-size: 18px;

  }

  .jewellery-nav .jewellery-nav-hover h3 {

    font-size: 24px;

    margin: 0 0 20px 0;

  }

  .jewellery-nav .jewellery-nav-hover {

    padding: 25px;

  }

  .jewellery-item .jewellery-hover h3 {

    font-size: 20px;

  }

  .jewellery-item-wrap {

    margin-bottom: 50px;

  }

  

    .group-sec {

    padding: 30px 0;

    margin-top: 50px;

  }

  .ftr-cobox{

	  width:33% !important;

	  margin-bottom:20px !important;

  }

}

@media (max-width: 767px) {

  .header .logo {

    padding: 0 0 0 10px;

  }

  .header .navbar-collapse{

    background: rgba(255,255,255,0.7);

  }

  .header .navbar-default .navbar-nav > li > a {

    font-size: 14px;

    padding: 15px 15px;

  }

  .banner .banner-content .bn-container {

    display: none;

  }

  .hm-nav-carousel {

    padding: 30px 0;

  }

  .news-carousel {

    margin-top: 30px;

    margin-bottom: 30px;

  }

  .contact-sec {

    padding: 30px 0 20px;

  }

  .contact-sec {

    text-align: center;

  }

  .ft-social {

    text-align: center;

  }

  .copy {

    color: #558ae1;

    text-align: center;

  }

  .banner-title {

    padding: 30px 0;

  }

  .banner-title h1 {

    font-size: 30px;

  }

  .distributor-cover {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .brochure-hd{

    text-align: center;

  }

  .brochure-hd h3 {

    font-size: 20px;

  }

  .brochure-hd h2 {

    font-size: 40px;

  }

  .brochure-btn {

    text-align: center;

  }

  .brochure-btn a {

  font-size: 16px;

  padding: 15px 50px;

  background: #fff;

  text-decoration: none;

  }

  .header.ins-header .navbar-default {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .dist-dtl-cover {

    min-height: auto;

  }

  .watch-brand-wrap ul li {

    width: 25%;

  }

  .inside-banner .owl-theme .owl-nav .owl-prev {

    width: 32px;

    height: 32px;

    background-size: 8px;

 }

  .inside-banner .owl-theme .owl-nav .owl-next {

    width: 32px;

    height: 32px;

    background-size: 8px;

 }

 .jewell-txt-nav ul li a {

    font-size: 25px;

  }

   .tab-bg .hidden-xs {

    display: block !important;

  }

  .btn-pref .btn {

    -webkit-border-radius: 0 !important;

    font-size: 20px;

    font-weight: normal;

    padding: 15px 0;

}

.btn-group-justified{

	width:100%;

}

.brush-box{

	width:47.4%;

}

}

@media (max-width: 650px) {

  .contact-cover .cont-address {

    width: 100%;

    min-height: 150px;

    margin-bottom: 30px;

  }

}

@media (max-width: 550px) {

  .header .navbar-default {

    padding-top: 5px;

  }

  .header .logo {

    width: 120px;

  }

  .watch-brand-wrap ul li {

    width: 50%;

  }

  .tab-bg .btn-group{

		width:100% !important;

	}

	.tab-bg .group{

		width:100% !important;

	}

	.btn-group-justified > .btn, .btn-group-justified > .btn-group{

		width:100% !important;

		float:left;

	}

	.inner-text{

		padding:0 0;

	}

}



@media (max-width: 500px) {

	.ftr-cobox{

		width:50% !important;

	}

	.inner-banner-menusec .button1, .inner-banner-menusec .button2, .inner-banner-menusec .button3, .inner-banner-menusec .button4{

	width:50%;

}

}



@media (max-width: 450px) {

  .watches-item-hor .watches-hover h3 {

    font-size: 14px;

    margin: 0 0 10px 0;

  }

  .watches-item-hor .watches-hover a {

    font-size: 13px;

    padding: 6px 12px;

  }

}

.abouthed {

	width:100%;

    color: #000;

    font-size: 28px;

    font-weight: 500;

    margin: 0 0 40px 0;

    text-align: left;

}

.inner-img{

	width:22.3%;

	float:left;

	margin:0 25px 25px 0;

}

.inner-img img{

	width:100%;

	height:auto;

	display:block;

}

@media (max-width: 397px) {

.news-row img{

	width:100%;

	height:auto;

}

}



@media (max-width: 350px) {

  .banner-title h1 {

    font-size: 24px;

  }



}



@media (max-width: 320px) {

	.ftr-cobox{

		width:100% !important;

		text-align:center;

	}

}

.visionbox{

	background-color:#CCC;

	padding:15px 15px;

	min-height:390px;

}

.visionbox2{

	background-color:#e3e1e1;

	padding:15px 15px;

	min-height:390px;

}

.ftr-cobox{

	width:20%;

	float:left;

	padding:0 5px;

	box-sizing:border-box;

}

.ftr-cobox li{

	width:100%;

	padding:0 2px 0 10px;

	list-style:none;

	box-sizing:border-box;

	font-family: 'Gotham Book';

	font-size:15px;

	margin-bottom:5px;

	color:#c5c5c5;

}

.ftr-cobox h3 {

    color: #fff;

    font-size: 16px;

    font-family: 'Gotham';

    font-weight: 500;

    margin: 0 0 20px 0;

}

.contact-tab{

	padding:10px 5%;

	float:left;

	background-color:#15499f;

	color:#CCC;

	margin:0 15px 20px 0;

	font-size:18px;

	font-weight:normal;

}

.contact-tab.active{

	background-color:#052458;

	color:#FFF;

}

.distribute-btn{

	padding:10px 0;

	background-color:#CCC;

	color:#069;

	font-size:20px;

	float:right;

	text-align:center;

	margin:0 auto;

}

.distribute-btn span{

	width:auto;

	padding:10px 15px;

	color:#FFF;

	position:relative;

	background-color:#06C;

}

.distribute-btn a{

	color:#069;

}

.distribute-btn:hover{

	background-color:#999;

}

.watch-caption{

	width:100%;

	padding:10px;

	font-family:Arial, Helvetica, sans-serif;

	background-color:#FFF;

	color:#666;

	position:absolute;

	font-weight:lighter !important;

	bottom:0;

	font-size:14px;

	text-align:center;

}

.news-row2{

	width:100%;

	float:left;

	padding:15px 0;

	border:1px solid #CCC;

	margin-bottom:20px;

}

.news-hed{

	width:100%;

	font-size:25px;

	padding-bottom:15px;

	color:#333;

}

video{

	width:100% !important;

	height:auto !important;

	top:0 !important;

	padding:0 !important;

	margin:0 !important;

	position:relative !important;

}

video#bgvid { 

    min-width: 100%;

    width: auto;

	margin:0 !important;

	padding:0 !important;

    height:100% !important;

   

    background: url(polina.jpg) no-repeat;

    background-size: cover; 

}





.menu-careers {

    background: #15499f;

    padding: 5px 25px 5px 25px;

	font-size:16px;

    border-radius: 0 0 6px 6px;

	color:#FFFFFF !important;

}





.menu-careers .nav > li > a:hover, .inner-content-sec .nav > li > a:focus{

    background: #15499f;

	color:#FFFFFF !important;

}