.toplevel_page_helpcenter #wpwrap {
max-width: 100%;
}
.toplevel_page_helpcenter #wpcontent {
padding: 0 !important;
}
.toplevel_page_helpcenter .container {
max-width: 100%;
padding-left: 60px;
padding-right: 60px;
}
@media (max-width: 767px) {
.toplevel_page_helpcenter .container {
padding-left: 15px;
padding-right: 15px;
}
}
.toplevel_page_helpcenter .notice {
display: none;
}
.helpcenter {
overflow: hidden;
padding-top: 60px;
}
.helpcenter .loader {
position: absolute;
width: 100vw;
height: 100vh;
background: rgba(0,0,0, .8);
z-index:999;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
}
.helpcenter .loader.loaded {
opacity: 0;
z-index: 0;
}
.helpcenter .logo {
max-width: 100%;
text-align: center;
}
.helpcenter .logo img {
max-width: 50%;
}
.helpcenter .title {
text-align: center;
padding: 30px 0;
}
.helpcenter .title h1 {
color: #0e4194;
margin: 0;
}
.helpcenter .content-section {
padding: 15px 30px;
border-radius: 4px;
background: #ffffff;
margin-bottom: 30px;
border: 1px solid #0e4194;
}
.helpcenter .content-section .header {
position: relative;
justify-content: space-between;
width: 100%;
cursor: pointer;
}
.helpcenter .content-section .title {
padding: 0;
text-align: left;
}
.helpcenter .content-section .arrow {
top: 50%;
right: -40px; left: auto;
position: absolute;
}
.helpcenter .content-section .arrow:after {
background:  #0e4194;
}
.helpcenter .content-section .title h2 {
font-size: 22px;
margin: 0;
}
@media (max-width: 1100px) {
.helpcenter .content-section .title h2 {
font-size: 18px;
}
}
@media (max-width: 579px) {
.helpcenter .content-section .title h2 {
font-size: 14px;
}
}
.helpcenter .content-section .content {
height: 0;
display: none;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
}
.helpcenter .content-section .content.active {
height: auto;
padding-top: 30px;
display: block;
}
.helpcenter .content-section .content.active .additional {
padding: 15px;
border: 2px solid #0e4194;
}
.helpcenter .content-section .content.active video {
width: 100vw;
}
.helpcenter .help {
padding: 30px;
background: #3b4350;
display: flex;
justify-content: center;
}
.helpcenter .help .contact {
width: 100%;
text-align: center;
z-index: 99;
}
.helpcenter .help ul li,
.helpcenter .help ul li a {
color: #ffffff;
font-size: 22px;
}
.helpcenter .help ul li a i,
.helpcenter .help ul li i {
margin-right: 10px;
}