@import url('//fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800');
@import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');


body {color: #333; font-family: 'Open Sans', Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Arial, sans-serif; }
header {color: #333; font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; font-size: 18px;}
footer { font-family: 'Open Sans Condensed', Arial, sans-serif; text-align: center;}

.navbar {border-radius: 0; z-index: 1000;}
.navbar-inverse {background-color:#EC008C; border-color: rgba(255,255,255,0.3);}
.logo-mobile {padding: 2px 15px 0px;}
.logo-mobile > img {width: auto; max-width: 200px; max-height: 42px;}
.navbar-inverse .navbar-collapse {border-color: rgba(255,255,255,0.3); margin-top: 2px;}
.navbar-inverse .navbar-toggle {border-color: rgba(255,255,255,0.3);}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: rgba(0,0,0,0.15);}
.navbar-inverse .navbar-nav > li > a {color: #f2f2f2;}
.navbar-nav {margin-bottom: 15px;}
header .nav > li { border-bottom: 1px solid rgba(255,255,255,0.3);}
header .lang-nav > li {display: inline-block; margin-top: 15px;  border-left: 1px solid rgba(255,255,255,0.3); border-bottom: none; float: left; }
header .lang-nav > li > a {padding: 10px 30px;}
header .lang-nav > li:last-child {border-right: 1px solid rgba(255,255,255,0.3); }

#page {padding: 0;}

.content article {margin: 0 auto;}

h2 { font-size: 1.8em; font-weight: bold; letter-spacing: .15em; margin-bottom: 10px;}



.featured h2 {margin-top:0; font-size: 60px; color: #ec008c; z-index: 100; text-align: center; font-weight: lighter; letter-spacing: 4px;}
#items-mobile .featured h2 {font-size: 50px;}
.ballon_1 {position: absolute; z-index: 5; top: -5%; left: 3%; width: 30%;}
.ballon_1 img {width: 100%;}

#three_watches {text-align: center;}

.remove-text {
	display: block;
	line-height: 0;
	overflow:hidden;
	text-indent:-99999px;
}

.container {
  *zoom: 1;
  width: 90%;
  margin: .5% auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  padding: 0;
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.address, .schedule {padding: 0;}

.header { background-color: transparent; line-height: 60px; height: 60px; border-bottom: 1px solid rgba(255,255,255,0.25); }
.header a {z-index: 999; }
.header > a {width: 50px; height: 50px; top: 4px;}

.logo {text-align: center; display: inline-block; line-height: 50px; margin: 0; padding: 0 15px;}
.logo img { width: 100%; max-width: 260px; margin-top: -5px;}

.content {padding: 0;}

.slide-wrap {padding-left: 0; padding-right: 0;}
.contact-rma_note {text-align: center; font-weight: 700;}

.contact-wrapper figure {float: right; z-index: -1; margin-top: 15px;}
.wrapper article > div {clear: both; margin-top: 30px; padding-top: 15px;}
.address-headline { display: none;}
.contact-info figure, .video-wrap {margin: 30px auto 40px;}
.video-wrap {margin-top: 80px;}
.video-wrap video {width: 100% !important; height: auto !important;}
.contact-info {text-align: left; }
.contact-info li {list-style: outside none none; }
.address-headline p {padding: 30px 0 0; margin: 0;}
.usa, .europe, .china {margin: 5px 0 30px; display: inline-block; }
.china {clear: both; display: inline-block; width: 100%;}
.usa > li:nth-child(1), .europe > li:nth-child(1), .china > li:nth-child(1) {font-size: 24px;}
#instructions {z-index: 999; margin-bottom: 60px;}
#instructions ul {padding-left: 0; padding-right: 0; margin-bottom: 30px;}
#instructions a {min-width: 120px;}
.coll-list a {
    padding: 5px 11px;
    margin: 2px;
    background-color: #545354;
    float: left;
    color: #fff;
}
.coll-list a:hover {
    background-color: #000;
}
#instructions h3:nth-child(1), #register02 h3, #registermob h3:nth-child(1), #warranty h3:nth-child(1) {text-transform: uppercase; text-align: left;}
#warranty {float: none; text-align: left; margin-top: 40px;}

.register-wrap {
    background: #edafd4 none repeat scroll 0% 0%;
    float: right;
    color: #000;
    font-weight: bold;
}

.register-wrap h3 {padding-left: 15px; color: #3e3e3e;}

div[id^="register"] {z-index: 999;}

#registermob .buttons {
    display: inline-block;
    width: 100%;
    padding-top: 15px;
}
.register-wrap {margin: 30px 0 90px; }
#registermob input[type="reset"], #registermob input[type="submit"] {max-width: 47%; margin: 0 2% 2%;}
#registermob input[type="submit"] {float: right; margin-left: 0; }
#register02 input {width: 100%; margin-bottom: 5px; float: left;}
#register02 .reset-button, #register02 .submit-button {width: 49.2%;}
#register02 .submit-button {float: right;}

#warranty ol, #warranty ul { margin-left: 1.4em;}
#warranty ol {font-weight: bolder;}
#warranty ol li { list-style-type: decimal; }
#warranty ul li { list-style-type: disc; }

.thumbgroup {margin: 0 0 30px;}
.thumbgroup a {color: #000; }
.thumbgroup img {max-height: 230px; width: auto; max-width: 100%}
.collname {top: 0; left: 15px; font-size: 120%; text-align: center;}
.modname {bottom: 0; right: 15px;}
#collname {
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 2em;
	letter-spacing: 0.2em;
	text-align: center;
	line-height: 70px
}
.stylecontainer {padding: 0;}
.styleinfo {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: left;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.7);
    margin: 0px;
    padding: 10px;
    font-family: "Stoke",serif;
}
.styleinfo {
    text-align: left;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.7);
    font-family: "Stoke",serif;
}
.styleinfo span {
    font-weight: bold;
    float: left;
}
#watches article.container > div {padding: 0;}

.prodimg {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-size: auto 86%;
    padding: 0;
}
.prodimg img {min-height: 500px;}
.price-wrapper {font-weight: bold;}
.currencyconvert {display: inline-block; width: 100%;}
#product input {width: auto; float: left; padding: 2px 10px; margin: 10px 10px 10px 0; color: #333;}
.desc-wrap h2, .desc-wrap h3 {margin: 0; padding: 0;}
.desc-wrap h3 {
    letter-spacing: 0.2em;
    font-size: 18px;
    font-weight: normal;
    padding-top: 10px;
}
.desc-wrap, .otherviews, .description, .similar-wrap {text-align: left; padding: 0;}
.desc-wrap {padding: 0; margin: 40px 0 30px;}
.desc-wrap table td { color: #000;}
.description {display: inline-block;}
.similar-wrap h3 {padding: 15px 0;}
.similar {height: 160px!important; background-size: 140px;}
.otheriews {text-align: left}
#product .currencyconvert input {min-width: 50px;}
#product h2 { font-weight: normal; text-align: center; margin-top: 50px; padding-top: 15px;}
#product .wrapper article > div {margin-top: 0; padding-top: 0;}

.desc-wrap h3 {font-family: 'Open Sans', Arial, sans-serif;}
#product .desc-wrap h2 {display: none;}


.prodphoto-wrapper {padding: 0;}

.ads-wrapper {text-align: center; padding: 0;}
.ads-wrapper img {padding: 0; height: 100%; max-width: 100%; margin-bottom: 15px;}

.otherviews > div {display: inline-block; float: left;}
.first-rotator {display: inline-block!important;}
.html-code img { width: 70px; height: 70px; }
#iframe img { max-width: 70px !important; background-color: #fff; }
footer {text-align: center; margin: 100px 0 30px;}
.social-media {padding: 15px 15px 5px;}
.copyright {padding: 5px 15px 10px;}
.social-media img {max-width: 25px;}


.about-content-wrapper {padding-top: 120px; text-align: left;}
.about-content-wrapper p:first-child {margin-top: 20px;}
.video-container-home {text-align: center!important}

.models-wrapper {padding: 0;}
.movement {display: none;}

.national h2 {margin-top: 20px}
.national h2 a {text-decoration: none; color: rgba(204,204,204,0.5);}
.national h2 a:hover {color: #ccc;}
.national .diamond {padding: 0 5px;}
.collection-wrapper article {text-align: center;}
.sort-options {padding: 15px 15px 0; display: inline-block; margin-top: 15px;}
.sort-options select {min-width: 160px; margin-left: 5px; margin-bottom: 0; padding: 5px; color: #888; }

#items-mobile {display: none;}
.slick-slider {margin-bottom: 0px;}

.info-watches-wrapper {text-align: left;}
.question span, .answer span { text-decoration: underline; padding-right: 30px;  display: none;}
.question {font-family: 'Open Sans', Arial, sans-serif; margin-top: 20px; margin-bottom: 10px; font-size: 24px;}
.question, .answer {margin-top: 20px; }
.faq-wrap table {width: 100%; max-width: 800px; margin-bottom: 40px;}
.faq-wrap table tr th:nth-child(1), .faq-wrap table tr th:nth-child(2), .faq-wrap table tr th:nth-child(3) {min-width: 8%;}
.faq-wrap table tr th:nth-child(4) {min-width: 76%;}
.faq-wrap table tr th {padding: 10px 5px; margin: 10px 0; border: 1px solid #d7d7d7; font-weight: bold;}
.faq-wrap table tr td {padding: 3px 5px; border: 1px solid #d7d7d7;}
.contact-info .china .char {padding-top: 10px;}
a, a:link, a:active, a:visited, a:hover {text-decoration: none;}
.contact-info a, .contact-info a:link, .contact-info a:active, .contact-info a:visited {color:#ff63bf;}
.contact-info a:hover {color: #EC008C;}

#back-top{
    width: 40px;
	height: 60px;
	line-height: 60px;
	position: fixed;
	bottom: 46px;
	right: 0;
	text-align: center;
	font-size: 20px;
	background-color: #EC008C;
	z-index: 99;
	display: none;
	transition: none;
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
#back-top a {display: inline-block; width: 40px; height: 60px; color: #ccc;}
.aboutpage p {line-height: 2em; font-size: 17px; margin-bottom: 40px;}
.aboutpage p.question {font-size: 24px; margin: 20px 0;}
.info-watches-wrapper p {line-height: normal; font-size: 14px;}
.responsive-slider-wrap {padding: 0;}

/*********************/
/*    media query    */
/*********************/


@media screen and (max-width: 991px) {
	.coll-wrap {background-image: none !important;}
	.nav > li > a:focus, .nav > li > a:hover {background-color: transparent; }
	#items-mobile {display: block;}
	.ballon_2 {position: absolute; z-index: 1; top: -3%; width: 36%; left:-12%; }
	.ballon_2 img {width: 100%;}
	#items {display: none;}
	#homepage footer {background-color: transparent; margin-top: 0;}
	.register-wrap input {border-bottom: none;}
	#frm_firstName, #frm_city, #frm_postalcode, #frm_state, #frm_Email, #frm_retailStore  {border-right: none;}
}

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

	.contact-info .china {padding: 5px 0;}
	.contact-info .usa li:nth-child(1), .contact-info .europe li:nth-child(1) {display: block; border-right: none;}
	.contact-info .usa, .contact-info .europe, .contact-info .china .char, .contact-info .china .alphabet {width: 100%; float: none;}
	.contact-info .china .char li:nth-child(1), .contact-info .china .alphabet li:nth-child(1) {padding-left: 0;}
	.contact-info .usa li:nth-last-child(1),
	.contact-info .europe li:nth-last-child(1),
	.contact-info .china .char li:nth-last-child(1),
	.contact-info .china .alphabet li:nth-last-child(1) {border-right: none;}
	#instructions, #registermob , #warranty  {padding: 0;}
	.prodimg, .prodimg img {max-width: 100%; margin: 0 auto;}
	.otherviews {text-align: center; }
	.otherviews > div { float: none; text-align: center;}
	.desc-wrap {padding-top: 15px; margin-bottom: 0;}
	#frm_state, #frm_Email, #frm_retailStore  {border-right: 1px solid #b0b0b0;}






}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
	#items-mobile {display: none;}
	#items {display: block;}
	.featured h2 {font-size: 50px; padding: 0 60px;}
}

@media screen and (max-width: 639px) {
	.thumbgroup {padding: 0; width: 100%; text-align: center;}
	.thumbgroup a {width: 100%; max-width: 300px; display: inline-block; margin: 0 auto; position: relative;}
}

@media screen and (max-width: 479px) {
	.national h2, .national .diamond {display: inline-block;}
	.national h2:nth-child(1) {margin-bottom: 5px;}
	.national h2:nth-child(3) {padding-top: 0; margin-top: 10px; width: 100%;}
	#product .currencyconvert input {min-width: 60px;}
	.prodimg img {min-height: 440px;}
	.popup-gallery {margin: 0 auto;}
	.thumbgroup img {max-height: 280px;}
	header .lang-nav > li > a {padding: 10px 22px;}
}

@media screen and (max-width: 379px) {
	header .lang-nav > li > a {padding: 10px 18px;}
	.ballon_2 {width: 45%; left: -18%;}
	#items-mobile .featured h2 {font-size: 40px;}
}







@media (min-width: 480px) {
	.national h2, .national .diamond {display: inline-block;}
}

@media (min-width: 540px) and (max-width: 767px){
	.contact-wrapper figure {position: absolute; right: 0; top: 0; width: 62%; margin-top: 20px;}
	.contact-wrapper article > div {margin-top: 40px;}
}

@media (min-width: 768px) {

	h2 {text-align: center; margin-top: 30px; margin-bottom: 20px;}
	.main-images figure:nth-child(odd) { min-height: auto;}
	.main-images figure:nth-child(2) figcaption {top: auto; bottom: 0;}
	.ads-wrapper img {margin-bottom: 0;}
	.desc-wrap {padding: 0 15px; margin: 0;}
	.prodphoto-wrapper {padding-right: 15px;}
	#product .container {width: 90%;}
	.sort-options {margin-top: 15px; }

    .usa, .europe, .china {margin: 20px 0;}
	.wrapper article > div {padding-top: 60px; margin-top: 0;}
	.contact-info {padding-bottom: 9%;}
	.contact-info li {line-height: 2em;}
	.collection-wrapper article > div  {padding-top: 45px; }
	.contact-wrapper {max-width: 800px; margin: 0 auto;}
	.contact-wrapper figure {position: absolute; right: 0; top: 0; margin-top: 0; }
	.contact-info {margin-left: 6%; margin-bottom: 20px;}
	.press {padding: 0 18%;}
	#product .wrapper article > div {padding-top: 30px;}
	#product .currencyconvert input {min-width: 60px;}
	.desc-wrap h3 {padding-top: 0;}
	.thumbgroup img {max-height: 260px;}
	.nav > li > a:focus, .nav > li > a:hover {background-color: #EC008C;}
	.nav > li > a {padding: 0 15px;}
	.header {padding: 0; height: 230px;}
	header {line-height: 28px; }
	.logo a {display: inline-block; padding: 30px 0 15px;}
	.logo img {margin-top: 0;}
	h1.logo {display: block;}
	header .nav > li, header .nav > li > a { margin: 0; display: inline-block;}
	.navbar > div.container {text-align: center;}
	#navbar {display: inline-block!important;}
	header .nav > li, header .lang-nav > li, header .lang-nav > li:last-child { border: none; margin: 0;}
	header .lang-nav > li > a {padding: 0 15px;}
	.navbar-nav {margin-bottom: 0;}
	.navbar-inverse {background-color: transparent;}
	.navbar-inverse .navbar-nav > li > a {color: #000;}
	.navbar-inverse .navbar-nav.main-nav > li > a.active {color: #EC008C;}
	.navbar-inverse .navbar-nav > li > a.active:hover {cursor: default ;}
	.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #EC008C;}
	.navbar {border: none;}
	.responsive-slider-wrap {padding-top: 15px;}






}

@media (min-width: 768px) and (max-width: 991px) {
	#product .currencyconvert li:nth-child(4) input {clear:left;}
	.navbar-nav {float: none;}
	.lang-nav {position: absolute; left:0; right: 70px; top: -180px;}
	header .lang-nav  > li {float: none;}
	.logo {padding-top: 30px;}
	.logo a {padding-top: 15px;}
	.logo img {height: 120px; width: auto;}

}



@media (min-width: 980px) and (max-width: 991px){
	.contact-info {margin-left: 9%;}
	#product .container {width: 80%;}

}



@media (min-width: 992px) {

	.container {max-width: 970px; }
	.collection .container  {width: 100%;}

	#product .container {width: 88%;}

	.contact-info {margin-left: 2%;}

	.main-images {display: inline-block; max-width: 100%;}
	.main-images figcaption {font-size: 3em; padding-top: 28px; height: 80px;}

	.main-images figure:nth-child(3) figcaption, .main-images figure:nth-child(4) figcaption {top: 0; display: none;}
	.main-images figure:nth-child(1) figcaption {height: 160px; padding-right: 71.5%; display: none;}
	.main-images figure:nth-child(4) figcaption {padding-left: 71.5%; display: none;}

	.main-images figure {height: 700px;}
	.main-images figure:nth-child(3) {height: 780px; margin-top:-80px;}
	.main-images figure:nth-child(odd) {float: right; display: none;}
	.main-images figure:nth-child(2) {background-position: center right 42%}

	.contact-wrapper {max-width: 800px; margin: 0 auto;}


	.video-wrap {width: 100%; margin-top: 40px;}
	.contact-info > ul {padding-left: 15px; }
	.aboutpage p {padding: 0 15px;}

	.faq-wrap table {margin-left: 15px; max-width: 90%;}
	.info-watches-wrapper p {line-height: normal; font-size: 14px;}
	.address-headline p {padding-left: 0;}
	.register-wrap { padding: 0 30px 30px; margin-left: 30px; margin-top: 25px;}
	.register-wrap h3 {padding-left: 0; padding-top: -24px;}
	.press {padding: 0 25%;}
	.prodphoto-wrapper, .similar-wrap  {padding: 0 15px;}
	.prodphoto-wrapper {padding-right: 30px;}
	.prodimg img {min-height: 540px;}
	#product h2 {display: none;}
	#product .desc-wrap h2 {display: inline-block;}
	.desc-wrap h3 {padding: 10px 0 20px;}
	.footer-wrapper {display: inline-block;}
	.social-media {float: right; text-align: left;}
	.copyright {float: left; text-align: right;}
	.social-media, .copyright {padding: 5px 30px; margin-bottom: 10px; line-height: 30px; margin-top: 5px; width: auto;}
	.copyright {padding-top: 8px; border-right: 1px solid rgba(255,255,255,0.25); }
	#instructions a {min-width: 130px; padding: 5px 16px;}

	.ballon_1 {top: 0; left: 8%; width: 24%;}
	#product .wrapper article > div {padding-top: 60px;}
	#product h2 { margin: 20px 0 0; padding-top: 0;}

}




@media (min-width: 1200px) {
	.container {max-width: 1170px; }
	.main-images figure:nth-child(2) {background-position: center right; display: none;}
	.ads-wrapper {padding: 0 10%;}
	#collname {background-color: #08080a; position: absolute; width: 100%;}
	.movement {background-repeat: no-repeat; background-position: center; background-size: 100% auto; display: block;}
	.models-wrapper {border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
	.contact-wrapper article > div {margin-top: 0px; padding-top: 100px;}
	.prodimg img {min-height: 600px;}
	#product .container {width: 80%;}
	.faq-wrap table {max-width: 85%;}
	.ballon_1 {top: -1%; left: 8%; width: 22%;}
	.wrapper article > div, #product .wrapper article > div {padding-top: 75px; }
	.collection-wrapper article > div  {padding-top: 60px; }
	.featured h2 {font-size: 75px;}




}


@media (min-width: 1600px) {
	#product .container {width: 65%;}
	.prodimg img {min-height: 640px;}
	.ballon_1 {top: -2%; left: 10%; width: 20%;}
}


@media (min-width: 1900px) {
	.prodphoto-wrapper {width: 36%;}
	.desc-wrap, .similar-wrap {width: 64%;}
}



/* Boum shopping cart */
#product form.addCart {display: inline-block; width: 100%;}
#product form.addCart span, #product form.addCart input[name="quan"] {display: inline-block; float: left; padding: 2px 10px; margin: 10px 10px 10px 0; }
#product form.addCart span {padding-left: 0}

#product form.addCart input[name="quan"] {border: 1px solid #b0b0b0!important; width: 100px;}

#product form.addCart input[type="submit"] {margin-bottom: 30px;}

@media screen and (max-width: 479px) {
	#product form.addCart input[type="submit"] {width: 100%;}
	#product form.addCart span {width: 20%;}
	#product form.addCart input[name="quan"] {float: right; width: 70%;}
}