@charset "utf-8";
/* CSS Document */
/*html{scroll-behavior: smooth;}*/

@font-face{
	font-family:Yu Mincho Demibold;
	src:url(../fonts/yumindb.ttf);
}

@font-face{
	font-family:scriptina;
	src:url(../fonts/scriptina.regular.ttf);
}
body{font-size:16px; line-height:normal; font-family:YuMinPr6N-Regular; line-height:normal}
ul,ol{margin:0px; padding:0px;}
img{width:100%;}
.btn{border-radius:0px;}
.top-nav .btn-free-trial{background-color:#9B8C6C;  padding:.938rem 5.5rem; color:#fff;}

.btn-free-trial{background-color:#9B8C6C;  padding:1.188rem 5.5rem; color:#fff;}
.btn-free-trial:hover{background-color:#887b5e}
a{color:#8f8f8f;}
a:hover{color:#333; text-decoration:none}
section{padding:100px 0px; margin:50px auto; position:relative;}
.container{position:relative}
h1,h2,h3,h4,h5,h6, label, .submit-btn, .back-btn{font-family:Yu Mincho Demibold; font-weight:bold}
h2{margin-bottom:50px; font-size:32px; position:relative}
h2.leftbar{padding-left:180px; display:table; margin-left:auto; margin-right:auto}
h2.leftbar:before{width:150px; height:1px; background-color:#7a7a7a; content:''; position:absolute; left:0px; top:18px;}
h2.centerbar{text-align: center; margin: 25px auto 70px; padding-top:25px;}
h2.centerbar:before{width:130px; height:1px; background-color:#000; content:''; position:absolute; top:0px; left: 0px; right:0px; margin:auto}
h2.topbar{ padding-top:25px;}
h2.topbar:before{width:100px; height:1px; background-color:#000; content:''; position:absolute; left:0px; top:0px;}
h3{font-size:24px; margin-bottom:40px}
h4{font-size:19px; line-height:30px;}
h5{font-size:18px;}
h6, label{font-size:16px;}

.fade{opacity: 1;}

.w960{max-width:960px; margin:0px auto}






.top-nav{padding:15px 0px; background-color:rgba(255,255,255,.97); display:none}
.top-nav.fixed-top{ display:block}

.navbar-brand img{max-width:100px}
.hero-section{position:relative; overflow:hidden; margin-bottom:100px; max-height: 100vh; }
.hero-inner{width:100%; position:absolute; z-index:1; display: flex; align-items: center; height: 100%;}
.hero-content{}
.hero-content img{max-width:200px;}
.hero-content h1{font-size:42px; margin-bottom:20px}
.hero-section-bg{position:relative; width:100%;}
.hero-logo{padding:20px 0px 40px}
.hero-badge{width:160px; height:160px; background-color:#9B8C6C; border-radius:100%; text-align:center; font-size:14px; line-height:16px; color:#fff; position:absolute; right:80px; bottom:30px; display:flex; align-items:center}
.hero-badge div{margin:0px auto}
.hero-badge span{display:block;}


.scroll{position: absolute; left: 50%; text-transform:uppercase; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 0;}

.scroll-text {color: #000;-webkit-transform: rotate(-90deg);transform: rotate(-90deg); font-size:14px;}

.scroll-text a{color:#000}
.scroll-arrow {width: 1px;height: 80px;margin: 30px auto 0;position: relative;overflow: hidden;}

.scroll-arrow:before {content: '';width: 4px;height: 80px; margin: 50px auto 0; background-color: #75797a; position: absolute; top: -150px; -webkit-animation: arrow 2.5s ease 0s infinite normal; animation: arrow 2.5s ease 0s infinite normal;}




@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0); }
  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0); } }

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0); }
  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0); } }



.scroll.pagetop{position:fixed; right:-35px; left:auto; z-index:99; display:none}
.scroll.pagetop .scroll-text{margin-left: 0px; margin-bottom:40px; margin-top: 35px;}
.scroll.pagetop .scroll-arrow{margin:30px auto 40px}

.scroll.pagetop .scroll-arrow:before {content: ''; width: 4px;height: 80px; margin: 50px auto 0; background-color: #000; position: absolute; top: -150px; }

.scroll-arrow-image{ background-image:url(../images/scroll-top.png); background-repeat:no-repeat; background-size:100%; content: ''; width: 4px;height: 80px; margin:0px auto }


.problems{background-color:#f5f5f5; }
.problems-list{margin-left:50px; position:relative; margin-top:20px;}
.problems-list li{list-style-type:none; margin-bottom:12px; padding-left:15px; position:relative}
.problems-list li:before{width:2px; height:2px; background-color:#000; content:''; position:absolute; left:0px; top:12px;}


.about-shirts{}
.about-shirts-content{background-color:#efece3; padding:100px 70px 50px;}
.about-shirts-pics{display:flex; margin-bottom:-60px; padding:0px 50px;}

.about-shirts-pics .pic1{width:20%}
.about-shirts-pics .pic2{width:30%;align-items:center; display:inline-flex; margin:0px 5%}
.about-shirts-pics .pic3{width:40%}

.service-features{ background-color:#f4f4f4}
.service-features-block{padding-bottom:50px;}
.service-features .service-features-title{ padding:30px 0px 10px;}
.service-features-text{line-height:2.2;}

.service-usage-flow-block{padding-bottom:30px;}
.service-usage-flow-title{ margin-bottom:5px}
.service-usage-flow-text{ font-size:15px; line-height:26px;}

.free-trial{display:flex; align-items:center; padding:0px;}
.free-trial-content{position:absolute; z-index:2; width: 100%}
.free-trial h2{ margin-bottom:10px; color:#fff;}
.free-trial .arrow-link{ display:table; margin:0px auto; color:#fff; border:1px #fff solid; padding:15px 90px; text-decoration:none; transition: background-color .5s}
.free-trial .arrow-link:hover{background-color:rgba(255,255,255,.2)}

.free-trial-bg{position: relative; width: 100%;}
.free-trial-bg:before{width:100%; height:100%; background-color:rgba(0,0,0,.5); content:''; position:absolute}



.reasons{}
.reasons-title-number h2{margin-bottom:20px}
.reasons-title{margin-bottom:35px; position:relative; padding-bottom:20px;}
.reasons-title:after{width:80px; height:1px; background-color:#000; content:''; position:absolute; bottom:0px;}
.reasons-inner{ position:relative;}
.reasons-block{background-color:#f5f5f5; margin-bottom:120px; position:relative}
.reasons-block:last-child{margin-bottom:0px;}
.reasons-block-content{ padding:50px 20px 35px 70px; line-height:2.2 }

.commitment-to-shirts{}
.commitment-to-shirts .header-text{ max-width:900px; margin:0px auto;line-height:2.2;}

.point-inner{padding-top:150px; max-width: 1280px; margin: 0px auto;}

.point-block{ margin-bottom: 150px;}
.point-block:last-child{ margin-bottom: 0px;}
.point-content{ background-color:#efece3; padding:70px 100px 70px 50px; position:relative; line-height:2.2}

.point-number{font-family:scriptina; font-size:80px; line-height:80px; padding-left: 50px; margin-bottom: 20px; z-index:1; position:relative; color:#9b8c6b}
.point-title{position:relative; margin-bottom:35px; position:relative; padding-bottom:20px;}
.point-title:after{width:80px; height:1px; background-color:#000; content:''; position:absolute; bottom:0px;}
.point-pics{display:flex; margin-left:-110px; height: 100%;}
.point-pics-1{width:55%; margin-top:30px; align-self: flex-start;}
.point-pics-2{width:45%; padding-left:2%; align-self: flex-end;}


.point-block.right-block .point-number{padding-left: 100px;}
.point-block.right-block .point-content{ padding:70px 50px 70px 100px; position:relative; line-height:35px}
.point-block.right-block .point-pics{margin-left:0px; margin-right:-100px;}
.point-block.right-block .point-pics-1{width:45%; padding-right:2%; align-self: flex-end;}
.point-block.right-block .point-pics-2{width:55%; margin-top:30px;padding-left:0px; align-self: flex-start;}


.customer-voice{ }
.customer-voice-content{max-width:1280px; margin:0px auto; background-image:url(../images/ben-rosett-WdJkXFQ4VHY-unsplash.jpg); background-repeat:no-repeat; background-size:auto 100%;  padding:50px 50px 0px; position:relative; width:100%; z-index:1; background-position:bottom 100px center;}
.customer-pic{margin-bottom:30px;}
.customer-pic img{ max-width:84px}
.customer-voice-block{background-color:#fff; padding:20px; border-radius:3px; height: 100%; box-shadow: 0px 0px 10px 0px rgb(0,0,0,.2) }
.customer-name{ margin-bottom:10px;}
.customer-text{ font-size:14px;line-height: 2.2;}
.customer-voice-content-inner{margin-bottom:-100px}


.faq{background-color:#f5f5f5}
.faq-inner{max-width:800px; margin:0px auto}

.position-accordian{border-bottom:1px #707070 solid}

.position-accordian .accordion .card {
   	border:0px;
	box-shadow:none;
    border-top: 1px #707070 solid;
	background-color:transparent;
	border-radius:0px;
}

.position-accordian .accordion .card-header {
    background-color: transparent;
    border: none;
    padding: 23px 0px;
	position:relative
}
.accordian-title {
    display: flex;
}

.card-header h6{margin-bottom:0px}

.card-header .accordian-arrow {
    position: absolute;
	right: 0px;
	top: 25px;
}

.position-accordian .accordion a.collapsed .accordian-arrow {
    background-image: url(../images/accordian-arrow-down.png);
    background-repeat: no-repeat;
}



.position-accordian .accordion a .accordian-arrow {
    background-image: url(../images/accordian-arrow-up.png);
    background-repeat: no-repeat;
}

.position-accordian .accordion .accordian-arrow {
    width: 16px;
    height: 10px;
    display: block;
}

.position-accordian .accordion .card-body {

    padding: 0px 40px 15px 0px;
	/*margin-top:-15px;*/

}
.position-accordian .accordion .card-body p{
	line-height: 2.2;
}

.card-header h3{ margin-bottom:0px; padding-right: 40px;}
.card-header a{color:#A17641; text-decoration:none; padding-right: 30px; display: block;}

.apply-free-trial{margin:0px auto; padding:50px 0px}
.apply-free-trial-form{padding-top:50px; max-width:800px; margin:0px auto}
.apply-free-trial-form .form-control{border-radius:0px; border:1px solid #707070; height:50px !important}
.apply-free-trial-form .form-group{margin-bottom: 2rem;}
.apply-free-trial-form label span{ background-color:#be0747; color:#fff; margin-left:30px; padding:2px 5px; font-size:12px;}

.apply-free-trial-form .form-control:disabled, .apply-free-trial-form .form-control[readonly]{background-color: #fff; border:0px; height:auto !important}


.submit-btn{background-color:#9B8C6C; padding:1rem 7rem; color:#fff; margin-top:70px}
.submit-btn:hover{background-color:#887b5e; color:#fff;}

.back-btn{background-color:#6A6660; padding:1rem 7rem; color:#fff; margin-top:70px}
.back-btn:hover{background-color:#55524c; color:#fff;}

footer{ padding:40px 0px; text-align:center; font-size:14px;}
footer a{padding:0px 10px}

.validation{ color:#ff0000; font-size:12px; margin-top:5px}

select{
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/navigation_arrow_fixh_hp.png);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
}

.thankyou{display: flex; align-items: center; height: calc(100vh - 221px);}

.s-text{font-size:11px;}
.pc{display:block;}
.sp{display:none;}
.about-shirts-content p {line-height:2.2}

@media(min-width:1200px)
{
	.customer-voice-content{background-size:auto 100%}
	.customer-voice-block{padding:50px 40px;}
}

@media(max-width:991px)
{
		.customer-voice-block{margin-bottom:30px; height: calc(100% - 30px);}
		.point-pics-2{display:none}
		.point-pics{ margin-left:auto}
		.point-pics-1, .point-block.right-block .point-pics-1{width:100%; margin-top:0px;}
		.point-block.right-block .point-pics{margin-right:auto}
		.point-block.right-block .point-pics-1{ padding-right:0px;}
		.point-block.right-block .point-content, .point-content{padding:50px}
		.point-block.right-block .point-number{ padding-left:50px}
		.scroll.pagetop{display:none !important}


}

@media(min-width:768px) and (max-width:991px)
{
	.hero-content h1{font-size:32px; margin-bottom:10px;}
	.hero-logo{padding:5px 0px 10px}
	.hero-content img{max-width:100px;}
	.problems-list{margin-left:0px;}
	.reasons-block-content{padding:50px;}
}



@media(max-width:767px)
{
	body{font-size:15px;}
	.hero-section{ margin-bottom:0px;}
	.hero-content h1{font-size: 32px; margin-bottom:10px}
	.hero-logo{ padding:10px 0px;}
	.hero-content img{max-width:100px}
	.hero-inner{align-items: flex-end; padding-bottom:10px}

	h4{ font-size:16px}
	section{padding: 50px 0px; margin: 50px auto 0px;}
	.about-shirts-pics{margin-bottom:-30px;}
	.about-shirts-content{padding: 50px 30px 30px;}
	.service-usage-flow-title{ margin-top:20px}
	.hero-badge{width:120px; height:120px; right:20px; bottom:20px; font-size:14px; line-height:13px}
	.hero-section .scroll{display:none}
	/*.point-pics{margin:-50px auto 0px auto; width:90%}
	.point-block.right-block .point-pics{margin:-50px auto 0px auto}
	.point-pics-2{align-self: auto;}*/
	.customer-voice-content{padding: 30px;}
	.problems-list{margin-left: 0px;}
	h2{ margin-bottom:40px; font-size:24px;}
	h2.leftbar{padding-left: 80px; }
	h2.leftbar:before{width: 60px}
	h2.centerbar{margin-bottom:30px}
	h2.centerbar:before{width:60px}
	h3{font-size:20px; margin-bottom:20px; line-height: 1.4;}
	.reasons-block{ margin-bottom:40px;}
	.reasons-block-content{ padding:20px}

	.hero-badge span:first-child,.hero-badge span:nth-child(2),.hero-badge span:nth-child(4),.hero-badge span:nth-child(5){ display:inline-block}

	/*.point-block.right-block .point-content{padding:20px}
	.point-block.right-block .point-number{padding-left:20px}

	.point-pics-2{align-self: center;}*/

	/*.hero-badge{line-height:normal; width:100%; border-radius:0px; position:relative; height:auto; right:auto; bottom:auto; padding:10px 0px; margin:0px;}*/
	.hero-lower-text{ background-color:#fff; text-align:center; padding:15px 0px;}

	.free-trial .arrow-link{width:80%; padding-left:inherit; padding-right:inherit; text-align:center}
	.service-usage-flow-text{line-height: 2.2}
}


@media(max-width:575px)
{
	/*.hero-section-bg img{min-height:500px;}*/
	section{ margin:0px auto}
	.hero-section{ /*background-image:url(../images/hero-img-mobile.jpg); background-size:auto 100%; background-position:top center;*/}

	.hero-inner{padding-bottom:10px}
	.hero-content h1{font-size: 22px; margin-bottom:10px}
	.hero-content img{max-width:160px;}
	.hero-logo{ padding:5px 0px;}
	.hero-content p{ margin-bottom:5px;}

	.hero-badge{width:120px; height:120px; right:20px; bottom:20px; font-size:11px; line-height:normal}

	.navbar-brand img{ max-width:80px;}

	.hero-upper-text{padding:0px 15px;}

	.hero-text a{margin-top:10px}
	.problems{ margin-top:10px}

	h2.leftbar{padding-left:0px;}
	h2.leftbar:before{display:none}

	.about-shirts-pics{ display:block; margin-bottom:0px; padding: 0px;}
	.about-shirts-pics .pic1, .about-shirts-pics .pic2{ display:none}
	.about-shirts-pics .pic3{ width:100%;}

	.top-nav .btn-free-trial{padding: .7rem 1.75rem}

	/*.free-trial .arrow-link{ padding:15px 20px}*/
	/*.point-block{ margin-bottom:30px}

	.point-inner{padding-top:0px}
	.point-content{padding: 20px;}
	.point-block.right-block .point-pics, .point-pics{margin:-25px auto 0px;}
	.point-pics-1, .point-pics-2, .point-block.right-block .point-pics-1, .point-block.right-block .point-pics-2{width:50%}*/
	.point-number{font-size:50px; margin-bottom:0px; padding-left:30px;}
	.point-block.right-block .point-content, .point-content{padding:30px}
	.submit-btn, .back-btn{width:100%; margin-top:10px}
	.pc{display:none;}
	.card-header h6{font-size:14px;}
	.card-body p{font-size:14px;}
	footer{padding:20px 0;font-size:12px;}
	.point-inner {padding-top:20px;}
	.point-block{margin-bottom: 40px;}
	.reasons-title h4, .point-title h4 {font-size:20px;}
	.reasons-title-number h2{margin-bottom:10px;}
	.problems-list{margin-top:50px;}
	.sp{display:block}
	.min-text{font-size: 13px;line-height:24px;}
	.hero-lower-text p {font-size:18px; font-family:'Yu Mincho Demibold'; }
	.service-features .service-features-title h4{font-size: 20px; text-align: left;}
	.service-usage-flow-title h5{font-size: 20px;line-height: 30px;}
}
@media(max-width:320px){
	footer{font-size:11px;}
	h2{font-size:20px;}
	.hero-lower-text p {font-size:16px;}
	.hero-content h1{font-size: 20px;}
}