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, 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, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
/* body { line-height: 1 } */
ol, ul { list-style: none; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
* { outline: none }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
strong { font-weight: 700; }
i, em { font-style: italic }	
.left { float: left }
.right { float: right }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
a { color: #000; text-decoration: none }
a:hover { color: #000; text-decoration: none }
a:focus, input:focus {outline: none;}
address { font-style: normal }
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
.input, textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
p { font-size: 12px; line-height: 16px; color: #434344; font-weight: 400; padding-bottom: 10px; }
/* start css */
body { background: #fff; font-size: 12px; /* line-height: 16px;  */color: #434344; font-family: 'Poppins', sans-serif; overflow: hidden; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:active.focus, a:active:focus, a:focus{outline: none !important;}
/* login-page *//* login-page */
.login-pg{background:url(images/bg_login.jpg)no-repeat center top; background-size:cover; height: 100vh;overflow: auto;}
.login-area{background:#1c1c1c; width:592px; float:left; padding:100px 50px 40px; position:absolute; left:50%; top:50%; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; }
.login-area .logo{background:#1c1c1c; width:161px; height:161px; padding:18px; text-align:center; position:absolute; left:50%; top:0; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%;}
.logo a{display:inline-block;}
.login-area .login-inner, .login-area .row{width:100%; float:left;}
.login-area .row{padding-bottom:20px; position:relative;}
.login-area .login-inner h3{font-size:20px; line-height:28px; color:#a2a3a4; font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:25px;}
.login-area .input{background-color:#55575c; width:100%; height:55px; padding:5px 10px 5px 75px; line-height:43px; float:left; font-size:18px; color:#a2a3a4; font-weight:700; font-family: 'Poppins', sans-serif; border:1px solid transparent; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; letter-spacing:0.8px; }
.login-area .input:focus{border:1px solid #7c7e81;}
.login-area .login-inner {text-align:center;}
.login-area .login-inner p {font-size:15px;line-height:24px;color:#fff;padding-bottom:20px;}
.login-area .login-inner  .back-btn{background:#8b0000; font-size:16px; line-height: 24px; color: #fff; font-family: Arial, Helvetica; font-weight:600; text-decoration:none; display:inline-block; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.login-area .login-inner  .back-btn:hover{background:#46b19d;}
/*
.login-area .row.name input{background:url(images/icon_user.png)no-repeat 21px center; background-color:#55575c;}
.login-area .row.password input{background:url(images/icon_password.png)no-repeat 21px center; background-color:#55575c;}
.login-area .row.mail input{background:url(images/icon_mail.png)no-repeat 21px center; background-color:#55575c;}
*/
.login-area .row.name:before,
.login-area .row.password:before,
.login-area .row.mail:before{width:60px; height:40px; line-height:40px; text-align:center; font-family: 'FontAwesome'; content:"\f007"; font-size:20px; color:#a2a3a4; position:absolute; left:0px; top:8px; border-right:1px solid #a2a3a4; z-index:1;}
.login-area .row.password:before{content:"\f023";}
.login-area .row.mail:before{content:"\f0e0";}
.login-area input::-webkit-input-placeholder {color:#a2a3a4;opacity:1;}
.login-area input:-moz-placeholder {color:#a2a3a4;opacity:1;}
.login-area input::-moz-placeholder {color:#a2a3a4;opacity:1;}
.login-area input::-ms-input-placeholder {color:#a2a3a4;opacity:1;}
.login-area input:-ms-input-placeholder {color:#a2a3a4;opacity:1;}
.login-area .row span.form-control-feedback{color:#f00; padding-top:3px;text-align: left;display: block;}
.login-area input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px #55575c;-webkit-text-fill-color: #a2a3a4; font-size:18px;}
.login-area .row.remind{padding:0px 0 35px 10px;}
.login-area .remind-me {float:left; display: block; position: relative; padding-left: 21px; cursor: pointer;font-size: 12px; color:#646464; font-weight:300; line-height:16px; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;}
.login-area .remind-me input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.login-area .remind-me .checkmark {background-color:none; width: 11px; height: 11px; position: absolute; top: 3px; left: 0; border:1px solid #7c7e81;}
.login-area .remind-me .checkmark:after {content: ""; width: 5px; height: 8px; position: absolute; left: 2px; top: 1px;  border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); display: none;}
.login-area .remind-me input:checked ~ .checkmark:after {display: block;}
.login-area .forgot{font-size: 12px; color:#646464; font-weight:300; line-height:16px; float:right;}
.login-area input[type="submit"]{background:#8b0000; width:100%; padding:10px; line-height:33px; float:left; font-size:24px; color:#fff; font-weight:500; font-family: 'Poppins', sans-serif; text-transform:uppercase; border:0; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; cursor:pointer; border:1px solid transparent; }
.login-area input[type="submit"]:hover{background:#46b19d;}
.btn:hover, .btn:focus{background:#46b19d; color:#fff; border:1px solid #65e5cd;}
.login-area, .login-area .logo, .single-double, .single-double .logo{-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.login-area .login-inner .link-url{width:100%; float:left; text-align:center; padding:5px 0 0; }
/*===== start scroller css =====*/
.mCSB_scrollTools { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }
.tab-content-wrap { width: 100%; height: 205px; overflow: auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }
.mCSB_container { overflow: hidden; width: auto; height: auto; }
.mCSB_scrollTools { position: absolute; width: 10px; height: auto; left: auto; top: 0; right: 5px; bottom: 0; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width: 10px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; padding: 10px 0; box-sizing: border-box; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 10px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail {/* back line */ background-color: #f0f0f0; background-color: #f0f0f0; filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #d4d4d4; filter: "alpha(opacity=2)"; -ms-filter: "alpha(opacity=2)"; }
.mCustomScrollbar .mCustomScrollBox:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #8b0000; filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)"; } 
/* end scroller css */
/* start vertical-scroll's css */
.vertical-scroll .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }
.vertical-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }
.vertical-scroll.mCustomScrollbar { width: 100%; }
.vertical-scroll .mCSB_inside > .mCSB_container { margin-right: 30px; }
.vertical-scroll .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
.vertical-scroll .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; }
.vertical-scroll .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }
.vertical-scroll .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }
.vertical-scroll .mCSB_outside + .mCSB_scrollTools { right: -26px; }
.vertical-scroll .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .vertical-scroll .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; }
.vertical-scroll .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }
.vertical-scroll .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.vertical-scroll .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }
.vertical-scroll .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.vertical-scroll .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.vertical-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }
.vertical-scroll .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 15px; }
.vertical-scroll .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }
.vertical-scroll .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }
.vertical-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; }
.vertical-scroll .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .vertical-scroll .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools. mCSB_scrollTools_horizontal {bottom: -26px;}
.vertical-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }
.vertical-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {background:#f0f0f0; width: 100%; height: 10px; margin: 7px 0; }
.vertical-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; }
.vertical-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 10px; margin: 4px auto; }
.vertical-scroll .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .vertical-scroll .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {height: 12px;margin: 2px auto;}
.vertical-scroll .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .vertical-scroll .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height: 8px;margin: 4px 0;}
.vertical-scroll .mCSB_scrollTools .mCSB_draggerRail { padding: 0px; }
.mCustomScrollbar .mCSB_container { padding-right: 17px; }
.mCustomScrollbar .mCS_no_scrollbar_y.mCSB_container { padding-right:0px; }
.scroll-area{width:100%; float:left;}
.vertical-scroll.mCustomScrollbar:hover .mCSB_dragger .mCSB_dragger_bar,
.vertical-scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:#8b0000; }
/*===== end vertical-scroll's css =====*/
/* option-page */
/* right-col */
.right-col{background:#fff; width:18.8%; height:100vh; float:right; position:relative; }
.right-col h1{background:#303333; height:80px; font-size:17px; line-height:24px; color:#fff; text-transform:uppercase; font-weight:600; margin-bottom:0px; position:relative;text-align: center;}
.right-col h1 strong{width:100%; display:block;float:left; padding:0 20px; position:absolute; left:0; top:50%; -webkit-transform:translatey(-50%); -moz-transform:translatey(-50%); -ms-transform:translatey(-50%); -o-transform:translatey(-50%); transform:translatey(-50%);font-weight: 400;}
.right-col .scroll-area, .tab-content-area .scroll-area{padding-left:20px;}
.right-col .mCustomScrollbar .mCS_no_scrollbar_y.mCSB_container,
.right-col .mCustomScrollbar .mCSB_container,
.design-panel .mCustomScrollbar .mCS_no_scrollbar_y.mCSB_container,
.design-panel .mCustomScrollbar .mCSB_container { padding-right:20px;}
.right-col li{width:100%; float:left; font-size:17px; color:#1b1b1b; font-weight:300; line-height:24px; padding:13px 10px 13px 38px; border-top:1px solid #e1e5ec; position:relative;}
.right-col li:before,
.right-col .adddiscription_ h2:before,
.right-col .addpic_ h2:before{content:''; width:10px; height:10px; border-right:2px solid #727272; border-top:2px solid #727272; position:absolute; left:0; top:20px; transform:rotate(45deg); }
.right-col li:first-child{border-top:0;}
.right-col li .td1{width:35%; float:left; padding-right:10px;}
.right-col li .td2{width:65%; float:right; font-size:16px; color:#8b0000; text-align:right;}
.btn, .option-g li .submit_btn{background:#8b0000; padding:7px 15px; font-size:14px; color:#fff; text-align:center; line-height:24px; font-weight:300; display:inline-block; cursor:pointer; border:1px solid #ac3939; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; letter-spacing:1px;}
.right-col .adddiscription_,
.right-col .addpic_{width:100%; float:left; padding:0 20px 13px;}
.right-col .adddiscription_ h2,
.right-col .addpic_ h2{width: 100%;float: left;font-size: 17px;color: #1b1b1b;font-weight: 300;line-height: 24px; padding: 13px 10px 13px 38px;border-top: 1px solid #e1e5ec;position: relative;}
.right-col .adddiscription_ p{width:100%; float:left; font-size: 16px; color: #8b0000; padding:0 10px 0 38px;}
.right-col .addpic_ img{width:100%;}
/* left-col */  
.left-col{background:#f3f3f3; width:81.2%; height:100vh; float:left; position:relative; }
.btm-btn-row{width:100%; position:absolute; left:0; bottom:10px; text-align:center; padding:0 10px;}
.btm-btn-row .btn{display:inline-block; margin:0; float:left;}
.btm-btn-row .btn i{font-size:14px; margin-right:5px;}
.btm-btn-row .btn.next{float:right;}
.btm-btn-row .btn.orderPlace{float: right;margin-right:5px;}
.btm-btn-row .btn.orderPlace.shareButton{  position: relative;	padding: 0;border: 0;}
.send_box{width: 421px;position: absolute; background: #e1e1e1;left: 0;bottom: 48px;padding:15px 10px;border-radius: 5px;}
.send_box input{color:#000;float: left;height: 41px;padding: 5px 10px;font-size: 16px;margin-right: 10px;width: 71%;}
#thanks{background: #e1e1e1;color: #000;position: absolute;padding: 10px 17px;} 
.send_box::after {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #e1e1e1;content: " ";bottom: -10px;left: 20px;position: absolute;}
/* single-double */
.single-double{background:#1c1c1c; width:592px; float:left; padding:85px 26px 50px; position:absolute; left:50%; top:50%; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; }
.single-double .logo{background:#1c1c1c; width:136px; height:136px; text-align:center; padding:18px; position:absolute; left:50%; top:0; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%;}
.single-double li{width:50%; min-height:250px; float:left; text-align:center; position:relative;}
.single-double li:first-child:after{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#21abdb+0,6c6c6d+13,6c6c6d+13,6c6c6d+50,6c6c6d+87,177fc7+100&0+0,1+33,1+71,0+100 */
background: -moz-linear-gradient(top,  rgba(33,171,219,0) 0%, rgba(108,108,109,0.39) 13%, rgba(108,108,109,1) 33%, rgba(108,108,109,1) 50%, rgba(108,108,109,1) 71%, rgba(108,108,109,0.45) 87%, rgba(23,127,199,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(33,171,219,0) 0%,rgba(108,108,109,0.39) 13%,rgba(108,108,109,1) 33%,rgba(108,108,109,1) 50%,rgba(108,108,109,1) 71%,rgba(108,108,109,0.45) 87%,rgba(23,127,199,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(33,171,219,0) 0%,rgba(108,108,109,0.39) 13%,rgba(108,108,109,1) 33%,rgba(108,108,109,1) 50%,rgba(108,108,109,1) 71%,rgba(108,108,109,0.45) 87%,rgba(23,127,199,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0021abdb', endColorstr='#00177fc7',GradientType=0 ); /* IE6-9 */
content:''; width:1px; height:100%; position:absolute; right:0; top:0;}
.single-double li .icon{width:100%; margin-bottom:28px;}
.single-double li .btn{width:183px; text-transform:uppercase; font-weight:600; }
/* monuments-size */
.heading{font-size:22px; color:#1b1b1b; line-height:30px; text-transform:uppercase; font-weight:600; text-align:center; margin-bottom:30px;}
.single-column{width:1000px; margin:0 auto; padding-top:30px;}
.single-column .scroll-area{height:690px;}
.monuments-size li{background:#eaeaea; width:138px; height:35px; line-height:33px; float:left; font-size:14px; color:#545c6a; font-weight:300; display:inline-block; text-align:center; margin:12px; border:1px solid #d6dae3; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; cursor:pointer;}
.monuments-size li:hover, .monuments-size li.active{background:#8b0000; color:#fff; border:1px solid #ac3939;}
/* monuments-style */
.monuments-style li{width:153px; min-height:140px; float:left; font-size:12px; color:#434344; line-height:16px; text-align:center; margin:0 5px 20px; cursor:pointer;}
.monuments-style li strong, .tab-nav li a strong{display: block;margin-bottom: 2px;border: 1px solid #e3e3e3;width: 100%;height: 162px;background: #fff;position: relative;}
.monuments-style li strong img{position: absolute;max-width: 90%;height: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.monuments-style li span{width:100%; float:left; display:block;}
.monuments-style li:hover strong, .monuments-style li.active strong, .tab-nav li a.active strong, .tab-nav li a:hover strong{border:1px solid #8b0000;}
.monuments-box-list { text-align: center;width: 100%;float: left;}
.monuments-box-list ul{text-align: center;width: 100%;float: left;font-size: 0;}
.monuments-box-list ul li{width:153px; min-height:140px; display:inline-block; float:none; font-size:12px; color:#434344; line-height:16px; text-align:center; margin:0 5px 20px; cursor:pointer;}
.monuments-box-list ul li strong, .tab-nav li a strong{display: block;margin-bottom: 2px;border: 1px solid #e3e3e3;width: 100%;height: 162px;background: #fff;position: relative;}
.monuments-box-list ul li strong img{position: absolute;max-width: 90%;height: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.monuments-box-list ul li span{width:100%; float:left; display:block;}
.monuments-box-list ul li:hover strong, .monuments-style li.active strong, .tab-nav li a.active strong, .tab-nav li a:hover strong{border:1px solid #8b0000;}
.login-area .forgot a, .login-area .login-inner .link-url a{ color:#646464; text-decoration: underline; }
.login-area .forgot a:hover, .login-area .login-inner .link-url a:hover{ text-decoration: none; }
.monuments-size, .monuments-style, .upright-monuments, .design{ position: absolute; left: 0;  right: 0; }
.upright-monuments .product-view .product-center { left: 0; right: 0;transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);}
/* upright-monuments */
.alert{padding:10px 15px; border:1px solid #f00; font-size: 18px; line-height:24px; margin:0;}
.upright-monuments .scroll-area{height:inherit;}
.tab-content{width:70%; float:left; text-align:center; margin-bottom:20px; }
.product-view{width:700px; height:auto; display:inline-block;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; position:relative; overflow:hidden; }
.product-view .product-center{width:100%; position:relative; left:0; top:50%; -webkit-transform:translatey(-50%); -moz-transform:translatey(-50%); -ms-transform:translatey(-50%); -o-transform:translatey(-50%); transform:translatey(-50%); }
.product-view .product-center li{width:100%; float:left; padding:3px;}
.tab-nav{width:30%; height: calc(100vh - 180px); float:left; text-align:center; overflow:hidden; overflow-y: auto; white-space: nowrap; padding-right:10px;}
.tab-nav ul{width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.tab-nav li{width:48%; float:left; font-size:12px; color:#434344; line-height:16px; text-align:center; margin:0 0px 5px;}
.tab-nav li a{display:block; color:#434344;}
.tab-nav li a strong{ height:auto; padding:10px;}
.tab-nav li a span{width:100%; margin-bottom: 10px;float:left; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* design skretch */
.skretchdesign{padding:0; width:100%;}
.skretchdesign .top-box .btn.save, 
.btn.buyButton{position: fixed;bottom:50px;right: 5.5%;padding-left: 20px;padding-right: 20px;background-color: #8b0000;border:0px;}
.skretchdesign .top-box .btn.save, 
.skretchdesign .top-box ul{display:inline-block;}
.skretchdesign .top-box li{display:inline-block; margin:0 5px;}
.skretchdesign .top-box i,
.skretchdesign .top-box .btn.active, 
.skretchdesign .top-box .btn:hover{background: #8b0000; border: 1px solid #fff; color: #fff; }
.artsection{FLOAT: left;width: 100%;background: #fff;padding: 16px 0px 0;}
.artsection span{display: block;}
.artsection a{font-size: 18px;border: #ccc 1px solid;padding: 5px 0px;text-transform: uppercase;width: 100%;display: block;text-align: center;margin-bottom: 5px;}
.artsection a:hover{background: #ccc;}
.panelbox  a{font-size: 18px;border: #ccc 1px solid;padding: 5px 0px;text-transform: uppercase;width: 100%;display: block;text-align: center;margin-bottom: 5px;}
.panelbox  a:hover{background: #ccc;}
.artpanel{top: 50%;left: 50%;width: 50%;background: #fff;position: fixed;z-index: 99;opacity: 0;visibility: hidden;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;transform: translate(0, 0) scale(0);}
.artpanel .textbox{padding: 10px 24px;}
.artpanel.active{transform: translate(-50%, -50%) scale(1);opacity: 1;visibility: visible;box-shadow: 2px 8px 27px rgba(0,0,0,.3);}
.artpanel H2{PADDING: 10PX 24PX;FONT-SIZE: 17PX;background-color: #eeeeee;COLOR: #000;}
.artpanel ul {padding: 10px 25px;display: block;flex-wrap: wrap;overflow-y: auto;max-height: 302px;justify-content: center;overflow-y: AUTO;margin: 0 -1px;BOX-SIZING: BORDER-BOX;}
.artpanel ul li {width: 7.9%;padding: 0px;height: 52px;position: relative;margin-bottom: 10px;display: inline-block;margin: 0 0.5%;cursor: pointer;}
.artpanel ul li img {max-width: 45px;max-height: 45px;margin: auto;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0;}
.breadcrum{font-size: 14px;padding: 10px 26px;font-style: italic;margin-bottom: 10px;border-bottom: #ccc 1px solid;}
.breadcrum span{padding-left: 15px;}
.breadcrum span i{margin-right: 15px;}
.closebutton {position: absolute;right: -20px;top: -19px;width: 40px;height: 40px;background: #fff url(images/close-button.png) center center no-repeat;background-size: 100% auto;z-index: 999;border-radius: 50%;cursor: pointer;}
.artpanel ul.cat li {width: auto;height: auto;border: #ccc 1px solid;padding: 5px 10px;margin-bottom: 10px;font-size: 14px;}
.artpanel ul.cat li:hover {background: #8b0000;color: #fff;}
.optionbox {background: #f3f3f3;box-sizing: border-box;padding: 10px 10px 10px;text-align: center;margin-bottom: 10px;float: left;width: 100%;}
/* design */
.design{padding:0; width:100%;}
.design-panel{width:26.8%; float:left; }
.top-box{background:#333; width:100%; height:80px; float:left; text-align:center; padding-top:20px;}
span.btn.home-prev{left:10px;}
.design .top-box .btn.save, 
.btn.buyButton{position: fixed;bottom:50px;right: 5.5%;padding-left: 20px;padding-right: 20px;background-color: #8b0000;border:0px;}
.design .top-box .btn.save, 
.design .top-box ul{display:inline-block;}
.design .top-box li{display:inline-block; margin:0 5px;}
.design .top-box i,
.tab-content2 li .btn i{margin-right:7px;}
.design .top-box .btn.active, 
.design .top-box .btn:hover{background: #8b0000; border: 1px solid #fff; color: #fff; }
.text-nav{width:100%; float:left; text-align:center;}
.text-nav a{background: #333; color: #fff; width:50%; display:inline-block; font-size:16px; font-weight:600; text-align:center; padding:10px; margin:0 -2px; text-decoration:none; position:relative; }
.text-nav a.active:after{content:''; border-top:8px solid #46b19d; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; left:50%; bottom:-8px; margin-left:-4px; z-index:1;}
.text-nav a.active{background:#46b19d; color:#fff;}
.tab-content-area{background:#fff; width:100%; height:80vh; float:left; border-bottom:10px solid #fff; }
.tab-content-area .scroll-area{height:100%;}
.tab-content2{width:100%; float:left;}
.tab-content2 li{width:100%; float:left; padding:0; 
/*	border-top: 1px solid #e1e5ec; */
position:relative; }
.tab-content2 li:first-child{border-top:0;}
.tab-content2 li label{width:125px; padding-right:5px; float:left; font-size:17px; color:#3d3d3d; font-weight:300; line-height:40px;}
.tab-content2 li#add-text{ padding-top: 20px;}
.fontbox{width:100%; float:left; border-top: 1px solid #e1e5ec; position:relative;}
.heading-button{background: #8b0000;color: #fff;padding: 8px 10px;margin-bottom: 8px;border: 1px solid #ac3939;cursor: pointer;-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.heading-button:hover{background: #8b0000;color: #fff;padding: 8px 10px;margin-bottom: 8px;border: 1px solid #fff;}
.heading-button i{float: right;font-size: 20px;}
.tab-content2 .input,
.tab-content2 .dropdown-toggle{background:#fff; width:calc(100% - 125px); height:40px; padding:5px; line-height:28px; float:right; font-size:16px; color:#545c6a; font-weight:300; font-family: 'Poppins', sans-serif; border:1px solid #d9d9d9; letter-spacing:0.8px; }
.tab-content2 .input:focus{border:1px solid #7c7e81;}
.tab-content2 input::-webkit-input-placeholder {color:#545c6a;opacity:1;}
.tab-content2 input:-moz-placeholder {color:#545c6a;opacity:1;}
.tab-content2 input::-moz-placeholder {color:#545c6a;opacity:1;}
.tab-content2 input::-ms-input-placeholder {color:#545c6a;opacity:1;}
.tab-content2 input:-ms-input-placeholder {color:#545c6a;opacity:1;}
.tab-content2 li .btn{float:right; margin:17px 0 0; overflow:hidden;}
.tab-content2 .dropdown-toggle{margin:0 !important;}
.selectpicker .dropdown-toggle span.caret{margin-top: 12px !important;}
.selectpicker .dropdown-toggle.filled {padding-left: 5px !important;}
.tab-content2 li .close, .tab-content2 li .close2{background:#8b0000; width:17px; height:17px; font-size:13px; color:#fff; line-height:16px; text-align:center; display:block; font-weight:400 !important; position:absolute; right:0; top:5px; cursor:pointer; opacity:1; text-shadow:none; }
.tab-content2 li .close i, .tab-content2 li .close2 i{font-size:13px; color:#fff; line-height:16px; }
.tab-content2 li .close:hover, .tab-content2 li .close2:hover{background:#000;}
.tab-content2 li h3{font-size:17px; line-height:24px; color:#3d3d3d; font-weight:300; margin-bottom:15px;}
.tab-content2 li .modific-row{width:100%; float:left; margin:2px 0;}
.tab-content2 li .modific-row label{font-size:15px; line-height:24px;}
.tab-content2 li .modific-scroll{width:calc(100% - 125px); float:right; padding-top:3px;}
/* range slider start */
input[type=range] { width:100%; height: 23px; -webkit-appearance: none; border: 0;}
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 5px;cursor: pointer; box-shadow: 0px 0px 0px #000000;-webkit-box-shadow: 0px 0px 0px #000000;-ms-box-shadow: 0px 0px 0px #000000;background: #a9d2ca;border-radius: 1px;border: 0px solid #000000;}
input[type=range]::-webkit-slider-thumb {box-shadow: 0px 0px 0px #000000;border: 1px solid #cdcdcd;height: 18px;width: 18px;border-radius: 25px;background: #fff;cursor: pointer;-webkit-appearance: none;margin-top: -7px;position: relative;z-index: 10;    }
input[type=range]:focus::-webkit-slider-runnable-track {background:#49b09e;outline: none;}      
input[type="range"]:disabled{cursor: not-allowed;}
input[type=range]::-moz-range-track {width: 100%;height: 5px;cursor: pointer;animate: 0.2s;box-shadow: 0px 0px 0px #000000;background:#49b09e;border-radius: 1px;border: 0px solid #000000;}
input[type=range]::-moz-range-thumb {border: 1px solid #cdcdcd;height: 18px;width: 18px;border-radius: 25px;background: #fff;cursor: pointer;-moz-appearance: none;margin-top: -7px;position: relative;z-index: 999999;}
input[type=range]::-ms-track {width: 100%;height: 5px;cursor: pointer;background: transparent;border-color: transparent;color: transparent;position: relative;z-index: 10;}
input[type=range]::-ms-fill-lower {background: #000;border: 0px solid #000000;border-radius: 2px;box-shadow: 0px 0px 0px #000000;}
input[type=range]::-ms-fill-upper {background: #fff;border: 0px solid #000000;border-radius: 2px;box-shadow: 0px 0px 0px #000000;}
input[type=range]::-ms-thumb {margin-top: 1px;box-shadow: 0px 0px 0px #000000;border: 1px solid #2497E3;height: 18px;width: 18px;border-radius: 25px;background: #49b09e;cursor: pointer;position: relative;z-index: 10;}
input[type=range]:focus::-ms-fill-lower {background: #49b09e;}
input[type=range]:focus::-ms-fill-upper {background: #49b09e;} 
input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 5px;background:#49b09e;border: none;border-radius: 3px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;border: none;height: 16px;width: 16px;border-radius: 50%;background:#49b09e;border: #49b09e 1px solid;    margin-top: -6px;position: relative;z-index: 10;    cursor: pointer;}
input[type=range]:focus {outline: none;} 
.divLowerFill.active + input[type=range]::-moz-range-progress{background:red;  border: red 1px solid;}
input[type=range]::-webkit-progress-inner-element{background:red;  }
input[type=range]::-moz-range-track {background:#49b09e; width: 100%; height: 2px; border: none;}
input[type=range]::-moz-range-thumb {background:#49b09e; height: 14px; width: 14px; border: none;; border: #49b09e 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{outline: 1px solid white;outline-offset: -1px;}
input[type=range]::-ms-track {width: 100%; height: 5px;background: transparent;border-color: transparent;border-width: 6px 0; color: transparent;}
input[type=range]::-ms-fill-lower {background:#49b09e;border-radius: 10px;}
input[type=range]::-ms-fill-upper {background:#49b09e;border-radius: 10px;}
input[type=range]::-ms-thumb {border: none;height: 16px;width: 16px;border-radius: 50%;background:#49b09e;border: #ccc 1px solid;}
.divLowerFill.active + input[type=range]:focus::-ms-fill-lower{background:red;}
input[type=range]:focus::-ms-fill-upper {background:#49b09e;}
.tool-tips.active span.dangerwarning {opacity: 0;visibility: hidden;}
input[type=range]::-ms-tooltip{opacity: 0;visibility: hidden;} 
/* range slider end */
.tab-content2 li .color-box{width:100%; float:left;}
.tab-content2 li .color-box span{width:35px; height:35px; display:block; float:left; border:3px solid transparent; margin:3px; cursor:pointer;position: relative;}
.tab-content2 li .color-box span.active, .tab-content2 li .color-box span:hover{border-color:#000;}
.tab-content2 li .color-box span.active:before{content: "✓";width: 35px;height: 35px;float: left;font-size: 20px;position: absolute;left: -3px;top: -3px;color: #fff;font-weight: bold; display: block; }
/* design-view */
.design-view{width:73.2%; float:left; padding:30px 0 0;}
.design-view.active{ width: 100%; }
.design-view .design-view-in{width:96%; max-width:1006px; margin:0 auto; }
.design-view .full-row{width:100%; float:left; margin-bottom:30px; text-align:center;}
.design-view .full-row .name{ font-size:28px; line-height:35px; color:#1b1b1b; font-weight:600; text-transform:uppercase;}
.design-view .full-row .price{float:right; font-size:25px; line-height:35px; color:#8b0000; font-weight:500;}
.design-view .design-view-in .product-view{width:100%;}
.design-view .design-view-in .product-view canvas{border:0 !important;}
.view-btn-row{width:100%; float:left; text-align:center; padding-top:20px; display:none;}
.view-btn-row .btn{line-height:33px; margin: 0 6px;}
.view-btn-row img{float:left; margin-right:10px;}
.product-center.preview-img{top: 0;transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);    }
.preview-img .full-row{width:100%; float:left; margin-bottom:30px;}
.preview-img .full-row .name{float:left; font-size:28px; line-height:35px; color:#1b1b1b; font-weight:600; text-transform:uppercase;}
.preview-img .full-row .price{float:right; font-size:25px; line-height:35px; color:#8b0000; font-weight:500;}
.preview-img .product-center{width: 100%; float: left; text-align: center;}
/* inline-css varun */
/* colorbox */
.alertbox{top: 50%;left: 50%;background: #fff;position: fixed;z-index: 999;opacity: 0;visibility: hidden;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;transform: translate(0, 0) scale(0);-WEBKIT-transform: translate(0, 0) scale(0);}
.alertbox.active{opacity: 1;visibility: visible;transform: translate(-50%, -50%) scale(1);-WEBKIT-transform: translate(-50%, -50%) scale(1);}
.alertbox .textbox{PADDING: 10PX 24PX;FONT-SIZE: 17PX;background-color: #eeeeee;COLOR: #000;}
.textcolorchange span{ display: inline-block; border: #ccc 1px solid; width: 20px; height: 20px; margin-right: 5px; cursor: pointer; }
.loaderback{background: white;position: fixed;width: 100%;height: 100%;z-index: 99;content: "";top: 0;left: 0;opacity: 0.9;display: none; }
body.active:after{background: white;position: fixed;width: 100%; content: ""; height: 100%;z-index: 99;content: "";top: 0;left: 0;opacity: 0.9;display: none; }
/* Safari */
@-webkit-keyframes spin 
{
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin 
{
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
body:before{content: "";position: fixed;z-index: 2;background: rgba(255,255,255,0.9);width: 100%;height: 100%;display:none;}
body.active:before{display:block;}	
.popbox-link.active{display: block;}
.popbox-link, .save-popup-in{ background: #1c1c1c; width:500px; height: auto; position: fixed; top: 50%; left: 50%; z-index: 9; border:0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding:20px 20px 15px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: none;}
.close-button, .save-popup-in .close-button{background: #fff; width: 30px; height: 30px; line-height:30px; text-align:center; position: absolute; font-size:20px; right:0px; top: 0px; color: #000; font-weight:400; cursor: pointer;}
.close-button i, .save-popup-in .close-button i{ line-height:30px;}
.close-button:hover{background:#8b0000; color:#fff;}
.option-g{width:100%; float:left; text-align:center;}
.option-g h2{ font-size: 22px; line-height:26px; color:#fff; text-transform: uppercase; font-weight:600; margin:0 0 15px;}
.option-g li{width:100%; float:left; margin:0 0 10px;}
.option-g li input,
.option-g li textarea{background:#1c1c1c; width:100%; height:35px; padding:5px 10px; font-size:16px; color:#a0a0a0; line-height:23px; border:1px solid #a0a0a0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.option-g li textarea {min-height:100px; resize: vertical;}
.option-g li input::-webkit-input-placeholder {color:#a0a0a0;opacity:1;}
.option-g li input:-moz-placeholder {color:#a0a0a0;opacity:1;}
.option-g li input::-moz-placeholder {color:#a0a0a0;opacity:1;}
.option-g li input::-ms-input-placeholder {color:#a0a0a0;opacity:1;}
.option-g li input:-ms-input-placeholder {color:#a0a0a0;opacity:1;}
.option-g li span{width:100%; float:left; text-align:left; position: relative;font-size: 13px; line-height: 16px; color:#f00; padding-top: 5px; display:none;}
.option-g li .submit_btn{width:auto; min-width:150px; height:auto; text-transform:uppercase; }
.option-g li .submit_btn:hover{background:#46b19d; color:#fff; border:1px solid #65e5cd;}
.option-g .succuss{background:none; width: 100%; float:left; text-align: center; font-size: 13px; line-height:16px; color: #fff; padding:0px; margin: 10px 0 15px; display: none;}	
.addtextbox{width:100%; float:left; padding-top:15px; clear: both; position:relative; }
.tab-content2 li .addtextbox .close2 {top:5px;}
.addtextbox .addtext{float: right; margin-top: 13px;}
.logout {font-size: 14px;font-weight: 600;position: absolute;right:5px;top: 5px;z-index: 10;}
/* user-info */
.user-info{background: #8b0000; width:100%; float:left; padding:10px;}
.user-info strong{line-height:35px; color:#fff; font-size:13px; display:block;}
.user-info strong img{width:35px; height:35px; float:left; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%;}
.user-info strong label{float:left; white-space: nowrap; width: 150px; overflow: hidden; text-overflow: ellipsis; text-align:left; margin:0 10px;}
.user-info strong a{color:#fff; text-decoration:none;}
.user-info strong a:hover{text-decoration:underline;}
.user-ext-info strong p{margin-left: 44px; font-weight: 650; line-height:15px; color:#fff; font-size:13px;}
#cancel-sub-but{margin-left:44px !important; border-radius: 5px; padding: 5px 20px; font-weight:600; border: 0;}
#cancel-sub-but:hover{color:#fff; background: #303333;}
/* my-items */
.my-items{width:100%; float:left; text-align:center; }
.my-items a{background:#46b19d; display:block; padding:10px; font-size:15px; color:#fff; font-weight:600; border: 1px solid #65e5cd;}
.my-items a:hover{background: #8b0000; border: 1px solid #ac3939;}
/* saved-items */
.saved-items{width:100%; float:left; text-align:center; padding:50px 0; position:relative; }
.box{max-width:1360px; padding:0 10px; margin:0 auto;}
.saved-items .logo{margin-bottom:25px;}
.saved-items .logo a{display:inline-block;}
.saved-items h2{font-size:28px; line-height:34px; font-weight:600; color:#ac3939; padding-bottom:15px; }
.saved-items p{font-size:14px; line-height:20px; padding-bottom:15px;}
.saved-items .full-row{width:100%; float:left; padding:20px 0;}
.saved-items .search-box{width:400px; display:inline-block; margin:20px 0 10px;}
.saved-items .search-box label{width:100px; float:left; font-size:16px; line-height:35px; font-weight:500;}
.saved-items .search-box input{background:#fff; width:calc(100% - 100px); height:35px; float:left; padding:5px 10px; line-height:23px; font-size:15px; color:#000; font-weight:300; font-family: 'Poppins', sans-serif;border:1px solid #7c7e81; }
.saved-items .search-box input:focus{border:1px solid #000;}
.saved-items .user-info{width:300px; position:fixed; left:5px; top:5px; padding:3px 10px;}
.saved-items .user-info strong label{width:230px; margin-right:0;}
.saved-items .monuments-box-list ul li{position:relative;}
.saved-items .monuments-box-list ul li .close-btn{background:#8b0000;width: 15px;height: 15px;line-height:15px;color:#fff; text-align:center; position: absolute;right: 0;top: 0;z-index: 1;display: block;}
.saved-items .monuments-box-list ul li .close-btn:hover{background:#000;}
/* save-popup */
.save-popup{width:100%; height:100%; background:rgba(0,0,0,.9); position:fixed; left:0; top:0; z-index:100; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0);transform:scale(0);}
.save-popup.active{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.save-popup-in{background:#fff; display:block; border-radius:0; padding:30px 25px; text-align:center;}
.save-popup-in .close-button{background:#000; color:#fff;}
.save-popup-in .close-button:hover{background:#8b0000; color:#fff;}
.save-popup-in h3{font-size:22px; line-height:34px; color:#8b0000; font-weight:600; }
.success-msg{color:#fff; font-weight:700; text-align:center; display:block; padding-top:5px;}
.success-msg a{color: #fff; border-bottom: 1px solid;}
/* not-found */
.not-found{width:100%; float:left; text-align:center; padding:50px 0;}
.box{max-width:1360px; padding:0 10px; margin:0 auto;}
.not-found .logo{margin-bottom:25px;}
.not-found .logo a{display:inline-block;}
.not-found h2{font-size:28px; line-height:34px; font-weight:600; color:#ac3939; padding-bottom:15px; }
.not-found p{font-size:14px; line-height:20px; padding-bottom:15px;}
.not-found .full-row{width:100%; float:left; padding:20px 0;}
.not-found .search-box{width:400px; display:inline-block; margin:20px 0 10px;}
.not-found .search-box label{width:100px; float:left; font-size:16px; line-height:35px; font-weight:500;}
.not-found .search-box input{background:#fff; width:calc(100% - 100px); height:35px; float:left; padding:5px 10px; line-height:23px; font-size:15px; color:#000; font-weight:300; font-family: 'Poppins', sans-serif;border:1px solid #7c7e81; }
.not-found .search-box input:focus{border:1px solid #000;}
.selectpicker .dropdown-menu {max-height: 250px; overflow-y: auto;}
.prevbutton{display: block;padding: 5px 15px;box-sizing: border-box;font-size: 15px;cursor: pointer;}
.prevbutton i{ display: inline-block; margin-right: 10px; }

/* transition *//* transition */
.login-area .input, .login-area input[type="submit"], .btn, .option-g li .submit_btn, .close-button, .save-popup, .login-area input[type="submit"], .my-items a{-webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s;}
 
/* responsive *//* responsive *//* responsive *//* responsive *//* Responsive */
@media only screen and (min-width:1600px) and (max-width:1700px) {
.single-column .scroll-area{height:730px;}
.tab-content-area .scroll-area {height: 100%;}
/* right-col *//* right-col */
.right-col{width:22%;}
/* left-col *//* left-col */
.left-col{width:78%;}
.design-panel{width:28.3%;}	
.tab-content-area{height: 79vh;}
.design-view {width: 71.7%;}
.design .top-box i{margin-right:5px;}
}
@media only screen and (min-width:1360px) and (max-width:1599px) {
.single-column .scroll-area{height:490px;}
.upright-monuments .scroll-area {height: inherit;}
.tab-content-area .scroll-area {height: 100%;}
/* right-col *//* right-col */
.right-col{width:23%;}
.right-col h1 strong{padding:0 15px;}
.right-col li{padding-left:25px;}
.user-info strong label{width:135px;}
.right-col .adddiscription_ h2, .right-col .addpic_ h2{padding-left:25px;}
.right-col .adddiscription_ p{padding-left:25px;}
/* left-col *//* left-col */
.left-col{width:77%;}
.heading{margin-bottom:20px;}
/* upright-monuments */
.tab-content{margin-bottom:15px;}
.tab-nav li a strong{height:auto;}
.tab-nav {height: calc(100vh - 160px);}
/* design */
.tab-content-area{height: 78vh;}
.design{padding:0;}
.design-panel{width:29.8%;}
.top-box{padding-top:10px;}
.design .top-box ul{width:100%; padding-top:9px;}
.design .top-box li{margin:0 3px;}
.design .top-box .btn{font-size:14px;}
.design .top-box i{margin-right:5px;}
.tab-content2 .input, .tab-content2 .dropdown-toggle, .tab-content2 li .modific-scroll{width:100%;}
.tab-content2 li{padding:0;}
.addtextbox{padding-top:15px;}
.design-view {width: 70.2%;}
.design .top-box .btn.save,
.btn.buyButton{right: 6.5%;}
}
@media only screen and (min-width:1200px)  {
.databox{padding-top: 13px;clear: both;overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.databox span{display: block;width: 100%;padding-bottom: 5px;float: left;font-size: 17px;color: #3d3d3d;font-weight: 300;line-height: 26px;}	
.databox input{background: #fff;width: 100%;height: 40px;padding: 5px;line-height: 28px;float: right;font-size: 16px;color: #545c6a;font-weight: 300;font-family: 'Poppins', sans-serif;border: 1px solid #d9d9d9;letter-spacing: 0.8px;}
a#datelink{background: #8b0000;padding: 7px 15px;font-size: 14px;text-align: center;line-height: 24px;font-weight: 300;display: inline-block;cursor: pointer;border-radius: 5px;letter-spacing: 1px;float: right;margin: 17px 0 0;overflow: hidden;color: #fff;}
a:hover#datelink{background: #46b19d;}
}
@media only screen and (min-width:1200px) and (max-width:1359px) {
.single-column .scroll-area{height:490px;}
.upright-monuments .scroll-area {height: inherit;}
.tab-content-area .scroll-area {height: 100%;}
/* right-col *//* right-col */
.right-col{width:23%;}
.right-col h1 strong{padding:0 15px;}
.user-info strong label{width:120px;}
.right-col .scroll-area, .tab-content-area .scroll-area{padding-left:10px;}
.right-col .mCustomScrollbar .mCS_no_scrollbar_y.mCSB_container, 
.right-col .mCustomScrollbar .mCSB_container, 
.design-panel .mCustomScrollbar .mCS_no_scrollbar_y.mCSB_container, 
.design-panel .mCustomScrollbar .mCSB_container {padding-right: 15px;}
.mCSB_scrollTools{right:2px;}
.right-col li{font-size: 16px; padding-left:20px;}
.right-col li:before,
.right-col .adddiscription_ h2:before, .right-col .addpic_ h2:before{width:8px; height:8px; top:22px;}
.right-col li .td1{width:40%;}
.right-col li .td2{width:60%;}
.right-col .adddiscription_, .right-col .addpic_{padding: 0 15px 20px 10px;}
.right-col .adddiscription_ h2, .right-col .addpic_ h2{font-size:16px; padding-left:20px;}
.right-col .adddiscription_ p{font-size:16px; padding-left:20px;}
/* left-col *//* left-col */
.left-col{width:77%;}
.single-column{width:100%; padding:50px 10px 0;}
.heading{margin-bottom:20px;}
.monuments-size li{margin:10px;}
/* upright-monuments */
.tab-content{margin-bottom:15px;}
.tab-nav li a strong{height:auto;}
/* design */
.tab-content-area{height: 77vh;}
.design{padding:0;}
.design-panel{width:29.8%;}
.top-box{padding-top:10px;}
.design .top-box ul{width:100%; padding-top:9px;}
.design .top-box li{margin:0 3px;}
.design .top-box .btn{font-size:14px;}
.design .top-box i{margin-right:5px;}
.tab-content2 li label{width: 100%; padding: 0; font-size:16px; line-height: 26px; padding-bottom:5px;}
.tab-content2 .input, .tab-content2 .dropdown-toggle, .tab-content2 li .modific-scroll{width:100%;}
.tab-content2 li{padding:15px 0;}
.addtextbox{padding-top:15px;}
.design-view {width: 70.2%;}
.tab-nav {height: calc(100vh - 200px);}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {}
@media only screen and (min-width:768px) and (max-width:1023px) {}
@media only screen and (max-width:767px) {}