@charset "utf-8"; 
/* CSS Document */ 
html{-webkit-text-size-adjust:none;/* Prevent font scaling in landscape */}
body{background-color:#eaeaea;margin:0;padding:0;outline:none;font-family:'Open Sans',sans-serif;line-height:normal;font-weight:400;color:#1a1a1a;}
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
p{margin:0;padding:0;}
img{border:0;vertical-align:text-top;}
.clear{clear:both;}
select{text-indent:6px!important}
@-moz-document url-prefix(){select{text-indent:2px !important}} 
select, input, textarea{margin:0;padding:0;outline:none;font-family:'Open Sans',sans-serif;font-size:16px;color:#1a1a1a;outline:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal;line-height:normal;font-family: 'Open Sans', sans-serif;}
hr{color:#dddddd;border:none;border-top:1px solid #dddddd;height:1px;margin:0;padding:0;margin-bottom:15px;}
.gradient{filter:none;} 
input[type=text],input[type=url],input[type=email],input[type=password],input[type=tel],input[type=button],input[type=submit], select{-webkit-appearance:none;-webkit-border-radius:0; border-radius:0;}
input[type=checkbox]{-webkit-appearance:checkbox;-webkit-border-radius:0;border-radius:0;}
input[type=radio]{-webkit-appearance:radio;-webkit-border-radius:0;border-radius:0;}
::-webkit-input-placeholder{/* WebKit browsers */color:#5d5d5d;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#5d5d5d;opacity:1;} 
::-moz-placeholder {/* Mozilla Firefox 19+ */color:#5d5d5d;opacity:1;}
:-ms-input-placeholder{/* Internet Explorer 10+ */color:#5d5d5d;}
/* new clearfix */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}

a{ color:#221d46;text-decoration:none}
a:hover{ color:#efb850;text-decoration:none}

* html .clearfix{zoom:1;}/* IE6 */
*:first-child+html .clearfix{zoom:1;}/* IE7 */
.uppercase{text-transform:uppercase}
.tcenter{text-align:center}
.tjustiry{text-align:justify}
.text13{font-size:13px}
.text15{font-size:15px;}
.text16 { font-size:16px}
.text17{font-size:17px;}
.text20{font-size:20px;}
.text25{font-size:25px;}
.text30{font-size:30px;}
.text35{font-size:35px;}
.line24{line-height:24px;}
.line20{line-height:20px}
.line22 { line-height:22px;}
.semibold{font-weight:600}
.bold{font-weight:800}
.line35{line-height:35px}
.line26{line-height:26px}
.col-yellow{color:#c29127}
.open-light { font-weight:300}


.medium{font-weight:500}
.semi-bold{font-weight:600}
.bold{font-weight:700}
.line20{line-height:20px}
.ptop10{padding-top:10px}
.ptop15{padding-top:15px}
.ptop20{padding-top:20px}
.ptop25{padding-top:25px}
.ptop30{padding-top:30px}
.col-white { color:#fff}
.text14 { font-size:14px;}
.text13 { font-size:13px;}
.col-gray { color:#595959}
.col-yellow { color:#efb850}
.line28{ line-height:28px;}

.col-blue { color:#221d46;}
.italic { font-style:italic}
.ptop5{ padding-top:5px;}
.line35 { line-height:35px}
.back-white { background:#fff}
.back-gray { background:#eaeaea}
.ptop5 { padding-top:5px;}
.line30 { line-height:30px}

/*********************************Header Starts here************************************/
.container{max-width:1540px;margin:auto;padding:0;width:auto; padding:0 20px}
.mainpage{ max-width:840px; margin:auto;  height:100vh; padding:0 20px}
.mainpage1 {    position: relative;    top: 50%;    transform: translateY(-50%); text-align:center}
.mainpage img { max-width:100%; height:auto}
.jade-main { box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 0px 32px 0px rgba(0, 0, 0, 0.3); }

.mainpage .copy{ padding-bottom:40px}


.nav-mobile{ width:280px; float:left;}
.nav-mobile-content{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; position:relative}
.close-box{ padding: 1px 10px 3px;font-size: 18px; text-align:center; position:absolute; top:9px; right:14px; border:1px solid #221d46; cursor:pointer; display:none;-webkit-border-radius: 50%;	-moz-border-radius: 50%;	border-radius: 50%; color:#221d46 }
.nav-mobile-fixed .close-box{ display:block}
.nav-mobile-overlay{ display:none}

.filtertop { padding-bottom:11px; border-bottom:1px solid #bcbcbc; padding-right:40px}
.filter-mobile { cursor:pointer; display:none}

.filter-mobile .fsocial{ margin-top:20px}
.filter-mobile .fsocial .fb1 svg{ width:26px; height:26px; color:#efb850 !important; fill:#efb850 !important;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.filter-mobile .fsocial .fb1 a:hover svg{ color:#221d46 !important; fill:#221d46 !important}
.filter-mobile ul li i:before { color:#fff; font-weight:normal}


.header { background:#221d46; padding:7px 0 13px}
.container { max-width:1600px; margin:auto}
.logo { float:left}

.header-right{ float:right; padding-top:26px;}
.btn1{ min-width:163px;  background:#efb850; text-align:center;  color:#221d46; display:inline-block;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size:14px; font-weight:600; text-transform:uppercase; position:relative }
.btn1 a, .btn1 span{ color:#221d46; text-decoration:none; display:block; padding:12px 17px ;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position:relative; z-index:10; cursor:pointer}
.btn1 a:hover,.btn1 span:hover {background:#221d46; text-align:center;  color:#efb850}
.header-right .btn1{ float:left; margin-left:20px;}
.header .btn1 a:hover ,.header .btn1 span:hover { background:#fff; color:#221d46; cursor:pointer}

.login-page { margin-top:100px;box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 0px 32px 0px rgba(0, 0, 0, 0.3); }
.login-page zzzx 
.symbol-laptop{ text-align:center}
.login-page-left { width:50%; float:left; padding:20px; background:#221d46; min-height:600px;}
.login-page-right { width:50%; float:right; padding:50px; background:#fff; min-height:600px; padding-top:77px; padding-bottom:0}
.symbol-laptop { margin-top:15px;}
.list-tick {}
.list-tick ul { margin:0; padding:0; list-style:none}
.list-tick li { position:relative; padding-left:37px; padding-bottom:19px}
.list-tick li:before {background:url(../images/sprite.png) -70px -10px no-repeat; content:''; position:absolute; top:-3px; left:0; width:27px; height:27px;}
.usersymbol { text-align:center; }
.usersymbol svg { width:111px;}

.forminput {}
.input-row{ position:relative; margin-bottom:20px}
.inputfield { width:100%; height:42px; border:1px solid #1a1a1a; font-size:15px; color:#5d5d5d; padding:10px 15px; padding-right:35px;}

.inputfield:focus { border:1px solid #efb850}

.iconinput {    display: -webkit-box;    display: -webkit-flex;    display: -moz-box;    display: -ms-flexbox;    display: flex;    align-items: center;    position: absolute;    border-radius: 25px;    bottom: 0;    right: 10px;    height: 100%;       pointer-events: none;    -webkit-transition: all .4s;    -o-transition: all .4s;    -moz-transition: all .4s;    transition: all .4s;}
.iconinput svg { width:13px; }

.inputbtn1{ height:42px; background:#221d46; color:#efb850; font-size:15px; font-weight:600; width:100%; border:0; text-transform:uppercase;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.inputbtn1:hover { background:#efb850; color:#221d46}
.inputfield:focus + .iconinput {    right:20px}
.inputfield:focus + .iconinput svg {color:#efb850 !important; fill:#efb850 !important}

.terms-forgot {}
.terms { float:left; font-size:14px; color:#221d46; font-weight:600; margin-top:27px;}
.terms a {color:#221d46; text-decoration:none}
.terms a:hover { color:#efb850; }
.forgot { float:left; font-size:14px; color:#221d46; font-weight:600; float:right; margin-top:27px}
.forgot a {color:#221d46; text-decoration:underline}
.forgot a:hover { color:#efb850; text-decoration:none }


/*Evaluator page css starts here*/
.you-logged { float:left; padding-top:8px;}
.drop1 { position:absolute; top:43px; left:0; width:100%; background:#fff; display:none}
.drop1 .drop-list { margin:0; padding:0; list-style:none}
.drop1 .drop-list li { border-top:1px solid #221d46}
.btn1:hover .drop1 {display:block; animation-name:slideInDown;animation-duration:0.5s;animation-fill-mode:both;z-index:99999;}

@-webkit-keyframes slideInDown {
  from {-webkit-transform:translate3d(0, -10%, 0);
  transform:translate3d(0, -10%, 0);
  visibility:visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}   
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}

.innerpage { background:#fff; padding:55px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.1); margin-top:55px;}
.evaluator { margin-top:40px;}
.evaluator img{ max-width:100%; height:auto}
.evaluator ul { margin:0; padding:0; list-style:none}
.evaluator li { width:32%; margin-right:2%; float:left; margin-bottom:40px;}
.evaluator li:last-child { margin-right:0; margin-bottom:0}
.evaluator-name{ background:#f2f2f2; border:1px solid #d5d0d0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2); padding:35px}
.eimage { width:154px; height:154px; background:#fff;-webkit-border-radius:50%; border-radius:50%; overflow:hidden; border:3px solid #221d46; margin:auto; position:relative}

.evaluator-details { border:1px solid #d5d0d0; margin-top:37px;  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2); background:#f2f2f2; padding:10px;}

.evaluator .fourbox li {
    width: 23.5%;
}
.evaluator .fourbox li h3 {
   height: 75px;
    font-size: 23px;
}

.gold-iframe {
    position: relative;
    padding-bottom: 80.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.gold-iframe iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

.footer { padding-bottom:30px}
.copy a{ color:#1a1a1a; text-decoration:none}
.copy a:hover { color:#efb850}

.withline-gray { padding-bottom:13px; border-bottom:3px solid #e8e8e8}


.innerpage-selection { padding-right:445px; position:relative; min-height:700px}

.shape-section{ }
.shape-section-left {}
.shape-section-right {}
.shape-box { margin:0 -18px; overflow:hidden; padding-top:10px}
.shape-section h2.text30 { padding-bottom:7px; padding-top:30px}
.sbox { width:180px; float:left; margin-bottom:44px; margin-left:17px; margin-right:18px;}
.shape-box .sbox .img-responsive {-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.2);box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.2); }
.shape-box .sbox .btn1 { width:100%; min-width:100%; margin-top:18px}

.shape-section-right{ width:400px; position:absolute; top:0; right:0; height:100%; background:#221d46}
.shape-selection-button {position: sticky;top: 0;left: 0; padding:30px 45px} 


.btn2{ min-width:163px;   background:#a5a5a4; text-align:center;  color:#1a1a1a; display:inline-block;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size:14px; font-weight:600; text-transform:uppercase; position:relative; font-size:17px }
.btn2 a{ color:#1a1a1a; text-decoration:none; display:block; padding:13px 17px ;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position:relative; z-index:10; cursor:pointer}
/*.btn2 a:hover {background:#221d46; text-align:center;  color:#efb850}*/

.shape-section-right .btn2 { width:100%; min-width:100%}
.shape-section-right .btn3 { width:100%}
/*.shape-section-right .btn2 a:hover{ background:#fff; color:#221d46 }*/
.btn2-active { background:#efb850; color:#221d46}
.btn2-active a { color:#221d46}
.shape-view {}
.shape { float:left}
.view-col { float:right; display:none}

.shape-selection-button1 { margin-bottom:20px}
.shape-selection-button .text25 { padding-bottom:25px}
.img-responsive { text-align:center}
.img-responsive img{ max-width:100%; height:auto}


.btn3{ min-width:163px;  background:none; border:3px solid #efb850; text-align:center;  color:#1a1a1a; display:inline-block;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size:14px; font-weight:600; text-transform:uppercase; position:relative; font-size:17px }
.btn3 a{ color:#efb850; text-decoration:none; display:block; padding:10px 17px ; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position:relative; z-index:10; cursor:pointer}
.btn3 a:hover {background:#efb850; text-align:center;  color:#221d46}

.products-left-overlay{ display:none}

.selectiontype1 { display:table; margin:auto; margin-top:16px}
.selectiontype1 img { vertical-align:middle; margin-top:-3px; margin-right:7px;}

.priceinput-section{ padding-top:10px}
.priceinput1 { background:#fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); max-width:320px; padding:13px 20px; border:1px solid #d5d0d0; margin-bottom:14px}
.priceinput-total .priceinput1{ background:#221d46; font-weight:bold; float:left; min-width:320px;}
.downloadpdf { font-size:17px; color:#221d46; float:left; text-transform:uppercase; margin-top:19px; margin-left:28px }
.downloadpdf a { color:#221d46; text-decoration:underline}
.downloadpdf a:hover { text-decoration:none}

.prestiage-address{ margin-top:30px;}
.prestiage-address a{ text-decoration:underline}
.prestiage-address a:hover { text-decoration:none}

.pricesize-section{ max-width:180px; padding-top:10px}
.psize { max-width:180px;}
.sel1 { width:167px;  background-color:#ffffff; border:1px solid #b0b0b0; font-size:14px; padding:1px;  color:#827878;  height:46px;line-height:39px;-webkit-appearance: none;  /*Removes default chrome and safari style*/     -moz-appearance: none;  /*Removes default style Firefox*/ position:relative; background-image:url(../images/arrow1.png); background-position:top 17px right 10px; background-repeat:no-repeat; text-indent:10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); border:1px solid #d5d0d0;}
.backyellow { background:#efb850; color:#221d46}
.backyellow a { color:#221d46;}
.backyellow a:hover { background:#221d46; color:#efb850}
.pricesize-section .sel1 { width:100%}
.pricesize-section .btn2 { width:100%; margin-top:24px;}

.shape-section-left .btn1 { font-size:15px}
.shape-section-left .btn1 a{ padding-top:15px; padding-bottom:15px;}
.priceinput-section .btn1 { width:180px}
.watch-elevator .pricesize-section .btn2 { margin-top:10px}
.pricesize-section{ max-width:none}
.psize { max-width:180px;}
.not-sure{ margin-top:30px}
.backblue { background:#221d46; color:#efb850 }
.backblue a { color:#efb850 }
.backblue a:hover { background:#efb850; color:#221d46}

.watch-view{}
.watchprice-section{ padding-top:14px}
.watchprice-section .text17{}
.watchprice-left{ width:320px; float:left; margin-right:90px; margin-top:35px}
.watchprice-right { margin-top:35px;}
.watchprice-left .btn1 { margin-top:0}
.watchprice-left .priceinput1{ max-width:none; width:100%;}
.watchprice-left .downloadpdf { margin-left:0; margin-top:10px }
.watchprice-left .priceinput-total .priceinput1 { margin-top:0}
.watchprice-right { width:340px; float:left}
.wprice-box {-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); padding:15px 30px}

.gold-withiframe {}
.gold-frame-left { float:left; width:530px;}
.gold-frame-right { width:900px; float:right; margin-top:40px}
.gold-frame-left .shape-box { padding-top:40px}
.gold-frame-right .gold-iframe { padding-bottom:45%}

.psize .wingrms{ margin-bottom:18px}

.input1 { width:100%; height:43px; border:1px solid #d5d0d0; padding:11px 13px; font-size:14px}
.shadow1 {-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);}

.change-password{ max-width:380px;}
.change-password .priceinput1 { width:100%; margin-top:8px;max-width:none}
.change-password .block1 { margin-top:15px}

.btnsubmit { min-width:220px; height:47px; background:#efb850; border:0; font-size:17px; color:#221d46; font-weight:600; cursor:pointer; text-transform:uppercase; padding:0 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.btnsubmit:hover { background:#221d46; color:#efb850}

.change-password .btnsubmit { margin-top:17px}

.btn3active { background:#efb850; color:#221d46}
.btn3active a { color:#221d46}

.contactdetails{ max-width:800px;}
.contactdeatils-left{ width:380px; float:left}
.contactdeatils-right{ float:right}
.contactdeatils-left .block1 { margin-top:20px}
.contactdeatils-left .priceinput1 { width:100%; margin-top:8px; max-width:none; font-size:20px; font-weight:600; color:#221d46; padding:15px 20px}
.contactdeatils-left .priceinput1::-webkit-input-placeholder{/* WebKit browsers */color:#221d46;}
.contactdeatils-left .priceinput1:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#221d46;opacity:1;} 
.contactdeatils-left .priceinput1::-moz-placeholder {/* Mozilla Firefox 19+ */color:#221d46;opacity:1;}
.contactdeatils-left .priceinput1:-ms-input-placeholder{/* Internet Explorer 10+ */color:#221d46;}
.contactdetails .btnsubmit { margin-top:22px}

.vtariff { padding-bottom:35px;}
  .vtariff ul { margin:0; padding:0; list-style:none; }
  .vtariff li { width:32%; background:#221d46; position:relative; padding:30px;  -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;  float:left; margin-right:2%; margin-top:20px}
  .vtariff .text25 {  position:relative; z-index:10; text-align:center; text-transform:uppercase; padding-bottom:5px}
  .vtariff li:last-child { margin-right:0}

.vcircle { width:125px; height:125px; -webkit-border-radius: 50%;	-moz-border-radius: 50%;	border-radius: 50%; background:#fff;	-webkit-box-shadow: inset 3px 4px 5px rgba(0,0,0,.75);	-moz-box-shadow: inset 3px 4px 5px #dea740;	box-shadow: inset 3px 4px 5px rgba(0,0,0,.75);	border:none; position:relative; z-index:10; margin:auto; font-size:17px; color:#3e3e3e; line-height:34px; text-align:center;  padding-top:32px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out; text-transform:uppercase; color:#221d46; margin-top:20px }
.vcircle span { display:block; color:#3e3e3e; font-size:40px; font-weight:bold; color:#221d46}
.text17 {}
.vtariff li .text17 span { color:#dea740}

.watchtable { border-collapse:collapse; border:1px solid #ccc}
.watchtable td { padding:10px; border:1px solid #ccc; background:#fff}
.watchtable tr td:first-child { background:#e7e7e7}

.gold-iframe { padding-bottom:39%}
.gold-frame-right .gold-iframe {    padding-bottom: 62%;}

.watchtable { background:#eaeaea; border:none; padding:0; margin:0; list-style:none;  padding:20px; padding-bottom:10px}
.watchtable li { color:#221d46; width:50%; float:left; padding-bottom:10px}
.watchtable li span{ color:#1a1a1a;font-weight:600;}

.btn1.btncur { float:left; font-size:22px; width:auto; min-width:80px; margin-left:20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);}
.btn1.btncur span{ }
.btn1.btncur .drop1 { border:1px solid #221d46;  top: 53px;}
.btn1.btncur.btncurw { margin-left:0; margin-right:15px}

.priceinput-totalwatch .downloadpdf{ margin-top:15px;}


/*Advanced Jewellery Calculator css starts here*/
.inner-page-advanced-evaluator{ min-height:1250px}
.advanced-evaluator-sections{ max-width:980px; padding-top:10px }
.adv-row {}
.adv-row-left { width:48%; float:left}
.adv-row-right { float:right}
.adv-row-left .priceinput1{ width:100%; min-width:inherit; max-width:inherit}
.adv-imagesectoin{ max-width:410px; float:right; }
.adv-imagesectoin ul { margin:0; padding:0; list-style:none;margin-left:-3%; margin-right:-3%;}
.adv-imagesectoin li{ float:left; width:44%; margin-left:3%; margin-right:3%; border:1px solid #d5d0d0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.advanced-evaluator-sections .downloadpdf{ margin-left:0; margin-top:10px;}
.adv-row.priceinput-total{ margin-top:30px}

.adv-row .adv-row-left .priceinput1 { margin-bottom:30px}

.advanced-evaluator-gems-sections{}
.gemsnumbering { margin:0; padding:0; list-style:none; margin-left:-1%; margin-right:-1%; overflow:hidden; padding:15px 0}
.gemsnumbering li { float:left; border:1px solid #d5d0d0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2); width:10.5%; margin-left:1%; margin-right:1%; margin-bottom:2%}
.gemsnumbering li img { max-width:100%; height:auto}
.btn4 { background:#221d46; color:#fff}
.btn4 a { color:#fff;}
.btn4 a:hover {background: #efb850;color: #221d46;}


@media only screen and (max-width:1599px)  {
.container { max-width:1200px}
.evaluator-name { padding:28px}
.evaluator li { }
.evaluator-details { text-align:center}
.evaluator-details { margin-top:0}
.graphdiv li {
    width: 100%;
    margin-right: 0;
}

.shape-section-right { width:350px;}
.shape-selection-button { padding:20px 30px}

.shape-box { margin: 0 -2%}
.sbox {    width: 21.0%; margin-left: 2%;    margin-right: 2%;}
.innerpage-selection { padding:34px; padding-right:384px;}

.gold-frame-left { width:100%;}
.gold-frame-right { width:100%}

.contactdeatils-left {    width: 353px;   }


.graphdiv.graphdiv2 .evaluator-details .gold-iframe {    padding-bottom: 54%; }

.watchtable { font-size:15px}
.watchprice-left { margin-right:70px}
.evaluator .fourbox li h3 {
    height: 65px;
    font-size: 20px;
}
}


@media only screen and (max-width:1200px)  {
.container { max-width:980px}

.text30 {    font-size: 27px;}
.text25 {    font-size: 22px;}

.text20 { font-size:18px;} 
.inputfield { font-size:14px}
.terms { font-size:14px; }
.forgot { font-size:14px;}
.text17 { font-size:15px;}
.line24 {    line-height: 22px;}
.text15 {    font-size: 14px;}
.line30 {    line-height: 28px;}

.btn1 { min-width:137px}

.shape-section-right {    width: 300px;}
.innerpage-selection {    padding: 34px;        padding-right: 34px;    padding-right: 331px;}
.sbox {    width: 29%;    margin-left: 2%;    margin-right: 2%;}
.btn2 { font-size:15px}
.btn3 { font-size:15px}

.contactdeatils-left {    width: 275px;   }
.contactdeatils-left .priceinput1 { font-size:16px; padding:13px 15px  }

.evaluator-name {
    padding: 20px;
}
.selectiondiv .text25 { font-size:20px;}


.evaluator .fourbox li h3 {
    height: 61px;
    font-size: 18px;
}

.gold-frame-right .gold-iframe {    padding-bottom: 67%;}
.graphdiv.graphdiv2 .evaluator-details .gold-iframe {    padding-bottom: 69%; }

.watchtable li { width:100%; padding-bottom:7px}

.priceinput-totalnew .downloadpdf { margin-left:17px}

.watchprice-left { width:296px; margin-right:18px}
.watchprice-right { width:260px}
.priceinput-totalwatch .priceinput1 { min-width:100%}

}

@media only screen and (max-width:980px)  {
	
	.header-right { display:none}
	.logo { float:left; text-align:center; width:180px}
	.logo img { max-width:100%; height:auto}

.filter-mobile {    display: block;    position: absolute;    top: 27px;    right: 10px;    width: 35px;}
.nav-mobile { opacity:0; visibility:hidden; overflow:hidden; height:0;}
.nav-mobile-content{right:-350px; position:relative;  }
.nav-mobile.nav-mobile-fixed {opacity:1; visibility:visible; overflow:visible; height:100%}
.nav-mobile-content { width:0; overflow:hidden;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;  }
.nav-mobile.nav-mobile-fixed .nav-mobile-content{ position:fixed; top:0; right:0; height:100%; z-index:10000; background:#fff;padding:14px; overflow:auto; width:350px;background:#221d46; overflow:auto }
.nav-mobile.nav-mobile-fixed .nav-mobile-overlay { position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9000;  top:0; left:0; display:block; overflow:hidden }
.filter-mobile1 svg { width:33px; fill:#fff !important; color:#fff !important;}
.body-fixed { overflow:hidden}
.filtertop a { color:#efb850}
.close-box { border:1px solid #fff; color:#fff}
.filter-mobile .sf-menu-phone li { background:none}
.filter-mobile .sf-menu-phone li a{ color:#fff}

.login-page {    margin-top: 50px;}
.login-page-left { width:100%; min-height:inherit; padding-bottom:40px}



.innerpage { padding:30px}
.evaluator {    margin-top: 25px;}
/*.evaluator-details { margin-top:30px}*/
.evaluator-name {    padding: 24px;}
.selectiondiv .text25 {

    font-size: 20px;
    height: 70px;

}
.evaluator-details {
    margin-top: 0;
}

.innerpage { margin-top:30px}

	.text30 {    font-size: 24px;}
.text25 {    font-size: 20px;}
.inputfield { font-size:14px}
.terms { font-size:13px; }
.forgot { font-size:13px;}
.text17 { font-size:14px;}
.line24 {    line-height: 20px;}
.text15 {    font-size: 13px;}
.text20 { font-size:16px;}

.line30 {    line-height: 26px;} 

.shape-section-right {    opacity: 0;    visibility: hidden;    overflow: hidden;    height: 0;}
.view-col { display:block; margin-top:22px}
.sbox { width:29.33%}
.shape-section h2.text30 { padding-top:24px;}
.shape-view { padding-bottom:14px}

.shape-section-right { width:auto!important}
.shape-section-right.shape-section-right-fixed {    opacity: 1;    visibility: visible;    overflow: visible;    height: 100%;}
.shape-selection-button { right:-300px;}
.shape-section-right.shape-section-right-fixed .shape-selection-button {
    position: fixed;
    top: 0; left:inherit;
    right: 0;
    height: 100%;
    z-index: 10000;
  background: #221d46;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding: 14px;
    overflow: auto; width:300px;
}
.shape-section-right.shape-section-right-fixed .shape-section-right-overlay {    position: fixed;    width: 100%;    height: 100%;    background: rgba(0,0,0,.5);    z-index: 9000;    top: 0;    left: 0;    display: block;    overflow: hidden;}
.innerpage-selection { min-height:inherit}

.shape-section-left .btn1 {    font-size: 14px;}
.shape-section-left .btn1 a {    padding-top: 12px;    padding-bottom: 12px;}
.priceinput1 { padding-top:12px; padding-bottom:12px}

.watch-view .text25{ width:100%; float:left}
.view-col { width:100%}
.watchprice-left { margin-right:27px}
.watchprice-right {    width: 310px;}

.btnsubmit { font-size:15px;min-width: 191px;height: 45px;}
.shape-selection-button .close-box { display:block; top:14px}

.contactdeatils-left { width:100%}
.contactdeatils-left .block1 {    margin-top: 12px;}
.contactdetails .btnsubmit {    margin-top: 12px;}
.contactdeatils-left .priceinput1 { font-size:15px; padding:12px 15px  }

.vtariff li { width:100%; margin-right:0}
    .selectiondiv .text25 {font-size:18px;height: auto;}
.selectiondiv li,.evaluator .fourbox li { width:100%;margin-left: 0; margin-right:0;margin-bottom: 4%;}
.evaluator .fourbox li h3 {
    height: auto;
}

.graphdiv li:first-child { margin-top:30px}
.evaluator li { margin-bottom:30px}

.gold-frame-right .gold-iframe {    padding-bottom: 72%;}

.graphdiv.graphdiv2 .evaluator-details .gold-iframe {    padding-bottom: 83%; }

.btn1.btncur { font-size:17px;}
.btn1.btncur .drop1 {    top: 45px;}
.downloadpdf { margin-top:12px;}


 }

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

.priceinput1 { max-width:270px;}
.priceinput-total .priceinput1 { min-width:270px}

.watchprice-left { width:100%; margin-right:0}
.watchprice-right { width:100%}

.gold-frame-right .gold-iframe {    padding-bottom: 108%;}
.graphdiv.graphdiv2 .evaluator-details .gold-iframe {    padding-bottom: 93%; }
.btn1.btncur { float:none}


.priceinput-totalnew .priceinput1 { float:none}
.priceinput-totalnew .btn1.btncur {  float:left}
.priceinput-totalnew .downloadpdf{ float:left}

.priceinput-totalwatch .btn1.btncur.btncurw { float:left}
.priceinput-totalwatch .downloadpdf {    margin-top: 11px;}

/*Advanced Jewellery Calculator css starts here*/
.adv-row-left { width:100%;}
.adv-row .adv-row-left .priceinput1 { margin-bottom:15px;}
.adv-row.priceinput-total {    margin-top: 17px;}
.adv-imagesectoin { width:100%; margin-top:30px}
}


@media only screen and (max-width:550px)  {
	.text30 {    font-size: 20px;}
.text25 {    font-size: 18px;}
.line30 {    line-height: 24px;}

.sbox { width:46%}
.btn1 { font-size:13px; height:auto}
.btn1 a, .btn1 span { padding:10px 15px}
.btn2 { font-size:14px; height:auto}
.btn2 a { padding:10px 15px}

.downloadpdf { margin-left:0; width:100%}

.innerpage {    padding: 20px;} 

.shape-section-left .btn1 {    font-size: 13px;}
.shape-section-left .btn1 a {    padding-top: 10px;    padding-bottom: 10px;}
.priceinput1 { padding-top:10px; padding-bottom:10px}

.gold-frame-right .gold-iframe { padding-bottom:70%}

.btnsubmit {    font-size: 14px;    min-width: 187px;    height: 42px;}

.contactdeatils-left .priceinput1 { font-size:14px; padding:12px 15px  }

.watchtable { font-size:14px; border-collapse:collapse; border:1px solid #ccc}
.watchtable td { padding:7px; border:1px solid #ccc; background:#fff}
.watchtable tr td:first-child { background:#e7e7e7}

.gold-frame-right {    width: 100%;    overflow: auto;}
.gold-frame-right .gold-iframe {    padding-bottom:500px;    width: 500px;}
.graphdiv.graphdiv2 .evaluator-details {    width: 100%;    overflow: auto;}
.graphdiv.graphdiv2 .evaluator-details .gold-iframe {    padding-bottom: 500px;    width: 500px;}


.priceinput-totalnew .priceinput1 { float:none}
.priceinput-totalnew .btn1.btncur {  float:left; }
.btn1.btncur {font-size:16px;}
.priceinput-totalnew .downloadpdf{ float:left; width:auto; margin-top:9px; margin-left:12px;}
.btn1.btncur .drop1 {    top: 41px;}
.priceinput-totalwatch .downloadpdf {    margin-top: 11px; float:left; width:auto}
}
@media only screen and (max-width:480px)  {

.nav-mobile.nav-mobile-fixed .nav-mobile-content { width:260px;}
	.login-page-left { padding-bottom:20px }
	.login-page-right{ padding:20px;padding-top:30px; padding-bottom:30px}
	
	.sbox { width:96%} 
	
	.view-col {    display: block;    margin-top: 9px;    width: 100%;}
	
	.priceinput1 { max-width:100%;}
.priceinput-total .priceinput1 { min-width:100%}

.watchtable { font-size:14px; border-collapse:collapse; border:1px solid #ccc; table-layout:fixed; width:100%}
.watchtable td { padding:7px; border:1px solid #ccc; background:#fff}
.watchtable tr td:first-child { background:#e7e7e7}
/*Advanced Jewellery Calculator css starts here*/
.gemsnumbering li { width:14.6%}
}