@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');
/* font-family: 'Montserrat', sans-serif; */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {display: block;}
audio,
canvas,
video {display: inline-block;*display: inline;*zoom: 1;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
[hidden] {display: none;}
html {color: #000;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,button,input,select,textarea {font-family: 'Montserrat', sans-serif;}
body {margin: 0; padding: 0;}
a:focus {outline: thin dotted;}
a:active,
a:hover {outline: 0;}
b,strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
small {font-size: 70%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl, menu, ol, ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu, ol, ul {padding: 0 0 0 40px;}
img {border: 0;-ms-interpolation-mode: bicubic;max-width: 100%;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal; *margin-left: -7px;}
button,
input,
select,
textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;*overflow: visible;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box;padding: 0;*height: 13px;*width: 13px;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}

/*** common css start ***/

button {-moz-transition: 400ms ease all; -webkit-transition: 400ms ease all; transition: 400ms ease all;}
a {-moz-transition: 400ms ease all; -webkit-transition: 400ms ease all; transition: 400ms ease all;}
.hidden {display: none;}

/*** common css end ***/

body {font-family: 'Montserrat', sans-serif; font-size: 17px; overflow: hidden;}
.main-bg {background: #e4e4e4/*url(../images/Home-Bck-1.jpg) no-repeat center center*/; background-size: cover; position: relative; margin: auto; border-top: 5px solid #fff; border-bottom: 5px solid #fff; overflow: hidden; min-height: 100vh; -ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.main-bg:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.animright{animation: animright 0.5s ;position: relative;}
@keyframes animright {
  0%{right: 700px;}
  100%{right: 0px;}
}
.animleft{animation: animleft 0.5s ;position: relative;}
@keyframes animleft {
  0%{left:  700px;}
  100%{left:  0px;}
}
.main-bg .main-content {width: 100%;}
.main-content .inner {position: relative;z-index: 9; height: 100%;}
.main-content .inner .step-title {background: #152648;text-align: center;padding: 8px; font-weight: 500; color:#fff; border-bottom:1px solid #fff; }
.main-content .inner .step-title-de {background: #fff;text-align: center;padding: 8px; font-weight: 500; color:#000; border-bottom:1px solid #fff; }
.main-content .inner .bottom-btn-group {background: #fff;padding: 8px;text-align: center;}
.main-content .inner .bottom-btn-group button.nextbtn {background: #00f400;border: none;color: #fff;font-weight: bold;padding: 12px 15px;border-radius: 5px;min-width: 290px;font-size: 22px;}
.main-content .inner .bottom-btn-group button.nextbtn[disabled="disabled"] {background: #a9a9a9 !important;}
.main-content .inner .bottom-btn-group button.nextbtn:hover {background: #61bd4f;}

.main-content .inner .bottom-btn-group button.btn-grey {background: #dedede;border: 1px solid #797979;color: #797979;font-weight: bold;padding: 11px 25px;border-radius: 5px;font-size: 22px;outline: none;margin-right: 6px;}
.main-content .inner .bottom-btn-group button.btn-grey:hover {background: #797979; color: #fff;}

.main-content .inner .middle-content {padding: 0 20px;}
.main-content .inner .shape-main {-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap; justify-content:center; align-items: center; margin: 5px -20px;}
.main-content .inner .tab-content {height: calc(100vh - 10px); position: relative;}
.main-content .inner .tab-content .tab-pane {height: 100%;padding: 0 0 80px 0;}
.main-content .inner .bottom-btn-group {background: #fff;padding: 8px;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;width: 100%; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex;display: flex; align-items: center; justify-content: center; -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);}
.main-content .inner .shape-main .shape-col .thumb-img-active {display: none;}
.shape-main .shape-col .label-group input[type="radio"] {display: none;}
.shape-main .shape-col .label-group input[type="radio"] + label {margin: 0;cursor: pointer; padding: 15px 20px;border-top-left-radius: 12px;border-top-right-radius: 12px; height: 110px; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.shape-main .shape-col .label-group input[type="radio"] + label img {max-width: 44px; max-height: 68px;}
.shape-main .shape-col .label-group input[type="radio"]:checked + label {background: #fff;}
.shape-main .shape-col .label-group input[type="radio"]:checked + label .thumb-img {display: none;}
.shape-main .shape-col .label-group input[type="radio"]:checked + label .thumb-img-active {display: block;}
.main-content .inner .shape-main .shape-col .sub-image {position: absolute;left: 0;right: 0;max-width: 810px;margin: auto;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;background: #fff;padding: 10px 15px;border-radius: 12px; align-items: center; justify-content: center;}
.shape-main .shape-col .sub-image .label-group input[type="radio"]:checked + label .thumb-img {display: block;}
.main-content .inner .shape-main .shape-col .sub-image .label-group input[type="radio"] + label {border-radius: 10px;}
.main-content .inner .shape-main .shape-col .sub-image .label-group input[type="radio"]:checked + label {background: #eee;}
.main-content .inner .full-shape {text-align: center;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;right: 0;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;align-items: center;justify-content: center;z-index: -1;}
.main-content .inner .full-shape img {max-width: 400px;}
.main-content .inner .shape-main .shape-col.contact-info {position: relative;}
.main-content .inner .shape-main .shape-col.contact-info .contact-box {position: absolute;right: 0;width: 395px;background: #fff;padding: 10px 15px;text-align: center;border-top-left-radius: 12px;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.main-content .inner .shape-main .shape-col.contact-info .contact-btn .btn {background: #00f400;border: none;color: #fff;font-weight: bold;padding: 10px 15px;border-radius: 10px;min-width: 290px;font-size: 20px;display: block;margin: 0 0 10px 0;}
.main-content .inner .shape-main .shape-col.contact-info .contact-btn .btn:hover {background: #3dacec;}
.main-content .inner .shape-main .shape-col.contact-info .contact-box .number a {color: #074d7d;font-weight: bold;text-decoration: none;}
.main-content .inner .shape-main .shape-col.contact-info .contact-box .number a:hover {color: #000;}
.main-content .inner .shape-main .shape-col.contact-info .contact-box .number a .fa {transform: rotate(3deg);margin: 0 5px 0 0;font-size: 23px;position: relative;top: 4px;font-weight: bold;}
.main-content .inner .bottom-btn-group button.prevtab {background: #dedede;border: none ;color: #797979;font-weight: bold;padding: 11px 25px;border-radius: 5px;font-size: 22px;outline: none;margin-right: 6px;}
.main-content .inner .bottom-btn-group button.prevtab:hover {background: #797979; color: #fff;}
.measurement-form .step2-img {text-align: center;padding: 0px 30px;}
.measurement-form .step2-img img {width: 380px;}
.measurement-form .input-group {padding: 15px 10px;margin: 6px 0 0 0;background: #f1e9e9;}
.measurement-form .input-group .inner {min-width: 100%;height: auto;display: inline-block;margin: 0 0 0 8px;-moz-column-count: 2;-webkit-column-count: 2;column-count: 2; column-gap: 0; vertical-align: top;}
.measurement-form .input-group .inner .form-group {width: calc(100% - 15px); margin: 0 0 10px 0;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;align-items: center;background: #fff;border-radius: 3px;padding: 5px 5px 5px 10px; position: relative; overflow: hidden; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.measurement-form .input-group #errorMsg {margin: 0 0 -10px 0;color: #ff0000;font-size: 12px;}
.measurement-form .input-group .inner .form-group label {padding: 0 10px 0 0; margin: 0;}
/*.measurement-form .input-group .inner .form-group label:after {content: '-';margin: 0 0 0 3px;}*/
.measurement-form .input-group .inner .form-group input {border: none;outline: none;width: calc(100% - 75px);color: #212529; text-align: center;}
.measurement-form .input-group .inner .form-group input::-webkit-input-placeholder {color: #212529;}
.measurement-form .input-group .inner .form-group input::-moz-placeholder {color: #212529;}
.measurement-form .input-group .inner .form-group input:-ms-input-placeholder {color: #212529;}
.measurement-form .input-group .inner .form-group input:-moz-placeholder {color: #212529;}
.measurement-form .step2-img .summary {color: #152648;margin: 10px 0;font-size: 16px;}
.measurement-form .step2-img .summary strong {display: block;}
.measurement-form .input-group .inner .form-group .add-on {position: absolute;right: 0;top: 0;bottom: 0;width: 35px;text-align: center;background-color: #d6d6d6;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.blanket-list {-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex; background: #e4e4e4;padding: 0 5px; padding-bottom: 70px;}
.blanket-list .column {width: 100%; padding: 0 10px; margin: 25px 0; max-width: 400px;}
.blanket-list .column .inner {background: #fff;}
.blanket-list .column .inner input[type="radio"] {display: none;}
.blanket-list .column .inner input[type="radio"] + a {display: block; width: 100%; height: 100%; padding: 8px; border-radius: 3px; border: 1.5px solid transparent; cursor: pointer;}
.blanket-list .column .inner input[type="radio"]:checked + a {border-color:#00b900;}
#errMsg{color: red;}
.errorMsg{border:1px solid red;}
.main-content .inner .tab-content .tab-pane .full_height {height: 150%;}
.main-content .inner .tab-content .tab-pane .full_height:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: #e4e4e4;z-index: -9;}
.blanket-list .column .inner a label {display: inline-block;height: 100%;margin: 0;width: 100%; cursor: pointer; vertical-align: top; position: relative;}
.blanket-list .column .inner a label .type-img {width: 100%;}
/*new-add-15-04*/
.blanket-list .column .inner a label .type-details p { display: contents; }
.blanket-list .column .inner a label .type-details span.modelTotal { display: block; padding: 0; }
/*end*/
.blanket-list .column .inner a label .type-img img {width: 100%;}
.blanket-list .column .inner a label .type-details {padding: 10px 0 100px 0;width: 100%;}
.blanket-list .column .inner a label .type-details h4 {font-size: 18px;color: #152648;font-weight: 500;}
.blanket-list .column .inner a label .type-details p {font-size: 13px;font-weight: normal;color: #152648;margin: 0;}
.blanket-list .column .inner a label .type-details .mobile {display: none;}
.blanket-list .column .inner a label .type-details ul {font-size: 13px;font-weight: normal;padding: 0 0 0 15px;color: #152648; margin: 8px 0 10px 0;}
.blanket-list .column .inner a label .type-details span {font-size: 13px;font-weight: normal;padding: 0;color: #152648;}
/*.blanket-list .column .inner a label .type-details .coverTotal {font-size: 13px;font-weight: 600;padding: 0 0 0 5px;color: #152648;}*/
.blanket-list .column .inner a label .type-details .coverTotal {padding: 0; display: block;}
.blanket-list .column .inner a label .type-details .coverTotal span {color: #ff0000;font-size: 14px; font-weight: bold;}
.blanket-list .column .inner a label .type-details span.modelTotal {padding: 0 0 0 10px; color: #ff0000;}
.blanket-list .column .inner a label .type-details span.modelTotal span {color: #ff0000; font-weight: bold;}
.blanket-list .column .inner a label .type-details span.modelTotal b {color: #152648;}
.blanket-list .column .inner a label .type-details .bottom-row {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;text-align: center;}
.blanket-list .column .inner a label .type-details .bottom-row .select-btn {
    display: inline-block;
    padding: 4px 15px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #152648;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.blanket-list .column .inner input[type="radio"]:checked + a label .type-details .bottom-row .select-btn{
    background: #00b900;color: #fff;text-shadow: 0 1px 1px rgba(49, 49, 49, 0.75);
}
.blanket-list.three-col .column .inner a label .type-details {padding: 10px 0 0 0;}
.blanket-list .column .inner a label .type-details .priceRoller {font-weight: bold;color: #ff0000;}
.blanket-list .column .inner a label .type-details .priceRoller b {color: #152648;}
.corners-summary {margin: 10px 0 0 0;}
.corners-summary .main-img {text-align: center;width: 100%;max-width: 350px;margin: auto;}
.corners-summary .main-img input[type="radio"] {display: none;}
.corners-summary .main-img input[type="radio"] + label {margin: 0;cursor: pointer; background: #fff;padding: 15px 15px 20px 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;overflow: hidden; border: 1px solid #e4e4e4;}
.corners-summary .main-img input[type="radio"]:checked + label {border-color: #00b900;}
.corners-summary .conrner-details {text-align: center;padding: 15px;}
.corners-summary .conrner-details .form-group-row {display: inline-block;width: 330px; margin: 10px 0 10px 0;}
.corners-summary .conrner-details .form-group-row .form-group {background: #fff;width: calc(50% - 14px);float: left;position: relative;margin: 0 7px; -ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;align-items: center; padding: 6px; border-radius: 3px;overflow: hidden;}
.corners-summary .conrner-details .form-group-row .form-group label {padding: 0 10px 0 0;margin: 0;}
.corners-summary .conrner-details .form-group-row .form-group input {border: none;outline: none;width: 80px;color: #212529;}
.corners-summary .conrner-details .form-group-row .form-group .add-on {position: absolute;right: 0;top: 0;bottom: 0;width: 35px;text-align: center;background-color: #d8d8d8;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.corners-summary button.nextbtn {background: #00f400;border: none;color: #fff;font-weight: bold;padding: 12px 15px;border-radius: 5px;min-width: 316px;font-size: 22px;}
.corners-summary button.nextbtn:hover {background: #61bd4f;}

.corners-summary.ladder-info .main-img input[type="radio"] + label {border-radius: 0;}
.ladder-info .ladder-summary {padding: 20px;text-align: center;}
.ladder-info .ladder-summary p {margin: 0 0 6px 0;}
.ladder-info .ladder-summary p .price {color: #ff0000;}
.ladder-info .ladder-summary button.nextbtn {margin: 10px 0 0 0;}
.ladder-position-set .ld-bg {text-align: center;}
.ladder-position-set .corners-summary .conrner-details .form-group-row .form-group {float: none; margin: auto;}
.ladder-summary {position: relative; padding: 15px; text-align: center;}
.ladder-summary ul.radio-group {padding: 0;margin: 0;list-style: none;}
.ladder-summary .ld-thumb {height: 250px;width: 300px;margin: auto; position: relative;}
.ladder-summary .ld-thumb .ld-main-img img {position: absolute;left: 0;right: 0;width: 100%;height: auto;top: 0;bottom: 0;margin: auto;}
.ladder-summary .ld-thumb .ld-shape img {position: absolute;left: 0;right: 0;width: 100%;height: auto;top: 0;bottom: 0;margin: auto;z-index: 1;}
.ladder-summary .ld-thumb ul.radio-group li {position: absolute; z-index: 2;}
.ladder-summary .ld-thumb ul.radio-group li:nth-child(1) {left: 80px;top: 15px;}
.ladder-summary .ld-thumb ul.radio-group li:nth-child(2) {right: 75px;top: 15px;}
.ladder-summary .ld-thumb ul.radio-group li:nth-child(3) {right: -30px;top: 90px;}
.ladder-summary .ld-thumb ul.radio-group li:nth-child(4) {right: -30px;bottom: 39px;}
.ladder-summary .ld-thumb ul.radio-group li:nth-child(5) {right: 75px;bottom: -15px;}
.ladder-summary .ld-thumb ul.radio-group li:nth-child(6) {left: 80px;bottom: -15px;}
.ladder-summary .ld-thumb ul.radio-group li:nth-child(7) {left: -30px;bottom: 39px;}
.ladder-summary .ld-thumb ul.radio-group li:nth-child(8) {left: -30px;top: 90px;}
.ladder-summary .ld-thumb ul.radio-group li input[type="radio"] {display: none;}
.ladder-summary .ld-thumb ul.radio-group li input[type="radio"] + label {font-size: 0;width: 15px;height: 15px;border: 1.5px solid #424242;border-radius: 50%;background: #fff;box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);cursor: pointer;}
.ladder-summary .ld-thumb ul.radio-group li input[type="radio"]:checked + label {background: #424242;}
.ladder-summary .ld-thumb ul.radio-group li.hide {visibility: hidden;opacity: 0;}
.main-content .inner .tab-content .tab-pane .full_height.pool-products-summary:before {background: #fff;}
.pool-products-summary .pt-img {padding: 6px 10px; text-align: center;}
.pool-products-summary .pt-img img {height: 290px;margin: auto;max-width: 100%; -moz-transition: 400ms ease all; -webkit-transition: 400ms ease all; transition: 400ms ease all;}
.pool-products-summary .bottom-info {text-align: center;-moz-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.12);box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.12);padding: 6px 10px; font-size: 15px;}
.pool-products-summary .bottom-info p {margin: 0;}
.pool-products-summary .bottom-info select {background: transparent;margin: 5px 0 10px 0;padding: 4px 8px;outline: none;border: 1px solid #f9a3a1;box-shadow: 0 0 5px 1px rgba(249, 163, 161, 0.8);min-width: 250px;}
.pool-products-summary .bottom-info ul {padding: 0;margin: 8px 0;list-style: none;font-size: 14px;}
.pool-products-summary .bottom-info ul li .fa {color: #26ae00; margin: 0 4px 0 0;}
.pool-products-summary .bottom-info ul li span {font-weight: bold;color: #26ae00;}
.pool-products-summary .bottom-info .tp-price {color: #ff0202; font-size: 20px;}
.pool-products-summary .bottom-info .tp-price strong {margin: 0 8px 0 0; color: #212529;}
.pool-products-summary .bottom-info .tp-price span {font-weight: bold;}
.pool-products-summary .bottom-info .tp-price small {font-size: 10px;font-weight: 500;}
.poolShape-total-details .toggle_div {display: block;width: 100%;height: 310px; position: relative; outline: none; background: #efefef; overflow: hidden;}
.product-summary {transform: translateY(100%);transition: 400ms ease all;position: absolute;width: 100%;bottom: 36px;}
.poolShape-total-details .toggle_div.active-ul .product-summary {transform: translateY(0);bottom: 0;}
.poolShape-total-details .toggle_div .product-summary ul {padding: 10px 15px;margin: 0;list-style: none;background: #fff;width: 100%;color: #212529;border-bottom: 3px solid #efefef;}
.poolShape-total-details .toggle_div .toggle-text {background: #fff;padding: 5px 15px;font-size: 16px;display: inline-block; color: #0066b5;
    border-bottom: 2px solid #0066b5;}
.poolShape-total-details .toggle_div .toggle-text .fa {font-size: 20px;}
.pool-products-summary .toggle_div.active-ul .pt-img img {height: 100px;}
.poolShape-total-details .toggle_div .product-summary ul li {-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;margin: 0; justify-content: space-between; font-size: 14px; max-width: 450px;}
.poolShape-total-details .toggle_div .product-summary ul li .title {font-weight: 500; padding-right: 5px;}
.poolShape-total-details .toggle_div .product-summary ul li .sizeIn {-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;margin-right: auto;}
.poolShape-total-details .toggle_div .product-summary ul li .name {margin-right: auto;}
.poolShape-total-details .toggle_div .product-summary ul li .Price,
.poolShape-total-details .toggle_div .product-summary ul li .sippingPrice {font-weight: 500; min-width: 70px; text-align: right;}
.poolShape-total-details .toggle_div .toggle-text span {opacity: 1 !important;}
.poolShape-total-details .toggle_div .product-summary ul li.sizeIn {vertical-align: top; justify-content: flex-start;}
.poolShape-total-details .toggle_div .product-summary ul li.sizeIn p {display: inline-block; margin: 0;}
.poolShape-total-details .toggle_div .product-summary ul li p {margin: 0;}
.poolShape-total-details .toggle_div .product-summary ul li.sizeIn p:after {padding: 0 4px;}
.poolShape-total-details .toggle_div .product-summary ul li.sizeIn p:last-child:after {display: none;}
.poolShape-total-details .toggle_div .product-summary ul li .xyCorner {margin-right: auto;}
.poolShape-total-details .toggle_div .product-summary ul li .xyCorner span:before {content: '-';padding: 0 5px 0 0;}
.poolShape-total-details .toggle_div .product-summary ul li .asize {margin-right: auto;}
.poolShape-total-details .toggle_div .product-summary ul li .asize span:before {content: '-';padding: 0 5px 0 0;}
.corners-summary #cornerError {display: block;text-align: center;font-size: 14px;}
.contactform { margin: auto; background-color: #f1e9e9;}
.contactform .contact-title {text-align: center; border-bottom: 3px solid #fff; padding: 5px 0; }
.contactform .detail {background-color: #f1e9e9; padding: 20px 20px; border-bottom: 2px solid #ffffff; margin: 0; font-size:14px; }
.contactform .card-body { padding: 10px 20px; height: 100%; }
.contactform .inner { min-height: 80vh;  padding-bottom: 80px; }
.contactform .bottom-btn-group { text-align: center; background-color: #fff; padding: 8px 0; border-top: 3px solid #cfcfcf; position: fixed; margin: 0 auto; bottom: 0; width: 100%; left: 0; right: 0; }
.contactform .btn-success { background: #00f400; border: none; color: #fff; font-weight: bold; padding: 12px 15px; border-radius: 5px; min-width: 290px; font-size: 22px; }
.contactform .btn-success:hover { background-color: #61bd4f; transition: 0.8s; }
.contactform .btn-primary {background: #dedede; border: 1px solid #797979; color: #797979; font-weight: bold; padding: 11px 25px; border-radius: 5px; font-size: 22px; outline: none; max-width: 140px; }
.contactform .btn-primary:hover { background-color: #797979; color: #fff; transition: 0.8s; }
.contactform label { font-weight: 400; }
.contactform .form-control:focus {border: 1px solid #ccc; outline: none; box-shadow: none; }
.contactform .form-control { box-shadow: none !important; }
.contactform .form-check input[type="checkbox"] {opacity: 0; visibility: hidden;width: 0;}
.contactform .form-check input[type="checkbox"] + label { padding-left: 30px; position: relative; cursor: pointer; }
.contactform .form-check input[type="checkbox"] + label:before {content: ""; position: absolute; left: 3px; top: 3px; right: 0; bottom: 0; border: 1px solid #555; width: 18px; height: 18px; background: #fff; border-radius: 3px; }
.contactform .form-check input[type="checkbox"]:checked  + label:before {background-color: #555; border-color: #555; transition: 0.5s; }
.Contáctenos_mantas_app { overflow-y: scroll !important; margin-top: 30px; }
.Contáctenos_mantas_app .inner .contact-title { position: fixed; top: 0; width: 100%; text-align: center; background:#152648; color:#fff; }


/*** Responsive css start here ***/

@media screen and (min-width: 768px) {
    .poolShape-total-details .toggle_div {-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap; text-decoration: none; pointer-events: none; height: auto;}
    .pool-products-summary .pt-img {width: 50%;}
    .poolShape-total-details .toggle_div .product-summary {width: 50%;position: static;}
    .pool-products-summary .toggle_div .pt-img img {height: 260px !important;}
    .poolShape-total-details .toggle_div .product-summary {width: calc(50% - 35px); margin: 40px 0; transform:none;display: flex; align-items: center;}
    .poolShape-total-details .toggle_div .toggle-text {display: none;}
    .poolShape-total-details .toggle_div .product-summary ul {border-left: 2px solid #a2a2a2;}
    .outlet-logo {display:none;}
    .time4pool-logo {display:none;}
    .main-content .inner .step-title-de {background: #000;text-align: center;padding: 8px; font-weight: 500; color:#fff; border-bottom:1px solid #fff; }
}


@media screen and (max-width: 991px) {
    .blanket-list .column {width: 100%; padding: 0 15px; margin: 15px 0 0 0; max-width:100%;}
    .blanket-list .column .inner a label .type-img {width: 85px; float: left;}
    .blanket-list .column .inner a label .type-details {padding: 0 0 0 15px;width: calc(100% - 85px);float: left;}
    .blanket-list .column .inner a label .type-details h4 {margin: 0 0 2px 0;font-weight: normal;font-size: 17px;}
    .blanket-list .column .inner a label .type-details .desktop {display: none;}
    .blanket-list .column .inner a label .type-details .mobile {display: block;font-size: 12px;font-weight: normal;padding: 0;color: #152648;margin: 0;}
    .blanket-list {display: block;min-height: 100%;width:100%;}
    .blanket-list .column .inner a label .type-details .uniPrices {line-height: 18px;}
    .blanket-list .column .inner {border-radius: 8px;}
    .blanket-list .column .inner input[type="radio"] + a {border-radius: 8px;}
    .blanket-list .column .inner a label .type-details .bottom-row {position: static;text-align: left;}
    .blanket-list .column .inner a label .type-details .bottom-row .select-btn {display: none;}
    .blanket-list.three-col .column .inner a label .type-details {padding: 0 0 0 15px;}
}

@media screen and (max-width: 767px) {
    body {font-size: 16px;}
    .outlet-logo {display:block; background:#152648; text-align:center; width:100%;}
    .time4pool-logo {display:block; background:#fff; text-align:center; width:100%;padding: 10px;}
    .main-bg {border-top:none;}
    .main-content .inner .shape-main .shape-col .sub-image {max-width: calc(100% - 15px); padding: 10px;}
    .shape-main .shape-col .label-group input[type="radio"] + label {padding: 10px 14px; height: 85px;}
    .shape-main .shape-col .label-group input[type="radio"] + label img {max-width: 28px; max-height: 42px;}
    .main-content .inner .shape-main .shape-col.contact-info .contact-box {width: 270px;}
    .main-content .inner .shape-main .shape-col.contact-info .contact-btn .btn {padding: 8px 15px; min-width: 100%; font-size: 18px;}
    .main-content .inner .shape-main .shape-col.contact-info .contact-box .contact-title {font-size: 13px;}
    .main-content .inner .shape-main .shape-col.contact-info .contact-box .number {padding: 2px 0 3px 0;}
    .main-content .inner .bottom-btn-group button.nextbtn {padding: 10px 15px;min-width: inherit;font-size: 20px;width: 100%;}
    .main-content .inner .bottom-btn-group button.prevtab {padding: 9px 18px; font-size: 20px;}
    .main-content .inner .full-shape img {max-width: 90%;}
    .measurement-form .step2-img {padding: 10px;}
    .corners-summary button.nextbtn {font-size: 20px; padding: 12px;}
    .main-content .inner .bottom-btn-group button.btn-grey {padding: 9px 18px; font-size: 19px;}
    .ladder-info .ladder-summary {margin: 10px 0 0 0; background: #fff;}
    .poolShape-total-details .toggle_div .product-summary ul li {font-size: 12px; line-height: 17px;}
    .poolShape-total-details .toggle_div .toggle-text {padding: 3px 15px; font-size: 14px;}
    .poolShape-total-details .toggle_div .toggle-text .fa {font-size: 16px;}
    .pool-products-summary .bottom-info ul {font-size: 13px;}
    .main-content .inner .bottom-btn-group {position: fixed;bottom: 0;width: 100%;z-index: 9;}
    .contactform .btn-success { min-width: unset; width: 78%; font-size: 20px;padding: 11px 0; }
    .contactform .btn-primary { max-width: unset; width: 18%; font-size: 20px;padding: 10px 0;  }
    .contactform .form-group:nth-child(5) { display: none;}
    .ladder-summary .ld-thumb {height: 230px;width: 250px;}
    .ladder-summary .ld-thumb ul.radio-group li:nth-child(1) {left: 67px;top: 25px;}
    .ladder-summary .ld-thumb ul.radio-group li:nth-child(2) {right: 66px;top: 25px;}
    .ladder-summary .ld-thumb ul.radio-group li:nth-child(3) {right: -10px;top: 87px;}
    .ladder-summary .ld-thumb ul.radio-group li:nth-child(4) {right: -10px;bottom: 59px;}
    .ladder-summary .ld-thumb ul.radio-group li:nth-child(5) {right: 66px; bottom: -5px;}
    .ladder-summary .ld-thumb ul.radio-group li:nth-child(6) {left: 67px; bottom: -5px;}
    .ladder-summary .ld-thumb ul.radio-group li:nth-child(7) {left: -10px;bottom: 59px;}
    .ladder-summary .ld-thumb ul.radio-group li:nth-child(8) {left: -10px;top: 86px;}
    .poolShape-total-details .toggle_div .product-summary ul {padding: 10px 25px;}
    .poolShape-total-details .toggle_div .toggle-text {padding: 4px 25px;}
    .main-content .inner .tab-content .tab-pane { overflow-y: scroll !important; }
    .Contáctenos_mantas_app { overflow-y: scroll !important; margin-top: 30px; }
    .Contáctenos_mantas_app .inner .contact-title { position: fixed; top: 0; width: 100%; text-align: center; }
}

@media screen and (max-width: 400px) {
    .pool-products-summary .pt-img img {height: 220px;}
    .corners-summary button.nextbtn {min-width: inherit;}
    .contactform .btn-success {min-width: 190px; font-size: 18px;padding: 10px 0;}
    .contactform .btn-primary {max-width: 94px;font-size: 18px;padding: 9px 0;}
}
.showError {
    width: 100%;
    text-align: center;
}