p {
    margin: 0;
}

h1 {
    letter-spacing: -1px;
    font-size: 32px;
}

.question-answers div {
    padding: 15px 15px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: pointer;
}

.question-answers div:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.question-answers div:last-child {
    border-bottom: 1px solid #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.question-answers p {
    overflow: auto;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 500;
}

.question-answers p i {
    float: left;
    margin-right: 10px;
}

.question-answers p span {
    line-height: 24px;
    float: left;
    max-width: 85%;
}

.question-container {
    float: left;
    margin: 20px;
}

.question-container > div {
    display: none;
}

.questions-container {
    transition: all 0.2s;
    overflow: auto;
}

.progress-bar {
    overflow: auto;
    margin: auto;
}

.progress-bar > div {
    background: #e5e5e5;
    margin: 1px;
    width: 10px;
    height: 4px;
    float: left;
}

.progress-bar > div.active {
    background: #F87575;
}

.progress-bar > div:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.progress-bar > div:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.checked-icon {
    display: none;
    color: #F87575;
}

.unchecked-icon {
    /* color: rgba(64, 64, 64, 0.5); */
}

.circular {
    height: 24px;
    width: 24px;
    position: relative;
    transform: scale(2);
    float: right;
    margin-right: 8px;
    margin-top: 3px;
}
.circular .inner {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    height: 20px;
    width: 20px;
    margin: -10px 0 0 -10px;
    border-radius: 100%;
    background-color: #fff;
   
}
.circular .number {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index:10;
    font-size:10px;
    font-weight:500;
    color:#F87575;
}
.circular .number i {
    font-style: normal;
    font-size: 9px;
}
.circular .number span {
    font-size: 6px;
    margin-right: -2px;
}
.circular .bar {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 100%;
    clip: rect(0px, 24px, 24px, 12px);
    background-color: rgba(250,37,94,.08);
}
.circle .bar .progress{
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    clip: rect(0px, 12px, 24px, 0px);
    background: #F87575;
}
.circle .left .progress {
    z-index:1;
    animation: left 1.7s linear both;
}
@keyframes left {
    0%{
      transform: rotate(0deg);
    }
    50%{
      transform: rotate(180deg);
    }
    100%{
      transform: rotate(0deg);
    }
}
.circle .right {
    transform: rotate(180deg);
    z-index:3;
}
.circle .right .progress {
    animation: right 1.7s linear both;
}
@keyframes right {
    0%{
      transform: rotate(0deg);
    }
    50%{
      transform: rotate(180deg);
    }
    100%{
      transform: rotate(0deg);
    }
}

.subscribe-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background: #fff;
}

.subscribe-modal > div.bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: .6;
}

.subscribe-modal > div {
    padding: 40px;
    
}


@media only screen and (min-width: 600px) {
    .subscribe-modal {
        box-shadow: 0 0 60px #888;
        max-width: 500px;
        max-height: 400px;
        left: 50%;
        margin-left: -250px;
        top: 50%;
        margin-top: -200px;
        border-radius: 10px;
    }
}

.circular[deg='1'] .circle .left .progress { transform: rotate(4deg)!important; }
.circular[deg='2'] .circle .left .progress { transform: rotate(7deg)!important; }
.circular[deg='3'] .circle .left .progress { transform: rotate(11deg)!important; }
.circular[deg='4'] .circle .left .progress { transform: rotate(14deg)!important; }
.circular[deg='5'] .circle .left .progress { transform: rotate(18deg)!important; }
.circular[deg='6'] .circle .left .progress { transform: rotate(22deg)!important; }
.circular[deg='7'] .circle .left .progress { transform: rotate(25deg)!important; }
.circular[deg='8'] .circle .left .progress { transform: rotate(30deg)!important; }
.circular[deg='9'] .circle .left .progress { transform: rotate(32deg)!important; }
.circular[deg='10'] .circle .left .progress { transform: rotate(36deg)!important; }
.circular[deg='11'] .circle .left .progress { transform: rotate(40deg)!important; }
.circular[deg='12'] .circle .left .progress { transform: rotate(43deg)!important; }
.circular[deg='13'] .circle .left .progress { transform: rotate(47deg)!important; }
.circular[deg='14'] .circle .left .progress { transform: rotate(50deg)!important; }
.circular[deg='15'] .circle .left .progress { transform: rotate(54deg)!important; }
.circular[deg='16'] .circle .left .progress { transform: rotate(58deg)!important; }
.circular[deg='17'] .circle .left .progress { transform: rotate(61deg)!important; }
.circular[deg='18'] .circle .left .progress { transform: rotate(64deg)!important; }
.circular[deg='19'] .circle .left .progress { transform: rotate(67deg)!important; }
.circular[deg='20'] .circle .left .progress { transform: rotate(70deg)!important; }
.circular[deg='21'] .circle .left .progress { transform: rotate(73deg)!important; }
.circular[deg='22'] .circle .left .progress { transform: rotate(76deg)!important; }
.circular[deg='23'] .circle .left .progress { transform: rotate(80deg)!important; }
.circular[deg='24'] .circle .left .progress { transform: rotate(83deg)!important; }
.circular[deg='25'] .circle .left .progress { transform: rotate(86deg)!important; }
.circular[deg='26'] .circle .left .progress { transform: rotate(90deg)!important; }
.circular[deg='27'] .circle .left .progress { transform: rotate(94deg)!important; }
.circular[deg='28'] .circle .left .progress { transform: rotate(97deg)!important; }
.circular[deg='29'] .circle .left .progress { transform: rotate(101deg)!important; }
.circular[deg='30'] .circle .left .progress { transform: rotate(104deg)!important; }
.circular[deg='31'] .circle .left .progress { transform: rotate(108deg)!important; }
.circular[deg='32'] .circle .left .progress { transform: rotate(112deg)!important; }
.circular[deg='33'] .circle .left .progress { transform: rotate(116deg)!important; }
.circular[deg='34'] .circle .left .progress { transform: rotate(119deg)!important; }
.circular[deg='35'] .circle .left .progress { transform: rotate(123deg)!important; }
.circular[deg='36'] .circle .left .progress { transform: rotate(127deg)!important; }
.circular[deg='37'] .circle .left .progress { transform: rotate(131deg)!important; }
.circular[deg='38'] .circle .left .progress { transform: rotate(135deg)!important; }
.circular[deg='39'] .circle .left .progress { transform: rotate(139deg)!important; }
.circular[deg='40'] .circle .left .progress { transform: rotate(143deg)!important; }
.circular[deg='41'] .circle .left .progress { transform: rotate(147deg)!important; }
.circular[deg='42'] .circle .left .progress { transform: rotate(151deg)!important; }
.circular[deg='43'] .circle .left .progress { transform: rotate(155deg)!important; }
.circular[deg='44'] .circle .left .progress { transform: rotate(159deg)!important; }
.circular[deg='45'] .circle .left .progress { transform: rotate(163deg)!important; }
.circular[deg='46'] .circle .left .progress { transform: rotate(167deg)!important; }
.circular[deg='47'] .circle .left .progress { transform: rotate(170deg)!important; }
.circular[deg='48'] .circle .left .progress { transform: rotate(173deg)!important; }
.circular[deg='49'] .circle .left .progress { transform: rotate(177deg)!important; }
.circular[deg='50'] .circle .left .progress { transform: rotate(180deg)!important; }

.circular[deg='51'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='52'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='53'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='54'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='55'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='56'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='57'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='58'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='59'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='60'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='61'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='62'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='63'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='64'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='65'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='66'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='67'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='68'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='69'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='70'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='71'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='72'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='73'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='74'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='75'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='76'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='77'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='78'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='79'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='80'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='81'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='82'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='83'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='84'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='85'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='86'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='87'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='88'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='89'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='90'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='91'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='92'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='93'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='94'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='95'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='96'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='97'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='98'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='99'] .circle .left .progress { transform: rotate(180deg)!important; }
.circular[deg='100'] .circle .left .progress { transform: rotate(180deg)!important; }

.circular[deg='51'] .circle .right .progress { transform: rotate(4deg)!important; }
.circular[deg='52'] .circle .right .progress { transform: rotate(7deg)!important; }
.circular[deg='53'] .circle .right .progress { transform: rotate(11deg)!important; }
.circular[deg='54'] .circle .right .progress { transform: rotate(14deg)!important; }
.circular[deg='55'] .circle .right .progress { transform: rotate(18deg)!important; }
.circular[deg='56'] .circle .right .progress { transform: rotate(22deg)!important; }
.circular[deg='57'] .circle .right .progress { transform: rotate(26deg)!important; }
.circular[deg='58'] .circle .right .progress { transform: rotate(30deg)!important; }
.circular[deg='59'] .circle .right .progress { transform: rotate(33deg)!important; }
.circular[deg='60'] .circle .right .progress { transform: rotate(37deg)!important; }
.circular[deg='61'] .circle .right .progress { transform: rotate(40deg)!important; }
.circular[deg='62'] .circle .right .progress { transform: rotate(44deg)!important; }
.circular[deg='63'] .circle .right .progress { transform: rotate(48deg)!important; }
.circular[deg='64'] .circle .right .progress { transform: rotate(51deg)!important; }
.circular[deg='65'] .circle .right .progress { transform: rotate(55deg)!important; }
.circular[deg='66'] .circle .right .progress { transform: rotate(59deg)!important; }
.circular[deg='67'] .circle .right .progress { transform: rotate(63deg)!important; }
.circular[deg='68'] .circle .right .progress { transform: rotate(67deg)!important; }
.circular[deg='69'] .circle .right .progress { transform: rotate(70deg)!important; }
.circular[deg='70'] .circle .right .progress { transform: rotate(74deg)!important; }
.circular[deg='71'] .circle .right .progress { transform: rotate(78deg)!important; }
.circular[deg='72'] .circle .right .progress { transform: rotate(82deg)!important; }
.circular[deg='73'] .circle .right .progress { transform: rotate(86deg)!important; }
.circular[deg='74'] .circle .right .progress { transform: rotate(89deg)!important; }
.circular[deg='75'] .circle .right .progress { transform: rotate(93deg)!important; }
.circular[deg='76'] .circle .right .progress { transform: rotate(97deg)!important; }
.circular[deg='77'] .circle .right .progress { transform: rotate(100deg)!important; }
.circular[deg='78'] .circle .right .progress { transform: rotate(103deg)!important; }
.circular[deg='79'] .circle .right .progress { transform: rotate(107deg)!important; }
.circular[deg='80'] .circle .right .progress { transform: rotate(110deg)!important; }
.circular[deg='81'] .circle .right .progress { transform: rotate(114deg)!important; }
.circular[deg='82'] .circle .right .progress { transform: rotate(117deg)!important; }
.circular[deg='83'] .circle .right .progress { transform: rotate(121deg)!important; }
.circular[deg='84'] .circle .right .progress { transform: rotate(125deg)!important; }
.circular[deg='85'] .circle .right .progress { transform: rotate(129deg)!important; }
.circular[deg='86'] .circle .right .progress { transform: rotate(133deg)!important; }
.circular[deg='87'] .circle .right .progress { transform: rotate(137deg)!important; }
.circular[deg='88'] .circle .right .progress { transform: rotate(141deg)!important; }
.circular[deg='89'] .circle .right .progress { transform: rotate(144deg)!important; }
.circular[deg='90'] .circle .right .progress { transform: rotate(148deg)!important; }
.circular[deg='91'] .circle .right .progress { transform: rotate(152deg)!important; }
.circular[deg='92'] .circle .right .progress { transform: rotate(155deg)!important; }
.circular[deg='93'] .circle .right .progress { transform: rotate(159deg)!important; }
.circular[deg='94'] .circle .right .progress { transform: rotate(162deg)!important; }
.circular[deg='95'] .circle .right .progress { transform: rotate(165deg)!important; }
.circular[deg='96'] .circle .right .progress { transform: rotate(168deg)!important; }
.circular[deg='97'] .circle .right .progress { transform: rotate(171deg)!important; }
.circular[deg='98'] .circle .right .progress { transform: rotate(174deg)!important; }
.circular[deg='99'] .circle .right .progress { transform: rotate(177deg)!important; }
.circular[deg='100'] .circle .right .progress { transform: rotate(180deg)!important; }