body { margin:0; padding:0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #474747; }
.woocommerce-message {
    background: #dff0d8;
    color: #3c763d;
    padding: 10px 20px;
    border-left: 4px solid #3c763d;
    margin: 20px 0;
    position: relative;
}
#fullPageLoader {
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

#fullPageLoader .loader-overlay {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#fullPageLoader img {
    width: 60px;
    height: 60px;
}
.hidden{display:none !important;}
#product-tabs iframe{ width: 100%; }
.itpl-dpc-wapper .bottom-20 { margin-bottom: 20px; }
.itpl-dpc-wapper a { color: #00a5f1; text-decoration: none; }
.itpl-dpc-wapper .ui-widget-content a:link { color: #0e3b69; text-decoration: none; }
.itpl-dpc-wapper a.hover,.itpl-dpc-wapper a:focus, .itpl-dpc-wapper a:hover { text-decoration: none; }
.itpl-dpc-wapper a.green { color: #43bd02; }
.itpl-dpc-wapper a.green:hover, .itpl-dpc-wapper a.green:active, .itpl-dpc-wapper a.green:focus { color: #43bd02; }
.itpl-dpc-wapper .green { color: #038600; }
.itpl-dpc-wapper .red { color: #f2300a; }
.itpl-dpc-wapper .underline { text-decoration: underline!important; }
.itpl-dpc-wapper a.green {
	color: #43bd02
}
.itpl-dpc-wapper a.green:hover, .itpl-dpc-wapper a.green:active, .itpl-dpc-wapper a.green:focus {
	color: #43bd02
}
.itpl-dpc-wapper .green {
	color: #038600
}
.itpl-dpc-wapper .red {
	color: #f2300a
}
.itpl-dpc-wapper .underline {
	text-decoration: underline!important
}
.itpl-dpc-wapper .top-5 {
	margin-top: 5px
}
.itpl-dpc-wapper .top-10 {
	margin-top: 10px
}
.itpl-dpc-wapper .top-20 {
	margin-top: 20px
}
.itpl-dpc-wapper .top-30 {
	margin-top: 30px
}
.itpl-dpc-wapper .top-40 {
	margin-top: 40px
}
.itpl-dpc-wapper .bottom-10 {
	margin-bottom: 10px
}
.itpl-dpc-wapper .bottom-20 {
	margin-bottom: 20px
}
.itpl-dpc-wapper .bottom-30 {
	margin-bottom: 30px
}
.itpl-dpc-wapper .bottom-40 {
	margin-bottom: 40px
}
.itpl-dpc-wapper .left-5 {
	margin-left: 5px
}
.itpl-dpc-wapper .left-25 {
	padding-left: 30px
}
.itpl-dpc-wapper .right-25 {
	padding-right: 25px
}
.itpl-dpc-wapper .top-border {
	border-top: 1px solid #e8e8e8
}
.itpl-dpc-wapper .no-padding {
	padding: 0!important
}

.dpc-wapper{
	margin-bottom: 20px;
	margin-top: 5px;
	position: relative;
}
.itpl-dpc-wapper .bread-crumb { color: #656565; padding-top: 10px; padding-bottom: 5px; }
.itpl-dpc-wapper .bread-crumb a {font-size: 14px; font-weight: 600; line-height: 100%; color: #656565; text-decoration: none; display: inline-block; vertical-align: middle; }
.itpl-dpc-wapper .bread-crumb img { height: 18px; vertical-align: middle; margin: 0 8px; }
.itpl-dpc-wapper .page-title { border: 1px solid #e6e6e6; padding: 11px 20px;  margin-top: 10px; }
.itpl-dpc-wapper .page-title h1 {
	padding: 0;
	margin: 0;
	font-weight: 700;
	color: #77c102;
	font-size: 26px;
	font-family: "Open Sans";
}
.itpl-dpc-wapper .product-detail { margin-top: 20px;width: 100%; }
.itpl-dpc-wapper .product-detail-inner { max-width: 1010px; margin: 0 auto !important; }
/* image slider & zoom effect */
.itpl-dpc-wapper #img-product-slider { position: relative; }
.itpl-dpc-wapper #img-product-slider .owl-item img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.itpl-dpc-wapper #img-product-thumbs { padding: 0 50px; }
.itpl-dpc-wapper #img-product-thumbs .owl-item img {
	padding: 7px;
	border: solid 2px #dedede;
	width: 90%;
	display: block;
	border-radius: 7px;
	cursor: pointer;
	margin: 0 auto;
}
.itpl-dpc-wapper #fotorama a.zoom {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/Zoom-icon.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	bottom: 20%;
	right: 15px;
	z-index: 99;
}
.itpl-dpc-wapper #img-product-thumbs .owl-nav div {
	border-radius: 0;
	color: #afafaf;
	display: inline-block;
	font-size: 40px;
	opacity: 1;
	padding: 0;
	line-height: 48px;
	position: absolute;
}
.itpl-dpc-wapper #img-product-thumbs .owl-nav .owl-prev {
	border-radius: 0;
	left: 0;
	margin: 0;
	top: 50%;
	margin-top: -24px;
}
.itpl-dpc-wapper #img-product-thumbs .owl-nav .owl-next {
	border-radius: 0;
	margin: 0;
	top: 50%;
	right: 0;
	margin-top: -24px;
}
#cboxOverlay {
	position: fixed !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
}
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
#cboxContent {
	background: #fff;
	position: relative;
	padding: 10px;
	box-shadow: #000;
	-webkit-box-shadow: -1px 0 10px 1px rgb(0 0 0 / .2);
	-moz-box-shadow: -1px 0 10px 1px rgb(0 0 0 / .2);
	box-shadow: -1px 0 10px 1px rgb(0 0 0 / .2);
}
#cboxLoadedContent, #cboxContent {
	overflow: hidden !important;
	height: auto !important;
}
#cboxOverlay {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMkU3ODkwRTc2RjlFNDExQjE5NUNBRjUyOEVGODQwRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMzM3NjU0REZBMjYxMUU0QTQ5NUExNUNFQUIwNUZDNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMzM3NjU0Q0ZBMjYxMUU0QTQ5NUExNUNFQUIwNUZDNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY4MDkwMUU5OTRGOUU0MTFCMTk1Q0FGNTI4RUY4NDBGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIyRTc4OTBFNzZGOUU0MTFCMTk1Q0FGNTI4RUY4NDBGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UeK26gAAAA9JREFUeNpiYGBgmAkQYAAAngCaoMXLCwAAAABJRU5ErkJggg==) repeat 0 0;
	opacity: .9;
	filter: alpha(opacity=90);
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	height: auto !important;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}
#cboxClose {
	position: absolute;
	top: 0px;
	right:0px;
	background: url(../img/close-icon.png) no-repeat;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	z-index: 10100;
	border: 0;
}
#cboxPrevious,#cboxNext {
	position: absolute;
	top: 50%;
	height: 40px;
	width: 40px;
	text-align: center;
	background: none;
	line-height: 40px;
	z-index: 1000;
	font-size: 0;
	text-indent: 0;
	margin: -20px 10px 0 10px;
	border: 0;
}
#cboxNext {
	right: 0;
	left: inherit
}
#cboxPrevious {
	left: 0
}
#cboxPrevious:after,#cboxNext:after {
	display: inline-block;
	font: normal normal normal 14px/100% FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f053";
	font-size: 40px;
	color: #fff;
	text-shadow: 0 0 6px rgb(0 0 0 / .33);
	border: 0;
}
#cboxNext:after {
	content: "\f054"
}
#cboxPrevious:hover:after,#cboxNext:hover:after {
	color: #0188e3
}
/* image slider & zoom effect end */

/* right side css start */
.itpl-dpc-wapper .product-side {
	text-align: center;
	margin-bottom: 50px;
}
.itpl-dpc-wapper .product-price {
	font-size: 16px;
	font-weight: 700;
}
.itpl-dpc-wapper span.free-ship {
	font-size: 18px;
	margin-bottom: 10px;
	display: block;
	margin: 0 auto 8px auto;
	max-width: 360px;
	padding: 0 30px 0 0;
	color: #0a0;
	text-align: left;
}
.itpl-dpc-wapper .click-colllection { margin-bottom: 20px; }
.itpl-dpc-wapper .product-detail .price {
	font-size: 48px;
	font-weight: 700;
	display: block;
	max-width: 360px;
	margin: 0 auto 3px auto;
	padding: 0 30px 0 0;
	line-height: 100%;
}
.itpl-dpc-wapper .product-detail .price.click-collect-1 span, .itpl-dpc-wapper .product-detail .price.click-collect-2 span {
	font-size: 14px;
	font-weight: 700;
	display: block;
	max-width: 360px;
	line-height: 100%;
	padding: 3px 0;
	text-align: left;
}
.itpl-dpc-wapper .product-detail .click-collect-1 img, .itpl-dpc-wapper .product-detail .click-collect-2 img {
	width: 18px;
	margin: 0 3px;
}
.itpl-dpc-wapper .btn-green-gradient {
	background: #84c400;
	background: -moz-linear-gradient(top,rgb(132 196 0) 0%,rgb(86 164 17) 100%);
	background: -webkit-linear-gradient(top,rgb(132 196 0) 0%,rgb(86 164 17) 100%);
	background: linear-gradient(to bottom,rgb(132 196 0) 0%,rgb(86 164 17) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c400',endColorstr='#56a411',GradientType=0);
	border: solid 1px #84c400;
	border-bottom: solid 2px #508810;
	color: #fff;
	font-weight: 700;
	box-shadow: inset 0 1px 1px 0 rgb(255 255 255 / .41);
	text-shadow: 1px 1px 1px rgb(0 0 0 / .28)!important;
	border-radius: 7px;
	padding: 5px 12px;
	line-height: 20px
}
.itpl-dpc-wapper .btn-green-gradient:hover {
	color: #fff
}
.itpl-dpc-wapper a.large-green {
	width: 100%;
	padding: 10px 15px;
	font-size: 1.2em;
	text-shadow: none;
	position: relative;
	margin: 4px 0;
}
.itpl-dpc-wapper .product-side .btn {
	width: 100%;
	max-width: 360px;
	white-space: inherit;
	text-align: center !important;
	line-height: 135%;
	margin: 0 auto 5px auto !important;
	display: block;
}
.itpl-dpc-wapper .btn.beat-quote-btn {
	white-space: normal;
	max-width: 360px;
	padding-right: 68px;
	padding-left: 20px;
}
.itpl-dpc-wapper .large-green span {
	display: inline-block;
	text-align: right;
	margin: 0 0 0 10px;
	font-size: 3em;
	position: absolute;
	top: 10px;
}
.itpl-dpc-wapper a.btn.beat-quote-btn span {
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
	position: inherit;
	top: 0;
	line-height: 100%;
}
.itpl-dpc-wapper a.btn.beat-quote-btn img {
	position: absolute;
	right: 0;
	padding-right: 15px;
	height: 45px;
	width: auto !important;
	top: 15px;
}
.itpl-dpc-wapper .btn-blue-gradient {
	color: #ffffff!important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#02aff1),color-stop(1,#0380dd));
	background-image: -o-linear-gradient(bottom,#02aff1 0%,#0380dd 100%);
	background-image: -moz-linear-gradient(bottom,#02aff1 0%,#0380dd 100%);
	background-image: -webkit-linear-gradient(bottom,#02aff1 0%,#0380dd 100%);
	background-image: -ms-linear-gradient(bottom,#02aff1 0%,#0380dd 100%);
	background-image: linear-gradient(to bottom,#02aff1 0%,#0380dd 100%);
	border-radius: 7px;
	border: 0;
	font-size: 34px!important;
	font-weight: 700;
	line-height: 60px!important
}
.itpl-dpc-wapper .large-cart {
	width: 100%;
	padding: 1px 20px;
	font-size: 38px;
	position: relative;
	vertical-align: middle;
	max-width: 360px;
	color: #eee;
}
.itpl-dpc-wapper .large-cart span, .itpl-dpc-wapper .small-cart span {
	display: inline-block;
	text-align: right;
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
	vertical-align: baseline;
	line-height: 50%;
	border-left: 1px solid rgb(255 255 255 / 50%);
	top: 7px;
	position: relative;
}
.itpl-dpc-wapper .large-cart span .svg-icon, .itpl-dpc-wapper .small-cart span .svg-icon { font-size: 42px; }
.itpl-dpc-wapper .svg-icon { width: 1em; height: 1em; }
/* right side css end */

/* pool-area css start */
.itpl-dpc-wapper .product-detail-inner, .itpl-dpc-wapper .page-inner { max-width: 1010px; margin: 0 auto !important; }
.itpl-dpc-wapper .top-border { border-top: 1px solid #e8e8e8; }
.itpl-dpc-wapper .cover-section { text-align: left; margin: 0 -15px; padding: 30px 15px 10px 60px; }
.itpl-dpc-wapper h3.cover-section-title {
	font-size: 24px;
	font-weight: 700;
	padding: 0 15px;
	margin: 0 0 1em 0;
	color: #333;
}
.itpl-dpc-wapper .red { color: red; }
.itpl-dpc-wapper div#pool-count {
	margin-top: 0;
}
.itpl-dpc-wapper #pool-count .control-label {
	text-align: left;
	font-size: 18px;
	padding-top: 0;
	font-weight: 700;
}
.itpl-dpc-wapper #pool-count select.form-control {
	max-width: 300px;
	padding: 3px 10px;
	border-radius: 0;
	font-size: 20px;
	box-shadow: none;
	border: solid 2px #ddd;
	line-height: 1.2;
	min-height: 100%;
}
.itpl-dpc-wapper #pool-count .form-group { margin-bottom:14px !important; }
.itpl-dpc-wapper div#pool-count #stepBlock{
    margin-top:14px;
}

.itpl-dpc-wapper .pool-content { float: left; }
.itpl-dpc-wapper .pool-area { display: none; font-size: 11px; }
.itpl-dpc-wapper #pool-area-1 { margin-bottom: 20px; }
.itpl-dpc-wapper #pool-area-1 .clear { clear: both; }
.itpl-dpc-wapper #pool-area-1 div.height {
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 3px 0;
	float: left;
	text-align: center;
	margin-top: -2px
}
.itpl-dpc-wapper #pool-area-1 div.height table { padding: 0; margin: 0; }
.itpl-dpc-wapper #pool-area-1 div.height table td { vertical-align: middle; }
.itpl-dpc-wapper #pool-area-1 div.height div { height: 14px; position: relative; }
.itpl-dpc-wapper #pool-area-1 div.height span {
	right: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: right;
	width: 40px
}
.itpl-dpc-wapper #pool-area-1 div.out-height {
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 1px 0;
	float: left;
	text-align: center;
	margin-top: 12px;
	margin-left: -3px
}
.itpl-dpc-wapper #pool-area-1 div.out-height table { padding: 0; margin: 0; }
.itpl-dpc-wapper #pool-area-1 div.out-height table td { vertical-align: middle; }
.itpl-dpc-wapper #pool-area-1 div.out-height div { height: 14px; position: relative; }
.itpl-dpc-wapper #pool-area-1 div.out-height span {
	left: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: left;
	width: 40px
}
.itpl-dpc-wapper #pool-area-1 div.pool {
	border: solid 2px #069;
	background: #6CC;
	float: left;
	margin-left: 1px;
	margin-top: -2px;
	position: relative;
	z-index: 99
}
.itpl-dpc-wapper #pool-area-1 div.width {
	clear: both;
	padding-top: 1px;
	margin-left: 12px;
	position: relative;
	text-align: center
}
.itpl-dpc-wapper #pool-area-1 div.width div.inside {
	height: 10px;
	width: 100%;
	padding: 0 1px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	text-align: center
}
.itpl-dpc-wapper #pool-area-1 div.width .abs { width: 100%; position: absolute; top: 2px; left: 0; text-align: center; }
.itpl-dpc-wapper #pool-area-1 div.width span {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #FFF;
	padding: 0 3px;
	text-align: center
}
.itpl-dpc-wapper #pool-area-1 .side { margin-right: 4px; }
.itpl-dpc-wapper #pool-area-1 .side .width-side {
	float: right;
	padding-bottom: 1px;
	position: relative;
	text-align: center;
	padding-right: 4px
}
.itpl-dpc-wapper #pool-area-1 .side .width-side div.inside {
	height: 10px;
	width: 100%;
	padding: 0 1px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 1px #999
}
.itpl-dpc-wapper #pool-area-1 div.width-side .abs {
	width: 100%;
	position: absolute;
	top: -9px;
	left: 0;
	text-align: center
}
.itpl-dpc-wapper #pool-area-1 .side .width-side span {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #FFF;
	padding: 0 3px;
	text-align: center
}
.itpl-dpc-wapper #pool-area-1 .side .pool-side {
	border: solid 2px #069;
	border-bottom: 0;
	background: #6CC;
	float: right;
	margin-left: 1px;
	position: relative;
	z-index: 100
}
.itpl-dpc-wapper #pool-area-1 .side .height-side { float: right }
.itpl-dpc-wapper #pool-area-1 div.height-side {
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 1px 0;
	float: right;
	text-align: center;
	margin-top: 0
}
.itpl-dpc-wapper #pool-area-1 div.height-side table { padding: 0; margin: 0 }
.itpl-dpc-wapper #pool-area-1 div.height-side table td { vertical-align: middle }
.itpl-dpc-wapper #pool-area-1 div.height-side div { height: 14px; position: relative }
.itpl-dpc-wapper #pool-area-1 div.height-side span {
	right: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: right;
	width: 40px
}
.itpl-dpc-wapper #pool-area-2 { margin-bottom: 20px }
.itpl-dpc-wapper #pool-area-2 .clear { clear: both }
.itpl-dpc-wapper #pool-area-2 div.height {
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 3px 0;
	float: left;
	text-align: left;
	margin-top: -2px;
	margin-left: 1px
}
.itpl-dpc-wapper #pool-area-2 div.height table { padding: 0; margin: 0 }
.itpl-dpc-wapper #pool-area-2 div.height table td { vertical-align: middle }
.itpl-dpc-wapper #pool-area-2 div.height div { height: 14px; position: relative }
.itpl-dpc-wapper #pool-area-2 div.height span {
	left: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: left;
	width: 40px
}
.itpl-dpc-wapper #pool-area-2 div.out-height {
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 1px 0;
	float: left;
	text-align: center;
	margin-top: 12px;
	margin-left: 0
}
.itpl-dpc-wapper #pool-area-2 div.out-height table { padding: 0; margin: 0 }
.itpl-dpc-wapper #pool-area-2 div.out-height table td { vertical-align: middle }
.itpl-dpc-wapper #pool-area-2 div.out-height div { height: 14px; position: relative }
.itpl-dpc-wapper #pool-area-2 div.out-height span {
	right: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: right;
	width: 40px
}
.itpl-dpc-wapper #pool-area-2 div.pool {
	border: solid 2px #069;
	background: #6CC;
	float: left;
	margin-left: 1px;
	margin-top: -2px;
	position: relative;
	z-index: 99
}
.itpl-dpc-wapper #pool-area-2 div.width {
	clear: both;
	padding-top: 1px;
	margin-left: 1px;
	position: relative;
	text-align: center
}
.itpl-dpc-wapper #pool-area-2 div.width div.inside {
	height: 10px;
	width: 100%;
	padding: 0 1px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	text-align: center
}
.itpl-dpc-wapper #pool-area-2 div.width .abs {
	width: 100%;
	position: absolute;
	top: 2px;
	left: 0;
	text-align: center
}
.itpl-dpc-wapper #pool-area-2 div.width span {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #FFF;
	padding: 0 3px;
	text-align: center
}
.itpl-dpc-wapper #pool-area-2 .side .width-side {
	float: left;
	padding-bottom: 1px;
	position: relative;
	text-align: center;
	margin-left: 2px
}
.itpl-dpc-wapper #pool-area-2 .side .width-side div.inside {
	height: 10px;
	width: 100%;
	padding: 0 1px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 1px #999
}
.itpl-dpc-wapper #pool-area-2 div.width-side .abs {
	width: 100%;
	position: absolute;
	top: -9px;
	left: 0;
	text-align: center
}
.itpl-dpc-wapper #pool-area-2 .side .width-side span {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #FFF;
	padding: 0 3px;
	text-align: center
}
.itpl-dpc-wapper #pool-area-2 .side .pool-side {
	border: solid 2px #069;
	border-bottom: 0;
	background: #6CC;
	float: left;
	margin-left: 1px;
	position: relative;
	z-index: 100
}
.itpl-dpc-wapper #pool-area-2 .side .height-side { float: left }
.itpl-dpc-wapper #pool-area-2 div.height-side {
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 1px 0;
	float: left;
	text-align: center;
	margin-top: 0;
	margin-left: 1px
}
.itpl-dpc-wapper #pool-area-2 div.height-side table { padding: 0; margin: 0 }
.itpl-dpc-wapper #pool-area-2 div.height-side table td { vertical-align: middle }
.itpl-dpc-wapper #pool-area-2 div.height-side div { height: 14px; position: relative }
.itpl-dpc-wapper #pool-area-2 div.height-side span {
	left: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: left;
	width: 40px
}
.itpl-dpc-wapper #pool-area-3 { margin-bottom: 20px }
.itpl-dpc-wapper #pool-area-3 .clear { clear: both }
.itpl-dpc-wapper #pool-area-3 div.height {
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 1px 0;
	float: left;
	text-align: left;
	margin-top: 1px;
	margin-left: 1px
}
.itpl-dpc-wapper #pool-area-3 div.height table { padding: 0; margin: 0 }
.itpl-dpc-wapper #pool-area-3 div.height table td { vertical-align: middle; }
.itpl-dpc-wapper #pool-area-3 div.height div { height: 14px; position: relative; }
.itpl-dpc-wapper #pool-area-3 div.height span {
	left: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: left;
	width: 40px
}
.itpl-dpc-wapper #pool-area-3 div.out-height {
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 1px 0;
	float: left;
	text-align: center;
	margin-top: 12px
}
.itpl-dpc-wapper #pool-area-3 div.out-height table { padding: 0; margin: 0 }
.itpl-dpc-wapper #pool-area-3 div.out-height table td { vertical-align: middle }
.itpl-dpc-wapper #pool-area-3 div.out-height div { height: 14px; position: relative }
.itpl-dpc-wapper #pool-area-3 div.out-height span {
	right: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: right;
	width: 40px
}
.itpl-dpc-wapper #pool-area-3 div.pool {
	border: solid 2px #069;
	border-top: 0;
	background: #6CC;
	float: left;
	margin-left: 1px;
	margin-top: -2px;
	position: relative;
	z-index: 101
}
.itpl-dpc-wapper #pool-area-3 div.width {
	clear: both;
	padding-top: 1px;
	margin-left: 1px;
	position: relative;
	text-align: center
}
.itpl-dpc-wapper #pool-area-3 div.width div.inside {
	height: 10px;
	width: 100%;
	padding: 0 1px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	text-align: center
}
.itpl-dpc-wapper #pool-area-3 div.width .abs {
	width: 100%;
	position: absolute;
	top: 2px;
	left: 0;
	text-align: center
}
.itpl-dpc-wapper #pool-area-3 div.width span {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #FFF;
	padding: 0 3px;
	text-align: center
}
.itpl-dpc-wapper #pool-area-3 .side .width-side {
	float: left;
	padding-bottom: 1px;
	position: relative;
	text-align: center;
	margin-left: 1px
}
.itpl-dpc-wapper #pool-area-3 .side .width-side div.inside {
	height: 10px;
	width: 100%;
	padding: 0 1px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 1px #999
}
.itpl-dpc-wapper #pool-area-3 div.width-side .abs {
	width: 100%;
	position: absolute;
	top: -9px;
	left: 0;
	text-align: center
}
.itpl-dpc-wapper #pool-area-3 .side .width-side span {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #FFF;
	padding: 0 3px;
	text-align: center
}
.itpl-dpc-wapper #pool-area-3 .side .pool-side {
	border: solid 2px #069;
	background: #6CC;
	float: left;
	margin-left: 1px;
	position: relative;
	z-index: 100
}
.itpl-dpc-wapper #pool-area-3 .side .height-side { float: left }
.itpl-dpc-wapper #pool-area-3 div.height-side {
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 3px 0;
	float: left;
	text-align: center;
	margin-top: 0;
	margin-left: 1px
}
.itpl-dpc-wapper #pool-area-3 div.height-side table { padding: 0; margin: 0 }
.itpl-dpc-wapper #pool-area-3 div.height-side table td { vertical-align: middle }
.itpl-dpc-wapper #pool-area-3 div.height-side div { height: 14px; position: relative; }
.itpl-dpc-wapper #pool-area-3 div.height-side span {
	left: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: left;
	width: 40px
}
.itpl-dpc-wapper #pool-area-4 { margin-bottom: 20px; }
.itpl-dpc-wapper #pool-area-4 .clear { clear: both; }
.itpl-dpc-wapper #pool-area-4 div.height {
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 0 0;
	float: right;
	text-align: center;
	margin-top: 2px
}
.itpl-dpc-wapper #pool-area-4 div.height table { padding: 0; margin: 0; }
.itpl-dpc-wapper #pool-area-4 div.height table td { vertical-align: middle; }
.itpl-dpc-wapper #pool-area-4 div.height div { height: 14px; position: relative; }
.itpl-dpc-wapper #pool-area-4 div.height span {
	right: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: right;
	width: 40px
}
.itpl-dpc-wapper #pool-area-4 div.out-height {
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 1px 0;
	float: left;
	text-align: center;
	margin-top: 12px;
	margin-left: 1px
}
.itpl-dpc-wapper #pool-area-4 div.out-height table { padding: 0; margin: 0; }
.itpl-dpc-wapper #pool-area-4 div.out-height table td { vertical-align: middle; }
.itpl-dpc-wapper #pool-area-4 div.out-height div { height: 14px; position: relative; }
.itpl-dpc-wapper #pool-area-4 div.out-height span {
	left: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: left;
	width: 40px
}
.itpl-dpc-wapper #pool-area-4 div.pool {
	border: solid 2px #069;
	border-top: 0;
	background: #6CC;
	float: right;
	margin-right: 0;
	margin-top: -2px;
	position: relative;
	z-index: 101;
	margin-left: 1px
}
.itpl-dpc-wapper #pool-area-4 div.width {
	clear: both;
	padding-top: 1px;
	margin-right: 4px;
	position: relative;
	text-align: center;
	float: right
}
.itpl-dpc-wapper #pool-area-4 div.width div.inside {
	height: 10px;
	width: 100%;
	padding: 0 1px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	text-align: center
}
.itpl-dpc-wapper #pool-area-4 div.width .abs {
	width: 100%;
	position: absolute;
	top: 2px;
	left: 0;
	text-align: center
}
.itpl-dpc-wapper #pool-area-4 div.width span {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #FFF;
	padding: 0 3px;
	text-align: center
}
.itpl-dpc-wapper #pool-area-4 .side .width-side {
	float: right;
	padding-bottom: 1px;
	position: relative;
	text-align: center;
	padding-right: 4px
}
.itpl-dpc-wapper #pool-area-4 .side .width-side div.inside {
	height: 10px;
	width: 100%;
	padding: 0 1px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 1px #999
}
.itpl-dpc-wapper #pool-area-4 div.width-side .abs {
	width: 100%;
	position: absolute;
	top: -9px;
	left: 0;
	text-align: center
}
.itpl-dpc-wapper #pool-area-4 .side .width-side span {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #FFF;
	padding: 0 3px;
	text-align: center
}
.itpl-dpc-wapper #pool-area-4 .side .pool-side {
	border: solid 2px #069;
	background: #6CC;
	float: right;
	margin-left: 1px;
	position: relative;
	z-index: 100
}
.itpl-dpc-wapper #pool-area-4 .side .height-side { float: right; }
.itpl-dpc-wapper #pool-area-4 div.height-side {
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: middle;
	width: 10px;
	padding: 3px 0;
	float: right;
	text-align: center;
	margin-top: 0
}
.itpl-dpc-wapper #pool-area-4 div.height-side table { padding: 0; margin: 0 }
.itpl-dpc-wapper #pool-area-4 div.height-side table td { vertical-align: middle }
.itpl-dpc-wapper #pool-area-4 div.height-side div { height: 14px; position: relative }
.itpl-dpc-wapper #pool-area-4 div.height-side span {
	right: 5px;
	top: 0;
	background: #FFF;
	position: absolute;
	text-align: right;
	width: 40px
}

/* step 2 css start */
.itpl-dpc-wapper .chose-prefered .chose-images {
	float: left;
	width: 115px;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}
.itpl-dpc-wapper .chose-prefered .chose-images a {
	display: block
}
.itpl-dpc-wapper .chose-prefered .chose-images:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f00e";
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 10px;
	font-size: 30px;
	color: #fff;
	text-shadow: 0 0 4px rgb(0 0 0 / .2);
	pointer-events: none
}
.itpl-dpc-wapper .chose-prefered:after {
	content: '';
	display: table;
	width: 100%;
	margin-bottom: 20px
}
.itpl-dpc-wapper .chose-prefered .chose-detail {
	margin-left: 130px;
	padding-left: 30px;
	font-family: "Source Sans 3";
	font-display: swap;
	font-size: 22px;
	color: #474747;
	position: relative;
	line-height: 120%
}
.itpl-dpc-wapper div#pool-count {
	margin-top: 0
}
.itpl-dpc-wapper .chose-prefered .chose-detail input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px
}
.itpl-dpc-wapper .chose-prefered .chose-detail p.price {
	color: #333334;
	font-size: 20px;
	margin-bottom: 0;
	font-family: "Source Sans 3";
	font-weight: 700;
}
.itpl-dpc-wapper .chose-prefered .chose-detail p.price .price.red{
    font-weight: 700;
}
.itpl-dpc-wapper .chose-prefered .chose-detail label {
	font-size: 22px;
	color: #474747;
	position: relative;
	line-height: 120%;
	font-family: "Source Sans 3";
}

/* product-tabs css start */
.itpl-dpc-wapper #product-tabs ul.tab-items {
	background: none;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 2px solid #d1d1d1;
	padding-left: 0;
	font-size: 0
}
.itpl-dpc-wapper #product-tabs ul.tab-items li {
	border: none;
	background: #fff;
	background: -moz-linear-gradient(top,#ffffff 0%,#e5e5e5 100%);
	background: -webkit-linear-gradient(top,#ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,#ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e5e5e5',GradientType=0);
	color: #000;
	border-bottom: solid 2px #d1d1d1;
	display: inline-block;
	border-radius: 5px 5px 0 0;
	margin: 0 6px -2px 0;
	font-size: 18px
}
.itpl-dpc-wapper #product-tabs ul.tab-items li a {
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
	color: #333;
	padding: 10px 20px;
	border-radius: 5px 5px 0 0;
	outline: none!important
}
.itpl-dpc-wapper #product-tabs ul.tab-items li a:focus,#product-tabs ul.tab-items li a span,#product-tabs ul.tab-items li a span:focus {
	outline: none!important
}
.itpl-dpc-wapper div#product-thumbs {
	padding: 0 60px 0 60px;
	margin-top: 30px
}
.itpl-dpc-wapper div#product-thumbs .item {
	border-radius: 10px;
	border: solid 2px #dedede;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	padding: 7px
}
.itpl-dpc-wapper div#product-thumbs .item:hover {
	border-color: #77c102
}
.itpl-dpc-wapper #product-tabs ul.tab-items li.active {
	background: #eee
}
.itpl-dpc-wapper #product-tabs ul.tab-items li.active a {
	color: #333
}
.itpl-dpc-wapper #product-tabs ul.tab-items li.ui-tabs-active {
	background: #90d603;
	background: -moz-linear-gradient(top,rgb(144 214 3) 0%,rgb(52 136 10) 100%);
	background: -webkit-linear-gradient(top,rgb(144 214 3) 0%,rgb(52 136 10) 100%);
	background: linear-gradient(to bottom,rgb(144 214 3) 0%,rgb(52 136 10) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90d603',endColorstr='#34880a',GradientType=0);
	display: inline-block;
	border-radius: 5px 5px 0 0;
	margin: 0 6px -2px 0;
	font-size: 18px
}
.itpl-dpc-wapper #product-tabs ul.tab-items li.ui-tabs-active a {
	color: #fff;
	padding-bottom: 7px
}
.itpl-dpc-wapper #product-tabs ul.tab-items li.ui-tabs-selected a {
	background: #ededed;
	color: #000
}
.itpl-dpc-wapper #product-tabs ul.tab-items li.ui-tabs-selected span {
	background: -webkit-linear-gradient(top,#9ad82a 11%,#5ca61e 73%,#41941a 100%);
	background: -o-linear-gradient(top,#9ad82a 11%,#5ca61e 73%,#41941a 100%);
	background: -ms-linear-gradient(top,#9ad82a 11%,#5ca61e 73%,#41941a 100%);
	background: -moz-linear-gradient(top,#9ad82a 11%,#5ca61e 73%,#41941a 100%);
	background: linear-gradient(to bottom,#9ad82a 11%,#5ca61e 73%,#41941a 100%)
}
.itpl-dpc-wapper #product-tabs .ui-tabs-hide {
	display: none
}
.itpl-dpc-wapper #product-tabs .ui-tabs-panel {
	clear: both;
	padding: 10px 0
}
.itpl-dpc-wapper #product-tabs .ui-widget-content {
	border: none!important
}
.itpl-dpc-wapper #product-tabs .ui-widget {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-display: swap
}
.itpl-dpc-wapper #product-tabs p { 
    position:relative;
    margin-bottom:15px;
}
.itpl-dpc-wapper #product-tabs #Measuring .iframe-frame iframe, #product-tabs #Installation .iframe-frame iframe {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.itpl-dpc-wapper #product-tabs p.iframe-frame:after {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.itpl-dpc-wapper .svg-icon path, .itpl-dpc-wapper .svg-icon polygon, .itpl-dpc-wapper .svg-icon rect {
	fill: #fff;
}

.itpl-dpc-wapper #product-tabs table{border:none;}
.itpl-dpc-wapper #product-tabs table tr,
.itpl-dpc-wapper #product-tabs table th,
.itpl-dpc-wapper #product-tabs table td{
    border:none;
    padding:0px;
}

@media (max-width: 1199px) {
	.itpl-dpc-wapper .product-price { font-size: 14px; }
}
@media (max-width: 992px) {
	.itpl-dpc-wapper .cover-section { padding: 15px; }
	.itpl-dpc-wapper a.btn.beat-quote-btn span { font-size: 18px; }
	.itpl-dpc-wapper .btn-blue-gradient { font-size: 24px !important; }
	.itpl-dpc-wapper .product-side .btn.large-cart { font-size: 24px; text-align: left !important; line-height: 50px; }
	.itpl-dpc-wapper .product-side .large-cart span { float: right; }
	.itpl-dpc-wapper #product-tabs ul.tab-items li a { padding: 7px 10px; font-size: 14px; }
}
@media (max-width: 767px) {
	.itpl-dpc-wapper .cover-section { padding-left: 10px; }
	.itpl-dpc-wapper #fotorama { margin-bottom: 30px; }
}
@media (max-width: 600px) {
	.itpl-dpc-wapper .form-control, .itpl-dpc-wapper .form-horizontal .control-label { font-size: 16px !important; }
	#product-tabs ul.tab-items li a { padding: 5px !important; font-size: 12px !important; }
}
@media screen and (max-width: 480px) {
	.itpl-dpc-wapper .page-title { width: calc(100% - 20px); margin-left: 10px; }
	.itpl-dpc-wapper .page-title h1, .itpl-dpc-wapper .page-head h2 { font-size: 20px; }
	.itpl-dpc-wapper a.btn.beat-quote-btn span { font-size: 17px; }
	.itpl-dpc-wapper .product-side .large-cart span, .itpl-dpc-wapper .cover-section .btn.large-cart span { float: none; padding: 5px 0 5px 10px; background-size: auto 50px; }
	.itpl-dpc-wapper .product-side .btn.large-cart, .itpl-dpc-wapper .cover-section .btn.large-cart { font-size: 18px; text-align: center !important; }
	.itpl-dpc-wapper .chose-prefered .chose-images { float: none; width: 100%; }
	.itpl-dpc-wapper .chose-prefered .chose-detail { margin-left: 0; padding: 0 0 0 30px; font-size: 16px; }
	.itpl-dpc-wapper .chose-prefered .chose-detail label { font-size: 16px; }
	.itpl-dpc-wapper .chose-prefered .chose-images img{ width: 100%; }
	.itpl-dpc-wapper #product-tabs ul.tab-items li, .itpl-dpc-wapper #product-tabs ul.tab-items li a { width: 100%; }
	.itpl-dpc-wapper #product-tabs ul.tab-items li, .itpl-dpc-wapper #product-tabs ul.tab-items li a { width: 100%; }
	.itpl-dpc-wapper #product-tabs ul.tab-items li { margin: 0 0 5px 0; border-radius: 5px; }
}