/* ------------------------------------------------------------------------------
 *
 *  # Form Validation
 *
 *  jQuery plugin for simple clientside form validation
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.validation-error-label, .validation-valid-label {margin-top: 7px; margin-bottom: 7px; display: block; color: #f44336; position: relative; } .validation-valid-label {color: #4caf50; } .validation-error-label:before, .validation-valid-label:before {font-family: 'icomoon'; position: absolute; top: 2px; left: 0; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; } .validation-error-label:empty, .validation-valid-label:empty {display: none; }
button{cursor: pointer;}
body.noScroll{margin: 0 !important; height: 100% !important; overflow: hidden !important}
/*
   loading-Spinner Loader
-----------------------------------------------------------------*/
.loading-spinner {width: 50px; text-align: center; position: relative; margin:auto; }
.loading-spinner > div { width: 12px; height: 12px; background-color: #fff;  border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 0.7s infinite ease-in-out; -moz-animation: bouncedelay 0.7s infinite ease-in-out; animation: bouncedelay 0.7s infinite ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading-spinner.loading-spinner-md > div { width: 16px; height: 16px; }
.loading-spinner.loading-spinner-lg{ width: 80px; }
.loading-spinner.loading-spinner-lg > div { width: 24px; height: 24px; }
.loading-spinner.light > div { background-color: #000; }
.cursor-text{cursor: text;}
.text-unset{text-transform: none !important}
.cursor-disabled{ cursor: no-drop; }
.loading-spinner .bounce1 {-webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; animation-delay: -0.32s; }
.loading-spinner .bounce2 { -webkit-animation-delay: -0.16s; -moz-animation-delay: -0.16s; animation-delay: -0.16s; }
.section_my_portfolio_detail .wrap_detail_content p{margin: 0;padding:0 0 3px 0;font-size:14px;border:0;}
@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @-moz-keyframes bouncedelay {0%, 80%, 100% { -moz-transform: scale(0.0) } 40% { -moz-transform: scale(1.0) } }
.lf-0{left:0;}
/*margin top*/
.m-top-0{ margin-top: 0px !important; }
.m-top-5 { margin-top: 5px; }
.m-top-10 { margin-top: 10px; }
.m-top-15 { margin-top: 15px; }
.m-top-20 { margin-top: 20px; }
.m-top-25 { margin-top: 25px; }
.m-top-30 { margin-top: 30px; }
.m-top-35 { margin-top: 35px; }
.m-top-40 { margin-top: 40px; }
.m-top-50 { margin-top: 50px; }
.m-top-80 { margin-top: 80px; }
.m-top-100 { margin-top: 100px; }

/*margin bottom*/
.m-bot-0 { margin-bottom: 0px !important; }
.m-bot-5 { margin-bottom: 5px; }
.m-bot-10 { margin-bottom: 10px; }
.m-bot-15 { margin-bottom: 15px; }
.m-bot-20 { margin-bottom: 20px; }
.m-bot-25 { margin-bottom: 25px; }
.m-bot-30 { margin-bottom: 30px; }
.m-bot-35 { margin-bottom: 35px; }
.m-bot-40 { margin-bottom: 40px; }
.m-bot-50 { margin-bottom: 50px; }
.m-bot-80 { margin-bottom: 80px; }
.m-bot-100 { margin-bottom: 100px; }

/*padding top*/
.p-top-0{ padding-top: 0px !important; }
.p-top-5 { padding-top: 5px; }
.p-top-10 { padding-top: 10px; }
.p-top-15 { padding-top: 15px; }
.p-top-20 { padding-top: 20px; }
.p-top-25 { padding-top: 25px; }
.p-top-30 { padding-top: 30px; }
.p-top-35 { padding-top: 35px; }
.p-top-40 { padding-top: 40px; }
.p-top-50 { padding-top: 50px; }
.p-top-80 { padding-top: 80px; }
.p-top-100 { padding-top: 100px; }

/*padding bottom*/
.p-bot-0{ padding-bottom: 0px !important; }
.p-bot-5 { padding-bottom: 5px; }
.p-bot-10 { padding-bottom: 10px; }
.p-bot-15 { padding-bottom: 15px; }
.p-bot-20 { padding-bottom: 20px; }
.p-bot-25 { padding-bottom: 25px; }
.p-bot-30 { padding-bottom: 30px; }
.p-bot-35 { padding-bottom: 35px; }
.p-bot-40 { padding-bottom: 40px; }
.p-bot-50 { padding-bottom: 50px; }
.p-bot-80 { padding-bottom: 80px; }
.p-bot-100 { padding-bottom: 100px; }

/*padding left*/
.p-left-0{ padding-left: 0px !important; }
.p-left-5 { padding-left: 5px; }
.p-left-10 { padding-left: 10px; }
.p-left-15 { padding-left: 15px; }
.p-left-20 { padding-left: 20px; }
.p-left-25 { padding-left: 25px; }
.p-left-30 { padding-left: 30px; }
.p-left-35 { padding-left: 35px; }
.p-left-40 { padding-left: 40px; }
.p-left-50 { padding-left: 50px; }
.p-left-80 { padding-left: 80px; }
.p-left-100 { padding-left: 100px; }
/*------------------------------------------------
    Other --------------------------------------*/
.button{text-shadow: none;}
.text_overlay_feature{width: 100%;}
.top-links li.fright > a{padding:0 10px 0 10px;}
.btn_tag{position: absolute;top:0;left:0;display: none;}
.btn_tag_container:hover > .btn_tag{display: unset;}
.wrap_post_txt > a:hover, .wrap_post_txt > p > a:hover{color:#399878;}
.top-links li:hover a:not(.btn_more),.top-links li.active a:not(.btn_more) {background-color: transparent; color: #777; }
.top-links li:hover a#btn_login,.top-links li.active a#btn_login {background-color: #1a453b; color: #fff; }
.top-links ul li {float: none; display: inline-block; } #primary-menu {float: left; } 
#primary-menu ul > li {border-right: 1px solid #eee; } #primary-menu ul > li:last-child {border-right: 1px solid #eee; } 
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {padding-top: 8px; padding-bottom: 8px; } 
#primary-menu ul li > a {padding-top: 10px; }
 #primary-menu > ul {-webkit-justify-content: center; -webkit-align-items: stretch; align-items: stretch; } 
 #primary-menu ul li > a {padding-top: 8px; padding-bottom: 8px; } .searchbar {margin-top: 3px; } .top-links li > a {color: #1a453b; line-height: 3.5; } #header-wrap {height: 117px; } .top-links li > a {font-size: 19px;} .btn_login {line-height: 33px !important; margin-top: 14px; } .icon-search-filled {right: 10px; left: inherit; } #primary-menu ul li > a {font-size: 15px; padding: 9px 11px; } .searchbar {font-family: 'circularmedium'; } .btn_login {border: 1px solid #1a453b; background-color:  #1a453b; } .cat_list_display {color: #333;} #primary-menu ul li:hover > a > div {padding-right: 3px; } /*.owl-carousel .owl-nav .disabled {display: block !important; }*/ 
 .owl-carousel .owl-nav [class*=owl-] {opacity: 1; }
  .owl-carousel .owl-nav [class*=owl-]:hover {background-color: #DAECDE !important; color: #1A453B !important; border: 1px solid transparent; text-decoration: none; }
   .owl-carousel .owl-nav .owl-next {left: auto; right: -54px; }
    .owl-carousel .owl-nav .owl-prev  {position: absolute; top: 50%; margin-top: -18px; left: -53px; }
    .owl-carousel .owl-nav [class*=owl-] {border: 1px solid #ccc; font-size: 40px; color: #1a453b; }
    .owl-carousel .owl-nav [class*=owl-] span {line-height: 25px; vertical-align: top; } 
    #logo {position: relative; float: none; font-size: 36px; display: block; text-align: center; line-height: 100%; }
    .header_left {text-align: center; } .searchbar {padding: 14px 14px 14px 14px;}
.nav_basic .header_left {height: 70px; }
.nav_basic .main_menu {border-bottom: 1px solid transparent; }
.nav_basic .header_middle {height: 0 !important; }
.pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 3px; } .pagination > li {display: inline; } .pagination > li > a, .pagination > li > span {position: relative; float: left; padding: 7px 12px;font-size:16px; line-height: 1.5384616; text-decoration: none; color: #333333; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {z-index: 3; color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 2; color: #ffffff; background-color: #2196f3; border-color: #2196f3; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #bbbbbb; background-color: transparent; border-color: #dddddd; cursor: not-allowed; }
.bg-default{background: #eee;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{overflow-x: hidden; text-overflow: ellipsis;}
form .dropdown-item span{float:unset;}
.product_related_detail{
  max-width: 100%;margin:auto;
}
.product_related_detail .owl-carousel .owl-nav .owl-next, .product_related_detail .owl-carousel .owl-nav .owl-prev{
  display: none;
}
.inspiration_content_desc{
  border-bottom:1px solid #eee;margin-bottom:10px;margin-top:5px;
}
.inspiration_content_desc p{
  border:none;margin-bottom:0;padding-bottom:0;display:contents;word-break: break-word;
}
/* blog content */
#content p,#content .blog_content div { line-height: 1.5; }
.wrap_detail_blog_content p, .wrap_detail_blog_content .blog_content div {font-family: 'Lato', sans-serif; padding: 0 0 10px 0; margin: 0; font-size: 16px; color: #000; line-height: normal; }
.wrap_detail_blog_content h2, .wrap_detail_blog_content h1{font-size:24px !important;}
.blog_content p, .blog_content div { font-size: 16px !important;display: block !important;line-height: 1.5 !important; margin: auto !important;}
.blog_content a{color:#1B9CFC !important;}
.blog_content a:hover{color:#227093 !important;}
.blog_content h1 span,.blog_content h2 span,.blog_content h3 span,.blog_content h4 span,.blog_content h5 span,.blog_content h6 span{color:#444 !important;}
/*.blog_content h4{font-size: 26px !important;}
.blog_content h3{font-size: 25px !important;}
.blog_content h2{font-size: 30px !important;}*/
.blog_content p > img[style='width: 50%; float: left;']:first-child{margin-bottom: 10px;}
.blog_content img.note-float-left + img {float: right !important; }
.blog_content p:hash(> img.note-float-left){display:inline-block !important; }
.blog_content{
	text-transform: lowercase;;
}
.blog_content h1, .blog_content h6, .blog_content h5, .blog_content h3, .blog_content h2 {
    font-weight: 200;
    line-height: 1.4em;
    margin: 25px 0 15px;
}
.blog_content p, .blog_content h4, .blog_content h1, .blog_content h2, .blog_content h3, .blog_content h5, .blog_content h6 {font-family: Lato!important; color: #000 !important;}
.blog_content p, .blog_content div {
  font-size: 16px !important;
  display: block !important;
  line-height: 1.5 !important;
  font-weight: 400;
  margin: auto !important;
  padding: 0 0 10px 0;
}
.blog_content h3, .blog_content h4, .blog_content h5 {
  font-weight: 600 !important;
  padding-bottom: 10px;
  margin: 0;
}
.blog_content hr {
  border-top: 1px solid #ddd !important;
  margin:20px 0;
}
.blog_content h6 {
    font-size: 15px;
}
.blog_content h5 {
    font-size: 19px;
}
.blog_content h4 {
    font-size: 22px;
}
.blog_content h3 {
    font-size: 26px;
}
.blog_content h2 {
    font-size: 30px;
}
.blog_content h1 {
    font-size: 34px;
}
.blog_content .image-position-left, .blog_content .image-position-right{
	display: unset;
	width: 50% !important;
}
/* end:blog content */

.media_center{border:2px solid #eee;padding:20px;margin-bottom:20px;max-height:500px;overflow: auto;}
.media_center .media_container{height: 180px;overflow: hidden;text-align: center;text-transform: lowercase;padding: 10px;margin-bottom: 10px;}
.media_center .media_container.active{background: rgba(168, 255, 235, 0.1); border: 1.5px solid #1a453b; border-radius: 5px; padding: 10px;}
.media_center .media_container img{max-height: 100px;max-width: 100%;}
.widget_wrap h5 a {font-family: 'Lato', sans-serif; margin: 0; padding: 0; font-size: 16px; font-weight: 600; color: #444; }
.widget_wrap h5 a:hover{color: #777;} .widget_wrap p {padding: 0; margin: 0; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 400; color: #777; }
.widget_wrap h5 {font-family: 'Lato', sans-serif; margin: 0; text-transform: lowercase; color: #444; font-weight: 600; font-size: 16px; line-height: normal; padding: 0 0 10px 0; }
.hashtag_list ul li a,.hashtag_list ul li span{list-style: none; line-height: 1 !important; color: #777; font-family: 'Lato', sans-serif; padding: 3px 0; margin: 0; font-weight: 500; font-size: 17px; float: left; }
.hashtag_list ul li a,.hashtag_list ul li span{text-transform: lowercase !important }
.breadcrumb {position: relative !important; padding-left: 35px !important; margin: 12px 0 0 0; }
.menu-breadcrumb .breadcrumb{margin: 12px 0 0 0 !important;}
.breadcrumb.inside_content {position: unset !important;padding-left:0 !important;margin-top:0px !important;}
.breadcrumb .breadcrumb-item,.breadcrumb .breadcrumb-item a{text-transform: lowercase !important;}
/*.breadcrumb-item.active{line-height: 1.3;}*/
.btn_close_popup {position: absolute; top: 5px; right: 5px; padding: 0 5px; z-index: 9; text-align: center; font-size: 17px; }
.owl-carousel .owl-nav [class*=owl-] {border: 1px solid #1a453b; font-size: 40px; color: #1a453b; }
.bootstrap-select .dropdown-item span{float:unset !important;}
.wrap_box .cat_list_display,.wrap_privacy .cat_list_display{display: inline-table; margin-right: 5px;margin-bottom:5px; border: 1px solid #053308 !important; background: transparent !important; color: #053308 !important; font-weight: 600;}
.wrap_box .cat_list_display.active_t,.wrap_privacy .cat_list_display.active_t{background: #DAECDE !important; color: #1A453B !important;}
.btn_cta_reg:disabled {   
white-space: nowrap;
  text-align: center;
  position: relative;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  font-family: 'Lato',sans-serif;
  line-height: 1.5;
  color: rgb(197, 197, 198);
  border-color: transparent;
  background-color: rgb(238, 238, 238);
  font-weight: 400;
  width: 100%;
  padding: 8px 20px;
  font-size: 15px;
  border-radius: 5px;
  margin-top: 30px;
  }
.note-editable p{margin-bottom:15px !important;}
.JCrop_preview.fade{opacity: 1 !important}
.wrap_list_portfolio .item_list_blur{position: absolute; top: 0; height: 0; background: rgba(0,0,0,0.2) !important; width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.bg_side_panel{background: url(../images/sign_up_cover.png);height:100%;width:100%;position:relative;background-size: cover;}
.bg_side_panel .opacity_, ._opacity_{background: #00695c; top: 0; right: 0; height: 100%; width: 100%; opacity: 0.7;position: absolute;}
.bg_side_panel .panel_{padding: 90px 50px 60px 80px; color: #fff; position: relative;font-size:18px;font-weight: 300;}
.bg_side_panel .panel_ h2{font-weight: 400 !important; margin-bottom: 25px;font-size:35px;line-height: 1.2}
.bg_side_panel .panel_ hr{border-color: #fff; margin: 0; width: 20%; border-width: 3px;}
.bg_side_panel .panel_ p{margin-top: 25px; margin-bottom: 15px;}
.bg_side_panel .panel_ ul{margin:0px;list-style: none;}
.bg_side_panel .panel_ ul li{margin-bottom: 15px;}
.bg_side_panel .panel_ ul li .media-left i{font-size: 20px; background: #00695c; opacity: 0.8; padding: 0px 6px;}
.bg_right_panel{max-height:100%;overflow: hidden;}
.bg_right_panel > div:first-child{padding: 90px 40px 60px 40px;}
.bg_right_panel .option_wrap_ic{border-color:#ccc;}
.bg_right_panel .fright i{font-size: 30px; margin-top: 10px; display: block; margin-right: 10px;}
.close_popup{padding: 10px; background: #fff; border-radius: 100%; top: -30px; font-size: 17px; right: -20px; opacity: 1; border: 1px solid #000000;}
._p__popup .close_popup{top: -21px !important; font-size: 15px; right: -5px !important; }
/*.bg_right_panel .media-body.option_wrap_desc p{font-size: 14px !important;}*/
.bg_right_panel .media-body.option_wrap_desc{padding:0 5px;}
/*.wrap_list_portfolio:hover .item_list_blur{
	position: absolute; top: 0; height: 100%; background: rgba(0,0,0,0.2) !important; width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px;
}*/
#newsletter_modal > div:first-child{padding: 200px 100px;}
.item_list_blur span{float: left; font-size: 15px; color: #ffffff; margin: 20px 10px; text-transform: lowercase; }
.item_list_blur a{   position: absolute; top: 0%; right: 5%; left: auto; background-color: #F5F5F5; padding-top: 7px; background-color: #fff; padding-bottom: 7px; padding-right: 9px; padding-left: 9px; margin: 16px 0 0 -41px; font-family: 'GothamLight', sans-serif; font-size: 13px; width: auto !important; height: auto; font-family: 'GothamBold', sans-serif; text-align: center; color: #444; border-radius: 5px;}
.item_list_blur a.is_active:hover{background: #DAECDE;color:#1A453B;}
/* Switches */
input.switch-toggle-flat:checked + label {background-color: #1a453b !important; }
input.switch-toggle-flat:checked + label:after {margin-left: 30px; background-color: #1a453b !important; }
button.mfp-close, button.mfp-arrow{background: #000 !important}
.btn_close_link_bottom{background-color: #1a453b;color:#fff;}
/*.wrap_about_us p, .wrap_about_us p span{ font-size:18px;}*/
.section_s{min-height: 400px}
.wrap_title{text-transform: lowercase;}
.thumb_board ul li{padding-right: unset;}
.thumb_board ul li:not(:first-child) {padding-right: 5px; }
.bg_gradient_tosca{background: #0cebeb;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #29ffc6, #20e3b2, #0cebeb);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #29ffc6, #20e3b2, #0cebeb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.photo_list_container { padding-bottom: 15px; margin-bottom: 15px; }
.photo_list_container:not(:last-child) {border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.read_more{ font-weight: 600; color: #1a453b;}
.list_contact{list-style: none; margin: -15px -15px 15px;}
.list_contact li{padding: 15px; border-bottom: 1px solid #eee;}
.list_contact li .media-left{width:30px;}
.list_contact li .media-left img{height: 25px;}
.list_contact li .media-body{padding-left: 5px}
.list_contact li .media-body{padding-left: 5px}
.list_contact li .media-body p{font-size: 14px; color: #000; line-height: 1.7;}
.text-darkgreen{color: #1a453b;}
.button-darkgreen, .button-white:hover, .label-darkgreen{background: #DAECDE;color:#1A453B;}
.border-darkgreen{border: 1px solid #1a453b;}
.page_empty{text-align: center;text-transform: lowercase;}
.page_empty > div{ margin-bottom: 15px;}
.form-group .label_20{font-weight: 500; color: #000; font-size: 16px;}
.page_empty > div > i{font-size: 100px; color: #cccccc;height: 120px;}
.page_empty > h3{font-weight: unset !important; padding: 0; font-size: 24px; color: #4e4e4e;}
.page_empty > p{font-size: 18px; margin-bottom: 10px !important;}
.mfp-close-btn-in .mfp-close{color:#fff;display: none}
.group-inline .input-group-text{background: transparent; border-right: 0;}
.group-inline input:focus,.group-inline input:active{border-color: #ced4da;}
.group-inline input{border-left: 0;}
.group-inline-right .input-group-text{background: transparent; border-left: 0;}
.group-inline-right input:focus,.group-inline input:active{border-color: #ced4da;}
.group-inline-right input{border-right: 0;}
.wrap_detail_item_overlay a {position: absolute; top: 0%; left: 5%; left: auto; background-color: #F5F5F5; padding-top: 7px; background-color: #fff; padding-bottom: 7px; padding-left: 9px; padding-right: 9px; margin: 16px 0 0 -41px; font-family: 'GothamLight', sans-serif; font-size: 13px; width: auto !important; height: auto; font-family: 'GothamBold', sans-serif; text-align: center; color: #444; border-radius: 5px; -webkit-backface-visibility: hidden; line-height: unset; height: auto; }
.btn_save_board:hover,.btn_save_board.active,.wrap_detail_item_overlay a:hover {background-color: #1a453b; color: #fff; }
.portfolio-overlay span,.wrap_detail_item_overlay span{float: left; font-size: 15px; color: #ffffff; margin: 20px 10px;text-transform: lowercase}
.portfolio-overlay, .wrap_detail_item_overlay{background-color: rgba(0,0,0,0.2);}
.portfolio_designer_transparent{border-top:1px solid transparent; background-color: transparent;}
.overlay_board a.edit {color:#1a453b; }
.left_tool{position: absolute; left: 5%; z-index: 2; top: 16px; width: 50%;}
.left_tool span {z-index: 2;background: #ffffff; padding: 5px 7px; width: 30px; border-radius: 100%;  height: 30px;cursor:pointer;}
.left_tool span i {color: #1a453b;}
.left_tool span:hover > i{color:#fff;}

.tab_scroll_fixed{position: fixed; top: 65px; left: 0; z-index: 99999; background-color: #ffffff;box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.1); right: 0; padding: 20px 10px 20px; }
.sidebar_scroll_fixed{position: fixed; top: 135px; width: 20.6%;overflow-y: auto;bottom: 10px;}
.sidebar_profile .category_list ul li a,.sidebar_profile .category_list a,.sidebar_profile .category_list p a{font-size: 14px !important;color:#555;text-transform: lowercase;}
.sidebar_profile .category_list a:hover{border-color: #777 !important}
.sidebar_profile .category_list:not(.none):before {content: '\00bb'; float: left; margin-right: 10px; color: #777;}
.sidebar_profile .category_list ul:not(.comma) li:before {content: '\00bb'; margin-right: 10px; color: #777;}
.sidebar_profile .category_list ul.comma li {display: initial;margin-right: 5px;}
.sidebar_profile .category_list {border:none;margin-bottom: 0px;}
.content_scroll_fixed{}

/* width */
.sidebar_scroll_fixed::-webkit-scrollbar, .photo_zoom_content::-webkit-scrollbar,.scroll_::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.sidebar_scroll_fixed::-webkit-scrollbar-track, .photo_zoom_content::-webkit-scrollbar-track, .scroll_::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.sidebar_scroll_fixed::-webkit-scrollbar-thumb, .photo_zoom_content::-webkit-scrollbar-thumb ,.scroll_::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ddd;
}

/* Handle on hover */
.sidebar_scroll_fixed::-webkit-scrollbar-thumb:hover, .photo_zoom_content::-webkit-scrollbar-thumb:hover,.scroll_::-webkit-scrollbar-thumb:hover {
  background: #7f8c8d; 
}

.button{text-transform: lowercase !important;}
.btn_bg_white{background: #fff; color: #1a453b;text-shadow: unset;border-radius: 30px !important;}
.border-darkgreen{border:2px solid #1a453b;}
.init_user{background: #fff; height: 35px; width: 35px;  display: inline-block; border-radius: 100%; margin: 0;font-weight: 700;padding: 5px 10px;border:2px solid #1a453b;color:#1a453b;}
.btn_tools{border-radius: 100% !important; width: 40px; height: 40px; padding: 0px 12px;}
.btn_tools.btn_medium{height: 30px; width: 30px; padding: 0 8px; line-height: 0;}
.btn_tools.btn_medium i{top:0px;}
.overlay_board a.edit:hover,.left_tool span:hover,.btn_bg_white:hover {background-color: #1a453b;color:#fff; }
.button-darkgreen:hover{background: #c7e4ca!important;color: #1A453B !important;}
.button-darkgreen.button-3d:hover {background-color: #3f6d62 !important; opacity: 0.9; color: #fff !important; }
.portfolio-overlay a{margin-left:0;}
.wrap_content_bio{text-transform: lowercase;}
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {padding: 0.5rem 1rem; font-size: 1.25rem !important; line-height: 1.5; border-radius: 0.3rem !important; }
.overview_prof a {color: #fff; }
.overview_prof ul li a:hover, .overview_prof a:hover {border-bottom: 2px solid #fff; color: #fff; }
.select2.select2-container{width: 100% !important;}
.select2-container--default .select2-selection--multiple {border: 1px solid #ced4da !important; }
.swal2-title,.swal2-content{text-transform: lowercase !important;}
.date_comment{font-size: 12px; margin-left: 0px;}
.txt_comment{font-size: 14px}
.comment-edit textarea{ border-color: #fdfdfd !important; background: #fbfbfb !important;}
.heading_comment{font-size: 15px}
.col_15 {float: left; width: 15%; position: relative; }
.display-block{display:block;}
.wrap_no_img{width: 100%; height: 200px; margin: 0px auto; display: inline-block; background-color: #eee; border-radius: unset;}
.wrap_no_img i{font-size: 40px; display: block; margin: 25%; color: #bfbebe; }
.wrap_no_img .cross i{color:red;font-size:15px;margin:0;}
.wrap_no_img .cross{position: absolute; top: 0px; padding: 1px 2px; right: 0; background: rgba(0,0,0,0.1); z-index: 1;}
.wrap_no_img.active{height: auto;background: transparent;}
#profileDown .dropdown-item,#cartDown .dropdown-item {font-size: 15px; }
.bg_profile_cover{ background-size: cover !important; background-position: 20% 30% !important;}
.btn_cta_reg{cursor:pointer !important;}
.btn_cta_reg:not(.btn_cta_reg_disable):hover{background:#256355;}
.btn_disabled, .btn_disabled:hover{ background: #eee !important; color: #555 !important;cursor: no-drop; }
.lazy_load{width: 100%; height: 100%; margin: 0; padding: 100px 20px 200px 20px; background: #fff; text-align: center;}
.lazy_load img, img.lazy_loads, .lazy_load img{height: 50px !important;} label.error{display:inline-block !important;}#ifrm{display:none !important;}
.lazy_load_more img{height: 50px;text-align: center;margin-top:50px;}
.btn_edit_cover label{color:white !important;}
.country.active.highlight{color:#444;}
.btn_link_bottom {right: 3%; bottom: 30px;}
.dark .top-links li > a.active{color: #555 !important;/*border-bottom: 3px solid #1a453b; padding-bottom: 5px; height: 55px;*/}
/*.dark .top-links li > a.active:after {content: ' '; width: 8px; height: 8px; background: #1a453b; position: absolute; top: 45px; left: 61%; margin-left: -21px; border-radius: 50%; }*/
.no-border-radius {border-radius: 0; }
.overview_about.set_height{max-height: 150px; overflow: hidden; -moz-box-shadow: inset 0 -60px 80px -60px #dedede; -webkit-box-shadow: inset 0 -60px 80px -60px #dedede; box-shadow: inset 0 -60px 80px -60px #dedede; }
.overview_service.set_height{max-height: 80px; overflow: hidden; -moz-box-shadow: inset 0 -60px 80px -60px #dedede; -webkit-box-shadow: inset 0 -60px 80px -60px #dedede; box-shadow: inset 0 -60px 80px -60px #dedede; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option{text-transform: lowercase !important;}
.cursor-pointer {cursor: pointer; }
.notif-click-link{ padding: 10px;}
.notif-click-link:hover{background: #eee !important;}
.notif-click-link.notif-mark{background: #eaf4f4 !important;}
.bg_section_top{    background-size: cover;}
.portfolio-item .portfolio-image .progressive-image-main,.wrap_list_produk .portfolio-image .progressive-image-main{z-index: 0 !important;}
.wrap_item_blog .progressive-image{display:block !important;}
.wrap_item_blog .progressive-image-wrapper{padding-bottom:0 !important;}
a.wrap_item_blog{display: block !important}
.btn_link_bottom{left:3%;right:auto;}
.pad_rf_0{padding-right: 0px !important}.pad_lf_0{padding-left: 0px !important}
#gotoTop{left: 30px;}
.tree_check{max-height: 300px;overflow: auto;box-shadow: inset -1px 0px 10px -3px #555;}
.tree_check, .tree_check ul{list-style: none}
.tree_check li{padding-top:8px;}
.tree_check ul{margin-left: 30px;}
.blog_node_sp{position: relative;display: inline-block;}
.blog_node_sp a{position: absolute !important;top: 25px;right: 10px;display: none;white-space: nowrap; text-align: center; position: relative; text-transform: lowercase; text-decoration: none; font-family: 'Lato', sans-serif; line-height: 1.5; color: #fff; border-color: transparent; background-color: #1a453b; font-weight: 600; padding: 7px 20px; font-size: 15px; border-radius: 5px;}
.blog_node_sp:hover > a{display: unset;}
.portfolio-masonry.mobile .portfolio-item{width:50% !important;}
.portfolio-masonry.mobile .portfolio_designer{position:relative !important;}
#primary-menu ul li ul li > div > div,#primary-menu ul li ul li > div > div {color:#1a453b;font-weight: 600 }
.product_tag ul li a,.product_tag ul li a:hover{border: 1.5px solid #053308 !important; background: #1a453b !important; color: #fff !important; position: relative; padding: 6px; display: block; text-align: center; border-radius: 10px; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: lowercase; font-size: 15px !important; }
.notif-num{font-size: 10px; display: inline-block !important; position: absolute; top: 17px; border-radius: 100%; height: 10px; right: 13px; width: 10px;background:#dc3545 !important; line-height: 1.5;}
.notification ul li .notification_content h2 a{display:unset;color: #0056b3; font-weight: 500;}
.notification ul li .notification_content h2 a:hover{border-bottom: 0;font-weight: 700}
.portfolio_designer h5 a span, .portfolio_designer h5, .portfolio_designer h5 a {font-size:14px;}
.portfolio_designer h5.a16 a span, .portfolio_designer h5.a16, .portfolio_designer h5.a16 a {font-size:16px;}
.portfolio_designer p {font-size:13px;}
.alert-main{background: #00695c; border-color: #1a453b; color: #fff !important; border-radius: 0;}
.alert-main a{color:#fff;} .alert-main a:hover{color:#eee;}
.dropdown-hover .dropdown-menu {display: none !important;}
.dropdown-hover:hover .dropdown-menu {display: block !important; margin-top: 0;  }
.tab_link_profile .router-link-exact-active{ /*background: #1A453B; color: #fff;*/ border-color:#1A453B;}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm {border: 0 !important; border-radius: 0.25em !important; background: initial !important; background-color:#DAECDE !important; color: #1A453B !important; font-size: 1.0625em !important; }
/*.tab_link_profile .router-link-exact-active span{ color: #fff;}*/
.list_info_contact{list-style:none; }
/*.btn_cta_line{background: #eee !important; color: #1a453b !important;}
.btn_cta_line:hover{background: #1a453b;color:#fff;}*/
.btn_cta_2, .btn_cta_line{    
background: transparent !important;
    /* height: 41.5px; */
    color: #1a453b !important;
    border: 1px solid #1a453b;
    border-radius: 5px;
    height: 40px;
    margin: 0 auto;
    line-height: 2.2;
    padding: 0 !important;
    display: inline-block;
    vertical-align: middle;

}


.btn_cta_2:not(:disabled):hover, .btn_cta_line:not(:disabled):hover{color:#1A453B !important;background: transparent  !important;}


.nok > .btn_save_board:hover{background: #eee !important;color:#444 !important;}
.wrap_box {display: flex; width: 100%; flex-flow: row wrap; padding: 15px; height: 400px; overflow: auto; }

.wrap_box  > div, .wrap_box  >section> div {/* flex: 1; */ padding: 0.5rem; float: left; width: 33.3%; height: 154px; position: relative; }


.wrap_box  > div input[type="checkbox"], .wrap_box  > div input[type="radio"],.media_container input[type="checkbox"],.media_container input[type="radio"], .wrap_box  >section> div input[type="checkbox"], .wrap_box  >section> div input[type="radio"] {
  display: none;
  &:not(:disabled) ~ label.box, &:not(:disabled) ~ label.media_box {
    cursor: pointer;
  }
  &:disabled ~ label.box,&:disabled ~ label.media_box {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
}
label.box {height: 100%; display: block; background: white; border-radius: 10px; padding: 1rem; margin-bottom: 1rem; /*margin: 1rem;*/ text-align: center; box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5); position: relative;
}
/*.wrap_box  > div input[type="checkbox"]:checked + label.box {
  background: hsla(150, 75%, 50%, 1);
  color: hsla(215, 0%, 100%, 1);
     box-shadow: 0px 0px 20px hsl(166, 21%, 49%);
  &::after {
    color: hsla(215, 5%, 25%, 1);
    font-family: FontAwesome;
    border: 2px solid hsla(150, 75%, 45%, 1);
    content: "\f00c";
    font-size: 24px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
  }
}*/

.wrap_box  > div input[type="radio"]#control_05:checked + label.box, .wrap_box  >section> div input[type="radio"]#control_05:checked + label.box {
  background: red;
  border-color: red;
}

.wrap_box .active{
  display: block;
  position: absolute;
  z-index: 9;
  top: 0.5rem;
  text-align: center;
  right: 0.5rem;
  background: #00695c;
  left: 0.5rem;
  font-size: 80px;
  bottom: 0.5rem;
  opacity: 0.5;
  border-radius: 10px;
}
.photo_zoom_container{position: fixed; top: 0; z-index: 9; bottom: 0; right: 0; left: 0; height: 100%;   background: #000; width: 100%;}
.photo_zoom_fixed{background: rgba(0,0,0,0.1);text-align: center;height: 100%;position:fixed;width: auto;right: 0;left: 0}
.photo_zoom_img_tools .button-circle.button-arrow{height: 40px; width: 40px; padding: 0 11px;}
.photo_zoom_fixed img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 100%;max-height: calc(100vh - 70px);/*height: 100%;*/}
.photo_zoom_img_tools{position: absolute; bottom: 0; left: 0; background: rgb(0, 0, 0, 0.3); right: 0; padding: 10px 0;}
.photo_zoom_related .post{height:80px;overflow:hidden;position: relative;border:2px solid #ddd;}
.photo_zoom_mark .post,.photo_zoom_hover .post:hover{border:2px solid #1a453b;}
.photo_zoom_content{background:#000;padding: 10%;height: 100%;overflow-y: auto;}
.photo_zoom_related .post img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);max-width: 100%;max-height:80px}
.wrap_detail_content h2,.wrap_detail_content:not(.inspiration_detail) h1 {padding: 0; margin: 0; font-weight: normal; font-size:36px; font-family: 'circularmedium', sans-serif; color: #000; line-height: normal; }
.wrap_detail_content h2{font-size: 30px;}
.to_bottom{position: absolute; display: block; bottom: 0; width: 100%;}
.form_reg[readonly] {background: #eee; }
.fright-m{float: right;}
.word_break p, .word_break h5, .word_break h4, .word_break a{word-break: break-word;}
.list_info_contact li{margin-bottom:10px;padding-bottom: 5px; border-bottom: 1px solid #eee; font-size: 16px;}
.list_info_contact li span{width: 30px; height: 30px; background: #1a453b; margin-right:5px; display: inline-block; font-size: 20px; padding-left: 5px; color: #fff;}
.wrap_detail_content h4 a,.wrap_detail_content h4.subtitle {padding: 0; margin: 0; font-weight: normal; font-size: 16px; font-family: 'Lato', sans-serif; color: #000; line-height: normal; }
.wrap_detail_content h4 a.category, .category{ color: #555; font-weight: 501;}
.wrap_not_found {position: relative; margin-top: 77px; }
.wrap_not_found h3 {padding: 0; text-transform: lowercase; margin: 0; text-align: center; line-height: normal; font-size: 40px; color: #1A453B; font-family: 'circularmedium'; }
.bg_cover_notfound {height: 100%; min-height: 600px; background-size: cover; }
.btn_back_not_found{padding: 10px 20px; border: 2px solid #1A453B; -webkit-box-shadow: 4px -4px 0px 1px rgba(26,69,59,1); -moz-box-shadow: 4px -4px 0px 1px rgba(26,69,59,1); box-shadow: 4px -4px 0px 1px rgba(26,69,59,1); color: #1A453B; border-radius: 4px; font-size: 20px; font-weight: 400; background-color: #fff; display: inline-block; font-family: 'Lato'; text-transform: lowercase; }
select, input,textarea, .select2-container{text-transform: lowercase !important;}
.no-active {pointer-events: none; cursor: default; }
body.noscroll .mfp-content{overflow-y: hidden!important;}
.v_html{white-space: pre-line;}
.tree_check .checkbox-style{position: unset !important}
.text-size-small {font-size: 12px; }
.position-left {margin-right: 7px; }
.general-panel-search .wrap_box  {height: auto;overflow: unset;}
.general-panel-search .wrap_box > div {width: 20%; height: 200px;}
.pro_service.bottom,.to_bottom{position: absolute;bottom: 0;}
.pro_service p{font-size: 13px}
.pro_service a, .pro_service_span span{background: #eee; padding: 3px !important;margin-top:5px !important; margin-right: 5px !important;display:inline-block;font-size:13px !important;font-weight:500 !important;border-bottom: 1px solid #eee;}
.status-mark {width: 8px; height: 8px; display: inline-block; border-radius: 50%; border: 2px solid; }
.select2-container--default .select2-selection--single {height: 40px !important; font-size: 13px !important; padding-top:5px; }
.info_list_txt span strong{margin-right: 5px;}
.wrap_search_suggest ul li:not(:last-child){margin:0;padding:3px 0 3px 0;}
.wrap_search_suggest {position: absolute; width: 25%; margin-top: 49px; right: 15px; max-height: 500px; overflow-y: scroll;}
.wrap_search_suggest ul{list-style: none;}
.wrap_search_suggest h5{font-size:12px !important;}
.wrap_search_suggest ul li a{font-size:14px !important;display: block;}
.users_ul, .pins_ul, .pros_ul{overflow: -webkit-paged-x;}
.users_ul li, .pins_ul li, .pros_ul li {width: 20%; overflow: -webkit-paged-x; text-align: center;display:inline-block;border-bottom:0 !important; }
.users_ul li:not(:last-child), .pins_ul li:not(:last-child), .pros_ul li:not(:last-child) {float: left;}
.pins_ul li:not(:last-child) {border-right:1px solid #eee;height:55px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #00695c;}
.wrap_privacy.free ul {padding-left: 0 !important;}
.wrap_privacy.free ul li {padding-bottom: 0 !important;}
.wrap_privacy  ol {
  padding: 0px 0 0 20px;
}


.wrap_privacy  ol li{
  padding: 0px 0 10px 0;
}
.wrap_privacy.free ul.boot-tabs {box-shadow: 0 4px 2px -2px #ddd; }
.wrap_privacy.free ul.boot-tabs li {padding-bottom: 10px !important; }
.wrap_privacy.free p,.wrap_privacy.free h3{text-align: unset;}
#content_privacy .wrap_privacy p, #content_privacy .wrap_privacy ol li, #content_privacy .wrap_privacy ul li {padding: 0px 0 15px 0; margin: 0; text-align: left; font-size: 16px; color: #000; font-family: 'Lato',sans-serif; }
#content_privacy .wrap_privacy ol, #content_privacy .wrap_privacy ul{margin-bottom: 5px !important}
.indent-content{text-indent: 2em;}
#oc-clients .owl-prev,#oc-clients .owl-next{font-size:25px;}
label{cursor:text;}
label.file-upload__label{cursor: pointer;}
.wuc_btn .file-upload__label{background: transparent;}
.fixed_wrap_bottom{z-index:999;} 
.mfp-close{width: 50px; height: 50px; font-size: 40px !important;}
/* hover default*/
#gotoTop {  left: auto; right: 100px; bottom: 35px !important; }
#gotoTop:hover {background-color: #1a453b; }
a.wrap_statistic:hover{background: #00695c !important;color:#fff !important;}
a.wrap_statistic:hover > h4,a.wrap_statistic:hover > p{color:#fff !important;}
.wrap_search_suggest li:hover > a, .wrap_search_suggest li a:hover{color:#00695c !important;}
.portfolio_designer h5 a:hover span,  .portfolio_designer h5 a:hover, .wrap_detail_content h4 a:hover, .category_list a:hover { color: #777; border-bottom: 1px solid #777; padding-bottom: 1px;}
.category_list a:hover{border-color:#777 !important}
 #search > .block{background-color: transparent;max-width: 77%;padding:20px;border-radius: 5px;}
 .wrap_heading_desc h3 small.text-muted{font-size:14px;}
 #search .wrap_heading_desc h2{text-align: center; margin-bottom: 10px; font-weight: normal !important; font-size: 40px;color:#fff; }
 #search .wrap_heading_desc p{color:#fff;text-transform:unset; }
 #search .gen-search{background: transparent; border-top: none; border-left: none; border-right: none; border-radius: 0;  border-color: #8a8989; color: #fff; border-width: 1.2px; font-size:15px; }
 #search .input-group-append{position: absolute; right: 0; }
 #search .input-group-text{background: transparent; border: 0; color: #777; }
 #search .wrap_search_suggest{width: 100%; right: 0; left: 0; max-height: 150px; margin-top: 0; z-index: 9; background: transparent;}
 #search .wrap_search_suggest h5 {color:#ddd;}
 #search .wrap_search_suggest ul li a {color:#fff;}
 #search .wrap_search_suggest ul li:hover {background-color:#fff;}
 .panel_search strong{font-weight: 700 !important}
.content_container_about .wrap_heading_desc {margin-top: 1.5rem !important;}
.slider-caption-bg.featured{top:0;bottom:auto;}
.photos_container .photos_img{border:1px solid #eee;padding:10px;cursor: pointer;position:relative;}
.photos_container .photos_img .photos_blur{background: rgba(0,0,0,0.4);display: none;height: 100%;width: 100%;position: absolute;top:0;left:0;right: 0;bottom:0;}
.photos_container .photos_img .photos_blur i{font-size: 30px; color: #fff; text-align: center; top: 40%; position: absolute; left: 45%;}
.photos_container .photos_img:hover > .photos_blur, .photos_container .photos_img:hover > .photos_blur > i{display: block;}

.button{letter-spacing: unset !important}
.dv_subscribe{border-radius: 5px; position: fixed !important; bottom: 5px; right: 5px; padding: 0 !important; width: 800px;bottom:-500px;z-index: 999;}
.dv_susbcribe_bg{ position:relative;background: url('../images/bg_subscribe.jpg'); padding: 100px; border: 8px solid #000;}
.dv_susbcribe_bg ._opacity_{ background: #000;opacity: 0.5;top: 25px; right: 25px; left: 25px; bottom: 25px;width:auto;height:auto;}
.dv_subscribe h3{font-size: 30px;}
/*.body-m{margin-top:30px;}*/
.footer-m .dark #copyrights{background: #000 !important}
.header-m{position: fixed !important;height: 130px !important;top: 0px;}
.owl-dot{margin-top:0px !important;}
.pCat__menu li:hover, .pCat__menu li.active{/* background: #fdfbfb; */border-bottom:3px solid #1a453b; margin: -2px 0; padding-top: 2px; padding-bottom: 0px; box-shadow:0px -21px 18px -14px rgba(0, 0, 0, 0.05) inset}
.pCat__menu li:hover a, .pCat__menu li.active a{color:#000 !important;}
#primary-menu ul li .pCat__{background: #fff;
    background: #fff;
    left: 5%;
    right: 5%;
    position: fixed;
    top: 115px;
    height: 400px;
    padding: 20px 50px;
    overflow: hidden;
    display: none;
    border-top: 1px solid #d0dedb;}
    .dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {  color: #333!important;}

#primary-menu ul li:hover .pCat__{display: block;}
#primary-menu ul li .pCat__list ul{list-style: none;margin:0;padding: 0; background: transparent !important; border: 0 !important; display: unset !important; box-shadow: unset !important; width: auto !important; position: unset !important;}
#primary-menu ul li .pCat__list > ul > li > a{display: block !important;color: #000 !important; margin: 0 !important;font-size:15px !important; padding: 3px 0 !important;}
#primary-menu ul li .pCat__list > ul > li.pCat__list_root > a{ padding: 3px 0 !important; border-bottom: 1px solid transparent !important;}
#primary-menu ul li .pCat__list ul li.pCat__list_root{margin: 0 0 10px !important;}
#primary-menu ul li .pCat__list ul ul{list-style: none !important;padding: 0 !important;}
#primary-menu ul li .pCat__list > ul > li{margin-bottom:3px;}
#primary-menu ul li .pCat__list ul li{text-align: left !important;box-shadow: unset !important;}
#primary-menu ul li .pCat__list ul li a{font-family:'circularmedium' !important;background: transparent !important;padding: 3px 0 !important;font-weight:300 !important;}
#primary-menu ul li .pCat__list ul ul li a{font-size:14px !important;font-family: 'Lato' !important;font-weight:500 !important;}
#primary-menu ul li .pCat__list ul li:not(.pCat__list_root) a:hover{background: transparent !important;padding: 3px 0 !important;box-shadow: unset !important;border:0 !important;color:#000 !important;}
#primary-menu ul li .pCat__list ul:hover{background: transparent !important}
#primary-menu ul li .pCat__list ul li:hover{background: transparent !important;padding: 0 !important;border:0 !important;}
#primary-menu ul li .pCat_poster img{max-height: 100% !important;width: 100% !important;}
.pad_top20 {padding-top:20px;}
.wrap_head_mp{position: relative;cursor: pointer;}
.wrap_head_mp img{width: 100%}
.wrap_slide_mp{ position: absolute; bottom: 0px; border: 1px solid #fff; padding: 3px 3px 0; background: rgb(255, 255, 255,0.7);}
.wrap_slide_mp:hover{background: #fff;}
.wrap_slide_mp ul{margin:0 !important;}
.ic_quickview{transform: translate(-50%,-50%); top:50%;bottom: 50%;}
.badge__{ position: absolute;
    color: #ffffff;
    font-size: 18px;
    right: 9px;
    background: #1a453b;
    top: 0;
    border: 2px solid #1a453b;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;}
.quantity .qty{border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #fff;border-left: 0;border-right: 0;} 
.quantity .plus, .quantity .minus{border: 1px solid #ddd;background: #fff;min-height: 30px}
[name="quantity"]::-webkit-outer-spin-button, [name="quantity"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.cart_list__{position:relative;padding:15px;margin-bottom: 15px; border: 1px solid #eee;}
.cart_list__ h4, .cart_list__ p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.text-semibold {font-weight: 600 !important; }
._parent_list{-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); box-shadow: 0 1px 2px rgba(0, 0, 0, .05);padding:15px;border:1px solid #eee;}
._parent_list ._parent_head{margin:-15px -15px 0;padding: 15px;background:#fff;border-bottom: 1px solid #eee;}
._parent_list ._parent_body{border-bottom: 1px solid #eee;padding:15px 0;}
._parent_list ._parent_body:last-child{border-bottom: 0px;padding-bottom: 5px}
._parent_list:hover{background:#f7fafc !important;}
._parent_list ._border_list p:first-child{text-transform: lowercase !important;}
._parent_list ._border_list.mb{margin-bottom: 15px;}
.star-ratings-sprite {background: url("../images/star-rating-sprite2.png") repeat-x; font-size: 0; height: 21px; line-height: 0; overflow: hidden; text-indent: -999em; width: 110px; margin: 0 auto;
}
.star-ratings-sprite-rating {background: url("../images/star-rating-sprite2.png") repeat-x; background-position: 0 100%; float: left; height: 21px; display:block;
}
.wrap_upload_container ul{list-style:none;margin:0;padding: 0;display: inline-block;}
.wrap_upload_container ul li{float: left; margin-right: 10px; background: #eee; width: 100px; height: 100px;cursor: move;text-align: center;}
.wrap_upload_container ul li{position: relative;margin-bottom: 25px;}
.wrap_upload_container ul li div{text-align: center;position: absolute;bottom: 0;right: 0;left: 0;}
.wrap_upload_container ul li div a{margin-right: 3px;}
.wrap_upload_container ul li.wuc_btn{padding: 25px 30px;cursor: pointer;}
.wrap_upload_container ul li.wuc_btn a,.wrap_upload_container ul li.wuc_btn span{font-size: 35px; color: #555;}
.wrap_upload_container img {height: 100px; max-width: 100%; text-align: center; }
/*.headermarket{background:url('../images/bg_white_cover.png') !important; background-position:61% 0 !important;}*/

.headermarket{/* background: none !important;  */background-position:61% 0 !important;}


.drag_link{position: absolute; right: 0; top: 3px; color: #000; width: 20px; background: rgba(255,255,255,0.7); height: 20px;}
.wrap_tnc ol, .wrap_tnc ul{padding: 15px;}
.wrap_tnc h3,.wrap_tnc h2, .wrap_tnc p, .wrap_tnc li {padding: 0 0 15px; margin: 0; text-align: justify; font-size: 16px; color: #000; font-family: lato,sans-serif;}
.wrap_tnc li{padding-bottom:5px;}
.wrap_tnc h2{font-size:22px;font-weight: 600 !important}
.wrap_tnc h3{ font-size: 16px;}
.wrap_tnc .acctitle h3{ font-size: 16px; margin: 0 0 10px;padding: 0}
.wrap_tnc .acctitle{border-top: 1px dotted #DDD !important;}
.dv_questioner{ max-width: 60%; margin: auto; position: relative; padding: 100px; }
.dv_questioner_bg ._opacity_{border-radius: 10px;}
.dv_questioner_bg .btn_close_popup{color:#fff !important;}
.dv_questioner_bg .btn_close_popup_a{color:#fff;border-color:#fff;font-size:16px;}
.dv_questioner h2{ font-size: 30px; margin: 0; padding: 0;}
.dv_questioner_body{ position: relative; text-align: center; padding: 0; margin: 0; }
.dv_questioner_body p{color: #fff; margin: 10px 0 50px; font-size: 16px;}
.icon_list_status{list-style: none;margin: 15px 0 15px;padding: 0}
.icon_list_status li{display: inline-block;margin-right: 15px;position: relative;z-index: 1}
.icon_list_status li:before{content: ' '; border-top: 2px dotted #1a453b; position: absolute; top: 10px;left: -17px; width: 17px;}

.icon_list_status li.active > span i {
	color: #1a453b;
}
.icon_list_status li.unactive:before{border-color:#ddd;}
.icon_list_status li:first-child:before{border:none;}
.icon_list_status li > span{padding: 10px;border:1px solid #1a453b;color:#1a453b;border-radius: 100%}
.icon_list_status li > span i{font-weight: 700 !important;line-height: 1; color: #1A453B;}
.icon_list_status li.unactive > span{border-color:#ddd;color: #adabab}
.icon_list_status li.actived > span{color: #1A453B;background: #DAECDE;}
.slider_category_page ._opacity_{background: #000;opacity: 0.3}
.slider_category_page .vertical-middle{position: absolute; top: 40%; width: 100%; padding-top: 0px; padding-bottom: 0px; margin-top: 0;}
.slider_category_page .wrap_hero_product_txt{width: 60%; margin: 0 auto;}
.slider_category_page .wrap_hero_product_txt h1{color: #fff !important; text-shadow: none !important;text-transform: lowercase;}
.slider_category_page .wrap_hero_product_txt p{color: #fff !important; font-size: 18px; text-align: center; font-family: Circular_AirLight;}
.seo-bottom-content{text-align: justify; border-bottom: 1px solid #eee; padding: 0; margin: 0 0 15px; }
.seo-bottom-content p, .seo-bottom-content div p, .seo-bottom-content div span{font-family: 'Lato',sans-serif !important; font-size: 14px !important; margin: 0 0 5px !important;}
.seo-bottom-content h3,.seo-bottom-content h2,.seo-bottom-content h1{color: #000; font-size: 20px; font-weight: 700 !important; margin: 0 0 5px;}
.col_wrap_50_about{height: auto !important}
.note-link-dialog.modal.show{margin-top:80px;}
.note-link-dialog.modal.show .modal-title{display:none;}
.col_wrap_50_about a, .col_wrap_50_about p a{color:#17a2b8 !important;}
.col_wrap_50_about a:hover, .col_wrap_50_about p a:hover{color:#127e8d !important;}
.section_my_trx .acc_content div h2{margin: 0;padding: 0;}
.section_my_trx .acc_content p, .acctitle{font-family: "Lato"}
.pay_info h2 {font-size: 18px; font-family: 'Lato'; margin: 0 0 10px; line-height: 1.5; }
.pay_info ol {margin: 0; padding: 0; margin-left: 10px; line-height: 1.5; }
.pay_info ol li {font-size: 14px; font-family: 'Lato'; line-height: 1.5; margin-bottom: 5px; }
.owl-dots, .owl-carousel .owl-dots {display: none}
.btn_cta_light{font-family:'Circular_AirLight' !important;}
.swal2-popup .swal2-title {line-height: 1.1 !important;}
.icon_list_status.sp{width: 80% !important}
.icon_list_status li > span {padding: 0; width: 40px; display: inline-block; color: #1a453b; height: 40px; line-height: 2.8; text-align: center;  border-radius: 50%; }
.icon_list_status li:before {content: ' '; border-top: 2px dotted #1a453b; position: absolute; top: 19px; left: -17px; width: 17px; }
.icon_list_status.sp {
    width: auto;
    display: inline-block;
    text-align: center;
    margin: 20px 0 0 0;}
.icon_list_status.sp li {margin-right: 0px;text-align:center;float: left;width: 25%;}
.icon_list_status.sp li > span {padding: 25px; font-size: 25px;}
.icon_list_status.sp li:before { top: 25px; left: -75px; width: 150px; }
.icon_list_status.sp li p {margin:0px;padding: 10px 0 0 0;font-size: 16px;color:#000; text-align: center;}
.icon_list_status.sp li > span {padding: 0; font-size: 18px; line-height: 2.6; }
.icon_list_status.sp li > span {padding:0px !important;width: 50px; display: inline-block; color: #1a453b; height: 50px; line-height: 2.8; }

.icon_list_status.sp li.actived > span i {color:#1A453B!important;}
.icon_list_status.sp li p{margin: 10px; padding: 0; font-size: 14px; color: #000; }
.notification ul li .shape_notif_list {display: none; }
.checkbox-style-1-label:before, .checkbox-style-2-label:before, .checkbox-style-3-label:before, .radio-style-1-label:before, .radio-style-2-label:before, .radio-style-3-label:before{float:left;}
.checkbox-style-3-label{font-weight: 400 !important; }
.swal2-popup .swal2-title {line-height: 1.1; font-size:22px;}
.map_empty{width:100%;height:300px;position: relative;background:#f5f5f5}
.map_empty div{position: absolute;text-align: center;right: 0;left: 0;width: 100%;top:35%;cursor:pointer;}
.map_empty div{position: absolute;text-align: center;right: 0;left: 0;width: 100%;top:35%;cursor:pointer;}
.map_empty div i{font-size: 40px; display: block;}
#gdpr_cookies{position: fixed; bottom: 10px; font-family: 'Lato'; left: 10px; padding: 10px 30px; background: rgb(0,0,0,0.8); z-index: 3; color: #fff; width: 50%;}
#gdpr_cookies h3{color: #fff; font-size: 16px; font-weight: 600 !important; margin: 0 0 10px;}
#gdpr_cookies p{margin: 0 0 10px; font-size: 14px; }
#gdpr_cookies a{color: #00dcff !important; margin-right: 15px;}
.overlay_mobile_search{background: rgba(0,0,0,0.5);position: fixed;top:0;left:0;right:0;bottom:0;}
.zoomImg{background: #fff !important}
#notifDown .notif-click-link.dropdown-item{font-family: 'Circular_AirLight' !important;}
#flex-slider.prod .flex-nav-next,#flex-slider.prod .flex-nav-prev{display: none;}
.label_star{color: #000; font-size: 25px; margin: 0 10px; font-weight: 600;}
.label_star_review{font-size: 14px; margin: 0 8px; font-weight: 600;padding: 0; line-height: 1.5; font-family: Lato; color: #928f8f;}
.label_star_review_smal{font-size: 12px; margin: 0 5px; position: absolute; top: 8px;font-weight: 600;padding: 0; line-height: 0; font-family: Lato; color: #928f8f;}
#notifDown .scroll_ a p {padding:0 10px; }
.img_user{width: 35px; height: 35px;border:1px solid #eee;}
.text-r-right{text-align: right;}
.wrap_upload_container li.li_img > div { height: 100px;position: relative;}
.wrap_upload_container li.li_img img { height:auto;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);max-width: 100%;max-height:100px; text-align: center;}
.star-small{height: 16px; background-size: 16px; line-height: 0; width: 81px;}
.star-small .star-ratings-sprite-rating{background-size: 16px; height: 16px;}
/*.menu_nav_right ul li a {
    display: block;
    font-family: circularmedium;
    padding: 0 !important;
    font-size: 14px ;
    text-transform: lowercase;
    color: #000;
}*/
.sort_by_mobile .select2-selection {white-space: nowrap; text-align: center; position: relative; text-transform: lowercase; display: inline-block; text-decoration: none; font-family: 'Lato', sans-serif; line-height: 1.5; color: #fff; border-color: transparent; background-color: #1a453b; font-weight: 500; width: 100%; padding: 7px 20px; font-size: 15px; border-radius: 5px; border-radius: 0px; position: relative; background: #fff; padding: 0px 5px;
    text-align: left;height: 27px !important; border-radius: 0.25rem; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.08); background: #eee !important; color: #1a453b !important; border-radius: 0 !important;border:0 !important; }
.sort_by_mobile .select2-container--default .select2-selection--single .select2-selection__rendered{color: #1a453b !important;font-size:14px;}
.oc_pswd{cursor: pointer;}
#notifDown .scroll_ a p a {font-size: 14px; display: inline; margin: 0; padding: 0; font-family: 'Circular_AirLight' !important; }
.wrap_head_panel{position: relative; background: #daecde; padding:10px 15px; }
.close_search {text-align: center; font-size: 20px; padding: 0; margin: 5px 0 0; color: #fff; }
#primary-menu-search {position: absolute; right: 66px; top: 17px; font-size: 23px; display: none; }
#primary-menu-login{display: none}
.__ship_pick_head.__ship_disabled {
    background: #f7f7f7;
}
.__ship_pick_head {
    margin-bottom: 10px;
    padding: 10px;
}
.__ship_pick_head.__ship_disabled h4, .__ship_pick_head.__ship_disabled p {
    color: #a59e9e;
}
.__ship_pick_list {
    margin-bottom: 10px;
}
.__ship_pick_list .radio-style-3-label {
    width: 100%;
    text-transform: unset;
}
.__ship_pick_list.__ship_disabled .radio-style-3-label h5, .__ship_pick_list.__ship_disabled .radio-style-3-label p {
    color: #afafaf !important;
}
.__ship_pick_list.__ship_disabled .radio-style-3-label p.text-danger {
    color: #dc3545 !important;
    /* margin-left: 40px; */
}
.btn_tab_custom{display: block;padding:15px;text-align: center;font-size:14px;font-weight: 600;border-bottom:2px solid transparent;}
.btn_tab_custom.active{border-bottom:2px solid #1a453b;}
.btn_tab_custom:hover{background: #eee;}

/* css popup dynamic */
._p__{z-index: 9999;border-radius:5px; box-shadow: 0 5px 50px 0 rgba(23, 23, 23, 0.7);}
._p__ h1, ._p__ h2, ._p__ h3, ._p__ h4, ._p__ p{font-family: Circular_Airlight;}
._p__alert{position: fixed;min-width: 20%;min-height: 50px;max-width: 50%;}
._p__banner{position: fixed;min-width: 20%;min-height: 50px;}
._p__popup{position: fixed;top:0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);}
._p__popup ._p__body{max-width: 50%;margin:auto;margin-top:5%;}
._p__body h4{font-weight: 700 !important;font-size:16px;margin:0 0 10px;}
._p__body p{font-weight:500 !important;font-size:13px;margin: 0 0 10px;white-space: pre-wrap}
._p__body .close{position: absolute;right: -25px;top: -25px;font-size:10px;}
._p__body .close i{font-weight: 600 !important}
._p__body{position: relative;padding:15px;}
._p__position_v_bottom{bottom:5px;}
._p__position_v_top{top:10px;}
._p__position_v_top._p__full_w{left: 10px;right: 10px;}
._p__position_h_left{left:5px;}
._p__position_h_right{right:5px;}
._p__full_w{left: 5px;right: 5px;}
._p__banner h1, ._p__banner h2, ._p__banner h3, ._p__banner h4, ._p__banner p{display: inline-block;}
._p__banner .btn{padding: 0.25rem 2rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;margin-left:15px;}
._p__banner ._p__body{padding:15px 15px 5px; }
._p__max_height{max-height: 500px}
._p__mark_span{background-color: red;padding: 5px 10px;display: inline-block;color:#fff !important;}
p ._p__mark_span {padding: 0px 5px; }
/*.courier_name{display: inline-block !important;}*/
.courier_name{display: none !important;}/*di cek_tarif*/
.review_wrap{border: 1px solid #eee; padding: 15px; margin-top:45px; }
.review_wrap__prod{text-align: center; margin: -60px auto 0;}
.review_wrap__prod img{margin: 0px auto;height: 60px; width: 60px !important; border-radius: 100%; background: #eee;}
.review_wrap__content{text-align: center; }
.review_wrap__star{text-align: center;margin: 10px 0;}
.review_wrap__content p{ margin: 0 0 10px; font-size: 16px;}
.review_wrap__content p:before{content: "\e7ad"; font-family: 'font-icons'; font-size: 36px; color: #eee; position: absolute;
 top: -40px; left: 9px; z-index: -1;}
.review_wrap__footer{text-align: center;margin: 10px 0 0px;}
.review_wrap__footer h5{ margin: 0; padding: 0; font-size: 16px; font-weight: 600 !important; color: #1a453b; display: inline-block; }
.review_wrap__footer p{display: inline-block; margin: 0; padding: 0; }
.review_wrap__footer p small{display: block}
.list_thumb._payment ul li{min-height: 40px;}
/*.slick-track{margin:0 !important;}*/
.slider-nav .slick-track .slick-slide{padding:5px 2.5px !important;}
/* end:css popup dynamic */
ins.adsbygoogle { max-height: 100px;height: 100px;text-align: center; }
ins.adsbygoogle > ins { display: block !important;margin:auto !important;}
.price_tag_txt h3 span.no-convert {
    color: #000 !important;
}
.overlay_full_dark{position: absolute;top:0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.4);z-index: 2}
.overlay_full_white{position: absolute;top:0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,0.7);z-index: 2}
.close_vuejs_datepicker{display: none}
/* selected package */

   #selected_package, #selected_rekomen{
      position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: rgba(0,0,0,0.5);
   }
   .__package_content h3, .__package_content p, .__package_content h4 {
    margin: 0;
    padding: 0;
   }
   .__package_content{
      background: #fff;
    position: absolute;
    bottom: 0;
    max-height: 95%;
    overflow: auto;
    right: 15px;
    left: 15px;
    padding: 0;
    border-radius: 10px 10px 0px 0px;
    font-family: lato;
   }
   .__package_content .close_popup, .close_popup.no_circle{
     position: absolute;
    z-index: 1;
    top: 0;
    border: 0;
    right: 0;
    border-radius: 0;
   }
   .__package_side{
          text-align: center;
    height: 100%;
    padding: 20px 30px;
    border-right: 1px solid #eee;
   }
   .__package_side_selected,.__package_side_title,.__package_price {
      margin-bottom: 15px;
   }
   .__package_side_selected h4 {
    color: #000;
       font-family: circular_airlight;
       margin: 0 0 5px;
       font-size: 18px;
   }
   .__package_side_selected:after {
       content: ' ';
       height: 1px;
       width: 80%;
       background: #efefef;
       display: block;
       margin: auto;
   }
   .__package_side_title h4 {
       font-family: circularmedium;
       font-size: 25px;
   }
   .__package_price h4 {
    font-family: circularmedium;
    color: #000;
    font-size: 30px;
}
span.__package_price_unit {
    color: #000 !important;
    font-size: 16px;
    margin-left: -25px;
    display: inline-block;
    vertical-align: top;
    margin: 3px 3px 0 0;
    font-size: 20px;
    font-weight: normal;
}
   .__package_main{
      padding: 20px 30px;
      background: #fefefe;
   }
   .__package_content .left_side{
      padding-right: 0
   }
   .__package_content .right_side{
      padding-left:0;
   }
   .__package_title {
    margin-bottom: 15px;
    text-align: center;
}
   .__package_title h4 {
    font-family: circularmedium;
    font-size: 18px;
}
   .__package_btn_main {
    margin: 0 0 15px;
}
.__package_btn_main.__btn_not_full{
   width: auto !important
}
.__package_mini_txt_center {
    display: block;
    margin-bottom: 15px;
}
.__package_account_panel{
   margin-bottom: 15px
}
.__package_account{
       background: #fff;
    padding: 15px;
    text-align: center;
    border: 1px solid #eee;
}
.__package_account > p > span:first-child{
   font-size:16px;
}
.__package_body  p{
   margin-bottom: 15px
}
.__package_txt_hightlight{
   font-size:16px;
   font-weight: 600 !important
}
.__package_footer{
   text-align: center;
}
.__package_side_title.highlights{
   font-family: circular_airlight
}
/* end:selected package */

/* buyable */
.__buyable_bg{    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    z-index: 200;
    padding:20px;}
.__buyable_panel{height: 100%;
    width: 65%;
    background: #fff;
    margin: auto;
    overflow: auto;
}
.__buyable_panel.w80{
width:80%;
}
.__buyable_content{
  padding:35px;
}
/* end:buyable */

/* bundle planit product */
.planit-container .planit-infobox-container .planit-infobox{min-width: 200px !important;padding:0 !important;}
.planit-container .planit-markers-container .planit-marker{padding:5px !important;text-align: center;}
.bundle_content__{padding:15px;}
.bundle_content__ .media{max-width: 300px}
.bundle_content__ .media .media-left{margin-right: 10px}
.bundle_content__ .media img{position: unset; height: 80px; width: auto; text-align: center; }
.bundle_content__ .media h6{margin-top:0px;font-weight: 600 !important;font-size:14px;margin-bottom: 15px; }
.bundle_content__ .media p{font-size: 14px;}
.bundle_content__ .media p{display: none !important;}
.bundle_content__ .media p small{font-size: 12px;}
.bundle_content__ .media .bundle_content__discount{display: none;}
.bundle_content__ .media .bundle_content__buy{margin-top:20px;}
.planit-container{margin:0 !important;width:auto !important;}
.planit-container .planit-markers-container .planit-marker{cursor: pointer;}

/* end:bundle planit product */

/* filter_showme */
.filter_showme .select2-container--default.select2-container--disabled .select2-selection--multiple,.filter_showme .select2-container--default.select2-container--disabled .select2-selection--single{
    background:#fff !important
  }
.filter_showme{ margin: 0 0 25px;font-size: 14px;border-bottom:1px solid #eee;padding:0 0 15px;text-align: center;font-family: circularmedium;}
.filter_showme .select2.select2-container{width: auto !important}
.filter_showme .select2-container--default .select2-selection--multiple{padding: 0px !important}
.filter_showme .select2-container .select2-search--inline{margin-top:10px;width: 100%; display: block;float:unset !important;}
.filter_showme_multiple.exist + .select2-container .select2-search--inline{margin-top:0px;}
.filter_showme .select2-container .select2-selection--single, .filter_showme .select2-container .select2-selection--multiple{display: inline-block !important; margin: 5px 10px;min-width: 150px;max-width: 700px;max-height: 50px;overflow: auto;}
.filter_showme .select2-container--default .select2-selection--multiple, .filter_showme .select2-container--default .select2-selection--single{border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; border-color: #1a453b !important; }
.filter_showme .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;right: 10px}
.filter_showme_multiple.h80 + .select2-container .select2-selection--multiple{max-height: 80px !important}
.filter_showme .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-top: 3px; color:#1a453b; font-size: 14px; }
.filter_showme_heading{text-align: left;margin-top:15px;}
.filter_showme_heading h4{margin:0;font-family: circularmedium}
.filter_showme.pro .select2-container--default .select2-selection--multiple, .filter_showme.pro .select2-container--default .select2-selection--single { background-color: transparent;} 
.filter_showme.blog .select2-container--default .select2-selection--multiple, .filter_showme.blog .select2-container--default .select2-selection--single{
  min-width:200px !important
}
.filter_showme.pro .select2-search__field::placeholder{color:#ccc}
.filter_showme .select2-container .select2-selection--multiple .select2-selection__rendered{
  display: block;
  margin:0 0 5px;
}
.filter_showme.blog .select2-container .select2-search--inline{margin-top: 8px;}
.filter_showme.blog .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top: 4px;}
.filter_showme.blog .select2-container--default .select2-selection--single .select2-selection__arrow{top: 13px;}
/* end:filter_showme */

/* __wizard content */
#selected_rekomen .__package_content{
  border-radius: 0;
  top:0;
  right: 0;
  left: 0;
  max-height: 100%;
}

.__wizard{width: 70%;
    margin: auto;}
.__wizard h3, .__wizard h4{
  font-family: circularmedium;
}
.__wizard h4{
  margin-bottom:25px;
}
.__wizard_panel{
    padding: 10px 0 0px;
}
.__wizard_button, .__wizard_submit{
    max-width: 50%;
        width: auto;
    min-width: 25%;
    margin-top:40px !important;

    margin: auto;
}
.__wizard .wrap_box{
  overflow: unset;
  height: auto;
}
.__wizard .wrap_box .active i{
  margin-top:10%;
}
.__wizard .wrap_box > div, .__wizard .wrap_box >section> div{
  height: 225px;
}
.__wizard .wrap_box  > div input[type="checkbox"], .__wizard .wrap_box  > div input[type="radio"],.__wizard .wrap_box  >section> div input[type="checkbox"], .__wizard .wrap_box  >section> div input[type="radio"] {
  display: block;
  visibility: hidden
}
.__wizard_well{
  padding-right: 15px;
    padding-left: 15px;
    border-radius: 12px;
    padding: 30px 15px;
    background: #dfe6e9;
}
/* end:__wizard content */

/* __card_option */
.__card_option{
  cursor: pointer;
  border-radius:5px;
      padding: 15px;
    border: 1px solid #1a453b;
}
.__card_option span{
    font-size: 16px;
    font-family: lato;
}
.__card_option:hover, .__card_option.active{
  background: #1a453b
}
.__card_option:hover > span, .__card_option.active > span{
  color:#fff;
}
/* end:__card_option */

label.box{
  background-size: cover;
  background-position: center center;
}


.btn_cta_rekomen{
  white-space: nowrap;
  border: 2px solid #fff;
  text-align: center;
  position: relative;
  display: inline-block;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  font-family: 'circularmedium', sans-serif !important;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.32);
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  border-radius: 5px;
  margin-top: 10px;
}
.btn_cta_rekomen:hover {
  background-color: rgba(0,0,0,0.3);
  color:#fff;
}

.landing .owl-carousel.owl-drag .owl-item{
    margin-right: 9px !important
  }

.resume_seller , .insight_produk{
   border: 1px solid #eee;
   box-shadow: 0 5px 50px 0 rgba(90,109,129,0.1)
}

.section_my_portfolio_detail p.v_html, .section_my_portfolio_detail p.v_html p, .section_my_portfolio_detail p.v_html div, .section_my_portfolio_detail p.v_html span{
  font-family: Lato !important;
  font-size:14px !important;
}

.owl-next.disabled, .owl-prev.disabled{
  display: none !important;
}

.feature-box.fbox-center .fbox-icon{
  margin-bottom: 25px;
}

/* voucher seller */
.voucher1{
  cursor: pointer;
  border: 1px solid #1a453b;
  position: relative;
}
.voucher1 img{
  width: 100%;
}
.voucher1 > div{
  display: none;
  position: absolute;
  background-color: rgba(255,255,255,0.5);
  top:0;bottom: 0;left: 0;right: 0;
}

.voucher1 > div > span{
  display: inline-block;
  position: absolute;
  background: rgba(26,69,59, 1);
  padding: 10px 15px;
  border-radius: 8px;
  top: 50%;
  left: 30%;
  width: 40%;
  color: #fff;
  right: 25%;
  text-align: center;
  transform: translateY(-50%);
  font-family: Lato;
}
.voucher1:hover > div{
  display: block;;
}
/* end:voucher seller */


/* voucher tds */


.voucher2 {
    position: relative;
    margin-bottom:15px;
}

.voucher2 {
    top: 0;
    z-index: 2;
    font-size: 16px;
    user-select: none;
}

.voucher-content {
    display: flex;
    z-index: 9;
}

.voucher2 .vct-left {
      padding: 25px 20px;
      text-align: left;
      color: white;
      width: 20%;
      min-width: 200px;
      background-size: 250px;
      background-position: left;
      float: left;
  }

  .voucher2 .vct-right {
      /*padding: 25px 20px 10px;*/
      font-size: 16px;
      width: 80%;
      border: 1px solid #2f554c;
      position: relative;
      text-align: center;
  }

  .voucher2 .vct-center{
    top: 50%;
    width: 100%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
  }

  .voucher2 .v-right-cta{
    margin-bottom:10px;
  }

  .voucher2 .vct-left .num {
      font-size: 36px;
  }

  .voucher2 .vct-left .num+span, .voucher2 .voucher-content small {
      font-size: 12px;
  }
/* end:voucher tds */

.promo_menu_btn{
      margin-top: 7px;
    position: relative;
    border: 1px solid rgb(26, 69, 59);
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    align-items: center;
    line-height: 2;
}

.select2-container--open{z-index: 99999;}

/* disable responsive for dekstop only */
body.desktop_device{
    width: 1400px !important;
}
#estimate_cost .offset-3{
  margin-left: 0;
}
#estimate_cost .offset_5 {
    margin-left: 0;
}

body.desktop_device .col-md, body.desktop_device .col-sm{/*, body.desktop_device .col*/
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body.desktop_device .col-md-auto, body.desktop_device .col-sm-auto{/*body.desktop_device .col-auto */
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
body.desktop_device .col-md-1, body.desktop_device .col-sm-1{/*body.desktop_device .col-1 */
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
body.desktop_device .col-md-2, body.desktop_device .col-sm-2{/*body.desktop_device .col-2 */
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
body.desktop_device .col-md-3, body.desktop_device .col-sm-3{/*body.desktop_device .col-3 */
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
body.desktop_device .col-md-4, body.desktop_device .col-sm-4{/* body.desktop_device .col-4 */
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
body.desktop_device .col-md-5, body.desktop_device .col-sm-5{/*body.desktop_device .col-5 */
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
body.desktop_device .col-md-6, body.desktop_device .col-sm-6{/*body.desktop_device .col-6 */
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
body.desktop_device .col-md-7, body.desktop_device .col-sm-7{/*body.desktop_device .col-7 */
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
body.desktop_device .col-md-8, body.desktop_device .col-sm-8{/*body.desktop_device .col-8 */
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
body.desktop_device .col-md-9, body.desktop_device .col-sm-9{/*body.desktop_device .col-9 */
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
body.desktop_device .col-md-10, body.desktop_device .col-sm-1{/* body.desktop_device .col-1 */
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
body.desktop_device .col-md-11, body.desktop_device .col-sm-1{/*body.desktop_device .col-1 */
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
body.desktop_device .col-md-12, body.desktop_device .col-sm-1{/*body.desktop_device .col-1 */
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body.desktop_device .order-md-first, body.desktop_device .order-sm-first, body.desktop_device .order-first {
-ms-flex-order: -1;
order: -1;
}
body.desktop_device .order-md-last, body.desktop_device .order-sm-last, body.desktop_device .order-last {
-ms-flex-order: 13;
order: 13;
}
body.desktop_device .order-md-0, body.desktop_device .order-sm-0, body.desktop_device .order-0 {
-ms-flex-order: 0;
order: 0;
}
body.desktop_device .order-md-1, body.desktop_device .order-sm-1, body.desktop_device .order-1 {
-ms-flex-order: 1;
order: 1;
}
body.desktop_device .order-md-2, body.desktop_device .order-sm-2, body.desktop_device .order-2 {
-ms-flex-order: 2;
order: 2;
}
body.desktop_device .order-md-3, body.desktop_device .order-sm-3, body.desktop_device .order-3 {
-ms-flex-order: 3;
order: 3;
}
body.desktop_device .order-md-4, body.desktop_device .order-sm-4, body.desktop_device .order-4 {
-ms-flex-order: 4;
order: 4;
}
body.desktop_device .order-md-5, body.desktop_device .order-sm-5, body.desktop_device .order-5 {
-ms-flex-order: 5;
order: 5;
}
body.desktop_device .order-md-6, body.desktop_device .order-sm-6, body.desktop_device .order-6 {
-ms-flex-order: 6;
order: 6;
}
body.desktop_device .order-md-7, body.desktop_device .order-sm-7, body.desktop_device .order-7 {
-ms-flex-order: 7;
order: 7;
}
body.desktop_device .order-md-8, body.desktop_device .order-sm-8, body.desktop_device .order-8 {
-ms-flex-order: 8;
order: 8;
}
body.desktop_device .order-md-9, body.desktop_device .order-sm-9, body.desktop_device .order-9 {
-ms-flex-order: 9;
order: 9;
}
body.desktop_device .order-md-10, body.desktop_device .order-sm-10, body.desktop_device .order-10 {
-ms-flex-order: 10;
order: 10;
}
body.desktop_device .order-md-11, body.desktop_device .order-sm-11, body.desktop_device .order-11 {
-ms-flex-order: 11;
order: 11;
}
body.desktop_device .order-md-12, body.desktop_device .order-sm-12, body.desktop_device .order-12 {
-ms-flex-order: 12;
order: 12;
}
body.desktop_device .offset-md-0, body.desktop_device .offset-sm-0, body.desktop_device .offset-0 {
margin-left: 0;
}
body.desktop_device .offset-md-1, body.desktop_device .offset-sm-1, body.desktop_device .offset-1 {
margin-left: 8.333333%;
}
body.desktop_device .offset-md-2, body.desktop_device .offset-sm-2, body.desktop_device .offset-2 {
margin-left: 16.666667%;
}
body.desktop_device .offset-md-3, body.desktop_device .offset-sm-3, body.desktop_device .offset-3 {
margin-left: 25%;
}
body.desktop_device .offset-md-4, body.desktop_device .offset-sm-4, body.desktop_device .offset-4 {
margin-left: 33.333333%;
}
body.desktop_device .offset-md-5, body.desktop_device .offset-sm-5, body.desktop_device .offset-5 {
margin-left: 41.666667%;
}
body.desktop_device .offset-md-6, body.desktop_device .offset-sm-6, body.desktop_device .offset-6 {
margin-left: 50%;
}
body.desktop_device .offset-md-7, body.desktop_device .offset-sm-7, body.desktop_device .offset-7 {
margin-left: 58.333333%;
}
body.desktop_device .offset-md-8, body.desktop_device .offset-sm-8, body.desktop_device .offset-8 {
margin-left: 66.666667%;
}
body.desktop_device .offset-md-9, body.desktop_device .offset-sm-9, body.desktop_device .offset-9 {
margin-left: 75%;
}
body.desktop_device .offset-md-10, body.desktop_device .offset-sm-10, body.desktop_device .offset-10 {
margin-left: 83.333333%;
}
body.desktop_device .offset-md-11, body.desktop_device .offset-sm-11, body.desktop_device .offset-11 {
margin-left: 91.666667%;
}
body.desktop_device .menu_cat {
  display: none !important
}
/* end:disable responsive for dekstop only */

#logo a.standard-logo, #header.split-menu #logo a.standard-logo{
  display: block;
}

body.desktop_device .col_70.menu-breadcrumb{
  height: 48px;
  overflow: hidden;
}
body.desktop_device #header-wrap, body.desktop_device .container-fluid{
  width: 1400px
}

.wrap_privacy .inspiration_card p{
  padding-bottom: 0
}

/* video iframeblog mobile */
.blog_content iframe{
  width: 100% !important;
  height: auto !important;
  min-height: 400px;
}
/* end:video iframeblog mobile */

input[type=password], input[name=pswd]{text-transform: unset !important}

#primary-menu ul > li > div > div > i.icon-angle-down, #primary-menu ul > li > div > div > i.icon-angle-up{
    line-height: 0;
    display: inline-block;
    float: right;
    margin-top: 12px;
    margin-left: 5px;
}

.JCrop_preview {    z-index: 999999;}

/* profesional card */
.profesional_card .portfolio_designer{border-top:1px solid transparent;}
.profesional_card .portfolio_designer img{width:50px;height:50px;margin-right: 10px;}
.profesional_card .wrap_content_item{position: unset;margin-left:60px;}
/* end:profesional card */


.bg_cover_profile {height: 200px}
.buyable_inspiration .portfolio-overlay{background-color:transparent;}
.section_my_product .wrap_marketplace{width: 100%}
.inspiration_list .portfolio-masonry, .portfolios_list > .portfolio, .photos_list > .portfolio{margin-left: -8px;margin-right: : -8px;}
.pricing-box.best-price{z-index: 2 !important}

.btn_cta_reg.inline, .btn_green_global.inline{width:auto!important}
.badge-green-tds{background:#c7e4ca!important;color:#1A453B !important}

.limited_panel {
    position: relative;
    height: 530px;
    overflow: hidden;
}
.panel_premium{
  position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9724264705882353) 40%, rgba(255,255,255,1) 100%);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.panel_premium_content{
  text-align: center;
    position: relative;
    padding: 50px 50px;
    background-color: #fff;
    border: 2px solid #eee;
    margin: 200px auto 0;
}
.panel_premium_content h4{
  padding: 0;
    margin: 0 0 20px;
    font-weight: normal !important;
    line-height: normal;
    color: #1a453b;
    font-size: 30px;
    font-family: 'circularmedium';
}
.panel_premium_content p{
  margin: 0;
    line-height: 1.5;
    color: #1A453B;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Lato';
}

.vti__dropdown-list{z-index:2 !important}

.cover_txt_blog_parent{
  display:table;
  width:100%;
}

.panel_yt{
  position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.panel_yt iframe{
  position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.cc_card{
  margin-bottom:30px
}
.cc_card > div{
  display: inline-flex;
  margin: 2px;
  background: #eee;
  padding: 5px;
  height: 50px;
  border: 1px solid #c1c1c1;
  position: relative;
}
.cc_card img{
  max-height: 40px;
}
.cc_card img.img_overlay{
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.prod_img_sub{
  max-height: 450px;
  overflow: auto;
  padding: 0 5px 0 0;
}
.prod_img_sub > div{
  margin-bottom:10px;
  cursor:pointer;
}

/* mobile & ipad */
@media (max-width: 991px) {
  #waveform canvas{height:100% !important}
  .cat_blog_mob ul li a.active{border:0}
  .aside_left{max-width:100%}
  body:not(.desktop_device) .panel_premium_content{
    padding: 30px 30px;
  }
  body:not(.desktop_device) .panel_premium_content h4{
    font-size:25px;
  }
  body:not(.desktop_device) .panel_premium_content p{
    font-size:15px;
  }

  body:not(.desktop_device)  .menu_mobile_shop{
    top: 50px !important;
    background: #fff;
    overflow: auto;
    z-index: 10;
    bottom: 0;
    position: fixed !important;
  }

  body:not(.desktop_device) .wrap_cat_shop{
    margin-bottom:0px
  }
  body:not(.desktop_device) .caption_prof{padding:10px 0;}
  body:not(.desktop_device) .wrap_text_hero_parent{
    display:table;
    width:100%;
  }
  body:not(.desktop_device) .wrap_text_hero {
    display: table-cell;
    width: 100%;
    position: relative;
    height: 400px;
    vertical-align: middle;
    text-align: center;
  }
  body:not(.desktop_device) .cat_prod_filter ul li .shape img {width: 85px; height: 85px; margin-top: 25px;}
  .bg_cover_profile {height: auto}
  .wrap-not h3 {
    line-height: normal;
    font-size: 28px !important;
  }
  .voucher1 {
    margin-bottom: 15px;
  }
  #estimate_cost .offset-3 {
      margin-left: 25%;
  }

  #estimate_cost .offset_5 {
      margin-left: 7%;
  }

  .__buyable_content .tab__list{
     padding: 0 !important;
    border: 1px solid transparent  !important;
  }

  #list_promo .section {
    margin: 15px 0 15px 0;
    padding: 15px 0 15px 0;
  }
     
.heading_section_promo h2 {
  font-size: 22px
}
  .popover[class*=tour-] {z-index: 1102; max-width: 100%; width: 50%;}
  .wrap_list_produk{margin-bottom: 10px;}
  .progressive-image-wrapper img {width: 100%; max-width: 100%;}
  .progressive-image {max-width: 100% !important;}
  #search > .block{max-width: 95%;padding:0;}
  /* bundle product */
  .bundle_content__ .media{display: block; text-align: center}
  .bundle_content__ .media .media-left{margin:0 0 10px;}
  .planit-container .planit-infobox-container .planit-infobox{min-width: 50px !important;max-width: 150px !important;padding:0 !important;}
  .__buyable_panel.w80{
    width:100%;
  }
  .wrap_tag_buyable  {
    margin-top: 15px;
  }
  .__wizard_panel {padding: 10px 0 0px; }

  .__buyable_panel.w80 .__buyable_content {
    padding: 30px 15px;
    margin-top: 10px;
  }
  .__buyable_panel.w80 .close_popup{
    background: transparent;
  }
  .bundle_content__ .media img{ height: auto;}

  /* detail trx */
  .section_my_trx .button {
    margin:0px;
  }
  /* end:detail trx */
  /* .general-panel-search wrap_box */
  .general-panel-search .wrap_box > div{
    width: 50%
  }
  /* end:wrap_box */
  /* video iframeblog mobile */
  body:not(.desktop_device) .blog_content iframe{
    width: 100% !important;
    height: auto !important;
  }
  /* end:video iframeblog mobile */

  /* portfolio-item */
  body:not(.desktop_device) #full_grid .portfolio-2 .portfolio-item, body:not(.desktop_device) #panel-blog .portfolio-2 .portfolio-item {
      width: 100% !important;
  }
  body:not(.desktop_device) .portfolio-4 .portfolio-item {
      width: 50% !important;
      padding-left: 5px;
      padding-right: 3px;
  }
  body:not(.desktop_device) .portfolio-4.blog_masonry .portfolio-item{
    padding:8px;
  }
  body:not(.desktop_device) .portfolio-3 .portfolio-item {
      width: 50% !important;
  }
  /* end:portfolio-item */

  body:not(.desktop_device) .mt-3, body:not(.desktop_device) .my-3 {
      margin-top: 1rem!important;
  }

  /* __wizard */
  body:not(.desktop_device) #selected_rekomen .__package_main {
    padding: 20px 5px;
  }
  body:not(.desktop_device) .__wizard{width: 100%;}
  body:not(.desktop_device) .__package_main .process-steps li {
    float: left;
    width: 25% !important;
    margin-top: 20px;
  }

  body:not(.desktop_device) .__wizard_button, body:not(.desktop_device) .__wizard_submit{
  max-width: 100%;
  width: 100%;
  min-width: 25%;
  margin: auto;
  }

  #btn_none .col-sm-6 {
    display: none;
  }

  /* end:__wizard */
.mr_btn {margin-right: 0;}
  /* filter_showme */
  body:not(.desktop_device) .filter_showme .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{text-align: center}
  body:not(.desktop_device) .filter_showme .select_fill_in .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{text-align: left}
  body:not(.desktop_device) .filter_showme .select2-container .select2-selection--single, .filter_showme .select2-container .select2-selection--multiple{margin: 5px 0; max-width: 100%;}
  body:not(.desktop_device) .filter_showme .select2-container .select2-selection--single{height: 40px !important }
  body:not(.desktop_device) .filter_showme_panel, body:not(.desktop_device) .filter_showme_panel > span{display: block;}
  body:not(.desktop_device) .filter_showme_panel > span:first-child{margin-top:15px;}
  body:not(.desktop_device) .filter_showme .select2-container .select2-selection--single, body:not(.desktop_device) .filter_showme .select2-container .select2-selection--multiple{display: block !important}
  body:not(.desktop_device) .filter_showme button{margin-top:15px !important;margin-left:0 !important;width: 100% !important}
  /* end:filter_showme */

  /* buybale mobile */
  body:not(.desktop_device) .__buyable_bg{padding: 0px}
  body:not(.desktop_device) .__buyable_panel{width: 100%}
  body:not(.desktop_device) .wrap_tag_buyable h3 {
    font-size: 20px;
  }
  /* end:buybale mobile */

  /* div subscribe */
  body:not(.desktop_device) .dv_questioner{width: 100%; padding: 50px 10px; max-width: 95%;}
  body:not(.desktop_device) .dv_subscribe{width: 96%; left: 2%;right: 2%;bottom: 0%;top:20%;}
  body:not(.desktop_device) .dv_susbcribe_bg{padding:100px 50px;}
  body:not(.desktop_device) .dv_susbcribe h3{font-size:18px !important;}
  /* end:div subscribe */
	
	body:not(.desktop_device) .close_vuejs_datepicker{display: block}
	body:not(.desktop_device) .wrap_heading_desc h3 small.text-muted{font-size:12px;}
	body:not(.desktop_device) .icon_list_status.sp{width: auto !important}
	/*.pad_left_cart_0{padding-left: 15px !important}*/
	body:not(.desktop_device) .timeline-wrapper{padding: 0 !important;min-width: auto;}
  body:not(.desktop_device) .courier_name{display: none !important;}
	body:not(.desktop_device) ._p__popup ._p__body{max-width: 97%;margin-top:30%;}
	body:not(.desktop_device) ._p__max_height{max-height: 500px}
	body:not(.desktop_device) #upload_modal{width: 100%; bottom: 0 !important; right: 0 !important; left: 0 !important; top: 0 !important;}
	body:not(.desktop_device) .text-r-right{text-align: left !important;}
	body:not(.desktop_device) .adsbygoogle{display: none !important;}
	body:not(.desktop_device) #gdpr_cookies{width:100%;}
	body:not(.desktop_device) .flex-prev i,body:not(.desktop_device) .flex-next i{margin-top:0px !important;}
	body:not(.desktop_device) .flex-prev,body:not(.desktop_device) .flex-next{top: 55%;}
	body:not(.desktop_device) .body-m{margin-top:0px;}
	body:not(.desktop_device) .slider_category_page .vertical-middle{top:20%;position: unset}
	body:not(.desktop_device) .slider_category_page .wrap_hero_product_txt{width: 98%}
	body:not(.desktop_device) .slider_category_page .wrap_hero_product_txt p{display: none}
	body:not(.desktop_device) .slider_category_page .slider-element{height: auto !important;padding: 20px 5px}
	body:not(.desktop_device) .slider_category_page .emphasis-title{margin:0 !important;}
	body:not(.desktop_device) .slider_category_page h1{font-size:24px;}
  
	/*.dv_subscribe .icon-line-cross{color:#fff;}*/
	/*.dv_susbcribe_bg ._opacity_{top:0;bottom: 0;left: 0;right: 0}*/
	/*#drift-widget-container, #drift-widget{z-index:66 !important;}*/

	body:not(.desktop_device) .btn_link_bottom.mobile{left: auto; right: 3%; bottom: 12%; height: 52px !important; width: 52px !important;}
	body:not(.desktop_device) .btn_link_bottom.mobile i{font-size: 20px; padding: 0 6px;}
	body:not(.desktop_device) .btn_close_link_bottom{position: absolute;top:0;}
	body:not(.desktop_device) .wrap_about_us p, body:not(.desktop_device) .wrap_about_us p span{font-size:16px;}
	body:not(.desktop_device) .content_container_about .wrap_heading_desc {margin-top: 0 !important;}
	body:not(.desktop_device) .wrap_about_us{padding:20px 10px;}
	body:not(.desktop_device) .content_container_about .wrap_heading_desc{margin: 0 -15px; background: url('../images/bg_cover_about2.jpg'); padding: 36px; background-position: 33% 39%;}
	body:not(.desktop_device) .content_container_about .wrap_heading_desc h1{position: relative; z-index: 9; font-size: 22px;}
	body:not(.desktop_device) .content_container_about .wrap_heading_desc h1 span{color: #fff !important;}
	body:not(.desktop_device) .content_container_about .wrap_heading_desc h1 span{color: #fff !important;}
	body:not(.desktop_device) .content_container_about .wrap_heading_desc .div{ background: #000; opacity: 0.35; height: 100%; width: 100%; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;} 
	body:not(.desktop_device) #gotoTop {right: auto; left:3%; bottom:20px !important; }
	body:not(.desktop_device) .text_m_center{text-align: center !important;}
	body:not(.desktop_device) .card .avatar_prof{width: 100%;}
	body:not(.desktop_device) .card .wrap_prof_overview ul{margin-top: 0;margin-bottom: 5px;}
	body:not(.desktop_device) .content-margin{margin-top: 40px !important;}
	body:not(.desktop_device) .page_empty > div > i{ font-size: 80px;height:80px; }
	body:not(.desktop_device) .page_empty > h3{font-size:20px;}
	body:not(.desktop_device) #newsletter_modal > div:first-child{padding: 50px 15px;}
	body:not(.desktop_device) .page_empty > p{font-size: 14px;}
	body:not(.desktop_device) .overview_prof ul li {margin: 0 8px 0 0 !important;}
	body:not(.desktop_device) .slider-arrow-left i, body:not(.desktop_device) .slider-arrow-right i, body:not(.desktop_device) .flex-prev i, body:not(.desktop_device) .flex-next i, body:not(.desktop_device) .slider-arrow-top-sm i, body:not(.desktop_device) .slider-arrow-bottom-sm i {font-size: 31px;line-height: 30px; width: 32px; height: 32px; }
	body:not(.desktop_device) .slider-arrow-left, body:not(.desktop_device) .slider-arrow-right, body:not(.desktop_device) .flex-prev, body:not(.desktop_device) .flex-next, body:not(.desktop_device) .slider-arrow-top-sm, body:not(.desktop_device) .slider-arrow-bottom-sm {margin-top: -26px; width: 32px; height: 32px; }
	body:not(.desktop_device) .flex-prev i {margin-left: 1px; }
	body:not(.desktop_device) .flex-next i {margin-left: 1px; }
	body:not(.desktop_device) .slider-caption-bg.featured{display:block !important;font-size:12px;left:0;display: block !important; padding: 5px 10px;}
	body:not(.desktop_device) a.main_menu_link{font-size:14px;}
	body:not(.desktop_device) .pro_service{position: unset !important}
	body:not(.desktop_device) #search_profesional .form_reg, #search_profesional .input-group-append {margin-bottom: 0px; }
	body:not(.desktop_device) #search_profesional .loc_search {padding-right:0 !important; }
	body:not(.desktop_device) #search_profesional .word_search {padding-left:0 !important; }
	body:not(.desktop_device) .hidden_mobile{display:none;}
	body:not(.desktop_device) .photo_zoom_container .pad_rf_0{padding-right: 15px !important;}
	body:not(.desktop_device) .photo_zoom_container .pad_lf_0{padding-left: 15px !important;}
	body:not(.desktop_device) .photo_zoom_container{overflow-y: scroll; overflow-x: hidden;background:#fff;}
	body:not(.desktop_device) .to_bottom {position: relative;}
	body:not(.desktop_device) #register .block.divcenter{max-width: 100% !important;}
	body:not(.desktop_device) .bg_side_panel{height: 0 !important;}
	body:not(.desktop_device) .bg_right_panel{max-height: 100%;}
	body:not(.desktop_device) .bg_right_panel > div:first-child{padding:15px 10px;}
	body:not(.desktop_device) .wrap_box > div,.wrap_box >section > div {width: 50%; height: 200px;}
	body:not(.desktop_device) .fright-m{float:unset;}
	body:not(.desktop_device) .photo_zoom_img_tools{position: unset;margin-left: -15px;margin-right: -15px;}
	body:not(.desktop_device) .photo_zoom_content{overflow: unset;}
	body:not(.desktop_device) ._parent_list ._border_list{padding:10px;}
	body:not(.desktop_device) ._parent_list ._border_list:not(.no-border){border-bottom: 1px solid #eee;}
	body:not(.desktop_device) ._parent_list ._border_list:first-child.text-center{text-align: left !important;}
	body:not(.desktop_device) ._parent_list ._border_list:first-child.text-center h3{font-size:18px;font-weight: 500;}

  /* header marketplace mobile */
  body:not(.desktop_device) #primary-menu-search {position: absolute; right: 66px; top: 17px; color: #fff; font-size: 23px; display: block; }
  body:not(.desktop_device) .tab_section ul li{width: 45% !important; }
  body:not(.desktop_device) .header-m .container-fluid{padding: 0;}
  body:not(.desktop_device) .header-m{position: unset !important;height: auto !important;width: 100% !important;}
  body:not(.desktop_device) .header-m .header_bottom{display: none;}
  body:not(.desktop_device) .header-m .header_left{width: 15.66667% !important;}
  body:not(.desktop_device) .header-m .header_middle{width: 84.3333% !important;}
  body:not(.desktop_device) .header-m .header_middle .col_70{padding: 5px 0;width: 84% !important;}
  body:not(.desktop_device) .header-m .header_middle .searchbar{margin:0;}
  body:not(.desktop_device) .header-m #logo img{height: auto !important;margin-top: 12px; margin-left: 8px;}
  body:not(.desktop_device) .header-m #primary-menu-caret{left: unset; top: 2px; right: 0;}
  body:not(.desktop_device) #primary-menu-caret{top:5px;}
  body:not(.desktop_device) #primary-menu-login {top: 12px !important; }
  body:not(.desktop_device) #primary-menu-search {top: 12px !important; }
  body:not(.desktop_device) button.mfp-close, body:not(.desktop_device) button.mfp-arrow {background: #000 !important; height: 30px; width: 30px; font-size: 20px !important; line-height: 30px; }
  body:not(.desktop_device) #primary-menu-caret {left: 84%; }
  body:not(.desktop_device) #logo img {margin-top: 2px; margin-left: 35px; }
  body:not(.desktop_device) .fixed_wrap_bottom{height: auto;}
  body:not(.desktop_device) #primary-menu-login, body:not(.desktop_device) #primary-menu-cart {position: absolute; right: 106px; top: 13px; color: #fff; font-size: 23px; display: block; }
  

  /*iframe#drift-widget {bottom: 12% !important; right: 0% !important; left:auto !important; }*/
  /*body.remove_bot iframe#drift-widget{bottom:3% !important;}*/
	body:not(.desktop_device) #primary-menu ul li .pCat__{left:0;right: 0}
  body:not(.desktop_device) .headermarket .header_middle{width: 85% !important;height:50px !important;padding-left: 10px !important;border:none !important;}
  body:not(.desktop_device) .headermarket .header_left{width: 15%;float: left}
  body:not(.desktop_device) .headermarket #primary-menu-caret {right: 3px; position: absolute; top: 0; left: unset;}
  body:not(.desktop_device) .headermarket #primary-menu-caret i,body:not(.desktop_device) .headermarket .user_icon i{color:#1a453b;}
  body:not(.desktop_device) .headermarket .col_60_grid{width: 75% !important}
  body:not(.desktop_device) .headermarket .col_60_grid input{margin-top:3px !important;}
  body:not(.desktop_device) .headermarket .user_icon{width: 50px; height: 50px; line-height: 50px; text-align: center;cursor: pointer;z-index: 1;right: 35px; position: absolute; top: 0; left: unset;}
  body:not(.desktop_device) .headermarket .user_icon i{font-size:20px;}
  body:not(.desktop_device) .headermarket .user_icon i.icon-cart{margin-top:3px;}
  body:not(.desktop_device) .headermarket .main_bottom{height: 30px; display: inline-block; width: 100%; /* margin-left: -15%; */ /* margin-right: -10%; */ position: absolute; top: 102%; left: 0; right: 0;}
  body:not(.desktop_device) .headermarket .main_bottom.right_position{left:unset !important;right: 0 !important}
  body:not(.desktop_device) .headermarket .main_bottom .col_70{margin-top:0px !important;}
  body:not(.desktop_device) .tab_section ul li a{font-size:14px !important;padding:10px !important;}
  body:not(.desktop_device) .filter_showme_panel > span:first-child {font-size: 16px;}
  /* end:header marketplace mobile */

	body:not(.desktop_device) .bodymarket .content-margin{margin-top:0px !important;}
	body:not(.desktop_device) .body-m .container-fluid{max-width: 100% !important;width: 100% !important;}
	body:not(.desktop_device) .icon_list_status.sp{height: auto !important}
	body:not(.desktop_device) .icon_list_status.sp li{float:unset !important; width: 49% !important;display: inline-table;/*height: 200px*/height: 50px;}
	body:not(.desktop_device) .process-steps.process-5 li{width: 19% !important;display: inline-block;}
	body:not(.desktop_device) .wrap_register #process-steps{text-align:center;margin-bottom:0px !important;}
	body:not(.desktop_device) .wrap_mp_img {height: auto !important; width:auto !important;}
	body:not(.desktop_device) .wrap_mp_img img{position: unset;max-height: 100%;transform: unset;}
	body:not(.desktop_device) .quantity .qty {width: 60px; min-height: 40px;}
  body:not(.desktop_device) .quantity .plus, body:not(.desktop_device) .quantity .minus{min-height: 40px;}
	body:not(.desktop_device) form {margin-bottom: 0px !important; }
  .page_empty > div {margin-bottom: 10px;}
	/*.flex-viewport {margin-top: 15px; }*/
	body:not(.desktop_device) .flex-viewport {margin-top: 0px !important; }
	body:not(.desktop_device) .box_side_shop {border: 2px solid transparent; }
	.icon_list_status.sp li {width: 10% !important; height: auto; }
  body:not(.desktop_device) .wrap_heading_desc h3{font-size:14px !important; margin-bottom: 0px;}
  body:not(.desktop_device) .wrap_heading_desc h1{font-size:20px !important; margin-bottom: 0px;}
	body:not(.desktop_device) .wrap_heading_desc {padding: 0px /*!important*/; margin-bottom: 0 !important; }
	/*body:not(.desktop_device) .wrap_heading_desc h3 .css-c1dc3t {left:-10px !important;}*/
  body:not(.desktop_device) .wrap_heading_desc .css-c1dc3t {left:0 !important;}
	body:not(.desktop_device) .aside_mobile{padding:0 !important;}
	body:not(.desktop_device) .aside_mobile .btn_cta_reg{font-size: 14px; text-align: left; padding-left: 8px; padding-right: 8px;padding-top: 3px; padding-bottom: 3px; border-radius: 3px;height:auto;}
	body:not(.desktop_device) .aside_mobile .btn_cta_reg i{float:right;}
  body:not(.desktop_device) .aside_mobile{border-radius: 0;border:0;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);}
  body:not(.desktop_device) .aside_mobile .aside_mobile_left{font-size: 14px; background: #eee !important; color: #1a453b !important; border: 0; border-radius: 0;}
	body:not(.desktop_device) .wrap_mob_post {position: relative; height: 120px; overflow: hidden; }
	body:not(.desktop_device) .wrap_mob_post {height: 120px; overflow: hidden; position: relative; border: 1px solid #ddd; }
	body:not(.desktop_device) .wrap_mob_post img{position: absolute; /*height: 120px;*/ top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 100%; max-height: 120px; }
	body:not(.desktop_device) .wrap_marketplace{margin-bottom:15px;}
	body:not(.desktop_device) a.wrap_mp_img {display: block!important; height: 150px }
	body:not(.desktop_device) .breadcrumb a,body:not(.desktop_device) .breadcrumb span {font-size: 12px !important; }
	/*.breadcrumb-item.active {line-height: 1.3; font-size: 12px; }*/
	body:not(.desktop_device) .heading_search_prod{margin-top:0.25rem !important; margin-bottom: 0 !important;}
	body:not(.desktop_device) .vdp-datepicker__calendar {position: fixed !important; top: 0; margin: auto; padding: 10% 0%; width: 100% !important; right: 0; left: 0; bottom: 0; }
	body:not(.desktop_device) .vdp-datepicker__calendar .close_popup{padding: 5px;margin-top: -8%; margin-right: 10px;border:0;}

	/* blog content ::mobile */
  body:not(.desktop_device)	.blog_content h4{font-size: 22px !important;}
  body:not(.desktop_device)	.blog_content img{width: 100% !important;min-width: 100% !important;}
  body:not(.desktop_device)	.blog_content p > img[style='width: 50%; float: left;']:first-child{margin-bottom: 0;}
	body:not(.desktop_device) .blog_content .image-position-left, .blog_content .image-position-right{display: inherit; width: 100%; }
	/* end:blog content ::mobile */


  body:not(.desktop_device) #primary-menu-cart{right: 36%}
  body:not(.desktop_device) #primary-menu-cart.is_login{right: 28%;}
  .wrap-not h3[data-v-04585876] {font-size: 30px;}


}

/* IPAD */
@media (min-width: 768px) and (max-width: 991px) {
  body:not(.desktop_device) #header-wrap, body:not(.desktop_device) #header-wrap .container-fluid{width: 100%}
  body:not(.desktop_device) #primary-menu-search {right: 12%; top: 8px !important;}
  body:not(.desktop_device) #primary-menu-caret {left: auto;right: 0; top: 0px !important;}
  body:not(.desktop_device) #primary-menu-login{right: 18%; top: 8px !important;}
  body:not(.desktop_device) #primary-menu-cart{right: 25%; top: 8px;}
  body:not(.desktop_device) #primary-menu-cart.is_login{right: 20%; top: 8px;}
  body:not(.desktop_device) #primary-menu-cart {top: 8px;}
  .notif_bullet_mob {top: 3px; right: 12px;}
  #logo a.standard-logo, #header.split-menu #logo a.standard-logo { display: none; }
  .intro_sect { padding-top: 20px; display:none;}
}

/* dekstop: min ipad */
@media (min-width: 992px) {
  body{min-height: 800px;}

  .headermarket:not(.sticky-header)  .header_left {margin-top: -10px; }
  .headermarket:not(.sticky-header)  .header_middle {height:80px !important}
  .headermarket:not(.sticky-header)  .menu_mobile_shop > .martop_10 {margin-top: 16px !important;}

  .wrap_about_us{ padding: 20px 130px 0;}
  /*.wrap_about_us p, .wrap_about_us p span{ font-size:18px;}*/
  #primary-menu-login {
    position: absolute;
    right: 96px;
    top: 17px;
    font-size: 23px;
    display: none;
  }
  #primary-menu-search {
    position: absolute;
    right: 66px;
    top: 17px;
    font-size: 23px;
    display: none;
  }
}

/* Mobile */

@media (max-width: 390px) { 
.med_cek:after {content:"@media (max-width: 390px)";}
body:not(.desktop_device) #primary-menu-cart {right: 39%;}
.btn_small_global{margin-top: 7px;} 
.v-right-cta a.btn_copy{width: 80%;}
}

@media (max-width: 320px) { 
  .med_cek:after {content:"@media (max-width: 320px)";}
  body:not(.desktop_device) #primary-menu-cart {right: 47%;}
}

.max1125{max-width: 1125px}
/* large dekstop */
@media(min-width: 1441px){
  .max1125{max-width: 80%}
}

button.mfp-close, button.mfp-arrow{display:none !important;}
.dark .menu_nav_right a:hover{
	color: #333;
}

/*------------------- CSS-REV-----------------------------*/
.f_none_header {float: none;padding-left: 8px;}
.username_link {font-size: 16px;  line-height: 4;}
.avatar_user {height: 24px; width: 24px;}
.notif_txt {color:#000 !important;border-bottom:1px solid #eee;}
.notif_txt p1 {white-space: normal; font-size: 14px;color: #555;}
.notif_txt p2 {white-space: normal; font-size: 12px;color: #717171;}
.borbot_card {color:#000 !important;border-bottom:1px solid #eee;}
.col_white_space {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.badge_label {font-size: 67%; position: absolute; right: 0px; top: 16px;}
.badge_label:hover {color: #fff;}
.item_card_list {color:#000 !important;border-bottom:1px solid #eee;}
.total_card_list{color:#000 !important;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.more_item_txt {color: #000 !important;text-align: center;}
.w_media{width: 70px;text-align: center;}
.w_media img { height:30px;}
.wallet_dropdown{width: 400px;padding-bottom: 0px !important;}
.wallet_dropdown a {color:#000 !important;border-bottom:1px solid #eee;}
.wallet_dropdown a h4 {color:#000;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dropdown_width {width: 400px;padding-bottom: 0px !important;}
.col_000 {color: #000 !important;}
.main_bottom {height: 30px; display: inline-block !important; width: 100%;}
.notif-click-link {color:#000 !important;border-bottom:1px solid #eee;}
.scroll_ p {white-space: normal; font-size: 14px;color: #555;}
.scroll_ p2 {white-space: normal; font-size: 12px;color: #717171;}
.wrap_heading_desc h3, .wrap_heading_desc h1{margin: 0 0 20px 0;}
.wrap_heading_inspiration {padding-top: 0px;position: relative;margin-bottom: 10px;}
.wrap_heading_inspiration h3{padding: 0;margin: 0 0 20px 0;line-height: normal;text-align: center;font-size: 24px;text-transform: lowercase; font-family: 'circularmedium', sans-serif;color: #000;}
.wrap_heading_inspiration p{padding: 10px 0 0px 0;margin: 0 0 0px 0;font-weight: normal;font-size: 16px;border-bottom: 1px solid #eee;line-height: normal;
font-family: 'Lato', sans-serif; color: #000;}
.wrap_heading_inspiration h3 .css-c1dc3t, [data-css-c1dc3t] {color: #000 !important;position: relative;left: 0;}
.dropdown-menu.show a {font-size: 16px;}
.img_wide {width:100%;max-width: 100% !important;}
.edit_board { left: 5% !important; right: auto; margin-left: 0 !important;}
.bundle_content__ {box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);background: #fff; border: 1px solid #eee;}
.notif_bullet_mob {top: 0px; width: 8px !important; height: 8px !important; right: 5px;}
.wrap_tag_buyable h3{padding: 0;margin: 0 0 10px 0;line-height: normal;font-size: 24px;text-transform: lowercase; font-family: 'circularmedium', sans-serif;color: #000;}
.wrap_tag_buyable p{
  padding: 0px 0 10px 0;
  margin: 0 0 10px 0;
  font-weight: normal;
  font-size: 16px;
  border-bottom: 1px solid #eee;
  line-height: normal;
  font-family: 'Lato', sans-serif;
  color: #000;
}
.__buyable_panel .container-fluid {width: 100%; padding-right: 0px; padding-left: 0px; }
.blog-caption {font-size:25px;line-height: 1;}
.blog_heading_title {
  padding: 0;
  margin: 0;
  line-height: normal;
  font-size: 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 700 !important;
  color: #000;
}
.author_txt_detail{
  display:unset !important ;margin-left:15px !important ;
}
.author_txt a {
  color: #777;
  font-size: 14px;
}
.author_txt a:hover{
  color: #333;
}
.popover[class*=tour-] {
  z-index: 1102;
  max-width: 100%;
  width: 20%;
}

.popover-title{font-family: 'circularmedium';}
.popover-content {font-family: 'Lato', sans-serif;}
.photos_container .photos_img {background: #fff;}
.w_professional {max-width:1125px;min-height: 500px}
.button.button-large {
  padding: 0 26px;
  font-size: 19px;
  height: 46px;
  line-height: 46px;
}

.mr_btn {
margin-right: 22px;
}

.heading_footer[data-v-fd68e0e0] {
    position: relative;
    margin-top: 10px;
}

/* MARKETPLACE STYLE*/
.row_visible{z-index: 13;position: fixed;width: 100%;}
.noright_pad {padding-right:0 !important;}
.right_pad5 {padding-right:5px !important;}
.panel_search_mob {margin-top: 0px; right: 10px; left: 10px; width: 95%; padding: 10px 20px; z-index: 1;}
.users_ul li img {height:40px; width:40px;}
.menu_nav_right_override {float: none;padding-left: 8px;}
.dropdown-hover_override{margin-top: 7px;position: relative;}
.bg-danger_override {font-size: 67%; position: absolute; right: -3px; top: -3px;}
.dropdown-hover_override i {font-size: 18px;}
.head_akumulasi a {color:#000 !important;border-bottom:1px solid #eee;}
.head_akumulasi h4{color:#000;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.cartDown_override{width: 400px !important; padding-bottom: 0px !important;}
.list_card_resume a {color:#000 !important;border-bottom:1px solid #eee;}
.itm_desc p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.itm_desc p.size{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:11px;}
.p_1 {color: #000 !important;}
.cartDown_style{width: 350px; padding-bottom: 0px !important;}
.cartDown_style a {color:#000 !important;}
.cartDown_350{max-width: 350px !important;}
.notifDown_Override {width: 400px;padding-bottom: 0px !important;}
.dropdown-item_col  {position: relative;}
.dropdown-item_col a {color:#1A453B !important;}
.scroll_override {max-height: 400px !important; overflow: auto !important;}
.scroll_override a { color:#000 !important;border-bottom:1px solid #eee;}
.scroll_override p {white-space: normal; font-size: 14px;color: #555;}
.scroll_height {max-height: 400px; overflow: auto;}
.scroll_height a {color:#000 !important;border-bottom:1px solid #eee;}
.scroll_override p.time {white-space: normal; font-size: 12px;color: #717171;}
.notif-click-link p {white-space: normal; font-size: 14px; color: #555;}
.notif-click-link p.time {white-space: normal; font-size: 12px; color: #717171;}
.drodpown-item_nobotpad {padding-bottom: 0px !important;}
.drodpown-item_nobotpad a {color:#000 !important;}
.dropdown-menu-right_350 {width: 350px; padding-bottom: 0px !important;}
.dropdown-menu-right_350 a{color:#000 !important;}
.dropdown-menu-right_max_width{max-width: 350px !important;}
.user_link_override {margin-top: 7px;position: relative;}
.user_link_override a i {font-size: 18px;}
.dropdown_user_override { margin-top: 7px;position: relative;}
.dropdown_user_override a {font-size: 16px;}
.dropdown_user_override a  img {height: 24px; width: 24px;}
.mar_style{margin-left:15px;margin-top: 7px;}
.mar_style a{padding-right: 0;}
.mar_style a i{font-size: 22px;}
.d_block_imp {display: block !important;}
.menu__ li a {font-size: 16px !important;text-align: left !important; color: #1f6756 !important;}
.shipping_cost_txt {position: relative;}
.shipping_cost_txt { position: relative;}
.shipping_cost_txt h5 {padding: 0; margin: 0;position: relative;}
.shipping_cost_txt h5 {padding: 0; margin: 0; position: relative;}
.shipping_cost_txt h4{padding: 0; margin: 0 !important;} 
.hashtag_list li[data-v-ca0f5802] {
    border: 1px solid #eee;
    padding: 3px 5px;
    border-radius: 2px;
    background: #eee;
}

.hashtag_list li span {
  color: #333 !important;
}

.hover_ic_reviews {
  position: relative;
  width: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  height: 100%;

}

.hover_ic_reviews:hover {
  opacity: 1;
}

.hover_ic_reviews a {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 100%;
  border-radius: 0.25rem;
  color: #1A453B;
  background-color: #DAECDE;
  border-color: #DAECDE;
  padding: 0.25rem 0.5rem;
  margin-top: 35px;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  border-radius: 100%;
}

.hover_ic_reviews a:hover {
  color: #1A453B;
  background-color: #C7E2CD;
  border-color: #C7E2CD;
}

.offset_5 {
  margin-left: 5%;
}

.breadcrumb-item+.breadcrumb-item::before {
     padding-right: 0.3rem;
    line-height: 1.5;
}

.breadcrumb-item + .breadcrumb-item::before {padding-right: 0.3rem;}
.breadcrumb-item + .breadcrumb-item {padding-left: 0.3rem;}
.cart_panel_head_txt {
  position: relative;
}

.cart_panel_head_txt h3 {
  padding: 0;
  margin: 0;
  line-height: normal;
  text-align: center;
  font-size:18px;
  text-transform: lowercase;
  font-family: 'circularmedium', sans-serif;
  color: #000;
}

.txt_product_cart {
  position: relative;
}

.txt_product_cart  h4 {
  padding: 0;
  margin: 0;
  text-align: left;
  line-height: normal;
  font-size:16px;
  text-transform: lowercase;
  font-family: 'circularmedium', sans-serif;
  color: #000;
}

.txt_product_cart  h5 {
  padding: 0;
  margin: 0;
  text-align: left;
  line-height: normal;
  font-size:16px;
  text-transform: lowercase;
  font-family: 'circularmedium', sans-serif;
  color: #000;
}

.txt_product_cart  h5 a {
  padding: 0;
  margin: 0;
  text-align: left;
  line-height: normal;
  font-size:16px;
  text-transform: lowercase;
  font-family: 'circularmedium', sans-serif;
  color: #000;
}

.txt_product_cart  h3 {
  padding: 0;
  margin: 0;
  line-height: normal;
  font-size:16px;
  text-transform: lowercase;
  font-family: 'circularmedium', sans-serif;
  color: #000;
}

.txt_product_cart  p.total_cart {
  font-size: 22px;
  font-weight: 700;
  text-align: right;
  margin: 0;
  padding-top: 5px;
  color: #DF2830;
  font-family: 'circularmedium', sans-serif;
}

.wrap_resume_max {
  max-width: 1040px;
  margin: 0px auto;
  position: relative;
}

.cart__summary:before {
  content: "";
  position: absolute;
  top: -1.25rem;
  left: 0;
  height: 1.25rem;
  width: 100%;
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.06)));
  background: linear-gradient(transparent,rgba(0,0,0,.06));
}

.cart__summary.shadow_none::before{
  background: none;
}

.ic_delete_cart{
  font-size: 24px;
}

.text_tds_col{
    color: #1A453B !important;
}

.seller_panel_checkout {
  position: relative;
  padding: 5px;
  bottom: 0;
  width: 100%;
}

.seller_panel_checkout .img-circle  {
  width: 35px; height: 35px;border:1px solid #eee;
}

.bundle_ship_override {
  display:inline-block;
  position: relative;
}

.bundle_ship_override img {
  max-width: 50px;
}

.bundle_ship_override h5{
  padding: 0;
  margin: 0;
  font-size:12px;
}

.price_estimate {
  position: relative;
}

.price_estimate h3{
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #000;
  font-family: 'circularmedium', sans-serif;
}

.price_estimate h4{
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #000;
  font-family: 'circularmedium', sans-serif;
}

.price_estimate p{
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 14px;
  line-height: normal !important;
  color: #000;
  font-family: 'Lato', sans-serif;
}

.price_estimate h5{
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #000;
  font-family: 'circularmedium', sans-serif;
}

.pad_left_estimate_0{
  padding-left: 0 !important;
}

.mt_20_cart {
  margin-top: 20px;
}

.bg_f9f9f9{
  background-color:#f9f9f9; 
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #f9f9f9;
}

.btn_green_global {
  white-space: nowrap;
  text-align: center;
  position: relative;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  line-height: 1.5;
  color: #1a453b !important;
  border-color: transparent;
  background-color: #daecde;
  font-weight: 400;
  width: 100%;
  padding: 8px 20px;
  font-size: 15px;
}

.btn_green_global:hover {
  background-color: #C7E2CD;
  color: #1a453b;
}

.btn_green_global i {
  float: right;
}

.btn_border_global {
    white-space: nowrap;
    text-align: center;
    position: relative;
    text-transform: lowercase;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    color: #1a453b;
    background-color: #fff;
    border: 1px solid #1a453b;
    font-weight: 400;
    width: 100%;
    padding: 7px 20px;
    font-size: 15px;
}

.btn_border_global i {
  float: right;
}

.btn_border_global:hover {
  color: #1A453B !important;
  background-color: #DAECDE;
}

.btn_border_global:hover i {
  color: #1A453B;
}

/* Can Use Global*/

.btn_border_become {
    white-space: nowrap;
    text-align: center;
    position: relative;
    text-transform: lowercase;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    color: #1a453b;
    background-color: #fff;
    border: 1px solid #1a453b;
    font-weight: 400;
    width: auto;
    padding: 8px 20px;
    font-size: 15px;
    border-radius: 5px;
}

.btn_border_become i {
  float: right;
}

.btn_border_become:hover {
  color: #fff !important;
  background-color: #1a453b;
}

.btn_border_become:hover i {
  color: #fff;
}


.btn_green_become {
  white-space: nowrap;
  text-align: center;
  position: relative;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  line-height: 1.5;
  color: #fff !important;
  border-color: transparent;
  background-color: #1a453b;
  font-weight: 400;
  width: auto;
  padding: 7px 20px;
  font-size: 15px;
  border-radius: 5px;
}

.btn_green_become:hover {
  background-color: #1a453b;
  color: #fff;
}

.btn_green_become i {
  float: right;
}

/* End */
.btn_gray_global{
  white-space: nowrap;
  text-align: center;
  position: relative;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  line-height: 1.5;
  border-color: transparent;
  background: #ddd !important; 
  color: #000;
  font-weight: 400;
  width: 100%;
  padding: 8px 20px;
  font-size: 15px;
  border-radius: 5px;
}

.btn_gray_global:hover {
  background: #ddd !important; 
  color: #000;
}

.btn_promo_checkout{
  white-space: nowrap;
  text-align: center;
  position: relative;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  line-height: 1.5;
  color: #000;
  border-color: transparent;
  background-color: transparent;
  font-weight: 400;
  border: 1px solid #1A453B;
  width: 100%;
  padding: 8px 20px;
  font-size: 15px;
  border-radius: 5px;
}

.btn_promo_checkout i {
  float: right;
  font-size: 16px;
}

.invoice_txt_heading {
  position: relative;
  text-align: center;
}

.invoice_txt_heading h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #000;
  font-family: 'circularmedium', sans-serif;
}

.invoice_txt_heading h3 span {
  color:#1A453B !important;
}

.v-right-cta a.btn_copy{
  white-space: nowrap;
  text-align: center;
  position: relative;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  line-height: 1.5;
  color: #1a453b;
  border-color: transparent;
  background-color: #DAECDE;
  font-weight: 400;
  width: auto;
  padding: 8px 20px;
  font-size: 15px;
  border-radius: 5px;
}

.v-right-cta a.btn_copy:hover{
  color: #1a453b;
  background-color: #DAECDE;
}

.tab_fav__ p {
  font-size: 14px;
}

.btn-primary {
  color: #1A453B;
  background-color: #DAECDE;
  border-color: #DAECDE;
}

.btn-primary:hover {
  color: #1A453B;
  background-color: #C7E2CD;
  border-color: #C7E2CD;
}

.btn-primary:not(:disabled):not(.disabled):active{
  color: #fff;
  background-color: #1A453B;
  border-color: #1A453B;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus { box-shadow:none;}

.btn_save_product {
  white-space: nowrap;
  text-align: center;
  position: relative;
  text-transform: lowercase;
  display: inline-block;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  line-height: 1.5;
  color: #1A453B;
  border-color: transparent;
  background-color: #DAECDE;
  font-weight: 600;
  width: 100%;
  height: 41.5px;
  padding: 7px 20px;
  font-size: 15px;
  /*border-radius: 5px; */
}

.scroll_upload {
  overflow:auto;
  position: fixed; z-index: 9999; height: 100%;
  background: #fdfdfd; 
  border: 1px solid #eee; 
  width: 400px; bottom: -15px;
  padding: 20px; right: 15px; 
  border-radius: 5px; 
  box-shadow: 1px 5px 5px 0 rgba(0,0,0,0.7);
}

.img_upload_wrap {
  margin:5px;
  display:inline-block;
  position:relative;
  width: 100px;
  height: 100px;
  background: #eee;
}

.img_upload_wrap img {
  position: absolute; top: 50%; left: 50%; 
  -webkit-transform: translate(-50%,-50%); 
  transform: translate(-50%,-50%); 
  max-width: 100%;max-height: calc(100vh - 100px);
}

.radio-style:checked + .radio-style-3-label:before {
  color: #1a453b !important;
  background-color: transparent;
}

.bg_header_z {
  top: 51px !important;
}

#estimate_cost .select2.select2-container,#estimate_cost .input-group {
margin-bottom: 15px;
}

.button {margin: 0;}

.wrap_heading_private{
  position: relative;
  margin-bottom: 15px;
  margin-top: 5px;
}

.wrap_heading_private h3,.wrap_heading_private h2,.wrap_heading_private h3,.wrap_heading_private h1 {
  padding: 0;
  margin: 0;
  line-height: normal;
  text-align: center;
  font-size: 20px;
  text-transform: lowercase;
  font-family: 'circularmedium', sans-serif;
  color: #000;
}

.btn_small_global {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    position: relative;
    text-transform: lowercase;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    color: #1A453B;
    border-color: transparent;
    background-color: #DAECDE;
    font-weight: 400;
    width: auto;
    padding: 4px 16px;
    font-size: 15px;
    border-radius: 5px;
    height: fit-content;
}

.btn_small_global:hover {
  background-color: #DAECDE;
  color: #1A453B;
}

.small_logo_header {
  position: relative;
}

.small_logo_header img {
  width: 70px;
}

.heading_section_promo{
  position: relative;
}

.heading_section_promo h2 {
  margin: 0px 0 15px 0;
  display: block;
  font-family: 'circularmedium';
  padding: 0px 0px 0 0px;
  line-height: normal;
  font-size: 26px;
  text-transform: lowercase;
  color: #000;
}

.heading_section_promo h3 {
  margin: 0px 0 15px 0;
  display: block;
  font-family: 'circularmedium';
  padding: 10px 0px 0 0px;
  line-height: normal;
  font-size: 20px;
  text-transform: lowercase;
  color: #000;
}

.btn_download_pdf:hover {
  color: #fff;
}

a.class_link_notif { 
  padding: 0;
  margin: 0;
  display: block;
  font-family: 'Lato',sans-serif;
  font-weight: 700 !important;
  line-height: normal;
  text-transform: lowercase;
  color: #1A453B !important;
 }

  .product_frm .wrap_side[data-v-150391e8] {
    background: transparent;
  }

  #header.sticky-header {
    z-index: unset;
  }

.wrap_privacy  {
  padding: 10px;
}

.wrap_tnc  {
  padding: 15px;
}

.text-info {
  color: #337364 !important;
}

.notif_bullet_marketplace {top: 10px; width: 8px; height: 8px;right: 11px;}
.notif_bullet_marketplace.notif_bullet_cart {right: 17px;}
.portfolio_designer ul li p {font-size: 13px !important; color: #333!important;}
.btn_filter_override {
  background: #eeeeee !important;
  color: #1a453b !important;
  border: 1px solid transparent; 
  border-radius: 5px;
}

.tooltip.fade:not(.show){
  opacity: 1
}

.tooltip {
  display: block !important;
  z-index: 10000;
}
 
.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}
 
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}
 
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
 
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
 
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
 
.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
 
.tooltip[x-placement^="right"] {
  margin-left: 5px;
}
 
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
 
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
 
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
 
.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(black, .1);
}
 
.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}
 
.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
}
 
.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s;
}
.ml-n2{margin-left:-.5rem!important}

.social-icon.si-small.si-colored.si-forrst[href="https://www.youtube.com/channel/UCeFcXt_5DP_xj0WaB-AZQTg"] {
  content: url(https://www.thedesignstory.com/assets/frontend/images/icon/yt_icon_rgb.png);
  padding: 7px 5px;
}

.social-icon.si-small.si-colored.si-forrst.si-youtube{
  display:none;
}

#new_mob_version .link_filter_podcast {
    display: none !important;
}