.bx-wrapper {   position: relative;   padding: 0;   *zoom: 1;   -ms-touch-action: pan-y;   touch-action: pan-y;   z-index:1 } .bx-wrapper img {   max-width: 100%;   display: block; } .bxslider {   margin: 0;   padding: 0; } ul.bxslider {   list-style: none; } .frame_preview_wraper {   margin: 50px;   position: relative; } .bx-viewport {  -webkit-transform: translatez(0); } .preview-frames {   display: none; } #bx-pager {   position: absolute;   bottom: 10px;   z-index: 2 } #bx-pager a {   display: inline-block;   background-color: #fff;   margin: 10px; } #bx-pager a.active {   border: 3px solid #0fb5b6;   margin: 7px; } #bx-pager a {   margin: 6px; } #bx-pager a.active {   margin: 3px; } #bx-pager a img {   max-width: 100%;   width: auto;   padding: 5px;   height: 80px; } @media screen and (min-width: 750px) and (max-width: 1023px) { } #frame_preview {   max-height: 100%; } #frame_preview .modal-dialog {   height: 100%;   margin: 0 auto !important;   width: 70%;   max-width: 1107px; } @media screen and (min-width: 1024px) and (max-width: 1200px) {   #frame_preview .modal-dialog {  width: 60%;   } } @media screen and (min-width: 1200px) {   #frame_preview .modal-dialog {  width: 35%;   } }  #frame_preview .modal-dialog .wrap-modal-content {   height: 80%;   margin-top: 10%; } #frame_preview .modal-dialog .wrap-modal-content.has-btns {   margin-top: 5%; } #preview-block {   height: 80%; } #frame_preview .frame-info {   display: inline-block;   width: 100%;   font-weight: 600; } #frame_preview .frame-info .frame-price{   float:right;   color: #ff306b;   font-size: 16px; } #frame_preview button.close {   border: 1px solid;   border-radius: 50%;   width: 30px;   opacity: 1;   height: 30px;   color: #aaa;   font-size: 30px;   font-weight: 100;   margin: 20px;   -moz-box-shadow: 1px 1px 4px 1px #ccc;   -webkit-box-shadow: 1px 1px 4px 1px #ccc;   box-shadow: 1px 1px 4px 1px #ccc; } #frame_preview #frame-control .bx-next {   background: rgba(0, 0, 0, 0) url(https://www.paintyourlife.com/themes/newPainting/img/frames/arrow-right.png) no-repeat scroll center center;   background-size: 18px;   right: -50px; } #frame_preview #frame-control .bx-prev {   background: rgba(0, 0, 0, 0) url(https://www.paintyourlife.com/themes/newPainting/img/frames/arrow-left.png) no-repeat scroll center center;   background-size: 18px;   left: -50px; } .btn-pink {   background: #ff135e;   border: 1px none;   border-radius: 5px;   text-align: center;   display: inline-block;   padding: 8px 10px;   text-decoration: none;   color: #fff !important; } .btn-pink:hover {   background: #ca0e4a;   color: #fff;   text-decoration: none; } .block-buttons .div_button .input_blue {   background-color: #38d119;   background-image: none;   border-radius: 5px;   color: #fff;   font-size: 16px;   font-weight: bold;   line-height: 22px;   padding: 5px 0 5px 10px; } .button span.tick-button {background: url(https://www.paintyourlife.com/themes/newPainting/img/order/arrow_button_disable.png) no-repeat;   float: right;   height: 26px;   width: 24px!important;   margin-left: 10px;   margin-right: 15px;} .button span.tick-button-blue {background: url(https://www.paintyourlife.com/themes/newPainting/img/order/tink_green.png) no-repeat;   float: right;   height: 26px;   width: 24px!important;   margin-left: 10px;   margin-right: 15px;} .div_button {text-align: right;} .div_button .input_blue:hover {   background-image: none;   background-color: #449d44; } .div_button .input_blue:hover span.tick-button-blue {   background: url(https://www.paintyourlife.com/themes/newPainting/img/order/tink_green.png) no-repeat; } #frame_preview .btn-pink {   margin-right: 10px; } .modal-dialog .btn-close {   position: absolute;   top: 15px;   right: 15px;   background: url(https://www.paintyourlife.com/themes/newPainting/img/frames/button-close.png) center center no-repeat;   background-size: 100%;   -moz-background-size: 100%;   width: 28px;   height: 28px;   cursor: pointer; } .radio-img img{   margin-bottom: 0; } .radio-wrap-img {   position: relative;   margin-bottom: 5px; } .radio-wrap-img .view-corner {   width: 100%;   height: 100%;   position: absolute;   top:0;   display: none;   cursor: pointer;   background: rgba(0, 0, 0, 0.5) url(https://www.paintyourlife.com/themes/newPainting/img/order/view-frame.png) center center no-repeat; } .radio-wrap-img:hover .view-corner {   display: block; }  .bxslider img {   margin: auto; } #preview-block {   min-height: 300px;   margin-bottom: 10px; } #preview-block.loading {   height: 200px;   background: url('https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon_loading.gif') center center no-repeat #ffffff; } #preview-block.loading .bx-wrapper, #preview-block.loading #bx-pager {   visibility: hidden; } .bxslider li:after {   content: '';   position: absolute;   top: 0; right: 0;   bottom: 0; left: 0;   height: 300px;   width: 300px;   display: none;   background: url("https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon_loading.gif") center 0 no-repeat; } .bxslider li.lazy:after {   display: block; } .bxslider li.lazy img{   display: none; } .bxslider .frame-tool {   min-height: 300px;   width: 100%;   background: #fff url("https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon_loading.gif") center 0 no-repeat; } .bxslider li.frame-tool img {   display: none; } .frm-highCost {   font-size: 18px;   font-weight: 400;   text-decoration: line-through;   color: #e95d2a;   margin-right: 10px; }
 a.anchor:before {   content: '';   position: relative;   top: -110px;   visibility: hidden;   } #banner-gift-cert-block {   position: relative; } #banner-gift-certificate {   border: 3px solid #ff135e;   border-radius: 8px;   margin-left: 10%;   margin-right: 10%;   margin-bottom: 15px;   padding: 25px 15px;   box-shadow: 1px 1px 7px -1px #979393;   -moz-box-shadow: 1px 1px 7px -1px #979393;   -webkit-box-shadow: 1px 1px 7px -1px #979393;   color: #333;   display: block; } #cert-gift-icon {   position: absolute;   width: 75.766px;   height: 105px;   left: 12%;   bottom: 20%; } #cert-gift-icon .click-to-zoom {   white-space: nowrap; } #cert-gift-icon:hover {   cursor: pointer; } #cert-gift-icon img {   width: 100%; } #banner-gift-cert-link {   color: #333; } #popup-gift-cert-example .modal-content {   max-width: 400px;   margin: auto; } #popup-gift-cert-example .modal-body {   padding: 0; } #popup-gift-cert-example .modal-body img {   width: 100%; } #popup-gift-cert-example .close {   position: absolute;   right: -12px;   top: -12px;   background: #fff;   border: 2px solid #ccc;   border-radius: 50%;   width: 25px;   height: 25px;   text-shadow: none;   opacity: 1; } .turnaround-table-block {   box-shadow: none !important;   padding: 0 !important; }  .faq_page .questions ul {   margin-left: 0; } .faq_page .questions ul.col-xs-12 {   width: 100%; } @media (min-width: 768px) {   .faq_page .questions ul.col-sm-3 {  width: 25%;   } } .turn-around-responsive {   margin: 15px 0; } .turn-around-responsive table {   border-collapse: separate;  } .turn-around-responsive.express-shipping-unavailable .express-shipping {   display: none; } .turn-around-responsive table.big-portraits {   background-color: #fafafa; } .turn-around-responsive table .text-normal {   font-weight: normal; } .turn-around-responsive table .thead-title {   color: #49cdce; } .turn-around-responsive table th {   height: 100px; } .turn-around-responsive table thead tr th {   position: relative;   border-bottom: none; } .turn-around-responsive table tbody tr:nth-last-child(2) td {   border-bottom: 1px solid #ddd; } .turn-around-responsive table tbody tr:last-child td {   border-top: none; } .turn-around-responsive table tbody tr:last-child {   color: #ff9d02;   font-weight: 700; } .turn-around-responsive table thead tr th, .turn-around-responsive table tbody tr td {   vertical-align: middle;   text-align: center; } .turn-around-responsive table tr td:first-child, .turn-around-responsive table tr th:first-child {   width: 35%;   font-weight: 700;   text-align: left; } .turn-around-responsive table thead:first-child tr th:last-child {   border-top: 1px solid #ddd;   border-left: 1px solid #ddd;   border-right: 1px solid #ddd;   border-radius: 5px 5px 0 0; } .turn-around-responsive table tbody tr td:last-child {   border-left: 1px solid #ddd;   border-right: 1px solid #ddd; } .turn-around-responsive table tbody tr:last-child td:last-child {   border-left: 1px solid #ddd;   border-right: 1px solid #ddd;   border-bottom: 1px solid #ddd;   border-radius: 0 0 5px 5px; } .faq_page .cell_second_first.last {   line-height: 36px !important; } @media (min-width: 1200px) {   .turn-around-responsive table:not(.medium-portraits) tr td:first-child, .turn-around-responsive table:not(.medium-portraits) tr th:first-child {  display: none;   }   .turn-around-responsive table tr td:first-child, .turn-around-responsive table tr th:first-child {  width: 50%;   }   .turn-around-responsive table tbody td {  position: relative;   }   .turn-around-responsive table.medium-portraits tbody tr:nth-last-child(2) td:last-child:after {  bottom: -1px;   } } .faq_frame_section {   display: flex;   flex-wrap: wrap; } .faq_frame_section .frame_item.col-xs-6 {   width: 50%; } @media (min-width: 768px) {   .faq_frame_section .frame_item.col-sm-4 {  width: 33.33333333%;   } } @media (min-width: 992px) {   .faq_frame_section .frame_item.col-md-2 {  width: 16.66666667%;   } } .faq_frame_section .frame_item.frame_item_responsive img {   height: auto; } .btn-zoom {   margin-bottom: 5px; } .btn-show-info {   background-color: #0fb5b6;   clear: both;   color: #ffffff;   display: inline-block;   margin-top: 10px;   padding: 3px 0;   text-align: center;   width: 100%;   cursor: pointer; } @media only screen and (min-width: 768px) {   .btn-show-info.btn-zoom {  display: none;   } } #frame_video_wrapper {   text-align: center; } .frame_video {   width: 50vw;   height: 50vh; } @media only screen and (max-width: 750px) {   .frame_video {  width: 90vw;   } } @media only screen and (max-width: 767px) {   .static-page .questions ul li a, .frame_item.frame_item_responsive .radio-img.font12px {  font-size: 18px;   }   .faq_page .cell_second_first.last {  line-height: 1.5 !important;   } }
.search-box {   padding: 20px;   background-color: rgba(255, 19, 94, 0.08); } .search-box h1, .how-it-works-title, .have-order-title {   font-size: 48px;   font-weight: bold;   letter-spacing: 3px;   line-height: 62px; } .search-input {   box-sizing: border-box;   height: 45px;   width: 40%;   border: 1px solid #D1D1D1;   border-radius: 4px;   background-color: #FFFFFF;   padding: 12px 16px;   margin-bottom: 30px;   font-size: 16px; } .nav-tabs {   display: flex;   justify-content: center; } .nav-tabs > li {   border-radius: 4px 4px 0 0;   font-weight: bold;   font-size: 20px;   line-height: 25px;   padding: 20px 0;   margin: 0 20px;   cursor: pointer;   border-bottom: 2px solid transparent; } .nav-tabs > li.active {   color: #FF135E;   border-color: #FF135E; } .faq-content {   padding: 0 10px;   border-bottom: 2px solid transparent; } .question-row h2 {   color: #000000;   font-size: 24px;   font-weight: bold;   letter-spacing: 0;   line-height: 31px;   margin-top: 50px; } .question-content {   padding: 20px 0;   background-color: #FFFFFF;   box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .question-content .question-tt {   display: flex;   justify-content: space-between;   align-items: center;   cursor: pointer; } .collapsed .question-title {   text-decoration: underline !important; } .collapsed .question-title:focus {   outline: none; } .question-content .question-title {   color: #000000;   font-size: 20px;   letter-spacing: 0;   line-height: 25px;   padding-right: 12px;   text-decoration: none; } .faq-answer {   font-size: 18px;   letter-spacing: 0;   margin-top: 20px; } .faq-light {   box-sizing: border-box;   border: 2px solid #00BBBD;   border-radius: 4px;   box-shadow: 0 0 4px 0 rgba(0, 187, 189, 0.4); } .frame_video {   width: 34vw;   height: 40vh; } .hiw-content {   margin-bottom: 50px; } .hiw-box {   padding: 15px;   background-color: #FFFFFF;   box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16); } .how-it-works-title {   margin: 24px; } .how-title {   margin: 8px 0;   font-size: 20px;   font-weight: 600;   letter-spacing: -0.36px;   line-height: 28px; } .how-desc {   font-size: 16px;   letter-spacing: -0.29px;   line-height: 28px;   height: 90px;   overflow: hidden;   text-overflow: ellipsis; } .read-more {   color: #FF135E;   font-size: 16px;   font-weight: bold;   letter-spacing: -0.29px;   line-height: 28px;   margin-bottom: 16px; } .read-more:hover {   color: #ca0e4a; } .button-show-more {   padding-bottom: 40px;   font-size: 20px; } .button-show-more, .login-db {   width: 200px;   margin: auto; } .satisfaction-trustpilot {   display: none; } .have-order {   background-color: #00BBBD;   color: #FFFFFF;   padding: 80px 20px; } .login-text {   font-size: 24px;   letter-spacing: 0;   line-height: 31px;   padding: 24px 0 28px; } .btn-login-db {   background: #FFFFFF;   border: 1px none;   border-radius: 5px;   text-align: center;   display: inline-block;   padding: 8px 10px;   text-decoration: none;   color: #00BBBD;   font-size: 20px; } #hpau-items-mobile {   display: none; } .ui-autocomplete {   position: absolute;   z-index: 1000;   cursor: default;   padding: 0;   margin-top: 2px;   list-style: none;   background-color: #ffffff;   border: 1px solid #ccc;   -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px;   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .ui-autocomplete > li {   padding: 10px 20px;   font-size: 18px;   line-height: 24px;   box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .ui-helper-hidden-accessible {   display: none; } .ui-autocomplete > li .ui-state-focus {   outline: unset;   color: unset;   background: unset;   border: unset; } .bold-text {   font-weight: bold; } .left.cell_second_first.last {   height: 159px !important; } .faq_page .cell_second_first.last {   line-height: unset !important; } .content_table .tr_table:last-child .left {   height: 75px; } .content_table .tr_table:last-child .left.cell_second_second {   line-height: 65px !important; } .turnaround-table-block {   box-shadow: none !important;   padding: 0 !important; } @media only screen and (max-width: 767px) {   .search-input {  width: 100%;   }   .left-questions, .right-questions {  padding: 0 !important;   }   .have-order-title {  font-size: 40px;   }   .login-text {  font-size: 20px;   }   .login-db {  font-size: 18px;   }   .how-works-section {  display: none;   }   #hpau-items-mobile {  display: block;  word-wrap: break-word;  overflow: hidden;   }   .hiw-content {  padding: 0 !important;   }   .hpau-item {  width: 275px;  margin-right: 15px;   }   .show-more {  display: none;   }   .left.cell_second_first.last {  height: unset !important;   }   .frame_video {  width: 100%;   } }