/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap');
@import url("https://cdn.roclasi.com/fontawesome-pro-5.6.3/css/all.css");

/* #Site Styles
================================================== */
:root {
	scroll-behavior: unset;
}

/* ### general ### */
html,
body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.5; color: #363636; background: #fff; }
img { display: block; max-width: 100%; border: 0; }
:focus { outline: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {margin: 0;-webkit-appearance: none;}
/* ul,
li { margin: 0; padding: 0; list-style: none; } */
a { display: inline-block; color: #0004ff; text-decoration: none; }
a:hover {text-decoration: underline;}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 700; line-height: 2.5rem;  color: #2c4d96;}
h1 { font-size: 1.8em; 	/* font-size: 33px;  */}
h2 { font-size: 24px; }
h3 { font-size: 24px; }
/* h3 { font-size: 1.17em; } */
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.6em; }
h1.center {text-align: center;}
p { line-height: 1.6em;}


/* ----------------------------------------------------- */

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { max-width: 1290px; padding-left: 2rem; padding-right: 2rem;}
.btn { padding: 10px 20px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; line-height: 1.1; border-radius: 50px; cursor: pointer; min-width: 110px;}

/* ----------------------------------------------------- */

/* .form div {border: 1px red dashed;} */
.btn-flexgroup {display: flex; margin: 0;}
.btn-flexgroup h1 {display: inline-block;}
.btn-flexblock-right {margin-left: auto;}
.btn-green { color: #ffffff; border: 1px solid #42964E; background-color: #42964E; }
.btn-green:hover { color: #ffffff; background-color: #31713a; }
.btn-red { color: #ffffff; border: 1px solid #C72E27; background-color: #C72E27; }
.btn-red:hover { color: #ffffff; background-color: #a1241e; }
.btn-outline-blue { color: #2c4d96; border: 1px solid #2c4d96; }
.btn-outline-blue:hover { background-color: rgba(0,0,0,0.1); text-decoration: none; }

.m-left-15 { margin-left: 15px; }

.form { margin-top: 0px; }
.form label { margin-top: 12px; margin-bottom: 5px; display: block; font-size: 13px; font-weight: 600; }
textarea.form-control { min-height: 100px;}
.bottom-divider { margin-bottom: 42px; padding-bottom: 25px; border-bottom: 1px solid #e7e6e6; }

/* ----------------------------------------------------- */

.btn-primary { border: 1px solid #009845; background-color: #009845; }
.btn-primary:hover { border: 1px solid #009845; background-color: #02833c; }
.btn-outline-primary { color: #363636; border: 1px solid #363636; }
.btn-outline-primary:hover { border: 1px solid #363636; background-color: #363636; text-decoration: none; }
.btn-outline-secondary { color: #2c4d96; border: 1px solid #2c4d96; }
.btn-outline-secondary:hover { border: 1px solid #2c4d96; background-color: #2c4d96; text-decoration: none; }
.btn-outline-success { color: #009845; border: 1px solid #009845; }
.btn-outline-success:hover { color: #fff; border: 1px solid #009845; background-color: #009845; }
.btn-outline-info { color: #e7e6e6; border: 1px solid #e7e6e6; }
.btn-outline-info:hover { color: #363636; border: 1px solid #e7e6e6; background-color: #e7e6e6; text-decoration: none; }
.custom-select,
.form-control { padding: 10px 20px; width: 100%; height: 35px; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; color: #363636; border: 1px solid #e7e6e6; border-radius: 8px; background-color: #fff; }
.form-control::placeholder { color: rgba(0,0,0,0.3); }
.form-control:focus { color: #363636; border: 1px solid #e7e6e6; outline: none; box-shadow: none; }
.custom-select { padding: 5px 20px; background: #fff url('../images/select-arrow.svg') no-repeat center right 12px; background-size: 10px 6px; -webkit-appearance: none; cursor: pointer; }

/* ### wrapper ### */
#wrapper { padding-top: 69px; position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { padding-top: 16px; padding-bottom: 17px; position: fixed; top: 0; left: 0; z-index: 9; width: 100%; background-color: #fff; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3); }
#headerCntr .question-answer { margin-right: 30px; font-size: 13px; font-weight: 700; color: #da1018; }
#headerCntr .navigation { margin-right: 30px; font-size: 13px; font-weight: 700; color: #2c4d96; }
#headerCntr .login { margin-right: 30px; padding-left: 30px; position: relative; font-size: 13px; font-weight: 700; color: #2c4d96; }
#headerCntr .login:before { position: absolute; top: -2px; left: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-family: 'icomoon', sans-serif; color: #fff; border-radius: 35px; background-color: #2c4d96; content: '\e901'; }
#headerCntr .btn { font-size: 13px; }
#headerCntr.sticky { padding-top: 10px; padding-bottom: 10px; }

/* ### logoExtra ### */
#headerCntr .logo img { width:300px; height: auto; }
.footerBox .logo img { display: block; width:130px; height: auto; }

/* ### mobileMenu ### */
.mobileMenu { position: absolute; top: 50%; right: 15px; z-index: 15; display: none; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50px; background-color: #2c4d96; transform: translateY(-50%); cursor: pointer; overflow: hidden; }
.mobileMenu span { position: absolute; top: 50%; left: 50%; display: block; width: 15px; height: 2px; text-indent: -9999px; border-radius: 0; background: #fff; transform: translateX(-50%) translateY(-50%); }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; border-radius: 0; background-color: #fff; transition-duration: 0.2s, 0.2s; content: ''; }
.mobileMenu span:before { top: -5px; }
.mobileMenu span:after { bottom: -5px; }
.mobileMenu.active span { background: none; }
.mobileMenu.active span:before,
.mobileMenu.active span:after { transition-delay: 0s, 0.2s; }
.mobileMenu.active span:before { top: 0; transform: rotate(45deg); }
.mobileMenu.active span:after { bottom: 0; transform: rotate(-45deg); }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### banner box ### */
.bannerBox { padding-top: 101px; border-bottom: 1px solid #dadada; background-color: #2c4d96; }
.bannerBox .content { padding-top: 87px; z-index: 1; }
.bannerBox h1 { margin-bottom: 5px; color: #fff; font-size: 23px; }
.bannerBox .sub-title { margin-bottom: 13px; font-size: 21px; font-weight: 300; color: #fff; }
.bannerBox .btn-outline-primary { color: #fff; border: 1px solid #fff; }
.bannerBox .btn-outline-primary:hover { color: #2c4d96; background-color: #fff; }
.bannerBox .box { margin-bottom: -54px; margin-left: auto; padding: 34px 39px 19px 42px; z-index: 1; max-width: 412px; border: 1px solid #dadada; border-radius: 5px 5px 0 0; background-color: #fff; }
.bannerBox .title { margin-bottom: 11px; font-size: 33px; font-weight: 700; line-height: 1.3; color: #2c4d96; }
.bannerBox p { margin-bottom: 20px; font-size: 13px; line-height: 1.65; letter-spacing: -0.2px; color: #7f8080; }
.bannerBox .form-group { margin-bottom: 10px; }
.bannerBox .form-group.submit { margin-bottom: 33px; text-align: right; }
.bannerBox .form-control { font-weight: 300; }
.bannerBox span { display: block; font-size: 11px; letter-spacing: -0.2px; color: #7f8080; }
.bannerBox .circle-dots { position: absolute; top: -256px; left: -187px; width: 695px; height: 640px; }
.bannerBox .circle-dots img { max-width: 695px; }

/* ### usp box ### */
.uspBox { margin-bottom: 20px; padding-top: 55px; }
.uspBox h2 { margin-bottom: 25px; }
.uspBox .item { padding-right: 20px; padding-left: 25px; }
.uspBox .item:before { position: absolute; top: 0; left: 0; font-family: 'icomoon', sans-serif; color: #009845; content: '\e903'; }

/* ### add box ### */
.addBox { margin-bottom: 109px; padding-top: 30px; }
.addBox .item { margin-bottom: 76px; }
.addBox .item:nth-child(2) img { margin-left: auto; }
.addBox h2 { margin-bottom: 12px; }
.addBox p { margin-bottom: 25px; }
.addBox .btn-outline-primary { margin-right: 10px; }

/* ### breadcrumb box ### */
.breadcrumbBox { margin-bottom: 10px; padding-top: 30px; }
.breadcrumbBox .breadcrumb { margin: 0 auto; max-width: 621px; }
.breadcrumbBox .breadcrumb > li { font-size: 12px; color: #7f8080; }
.breadcrumbBox .breadcrumb > li:after { margin: 0 7px; display: inline-block; vertical-align: middle; content: '>'; }
.breadcrumbBox .breadcrumb > li:last-child:after { display: none; }
.breadcrumbBox .breadcrumb > li > a { color: #7f8080; }
.breadcrumbBox .breadcrumb > li > a:hover { color: #2c4d96; }

/* ### form box ### */
.formBox { margin-bottom: 100px; padding-top: 26px; }
.formBox .form.last { margin-top: 18px; padding-top: 56px; border-top: 1px solid #e7e6e6; }
.formBox .address { padding: 5px 10px; border-top: 1px solid #e7e6e6; border-bottom: 1px solid #e7e6e6; background-color: #fafafa; }
.formBox .heading { padding-right: 30px; position: relative; font-size: 18px; color: #2c4d96; cursor: pointer; }
.formBox .heading:after { position: absolute; top: 0; right: 5px; font-family: 'icomoon', sans-serif; content: '\e902'; }
.formBox .heading.active:after { transform: rotate(-180deg); }
.formBox .id-add { padding-bottom: 35px; }
.formBox address { margin-bottom: 0; display: block; font-size: 12px; }
.formBox .js-add-toggle ul { display: none; }
.formBox .js-add-toggle ul > li > a { padding: 18px 10px 15px 40px; position: relative; display: block; font-size: 12px; color: #363636; border-bottom: 1px solid #e7e6e6; background-color: #fafafa; }
.formBox .js-add-toggle ul > li > a:hover { color: #2c4d96; }
.formBox ul > li > a.error:after { position: absolute; top: 50%; right: 10px; width: 15px; height: 13px; background: url('../images/error.svg') no-repeat; transform: translateY(-50%); content: ''; }
.formBox .nav ul > li.active a.dropdown:after { transform: translateY(-50%) rotate(-180deg); }
.formBox .nav ul > li > a { padding: 18px 10px 15px 40px; position: relative; display: block; font-size: 12px; color: #363636; border-bottom: 1px solid #e7e6e6; }
.formBox .nav ul > li > a { padding: 18px 10px 15px 15px; }
.formBox .nav ul > li > a i { margin-right: 15px; color: #2c4d96; background:#FFF; font-size: 20px; }
.formBox .nav ul > li > a i.icon { font-size: 13px; width: 13px; height: 13px; }
.formBox .nav ul > li > a:hover { color: #2c4d96; }
/*.formBox .nav ul > li > a:before { position: absolute; top: 50%; left: 12px; width: 17px; height: 17px; border: 1px solid #e7e6e6; border-radius: 25px; transform: translateY(-50%); content: ''; }*/
.formBox .nav ul > li > a:before { }
.formBox .nav ul > li > a.dropdown:after { position: absolute; top: 50%; right: 10px; font-family: 'icomoon', sans-serif; transform: translateY(-50%); content: '\e902'; }
.formBox .nav ul > li > ul { display: none; }
.formBox .nav ul > li > ul > li > a { background-color: #fafafa; }
.formBox .nav ul > li > ul > li > a:before { display: none; }
.formBox .icon { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.formBox .title { margin-bottom: 6px; padding-right: 30px; position: relative; display: inline-block; }
.formBox .title.question { margin-bottom: 30px; }
.formBox .title.question:after { position: absolute; top: 2px; right: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-family: 'icomoon', sans-serif; font-size: 12px; color: #fff; vertical-align: middle; border-radius: 35px; background-color: #878787; content: '\e904'; }
.formBox h1 { font-size: 24px; }
.formBox .account { margin-bottom: 42px; padding-bottom: 25px; border-bottom: 1px solid #e7e6e6; }
.formBox .account .row { max-width: 375px; }
.formBox .account.advertise { border-bottom: 0; }
.formBox .account.advertise .row { max-width: unset; }
.formBox .form-group { margin-bottom: 21px; }
.formBox .account label { margin-bottom: 5px; display: block; font-size: 13px; font-weight: 600; }
.formBox .account label i { display: inline-flex; font-weight: 300; font-style: normal; }
.formBox .account label i:after { margin-left: 3px; display: inline-flex; align-items: center; justify-content: center; width: 13px; height: 13px; font-family: 'icomoon', sans-serif; font-size: 8px; color: #fff; border-radius: 35px; background-color: #363636; content: '\e904'; }
.formBox .account span { margin-bottom: 35px; display: block; }
.formBox .show { position: absolute; top: 10px; right: 12px; font-size: 11px; color: #e7e6e6; }
.formBox .keep-password { margin-right: 15px; font-size: 13px; color: #878787; }
.formBox .keep-password:hover { color: #009845; }
.formBox .client-box { padding-top: 28px; padding-bottom: 28px; padding-left: 80px; position: relative; border-bottom: 1px solid #e7e6e6; }
.formBox .client-box .image { position: absolute; top: 18px; left: 0; border: 2px solid #e7e6e6; border-radius: 50%; overflow: hidden; }
.formBox .client-box h6 { margin-bottom: 8px; font-size: 17px; color: #2c4d96; }
.formBox .client-box span { padding-left: 20px; position: relative; display: block; font-size: 14px; color: #7f8080; }
.formBox .client-box span:before { position: absolute; top: 5px; left: 0; display: flex; align-items: center; justify-content: center; width: 13px; height: 13px; font-family: 'icomoon', sans-serif; font-size: 8px; color: #fff; border-radius: 35px; background-color: #7f8080; content: '\e904'; }
.formBox .tableBox { margin: 0 auto; max-width: 572px; }
.formBox .open-url { display: block; font-size: 13px; font-weight: 600; }
.formBox .paragraph { padding-top: 30px; font-size: 13px; color: #878787; }
.formBox .url { margin-bottom: 20px; font-size: 13px; color: #878787; }
.formBox .add { padding-top: 25px; }
.formBox .add .btn-outline-info { margin-right: 10px; color: #878787; }

/* ### step box ### */
.step-box { margin-bottom: 39px; }
.step-box:after { position: absolute; top: 50%; width: 100%; height: 1px; background-color: #e7e6e6; transform: translateY(-50%); content: ''; }
.step-box .item { margin-right: 10px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; font-size: 12px; font-weight: 700; color: #fff; border-radius: 50px; background-color: #e7e6e6; }
.step-box .item.active { background-color: #009845; }
.step-box .item:last-child { margin-right: 0; }

/* ### range-slider  ### */
.range-slider { margin-bottom: 30px; padding-top: 30px; position: relative; width: 100%; height: auto; text-align: center; }
.range-slider span { margin-bottom: 0 !important; text-align: center; }
.range-slider span.number-1 { position: absolute; top: 0; left: 32px; }
.range-slider span.number-2 { position: absolute; top: 0; right: 70px; }
.range-slider em { margin-top: 6px; padding-top: 20px; position: relative; display: block; font-size: 10px; font-style: normal; }
.range-slider em:before { position: absolute; top: 0; left: 50%; width: 1px; height: 15px; background-color: #2c4d96; transform: translateX(-50%); content: ''; }
.range-slider svg,
.range-slider input[type='range'] { position: absolute; bottom: 0; left: 0; }
input[type='number'] { width: 100%; font-size: 10px; text-align: center; border: 0; }
input[type='range'] { width: 100%; -webkit-appearance: none; }
input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 2px; border: 0; border-radius: 1px; background: #2c4d96; cursor: pointer; box-shadow: none; }
input[type='range']::-webkit-slider-thumb { margin-top: -4px; position: relative; z-index: 2; width: 10px; height: 10px; border-radius: 25px; background: #2c4d96; -webkit-appearance: none; cursor: pointer; }
input[type='range']::-moz-range-track { width: 100%; height: 2px; border: 0; border-radius: 1px; background: #2c4d96; cursor: pointer; box-shadow: none; }
input[type='range']::-moz-range-thumb { margin-top: -4px; position: relative; z-index: 2; width: 10px; height: 10px; border-radius: 25px; background: #2c4d96; -webkit-appearance: none; cursor: pointer; }
input[type='range']::-ms-track { width: 100%; height: 2px; border: 0; border-radius: 1px; background: #2c4d96; cursor: pointer; box-shadow: none; }
input[type='range']::-ms-thumb { margin-top: -4px; position: relative; z-index: 2; width: 10px; height: 10px; border-radius: 25px; background: #2c4d96; -webkit-appearance: none; cursor: pointer; }
input[type='range']:focus::-webkit-slider-runnable-track { background: #2c4d96; }
input[type='range']:focus::-ms-fill-lower { background: #2c4d96; }
input[type='range']:focus::-ms-fill-upper { background: #2c4d96; }
input[type='range']:focus { outline: none; }

/* ### table box ### */
.tableBox { padding-top: 23px; }
.tableBox .table-item { margin-bottom: 13px; padding-bottom: 8px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #e7e6e6; }
.tableBox .table-item:last-child { display: block; }
.tableBox h6 { font-size: 13px; font-weight: 600; }
.tableBox h6 span { padding-top: 9px; display: block; font-weight: 400; color: #363636; }
.tableBox ul { margin-bottom: 15px; display: flex; }
.tableBox ul > li { margin-right: 2px; padding: 2px 10px; font-size: 9px; border-radius: 25px; background-color: #e7e6e6; }
.tableBox ul > li:last-child { margin-right: 0; }
.tableBox .btn-outline-info { color: #878787; }

/* ### widget box ### */
.widgetBox .box { padding: 39px 45px 35px; border-radius: 15px; background-color: #fafafa; }
.widgetBox h2 { margin-bottom: 28px; }
.widgetBox h2 span { font-weight: 300; }
.widgetBox .widget-item { margin-bottom: 22px; }
.widgetBox .widget-item:last-child { margin-bottom: 0; }
.widgetBox .widget-item strong { margin-bottom: 8px; display: block; font-size: 13px; font-weight: 600; }

/* ### switch-btn ### */
.switch-button { position: relative; display: flex; justify-content: space-between; height: 25px; border-radius: 25px; background-color: #b2b2b2; }
.switch-button.first { max-width: 165px; }
.switch-button.counting { max-width: 240px; }
.switch-button.yes-no { max-width: 90px; }
.switch-button.random { max-width: 137px; }
.switch-button.desk { margin-left: 10px; max-width: 130px; }
.switch-button.counting label { padding: 4px 15px 3.5px; }
.switch-button label { padding: 4px 10px 3.5px; position: relative; z-index: 1; display: block; font-size: 11px; color: #fff; border-radius: 25px; }
.switch-button input[type='radio'] { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 25px; background-color: transparent; -webkit-appearance: none; cursor: pointer; }
.switch-button input[type='radio']:checked:before { display: block; width: 100%; height: 100%; border-radius: 50px; background-color: #009845; content: ''; }
.switch-button label span { position: relative; z-index: 1; cursor: pointer; }

/* ### filter box ### */
.filterBox { padding-top: 23px; }
.filterBox .holder { margin-right: -5px; margin-left: -5px; border-bottom: 1px solid #e7e6e6; }
.filterBox .form-group { padding-right: 5px; padding-left: 5px; width: 25%; }
.filterBox th { padding: 11px 7px; font-size: 13px; font-weight: 600; color: #2c4d96; }
.filterBox .arrow img { display: inline-block; }
.filterBox tr:first-child { border-bottom: 1px solid #2c4d96; background-color: #fff !important; }
.filterBox tr { border-bottom: 1px solid #e7e6e6; }
.filterBox tr:nth-child(odd) { background-color: #fafafa; }
.filterBox td { padding: 11px 7px; font-size: 13px; }
.filterBox td span { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; font-size: 10px; color: #fff; border-radius: 25px; }
.filterBox td span.check { background-color: #009845; }
.filterBox td span.wrong { background-color: #c3171c; }
.filterBox td a { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; color: #fff; border-radius: 25px; background-color: #e7e6e6; transform: rotate(-90deg); }

/* ### voting box ### */
.votingBox { padding: 70px 42px 30px; position: fixed; top: 0; right: -100%; z-index: 10; width: 41%; height: 100vh; background-color: #fff; box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.3); overflow-y: scroll; overflow-x: hidden; }
.votingBox.open { right: 0; }
.votingBox .voting { margin-bottom: 40px; padding-left: 30px; }
.votingBox .voting h6 { margin-bottom: 15px; }
.votingBox .title { margin-bottom: 15px; padding-left: 30px; }
.votingBox .box { padding: 30px 30px 0; border: 2px solid #f4f3f3; }
.votingBox .item { margin-bottom: 30px; }
.votingBox .image { margin-bottom: 12px; }
.votingBox .image img { width: 100%; }
.votingBox .close { position: absolute; top: 30px; right: 30px; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; font-size: 20px; color: #fff; border-radius: 50%; background-color: #c20018; cursor: pointer; }

/* ### status box ### */
.statusBox { padding: 70px 70px 30px; position: fixed; top: 0; right: -100%; z-index: 10; width: 41%; height: 100vh; background-color: #fff; box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.3); overflow-y: scroll; overflow-x: hidden; }
.statusBox.open { right: 0; }
.statusBox .close { position: absolute; top: 30px; right: 30px; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; font-size: 20px; color: #fff; border-radius: 50%; background-color: #c20018; cursor: pointer; }
.statusBox h6 { margin-bottom: 20px; }
.statusBox .sub { display: block; font-size: 12px; }
.statusBox .rest { font-size: 12px; font-weight: 600; color: #2c4d96; }
.statusBox .rest:hover { color: #363636; }
.statusBox address { display: block; font-size: 12px; }
.statusBox .check { padding-top: 10px; padding-bottom: 10px; padding-left: 42px; position: relative; display: block; border-bottom: 1px solid #e7e6e6; }
.statusBox .check span { display: block; font-size: 12px; }
.statusBox input[type='checkbox'] { position: absolute; top: 50%; left: 15px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid #e7e6e6; border-radius: 2px; transform: translateY(-50%); -webkit-appearance: none; cursor: pointer; }
.statusBox input[type='checkbox']:checked:before { display: block; font-family: 'icomoon', sans-serif; font-size: 12px; color: #009845; content: '\e903'; }
.statusBox .cannot { padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #e7e6e6; }
.statusBox .btn-primary { color: #fff; border: 1px solid #c20018; background-color: #c20018; }
.statusBox .btn-primary i { margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; color: #c20018; border-radius: 25px; background-color: #fff; }
.statusBox .edit { padding-top: 15px; padding-bottom: 20px; border-bottom: 1px solid #e7e6e6; }
.statusBox strong { margin-bottom: 2px; color: #2c4d96; }
.statusBox strong span { font-weight: 400; color: #363636; }
.statusBox b { margin-right: 8px; display: block; color: #2c4d96; }
.statusBox ul > li { margin-right: 4px; padding: 4px 10px; font-size: 9px; border-radius: 25px; background-color: #e7e6e6; }
.statusBox ul > li:last-child { margin-right: 0; }
.statusBox .text { margin-bottom: 20px; padding-top: 20px; }
.statusBox p { margin-bottom: 20px; font-size: 12px; }
.statusBox .content { padding-top: 10px; padding-left: 20px; font-size: 10px; color: #878787; }
.statusBox .button { padding-top: 5px; text-align: right; }
.statusBox .btn-outline-info { color: #878787; }

/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%;}

/* ### footer box ### */
.footerBox .bdr { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #e6e6e6; }
.footerBox ul,
.footerBox li { margin: 0; padding: 0; list-style: none; }
.footerBox ul > li:after { margin: 0 7px; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background-color: #2c4d96; content: ''; }
.footerBox ul > li:last-child:after { display: none; }
.footerBox ul > li > a { font-size: 12px; font-weight: 300; color: #2c4d96; }
.footerBox ul > li > a:hover { color: #009845; }

/* Blog styles
======================================================= */
.blog h1 { display: block; background-color: #bfbfbf; line-height: 1.4em; color: #333333; height: 200px; width: 100%; padding: 30px; margin-bottom: 0; }
.blog h1.blue {	background-color: #d9e1f2; }
.blog h1.orange {	background-color: #fce4d6; }
.blog h1.green { background-color: #c6e0b4; }
.blog h3 { padding-top: 10px; margin-bottom: -10px; }
h3.compact { padding-top: 10px; margin-bottom: -10px; }
h3.inline {	display: inline-block;}
a.blog-list-item { display: block; color: #333333; text-decoration: none; margin-bottom: 10px; border-radius: 6px; background-color: #fcfcfc; border: 1px #dddddd solid; padding-left: 25px; padding-right: 25px; }
a.blog-list-item:hover { border: #85b9f8 1px solid; }
.blog-list-item div { }
.blog-list-item h4 { margin-bottom: 10px; }
.blog-list-item .intro { display: block; margin-bottom: 20px; }
div.blog { width: 64%; display: inline-block; margin-right: 40px; vertical-align: top; }
div.blog-sidebar { display: inline-block; width: 30%; vertical-align: top; margin-top: 30px; margin-right: 10px; min-height: 600px; }
a.blog-sidebar-item { display: block; color: #333333; text-decoration: none; margin-bottom: 10px; border-radius: 6px; background-color: #fcfcfc; border: 1px #dddddd solid; padding: 10px 25px; font-weight: bold; font-size: 0.9em; }
a.blog-sidebar-item:hover { border: #85b9f8 1px solid; }
h1.spacing-40 { margin-bottom: 40px; }
h3.center { text-align: center; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 1199px) {
	.bannerBox .content { padding-left: 65px; }
	.bannerBox .sub-title { font-size: 20px; }
	.bannerBox .circle-dots { left: -260px; }
	.statusBox { padding: 60px 50px 30px; width: 50%; }
	.votingBox { padding: 60px 30px 30px; width: 50%; }
}

@media only screen and (max-width: 991px) {
	.bannerBox .sub-title { font-size: 17px; }
	.uspBox .item { padding-right: 10px; }
	.breadcrumbBox .breadcrumb { max-width: 100%; }
	.formBox .account .row { max-width: unset; }
	.formBox .column { margin-bottom: 30px; }
	.formBox .column:last-child { margin-bottom: 0; }
	.formBox .form-group .btn { width: 100%; }
	.formBox .tableBox { max-width: unset; }
	.formBox .form.last { padding-top: 0; border-top: 0; }
	.statusBox { width: 90%; }
	.votingBox { width: 90%; }
	.footerBox .logo { margin-bottom: 10px; }
	.footerBox ul { width: 100%; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 28px; }
	#headerCntr .logo img { max-width: 200px; }
	#headerCntr .question-answer { margin-right: 10px; display: none; }
	#headerCntr .login { margin-right: 10px; padding-left: 0; }
	#headerCntr .login:before { position: unset; }
	#headerCntr .login span { display: none; }
	#headerCntr .info { padding-right: 40px; }
	.mobileMenu { display: block; }
	.bannerBox { padding-top: 40px; }
	.bannerBox .content { margin-bottom: 30px; padding-top: 0; padding-left: 0; }
	.bannerBox .title { font-size: 28px; }
	.bannerBox .box { padding: 30px 25px 19px; max-width: 100%; }
	.bannerBox .form-group.submit { margin-bottom: 15px; }
	.bannerBox .circle-dots { left: -310px; display: none; }
	.uspBox { padding-top: 100px; }
	.uspBox .item { margin-bottom: 5px; padding-right: 0; width: 100%; }
	.addBox { margin-bottom: 50px; padding-top: 30px; }
	.addBox .item { margin-bottom: 50px; }
	.addBox .item:nth-child(2) img { margin-left: 0; }
	.addBox .image { margin-bottom: 30px; }
	.formBox { margin-bottom: 50px; }
	.formBox .column { margin-bottom: 0; }
	.formBox .form.last { margin-top: 0; }
	.formBox .keep-password { display: none; }
	.formBox .navigation { padding: 70px 15px 50px; position: fixed; top: 0; left: -100%; z-index: 5; width: 100%; height: 100vh; background-color: #fff; overflow-y: scroll; }
	.formBox .navigation.open { left: 0; }
	.filterBox .table { overflow-y: scroll; }
	.filterBox .table table { width: 768px; }
	.filterBox .form-group { width: 50%; }
	.statusBox { padding: 60px 20px 30px; width: 90%; }
	.statusBox .check { padding-left: 30px; }
	.statusBox input[type='checkbox'] { left: 0; }
	.statusBox .btn-primary i { display: none; }
	.votingBox { padding: 60px 20px 30px; }
}

@media only screen and (max-width: 480px) {
	#wrapper { padding-top: 63px; }
	#headerCntr .logo { width: 52%; }
	#headerCntr .logo img { max-width: 180px; }
	#headerCntr .info { width: 48%; text-align: right; }
	#headerCntr .login { margin-right: 5px; }
	#headerCntr .btn { padding: 7px 15px; }
	.votingBox .voting { margin-bottom: 25px; padding-left: 0; }
	.votingBox .title { padding-left: 0; }
}


/* ###  Blog  ###  */

.blog h1 {display: block;background-color: #bfbfbf;line-height: 1.4em;color:#333333;height: 200px;width: 100%;padding: 30px;margin-bottom: 0;}
.blog h1.blue {background-color: #d9e1f2;}
.blog h1.orange {background-color: #fce4d6;}
.blog h1.green {background-color: #c6e0b4;}
.blog h3 {padding-top: 10px;margin-bottom: -10px;}
.blog p {margin-top: 1rem;}
a.blog-list-item { display: block; color: #333333; text-decoration: none; margin-bottom: 10px; border-radius: 6px; background-color: #fcfcfc; border: 1px #dddddd solid; padding-left: 25px; padding-right: 25px; }
a.blog-list-item:hover {border: #85b9f8 1px solid;}
.blog-list-item div {}
.blog-list-item h4 {padding-top: 20px; margin-bottom: 10px;}
.blog-list-item .intro {display: block;	margin-bottom: 20px;}
div.blog { width: 64%; display: inline-block; margin-right: 40px; vertical-align: top; }
div.blog-sidebar { display: inline-block; width: 30%; vertical-align: top; margin-top: 30px; margin-right: 10px; min-height: 600px; }
a.blog-sidebar-item { display: block; color: #333333; text-decoration: none; margin-bottom: 10px; border-radius: 6px; background-color: #fcfcfc; border: 1px #dddddd solid; padding: 10px 25px; font-weight: bold; font-size: 0.9em; }
a.blog-sidebar-item:hover {border: #85b9f8 1px solid;}

p.center { text-align: center; }

/* ------------------------------------------------------------- */

#loginwrap { visibility: hidden; }
#loginwrap.show { visibility: visible; }
#loginlayer {
	z-index: 9998;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity:.80
}
.loginbox {
	position: absolute;
	text-align: center;
	z-index: 9999;
	display: table;
	width: 300px;
	height: auto;
	padding: 1.2% 1.5%;
	background: #FFF;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	transform: translate(-50%, -50%);
	font-size:14px
}
.loginbox-close { position: absolute; top: -16px; right: -10px; width: 46px; height: 46px; cursor: pointer; z-index: 8040; }
.loginbox input { padding: 3.5%; width: 100%; }
.loginbox button { padding: 10px !important; width: 100%;	margin: 0 !important; }

/* 	------------------------------------------------------------- */

input[type="checkbox"] { 
	/*appearance: none;*/
	/*-webkit-appearance: none;*/
	/*-moz-appearance: none;*/
	/*background-color: #EEE;*/
	/*border-radius: 3px;*/
	width: 1em;
	height: 1em;
	top: 0.2em;
	margin-right: 5px;
	/*border: 1px #999 solid;*/
	/*border-radius: 3px;*/
	cursor: pointer;
	position: relative;
}
input[type="checkbox"]:checked { 
	/*background-color: #42aeed;*/
	/*background-image: url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==");*/
	/*background-repeat: no-repeat; */
	/*background-position: center center;*/
}
input.min-width-50 { min-width: 50px; }
input.min-width-100 { min-width: 100px; }
input.min-width-200 { min-width: 200px; }
input.min-width-300 { min-width: 300px; }
input.min-width-400 { min-width: 400px; }
input.invalid {	border: 1px #ff0000 solid; }
textarea.invalid { border: 1px #ff0000 solid; }
select.invalid { border: 1px #ff0000 solid !important; }


/* 	------------------------------------------------------------- */

ra-row { display: block; }
ra-row.full-width { width: 100%; }
ra-row.flex-row {	display: flex; flex-direction: row; }
ra-row.spacing-5 { margin-bottom: 5px; }
ra-row.spacing-10 { margin-bottom: 10px; }
ra-row.spacing-20 { margin-bottom: 20px; }
ra-row.float-right { float: right; position: relative; }

ra-label { display: inline-block; min-width: 100px;	color: #666666; }
ra-label.invalid { border: 1px #ff0000 solid; }
ra-label.error { color: #ff0000; }
ra-label.success { color: #14b334; }
ra-label.attention { color: #D9534F; }
ra-label.center { text-align: center; }
ra-label.full-width { width: 100%; }
ra-label.min-width-150 { min-width: 150px; }
ra-label.min-width-200 { min-width: 200px; }
ra-label.min-width-225 { min-width: 225px; }
ra-label.min-width-250 { min-width: 250px; }

/* 	-------------------------------------------------------------  */

#ra-body { margin-top: 100px; position: relative; display: block; left: 50%; transform: translate(-50%, 0); min-height: 150px; max-width: 1180px; margin-right: 60px; }

/* ------------------------------------------------------------- */

ra-container { position: relative; display: block; left: 50%; transform: translate(-50%, 0); max-width: 1200px; margin-left: 10px; margin-right: 10px; }
ra-container.hide { display: none; }