/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html
{
   background-color: #000000;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   font-family: "Lato", "Arial", "Microsoft JhengHei", "Microsoft JhengHei Light", sans-serif;
}

body 
{
    padding: 0;
    margin: 0;    
    color: #212121;
    font-size: 100%; 
    height: 100%;
    line-height: 1;
}
 
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remove textarea resize at Safari */
textarea { 
	resize: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
h1, h2, h3, h4, h5 {
    font-family: "Lato", "Arial", "Microsoft JhengHei", "Microsoft JhengHei Light", sans-serif;
    margin: 0;
    padding: 0;
    color: #212121;    
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.2em;
} 
 
a:hover 
{ 
    text-decoration: none;
}

img 
{
    border: 0;
    display: block;    
} 

p {
	line-height: 1.5em;
	font-size: 14px;
}

em {
	color: #444444;
}
 
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder, placeholder
{
    font-family: "Lato", "Arial", "Microsoft JhengHei", "Microsoft JhengHei Light", sans-serif;
}

/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/**** UIkit ****/
.uk-container
{
    padding: 0;
}

.uk-grid
{
    margin-left: 0;
    padding-left: 0;
}

.uk-link 
{
    color: #212121;
}

.uk-link:hover
{
    color: #a37e2c;
    text-decoration: none;
}
 
.uk-padding 
{
    padding: 10px;
} 
 

@media screen and (max-width: 960px)
{ 
 .uk-push-1-2, .uk-pull-1-2 
 {
     left: 0;
 }
 
}


h1 
{
    font-size: 36px;
}

/**** CTF ROLEX 2.0 ****/
#header 
{   
    width: 100%;   
    height: 120px;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    z-index: 199; 
}

.top_wrapper  
{    
    width: 1366px;
    position: relative; 
    padding: 0 8px;
    margin: 0 auto;
    z-index: 201;
    box-sizing: border-box;
}

.nav_current 
{
    padding: 5px 0;
} 
 
.nav_search 
{
    display: none;
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
    padding: 5px;
    box-sizing: border-box;    
}

.nav_search_q
{
    position: relative;
    border: 1px solid #A28C2F;
    background-color: #ffffff;
    padding: 10px 40px;
    width: 75%;  
    margin: 0 auto; 
    box-sizing: border-box;
} 

.nav_search_q button
{ 
    cursor: pointer;
    position: absolute; 
    border: 0; 
    background-repeat: no-repeat;  
    width: 24px;
    height: 24px;
    top: 5px;
} 

.nav_search_q .text-box-q
{      
    width: 90%;
    border: none;
    display: inline-block;
}
 
.nav_search_close 
{       
    right: 5px;   
    background-image: url(../images/icon_close.jpg);
}

.search_go 
{    
    left: 5px;
    background-image: url(../images/search.png);
}

.ctf-top-descript
{
    width: 100%;
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
    color: #ffffff;
    background-color: rgba(100, 100, 100, 1);   
}

.ctf-arrow-up 
{
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    background-color: rgba(208, 192, 141, 0.5);    
    transition: background-color .3s ease-out;
}

.ctf-arrow-up:hover
{
    background-color: rgba(208, 192, 141, 0.9);    
}

#site-lang
{    
    width: 100%;
}

#ctf-menu
{     
    position: relative;
    clear: both;
}

.nav_logo
{
    float: left;
    width: 110px;
}

.nav_logo img 
{
    width: 100%;
}

.nav_margin 
{
    margin-right: 80px;
}

.retailer_logo 
{
    float: left;
    padding: 6px 0;
}

.nav_retailer
{ 
    float: right;
    padding: 0;
}

.nav_retailer a
{ 
    float: left;
    padding: 0 !important;
}

.nav_retailer a:first-child {
	margin-right: 3px;
}

.nav_menu 
{
    width: 100%;
    padding: 2px;
}

.nav_menu ul 
{
    margin: 0; 
    padding: 0;
    list-style: none;
}

.nav_menu > ul > li 
{
    float: left;      
    padding: 20px 15px;   
    position: relative;
    text-transform: uppercase;
}
 
.nav_menu > ul > li > a
{
    color: #646464;
    font-size: 14px;
    text-decoration: none;
} 

.locate-us > ul > li
{
    padding: 25px 8px;
} 

.nav-icon-list 
{
    padding: 5px 0;
    margin: 0;
    float: right;
}

.nav-icon-list > li
{
    float: left;    
    font-size: 14px;
    padding: 5px 0 5px 25px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat; 
    background-position: 0 3px;
}

.nav-icon-list > li:last-child
{
      margin-right: 0; 
}

.nav-icon-list li:hover > .nav_sub_menu 
{
    display: block;
    top: 20px;
    left: 0;         
}

.nav-icon-list a
{
    font-size: 12px;
    padding: 7px 10px; 
    display: block;
    color: #212121;
}

.nav-icon-list .lang 
{
    background-image: url(../images/if_globel.png);
}

.nav-icon-list .search 
{
    background-image: url(../images/if_search.png);
}

.nav-icon-list .partition 
{
    padding: 5px 0;
    color: #8c8c8c;
}

.menu-item-search
{
    padding: 20px 10px;
}

.menu-icon 
{
    text-align: center;
    padding: 10px 0;
    margin: 0 auto; 
}

.menu-icon a
{
    display: inline-flex;
    padding: 0 7px;
    position: relative;
}

.menu-icon a.round-icon
{
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 50%;    
    padding: 0;
    margin: 0 5px; 
} 

.menu-icon .icon_popup 
{
    width: 100px;
    height: 100px;
    position: absolute;
    top: -110px;
    left: -20px;
    z-index: 99;
    border: 1px solid #e3e3e3;
    overflow: hidden;
}

.menu-item-search
{
    cursor: pointer;    
}
 
.nav_menu_hamb
{
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 25px 15px;
    left: 0;
    display: none;
    z-index: 500;
    cursor: pointer;
}

.nav_menu_hamb span 
{
    display: block;
    height: 3px;
    margin: 5px 0;
    background-color: #3D3938;
    transition: transform .3s ease-out;
}
 
.nav_sub_menu
{   
    display: none;
    font-size: 0.85em;
    background-image: url(../images/nav_sub_menu_bg.png);
    background-repeat: no-repeat; 
    margin: 0;
    padding: 10px 0;  
    position: absolute;        
    z-index: 410;   
    left: 10px;
    top: 50px;    
    width: auto;
    min-width: 100px;
}

.nav_sub_menu > ul 
{
    padding: 0;
    margin: 0; 
    list-style: none;
}
 
.nav_sub_menu > ul > li
{  
    background-color: #f8f8f8;
    white-space: nowrap;
}

.non-locate .nav_sub_menu 
{
    left:  15px;
}

.nav_sub_menu a 
{
    font-size: 12px;
    padding: 7px 10px; 
    display: block;
    color: #212121;
    text-transform: none;
    text-decoration: none;
}  

.nav_close span:first-child
{
    transform: rotate(45deg);
    transform-origin: 0 2px;
    transition: transform .3s ease-out;
}

.nav_close span:nth-last-child(2)
{
    opacity: 0;
    transition: opacity .3s ease-out;
}

.nav_close span:last-child
{
    transform: rotate(-45deg);
    transform-origin: 2px 2px;
    transition: transform .3s ease-out;
}
 
#main-content
{   
    background-color: #f4ead9;
    padding-top: 120px; 
} 

.content-header
{
    width: 1360px;
    margin: 0 auto;
}

.content-body 
{
    width: 100%; 
    background-color: rgba(255,255,255,0.7);    
} 

.content
{
    width: 1360px;
    min-height: 420px;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
}

.content-text 
{
    width: 1360px;
    min-height: 420px;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #f4ead9;
}

.content-footer 
{
    height: 40px;
    width: 100%;
    background-color: #f4ead9;    
}

.content-canvas
{
    position: fixed; 
    width: 100%;
}     

.ctf-breadcrumbs 
{
    padding: 10px 0;
    font-size: 12px;
}

.rolex-retailer-clock 
{
    cursor: pointer;
}

.shadow 
{
    -webkit-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.30);
    -moz-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.30);
    box-shadow: 0 3px 10px 5px rgba(0,0,0,0.30);
}
    
.button-flex 
{
    display: flex;
    flex-direction: column; 
    justify-content: center;
}

#main-content #ctf_land img
{
    width: 100%;    
} 

.shop-list-button 
{    
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    margin: 5px 3px;
    padding: 7px 0;
    border: 1px solid #444444;
    border-radius: 3px;
}

.shop-list-button:hover, .shop-list-button-on 
{ 
    background-color: #9e0028;
    color: #ffffff;
    transition: background-color .3s ease-out;
}
 
#slides_photo 
{
    background-color: #ffffff;
}

#slides_photo .owl-dots 
{
    bottom: -30px;
}

.slides-item 
{
    position: relative;
}

.slides-text 
{      
    width: 50%;
    text-align: center;
    transform: translate(0, -50%);
} 

.slide-in
{
    display: inline-block;  
}

.slide-in h1, .slide-in h2 
{
    margin-bottom: 5px;
    font-size: 32px;
}

.slides-left 
{
    left: 5%;
}

.slides-right
{
    right: 5%;
} 

.slide_link 
{   
    color: #ffffff;
    padding: 12px 30px;  
    font-size: 18px;    
    display: inline-block;
    margin: 15px auto;
}

.slide_link:hover
{  
    transition: background-color .3s ease-out;
} 

/* Rolex */
.slide_link_rolex 
{
    text-align: center;
}

.slide_link_rolex h1, .slide_link_rolex h2
{
    color: #212121;   
}

.slide_link_rolex
{ 
    background-color: #127749;
    border: 1px solid #127749;
    border-radius: 30px;
} 

.slide_link_rolex:hover
{
    background-color: #ffffff;
    color: #127749; 
}

/* Tudor */
.slide_link_tudor 
{
    text-align: center;
}

.slide_link_tudor h1, .slide_link_tudor h2
{
    color: #ffffff;
}

.slide_link_tudor
{ 
    background-color: #BE0100;
    border: 1px solid #BE0100;
} 

.slide_link_tudor:hover
{
    background-color: #ffffff;
    color: #BE0100; 
}
 
.page_title
{
    color: #000000;
    font-size: 2.3em;
    font-weight: 400;
    padding: 20px 0 10px;   
    margin-bottom: 15px; 
    position: relative;
}

.page_title:after 
{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    margin-top: 10px;
    overflow: hidden;
    background-color: #A28C2F;
}

.button-list-ext  
{
    display: none;
    cursor: pointer;
}

.list_panel 
{    
    padding: 10px 0;         
    height: 550px;
    min-height: 550px;
} 

.list_date 
{
    padding: 5px 0;
    font-size: 12px;
    color: #666;    
}

.list_scroll 
{ 
    overflow: auto;
}

.list_scroll::-webkit-scrollbar {
    width: 3px;
}

.list_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 5px;
}

.list_scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.list-item 
{
    margin: 5px;
    position: relative;
}

.list-item a 
{
    color: #444;
    text-decoration: none;
    font-size: 16px;  
    display: block;
    padding: 7px 15px;
}

.list-item a:hover 
{
    color: #212121;
    background-color: #ecd8b5;
}

.list-item .active 
{
    color: #212121;
    background-color: #f1f1f1;
}

.list-item:before
{
    content: "";
    width: 5px;
    height: 5px;
    top: 12px;
    left: 3px;
    background-color: #A28C2F;
    position: absolute;
}

.brand-header
{ 
   width: 100%;
   background-color: #f4ead9;
   padding: 0 0 30px 0;
   overflow: auto;
}

.brand_list 
{
    margin: 0 auto;   
    width: 920px;
    padding: 10px;
    text-align: center;
    background-color: #F0E1C7;
}
 
.brand_list div 
{  
    display: inline-block;
    width: 30px;
    height: 30px;  
    text-align: center;
    color: #A28C2F;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
}
 
.brand_list div:hover
{
    color: #212121;
}

.brand_list .brand_active 
{
    color: #ffffff;
    background-color: #A28C2F;
    border-radius: 15px;
}

.brand_all
{
    text-decoration: underline;
}

.brand-panel 
{
    width: 1360px;
    min-height: 300px;
    padding: 20px 0;
    margin: 0 auto;
    border-top: 2px solid #A28C2F;
    border-bottom: 2px solid #A28C2F; 
}
 
.brand-item 
{
    padding: 8px;  
}

.brand-item a
{
    color: #646464;
    font-size: 16px;
    width: 100%;
}

.brand-item a > img 
{
    margin: 0 auto;
}

.brand-item:hover 
{
    background-color: #ecd8b5;
}

.brand-item:hover a
{
    color: #212121; 
}

.brand-item span 
{
    display: block;
}

.news-list 
{
    box-sizing: border-box;
    width: 1360px;
    padding: 20px 10px;
    margin: 0 auto;
} 

.news-item 
{
    border-bottom: 1px solid #947A55;
    margin: 20px 5px;
    padding: 20px 0;
}

.news-title 
{
    font-size: 22px;
    margin-bottom: 10px; 
}

.news-abs 
{
    font-size: 14px;
    line-height: 20px;
}
 
.news-link 
{ 
    margin-top: 20px;
    padding: 20px 0;
} 

.news-more 
{
    font-size: 12px;
    color: #808080
} 

.news-more:hover
{
    color: #404040
} 

.content_back
{
    width: 100%;
    height: 30px;
    margin-bottom: 20px; 
    background-image: url('../images/br_prev_icon.png');
    background-repeat: no-repeat;
}

.content_back a:hover 
{
    color: #99022F;
}

.content_back a
{
    color: #444;
    font-size: 14px;
    padding-left: 20px;
}

.news_share 
{ 
    height: 40px;
}

.sns-button 
{
    padding: 5px 0;
    margin: 0;
}

.sns-button li
{
    float: left;
    margin-right: 10px;	 
}

.share-fb 
{ 
    margin-bottom:10px;   
}    

.icon-span-nav 
{
    background-image: url(../images/span_nav.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.post 
{    
    padding: 20px 
}

.article_title 
{
    color: #212121;
    font-size: 1.4em; 
    margin-bottom: 30px;    
}

.article_text 
{
    line-height: 1.5em;
    color: #212121;
    font-size: 14px;	 
}

.article_text ul 
{
    margin: 10px;
    list-style-type:circle
}

.store_text 
{ 
    color: #646464;
    padding: 10px 0;
    font-size: 14px; 
}

a.call-no 
{
    color: #888888;
}

a.call-no:hover
{
    color: #444444;
    text-decoration: underline;
}
 
.content-map
{
    width: 100%;
    height: 600px;
} 

.search_fields 
{
    margin-bottom: 30px;
}
 
.map-info-window 
{
    position: absolute;
    top: 120px;
    width: 300px;
    height: 400px;
    background-color: rgba(255,255,255, 0.9);
    z-index: 99;
    overflow-y: scroll;
    display: none;    
}

.map-mask 
{
    width: 100%;
    height: 600px;
    position: absolute;
    z-index: 98;
    background-color: rgba(255,255,255,1);
    display: none;    
}

.shop_list_number 
{
    padding: 10px;
}

.shop_search
{      
    font-size: 14px;    
    position: relative;
    padding: 10px 0;
} 

.shop-container 
{ 
    box-sizing: border-box;
    margin-top: 20px;
    position: absolute;  
    z-index: 99;
    width: 300px;
    background-color: rgba(255,255,255,0.9);    
    box-shadow: 1px 1px 4px rgba(1,1,1,0.5);
}

.shop_select 
{
    padding: 0px 3px;
}

.shop-list-header 
{   
    position: relative;
}
 
.shop-list-header .result-text 
{  
    padding: 10px 0;
    text-align: center;  
    background-repeat: no-repeat;
    background-position: 5px 5px;
    cursor: pointer;
    background-image: url(../images/if_minimize.png);
}

.shop-list-header .maximize 
{
    background-image: url(../images/if-maximize.png);
}

.shop_detail_list 
{  
    width: 100%;
    height: 500px;
}

.shop_detail_list::-webkit-scrollbar {
    width: 3px;
}

.shop_detail 
{   
    padding: 10px;    
    animation: go 0.3s;
    height: auto;
}
 
@keyframes go {
  from { opacity: 0.3; }
  to { opacity: 1;}
}

.shop_name
{ 
    border-top: 1px solid #947A55;
    font-size: 16px;
    padding: 7px 0;
    color: #212121;
} 

.shop_name a
{
    font-size: 18px;    
    color: #947A55;
}

.shop_name a:hover
{
    color: #99022F;
}

.shop_addr 
{
    font-size: 14px;
    line-height: 18px;
    color: #646464;
    margin-bottom: 5px;
}

.shop_tel
{
    font-size: 12px;
    margin-bottom: 10px;
}

.shop_map 
{
    margin-top: 5px;
    padding: 5px 0 7px 25px;
    background-image: url(../images/icon_map.png);
    background-repeat: no-repeat;        
}

.shop_map a 
{
    color: #947A55;
}

.shop_map a:hover 
{
    text-decoration: underline;
}  

.label_txt 
{
    width: 160px;    
    padding: 3px;
    float: left;    
} 

.shop_field 
{
    margin: 5px 0;     
}  

.shop_field select 
{
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    border: 1px solid #888888;
    border-radius: 3px;
    padding: 5px;
}

.shop_field:last-child select
{
    width: 100%;
} 

.store 
{
    padding-bottom: 40px;
}

.store-shop
{ 
    padding: 20px;
    background-color: rgba(255,255,255,0.7);
}
 
.store-txt 
{
    font-size: 14px;
    line-height: 1.5em;
    color: #444;
}

.store_map 
{        
    border: 1px solid #f1f1f1;
}

.store_map_canvas 
{     
    height: 420px;    
}

.store-shop .store_name 
{
    font-size: 1.5em;
    color: #000;
    margin-bottom: 20px;
}

.store-shop .store_addr 
{  
    margin-bottom: 20px;
}

.store-shop .store_tel 
{   
    color: #888888;
}

.store-shop .store-label
{
     color: #947A55;
     font-weight: bold;
     margin: 10px 0 5px 0;
}

.article_link, .article_link a
{
    margin: 20px 0;
    color: #444;
    font-size: 16px;
}

.article_link a:hover 
{
    color: #99022F;
}

.brand-page 
{
   width: 100%;    
   background-color: #fff
}

.brand-corners 
{ 
   width: 1360px; 
   margin: 0 auto;
   text-align: center;
   overflow: hidden;
} 

.brand-place 
{
    width: 70%; 
    color: #818181; 
    text-align: center; 
    padding: 10px 0; 
    font-size: 14px; 
    line-height:18px; 
    font-family: Arial, Microsoft YaHei, Microsoft JhengHei; 
    margin: 0 auto;
}

.brand-place h5
{
    color: #a37e2c; 
    font-family: Arial, Microsoft YaHei, Microsoft JhengHei; 
    font-size: 14px; 
    font-weight: 100;
}

.brand-place h3
{   
    font-family: Arial, Microsoft YaHei, Microsoft JhengHei; 
    font-size: 2.5em;
    line-height: 1em; 
    font-weight: 300; 
    color: #212121;
}

#tudor-digital-corner 
{
    padding: 20px 0;
    width: 800px;
    height: 550px;
    margin: 0 auto;
}

.tudor-corner, corner-bg
{ 
    background-color: #000000;   
}

.tudor-descript
{
    color: #ffffff;
}

#tudor-digital-plaque 
{
    width: 120px;
    margin: 0 auto;   
}

#slidephoto video 
{
    display: none;
} 

/******** *****************/

#footer 
{
    width: 100%;    
    height: auto;
    background-color: #000000;
    line-height: 1.2;
} 

.footer-contact
{  
    padding: 50px 0 30px 0;
    text-align: center;
    background-color: #3D3938;    
}
 
.footer-site-script 
{   
    text-align: right;
    color: #ffffff;
}

.footer-site-script  P 
{
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
}

.footer-link
{
    width: 1400px; 
    margin: 0 auto;   
} 

.footer-link:after, .footer-contact:after
{
    display: block;   
    content: "";
    clear: both;
}

.footer-site-link 
{
    padding: 0;
    width: 33%;
    float: left;
    padding: 20px 0; 
}  
 
.footer-follow 
{
    padding: 10px 0;
    color: #ffffff;
    font-size: 16px;
}

#footer .footer-ebs
{
    text-align: center;
    width: 100%;
    height: 60px;
    background-color: #000000;
}

#footer .footer-ebs a 
{
    display: inline-block;
}

.footer-menu
{
    padding: 3px 0;
    margin: 0;
    width: 100%;
}

.footer-menu li
{ 
    font-size: 14px;
    padding: 3px 8px; 
    display: inline-block;
    position: relative;
}

.footer-menu li a
{ 
    color: #ffffff;
    text-decoration: none;
}

.footer-menu li:first-child 
{
    padding-left: 0;
}  

.footer-menu li:last-child 
{
    padding-right: 0;
} 

.footer-menu li:after
{
    content: " ";
    position: absolute;
    height: 12px;
    width: 1px;
    background-color : #fff;
    right: -2px;
    top: 5px;
}

.footer-menu li:last-child:after
{
    display: none;
}
 
.footer-menu li a:hover
{
    color: #fff;
} 

.menu-link-center 
{
    text-align: center;
}

/***  ***/
.clearfix 
{
    clear: both
}

.form-fields 
{
    font-size: 14px;
    color: #444;     
    margin-bottom: 20px;
}

.form-fields label 
{
    width: 150px;
}

.form-fields select 
{
    width: 150px;
    padding: 5px;
    border: 1px solid #CCC;
    font-weight: 200;
    font-size: 12px;     
    box-shadow: 1px 1px 3px #dfdfdf;
}

a.form-submit 
{
    display: block;
    background-image:  url('../images/search_b.png');
    background-repeat: no-repeat;
    padding: 15px 0;
    text-align: center;
    width: 104px;    
}

a.form-submit:hover 
{
     background-image:  url('../images/search_b_on.png');
}

.icon-button
{
    cursor: pointer;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.search_watermark 
{
    color: #ccc;
    font-style: italic;
    font-size: 12px;
}

.search_prompt 
{
    color: #444;
    font-style: normal; 
    font-size: 12px;
}
 
.loading 
{
    float: left;    
    padding: 5px;
    margin-left: 20px;
    display: none;
}

.ctf-privacy 
{
    display: none;
}

.ctf-privacy p 
{
    margin-bottom: 10px;
}

.ctf-privacy a  
{
    color: #000000;
}

.ctf-cookie-policy 
{
    height: 350px;
    overflow: auto;
}

.cookie-rolex 
{
    display: none;
}

.cookie-back 
{
    position: relative;   
}

.cookie-back-button 
{
    position: absolute;
    left: 0;
    top: -10px; 
    display: none;
}

.ctf-sitemap {
	padding: 40px 0;
}

.ctf-sitemap > div {
	margin-bottom: 20px;
}

.ctf-sitemap a {
	color: #646464;
	font-size: 14px;
}

.ctf-sitemap h2 
{
    font-size: 16px;
    font-weight: 700;
    color: #000000;   
    margin-bottom: 10px;
}

.ctf-sitemap a:hover {
	text-decoration: underline;
}

.sitemap-link > div {
	margin: 5px 0;
}

.sitemap-link 
{
    padding-left: 0;
}

.sitemap-link li
{
    padding: 5px 0;
}

.panel-corner 
{
    width: 900px;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #000000;
    text-align: center;
}

.panel-corner-text 
{
    width: 800px;
    margin: 0 auto;
    color: #fff; 
    text-align: left; 
    padding: 10px; 
    font-size: 14px;
} 

.ctf-button
{
    background-color: #dbdbdb;
    border: 1px solid #dbdbdb;
    border-radius: 50px; 
    color: white;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

.ctf-button:hover
{
    background-color: #ffffff;
    border: 1px solid #A28C2F;
    color: #A28C2F;
    transition: background-color .3s ease-out;
}

.button-active
{
    background-color: #A28C2F;
    border: 1px solid #A28C2F;
}

.margin-wrap 
{
    margin-top: 20px;
    margin-bottom: 10px;
}
    
.title-h2 
{
    padding: 10px 0;
    font-weight: 700;
}

/* Styles for pager
-----------------------------------------------------------*/
#pagination
{ 
    clear: both;
    margin: 0;
    padding: 5px 0 ;
    font-size: 14px;
}

#pagination a
{
    padding: 5px;  
    text-decoration: none;
    color: #818181;
    display: inline-block;
    vertical-align: middle;
}

#pagination a:hover
{ 
    color: #444444;
}

#pagination span
{ 
    padding: 5px;  
    color: #666666;
    display: inline-block;
    vertical-align: middle;
}

#pagination .current 
{
    padding: 5px;
    color: #000000;
    text-decoration: underline;
}

#pagination a.pn
{
    border: 1px solid #fff;
}

#pagination a.pn b
{
    font-weight: normal;
}

#pagination a.pn:hover
{
    border: 1px solid #999;   
}

#pagination p
{
    color: #999;
}

.pagination-number 
{
    padding-right: 15px;
    display: inline-block;
}
  
/* ctf/theme.css */
.form-error 
{
    border-bottom: 1px solid red !important;
}

textarea.form-error
{
    border: 1px solid red !important;
}

.rolex-checkbox .form-error ~ label:before 
{
    border: 1px solid red;
}
 
.formErrorContent 
{
    color: Red;
    display: block;
}

.switch-button 
{
    padding: 10px;
    text-align: right;
}

.switch-label 
{
    display: inline-block;
    height: 18px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 18px;
    margin-left: 10px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
}

input:checked + .slider {
    background-color: #127749;
}

input:checked + .slider-gold {
    background-color: #A28C2F; 
}

input:focus + .slider {
    box-shadow: 0 0 1px #127749;
}

input:checked + .slider:before {
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 18px;
}

.slider.round:before {
    border-radius: 50%;
}

.cookie-link a
{
    color: #B2BABB;
}

@media screen and (max-width: 1366px) 
{
    #header, .content 
    {
        padding: 0;    
		width: 100%;
    } 
    
    .top_wrapper 
    {
        width: 100%
    } 
    
    .content-header, .content-text, .brand-panel, .footer-link, .brand-corners, .news-list 
    {
        width: 100%;
    }
    
    .news-list 
    {
        padding: 10px;
    }
        
    .shop_search
    { 
        padding: 10px;
    }
    
    .shop-container 
    { 
        width: 100%;
        margin: 0 auto;    
    } 
    
    .shop-list-button 
    {
        margin: 5px 0;
    } 
     
    .footer-site-script 
    {
        width: 100%;        
    }
     
    .footer-site-script P
    { 
        font-size: 12px;
        color: #d3d3d3;
        text-align: center;
    }
    
    #footer .footer-list
    {
        width: 100%;      
        padding: 0;
        float: none;
        text-align: center;
    }
    
    #footer .footer-menu 
    {
        text-align: left;       
        width: 100%;   
        padding: 0;
    } 
    
    .footer-menu li
    {
        display: block;
        padding: 5px 20px;
    }
    
    .footer-menu li:first-child 
    {
        padding-left: 20px;
    }      
    
    .footer-menu li:after
    {   
        height: 0;
        width: 0;   
    }
    
    .page_title 
    {
        padding: 30px 10px;
        margin: 0;
    }
         
    .list_item 
    {
        width: 33%;
    }
         
    .news-photos 
    { 
        height: auto;
        width: 100%;
    } 
    
    .news-post 
    {
        width: 100%;
        margin: 40px 0 0;
    }     
}

@media screen and (max-width: 768px)
{       
    #main-content 
    {
        padding-top: 80px;
    }      
}

@media screen and (max-width: 1023px) 
{  
    .retailer_logo 
    {
        display: none;
    } 
}

@media screen and (max-width: 1279px) 
{  
    .nav_margin 
    {
        margin-right: 20px;
    }     
    
    .nav_menu > ul > li  
    {
        padding: 20px 7px;
    }
}

@media screen and (min-width: 769px) 
{    
	.menu-parent:hover .nav_sub_menu 
    {
        display: block;
    } 
	
    .slides-text 
    {
        position: absolute;           
        top: 50%; 
    }    
}

@media screen and (min-width: 768px) 
{ 
    .view-large
    {
        display: block;
    }
    
    .view-small
    {
        display: none;
    }    
}

@media screen and (max-width: 768px) 
{  
	h3 {
		font-size: 1.3em;	
	} 
	
	p {
		font-size: 1em;
	}
	
	#header 
	{
	    height: auto;
	    padding-top: 5px;
	}
	
	#header-top .nav_location 
    {
        float: none;
        display: none;
    } 
    
    .nav_logo
    {
        width: 96px;
        padding: 10px 0;
        margin: 0 auto;
    }  
    
    .ctf-top-descript 
    {
        top: 80px;
    }
    
    .ctf-breadcrumbs 
    {
        padding: 5px 10px;
    }
    
    .menu-parent > a:before, .menu-parent > a:after
    {
        position: absolute;
        right: 18px;
        top: 14px;
        content: ' ';
        height: 11px;
        width: 1px;
        background-color: #a6a6a6;
        transition: transform 0.2s ease;
    }

    .menu-parent > a:before
    {
        transform: rotate(90deg);
    }

    .menu-parent > a:after
    {
        transform: rotate(180deg);
    }
  
    .menu-open > a:after
    {
        transform: rotate(270deg);
    }
    
    .nav_menu
    { 
        height: 100%;
        width: 80%;    
        overflow-y: auto;
        position: fixed;      
        top: 0;
        right: 100%;
        z-index: 100;
        transition: right .3s ease;
        overflow-y: auto;
        background-color: #f1f1f1;
        display: flex;
        flex-direction: column; 
    } 
    
    .nav_menu > ul 
    {
        display: flex;
        flex-direction: column; 
        margin-top: 80px;
        margin-left: 15px;
    }

    .nav_logo, .nav_menu 
    {
        float: none;        
    }
     
    .non-locate .nav_sub_menu, .nav_sub_menu
    {  
        position: relative; 
        margin: 0;
        padding: 0;
        top: 0;
        left:0;        
        width: 100%;
    }
    
    .nav_sub_menu > ul 
    {
        background-color: #e3e3e3;
    }
     
    .nav_sub_menu a 
    { 
        padding: 13px 25px !important;
        text-transform: none;
    }
         
    .nav_menu > ul li
    {
        float: none;
        padding: 0;     
        order: 1;
    } 
 
    .nav_menu a
    {
        font-size: 14px;
        padding: 14px 10px;
        color: #646464;
        display: block;
        border-bottom: 1px solid #c0c0c0;     
        background-color: transparent;
        position: relative;
    } 

    .menu-item-search
    {
        padding: 25px 10px;
    }  
    
    .menu-item-search 
    {
        position: absolute;
        top: 0;
        right: 0;
    }
        
    .nav_menu_extend 
    {
        right: 20%;
        transition: right .3s linear;      
        opacity: 0.98;
    }
    
    .menu-canvas
    {   
        display: none;
        width: 100%;
        height: 9999px; 
        position: absolute;    
        z-index: 99;
        top: 0;
        left: 0;
        background-image: url(../images/overlay.png);
        background-repeat: repeat; 
    }
    
    .nav_retailer 
    { 
        background-color: #f1f1f1;
        order: 2;    
        float: none;     
        padding: 10px;  
    }    
    
    .nav_retailer a
    { 
        border: 0;
        padding: 5px 0 !important;
    }

    .brand-header 
    {
        padding: 0;
    }
    
    .content-header 
    {
        background-color: #ffffff;
        width: 100%;
    }
    
    .nav_search
    {          
        top: 75px;
        background-color: #f1f1f1;
    }
    
    .nav_search_q 
    {
        width: 100%;
    }    
    
    .slides-text 
    {   
        width: 100%; 
        height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        transform: translate(0, 0);
        position: absolute;
        bottom: 0;
    } 
    
    .slide-in 
    { 
        text-align: center;
    }
    
    .slide-in h1, .slide-in h2 
    {
        font-size: 24px;
        color: #212121;
    }

    .slides-left 
    {
        left: 0;
    }

    .slides-right
    {
        right: 0;       
    }
       
    .brand_list 
    {  
        margin: 0;
        padding: 10px; 
        text-align: left;
    }
    
    .brand-panel 
    {  
        background-color: rgba(255,255,255, 0.7); 
        border: 0; 
    }
    
    .brand-bg
    {
        background-color: #f4ead9;
    }     
 
    #shop_brands
    {
        padding: 10px 0;
    } 
    
    .shop_item 
    {
        width: 50%;
        height: 230px;
    } 
 
    .shop_select
    {
        padding: 1px;     
    } 
    
    .store 
    {
        padding: 0;
    }
	
	.ctf-sitemap, .store_text, .store-shop, .shop_detail
	{
		padding: 10px;
	}     

    .news-photos 
    {
        width: 100%;    
        padding: 0;
    } 	
	
	.news-text 
	{
		line-height: 1.5em;
	}
    
    .news_title a
    {
        font-size: 12px;
    } 
     
    .ctf-top-descript 
    {
        font-size: 10px;
    } 
     
    .nav_menu_hamb
    {
        display: block;
    }
    
    .list_panel 
    {
        float: none;
        width: 60%;
        position: absolute;
        top: 0;
        right: 100%;
        z-index: 99;       
        background-color: rgba(255,255,255, 0.9);
        transition: right .3s ease-out;
    }
    
    .button-list-ext 
    {
        display: block;
        padding: 10px;
    }
    
    .list_extscroll
    {
        height: 100%;
        right: 40%;
        transition: right .3s ease-out;
    }
    
    .list_item 
    {
        width: 50%;
    }    
    
    .article_list 
    {
        padding: 0 5px;
    } 
	
	.article_text {
		font-size: 1em;
	}
 
    .view-large 
    {
        display: none;
    }
    
    .view-small
    {
        display: block;
    }    
    
    .form-fields select 
    {
        width: 100%;
    }
    
    .label_txt
    {
        float: none;
    }
    
    #pagination 
    {
        text-align: center;
    }
    
    .pagination-number 
    {
        display: block;
        padding: 15px 0;
    } 

    .footer-site-link
    {
        width: 33%;
        padding: 10px 0;
    }
    
    .footer-site-script 
    {
        width: 100%;
    }
}

@media screen and (max-width: 480px) 
{ 
    .location_label 
    {
        display: none;
    } 
    
    .shop_field select  
    {
        width: 100%;
    }  
     
    .pagination-number 
    {
        display: block;
    }
    
    .news_thumb 
    {    
        height: 200px;
    }
    
    .shop_search .uk-width-small-1-3 
    {
        width: 33%;
    }
    
    .slides-text 
    {
        height: 160px;
    }
    
    .slides-text h2
    {  
        font-size: 26px;
        margin: 0;
        line-height: 1;
    }
    
    .slide_link 
    { 
        font-size: 14px; 
        padding: 10px 20px;
    }
    
    .brand-item 
    {
        width: 50%;
    }
    
    .footer-site-link
    {
        width: 60%;
    }
    
    .footer-site-link:first-child 
    {
        width: 33%;
    }
    
    .footer-site-script 
    {
        width: 100%;
    }
    
    .footer-menu li 
    {
        padding: 7px 10px;
    }
    
    .footer-menu li:first-child 
    {
        padding-left: 10px;
    }      
}

@media screen and (max-width: 360px) 
{ 
    .ctf-top-descript
    {
        font-size: 10px;
    }
}
