.box-1{width:100%;position:fixed;bottom:0px;z-index:1000;text-align:center;}
	div.cont1.close {
  	position: fixed;
  	width: 100%;
  	margin-left: 0;
    left:0;
  	bottom: 0;
  	padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
		z-index: 99;
    opacity: 1;
	}
	div.close div.qa-overlay {
		position: fixed; 
		top: 0px; 
		left: 0px; 
		bottom: 0px; 
		right: 0px; 
		background-color: rgba(0, 0, 0, 0.0); 
		transition: background 0.3s ease-in-out; 
		pointer-events: auto;
		display: none;
	}
	div.open div.qa-overlay {
		position: fixed; 
		top: 0px; 
		left: 0px; 
		bottom: 0px; 
		right: 0px; 
		background-color: rgba(0, 0, 0, 0.8); 
		transition: background 0.3s ease-in-out; 
		pointer-events: auto;
	}

	div.close ul.qa-list {
		position: relative; 
		list-style: none; 
		margin: 0px 19px 0px 0px; 
		padding: 0px; 
		opacity: 1; 
		display: none;
	}
	div.open ul.qa-list {
		position: relative; 
		list-style: none; 
		margin: 0px 19px 90px 0px; 
		padding: 0px; 
		opacity: 1; 
		display: inline-block;
	}
	ul.qa-list li {
		margin-bottom: 25px; 
		display: block; 
		text-decoration: none; 
		text-align: right; 
	}
	div.close li {
		opacity: 0; 
	}
    div.open li {
    opacity: 1;
  }

	div.close strong.strong1 {
		color: rgb(255, 255, 255); 
		font-size: 20px; 
		display: inline-block; 
		vertical-align: middle; 
		margin-right: 30px;
		font-weight: 500;
	}
	div.close span.span1 {
		width: 16px; 
		height: 16px; 
		line-height: 40px; 
		background: rgb(255, 255, 255); 
		border-radius: 100%; 
		display: inline-block; 
		vertical-align: middle; 
		text-align: center;
	}
	div.close span.span2 {
		display: inline-block; 
		width: 1em; 
		line-height: 1em; 
		font-family: SkyIcon; 
		font-style: normal; 
		font-weight: normal; 
		font-variant-ligatures: normal; 
		font-variant-caps: normal; 
		speak: none; 
		text-align: center; 
		text-decoration: inherit; 
		text-transform: none; 
		vertical-align: middle;
	}
	div.close button.btn1 {
    padding: 0;
		width: 56px; 
		height: 56px; 
		background: rgb(223, 32, 48); 
		color: rgb(255, 255, 255); 
		border-radius: 100%; 
		border: none; 
		outline: none; 
		cursor: pointer; 
		position: relative; 
		box-shadow: rgba(0, 0, 0, 0.156863) 0px 2px 5px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 10px 0px;
	}
	div.close span.spanbtn1 {
		position: absolute; 
		left: -10000px; 
		top: auto; 
		width: 1px; 
		height: 1px; 
		overflow: hidden;
	}
	div.open span.spanbtn2 {
    display: inline-block;
    background: url("library/static/images/X_close.svg") 0 0 no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    line-height: 1em;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
	}
	div.cont1.open {
		position: fixed;
    width: 100%;
    margin-left: 0;
    left:0;
    bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
		z-index: 105;
	}

	div.open strong.strong1 {
		color: rgb(255, 255, 255); 
		font-size: 20px; 
		display: inline-block; 
		vertical-align: middle; 
		margin-right: 30px;
		font-weight: 500;
	}
	div.open span.span1 {
		width: 16px; 
		height: 16px; 
		line-height: 40px; 
		background: rgb(255, 255, 255); 
		border-radius: 100%; 
		display: inline-block; 
		vertical-align: middle; 
		text-align: center;
	}
	div.open span.span2 {
		display: inline-block; 
		width: 1em; 
		line-height: 1em; 
		font-style: normal; 
		font-weight: normal; 
		font-variant-ligatures: normal; 
		font-variant-caps: normal; 
		speak: none; text-align: center; 
		text-decoration: inherit; 
		text-transform: none; 
		vertical-align: middle;
	}
	div.open button.btn1 {
    padding: 0;
		width: 56px; 
		height: 56px; 
		background: rgb(223, 32, 48); 
		color: rgb(255, 255, 255); 
		border-radius: 100%; 
		border: none; 
		outline: none; 
		cursor: pointer; 
		position: relative;
		box-shadow: rgba(0, 0, 0, 0.156863) 0px 2px 5px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 10px 0px;
	}
	div.open span.spanbtn1 {
		position: absolute; 
		left: -10000px; 
		top: auto; 
		width: 1px; 
		height: 1px; 
		overflow: hidden;
	}
  div.close span.spanbtn2 {
    display: inline-block;
    background: none;
    width: auto;
    height: auto;
    max-width: 44px;
    line-height: 0.8em;
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    }



    @media only screen and (min-width: 768px) {
        div.cont1.close {
            width: 768px;
            margin-left: -12px;
            left:auto;
        		padding-right: 40px;
        }
    
        div.cont1.open {
            width: 768px;
            margin-left: -12px;
            left:auto;
        		padding-right: 40px;
        }
    }

    @media only screen and (min-width: 1024px) {
        div.cont1.close {
            width: 1000px;
            margin-left: -12px;
            left: auto;
        }
        div.cont1.open {
            width: 1000px;
            margin-left: -12px;
            left: auto;
        }
    }

	@media only screen and (min-width: 1367px) {
    	div.cont1.close {
            width: 1192px;
            margin-left: -12px;
            left: auto;
        }
        div.cont1.open {
            width: 1192px;
            margin-left: -12px;
            left: auto;
        }
	}


div.close li.li1 {
    transform: translateY(240px);
}
div.close li.li2 {
    transform: translateY(200px);
}
div.close li.li3 {
    transform: translateY(160px);
}
div.close li.li4 {
    transform: translateY(120px);
}
div.close li.li5 {
    transform: translateY(80px);
}
div.close li.li6 {
    transform: translateY(40px);
}