.text-theme{color: var(--clrParrot);} .PT15{padding-top:15px} .btn-gray{background-color: #e0e0e0; border-color: #e0e0e0} .btn-gray:hover{background-color: black; border-color: black; color: white} .oneFourth-new,.threeFourth-new,.twoFourth-new{float:left;margin:0 1% 0 0;padding:0 0} .oneFourth-new{width:24.25%} .twoFourth-new{width:49.5%} .threeFourth-new{width:74.75%} .contactPageContainer .form-group{margin-bottom:0} .contactPageContainer .form-group .control-label,.contactPageContainer .form-group input,.contactPageContainer .form-group select,.contactPageContainer .form-group textarea{margin-bottom:15px} .product-sample{margin-bottom:15px} .contentBox{margin-left:0} .education-product-container{width:100%;margin:0 0;padding:0;float:left} .education-product-container .education-pro-listing{background-color:#fff;border:1px solid #d5d5d5;display:block;height:264px;position:relative;margin-bottom:10px;text-align:center} .education-product-container .education-pro-listing a{cursor:pointer} .education-product-container .education-pro-listing a img:hover{opacity:.8} .education-product-container .education-pro-listing span.month-diamond{width:60px;height:40px;position:absolute;top:0;left:0;font-size:24px;color:#fff;z-index:1000;text-align:center;line-height:38px;background:#d5d5d5} .education-product-container .education-pro-listing span.month-diamond-name{width:100%;position:absolute;bottom:30px;left:0;font-size:22px;z-index:1000;text-align:center} .education-product-container .education-pro-listing .edu-pro-detail-con{width:966px;height:auto;margin:0;padding:0 0 30px;position:absolute;background-color:#f5f5f5;display:none;z-index:10000;border:1px solid #ddd;top:260px;left:-1px} .education-product-container .education-pro-listing .edu-pro-detail-con.sec-diamond{left:-245px!important} .education-product-container .education-pro-listing .edu-pro-detail-con.third-diamond{left:-489px!important} .education-product-container .education-pro-listing .edu-pro-detail-con.forth-diamond{left:-734px!important} .education-product-container .education-pro-listing .edu-pro-detail-con .close-btn{clear:both;height:40px;margin:0;padding:10px 3% 0 0;text-align:right} .education-product-container .education-pro-listing .edu-pro-detail-con .close-btn img{width:auto} .education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-head{clear:both;height:auto;margin:0 0 37px;padding:0;text-align:center;font-size:40px;font-weight:500;text-transform:capitalize} .education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-img{clear:both;height:250px;margin:0 0 20px;padding:0;text-align:center} .education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-stone{clear:both;height:auto;margin:0;padding:0;text-align:center;font-size:24px} .education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-stone span.edu-pro-stone-text{font-size:24px;display:inline-block;clear:both;margin:0 10px 0 0;padding:0;line-height:22px;font-weight:500;text-transform:uppercase;vertical-align:top} .education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container{font-size:22px;color:#444;clear:both;margin:50px 50px 20px 0;padding:0;line-height:26px;text-align:left} .education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container a.stone-link{margin:40px 0 0 0;padding:15px;font-size:24px;color:#fff;text-decoration:none;background-color:#a89967;float:left;line-height:24px} .education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container a.stone-link:hover{background-color:#d6bf76;color:#fff;text-decoration:none} .gemstones-diamond-img{clear:both;margin:0;padding:0} .gemstones-right-container{clear:both;margin:0;padding:14px 0 0} .gemstones-right-container p{font-size:18px;color:#666;clear:both;margin:0 50px 25px 0;padding:0;line-height:24px;text-align:left} .gemstones-right-container .birthstone{font-size:20px;clear:both;margin:0;padding:30px 0 0;text-transform:uppercase} .gemstones-right-container .birthstone span{font-size:20px;color:#666;clear:both;margin:0 20px 0 5px;padding:0;text-transform:capitalize} .gemstones-right-container .birthstone a.stone-link{margin:-30px 0 0 0;padding:15px;font-size:20px;color:#fff;text-decoration:none;float:right;background:#b39964;background:-moz-linear-gradient(top,#b39964 0,#8f7c4f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b39964),color-stop(100%,#8f7c4f));background:-webkit-linear-gradient(top,#b39964 0,#8f7c4f 100%);background:-o-linear-gradient(top,#b39964 0,#8f7c4f 100%);background:-ms-linear-gradient(top,#b39964 0,#8f7c4f 100%);background:linear-gradient(to bottom,#b39964 0,#8f7c4f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#B39964', endColorstr='#8F7C4F', GradientType=0 )} .gemstones-right-container .birthstone a.stone-link:hover{background-color:#d6bf76;color:#fff;text-decoration:none} .emptyCartPage .btn{font-weight: bold;font-size: 20px; width: 220px; text-align: center; font-family: Gotham; height: 53px;padding: 0 !important;line-height: 53px;} .emptyCart{width:190px; height: 250px; margin:50px auto 50px;padding:0;position:relative} .drawer-bag-container .emptyCart{width: 150px; height: auto;} .drawer-bag-container .emptyTitle{font-size: 22px; margin:65px 30px;} .emptyCart i{font-size:200px;color:rgba(0,0,0,.3)} .emptyCart span{font-size:20px;position:absolute;top:70px;text-align:center;left:47px;right:0;color:#fff} .emptyTitle{font-size:40px;text-align: center; margin: 70px;} @media(max-width:780x){ .product-sample table{width:100%!important} } .newHomeContainer{margin:20px 0;padding:0;overflow:hidden} .uls-columns{list-style:none;margin:0 -10px;padding:0} .uls-columns li{float:left;margin:0 0 20px;padding:0 10px;box-sizing:border-box;position:relative;text-align:center} .uls-columns .uliBlock{position:absolute;left:0;right:0;top:80px;z-index:1} .uls-columns .uliBlock .title{font-family:Gotham;display:block;text-transform:uppercase;margin:0 0 30px;line-height:50px} .uls-columns .uliBlock-white,.uls-columns .uliBlock-white a{color:#fff} .uls-columns .uliBlock-white a:before{background-color:#fff} .uls-columns .uliBlock a:hover{color:#1486e9} .uls-columns li:nth-child(2) .uliBlock,.uls-columns li:nth-child(6) .uliBlock{top:50%;height:121px;margin-top:-60px} .uls-columns li:nth-child(3) .uliBlock{top:85%;height:156px;margin-top:-78px} .stackRing{width:100%;float:left;border:1px solid #ddd;background:#f2f2f2;padding:10px;margin-bottom:15px} .offerProductContainer.activeOfferProduct{box-shadow:0 0 10px rgba(0,0,0,.15)} .offerProductContainer.title{border:none;background:0 0;padding:10px 0 0} .offerProductContainer.title label{overflow:hidden;position:relative} .offerProductContainer.title label input{opacity:0;visibility:hidden;left:-50px} .offerProductContainer.title label span{display:block;font-family:Gotham;font-size:18px;color:#000;position:relative;padding:0 0 0 30px;font-weight:400} .offerProductContainer.title label span::before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;border:2px solid #a5a5a5;background-color:#fff;transform:translateY(-50%)} .offerProductContainer.title label span::after{content:"";position:absolute;left:7px;top:2px;width:16px;height:8px;border:2px solid #000;border-top:none;border-right:none;transform:rotate(-40deg);display:none} .offerProductContainer.title label input:checked+span::after{display:block} .createYourAccount h5{font-size:18px} #signInDIv.panel-default,#signInDIv.panel-default>.panel-heading,.createAccountDiv .panel-default,.createAccountDiv .panel-default>.panel-heading{background:0 0;border:none;padding-bottom:0;box-shadow:none} #forgotPasswordDiv .panel-title,#signInDIv .panel-title,.createAccountDiv .panel-title{font-size:25px;font-family:Gotham;font-weight:500;text-transform:uppercase;color:#000} #signInDIv label,.createAccountDiv label{font-family:Gotham;text-transform:uppercase} #signInDIv label.checkAgree,.createAccountDiv label.checkAgree{text-transform:none} #signInDIv label.checkAgree input,.createAccountDiv label.checkAgree input{margin-right:9px} .sms_optin label{font-family:"Gotham";text-transform:inherit !important; display: inline !important;} #signInDIv .panel-body,.createAccountDiv .panel-body{padding-top:6px} #forgotPasswordDiv .form-control,#signInDIv .form-control,.createAccountDiv .form-control{height:47px;border:1px solid #6c6c6c;border-radius:0;font-family:Gotham} .createAccountDiv{width:100%;float:left;border-left:1px solid #000} #signInDIv .form-group,.createAccountDiv .form-group{margin-bottom:22px} .createYourAccount{border-bottom:1px solid #d9d9d9;padding-bottom:0;margin-bottom:32px} #forgotPasswordDiv, #signInDIv, .createAccountDiv, .guestdiv{padding:0 52px;font-family:Gotham;color:#000;box-shadow:none} #forgotPasswordDiv .btn, #signInDIv .btn, .createAccountDiv .btn, .guestdiv .btn{font-family: Gotham; font-weight: 400; font-size: 18px;} .guestdiv{width:100%;float:left;margin-top:-16px} .guestdiv .btnCheckoutGuest{width:235px} @media(max-width:767px){ .guestdiv{margin-top:0;padding:0} .guestdiv .btnCheckoutGuest{width:235px!important} } #forgotPasswordDiv.panel{box-shadow:none;border:none} .panel-info>.panel-heading{background:0 0;color:#000;font-size:18px;font-weight:500;border:none} #createAccountDiv h3,#signInDIv h3{margin-bottom:16px} #cart-div-id p{font-size:18px;margin-bottom:35px;font-family:Gotham;color:#000} .forgotPassword{font-family:Gotham;letter-spacing:1px} .forgotPassword a{text-transform:uppercase;font-size:14px;color:#000;text-decoration:underline} .loginPage #signInDIv .btn{font-weight:500;font-family:Gotham;font-size:18px;padding:10px 0;margin-top:30px;width:235px;color:#000} #forgotPasswordDiv .btn:hover,.loginPage #signInDIv .btn:hover{color:#fff} #forgotPasswordDiv .btn{font-weight:500;font-family:Gotham;font-size:18px;padding:10px 0;margin-top:30px;width:200px;color:#000} .borBottom{width:128%;float:left;height:2px;background:#777;margin:70px 0 30px -44px} .facebookSign{width:100%;float:left;padding:15px 0} .facebookSign p{padding-left:15px;font-family:Gotham} .selectDropDown{position:relative;font-family:Gotham;cursor:pointer;background:0 0;border:medium none;display:block;height:100%;outline:0 none;width:100%} .acceptText{font-weight:500;font-family:Gotham;color:#000} #forgotPasswordDiv label{font-weight:500;font-family:Gotham;color:#000} .selectDropDown:after{background:rgba(0,0,0,0) url(../images/select-icon.jpg) no-repeat scroll center center;content:" ";height:45px;position:absolute;pointer-events:none;right:1px;top:1px;width:27px} #cart-div-id.loginPage .btn,#createAccountDiv .btn{font-weight:500;font-family:Gotham;font-size:18px;color:#fff;margin-top:20px} #cart-div-id.loginPage .btn:hover,#createAccountDiv .btn:hover{color:#fff!important} #createAccountDiv .btn:hover{color:#fff} .createAccountDiv label.lowerCase{text-transform:capitalize} #createAccountDiv p,.accTerm,.radio-btn span{font-family:Gotham} .radio-btn span{font-size:14px;font-weight:700} .accTerm,.more-info{font-size:14px;font-family:Gotham;color:#000} .more-info{text-transform:uppercase;text-transform:uppercase} .accTerm{font-weight:700} .eventParticipant .title{display:block;font-size:24px;text-transform:uppercase;margin:0 0 15px;color:#000} .participants-box{width:100%;float:left;min-height:160px;padding:0;margin-bottom:15px} .participants-box .title{display:block;font-size:18px;margin:0 0 15px} .faqPage{width:100%;float:left; font-family: Gotham;} .faqPage h4{font-size: 28px; font-weight: 400; text-transform: uppercase; margin-bottom: 30px;} .faqPage h4.panel-title{margin-bottom: 0;} .faqPage .panel{border-radius:0} .faqPage .panel-heading{border-radius:0; padding: 0; background: none;} .faqPage .panel-title a{display: block; padding: 14px 15px; font-size: 24px; font-weight: 400; position: relative;} .faqPage .panel-title a[aria-expanded="true"]::after{position: absolute; content:'-'; right:16px; top:13px; color: #000; font-size: 20px; font-family: a;} .faqPage .panel-title a[aria-expanded="false"]::after{position: absolute; content:'+'; right:16px; top:13px; color: #000; font-size: 20px; font-family: a;} .faqPage .panel-group .panel + .panel{margin-top: -1px;} .faqPage p{line-height:32px;font-size:24px; margin-bottom: 15px;} .faqPage p a{text-decoration: underline;} .faqPage p a:hover{text-decoration: none; color: var(--clrParrot);} .faqPage .listTitle{margin-bottom: 3px;} .faqPage .contentList{margin: 0 0 20px 26px; padding: 0;} .faqPage .contentList > li{list-style:number;line-height:32px;font-size:24px; padding-left: 7px;} .topStyle{position:absolute;top:0;left:0;z-index:1} .participants-box p{line-height:24px} .selectDropDown.text-center .form-control{text-align:center} @media(min-width:768px){ .uls-columns .uli-col-5{width:41.666666%} .uls-columns .uli-col-7{width:58.333333%} .uls-columns .uli-full{width:100%} .uls-columns .uli-oneHalf{width:100%} .uls-columns .uli-oneThird{width:33.333333%} .uls-columns .uli-twoThird{width:66.666666%} .uls-columns .uliBlock-halfRight{left:30%} .uls-columns li:first-child .uliBlock{top:20px} .uls-columns .uliBlock .title{font-size:30px} .uls-columns .uliBlockLogo{width:150px} } @media(min-width:960px){ .uls-columns .uli-oneHalf{width:50%} .uls-columns .uliBlock-halfRight{left:50%} .uls-columns li:first-child .uliBlock{top:50px} .uls-columns .uliBlockLogo{width:250px} } @media(min-width:1080px){ .uls-columns .uliBlock .title{font-size:42px} .uls-columns li:first-child .uliBlock{top:80px} } @media(max-width:767px){ .uls-columns{margin:0} .uls-columns [class*=uli-]{width:100%;padding:0} .uls-columns .uliBlock-halfRight{left:0} .uls-columns .uliBlock .title{font-size:24px;margin-bottom:10px} .uls-columns .uliBlockLogo{width:100px} .uls-columns .uliBlock .MB50{margin-bottom:10px} .uls-columns li:nth-child(2) .uliBlock,.uls-columns li:nth-child(6) .uliBlock{height:81px;margin-top:-40px} .uls-columns li:nth-child(3) .uliBlock{height:101px;margin-top:-50px} .table-hover>tbody>tr:hover{background:0 0} #signInDIv,.createAccountDiv{padding:0} .createAccountDiv{border-left:none} } video::-webkit-media-controls-start-playback-button{display:none} .radiochain{width:100%;float:left;margin-bottom:13px} .radiochain span{margin-left:6px} .gift-card{width:100%;float:left;margin-top:5px;text-align:center;background-color:#f0f0f0;padding:10px;border:1px solid #ddd;text-transform:uppercase} .gift-card input[type=checkbox]{margin-right:4px} .gift-card #giftCard{margin-right:5px} .gift-card input[type=text]{width:60%;display:inline-block;padding:5px 10px;border:1px solid #ddd} .gift-card input[type=button]{padding:5px 15px;border:none} .showGiftCard{display:block!important;margin-top:8px} .gift-voucher-details{width:100%;float:left} .gift-voucher-details ul{padding-left:0} .gift-voucher-details li{width:100%;float:left;list-style:none;margin-bottom:15px; text-align: left;} .gift-voucher-details li input[type=text],.gift-voucher-details li textarea{width:100%;float:left;border:1px solid #ddd;padding:8px 10px} .gift-voucher-details li input[type=checkbox]{margin-right:5px} .activate-coupon{width:100%;border:1px solid #ddd;padding:15px;background:#ededed} .activate-coupon h3{margin-bottom:15px!important} .activate-coupon .form-control{height:40px} @media(min-width:1030px){ .gift-card input[type=text]{width:53%} } @media(min-width:780px){ .gift-card input[type=text]{width:50%} .gift-card input[type=button]{padding:5px 10px;font-size:12px} } @media(min-width:766px){ .gift-card input[type=text]{width:60%} } @media(max-width:1030px){ .borBottom{width:132%;margin-left:-29px} } .sezzle-detail-container{position:relative;margin-top:-334px;float:left} @media(max-width:780px){ .borBottom{width:126%} #signInDIv,.createAccountDiv{padding:0 20px} #forgotPasswordDiv .panel-title,#signInDIv .panel-title,.createAccountDiv .panel-title{font-size:20px} #cart-div-id p{font-size:17px} #cart-div-id .form-control{margin-bottom:15px} #signInDIv .form-group,.createAccountDiv .form-group{margin-bottom:0} } @media(max-width:766px){ #forgotPasswordDiv,#signInDIv,.createAccountDiv{padding:0 0} } .memo-price span{width:100%;float:left;padding:9px 0} .statusTrackingTabs{width:100%;float:left;margin:0;padding:0} .statusTrackingTabs .tab-content{border:none;padding:0;min-height:270px} .statusTrackingTabs .tab-content p{font-size:16px;line-height:22px} .statusTrackingTabs .tab-content .title{display:inline-block;background-color:#5a400d;padding:15px;color:#000;width:50%;text-align:center} .statusTrackingTabs .nav-tabs{border-bottom:none;margin-right:-10px;margin-left:-10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .statusTrackingTabs .nav-tabs>li{float:none;margin:0;padding:10px;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .statusTrackingTabs .nav-tabs>li>a{margin:0;padding:15px;line-height:inherit;color:#333;background-color:#fff;border-color:#ccc;border-radius:0;font-family:Gotham} .statusTrackingTabs .nav-tabs>li>a:hover{color:#333;background-color:#e6e6e6;border-color:#adadad} .statusTrackingTabs .nav-tabs>li.active{display:none} .statusTrackingTabs .nav-tabs>li.active>a,.statusTrackingTabs .nav-tabs>li.active>a:focus,.statusTrackingTabs .nav-tabs>li.active>a:hover{color:#fff;cursor:default;background-color:#5a400d;border-color:#5a400d} .statusTrackingTabs .form-control{border-radius:0} .orderTable{width:100%;float:left;margin:0;padding:0} .orderTable table{width:100%;border:none;border-collapse:collapse} .orderTable table tr td,.orderTable table tr th{padding:5px;text-align:center;width:20%} .orderTable table thead tr th span{display:block;padding:10px 12px;background-color:#5a400d;text-transform:uppercase} .orderTable table tbody tr{border-bottom:1px solid #d5d5d5} .orderTable table tbody tr td{padding:12px 5px} #getOff{width:300px;position:fixed;left:20px;bottom:40px;display:inline-block;background-color:#5a400d;padding:12px;border-radius:18px;transition:all 3s ease-in-out;z-index:999; box-shadow: 0 0 15px rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.7);} #getOff .getOff{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center} #getOff .closeGetOff,#getOff .collapseGetOff{font-size:16px;width:24px;height:24px;text-align:center;line-height:22px;border-radius:50%;background-color:rgba(255,255,255,.5);position:absolute;top:0;color:#000} #getOff .closeGetOff{left:0} #getOff .collapseGetOff{right:0; background-color: transparent;} #getOff .collapseGetOff .fa-angle-down{display: none;} #getOff .collapseGetOff .fa-angle-up{display: inline-block;} #getOff .collapseGetOff.collapsed .fa-angle-down{display: inline-block;} #getOff .collapseGetOff.collapsed .fa-angle-up{display: none;} #getOff label{font-size:20px;margin:0} #getOff label small{font-size:11px;display:block} #getOff p{font-size:10px;padding:5px 7px;margin:5px 0;display:block;line-height:12px;border-top:1px solid #e5e5e5} #getOff .input-group .form-control{border: none;} #getOff .input-group .form-control::-moz-placeholder{font-size:16px} #getOff .input-group .form-control:-ms-input-placeholder{font-size:16px} #getOff .input-group .form-control::-webkit-input-placeholder{font-size:16px} #getOff.closed{display:none} #getOff.hideMe{opacity: 0.2; left: -120%;} .customForm .title{font-size: 14px; font-family: ArcherPro; font-weight: 400; text-transform: uppercase;} .customForm .subTitle{font-size:18px;margin-bottom:25px;color:#000; font-weight: bold;} .customForm .form-group{position: relative;} .customForm .form-control{border-color:#6c6c6c;border-radius:0; font-family:"Gotham"; font-weight: 600; color: black;} .customForm .form-control.err{border-color:red;} .customForm .forgotPassword{position: absolute; right: 12px; top: 14px; color: #999; font-size: 13px;} .customForm .forgotPassword:hover{color: black;} .customForm .btn{font-weight: 400; font-size: 20px;} .customForm .btnLogin{font-weight: bold;font-size: 20px; text-align: center; font-family: Gotham; height: 53px;} .customForm .btnLoginNew{font-weight: bold;font-size: 20px;width: 220px; font-family: Gotham; padding: 0 !important;line-height: 53px;} .customForm .btnLoginres{font-weight: bold;font-size: 20px; font-family: Gotham; padding: 0 30px !important;line-height: 53px;} .customForm .btnGuest{} .customForm .haveAc{color: #555; font-size: 15px; font-family: Gotham;} .customForm .haveAc a{color: black; font-weight: bold; font-size: 16px;} .customForm .btnFB{border: none; border-radius: 0; background: #517cc0; font-size: 14px; font-weight: normal; color: white; width: auto; padding: 10px 15px;} .customForm .btnFB span{border-left: 1px solid #3d68ac; padding-left: 12px; margin-left: 12px;} .customForm .agreeText{font-weight: 400; line-height: 20px; font-family: Gotham; font-size: 16px;} .customForm .agreeText a{font-weight: 400; font-family: Gotham; } .customForm .agreeText input[type="checkbox"]{vertical-align: top; } /*.customForm .agreeText input[type="checkbox"] + span{border:1px solid #ddd; background: #fff; border-radius:3px; width: 18px; height: 18px; display: inline-block; margin-right: 8px; vertical-align: top;} .customForm .agreeText input[type="checkbox"]:checked + span{background: #e7e05a;}*/ .customForm .agreeText label{float: left; margin-right: 10px;} .customForm form{position: relative;} .customForm form .alert{text-align: center; min-width: 250px; z-index: 1;} .orSeperator{display: inline-block; width: 30px; height: 30px; color: #a5a5a5; border-radius: 50%; text-align: center; line-height: 28px; position: relative; font-size: 12px;} .orSeperator::before, .orSeperator::after{content: ""; position: absolute; top: 50%; width: 50px; border-bottom: 1px solid #a5a5a5;} .orSeperator::before{left: calc(100% + 5px);} .orSeperator::after{right: calc(100% + 5px);} /*.yotpo .yotpo-nav { background: transparent; border-color: rgba(0,39,59,0.08); display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .yotpo .yotpo-nav ul { float: left; padding: 0; font-size: 15px; margin: 0px;} .yotpo .yotpo-nav li { float: left; margin: 0px 18px 4px 0px; font-size: 15px; display: list-item;} .yotpo .yotpo-nav li .yotpo-nav-wrapper { padding-bottom: 6px; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 3px solid; border-bottom-color: currentcolor; border-color: #3085c7;} */ @media(max-width: 767px){ .customForm .subTitle{font-size:16px;margin-bottom:25px; text-align: center;} .customForm .form-control{font-size: 16px;} .customForm{margin-bottom: 40px;} } @media(max-width: 355px){ .customForm .title{ margin-bottom: 10px !important;} } #forgotPasswordDiv.panel{box-shadow:none;border:none} .panel-info>.panel-heading{background:0 0;color:#000;font-size:18px;font-weight:500;border:none} #createAccountDiv h3,#signInDIv h3{margin-bottom:16px} #cart-div-id p{font-size:18px;margin-bottom:35px;font-family:Gotham;color:#000} .forgotPassword{font-family:Gotham;letter-spacing:1px} .forgotPassword a{text-transform:uppercase;font-size:14px;color:#000;text-decoration:underline} .loginPage #signInDIv .btn{font-weight:500; font-size:18px; margin-top:30px;width:235px;color:#fff} #forgotPasswordDiv .btn:hover, .loginPage #signInDIv .btn:hover{color:#fff} #forgotPasswordDiv .btn{font-weight:500; font-size:18px; margin-top:30px;width:200px; color:#000} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li i { font-style: normal;} .sms_optin_radio{margin: 15px 0 0;} .sms_optin_radio label {margin-left: 5px;} /*.sms_optin_radio label span{border:1px solid #ddd; padding: 6px 25px; margin-left: 10px; position: relative;} .sms_optin_radio label span:before{position: absolute; content: ''; width: 13px; height: 13px; border:1px solid #ddd; background: #fff; border-radius:100%; top:7px; left:7px;} .sms_optin_radio label:first-child span{margin-left: 0px;} .sms_optin_radio label input{display: none;} .sms_optin_radio label input:checked ~ span{background: #5a400d; border-color: #5a400d;} .sms_optin_radio label input:checked ~ span:before{border:3px solid #fff; background: #000;} */ /*new cart page css start here*/ .iframeBlog{padding-left: 50px;} .shopping-cart-box.checkoutPage{font-family: Gotham;} .shopping-cart-box.checkoutPage .title{font-size: 22px; font-family: Gotham;} .checkoutPage .form-control{border-radius:0; height: 40px; font-size: 16px; color: #2c2c2c;} .checkoutPage .checkForm .form-control{height: 34px;} .checkoutPage .checkForm .form-group{margin-bottom: 10px;} .checkoutPage textarea.form-control{border-radius:0; height: 80px; border-color: #cdcdcd;} .checkoutPage .btn{font-size: 18px; font-family: Gotham; text-transform: uppercase; font-weight: 400; } .checkoutPage .clickBox{margin-bottom: 12px; font-size: 16px; } .checkoutPage .shippingAddress{display: none;} .checkoutPage .panel{border:none; box-shadow:inherit;} .shopping-cart-box.checkoutPage .title a{float: right; color: #000; font-size: 14px; display: none; margin-top: 7px;} .shopping-cart-box.checkoutPage .title {border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 20px;} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li{font-size: 16px;} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li input[type="radio"]{margin-right: 5px;} .shopping-cart-box.checkoutPage #creditTAbs, .shopping-cart-box.checkoutPage #paypal, .shopping-cart-box.checkoutPage #sezzle, .shopping-cart-box.checkoutPage #affirm{display: none;} .shopping-cart-box.checkoutPage #creditTAbs.active, .shopping-cart-box.checkoutPage #paypalTab.active, .shopping-cart-box.checkoutPage #sezzleTab.active, .shopping-cart-box.checkoutPage #affirmTab.active{display: block;} .shopping-cart-box.checkoutPage .tabs ul{padding-left: 0; margin-bottom: 0; border-right:1px solid #ddd; position: relative;z-index: 1;} .shopping-cart-box.checkoutPage .tabs ul.giftChkoutPayment{min-height: 230px;} .shopping-cart-box.checkoutPage .tabs ul li:first-child label{border-top:none;} .shopping-cart-box.checkoutPage .tabs ul li label{border-top:none; display: inline-block; border-top:1px solid #ddd; padding:18px 10px; background: #f1f1f1; width: 200px; position: relative; z-index: 99;} .shopping-cart-box.checkoutPage .tabs ul li label input{display: none;} .shopping-cart-box.checkoutPage .tabs ul li{width: 100%; display: inline-block;} .shopping-cart-box.checkoutPage .tabs ul li label{margin-bottom: 0; display: block; font-size: 16px; cursor: pointer;} .shopping-cart-box.checkoutPage .tabs ul li label input + span{width: 16px; height: 16px; border-radius:100%; border:1px solid #ddd; display:inline-block; background: #fff; position: relative; vertical-align: top; margin-right: 4px; margin-top: 2px;} .shopping-cart-box.checkoutPage .tabs ul li label input:checked + span{border:1px solid #ddd; background: #fff;} .shopping-cart-box.checkoutPage .tabs ul li label input:checked + span:after{content: ''; width: 8px; height: 8px; position: absolute; left:50%; top:50%; border-radius:100%; background: #5a400d; margin: -4px 0 0 -4px;} .shopping-cart-box.checkoutPage .tabs ul li label{display: block;} .shopping-cart-box.checkoutPage .tabs ul li.active{ background: #fff;} .shopping-cart-box.checkoutPage .tabs{border:1px solid #ddd; margin-bottom: 20px;} .shopping-cart-box.checkoutPage .tabs .tabsContent{padding: 15px;} .shopping-cart-box.checkoutPage .tabs .tabsContent p{font-size: 18px; font-weight: 600;} .shopping-cart-box.checkoutPage .billingSet, .shopping-cart-box.checkoutPage .shippingSet, .shopping-cart-box.checkoutPage .giftSet{width: 100%; float: left; padding: 20px 10px; font-size: 16px; display: none; margin: -20px 0 20px; background: #f3f3f3;} .shopping-cart-box.checkoutPage .billingSet .h6, .shopping-cart-box.checkoutPage .shippingSet .h6, .shopping-cart-box.checkoutPage .giftSet .h6 {font-size: 18px; font-weight: 600;} .shopping-cart-box.checkoutPage .tabs ul li .repairReplacementChkClasee{display: flex; align-items: center;} .shopping-cart-box.checkoutPage .tabs ul li .repairReplacementChkClasee label{background: none; margin-right: 10px; padding: 0; width: 50%;} .shopping-cart-box.checkoutPage .tabs ul li .repairReplacementChkClasee label input{display: inline-block;} .shopping-cart-box.checkoutPage .review-order {border:1px solid #ddd; padding: 15px;} .shopping-cart-box.checkoutPage .sms_optin label {text-align: center; font-family: Gotham; font-size: 16px; float: left;} .shopping-cart-box.checkoutPage .sms_optin {text-align: left; } .shopping-cart-box.checkoutPage .checkoutOptionBox {margin-top: 0;} .shopping-cart-box.checkoutPage .review-order .title a{display: block; margin-top: 1px;} .shopping-cart-box.checkoutPage .guestText{padding: 12px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 18px; color: #333; margin-bottom: 15px;} .shopping-cart-box.checkoutPage .guestText .btn{margin-left: 10px; font-size: 16px;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent{position: absolute; padding-left: 210px; left:0; top:0; width: 100%; padding-right: 15px} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent .bottomBtn {margin-top: 20px; float: left; width: 100%;} .shopping-cart-box.checkoutPage .gift-card {margin-bottom: 15px; padding:0; background: none; border:none; margin-top: -14px;} .shopping-cart-box.checkoutPage .gift-card .divGiftCard{margin-top: 10px; width: 100%; float: left; } .shopping-cart-box.checkoutPage .gift-card input[type="text"]{padding: 10px; width: 100%; font-size: 16px;} .shopping-cart-box.checkoutPage .gift-card input[type="button"]{font-size: 14px; padding: 11px 20px 11px; margin-bottom: 0!important;} .shopping-cart-box.checkoutPage .subTitle{font-size: 18px; margin-bottom: 10px; font-weight: 400;} .shopping-cart-box.checkoutPage .sms_optin_radio{margin-top: 7px;} .btn-black { background-color: #000; color: #fff; border: none; border-radius: 0; text-shadow: none; letter-spacing: 1px; padding: 13px 20px; font-size: 18px; text-transform: uppercase; width: 100%; display: block; text-align: center;} .btn-black:hover { background-color: #e3e836; color: #000;} .shopping-cart-box.checkoutPage #gift-card{margin-bottom: 20px;} .shopping-cart-box.checkoutPage .bottomBtn{float: left; width: 100%;} .shopping-cart-box.checkoutPage #gift-card .bottomBtn{margin-bottom: 15px;} .shopping-cart-box.checkoutPage .estimatedDays{ background: #eaeaea; padding: 10px; margin: -10px 0 20px;} .becomeText{margin-bottom: 10px; font-size: 16px; font-weight: 400;} .enterGift{text-align: left; font-size: 16px;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent .bottomBtn .btn{width: 245px; text-align: center; padding: 18px 0; letter-spacing: 2px; border: 1px solid #000;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent .bottomBtn .btn:hover{border: 1px solid #5a400d;} @media(min-width: 766px){ .shopping-cart-box.checkoutPage .tabs ul{height: 40vh;} } @media(min-width: 1000px){ .shopping-cart-box.checkoutPage .tabs ul{height: 60vh;} } @media(min-width: 1200px){ .shopping-cart-box.checkoutPage .tabs ul{height: 68vh;} } @media(min-width: 1400px){ .shopping-cart-box.checkoutPage .tabs ul{height: 56vh;} } @media(min-width: 1600px){ .shopping-cart-box.checkoutPage .tabs ul{height: 44vh;} } @media(min-width: 766px){ .shopping-cart-box.checkoutPage .tabs ul li .tabsContent{height: 100%;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent .bottomBtn.completeOrder{position:static; margin-top: -10px;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #credit-card, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #paypal, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #affirm, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #sezzle, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #acima, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #chargeAfter, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #afterpay, .tabs ul li .tabsContent #klarna, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #aim-card {position: relative; height: 100%; z-index: 1;} .checkoutPage .bottomBtn .col-md-5 .btn{width: 250px; display: inline-block !important;} .checkoutPage .bottomBtn .col-md-5{text-align: right;} } .tabsDetail ul{padding-left: 0;} .tabsDetail ul li{list-style: none;} .tabsDetail ul li label span{display:block; font-weight: normal; font-family: Gotham; background: #f9f9f9; border:1px solid #ddd; padding: 10px 22px; cursor: pointer; font-size: 16px; position: relative;} .tabsDetail ul li label input{display: none;} .tabsDetail ul li:last-child span{ border-left:none;} .tabsDetail ul li label input:checked + span{background: #5a400d;} .tabsDetail ul li label input:checked + span:before{position: absolute; bottom: -16px; left:50%; margin-left: -9px; color: #5a400d; content: '\25bc'; font-size: 16px;} #desiredText, #customizationText{ border: 1px solid #ddd; float: left; width: 97.8%; padding-bottom: 20px; margin-left: 15px;} .tabsDetail #customizationText{padding-left: 15px; padding-right: 15px;} .tabsDetail #customizationText .btn {font-size: 14px; background:none; color: #000; padding: 0 35px; border: 1px solid #ddd; margin-bottom: 0; font-weight: normal; letter-spacing: normal; text-shadow: none; height: 43px; line-height: 40px;} .tabsDetail #customizationText .btn:hover{color: #000; text-shadow: none;} #openHandStampModal .modal-header .close{margin-top: -20px;} #openHandStampModal .inputbrowse{border:1px solid #ddd; width: 100%; padding: 10px 15px; float: left; margin-bottom: 15px;} #openHandStampModal .modal-header{background: #f4f4f4;} #openHandStampModal .modal-header h5{font-size: 16px;} #openHandStampModal .modal-body{text-align: center;} #openHandStampModal .imgUploadblock {width: 100%; float: left; text-align: center; margin-bottom: 15px;} #openHandStampModal .imgUploadblock #targetLayer img{border:1px solid #ddd; padding: 5px; display: inline-block;} .shopping-cart-box.checkoutPage .sms_optin #subcriberChkoutOptText{font-weight: normal;} .monthlyPayment p{margin-bottom: 0; margin-top: 2px; vertical-align: top; display: inline-block;} @media(max-width: 990px){ .checkoutPage .btn.d-block{margin-bottom: 20px; } .shopping-cart-box.checkoutPage .bottomBtn{text-align: center;} .bottomBtn .btn{min-width: 170px; text-align: center;} #desiredText, #customizationText{width: 96%; } } @media(max-width: 766px){ .shopping-cart-box.checkoutPage .tabs ul li label{width: 100%;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent{position: static; padding: 0 15px;} .shopping-cart-box.checkoutPage .tabs ul li label{position: static;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #credit-card, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #paypal, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #sezzle, .shopping-cart-box.checkoutPage .tabs ul li .tabsContent #affirm{padding: 15px 0;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent .bottomBtn{width: 100%; display:inline; margin: 10px 0 14px;} .shopping-cart-box.checkoutPage .guestText{flex-wrap:wrap; justify-content: center !important;} .shopping-cart-box.checkoutPage .guestText span{display: block; margin-top: 6px;} .shopping-cart-box.checkoutPage .guestText .btn{margin-bottom: 0;} /*.shopping-cart-box.checkoutPage #paymentMethod .bottomBtn .btn-default, .shopping-cart-box.checkoutPage #gift-card .bottomBtn .btn-default{float: left; width: 100%;}*/ .checkoutPage .guestText .btn{font-size: 16px; padding: 5px 20px;} .btn-black{font-size: 14px; padding: 14px 0;} .shopping-cart-box.checkoutPage .tabs ul li label:before{position: absolute; content: '\f107'; font-family:FontAwesome; right:10px; top;10px; font-size: 18px; font-weight: normal;} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li{float: left; width: 100%;} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li .fa-info-circle{font-size: 12px;} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li i{font-style: normal;} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li input{width: 25px; float: left;} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li span{width: calc(100% - 30px);float: left;} .shopping-cart-box.checkoutPage .shipping-method .radio-box ul li input[type="radio"]{margin-top: 4px; margin-bottom: 10px;} .shopping-cart-box .shipping-method .radio-box ul li{padding: 3px 0;} .enterGift{text-align: left; font-size: 14px;} .shopping-cart-box.checkoutPage .gift-card input[type="button"]{font-size: 12px; padding:13px 10px;} .shopping-cart-box.checkoutPage .tabs ul li .tabsContent .bottomBtn .btn{padding: 15px 0;} .shopping-cart-box.checkoutPage .sms_optin{margin-bottom: 0 !important;} .shopping-cart-box.checkoutPage .bottomBtn{margin-top: 15px;} .shopping-cart-box.checkoutPage .sms_optin label, .becomeText{font-size: 14px;} .iframeBlog{padding-left: 0;} .faqPage h4{font-size: 24px; line-height: 34px;} .faqPage .panel-title a, .faqPage p,.faqPage .contentList li{font-size: 18px; line-height: 26px;} .shopping-cart-box.checkoutPage .tabs ul li .repairReplacementChkClasee{flex-wrap:wrap; justify-content: center;} .shopping-cart-box.checkoutPage .tabs ul li .repairReplacementChkClasee label{width: 100%; margin-bottom: 12px;} .shopping-cart-box.checkoutPage .tabs ul li label{padding: 15px 10px;} } @media(max-width: 410px){ #desiredText, #customizationText{width: 92%;} .monthlyPayment {flex-wrap:wrap; justify-content: center !important;} .monthlyPayment img{margin-left: 0 !important;} } @media(max-width: 350px){ .shopping-cart-box.checkoutPage .gift-card input[type="button"] { font-size: 10px; padding: 14px 3px; } } @media(min-width: 766px){ .shopping-cart-box.checkoutPage .tabs ul.giftChkoutPayment:before{height: 100%; background: #ddd; content: ''; position: absolute; left: 200px; top: 0;width: 1px;} } #acimaLeaseContainer {height: 600px;}