@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul li:hover ul {
right: calc(-100% - 40px);
left: auto;
bottom: -44px;
top: auto;
}
.main-navigation ul ul ul { }
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 230px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page { }
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} html *, body * {
font-family: 'Outfit', sans-serif;
font-weight: 400;
}
html a, html a:visited {
color: #101828;
transition: all .35s;
}
@media (hover: hover) {
html a:hover {
transition: all .35s;
color: #344054;
}
}
a:focus {
outline: none;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
}
input:focus {
outline: none;
}
.td-btn-transparent, .td-btn-transparent:visited {
display: inline-block;
height: 40px;
line-height: 36px;
border: 1px solid #3BB44B;
border-radius: 40px;
font-weight: 500;
font-size: 16px;
text-decoration: none;
text-align: center;
padding-left: 24px;
padding-right: 24px;
transition: all .35s;
color: #3BB44B;
vertical-align: middle;
}
@media (hover: hover) {
.td-btn-transparent:hover {
background: #F8FFF8;
transition: all .35s;
color: #3BB44B;
}
}
.td-btn-primary, .td-btn-primary:visited, input[type="submit"].td-btn-primary, button.td-btn-primary {
display: inline-block;
height: 40px;
line-height: 38px;
border-radius: 40px;
font-weight: 500;
font-size: 16px;
text-decoration: none;
text-align: center;
padding-left: 24px;
padding-right: 24px;
transition: all .35s;
color: #fff;
vertical-align: middle;
background: #FD853A;
}
@media (hover: hover) {
.td-btn-primary:hover {
background: #FB6514;
transition: all .35s;
color: #ffffff;
}
}
.td-btn-white, .td-btn-white:visited, input[type="submit"].td-btn-white, button.td-btn-white {
display: inline-block;
height: 50px;
line-height: 48px;
border-radius: 40px;
font-weight: 500;
font-size: 18px;
text-decoration: none;
text-align: center;
padding-left: 24px;
padding-right: 24px;
transition: all .35s;
min-width: 200px;
color: #3BB44B;
vertical-align: middle;
background: #FCFCFD;
}
@media (hover: hover) {
.td-btn-white:hover {
background: #FB6514;
transition: all .35s;
color: #ffffff;
}
}
.td-btn-primary img {
padding-left: 10px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
.section-title h2 {
text-align: center;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #101828;
margin-bottom: 40px;
}
.section-title p {
font-size: 16px;
line-height: 20px;
color: #667085;
max-width: 730px;
margin: 0 auto;
text-align: center;
} body {
padding-top: 96px;
}
header {
height: 96px;
line-height: 96px;
position: fixed;
width: 100%;
background: #fff;
top: 0;
left: 0;
z-index: 999;
}
.main-navigation ul li {
padding-left: 16px;
padding-right: 16px;
}
.main-navigation ul li a, .main-navigation a {
font-weight: 700;
font-size: 16px;
line-height: 96px;
color: #101828;
display: inline-block;
transition: all .35s;
}
@media (hover: hover) {
.main-navigation ul li a:hover {
color: #3BB44B;
transition: all .35s;
}
}
.main-navigation ul li.menu-item-has-children {
position: relative;
}
.main-navigation ul li.menu-item-has-children a {
padding-right: 14px;
}
.main-navigation ul li.menu-item-has-children a {
position: relative;
}
.main-navigation ul li.menu-item-has-children a:after {
position: absolute;
content: '';
width: 9px;
height: 6px;
right: 0;
top: 50%;
margin-top: -3px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/arrow-down.svg);
background-size: contain;
transition: all .35s;
}
.main-navigation ul li.menu-item-has-children ul li a {
padding-right: 0;
height: 30px;
line-height: 30px;
}
.main-navigation ul li.menu-item-has-children ul li a:after {
display: none;
}
.main-navigation .sub-menu {
flex-direction: column;
padding: 24px;
background: #FCFFFC;
box-shadow: 0px 24px 48px rgba(16, 24, 40, 0.25);
border-radius: 15px;
top: 66px
}
.main-navigation .sub-menu li {
display: block;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
}
.main-navigation .sub-menu .sub-menu li {
height: auto;
line-height: normal;
}
.main-navigation ul li.menu-item-has-children ul li ul li a {
height: auto;
line-height: normal;
}
.main-navigation .sub-menu li a {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #667085;
}
@media (hover: hover) {
.main-navigation ul li.menu-item-has-children:hover a:after {
transform: rotate(180deg);
transition: all .35s;
}
}
.main-navigation a.header-phone, .main-navigation a.header-phone:visited {
font-weight: 700;
font-size: 16px;
line-height: 96px;
color: #667085;
text-decoration: none;
transition: all .35s;
}
.menu-primary-container {
display: inline-block;
}
.header-buttons {
text-align: right;
}
.header-buttons a {
margin-right: 15px;
}
.header-buttons a:nth-child(2) {
margin-right: 0;
} footer {
background: #F2F4F7;
padding-top: 60px;
padding-bottom: 76px;
}
.footer-logo {
margin-bottom: 30px;
}
.footer-columns b {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #101828;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.footer-columns p {
font-size: 12px;
line-height: 16px;
color: #667085;
}
.footer-legal p {
margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
.footer-legal__content {
max-width: 470px;
}
}
.footer-menu ul {
margin: 0;
padding: 0;
}
.footer-menu ul li {
list-style: none;
width: 100%;
display: inline-block;
margin-bottom: 15px;
}
.footer-menu ul li a, .footer-menu ul li a:visited {
font-size: 14px;
line-height: 20px;
color: #667085;
text-decoration: none;
}
.footer-info img {
margin-right: 20px;
}
.payments-logos-wrap {
margin-bottom: 35px;
max-width: 150px;
}
.payments-logos-wrap img {
margin-bottom: 5px;
margin-right: 5px;
} .intro-section {
padding-top: 48px;
padding-bottom: 48px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/intro-section-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.intro-block-left-wrap {
display: inline-block;
float: left;
width: calc(100% - 554px);
padding-right: 50px;
}
.intro-block-right-wrap {
width: 554px;
display: inline-block;
}
.intro-section-top {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #E4E7EC;
}
.intro-section h1 {
font-weight: 600;
font-size: 55px;
line-height: 69px;
color: #101828;
margin-bottom: 32px;
margin-top: 50px;
}
.intro-section-top p, .intro-section-top p a {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #667085;
text-decoration: none;
}
.intro-section-bottom p {
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #667085;
margin-bottom: 18px;
}
.intro-rating-box p, .intro-rating-box a, .intro-rating-box a:visited {
line-height: 36px;
font-size: 16px;
color: #667085;
text-decoration: none;
}
.intro-rating-box p img {
vertical-align: top;
padding-right: 12px;
}
.rating-num {
font-weight: 600;
font-size: 32px;
color: #1D2939;
padding-left: 12px;
display: inline-block;
line-height: 36px;
vertical-align: top;
}
.intro-feedback-form-wrap {
background: #3BB44B;
border-radius: 30px;
padding-left: 26px;
padding-top: 66px;
padding-bottom: 37px;
padding-right: 66px;
margin-bottom: 80px;
}
.intro-feedback-form {
padding: 40px;
background: #FFFFFF;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 0px 6px -2px rgba(16, 24, 40, 0.05);
border-radius: 30px;
position: relative;
z-index: 1;
}
.intro-feedback-form:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.32);
border-radius: 30px;
top: -20px;
right: -20px;
z-index: -1;
}
.intro-feedback-form:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.32);
border-radius: 30px;
top: -40px;
right: -40px;
z-index: -1;
}
.intro-feedback-form b {
display: block;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 16px;
}
.intro-feedback-form label {
font-size: 12px;
line-height: 16px;
color: #98A2B3;
margin-bottom: 4px;
}
.intro-feedback-form input, .intro-feedback-form button[type="submit"] {
display: inline-block;
width: 100%;
height: 56px;
line-height: 56px;
padding-left: 16px;
border: 1px solid #98A2B3;
border-radius: 16px;
font-size: 16px;
color: #667085;
margin-bottom: 16px;
}
.intro-feedback-form select {
display: inline-block;
width: 100%;
height: 56px;
line-height: 56px;
padding-left: 16px;
border: 1px solid #98A2B3;
border-radius: 16px;
font-size: 16px;
color: #667085;
margin-bottom: 16px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/arrow-down.svg) no-repeat 98% 50%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
outline-width: 0;
}
.intro-feedback-form button[type="submit"] {
margin-top: 24px;
height: 56px;
line-height: 56px;
border: none;
padding: 0;
position: relative;
color: #fff;
border-radius: 40px;
} .ratings {
position: relative;
vertical-align: middle;
display: inline-block;
color: transparent;
overflow: hidden;
}
.full-stars {
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
overflow: hidden;
color: #f09c2f;
}
.empty-stars:before, .full-stars:before {
font-family: bootstrap-icons !important;
content:"\F586\F586\F586\F586\F586";
font-size: 14pt;
letter-spacing: 5px;
padding-left: 5px;
}
.empty-stars:before {
-webkit-text-stroke: 1px #f09c2f;
}
.full-stars:before {
-webkit-text-stroke: 1px #f09c2f;
} .our-writers {
padding-bottom: 57px;
position: relative;
}
.writer-full-box {
background: #FFFFFF;
border: 1px solid #F2F4F7;
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 0px 8px -4px rgba(16, 24, 40, 0.04);
border-radius: 30px;
display: flex;
margin-bottom: 58px;
}
.writer-full-box-left {
width: 242px;
float: left;
display: inline-block;
background: #F2F4F7;
padding: 40px;
padding-top: 47px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.writer-full-box-right {
width: calc(100% - 242px);
display: inline-block;
position: relative;
}
.writer-photo {
text-align: center;
padding-bottom: 30px;
border-bottom: 1px solid #98a2b31f;
margin-bottom: 20px;
}
.writer-photo img {
border-radius: 15px;
height: 110px;
}
.writer-name {
text-align: center;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #101828;
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.writer-full-box-left .ratings, .review-rating .ratings {
display: inline-block;
width: 85%;
float: left;
}
.writer-full-box-left .rating-num, .review-rating .rating-num {
display: inline-block;
width: 15%;
font-weight: 700;
font-size: 16px;
color: #101828;
height: 29px;
line-height: 29px;
}
.writer-info {
font-size: 14px;
line-height: 20px;
color: #667085;
display: flex;
align-content: stretch;
flex-direction: row;
margin-top: 20px;
}
.writer-info b {
color: #101828;
flex: 1;
text-align: right;
}
.writer-full-box-left .td-btn-primary {
width: 100%;
margin-top: 20px;
}
.writer-full-box-right {
padding: 20px 30px 30px 40px;
}
.writer-full-box-right b {
font-size: 16px;
line-height: 20px;
color: #101828;
margin-bottom: 8px;
display: inline-block;
width: 100%;
}
.review-box {
border: 1px solid #E4E7EC;
border-radius: 10px;
padding: 15px;
margin-bottom: 8px;
}
.review-box-top {
display: flex;
flex-direction: row;
align-items: stretch;
}
.review-name {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #475467;
flex: 1;
}
.review-rating {
text-align: right;
}
.review-date {
font-size: 10px;
line-height: 16px;
color: #98A2B3;
margin-bottom: 8px;
}
.review-text {
font-size: 14px;
line-height: 20px;
color: #667085;
}
.reviews-wrap {
height: 349px;
overflow: hidden;
position: relative;
}
.reviews-wrap:after {
background: linear-gradient(180deg, #FFFFFF 66.36%, rgba(255, 255, 255, 0) 100%);
transform: rotate(-180deg);
position: absolute;
bottom: 0;
width: 100%;
content: '';
height: 100px;
}
.writer-full-box-right .td-btn-transparent {
position: absolute;
width: 220px;
bottom: 42px;
left: 50%;
margin-left: -110px;
}
.tns-outer button[data-controls="prev"] {
position: absolute;
left: 14px;
top: 50%;
width: 12px;
height: 24px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/slider-prev.svg);
background-size: contain;
background-repeat: no-repeat;
border: none;
box-shadow: none;
}
.tns-outer button[data-controls="next"] {
position: absolute;
right: 14px;
top: 50%;
width: 12px;
height: 24px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/slider-next.svg);
background-size: contain;
background-repeat: no-repeat;
border: none;
box-shadow: none;
}
.writers-slider .tns-slide-active {
position: relative;
}
.writers-slider .tns-slide-active:after {
position: absolute;
content: '';
z-index: 1;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
width: 100%;
height: 100%;
transition: all .35s;
}
.writers-slider .tns-slide-active + .tns-slide-active:not(.tns-slide-active + .tns-slide-active + .tns-slide-active):after {
display: none;
} .writer-features {
position: relative;
padding-top: 80px;
padding-bottom: 80px;
}
.writer-features:after {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/writer-features-bg.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
.writer-features-wrap {
background: #3BB44B;
border-radius: 30px;
padding-left: 72px;
padding-right: 72px;
padding-top: 91px;
padding-bottom: 116px;
}
.writer-features-wrap img {
height: 66px;
margin-bottom: 12px;
display: block;
}
.writer-features-wrap b {
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #FFFFFF;
} .how-it-work {
padding-top: 80px;
padding-bottom: 80px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/how-it-work-bg.png) #EEF9EF;
background-size: contain;
background-repeat: no-repeat;
background-position: 30% center;
}
.how-it-work-wrap {
margin-top: 40px;
}
.how-it-work-button-box {
background: rgba(255, 255, 255, 0.08);
border: 1px solid #D0D5DD;
border-radius: 15px;
transition: all .35s;
padding: 28px;
position: relative;
margin-bottom: 14px;
transition: all .35s;
}
.how-it-work-button-box:last-child {
margin-bottom: 0;
}
.how-it-work-button-box-active {
background: #FFFFFF;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 0px 6px -2px rgba(16, 24, 40, 0.05);
transition: all .35s;
border-color: transparent;
}
.how-it-work-button-box img {
position: absolute;
left: 28px;
top: 32px;
}
.how-it-work-button-box b {
display: block;
padding-left: 46px;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
}
.how-it-work-button-box p {
padding-left: 46px;
font-size: 16px;
line-height: 20px;
color: #667085;
}@media (hover: hover) {
.how-it-work-button-box:hover {
background: #FFFFFF;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 0px 6px -2px rgba(16, 24, 40, 0.05);
border-color: transparent;
cursor: pointer;
transition: all .35s;
}
}
.how-it-work-animation-main-wrap {
position: relative;
}
.how-it-work-animation-wrap {
position: absolute;
left: 15px;
top: 0;
width: calc(100% - 30px);
} .all-reviews {
padding-top: 60px;
padding-bottom: 60px;
margin-top: 20px;
margin-bottom: 20px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/all-reviews-bg.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.page-template-page-reviews .all-reviews {
background: none;
}
.sec-reviews-box {
background: #FFFFFF;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 0px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 15px;
margin-bottom: 37px;
padding: 30px;
}
.sec-reviews-box img {
float: left;
margin-right: 10px;
border-radius: 50px;
width: 50px;
height: 50px;
}
.sec-reviews-box .ratings {
}
.sec-reviews-box-top b {
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #475467;
width: calc(100% - 70px);
display: inline-block;
padding-left: 5px;
}
.sec-reviews-box-top {
padding-bottom: 15px;
border-bottom: 1px solid #F2F4F7;
margin-bottom: 15px;
}
.sec-reviews-box-bottom b {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 15px;
display: block;
}
.sec-reviews-box-bottom p {
text-align: left;
font-size: 16px;
line-height: 20px;
color: #667085;
}
.all-reviews-btn-wrap {
margin-top: 100px;
}
.all-reviews-btn-wrap .td-btn-transparent {
background: #fff;
} .hire-writer-wrap {
padding-top: 80px;
padding-bottom: 124px;
padding-left: 70px;
padding-right: 70px;
margin-top: 80px;
margin-bottom: 80px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/hire-writer-bg.png) #3BB44B;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
border-radius: 30px;
}
.hire-writer-wrap-left b {
padding-top: 40px;
font-weight: 500;
font-size: 32px;
line-height: 40px;
color: #FFFFFF;
margin-bottom: 40px;
display: inline-block;
}
.hire-writer-wrap-left .white-list {
margin-bottom: 40px;
}
.white-list {
margin: 0;
padding: 0;
}
.white-list li {
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
margin-bottom: 20px;
}
.features-box-wrap {
padding: 38px;
background: #FFFFFF;
box-shadow: 0px 12px 16px -4px rgb(16 24 40 / 10%), 0px 0px 6px -2px rgb(16 24 40 / 5%);
border-radius: 30px;
position: relative;
z-index: 1;
}
.features-box-wrap:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.32);
border-radius: 30px;
bottom: -20px;
right: -20px;
z-index: -1;
}
.features-box-wrap:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.32);
border-radius: 30px;
bottom: -40px;
right: -40px;
z-index: -1;
}
.features-box-wrap b {
font-weight: 500;
font-size: 32px;
line-height: 40px;
text-align: center;
color: #101828;
margin-bottom: 20px;
display: inline-block;
}
.features-box-inner-wrap {
border: 1px solid #E4E7EC;
border-radius: 15px;
padding: 20px;
}
.features-box-inner-item {
margin-bottom: 20px;
}
.features-box-inner-item span:first-child {
font-size: 40px;
line-height: 50px;
text-align: right;
padding-right: 20px;
width: 34%;
display: inline-block;
color: #3BB44B;
vertical-align: middle;
font-weight: 300;
}
.features-box-inner-item span:last-child {
font-size: 16px;
line-height: 20px;
width: 65%;
color: #667085;
display: inline-block;
vertical-align: middle;
} .services-offers {
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/services-offers-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.services-offer-box, .services-offer-box:visited {
font-weight: 700;
font-size: 16px;
text-align: center;
color: #667085;
background: #FFFFFF;
border: 1px solid #E4E7EC;
border-radius: 30px;
display: inline-block;
height: 100px;
line-height: 100px;
margin-bottom: 30px;
width: 100%;
text-decoration: none;
transition: all .35s;
}
@media (hover: hover) {
.services-offer-box:hover {
transition: all .35s;
color: #fff;
background: #3BB44B;
}
}
.custom-order-wrap {
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/custom-order-bg.svg) #EEF9EF;
background-size: 90%;
background-repeat: no-repeat;
background-position: center bottom;
border-radius: 30px;
margin-top: 80px;
margin-bottom: 80px;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 70px;
padding-right: 70px;
}
.custom-order-left .intro-feedback-form:before {
display: none;
}
.custom-order-left .intro-feedback-form:after {
display: none;
}
.custom-order-left .intro-feedback-form {
background: transparent;
box-shadow: none;
padding: 0;
}
.custom-order-left .intro-feedback-form select {
background: url(//customwriting.com/wp-content/themes/customwriting/images/arrow-down.svg) no-repeat 98% 50% #fff;
}
.custom-order-wrap b {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 16px;
display: inline-block;
}
.custom-order-wrap p {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #98A2B3;
margin-bottom: 16px;
}
.custom-order-wrap .intro-feedback-form button[type="submit"] {
margin-top: 0;
width: 200px;
height: 50px;
line-height: 50px;
}
.custom-order-wrap {
position: relative;
}
.custom-order-wrap:before {
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/custom-order-right-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: top right;
position: absolute;
content: '';
right: 0;
top: 0;
width: 650px;
height: 605px;
}
.custom-order-right b {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #FFFFFF;
display: inline-block;
width: 50%;
margin: 0 auto;
text-align: left;
margin-bottom: 18px;
padding-top: 80px;
}
.red-list {
margin: 0;
padding: 0;
list-style: none;
width: 50%;
text-align: left;
margin: 0 auto;
}
.red-list li {
font-weight: 400;
font-size: 16px;
line-height: 20px;
margin-bottom: 16px;
color: #FFFFFF;
margin-left: 18px;
}
.red-list li::before {
content: "\2022";  
color: #FB6514;
font-weight: bold; 
display: inline-block; 
width: 1em;
margin-left: -1em; 
}
.custom-order-right {
z-index: 2;
} .why-choose {
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/choose-section-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
padding-bottom: 80px;
}
.why-choose-box {
background: #FFFFFF;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 0px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 15px;
padding: 20px;
margin-bottom: 30px;
}
.why-choose-box h3 {
margin: 0;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 6px;
}
.why-choose-box p {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
margin-bottom: 6px;
}
.as-featured-in-wrap {
height: 120px;
line-height: 120px;
}
.as-featured-in-wrap span {
display: inline-block;
width: 10%;
float: left;
font-weight: 400;
font-size: 16px;
color: #475467;
opacity: 0.5;
}
.as-featured-in-logos {
display: inline-block;
width: 90%;
text-align: center;
}
.as-featured-in-logos img {
padding-left: 56px;
padding-right: 56px;
display: inline-block;
vertical-align: middle;
max-height: 27px;
} .faq-section-wrap {
padding-top: 80px;
padding-left: 104px;
padding-right: 104px;
padding-bottom: 80px;
margin-bottom: 80px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/faq-section-bg.png) #EEF9EF;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
border-radius: 30px;
}
.faq-section-wrap .section-title h2 {
margin-bottom: 20px;
}
.help-box {
margin-bottom: 16px;
border-radius: 30px;
}
.help-box-title  {
background: #FFFFFF;
border-radius: 15px;
padding: 20px 30px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #667085;
cursor: pointer;
position: relative;
padding-right: 60px;
}
.help-box-item.help-box-title-open .help-box-title {
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #101828;
}
.help-box-title:after {
content: '';
position: absolute;
right: 30px;
top: 22px;
width: 20px;
height: 20px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/plus.svg);
background-size: 100%;
}
.help-box-item.help-box-title-open .help-box-title{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.help-box-item.help-box-title-open .help-box-title:after {
background: url(//customwriting.com/wp-content/themes/customwriting/images/minus.svg);
}
.help-box-content {
border-radius: 15px;
padding: 20px 30px;
padding-top: 0;
background: #FFFFFF;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
}
.help-box-content {
opacity: 0;
visibility: hidden;
height: 0;
position: absolute;
transition: all .35s;
}
.help-box-item.help-box-title-open .help-box-content {
opacity: 1;
visibility: visible;
height: auto;
transition: all .35s;
position: relative;
}
.faq-bottom-text {
border: 1px solid #D0D5DD;
border-radius: 15px;
padding: 20px 30px;
}
.faq-bottom-text p {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
} .useful-extras {
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/useful-extras-bg.png) #3BB44B;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}
.useful-extras b {
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #FFFFFF;
margin-bottom: 16px;
display: inline-block;
}
.useful-extras p {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
margin: 0 auto;
max-width: 733px;
margin-bottom: 40px;
}
.info-box-white {
background: #fff;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 0px 6px -2px rgba(16, 24, 40, 0.05);
border-radius: 15px;
text-align: center;	
padding: 20px;
min-height: 160px;
}
.info-box-white b {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 8px;
}
.info-box-white p {
max-width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
margin-bottom: 0;
} .main-text-bottom-page {
padding-top: 80px;
padding-bottom: 80px;
}
.main-text-wrap h2 {
margin: 0;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #101828;
margin-bottom: 16px;
}
.main-text-wrap p, .main-text-wrap ul {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
margin-bottom: 12px;
} table {
margin: 0 auto;
} table {
color: #333;
background: white;
border: 1px solid grey;
font-size: 12pt;
border-collapse: collapse;
}
table thead th,
table tfoot th {
color: #777;
background: rgba(0,0,0,.1);
}
table caption {
padding:.5em;
}
table th,
table td {
padding: .5em;
border: 1px solid lightgrey;
}
.main-text-wrap ul {
margin: 0;
padding: 0;
padding-left: 20px;
}
.main-text-wrap ul li {
margin-bottom: 12px;
}
.main-text-bottom-page-wrapper {
max-height: 500px; 
overflow-y: scroll;
position: relative;
}
.main-text-bottom-page-wrap {
column-count: 2;  position: relative;
padding-bottom: 120px;
transition: all .35s;
}
.main-text-bottom-page-wrap-full {
max-height: 100%;
transition: all .35s;
}
.main-text-bottom-page {
position: relative;
}
.main-text-bottom-page:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 200px;
background: linear-gradient(360deg, #FFFFFF 58.38%, rgba(255, 255, 255, 0) 148.94%);
z-index: 1;
}
.main-text-bottom-page-wrap-full:after {
display: none;
} .service-featured-image {
background: #3BB44B;
border-radius: 30px;
position: relative;
min-height: 400px;
width: calc(100% - 40px);
margin-top: 120px;
}
.service-featured-image img {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -50%;
width: 100%;
}
.intro-section-top .td-btn-primary {
height: 50px;
line-height: 50px;
margin-top: 32px;
width: 200px;
}
.single-services .intro-section-top {
padding-bottom: 0;
border-bottom: 0;
}
.service-featured-image {
position: relative;
}
.service-featured-image:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #3bb44b26;
border-radius: 30px;
bottom: -20px;
right: -20px;
z-index: -1;
}
.service-featured-image:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #3bb44b16;
border-radius: 30px;
bottom: -40px;
right: -40px;
z-index: -1;
}
.single-services .our-writers {
padding-top: 80px;
}
.green-text {
color: #3BB44B;
} .what-we-do {
padding-top: 80px;
padding-bottom: 80px;
}
.info-icon-box-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.info-icon-box {
padding: 20px;
background: #FFFFFF;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 0px 6px -2px rgba(16, 24, 40, 0.05);
border-radius: 15px;
text-align: center;
margin-bottom: 40px;
display: flex;
flex-direction: column;
height: auto;
margin-right: 32px;
width: calc(33.33% - 22px);
}
.info-icon-box:nth-child(3n) {
margin-right: 0;
}
.info-icon-box img {
margin-bottom: 6px;
height: 40px;
}
.info-icon-box h3 {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 6px;
}
.info-icon-box p {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
margin-bottom: 0;
}
.what-we-do .td-btn-primary, .why-choose-custom .td-btn-primary {
height: 50px;
line-height: 50px;
width: 200px;
}
.why-choose-custom .red-list {
width: 80%;
margin: 0;
}
.why-choose-custom-features-inner-item  {
height: 63px;
line-height: 63px;
border-bottom: 1px solid #1d293f14;
}
.why-choose-custom-features-inner-item:last-child {
border-bottom: none;
}
.why-choose-custom-features-inner-item span:first-child img {
margin-right: 10px;
width: 16px;
}
.why-choose-custom-features-inner-item span:first-child {
font-weight: 400;
font-size: 16px;
color: #475467;
display: inline-block;
width: 80%;
}
.why-choose-custom-features-inner-item span:nth-child(2) {
font-weight: 700;
font-size: 16px;
text-decoration-line: line-through;
color: #1D293F;
display: inline-block;
width: 10%;
}
.why-choose-custom-features-inner-item span:nth-child(3) {
font-weight: 700;
font-size: 16px;
color: #3BB44B;
text-align: right;
display: inline-block;
width: 10%;
}
.why-choose-custom .td-btn-primary  {
width: 100%;
}
.hiring-process {
padding-bottom: 80px;
}
.hiring-process {
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/how-it-work-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 30% center;
}
.nums-box-wrap {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.nums-box-wrap .how-it-work-button-box {
display: flex;
flex-direction: column;
height: auto;
margin-right: 32px;
width: calc(33.33% - 22px);
}
.nums-box-wrap .how-it-work-button-box:nth-child(3n) {
margin-right: 0;
}
.how-it-work-button-box h3 {
display: block;
padding-left: 46px;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
}
.nums-box-wrap .how-it-work-button-box {
margin-bottom: 32px;
}
.nums-box-wrap-second  {
margin-top: 0;
}
.nums-box-wrap-second .how-it-work-button-box {
width: calc(50% - 16px);
}
.nums-box-wrap-second .how-it-work-button-box:nth-child(2n) {
margin-right: 0;
}
.about-us-features-wrap {
text-align: center;
}
.about-us-features-wrap b {
font-weight: 300;
font-size: 60px;
line-height: 80px;
color: #FFFFFF;
margin-bottom: 17px;
}
.about-us-features-wrap p {
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #FFFFFF;
margin-bottom: 0;
}
.about-us-features-box {
border-right: 1px solid rgba(255, 255, 255, 0.32);
}
.about-us-features-wrap div.col-3:last-child .about-us-features-box {
border-right: 0;
}
.contact-inline-box span {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #98A2B3;
margin-bottom: 16px;
display: block;
}
.contact-inline-box br {
display: none;
}
.contact-inline-box .td-btn-primary {
height: 50px;
line-height: 50px;
width: 200px;
}
.contact-inline-box-email a {
display: inline-block;
width: 50%;
color: #fff;
text-decoration: none;
text-align: left;
padding-left: 30px;
}
.contact-inline-box-wrap:before {
bottom: 0;
top: auto;
}
.contact-inline-box-email b {
margin: 0;
padding-top: 0;
padding-left: 30px;
}
.contact-inline-box-wrap {
overflow: hidden;
}
.contact-inline-box-email {
text-align: right;
}
.meet-our-team .section-title h2 {
margin-bottom: 16px;
}
.meet-our-team .section-title p {
margin-bottom: 40px;
}
.team-box {
padding: 20px;
background: #FFFFFF;
border: 1px solid #E4E7EC;
border-radius: 15px;
text-align: center;
transition: all .35s;
}
.team-box .team-photo {
border-radius: 15px;
margin-bottom: 20px;
}
.team-box a {
text-decoration: none;
}
.team-box b {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 6px;
}
.team-box p {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #98A2B3;
margin-bottom: 20px;
}
.team-box .social-links img {
margin-right: 8px;
margin-left: 8px;
}
.meet-our-team {
padding-bottom: 80px;
position: relative;
}
.meet-our-team  .tns-nav > [aria-controls] {
width: 9px;
height: 9px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #D0D5DD;
border: 0;
}
.meet-our-team .tns-nav > .tns-nav-active {
background: #3BB44B;
}
.meet-our-team  .tns-nav {
text-align: center;
}
@media (hover: hover) {
.team-box:hover {
transition: all .35s;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 0px 6px -2px rgba(16, 24, 40, 0.05);
cursor: pointer;
}
}
.team-slider {
padding-bottom: 80px;
}
.meet-our-team .tns-nav {
position: absolute;
bottom: 80px;
text-align: center;
width: 500px;
height: 20px;
left: 50%;
margin-left: -250px;
} .contact-address {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #FFFFFF;
text-align: center;
max-width: 475px;
margin: 0 auto;
}
.contact-address {
margin-bottom: 6px;
} .page-template-page-how-it-works .intro-section-top {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
padding-top: 140px;
}
.page-template-page-how-it-works .service-featured-image img {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -35%;
width: 70%;
}
.step-area {
padding-top: 80px;
padding-bottom: 80px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/how-it-work-bg.png) #EEF9EF;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.step-area .how-it-work-button-box {
border: none;
}
@media (hover: hover) {
.step-area .how-it-work-button-box:hover {
background: transparent;
box-shadow: none;
cursor: default;
}
}
.white-bg {
background: #fff;
}
.footer-cta {
padding-top: 80px;
padding-bottom: 80px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/footer-contact-bg.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.footer-cta-wrap {
background: #3BB44B;
border-radius: 30px;
padding-left: 150px;
padding-right: 150px;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.footer-cta-wrap .intro-feedback-form {
background: transparent;
box-shadow: none;
padding: 0;
}
.footer-cta-wrap .intro-feedback-form:after {
display: none;
}
.footer-cta-wrap .intro-feedback-form:before {
display: none;
}
.footer-cta-wrap .intro-feedback-form select {
background: url(//customwriting.com/wp-content/themes/customwriting/images/arrow-down.svg) no-repeat 98% 50% #fff;
border: none
}
.footer-cta-wrap .intro-feedback-form input {
border: none;
}
.footer-cta-wrap .intro-feedback-form .td-btn-white {
color: #3BB44B;
margin-top: 8px;
}
.footer-cta-wrap b {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 12px;
display: block;
}
.footer-cta-wrap .intro-feedback-form p, .footer-cta-wrap .intro-feedback-form label {
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 20px;
margin-bottom: 12px;
}
.footer-cta-wrap .intro-feedback-form label {
margin-bottom: 6px;
}
.footer-cta-img img {
position: absolute;
bottom: 0;
width: 32%;
right: 10%;
} .page-template-page-faq .intro-section-top {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
padding-top: 100px;
}
.page-template-page-faq .intro-section-top .td-btn-primary {
margin-top: 0;
}
.page-template-page-faq .faq-section-wrap {
background: #EEF9EF;
}
.page-template-page-reviews .features-box-wrap b {
font-weight: 600;
font-size: 24px;
line-height: 32px;
text-align: center;
}
.reviews-footer-wrap {
padding-top: 80px;
padding-bottom: 80px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/bg/reviews-footer-bg.png) #3BB44B;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.reviews-footer-wrap .hire-writer-wrap-left img {
position: absolute;
bottom: 0;
left: 8%;
width: 32%;
} .single-main-content {
margin-top: 84px;
}
.nav-categories {
margin: 0;
padding: 0;
}
.nav-categories li {
list-style: none;
display: inline-block;
}
.nav-categories li a, .nav-categories li a:visited {
display: inline-block;
padding-left: 25px;
padding-right: 25px;
font-weight: 600;
font-size: 14px;
height: 48px;
line-height: 48px;
color: #101828;
text-align: center;
text-decoration: none;
transition: all .35s;
border-bottom: 2px solid transparent;
}
.nav-categories {
border-bottom: 1px solid #D0D5DD;
}
@media (hover: hover) {
.nav-categories li a:hover {
transition: all .35s;
color: #3BB44B;
border-bottom: 2px solid #3BB44B;
}
}
.nav-categories li.active a, .nav-categories li.current-cat a, body.blog .nav-categories li:first-child a {
color: #3BB44B;
border-bottom: 2px solid #3BB44B;
}
.single-main-content h1 {
margin-top: 36px;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #101828;
margin-bottom: 16px;
}
.single-date p {
margin: 0;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #667085;
margin-bottom: 24px;
}
.single-content-text p {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
margin-bottom: 22px;
}
.single-content-text h2 {
margin-bottom: 18px;
font-size: 26px;
line-height: 30px;
color: #3BB44B;
}
.single-content-text h3 {
margin-bottom: 18px;
font-size: 24px;
line-height: 28px;
color: #3BB44B;
}
.single-content-text h4 {
margin-bottom: 18px;
font-size: 22px;
line-height: 26px;
color: #3BB44B;
}
.single-content-text h5 {
margin-bottom: 18px;
font-size: 20px;
line-height: 24px;
color: #3BB44B;
}
.single-content-text ul {
margin: 0;
padding: 0;
margin-bottom: 22px;
color: #3BB44B;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
margin-left: 20px;
}
.post-box {
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 0px 6px -2px rgba(16, 24, 40, 0.05);
border-radius: 15px;
background: #FFFFFF;
padding: 24px;
}
.post-box .post-box-title, .post-box .post-box-title:visited {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 19px;
text-decoration: none;
display: block;
}
.post-box .post-box-date {
display: inline-block;
float: left;
width: 60%;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #FB6514;
}
.post-box .post-category {
display: inline-block;
width: 40%;
text-align: right;
}
.post-box .post-category a, .post-box .post-category a:visited {
font-size: 12px;
line-height: 16px;
padding: 5px 10px;
background: #F4FFF5;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
}
.post-box .post-excerpt {
margin-top: 19px;
margin-bottom: 16px;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
}
.latest-articles-wrap .post-box {
width: calc(33.333% - 24px);
margin-right: 32px;
display: inline-block;
}
.latest-articles-wrap .post-box:last-child {
margin-right: 0;
}
.latest-articles {
margin-bottom: 80px;
}
.single-sidebar-content {
margin-top: 84px;
}
.blog-sidebar-widget {
padding: 32px 24px;
border: 1px solid #D0D5DD;
border-radius: 15px;
margin-bottom: 32px;
}
.blog-sidebar-widget-title {
display: block;
font-weight: 600;
font-size: 24px;
color: #3BB44B;
padding-bottom: 24px;
border-bottom: 1px solid #E4E7EC;
}
.single-content-text #ez-toc-container {
display: none;
}
.toc-wrap #ez-toc-container {
border: none;
padding: 0;
box-shadow: none;
margin-bottom: 0;
padding-top: 26px;
}
.toc-wrap #ez-toc-container a, #ez-toc-container a:visited {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #475467 !important;
}
.most-popular-article {
margin-bottom: 24px;
border-bottom: 1px solid #E4E7EC;
}
.most-popular-article a {
text-decoration: none;
}
.most-popular-article:first-child {
margin-top: 36px;
}
.most-popular-article:last-child {
border-bottom: none;
}
.most-popular-article p {
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #101828;
margin-bottom: 16px;
}
.most-popular-article span {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #667085;
margin-bottom: 16px;
}
.order-widget-wrap b {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #101828;
margin-bottom: 16px;
display: block;
}
.order-widget .intro-feedback-form:after, .order-widget .intro-feedback-form:before {
display: none;
}
.order-widget .intro-feedback-form {
padding: 0;
box-shadow: none;
}
.order-widget .intro-feedback-form p {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #98A2B3;
margin-bottom: 0;
}
.order-widget .intro-feedback-form .td-btn-primary {
width: 50%;
}
.archive-main-content .nav-categories {
margin-bottom: 40px;
}
.archive-main-content-wrap .post-box {
width: calc(50% - 16px);
margin-right: 32px;
margin-bottom: 32px;
float: left;
}
.archive-main-content-wrap .post-box:nth-child(even) {
margin-right: 0;
}
.pagination-wrap .nav-links {
width: 100%;
}
.pagination-wrap .page-numbers {
display: inline-block;
width: 40px;
height: 40px;
line-height: 36px;
text-decoration: none;
font-weight: 400;
font-size: 14px;
color: #101828;
border: 2px solid transparent;
transition: all .35s;
}
.pagination-wrap .page-numbers.next, .pagination-wrap .page-numbers.prev {
width: 80px;
background: #F4FFF5;
text-align: center;
}
.pagination-wrap .page-numbers.current {
border: 2px solid #3BB44B;
}
@media (hover: hover) {
.pagination-wrap .page-numbers:hover {
transition: all .35s;
background: #F4FFF5;
}
}
.clear {
clear: both;
}
.toggle-menu-buttons {
display: none;
}  @media screen and (max-width: 959px) {
#site-navigation.main-navigation {
display: none;
}
.header-buttons a:nth-child(2) {
margin-right: 15px;
}
.header-buttons a:last-child {
margin-right: 0;
}
.toggle-menu {
background: #fff;
height: calc(100vh - 96px);
padding: 25px;
}
.toggle-menu .menu-primary-container {
width: 100%;
}
.toggle-menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
width: 100%;
}
.toggle-menu ul li {
list-style: none;
display: inline-block;
width: 100%;
line-height: 64px;
position: relative;
}
.toggle-menu ul li a, .toggle-menu ul li a:visited {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #101828;
text-decoration: none;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #E4E7EC;
display: inline-block;
width: 100%;
}
.toggle-menu .sub-menu {
display: none;
}
.toggle-menu ul li.menu-item-has-children:after {
content: '';
position: absolute;
right: 0;
width: 10px;
height: 10px;
top: 27px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/toggle-menu-arrow-right.svg);
background-size: contain;
background-repeat: no-repeat;
transition: all .35s;
}
.toggle-menu ul li.menu-item-has-children.toggle-sub-menu-open:after {
transform: rotate(90deg);
transition: all .35s;
}
.toggle-menu .sub-menu li a, .toggle-menu .sub-menu li a:visited {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #667085;
padding-left: 20px;
}
header {
background: #fff;
}
a.toggle-burger img {
width: 32px;
height: 32px;
}
.footer-menu, .footer-info {
margin-top: 20px;
}
.intro-section {
background-size: 180%;
background-position: top center;
text-align: center;
padding-bottom: 70px;
}
.intro-block-left-wrap {
width: 100%;
text-align: left;
}
.intro-block-right-wrap {
margin-top: 65px;
}
.intro-section h1 {
margin-top: 0;
}
.intro-feedback-form-wrap {
margin-bottom: 0;
}
.writers-slider .tns-slide-active:after {
display: none;
}
.writer-full-box {
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 40px;
}
.tns-outer button[data-controls="next"] {
background-color: #fff;
right: 0;
z-index: 9;
width: 60px;
height: 80px;
background-size: 12px;
background-position: center center;
box-shadow: 0px 8px 30px rgb(0 0 0 / 7%);
margin-top: -40px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.tns-outer button[data-controls="prev"] {
background-color: #fff;
left: 0;
z-index: 9;
width: 60px;
height: 80px;
background-size: 12px;
background-position: center center;
box-shadow: 0px 8px 30px rgb(0 0 0 / 7%);
margin-top: -40px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.writer-features {
padding-top: 0;
}
.writer-features:after {
background-position: top center;
background-size: 130%;
top: -60px;
}
.writer-features-wrap {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 50px;
padding-right: 50px;
}
.writer-features-box {
margin-bottom: 40px;
}
.how-it-work {
padding-top: 70px;
padding-bottom: 70px;
}
.how-it-work-wrap .how-it-work-animation-main-wrap {
order: 1;
height: 400px;
}
.how-it-work-wrap .how-it-work-animation-buttons-wrap {
order: 2;
}
.how-it-work-button-box {
width: calc(50% - 13px);
margin-right: 20px;
display: inline-block;
vertical-align: top;
min-height: 150px;
}
.how-it-work-button-box:nth-child(even) {
margin-right: 0;
}
.all-reviews {
padding-bottom: 0;
}
.hire-writer-wrap-left b {
padding-top: 0;
}
.hire-writer-wrap-left {
text-align: center;
margin-bottom: 30px;
}
.hire-writer-wrap-left p, .hire-writer-wrap-left ul {
text-align: left;
}
.features-box-wrap {
width: calc(100% - 40px);
}
.hire-writer-wrap {
margin-bottom: 70px;
}
.custom-order-wrap {
overflow: hidden;
}
.custom-order-wrap:before {
right: -270px;
}
.custom-order-right b, .custom-order-right .red-list {
width: 100%;
}
.why-choose {
padding-bottom: 70px;
}
.as-featured-in-wrap span {
display: none;
}
.as-featured-in-logos a {
display: inline-block;
width: 25%;
text-align: center;
float: left;
}
.as-featured-in-logos a:first-child {
text-align: left;
}
.as-featured-in-logos a:last-child {
text-align: right;
}
.as-featured-in-logos img {
padding: 0;
}
.as-featured-in-logos {
width: 100%;
}
.faq-section-wrap {
padding-top: 70px;
padding-bottom: 70px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 70px;
}
.info-box-white {
height: 100%;
}
.useful-extras {
padding-top: 70px;
padding-bottom: 70px;
background-size: 170%;
}
.main-text-bottom-page-wrap {
column-count: 1;
}
.main-text-bottom-page-wrap-full {
max-height: 100%;
}
.single-services .intro-block-right-wrap {
display: none;
}
}
@media screen and (max-width: 520px) {
body {
padding-top: 56px;
}
header {
height: 66px;
line-height: 46px;
padding-top: 10px;
padding-bottom: 10px;
}
.toggle-menu-buttons {
display: block;
}
.toggle-menu {
background: #fff;
height: calc(100vh - 56px);
}
.header-buttons .td-btn-transparent, .header-buttons .td-btn-primary { display: inline-block;
padding-left: 15px;
padding-right: 15px;
height: 36px;
line-height: 34px;
}
.toggle-menu-buttons {
margin-top: 25px;
}
.toggle-menu-buttons a {
width: calc(50% - 12px);
margin-right: 20px;
}
.toggle-menu-buttons a:last-child {
margin-right: 0;
}
.intro-block-right-wrap { width: 100%;
margin-top: 0px;
}
.intro-feedback-form {
padding: 20px;
}
.intro-feedback-form:after, .intro-feedback-form:before {
display: none;
}
.intro-feedback-form-wrap {
padding: 20px;
}.intro-feedback-form input, .intro-feedback-form button[type="submit"], .intro-feedback-form select {
margin-bottom: 8px;
}
.intro-feedback-form button[type="submit"] {
margin-top: 16px;
}
.intro-section h1 {
font-size: 32px;
line-height: 40px;
margin-bottom: 24px;
}
.intro-section-top p, .intro-section-top p a {
font-size: 18px;
line-height: 23px;
}
.intro-section-top {
padding-bottom: 24px;
margin-bottom: 24px;
float: none;
}
.intro-block-left-wrap {
float: none;
}
.intro-section-bottom p {
font-size: 16px;
line-height: 24px;
}
.intro-block-left-wrap {
padding-right: 0;
}
.intro-section-bottom {
margin-bottom: 50px;
}
.section-title h2 {
margin-bottom: 30px;
}
.writer-full-box-left {
width: 100%;
}
.writer-full-box-right {
display: none;
}
.writer-full-box {
width: 94%;
margin-left: 3%;
margin-right: 3%;
}
.writer-full-box-left {
border-radius: 30px;
}
.writer-features-wrap b {
font-size: 18px;
line-height: 23px;
}
.writer-features-wrap {
padding-left: 0;
padding-right: 0;
padding-top: 40px;
padding-bottom: 0;
}
.writer-features {
padding-bottom: 0;
background: #3BB44B;
}
.how-it-work {
padding-top: 40px;
padding-bottom: 40px;
}
.how-it-work .section-title h2 {
margin-bottom: 16px;
}
.section-title p {
font-size: 14px;
line-height: 20px;
}
.how-it-work-wrap .how-it-work-animation-main-wrap {
min-height: 200px;
height: auto;
margin-bottom: 5px;
}
.header-buttons .td-btn-primary img {
display: none;
}
.how-it-work-button-box {
margin-right: 0;
width: 100%;
min-height: 100px;
margin-bottom: 5px;
}
.sec-reviews-box {
display: none;
}
.all-reviews {
position: relative;
}
.all-reviews .col-12:first-child .sec-reviews-box:first-child {
display: block;
}
.all-reviews .tns-nav > [aria-controls] {
width: 9px;
height: 9px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #D0D5DD;
border: 0;
}
.all-reviews .tns-nav > .tns-nav-active {
background: #3BB44B;
}
.all-reviews .tns-nav {
text-align: center;
}
.all-reviews .tns-nav {
position: absolute;
bottom: 80px;
text-align: center;
width: 100%;
height: 20px;
left: 50%;
margin-left: -50%;
}
.hire-writer-wrap {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
}
.hire-writer {
background: #3BB44B;
}
.hire-writer-wrap-left p {
font-size: 24px;
line-height: 32px;
}
.hire-writer-wrap-left .white-list {
padding-left: 20px;
}
.features-box-wrap {
width: calc(100% - 20px);
}
.features-box-wrap:before {
bottom: -10px;
right: -10px;
}
.features-box-wrap:after {
bottom: -20px;
right: -20px;
}
.features-box-wrap {
padding-left: 16px;
padding-right: 16px;
padding-top: 20px;
padding-bottom: 20px;
}
.features-box-wrap b {
font-size: 24px;
line-height: 32px;
}
.features-box-inner-item span:first-child {
font-size: 32px;
line-height: 40px;
width: 32%;
}
.features-box-inner-item span:last-child {
font-size: 14px;
line-height: 20px;
}
.section-title h2 {
font-size: 32px;
line-height: 40px;
}
.services-offer-box, .services-offer-box:visited {
margin-bottom: 20px;
line-height: normal;
padding-top: 28px;
padding-left: 10px;
padding-right: 10px;
}
.custom-order-wrap {
margin-top: 30px;
padding-top: 56px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 26px;
}
.custom-order-wrap:before {
right: -100px;
bottom: -340px;
top: auto;
transform: rotate(-8deg);
}
.custom-order-wrap .intro-feedback-form button[type="submit"] {
width: 100%;
}
.custom-order-payments {
text-align: center;
}
.custom-order-right b, .custom-order-right .red-list {
padding-left: 50px;
}
.why-choose-box {
padding: 16px;
margin-bottom: 20px;
}
.why-choose-box h3 {
font-size: 18px;
line-height: 23px;
}
.why-choose-box p {
font-size: 14px;
line-height: 20px;
}
.as-featured-in-logos a {
width: 50%;
line-height: normal;
margin-bottom: 20px;
}
.as-featured-in-logos a:nth-child(even) {
text-align: right;
}
.as-featured-in-logos a:nth-child(odd) {
text-align: left;
}
.why-choose {
padding-bottom: 0;
}
.faq-section-wrap {
padding-top: 40px;
padding-bottom: 40px;
}
.faq-section-wrap {
margin-bottom: 0;
}
.faq-section {
background: #EEF9EF;
}
.useful-extras {
padding-top: 40px;
padding-bottom: 20px;
}
.useful-extras p {
margin-bottom: 40px;
}
.info-box-white b {
font-size: 18px;
line-height: 23px;
}
.info-box-white p {
font-size: 14px;
line-height: 20px;
}
.info-box-white-wrap {
margin-bottom: 20px;
}
.info-box-white {
padding: 15px;
min-height: auto;
}
.info-box-white p {
margin-bottom: 0;
}
.intro-section-top .td-btn-primary {
width: 100%;
}
.single-services .our-writers {
padding-top: 0;
}
} @media screen and (max-width: 959px) {
.page-template-page-about .intro-block-right-wrap {
display: none;
}
.info-icon-box {
width: calc(50% - 10px);
margin-right: 20px;
margin-right: 20px;
}
.info-icon-box:nth-child(3n) {
margin-right: 20px;
}
.info-icon-box:nth-child(2n) {
margin-right: 0;
}
.page-template-page-about .hire-writer-wrap {
margin-top: 0;
}
.hire-writer-wrap {
background-position: top center;
background-size: 250%;
}
.hire-writer-wrap-left b {
margin-bottom: 30px;
}
.section-title h2 {
margin-bottom: 16px;
}
.nums-box-wrap .how-it-work-button-box {
width: calc(50% - 10px);
margin-right: 20px;
}
.nums-box-wrap .how-it-work-button-box:nth-child(2n) {
margin-right: 0;
}
.nums-box-wrap .how-it-work-button-box:nth-child(3n) {
width: 100%;
}
.hiring-process {
padding-bottom: 70px;
}
.about-us-features-wrap .col-6:nth-child(2n) .about-us-features-box {
border-right: none;
}
.writer-features-wrap {
padding: 50px;
}
.about-us-features-wrap .col-6:nth-child(1), .about-us-features-wrap .col-6:nth-child(2) {
margin-bottom: 30px;
}
.custom-order-wrap:before {
right: -170px;
}
.contact-inline-box-email a {
width: 100%;
}
.custom-order-wrap {
padding-bottom: 70px;
}
.meet-our-team {
padding-bottom: 70px;
}
}
@media screen and (max-width: 520px) {
.what-we-do {
padding-top: 0;
}
.info-icon-box {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.info-icon-box h3 {
font-size: 24px;
line-height: 32px;
}
.info-icon-box p {
font-size: 16px;
line-height: 20px;
}
.what-we-do .td-btn-primary {
display: none;
}
.what-we-do .tns-nav > [aria-controls] {
width: 9px;
height: 9px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #D0D5DD;
border: 0;
}
.what-we-do .tns-nav > .tns-nav-active {
background: #3BB44B;
}
.what-we-do .tns-nav {
text-align: center;
}
.what-we-do .tns-nav {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
height: 20px;
left: 50%;
margin-left: -50%;
}
.info-icon-box-wrap {
display: block;
width: 100%;
}
.about-us-what-we-do-slider .info-icon-box {
width: 90%;
margin: 0 auto;
margin-bottom: 20px;
}
.what-we-do {
padding-bottom: 120px;
}
.hire-writer-wrap-left p, .hire-writer-wrap-left b {
font-size: 24px;
line-height: 32px;
text-align: center;
}
.features-box-wrap b {
display: inline-block;
width: 100%;
}
.nums-box-wrap .how-it-work-button-box {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.writer-features-wrap {
padding: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.contact-inline .custom-order-wrap:before {
bottom: -420px;
}
.custom-order-left.contact-inline-box {
text-align: center;
padding-bottom: 120px;
}
.custom-order.contact-inline .container {
padding: 0;
}
.custom-order.contact-inline .custom-order-wrap {
border-radius: 0;
}
.custom-order.contact-inline .custom-order-right b, .custom-order.contact-inline .contact-inline-box-email a {
padding-left: 0px;
text-align: center;
}
} @media screen and (max-width: 959px) {
.page-template-page-how-it-works .intro-block-right-wrap {
display: none;
}
.page-template-page-how-it-works .intro-block-left-wrap {
float: none;
}
.page-template-page-how-it-works .intro-section h1 {
margin-bottom: 0;
}
.page-template-page-how-it-works .intro-section-top {
padding-top: 0;
}
.step-area .how-it-work-control {
order: 1;
}
.step-area .how-it-work-image {
order: 2;
}
.step-area {
padding-top: 10px;
padding-bottom: 40px;
}
.step-area .how-it-work-button-box {
width: 100%;
min-height: auto;
margin-right: 0;
}
.footer-cta {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media screen and (max-width: 520px) {
.how-it-work-button-box b {
font-size: 18px;
line-height: 23px;
}
.how-it-work-button-box p {
font-size: 14px;
line-height: 20px;
}
.footer-cta-wrap {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.footer-cta-wrap .intro-feedback-form p, .footer-cta-wrap .intro-feedback-form label {
display: inline-block;
width: 100%;
text-align: left;
}
.footer-cta-wrap .intro-feedback-form p:first-child {
text-align: center;
}
.footer-cta {
padding: 0;
margin-top: 70px;
margin-bottom: 0px;
background: #3BB44B;
}
.footer-cta .footer-cta-img {
display: none;
}
} @media screen and (max-width: 959px) {
.page-template-page-contact .intro-section-top {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.page-template-page-contact .intro-section-bottom {
display: none;
}
.page-template-page-contact .intro-block-right-wrap {
display: none;
}
.page-template-page-contact .intro-block-left-wrap {
margin-bottom: 64px;
padding-right: 0;
}
.page-template-page-contact .writer-features {
padding-bottom: 0;
}
}
@media screen and (max-width: 520px) {
.contact-address {
font-size: 14px;
line-height: 20px;
}
} @media screen and (max-width: 959px) {
.page-template-page-faq .intro-block-right-wrap {
display: none;
}
.page-template-page-faq .intro-block-left-wrap {
margin-bottom: 64px;
padding-right: 0;
}
.footer-cta-img {
display: none;
}
}
@media screen and (max-width: 520px) {
.page-template-page-faq .intro-section-top {
padding-top: 0;
}
} @media screen and (max-width: 959px) {
.page-template-page-reviews .intro-block-right-wrap {
display: none;
}
.page-template-page-reviews .section-title h2 {
margin-bottom: 40px;
}
.reviews-footer-wrap {
padding-top: 70px;
padding-bottom: 70px;
margin-top: 70px;
}
.reviews-footer-wrap .hire-writer-wrap-left img {
display: none;
}
}
@media screen and (max-width: 520px) {
.reviews-footer-wrap {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.reviews-footer-wrap .why-choose-custom-features-inner-item span:first-child {
width: 70%;
}
.reviews-footer-wrap .why-choose-custom-features-inner-item span:nth-child(2) {
width: 15%;
}
.reviews-footer-wrap .why-choose-custom-features-inner-item span:nth-child(3) {
width: 15%;
}
.page-template-page-reviews .all-reviews {
padding-top: 0;
}
.page-template-page-reviews .all-reviews .sec-reviews-box {
display: block;
}
} @media screen and (max-width: 959px) {
.most-relevant-widget-area {
display: none;
}
body.blog .footer-cta, body.category .footer-cta {
display: none;
}
.single-main-content, .single-sidebar-content {
margin-top: 0;
}
.table-of-contents-widget {
display: none;
}
.post-template-default.single.single-post .order-widge {
display: none;
}
.latest-articles-wrap .post-box:last-child {
display: none;
}
.latest-articles-wrap .post-box {
width: calc(50% - 12px);
margin-right: 20px;
}
.latest-articles-wrap .post-box:nth-child(2) {
margin-right: 0;
}
.post-template-default.single.single-post .footer-cta {
padding-top: 0;
}
}
@media screen and (max-width: 520px) {
.archive-main-content-wrap .post-box {
margin-right: 0;
width: 100%;
}
body.archive.category .archive-main-content-wrap .post-box:nth-child(odd), body.archive.category .archive-main-content-wrap .post-box:nth-child(even) {
margin-right: 0;
}
.nav-categories li a, .nav-categories li a:visited {
padding-left: 10px;
padding-right: 10px;
}
.single-main-content {
margin-top: 20px;
}
.latest-articles-wrap .post-box {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.post-template-default.single.single-post .footer-cta {
margin-top: 0;
}
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
background: #3BB44B !important;
border-radius: 10px;
} body.error404 h1 {
font-size: 70px;
}
body.error404 .single-content-text ul {
margin: 0;
display: inline-block;
text-align: left;
columns: 2;
}
body.error404 .single-content-text ul li {
margin-left: 20px;
}
@media screen and (max-width: 959px) { 
body.error404 .single-content-text ul {
columns: 1;
}
} .auth-show {
z-index: 1111112;
display: inline-block;
}
.b-user-logged {
position: relative;
margin-right: 10px;
}
.b-user-logged__button {
position: relative;
background-color: transparent;
border: none;
padding: 0;
display: inline-block;
vertical-align: middle;
margin-top: 2px;
margin-right: 25px;
}
.b-user-logged__button:before {
position: absolute;
content: '';
width: 9px;
height: 6px;
right: -15px;
top: 50%;
margin-top: -3px;
background: url(//customwriting.com/wp-content/themes/customwriting/images/arrow-down.svg);
background-size: contain;
transition: all .35s;
}
.b-user-logged__avatar {
display: block;
width: 40px;
height: 40px;
overflow: hidden;
border: 1px solid #cfcfcf;
border-radius: 50%;
}
.b-user-logged__menu {
position: absolute;
top: 96px;
right: 0;
width: 190px;
overflow: hidden;
background-color: #fff;
border-radius: 7px;
box-shadow: 0 0 20px rgb(0 0 0 / 20%);
transform: translateY(30px);
visibility: hidden;
opacity: 0;
transition: transform .3s cubic-bezier(.66,.19,.38,.91),opacity .3s cubic-bezier(.66,.19,.38,.91);
padding-top: 30px;
padding-bottom: 30px;
}
.b-user-logged__menu li {
list-style: none;
line-height: normal;
}
.b-user-logged__menu-link {
display: inline-block;
width: 100%;
height: 30px;
line-height: 30px;
text-decoration: none;
transition: background-color .2s;
text-align: left;
}
.b-user-logged__button.is-open+.b-user-logged__menu {
transform: translateY(0);
visibility: visible;
opacity: 1;
} .plagiarism_checker_wrap {
width: 100%;
max-width: 768px;
margin: 20px auto 20px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px 0 rgb(0 33 61 / 20%);
box-shadow: 0 0 10px 0 rgb(0 33 61 / 20%);
background-color: #fff;
padding: 20px 30px 30px 30px;
position: relative;
z-index: 1;
}
.hero.plag-hero {
max-height: inherit;
@include respond-points(0, 1023) {
.hero__row {
flex-direction: column;
align-items: center;
}
.hero__col {
max-width: 100%;
}
}
.hero__description {
display: block;
}
}
.plag-offer__wrap {
display: flex;
justify-content: space-between;
@include respond-points(0, 900) {
flex-wrap: wrap;
}
}
.plag-offer__content {
display: flex;
justify-content: space-between;
@include respond-points(0, 600) {
flex-direction: column;
align-items: center;
}
.plag-offer__col {
width: 46%;
@include respond-points(0, 600) {
margin-bottom: 30px;
width: 75%;
}
}
}
.plag-offer__advant {
padding-left: 20px;
@include respond-points(0, 900) {
padding: 0;
margin-top: 30px;
width: 100%;
}
}
.valuable-offer {
&__title {
margin: 0;
font-size: 24px;
font-weight: 500;
line-height: 1.25;
}
&__content {
margin-top: 20px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
&__footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 20px;
}
.price-from {
position: relative;
padding-left: 12px;
font-style: normal;
white-space: nowrap;
&:before {
position: absolute;
top: 19px;
left: -10px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 30px;
white-space: nowrap;
color: #2a2a2a;
font-size: 10px;
font-weight: 400;
content: 'FROM';
}
&:after {
position: relative;
bottom: 3px;
left: 1px;
color: #2a2a2a;
font-size: 14px;
font-weight: 400;
content: 'page';
}
span:nth-child(1), span:nth-child(3) {
color: #48711f;
font-size: 18px;
font-weight: 500;
line-height: 22px;
}
span:nth-child(3) {
position: absolute;
top: 2px;
}
span:nth-child(2) {
color: #48711f;
font-size: 48px;
font-weight: 500;
line-height: 44px;
}
}
.price-from_mr_l {
margin-right: 20px;
}
}
.info-card {
padding: 20px 25px;
width: 254px;
color: #48711f;
border-radius: 13px;
background-color: #F2FFE6;
text-align: center;
@include respond-points(0, 900) {
width: 100%;
margin: auto;
}
&__title {
margin: 0;
color: #48711f;
font-size: 24px;
font-weight: 500;  
}
&__caption {
font-size: 18px;
font-weight: 500;
line-height: 22px;
}
&__item {
margin: 0;
&:not(:last-child) {
margin-bottom: 30px;
}
}
&__icon {
display: inline-block;
height: 38px;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
&__icon_crowd {
width: 54px;
}
&__icon_passport {
width: 53px;
}
&__icon_charter {
width: 38px;
}
}
.js-plagiarism-checker_res {
.error {
color: #000;
font-size: 16px;
}
}
.plagiarism {
background-size: cover;
background-position-y: center;
}
.plagiarism_checker_wrap .sec-plug-text {
padding: 150px 0 60px;
}
.plagiarism_checker_wrap .plagiarism .thesis_wrap {
padding-bottom: 145px
}
.plagiarism_checker_wrap  .plagiarism_title {
margin-bottom: 35px
}
.plagiarism_checker_wrap {
width: 100%;
max-width: 730px;
margin: 20px auto 0;
border-radius: 10px;
border: 1px solid #D0D5DD;
background-color: #fff;
padding: 30px 25px;
position: relative
}
.plagiarism_checker_wrap .textTitle::-webkit-input-placeholder {
font-size: 18px;
font-weight: 300;
letter-spacing: .6px;
color: #797c8a
}
.plagiarism_checker_wrap .textTitle::-ms-input-placeholder {
font-size: 18px;
font-weight: 300;
letter-spacing: .6px;
color: #797c8a
}
.plagiarism_checker_wrap .textTitle::placeholder {
font-size: 18px;
font-weight: 300;
letter-spacing: .6px;
color: #797c8a
}
.plagiarism_checker_wrap .textTitle {
padding: 10px;
border: 1px solid #DEDEDE;
width: 100%;
background: #F3F3F3;
font-size: 18px;
border-radius: 3px;
margin-bottom: 20px;
-webkit-box-shadow: none;
box-shadow: none
}
.plagiarism_checker_wrap .plagiarism-checker_textarea {
position: relative;
}
.plagiarism_checker_wrap .plagiarism_warning_text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
font-size: 12px;
min-height: 40px;
background: #f3f3f3;
border-bottom: 1px solid #DEDEDE;
border-left: 1px solid #DEDEDE;
border-right: none;
border-radius: 3px;
color: #007600;
}
.plagiarism_checker_wrap .warning-icon { 
content: '';
display: inline-block;
background: url(//customwriting.com/wp-content/themes/img/warning-icon.svg) no-repeat;
width: 12px;
height: 9px;
}
.plagiarism_checker_wrap #testText {
padding: 10px 10px 40px;
max-width: 100%;
background: #F3F3F3;
font-size: 18px;
height: 240px;
width: 100%;
border: 1px solid #DEDEDE;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
resize: none;
outline: none;
}
.plagiarism_checker_wrap #hl_text::-webkit-scrollbar-thumb,
.plagiarism_checker_wrap #testText::-webkit-scrollbar-thumb {
border-radius: 15px;
background-color: #808080;
border: 2px solid #edf5f5
}
.plagiarism_checker_wrap #hl_text::-webkit-scrollbar-track,
.plagiarism_checker_wrap #testText::-webkit-scrollbar-track {
width: 12px;
background: #edf5f5;
border: 2px solid #edf5f5;
border-radius: 0 2px 2px 0
}
.plagiarism_checker_wrap .drop_zone {
position: absolute;
z-index: 380; bottom: 150px;
left: 0;
height: 112px;
width: 100%;
padding: 15px 40px
}
.plagiarism_checker_wrap #files:hover {
cursor: pointer
}
.plagiarism_checker_wrap #list {
padding-top: 0;
}
.plagiarism_checker_wrap #form_test {
border: 2px dashed #3BA800;
position: relative;
text-align: center;
padding: 5px 0;
}
.plagiarism_checker_wrap .drop_zone_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: 450px;
text-align: left;
margin: 0 auto
}
.plagiarism_checker_wrap .drop_zone_img {
width: 45px;
height: 45px;
margin-right: 15px;
position: relative
}
.plagiarism_checker_wrap .arr_top {
position: absolute;
width: 14px;
height: 14px;
border-left: 3px solid #007600;
border-top: 3px solid #007600;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 3px;
left: 50%;
margin-left: -7px;
opacity: .8
}
.plagiarism_checker_wrap .arr_stk {
position: absolute;
width: 4px;
height: 30px;
background: #007600;
top: 3px;
left: 50%;
margin-left: -2px;
opacity: .8
}
.plagiarism_checker_wrap .arr_bot {
position: absolute;
width: 45px;
height: 20px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom: 3px solid #007600;
border-left: 3px solid #007600;
border-right: 3px solid #007600;
bottom: 0;
opacity: .8
}
.plagiarism_checker_wrap .drop_zone_text p {
font-size: 14px;
font-weight: 300;
letter-spacing: .6px;
color: #797c8a;
padding: 0;
margin: 0;
}
.plagiarism_checker_wrap .drop_zone_topp {
margin-bottom: 7px
}
.plagiarism_checker_wrap .drop_zone_text span {
font-weight: 500;
color: #007600
}
.plagiarism_checker_wrap .plagiarism_past_text {
position: absolute;
top: 120px;
right: 0;
left: 0;
padding: 0 35px;
text-align: center;
pointer-events: none
}
.plagiarism_checker_wrap .plagiarism_past_text span {
font-size: 30px;
font-weight: 300;
letter-spacing: .6px;
color: #797c8a
}
.plagiarism_checker_wrap .plagiarism_btn_checking {
text-align: center;
margin-bottom: 1rem;
margin-top: 1rem
}
.plagiarism_checker_wrap .js-plagiarism-checker_submit, .plagiarism_check_order {
background: #3BB44B;
border-radius: 40px;
text-transform: uppercase;
font-size: 16px;
color: #fff;
display: inline-block;
cursor: pointer;
-webkit-transition: .5s;
transition: .5s;
height: 40px;
line-height: 36px;
padding: 0;
padding-left: 25px;
padding-right: 25px;
border: none;
&:hover {
opacity: 0.8;
}
}
.plagiarism_checker_wrap .plagiarism_check_order  {
font-size: 14px;
}
.plagiarism_checker_wrap .check_terms_plagiarism {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px
}
.plagiarism_checker_wrap .check_cont {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 13px;
line-height: 1.31;
color: #828282;
}
.plagiarism_checker_wrap .check_cont input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}
.plagiarism_checker_wrap .checkmark {
position: absolute;
top: -2px;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #7E7E7E;
border-radius: 3px;
background: 0 0
}
.plagiarism_checker_wrap .checkmark:after {
content: "";
position: absolute;
display: none
}
.plagiarism_checker_wrap .check_cont input:checked~.checkmark:after {
display: block
}
.plagiarism_checker_wrap .check_cont .checkmark:after {
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid #007600;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.plagiarism_checker_wrap .check_cont a {
font-weight: 700;
text-decoration: underline
}
.plagiarism_checker_wrap .js-plagiarism-checker_submit.unchecked_btn {
background: #b9b3b3;
pointer-events: none
}
.plagiarism_checker_wrap .plagiarism_blur {
-webkit-filter: blur(5px);
filter: blur(5px)
}
.plagiarism_checker_wrap .checking_clock {
display: none;
position: absolute;
top: 30px;
z-index: 390;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.56);
width: 100%;
height: calc(100% - 60px);
max-width: calc(100% - 50px);
text-align: center;
padding: 40px 0;
}
.plagiarism_checker_wrap .checking_clock img {
width: 30px;
height: 30px;
margin: 0 auto
}
.plagiarism_checker_wrap .checking_clock p {
font-size: 24px;
font-weight: 600;
color: #0d2d61
}
.plagiarism_checker_wrap .plagiarism_block_left {
-ms-flex-preferred-size: 45%;
flex-basis: 45%
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_promices_list li {
max-width: 460px
}
.plagiarism_checker_wrap .thesis_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: 50px
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_text_box {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
-ms-flex-item-align: end;
align-self: end
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_text_box:nth-child(1) {
font-size: 18px
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_promices_list {
text-align: left;
margin: 0
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_promices_list li {
font-size: 20px;
font-weight: 400;
padding-left: 40px;
max-width: 400px
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_promices_list li:before {
position: absolute;
background-repeat: no-repeat;
border-radius: 0;
width: 23px;
height: 26px;
top: 6px;
background: url(//customwriting.com/wp-content/themes/images/custom-check.svg);
background-size: 100%
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_price_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_price_block .thesis_price_box:nth-child(1) {
-ms-flex-preferred-size: 126px;
flex-basis: 126px;
margin-right: 25px;
position: relative
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_price_block .thesis_price_box:nth-child(1) .from {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
color: #023757
}
.plagiarism_checker_wrap .thesis_text_wrap .thesis_price_block .thesis_price_box:nth-child(1) .currency {
position: absolute;
top: 2px;
left: 34px;
font-size: 18px;
font-weight: 700;
line-height: 1.22;
color: #f18910
}
.plagiarism_checker_wrap #hl_text {
border: 1px solid #DEDEDE;
border-radius: 3px;
padding: 5px;
height: 230px;
overflow-y: scroll;
position: absolute;
top: 89px;
color: #000;
background: #F3F3F3;
font-size: 18px;
width: 100%;
max-width: calc(100% - 50px);
}
.plagiarism_checker_wrap #hl_text span {
background: #ffc4c4;
}
.plagiarism_checker_wrap .text_length_n_reload_wrap {
display: none
}
.plagiarism_checker_wrap .text_length_n_reload {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
top: 315px;
padding: 5px 10px;
color: #000;
background: #F3F3F3;
border-bottom: 1px solid #DEDEDE;
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
border-radius: 3px;
z-index: 380;
width: 100%;
max-width: calc(100% - 50px);
}
.plagiarism_checker_wrap .text_length_n_reload b { }
.plagiarism_checker_wrap .text_length_n_reload span {
font-size: 13px;
font-weight: 300;
line-height: 1.69;
}
.plagiarism_checker_wrap .text_lenght, .plagiarism_checker_wrap  .space_lenth {
color: #0d2d62
}
.plagiarism_checker_wrap .text_length_n_reload p {
margin: 0;
font-size: 14px;
line-height: 1.57;
padding: 0;
position: relative;
padding-left: 15px;
}
.plagiarism_checker_wrap .text_length_n_reload .reload-icon {
content: '';
display: inline-block;
width: 10px;
height: 12px;
background: url(//customwriting.com/wp-content/themes/img/reload.svg) no-repeat;
}
.plagiarism_checker_wrap .text_length_n_reload p:hover {
cursor: pointer
}
.plagiarism_checker_wrap .match_top_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 30px 0 20px;
}
.plagiarism_checker_wrap .unique_match {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.plagiarism_checker_wrap .unique_match span {
font-size: 48px;
font-weight: 500;
line-height: .46;
color: #DA2F2F;
margin-right: 15px
}
.plagiarism_checker_wrap .unique_match p {
font-size: 13px;
font-weight: 300;
line-height: 1.23;
color: #666;
padding: 0;
margin: 0;
}
.plagiarism_checker_wrap .match_title {
width: 100%;
margin-bottom: 10px
}
.plagiarism_checker_wrap .match_title span {
font-size: 16px;
font-weight: 700;
}
.plagiarism_checker_wrap .title_match_col {
margin-right: 25px
}
.plagiarism_checker_wrap .title_match_col td {
font-size: 13px;
font-weight: 300;
letter-spacing: .5px;
color: #797c8a;
border: 0;
}
.plagiarism_checker_wrap .match_table {
width: 100%;
}
.plagiarism_checker_wrap .match_table thead tr td:nth-child(2), .match_table thead tr td:nth-child(3) {
text-align: right;
}
.plagiarism_checker_wrap .match_table tbody tr:nth-child(2n+1) {
background: #F5F5F5;
}
.plagiarism_checker_wrap .match_table td {
border: 0;
padding: 10px 20px;
line-height: 1.3;
}
.plagiarism_checker_wrap .title_match_col td:nth-child(2) {
padding: 0 10px
}
.plagiarism_checker_wrap .source_href {
width: 40%;
word-break: break-word;
}
.plagiarism_checker_wrap .source_href a {
font-size: 13px;
line-height: 1.23;
color: #222b54
}
.plagiarism_checker_wrap .index_match {
width: 30px;
font-size: 14px;
font-weight: 600;
color: #f15610;
vertical-align: top;
text-align: right;
padding: 0 25px
}
.plagiarism_checker_wrap .viev_match {
width: 30px;
font-size: 14px;
font-weight: 600;
color: #f18910;
vertical-align: top;
text-align: right
}
.plagiarism_checker_wrap .viev_match a {
text-decoration: underline
}
.plagiarism_checker_wrap .match_bottom_line {
width: 100%;
height: 1px;
opacity: .2;
background: #63c1c5;
margin: 15px 0
}
.plagiarism_checker_wrap .hish_match {
padding: 10px 0;
font-size: 14px;
font-weight: 600;
line-height: 1.14;
color: #337ab7;
text-decoration: underline;
}
.plagiarism_checker_wrap .hish_match:hover {
cursor: pointer
}
#cube-loader { }
#cube-loader .caption {
margin: 0 auto;
}
#cube-loader .cube-loader {
width: 73px;
height: 73px;
margin: 0 auto;
margin-top: 49px;
position: relative;
transform: rotateZ(45deg);
}
#cube-loader .cube-loader .cube {
position: relative;
transform: rotateZ(45deg);
width: 50%;
height: 50%;
float: left;
transform: scale(1.1);
}
#cube-loader .cube-loader .cube:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(52, 73, 94, 1.0);
animation: cube-loader 2.76s infinite linear both;
transform-origin: 100% 100%;
}
#cube-loader .cube-loader .loader-2 {
transform: scale(1.1) rotateZ(90deg);
}
#cube-loader .cube-loader .loader-3 {
transform: scale(1.1) rotateZ(180deg);
}
#cube-loader .cube-loader .loader-4 {
transform: scale(1.1) rotateZ(270deg);
}
#cube-loader .cube-loader .loader-2:before {
animation-delay: 0.35s;
}
#cube-loader .cube-loader .loader-3:before {
animation-delay: 0.69s;
}
#cube-loader .cube-loader .loader-4:before {
animation-delay: 1.04s;
}
@keyframes cube-loader {
0%, 10% {
transform: perspective(136px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
transform: perspective(136px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
transform: perspective(136px) rotateY(180deg);
opacity: 0;
}
}
@media screen and (max-width: 768px) {
.plagiarism_checker_wrap .drop_zone_content {
flex-direction: column;
text-align: center;        
}
.plagiarism_checker_wrap .drop_zone_img {
margin: auto;
margin-bottom: 20px;
}
.plagiarism_checker_wrap #testText {
height: 300px;
}
.plagiarism_checker_wrap .text_length_n_reload {
top: 372px;
flex-direction: column;
text-align: center;
}
.plagiarism_checker_wrap #reload_btn {
margin-top: 5px;
}
.plagiarism_checker_wrap .match_top_block {
flex-direction: column;
}
.plagiarism_checker_wrap .unique_match {
margin: 30px 0 20px;
}
.plagiarism_checker_wrap #hl_text {
height: 282px;
}
.plagiarism_checker_wrap #form_test {
padding: 30px 0;
}
.plagiarism_checker_wrap .drop_zone {
bottom: 220px;
}
}
@media screen and (max-width: 420px) {
.plagiarism_checker_wrap #form_test {
padding: 22px 0;
}
.plagiarism_checker_wrap .plagiarism_past_text span {
font-size: 24px;
}
.plagiarism_checker_wrap .drop_zone {
bottom: 250px;
}
}
.cli-bar-container {
justify-content: left !important;
}
#show-more-bottom-text {
margin-top: 25px;
}
.data-href {
cursor: pointer;
}
body.archive.category .archive-main-content-wrap .post-box:nth-child(even) {
margin-right: 32px;
}
body.archive.category .archive-main-content-wrap .post-box:nth-child(odd) {
margin-right: 0;
}
body.archive.category .post-box .post-box-title, .post-box .post-box-title:visited {
min-height: 64px;
}
.legal__tablet {
display: none;
}
.legal__mob {
display: none;
}
@media (max-width: 991px ){
.legal__tablet {
display: block;
}
.legal__desctop {
display: none;
}
}
@media (max-width: 480px ){
.legal__tablet {
display: none;
}
.legal__mob {
display: block;
}
}
.lang {
display: inline-block;
margin-left: 20px;
}