li{list-style: none;} header, footer{line-height: 1.5;} footer .row{margin: 0 -15px;} footer .row [class*="col-"]{padding: 0 15px;} @media(min-width:1250px){ header .container-fluid, footer .container-fluid{padding-left: 32px; padding-right: 32px; } header .container, footer .container{max-width: 1250px;} } header .row, footer .row{margin: 0 -15px;} header .row [class*="col-"], footer .row [class*="col-"]{padding: 0 15px;} @media(min-width:1500px){ header .container, footer .container{max-width: 1280px;} } @media(min-width:1500px){ header .container, footer .container{max-width: 1440px;}} .stickyMasterTopBar{margin-bottom:0; text-align: center;position: relative;padding:5px 0 5px;font-size: 14px;} .stickyMasterTopBar .closeInfoBar {position:absolute;right:19px;top:48%;transform:translateY(-50%); color: #fff;} .stickyMasterTopBar .infoList a {text-decoration:underline;padding-left: 6px;} .headerTop {background: #c52033; padding: 4px 0;} .headerTop li {padding-left:20px;} .headerTop li:last-child {margin-right:0;} .headerTop li.greenIcon i.iconfont {font-size: 11px;} .headerInfoBar { position: relative; font-size: 12px; padding: 5px 0;} .headerInfoBar .closeInfoBar {position: absolute; right: 10px; color: #fff; color: #fff; top: 46%; transform: translate(0, -50%); text-decoration: none;} header, footer, .cmpModalBox, .footerCookies{ font-family: 'Open Sans', sans-serif;} /*.mainNav > li > a.redColor { color: #dc3545;}*/ .counterTop {font-size: 16px; font-style: normal; margin-left: -4px;} nav .navication .mainNav { padding-top: 12px;} footer{width: 100%; float: left;font-size: 16px; } img { height: auto;} .headerTop li a { color: #fff; font-size: 12px; font-weight: 500; display: flex; align-items: center} .headerTop li a span{text-transform: capitalize;} .headerTop li a:hover { color:#e3e2e2; text-decoration: none;} .headerSocial .fa {font-size: 14px; display: inline-block; margin-right: 2px;} .headerSocial li .dropdown-menu:before { content: '\25B2'; position: absolute; top: -14px; font-size: 12px; color: #ddd; right: 10px;} .headerSocial li .dropdown-menu {right: 0; left: inherit !important; transform: inherit !important; top: 100% !important; padding: 0; width: 160px;} .headerTop .headerSocial .dropdown li a, .headerTop .headerSocial .dropdown li a:hover{color: #000;} .headerSocial li .dropdown-menu li { margin-left: 0; border-top: 1px solid #ddd; padding: 4px 10px;} .midHeader {background:#fff;padding:22px 0;text-align: center;} .headerSocial .iconfont {font-size: 22px; vertical-align: top; display: inline-block;} header nav {background:#fff;border-top:none;} .searchDesktop .form-control{border-radius:0;height:32px;box-shadow:inherit;outline:0; font-size: 14px; width: 250px; font-size: 13px;} .ftSocials p {color:#fff;} .ftpSocial li a{color:#fff;padding:0 7px;font-size:22px} .ftpSocial li a:hover{color:#545454;} .ftSocials {display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;} .mainNav > li.siteSearch .dropdown-menu, .headerTop .searchNav .dropdown-menu { width: 200px;} .mobileMenu{color:#fff; margin:0 0 13px; line-height: normal;letter-spacing: 0; } .ftpNav p{color:#fff;font-weight:400;font-size:16px;line-height:25px;letter-spacing:.5px} .ftpNav a{color:#fff;font-weight:normal} .ftpNav li a{color:#fff;font-weight:400;text-decoration:none;margin:0 0 0px;display:inline-block} .ftpNav li a:hover{color:#fff; } .ftpNav p a:hover{color:#fff;text-decoration: underline;} .copyText {color: #fff;} .copyText a{color: #fff; text-decoration: underline;} .subscribeBoxes h3{color:#fff; margin:0 0 15px; line-height: normal; font-weight: 300; font-size: 20px;} .subscribeBoxes p {color:#fff;font-size:14px;line-height:18px;margin:8px 0 8px;} .subscribeBtn{background:inherit;color:#fff;margin:22px 0 0;padding:5px 25px 3px;border:solid 2px #fff;text-transform: uppercase; font-size: 15px; border-radius:25px;} .subscribeBtn:hover{background:#545454;color:#fff;border:solid 2px #fff;} button:focus { outline: none !important; } a:focus { outline:none !important; } #subscriber_email{ height: 45px; box-shadow: inherit; outline: 0;} .dropdown.searchNav .dropdown-menu {padding: 0; right: 0 !important; border: none; left: inherit !important; transform: inherit !important; top: 100% !important;width: 250px; border-radius: 0;} .dropdown.searchNav .dropdown-menu .form-control {border-radius: 0; font-size: 14px; height: 40px; width: 120px;} .dropdown.searchNav .dropdown-menu .btn { background: #000; color: #fff; border-radius: 0; padding: 0 10px;} .mainNav li { line-height: 24px; } @media(min-width:993px){ header nav{margin-bottom: 10px;} .footerCol{ padding: 0 10px;} nav li.otherLogo{position:absolute;left:15px;top:-82px} nav li.rolexClock{position:absolute;right:3px;top:-84px} #navication .container {position: relative;} .mainNav li .navCatList li{ line-height: 32px; } .mainNav li a{color:#000;font-size:13px;text-transform:uppercase; text-decoration: none; } .mainNav li .navCatList li a{font-size: 14px;} nav strong{font-weight: bold;} .mainNav >li>a{padding:0px 12px; display: block; position: relative; } nav ul li:hover a.mainLinks .hoverHtext { z-index: 5; position: relative; color: #fff; } nav ul li:hover a.mainLinks:after { content: ''; position: absolute; right: 0; width: 100%; height: 100%; top: 0px; transform: perspective(100px) rotateX(160deg); background: #c52033; z-index: ; color: #fff; } nav ul li.ddYes a span.arrowUps:after { font-family: 'FontAwesome'; content: "\f107"; margin-left: 6px; } nav ul li.ddYes:hover a.mainLinks span.arrowUps {color: #fff;} .mainNav li a:hover, .searchDesktop .btn:hover i{color:#060606; } .searchDesktop .btn{padding:0;background:inherit;color:#000;outline:0;box-shadow:inherit;} .cartImg { width:25px; margin: -12px 0 0;filter: invert(1);} #navication{position: relative;} .navication ul > li .megamenuWapper {background-size: cover !important; background-repeat: no-repeat !important; background-position: right !important; max-height: 0; overflow: hidden; position: absolute; z-index: 999; left: 0; right: 0; top: 100%; background-color: #fff; box-shadow: 1px 0px 2px #ccc; padding: 10px 0 30px; transition: all 0.8s linear; visibility: hidden; background: #fff;} .navication ul > li:hover .megamenuWapper { max-height: 1000px; visibility: visible;} .navication ul > li .megamenuWapper.dropdown-open { max-height: 1000px; visibility: visible;} .navCatList > li { flex: 1 1 25%; max-width: 25%; padding: 0 15px;} .navCatList > li > a{position: relative; color: #000; margin-bottom: 10px; padding-left: 0; padding-right: 0;} .navCatList > li > a:before { content: ""; position: absolute; left: 0px; bottom: 0; width: 80px; height: 1px; background-color:#a69a96;} .navCatChildList li { padding: 0;} .navCatChildList li a{ text-transform: capitalize;color: #000; font-size: 14px;padding:2px 0; text-transform: uppercase;} .navCatChildList li a:hover, .navCatList > li a:hover { color:#c52033; } .navCatList li a {border:none!important; position: relative; margin-bottom: 10px;} .navCatChildList{max-height:400px;overflow: auto; display: block; } .headerTop .searchWraps.dropdown-menu {position: static;display: inline-block !important;padding: 0;border: none;} } @media only screen and (min-width:992px) and (max-width:1200px){ nav li.otherLogo{top:-75px !important; } } @media(max-width:1500px){ .mainNav li a{font-size: 12px; padding: 0 7px;} } @media only screen and (max-width:1280px){ .mainNav li a { padding: 10px 5px;font-size: 11px;} } @media only screen and (max-width:1200px){ .mainNav li a { padding: 10px 5px;font-size: 9px;} } .footerTop {display: flex; flex-wrap: wrap;} .footerLeftBox {background: #c52033;width: 40%; padding: 40px 0;} .footerRightBox {background: #000;padding: 40px 0;width: 60%;} .footerLeftBox .footerContainer {float: right;} .footerLeftBox .footerContainer .row {width: 480px;} footer h4 {font-size: 16px;text-transform: uppercase; color: #fff; line-height: 1.5; font-family: 'Montserrat',sans-serif; margin-bottom: 10px;} footer p { color: #fff;} .popbtn a {font-size: 16px; text-decoration: underline; color: #fff;} .popbtn a:hover {text-decoration: none; } footer .ftpSocial { padding-top: 4px;} footer .ftpSocial li a {display: block;width: 32px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-size: 19px; border: solid 1px #fff !important; border-radius: 50%;} footer .ftpSocial li a i {line-height: 32px;} footer .ftpSocial li + li {margin-left: 10px;} footer .ftpSocial li a:hover {background: #fff; color: #000;} .ftpNav li { line-height: 27px;} .ftpNav li a { color: #ffffff; font-size: 14px;} .copy { background: #f2f2f2; padding: 10px;} .footerLinks {justify-content: center; margin: 3px 0 5px;} .footerLinks li:after { content: '|'; padding: 0 5px;} .footerLinks li:last-child:after { display: none;} .SecondFtp a{color: #fff;} .footerLinks a { color: #000;} .copys { color: #000; font-size: 14px; line-height: 25px; display: inline-block; width: 100%; margin-bottom: 0;} .footerRightBox .footerContainer {float: left; padding: 0 50px; width: 100%;} .footerRightBox .footerContainer .row { max-width: 680px;} .copys a {color: #000; text-decoration: underline; text-transform: uppercase;} footer strong{font-weight: bold;} @media (max-width: 1000px) { .footerLeftBox .footerContainer .row { width: 100%; } .footerRightBox .footerContainer {float: none; padding: 0 0;} .ftpNav li a { font-size: 14px; } .footerLeftBox .footerContainer {float: none;} } @media only screen and (max-width:1100px){ .ftpNav li a {font-size: 14px;} .mobileMenu {font-size: 16px;} .subscribeBoxes {text-align: center;} } @media only screen and (max-width:1180px){ .footer-top .subscribeBoxes{margin: 20px auto 0px;display: table;text-align: center;border-top: solid 1px #131212;width: 100%;padding: 20px 0 20px;border-bottom: solid 1px #131212;} .copyText {color: #fff;font-size: 13px;} .ftpSocial li a { font-size: 16px;} .ftSocials p {color: #fff;font-size: 14px;} } @media only screen and (max-width:992px) { .headerTopul{justify-content: space-between;} .headerTop li{padding-left: 0;} .headerTop .searchWraps.dropdown-menu { padding: 0; transform: inherit!important; left: auto!important; right: 36px!important;top: 24px!important;} .searchDesktop .form-control{height:41px;border:none} .searchDesktop .btn{padding: 0;} .navCatImage {display: none !important;} .midHeader img {width: 230px;} header nav { margin: 0; padding: 0; width: 100%; position: fixed; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: -1;} nav .navication .mobileNavigations {align-items: baseline !important;overflow-x: auto; overflow-y: visible;height: 95vh;padding: 0 0 130px;} nav .navication { border-right: solid 1px #eaeaea; padding: 0; margin: 0; width: 300px; height: 100vh; background-color: #fff; left: -300px; position: relative; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; overflow-y: auto; padding-bottom: 50px;} header nav .container {max-width: 100%;padding: 0;} header nav{border-top:none;padding:0 0; background-color: #fff} nav.showMainNav { visibility: visible; opacity: 1; z-index: 99999;} nav.showMainNav .navication { left: 0; visibility: visible; opacity: 1;} header nav{padding: 5px 0;} .navHeader{padding:10px 10px;} .navHeader ul li a{ padding: 0 10px; font-size: 16px;} .navHeader ul li a .iconfont { float: none !important;} .navHeader img{width:210px} .mainNav{flex-wrap:wrap; padding: 0px 0 20px;} .mainNav li{display:inline-block;width:100%;border-bottom:solid 1px #ddd;padding:0;} nav ul li.ddYes a.mainLinks span.arrowUps:before {font-family: 'FontAwesome'; content: "\f107"; float: right; color: #000 !important;} nav ul li .navCatList li a span.arrowSubNav:after {font-family: 'FontAwesome'; content: "\f105"; float: right; color: #000 !important; } .mainNav li.otherLogo{text-align: center;} .mainNav li a{display: inline-block;width: 100%;padding:10px 16px;text-decoration:none;color:#000; font-size: 13px; text-transform: uppercase;} nav .navHeader .btnNavToggle {text-decoration: none; width: auto; z-index: 99; height: 48px; display: inline-block; color:#000; text-align: center; border: none; position: absolute; right: 10px; width: 25px; height: 25px; line-height: 21px; top:10px;} header nav ul li .megamenuWapper { display: none;} nav .navication .mainNav{padding-top: 0;} nav ul li a .iconfont-downarrow {font-size: 13px;float: right;} .mainNav li:last-child{border-bottom:none;} nav ul.navCatList li{position: relative;background:#f2f2f2;border-top:1px solid #d7d7d7;border-bottom:none} nav ul.navCatList li:first-child {border-top: 1px solid #ddd;} nav ul li a.d-lg-none {position: relative;} .navCatChildList{margin:0;padding:0;display:block!important;list-style:none;position:fixed;background:#fff;height:calc(100vh - 60px);overflow-y:auto;z-index:999;width:300px;top:60px;left:-100%;transition:all 0.4s ease-in-out} nav ul.navCatList li a {color:#000;} nav ul.navCatList li a i {font-size:14px;float:right;position:absolute;right:12px;top:50%;transform: translateY(-50%)} .navCatChildList { margin: 0; padding: 0; display: block !important;list-style: none;position: fixed;height: calc(100vh - 86px);overflow-y: auto; z-index: 999; width: 300px; top: 86px; left: -100%; transition: all 0.4s ease-in-out;} nav ul li .navCatChildList li a.closeDropdown span:after {font-size: 29px !important;font-family: 'FontAwesome'; content: "\f104";float: left; color: #fff;} nav ul li.mobList{padding-left: 24px;} .navCatChildList.showSubcategery {left: 0;} .navCatChildList .closeDropdown{position:absolute;right:0;top:50%;transform:translateY(-50%); color: #fff;} .navCatChildList li:first-child{background:#000} .navCatChildList li:first-child a { color:#fff;} .mobsearchNav .dropdown-menu {transform:inherit!important;right:0;left:auto!important;width:300px;padding:0;top: 24px !important;} .mobsearchNav .form-control{border-radius:0;outline:0;box-shadow:inherit; font-size: 14px;} .mobsearchNav form { position: relative;} .mobsearchNav form .btn{position:absolute;top:0;right:0;height:100%;padding:0;width:50px;background:none; color: #939393; border:none;border-radius:0;outline:0;box-shadow:inherit} .mobsearchNav .form-control:focus, .mobsearchNav form .btn:focus {box-shadow: inherit;} header .container {max-width: 100%; padding: 0 15px;} header .headerTop .container {padding: 0 15px;} .btnNavToggle{position: relative;top: -1px;} .mobsearchNav{margin-top: 10px;} .navHeader .dropdown-menu li{border-top:1px solid #ddd;} .navHeader .dropdown-menu li:first-child{border-top:none;} .navHeader .dropdown-menu li a{font-size: 14px;} .navHeader .dropdown-menu{padding: 0;} .navHeader .dropdown-menu li .loginValue{padding: 0 10px; font-size: 14px;} .headerTop li a{font-size: 14px;} .headerSocial .iconfont{font-size: 20px;} .dropdown.searchNav .dropdown-menu{width: 200px;} .headerTop{padding: 6px 0;} .headerTop .searchNav li a{font-size: 14px;} .headerTop li:first-child{margin-left: 0;} .headerTop li{margin-left: 0; margin-right: 0;} .headerTop li + li{padding-left: 10px;} .headerTop li .cartImg{width: 28px;} .ftpNav p {font-size: 14px;} .mobHide{display: none;} .rolexClock{text-align: center;} .ftSocials {justify-content: center;} .footerLeftBox, .footerRightBox { width: 100%; padding: 40px 0; } .ftpNav li a, .footerLinks a, .copys, .popbtn a { font-size: 14px;} .headerTop ul{justify-content:space-around;} .loginValue{text-transform: capitalize;} } @media only screen and (min-width: 768px) and (max-width: 992px) { .headerSocial li a { font-size: 14px; } .headerTop .container { max-width: 90%;} } @media only screen and (max-width:767px){ .headerTop li + li{padding-left: 25px;} .headerTop li i { color: #fff;} .stickyMasterTopBar .closeInfoBar{color: #000;} .mainBanner {box-shadow: inherit;} .subscribeBoxes{width: 100% !important;text-align: center;} .stickyMasterTopBar .infoList li {font-size: 12px;line-height: 16px;padding: 0 30px;} .stickyMasterTopBar .closeInfoBar { right: 2px;} .footerCol {width: 100%;margin: 0 0px;} .ftpNav {display: none;} .mobileMenu{font-size:16px;margin:0;border-bottom:solid 1px #fff;padding:10px 10px 10px} .footerLeft .footerCol:first-child .mobileMenu {border-top:solid 1px #fff; } .footerLeft {margin-bottom:10px;margin-top: 10px;} .footerLeft .footerCol .mobileMenu:after {content:'+';float: right; font-size: 24px;margin: -5px 0 0;} .footerLeft .footerCol .mobileMenu.active:after {content:'-';float: right; font-size: 24px;} .ftpNav {padding: 10px 10px 10px;} .exploreBtn { right: 8%; bottom: 15%; font-size: 16px;z-index: 1;} .midHeader img {width: 200px;} .copyText {padding: 10px 0px 10px;line-height: 22px;font-size: 14px;text-align: center;} .fixMobile {position: fixed; bottom: 0; z-index: 9; background:#f2f2f2; padding:15px 15px 13px; width: 100%; display: flex; align-items: center; justify-content: center;} .fixMobile ul{display: flex;width: 100%;} .fixMobile ul li { word-wrap: break-word; margin-right: 24px;} .fixMobile ul li a { display: flex; align-items: center; } .fixMobile ul li span { font-size: 12px; line-height: 16px; padding-left: 5px; } .fixMobile ul li:last-child { margin-right: 0px; } footer h4.mobileMenu::after { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 8px; font-size: 22px; transform: translateY(-50%); top: 50%; } footer h4.mobileMenu { font-size: 15px; padding: 15px 0 14px; position: relative; text-align: left;} .ftpNav {display: none; padding: 8px 7px;} .ftpNav li { text-align: left;line-height: 27px; } .footerLeftBox, .footerRightBox {width: 100%; padding: 20px 0 30px; text-align: center;} footer .ftpSocial { justify-content: center; display: flex; } } @media only screen and (max-width:340px){ nav .navication, .navCatChildList { width: 223px;} .navHeader img {width: 120px;} .headerTop{padding-bottom: 15px;} } .searchDesktop { position: relative; } .searchDesktop form .form-control:not(:placeholder-shown) ~ .autoSearch .autoSearchList {max-height: 380px;overflow-y: auto;} .searchDesktop .autoSearchList {width: 100%;margin: -2px 0 0;padding: 0;list-style: none;border: 1px solid #d5d5d5;background-color: white;max-height: 0;overflow: hidden;-webkit-transition: max-height 0.4s linear;-moz-transition: max-height 0.4s linear;-o-transition: max-mainNav 0.4s linear;transition: max-height 0.4s linear;} .searchDesktop .autoSearchList > li > a {display: block;padding: 0;color: black;text-transform: lowercase;} .searchDesktop .autoSearchList > li {width: 100%;margin: 0;padding: 5px;border-top: 1px solid #d5d5d5;font-size: 12px;} .searchDesktop .autoSearchList > li:first-child {border-top: none;} .searchDesktop .autoSearch {position: absolute; right:0; left:0;top:100% !important; transform:none !important; padding:0; margin:0; display:block;overflow: hidden; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition: all 0.4s linear; transition:all 0.4s linear; border:none !important; box-shadow:inherit !important;} .mobsearchNav form .form-control:not(:placeholder-shown) ~ .autoSearch .autoSearchList {max-height: 380px;overflow-y: auto;} .mobsearchNav .autoSearchList {margin: -2px 0 0;padding: 0;list-style: none;border: 1px solid #d5d5d5;background-color: white;max-height: 0;overflow: hidden;-webkit-transition: max-height 0.4s linear;-moz-transition: max-height 0.4s linear;-o-transition: max-mainNav 0.4s linear;transition: max-height 0.4s linear;} .mobsearchNav .autoSearchList > li > a {display: block;padding: 0;color: black;text-transform: lowercase;} .mobsearchNav .autoSearchList > li {width: 100%;margin: 0;padding: 5px;border-top: 1px solid #d5d5d5;font-size: 12px;} .mobsearchNav .autoSearchList > li:first-child {border-top: none;} .mobsearchNav .autoSearch {position: absolute; right:0; left:0;top:100% !important; transform:none !important; padding:0; margin:0; display:block;overflow: hidden; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition: all 0.4s linear; transition:all 0.4s linear; border:none !important; box-shadow:inherit !important;} @media only screen and (max-width:767px){ .mobsearchNav .autoSearch{width: 100%;} } .skiptomaincontent { position: absolute; left: 10%; z-index: 100; overflow: hidden; top: 0; background-color: #000; color: #fff; transform: translate(-50%,-100%); transition: transform 0.3s; font-size: 16px; padding: 10px;} .skiptomaincontent:focus {transform: translate(-50%, 0%); color: #fff; background-color: #000;}