/*Sleep*/
.sleep-calc-wrap{background-color: #F7F8FC;padding:100px 0 64px;}
.sleep-calc-wrap > div > h1{text-align: center;color: #00338D}
.sleep-calc-wrap > div > p{text-align: center;font-size: 22px;margin-bottom: 36px}

.sleep-calc-wrap .calutation-box{border-radius: 5px;background-color: #FFFFFF;box-shadow: 0 5px 20px 0 rgba(0,0,0,0.06);padding:64px 95px 48px}
.sleep-calc-wrap .calutation-box{}
.sleep-calc-wrap .share-box{text-align: center;margin-top: 36px}
.sleep-calc-wrap .share-box p{color: #00338D;font-size: 16px;padding: 0;display: inline-block;font-family: Eina-Bold;}
.sleep-calc-wrap .share-box a{color: #00338D;padding: 0 6px;text-decoration: none;}
.select-box {position: relative;line-height:3;height:48px;display: flex;}
.select-box select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;border-bottom: 2px solid #208BFD !important; background: transparent;background-image: none;width: 100%;line-height:48px;height:48px;overflow: hidden;border-radius:0;color: #444;font-size:20px;font-weight: 700;flex: 1;padding: 8px 0;cursor: pointer;text-align: center;}
.select-box select::-ms-expand {display: none;}
.select-box::after {content: "\f078";font:14px "Font Awesome 5 Pro"; position: absolute;top: 50%;right: 0;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease; font-weight: 900;transform: translateY(-50%);color: #208BFD}
.select-box select:hover::after {color: #f39c12;}
.calutation-box {position: relative;}
.calutation-box .calc-box {text-align: center;}
.calutation-box .calc-box .form-item-1{max-width: 270px;display: inline-block;vertical-align: top}
.calutation-box .calc-box .form-item-1 select{padding:8px 45px 0px 30px;}
.calutation-box .calc-box .form-item-2{max-width: 162px;display: inline-block;vertical-align: top;margin-left: 31px}
.calutation-box .calc-box .form-item-2 select{padding:8px 45px 0px 30px;}
.calutation-box .calc-box .form-item-3{margin: 30px auto 48px;}
.calutation-box .calc-box .form-item-3 .select-box{max-width:151px;display: inline-block;}
.calutation-box .calc-box .form-item-3 label{color: #444;font-size:20px;margin-right: 24px;display: inline-block;font-weight: 700}
.calutation-box .calc-box .form-item-3 select{padding:8px 45px 0 30px;}
.form-item-btn button{padding: 21px 50px 23px 50px;border-radius: 0;font-size:15px;background-color: #00338D;cursor: pointer;}
.form-item-btn button:hover, .form-item-btn button:focus, .send-to-mail input:focus{outline: none;}
.sleep-calc-wrap .calutation-box .calc-box#calc-1{padding-bottom: 16px}
.sleep-calc-wrap .calutation-box .calc-box#calc-2{display: none;}
.sleep-calc-wrap .calutation-box .calc-box#calc-2 .start-over{color:#208BFD;font-size:15px;font-weight: 700;display: inline-block;border-bottom: 1px solid #208BFD;position: absolute;top:24px;left:24px;}
.sleep-calc-wrap .calutation-box .calc-box#calc-2 .info-box{padding: 4px 60px 4px 24px;display:none;text-align: left;position: absolute;top:16px;left:50%;transform: translateX(-50%);max-width: 400px;width: 100%;background:url(../images/icons/icon-envolope.png) no-repeat 91% center #E9FAF3;}
.sleep-calc-wrap .calutation-box .calc-box#calc-2 .info-box p{margin: 0;color: #62CD9F;font-size: 16px;line-height: 28px}
.sleep-calc-wrap .calutation-box .calc-box#calc-2 .info-box.error{background:#ffdcdc;color:; }
.sleep-calc-wrap .calutation-box .calc-box#calc-2 .info-box.error p{color: red}
.sleep-calc-wrap .share-box a{font-size: 18px;}
.sleep-result{margin-top: 10px}
.sleep-result h3{color: #444;font-size: 20px} 
.sleep-result ul{list-style: none;padding:0;margin:0;}
.sleep-result ul li{height: 57px;color:#fff;border-radius: 36px;margin-top:10px;;line-height: 50px;text-align: left;padding: 0 24px}
.sleep-result ul li span{vertical-align: middle;}
.sleep-result ul li span.sleep-time{font-size: 20px;font-weight: 700;margin-right: 24px;display: inline-block;min-width: 86px;}
.sleep-result ul li span.sleep-hrs{font-size: 15px;}
.sleep-result ul li span.sleep-hrs i{margin-left: 24px}
.sleep-result ul li .sleep-status{font-size: 13px;font-weight: 700;font-style: normal;font-family: Eina-Bold;}
.sleep-result ul li:nth-child(1){background-color: #9EC3DE;margin-top:36px;}
.sleep-result ul li:nth-child(2){background-color: #85A8C2;}
.sleep-result ul li:nth-child(3){background-color: #5F94BB;margin-bottom: 36px}
.send-to-mail{text-align: center;}
.send-to-mail input{display: inline-block;vertical-align: top;border-radius: 0}
.send-to-mail input[type="text"]{min-width: 250px;border: 1px solid rgba(151,151,151,0.24);border-right: 0;height: 48px;line-height: 48px;;padding: 0 20px}
.send-to-mail button{margin-left: -4px;padding: 0 17px;line-height: 46px;border-radius: 0;cursor: pointer;}

.send-to-mail input[type="text"]::-webkit-input-placeholder {color: #aaa;}
.send-to-mail input[type="text"]:-ms-input-placeholder {color: #aaa;}
.send-to-mail input[type="text"]::placeholder {color: #aaa;}
.send-to-mail .g-recaptcha > div{margin: 0 auto 20px}
.alert {position: relative;padding: .75rem 1.25rem;margin:0 auto 1rem;border: 1px solid transparent;border-radius: .25rem;max-width: 400px;padding:4px 60px 4px 24px;border-radius: 0;text-align: left;font-size: 16px;border:none;}
.alert-danger {color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;}
.alert .bi-alert-circle{position: absolute;right:30px;font-size: 20px;top:50%;transform: translateY(-50%);}
/* Screen Reader reads it but is hidden */
.is-srOnly{
	border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
}

/*mobile version*/
@media (max-width: 767px) {
		.sleep-calc-wrap{padding: 64px 0}
	.sleep-calc-wrap .calutation-box{padding: 48px 20px 32px}
	.sleep-calc-wrap > div > h1{font-size: 24px}
	.sleep-calc-wrap > div > p{font-size: 16px}
	/*.calutation-box .calc-box > div{margin:0 auto 24px !important;}*/

	
	.calutation-box .calc-box .form-item-1{width: 100%;max-width: none;}
	.calutation-box .calc-box .form-item-1 select{padding-left: 0;}
	.calutation-box .calc-box .form-item-2{margin-left: 0;margin-top: 15px;width: 100%;max-width: inherit;}
	.calutation-box .calc-box .form-item-2 select{padding-left: 0;}
	.calutation-box .calc-box .form-item-3{display: flex;align-items: flex-end;}
	.calutation-box .calc-box .form-item-3 label{width: unset;}
	.calutation-box .calc-box .form-item-3 .select-box{ width: unset;flex: 1;max-width: inherit;}
	.calutation-box .calc-box .form-item-3 select{padding-left: 0;}

	.calutation-box .calc-box > div.form-item-btn{margin-bottom: 0 !important;margin-top: 48px !important}
	.select-box select, .calutation-box .calc-box .form-item-3 label{font-size: 16px}
	.sleep-calc-wrap .share-box{vertical-align: middle;}
	.sleep-calc-wrap .share-box p{width: 100%;text-align: center;margin: 0 0 15px 0;vertical-align: middle;}

	.sleep-calc-wrap .calutation-box .calc-box#calc-2 .start-over{left:50%;transform: translateX(-50%);}
	.sleep-calc-wrap .calutation-box .calc-box#calc-2 .info-box{position: static;transform: none;margin-top: 16px !important;padding: 5px 21px 30px;background-position: center 83%;text-align: center;}
	.sleep-result h3{font-size: 16px}
	.sleep-result ul li{height: auto; line-height: normal;padding: 15px 10px 20px 22px;border-radius: 36px;text-align: center;}
	.sleep-result ul li > span{}
	.sleep-result ul li span.sleep-time{display: block;float: left;margin-top: 1px;min-width: 89px;width: 100%;}
	.sleep-result ul li span.sleep-hrs i{display: block;margin: 0;}
	.alert {text-align: center;padding:5px 21px }
	.alert .bi-alert-circle{position: static;transform: translateY(0);display: block;margin:10px auto 0;}

	.send-to-mail input[type="text"]{border-right: 1px solid rgba(151,151,151,0.24);min-width: inherit;width: 100%;margin-bottom: 10px;}
	.send-to-mail button{width: 100%;}
	.form-item-btn button{padding: 18px 35px 19px 35px;}

}