@charset "UTF-8";

.survey-page .survey-box{position:relative;overflow:hidden;background-image:url(/wp-content/themes/lunchable/assets/dist/images/survey/survey-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:left bottom;padding: 45px 45px 100px;margin-bottom:20px;}
.survey-page .survey-box .content{width:100%; padding:0 410px 0 0;}
.survey-page .survey-box .content-in{border-left:1px solid #989691;border-right:1px solid #989691;padding:0 15px 15px;margin-bottom:35px;}
.survey-page .survey-box .content-in h1{font-size:44px;font-weight:700;color:#6a2600;margin-top:-15px;margin-bottom:20px}
.survey-page .survey-box .content-in h4{font-size:25px;color:#125f23;font-weight:700;margin-top:0;margin-bottom:20px}
.survey-page .survey-box .content-in p{font-size:16px;color:#000;margin-bottom:0}
.survey-page .survey-box .btn-survey{min-width:235px;background-color:#6a2600;font-size:26px;color:#fff;text-transform:uppercase;border-radius:0;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;margin-left:16px;}
.survey-page .survey-box .btn-survey:hover{background-color: #8a3303;}
.survey-page .survey-box .content-in .bdr-top,.survey-page .survey-box .content-in .bdr-btm{position:relative;}
.survey-page .survey-box .content-in .bdr-top:before{content:"";width:6px;height:1px;background:#989691;position:absolute;top:0;left:-16px;}
.survey-page .survey-box .content-in .bdr-top:after{content:"";width:55px;height:1px;background:#989691;position:absolute;top:0;right:-15px;}
.survey-page .survey-box .content-in .bdr-btm:before{content:"";width:6px;height:1px;background:#989691;position:absolute;bottom:-15px;left:-16px;}
.survey-page .survey-box .content-in .bdr-btm:after{content:"";width:55px;height:1px;background:#989691;position:absolute;bottom:-15px;right:-15px;}
@-webkit-keyframes swinging{0%{-webkit-transform:rotate(10deg)}50%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(10deg)}}
@keyframes swinging{0%{transform:rotate(10deg)}50%{transform:rotate(-5deg)}100%{transform:rotate(10deg)}}
.survey-page .survey-box .gift-card{position:absolute;top:-15px;right:45px;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:swinging 3.5s ease-in-out forwards infinite;animation:swinging 3.5s ease-in-out forwards infinite}
.survey-page #rules-info{margin-bottom:20px;display:none;}
.survey-page #rules-info ul{padding-left: 25px;}
.survey-page #rules-info ul>li{font-size:14px; line-height:20px!important;margin-bottom:10px}
.survey-page #rules-info ul>li>strong, .survey-page .strong{color:#6a2600;}
.survey-page #rules-info ul>li a{color:#7BC3AD;}
.survey-page #rules-info h4{color:#6a2600;font-weight: bold;}
.survey-page #info-btn{color:#7BC3AD;text-decoration:underline;cursor:pointer}

@media (max-width:1199px){
	.survey-page .survey-box .content{padding: 0 365px 0 0;}
}
@media (max-width:991px){
	.survey-page .survey-box .content{padding: 0 230px 0 0;}
	.survey-page .survey-box .content-in h1 {font-size: 34px;}
}
@media (max-width:767px){
	.survey-page .survey-box{padding: 0 15px 100px;}
	.survey-page .survey-box .gift-card{width:100px;right:50%;margin-right:-50px}
	.survey-page .survey-box .content{padding: 120px 0 0 0;text-align: center;}
	.survey-page .row{margin-left:-8px;margin-right:-7px;}
	.survey-page .survey-box .content-in .bdr-btm:after{width:6px;right:-16px;}
	.survey-page .survey-box .content-in .bdr-top:after{width:6px;right:-16px;}
	.survey-page .survey-box .content-in h1{font-size:24px;text-align:center;margin-top:-10px;margin-bottom:10px;}
	.survey-page .survey-box .content-in h4{font-size:18px;text-align:center;margin-bottom:10px;}
	.survey-page .survey-box .content-in p{font-size:14px;text-align: center;}
	.survey-page .survey-box .btn-survey{min-width: 200px;font-size:21px;margin-left:0;}
}