@media (min-width: 768px) {





}
@media (min-width: 1280px) {





}







.mockitt-site-shell{--blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --gray: #6c757d; --gray-dark: #343a40; --primary: #000; --secondary: #e83b45; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --white: #fff; --black: #000; --action: #006dff; --support: #e83b45; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1280px; --breakpoint-xxl: 1600px; --font-family-sans-serif: "MessinaSansWeb", -apple-system, blinkmacsystemfont,
    "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;}
.mockitt-site-shell *,.mockitt-site-shell ::before,.mockitt-site-shell ::after{box-sizing: border-box;}
.mockitt-site-shell{font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.mockitt-site-shell article,.mockitt-site-shell aside,.mockitt-site-shell figcaption,.mockitt-site-shell figure,.mockitt-site-shell footer,.mockitt-site-shell header,.mockitt-site-shell hgroup,.mockitt-site-shell main,.mockitt-site-shell nav,.mockitt-site-shell section{display: block;}
.mockitt-site-shell{margin: 0px; font-family: MessinaSansWeb, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: calc(1 * var(--mockitt-shell-rem)); font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); text-align: left; background-color: rgb(255, 255, 255);}
.mockitt-site-shell [tabindex="-1"]:focus:not(:focus-visible){outline: 0px !important;}
.mockitt-site-shell hr{box-sizing: content-box; height: 0px; overflow: visible;}
.mockitt-site-shell h1,.mockitt-site-shell h2,.mockitt-site-shell h3,.mockitt-site-shell h4,.mockitt-site-shell h5,.mockitt-site-shell h6{margin-top: 0px; margin-bottom: calc(0.5 * var(--mockitt-shell-rem));}
.mockitt-site-shell p{margin-top: 0px; margin-bottom: calc(1 * var(--mockitt-shell-rem));}
.mockitt-site-shell abbr[title],.mockitt-site-shell abbr[data-original-title]{text-decoration: underline dotted; cursor: help; border-bottom: 0px; text-decoration-skip-ink: none;}
.mockitt-site-shell address{margin-bottom: calc(1 * var(--mockitt-shell-rem)); font-style: normal; line-height: inherit;}
.mockitt-site-shell ol,.mockitt-site-shell ul,.mockitt-site-shell dl{margin-top: 0px; margin-bottom: calc(1 * var(--mockitt-shell-rem));}
.mockitt-site-shell ol ol,.mockitt-site-shell ul ul,.mockitt-site-shell ol ul,.mockitt-site-shell ul ol{margin-bottom: 0px;}
.mockitt-site-shell dt{font-weight: 700;}
.mockitt-site-shell dd{margin-bottom: calc(0.5 * var(--mockitt-shell-rem)); margin-left: 0px;}
.mockitt-site-shell blockquote{margin: 0px 0px calc(1 * var(--mockitt-shell-rem));}
.mockitt-site-shell b,.mockitt-site-shell strong{font-weight: bolder;}
.mockitt-site-shell small{font-size: 80%;}
.mockitt-site-shell sub,.mockitt-site-shell sup{position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
.mockitt-site-shell sub{bottom: -0.25em;}
.mockitt-site-shell sup{top: -0.5em;}
.mockitt-site-shell a{color: rgb(0, 0, 0); text-decoration: none; background-color: transparent;}
.mockitt-site-shell a:hover{color: rgb(0, 0, 0); text-decoration: underline;}
.mockitt-site-shell a:not([href]):not([class]){color: inherit; text-decoration: none;}
.mockitt-site-shell a:not([href]):not([class]):hover{color: inherit; text-decoration: none;}
.mockitt-site-shell pre,.mockitt-site-shell code,.mockitt-site-shell kbd,.mockitt-site-shell samp{font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em;}
.mockitt-site-shell pre{margin-top: 0px; margin-bottom: calc(1 * var(--mockitt-shell-rem)); overflow: auto;}
.mockitt-site-shell figure{margin: 0px 0px calc(1 * var(--mockitt-shell-rem));}
.mockitt-site-shell img{vertical-align: middle; border-style: none;}
.mockitt-site-shell svg{overflow: hidden; vertical-align: middle;}
.mockitt-site-shell table{border-collapse: collapse;}
.mockitt-site-shell caption{padding-top: calc(0.75 * var(--mockitt-shell-rem)); padding-bottom: calc(0.75 * var(--mockitt-shell-rem)); color: rgb(108, 117, 125); text-align: left; caption-side: bottom;}
.mockitt-site-shell th{text-align: inherit;}
.mockitt-site-shell label{display: inline-block; margin-bottom: calc(0.5 * var(--mockitt-shell-rem));}
.mockitt-site-shell button{border-radius: 0px;}
.mockitt-site-shell button:focus{outline: -webkit-focus-ring-color auto 5px;}
.mockitt-site-shell input,.mockitt-site-shell button,.mockitt-site-shell select,.mockitt-site-shell optgroup,.mockitt-site-shell textarea{margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit;}
.mockitt-site-shell button,.mockitt-site-shell input{overflow: visible;}
.mockitt-site-shell button,.mockitt-site-shell select{text-transform: none;}
.mockitt-site-shell [role="button"]{cursor: pointer;}
.mockitt-site-shell select{overflow-wrap: normal;}
.mockitt-site-shell button,.mockitt-site-shell [type="button"],.mockitt-site-shell [type="reset"],.mockitt-site-shell [type="submit"]{appearance: button;}
.mockitt-site-shell button:not(:disabled),.mockitt-site-shell [type="button"]:not(:disabled),.mockitt-site-shell [type="reset"]:not(:disabled),.mockitt-site-shell [type="submit"]:not(:disabled){cursor: pointer;}
.mockitt-site-shell input[type="radio"],.mockitt-site-shell input[type="checkbox"]{box-sizing: border-box; padding: 0px;}
.mockitt-site-shell textarea{overflow: auto; resize: vertical;}
.mockitt-site-shell fieldset{min-width: 0px; padding: 0px; margin: 0px; border: 0px;}
.mockitt-site-shell legend{display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: calc(0.5 * var(--mockitt-shell-rem)); font-size: calc(1.5 * var(--mockitt-shell-rem)); line-height: inherit; color: inherit; white-space: normal;}
.mockitt-site-shell progress{vertical-align: baseline;}
.mockitt-site-shell [type="number"]::-webkit-inner-spin-button,.mockitt-site-shell [type="number"]::-webkit-outer-spin-button{height: auto;}
.mockitt-site-shell [type="search"]{outline-offset: -2px; appearance: none;}
.mockitt-site-shell [type="search"]::-webkit-search-decoration{appearance: none;}
.mockitt-site-shell ::-webkit-file-upload-button{font: inherit; appearance: button;}
.mockitt-site-shell output{display: inline-block;}
.mockitt-site-shell summary{display: list-item; cursor: pointer;}
.mockitt-site-shell template{display: none;}
.mockitt-site-shell [hidden]{display: none !important;}
.mockitt-site-shell h1,.mockitt-site-shell h2,.mockitt-site-shell h3,.mockitt-site-shell h4,.mockitt-site-shell h5,.mockitt-site-shell h6{margin-bottom: calc(0.5 * var(--mockitt-shell-rem)); font-family: MessinaModernWeb, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 700; line-height: 1.2;}
.mockitt-site-shell h1{font-size: calc(2.5 * var(--mockitt-shell-rem));}
.mockitt-site-shell h2{font-size: calc(2 * var(--mockitt-shell-rem));}
.mockitt-site-shell h3{font-size: calc(1.75 * var(--mockitt-shell-rem));}
.mockitt-site-shell h4{font-size: calc(1.5 * var(--mockitt-shell-rem));}
.mockitt-site-shell h5{font-size: calc(1.25 * var(--mockitt-shell-rem));}
.mockitt-site-shell h6{font-size: calc(1 * var(--mockitt-shell-rem));}





.mockitt-site-shell hr{margin-top: calc(1 * var(--mockitt-shell-rem)); margin-bottom: calc(1 * var(--mockitt-shell-rem)); border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(0, 0, 0, 0.1) currentcolor currentcolor; border-image: none;}
.mockitt-site-shell small{font-size: 80%; font-weight: 400;}
.mockitt-site-shell mark{padding: 0.2em; background-color: rgb(252, 248, 227);}













.mockitt-site-shell code{font-size: 87.5%; color: rgb(232, 62, 140); overflow-wrap: break-word;}
.mockitt-site-shell a > code{color: inherit;}
.mockitt-site-shell kbd{padding: calc(0.2 * var(--mockitt-shell-rem)) calc(0.4 * var(--mockitt-shell-rem)); font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px -calc(0.1 * var(--mockitt-shell-rem)) 0px inset;}
.mockitt-site-shell kbd kbd{padding: 0px; font-size: 100%; font-weight: 700; box-shadow: none;}
.mockitt-site-shell pre{display: block; font-size: 87.5%; color: rgb(33, 37, 41);}
.mockitt-site-shell pre code{font-size: inherit; color: inherit; word-break: normal;}

























































@media (min-width: 576px) {













































}
@media (min-width: 768px) {













































}
@media (min-width: 992px) {













































}
@media (min-width: 1280px) {













































}
@media (min-width: 1600px) {













































}





































































@media (max-width: 575.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 1279.98px) {
}
@media (max-width: 1599.98px) {
}

































































@media (min-width: 576px) {







}


































































































































































.mockitt-site-shell .fade{transition: opacity 0.15s linear;}
@media (prefers-reduced-motion: reduce) {.mockitt-site-shell .fade{transition: none;}}
.mockitt-site-shell .fade:not(.show){opacity: 0;}










@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1600px) {
}


























































































































































@media (min-width: 576px) {





}

@media (min-width: 768px) {





}

@media (min-width: 992px) {





}

@media (min-width: 1280px) {





}

@media (min-width: 1600px) {





}





















































@media (min-width: 576px) {
}

@media (min-width: 576px) {







}

@media (min-width: 576px) {
}
















































































































@-webkit-keyframes progress-bar-stripes { 
  0% { background-position: calc(1 * var(--mockitt-shell-rem)) 0px; }
  100% { background-position: 0px 0px; }
}
@keyframes progress-bar-stripes { 
  0% { background-position: calc(1 * var(--mockitt-shell-rem)) 0px; }
  100% { background-position: 0px 0px; }
}

























@media (min-width: 576px) {




}
@media (min-width: 768px) {




}
@media (min-width: 992px) {




}
@media (min-width: 1280px) {




}
@media (min-width: 1600px) {




}



















































.mockitt-site-shell .modal-open{overflow: hidden;}
.mockitt-site-shell .modal-open .modal{overflow: hidden auto;}
.mockitt-site-shell .modal{position: fixed; top: 0px; left: 0px; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0px;}
.mockitt-site-shell .modal-dialog{position: relative; width: auto; margin: calc(0.5 * var(--mockitt-shell-rem)); pointer-events: none;}
.mockitt-site-shell .modal.fade .modal-dialog{transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; transform: translate(0px, -50px);}
@media (prefers-reduced-motion: reduce) {.mockitt-site-shell .modal.fade .modal-dialog{transition: none;}}
.mockitt-site-shell .modal.show .modal-dialog{transform: none;}





.mockitt-site-shell .modal-dialog-centered{display: flex; -webkit-box-align: center; align-items: center; min-height: calc(100% - calc(1 * var(--mockitt-shell-rem)));}
.mockitt-site-shell .modal-dialog-centered::before{display: block; height: min-content; content: "";}



.mockitt-site-shell .modal-content{position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px calc(0.25 * var(--mockitt-shell-rem)) calc(0.5 * var(--mockitt-shell-rem)); outline: 0px;}






.mockitt-site-shell .modal-body{position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding: calc(1 * var(--mockitt-shell-rem));}



@media (min-width: 576px) {.mockitt-site-shell .modal-dialog{max-width: 500px; margin: calc(1.75 * var(--mockitt-shell-rem)) auto;}


.mockitt-site-shell .modal-dialog-centered{min-height: calc(100% - calc(3.5 * var(--mockitt-shell-rem)));}
.mockitt-site-shell .modal-dialog-centered::before{height: min-content;}
.mockitt-site-shell .modal-content{box-shadow: rgba(0, 0, 0, 0.5) 0px calc(0.5 * var(--mockitt-shell-rem)) calc(1 * var(--mockitt-shell-rem));}
}










































@-webkit-keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}


@-webkit-keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}







































.mockitt-site-shell .border-0{border: 0px !important;}





























.mockitt-site-shell .d-inline{display: inline !important;}





.mockitt-site-shell .d-flex{display: flex !important;}

@media (min-width: 576px) {







}
@media (min-width: 768px) {







}
@media (min-width: 992px) {







}
@media (min-width: 1280px) {







}
@media (min-width: 1600px) {







}
@media print {







}


























.mockitt-site-shell .align-items-center{-webkit-box-align: center !important; align-items: center !important;}














@media (min-width: 576px) {
































}
@media (min-width: 768px) {
































}
@media (min-width: 992px) {
































}
@media (min-width: 1280px) {
































}
@media (min-width: 1600px) {
































}



@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1280px) {

}
@media (min-width: 1600px) {

}




.mockitt-site-shell .overflow-hidden{overflow: hidden !important;}

.mockitt-site-shell .position-relative{position: relative !important;}





































.mockitt-site-shell .ml-1{margin-left: calc(0.25 * var(--mockitt-shell-rem)) !important;}




















.mockitt-site-shell .p-0{padding: 0px !important;}
.mockitt-site-shell .py-0{padding-top: 0px !important;}

.mockitt-site-shell .py-0{padding-bottom: 0px !important;}















.mockitt-site-shell .pl-3{padding-left: calc(1 * var(--mockitt-shell-rem)) !important;}








































@media (min-width: 576px) {
























































































}
@media (min-width: 768px) {
























































































}
@media (min-width: 992px) {
























































































}
@media (min-width: 1280px) {
























































































}
@media (min-width: 1600px) {



















































.mockitt-site-shell .px-xxl-4{padding-right: calc(1.5 * var(--mockitt-shell-rem)) !important;}

.mockitt-site-shell .px-xxl-4{padding-left: calc(1.5 * var(--mockitt-shell-rem)) !important;}


































}








.mockitt-site-shell .text-center{text-align: center !important;}
@media (min-width: 576px) {

}
@media (min-width: 768px) {.mockitt-site-shell .text-md-left{text-align: left !important;}

}
@media (min-width: 992px) {

}
@media (min-width: 1280px) {

}
@media (min-width: 1600px) {

}












































@media print {.mockitt-site-shell *,.mockitt-site-shell ::before,.mockitt-site-shell ::after{text-shadow: none !important; box-shadow: none !important;}

.mockitt-site-shell abbr[title]::after{content: " (" attr(title) ")";}
.mockitt-site-shell pre{white-space: pre-wrap !important;}
.mockitt-site-shell pre,.mockitt-site-shell blockquote{border: 1px solid rgb(173, 181, 189); break-inside: avoid;}
.mockitt-site-shell thead{display: table-header-group;}
.mockitt-site-shell tr,.mockitt-site-shell img{break-inside: avoid;}
.mockitt-site-shell p,.mockitt-site-shell h2,.mockitt-site-shell h3{orphans: 3; widows: 3;}
.mockitt-site-shell h2,.mockitt-site-shell h3{break-after: avoid;}

.mockitt-site-shell{min-width: 992px !important;}








}























.mockitt-site-shell a{transition: 0.2s ease-in-out;}
@media (prefers-reduced-motion: reduce) {.mockitt-site-shell a{transition: none;}}
.mockitt-site-shell a::before,.mockitt-site-shell a::after{transition: 0.2s ease-in-out;}
@media (prefers-reduced-motion: reduce) {.mockitt-site-shell a::before,.mockitt-site-shell a::after{transition: none;}}


@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}


























.mockitt-site-shell [for]{cursor: pointer;}







































































































.mockitt-site-shell .font-weight-medium{font-weight: 500;}





















































































@media (max-width: 991.98px) {
}




.mockitt-site-shell [data-spy="scroll"]{position: relative; overflow: auto;}




.mockitt-site-shell th{font-weight: 700;}

















































@media (max-width: 991.98px) {.mockitt-site-shell{font-size: 80%;}
}
@media (min-width: 992px) {































}




@media (min-width: 1280px) {
}
@media (min-width: 1600px) {
}
























@media (min-width: 992px) {






}




.mockitt-site-shell .wondershare-user-panel{position: relative;}
.mockitt-site-shell .wondershare-user-panel.log-in{display: none;}































@media (min-width: 1280px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1280px) {
}


@media (min-width: 1280px) {
}

@media (min-width: 1280px) {
}













@media (min-width: 1280px) {
}



@media (min-width: 1280px) {

}













@media (min-width: 1280px) {

}



































@media (min-width: 1280px) {

}



























@media (min-width: 1280px) {

}




@media (min-width: 1280px) {
}










@media (min-width: 1280px) {

}

@media (min-width: 1280px) {

}

















@media (min-width: 1280px) {
}

























@media (min-width: 1280px) {
}
@media (min-width: 1280px) {

}
































































.mockitt-site-shell .wsc-footer2020{z-index: 49; font-family: inherit; background-color: rgb(0, 0, 0);}
.mockitt-site-shell .wsc-footer2020 *{box-sizing: border-box;}
.mockitt-site-shell .wsc-footer2020 svg,.mockitt-site-shell .wsc-footer2020 span{vertical-align: middle;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-container{width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-container{max-width: 1232px;}}
@media (min-width: 1600px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-container{max-width: 1442px;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-top-content{position: relative; padding: 8px 0px;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-top-content{display: flex; padding: 64px 0px 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-nav{padding: 8px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-nav ul{padding: 0px; margin: 0px; list-style: none;}


@media (min-width: 1280px) {
}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-nav{width: 25%; border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav{padding: 8px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav{-webkit-box-flex: 1; flex: 1 1 auto; padding: 0px 0px 0px 32px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}}

@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav-content + .wsc-footer2020-subnav-content .wsc-footer2020-dropdown{width: auto; padding-top: 52px;}}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav-content{display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav-item{padding: 8px 0px; margin: 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav-link{font-size: 14px; color: rgb(255, 255, 255); text-decoration: none; opacity: 0.8;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav-link{font-size: 16px; transition: 0.2s;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav-link:hover{color: rgb(255, 255, 255); text-decoration: none; opacity: 1;}}









.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-toggle{display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 8px 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-title{margin: 0px; font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.5; color: rgb(255, 255, 255);}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-title{font-size: 18px;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-icon{opacity: 0.7;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-icon{display: none;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-toggle[aria-expanded="false"] + .wsc-footer2020-dropdown-menu{display: none;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-toggle[aria-expanded="true"] .wsc-footer2020-dropdown-icon{opacity: 1; transform: rotate(180deg);}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-toggle[aria-expanded="true"] + .wsc-footer2020-dropdown-menu{display: block;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-menu ul{padding: 0px; margin: 0px; list-style: none;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-dropdown-menu{display: block !important;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-bottom .wsc-footer2020-bottom-content{position: relative; padding: 8px 0px;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-bottom .wsc-footer2020-bottom-content{display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}}











@media (min-width: 1280px) {

}

@media (min-width: 1280px) {
}









@media (min-width: 1280px) {
}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-bottom{padding: 0px 0px 136px;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top{border-top: 1px solid rgba(255, 255, 255, 0.2);}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}}
@media (min-width: 1600px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-container{max-width: 1232px;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; padding: 0px;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content{-webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav{text-align: center; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav{display: flex; -webkit-box-align: center; align-items: center; text-align: left;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo{width: 200px; max-width: 100%;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav{padding: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav{padding: 60px 0px 60px 150px;}}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link{font-size: 14px;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown{padding: 8px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4){display: flex; -webkit-box-align: baseline; align-items: baseline; width: 100%; padding-top: 32px;}}
@media (min-width: 1280px) and (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-toggle{margin: 0px 16px 0px 0px;}}
@media (min-width: 1280px) and (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-title{font-size: 18px;}}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) ul{display: flex;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item{padding: 5px 16px;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-menu{display: block;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5){position: absolute; top: 190px; right: 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) .wsc-footer2020-dropdown-toggle{padding-bottom: 0px; margin-bottom: 0px;}}





@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle{margin-bottom: 10px;}}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-title{font-size: 22px;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-bottom{padding: 0px;}
@media (min-width: 1600px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-container{max-width: 1442px;}}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-bottom-content{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-bottom-content{-webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;}}





@media (min-width: 1280px) {
}

















































































































.mockitt-site-shell main{color: rgb(24, 24, 24);}









































@media (max-width: 1279px) {







.mockitt-site-shell main p{font-size: 14px;}}
@media (max-width: 991px) {


.mockitt-site-shell h2{font-size: calc(1.75 * var(--mockitt-shell-rem));}



}
@media (max-width: 767px) {


.mockitt-site-shell h2{font-size: calc(1.5 * var(--mockitt-shell-rem));}





.mockitt-site-shell main p{font-size: 12px;}}



















.mockitt-site-shell #slogan-signature{display: none;}






@media (min-width: 992px) {
}
@media (max-width: 991.98px) {


}
@media (min-width: 1280px) {

























}

.mockitt-site-shell img[src^="//www.linkconnector.com/"],.mockitt-site-shell img[src^="https://www.linkconnector.com/"]{display: none;}









@media (min-width: 992px) {




}

@media (min-width: 1280px) {




}
@media (min-width: 992px) {


}
@media (max-width: 1680px) and (min-width: 1280px) {
}





@font-face { font-family: Spartan; font-style: normal; font-display: swap; src: url("/mb-cms/__/en/fonts/Spartan.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Spartan; font-style: normal; font-display: swap; src: url("/mb-cms/__/en/fonts/Spartan.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.mockitt-site-shell,.mockitt-site-shell h1,.mockitt-site-shell h2,.mockitt-site-shell h3,.mockitt-site-shell h4,.mockitt-site-shell h5,.mockitt-site-shell h6,.mockitt-site-shell main{font-family: Spartan; -webkit-font-smoothing: antialiased;}
.mockitt-site-shell{overflow: hidden overlay;}
.mockitt-site-shell h1,.mockitt-site-shell h2,.mockitt-site-shell h3,.mockitt-site-shell h4,.mockitt-site-shell h5,.mockitt-site-shell h6{letter-spacing: -0.015em;}
.mockitt-site-shell p,.mockitt-site-shell span,.mockitt-site-shell div,.mockitt-site-shell li,.mockitt-site-shell td,.mockitt-site-shell th,.mockitt-site-shell label,.mockitt-site-shell input,.mockitt-site-shell textarea,.mockitt-site-shell button{letter-spacing: -0.005em;}
.mockitt-site-shell ::-webkit-scrollbar{height: 4px; width: 4px;}
.mockitt-site-shell ::-webkit-scrollbar-thumb{border-radius: 6px; background-color: rgba(153, 153, 153, 0.5);}

.mockitt-site-shell .wsc-modao-header{position: sticky; top: 0px; z-index: 60;}
.mockitt-site-shell .modao-navbar{box-shadow: rgba(221, 221, 221, 0.5) 0px -1px 0px 0px inset; position: relative; background: rgb(255, 255, 255);}
.mockitt-site-shell .modao-navbar a:hover{text-decoration: none;}
.mockitt-site-shell .modao-navbar-container{max-width: 1367px; margin-right: auto; margin-left: auto; width: calc(100% - 32px);}
.mockitt-site-shell .modao-navbar-content{display: flex; align-items: center; justify-content: space-between;}
.mockitt-site-shell .modao-navbar-brand{align-items: center; justify-content: space-between;}

.mockitt-site-shell .modao-navbar-brand .modao-logo{width: 129.62px; height: 35px;}
.mockitt-site-shell .modao-navbar-brand-href{display: flex; align-items: center; height: 100%;}
.mockitt-site-shell .modao-navbar-collapse{position: absolute; left: 0px; top: 56px; width: 100%;}
.mockitt-site-shell .modao-navbar-item{list-style: none; position: relative; margin-right: 16px;}
.mockitt-site-shell .modao-navbar-link{display: flex; align-items: center; color: rgb(0, 0, 0); font-family: Spartan; font-size: 14px; font-weight: 500; text-decoration: none; letter-spacing: 0px;}
.mockitt-site-shell .new-ai{color: transparent;}
.mockitt-site-shell .new-ai .color-text{background: radial-gradient(107.97% 1509.02% at 0% 100%, rgb(26, 203, 255) 0%, rgb(68, 55, 255) 25.83%, rgb(255, 70, 195) 49.83%, rgb(255, 115, 82) 75.83%, rgb(255, 198, 49) 100%) text;}
.mockitt-site-shell .new-ai svg{color: rgb(0, 0, 0);}
.mockitt-site-shell .modao-navbar-item .new-ai:hover{color: transparent !important;}
.mockitt-site-shell .modao-navbar-arrow{transition: 0.3s; width: 16px; height: 16px;}
.mockitt-site-shell .modao-navbar-btnlogin{display: inline-block; margin-right: 12px; padding: 9px 18px; border-radius: 22px; background: rgb(255, 255, 255); font-size: 16px; font-weight: 600; line-height: 1; border: 1px solid rgb(31, 97, 255); color: rgb(31, 97, 255); text-decoration: none;}
.mockitt-site-shell .modao-navbar-btnlogin:hover{border-color: rgb(67, 129, 255); color: rgb(67, 129, 255); background: rgb(255, 255, 255);}
.mockitt-site-shell .modao-navbar-btnlogin:active,.mockitt-site-shell .modao-navbar-btnlogin:focus{border-color: rgb(31, 97, 255); color: rgb(31, 97, 255); background: rgb(255, 255, 255);}
.mockitt-site-shell .modao-navbar-btnworkspace:hover,.mockitt-site-shell .modao-navbar-btnregister:hover{color: rgb(255, 255, 255); background: linear-gradient(92.64deg, rgba(43, 89, 255, 0.8) 0.91%, rgba(167, 40, 255, 0.8) 51.51%, rgba(255, 78, 228, 0.8) 95.77%);}
.mockitt-site-shell .modao-navbar-btnregister,.mockitt-site-shell .modao-navbar-btnworkspace{display: inline-block; padding: 9px 18px; border-radius: 22px; font-size: 16px; line-height: 1; margin: 0px auto; color: rgb(255, 255, 255); background: linear-gradient(92.64deg, rgb(43, 89, 255) 0.91%, rgb(167, 40, 255) 51.51%, rgb(255, 78, 228) 95.77%); text-decoration: none;}
.mockitt-site-shell .modao-navbar-btnregister:focus,.mockitt-site-shell .modao-navbar-btnregister:active,.mockitt-site-shell .modao-navbar-btnworkspace:focus,.mockitt-site-shell .modao-navbar-btnworkspace:active{background: linear-gradient(0deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07)), linear-gradient(92.5deg, rgb(31, 97, 255) 6.44%, rgb(167, 40, 255) 55.47%, rgb(255, 78, 228) 98.36%);}
.mockitt-site-shell .modao-navbar-col{margin-right: 14px; display: inline-block;}

.mockitt-site-shell .modao-navbar-product-icon-left{width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; margin-right: 14px;}
.mockitt-site-shell .modao-navbar-product-icon-left .product-icon-navbar{width: 100%; height: 100%;}
.mockitt-site-shell .modao-navbar-icon-left{width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; margin-right: 14px; border: 0.56px solid rgba(0, 0, 0, 0.05); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0.56px 1.12px 0px; background: rgb(255, 255, 255);}
.mockitt-site-shell .modao-navbar-icon-left .icon-navbar{width: 30px; height: 30px; padding: 6px; border: 0.5px solid rgba(0, 0, 0, 0.1); border-radius: 7.5px; background: rgb(246, 246, 246);}


.mockitt-site-shell .modao-navbar-col-help{margin: 0px;}

.mockitt-site-shell .modao-navbar-col-help .modao-navbar-col-item-right-title{color: rgb(0, 0, 0); font-family: Spartan; font-size: 14px; font-weight: 500; text-align: left; white-space: nowrap; margin-right: 16px;}


.mockitt-site-shell .modao-navbar-col-content{display: flex; flex-direction: column; margin-bottom: 0px;}
.mockitt-site-shell .modao-navbar-col-item-content{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-radius: 12px; cursor: pointer;}
.mockitt-site-shell .modao-navbar-col-item-content a{padding: 10px; display: block; width: 100%;}
.mockitt-site-shell .modao-navbar-col-item-content:not(:last-child){margin-bottom: 8px;}
.mockitt-site-shell .modao-navbar-col-item-content:last-child{margin-bottom: 0px;}
.mockitt-site-shell .modao-navbar-col-item-content:hover{background: rgb(246, 246, 246);}
.mockitt-site-shell .modao-navbar-col-item-content:hover .modao-navbar-icon-left .icon-navbar{background: transparent;}
.mockitt-site-shell .modao-navbar-col-item-text{display: flex; flex-direction: column; margin-right: 30px;}
.mockitt-site-shell .modao-navbar-col-item-text .modao-navbar-col-item-b{color: rgb(0, 0, 0); font-family: Spartan; font-size: 14px; font-weight: 500; text-align: left; margin-bottom: 2px;}
.mockitt-site-shell .modao-navbar-col-item-text .modao-navbar-col-item-n{color: rgba(0, 0, 0, 0.55); font-family: Spartan; font-size: 12px; font-weight: 400; text-align: left; white-space: nowrap;}

































.mockitt-site-shell .modao-navbar-toggle{z-index: 1; max-height: 0px; opacity: 0; overflow: hidden;}
.mockitt-site-shell .workspace-signup-btn{padding: 0px 60px;}
.mockitt-site-shell .modao-navbar-collapse .modao-navbar-menu{margin: 0px;}

@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (min-width: 1206px) {.mockitt-site-shell .modao-navbar-brand{height: 72px;}
.mockitt-site-shell .modao-navbar-brand.mobile-brand{display: none;}
.mockitt-site-shell .modao-navbar-collapse{display: flex; overflow: visible; justify-content: space-between; -webkit-box-flex: 1; flex: 1 1 auto; position: static;}
.mockitt-site-shell .modao-navbar-menu{margin-bottom: 0px; display: flex; -webkit-box-align: center; align-items: center;}
.mockitt-site-shell .modao-navbar-link{font-size: 16px; height: 72px; line-height: 72px; padding: 0px 12px;}


.mockitt-site-shell .modao-navbar-toggle-content{border-radius: 14px; display: flex; padding: 20px; background: rgb(255, 255, 255);}
.mockitt-site-shell .modao-navbar-toggle{border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 16px 24px -8px; background: rgb(255, 255, 255); position: absolute; left: 50%; transform: translate3d(-30%, 0px, 0px); top: 100%;}
.mockitt-site-shell .modao-navbar-item:hover .modao-navbar-toggle{max-height: 100vh; opacity: 1;}
.mockitt-site-shell .modao-navbar-item:hover .modao-navbar-link{color: rgb(17, 22, 20);}
.mockitt-site-shell .modao-navbar-item:hover .modao-navbar-link.new-ai{color: transparent;}
.mockitt-site-shell .modao-navbar-item:hover .modao-navbar-arrow{transform: rotate(180deg);}
.mockitt-site-shell .modao-navbar-menubtn{display: none;}}
@media (min-width: 1201px) and (max-width: 1440px) {.mockitt-site-shell .modao-navbar-item .modao-navbar-link{padding: 0px 12px;}
.mockitt-site-shell .workspace-signup-btn{padding: 0px 12px;}
.mockitt-site-shell .nav-md-login-btn{padding: 0px;}}
@media (max-width: 1205px) {.mockitt-site-shell .modao-navbar-brand{height: 64px;}
.mockitt-site-shell .modao-navbar-brand.web-brand{display: none;}
.mockitt-site-shell .modao-navbar-toggle{overflow: visible;}
.mockitt-site-shell .modao-navbar-toggle-content{width: fit-content;}
.mockitt-site-shell .modao-navbar-link{display: flex; align-items: center; justify-content: space-between; padding: 15px 0px; font-size: 16px;}
.mockitt-site-shell .modao-navbar-menu{padding: 0px 18px; position: relative; background-color: rgb(255, 255, 255); z-index: 9; max-height: 0px; overflow: hidden;}
.mockitt-site-shell .modao-navbar-login{padding: 25px 0px;}
.mockitt-site-shell .workspace-signup-btn{padding: 25px 0px;}
.mockitt-site-shell .modao-navbar-item.active .modao-navbar-toggle{opacity: 1; max-height: 100vh; margin-top: 4px; margin-bottom: 20px;}

.mockitt-site-shell .modao-navbar-item.active .modao-navbar-link{color: rgb(17, 22, 20);}
.mockitt-site-shell .modao-navbar-item.active .modao-navbar-arrow{transform: rotate(180deg);}



.mockitt-site-shell .modao-navbar-menubtn{cursor: pointer; width: 18px; height: 38px; display: flex; align-items: center; position: relative;}
.mockitt-site-shell .modao-navbar-menubtn-line{width: 100px; height: 2px; background: rgb(0, 0, 0);}
.mockitt-site-shell .modao-navbar-menubtn::after,.mockitt-site-shell .modao-navbar-menubtn::before{content: ""; width: 100%; height: 2px; background: rgb(0, 0, 0); position: absolute; left: 0px; transition: 0.4s;}
.mockitt-site-shell .modao-navbar-menubtn::before{top: 11px;}
.mockitt-site-shell .modao-navbar-menubtn::after{bottom: 11px;}
.mockitt-site-shell .modao-navbar-menubtn.active::before{transform: rotate(45deg) translate3d(5px, 5px, 0px);}
.mockitt-site-shell .modao-navbar-menubtn.active::after{transform: rotate(-45deg) translate3d(5px, -5px, 0px);}
.mockitt-site-shell .modao-navbar-menubtn.active .modao-navbar-menubtn-line{display: none;}
.mockitt-site-shell .modao-navbar-collapse.active::after{content: ""; width: 100%; position: absolute; top: 0px; height: calc(-56px + 100vh); background: rgba(0, 0, 0, 0.6); z-index: 1;}
.mockitt-site-shell .modao-navbar-collapse.active .modao-navbar-menu{max-height: 100vh; transition: max-height 0.66s;}













}
@media (max-width: 992px) {.mockitt-site-shell .modao-navbar-brand{height: 56px;}
.mockitt-site-shell .modao-navbar-link{padding: 12px 0px;}

}
@media (max-width: 767px) {
.mockitt-site-shell .modao-navbar-col-item-content{padding-left: 8px; padding-top: 10px; padding-bottom: 10px;}



.mockitt-site-shell .modao-navbar-col{margin-bottom: 8px;}

}
.mockitt-site-shell .modao-navbar-btnregister{padding: 9px 18px; border-radius: 22px; background: linear-gradient(92.64deg, rgb(43, 89, 255) 0.91%, rgb(167, 40, 255) 51.51%, rgb(255, 78, 228) 95.77%); font-size: 16px; font-weight: 600;}
.mockitt-site-shell .modao-navbar-btnregister:hover,.mockitt-site-shell .modao-navbar-btnworkspace:hover{background: linear-gradient(92.64deg, rgba(43, 89, 255, 0.8) 0.91%, rgba(167, 40, 255, 0.8) 51.51%, rgba(255, 78, 228, 0.8) 95.77%);}
.mockitt-site-shell .modao-navbar-btnregister:focus,.mockitt-site-shell .modao-navbar-btnregister:active,.mockitt-site-shell .modao-navbar-btnworkspace:focus,.mockitt-site-shell .modao-navbar-btnworkspace:active{background: linear-gradient(0deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07)), linear-gradient(92.5deg, rgb(31, 97, 255) 6.44%, rgb(167, 40, 255) 55.47%, rgb(255, 78, 228) 98.36%);}
.mockitt-site-shell .modao-navbar-btnworkspace{padding: 9px 18px; border-radius: 22px; background: linear-gradient(92.64deg, rgb(43, 89, 255) 0.91%, rgb(167, 40, 255) 51.51%, rgb(255, 78, 228) 95.77%); font-size: 16px; font-weight: 600;}
.mockitt-site-shell .modao-navbar-btnlogin{padding: 9px 18px; border-radius: 22px; background: rgb(255, 255, 255); border: 1px solid rgb(31, 97, 255); font-size: 16px; color: rgb(31, 97, 255);}
.mockitt-site-shell .modao-navbar-btnlogin:hover{border-color: rgb(67, 129, 255); color: rgb(67, 129, 255); background: rgb(255, 255, 255);}
.mockitt-site-shell .modao-navbar-btnlogin:active,.mockitt-site-shell .modao-navbar-btnlogin:focus{border-color: rgb(31, 97, 255); color: rgb(31, 97, 255); background: rgb(255, 255, 255);}
.mockitt-site-shell #logo-container{position: relative; display: flex;}


.mockitt-site-shell #logo-container[data-hover]::after{z-index: 2; transform: translate(0px, 60px); content: ""; position: absolute; inset: 0px 0px 0px -124%; background: center center / contain no-repeat; opacity: 0; transition: opacity 0.2s; pointer-events: none;}
.mockitt-site-shell #logo-container:hover::after{opacity: 1;}
.mockitt-site-shell #logo-container.win:hover::after{width: 482px; height: 48px; background-image: url("/mb-cms/__/en/img/common/win.png");}
.mockitt-site-shell #logo-container.mac:hover::after{width: 482px; height: 48px; background-image: url("/mb-cms/__/en/img/common/mac.png");}


.mockitt-site-shell .modao-nav-bar-col-item-new-product-icon{display: flex; justify-content: flex-start; align-items: center; gap: 6px;}



.mockitt-site-shell .wsc-footer2020{position: relative; z-index: 50;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top{border-bottom: 1px solid rgb(34, 34, 34); border-top: 1px solid transparent;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown{margin: 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav{padding: clamp(22px, 3.6vw, 48px) 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo{width: 185.17px; height: 50px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4){width: auto; display: block; padding: 0px;}
.mockitt-site-shell .wsc-footer2020-archival-info{margin: 26px 0px; color: rgba(255, 255, 255, 0.4); font-size: 14px; line-height: 1.2; text-align: center;}
.mockitt-site-shell .wsc-footer2020-archival-info a{text-decoration: none;}
.mockitt-site-shell .wsc-footer2020-social{padding-bottom: 7px;}



.mockitt-site-shell .wsc-footer2020-social .wsc-footer2020-social-contact-method{color: rgb(168, 168, 168); display: flex; padding: 6px 0px; font-size: 12px; line-height: 22px; vertical-align: middle;}




.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content{flex-direction: column;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:last-of-type .wsc-footer2020-dropdown-menu{text-align: center;}
@media (min-width: 1280px) {.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-container{max-width: 1360px; padding: 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-nav{width: fit-content;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content{flex-direction: row;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-container{max-width: 1470px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav{padding: 87px 50px 87px 0px; border-right: 1px solid transparent; text-align: left; align-items: flex-start;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-title{font-size: 16px; line-height: 28px; font-weight: 700;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-title{font-size: 16px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link{font-size: 12px; line-height: 22px; display: inline-block; color: rgb(168, 168, 168); opacity: 1;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link:hover{color: rgb(255, 255, 255);}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav{padding: 84px 0px 88px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav-item{padding: 5px 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-toggle{margin: 0px 0px 7px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item{padding: 5px 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) ul{display: block;}

.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown{padding: 0px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:not(:last-child){width: 130px; margin-right: 34px; white-space: nowrap; flex-shrink: 0;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer2020-subnav-content{flex-wrap: nowrap; justify-content: unset;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle{padding: 0px; margin-bottom: 7px;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5){position: relative; top: auto; right: auto;}
.mockitt-site-shell .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) .wsc-footer2020-dropdown-toggle{margin: 0px 0px 7px;}}





@media (max-width: 991.99px) {
}

@media (max-width: 1280px) {.mockitt-site-shell #user-group-img{display: none !important;}}


.mockitt-site-shell #ws_login_modal{transition: none;}
.mockitt-site-shell #ws_login_modal iframe{border: 1px solid rgba(6, 8, 10, 0.56);}
.mockitt-site-shell #ws_login_modal .login-dialog{height: 100%; margin: 0px; max-width: none; transition: none;}
.mockitt-site-shell #ws_login_modal .login-dialog .login-content{height: 100%; background: transparent;}
.mockitt-site-shell body.modal-open{padding-right: 0px !important;}
.mockitt-site-shell{--mockitt-shell-rem:16px;display:contents;font-family:Spartan,sans-serif;font-size:var(--mockitt-shell-rem);line-height:1.5;font-weight:400;letter-spacing:normal;color:#212529;text-align:left;-webkit-font-smoothing:antialiased}
@media(max-width:991.98px){.mockitt-site-shell{--mockitt-shell-rem:12.8px}}
.mockitt-site-shell .wsc-modao-header{top:0}
.mockitt-site-shell .wsc-footer2020{font-family:Spartan,sans-serif}
.mockitt-site-shell #ws_login_modal{display:none;position:fixed;inset:0;z-index:1060;width:100%;height:100%;overflow:auto}
.mockitt-site-shell #ws_login_modal.show{display:block;opacity:1}
.mockitt-site-shell #ws_login_modal iframe{display:block;border:0}
body.mockitt-auth-open{overflow:hidden}
.mockitt-site-shell .modao-navbar-item:focus-within>.modao-navbar-toggle{display:block}
.mockitt-site-shell .modao-navbar-menubtn{cursor:pointer}
body[data-mockitt-blog-shell] .wsc-main{padding-top:0}