/*
font-family:"proxima-nova";
font-family: "Nunito", sans-serif;
*/
:root {
--black: #161715;
--white: #fff;

--green-500: #006E69;
--green-400: #007E78;
--green-300: #00B4AC;
--green-200: #6BD4CF;
--green-100: #E6F8F7;

--blue-500: #005C76;
--blue-400: #006A88;
--blue-300: #0097C2;
--blue-200: #6BC3DC;
--blue-100: #DEF2F9;

--red-500: #934758;
--red-400: #A95163;
--red-300: #F1748E;
--red-200: #F7AEBD;
--red-100: #FCE5E5;
}
ul{margin-bottom: 0;}
body{font-family:"proxima-nova"; font-size: 18px; line-height: 24px; color: var(--black); background-color: var(--blue-100);}
.display,h1, h2, h3, h4{font-family: "Nunito", sans-serif !important; font-weight: 700; color: var(--black); margin: 0;}
.display{font-size: 88px; line-height: 106px; font-weight: 800;}
.display-2{font-size: 64px; line-height: 78px; font-weight: 800;}
h1{font-size: 48px; line-height: 60px;}
h2{font-size: 40px; line-height: 48px;}
h3{font-size: 24px; line-height: 32px;}
h4{font-family:"proxima-nova" !important; font-size: 24px; line-height: 32px; font-weight: 400; margin: 0;}
.font-16{font-size: 16px; line-height: 20px;}
.blue-text{color: var(--blue-400);}
.green-text{color: var(--green-400);}
.red-text{color: var(--red-300);}
.red-text-400{color: var(--red-400);}
.white-text{color: var(--white);}
.overflow-hidden{overflow-x: hidden;}
.width-1460{max-width: 1460px; width: 100%;}
.width-1160{max-width: 1160px; width: 100%;}
.width-100{width: 100%;}
.margin-auto{margin-left: auto; margin-right: auto;}
.pt-200{padding-top: 200px;}
.font-bold{font-weight: 700;}

.form-control::placeholder{color: var(--black) !important; opacity: 0.5;}
.form-control:-ms-input-placeholder {color: var(--black) !important; opacity: 0.5;}
.form-control::-ms-input-placeholder {color: var(--black) !important; opacity: 0.5;}

.btn{font-family:"proxima-nova"; font-size: 18px; line-height: 24px; font-weight: 400; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.btn-green{background-color: var(--green-300) !important; border-color: var(--green-300) !important; color: var(--white) !important;}
.btn-green:hover, .btn-green:focus{background-color: var(--green-400) !important; border-color: var(--green-400) !important; color: var(--white) !important;}
.btn-white{background-color: var(--white) !important; border-color: var(--white) !important; color: var(--green-400) !important;}
.btn-white:hover, .btn-white:focus{background-color: var(--green-400) !important; border-color: var(--green-400) !important; color: var(--white) !important;}
.btn-green-border{background-color: transparent !important; border-color: var(--green-300) !important; color: var(--green-300) !important;}
.btn-green-border:hover, .btn-green-border:focus{background-color: var(--green-300) !important; border-color: var(--green-300) !important; color: var(--white) !important;}


.mini-quilt-box{padding-bottom: 150px;}
.hero-box{padding-top: 128px; position: relative;}
.hero-box::before{content: ''; position: absolute; left: 0; top: 0; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/hero-left.png") 0 0 no-repeat; width: 343px; height: 733px;}
.hero-box::after{content: ''; position: absolute; right: 0; top: 0; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/hero-right.png") 0 0 no-repeat; width: 148px; height: 595px;}
.hero-box .display{font-size: 96px; line-height: 131px; font-weight: 700;}
.hero-img{margin-top: 42px; text-align: center;}
.hero-img img{position: relative;}
.hero-img-child{display: inline-block; margin: 0 auto; position: relative;}
.hero-img-child::before{content: ""; position: absolute; top: 24px; left: 160px; width: 819px; height: 465px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/hero-img-bg.png") 0 0 no-repeat;}
.hero-text{margin-top: 158px;}
.hero-text-left{max-width: 450px; padding-right: 24px;}
.hero-text-right{max-width: 670px;}

.longarming{position: relative; padding-top: 210px;}
.longarming-title{max-width: 908px;}
.longarming-title:before{content: ''; position: absolute; left: -50px; top: -103px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/longarming-top.png") 0 0 no-repeat; width: 119px; height: 93px;}
.longarming-title:after{content: ''; position: absolute; right: -120px; bottom: 0px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/longarming-right.png") 0 0 no-repeat; width: 121px; height: 122px;}
.longarming-title p{padding-bottom: 8px;}
.longarming-title p:last-child{padding-bottom: 0;}
.longarming-title-sub{max-width: 640px;}
.longarming ul{padding-top: 60px;}
.longarming li{padding-top: 38px; margin: 0 -16px; width: calc(100% + 32px);}
.longarming-text{padding: 0 16px; max-width: 482px;}
.longarming-img{padding: 0 16px;}
.longarming-img img{position: relative; z-index: 1;}
.longarming li:nth-child(even) .longarming-text{ order: 2;}
.longarming li:nth-child(even) .longarming-img{ order: 1;}
.longarming-img-bg{position: absolute; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/longarming-bg.png") 0 0 no-repeat; width: 164px; height: 158px; right: -125px; bottom: 27px;}
.designed-img-bg{position: absolute; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/designed-bg.png") 0 0 no-repeat; width: 152px; height: 154px; left: 57px; bottom: 0;}
.sewing-machine-img-bg{position: absolute; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/sewing-machine.png") 0 0 no-repeat; width: 396px; height: 243px; left: -120px; bottom: 0;}
.quilter-middle-box{}
.quilter-middle-box::before{content: ''; position: absolute; left: 0; top: 50px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/quilter-middle-left.png") 0 0 no-repeat; width: 362px; height: 806px}
.quilter-middle-box::after{content: ''; position: absolute; right: 0; bottom: 250px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/quilter-middle-right.png") 0 0 no-repeat; width: 204px; height: 285px}
.quilter-middle{max-width: 940px; z-index: 1;}
.quilter-middle ul{margin: 0 -16px; width: calc(100% + 32px); flex-wrap: wrap;}
.quilter-middle li{padding: 80px 16px; width: 442px;}
.quilter-middle li:nth-child(odd){margin-top: -80px;}
.quilter-middle li h3{font-size: 32px; line-height: 44px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 16px;}
.quilter-middle li img{-moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; width: 100%;}

.owl-theme .owl-nav [class*=owl-]{opacity: 1; height: 64px !important; width: 64px !important; background:var(--green-300) !important; top: auto; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; border: none !important;}
.owl-theme .owl-nav [class*=owl-]:hover{background: var(--green-400) !important;}
.slider-arrow .owl-carousel .owl-nav .owl-next{left: 80px !important;}
.slider-arrow .owl-carousel .owl-nav .owl-prev{left: 0 !important; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.slider-arrow .owl-theme .owl-nav span{text-indent: -9999px; font-size: 0; background-image: url("https://graceframe.com/frontend/images/new/product/icon/arrow-right-white.svg") !important;}

.longarm-slider-box{max-width: 1460px; position: relative;}
.longarm-slider-text{max-width: 558px; padding-right: 24px; padding-bottom: 64px;}
.longarm-slider-text h1 span{display: block;}
.longarm-slider-img{max-width: 900px; padding-left: 24px; position: static !important; }
.longarm-slider-img img{margin-bottom: 40px;}
.longarm-slider-img h4{font-weight: 700;}
.longarm-slider-box .owl-theme .owl-nav{position: absolute; left: 0; bottom: 140px;}
.longarm-slider-box .owl-carousel .owl-stage-outer{margin-right: -11vw;}
.longarm-slider-box .owl-stage{padding-left:0px !important;}

.assemble-box{margin: 0 auto;}
.assemble-bg{content: ''; position: absolute; right: -25%; top: 0; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/assemble-bg.png") 0 0 no-repeat; width: 100%; height: 100%; background-size: contain;}
.assemble-box::before{content: ''; position: absolute; left: 0; top: 60px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/assemble-left.png") 0 0 no-repeat; width: 324px; height: 324px;}
.assemble-wrap{max-width: 1160px; }
.assemble-title{max-width: 600px;}
.assemble-title::after{content: ''; position: absolute; right: -176px; top: -74px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/assemble-right.png") 0 0 no-repeat; width: 86px; height: 84px;}
.assemble-wrap ul{flex-wrap: wrap;}
.assemble-wrap li{padding: 120px 20px 0 20px; max-width: 50%;}
.assemble-wrap li img{position: relative; z-index: 1;}
.assemble-wrap li:first-child{padding-top: 80px;}
.assemble-wrap li:nth-child(2){padding-top: 326px;}
.assemble-wrap li:nth-child(odd){padding-right: 108px; float: right;}
.assemble-wrap li:nth-child(even){padding-left: 108px; float: left;}
.assemble-number{position: absolute; top: 0; bottom: 0; font-size: 240px; line-height: 293px; display: flex; align-items: center; color: var(--green-500); font-weight: 800; opacity: 0.2; }
.assemble-wrap li:nth-child(odd) .assemble-number{right: -86px;}
.assemble-wrap li:nth-child(even) .assemble-number{left: -86px;}
.assemble-wrap li:nth-child(even) .assemble-text{text-align: right;}
.quilt-help{max-width: 1460px;}
.quilt-help h1{margin-bottom: 80px;}
.quilt-help ul{margin: 0 -16px; width: calc(100% + 32px); flex-wrap: wrap;}
.quilt-help li{padding: 0 16px; max-width: 442px; width: 33.33%;}
.quilt-help li h4{font-weight: 700; margin-bottom: 8px;}
.quilt-help li p{padding-bottom: 8px;}
.quilt-help li a{text-decoration: underline !important; color: var(--black);}
.quilt-help li a:hover{text-decoration: none !important;}
.mini-quilter-shop{background: var(--green-300); position: relative; margin-top: 160px;}
.shop-left-top{position: absolute; left: 0; top: 0; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/shop-left-top.png") 0 0 no-repeat; width: 256px; height: 171px;}
.shop-left-bottom{position: absolute; left: 0; bottom: 53px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/shop-left-bottom.png") 0 0 no-repeat; width: 47px; height: 57px;}
.shop-right-top{position: absolute; right: 106px; top: 0; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/shop-right-top.png") 0 0 no-repeat; width: 138px; height: 102px;}
.shop-right-bottom{position: absolute; right: 0; bottom: 0; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/shop-right-bottom.png") 0 0 no-repeat; width: 320px; height: 312px;}
.shop-middle-bottom{position: absolute; left: 50%; bottom: 0; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/shop-middle-bottom.png") 0 0 no-repeat; width: 128px; height: 115px;}
.mini-quilter-box{padding: 80px 0; position: relative;}
.mini-quilter-text{max-width: 719px;}
.mini-quilter-img{max-width: 749px; min-width: 600px;}
.bigger-quilt{}
.bigger-quilt h1{margin-bottom: 80px;}
.bigger-quilt-img{max-width: 710px; width: 100%;}
.bigger-quilt-text{max-width: 592px; width: 100%; padding-left: 32px;}
.bigger-quilt-btn .btn{margin-right: 24px;}

@media(max-width: 1650px) {
.quilter-middle-box::before{width: 200px; height: 446px; background-size: cover;}
}

@media(max-width: 1560px) {
.hero-box::before{width: 200px; height: 447px; background-size: cover;}
.hero-box::after{width: 100px; height: 402px; background-size: cover;}
.mini-quilter-box{max-width: 1160px;}
.longarm-slider-img{max-width: 800px;}
}

@media(max-width: 1355px) {
    .longarm-slider-img{max-width: 700px;}
    .longarm-slider-box .owl-carousel .owl-stage-outer{margin-right: -48px;}
}

@media(max-width: 1280px) {
}

@media(max-width: 1279px) {
.hero-box .display{font-size: 72px; line-height: 98px;}
.hero-img{max-width: 800px; margin: 36px auto 0;}
.hero-img-child::before{width: 700px; height: 397px; background-size: cover;}
.hero-text{margin-top: 100px;}

.assemble-bg{width: 150%; background-position: 0 10%;}
.assemble-box::before{width: 200px; height: 200px; top: 100px; background-size: cover;}
.quilt-help{padding-top: 160px;}
.quilt-help h1{margin-bottom: 40px;}
.shop-right-bottom{right: -100px;}
.mini-quilter-text{max-width: 500px;}
.mini-quilter-img{max-width: 620px; min-width: auto;}
}

@media(max-width: 1152px) {
    .longarm-slider-box{flex-direction: column;}
    .longarm-slider-text{padding: 0 0 24px;}
    .longarm-slider-img{max-width: 100%; padding-left: 0;}
    .longarm-slider-box .owl-theme .owl-nav{bottom: -16px;}
}

@media(max-width: 1100px) {
.quilter-middle-box::before, .quilter-middle-box::after{display: none;}
}

@media(max-width: 1024px) {
.longarming{padding-top: 160px;}
.longarming-img-bg, .sewing-machine-img-bg{display: none;}
.quilter-middle-box{padding-top: 80px;}
.quilter-middle ul{margin: 0 -8px; width: calc(100% + 16px); display: block !important; float: left;}
.quilter-middle li{padding: 40px 8px 0; width: 50%; float: left;}
.quilter-middle li:nth-child(even){float: right;}
.quilter-middle li:nth-child(odd){margin-top: 0;}
.assemble-box::before{background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/assemble-left-sm.png") 0 0 no-repeat; width: 62px; height: 118px; top: 36px;}    
.assemble-title h1{margin-bottom: 16px;}
.assemble-wrap li:nth-child(2){padding-top: 280px;}
.assemble-number{font-size: 160px; line-height: 195px;}
.assemble-wrap li:nth-child(even){padding-left: 70px;}
.assemble-wrap li:nth-child(odd){padding-right: 70px;}
.assemble-wrap li:nth-child(even) .assemble-number{left: -60px;}
.assemble-wrap li:nth-child(odd) .assemble-number{right: -60px;}
.mini-quilter-shop{margin-top: 80px;}
.shop-left-top{background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/shop-left-top-sm.png") 0 0 no-repeat; width: 75px; height: 96px;}
.shop-left-bottom{background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/shop-left-bottom-sm.png") 0 0 no-repeat; bottom: 28px; width: 58px; height: 127px;}
.shop-right-bottom{background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/shop-right-bottom-sm.png") 0 0 no-repeat; right: 0; bottom: 28px; width: 67px; height: 265px;}
.shop-middle-bottom, .shop-right-top{display: none;}
.mini-quilter-box{max-width: 650px; margin: 0 auto;}
.mini-quilter-box .d-flex{flex-direction: column; justify-content: center !important; text-align: center;}
.mini-quilter-img{margin-top: 42px;}
}

@media(max-width: 979px) {
.pt-200{padding-top: 80px;}
.longarming-text{max-width: 420px;}
.quilt-help, .assemble-box, .longarm-slider-main{padding-top: 160px;}
.quilter-middle-box{padding-top: 80px;}
.mini-quilt-box{padding-bottom: 80px;}
}

@media(max-width: 950px) {
.hero-box::before{width: 150px; height: 321px;}
.hero-box .display{font-size: 52px; line-height: normal;}
.hero-img{max-width: 600px;}
.hero-img-child::before{width: 500px; height: 284px; left: 120px;}
.longarming-title{width: 100%;}
.longarming-title:after{right: -100px; bottom: -50px;}
}

@media(max-width: 900px) {
.assemble-title::after{display: none;}
.assemble-box::after{content: ''; position: absolute; right: 0; top: 8px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/assemble-right-sm.png") 0 0 no-repeat; width: 42px; height: 83px;}
.quilt-help ul{flex-direction: column; justify-content: center !important;}
.quilt-help ul li{width: 100%; margin: 24px auto 0;}
.quilt-help ul li:first-child{margin-top: 0;}
.quilt-help li h4{margin-top: 16px; font-size: 20px !important; line-height: 26px;}
.bigger-quilt .d-flex{flex-direction: column; max-width: 700px; margin: 0 auto;}
.bigger-quilt-text{padding-left: 0; margin: 24px auto 0;}
.bigger-quilt-btn{flex-direction: column;}
.bigger-quilt-btn .btn{margin-right: 0; margin-top: 16px;}
.bigger-quilt-btn .btn:first-child{margin-top: 0;}
}

@media(max-width: 767px) {
body{font-size: 16px; line-height: 20px;}
h1{font-size: 28px !important; line-height: 38px !important;}
h2{font-size: 24px !important; line-height: 32px !important;}
.hero-box{padding-top: 24px;}
.hero-box::before{background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/hero-left-sm.png") 0 0 no-repeat; width: 72px; height: 386px;}
.hero-box::after{background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/hero-right-sm.png") 0 0 no-repeat; width: 65px; height: 129px;}
.hero-img-child::before{background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/hero-img-bg-sm.png") 0 0 no-repeat;width: 291px; height: 165px; left: 60px; top: 20px;}
.hero-box .display{font-size: 40px; line-height: 55px; max-width: 342px; margin: 24px auto 0;}
.hero-text-left{padding-right: 0;}
.hero-text{flex-direction: column; margin: 70px auto 0; max-width: 350px; text-align: center;}
.hero-text h2{font-size: 28px; line-height: 38px; margin-bottom: 16px;}
.hero-text-right h4{font-size: 18px; line-height: 24px;}
.hero-text-right .mt-24{margin-top: 16px;}
.longarming-title:after{right: -16px; bottom: -86px; background: url("https://graceframe.com/frontend/images/new/product/mini-quilt/bg/longarming-right-sm.png") 0 0 no-repeat; width: 38px; height: 116px;}
.longarming-title-sub{margin-top: 16px;}
.longarming ul{padding-top: 0;}
.longarming li{padding-top: 32px; flex-direction: column; max-width: 260px; margin: 0 auto;}
.longarming-text{padding: 16px 0 0; order: 2;}
.longarming-text h2{margin-bottom: 8px;}
.longarming-img{padding: 0; order: 1;}
.longarming li:first-child{padding-top: 22px;}
.quilter-middle li h3{font-size: 20px; line-height: 28px;}
.quilter-middle li p{font-size: 14px; line-height: 20px;}
.longarm-slider-text{padding: 0 0 16px;}
.longarm-slider-text h1, .longarm-slider-img img{margin-bottom: 16px;}
.longarm-slider-img h4{font-size: 16px; line-height: 20px;}
.assemble-bg{background-position: 0 20%;}
.assemble-wrap{max-width: 350px;}
.assemble-wrap li{float: none !important; padding-top: 16px !important; width: 100%; max-width: 100%;}
.assemble-wrap li:first-child{padding-top: 24px !important;}
.assemble-wrap li:nth-child(odd){padding-right: 90px;padding-left: 0;}
.assemble-wrap li:nth-child(even){padding-left: 90px; padding-right: 0;}
.assemble-wrap li:nth-child(odd) .assemble-number{right: -40px;}
.assemble-wrap li:nth-child(even) .assemble-number{left: -40px;}
.assemble-number{font-size: 100px; line-height: 122px;}
.mini-quilter-box{padding: 40px 0 50px;}
.mini-quilter-text h1, .mini-quilter-text h4{margin-bottom: 16px !important;}
.mini-quilter-text h1 span{display: block;}
.mini-quilter-text h4{font-size: 16px; line-height: 20px;}
.bigger-quilt .d-flex{max-width: 475px;}
.bigger-quilt h1{margin-bottom: 16px;}
.bigger-quilt-text{margin-top: 16px;}
.bigger-quilt-text h2{margin-bottom: 16px;}
}