.cc-btn {
font-size: 16px;
line-height: 22px;
text-align: center;
max-width: 100%;
color: #5b5b5b;
background-color: #f3f3f3;
border: none;
padding: 18px 25px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
position: relative;
text-decoration: none;
font-weight: 700;
border-radius: 4px;
letter-spacing: .1em;
cursor: pointer;
text-transform: uppercase;
font-family: inherit;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition-property: background, color
}
@media (max-width: 1279px) {
.cc-btn {
font-size: 15px;
padding: 15px 20px;
letter-spacing: 0
}
}
@media (max-width: 991px) {
.cc-btn {
font-size: 14px;
padding: 10px 14px
}
}
.cc-btn.cc-loading, .cc-btn:hover {
color: #5b5b5b;
background-color: #dadada
}
.cc-btn--primary {
color: #000;
background-color: #00e489;
}
.cc-btn--primary.cc-loading, .cc-btn--primary:hover {
color: #000;
background-color: #01c275;
}
.cc-btn--primary.cc-loading {
color: hsla(0, 0%, 100%, .1)
}
.cc-btn--primary.cc-loading .cc-loader {
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #00e489
}
.cc-btn.cc-loading {
pointer-events: none;
color: hsla(0, 0%, 100%, .1)
}
.cc-btn.cc-loading .cc-loader {
display: block;
position: absolute;
top: calc(50% - 12px);
left: 0;
right: 0
}
.cc-title {
font-size: 22px;
font-weight: 700;
line-height: 26px;
color: #000
}
@media (max-width: 1279px) {
.cc-title {
font-size: 20px;
line-height: 24px
}
}
@media (max-width: 599px) {
.cc-title {
font-size: 18px;
line-height: 22px
}
}
.cc-p {
font-size: 16px;
line-height: 26px;
color: #3e3e3e
}
@media (max-width: 1279px) {
.cc-p {
font-size: 15px;
line-height: 20px
}
}
@media (max-width: 599px) {
.cc-p {
font-size: 14px;
line-height: 18px
}
}
.cc-p a {
color: #3e3e3e;
text-decoration: underline
}
.cc-p a:hover {
color: #252525
}
.cc-close {
position: relative;
width: 50px;
height: 50px;
cursor: pointer
}
.cc-close:hover:after, .cc-close:hover:before {
background-color: #929292
}
.cc-close:after, .cc-close:before {
content: "";
position: absolute;
top: 24px;
left: 0;
width: 20px;
height: 3px;
border-radius: 5px;
right: 0;
margin: 0 auto;
background-color: #cbcbcb;
transition: background .3s ease;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease
}
@media (max-width: 399px) {
.cc-close:after, .cc-close:before {
top: 20px
}
}
.cc-close:before {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg)
}
.cc-close:after {
transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
.cc-bar {
background-color: #fff;
z-index: 99999;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-shadow: 0 0 50px rgba(0, 0, 0, .25);
visibility: hidden;
opacity: 0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transform: translateY(calc(100% + 50px));
-moz-transform: translateY(calc(100% + 50px));
-o-transform: translateY(calc(100% + 50px));
-ms-transform: translateY(calc(100% + 50px));
-webkit-transform: translateY(calc(100% + 50px))
}
.cc-bar * {
box-sizing: border-box
}
.cc-bar.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0)
}
@media (min-width: 1380px) {
.cc-bar .cc-close {
position: absolute;
top: 50%;
right: 0;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%)
}
}
@media (min-width: 1380px) and (max-width: 1429px) {
.cc-bar .cc-close {
transform: translate(100%, -50%);
-moz-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
-webkit-transform: translate(100%, -50%)
}
}
@media (max-width: 991px) {
.cc-bar .cc-close {
right: -15px
}
}
@media (max-width: 499px) {
.cc-bar .cc-close {
right: 5px;
position: absolute;
top: 13px;
width: 40px;
height: 40px
}
.cc-bar .cc-close:after, .cc-bar .cc-close:before {
top: 18px
}
}
@media (max-width: 499px) {
.cc-bar .cc-title {
padding-right: 25px
}
}
.cc-bar .cc-bar-container {
max-width: 1280px;
padding: 50px 20px;
margin: 0 auto
}
@media (max-width: 1429px) {
.cc-bar .cc-bar-container {
position: relative
}
}
@media (max-width: 1279px) {
.cc-bar .cc-bar-container {
padding: 20px
}
}
.cc-bar .cc-bar-container .cc-bar-row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 40px
}
@media (max-width: 1279px) {
.cc-bar .cc-bar-container .cc-bar-row {
gap: 20px
}
}
@media (max-width: 991px) {
.cc-bar .cc-bar-container .cc-bar-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (max-width: 399px) {
.cc-bar .cc-bar-container .cc-bar-row {
-ms-flex-align: start;
align-items: flex-start
}
}
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-icon {
-ms-flex: 0 0 53px;
flex: 0 0 53px;
max-width: 53px
}
@media (max-width: 599px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-icon {
display: none
}
}
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-icon svg {
fill: #b7b7b7
}
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
-ms-flex-positive: 1;
flex-grow: 1
}
@media (max-width: 991px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-content {
-ms-flex: 0 0 calc(100% - 73px);
flex: 0 0 calc(100% - 73px);
max-width: calc(100% - 73px)
}
}
@media (max-width: 599px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-content {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
gap: 10px
}
}
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-action {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-align: center;
align-items: center;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
@media (max-width: 1279px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-action {
gap: 10px
}
}
@media (max-width: 991px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-action {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 73px;
-ms-flex: 0 0 calc(100% - 70px);
flex: 0 0 calc(100% - 70px);
max-width: calc(100% - 70px)
}
}
@media (max-width: 599px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-action {
padding-left: 0
}
}
@media (max-width: 499px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-action {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
@media (max-width: 499px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-action .cc-btn {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
font-size: 13px;
padding: 10px
}
}
@media (max-width: 499px) {
.cc-bar .cc-bar-container .cc-bar-row .cc-bar-action .cc-btn--primary {
-ms-flex-order: -1;
order: -1;
font-size: 14px;
max-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
}
.cc-modal {
background-color: rgba(0, 0, 0, .2);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
visibility: hidden;
opacity: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease
}
.cc-modal.active {
opacity: 1;
visibility: visible
}
.cc-modal.active .cc-modal-box {
transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0)
}
.cc-modal * {
box-sizing: border-box
}
.cc-modal .cc-close {
position: absolute;
top: 0;
right: 0
}
.cc-modal .cc-modal-box {
width: calc(100% - 20px);
max-height: calc(100% - 20px);
max-width: 1230px;
display: block;
background-color: #fff;
padding: 75px 75px 0;
position: relative;
text-align: left;
overflow: scroll;
border-radius: 7px;
-ms-overflow-style: none;
scrollbar-width: none;
transform: translateY(100vh);
-moz-transform: translateY(100vh);
-o-transform: translateY(100vh);
-ms-transform: translateY(100vh);
-webkit-transform: translateY(100vh);
transition: transform .3s ease;
-webkit-transition: transform .3s ease;
-o-transition: transform .3s ease
}
@media (max-width: 991px) {
.cc-modal .cc-modal-box {
padding: 50px 50px 0
}
}
@media (max-width: 767px) {
.cc-modal .cc-modal-box {
padding: 30px 30px 0
}
}
.cc-modal .cc-modal-box::-webkit-scrollbar {
display: none
}
.cc-modal .cc-modal-box .cc-modal-content {
width: 100%;
padding: 0 0 75px
}
@media (max-width: 991px) {
.cc-modal .cc-modal-box .cc-modal-content {
padding: 0 0 50px
}
}
@media (max-width: 767px) {
.cc-modal .cc-modal-box .cc-modal-content {
padding: 0 0 30px
}
}
@media (min-width: 1231px) {
.cc-modal .cc-modal-box .cc-modal-content .cc-modal-header {
max-width: 50%
}
}
.cc-modal .cc-modal-box .cc-modal-content .cc-modal-header .cc-p {
padding-top: 15px
}
@media (max-width: 991px) {
.cc-modal .cc-modal-box .cc-modal-content .cc-modal-header .cc-p {
font-size: 14px;
line-height: 18px
}
}
.cc-modal .cc-modal-box .cc-modal-content .cc-accordion {
padding-top: 30px
}
.cc-modal .cc-modal-box .cc-modal-content .cc-modal-submit {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 35px
}
.cc-accordion {
list-style: none;
padding: 0;
margin: 0 0 -10px
}
.cc-accordion li {
left: -25px;
border-radius: 0;
width: calc(100% + 50px);
padding: 10px 25px;
position: relative;
border-bottom: 1px solid #ececec;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition-property: background, margin, border
}
@media (max-width: 991px) {
.cc-accordion li {
width: calc(100% + 30px);
padding: 5px 15px;
left: -15px
}
}
.cc-accordion li:before {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
content: "";
opacity: 0;
transition: opacity .3s ease;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease
}
.cc-accordion li.active {
border-radius: 7px;
background-color: #f0f4f7;
margin-bottom: 10px;
border-bottom-color: transparent
}
.cc-accordion li.active:before {
opacity: 1
}
.cc-accordion li.active .cc-item-wrap .cc-title i {
top: 3px;
transform: rotate(45deg) scale(-1);
-moz-transform: rotate(45deg) scale(-1);
-o-transform: rotate(45deg) scale(-1);
-ms-transform: rotate(45deg) scale(-1);
-webkit-transform: rotate(45deg) scale(-1)
}
.cc-accordion li .cc-item-wrap {
gap: 20px
}
.cc-accordion li .cc-item-wrap, .cc-accordion li .cc-item-wrap .cc-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.cc-accordion li .cc-item-wrap .cc-title {
gap: 15px;
font-size: 19px;
-ms-flex-positive: 1;
flex-grow: 1;
cursor: pointer;
padding: 15px 0
}
@media (max-width: 991px) {
.cc-accordion li .cc-item-wrap .cc-title {
font-size: 18px;
padding: 10px 0
}
}
@media (max-width: 599px) {
.cc-accordion li .cc-item-wrap .cc-title {
font-size: 16px;
line-height: 18px
}
}
.cc-accordion li .cc-item-wrap .cc-title i {
width: 8px;
height: 8px;
position: relative;
top: -1px;
transform: rotate(45deg) scale(1);
-moz-transform: rotate(45deg) scale(1);
-o-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
-webkit-transform: rotate(45deg) scale(1);
transition: all .2s ease 0s;
-webkit-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s
}
.cc-accordion li .cc-item-wrap .cc-title i:after, .cc-accordion li .cc-item-wrap .cc-title i:before {
position: absolute;
bottom: 0;
right: 0;
content: "";
background-color: #717171
}
.cc-accordion li .cc-item-wrap .cc-title i:before {
width: 2px;
height: 100%
}
.cc-accordion li .cc-item-wrap .cc-title i:after {
width: 100%;
height: 2px
}
.cc-accordion li .cc-item-wrap .cc-switch input {
display: none
}
.cc-accordion li .cc-item-wrap .cc-switch input:checked + label {
background-color: #00e489
}
.cc-accordion li .cc-item-wrap .cc-switch input:checked + label:before {
left: calc(50% + 12px)
}
@media (max-width: 991px) {
.cc-accordion li .cc-item-wrap .cc-switch input:checked + label:before {
left: calc(50% + 2px)
}
}
.cc-accordion li .cc-item-wrap .cc-switch input:checked + label i {
top: calc(50% - 7px);
left: 65px
}
@media (max-width: 991px) {
.cc-accordion li .cc-item-wrap .cc-switch input:checked + label i {
left: 35px
}
}
.cc-accordion li .cc-item-wrap .cc-switch input:checked + label i:after, .cc-accordion li .cc-item-wrap .cc-switch input:checked + label i:before {
background-color: #00e489
}
.cc-accordion li .cc-item-wrap .cc-switch input:checked + label i:after {
width: 6px;
left: 2px;
top: 10px
}
.cc-accordion li .cc-item-wrap .cc-switch input:checked + label i:before {
left: 8px;
top: 0
}
.cc-accordion li .cc-item-wrap .cc-switch input:disabled + label svg {
position: absolute;
top: 11px;
right: 11px;
width: 16px
}
@media (max-width: 991px) {
.cc-accordion li .cc-item-wrap .cc-switch input:disabled + label svg {
top: 7px;
right: 7px;
width: 14px
}
}
.cc-accordion li .cc-item-wrap .cc-switch input:disabled + label i:after, .cc-accordion li .cc-item-wrap .cc-switch input:disabled + label i:before {
display: none
}
.cc-accordion li .cc-item-wrap .cc-switch label {
background-color: #dbdbdb;
position: relative;
display: -ms-flexbox;
display: flex;
border-radius: 40px;
width: 90px;
height: 40px;
cursor: pointer;
transition: background .2s ease 0s;
-webkit-transition: background .2s ease 0s;
-o-transition: background .2s ease 0s
}
@media (max-width: 991px) {
.cc-accordion li .cc-item-wrap .cc-switch label {
width: 55px;
height: 30px
}
}
.cc-accordion li .cc-item-wrap .cc-switch label:before {
content: "";
background-color: #fff;
pointer-events: none;
position: absolute;
top: 6px;
left: 6px;
border-radius: 50%;
height: 28px;
width: 28px;
box-shadow: 0 0 15px rgba(0, 0, 0, .16);
transition: left .2s ease 0s;
-webkit-transition: left .2s ease 0s;
-o-transition: left .2s ease 0s
}
@media (max-width: 991px) {
.cc-accordion li .cc-item-wrap .cc-switch label:before {
top: 4px;
left: 4px;
height: 22px;
width: 22px
}
}
.cc-accordion li .cc-item-wrap .cc-switch label i {
height: 12px;
width: 12px;
position: absolute;
top: calc(50% - 6px);
left: 14px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: all .2s ease 0s;
-webkit-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s
}
@media (max-width: 991px) {
.cc-accordion li .cc-item-wrap .cc-switch label i {
left: 9px
}
}
.cc-accordion li .cc-item-wrap .cc-switch label i:after, .cc-accordion li .cc-item-wrap .cc-switch label i:before {
background-color: #c2c2c2;
content: "";
position: absolute;
transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s
}
.cc-accordion li .cc-item-wrap .cc-switch label i:after {
height: 2px;
left: 0;
top: 5px;
width: 12px
}
.cc-accordion li .cc-item-wrap .cc-switch label i:before {
height: 12px;
width: 2px;
left: 5px;
top: 0
}
.cc-accordion li .cc-ac-content {
display: none;
padding: 10px 0
}
@media (max-width: 767px) {
.cc-accordion li .cc-ac-content {
overflow-y: auto
}
}
.cc-accordion li .cc-ac-content > * {
margin-bottom: 20px
}
.cc-accordion li .cc-ac-content > :last-child {
margin-bottom: 0 !important
}
.cc-accordion li .cc-ac-content .cc-p {
font-size: 15px;
line-height: 22px
}
.cc-accordion li .cc-ac-content table {
border-collapse: collapse;
width: calc(100% - 20px) !important;
font-size: 14px;
line-height: 18px;
color: #424242;
position: relative;
left: -10px
}
@media (max-width: 767px) {
.cc-accordion li .cc-ac-content table {
width: 667px !important
}
}
.cc-accordion li .cc-ac-content table tr {
border-bottom: 1px solid #ececec
}
.cc-accordion li .cc-ac-content table td, .cc-accordion li .cc-ac-content table th {
text-align: left;
font-weight: 400;
vertical-align: middle;
padding: 5px 10px;
width: 150px;
word-wrap: anywhere
}
@media (max-width: 991px) {
.cc-accordion li .cc-ac-content table td, .cc-accordion li .cc-ac-content table th {
width: 120px
}
}
.cc-accordion li .cc-ac-content table td:first-of-type, .cc-accordion li .cc-ac-content table th:first-of-type {
width: 220px
}
@media (max-width: 991px) {
.cc-accordion li .cc-ac-content table td:first-of-type, .cc-accordion li .cc-ac-content table th:first-of-type {
width: 150px
}
}
.cc-accordion li .cc-ac-content table td:last-of-type, .cc-accordion li .cc-ac-content table th:last-of-type {
width: auto
}
.cc-loader {
display: none;
border-radius: 50%;
border-top-color: #b7b7b7;
border-right-color: #b7b7b7;
border-bottom-color: #b7b7b7;
border-left-color: #06bb73;
border-style: solid;
border-width: 4px;
margin: 0 auto;
position: relative;
transform: translateZ(0);
animation: cc-load 1.1s infinite linear;
width: 24px;
height: 24px
}
.cc-loader.active {
display: block
}
@keyframes cc-load {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}