/* New Common Layout Design */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');
.full-width .main-container{max-width: 100%;}
.full-width .breadcrumbs{margin: 15px auto; max-width: 1200px;}
.bread-none .breadcrumbs{display: none;}
.cms-inner-container{max-width: 1200px; margin: 0 auto;}
.sepa hr{margin: 0 auto 30px; height: 1px; background-color: #eeeeee;}

.inde-landing .tm-radio{background: url(../images/check_radio_sheet2.png); height: 20px; width: 20px; background-position: -30px 0px; position: relative; top: 6px; display: inline-block; margin-right: 4px;}
.inde-landing .tm-radio.tm-selected{background-position: -30px 20px;}

.title{text-align: center;}
.title .heading{float: left; width: 100%;  font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: bold; color: #000000; line-height: 17px; text-transform: uppercase; margin: 0 0 16px;}
.title .sub-heading{float: left; width: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; color: #888888; line-height: 17px; margin: 0 0 20px; position: relative; padding-bottom: 20px;}
.title .sub-heading:empty{padding: 0 0 4px 0;}
.title .sub-heading:after{content: ''; position: absolute; width: 56px; height: 1px; background: #f05323; bottom: 0; left: 50%; margin-left: -25px;}

.common-style .adv-inner-container{height: 360px; display: table-cell; vertical-align: middle;}
.common-style .banner-main-heading {font-family: 'robotobold';text-transform: uppercase;font-size: 30px;line-height: 30px;color: #000; margin: 0 0 14px;}
.common-style .banner-small-heading{font-family: 'robotoregular';font-size: 13px;color: #000;padding: 0;margin-bottom: 0;line-height: 20px;}
.common-style .banner-main-heading span{display: block;margin-bottom: 2px;}
.common-style .banner-main-heading:after{content: '';height: 1px;width: 55px;background: #f05323;display: block;margin: 16px 0 0;}
.common-style p{font-family: 'robotoregular'; font-size: 13px; color: #000;padding: 2px 0 0;margin-bottom: 0;}
.banner-price {font-family: 'robotoitalic';font-size: 14px;color: #000;}
.banner-price .old-price {color: #797979;text-decoration: line-through;}
.banner-price .price-started{font-family: 'robotobold'; font-size: 18px; color: #f05323;}
.orange-btn {display: inline-block;height: 44px;line-height: 44px;padding: 0 15px;font-size: 17px;color: #f7f7f3;background: #f05323;border-radius: 3px;font-family: 'robotoregular';}
.banner-button .orange-btn{margin-top: 23px; font-family: 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase;}
.banner-button .orange-btn:hover{background: #435471; color: #ffffff;}

/* End of New Common Layout Design */

/* Landing Pager Banner Designing Only */
.inde-landing{float: left; width: 100%;}
.inde-slider{float: left; width: 100%; background: url('../images/photo-pillow/photo-pillow-landing.jpg') 50% 0 no-repeat #f4f4f4; height: 360px; margin-bottom: 30px; background-size:cover;}
/* End of Landing Pager Banner Designing Only */

.slider-main{float: left; max-width: 585px;}
.cms-page-view .slider-main img{max-width: 100%; height: auto;}
.cms-page-view .slider-main .pillow-slider{margin: 0 0 15px;}
.cms-page-view .slider-main .pillow-slider .slick-slide{margin: 0 9px;}
.cms-page-view .slider-main .pillow-nav .slick-slide{margin: 0 5px;}
.cms-page-view .slider-main .pillow-nav .slick-slide > img{border: 2px solid transparent; box-sizing: border-box;}
.cms-page-view .slider-main .pillow-nav .slick-current > img{border: 2px solid #f05323; box-sizing: border-box;}

.std .sizebox{float: left; width: 100%; margin: 0;}
.std .sizebox .slct-size{float: left; width: 100%; font-size: 16px; line-height: 18px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #000000; margin: 0 0 26px;}

.std .quick-view-tabs{float: left; width: 100%; margin: 0;}
.std .quick-view-tabs li{float: left; width: 50%; text-align: center; border-right: none; cursor: pointer;}
.std .quick-view-tabs li a{padding: 14px 0; color: #000; display: block; border: 1px solid #fff; border-bottom: 1px solid #ddd; text-shadow: 0 0 0;}
.std .quick-view-tabs li a.active{background: #f9f9f9; border: 1px solid #ddd; border-bottom: 1px solid #f9f9f9;}
.tabbing_content.dis_none{display: none;}
.tabbing_content.dis_block{display: block;}

.inde-listing .size_chart{float: left; width: 100%; margin: 0 0 15px; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}
.inde-listing .size_chart label{padding: 9px 10px; border-bottom: 1px solid #e3e3e3; background: #f9f9f9; cursor: default; transition: 0.5s linear all; padding: 8px 20px; margin-bottom: 0; width: 100%;}
.inde-listing .size_chart label li{float: left; width: 100%;}
.inde-listing .size_chart label #divsize{display: inline-block;}
.inde-listing .size_chart label .banner_size{display: inline-block; width: 160px; color: #000000;}
.inde-listing .size_chart label .flag_Sprite{display: inline-block; width: 125px;}
.inde-listing .size_chart label .flag_Sprite .fa-long-arrow-right{font-size: 16px; color: #191919;}
.inde-listing .size_chart label .sizebox_banner_prise{display: inline-block; color: #f05323;}
.inde-listing .size_chart label .sizebox_banner_type{float: right;font-size: 14px; font-weight: bold; color: #79b313; font-family: 'Roboto', sans-serif; text-transform: uppercase;}

.inde-listing .fea-li{float: left; width: 100%; margin: 0 0 10px;}
.inde-listing .fea-li ul{margin: 0; font-size: 0;}
.inde-listing .fea-li li{display: inline-block; width: 50%; border-bottom: 1px solid #efefef; padding: 0 0px 10px; font-size: initial;}
.inde-listing .fea-li li:nth-of-type(1), .inde-listing .fea-li li:nth-of-type(3){width: calc(50% - 20px); margin: 0 20px 0 0;}
.inde-listing .fea-li li:nth-of-type(3), .inde-listing .fea-li li:nth-of-type(4){border-bottom: none; margin-top: 9px;}
.inde-listing .fea-li .img{display: inline-block; width: 42px; vertical-align: middle; margin: 0 4px 0 0;}
.inde-listing .fea-li .img svg{display: block; width: 42px; height: 42px;}
.inde-listing .fea-li .con{display: inline-block; vertical-align: middle; font-size: 15px; font-weight: bold; color: #000; font-family: 'Roboto', sans-serif;}

/* Out Of Stock */
.inde-listing .jci-oos .size_chart label .banner_size{width: 80px; margin-right: 15px;}
.inde-listing .jci-oos .size_chart label .flag_Sprite{width: 70px;}
.inde-listing .jci-oos .size_chart label .sizebox_banner_prise{width: 50px; margin-right: 15px;}
.inde-listing .jci-oos .size_chart label .size-oos{display: inline-block; color: red; font-weight: 600;}
/* End of Out Of Stock */

.inde-align{float: left; width: 100%;}
.inde-align .fea-listing-inner{float: left; width: 100%;}
.inde-align .fea-listing-inner hr{height: 1px; margin-bottom: 30px; background-color: #efefef;}
.inde-align .fea-listing-inner hr.pillow-pric{margin: 30px 0 28px;}
.inde-align .fea-listing-inner .grid-main{display: table; margin: 0 -15px 30px;}
.inde-align .fea-listing-inner .grid-main .list{display: table-cell; vertical-align: middle; padding: 0 15px; box-sizing: border-box; line-height: 0; width: 50%;}
.inde-align .fea-listing-inner .grid-main .list.vtop{vertical-align: top;}
.inde-align .fea-listing-inner .grid-main .head{font-size: 16px; line-height: 18px; font-family: 'Roboto', sans-serif; color: #000; position: relative; margin: 0 0 17px; padding: 0 0 20px; font-weight: bold;}
.inde-align .fea-listing-inner .grid-main .head:before, .inde-align .fea-listing-inner .grid-main .para-head:before{content: ''; width: 50px; height: 1px; background: #f05323; position: absolute; left: 0; bottom: 0;}
.inde-align .fea-listing-inner .grid-main .head.none{margin: 0 0 15px; padding: 0;}
.inde-align .fea-listing-inner .grid-main .head.none:before{display: none;}
.inde-align .fea-listing-inner .grid-main .conte-data p{font-size: 13px; line-height: 18px; color: #888888; margin: 0 0 0; padding: 0 30px 0 0;}
.inde-align .fea-listing-inner .grid-main .conte-data .para-head{position: relative; margin: 0 0 17px; padding: 0 0 19px; font-size: 13px; line-height: 18px; color: #888888;}
.inde-align .fea-listing-inner .grid-main .order-btn{margin: 30px 0 0;}
.inde-align .fea-listing-inner .grid-main .red-btn{font-size: 17px; color: #fff; width: auto; height: 45px; display: inline-block; text-align: center; background: #f05323; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 3px; line-height: 45px; padding: 0 25px; text-transform: uppercase;}
.inde-align .fea-listing-inner .grid-main .red-btn:hover{background: #435471;}

.inde-gr-3{margin: 0 0 30px;}
.inde-gr-3 ul{list-style: none; margin: 0 -55px; padding: 0; font-size: 0;}
.inde-gr-3 li{display: inline-block; width: 33.33%; vertical-align: top; text-align: center; padding: 0 55px;}
.inde-gr-3 li .img{position: relative; line-height: 0; margin: 0 0 18px;}
.inde-gr-3 li .img::after{content: ''; width: 49px; height: 9px; display: inline-block; background: url(../images/photo-pillow/arrow.png); position: absolute; top: 50%; margin-top: -4px; right: -80px;}
.inde-gr-3 li:last-of-type .img::after{display: none;}

.inde-gr-3 li .cont{float: left; width: 100%; font-size: initial; text-align: center;}
.inde-gr-3 li .cont .ti-head{font-size: 16px; font-family: 'Roboto', sans-serif; color: #000000; font-weight: bold;line-height: 20px;}
.inde-gr-3 li .cont hr{background-color: #eeeeee; height: 1px;width: 50px; margin: 15px auto 17px;}
.inde-gr-3 li .cont p{font-size: 13px; line-height: 18px; color: #888888; font-family: 'Roboto', sans-serif; max-width: 250px; margin: 0 auto 0;}

.fav-memo.inde-gr-3 ul{margin: 0 -27px;}
.fav-memo.inde-gr-3 li{padding: 0 27px;}
.fav-memo.inde-gr-3 li .img::after{display: none;}
.cms-photo-pillows .common-style .adv-inner-container{max-width: 300px;}

/*Deals Canvas CMS Pages*/
body[class*="cms-deals-2can"] .lp-affliate .special-head{position: relative; text-align: left;}
body[class*="cms-deals-2can"] .lp-affliate .special-head:after {content: '';width:50px;height: 1px;background: #f05323;display: block;margin:10px 0 15px;}
.dc_offer_price {padding-top: 20px; border-top:1px solid #efefef;}
.left_price_drp{float: left;line-height: normal;}
.left_price_drp .strike_price {display: block; text-align: left;text-decoration: line-through;}
.left_price_drp .sale_price{color:#f05424;font-size:26px;font-family: 'robotobold';display: inline-block;vertical-align: middle;line-height: 26px;}
.left_price_drp .discount_label {display: inline-block;background:#7eb62f;color: #FFF;padding:3px 7px 2px 3px;    position: relative;margin-left: 20px;}
.left_price_drp .discount_label:before {content: '';display: inline-block;position: absolute;border: 12px solid transparent;left: -11px;top: 0;border-right: 11px solid #7eb62f;border-left: 0;}
.dc_offer_price a.red-btn{float: right;}

/*Notify Me for product CSS*/

.notify_me_div {padding:10px 0 20px;}
.notify_me_div .clearfix {clear:both}
.notify_me_div .clearfix:after{content: ''; display:table; clear: both;}
.notify_me_div .input-text{padding:10px;width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.notify_me_div .notifyme_label_text { margin-bottom:20px; font-size: 15px; font-family: 'robotomedium'}
.notify_me_div .formGroup_Box .halfGroup{width:50%; float: left; padding:0 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.notify_me_div .formGroup_Box .halfGroup:first-child{padding-left: 0;}
.notify_me_div .formGroup_Box .halfGroup:last-child{padding-right: 0;}
.notify_me_div .notifyme_fields { display: block; margin-top:20px;}
.notify_me_div .notifyme_fields .emailBtnGroup { width: calc(100% - 145px); float: left;}
.notify_me_div .notifyme_fields .red-btn {font-size: 15px;font-family:'robotoregular'; text-align: center; min-width: 140px; float: right;border: none;height: 50px; }
.mainarea_wrapper.comon-canvas-content.photo_pillow_wrap .content-area-canvas{padding-top: 10px;}

/*only for justcanvasit*/
.cms-photo-pillows .common-style .adv-inner-container.oos-container{max-width: 315px;}
.red-btn.stock_label, .inde-align .fea-listing-inner .grid-main .red-btn.stock_label{pointer-events: none;color: #666666;background-color: #e5e5e5;border-color: #e5e5e5;text-decoration: none;letter-spacing: 0;padding: 0 10px;font-size: 15px;}
.red-btn.notify_me, .inde-align .fea-listing-inner .grid-main .red-btn.notify_me{padding: 0 10px;font-size: 15px;}
.red-btn.notify_me:hover{color:#ffffff}
.oos-banner-action{margin-top: 10px;}


/* End Notify Me for product CSS*/

.red-btn{font-size: 17px; color: #fff; width: auto; height: 45px; display: inline-block; text-align: center; background: #f05323; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 3px; line-height: 45px; padding: 0 25px; text-transform: uppercase;}
.red-btn:hover{background: #435471;}