.navbar-default{background: #fff; box-shadow: 0 0 3px 0 rgba(0,0,0,0.4); transition: all ease-in 0.3s;}
.navbar-fixed-top{top:-100px;}
.navbar-fixed-top.shownav{top: 0 !important;}
.navbar-default .container{width: 100%; max-width: 1400px;}
#logo{display: inline-block; margin-top: 15px; }
#logo img{max-height: 45px;}
.navbar-default .navbar-nav>li>a{border: none !important; color: #555;}
.navbar-right{padding-top: 20px; margin-left: 20px;}
.navbar-right a.btn-bordered{border-color: #3197d6; color: #3197d6;}
.home-wrapper{background: none !important;}
#home_tt_btn{display: inline-block; padding: 15px 35px; background: #3197d6; border: solid 1px #62bff8; text-transform: uppercase; font-weight: bold; font-size: 15px; line-height: 1; color: #fff; text-decoration: none; margin-right: 10px; transition: all ease-in 0.3s;}
#home_tt_btn:hover{opacity: 0.65;}
#home_gr_btn{display: inline-block; padding: 15px 35px; background: #ffb848; border: solid 1px #ffc974; text-transform: uppercase; font-weight: bold; font-size: 15px; line-height: 1; color: #366b8b; text-decoration: none; margin-left: 10px; transition: all ease-in 0.3s;}
#home_gr_btn:hover{opacity: 0.65;}
.home-contain{padding-top: 60px;}
#hmslider_logo{display: inline-block; margin-bottom: 30px; max-height: 70px;}
.white-bg{background: #fff;}
.contain.desc-wrapp{padding-bottom: 80px;}
#feature_nav_holder .slick-list{padding: 0 !important;}
#feature_nav_holder{max-width: 500px; margin-left: auto; margin-right: auto; padding-bottom: 45px; margin-bottom: 40px; background: url(../img/fe_sep.jpg) no-repeat; background-position: center bottom; overflow: hidden;}
#feature_nav_holder li span{display: block; width: 65px; height: 65px; line-height: 60px; text-align: center; background:#3197d6; border-radius: 50%; margin: 0 auto !important;}
#feature_nav_holder li span img{display: inline-block; margin: 0; max-height: 28px;}
#feature_nav_holder > ul, #feature_slider_holder > ul{padding-left: 0;}
.slider-nav li{text-align: center; cursor: move;}
.slider-nav li span{width: 60px; height: 60px; text-align: center; line-height: 60px; border: solid 1px #3197d6; color: #3197d6; font-size: 26px; border-radius: 50%; opacity: 0.45; transform: scale(0.85); transition: all ease-in 0.3s;}
.slider-nav li.slick-current span{transform: scale(1); opacity: 1;}
.slider-nav *{outline: none !important;}
.fe_slider_content{display: table; width: 100%;}
.fe_slider_content_l{display: table-cell; vertical-align: top; width: 40%; box-sizing: border-box;}
.fe_slider_content_l h3{font-size: 22px; text-transform: uppercase; font-weight: bold; color: #366b8b; line-height: 1.2; margin-top: 15px;}
.fe_slider_content_r{display: table-cell; vertical-align: top; width: 60%; box-sizing: border-box; padding-left: 20px;}
.fe_slider_content_r img{display: block; width: 100%;}
#feature_slider_holder *{outline: none !important;}
.flex-pauseplay{display: none !important;}
#sett_downpdf_btn{display: inline-block; position: relative; padding: 15px 25px 15px 50px; line-height: 1; border: solid 2px #3197d6; border-radius: 25px; text-transform: uppercase; font-size: 15px; font-weight: bold; transition:  all ease-in 0.3s; text-decoration: none; margin-top: 20px; margin-left: 15px;}
#sett_downpdf_btn i{display: block; width: 65px; height: 65px; border-radius: 50%; background: #3197d6; color: #fff; text-align: center; line-height: 65px; position: absolute; left: -20px; top: -7.5px; font-size: 26px;}
#sett_downpdf_btn:hover{opacity: 0.65;}
.testimoni-author .author-info{margin-top: 22px;}
.subscribe-form input{outline: none;}
.subscribe-form button:hover{opacity: 0.75;}
#hmpg_news_blocks_listing{list-style: none; padding: 0; }
#hmpg_news_blocks_listing li{width: 25%; float:left; border: solid 1px #e9e9e9; border-collapse: collapse; box-sizing: border-box;}
.hmpb_nb_img{position: relative; overflow: hidden;}
.hmpb_nb_img img{display: block; width: 100%; transition: all ease-in 0.3s;}
.hmpb_nb_img.news_toparr:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14.5px 21px 14.5px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
.hmpb_nb_img.news_botarr:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 14.5px 0 14.5px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
.hmpb_nb_content{position: relative; height: 0; padding-top: 100%;}
.hmpb_nb_content_inner{position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 12px;}
.hmpb_nb_content_inner span{color: #AFAFAF; display: block; margin-top: 25px;}
.hmpb_nb_content_inner h5{font-size: 16px; line-height: 1.2; margin-bottom: 20px; margin-top: 8px;}
.hmpb_nb_content_inner p{line-height: 1.42; color: #444444;}
.hmpb_nb_content_inner i{display: inline-block; float: right; margin-top: 5px; margin-right: 20px; color: #3197d6; transition: all ease-in 0.3s;}
#hmpg_news_blocks_listing li a:hover i{margin-right: 5px;}
#hmpg_news_blocks_listing li a:hover .hmpb_nb_img img{transform: scale(1.1);}
#hmpg_mornws_btn{margin-top: 30px;}
.alert-error{
    border-color: #DF6365;
    color: #6E1B1C;
    background: #ED272A;
}
.formg.state-error em{display: inline-block; color: #FF0004; margin-top: 5px;}
.formg.state-error input, .formg.state-error textarea{border-color: #FF0004 !important;}
#foo_logo img{max-height: 50px;}
.foo_ico_holder{margin: 20px 0;}
.foo_ico_holder > div{display: inline-block; vertical-align: middle; width: auto;}
.foo_secur_icon{padding-left: 20px; margin-left: 20px; border-left: solid 1px #4c4949;}
.social-network{margin-bottom: 0;}
.social-network a{display: inline-block; vertical-align: middle; margin: 0 5px; width: 35px; height: 35px; line-height: 35px; text-align: center; border:solid 1px #3197d6; background: #3197d6; color: #fff; transition: all ease-in 0.3s;}
.social-network a i{font-size: 18px; line-height: 35px;}
.social-network a:hover{background: none;}
footer{padding-top: 45px;}
.screenshot-wrapper ul.slides li{position: relative;}
.ss_point_outer{position: absolute; }
.ss_pointer{display: block; width: 6px; height: 6px; border-radius: 50%; background: #E91216; border: solid 3px rgba(255,0,4,0.52); box-sizing: content-box; animation: pulse; animation-iteration-count: infinite; animation-duration: 1s; cursor: pointer;}
.ss_pointer_content{box-sizing: border-box; padding: 12px; background: rgba(0,0,0,0.92); color: #fff; text-align: center; position: absolute;  width: 300px; display: none;}
.ss_pointer_content i{position: absolute; right: 8px; top: 5px; opacity: 0.75; cursor: pointer; font-size: 11px;}
.ss_pointer_content h6{color: #fff;}
#sett_vid_holder{position: relative; height: 0; padding-top: 60%; border: solid 7px #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);}
#settvid_poster{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: url(../img/vid.jpg) no-repeat #40c2f3; background-position: center center; cursor: pointer; transition: all ease-in 0.3s;}
#settvid_poster:hover{opacity: 0.9;}
#sett_vid_holder iframe{position: absolute; z-index: 5; width: 100%; height: 100%; left: 0; top: 0;}
#ss_slider > ul{list-style: none; padding: 0 5px;}
#ss_slider .owl-buttons{position: absolute; left: 0; top: 50%; width: 100%;  z-index: 50;}
#ss_slider .owl-buttons .owl-prev{left: -20px; border-radius: 50%;  transform:translateY(-100%);}
#ss_slider .owl-buttons .owl-next{right: -20px; border-radius: 50%; transform:translateY(-100%);}
#screenshot{padding-bottom: 80px;}
#ss_slider .owl-controls .owl-page span{background: #3197d6;}
#ss_slider .owl-wrapper-outer{margin-bottom: 35px;}
.ss_point_outer:hover .ss_pointer_content{display: block;}
.blockUI.blockMsg{background: none !important; border:none !important;}
#page_header{background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; margin-bottom: 65px;}
#page_header:before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(32,108,155,0.65);}
h1.innerpage_banner_title{text-align: center; padding-top: 140px; padding-bottom: 140px; color: #fff; text-transform: capitalize; text-shadow: 1px -1px 2px rgba(0, 0, 0, 0.3); }
h1.innerpage_banner_title:before{content: ""; display: block; height: 7px; width: 55px; margin: 0 auto; margin-bottom: 10px; background: #fff;}
.login-register{margin-top: 15px;}
#register_form .form-group{margin-bottom: 30px;}
#register_form .form-group label{font-weight: 400;}
span.req{color: rgba(255,6,10,1.00); font-size: 11px;}
span.note{font-size: 11px; font-weight: bold; font-style: italic; color: rgba(124,124,124,0.7);}
#regpg_action{margin-top: 30px; text-align: center;}
#reg_username{position: relative;}
#reg_username:after{content: ".settlyd.com"; display: inline-block; position: absolute; right: 0; top: 0; height: 100%; box-sizing: border-box; padding: 4px 15px; background: #3197d6; color: #fff; font-weight: bold; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
#reg_username input{padding-right: 125px;}
#pswdisplay{text-align: right; font-size: 12px; font-style: italic; font-weight: 600; margin-top: 4px; color: #c5c5c5;}




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 26 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/
a:hover{text-decoration: none;}
.blog-container{padding: 75px 0;}
.blog-post{margin-bottom: 90px; clear: both;}
.blog-post .thumbnail-entry{display: block; margin-bottom: 40px;}
.blog-post .thumbnail-entry img{display: block; width: 100%; height: auto;}
.blog-post .thumbnail-entry .default-arrow.left{left: 20px;}
.blog-post .thumbnail-entry .default-arrow.right{right: 20px;}
.blog-post .thumbnail-entry .pagination{position: absolute!important; left: 0; width: 100%!important; bottom: 10px; top: auto; display: none;}
.blog-post .data{}
.blog-post .date{float: left; width: 70px; border-right: 2px #3197d6 solid; text-align: center; font-size: 14px; line-height: 24px; color: #222; padding-top: 3px;}
.blog-post .date span{display: block; font-size: 30px; }
.blog-post .text{margin-left: 70px; padding: 0 0 0 30px;}
.blog-post .title{font-size: 30px; line-height: 34px; color: #222; text-transform: uppercase;  margin-bottom: 20px!important; display: inline-block;}
.blog-post.detail-post .title{margin-bottom: 35px!important;}
.blog-post .title:hover{color: #3197d6;}
.blog-post .description{font-size: 14px; line-height: 24px; color: #777; margin-bottom: 30px;}
/*paginator*/
.paginator{}
.paginator ul{list-style: none; margin: 0 100px -40px 100px; font-size: 0; text-align: center;}
.paginator ul li{display: inline-block; margin: 0 5px; padding: 0; font-weight: bolder;}
.paginator ul li:after{display: none;}
.paginator ul li a{font-size: 12px; line-height: 35px; color: #888; display: block; width: 35px; }
.paginator ul li a.active, .paginator ul li a:hover{color: #fff; background: #3197d6;}
.arrow-button:hover{color: #3197d6;}
.arrow-button{float: right; font-size: 12px; line-height: 42px; color: #888;  text-transform: uppercase; font-weight: bolder;}
.arrow-button i{margin: 0 5px; font-size: 15px; font-weight: bolder;}
.arrow-button:first-child{float: left;}
/*widgets*/
.widget-entry{margin-bottom: 70px;}
.widget-title{font-size: 20px; line-height: 20px; color: #222; text-transform: uppercase;  margin-bottom: 40px!important;}
.widget-entry .swiper-container img{width: 100%; height: auto;}
.widget-entry .default-arrow{transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); margin-top: -44px;}
.widget-entry .default-arrow.left{left: 15px;}
.widget-entry .default-arrow.right{right: 15px;}
.categories-wrapper{}
.categories-wrapper .entry{font-size: 12px; line-height: 14px; padding: 14px 30px 14px 0; display: block; position: relative; color: #888; text-transform: uppercase; border-bottom: 1px #f2f2f2 solid; cursor: pointer;}
.categories-wrapper .entry .number{position: absolute; right: 0; top: 14px; color: #3197d6;}
.categories-wrapper .entry i{font-size: 10px; margin-right: 10px; position: relative;}
.categories-wrapper .entry.toggle .glyphicon:before{content: "+"; color: #3197d6; font-family: Arial; font-size: 14px; font-weight: bold;}
.categories-wrapper .entry.toggle.active .glyphicon:before{content: "-";}
.categories-wrapper .entry:hover{color: #3197d6;}
.categories-wrapper .sub-wrapper{border-bottom: 1px #f2f2f2 solid; display: none;}
.categories-wrapper .sub-wrapper:last-child{border: none;}
.categories-wrapper .sub-wrapper a{display: block; font-size: 12px; line-height: 14px; color: #888; padding: 14px 0 14px 40px;}
.categories-wrapper .sub-wrapper a span{color: #3197d6;}
/**/
.popular-post-entry{height:90px;}
.popular-post-entry .popular-thumbnail{float: left;}
.popular-post-entry .popular-thumbnail img{display: block; width: 80px; height: 80px;border: 1px solid #ccc;}
.popular-post-entry .content{margin-left: 100px;}
.popular-post-entry .content .date{font-size: 12px; line-height: 14px; color: #3197d6; text-transform: uppercase; margin-bottom: 10px; }
.popular-post-entry .content .title{font-size: 13px; line-height: 20px; color: #222; text-transform: uppercase;  display: block;}
.popular-post-entry .content .title:hover{color: #3197d6;}
/**/
.tags-container{font-size: 0;}
.tags-container a{font-size: 11px; line-height: 32px; color: #555; display: inline-block; margin-right: 10px; background: #f8f8f8; padding: 0 10px; text-transform: uppercase; margin-bottom: 10px;}
.tags-container a:hover{color: #fff; background: #3197d6;}
.tags-title{display: inline-block; line-height: 32px; font-size: 14px; color: #222; text-transform: uppercase; margin-right: 20px; }


/*Checkbox*/

.checkbox {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 180px;
    height: 30px;
    background-color: #e9e9e9;
    overflow: hidden;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.checkbox input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}

.checkbox label {
    background-color: #3c3c3c;
    background-image: -webkit-linear-gradient(-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 90px;
    text-align: center;
    font: bold 11px/28px Arial, Sans-Serif;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
    -webkit-transition: margin-left 0.2s ease-in-out;
    -moz-transition: margin-left 0.2s ease-in-out;
    -ms-transition: margin-left 0.2s ease-in-out;
    -o-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
    margin: 1px;
    text-align: center;
    padding: 0;
}

.checkbox label:before {
    content: attr(data-off);
}

.checkbox input:checked + label {
    margin-left: 90px;
    background-color: #034B78;
    color: white;
}

.checkbox input:checked + label:before {
    content: attr(data-on);
}
#reg_termouter{text-align: center;}
#reg_termouter checkbox, #reg_termouter .checkbox{margin-top: 0; margin-bottom: 0; vertical-align: middle;}
#reg_termouter label{display: inline-block; line-height: 30px; vertical-align: middle; margin-right: 10px; cursor: pointer;}
#reg_termouter em{width: 100%; text-align: center; box-sizing: border-box;}
#tos-content h3{font-size: 20px; font-weight: 600;}
#tos-content h1{font-size: 28px; text-transform: uppercase;}
.inner-ots-list li{margin-bottom: 10px;}
.inner-ots-list{margin: 20px 0;}
#forgot_pass_toggle{font-weight: bold; color: #3197d6; margin-bottom: 30px; cursor: pointer; display: inline-block; transition: all ease-in 0.3s;}
#forgot_pass_toggle:hover{opacity: 0.65;}
#forgotpass_form{ padding:45px 20px; background: #e9e9e9; display: none;}
#forgotpass_form .fog_email{margin-bottom: 0;}
.imac-device .slides > li{display: block;}
.imac-device .owl-buttons{position: absolute; left: 0; top: 50%; width: 100%; transform:translateY(-50%); opacity: 0; transition: all ease-in 0.3s;}
.imac-device .owl-buttons .owl-prev{left: 50px !important;}
.imac-device .owl-buttons .owl-next{right: 50px !important;}
.imac-device:hover .owl-buttons{opacity: 1;}
.testi_blocl{box-sizing: border-box; padding: 0 15px;}
.subscribe-button i{display: none;}

.tos-list{
    list-style-type: none;
}

.tos-list li{
    padding-bottom:5px;
}

.main-toslist{
    font-weight:bold;
}

.display-hide{display: none;}
#sheet2-worksheet-a-form .centerwith-combo{margin-top:5px; }
#sheet2-worksheet-a-form .panel-heading{padding: 15px; background: #3197d6;}
#sheet2-worksheet-a-form .panel-heading h3{line-height: 1.1; color: #fff;}
#sheet2-worksheet-a-form .panel-body{padding: 25px 15px;}
.sheet2-group{padding: 15px;}
#sheet2-worksheet-a-form label{font-weight: 400;}
.sheet2-group-item{margin-top: 5px;}
.sheet2-group-item > label, .sheet2-group-item > span{display: inline-block; margin-right: 5px; vertical-align: middle;}
.sheet2-group-item .checkbox{width: 100px;}
.sheet2-group-item .checkbox label{width: 50px;}
.sheet2-group-item .checkbox input:checked + label{margin-left: 50px;}
.sheet2-group-item > label{margin-bottom: 0;}

/*CS*/
.cstotal-info{width:700px; float:right; margin-top: 25px;}
.cstotal-info td{padding:10px; border:solid 1px #fff; background:#eef7fb; }
.cstotal-info th{font-weight:bold; padding:10px; background:#3197d6; border:solid 1px #fff; color:#fff}
#declaimholder{text-align:right;}
#empthcll{/* border:none; */background:#fff;width:140px;}
#infocol2{width:120px;}
#infocol3{width:120px;}
.cstotal-info h4{text-align:center; margin-top:5px; background:#3197d6; color:#fff; padding:10px; font-size: 18px;}
.cstotal-info h4 span{font-weight:bold;}
.form-actions{margin-top: 30px; padding-top: 30px; border-top: solid 1px #ccc;}
#clear-sheet-a{margin-right: 10px; }
#clear-sheet-a:hover{color: #000;}
.bootbox-body{padding-top: 30px; padding-bottom: 30px; font-weight: bold; text-align: center;}
#trycs_cal_btn, #sett_downpdf_btn2{margin-top: 20px; min-width: 325px;}
.headingt_outer small{display: block; text-align: center; font-size: 15px; margin-top: 4px; text-transform: uppercase;}



#myCtasec{background: url('../img/bb.jpg'); background-repeat: no-repeat; background-size: cover; padding: 110px 0; }
#myCtasec h2{color: #fff; font-size: 26px; text-align: center; line-height: 1.45;}
#trycs_cal_btn.regNwbtn{background: #000; border-color: #000; }
.formElmWrap{position: relative; margin-bottom: 45px;}
.formElmWrap > i{top: -10px !important; left: -15px !important;}
.formElmWrap:last-child{margin-bottom: 0;}


.control {
    font-family: arial;
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 3px;
    padding-top: 2px;
    cursor: pointer;
    font-size: 16px;
    margin: 0 30px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #bfbfbf;
    border: 0px solid #000000;
    border-radius: undefinedpx;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #03a9f4;
}

.control input:checked ~ .control_indicator {
    background: #609ce7;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-radio .control_indicator {
    border-radius: 50%;
}

.control-radio .control_indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ffffff;
    transition: background 250ms;
}
.control-radio input:disabled ~ .control_indicator:after {
    background: #7b7b7b;
}.control-radio .control_indicator::before {
     content: '';
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 4.5rem;
     height: 4.5rem;
     margin-left: -1.3rem;
     margin-top: -1.3rem;
     background: #2aa1c0;
     border-radius: 3rem;
     opacity: 0.6;
     z-index: 99999;
     transform: scale(0);
 }
@keyframes s-ripple {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0.01;
        transform: scale(1);
    }
}
@keyframes s-ripple-dup {
    0% {
        transform: scale(0);
    }
    30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.control-radio input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}
.control-radio input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}

#stateSelector{box-sizing: border-box; padding: 25px; background: #d4eaf6; margin-bottom: 35px; text-align: center;}
#registerFormWrap{display: none;}