footer .chexck { margin: 10px; text-align: center; }
footer .chexck p { color: #ffffff; font-size: 16px; text-align: left; margin-bottom: 0; }
footer .chexck img { width: 60%; margin-left: auto; display: block; margin: auto; }
select { -moz-appearance: none; -webkit-appearance: none; }
.fixed .top-head { position: fixed; width: 100%; z-index: 9999; }
.fixed .scroll-div { position: fixed; top: 43px; }
@media only screen and (max-width:768px) {
    .head-form { width: 100% !important; }
}
@media (min-width:320px) and (max-width:767px) {
    .top-right>ul { display: flex; justify-content: space-between; gap: 15px; }
    .head-form { margin-top: 30px !important; }
}
@media (min-width:320px) and (max-width:480px) {
    .head-form { margin-top: 30px !important; }
}
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
*,
*::before,
*::after { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
@-ms-viewport { width: device-width; }
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section { display: block; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { display: none; }
::-webkit-scrollbar-track-piece { background-color: #ecedf1; -webkit-border-radius: 0px; border-left: 1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius: 0px; background: #ff3040; }
body { margin: 0; font-family: 'Poppins', "sans-serif"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }
[tabindex="-1"]:focus { outline: 0 !important; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-top: 0; margin-bottom: 0.5rem; }
p,
.top-home .content .bottom a { margin-top: 0; margin-bottom: 1rem; }
abbr[title],
abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
ol,
ul,
dl { margin-top: 0; margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol { margin-bottom: 0; }
dt { font-weight: 700; }
dd { margin-bottom: .5rem; margin-left: 0; }
blockquote { margin: 0 0 1rem; }
dfn { font-style: italic; }
b,
strong { font-weight: bold; }
small { font-size: 80%; }
sub,
sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }
a:hover { color: #ff3040; text-decoration: underline; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus { outline: 0; }
pre,
code,
kbd,
samp { font-family: monospace, monospace; font-size: 1em; }
pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }
figure { margin: 0 0 1rem; }
img { vertical-align: middle; border-style: none; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; }
caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }
th { text-align: inherit; }
label { display: inline-block; margin-bottom: .5rem; }
button { border-radius: 0; }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
optgroup,
textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
button,
input { overflow: visible; }
button,
select { text-transform: none; }
button,
html [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 { padding: 0; border-style: none; }
input[type="radio"],
input[type="checkbox"] { box-sizing: border-box; padding: 0; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { -webkit-appearance: listbox; }
textarea { overflow: auto; resize: vertical; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }
progress { vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { outline-offset: -2px; -webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }
output { display: inline-block; }
summary { display: list-item; cursor: pointer; }
template { display: none; }
[hidden] { display: none !important; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width:576px) {
    .container { max-width: 540px; }
}
@media (min-width:768px) {
    .container { max-width: 720px; }
}
@media (min-width:992px) {
    .container { max-width: 960px; }
}
@media (min-width:1200px) {
    .container { max-width: 1170px; }
}
.attach-desc { color: #fff }
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters>.col,
.no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0; }
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: none; }
.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.order-first { order: -1; }
.order-last { order: 13; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.66667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333%; }
.offset-5 { margin-left: 41.66667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333%; }
.offset-8 { margin-left: 66.66667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33333%; }
.offset-11 { margin-left: 91.66667%; }
@media (min-width:576px) {
    .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
    .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; }
    .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
    .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
    .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
    .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
    .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
    .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
    .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
    .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
    .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
    .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
    .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
    .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
    .order-sm-first { order: -1; }
    .order-sm-last { order: 13; }
    .order-sm-0 { order: 0; }
    .order-sm-1 { order: 1; }
    .order-sm-2 { order: 2; }
    .order-sm-3 { order: 3; }
    .order-sm-4 { order: 4; }
    .order-sm-5 { order: 5; }
    .order-sm-6 { order: 6; }
    .order-sm-7 { order: 7; }
    .order-sm-8 { order: 8; }
    .order-sm-9 { order: 9; }
    .order-sm-10 { order: 10; }
    .order-sm-11 { order: 11; }
    .order-sm-12 { order: 12; }
    .offset-sm-0 { margin-left: 0; }
    .offset-sm-1 { margin-left: 8.33333%; }
    .offset-sm-2 { margin-left: 16.66667%; }
    .offset-sm-3 { margin-left: 25%; }
    .offset-sm-4 { margin-left: 33.33333%; }
    .offset-sm-5 { margin-left: 41.66667%; }
    .offset-sm-6 { margin-left: 50%; }
    .offset-sm-7 { margin-left: 58.33333%; }
    .offset-sm-8 { margin-left: 66.66667%; }
    .offset-sm-9 { margin-left: 75%; }
    .offset-sm-10 { margin-left: 83.33333%; }
    .offset-sm-11 { margin-left: 91.66667%; }
}
@media (min-width:768px) {
    .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
    .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }
    .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
    .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
    .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
    .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
    .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
    .col-md-12 { flex: 0 0 100%; max-width: 100%; }
    .order-md-first { order: -1; }
    .order-md-last { order: 13; }
    .order-md-0 { order: 0; }
    .order-md-1 { order: 1; }
    .order-md-2 { order: 2; }
    .order-md-3 { order: 3; }
    .order-md-4 { order: 4; }
    .order-md-5 { order: 5; }
    .order-md-6 { order: 6; }
    .order-md-7 { order: 7; }
    .order-md-8 { order: 8; }
    .order-md-9 { order: 9; }
    .order-md-10 { order: 10; }
    .order-md-11 { order: 11; }
    .order-md-12 { order: 12; }
    .offset-md-0 { margin-left: 0; }
    .offset-md-1 { margin-left: 8.33333%; }
    .offset-md-2 { margin-left: 16.66667%; }
    .offset-md-3 { margin-left: 25%; }
    .offset-md-4 { margin-left: 33.33333%; }
    .offset-md-5 { margin-left: 41.66667%; }
    .offset-md-6 { margin-left: 50%; }
    .offset-md-7 { margin-left: 58.33333%; }
    .offset-md-8 { margin-left: 66.66667%; }
    .offset-md-9 { margin-left: 75%; }
    .offset-md-10 { margin-left: 83.33333%; }
    .offset-md-11 { margin-left: 91.66667%; }
}
@media (min-width:992px) {
    .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
    .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; }
    .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
    .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
    .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
    .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
    .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
    .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
    .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
    .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
    .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
    .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
    .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
    .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
    .order-lg-first { order: -1; }
    .order-lg-last { order: 13; }
    .order-lg-0 { order: 0; }
    .order-lg-1 { order: 1; }
    .order-lg-2 { order: 2; }
    .order-lg-3 { order: 3; }
    .order-lg-4 { order: 4; }
    .order-lg-5 { order: 5; }
    .order-lg-6 { order: 6; }
    .order-lg-7 { order: 7; }
    .order-lg-8 { order: 8; }
    .order-lg-9 { order: 9; }
    .order-lg-10 { order: 10; }
    .order-lg-11 { order: 11; }
    .order-lg-12 { order: 12; }
    .offset-lg-0 { margin-left: 0; }
    .offset-lg-1 { margin-left: 8.33333%; }
    .offset-lg-2 { margin-left: 16.66667%; }
    .offset-lg-3 { margin-left: 25%; }
    .offset-lg-4 { margin-left: 33.33333%; }
    .offset-lg-5 { margin-left: 41.66667%; }
    .offset-lg-6 { margin-left: 50%; }
    .offset-lg-7 { margin-left: 58.33333%; }
    .offset-lg-8 { margin-left: 66.66667%; }
    .offset-lg-9 { margin-left: 75%; }
    .offset-lg-10 { margin-left: 83.33333%; }
    .offset-lg-11 { margin-left: 91.66667%; }
}
@media (min-width:1200px) {
    .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
    .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; }
    .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
    .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
    .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
    .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
    .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
    .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
    .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
    .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
    .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
    .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
    .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
    .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
    .order-xl-first { order: -1; }
    .order-xl-last { order: 13; }
    .order-xl-0 { order: 0; }
    .order-xl-1 { order: 1; }
    .order-xl-2 { order: 2; }
    .order-xl-3 { order: 3; }
    .order-xl-4 { order: 4; }
    .order-xl-5 { order: 5; }
    .order-xl-6 { order: 6; }
    .order-xl-7 { order: 7; }
    .order-xl-8 { order: 8; }
    .order-xl-9 { order: 9; }
    .order-xl-10 { order: 10; }
    .order-xl-11 { order: 11; }
    .order-xl-12 { order: 12; }
    .offset-xl-0 { margin-left: 0; }
    .offset-xl-1 { margin-left: 8.33333%; }
    .offset-xl-2 { margin-left: 16.66667%; }
    .offset-xl-3 { margin-left: 25%; }
    .offset-xl-4 { margin-left: 33.33333%; }
    .offset-xl-5 { margin-left: 41.66667%; }
    .offset-xl-6 { margin-left: 50%; }
    .offset-xl-7 { margin-left: 58.33333%; }
    .offset-xl-8 { margin-left: 66.66667%; }
    .offset-xl-9 { margin-left: 75%; }
    .offset-xl-10 { margin-left: 83.33333%; }
    .offset-xl-11 { margin-left: 91.66667%; }
}
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.bg-primary { background-color: #007bff !important; }
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus { background-color: #0062cc !important; }
.bg-secondary { background-color: #6c757d !important; }
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus { background-color: #545b62 !important; }
.bg-success { background-color: #28a745 !important; }
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus { background-color: #1e7e34 !important; }
.bg-info { background-color: #17a2b8 !important; }
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus { background-color: #117a8b !important; }
.bg-warning { background-color: #ffc107 !important; }
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus { background-color: #d39e00 !important; }
.bg-danger { background-color: #dc3545 !important; }
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus { background-color: #bd2130 !important; }
.bg-light { background-color: #f8f9fa !important; }
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus { background-color: #dae0e5 !important; }
.bg-dark { background-color: #343a40 !important; }
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus { background-color: #1d2124 !important; }
.bg-white { background-color: #fff !important; }
.bg-transparent { background-color: transparent !important; }
.clearfix::after { display: block; clear: both; content: ""; }
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
@media (min-width:576px) {
    .d-sm-none { display: none !important; }
    .d-sm-inline { display: inline !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-block { display: block !important; }
    .d-sm-table { display: table !important; }
    .d-sm-table-row { display: table-row !important; }
    .d-sm-table-cell { display: table-cell !important; }
    .d-sm-flex { display: flex !important; }
    .d-sm-inline-flex { display: inline-flex !important; }
}
@media (min-width:768px) {
    .d-md-none { display: none !important; }
    .d-md-inline { display: inline !important; }
    .d-md-inline-block { display: inline-block !important; }
    .d-md-block { display: block !important; }
    .d-md-table { display: table !important; }
    .d-md-table-row { display: table-row !important; }
    .d-md-table-cell { display: table-cell !important; }
    .d-md-flex { display: flex !important; }
    .d-md-inline-flex { display: inline-flex !important; }
}
@media (min-width:992px) {
    .d-lg-none { display: none !important; }
    .d-lg-inline { display: inline !important; }
    .d-lg-inline-block { display: inline-block !important; }
    .d-lg-block { display: block !important; }
    .d-lg-table { display: table !important; }
    .d-lg-table-row { display: table-row !important; }
    .d-lg-table-cell { display: table-cell !important; }
    .d-lg-flex { display: flex !important; }
    .d-lg-inline-flex { display: inline-flex !important; }
}
@media (min-width:1200px) {
    .d-xl-none { display: none !important; }
    .d-xl-inline { display: inline !important; }
    .d-xl-inline-block { display: inline-block !important; }
    .d-xl-block { display: block !important; }
    .d-xl-table { display: table !important; }
    .d-xl-table-row { display: table-row !important; }
    .d-xl-table-cell { display: table-cell !important; }
    .d-xl-flex { display: flex !important; }
    .d-xl-inline-flex { display: inline-flex !important; }
}
@media print {
    .d-print-none { display: none !important; }
    .d-print-inline { display: inline !important; }
    .d-print-inline-block { display: inline-block !important; }
    .d-print-block { display: block !important; }
    .d-print-table { display: table !important; }
    .d-print-table-row { display: table-row !important; }
    .d-print-table-cell { display: table-cell !important; }
    .d-print-flex { display: flex !important; }
    .d-print-inline-flex { display: inline-flex !important; }
}
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
.embed-responsive::before { display: block; content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive-21by9::before { padding-top: 42.85714%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
@media (min-width:576px) {
    .flex-sm-row { flex-direction: row !important; }
    .flex-sm-column { flex-direction: column !important; }
    .flex-sm-row-reverse { flex-direction: row-reverse !important; }
    .flex-sm-column-reverse { flex-direction: column-reverse !important; }
    .flex-sm-wrap { flex-wrap: wrap !important; }
    .flex-sm-nowrap { flex-wrap: nowrap !important; }
    .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
    .justify-content-sm-start { justify-content: flex-start !important; }
    .justify-content-sm-end { justify-content: flex-end !important; }
    .justify-content-sm-center { justify-content: center !important; }
    .justify-content-sm-between { justify-content: space-between !important; }
    .justify-content-sm-around { justify-content: space-around !important; }
    .align-items-sm-start { align-items: flex-start !important; }
    .align-items-sm-end { align-items: flex-end !important; }
    .align-items-sm-center { align-items: center !important; }
    .align-items-sm-baseline { align-items: baseline !important; }
    .align-items-sm-stretch { align-items: stretch !important; }
    .align-content-sm-start { align-content: flex-start !important; }
    .align-content-sm-end { align-content: flex-end !important; }
    .align-content-sm-center { align-content: center !important; }
    .align-content-sm-between { align-content: space-between !important; }
    .align-content-sm-around { align-content: space-around !important; }
    .align-content-sm-stretch { align-content: stretch !important; }
    .align-self-sm-auto { align-self: auto !important; }
    .align-self-sm-start { align-self: flex-start !important; }
    .align-self-sm-end { align-self: flex-end !important; }
    .align-self-sm-center { align-self: center !important; }
    .align-self-sm-baseline { align-self: baseline !important; }
    .align-self-sm-stretch { align-self: stretch !important; }
}
@media (min-width:768px) {
    .flex-md-row { flex-direction: row !important; }
    .flex-md-column { flex-direction: column !important; }
    .flex-md-row-reverse { flex-direction: row-reverse !important; }
    .flex-md-column-reverse { flex-direction: column-reverse !important; }
    .flex-md-wrap { flex-wrap: wrap !important; }
    .flex-md-nowrap { flex-wrap: nowrap !important; }
    .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
    .justify-content-md-start { justify-content: flex-start !important; }
    .justify-content-md-end { justify-content: flex-end !important; }
    .justify-content-md-center { justify-content: center !important; }
    .justify-content-md-between { justify-content: space-between !important; }
    .justify-content-md-around { justify-content: space-around !important; }
    .align-items-md-start { align-items: flex-start !important; }
    .align-items-md-end { align-items: flex-end !important; }
    .align-items-md-center { align-items: center !important; }
    .align-items-md-baseline { align-items: baseline !important; }
    .align-items-md-stretch { align-items: stretch !important; }
    .align-content-md-start { align-content: flex-start !important; }
    .align-content-md-end { align-content: flex-end !important; }
    .align-content-md-center { align-content: center !important; }
    .align-content-md-between { align-content: space-between !important; }
    .align-content-md-around { align-content: space-around !important; }
    .align-content-md-stretch { align-content: stretch !important; }
    .align-self-md-auto { align-self: auto !important; }
    .align-self-md-start { align-self: flex-start !important; }
    .align-self-md-end { align-self: flex-end !important; }
    .align-self-md-center { align-self: center !important; }
    .align-self-md-baseline { align-self: baseline !important; }
    .align-self-md-stretch { align-self: stretch !important; }
}
@media (min-width:992px) {
    .flex-lg-row { flex-direction: row !important; }
    .flex-lg-column { flex-direction: column !important; }
    .flex-lg-row-reverse { flex-direction: row-reverse !important; }
    .flex-lg-column-reverse { flex-direction: column-reverse !important; }
    .flex-lg-wrap { flex-wrap: wrap !important; }
    .flex-lg-nowrap { flex-wrap: nowrap !important; }
    .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
    .justify-content-lg-start { justify-content: flex-start !important; }
    .justify-content-lg-end { justify-content: flex-end !important; }
    .justify-content-lg-center { justify-content: center !important; }
    .justify-content-lg-between { justify-content: space-between !important; }
    .justify-content-lg-around { justify-content: space-around !important; }
    .align-items-lg-start { align-items: flex-start !important; }
    .align-items-lg-end { align-items: flex-end !important; }
    .align-items-lg-center { align-items: center !important; }
    .align-items-lg-baseline { align-items: baseline !important; }
    .align-items-lg-stretch { align-items: stretch !important; }
    .align-content-lg-start { align-content: flex-start !important; }
    .align-content-lg-end { align-content: flex-end !important; }
    .align-content-lg-center { align-content: center !important; }
    .align-content-lg-between { align-content: space-between !important; }
    .align-content-lg-around { align-content: space-around !important; }
    .align-content-lg-stretch { align-content: stretch !important; }
    .align-self-lg-auto { align-self: auto !important; }
    .align-self-lg-start { align-self: flex-start !important; }
    .align-self-lg-end { align-self: flex-end !important; }
    .align-self-lg-center { align-self: center !important; }
    .align-self-lg-baseline { align-self: baseline !important; }
    .align-self-lg-stretch { align-self: stretch !important; }
}
@media (min-width:1200px) {
    .flex-xl-row { flex-direction: row !important; }
    .flex-xl-column { flex-direction: column !important; }
    .flex-xl-row-reverse { flex-direction: row-reverse !important; }
    .flex-xl-column-reverse { flex-direction: column-reverse !important; }
    .flex-xl-wrap { flex-wrap: wrap !important; }
    .flex-xl-nowrap { flex-wrap: nowrap !important; }
    .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
    .justify-content-xl-start { justify-content: flex-start !important; }
    .justify-content-xl-end { justify-content: flex-end !important; }
    .justify-content-xl-center { justify-content: center !important; }
    .justify-content-xl-between { justify-content: space-between !important; }
    .justify-content-xl-around { justify-content: space-around !important; }
    .align-items-xl-start { align-items: flex-start !important; }
    .align-items-xl-end { align-items: flex-end !important; }
    .align-items-xl-center { align-items: center !important; }
    .align-items-xl-baseline { align-items: baseline !important; }
    .align-items-xl-stretch { align-items: stretch !important; }
    .align-content-xl-start { align-content: flex-start !important; }
    .align-content-xl-end { align-content: flex-end !important; }
    .align-content-xl-center { align-content: center !important; }
    .align-content-xl-between { align-content: space-between !important; }
    .align-content-xl-around { align-content: space-around !important; }
    .align-content-xl-stretch { align-content: stretch !important; }
    .align-self-xl-auto { align-self: auto !important; }
    .align-self-xl-start { align-self: flex-start !important; }
    .align-self-xl-end { align-self: flex-end !important; }
    .align-self-xl-center { align-self: center !important; }
    .align-self-xl-baseline { align-self: baseline !important; }
    .align-self-xl-stretch { align-self: stretch !important; }
}
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
@media (min-width:576px) {
    .float-sm-left { float: left !important; }
    .float-sm-right { float: right !important; }
    .float-sm-none { float: none !important; }
}
@media (min-width:768px) {
    .float-md-left { float: left !important; }
    .float-md-right { float: right !important; }
    .float-md-none { float: none !important; }
}
@media (min-width:992px) {
    .float-lg-left { float: left !important; }
    .float-lg-right { float: right !important; }
    .float-lg-none { float: none !important; }
}
@media (min-width:1200px) {
    .float-xl-left { float: left !important; }
    .float-xl-right { float: right !important; }
    .float-xl-none { float: none !important; }
}
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }
@supports (position:sticky) {
    .sticky-top { position: sticky; top: 0; z-index: 1020; }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; }
.sr-only-focusable:active,
.sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
.m-0 { margin: 0 !important; }
.mt-0,
.my-0 { margin-top: 0 !important; }
.mr-0,
.mx-0 { margin-right: 0 !important; }
.mb-0,
.my-0 { margin-bottom: 0 !important; }
.ml-0,
.mx-0 { margin-left: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.mt-1,
.my-1 { margin-top: 0.25rem !important; }
.mr-1,
.mx-1 { margin-right: 0.25rem !important; }
.mb-1,
.my-1 { margin-bottom: 0.25rem !important; }
.ml-1,
.mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2,
.my-2 { margin-top: 0.5rem !important; }
.mr-2,
.mx-2 { margin-right: 0.5rem !important; }
.mb-2,
.my-2 { margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 { margin-left: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-3,
.my-3 { margin-top: 1rem !important; }
.mr-3,
.mx-3 { margin-right: 1rem !important; }
.mb-3,
.my-3 { margin-bottom: 1rem !important; }
.ml-3,
.mx-3 { margin-left: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.mt-4,
.my-4 { margin-top: 1.5rem !important; }
.mr-4,
.mx-4 { margin-right: 1.5rem !important; }
.mb-4,
.my-4 { margin-bottom: 1.5rem !important; }
.ml-4,
.mx-4 { margin-left: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-5,
.my-5 { margin-top: 3rem !important; }
.mr-5,
.mx-5 { margin-right: 3rem !important; }
.mb-5,
.my-5 { margin-bottom: 3rem !important; }
.ml-5,
.mx-5 { margin-left: 3rem !important; }
.p-0 { padding: 0 !important; }
.pt-0,
.py-0 { padding-top: 0 !important; }
.pr-0,
.px-0 { padding-right: 0 !important; }
.pb-0,
.py-0 { padding-bottom: 0 !important; }
.pl-0,
.px-0 { padding-left: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.pt-1,
.py-1 { padding-top: 0.25rem !important; }
.pr-1,
.px-1 { padding-right: 0.25rem !important; }
.pb-1,
.py-1 { padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2,
.py-2 { padding-top: 0.5rem !important; }
.pr-2,
.px-2 { padding-right: 0.5rem !important; }
.pb-2,
.py-2 { padding-bottom: 0.5rem !important; }
.pl-2,
.px-2 { padding-left: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.pt-3,
.py-3 { padding-top: 1rem !important; }
.pr-3,
.px-3 { padding-right: 1rem !important; }
.pb-3,
.py-3 { padding-bottom: 1rem !important; }
.pl-3,
.px-3 { padding-left: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.pt-4,
.py-4 { padding-top: 1.5rem !important; }
.pr-4,
.px-4 { padding-right: 1.5rem !important; }
.pb-4,
.py-4 { padding-bottom: 1.5rem !important; }
.pl-4,
.px-4 { padding-left: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-5,
.py-5 { padding-top: 40px !important; }
.pr-5,
.px-5 { padding-right: 3rem !important; }
.pb-5,
.py-5 { padding-bottom: 40px !important; }
.pl-5,
.px-5 { padding-left: 3rem !important; }
.m-auto { margin: auto !important; }
.mt-auto,
.my-auto { margin-top: auto !important; }
.mr-auto,
.mx-auto { margin-right: auto !important; }
.mb-auto,
.my-auto { margin-bottom: auto !important; }
.ml-auto,
.mx-auto { margin-left: auto !important; }
@media (min-width:576px) {
    .m-sm-0 { margin: 0 !important; }
    .mt-sm-0,
    .my-sm-0 { margin-top: 0 !important; }
    .mr-sm-0,
    .mx-sm-0 { margin-right: 0 !important; }
    .mb-sm-0,
    .my-sm-0 { margin-bottom: 0 !important; }
    .ml-sm-0,
    .mx-sm-0 { margin-left: 0 !important; }
    .m-sm-1 { margin: 0.25rem !important; }
    .mt-sm-1,
    .my-sm-1 { margin-top: 0.25rem !important; }
    .mr-sm-1,
    .mx-sm-1 { margin-right: 0.25rem !important; }
    .mb-sm-1,
    .my-sm-1 { margin-bottom: 0.25rem !important; }
    .ml-sm-1,
    .mx-sm-1 { margin-left: 0.25rem !important; }
    .m-sm-2 { margin: 0.5rem !important; }
    .mt-sm-2,
    .my-sm-2 { margin-top: 0.5rem !important; }
    .mr-sm-2,
    .mx-sm-2 { margin-right: 0.5rem !important; }
    .mb-sm-2,
    .my-sm-2 { margin-bottom: 0.5rem !important; }
    .ml-sm-2,
    .mx-sm-2 { margin-left: 0.5rem !important; }
    .m-sm-3 { margin: 1rem !important; }
    .mt-sm-3,
    .my-sm-3 { margin-top: 1rem !important; }
    .mr-sm-3,
    .mx-sm-3 { margin-right: 1rem !important; }
    .mb-sm-3,
    .my-sm-3 { margin-bottom: 1rem !important; }
    .ml-sm-3,
    .mx-sm-3 { margin-left: 1rem !important; }
    .m-sm-4 { margin: 1.5rem !important; }
    .mt-sm-4,
    .my-sm-4 { margin-top: 1.5rem !important; }
    .mr-sm-4,
    .mx-sm-4 { margin-right: 1.5rem !important; }
    .mb-sm-4,
    .my-sm-4 { margin-bottom: 1.5rem !important; }
    .ml-sm-4,
    .mx-sm-4 { margin-left: 1.5rem !important; }
    .m-sm-5 { margin: 3rem !important; }
    .mt-sm-5,
    .my-sm-5 { margin-top: 3rem !important; }
    .mr-sm-5,
    .mx-sm-5 { margin-right: 3rem !important; }
    .mb-sm-5,
    .my-sm-5 { margin-bottom: 3rem !important; }
    .ml-sm-5,
    .mx-sm-5 { margin-left: 3rem !important; }
    .p-sm-0 { padding: 0 !important; }
    .pt-sm-0,
    .py-sm-0 { padding-top: 0 !important; }
    .pr-sm-0,
    .px-sm-0 { padding-right: 0 !important; }
    .pb-sm-0,
    .py-sm-0 { padding-bottom: 0 !important; }
    .pl-sm-0,
    .px-sm-0 { padding-left: 0 !important; }
    .p-sm-1 { padding: 0.25rem !important; }
    .pt-sm-1,
    .py-sm-1 { padding-top: 0.25rem !important; }
    .pr-sm-1,
    .px-sm-1 { padding-right: 0.25rem !important; }
    .pb-sm-1,
    .py-sm-1 { padding-bottom: 0.25rem !important; }
    .pl-sm-1,
    .px-sm-1 { padding-left: 0.25rem !important; }
    .p-sm-2 { padding: 0.5rem !important; }
    .pt-sm-2,
    .py-sm-2 { padding-top: 0.5rem !important; }
    .pr-sm-2,
    .px-sm-2 { padding-right: 0.5rem !important; }
    .pb-sm-2,
    .py-sm-2 { padding-bottom: 0.5rem !important; }
    .pl-sm-2,
    .px-sm-2 { padding-left: 0.5rem !important; }
    .p-sm-3 { padding: 1rem !important; }
    .pt-sm-3,
    .py-sm-3 { padding-top: 1rem !important; }
    .pr-sm-3,
    .px-sm-3 { padding-right: 1rem !important; }
    .pb-sm-3,
    .py-sm-3 { padding-bottom: 1rem !important; }
    .pl-sm-3,
    .px-sm-3 { padding-left: 1rem !important; }
    .p-sm-4 { padding: 1.5rem !important; }
    .pt-sm-4,
    .py-sm-4 { padding-top: 1.5rem !important; }
    .pr-sm-4,
    .px-sm-4 { padding-right: 1.5rem !important; }
    .pb-sm-4,
    .py-sm-4 { padding-bottom: 1.5rem !important; }
    .pl-sm-4,
    .px-sm-4 { padding-left: 1.5rem !important; }
    .p-sm-5 { padding: 3rem !important; }
    .pt-sm-5,
    .py-sm-5 { padding-top: 3rem !important; }
    .pr-sm-5,
    .px-sm-5 { padding-right: 3rem !important; }
    .pb-sm-5,
    .py-sm-5 { padding-bottom: 3rem !important; }
    .pl-sm-5,
    .px-sm-5 { padding-left: 3rem !important; }
    .m-sm-auto { margin: auto !important; }
    .mt-sm-auto,
    .my-sm-auto { margin-top: auto !important; }
    .mr-sm-auto,
    .mx-sm-auto { margin-right: auto !important; }
    .mb-sm-auto,
    .my-sm-auto { margin-bottom: auto !important; }
    .ml-sm-auto,
    .mx-sm-auto { margin-left: auto !important; }
}
@media (min-width:768px) {
    .m-md-0 { margin: 0 !important; }
    .mt-md-0,
    .my-md-0 { margin-top: 0 !important; }
    .mr-md-0,
    .mx-md-0 { margin-right: 0 !important; }
    .mb-md-0,
    .my-md-0 { margin-bottom: 0 !important; }
    .ml-md-0,
    .mx-md-0 { margin-left: 0 !important; }
    .m-md-1 { margin: 0.25rem !important; }
    .mt-md-1,
    .my-md-1 { margin-top: 0.25rem !important; }
    .mr-md-1,
    .mx-md-1 { margin-right: 0.25rem !important; }
    .mb-md-1,
    .my-md-1 { margin-bottom: 0.25rem !important; }
    .ml-md-1,
    .mx-md-1 { margin-left: 0.25rem !important; }
    .m-md-2 { margin: 0.5rem !important; }
    .mt-md-2,
    .my-md-2 { margin-top: 0.5rem !important; }
    .mr-md-2,
    .mx-md-2 { margin-right: 0.5rem !important; }
    .mb-md-2,
    .my-md-2 { margin-bottom: 0.5rem !important; }
    .ml-md-2,
    .mx-md-2 { margin-left: 0.5rem !important; }
    .m-md-3 { margin: 1rem !important; }
    .mt-md-3,
    .my-md-3 { margin-top: 1rem !important; }
    .mr-md-3,
    .mx-md-3 { margin-right: 1rem !important; }
    .mb-md-3,
    .my-md-3 { margin-bottom: 1rem !important; }
    .ml-md-3,
    .mx-md-3 { margin-left: 1rem !important; }
    .m-md-4 { margin: 1.5rem !important; }
    .mt-md-4,
    .my-md-4 { margin-top: 1.5rem !important; }
    .mr-md-4,
    .mx-md-4 { margin-right: 1.5rem !important; }
    .mb-md-4,
    .my-md-4 { margin-bottom: 1.5rem !important; }
    .ml-md-4,
    .mx-md-4 { margin-left: 1.5rem !important; }
    .m-md-5 { margin: 3rem !important; }
    .mt-md-5,
    .my-md-5 { margin-top: 3rem !important; }
    .mr-md-5,
    .mx-md-5 { margin-right: 3rem !important; }
    .mb-md-5,
    .my-md-5 { margin-bottom: 3rem !important; }
    .ml-md-5,
    .mx-md-5 { margin-left: 3rem !important; }
    .p-md-0 { padding: 0 !important; }
    .pt-md-0,
    .py-md-0 { padding-top: 0 !important; }
    .pr-md-0,
    .px-md-0 { padding-right: 0 !important; }
    .pb-md-0,
    .py-md-0 { padding-bottom: 0 !important; }
    .pl-md-0,
    .px-md-0 { padding-left: 0 !important; }
    .p-md-1 { padding: 0.25rem !important; }
    .pt-md-1,
    .py-md-1 { padding-top: 0.25rem !important; }
    .pr-md-1,
    .px-md-1 { padding-right: 0.25rem !important; }
    .pb-md-1,
    .py-md-1 { padding-bottom: 0.25rem !important; }
    .pl-md-1,
    .px-md-1 { padding-left: 0.25rem !important; }
    .p-md-2 { padding: 0.5rem !important; }
    .pt-md-2,
    .py-md-2 { padding-top: 0.5rem !important; }
    .pr-md-2,
    .px-md-2 { padding-right: 0.5rem !important; }
    .pb-md-2,
    .py-md-2 { padding-bottom: 0.5rem !important; }
    .pl-md-2,
    .px-md-2 { padding-left: 0.5rem !important; }
    .p-md-3 { padding: 1rem !important; }
    .pt-md-3,
    .py-md-3 { padding-top: 1rem !important; }
    .pr-md-3,
    .px-md-3 { padding-right: 1rem !important; }
    .pb-md-3,
    .py-md-3 { padding-bottom: 1rem !important; }
    .pl-md-3,
    .px-md-3 { padding-left: 1rem !important; }
    .p-md-4 { padding: 1.5rem !important; }
    .pt-md-4,
    .py-md-4 { padding-top: 1.5rem !important; }
    .pr-md-4,
    .px-md-4 { padding-right: 1.5rem !important; }
    .pb-md-4,
    .py-md-4 { padding-bottom: 1.5rem !important; }
    .pl-md-4,
    .px-md-4 { padding-left: 1.5rem !important; }
    .p-md-5 { padding: 3rem !important; }
    .pt-md-5,
    .py-md-5 { padding-top: 3rem !important; }
    .pr-md-5,
    .px-md-5 { padding-right: 3rem !important; }
    .pb-md-5,
    .py-md-5 { padding-bottom: 3rem !important; }
    .pl-md-5,
    .px-md-5 { padding-left: 3rem !important; }
    .m-md-auto { margin: auto !important; }
    .mt-md-auto,
    .my-md-auto { margin-top: auto !important; }
    .mr-md-auto,
    .mx-md-auto { margin-right: auto !important; }
    .mb-md-auto,
    .my-md-auto { margin-bottom: auto !important; }
    .ml-md-auto,
    .mx-md-auto { margin-left: auto !important; }
}
@media (min-width:992px) {
    .m-lg-0 { margin: 0 !important; }
    .mt-lg-0,
    .my-lg-0 { margin-top: 0 !important; }
    .mr-lg-0,
    .mx-lg-0 { margin-right: 0 !important; }
    .mb-lg-0,
    .my-lg-0 { margin-bottom: 0 !important; }
    .ml-lg-0,
    .mx-lg-0 { margin-left: 0 !important; }
    .m-lg-1 { margin: 0.25rem !important; }
    .mt-lg-1,
    .my-lg-1 { margin-top: 0.25rem !important; }
    .mr-lg-1,
    .mx-lg-1 { margin-right: 0.25rem !important; }
    .mb-lg-1,
    .my-lg-1 { margin-bottom: 0.25rem !important; }
    .ml-lg-1,
    .mx-lg-1 { margin-left: 0.25rem !important; }
    .m-lg-2 { margin: 0.5rem !important; }
    .mt-lg-2,
    .my-lg-2 { margin-top: 0.5rem !important; }
    .mr-lg-2,
    .mx-lg-2 { margin-right: 0.5rem !important; }
    .mb-lg-2,
    .my-lg-2 { margin-bottom: 0.5rem !important; }
    .ml-lg-2,
    .mx-lg-2 { margin-left: 0.5rem !important; }
    .m-lg-3 { margin: 1rem !important; }
    .mt-lg-3,
    .my-lg-3 { margin-top: 1rem !important; }
    .mr-lg-3,
    .mx-lg-3 { margin-right: 1rem !important; }
    .mb-lg-3,
    .my-lg-3 { margin-bottom: 1rem !important; }
    .ml-lg-3,
    .mx-lg-3 { margin-left: 1rem !important; }
    .m-lg-4 { margin: 1.5rem !important; }
    .mt-lg-4,
    .my-lg-4 { margin-top: 1.5rem !important; }
    .mr-lg-4,
    .mx-lg-4 { margin-right: 1.5rem !important; }
    .mb-lg-4,
    .my-lg-4 { margin-bottom: 1.5rem !important; }
    .ml-lg-4,
    .mx-lg-4 { margin-left: 1.5rem !important; }
    .m-lg-5 { margin: 3rem !important; }
    .mt-lg-5,
    .my-lg-5 { margin-top: 3rem !important; }
    .mr-lg-5,
    .mx-lg-5 { margin-right: 3rem !important; }
    .mb-lg-5,
    .my-lg-5 { margin-bottom: 3rem !important; }
    .ml-lg-5,
    .mx-lg-5 { margin-left: 3rem !important; }
    .p-lg-0 { padding: 0 !important; }
    .pt-lg-0,
    .py-lg-0 { padding-top: 0 !important; }
    .pr-lg-0,
    .px-lg-0 { padding-right: 0 !important; }
    .pb-lg-0,
    .py-lg-0 { padding-bottom: 0 !important; }
    .pl-lg-0,
    .px-lg-0 { padding-left: 0 !important; }
    .p-lg-1 { padding: 0.25rem !important; }
    .pt-lg-1,
    .py-lg-1 { padding-top: 0.25rem !important; }
    .pr-lg-1,
    .px-lg-1 { padding-right: 0.25rem !important; }
    .pb-lg-1,
    .py-lg-1 { padding-bottom: 0.25rem !important; }
    .pl-lg-1,
    .px-lg-1 { padding-left: 0.25rem !important; }
    .p-lg-2 { padding: 0.5rem !important; }
    .pt-lg-2,
    .py-lg-2 { padding-top: 0.5rem !important; }
    .pr-lg-2,
    .px-lg-2 { padding-right: 0.5rem !important; }
    .pb-lg-2,
    .py-lg-2 { padding-bottom: 0.5rem !important; }
    .pl-lg-2,
    .px-lg-2 { padding-left: 0.5rem !important; }
    .p-lg-3 { padding: 1rem !important; }
    .pt-lg-3,
    .py-lg-3 { padding-top: 1rem !important; }
    .pr-lg-3,
    .px-lg-3 { padding-right: 1rem !important; }
    .pb-lg-3,
    .py-lg-3 { padding-bottom: 1rem !important; }
    .pl-lg-3,
    .px-lg-3 { padding-left: 1rem !important; }
    .p-lg-4 { padding: 1.5rem !important; }
    .pt-lg-4,
    .py-lg-4 { padding-top: 1.5rem !important; }
    .pr-lg-4,
    .px-lg-4 { padding-right: 1.5rem !important; }
    .pb-lg-4,
    .py-lg-4 { padding-bottom: 1.5rem !important; }
    .pl-lg-4,
    .px-lg-4 { padding-left: 1.5rem !important; }
    .p-lg-5 { padding: 3rem !important; }
    .pt-lg-5,
    .py-lg-5 { padding-top: 3rem !important; }
    .pr-lg-5,
    .px-lg-5 { padding-right: 3rem !important; }
    .pb-lg-5,
    .py-lg-5 { padding-bottom: 3rem !important; }
    .pl-lg-5,
    .px-lg-5 { padding-left: 3rem !important; }
    .m-lg-auto { margin: auto !important; }
    .mt-lg-auto,
    .my-lg-auto { margin-top: auto !important; }
    .mr-lg-auto,
    .mx-lg-auto { margin-right: auto !important; }
    .mb-lg-auto,
    .my-lg-auto { margin-bottom: auto !important; }
    .ml-lg-auto,
    .mx-lg-auto { margin-left: auto !important; }
}
@media (min-width:1200px) {
    .m-xl-0 { margin: 0 !important; }
    .mt-xl-0,
    .my-xl-0 { margin-top: 0 !important; }
    .mr-xl-0,
    .mx-xl-0 { margin-right: 0 !important; }
    .mb-xl-0,
    .my-xl-0 { margin-bottom: 0 !important; }
    .ml-xl-0,
    .mx-xl-0 { margin-left: 0 !important; }
    .m-xl-1 { margin: 0.25rem !important; }
    .mt-xl-1,
    .my-xl-1 { margin-top: 0.25rem !important; }
    .mr-xl-1,
    .mx-xl-1 { margin-right: 0.25rem !important; }
    .mb-xl-1,
    .my-xl-1 { margin-bottom: 0.25rem !important; }
    .ml-xl-1,
    .mx-xl-1 { margin-left: 0.25rem !important; }
    .m-xl-2 { margin: 0.5rem !important; }
    .mt-xl-2,
    .my-xl-2 { margin-top: 0.5rem !important; }
    .mr-xl-2,
    .mx-xl-2 { margin-right: 0.5rem !important; }
    .mb-xl-2,
    .my-xl-2 { margin-bottom: 0.5rem !important; }
    .ml-xl-2,
    .mx-xl-2 { margin-left: 0.5rem !important; }
    .m-xl-3 { margin: 1rem !important; }
    .mt-xl-3,
    .my-xl-3 { margin-top: 1rem !important; }
    .mr-xl-3,
    .mx-xl-3 { margin-right: 1rem !important; }
    .mb-xl-3,
    .my-xl-3 { margin-bottom: 1rem !important; }
    .ml-xl-3,
    .mx-xl-3 { margin-left: 1rem !important; }
    .m-xl-4 { margin: 1.5rem !important; }
    .mt-xl-4,
    .my-xl-4 { margin-top: 1.5rem !important; }
    .mr-xl-4,
    .mx-xl-4 { margin-right: 1.5rem !important; }
    .mb-xl-4,
    .my-xl-4 { margin-bottom: 1.5rem !important; }
    .ml-xl-4,
    .mx-xl-4 { margin-left: 1.5rem !important; }
    .m-xl-5 { margin: 3rem !important; }
    .mt-xl-5,
    .my-xl-5 { margin-top: 3rem !important; }
    .mr-xl-5,
    .mx-xl-5 { margin-right: 3rem !important; }
    .mb-xl-5,
    .my-xl-5 { margin-bottom: 3rem !important; }
    .ml-xl-5,
    .mx-xl-5 { margin-left: 3rem !important; }
    .p-xl-0 { padding: 0 !important; }
    .pt-xl-0,
    .py-xl-0 { padding-top: 0 !important; }
    .pr-xl-0,
    .px-xl-0 { padding-right: 0 !important; }
    .pb-xl-0,
    .py-xl-0 { padding-bottom: 0 !important; }
    .pl-xl-0,
    .px-xl-0 { padding-left: 0 !important; }
    .p-xl-1 { padding: 0.25rem !important; }
    .pt-xl-1,
    .py-xl-1 { padding-top: 0.25rem !important; }
    .pr-xl-1,
    .px-xl-1 { padding-right: 0.25rem !important; }
    .pb-xl-1,
    .py-xl-1 { padding-bottom: 0.25rem !important; }
    .pl-xl-1,
    .px-xl-1 { padding-left: 0.25rem !important; }
    .p-xl-2 { padding: 0.5rem !important; }
    .pt-xl-2,
    .py-xl-2 { padding-top: 0.5rem !important; }
    .pr-xl-2,
    .px-xl-2 { padding-right: 0.5rem !important; }
    .pb-xl-2,
    .py-xl-2 { padding-bottom: 0.5rem !important; }
    .pl-xl-2,
    .px-xl-2 { padding-left: 0.5rem !important; }
    .p-xl-3 { padding: 1rem !important; }
    .pt-xl-3,
    .py-xl-3 { padding-top: 1rem !important; }
    .pr-xl-3,
    .px-xl-3 { padding-right: 1rem !important; }
    .pb-xl-3,
    .py-xl-3 { padding-bottom: 1rem !important; }
    .pl-xl-3,
    .px-xl-3 { padding-left: 1rem !important; }
    .p-xl-4 { padding: 1.5rem !important; }
    .pt-xl-4,
    .py-xl-4 { padding-top: 1.5rem !important; }
    .pr-xl-4,
    .px-xl-4 { padding-right: 1.5rem !important; }
    .pb-xl-4,
    .py-xl-4 { padding-bottom: 1.5rem !important; }
    .pl-xl-4,
    .px-xl-4 { padding-left: 1.5rem !important; }
    .p-xl-5 { padding: 3rem !important; }
    .pt-xl-5,
    .py-xl-5 { padding-top: 3rem !important; }
    .pr-xl-5,
    .px-xl-5 { padding-right: 3rem !important; }
    .pb-xl-5,
    .py-xl-5 { padding-bottom: 3rem !important; }
    .pl-xl-5,
    .px-xl-5 { padding-left: 3rem !important; }
    .m-xl-auto { margin: auto !important; }
    .mt-xl-auto,
    .my-xl-auto { margin-top: auto !important; }
    .mr-xl-auto,
    .mx-xl-auto { margin-right: auto !important; }
    .mb-xl-auto,
    .my-xl-auto { margin-bottom: auto !important; }
    .ml-xl-auto,
    .mx-xl-auto { margin-left: auto !important; }
}
.text-justify { text-align: justify !important; }
.text-nowrap { white-space: nowrap !important; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-left {    /* text-align: left !important; */ }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
@media (min-width:576px) {
    .text-sm-left { text-align: left !important; }
    .text-sm-right { text-align: right !important; }
    .text-sm-center { text-align: center !important; }
}
@media (min-width:768px) {
    .text-md-left { text-align: left !important; }
    .text-md-right { text-align: right !important; }
    .text-md-center { text-align: center !important; }
}
@media (min-width:992px) {
    .text-lg-left { text-align: left !important; }
    .text-lg-right { text-align: right !important; }
    .text-lg-center { text-align: center !important; }
}
@media (min-width:1200px) {
    .text-xl-left { text-align: left !important; }
    .text-xl-right { text-align: right !important; }
    .text-xl-center { text-align: center !important; }
}
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-italic { font-style: italic !important; }
.text-white { color: #fff !important; }
.text-primary { color: #007bff !important; }
a.text-primary:hover,
a.text-primary:focus { color: #0062cc !important; }
.text-secondary { color: #6c757d !important; }
a.text-secondary:hover,
a.text-secondary:focus { color: #545b62 !important; }
.text-success { color: #28a745 !important; }
a.text-success:hover,
a.text-success:focus { color: #1e7e34 !important; }
.text-info { color: #17a2b8 !important; }
a.text-info:hover,
a.text-info:focus { color: #117a8b !important; }
.text-warning { color: #ffc107 !important; }
a.text-warning:hover,
a.text-warning:focus { color: #d39e00 !important; }
.text-danger { color: #dc3545 !important; }
a.text-danger:hover,
a.text-danger:focus { color: #bd2130 !important; }
.text-light { color: #f8f9fa !important; }
a.text-light:hover,
a.text-light:focus { color: #dae0e5 !important; }
.text-dark { color: #343a40 !important; }
a.text-dark:hover,
a.text-dark:focus { color: #1d2124 !important; }
.text-muted { color: #6c757d !important; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); }
.modal.show .modal-dialog { transform: translate(0, 0); }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: 0.5; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }
.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }
.modal-title { margin-bottom: 0; line-height: 1.5; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; }
.modal-footer>:not(:first-child) { margin-left: .25rem; }
.modal-footer>:not(:last-child) { margin-right: .25rem; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width:576px) {
    .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
    .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); }
    .modal-sm { max-width: 300px; }
}
@media (min-width:992px) {
    .modal-lg { max-width: 800px; }
}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { }

/* Icons */

/* Arrows */

.slick-prev,
.slick-next { position: absolute; display: block; height: 50px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; cursor: pointer; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before,
.slick-next:before { font-family: ""; font-size: 40px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "\f104";    /* width: 30px; */    /* height: 50px; */

    /* display: inline-block; */
font-family: fontAwesome; }
[dir="rtl"] .slick-prev:before { content: "â†’"; }
.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "\f105"; font-family: fontAwesome; }
[dir="rtl"] .slick-next:before { content: "â†"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "â€¢"; width: 20px; height: 20px; font-family: ""; font-size: 0; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; display: none; }

/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger:hover { opacity: 0.7; }
.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before,
.hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }

/*
* Spring
*/
.hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent; }
.hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); }

/******************************************/

/**************COLORS**********************/

/******************************************/

/******************************************/

/*******************PATHS******************/

/******************************************/

/******************************************/

/*******************PATHS******************/

/******************************************/

/******************************************/

/**************COLORS**********************/

/******************************************/

/******************************************/

/*******************PATHS******************/

/******************************************/

/******************************************/

/*******************PATHS******************/

/******************************************/
@-webkit-keyframes fadeOutLeft {
    from { opacity: 1; }
    to { opacity: 0; transform: translate(-250%, -50%); }
}
@-moz-keyframes fadeOutLeft {
    from { opacity: 1; }
    to { opacity: 0; transform: translate(-250%, -50%); }
}
@-ms-keyframes fadeOutLeft {
    from { opacity: 1; }
    to { opacity: 0; transform: translate(-250%, -50%); }
}
@keyframes fadeOutLeft {
    from { opacity: 1; }
    to { opacity: 0; transform: translate(-250%, -50%); }
}
@-webkit-keyframes fadeOutRight {
    from { opacity: 1; }
    to { opacity: 0; transform: translate(100%, -50%); }
}
@-moz-keyframes fadeOutRight {
    from { opacity: 1; }
    to { opacity: 0; transform: translate(100%, -50%); }
}
@-ms-keyframes fadeOutRight {
    from { opacity: 1; }
    to { opacity: 0; transform: translate(100%, -50%); }
}
@keyframes fadeOutRight {
    from { opacity: 1; }
    to { opacity: 0; transform: translate(100%, -50%); }
}
@-webkit-keyframes fadeInRight {
    from { opacity: 0; transform: translate(100%, -50%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
@-moz-keyframes fadeInRight {
    from { opacity: 0; transform: translate(100%, -50%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
@-ms-keyframes fadeInRight {
    from { opacity: 0; transform: translate(100%, -50%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
@keyframes fadeInRight {
    from { opacity: 0; transform: translate(100%, -50%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
@-webkit-keyframes fadeInLeft {
    from { opacity: 0; transform: translate(-250%, -50%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
@-moz-keyframes fadeInLeft {
    from { opacity: 0; transform: translate(-250%, -50%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
@-ms-keyframes fadeInLeft {
    from { opacity: 0; transform: translate(-250%, -50%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
@keyframes fadeInLeft {
    from { opacity: 0; transform: translate(-250%, -50%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
@-webkit-keyframes mouse-scroll {
    25% { height: 7px; transform: translate(0, 15px); }
    50% { height: 11px; transform: translate(0, 10px); }
    75% { height: 7px; transform: translate(0, 7px); }
    100% { height: 3px; transform: translate(0, 3px); }
}
@-moz-keyframes mouse-scroll {
    25% { height: 7px; transform: translate(0, 15px); }
    50% { height: 11px; transform: translate(0, 10px); }
    75% { height: 7px; transform: translate(0, 7px); }
    100% { height: 3px; transform: translate(0, 3px); }
}
@-ms-keyframes mouse-scroll {
    25% { height: 7px; transform: translate(0, 15px); }
    50% { height: 11px; transform: translate(0, 10px); }
    75% { height: 7px; transform: translate(0, 7px); }
    100% { height: 3px; transform: translate(0, 3px); }
}
@keyframes mouse-scroll {
    25% { height: 7px; transform: translate(0, 15px); }
    50% { height: 11px; transform: translate(0, 10px); }
    75% { height: 7px; transform: translate(0, 7px); }
    100% { height: 3px; transform: translate(0, 3px); }
}
@-webkit-keyframes mouse-motion {
    25% { transform: translateY(-2px); }
    50% { transform: translateY(-3px); }
    75% { transform: translateY(-2px); }
}
@-moz-keyframes mouse-motion {
    25% { transform: translateY(-2px); }
    50% { transform: translateY(-3px); }
    75% { transform: translateY(-2px); }
}
@-ms-keyframes mouse-motion {
    25% { transform: translateY(-2px); }
    50% { transform: translateY(-3px); }
    75% { transform: translateY(-2px); }
}
@keyframes mouse-motion {
    25% { transform: translateY(-2px); }
    50% { transform: translateY(-3px); }
    75% { transform: translateY(-2px); }
}
@-webkit-keyframes showOpacity {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes showOpacity {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-ms-keyframes showOpacity {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes showOpacity {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes shake {
    from,
    to { transform: translate3d(0, 0, 0); }
    10%,
    30%,
    50%,
    70%,
    90% { transform: translate3d(-5px, 0, 0); }
    20%,
    40%,
    60%,
    80% { transform: translate3d(5px, 0, 0); }
}
.shake { animation-name: shake; }
.fadeOutLeft { animation-name: fadeOutLeft; }
.fadeInRight { animation-name: fadeInRight; }
.black-button { height: 48px; padding: 0px 40px; font-family: 'museo-regular'; font-size: 18px; color: #fff; border-radius: 82px; background-color: #3a3a3a; line-height: 48px; border: none; cursor: pointer; outline: none; }
.black-button:hover,
.blue-button:hover,
.subscribe-block .row input:hover[type="submit"],
.subscribe-block-2 button:hover { box-shadow: 0 15px 50px 14px rgba(0, 0, 0, 0.1); }
.blue-button,
.subscribe-block .row input[type="submit"],
.subscribe-block-2 button { transition: 0.4s; height: 56px; border-radius: 82px; background-color: #ff3040; text-align: center; padding: 0px 50px; font-family: 'gilroy-medium'; font-size: 18px; line-height: 56px; border: none; color: #fff; }
.default-input,
.subscribe-block .row input[type="email"],
.subscribe-block-2 .input-medium { transition: 0.4s; width: 293px; height: 56px; border-radius: 82px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 0px 29px 0 rgba(0, 0, 0, 0.04); border: none; color: #444; font-family: 'gilroy-medium'; font-size: 18px; padding: 0px 35px; }
.default-input:focus,
.subscribe-block .row input:focus[type="email"],
.subscribe-block-2 .input-medium:focus { box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.1); }
a,
button,
input { outline: none !important; }
@keyframes modal-video {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes modal-video-inner {
    from { transform: translate(0, 100px); }
    to { transform: translate(0, 0); }
}
.modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000000; cursor: pointer; opacity: 1; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.modal-video-close { opacity: 0; }
.modal-video-close .modal-video-movie-wrap { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); }
.modal-video-body { max-width: 940px; width: 100%; height: 100%; margin: 0 auto; display: table; }
.modal-video-inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video-inner; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modal-video-close-btn { position: absolute; z-index: 2; top: -35px; right: -35px; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent; }
.modal-video-close-btn:before { transform: rotate(45deg); }
.modal-video-close-btn:after { transform: rotate(-45deg); }
.modal-video-close-btn:before,
.modal-video-close-btn:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius: 5px; margin-top: -6px; }
.header-home { position: absolute; top: 0; width: 100%; text-align: center;    /* padding: 0px 30px; */ display: flex; justify-content: space-between; align-items: center; transition: height .3s .1s, background .3s; z-index: 100; background: rgba(255, 255, 255, 0); border-bottom: solid 1px #cccccc57; }
.header-home:hover { background: #fff }
.header-home:hover ul.rightnav li a { color: #3a3a3a; }
header.header-home.fixed { position: fixed; box-shadow: 2px 6px 11px -6px rgb(0 0 0 / 18%); background: #fff; color: #000; }
.header-home:hover ul.rightnav li a.btn { color: #fff; }
.header-home .logo { position: relative; display: inline-block; overflow: hidden;    /* width: 121px; */ margin: 17px 0 0; }
.header-home .logo:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.header-home .logo img { height: 60px; }
.header-home.squeeze .menu ul li a { padding: 18px 0; }
.header-home.squeeze .logo { width: 138px; }
.header-home.squeeze .logo img { width: 100%; height: 60px; }
.header-home .logo img.whitelogo { display: none; }
.header-home .logo img.colorlogo { display: block; }
.header-home.fill.squeeze .logo img.whitelogo { display: none; }
.header-home.fill.squeeze .logo img.colorlogo { display: block; }
.whitelogopage .logo img.whitelogo { display: none; }
.whitelogopage .logo img.colorlogo { display: block; }
.header-home.fill {    /* background: #fff; */

/* border-bottom: solid 1px #f1f1f1; */ }
.header-home.fill.squeeze { background-color: #fff; }
.header-home.fill.squeeze .menu ul li a { color: #444; }
.header-home.fill.squeeze .menu ul li.hire-us a { color: #fff; background: #ea018e; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: -webkit-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: linear-gradient(to right, #ea018e 0%, #9b2c92 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); border: solid 0px #fff; }
.header-home.fill.squeeze .menu ul li a.headnumber { }
.header-home.fill.squeeze .menu ul li a.active { color: #fca700 !important; border-top: 3px solid #fca700; }
.header-home.fill.squeeze .menu ul li a i { margin-right: 10px; color: #ff3040; }
.header-home .menu ul li.megamenu { position: relative; }
.header-home .menu ul li.megamenu .submenuwrap { background: #fafbfd; position: fixed; width: 100%; left: 0; overflow: hidden; height: 0; top: 50px; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: -11111111111111111; }
.header-home .menu ul li.megamenu:hover .submenuwrap {    /* border-top: 1px solid #ccc; */
-ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; top: 146px; height: 270px; z-index: -1; background: #fafbfd; box-shadow: inset 0 1px 0 #eaf3fb, 0 3px 6px rgba(0, 0, 0, 0.05); }
.header-home.squeeze .menu ul li.megamenu:hover .submenuwrap { height: auto; top: 62px; }
.menu .submenuwrap .menu-container { width: 1170px; margin: 0 auto; }
.menu .submenuwrap .menu-container ul li:hover { background: #eff1f5; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menu .submenuwrap .menu-container ul li:hover a .menu-icon { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menu .submenuwrap .menu-container ul li { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 24%; display: inline-block; padding: 10px 10px; vertical-align: top; margin: 0; }
.menu .submenuwrap .menu-container ul li a { display: inline-block; width: 100%; height: auto; padding: 10px 0; }
.menu .submenuwrap .menu-container ul li a:hover { border-top: 0px; }
.menu .submenuwrap .menu-container ul li a.active { border-top: 0px !important; }
.menu .submenuwrap .menu-container ul li a .menu-icon { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 40px; height: 40px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .05); background: #fff; border-radius: 50%; padding: 5px; text-align: center; line-height: 23px; vertical-align: middle; display: inline-block; margin-right: 10px; }
.menu .submenuwrap .menu-container ul li a .menu-icon img { height: 21px; margin: 3px 0 0; }
.menu .submenuwrap .menu-container ul li a .menutext { padding-top: 3px; width: 71%; display: inline-block; vertical-align: middle; }
.menu .submenuwrap .menu-container ul li a .menutext h6 { color: #323637; font-weight: 500; line-height: 1.3; padding-bottom: 0px; font-size: 15px; }
.menu .submenuwrap .menu-container ul li a .menutext p { color: #4a4e51; padding-bottom: 0; display: none; font-size: 12px; }
.header-home .hamburger { display: none; }
.header-home .menu { display: inline-block; text-align: center; flex-grow: 1; text-align: center; }
.header-home .menu ul { display: inline-block; align-items: center; list-style: none; text-align: left; padding: 0; margin: 0; }
.header-home .menu ul li { margin: 0 8px; display: inline-block;    /* overflow: hidden; */ }
.header-home .menu ul li.hire-us a { border-top: 3px solid transparent; background-color: #fff0; white-space: nowrap; padding: 14px 40px; line-height: 1; border: none; margin: 10px 0px; font-weight: 600; cursor: pointer; font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 14px; text-transform: uppercase; transition: background 0.3s linear; border-radius: 6px; box-shadow: 0 9px 15px 1px rgba(232, 2, 142, 0.21);    /* background: #ea018e; */    /*background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);*/

    /* background: -webkit-linear-gradient(left, #ea018e 0%,#9b2c92 100%); */

    /* background: linear-gradient(to right, #ea018e 0%,#9b2c92 100%); */

    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );*/
border: solid 1px #fff; }
.header-home .menu ul li.hire-us a:hover { color: #fff !important; line-height: 1; border-top: 0px solid #ea018e; background: #ea018e; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: -webkit-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: linear-gradient(to right, #ea018e 0%, #9b2c92 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); border: solid 1px #ea018e; }
.header-home .menu ul li.hire-us.active a { color: #fff; }
.header-home .menu ul li a { padding: 30px 0; display: flex; align-items: center; height: 100%; position: relative; font-size: 14px; line-height: 1.62; font-weight: 600; letter-spacing: 0.2px; font-family: 'Poppins', sans-serif; border-top: 3px solid transparent; color: #333; cursor: pointer; margin: 0px; }
.header-home .menu ul li a:hover { color: #ff3040 !important; border-top: 3px solid #ff3040; }
.header-home .menu ul li a.active { color: #ff3040 !important;    /* border-top: 3px solid #fca700; */ }
.header-home .menu ul li:last-child a.active { color: #fff; }
.homepage_style .header-home .menu ul li a { color: #fff; }
.transition-Logo Design Labs { transition: 0.4s; }
.transition-Logo Design Labs-300 { transition: 0.3s; }
.transition-Logo Design Labs-500 { transition: 0.5s; }
.header-blog { position: fixed; left: 0; right: 0; top: 0; background-color: #f8f8fa; padding: 20px 15px; display: flex; justify-content: space-between; margin: auto; align-items: center; z-index: 9; }
.header-blog.squeeze { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; }
.header-blog .black-button { background-color: transparent; border: solid 1px #3a3a3a; color: #3a3a3a; font-family: "Poppins", sans-serif; line-height: 46px; }
.header-blog .black-button:hover { background-color: #3a3a3a; color: #fff; }
@media (max-width:767.98px) {
    .header-blog { padding: 20px 15px; }
}
.header-blog .logo-link { height: 44.5px; }
.header-blog .logo-link .logo:hover { opacity: .8; }
.header-blog .logo-link span { font-family: 'Poppins', sans-serif; font-size: 23px; letter-spacing: -0.2px; color: #3a3a3a !important; position: relative; top: 3px; left: 5px; }
.header-blog .logo-link span:hover { opacity: .8; }
.header-blog .logo-link .logo { height: 44.5px; }
@media (max-width:767.98px) {
    .header-blog .right { display: flex; align-items: center; }
}
.header-blog .right .category-mobile { display: none; }
@media (max-width:767.98px) {
    .header-blog .right .category-mobile { display: inline-block; margin-left: 10px; }
}
@media (max-width:767.98px) {
    .header-blog .right .link { display: none; }
}
.header-blog .right form { display: inline-block; }
.header-blog .right .search-input { transition: 0.4s; width: 0px; height: 40px; margin-right: 15px; padding: 0px; font-family: "gilroy-regular", sans-serif; color: #3a3a3a; background: #fff; }
@media (max-width:767.98px) {
    .header-blog .right .search-input { position: absolute; left: 150px; }
}
.header-blog .right .input-active { width: 180px; padding: 0px 15px; }
@media (max-width:767.98px) {
    .header-blog .right .blog-subscribe { display: none; }
}
.header-blog .right a,
.header-blog .right span { margin-right: 45px; font-family: "gilroy-semi", sans-serif; font-weight: 500; color: #3a3a3a; font-size: 16px; display: inline-block; cursor: pointer; }
@media (max-width:767.98px) {
    .header-blog .right a,
    .header-blog .right span { margin-right: 10px; }
}
@media (max-width:767.98px) {
    .header-blog .right form { order: 2; flex-basis: 100%; text-align: right; }
    .header-blog .right form .search { margin-right: 0px; }
}
.header-blog .right .search { display: inline-block; height: 25px; width: 24px; position: relative; top: 4px; background-repeat: no-repeat; background-size: 119%; background-image: url("../images/search.svg"); }
@media (max-width:767.98px) {
    .header-blog .right .search { top: 0px; }
}
.mobile-hireus { display: none; border-radius: 3px; background-color: #ff3040; font-family: "gilroy-regular", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; color: #fff; position: relative; top: -11px; padding: 3px 10px; }
@media (max-width:575.98px) {
    .mobile-hireus { display: inline-block; }
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after { width: 25px; height: 2px; }
.hamburger-box { width: 30px; }
.hamburger--spring .hamburger-inner::before { top: 8px; }
.hamburger--spring .hamburger-inner::after { top: 16px; }
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after { border-radius: 0px; }
ul.rightnav { margin: 26px 0; }
ul.rightnav li { display: inline-block; margin: 0 10px; }
ul.rightnav li a { color: #333; font-size: 14px; }
ul.rightnav li a.btn { background-color: #ff3040; font-size: 18px; }
.grayNav ul.rightnav li a { color: #000; }
.services-sec { padding: 90px 0 50px 0; }
.services-sec .box { text-align: center; }
.services-sec .box img { max-width: 81px; height: auto; width: 100%; }
.services-sec .box h3 { font-size: 18px; font-weight: 600; margin: 30px 0 20px; }
.services-sec .box h3:after { content: ''; width: 70px; height: 2px; background: #ff3040; display: block; margin: 13px auto 0; }
.services-sec .box p { font-size: 15px; font-weight: 300; color: #666; }
section.cta3.cta-new:before { content: ""; height: 130%; width: 20%; background-image: url(../images/triangle.svg), url(../images/planet2x.png), url(../images/circle-pink.svg); background-size: 40px, 180px, 60px; position: absolute;    /* position: absolute; */ background-repeat: no-repeat; background-position: 120px 0, -55px 49px, 83px 54%; left: 0px; display: none; }
section.cta3.cta-new:after { content: ""; height: 100%; width: 20%; background-image: url(../images/circle-brush.png), url(../images/lines-orange.svg), url(../images/triangle-yellow.svg); background-size: 40px, 180px, 26px; position: absolute; top: 6%; right: 0px; background-repeat: no-repeat; background-position: 0px 30px, 137px 110px, 165px 246px; display: none; }
.cta3 { background-color: rgb(229 255 237); background-image: url(../images/cta-img.png); background-position: 50%; background-repeat: no-repeat; width: 100%; }
.cta3 h3 {    /* margin-top: 10px; */

    /* text-align: left; */
padding-bottom: 0; font-size: 40px; max-width: 100%; vertical-align: middle; font-weight: 700;    /* display: inline-block; */ margin: auto; text-align: center; color: #333; }
.cta3 p { padding: 0; }
.cta3 p a { color: #f38440; }
.cta3 h3 a { text-decoration: underline; color: #f38440; }
.cta-new { padding: 50px 0; text-align: center; position: relative; margin: 0px 0 0; }
.cta-new h3 { font-size: 36px; text-align: left; }
.cta-new a { display: block; padding: 15px 30px; font-size: 18px; font-weight: 600; border-radius: 6px; color: #ffffff; margin: 5px; border: 1px solid; background: #ff3040; }
.cta-new a.black { background: #000; }
.cta-new a:hover { }
.cta-new .tick-wrap { text-align: left; }
.cta-new .tick-wrap ul { margin: 0; padding: 10px 0 0 24px; }
.cta-new .tick-wrap ul li { color: #333; }
.cta-new .tick-wrap ul li:before { position: absolute; top: 4px; color: #f26128; left: -24px; content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; }
.tick-wrap ul li { position: relative; color: #000; display: inline-block; margin-right: 50px; z-index: 999; }
.servicesbanner { }
.overlaynew3 { position: absolute; z-index: 2; top: 0; left: 0;/*    background: url(../images/video-overlay.png); */ width: 100%; height: 100%; }
.servicesbanner video { width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0; }
.contactwithvideo { }
.contactwithvideo .contacts-wrap { position: relative; z-index: 2 }
.contactwithvideo video { z-index: 1; position: absolute; left: 0; top: 0; min-width: 1960px; width: 100%; display: none; }
@media screen and (max-width:768px) {
    .header-home.squeeze { background: #fff; }
    .header-home .menu ul li { margin: 0 0 0 30px; }
}
@media screen and (max-width:600px) {
    .blog header .logo { width: 96px; }
    .header-home { padding: 5px 15px; background: #ff3040; }
    .header-home .hamburger { display: inline-block; padding-right: 0; right: 20px; position: absolute; top: 10px; }
    .header-home .logo { margin-top: 0; width: 90px; }
    .header-home .logo img { width: 90px; }
    .header-home .menu { position: fixed; margin-top: 0px; height: 100%; width: 100%; background: #fff; top: 64px; left: 0; transform: translateX(-100%); transition: transform 0.2s linear, opacity 0.2s linear, z-index 0.2s linear; opacity: 0; z-index: -1; }
    .header-home .menu.show { transform: translateY(0%); z-index: -1; opacity: 1; }
    .header-home .menu ul { padding: 0; display: flex; flex-direction: column; height: 100%; justify-content: center; padding-bottom: 125px; align-items: start; padding-left: 20px; }
    .header-home .menu ul li { justify-content: center; margin: 0; }
    .header-home .menu ul li:last-child { position: absolute; bottom: 65px; left: 0; width: 100%; z-index: 1; }
    .header-home .menu ul li:last-child a { border-radius: 0px; }
    .header-home .menu ul li a { display: block; padding: 10px 0 !important; color: #000; font-size: 22px; height: auto; border: none; }
    .header-home .menu ul li a:hover { border: none; }
    .header-home .menu ul li.active a { border: none; }
}
@media screen and (max-width:375px) {
    .header-blog .logo-link span { display: none; }
    .header-home .logo img { width: 90px; }
    .logo-left .imgwrp img { width: 55px !important; top: -14px !important; }
}
@font-face { font-family: 'gilroy-light'; src: url("../fonts/Gilroy/light.ttf") format("truetype"); font-style: normal; }
@font-face { font-family: 'gilroy-bold'; src: url("../fonts/Gilroy/bold.ttf") format("truetype"); font-style: normal; }
@font-face { font-family: 'gilroy-medium'; src: url("../fonts/Gilroy/medium.ttf") format("truetype"); font-style: normal; }
@font-face { font-family: 'gilroy-regular'; src: url("../fonts/Gilroy/regular.ttf") format("truetype"); font-style: normal; }
@font-face { font-family: 'gilroy-semi'; src: url("../fonts/Gilroy/semibold.ttf") format("truetype"); font-style: normal; }
@font-face { font-family: 'museo-bold'; src: url("../fonts/MuseoSans/bold.otf") format("truetype"); font-style: normal; }
@font-face { font-family: 'museo-medium'; src: url("../fonts/MuseoSans/medium.otf") format("truetype"); font-style: normal; }
@font-face { font-family: 'museo-regular'; src: url("../fonts/MuseoSans/regular.otf") format("truetype"); font-style: normal; }
@font-face { font-family: 'museo-light'; src: url("../fonts/MuseoSans/light.otf") format("truetype"); font-style: normal; }
@font-face { font-family: 'PT Serif'; src: url("../fonts/PT_Serif/PT_Serif-Web-BoldItalic.ttf") format("truetype"); font-style: normal; }
@font-face { font-family: 'PT Serif'; src: url("../fonts/PT_Serif/PT_Serif-Web-Bold.ttf") format("truetype"); font-style: normal; }
@font-face { font-family: 'PT Serif Refular'; src: url("../fonts/PT_Serif/PT_Serif-Web-Regular.ttf") format("truetype"); font-style: normal; }
@font-face { font-family: 'PT Serif'; src: url("../fonts/PT_Serif/PT_Serif-Web-Italic.ttf") format("truetype"); font-style: normal; }
html { position: relative; min-height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html,
body { background: white; font-weight: 400; color: #3a3a3a; font-family: 'Poppins', sans-serif; }
.app-content { position: relative; overflow: hidden; }
.app-content::after { content: ""; position: absolute; z-index: 800; height: 180%; left: -40%; top: -40%; width: 180%; pointer-events: none; will-change: transform; transition: opacity .6s ease-out; -webkit-animation: noiseAnimation 1s steps(4) infinite; animation: noiseAnimation 1s steps(4) infinite;    /* background-image: url(../images/noise.png); */ opacity: 0.85; }
.page-template-blog .app-content::after,
.single-post .app-content::after,
.category .app-content::after,
.tag .app-content::after,
#tagsModal .archives ul li .app-content::after,
#archiveModal .archives ul li .app-content::after,
#categoryModal .archives ul li .app-content::after,
.search .app-content::after,
.page-template-all_posts .app-content::after { background: none; animation: none; }
a { color: #3a3a3a; }
a:hover,
a:active,
a:focus { text-decoration: none; }
.hide { display: none !important; }
.hidden { display: block !important; visibility: hidden !important; }
.left {    /* float: left !important; */ }
.right { float: right !important; }
.clearfix::after { display: table; content: " "; clear: both; }
.border { width: 76px; height: 1px; border: 1px solid #ff3040 !important; margin-bottom: 22px; }
.app-layout.blog { background: #f8f8fa; }
li { font-family: 'Poppins', sans-serif; list-style-type: none; }
.overflow-h { overflow: hidden; }
.slick-dots li { height: 2px; width: 38px; }
.logodiv img.logo-img { max-width: 250px; }
.slick-dots li button { height: 2px; width: 38px; padding: 0; opacity: 0.61; border-radius: 0.5px; background-color: #717171; }
.slick-dots li.slick-active button { background-color: #ff3040; opacity: 1; }
.grecaptcha-badge { display: none; }
.scroll { position: fixed; right: 0; top: 0; width: 5px; height: 50px; background: #000; }
.page-template-company section,
.page-template-services section,
.home section,
.page-template-price section { position: relative; z-index: 2; }
.home .top-home { position: relative; z-index: 3; background-color: #0b1a17;    /* border-bottom: solid 1px #e4e4e4; */ }
.page-template-company .next-page,
.page-template-services .next-page,
.home .next-page,
.page-template-price .next-page { position: relative; height: 100vh; z-index: 1; display: none !important; }
@media screen and (max-width:544px) {
    .app-content::after { content: ""; animation: none; background-image: none; }
}
footer { position: relative; z-index: 2; justify-content: space-around; display: flex; }
footer .footer { margin: -20px auto 30px; }
.blog-footer { background-color: #1e1e1e; padding: 0px 0px 0px 0px; }
.blog-footer .follow { font-family: "gilroy-semi", sans-serif; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #989898; position: relative; top: 15px; margin-bottom: 35px; }
.blog-footer .socials { padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; position: relative; left: -10px; }
@media (max-width:991.98px) {
    .blog-footer .socials { justify-content: center; }
    footer .chexck p { font-size: 14px; text-align: center; margin-bottom: 5px; }
    footer .chexck .row .col-lg-6:first-child { order: 2; }
    .top-left a { display: none; }
    .top-left h4 { font-size: 12px; display: none; }
}
.blog-footer .socials li { text-align: left; display: inline-block; flex-basis: 25%; margin-bottom: 15px; }
@media (max-width:991.98px) {
    .blog-footer .socials li { text-align: center; }
}
.blog-footer .socials li svg { transition: 0.4s; cursor: pointer; }
.blog-footer .socials li svg path { transition: 0.4s; fill: #fff; }
.blog-footer .socials li svg:hover { transform: translate3d(0px, -5px, 0px); }
.blog-footer .socials li svg:hover path { fill: #ff3040; }
.blog-footer .hire-us { padding: 87px 0px; border-bottom: solid 1px #3c3c3c; text-align: center; }
.blog-footer .hire-us a { width: 264px; height: 52px; border-radius: 3px; background-color: #ff3040; line-height: 52px; color: #fff; font-family: 'Poppins', sans-serif; font-size: 18px; display: inline-block; text-align: center; }
.blog-footer .bottom-footer { padding: 90px 0px; }
@media (max-width:991.98px) {
    .blog-footer .bottom-footer { padding: 60px 0px; }
}
.blog-footer .bottom-footer .logo { height: 45px; object-fit: contain; margin-bottom: 28px; filter: brightness(10); }
.blog-footer .bottom-footer .description { font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #ffffff; max-width: 410px; }
@media (max-width:991.98px) {
    .blog-footer .bottom-footer .description { max-width: 100%; }
}
.blog-footer .bottom-footer .center p,
.blog-footer .bottom-footer .center .top-home .content .bottom a,
.top-home .content .bottom .blog-footer .bottom-footer .center a { font-family: "gilroy-semi", sans-serif; display: inline-block; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #989898; position: relative; margin-bottom: 30px; top: 15px; }
.blog-footer .bottom-footer .center a { transition: 0.4s; font-family: 'Poppins', sans-serif; font-size: 23px; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #ffffff; display: block; }
.blog-footer .bottom-footer .center a:hover { color: #ff3040; }
.blog-footer .bottom-footer .center a:nth-child(3) { position: relative; left: -16px; top: 6px; }
@media (max-width:767.98px) {
    .blog-footer .bottom-footer .center a:nth-child(3) { left: 0px; }
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
    16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
    49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
    66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
    83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes hvr-wobble-vertical {
    16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
    49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
    66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
    83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
.hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; }
.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
@keyframes noiseAnimation {
    0% { -webkit-transform: translate(0); transform: translate(0); }
    10% { -webkit-transform: translate(-5%, -5%); transform: translate(-5%, -5%); }
    20% { -webkit-transform: translate(-10%, 5%); transform: translate(-10%, 5%); }
    30% { -webkit-transform: translate(5%, -10%); transform: translate(5%, -10%); }
    40% { -webkit-transform: translate(-5%, 15%); transform: translate(-5%, 15%); }
    50% { -webkit-transform: translate(-10%, 5%); transform: translate(-10%, 5%); }
    60% { -webkit-transform: translate(15%); transform: translate(15%); }
    70% { -webkit-transform: translateY(10%); transform: translateY(10%); }
    80% { -webkit-transform: translate(-15%); transform: translate(-15%); }
    90% { -webkit-transform: translate(10%, 5%); transform: translate(10%, 5%); }
    to { -webkit-transform: translate(5%); transform: translate(5%); }
}
@keyframes applications-arrow {
    0% { opacity: 0; transform: translateX(-60px); }
    100% { opacity: 1; transform: translateX(0px); }
}
@keyframes applications-arrow-back {
    0% { opacity: 1; transform: translateX(0px); }
    100% { opacity: 0; transform: translateX(60px); }
}

/* Hang */
@-webkit-keyframes hvr-hang {
    0% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px); }
    100% { -webkit-transform: translateY(8px); transform: translateY(8px); }
}
@keyframes hvr-hang {
    0% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px); }
    100% { -webkit-transform: translateY(8px); transform: translateY(8px); }
}
@-webkit-keyframes hvr-hang-sink {
    100% { -webkit-transform: translateY(8px); transform: translateY(8px); }
}
@keyframes hvr-hang-sink {
    100% { -webkit-transform: translateY(8px); transform: translateY(8px); }
}
.hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; }
.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; }
.blog header .logo { display: inline-block; transition: 0.5s; }
.blog header .logo:hover { transform: scale(0.95); }
.blog header .logo .navigation { float: right; }
.blog header .logo .navigation ul { display: inline-block; }
.blog header .logo .navigation ul li { float: left; }
.blog header .logo .navigation ul li a { font-size: 16px; font-weight: 600; line-height: 1.12; text-align: left; color: #3a3a3a; }
@media screen and (max-width:544px) {
    .header .socials { display: none; }
}
.tooltip { position: absolute; top: 6px; }
.tooltip.right { left: 100%; }
.tooltip.right .tooltip-arrow { margin-top: -10px; border-right-color: #a34044; border-width: 10px 10px 10px 0; }
.tooltip .tooltip-inner { display: table-cell; background: #a34044; color: #ecf4fe; font-family: "gilroy-regular", sans-serif; font-weight: 100; font-size: 16px; height: 54px; min-width: 300px; max-width: 360px; text-align: left; padding: 8px 27px; margin-left: 5px; vertical-align: middle; }

/**********************************/

/***** FOR width 970px ************/

/**********************************/
@media only screen and (max-width:970px) {
    .tooltip .tooltip-inner { min-width: 273px; }
}

/**********************************/

/***** FOR width 768px ************/

/**********************************/
@media only screen and (max-width:768px) {
    .tooltip { position: static; }
    .tooltip.right { padding: 0; }
    .tooltip .tooltip-arrow { display: none; }
    .tooltip .tooltip-inner { background: transparent; padding: 8px 0; height: 17px; font-size: 14px; color: #c74d51; }
}

/**********************************/

/***** FOR width 544px ************/

/**********************************/
@media only screen and (max-width:544px) {
    .tooltip .tooltip-inner { background: transparent; padding: 0; height: 15px; font-size: 12px; color: #c74d51; min-width: 266px; }
}
.popup { position: absolute; display: table; width: 750px; min-width: 700px; height: 385px; border-radius: 5px; background-color: #2e383b; top: 50%; left: 50%; z-index: 99; padding: 0 140px; transform: translate(-50%, -50%); }
.popup .close { background: #252f33; position: absolute; width: 52px; height: 52px; border-radius: 50%; top: 0; opacity: 1; right: -85px; }
.popup .close:before,
.popup .close:after { position: absolute; left: 25px; top: 15px; content: ' '; height: 23px; width: 3px; border-radius: 5px; background-color: #ecf4fe; }
.popup .close:before { transform: rotate(45deg); }
.popup .close:after { transform: rotate(-45deg); }
.popup .container { display: table-cell; text-align: center; vertical-align: middle; font-size: 30px; width: 100%; }
.popup .container input.custom-btn,
.popup .container button.custom-btn { width: 80%; margin-top: 60px; }
.popup .container input.custom-btn.cancel,
.popup .container button.custom-btn.cancel { display: none; }

/**********************************/

/***** FOR width 544px ************/

/**********************************/
@media only screen and (max-width:544px) {
    .popup { width: 90%; min-width: 280px; padding: 0; height: 175px; }
    .popup .close { display: none; }
    .popup .container { font-size: 16px; }
    .popup .container p,
    .popup .container .top-home .content .bottom a,
    .top-home .content .bottom .popup .container a { padding: 20px; }
    .popup .container input,
    .popup .container button { width: 80%; }
    .popup .container input.custom-btn,
    .popup .container button.custom-btn { margin-top: 0; }
    .popup .container input.custom-btn.cancel,
    .popup .container button.custom-btn.cancel { display: inline; }
}
.top-home { position: relative; height: 800px;    /* padding: 0px 45px 0; */ overflow: hidden; }
@media (max-width:767.98px) {
    .top-home { padding-bottom: 50px !important; }
}
.top-home .mobile-dog { display: none; }
.top-home .ipadt { height: 500px; width: 100%; display: none; position: absolute; left: 0px; bottom: 0px; z-index: 3; background: transparent; background-color: transparent; }
@media (min-width:768px) and (max-width:991.98px) {
    .top-home .ipadt { display: block; }
}
.top-home .gradient,
.top-home .gradient-2 { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; z-index: 3; background: linear-gradient(to top, white, rgba(255, 255, 255, 0)); }
.top-home .gradient-2 { height: 100%; width: 50px; z-index: 3; background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
.top-home .Logo Design Labs_img { -webkit-animation-duration: 1.3s; -o-animation-duration: 1.3s; animation-duration: 1.3s; animation-name: showOpacity; transition: transform .5s ease-in-out; width: 45vw; height: 88vh; left: 0; position: absolute; cursor: pointer; background-repeat: no-repeat; background-size: contain; }
.top-home .Logo Design Labs_img:hover { transform: scale(1.03); }
.top-home .Logo Design Labs_img.img1 { background-image: url("../images//dog/1x/1.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img1 { background-image: url("../images//dog/2x/1.png"); }
}
.top-home .Logo Design Labs_img.img2 { background-image: url("../images//dog/1x/2.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img2 { background-image: url("../images//dog/2x/2.png"); }
}
.top-home .Logo Design Labs_img.img3 { background-image: url("../images//dog/1x/3.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img3 { background-image: url("../images//dog/2x/3.png"); }
}
.top-home .Logo Design Labs_img.img4 { background-image: url("../images//dog/1x/4.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img4 { background-image: url("../images//dog/2x/4.png"); }
}
.top-home .Logo Design Labs_img.img5 { background-image: url("../images//dog/1x/5.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img5 { background-image: url("../images//dog/2x/5.png"); }
}
.top-home .Logo Design Labs_img.img6 { background-image: url("../images//dog/1x/6.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img6 { background-image: url("../images//dog/2x/6.png"); }
}
.top-home .Logo Design Labs_img.img7 { background-image: url("../images//dog/1x/7.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img7 { background-image: url("../images//dog/2x/7.png"); }
}
.top-home .Logo Design Labs_img.img8 { background-image: url("../images//dog/1x/8.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img8 { background-image: url("../images//dog/2x/8.png"); }
}
.top-home .Logo Design Labs_img.img9 { background-image: url("../images//dog/1x/9.png"); }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .top-home .Logo Design Labs_img.img9 { background-image: url("../images//dog/2x/9.png"); }
}
.top-home .content { padding-top: 13.5vh; overflow: hidden; padding-left: 0; margin: 0 auto; position: relative; z-index: 3; }
@media all and (max-width:1450px) and (min-width:992px) {
    .top-home .content { padding-left: 0; }
}
@media (max-width:991.98px) {
    .top-home .content { overflow: visible; }
}
.top-home .content .for-anim-2 span { transform: translate(0%, 200%) matrix(1, 0, 0, 1, 0, 0); }
@media (max-width:991.98px) {
    .top-home .content .for-anim-2 span { transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0); }
}
.top-home .content .for-anim-1 span { padding-bottom: 1px; }
.top-home .content .for-anim-1 span:nth-child(3) { margin-top: -10px; }
.top-home .content .bottom { opacity: 0; display: inherit; justify-content: flex-start; align-items: center; display: none !important; }
@media (max-width:991.98px) {
    .top-home .content .bottom { opacity: 1; }
}
@media (max-width:767.98px) {
    .top-home .content .bottom { justify-content: space-between; position: relative; left: -20px; }
}
.top-home .content .bottom .watch-button { background-color: red; min-height: 59px !important; min-width: 59px !important; margin-right: 10px; }
@media (max-width:767.98px) {
    .top-home .content .bottom .watch-button { min-width: 0 !important; min-height: 95px !important; transform: scale(0.6); margin-left: 0px; }
}
.top-home .content .bottom .watch-button:before { background-image: url("../images//play.svg"); background-position: 58% 50%; }
@media (max-width:767.98px) {
    .top-home .content .bottom .watch-button:before { background-size: 29%; }
}
.top-home .content .bottom p,
.top-home .content .bottom a { display: inline-block; font-family: "gilroy-semi", sans-serif; font-size: 20px; color: #fff !important; margin: 0px 80px 0px 17px; width: auto !important; cursor: pointer; }
@media screen and (max-width:1050px) {
    .top-home .content .bottom p,
    .top-home .content .bottom a { margin: 0px 50px 0px 17px; }
}
@media (max-width:767.98px) {
    .top-home .content .bottom p,
    .top-home .content .bottom a { flex-grow: 1; text-align: left; margin: 0px 0px 0px 17px; }
}
.top-home .content .bottom a { position: relative; margin: 0px !important; font-family: "gilroy-semi", sans-serif !important; overflow: visible !important; display: inline-block; width: auto !important; }
.top-home .content .bottom img { transition: 0.4s; position: relative; left: 8px; top: 2px; height: 10px; object-fit: contain; }
@media (max-width:767.98px) {
    .top-home .content .bottom img { display: none; }
}
@media all and (min-resolution:192dpi) {
    .top-home .content .bottom img { top: -1px; height: 12px; }
}
@media (max-width:991.98px) {
    .top-home .content .bottom img { top: 4px; }
}
@media (max-width:767.98px) {
    .top-home .content .bottom img { right: 0px; left: 60px; }
}
.top-home .content .bottom .yes-safari { height: 12px; top: -1px; }
.top-home .content .bottom a:hover+img { transform: translate(5px, 0px); }
@media (max-width:767.98px) {
    .top-home .content .bottom .first-link { display: none; }
}
.top-home .content .bottom .last-link { display: none; }
@media (max-width:767.98px) {
    .top-home .content .bottom .last-link { display: none; }
}
.top-home .content span { display: inline-block; overflow: hidden; }
@media (max-width:767.98px) {
    .top-home .content span { display: inline; }
}
.top-home .content span i { transform: translate(0%, 200%); font-style: inherit; display: inline-block; }
@media (max-width:991.98px) {
    .top-home .content span i { transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0); display: inline; }
}
.top-home .content h1.title { font: 50px/64px 'poppins', sans-serif; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 30px; max-width: 100%; }
.top-home .content h1.title font { font: 22px/40px "poppins", sans-serif; margin-bottom: 10px; display: block; }
.top-home .content p,
.top-home .content .bottom a { font: 20px/31px 'Poppins', sans-serif; font-weight: 500; margin: 39px 0 130px 0; overflow: hidden; color: #fff; }
.top-home .content button { border: none; }
.top-home .content button .arrow { display: block; width: 66px; height: 15px; margin-top: 3px; float: right; background-image: url("../images/arrow_blue.png"); background-repeat: no-repeat; background-size: contain; }
.top-home .home__bottom-bar { display: inline-block; justify-content: space-between; align-items: center; padding: 0px 30px; left: 0; bottom: 15px; position: fixed; width: 100%; height: 47px; margin-top: -47px; text-align: right; margin-bottom: 10px; z-index: 5; transition: opacity .5s, transform .5s; opacity: 1; }
@media (max-width:991.98px) {
    .top-home .home__bottom-bar { display: none; }
}
.top-home .home__bottom-bar.slide-out { transform: translateY(100px); }
.top-home .home__bottom-bar .arrow-down { transition: .3s; padding: 20px; cursor: pointer; float: right; }
.top-home .home__bottom-bar .arrow-down:hover svg g { fill: #ff3040; }
.top-home .home__bottom-bar .socials { display: inline-block; animation-name: clip-show; }
@media (max-width:575.98px) {
    .top-home .home__bottom-bar .socials { display: none; }
}
.top-home .home__bottom-bar .socials ul { display: flex; list-style: none; padding: 0; margin: 0; }
.top-home .home__bottom-bar .socials ul li { margin: 0 23px 0 0; }
.top-home .home__bottom-bar .socials ul li:last-child { margin: 0; }
.top-home .home__bottom-bar .socials ul li a { display: inline-block; transition: margin-top 0.2s; }
.top-home .home__bottom-bar .socials ul li a:hover { margin-top: -3px; }
.top-home .home__bottom-bar .socials ul li a:hover svg path { fill: #ff3040; }
.top-home .home__bottom-bar .mouse { border: 2px solid #000; width: 32px; height: 47px; margin: 0 auto; border-radius: 30px; -webkit-animation: mouse-motion; -o-animation: mouse-motion; animation: mouse-motion; -webkit-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: 3; -o-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; }
.top-home .home__bottom-bar .mouse:before { position: relative; display: block; content: " "; width: 2px; height: 5px; border: 1px solid #000; left: 13px; transform: translate(0, 15px); -webkit-animation: mouse-scroll; -o-animation: mouse-scroll; animation: mouse-scroll; -webkit-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: 3; -o-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; }
#canvas-dog { position: absolute; height: 100%; width: 60%; top: 0px; right: 0px; z-index: 2; opacity: 0; }
@media (max-width:991.98px) {
    #canvas-dog { z-index: 1; }
}
@media (max-width:767.98px) {
    #canvas-dog { display: none; }
}
@media all and (max-width:1320px) and (min-height:900px) {
    #canvas-dog { width: 50%; height: 80%; }
}
.height-dog { position: relative; height: 800px; display: table; flex: 0 0 50%; max-width: 50%; }
@media screen and (max-height:790px) {
    .top-home .content { padding-top: 0px; }
}
@media screen and (max-width:1410px) {
    .top-home .content p,
    .top-home .content .bottom a { font-size: 20px; line-height: 29px; }
    .top-home .content h1.title { font-size: 46px; line-height: 50px; max-width: 100%; margin: 0 0 60px 0; }
    .myhome .content p { margin-bottom: 10px !important; margin-top: 10px !important; }
    .myticks { overflow: hidden; padding-left: 0; margin-bottom: 10px !important; }
    .myhome .mybannerform img { margin-right: 15px; max-width: 21%; }
    .company-top .list .counter { font-size: 64px !important; }
}
@media screen and (max-width:1200px) {
    .top-home .content { padding-top: 100px; }
    .top-home .content p,
    .top-home .content .bottom a { font-size: 20px; line-height: 29px; }
    .top-home .content h1.title { font-size: 46px; line-height: 52px; }
}
@media screen and (max-width:1136px) {
    .top-home .content p span,
    .top-home .content .bottom a span { display: inline; }
}
@media screen and (max-width:992px) {
    #canvas-dog { position: static; height: 500px; width: 100%; text-align: center; }
    .top-home { height: auto; }
    .topformcontainer .topformswitch { display: none !important; }
    .top-home .content { text-align: center; padding-top: 100px; max-width: initial; }
    .top-home .content p,
    .top-home .content .bottom a { width: auto; }
    .top-home .col-lg-6 { flex: none; max-width: none; }
    .top-home .dog-size { margin-top: 53px; }
    .top-home #canvas-dog { margin: 0 auto; }
}
@media screen and (max-width:544px) {
    .arrow-down { display: none; }
    .home { height: auto; }
    .top-home { padding: 0px; }
    .top-home .mobile-dog { display: block; position: relative; top: 80px; }
    .top-home .mobile-dog img { display: block; width: 90%; margin: auto; }
    .top-home .content { padding-top: 120px; text-align: left; }
    .top-home .content h1.title { font-size: 26px; line-height: 35px; }
    .services-list .item-2 img { display: none !important; }
    .top-home .content p,
    .top-home .content .bottom a { font-size: 18px; width: 100%; margin: 15px 0; }
    .top-home .footer-cursor .mouse { display: none; }
    #canvas-dog { width: 300px; height: 300px; margin: 20px auto 0 auto; position: relative; top: 15px; left: 0px; }
}
@media (max-width:767.98px) {
    .applications { overflow: hidden; }
}
.applications::after { display: table; content: " "; clear: both; }
.applications .app-container { margin: 0 auto; padding: 0 70px; max-width: 1410px; }
.applications .bg-container { height: 300px; display: block; overflow: hidden; transform: matrix(1, 0, 0, 1, 0, 0); text-decoration: none; width: 100%; background: #000; color: #fff; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }
.applications .see-all { background-color: #f9f9f9; }
.applications .see-all .mask { display: flex; align-items: center; justify-content: center; }
.applications .see-all .content { color: #ff3040; }
.applications .see-all .content h2 { margin: 0; }
.applications .see-all .content svg g g { fill: #ff3040; }
.applications .app-item { padding: 7px; transform: translateY(0px); }
.applications .app-item.main-slide { padding-top: 0px; }
.applications .app-item.main-slide .content { position: relative; top: 0; left: 0; }
.applications .app-item .animate-mask { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #242424; z-index: 10; transition: border 0.5s; border: 0px solid #fff; }
.applications .app-item .animate-mask-2 { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #fff; z-index: 11; transition: border 0.5s; border: 0px solid #fff; }
.applications .app-item a .mask { position: absolute; width: 100%; height: 100%; border: 0px solid #fff; transition: border 0.5s; z-index: 1; }
.applications .app-item a:hover .mask,
.applications .app-item a:hover .animate-mask,
.applications .app-item a:hover .animate-mask-2 { border: 15px solid #fff; box-sizing: border-box; }
.applications .app-item a:hover svg { animation-name: applications-arrow; animation-duration: 0.5s; animation-fill-mode: backwards; animation-timing-function: easeOutExpo; }
.applications .app-item a svg { animation-name: applications-arrow-back; animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: easeOutExpo; }
.applications .bg-container:after { content: ''; width: 100%; height: 100%; background: #9e00ef47; display: block; position: absolute; top: 100%; }
.applications .bg-container:hover:after { top: 0; }
.applications .app-item .content { position: relative; margin: 44px 48px; opacity: 1; }
.applications .app-item .content .svg-wrap { position: absolute; right: -5px; top: 10px; }
.applications .app-item .content .svg-wrap.see-all-arrow { position: static; text-align: center; margin-top: 20px; }
.applications .app-item .content.white h2,
.applications .app-item .content.white span { color: #fff; }
.applications .app-item .content.white svg .icon-arrow { fill: #fff; }
.applications .app-item .content.black h2,
.applications .app-item .content.black span { color: #000; }
.applications .app-item .content.black svg .icon-arrow { fill: #000; }
.applications .app-item .content h2 { font-family: "Poppins", sans-serif; line-height: 1; margin-top: 35px; font-size: 25px; font-weight: 500; }
.applications .app-item span { opacity: 0.61; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 2.33; color: #ecf4fe; }
@media screen and (min-width:1410px) {
    .applications .app-container { max-width: 1410px; padding: 0; }
    .applications .bg-container { height: 300px; }
    .applications .app-item .content h2 { font-size: 20px; margin-bottom: 0; }
}
@media screen and (max-width:992px) {
    .applications .bg-container { height: 500px; }
    .applications .app-container { max-width: 100%; padding: 0; }
}
@media screen and (max-width:768px) {
    .applications .app-item.main-slide .content { left: 0; max-width: 300px; }
}
@media screen and (max-width:544px) {
    .applications .slick-dots { bottom: 17px; }
    .applications .bg-container { height: 536px; }
    .applications .slick-list { height: 536px; }
    .applications .app-item { padding: 0; }
    .applications .app-item.main-slide .content { position: static; top: auto; left: auto; max-width: 100%; text-align: left; transform: translateY(0%); }
    .applications .app-item a:hover .mask,
    .applications .app-item a:hover .animate-mask-2,
    .applications .app-item a:hover .animate-mask { border: none; }
}
.books { padding: 140px 45px 125px; }
@media (max-width:991.98px) {
    .books { padding: 70px 45px 80px 45px !important; }
}
@media (max-width:767.98px) {
    .books { padding: 20px 0px 60px 0px !important; margin-top: -40px !important; }
    .books .slick-dots { text-align: left; padding-left: 40px; bottom: -45px; }
}
.books .content { width: 617px; margin-left: 80px; text-align: left; margin-bottom: 90px; }
.books .content .title { font: 50px/60px "Poppins", sans-serif; margin-bottom: 32px; font-weight: 700; color: #fff; }
.books .content .text { font: 20px/31px 'Poppins', sans-serif; color: #3a3a3a; }
.books .content .text span { display: inline-block; color: #fff; }
.books .content .border { width: 76px; height: 1px; border: 1px solid #ff3040; margin-bottom: 22px; }
.books .list { zoom: 1; list-style: none; }
.books .list:before,
.books .list:after { display: table; content: ""; line-height: 0; }
.books .list:after { clear: both; }
.books .list .item { max-width: 294px; color: #444; margin-bottom: 30px; }
.books .list .item .book-links a { transition: 0.4s; height: 23px; line-height: 21px; display: inline-block; margin-right: 11px; border-radius: 11.5px; border: solid 1px rgba(151, 151, 151, 0.25); font-family: "Poppins", sans-serif; font-size: 12px; color: #444; padding: 0px 15px; }
.books .list .item .book-links a:hover { border: solid 1px #ff3040; }
.books .list .item .title { margin: 35px 0px 15px 0px; font: 31px/37px "Poppins", sans-serif; transform: translateZ(100px); font-weight: 700; }
.books .list .item .description { display: block; font-size: 15px; font-family: 'Poppins', sans-serif; transform: translateZ(50px); }
.books .list .item .book-size { transition: 0.4s; width: 225px; cursor: pointer; border-radius: 3px; max-width: 100%; }
.books .list .item .book-size:hover { transform: translateY(-10px) scale(1); }
.books .list .item .image { height: 327px; width: 230px; background-repeat: no-repeat; background-size: cover; }
.books .list .item .image.book1 { background-color: #17316c; background-image: url("../images/book1.png"); }
.books .list .item .image.book2 { background-color: #195c7a; background-image: url("../images/book2.png"); }
.books .list .item .image.book3 { background-color: #84466a; background-image: url("../images/book3.png"); }
@media screen and (max-width:768px) {
    .books { margin: 0; padding: 0 45px; }
    .books .content { padding: 30px 0; width: 100%; margin-left: 0; }
    .books .list .item .image { height: 280px; width: 100%; }
}
@media screen and (max-width:544px) {
    .books { overflow: hidden; padding: 20px 0px 60px 0px; }
    .books .slick-slide { height: auto; }
    .books .content { width: 100%; margin: 0; }
    .books .content .title { font-size: 52px; margin-bottom: 10px; }
    .books .content .text { font: 18px/25px 'Poppins', sans-serif; font-size: 19px; line-height: 1.5; }
    .books .list { margin-top: 50px; }
    .books .list .item { margin: 0 auto; width: 100%; }
    .books .list .item .image { height: 407px; }
    .books .list .item .title { font-size: 22px; }
}
.podcast { height: 775px; background-color: #2b2b2b; background-image: url("../images/podcast-bg.png"); background-repeat: no-repeat; background-size: cover; padding: 113px 0; }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .podcast { background-image: url("../images/podcast-bg@2x.png"); }
}
.podcast .logo { background-color: transparent; background-image: url("../images/podcast-logo.png"); background-size: cover; background-repeat: no-repeat; float: left; width: 173px; height: 66px; }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .podcast .logo { background-image: url("../images/podcast-logo@2x.png"); }
}
.podcast .content { width: 60%; float: right; }
.podcast .content .description { font-size: 22px; color: #fff; font-family: "museo-medium", sans-serif; }
.podcast .content .list { list-style: none; }
.podcast .content .list .item { position: relative; }
.podcast .content .list .item:before { position: absolute; bottom: 7px; display: block; content: ""; background-color: #fff; margin-left: -98px; width: 46px; height: 46px; border-radius: 50%; }
.podcast .content .list .item:after { position: absolute; display: block; bottom: 22px; left: -78px; content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid black; }
.podcast .content .list .item .title { color: #fff; font-size: 12px; line-height: 1.5; letter-spacing: 3.2px; text-transform: uppercase; }
.podcast .content .list .item .description { display: block; color: #fff; font-size: 23px; font-family: "Poppins", sans-serif; line-height: 1.22; width: 358px; }
.testimonials { text-align: center; padding: 89px 0; width: 100%; margin: 0 auto; background: #fafafa !important; }
.testimonials .title { font-size: 48px; line-height: 1.06; font-family: "Poppins", sans-serif; margin-bottom: 40px; font-weight: 700; }
.testimonials .content { margin: 0 auto 26px; zoom: 1; }
.testimonials .content:before,
.testimonials .content:after { display: table; content: ""; line-height: 0; }
.testimonials .content:after { clear: both; }
.testimonials .content .phrases { position: relative; width: 70%; margin: 0 auto; }
.testimonials .content .phrases>div { width: 727px; margin: 0 auto; }
.testimonials .content .phrases .slick-slide { height: auto !important; transition: opacity 1s; outline: none; }
.testimonials .content .phrases .slick-active { opacity: 1; }
.phrase-inner .slick-next { width: 20px; height: 20px; right: 0; }
.phrase-inner .slick-prev,
.packslider .slick-prev { width: 20px; height: 20px; left: 0; z-index: 999; }
.packslider .slick-prev:before { transform: rotate(180deg); content: "\f105"; width: 30px; height: 50px; display: inline-block; font-family: fontAwesome; }
.packslider .slick-next:before { content: "\f105"; width: 30px; height: 50px; display: inline-block; font-family: fontAwesome; }
.phrase-inner .slick-prev:before { transform: rotate(180deg); content: "\f105"; width: 30px; height: 30px; display: inline-block; font-family: fontAwesome; font-size: 30px; }
.phrase-inner .slick-next:before { content: "\f105"; width: 30px; height: 20px; display: inline-block; font-family: fontAwesome; font-size: 30px; vertical-align: top; }
.packslider .slick-prev::before,
.packslider .slick-next::before { color: #ffffff; font-size: 60px; }
.phrase-inner .slick-prev::before,
.phrase-inner .slick-next::before { color: #ff3040; font-size: 30px; }
.phrase-inner .phrase { position: relative; font-size: 18px; font-family: 'Poppins', sans-serif; line-height: 1.55; text-align: left; font-weight: 500; cursor: pointer; padding: 0 60px; }
.packslider .slick-next { top: 50%; }
.packslider .slick-prev { top: 50%; left: -30px; }
.phrase-inner .phrase:before { content: 'â€'; color: #ff3040; font-size: 25px; position: absolute; font-weight: 500; top: -3px; left: 40px; }
.testimonials .content .who { display: flex; align-items: center; font-family: "gilroy-regular", sans-serif; padding: 0 60px; }
.testimonials .content .who .avatar { width: 45px; height: 45px; margin: 11px 11px 11px 0; background: #f53719; border-radius: 100%; color: #fff; padding: 11px 0; }
.testimonials .content .who .avatar img { border-radius: 50%; width: 45px; height: 45px; }
.testimonials .content .who .name { font-size: 14px; line-height: 91px; font-family: "gilroy-semi", sans-serif; }
.testimonials .clients { max-width: 1054px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #c7c7c7; list-style: none; text-align: center; padding-top: 37px; table-layout: fixed; margin: 35px auto 0px; padding-left: 0; }
.testimonials .clients p { font-size: 16px; color: #000; font-family: 'Poppins', sans-serif; }
.testimonials .clients li { cursor: pointer; position: relative; text-align: center; width: auto; filter: grayscale(100%); background: transparent; border: solid 1px rgba(187, 187, 187, 0.27); font-size: 14px; padding: 2px 30px; margin: 5px; transition: transform .2s; }
.testimonials .clients li p { margin: 0px; }
.testimonials .clients li img { object-fit: contain; width: 173px; }
.testimonials .clients li.slick-active { filter: grayscale(0%); border: 1px solid rgba(187, 187, 187, 0.27); background-color: rgba(187, 187, 187, 0.27); color: #000; }
.testimonials .clients li.slick-active:before,
.testimonials .clients li.slick-active:after { margin-top: -56px; content: ""; transform: rotate(-135deg); position: absolute; display: block; border-top: 17px solid transparent; border-bottom: 17px solid transparent; left: 50%; }
.testimonials .clients li.slick-active:before { border-left: 17px solid #c7c7c7; }
.testimonials .clients li.slick-active:after { border-left: 17px solid #fafafa; top: -2px; margin-left: 1px; }
@media screen and (max-width:1450px) {
    .testimonials .clients li img { width: 143px; }
}
@media screen and (max-width:1200px) {
    .testimonials .clients { padding-top: 35px; }
    .testimonials .clients li img { width: 90px; height: auto; }
    .testimonials .clients li.slick-active:before,
    .testimonials .clients li.slick-active:after { margin-top: -46px; }
}
@media screen and (max-width:992px) {
    .testimonials .slick-next,
    .testimonials .slick-prev { display: none; }
    .testimonials .clients { padding: 29px 0 0 0; width: 100%; }
    .testimonials .clients li.slick-active:before,
    .testimonials .clients li.slick-active:after { margin-top: -41px; }
    .testimonials .clients li img { width: 75px; height: auto; }
    .testimonials .content .phrases>div { width: 100%; }
}
@media screen and (max-width:544px) {
    .testimonials { padding: 40px 0; }
    .testimonials .title { font-size: 36px; }
    .testimonials .content .phrases { width: 100%; }
    .testimonials .content .phrases .slick-slide { display: none; }
    .testimonials .content .phrases>div { width: 85%; display: none; }
    .testimonials .clients { width: 90%; border: none; flex-wrap: wrap; margin-top: 0; }
    .testimonials .clients li { padding: 12px 0; display: inline-block; width: 50%; flex-basis: 50%; }
    .testimonials .clients li.slick-active:before,
    .testimonials .clients li.slick-active:after { border: none; }
    .testimonials .clients li img { width: 90px; object-fit: cover; }
    .testimonials .clients li.slick-active::before { border-left: 0; }
    .testimonials .phrases .slick-next,
    .testimonials .phrases .slick-prev { display: none !important; }
    .testimonials .clients { padding-top: 0; padding-left: 0; }
}
.next-page { position: relative; height: 100vh; z-index: 1; opacity: 0; }
.next-page .next-page-mask { background: #000; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.next-page-wrap { text-align: center; height: 100vh; position: fixed; left: 0; bottom: 0; width: 100%; }
.next-page-wrap .next-page__link { height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.next-page-wrap .next-page__link.hover { cursor: url("../images/next-page.svg"), pointer; }
.next-page-wrap .next-page__title { font-family: "Poppins", sans-serif; font-size: 100px; line-height: 1.2; color: #3a3a3a; }
.next-page-wrap .next-page__desc { font-family: "gilroy-semi", sans-serif; color: #3a3a3a; }
.next-page-wrap .next-page__desc:hover { color: #3a3a3a; }
.next-page__copy { position: fixed; left: 0; right: 0; bottom: 20px; margin: 0 auto; text-align: center; font-size: 14px; display: flex; justify-content: center; padding: 0px 15px; }
.next-page__copy span { font-family: 'Poppins', sans-serif; }
.next-page__copy span a:hover { color: #333; }
@media screen and (max-width:768px) {
    .next-page-wrap .next-page__title { border-bottom: 6px solid #3a3a3a; }
}
@media screen and (max-width:544px) {
    .next-page .next-page__title { font-size: 60px; }
}
.contacts { position: relative; background-color: transparent; z-index: 99; padding: 50px 0; }
.contacts .content p { color: #fff; font-size: 16px; font-weight: 400; line-height: 27px; }
.contacts .content p.light { color: #000; }
.contacts .fp-tableCell { vertical-align: top; }
.contacts .content { margin-bottom: 40px; clear: both; padding: 0 6px; }
.contacts .content .description { font-size: 22px; font-weight: 500; line-height: 1.5; }
.contacts input[type='checkbox'] { display: none; }
.contacts .social-info-wrap { display: flex; justify-content: flex-end; }
.contacts .social-info { width: 340px; }
.contacts .social-info ul { width: 310px; list-style: none; padding: 0; }
.contacts .social-info ul li { float: left; margin: 0 29px 7px 0; }
.contacts .social-info ul li a { display: inline-block; cursor: pointer; transition: transform 0.2s; }
.contacts .social-info ul li a:hover { transform: translateY(-3px); }
.contacts .social-info ul li a:hover svg path { fill: #ff3040; }
.contacts .bugs { transition: 0.4s; display: block; clear: both; font-family: 'Poppins', sans-serif; padding-top: 50px; text-decoration: underline; }
.contacts .bugs:hover { color: #ff3040; }
.contacts .contact-form input.wpcf7-not-valid { border-bottom: 1px solid red; }
.contacts .contact-form input.wpcf7-not-valid:focus { border-bottom: 1px solid #ff3040; }
.contacts .contact-form input.wpcf7-not-valid:after { content: ''; position: absolute; height: 1px; bottom: 0; width: 100px; left: 0; background: #ff3040; transition: width .3s; }
.contacts .contact-form input:focus,
.contacts .contact-form textarea:focus { border: 1px solid #ff3040; }
.contacts .contact-form div.wpcf7-validation-errors,
.contacts .contact-form div.wpcf7-acceptance-missing { border: none; color: red; }
.contacts .contact-form .send-wrap { margin-top: 20px; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; }
.contacts .contact-form .send-wrap .attach { position: relative; display: flex; align-items: center; background: url("../images/clip.svg") no-repeat left center; padding-left: 25px; }
.contacts .contact-form .send-wrap .attach:hover { color: #ff3040; background: url("../images/clip_h.svg") no-repeat left center; }
.contacts .contact-form .send-wrap .attach.attached { background: url("../images/check.svg") no-repeat left center; }
.contacts .contact-form .send-wrap .attach input[type="file"] { position: absolute; top: 0; left: 0; opacity: 0; width: 120px; height: 30px; z-index: 1; color: #ff3040; font-size: 16px; }
.contacts .contact-form .tags { display: inline-block; list-style: none; margin-left: -5px; padding: 0; margin-bottom: 0; }
.contacts .contact-form .tags::after { display: table; content: ''; clear: both; }
.contacts .contact-form .tags .item { float: left; }
.contacts .contact-form .tags .item label { margin: 0; }
.contacts .contact-form .tags .item input[type='checkbox']+span { font-family: 'Poppins', sans-serif; user-select: none; border-radius: 3px; position: relative; cursor: pointer; background: transparent; border: solid 1px rgba(187, 187, 187, 0.27); font-size: 16px; float: left; padding: 5px 17px; margin: 5px; transition: transform .2s; color: #000; }
@media (min-width:992px) {
    .contacts .contact-form .tags .item input[type='checkbox']+span:hover { border: 1px solid rgba(187, 187, 187, 0.27); background-color: rgba(187, 187, 187, 0.27); color: #000; }
}
.contacts .contact-form .tags .item input[type='checkbox']+span:active { transform: scale(0.95); }
.contacts .contact-form .tags .item input[type='checkbox']:checked+span { border: 1px solid #ff3040; background-color: #ff3040; color: #fff; }
.contacts .success-response { border-radius: 7px; box-shadow: 0 21px 40px 0 rgba(0, 0, 0, 0.08); position: relative; width: 554px; height: 532px; }
.contacts .success-response .success-mail-send { display: inline-block; width: 123px; height: 123px; border-radius: 7px; background-color: #d8d8d8; }
.contacts .success-response .response-container { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; text-align: center; }
.contacts .success-response .notice { width: 345px; font-size: 22px; font-weight: 500; line-height: 1.5; text-align: center; color: #3a3a3a; margin-bottom: 50px; }
.contacts .success-response .send-more { cursor: pointer; font-family: 'gilroy-medium'; font-size: 20px; font-weight: bold; line-height: 2.7; color: #ff3040; }
.contacts .container .form-name { font-family: "Poppins", sans-serif; font-weight: 700; color: #fff; margin: 0 0 10px; font-size: 1.75rem; line-height: 1.5; }
.info-address { margin: 4rem 0 0; padding: 0; }
.info-address li { margin: 0 0 10px; }
.info-address li i.fa { font-size: 24px; }
.info-address li:is(a, address) { font-size: 17px; font-weight: 400; color: #fff; display: flex; align-items: flex-start; justify-content: flex-start; gap: 1rem; margin: 1rem 0; }
.contacts .container .frm-name { font-size: 50px; font-family: "Poppins", sans-serif; font-weight: 700; line-height: 1.06; }
.contacts .container .title { font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 500; margin-bottom: 0px; color: #f8381a; line-height: 3; text-align: center; }
.contacts .container .phone { display: block; font-size: 23px; color: red; font-family: 'Poppins', sans-serif; margin-bottom: 50px; }
.contacts .container .mail { display: block; font-size: 23px; color: #3a3a3a; line-height: 1.93; font-family: 'Poppins', sans-serif; transition: color .5s; }
.contacts .container .mail:hover { color: #ff3040; }
.contacts .copyright { color: #000; font-size: 14px; text-align: center; width: 100%; margin: 140px 0 60px 0; }
span.wpcf7-list-item { margin: 0; }
div.wpcf7-mail-sent-ok { border: none; margin: 30px 0 0; width: 100%; background-color: #fffed9; color: #000; padding: 10px; font-size: 20px; border-radius: 5px; font-weight: bold; }
@media screen and (max-width:992px) {
    .contacts .social-info { width: 100%; }
    .contacts .social-info .hire-wrap { margin-right: 30px; }
    .contacts .social-info .social-flex-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
}
@media screen and (max-width:768px) {
    .contacts .social-info { margin-top: 50px; }
}
@media screen and (max-width:544px) {
    .contacts { overflow: hidden; padding-top: 50px; padding-bottom: 50px; }
    .contacts .social-info { flex-direction: column; }
    .contacts .content { padding-left: 0; margin-bottom: 20px; }
    .contacts .container .form-name { font-size: 36px; margin-bottom: 0px !important; }
    .contacts .container .contact-form .tags { padding: 0; display: block; margin: 0 -15px; }
    .contacts .container .contact-form .tags .slick-slide { height: auto; outline: none; }
    .contacts .social-info { margin-top: 50px; }
    .contacts .social-info .social-flex-wrap { display: flex; justify-content: space-between; flex-direction: column; }
    .contacts .copyright { margin-top: 40px; }
}
div.wpcf7 .ajax-loader { display: none; }
.parallaxParent { position: relative; }
.services h2.title { color: #444; font: 50px/60px "Poppins", sans-serif;    /* margin-bottom: 32px; */ font-weight: 700; }
.services .text { color: #fff; display: block; font: 20px/31px 'Poppins', sans-serif; color: #fff; margin-top: 22px; }
.services .border { width: 76px; height: 1px; border: 0px solid #ff3040; display: none; }
.services .content { zoom: 1; }
.services .content:before,
.services .content:after { display: table; content: ""; line-height: 0; }
.services .content:after { clear: both; }
.services .information { width: 480px; }
.services .watch-cases { margin: 70px 0 0 75px; position: relative; color: #3a00ff; font-family: "Poppins", sans-serif; font-size: 17px; letter-spacing: 0.1px; cursor: pointer; }
.services .watch-cases:before { position: absolute; display: block; height: 59px; width: 59px; content: "+"; color: #3a00ff; font-size: 43px; font-family: "gilroy-regular", sans-serif; background-color: rgba(255, 255, 255, 0.95); left: -76px; top: -20px; padding: 3px 0 0 18px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.08); border-radius: 50%; }
.services .watch-cases .text { font-size: 20px; }
.services .propose { margin: 33px 20px; font-family: "museo-light", sans-serif; font-size: 16px; line-height: 2.06; letter-spacing: 0.1px; }
.services .propose li { position: relative; }
.services .propose li:before { position: absolute; display: block; content: "â€”"; left: -20px; }
.services .description { display: block; font-family: "museo-light", sans-serif; font-size: 14px; width: 346px; line-height: 1.5; color: #7e7e7e; }
.services .choices { width: 100%; zoom: 1; }
.services .choices:before,
.services .choices:after { display: table; content: ""; line-height: 0; }
.services .choices:after { clear: both; }
.services .choices span { transition: 0.4s; display: block; font-family: "Poppins", sans-serif; font-size: 22px; background-size: inherit; background-repeat: no-repeat; color: #ffffff; margin: 30px 0 6px; }
.services .choices span:first-child a { margin-left: 50px; }
.services .choices i { transition: 0.4s; cursor: pointer; display: block; height: 60px; background-size: contain; background-repeat: no-repeat; }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .services .choices i { background-size: contain; }
}
.services .choices i.brand { background-image: url("../images/services/branding.svg"); }
.services .choices i.web { background-image: url("../images/services/web.svg"); }
.services .choices i.mobile-apps { background-image: url("../images/services/mobile.svg"); }
.services .choices i.motion { background-image: url("../images/services/motion.svg"); }
.services .choices .hover-block:hover i { transform: translate3d(0px, 5px, 0px); }
.services .choices .hover-block:hover span { color: #fff; }
.services .choices i:hover { transform: translate3d(0px, 5px, 0px); }
.services .choices i:hover+span { color: #ff3040; }
.services .btn.link { border: 0; padding: 0 20px; font-family: 'Poppins', sans-serif; font-size: 18px; text-align: left; width: 190px; height: 45px; margin: 0 13px; border-radius: 82px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.08); }
.services .cover { width: 651px; height: 705px; background-repeat: no-repeat; background-size: inherit; }
.services .attachment { width: 326px; font-family: "museo-light", sans-serif; font-size: 16px; line-height: 1.5; text-align: left; color: #3a3a3a; }
.services .attachment .file { width: 100%; font-size: 19px; font-family: "Poppins", sans-serif; color: #ff3040; margin-top: 30px; height: 73px; padding-left: 72px; padding-top: 36px; line-height: 0.6; background-image: url("../images/services/attach.png"); background-size: inherit; background-repeat: no-repeat; }
.services .attachment .file .size { display: block; width: 37px; height: 33px; font-family: "museo-light", sans-serif; font-size: 13px; line-height: 2.54; color: #8a8a8a; }
.services .list-services { zoom: 1; position: relative; margin: 0 auto; }
.services .list-services:before,
.services .list-services:after { display: table; content: ""; line-height: 0; }
.services .list-services:after { clear: both; }
.services .list-services:before { content: ""; position: absolute; top: 16px; width: 100%; border-top: 1px dashed #d2d2d2; }
.services .list-services li.item { float: left; width: 25%; font-family: "museo-medium", sans-serif; font-size: 24px; letter-spacing: 0.1px; margin-bottom: 25px; }
.services .list-services li.item span { position: relative; background: #fafafa; padding: 0 9px; margin-left: -9px; }
.services .list-services li:last-child span { padding: 0 4px 0 9px; margin-left: -9px; }
.services .list-sub-services li { float: inherit; }
.services .list-sub-services li a { font-family: "museo-light", sans-serif; font-size: 16px; color: #3a3a3a; line-height: 2.06; }
.services .cases-section .case { position: relative; height: 540px; }
.services .cases-section .case .content { top: 50%; position: absolute; left: 7vw; margin-top: -45px; text-align: center; }
.services .cases-section .case .content .title { font-size: 36px; line-height: 2.11; color: #fff; margin: 0; }
.services .cases-section .case .content .description { font-family: "museo-light", sans-serif; font-size: 15px; line-height: 2.33; color: #fff; opacity: 0.61; }
.services .cases-section .case .content a { display: block; width: 66px; height: 15px; margin: 25px auto; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-size: contain; }
.services .cases-section .case.upper { background-image: url("../images/upper-app.gif"); background-repeat: no-repeat; background-size: 75%; background-position: 100% 8px; }
.services .cases-section .case.upper:before { background: #000; }
.services .cases-section .case.challenges { background-image: url("../images/applications/challenges.png"); background-repeat: no-repeat; background-size: inherit; background-position: 100% 25px; }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .services .cases-section .case.challenges { background-image: url("../images/applications/challenges@2x.png"); }
}
.services .cases-section .case.challenges:before { background: #fe5f35; }
.services .cases-section .case:before { position: absolute; display: block; content: ""; height: 100%; width: 200%; left: -50%; top: 0; z-index: -1; }
.services .achivements { margin: 0 50px 10px; zoom: 1; }
.services .achivements:before,
.services .achivements:after { display: table; content: ""; line-height: 0; }
.services .achivements:after { clear: both; }
.services .achivements li { float: left; width: 25%; font-family: "Poppins", sans-serif; font-size: 70px; line-height: 0.74; }
.services .achivements li.blue { color: #ff3040; }
.services .achivements li .notice { display: block; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 3; color: #3a3a3a; }
.services .members { width: 651px; zoom: 1; }
.services .members:before,
.services .members:after { display: table; content: ""; line-height: 0; }
.services .members:after { clear: both; }
.services .members li { width: 20%; float: left; }
.services .members li span { display: inline-block; font-family: "museo-light", sans-serif; font-size: 18px; line-height: 3; color: #3a3a3a; }
.services .members li span.active { border-top: 3px solid #ff3040; color: #ff3040; }
.services .members li span.active .count { color: #ff3040; opacity: 1; }
.services .members li span .count { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 2.19; opacity: .42; margin-left: 10px; }
@media screen and (max-width:544px) {
    .services .information { width: 100%; }
}
.app-input-group { position: relative; margin: 0 5px 10px; width: 47%; display: inline-block; }
.app-input-group.full { width: 97%; }
.app-input-group label { position: absolute; left: 14px; top: 15px; font-size: 14px; color: #989898; font-family: 'Poppins', sans-serif; z-index: 9; transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms; transform: scale(1); }
.input,
.textarea { border: 0; background-color: white; border: 1px solid #d8d8d8; width: 100%; padding-bottom: 5px; line-height: normal; outline: none; border-radius: 6px; padding-left: 20px; height: 50px; font-size: 16px; color: #989898; font-family: 'Poppins', sans-serif; padding-top: 10px; }
.no-empty~.input-border { width: 100%; }
.no-empty~label { transform: translate(-4px, -20px) scale(0.8); }
.no-empty.detail~label { transform: translate(-12px, -25px) scale(0.8); }
.textarea { position: relative; height: 120px; padding: 12px 12px 5px; line-height: normal; font-size: 16px; resize: none; }
.textarea-wrap .no-empty~label { transform: translate(-10px, -25px) scale(0.8); }
.textarea-wrap .no-empty~label.file { background-image: url("../images/clip-file.png"); background-size: 28px 27px; background-repeat: no-repeat; background-position: right 80%; }
@media (-Webkit-min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:3 / 2), only screen and (min-device-pixel-ratio:1.3), only screen and (-moz-min-device-pixel-ratio:1.3) {
    .textarea-wrap .no-empty~label.file { background-image: url("../images/clip-file@2x.png"); }
}
.submit { border: 0; font-family: 'Poppins', sans-serif; font-size: 18px; color: #fff; line-height: 2; padding: 5px 20px; outline: none; cursor: pointer; transition: background-color .3s; border-radius: 0; background: #ff3040; }
.submit:hover { background-color: #ff3040; }
.submit.loading { color: transparent; background-image: url("../images/button_loader.svg"); background-size: contain; background-repeat: no-repeat; background-position: 50%; }
.not-found { height: 97vh; display: flex; align-items: center; justify-content: center; }
.not-found h1 { font-size: 50px; }
.main~.footer { display: none; }
.main .contacts {    /* background-color: #f3f3f3; */
padding: 40px 0 30px; z-index: 1; }
.contactpage .main .contacts { background-color: #f3f3f3; padding: 170px 0 0; }
.main .copyright { display: block; }
.services { color: #fff; position: relative; padding: 0 45px 60px; background-repeat: no-repeat; background-size: cover; }
.services .content { padding: 60px 0; }
@media (max-width:767.98px) {
    .services .content { padding: 75px 0px 50px; }
}
.services .information { width: 651px; margin-left: 80px; }
.services .information p span,
.services .information .top-home .content .bottom a span,
.top-home .content .bottom .services .information a span { display: inline-block; }
.services .contacts { margin-top: 130px; height: 100%; }
.services .contacts .container { margin-bottom: 120px; }
.services .container { margin: 0 auto; }
.services .main-section { padding: 0 30px; margin-bottom: 211px; }
.services .main-section .information { width: 651px; }
.services .main-section .btn { margin-top: 30px; }
.services .branding-section .cover { margin-top: -30px; background-image: url("../images/services/branding.svg"); }
.services .web-section .cover { background-image: url("../images/services/web.svg"); }
.services .mobile-section .cover { background-image: url("../images/services/mobile.svg"); }
.header-home .menu ul li:nth-child(9) a.active { color: #fff; }
.services .motion-section .cover { background-image: url("../images/services/motion.svg"); }
.services .border { margin-top: 28px; }
.services .notice { font-size: 14px; font-weight: 300; line-height: 1.5; text-align: left; color: #7e7e7e; width: 237px; margin-top: 10px; }
.services .sub-service { display: inline-block; text-align: left; padding: 0; }
.services .sub-service li { display: block; width: 100%; float: left; font-size: 16px; font-weight: 500; line-height: 2.06; letter-spacing: 0.1px; text-align: left; color: #ffffff; font-family: 'Poppins', sans-serif; }
.services .how-work-section { position: relative; padding: 100px 0; background-color: #fafafa; }
.services .how-work-section:before { position: absolute; display: block; content: ""; top: 0; background-color: #fafafa; width: 200%; height: 100%; margin-left: -50%; z-index: -1; }
.services .how-work-section .information { width: 650px; margin-right: 130px; }
@media screen and (max-width:768px) {
    .services .information { margin: 0; }
    .services .information { width: 100%; }
    .services .notice { margin-bottom: 50px; }
}
@media screen and (max-width:544px) {
    .services { padding: 0; }
    .services .text { font-size: 19px; margin-left: 0; line-height: 1.5; }
    .services .sub-service,
    .services .notice { display: none; }
    .services .choices { text-align: center; }
    .services .choices .border { display: none; }
    .services .choices div { margin-bottom: 20px; }
    .services .choices i { margin: 10px auto; }
}
@media screen and (max-width:544px) and (max-width:767.98px) {
    .services .choices i { background-position: center; }
}
@media screen and (max-width:544px) {
    .services h1.title { font-size: 36px; margin-bottom: 20px; }
    .services h2.title { font-size: 52px; margin-bottom: 10px; }
    .services .border { margin: 0; }
}
@media (max-width:991.98px) {
    .page-template-services .bg-container { height: 400px; }
}
.page-template-services .bg-container .content span { max-width: 100% !important; margin-bottom: 0px; }
@media (max-width:991.98px) {
    .page-template-services .bg-container .content { left: 0% !important; }
}
.page-template-services .bg-container { height: 620px; display: block; overflow: hidden; transform: matrix(1, 0, 0, 1, 0, 0); text-decoration: none; width: 100%; background: #000; color: #fff; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }
.page-template-services .app-item:nth-child(1) { margin-top: 40px; }
.page-template-services .app-item { padding: 7px; transform: translateY(0px); margin-top: 40px; }
.page-template-services .app-item .svg-wrap { position: absolute; right: -5px; top: 10px; }
.page-template-services .app-item.main-slide .content { position: relative; top: 50%; left: 10%; max-width: 400px; text-align: center; transform: translateY(-100%); }
.page-template-services .app-item.col-12 { padding-top: 0px; }
.page-template-services .app-item .animate-mask { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #1b1b1c; z-index: 10; }
.page-template-services .app-item .animate-mask-2 { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #fff; z-index: 11; }
.page-template-services .app-item .mask { position: absolute; width: 100%; height: 100%; border: 0px solid #fff; transition: border 0.5s; z-index: 1; }
.page-template-services .app-item .mask:hover { border: 15px solid #fff; }
.page-template-services .app-item .mask:hover svg { animation-name: applications-arrow; animation-duration: 1s; animation-fill-mode: backwards; }
.page-template-services .app-item .mask svg { animation-name: applications-arrow-back; animation-duration: 1s; animation-fill-mode: forwards; }
.page-template-services .app-item .content { opacity: 0; margin: 44px 48px; position: relative; }
.page-template-services .app-item .content.white h2,
.page-template-services .app-item .content.white span { color: #fff; }
.page-template-services .app-item .content.white svg .icon-arrow { fill: #fff; }
.page-template-services .app-item .content.black h2,
.page-template-services .app-item .content.black span { color: #000; }
.page-template-services .app-item .content.black svg .icon-arrow { fill: #000; }
.page-template-services .app-item .content h2 { font-family: "Poppins", sans-serif; line-height: 1; margin-top: 35px; font-size: 25px; font-weight: 500; }
.page-template-services .app-item span { opacity: 0.61; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 2.33; color: #ecf4fe; }
@media screen and (min-width:1410px) {
    .page-template-services .applications .container { max-width: 1410px; }
    .page-template-services .applications .bg-container { height: 620px; }
    .page-template-services .applications .app-item .content h2 { font-size: 32px; }
}
@media screen and (max-width:992px) {
    .page-template-services .applications .bg-container { height: 500px; }
    .page-template-services .applications .container { max-width: 100%; }
}
.services-top { padding-top: 170px; padding-bottom: 40px; }
.services-top.padTop0 { padding-top: 0; padding-bottom: 0; }
@media (max-width:767.98px) {
    .services-top { padding-top: 100px; }
}
.services-top h2 { font: 50px/62px "Poppins", sans-serif; margin-bottom: 32px; font-weight: 700; }
@media (max-width:767.98px) {
    .services-top h2 { font-size: 52px; }
}
.services-top .border { margin: 0 0px 25px 535px; }
@media (max-width:767.98px) {
    .services-top .border { margin: 45px 0px 25px 0px; }
}
.services-top .top { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 22px; line-height: 1.5; color: #3a3a3a; max-width: 100%; margin-bottom: 30px; }
@media (max-width:767.98px) {
    .services-top .top { font-size: 19px; }
}
@media (max-width:767.98px) {
    .services-top .default-ar { display: none; }
}
.services-top .bottom { font-family: "gilroy-regular", sans-serif; font-weight: 300; font-size: 20px; line-height: 1.5; color: #3a3a3a; max-width: 623px; margin-bottom: 30px; }
.services-top .list { margin-top: 110px; display: block; justify-content: center; flex-wrap: nowrap; }
@media (max-width:991.98px) {
    .services-top .list { flex-wrap: nowrap; }
}
@media (max-width:767.98px) {
    .services-top .list { flex-wrap: wrap; margin-top: 50px; }
}
.services-top .list .item { position: relative; top: 0px; width: 172px; margin: 0px 24px 40px; display: inline-block; }
@media (max-width:991.98px) {
    .services-top .list .item { width: 80px; margin: 0px 45px; }
}
@media (max-width:767.98px) {
    .services-top .list .item { width: 80px; flex-basis: 50%; margin: 0px; text-align: center; }
}
@media (max-width:767.98px) {
    .services-top .list .item:nth-child(1),
    .services-top .list .item:nth-child(2) { margin-bottom: 40px; }
}
.services-top .list .item:nth-child(2) p,
.services-top .list .item:nth-child(2) .top-home .content .bottom a,
.top-home .content .bottom .services-top .list .item:nth-child(2) a { position: relative; top: -8px; }
.services-top .list .item:nth-child(3) p,
.services-top .list .item:nth-child(3) .top-home .content .bottom a,
.top-home .content .bottom .services-top .list .item:nth-child(3) a { position: relative; top: 0px; }
.services-top .list .item:nth-child(4) p,
.services-top .list .item:nth-child(4) .top-home .content .bottom a,
.top-home .content .bottom .services-top .list .item:nth-child(4) a { position: relative; top: 0px; }
.services-top .list i { position: relative; display: block; height: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 17px; cursor: pointer; top: 0px; }
.services-top .list svg { height: 100%; margin-bottom: 17px; cursor: pointer; }
.services-top .list svg path { transition: 0.4s; }
.services-top .list p,
.services-top .list .top-home .content .bottom a,
.top-home .content .bottom .services-top .list a { font-family: "Poppins", sans-serif; font-size: 20px; letter-spacing: 0.1px; color: #444; line-height: 1.1; font-weight: 700; margin: 20px 0 0; }
.services-top .list .item:hover svg g,
.services-top .list .item:hover p,
.services-top .list .item:hover .top-home .content .bottom a,
.top-home .content .bottom .services-top .list .item:hover a,
.services-top .list .item:hover path { fill: #0010B3; color: #0010B3; }
.services-top .list .item:hover { transform: translate3d(0px, 5px, 0px); }
.services-top .list .mobile-apps { height: 68px; position: relative; top: -6px; }
.services-top .list .motion { height: 60px; }
.services-top .list .motion svg { width: auto; }
.services-list { padding-top: 50px; }
@media (max-width:991.98px) {
    .services-list .order-mobile { order: 2; }
}
@media (max-width:991.98px) {
    .services-list .order-case { order: 3; }
}
@media (max-width:991.98px) {
    .services-list .item .image-block { text-align: center !important; }
}
.services-list .item-1 img { width: 80%; margin: 0 auto; display: block; text-align: center; }
@media (min-width:992px) and (max-width:1199.98px) {
    .services-list .item-1 img { width: 90%; }
}
.services-list .item-2 .image-block { text-align: right; }
.services-list .item-2 img { width: 75%; margin: 0 auto; display: block; text-align: center; }
@media (min-width:992px) and (max-width:1199.98px) {
    .services-list .item-2 img { width: 100%; }
}
.services-list .item-3 img { width: 80%; margin: 0 auto; display: block; text-align: center; }
.services-list .case-block { height: 0px; overflow: hidden; min-height: 0px; margin: 40px 0; }
@media (max-width:767.98px) {
    .services-list .case-block { margin-bottom: 100px; }
}
.services-list .case-block a { width: 100%; }
.services-list .case-block .services-case { margin-bottom: 30px; }
.services-list .case-block .services-case img { width: 100%; height: 500px; object-fit: cover; }
@media (max-width:767.98px) {
    .services-list .case-block .services-case img { height: 250px; }
}
.services-list .case-block a:nth-child(1) img { margin-top: 75px; }
.services-list .case-block-4 { margin-bottom: 60px; }
.services-list h3 { font-family: "Poppins", sans-serif; font-size: 50px; font-weight: bold; line-height: 1.19; color: #3a3a3a; margin-bottom: 30px; font-weight: 700; }
.services-list .text { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.5; color: #3a3a3a; margin-bottom: 20px; }
.services-list ul { margin: 0px 0px 40px 0px; padding: 0px; position: relative; left: 0; }
.flexiblefeatures-sec ul { display: inline-block; margin-bottom: 0; margin-top: 40px; }
.flexiblefeatures-sec ul li { clear: both; margin-bottom: 30px; width: 100%; display: inline-block; }
.flexiblefeatures-sec ul li figure { margin-bottom: 0px; width: 20%; float: left; }
.flexiblefeatures-sec ul li figure img { }
.flexiblefeatures-sec ul li .txt-wrap { width: 80%; float: right; padding-right: 70px; }
.flexiblefeatures-sec ul li .txt-wrap h4 { font-size: 18px; color: #2c2c2c; font-family: var(--secondary-font-family); font-weight: 700; }
.flexiblefeatures-sec ul li .txt-wrap p { color: #74757a; font-size: 14px; line-height: 1.4; }
@media (max-width:767.98px) {
    .services-list ul { left: 0px; }
}
.services-list ul li { font-family: "gilroy-regular", sans-serif; font-size: 16px; font-weight: 300; color: #3a3a3a; line-height: 2.06; letter-spacing: 0.1px; }
.services-list span { font-family: "gilroy-regular", sans-serif; font-size: 14px; font-weight: 300; line-height: 1.5; color: #7e7e7e; max-width: 346px; display: block; margin-bottom: 50px; }
.services-list .image-service { width: 80%; margin: 0 auto; display: block; text-align: center; }
@media (max-width:991.98px) {
    .services-list .image-service { margin-bottom: 100px; }
}
@media (max-width:767.98px) {
    .seopage { padding: 0 0px 0px !important; }
    .services-list .image-service { display: none !important; margin-bottom: 50px; }
}
.services-list .button-text { display: inline-block; font-family: "Poppins", sans-serif; font-size: 17px; letter-spacing: 0.1px; color: #3a00ff; margin: 0px 0px 0px 17px; vertical-align: middle; }
@media (min-width:992px) {
    .page-template-services .contacts { padding-bottom: 150px; }
}
.services-how { background-color: #fafafa !important; padding: 100px 0px; }
@media (max-width:767.98px) {
    .services-how { padding: 50px 0px; }
}
.services-how h3 { font-family: "Poppins", sans-serif; font-size: 72px; font-weight: 500; line-height: 1.14; color: #3a3a3a; margin-bottom: 40px; }
@media (max-width:767.98px) {
    .services-how h3 { font-size: 50px; }
}
.services-how .border { margin-bottom: 25px; }
.services-how .left p,
.services-how .left .top-home .content .bottom a,
.top-home .content .bottom .services-how .left a { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.5; color: #3a3a3a; }
@media (max-width:767.98px) {
    .services-how .left p,
    .services-how .left .top-home .content .bottom a,
    .top-home .content .bottom .services-how .left a { font-size: 18px; }
}
.services-how .right { text-align: right; }
@media (max-width:767.98px) {
    .services-how .right { text-align: left; }
}
.services-how .right p,
.services-how .right .top-home .content .bottom a,
.top-home .content .bottom .services-how .right a { font-family: "gilroy-regular", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; color: #3a3a3a; max-width: 326px; text-align: left; display: inline-block; }
.services-how .list { margin-top: 120px; display: flex; position: relative; }
@media (max-width:767.98px) {
    .services-how .list { flex-wrap: wrap; }
}
.services-how .list .dots { position: absolute; top: 17px; z-index: 1; left: 5px; border-top: dotted 1px #d1d1d1; width: calc(100% - 10px); }
@media (max-width:767.98px) {
    .services-how .list .dots { display: none; }
}
@media (max-width:767.98px) {
    .services-how .list .item { flex-basis: 49.9%; margin-right: 0px !important; padding-left: 15px; margin-bottom: 30px; }
}
.services-how .list .item h4 { font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 500; line-height: 1.38; letter-spacing: 0.1px; color: #3a3a3a; position: relative; z-index: 2; background-color: #fafafa; display: inline-block; padding: 0px 5px; left: -5px; }
@media (max-width:767.98px) {
    .services-how .list .item h4 { padding: 0px 0px; left: 0px; font-size: 22px; }
}
.services-how .list .item ul { margin: 0px; padding: 0px; }
.services-how .list .item ul li { font-family: "gilroy-regular", sans-serif; font-size: 16px; font-weight: 300; line-height: 2.06; color: #3a3a3a; }
@media (max-width:767.98px) {
    .services-how .list .item ul li { font-size: 14px; }
}
.services-how .list .item:nth-child(2) { margin-right: 98px; }
.services-how .list .item:nth-child(3) { margin-right: 100px; }
.services-how .list .item:nth-child(4) { margin-right: 63px; }
.display-flex-Logo Design Labs { display: flex; }
.watch-button { position: relative; width: 59px; height: 59px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 8px 23px 0 rgba(0, 0, 0, 0.09); line-height: 59px; text-align: center; display: inline-block; font-family: "Poppins", sans-serif; font-size: 43px; letter-spacing: 0.2px; color: #3a00ff; cursor: pointer; border-radius: 50%; vertical-align: middle; }
.watch-button:before { content: ''; transition: 0.4s; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-image: url("../images/plus_icon.svg"); background-repeat: no-repeat; background-position: center; background-size: 21px 21px; }
.watch-button-active:before { -webkit-transform: rotate(30deg); transform: rotate(-45deg); }
.watch-button:hover { box-shadow: 0 24px 29px 0 rgba(0, 0, 0, 0.09); }
.watch-button-shadow { box-shadow: 0 24px 29px 0 rgba(0, 0, 0, 0.09); }
.container-1400 { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width:992px) {
    .container-1400 { max-width: 100%; }
}
@media (min-width:1200px) {
    .container-1400 { max-width: 1170px; }
}
@media (min-width:1400px) {
    .container-1400 { max-width: 1370px; }
}
.company { position: relative; height: 100%; padding: 0 45px; }
.company .contacts { margin-top: 130px; height: 100%; }
.company .contacts .container { margin-bottom: 120px; }
.company .information { width: 651px; }
.company .contactus { width: 40%; }
.company .mail { display: block; font-family: "Poppins", sans-serif; font-size: 22px; line-height: 1.84; color: #ff3040; }
.company .phone { display: block; font-family: "Poppins", sans-serif; font-size: 22px; line-height: 1.84; color: #3a3a3a; }
.company .team-section { position: relative; }
.company .photo-section { position: relative; height: 612px; }
.company .photo-team { background-image: url("../images/company/all_team.png"); background-repeat: no-repeat; background-size: inherit; position: absolute; bottom: 0; height: 612px; width: 150%; transform: translate(-8.5%); }
.company .join-us-section { position: relative; padding: 130px 0 84px; background-color: #fafafa; }
.company .join-us-section:before { position: absolute; display: block; content: ""; top: 0; background-color: #fafafa; width: 200%; height: 100%; margin-left: -50%; z-index: -1; }
.company .join-us-section .content { margin: 5px 0; }
.company .join-us-section .about { margin: 80px auto; zoom: 1; }
.company .join-us-section .about:before,
.company .join-us-section .about:after { display: table; content: ""; line-height: 0; }
.company .join-us-section .about:after { clear: both; }
.company .join-us-section .about .position { float: left; text-align: left; width: 40%; padding-left: 80px; }
.company .join-us-section .about .position a { font-family: "Poppins", sans-serif; font-size: 26px; color: #ff3040; }
.company .join-us-section .about .description { float: right; width: 60%; text-align: left; font-size: 18px; font-family: "museo-light", sans-serif; }
.page-template-company header { top: 0px; }
.page-template-company .contacts { margin-bottom: 150px; }
.company-top { padding-top: 200px; }
@media (max-width:767.98px) {
    .company-top { padding-top: 100px; }
}
@media (max-width:767.98px) {
    .company-top .ar-joinus,
    .company-top .ar-team { display: none; }
}
.company-top .Logo Design Labs-definition { font-family: 'Poppins', sans-serif; font-size: 16px; margin-top: -148px; margin-right: -200px; }
@media (max-width:991.98px) {
    .company-top .Logo Design Labs-definition { margin-top: 0px; }
}
.company-top .Logo Design Labs-definition__logo { display: block; margin-bottom: 20px; width: 22px; height: 22px; background: url("../images/logo_Logo Design Labs_22.svg") no-repeat; }
.company-top h2 { font: 50px/60px "Poppins", sans-serif; margin-bottom: 0; font-weight: 700; }
@media (max-width:991.98px) {
    .company-top h2 { font-size: 52px; }
}
.company-top .default-ar { margin-top: 24px; }
.company-top .default-ar:nth-child(1) { margin-right: 20px; }
.company-top .border { margin: 20px 0px 25px 0px; }
@media (max-width:991.98px) {
    .company-top .border { margin-top: 45px; }
}
.company-top .top { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 22px; line-height: 1.5; color: #3a3a3a; max-width: 651px; margin-bottom: 30px; }
@media (max-width:991.98px) {
    .company-top .top { font-size: 19px; }
}
.company-top .bottom { font-family: "gilroy-regular", sans-serif; font-weight: 300; font-size: 20px; line-height: 1.5; color: #3a3a3a; max-width: 623px; margin-bottom: 30px; }
@media (max-width:991.98px) {
    .company-top .bottom { font-size: 17px; }
}
.company-top .list {    /* margin-top: 40px; */
display: flex; justify-content: center; }
@media (max-width:991.98px) {
    .company-top .list { margin-top: 35px; flex-wrap: nowrap; }
}
@media (max-width:767.98px) {
    .company-top .list { margin-top: 25px; flex-wrap: nowrap; }
}
.company-top .list .item { margin: 15px 30px; max-width: 162px; display: inline-block; vertical-align: top; }
@media (max-width:991.98px) {
    .company-top .list .item { min-width: 100px; flex-basis: 50%; margin: 0px 0px 40px 0px; text-align: center; }
}
@media (max-width:767.98px) {
    .company-top .list .item { text-align: left !important; padding-left: 15px; }
}
.company-top .list .counter { font-family: "gilroy-semi", sans-serif; font-weight: 600; color: #ffffff; line-height: 0.74; font-size: 40px; display: inline-block; }
@media (max-width:767.98px) {
    .company-top .list .counter { font-size: 35px; }
}
.company-top .list .nan { font-family: "gilroy-semi", sans-serif; font-weight: 600; color: #ffffff; line-height: 0.74; font-size: 40px; display: inline-block; }
@media (max-width:767.98px) {
    .company-top .list .nan { font-size: 35px; }
}
.company-top .list span { display: block; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; line-height: 22px; color: #ffffff; }
.company-top .list span br { display: none }
@media (max-width:767.98px) {
    .company-top .list span { line-height: 1; font-size: 14px; }
}
.company-slider-block { padding: 80px 0px 110px 0px; }
@media (max-width:991.98px) {
    .company-slider-block { padding: 30px 0px 150px 0px; }
}
@media (max-width:767.98px) {
    .company-slider-block { padding: 45px 0px 70px 0px; }
}
.company-slider-block .container-fluid { padding: 0px; }
.company-slider-block .company-slider { position: relative; left: -37.5px; width: calc(100% + 37.5px); }
@media (max-width:767.98px) {
    .company-slider-block .company-slider { left: -20px; }
}
.company-slider-block .company-slider .item { height: 497px; padding: 0px 37.5px; outline: none; }
@media (max-width:991.98px) {
    .company-slider-block .company-slider .item { height: 450px; }
}
@media (max-width:767.98px) {
    .company-slider-block .company-slider .item { height: 60vw; padding: 0px 15px; }
}
.company-slider-block .company-slider .item img { height: 100%; width: 100%; object-fit: cover; cursor: pointer; }
@media (max-width:767.98px) {
    .company-team-block { padding-bottom: 50px; }
}
.company-team-block .top { margin-bottom: 40px; }
.company-team-block .top h2 { font: 50px "Poppins", sans-serif; margin-bottom: 32px; font-weight: 700; }
@media (max-width:767.98px) {
    .company-team-block .top h2 { font-size: 36px; }
}
.company-team-block .top p,
.company-team-block .top .top-home .content .bottom a,
.top-home .content .bottom .company-team-block .top a { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 20px; line-height: 1.5; color: #3a3a3a; max-width: 651px; margin-bottom: 37px; }
@media (max-width:767.98px) {
    .company-team-block .top p,
    .company-team-block .top .top-home .content .bottom a,
    .top-home .content .bottom .company-team-block .top a { font-size: 19px; }
}
.company-team-block .team-foto { position: relative; width: 100%; margin: 0 auto; }
.company-team-block .team-foto .slick-item { outline: none; }
@media (max-width:767.98px) {
    .company-team-block .team-foto { height: auto; }
}
.company-team-block .team-foto img { height: 700px; outline: none; cursor: move; }
@media (max-width:767.98px) {
    .company-team-block .team-foto img { height: 300px; }
}
.company-awards-block { padding-bottom: 50px; }
.company-awards-block h2 { font: 50px "Poppins", sans-serif; margin-bottom: 32px; font-weight: 700; }
@media (max-width:767.98px) {
    .company-awards-block h2 { font-size: 36px; }
}
.company-awards-block p,
.company-awards-block .top-home .content .bottom a,
.top-home .content .bottom .company-awards-block a { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 20px; line-height: 1.5; color: #3a3a3a; max-width: 651px; margin-bottom: 37px; }
@media (max-width:767.98px) {
    .company-awards-block p,
    .company-awards-block .top-home .content .bottom a,
    .top-home .content .bottom .company-awards-block a { font-size: 19px; }
}
.company-awards-block .awards-logos { display: flex; margin: auto; justify-content: space-between; max-width: 750px; margin-top: 70px; }
@media (max-width:575.98px) {
    .company-awards-block .awards-logos { flex-direction: column; }
}
.company-awards-block .awards-logos .awards-logos__item { padding: 20px 0px; font-size: 22px; font-family: "Poppins", sans-serif; }
.company-awards-block .awards-logos .awards-logos__item img { padding-right: 10px; }
.company-awards-block .awards-table-wrap { margin-top: 90px; height: 201px; overflow: hidden; }
.company-awards-block .awards-table-wrap.show { height: auto; }
.company-awards-block .awards-table-wrap.show~.show-awards { display: none; }
.company-awards-block .awards-table { width: 100%; max-width: 700px; border-top: 1px solid #d8d8d8; }
.company-awards-block .awards-table tr { border-bottom: 1px solid #d8d8d8; }
.company-awards-block .awards-table tr td { padding: 15px 0; font-size: 15px; font-family: 'Poppins', sans-serif; }
.company-awards-block .awards-table tr td:nth-child(1) { font-family: "Poppins", sans-serif; width: 33%; }
.company-awards-block .awards-table tr td:nth-child(2) { font-family: "Poppins", sans-serif; width: 44%; }
.company-awards-block .show-awards { display: block; font-family: "Poppins", sans-serif; color: #3a00ff; padding: 20px 0; cursor: pointer; }
@media (max-width:767.98px) {
    .page-template-company .contacts { padding-top: 50px; }
}
.company-join-block { padding: 130px 0px 130px 0px; }
@media (max-width:767.98px) {
    .company-join-block { padding: 50px 0px 50px 0px; background-color: #fafafa !important; }
}
.company-join-block .top h3 { font: 52px "Poppins", sans-serif; margin-bottom: 32px; font-weight: 500; }
@media (max-width:767.98px) {
    .company-join-block .top h3 { font-size: 36px; }
}
.company-join-block .top p,
.company-join-block .top .top-home .content .bottom a,
.top-home .content .bottom .company-join-block .top a { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 20px; line-height: 1.5; color: #3a3a3a; max-width: 651px; margin-bottom: 37px; }
@media (max-width:767.98px) {
    .company-join-block .top p,
    .company-join-block .top .top-home .content .bottom a,
    .top-home .content .bottom .company-join-block .top a { font-size: 19px; }
}
.company-join-block .top .email { font-family: 'Poppins', sans-serif; font-size: 23px; line-height: 1.84; color: #ff3040; }
.company-join-block .top .phone { font-family: "Poppins", sans-serif; font-size: 22px; font-weight: bold; line-height: 1.84; color: #3a3a3a; position: relative; left: -80px; }
@media (max-width:767.98px) {
    .company-join-block .top .phone { left: 0px; }
}
.company-join-block .top .text-right { position: relative; top: -15px; }
@media (max-width:767.98px) {
    .company-join-block .top .text-right { display: none; text-align: left !important; margin-bottom: 0px; }
}
.company-join-block .bottom { transition: 0.4s; display: flex; justify-content: space-between; flex-wrap: nowrap; margin-top: 75px; padding-left: 75px; cursor: pointer; }
@media (max-width:767.98px) {
    .company-join-block .bottom { flex-wrap: wrap; margin-top: 30px; }
}
@media (max-width:991.98px) {
    .company-join-block .bottom { padding-left: 15px; }
}
.company-join-block .bottom .vacancy-name { flex-grow: 1; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 26px; letter-spacing: 0.1px; color: #ff3040; transform: translate3d(0px, 0px, 0px); }
.company-join-block .bottom .text { max-width: 623px; font-family: "gilroy-regular", sans-serif; font-weight: 300; font-size: 18px; line-height: 1.44; color: #3a3a3a; }
@media (max-width:991.98px) {
    .company-join-block .bottom .text { padding-right: 10px; }
}
@media (max-width:991.98px) {
    .company-join-block .bottom .text { max-width: 420px; }
}
.company-join-block .bottom:hover .vacancy-name { transform: translate3d(20px, 0px, 0px); }
.default-ar { display: inline-block; font-family: "gilroy-semi", sans-serif; font-size: 18px; font-weight: 300; color: #3a3a3a; padding-left: 23px; width: 170.3px; height: 45px; border-radius: 82px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.09); cursor: pointer; line-height: 45px; letter-spacing: normal; text-align: left; }
.default-ar:hover { box-shadow: 0 24px 29px 0 rgba(0, 0, 0, 0.09); }
.single-vacancy .company-top { padding-top: 200px; }
@media (max-width:767.98px) {
    .single-vacancy .company-top { padding-top: 100px; }
}
.single-vacancy .company-top a { position: relative; top: 0px; font-family: 'Poppins', sans-serif; font-size: 23px; font-weight: 500; color: #ff3040; }
.single-vacancy .company-top .cv-to { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 0.1px; color: #3a3a3a; margin-bottom: 0px; }
.single-vacancy .company-top .for-cv { text-align: right; }
@media (max-width:767.98px) {
    .single-vacancy .company-top .for-cv { text-align: left; }
}
.single-vacancy .company-top h2 { line-height: 60px; }
.single-vacancy .company-top h2 span { font-size: 19px; color: #818181; font-family: "gilroy-semi", sans-serif; display: inline-block; margin-left: 45px; position: relative; }
@media (max-width:767.98px) {
    .single-vacancy .company-top h2 span { left: -30px; top: -15px; margin-bottom: -40px; }
}
.single-vacancy .company-top h2 span:before { content: ''; position: absolute; display: inline-block; width: 11px; height: 15px; top: 23px; left: -16px; background-image: url("../images/pin.svg"); background-size: cover; background-position: center; }
@media (max-width:767.98px) {
    .single-vacancy .company-top h2 span:before { top: 23px; }
}
.single-vacancy .team-foto { padding-bottom: 30px; }
.vacancy-block { padding: 50px 0px 140px 0px; }
@media (max-width:991.98px) {
    .vacancy-block { padding: 50px 0px 100px 0px; }
}
@media (max-width:767.98px) {
    .vacancy-block { padding: 50px 0px 50px 0px; }
}
.vacancy-block .item-left { font-family: "Poppins", sans-serif; font-size: 26px; font-weight: bold; letter-spacing: 0.1px; color: #000000; text-align: center; }
@media (max-width:991.98px) {
    .vacancy-block .item-left { text-align: left; }
}
.vacancy-block .row { margin-bottom: 75px; }
.vacancy-block .item-right p,
.vacancy-block .item-right .top-home .content .bottom a,
.top-home .content .bottom .vacancy-block .item-right a { font-family: "gilroy-regular", sans-serif; font-size: 20px; line-height: 1.55; letter-spacing: normal; color: #3a3a3a; max-width: 550px; }
@media (max-width:991.98px) {
    .vacancy-block .item-right p,
    .vacancy-block .item-right .top-home .content .bottom a,
    .top-home .content .bottom .vacancy-block .item-right a { font-size: 17px; }
}
.vacancy { position: relative; height: 100%; padding: 0 45px; }
.vacancy .contacts { margin-top: 130px; height: 100%; }
.vacancy .contacts .container { margin-bottom: 120px; }
.vacancy .container { width: 1230px; margin: 0 auto; }
.vacancy .information { width: 651px; }
.vacancy .contactus { width: 30%; }
.vacancy .mail { display: block; font-family: "Poppins", sans-serif; font-size: 22px; line-height: 1.84; color: #ff3040; }
.vacancy .phone { display: block; font-family: "Poppins", sans-serif; font-size: 22px; line-height: 1.84; color: #3a3a3a; }
.vacancy .photo-section { position: relative; height: 612px; }
.vacancy .photo-team { background-image: url("../images/vacancy/photo-team.png"); background-repeat: no-repeat; background-size: inherit; position: absolute; bottom: 0; height: 612px; width: 150%; transform: translate(-8.5%); }
.vacancy .about { margin: 80px auto; zoom: 1; }
.vacancy .about:before,
.vacancy .about:after { display: table; content: ""; line-height: 0; }
.vacancy .about:after { clear: both; }
.vacancy .about .position { float: left; font-family: "Poppins", sans-serif; font-size: 26px; text-align: center; color: #ff3040; width: 16%; padding-left: 80px; padding-top: 5px; }
.vacancy .about .description { float: left; width: 46%; text-align: left; font-size: 18px; margin-left: 90px; font-family: "museo-light", sans-serif; line-height: 2.56; }
.vacancy .team-section { position: relative; }
.contacts-page { position: relative; padding: 20px 0; }
.contacts-page .contacts { margin-top: 40px; }
.contacts-page .copyright { display: none; }
.page-template-contacts .contacts-page { display: flex; justify-content: center; min-height: 100vh; align-items: center; }
.category,
.page-template-all_posts { background-color: #f8f8fa; }
.page-template-blog { background-color: #f8f8fa; height: auto !important; }
.page-template-blog .app-content { height: auto !important; }
.page-template-blog .slick-list { padding: 0 10% 0 0; }
.big-card-cat,
.last-article .big-article .cat,
.popular-article .item .cat,
.cases-article .item .cat { font-family: "Poppins", sans-serif; font-size: 11px; text-transform: uppercase; color: #fff; font-weight: 500; letter-spacing: 2.2px; margin-bottom: 15px; position: relative; z-index: 2; }
.big-card-title,
.last-article .big-article h3,
.popular-article .item h3,
.cases-article .item h3 { font-family: "Poppins", sans-serif; font-size: 32px; color: #fff; font-weight: 500; line-height: 1.31; margin-bottom: 25px; position: relative; z-index: 2; }
.big-card-excerpt,
.last-article .big-article .excerpt,
.popular-article .item .excerpt,
.cases-article .item .excerpt { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.44; color: #ffffff; position: relative; z-index: 2; }
.category-list { margin-bottom: 30px; margin-top: 140px; }
@media (max-width:767.98px) {
    .category-list { display: none; }
}
.category-list ul { list-style: none; padding: 0px; margin: 0px; }
.category-list ul li { display: inline-block; font-family: "gilroy-semi", sans-serif; font-size: 13px; text-transform: uppercase; margin-right: 35px; letter-spacing: 0.9px; color: #3a3a3a; font-weight: 500; position: relative; margin-bottom: 20px; }
.category-list ul li a:hover { color: #ff3040; }
.category-list ul .current-cat:before { content: ''; position: absolute; top: 25px; left: 0px; display: inline-block; background-color: #4d33ff; height: 2px; width: 100%; }
.last-article { margin-bottom: 70px; }
@media (max-width:767.98px) {
    .last-article { padding-top: 40px; }
}
.last-article .top { justify-content: space-between; align-items: baseline; margin-bottom: 30px; }
.last-article .top h2 { font-family: "Poppins", sans-serif; font-size: 58px; font-weight: 500; letter-spacing: 0px; color: #3a3a3a; line-height: 1; }
@media (max-width:991.98px) {
    .last-article .top h2 { letter-spacing: 0px; }
}
@media (max-width:767.98px) {
    .last-article .top h2 { font-size: 42px; }
}
.last-article .top a { font-family: "Poppins", sans-serif; font-size: 23px; font-weight: 500; letter-spacing: 0.3px; color: #3a3a3a; }
@media (max-width:767.98px) {
    .last-article .top a { letter-spacing: 0.1px; font-size: 18px; position: relative; top: 2px; }
}
.last-article .big-article { position: relative; padding-top: 100%; border-radius: 8px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); }
@media (max-width:767.98px) {
    .last-article .big-article { padding: 30px 30px; }
}
@media (max-width:991.98px) {
    .last-article .big-article { margin-bottom: 30px; }
}
.last-article .big-article .big-article__info { position: absolute; left: 35px; top: 45px; }
.last-article .big-article .back-half { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(to bottom, rgba(3, 3, 3, 0.4), rgba(3, 3, 3, 0.32) 20%, rgba(1, 1, 1, 0)); }
.last-article .big-article.black-text .back-half { background-image: none; }
.last-article .big-article.black-text h3,
.last-article .big-article.black-text .excerpt,
.last-article .big-article.black-text .cat { color: #000; }
.last-article .big-article .cat { padding-right: 58px; }
.last-article .big-article h3 { padding-right: 58px; }
@media (max-width:767.98px) {
    .last-article .big-article h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 117px; }
}
.last-article .big-article .excerpt { padding-right: 58px; }
@media (max-width:767.98px) {
    .last-article .big-article .excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 117px; }
}
.last-article .big-article img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
@media (max-width:767.98px) {
    .last-article .big-article img { max-height: 100%; }
}
.last-article .big-article:hover img { transform: scale(1.05); }
.last-article .small-article { overflow: hidden; border-radius: 8px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
@media (max-width:991.98px) {
    .last-article .small-article { margin-bottom: 30px; }
}
.last-article .small-article .for-image { position: relative; padding-top: 100%; overflow: hidden; border-radius: 8px; margin-bottom: 17px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.last-article .small-article .for-image img { position: absolute; top: 0px; left: 0px; border-radius: 8px; width: 100%; height: 100%; object-fit: cover; }
@media (max-width:991.98px) {
    .last-article .small-article .for-image img { height: 100%; }
}
.last-article .small-article p,
.last-article .small-article .top-home .content .bottom a,
.top-home .content .bottom .last-article .small-article a { font-family: "Poppins", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 2.2px; color: #3a3a3a; margin-bottom: 5px; font-weight: 500; }
.last-article .small-article h3 { font-family: "Poppins", sans-serif; font-size: 19px; color: #3a3a3a; font-weight: 500; margin-bottom: 20px; line-height: 1.32; }
.last-article .small-article:hover img { transform: scale(1.05); }
.popular-article { margin-bottom: 100px; }
.popular-article .top { justify-content: space-between; margin-bottom: 30px; }
.popular-article .top h2 { font-family: "Poppins", sans-serif; font-size: 58px; font-weight: 500; letter-spacing: 0px; color: #3a3a3a; line-height: 1; }
@media (max-width:991.98px) {
    .popular-article .top h2 { letter-spacing: 0px; }
}
@media (max-width:767.98px) {
    .popular-article .top h2 { font-size: 42px; }
}
.popular-article .item { position: relative; margin-right: 30px; padding: 70px 58px; max-height: 545px; border-radius: 8px; overflow: hidden; height: 540px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
@media (max-width:991.98px) {
    .popular-article .item { padding: 30px 20px; }
}
.popular-article .item .back-half { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: rgba(1, 1, 1, 0.4); }
@media (max-width:991.98px) {
    .popular-article .item h3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 108px; padding: 0px; font-size: 28px; overflow: hidden; }
}
.popular-article .item .excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 65px; font-family: 'Poppins', sans-serif; font-size: 16px; }
.popular-article .item img { transition: 0.4s; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; max-height: 540px; max-width: 540px; }
.popular-article .item:hover img { transform: scale(1.05); }
.cases-article .top { justify-content: space-between; margin-bottom: 30px; align-items: baseline; }
.cases-article .top h2 { font-family: "Poppins", sans-serif; font-size: 58px; font-weight: 500; letter-spacing: 0px; color: #3a3a3a; line-height: 1; }
@media (max-width:991.98px) {
    .cases-article .top h2 { letter-spacing: 0px; }
}
@media (max-width:767.98px) {
    .cases-article .top h2 { font-size: 42px; }
}
.cases-article .top a { font-family: "Poppins", sans-serif; font-size: 23px; font-weight: 500; letter-spacing: 0.3px; color: #3a3a3a; }
@media (max-width:767.98px) {
    .cases-article .top a { letter-spacing: 0.1px; font-size: 18px; font-family: "Poppins", sans-serif; }
}
.cases-article .item { position: relative; padding: 38px 30px 30px 30px; min-height: 535px; overflow: hidden; border-radius: 0px; background-color: #fff; }
@media (max-width:991.98px) {
    .cases-article .item { min-height: 438px; margin-bottom: 30px; }
}
.cases-article .item .cat { color: #3a3a3a; }
.cases-article .item h3 { color: #3a3a3a; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 138px; padding: 0px; font-size: 28px; overflow: hidden; }
@media (max-width:991.98px) {
    .cases-article .item h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 162px; }
}
@media (max-width:991.98px) {
    .cases-article .item .excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 112px; }
}
.cases-article .item img { transition: 0.4s; border-radius: 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50%; object-fit: cover; }
.cases-article .item:hover img { transform: scale(1.05); }
.subscribe-block { margin-bottom: 160px; margin-top: 160px; }
@media (max-width:991.98px) {
    .subscribe-block { margin-bottom: 100px; margin-top: 100px; }
}
.subscribe-block .row { justify-content: center; flex-wrap: wrap; }
.subscribe-block .row h3 { flex-basis: 100%; text-align: center; font-family: "Poppins", sans-serif; font-size: 31px; letter-spacing: 0px; color: #3a3a3a; margin-bottom: 30px; font-weight: 500; }
.subscribe-block .row p,
.subscribe-block .row .top-home .content .bottom a,
.top-home .content .bottom .subscribe-block .row a { text-align: center; flex-basis: 100%; font-family: 'Poppins', sans-serif; color: #000; font-size: 18px; margin-bottom: 40px; }
@media (max-width:767.98px) {
    .subscribe-block .row p,
    .subscribe-block .row .top-home .content .bottom a,
    .top-home .content .bottom .subscribe-block .row a { padding: 0px 15px; }
}
.subscribe-block .row p span,
.subscribe-block .row .top-home .content .bottom a span,
.top-home .content .bottom .subscribe-block .row a span { display: block; max-width: 432px; margin: auto; }
.subscribe-block .row .rainmaker_form { flex-basis: 100%; text-align: center; }
.subscribe-block .row .rainmaker_form label { display: none; }
.subscribe-block .row .rainmaker_form .rm_form_el_set { width: auto; display: inline-block; }
@media (max-width:767.98px) {
    .subscribe-block .row .rainmaker_form .rm_form_el_set { width: 100%; padding: 15px 15px; }
}
@media (max-width:767.98px) {
    .subscribe-block .row input[type="email"] { width: 100%; }
}
@media (max-width:767.98px) {
    .subscribe-block .row input[type="submit"] { width: 100%; }
}
.subscribe-block-2 { margin-bottom: 160px; margin-top: 160px; }
@media (max-width:991.98px) {
    .subscribe-block-2 { margin-bottom: 100px; margin-top: 100px; }
}
.subscribe-block-2 h2 { flex-basis: 100%; text-align: center; font-family: "Poppins", sans-serif; font-size: 31px; letter-spacing: 0px; color: #3a3a3a; margin-bottom: 30px; font-weight: 500; }
.subscribe-block-2 p,
.subscribe-block-2 .top-home .content .bottom a,
.top-home .content .bottom .subscribe-block-2 a { text-align: center; flex-basis: 100%; font-family: 'Poppins', sans-serif; color: #000; font-size: 18px; margin-bottom: 40px; }
@media (max-width:767.98px) {
    .subscribe-block-2 p,
    .subscribe-block-2 .top-home .content .bottom a,
    .top-home .content .bottom .subscribe-block-2 a { padding: 0px 15px; }
}
.subscribe-block-2 p span,
.subscribe-block-2 .top-home .content .bottom a span,
.top-home .content .bottom .subscribe-block-2 a span { display: block; max-width: 432px; margin: auto; }
@media (max-width:767.98px) {
    .subscribe-block-2 button { width: 100%; }
}
@media (max-width:767.98px) {
    .subscribe-block-2 .input-medium { width: 100%; }
}
.subscribe-block-2 form { text-align: center; width: 100%; }
.subscribe-block-2 .for-res { display: inline-block; padding: .3em .5em; }
.bottom-article,
.blog-search { margin-bottom: 90px; }
.bottom-article h4,
.blog-search h4 { font-family: "Poppins", sans-serif; font-size: 48px; letter-spacing: 0.6px; color: #3a3a3a; margin-bottom: 20px; font-weight: 500; }
@media (max-width:991.98px) {
    .bottom-article .small-article,
    .blog-search .small-article { margin-bottom: 70px; }
}
.bottom-article .small-article .for-image,
.blog-search .small-article .for-image { position: relative; padding-top: 100%; overflow: hidden; border-radius: 8px; margin-bottom: 26px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
@media (max-width:767.98px) {
    .bottom-article .small-article .for-image,
    .blog-search .small-article .for-image { margin-bottom: 15px; }
}
.bottom-article .small-article .for-image img,
.blog-search .small-article .for-image img { transition: 400ms; position: absolute; top: 0px; width: 100%; border-radius: 9px; object-fit: cover; height: 100%; transform: scale(1, 1); }
.bottom-article .small-article .cat,
.blog-search .small-article .cat { font-family: "Poppins", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 2.2px; color: #3a3a3a; margin-bottom: 7px; font-weight: 500; }
@media (max-width:767.98px) {
    .bottom-article .small-article .cat,
    .blog-search .small-article .cat { margin-bottom: 5px; }
}
.bottom-article .small-article h3,
.blog-search .small-article h3 { font-family: "Poppins", sans-serif; font-size: 19px; color: #3a3a3a; margin-bottom: 15px; line-height: 24px; font-weight: 500; }
.bottom-article .small-article .excerpt,
.blog-search .small-article .excerpt { font-family: "gilroy-regular", sans-serif; font-size: 16px; color: #000; }
.bottom-article .small-article .for-image:hover img,
.blog-search .small-article .for-image:hover img { transform: scale(1.05, 1.05); }
.blog-search .small-article .for-image { height: 262px; }
.custom-article-block { margin-bottom: 120px; }
.biggest-article { position: relative; width: 100%; height: 553px; border-radius: 8px !important; margin-bottom: 30px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); }
@media (max-width:767.98px) {
    .biggest-article { height: 100vw; }
}
.biggest-article .back-half { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: rgba(1, 1, 1, 0.4); }
.biggest-article img { border-radius: 8px; position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0px; left: 0px; }
.biggest-article .cat { font-family: "Poppins", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 2.2px; color: #fff; position: relative; z-index: 2; padding-left: 60px; margin-bottom: 5px; font-weight: 500; margin-bottom: 15px; text-align: left; }
@media (max-width:767.98px) {
    .biggest-article .cat { margin-bottom: 5px; padding-left: 15px; }
}
.biggest-article h3 { font-family: "Poppins", sans-serif; font-size: 32px; color: #fff; position: relative; z-index: 2; max-width: 492px; padding-left: 60px; line-height: normal; margin-bottom: 20px; text-align: left; font-weight: 500; }
@media (max-width:767.98px) {
    .biggest-article h3 { padding: 15px 15px; margin-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 135px; }
}
.biggest-article .excerpt { font-family: 'Poppins', sans-serif; color: #fff; font-size: 16px; position: relative; z-index: 2; max-width: 492px; padding-left: 60px; }
@media (max-width:767.98px) {
    .biggest-article .excerpt { padding: 15px 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 111px; }
}
.biggest-article:hover img { transform: scale(1.05); }
.biggest-article-cat { justify-content: flex-start; }
.biggest-article-cat .cat { margin-top: 57px; }
.biggest-article-cat .read-more { transition: 0.4s; display: none; height: 48px; border-radius: 24px; border: solid 1px #ffffff; font-family: "Poppins", sans-serif; font-size: 17px; font-weight: bold; line-height: 45px; letter-spacing: 3.7px; text-align: left; color: #ffffff; position: absolute; z-index: 2; text-transform: uppercase; left: 54px; bottom: 54px; padding: 0px 87px 0px 87px; min-width: 234px; }
@media (max-width:991.98px) {
    .biggest-article-cat .read-more { display: none; }
}
.biggest-article-cat .read-more:before { content: ''; transition: 0.4s; display: inline-block; position: absolute; top: 13px; right: 30%; background-image: url("../images/group-4.svg"); width: 62px; height: 30px; opacity: 0; background-size: contain; background-repeat: no-repeat; }
.biggest-article-cat:hover .read-more { padding: 0px 87px 0px 26px; color: #444; background-color: #fff; }
.biggest-article-cat:hover .read-more:before { right: 7%; opacity: 1; }
.more-article-tag { margin-bottom: 48px; }
.more-article-tag .top { margin-bottom: 10px; }
.more-article-tag .top p,
.more-article-tag .top .top-home .content .bottom a,
.top-home .content .bottom .more-article-tag .top a { font-family: 'Poppins', sans-serif; font-size: 24px; letter-spacing: 0.3px; color: #3a3a3a; }
.more-article-tag .tags-article { align-items: center; margin-bottom: 5px; }
.more-article-tag .tags-article p,
.more-article-tag .tags-article .top-home .content .bottom a,
.top-home .content .bottom .more-article-tag .tags-article a { font-family: "Poppins", sans-serif; font-size: 10px; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.9px; text-align: left; color: #3a3a3a; margin-bottom: 0px; font-weight: 500; text-transform: uppercase; position: relative; top: -5px; }
@media (max-width:767.98px) {
    .more-article-tag .tags-article p,
    .more-article-tag .tags-article .top-home .content .bottom a,
    .top-home .content .bottom .more-article-tag .tags-article a { margin-bottom: 5px; }
}
.more-article-tag .tags-article a { transition: 0.4s; display: inline-block; height: 31px; border-radius: 18px; border: solid 1px rgba(151, 151, 151, 0.52); color: #5d5d5d; padding: 0px 15px; line-height: 29px; margin-right: 6px; margin-bottom: 6px; font-family: 'Poppins', sans-serif; font-size: 13px; }
.more-article-tag .tags-article a:hover { border-radius: 9px; }
@media (max-width:767.98px) {
    .more-article-tag .tags-article .for-padding { padding: 0px; }
}
#tagsModal .close,
#archiveModal .close,
#categoryModal .close { border: none; background: none; position: absolute; top: 20px; right: 20px; z-index: 5; }
#tagsModal .close span,
#archiveModal .close span,
#categoryModal .close span { font-size: 40px; }
#tagsModal h4,
#archiveModal h4,
#categoryModal h4 { font-family: "Poppins", sans-serif; font-size: 40px; text-align: center; margin-bottom: 30px; font-weight: 500; }
#tagsModal .tags-2,
#archiveModal .tags-2,
#categoryModal .tags-2 { padding: 15px; }
#tagsModal .tag,
#tagsModal .archives ul li,
#archiveModal .archives ul #tagsModal li,
#categoryModal .archives ul #tagsModal li,
#archiveModal .tag,
#tagsModal .archives ul #archiveModal li,
#archiveModal .archives ul li,
#categoryModal .archives ul #archiveModal li,
#categoryModal .tag,
#tagsModal .archives ul #categoryModal li,
#archiveModal .archives ul #categoryModal li,
#categoryModal .archives ul li { transition: 0.4s; display: inline-block; height: 31px; border-radius: 18px; border: solid 1px #979797; color: #5d5d5d; padding: 0px 15px; line-height: 28.5px; margin-right: 10px; margin-bottom: 10px; }
#tagsModal .tag:hover,
#tagsModal .archives ul li:hover,
#archiveModal .archives ul #tagsModal li:hover,
#categoryModal .archives ul #tagsModal li:hover,
#archiveModal .tag:hover,
#tagsModal .archives ul #archiveModal li:hover,
#archiveModal .archives ul li:hover,
#categoryModal .archives ul #archiveModal li:hover,
#categoryModal .tag:hover,
#tagsModal .archives ul #categoryModal li:hover,
#archiveModal .archives ul #categoryModal li:hover,
#categoryModal .archives ul li:hover { border-radius: 9px; }
#tagsModal .archives ul,
#archiveModal .archives ul,
#categoryModal .archives ul { padding: 0px; margin: 0px; }
#tagsModal .archives ul li a:hover,
#archiveModal .archives ul li a:hover,
#categoryModal .archives ul li a:hover { color: #5d5d5d; }
#tagsModal .category-modal ul,
#archiveModal .category-modal ul,
#categoryModal .category-modal ul { padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; }
#tagsModal .category-modal ul li,
#archiveModal .category-modal ul li,
#categoryModal .category-modal ul li { flex-basis: 50%; text-align: center; }
#tagsModal .category-modal ul li a,
#archiveModal .category-modal ul li a,
#categoryModal .category-modal ul li a { font-family: 'Poppins', sans-serif; font-size: 20px; }
.pagination-Logo Design Labs { margin: 40px 0px 0px 0px; width: 100%; text-align: center; }
.pagination-Logo Design Labs .page-numbers { margin: 0px 20px; }
@media (max-width:767.98px) {
    .pagination-Logo Design Labs .page-numbers { margin: 0px 15px; }
}
.pagination-Logo Design Labs .current { font-family: 'Poppins', sans-serif; font-size: 22px; color: #3a3a3a; }
.pagination-Logo Design Labs a { font-family: 'Poppins', sans-serif; font-size: 22px; color: #4c33fb; }
.pagination-Logo Design Labs .next { content: '>'; }
.blog-search { transition: 0.5s; position: fixed; z-index: 10; background-color: rgba(255, 255, 255, 0.9); transform: translateX(100%); top: 0px; width: 100%; height: 100%; text-align: center; overflow: scroll; }
.blog-search .container-p { padding-top: 194px; }
@media all and (max-height:640px) {
    .blog-search .container-p { padding-top: 25px; }
}
@media (max-width:991.98px) {
    .blog-search .container-p { padding-top: 100px; }
}
@media (max-width:767.98px) {
    .blog-search .container-p { padding-top: 70px; }
}
.blog-search .search-input { border: none; font-family: "gilroy-regular", sans-serif; font-size: 62px; color: #3a3a3a; padding-left: 20px; height: 78px; width: 100%; line-height: 78px; background: none; border-left: solid 1px #ff3040; }
@media (max-width:991.98px) {
    .blog-search .search-input { border-radius: 0px; }
}
@media (max-width:767.98px) {
    .blog-search .search-input { font-size: 34px; height: 50px; line-height: 50px; border-left: solid 1px #ff3040; border-radius: 0px; position: relative; }
}
.blog-search .search-input:-webkit-autofill,
.blog-search .search-input:-webkit-autofill:hover,
.blog-search .search-input:-webkit-autofill:focus { background-color: #fff !important; -webkit-box-shadow: inset 0 0 0 50px #fff !important; }
.blog-search .search-input::-webkit-input-placeholder { color: #3a3a3a; }
.blog-search .word-for-search { text-align: left; padding-top: 44px; margin-bottom: 120px; }
@media (max-width:767.98px) {
    .blog-search .word-for-search { margin-bottom: 50px; }
}
.blog-search .word-for-search span { transition: 0.4s; cursor: pointer; height: 31px; border: solid 1px #979797; padding: 0px 14px; display: inline-block; margin-right: 10px; border-radius: 19px; line-height: 29px; font-family: "gilroy-regular", sans-serif; font-size: 12px; color: #444; }
@media (max-width:767.98px) {
    .blog-search .word-for-search span { margin-bottom: 15px; }
}
.blog-search .word-for-search span:hover { border-radius: 12px; }
.blog-search .close-search { cursor: pointer; position: absolute; top: 50px; right: 50px; width: 22px; height: 22px; display: inline-block; background-image: url("../images/close_black.svg"); background-repeat: no-repeat; background-size: cover; }
@media (max-width:767.98px) {
    .blog-search .close-search { top: 25px; right: 25px; }
}
.blog-search-active { transform: translateX(0%) !important; }
.error-live-search { text-align: center; font-family: "Poppins", sans-serif; color: #3a3a3a; font-size: 52px; width: 100%; margin-top: 40px; font-weight: 500; }
.live-search-block .excerpt { text-align: left; }
.live-search-bottom { text-align: center; }
.live-search-bottom a { font-family: "Poppins", sans-serif; color: #3a3a3a; font-size: 52px; font-weight: 500; }
.blog-search::-webkit-scrollbar { display: none; }
.search-blur { transition: 0.4s; filter: blur(12px); }
.blog-cat-name h1 { font-family: "Poppins", sans-serif; font-size: 58px; font-weight: 500; line-height: 1.38; letter-spacing: 0px; color: #3a3a3a; margin: 30px 0px 43px 0px; }
.at4-share { transition: 2s; }
.at-share-dock { transition: 0.4s; }
.at4-share-active { right: -100% !important; }
.at4-share-active-2 { opacity: 0; }
.single-post { background-color: #f8f8fa; }
.single-article { margin-top: 200px; }
@media (max-width:991.98px) {
    .single-article { margin-top: 100px; }
}
@media (max-width:767.98px) {
    .single-article { margin-top: 70px; }
}
.single-article iframe { width: 100%; margin: 55px 0px 55px 0px; }
.single-article .wp-video { max-width: 765px; padding-left: 140px; height: auto; margin: 55px 0px 55px 0px; }
@media (max-width:991.98px) {
    .single-article .wp-video { max-width: 100%; padding: 0; }
}
.single-article .categories { font-family: "Poppins", sans-serif; font-size: 11px; color: #ff3040; letter-spacing: 2.2px; text-transform: uppercase; line-height: 1.38; }
.single-article .categories span { display: inline-block; margin: 0px 20px 0px 0px; }
.single-article .article-title { font-family: "Poppins", sans-serif; font-size: 58px; color: #3a3a3a; letter-spacing: 0px !important; max-width: 890px; line-height: 1.14; margin-bottom: 40px; font-weight: 500; }
@media (max-width:767.98px) {
    .single-article .article-title { letter-spacing: 0px !important; font-size: 34px; }
}
.single-article .article-excerpt,
.single-article .article-author { font-family: 'Poppins', sans-serif; font-weight: 500; color: #3a3a3a; font-size: 24px; line-height: 1.46; max-width: 684px; margin-bottom: 60px; }
@media (max-width:767.98px) {
    .single-article .article-excerpt,
    .single-article .article-author { font-size: 18px; }
}
.single-article .article-author { margin-bottom: 0px; font-family: 'Poppins', sans-serif; font-size: 14px; text-align: left; }
@media (max-width:767.98px) {
    .single-article .article-author { text-align: left; }
}
.single-article .post-image { margin: 20px 0px; width: 100%; height: 577px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: fixed; margin-bottom: 120px; }
@media (max-width:991.98px) {
    .single-article .post-image { object-fit: contain; background-position: center; background-attachment: inherit; height: 400px; }
}
@media (max-width:767.98px) {
    .single-article .post-image { margin-bottom: 60px; height: 280px; }
}
.single-article .post-image img { width: 100%; height: 577px; object-fit: cover; }
@media (max-width:767.98px) {
    .single-article .post-image img { height: 100vw; }
}
.single-article .content { margin-bottom: 40px; }
.single-article .content .medium-image { max-width: 765px; padding-left: 140px; }
@media (max-width:1199.98px) {
    .single-article .content .medium-image { padding-left: 85px; }
}
@media (max-width:991.98px) {
    .single-article .content .medium-image { padding-left: 40px; }
}
@media (max-width:767.98px) {
    .single-article .content .medium-image { padding-left: 0px; }
}
.single-article .content blockquote { font-size: 24px; font-style: italic; }
.single-article .content blockquote:before { content: '"'; position: absolute; left: -100px; top: -80px; font-size: 214px; color: #ff3040; line-height: 1; }
.single-article .content p.full+h3,
.single-article .top-home .content .bottom a.full+h3,
.top-home .single-article .content .bottom a.full+h3,
.single-article .content p.full+p+h3,
.single-article .top-home .content .bottom a.full+p+h3,
.top-home .single-article .content .bottom a.full+p+h3,
.single-article .top-home .content .bottom p.full+a+h3,
.top-home .single-article .content .bottom p.full+a+h3,
.single-article .top-home .content .bottom a.full+a+h3,
.top-home .single-article .content .bottom a.full+a+h3,
.single-article .content p.full+h2,
.single-article .top-home .content .bottom a.full+h2,
.top-home .single-article .content .bottom a.full+h2,
.single-article .content p.full+p+h2,
.single-article .top-home .content .bottom a.full+p+h2,
.top-home .single-article .content .bottom a.full+p+h2,
.single-article .top-home .content .bottom p.full+a+h2,
.top-home .single-article .content .bottom p.full+a+h2,
.single-article .top-home .content .bottom a.full+a+h2,
.top-home .single-article .content .bottom a.full+a+h2 { margin-top: 0; }
.single-article .content a { display: inline-flex; overflow: hidden; position: relative; font-weight: bold; }
.single-article .content a:before { content: ''; transition: 0.4s; display: inline-block; width: 100%; height: 1px; background-color: #333; position: absolute; bottom: 0px; left: 0px; }
.single-article .content a:hover:before { transform: translateX(100%); }
.single-article .content h2,
.single-article .content h3,
.single-article .content h4 { font-family: "Poppins", sans-serif; font-size: 28px; color: #3a3a3a; font-weight: 500; padding-left: 85px; margin-bottom: 20px; line-height: 1.3; max-width: 765px; padding-left: 140px; }
@media (max-width:1199.98px) {
    .single-article .content h2,
    .single-article .content h3,
    .single-article .content h4 { padding-left: 85px; }
}
@media (max-width:991.98px) {
    .single-article .content h2,
    .single-article .content h3,
    .single-article .content h4 { padding-left: 40px; }
}
@media (max-width:767.98px) {
    .single-article .content h2,
    .single-article .content h3,
    .single-article .content h4 { font-size: 28px; padding-left: 0px; line-height: normal; }
}
.single-article .content h2 { margin-top: 40px; }
.single-article .content h3 { font-size: 24px; margin: 40px 0px 20px 0px; }
@media (max-width:767.98px) {
    .single-article .content h3 { font-size: 20px; }
}
.single-article .content ol,
.single-article .content ul { padding-left: 120px; max-width: 790px; font-family: 'PT Serif Refular', serif; font-size: 20px; line-height: 1.5; list-style: inherit; margin: 25px 0px; }
.single-article .content ol li,
.single-article .content ul li { list-style-type: decimal; padding-left: 20px; margin-bottom: 5px; }
.single-article .content ul li { list-style-type: disc; }
@media (max-width:991.98px) {
    .single-article .content ul { padding-left: 40px; margin-bottom: 10px; }
}
@media (max-width:767.98px) {
    .single-article .content ul { padding-left: 20px; font-size: 16px; }
}
.single-article .content p,
.single-article .top-home .content .bottom a,
.top-home .single-article .content .bottom a,
.single-article .content .blockquote { font-family: 'PT Serif Refular', serif; font-size: 20px; line-height: 1.75; letter-spacing: normal; text-align: left; color: #3a3a3a !important; margin-bottom: 20px; max-width: 765px; padding-left: 140px; }
.single-article .content p strong,
.single-article .top-home .content .bottom a strong,
.top-home .single-article .content .bottom a strong,
.single-article .content .blockquote strong { font-weight: bold; }
@media (max-width:1199.98px) {
    .single-article .content p,
    .single-article .top-home .content .bottom a,
    .top-home .single-article .content .bottom a,
    .single-article .content .blockquote { padding-left: 85px; }
}
@media (max-width:991.98px) {
    .single-article .content p,
    .single-article .top-home .content .bottom a,
    .top-home .single-article .content .bottom a,
    .single-article .content .blockquote { padding-left: 40px; margin-bottom: 10px; }
}
@media (max-width:767.98px) {
    .single-article .content p,
    .single-article .top-home .content .bottom a,
    .top-home .single-article .content .bottom a,
    .single-article .content .blockquote { padding-left: 0px; font-size: 16px; }
}
.single-article .content .blockquote { padding-top: 50px; }
.single-article .content .blockquote em { font-family: 'PT Serif', serif; font-size: 20px; line-height: 1.75; letter-spacing: normal; text-align: left; color: #3a3a3a !important; margin-bottom: 20px; max-width: 765px; padding-left: 140px; margin-top: 30px; font-style: italic; padding-left: 140px; }
@media (max-width:1199.98px) {
    .single-article .content .blockquote em { padding-left: 85px; }
}
@media (max-width:991.98px) {
    .single-article .content .blockquote em { padding-left: 40px; margin-bottom: 10px; }
}
@media (max-width:767.98px) {
    .single-article .content .blockquote em { padding-left: 0px; font-size: 16px; }
}
.single-article .content blockquote em { font-family: 'PT Serif', serif; font-size: 20px; line-height: 1.75; letter-spacing: normal; text-align: left; color: #3a3a3a !important; margin-bottom: 20px; max-width: 765px; padding-left: 140px; margin-top: 30px; font-style: italic; padding-left: 140px; }
@media (max-width:1199.98px) {
    .single-article .content blockquote em { padding-left: 85px; }
}
@media (max-width:991.98px) {
    .single-article .content blockquote em { padding-left: 40px; margin-bottom: 10px; }
}
@media (max-width:767.98px) {
    .single-article .content blockquote em { padding-left: 0px; font-size: 16px; }
}
.single-article .content .big-block { max-width: 100%; padding-left: 0px; }
.single-article .content img { width: 100%; height: auto; object-fit: cover; margin: 55px 0px 55px 0px; }
@media (max-width:767.98px) {
    .single-article .content img { margin: 30px 0px 30px 0px; }
}
.single-article .content em { width: 100%; text-align: right; font-family: 'PT Serif', serif; font-size: 16px; color: #999999; display: block; margin-top: -50px; margin-bottom: 50px; font-style: normal; }
.single-article .content em a { font-size: 16px; }
.single-article .content em span { color: #999 !important; }
@media (max-width:767.98px) {
    .single-article .content em { font-size: 14px; text-align: left; margin-bottom: 25px; }
}
.single-article .content em a { font-family: 'PT Serif', serif; font-size: 16px; color: #777777 !important; font-style: normal; }
.single-article .content .special-em { font-family: 'PT Serif', serif; font-size: 20px; line-height: 1.75; letter-spacing: normal; text-align: left; color: #333 !important; margin-bottom: 20px; max-width: 765px; margin-top: 20px; padding-left: 140px; }
.single-article .content .special-em span { color: #333 !important; }
.single-article .content .special-em a { color: #333 !important; font-size: 20px !important; }
@media (max-width:1199.98px) {
    .single-article .content .special-em { padding-left: 85px; }
}
@media (max-width:991.98px) {
    .single-article .content .special-em { padding-left: 40px; margin-bottom: 10px; }
}
@media (max-width:767.98px) {
    .single-article .content .special-em { padding-left: 0px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; }
}
.single-article .content p.full-em+h2,
.single-article .top-home .content .bottom a.full-em+h2,
.top-home .single-article .content .bottom a.full-em+h2,
.single-article .content p.full-em+h3,
.single-article .top-home .content .bottom a.full-em+h3,
.top-home .single-article .content .bottom a.full-em+h3,
.single-article .content p.full-em+p+h2,
.single-article .top-home .content .bottom a.full-em+p+h2,
.top-home .single-article .content .bottom a.full-em+p+h2,
.single-article .top-home .content .bottom p.full-em+a+h2,
.top-home .single-article .content .bottom p.full-em+a+h2,
.single-article .top-home .content .bottom a.full-em+a+h2,
.top-home .single-article .content .bottom a.full-em+a+h2,
.single-article .content p.full-em+p+h3,
.single-article .top-home .content .bottom a.full-em+p+h3,
.top-home .single-article .content .bottom a.full-em+p+h3,
.single-article .top-home .content .bottom p.full-em+a+h3,
.top-home .single-article .content .bottom p.full-em+a+h3,
.single-article .top-home .content .bottom a.full-em+a+h3,
.top-home .single-article .content .bottom a.full-em+a+h3 { margin-top: 40px !important; }
.single-article .content hr { opacity: 0.57; height: 1px; background: #979797; margin-bottom: 70px; margin-top: 75px; }
.works-wrap { padding: 0px 0 0; position: relative; background-color: #ffffff; z-index: 2; }
.workpage { padding: 100px 0 0; }
@media (max-width:767.98px) {
    .works-wrap { padding-top: 100px; }
}
.works-wrap .works__info {    /*padding-left: 138px;*/
margin-bottom: 50px; }
@media (max-width:767.98px) {
    .works-wrap .works__info { padding-left: 15px; }
}
.works-wrap .page-title { font: 50px/60px "Poppins", sans-serif; font-weight: 700; }
@media (max-width:767.98px) {
    .works-wrap .page-title { font-size: 52px; }
}
.works-wrap .works__tags { margin-top: 30px; }
.works-wrap .works__tags a { display: inline-block; font-family: 'Poppins', sans-serif; user-select: none; border-radius: 3px; position: relative; cursor: pointer; background: transparent; border: solid 1px rgba(187, 187, 187, 0.27); font-size: 16px; padding: 5px 17px; margin: 5px; transition: transform .2s; }
.works-wrap .works__tags a:hover { border: 1px solid rgba(187, 187, 187, 0.27); background-color: rgba(187, 187, 187, 0.27); color: #000; }
.works-wrap .works__tags a:active { transform: scale(0.95); }
.works-wrap .works__tags a.active { border: 1px solid #ff3040; background-color: #ff3040; color: #fff; }
.books-page { padding-top: 200px; }
@media (max-width:767.98px) {
    .books-page { padding-top: 100px !important; }
}
.books-page .content { margin-left: 0; }
.books-page .border { margin: 55px 0px 25px 0px; }
.page-template-price .header-home { display: none; }
.page-template-price .price-header { position: fixed; top: 0; width: 100%; padding: 15px 30px; display: flex; justify-content: space-between; background-color: #fff; z-index: 10; }
.page-template-price .hire { border-top: 3px solid transparent; background-color: #242424; font-family: 'Poppins', sans-serif; font-size: 16px; color: #fff; line-height: 33px; padding: 6.5px 40px; outline: none; cursor: pointer; border-radius: 3px; white-space: nowrap; }
.page-template-price .hire:hover { color: #fff; border-top: 3px solid transparent; background-color: #ff3040; }
.price-title { font-size: 52px; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 1.13; }
.price-top { padding: 80px; text-align: center; }
.price-top img { opacity: 0; max-width: 100%; margin-bottom: 100px; }
.price-top h1 { margin: 40px 0; font-size: 72px; line-height: 1.14; font-family: "Poppins", sans-serif; font-weight: 500; }
.price-top h1 span { display: inline-block; overflow: hidden; }
.price-top h1 span i { display: inline-block; font-style: inherit; transform: translate(0%, 200%); }
.price-top p,
.price-top .top-home .content .bottom a,
.top-home .content .bottom .price-top a { font-size: 22px; font-family: 'Poppins', sans-serif; max-width: 730px; margin: 0 auto 50px auto; overflow: hidden; }
.price-top p span,
.price-top .top-home .content .bottom a span,
.top-home .content .bottom .price-top a span { display: inline-block; transform: translate(0%, 200%); }
.price-top .sec-title { font-size: 38px; line-height: 42px; max-width: 500px; margin: 0 auto; font-family: "Poppins", sans-serif; font-weight: 500; }
.price-top .border { margin: 40px auto; width: 76px; height: 1px; border: 1px solid #ff3040; margin-bottom: 22px; }
.price-extended { min-height: 100vh; display: flex; align-items: center; padding: 50px; background-image: linear-gradient(to bottom, #fafafa, #ffffff); }
.price-extended .row { align-items: center; }
.price-extended .price-extended__info { padding-right: 50px; }
.price-extended .price-extended__info p,
.price-extended .price-extended__info .top-home .content .bottom a,
.top-home .content .bottom .price-extended .price-extended__info a { margin-top: 40px; font-family: "gilroy-semi", sans-serif; font-size: 20px; }
.price-extended .price-extended__info .price-list { margin: 30px 0; padding: 0; }
.price-extended .price-extended__info .price-list li { position: relative; font-size: 16px; font-family: "gilroy-regular", sans-serif; line-height: 1.51; padding: 8px 0; }
.price-extended .price-extended__info .check-price { display: flex; align-items: center; font-family: "Poppins", sans-serif; font-size: 17px; color: #3a00ff; line-height: 33px; outline: none; cursor: pointer; }
.price-extended .price-extended__info .check-price .i-arrow { display: inline-block; width: 59px; height: 59px; background: url("../images/arrow-right.svg") no-repeat center; box-shadow: 0 8px 23px 0 rgba(0, 0, 0, 0.09); border-radius: 50%; margin-right: 20px; }
.price-extended .price-extended__info .check-price .i-arrow:hover { box-shadow: 0 24px 29px 0 rgba(0, 0, 0, 0.09); }
.price-extended .modal-btn__wrap { display: none; margin: 0 0 15px -60px; text-align: center; }
.price-extended .js-modal-btn-vimeo { font-size: 21px; font-weight: bold; position: relative; cursor: pointer; }
.price-extended .js-modal-btn-vimeo::after { content: ''; position: absolute; right: -80px; top: -21px; display: inline-block; width: 67px; height: 67px; background: url("../images/play2.svg") no-repeat; }
.price-extended .border { margin: 40px 0 80px 0; }
.price-extended .price-extended__video video { width: 100%; border-radius: 5px; box-shadow: -58px 10px 99px 0 rgba(0, 0, 0, 0.06); }
.price-simple { padding: 100px 0 160px 0; background-color: #fafafa !important; }
.price-simple .sec-title { font-size: 32px; text-align: center; padding-bottom: 60px; font-family: "Poppins", sans-serif; font-weight: 500; }
.price-simple .price-simple__container { padding: 0 30px; max-width: 1170px; margin: 0 auto; }
.price-simple .price-simple__info { min-height: 560px; padding: 56px; display: flex; flex-direction: column; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.09); transition: transform .5s, box-shadow .5s; border-radius: 3px; background: #fff; }
.price-simple .price-simple__info:hover { transform: translateY(-10px); box-shadow: 0 40px 59px 0 rgba(0, 0, 0, 0.09); }
.price-simple .price-simple__info .price-title { font-size: 32px; }
.price-simple .price-simple__info .price-list { margin: 30px 0; padding: 0; }
.price-simple .price-simple__info .price-list li { position: relative; padding: 10px 0; font-size: 16px; font-family: "gilroy-semi", sans-serif; line-height: 1.51; }
.price-simple .price-simple__info .price-list li:before { content: "â€¢"; position: absolute; left: -20px; color: #ccc; }
.price-simple .price-highlight { font-size: 24px; color: #ff3040; font-family: "Poppins", sans-serif; margin-top: auto; }
@media only screen and (max-width:1200px) {
    .price-extended .price-extended__video { margin-top: 50px; }
}
@media only screen and (max-width:992px) {
    .price-simple .price-simple__info { padding: 35px 15px 35px 40px; min-height: 455px; max-width: 500px; margin: 0 auto; margin-bottom: 40px; }
    .price-simple .price-simple__info .price-list li { font-size: 14px; padding: 8px 0; line-height: 1.1; }
}
@media only screen and (max-width:768px) {
    .price-top { padding: 100px 20px; }
    .price-top img { opacity: 1; }
    .price-top h1 { font-size: 38px; }
    .price-top h1 span i { transform: none; }
    .price-top p,
    .price-top .top-home .content .bottom a,
    .top-home .content .bottom .price-top a { font-size: 17px; }
    .price-top p span,
    .price-top .top-home .content .bottom a span,
    .top-home .content .bottom .price-top a span { transform: none; }
    .price-title { font-size: 30px; }
    .price-extended { padding: 50px 0; }
    .price-extended .modal-btn__wrap { display: block; }
    .price-extended .row.last { margin-bottom: 80px; }
    .price-extended .price-extended__video video { max-width: 100%; }
    .price-simple { padding: 50px 0; }
    .price-simple .sec-title { padding-bottom: 45px; }
}
@media only screen and (max-width:576px) {
    .page-template-price .price-header { padding: 15px; }
    .price-simple .price-title { padding-bottom: 0px; }
    .price-simple .price-simple__info { padding: 30px 30px 30px 40px; }
}
@media only screen and (max-height:800px) {
    .price-extended .price-extended__info p,
    .price-extended .price-extended__info .top-home .content .bottom a,
    .top-home .content .bottom .price-extended .price-extended__info a { margin-top: 20px; font-size: 15px; }
    .price-extended .price-extended__info .price-list { margin: 15px 0; }
    .price-extended .price-extended__info .price-list li { font-size: 14px; padding: 8px 0; line-height: 0.6; }
}
.page-template-birthday2019 header,
.page-template-birthday2019 footer { display: none; }
.page-template-birthday2019 .back-1 { position: fixed; top: 0px; left: 0px; width: 100%; height: 55vh; background: #070b30; }
.page-template-birthday2019 .back-2 { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 45vh; background: #0E1345; }
@media all and (min-width:1200px) {
    .birthday-block { max-width: 1400px; }
}
.birthday-block .birthday-image { position: fixed; left: 0px; top: 0px; width: 40vw; height: 100vh; }
.birthday-block .birthday-header { margin-top: 93px; display: flex; align-items: center; justify-content: space-between; }
.birthday-block .birthday-header .links a { font-family: "gilroy-regular", sans-serif; color: #ffffff; text-transform: uppercase; font-size: 14px; letter-spacing: 0.2em; margin-right: 70px; display: inline-block; }
.birthday-block .birthday-header .links a:last-child { margin-right: 0px; }
.birthday-block .birthday-logo img { height: 70px; }
.birthday-block .center-item { min-height: calc(100vh - 163px); display: flex; flex-wrap: wrap; align-items: center; align-content: center; }
.birthday-block .center-item h1 { font-family: "gilroy-regular", sans-serif; color: #fff; line-height: 113px; font-size: 110px; margin-bottom: 30px; }
.birthday-block .center-item .bottom-text { font-family: "Open Sans"; font-style: normal; font-weight: normal; line-height: 33px; font-size: 20px; color: #FFFFFF; opacity: 0.65; margin-bottom: 99px; }
@media (max-width:991.98px) {
    .birthday-block .center-item .bottom-text br { display: inline; }
}
.birthday-block .center-item .for-like { display: flex; align-items: center; }
.birthday-block .center-item .for-like .like { width: 152px; height: 152px; border-radius: 50%; background: #EC008C; text-align: center; line-height: 152px; cursor: pointer; display: flex; align-content: center; justify-content: center; }
.birthday-block .center-item .for-like .like img { line-height: 152px; display: inline-block; }
.birthday-block .center-item .for-like .likes { margin-left: 40px; }
.birthday-block .center-item .for-like .likes .number { display: block; font-family: "Open Sans"; line-height: 66px; font-size: 110px; letter-spacing: 0.07em; color: #EC008C; margin-bottom: 25px; }
.birthday-block .center-item .for-like .likes .users { font-family: "Open Sans"; font-style: normal; font-weight: normal; line-height: 33px; font-size: 20px; color: #FFFFFF; }

/*# sourceMappingURL=maps/index.css.map */
.myhome { }
.myhome .content { position: relative; padding-top: 0; z-index: 9; display: table-cell; vertical-align: middle; }
.myhome .content p { margin-bottom: 30px; margin-top: 30px; }
.myhome .mybannerform { margin-bottom: 30px; box-shadow: 6px 8px 30px #00000026; }
.myhome .mybannerform.shadnone { margin-bottom: 30px; box-shadow: none; }
.myhome .mybannerform img { margin-right: 15px; max-width: 24%; }
.myhome .mybannerform form { margin-bottom: 0; }
.myhome .mybannerform form .wrap { font-size: 0; margin-top: 40px; border: solid 1px #ea018e3d; border-radius: 8px; }
.myhome .mybannerform form .wrap .dtf { display: inline-block; width: 25%; vertical-align: middle; }
.myhome .mybannerform form .wrap .dtf .intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container { font-size: 14px; }
.myhome .mybannerform form .wrap .dtf input[type="text"],
.myhome .mybannerform form .wrap .dtf input[type="email"],
.myhome .mybannerform form .wrap .dtf input[type="number"],
.myhome .mybannerform form .wrap .dtf input[type="tel"] { width: 100%; margin: 0 0 0 0; font-family: 'Poppins', sans-serif; border-right: 1px solid #ea018e3d; background: white; border-top: 0px; border-bottom: 0px; border-left: 0; padding: 12px 30px; color: #535971; font-size: 14px; border-radius: 0px; height: 58px; font-weight: 400; outline: none !important; }
.myhome .mybannerform form #phone-country { padding-left: 100px; }
.myhome .mybannerform form .wrap .dtf input[type="submit"] { padding: 13px 29px; border-radius: 0 6px 6px 0; width: 100%; }
.myhome .mybannerform form .wrap .dtf input.round { border-radius: 6px 0 0 6px; }
.header-home .menu ul li.dropdown { position: relative; overflow: visible; }
.header-home .menu ul li.dropdown:hover { }
.header-home .menu ul li.dropdown:hover .ddlist { display: inline-block; }
.header-home .menu ul li.dropdown .ddlist { position: absolute; z-index: 999; display: none; top: 100%; left: -26px; width: 330px; padding: 10px 0; background: #ffffff; margin: 0 auto; border-radius: 6px; box-shadow: -1px -1px 30px #00000024; }
.header-home .menu ul li.dropdown .ddlist li { margin-left: 0; display: inline-block; width: 100%; overflow: visible; padding: 10px 20px; text-align: left; border-bottom: solid 1px #f1f1f1; }
.header-home .menu ul li.dropdown .ddlist li:last-child { border-bottom: 0px; }
.header-home .menu ul li.dropdown .ddlist li a { color: #444; display: block; padding: 0; font-size: 14px; margin-top: 0; border: 0; }
.header-home .menu ul li.dropdown .ddlist li a img { width: 20px; margin: 0 10px 0 0; display: none; }
.tab-custom { width: 100%; text-align: center; }
.tab-custom .tabbing-links { padding-left: 0; margin-bottom: 50px; text-align: center; }
.tab-custom .tabbing-links li { display: inline-block; font-weight: 500; font-family: 'Poppins', sans-serif; user-select: none; border-radius: 0; position: relative; cursor: pointer; font-size: 14px; padding: 5px 13px; margin: 5px; transition: transform .2s; color: #000; }
.mypackages .tab-custom .tabbing-links li { color: #fff; }
.tab-custom .tabbing-links li.current { border-bottom: 1px solid #fa2224; background-color: rgba(187, 187, 187, 0); color: #ff3040; }
.tab-custom .tabbing-links li:hover { border-bottom: 1px solid rgb(251 34 36); background-color: rgba(187, 187, 187, 0); color: #ff3040; }
.tab-custom .tabbing-links li.current:hover { border-bottom: 1px solid #f8931f; }
.tab-custom .tabbing-links li:active {    /* transform: scale(0.95); */ }
.tab-custom .tabs { display: none; }
.tab-custom .tabs.current { display: block; }
.tab-custom .slick-slide { height: auto; }
.works-wrap .tab-custom .tabbing-links li:hover { border-bottom: 1px solid rgb(255, 255, 255); background-color: rgba(187, 187, 187, 0); color: #fff;    /* background: #ea018e; */ background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);    /* background: -webkit-linear-gradient(left, #ea018e 0%,#9b2c92 100%); */    /* background: linear-gradient(to right, #ea018e 0%,#9b2c92 100%); */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); }
.works-wrap .tab-custom .tabbing-links li.current { border-bottom: 1px solid #ff3040; background-color: rgba(187, 187, 187, 0); color: #ff3040; }
.works__info .tab-custom .tabbing-links li:hover { border: 1px solid rgb(255, 255, 255); background-color: rgba(187, 187, 187, 0); color: #fff; background: #ea018e; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: -webkit-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: linear-gradient(to right, #ea018e 0%, #9b2c92 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); }
.works__info .tab-custom .tabbing-links li.current { border: 1px solid rgb(255, 255, 255); background-color: rgba(187, 187, 187, 0); color: #fff; background: #ea018e; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: -webkit-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: linear-gradient(to right, #ea018e 0%, #9b2c92 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); }
.mbpx-0 { margin-bottom: 0px !important; }
.myport { text-align: center; padding: 50px 0; }
.myport h2 { font: 44px/60px "Poppins", sans-serif; font-weight: 700; }
.portfolioparagraph { font: 20px/31px 'Poppins', sans-serif; font-weight: 500; }
.myticks { overflow: hidden; padding-left: 0; margin-bottom: 30px; }
.myticks li { overflow: hidden; display: inline-block; position: relative; padding: 0 0 5px 35px; font: 18px/31px 'Poppins', sans-serif; font-weight: 500; width: 100%; color: #fff; }
.myticks li:before { content: "\f058"; position: absolute; left: 0; top: 5px; color: #ff3040; font: normal normal normal 20px/1 FontAwesome; }

/*How it works start*/
.stepSec { padding: 70px 0 220px; margin-top: 100px; margin-bottom: 100px; }
.stepSec .figsec { display: inline-block; width: 100%; position: relative; }
.stepSec .figsec .imgone { position: absolute; top: 0; z-index: 2; margin: 0 auto; display: inline-block; right: 140px; }
.stepSec .figsec .imgone img { }
.stepSec .figsec .imgtwo { position: absolute; top: 300px; left: -50px; }
.stepSec .figsec .imgtwo img { }
.stepSec .figsec .imgthree { position: absolute; top: 400px; right: 20px; z-index: 2; }
.stepSec .figsec .imgthree img { }
.stepSec .figsec .stepcount { position: absolute; right: 0px; }
.stepSec .figsec .stepcount h1 { display: inline-block; font-size: 720px; color: #f3f2f0; line-height: .73; z-index: 1; }
.stepSec .contentsec { padding-top: 90px; }
.stepSec .contentsec h2 { padding-bottom: 20px; margin-bottom: 30px; width: 100%; position: relative; font: 69px/72px "Poppins", sans-serif; font-weight: 500; }
.stepSec .contentsec h2:before { position: absolute; content: ""; background: #3a3e54; height: 5px; width: 60px; left: 0px; bottom: 0px; }
.stepSec .contentsec .innertext { max-width: 26em; margin-left: 50px; }
.stepSec .contentsec .innertext p { font: 20px/26px 'Poppins', sans-serif;    /* color:  #616884; */ }

/* accordion
------------------------------------*/
.accordion,
.accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion { overflow: hidden; background: none; }
.quest-title { font-size: 18px; font-weight: 600; text-transform: capitalize; position: relative; width: 100%; display: inline-block; transition: all linear 0.15s; text-decoration: none; padding: 22px 50px 22px 10px;    /* color: #616884; */ border-color: #e6e6e6; border-style: solid; border-width: 2px 0 0; font-family: var(--secondary-font-family); }
.quest-title:before { position: absolute; content: "\f067"; width: 20px; height: 20px; right: 15px; font-weight: 300; top: 12px; font-family: 'fontAwesome' !important; color: #ccc; font-size: 28px; }
.quest-title.active,
.quest-title:hover { color: #3b3f55; content: "\e907"; }
.quest-title:after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: #dbdbdb; position: absolute; content: ""; }
.quest-title.active:before { content: "\f068"; }
.quest-content { padding: 0px 10px 15px 50px; display: none; background: #ffffff; margin-bottom: 15px; float: left; padding-bottom: 0; width: 100%; }
.quest-content p { line-height: 1.6; font-size: 16px; font-weight: 500; margin: 0px; font-family: var(--secondary-font-family);    /* color: #616884; */ }
.accordion { margin-bottom: 30px; border-color: #e6e6e6; border-style: solid; border-width: 0px 0 2px; }
.quest-content p a { color: #3b3f55; text-decoration: underline; }
.stepSecond { padding-bottom: 200px; }
.stepSecond .countersec { padding-top: 60px; padding-bottom: 45px; }
.stepSecond .countersec:before { display: inline-block; font-size: 720px; color: #f3f2f0; line-height: .73; z-index: -1; content: "2"; position: absolute; top: -34%; right: 0px; left: 0px; text-align: center; margin: 0 auto; }
.stepSecond .countersec h2 { padding-bottom: 20px; position: relative; margin-bottom: 30px; width: 100%; font: 69px/72px "Poppins", sans-serif; font-weight: 500; }
.stepSecond .countersec h2:before { position: absolute; content: ""; background: #3a3e54; height: 5px; width: 60px; left: 0px; bottom: 0px; }
.stepSecond .countersec .innertext { max-width: 26em; margin-left: 50px; }
.stepSecond .countersec .innertext p { color: #616884; font: 20px/26px 'Poppins', sans-serif; }
.main-fixed-wrap { max-width: 1000px !important; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.main-fixed-wrap .colums { float: left; width: 41.66667%; padding-left: 15px; padding-right: 15px; }
.main-fixed-wrap .colums.halfcolum { }
.main-fixed-wrap .colums .textwrap { }
.main-fixed-wrap .colums .textwrap h3 { padding-bottom: 20px;    /* margin-bottom: 30px; */ width: 100%; color: #3a3e54; font-size: 34px; }
.main-fixed-wrap .colums .textwrap p { color: #616884; font: 20px/26px 'Poppins', sans-serif; }
.main-fixed-wrap .colums .set-card-shocase { max-width: 350px; position: relative; margin-bottom: 30px; }
.main-fixed-wrap .colums .set-card-shocase:before { width: 235px; height: 157px; background-size: 235px 157px; background-image: url(../images/projects-showcase-02.png); left: -25px; top: 60%; z-index: 1; content: ""; display: block; position: absolute; background-repeat: no-repeat; transition: all ease-out 175ms; }
.main-fixed-wrap .colums .set-card-shocase:after { display: block; position: absolute; background-repeat: no-repeat; transition: all ease-out 175ms; width: 229px; height: 175px; background-size: 229px 175px; background-image: url(../images/projects-showcase-03.png); right: -30px; top: 55%; z-index: 1; content: ""; }
.main-fixed-wrap .colums .set-card-shocase:hover::after { -webkit-transform: translateX(80px); transform: translateX(80px); }
.main-fixed-wrap .colums .set-card-shocase:hover::before { -webkit-transform: translateX(-80px); transform: translateX(-80px); }
.main-fixed-wrap .colums.right .set-card-shocase:before { width: 345px; height: 408px; background-size: 185px 217px; background-image: url(../images/projects-showcase-04.png); left: -25px; top: 36%; }
.main-fixed-wrap .colums.right .set-card-shocase:hover::before { -webkit-transform: translateX(-110px); transform: translateX(-110px); }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid:hover { box-shadow: 0 14px 42px 0 rgba(0, 0, 0, .2); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item { }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid { position: relative; background-color: #fff; padding-top: 30px; padding-bottom: 30px; border-radius: 8px; box-shadow: 0 7px 21px 0 rgba(0, 0, 0, .1); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.main-fixed-wrap .colums.halfcolum.right { margin-left: 16.66667%; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-action { }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-action span { }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; text-align: left; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-avatar { display: inline-block; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-avatar figure { margin-bottom: 0; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-avatar figure img { border-radius: 50%; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-display-name { display: inline-block; vertical-align: middle; margin-left: 15px; padding-top: 6px; width: 58%; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-display-name h4 { font-size: 15px; padding-bottom: 10px; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-display-name span { padding: 5px 10px; border: 2px solid gray; border-radius: 5px; display: inline-block; line-height: 1; font-weight: 300; font-size: 12px; font: 14px/18px 'Poppins', sans-serif; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-display-name .ratings { display: inline-block; width: 100%; margin-top: 10px; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-display-name .ratings span { border: 0; padding: 0; font-size: 20px; color: #808080; margin-right: 2px; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-canvas { position: relative; background-color: #f3f2f0; height: 0; width: 100%; padding-bottom: 100%; z-index: 9; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-canvas .set-card-canvas-inner { position: absolute; width: 100%; height: 100%; z-index: 9; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-canvas .set-card-canvas-inner figure { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; margin-bottom: 0; position: relative; }
.main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-canvas .set-card-canvas-inner figure img { position: relative; }
.stepThird { padding: 20px 0 60px; }
.stepThird .figsec { display: inline-block; width: 100%; position: relative; }
.stepThird .figsec .imgone { position: absolute; top: 120px; z-index: 2; margin: 0 auto; display: inline-block; right: 30px; }
.stepThird .figsec .imgone img { }
.stepThird .figsec .imgtwo { position: absolute; top: 300px; left: -50px; }
.stepThird .figsec .imgtwo img { }
.stepThird .figsec .imgthree { position: absolute; top: 400px; right: 20px; z-index: 2; }
.stepThird .figsec .imgthree img { }
.stepThird .figsec .stepcount { position: absolute; right: 0px; }
.stepThird .figsec .stepcount h1 { display: block; font-size: 720px; color: #f3f2f0; line-height: .73; position: absolute; z-index: 0; left: -260px; }
.stepThird .contentsec { padding-top: 90px; }
.stepThird .contentsec h2 { padding-bottom: 20px; margin-bottom: 30px; position: relative; width: 100%; font: 69px/72px "Poppins", sans-serif; }
.stepThird .contentsec h2:before { position: absolute; content: ""; background: #3a3e54; height: 5px; width: 60px; left: 0px; bottom: 0px; }
.stepThird .contentsec .innertext { max-width: 26em; margin-left: 50px; }
.stepThird .contentsec .innertext p { color: #616884; font: 20px/26px 'Poppins', sans-serif; }
.butn { display: block; border-bottom: solid 2px #e6e6e6; padding: 20px 0; text-align: center; }
.butn .btn-primary { }
.btn-primary { border-top: 3px solid transparent; background-color: #ff3040; font-family: 'Poppins', sans-serif; font-size: 18px; color: #fff !important; line-height: 1; padding: 18px 40px; outline: none; cursor: pointer; border-radius: 3px; white-space: nowrap; display: inline-block; }
.btn-primary:hover { }
.btn-cta .xicon { font-size: 16px; margin-left: 10px; font-weight: 700; }
.btn-cta { font-size: 20px; display: block; color: #9000f8; margin-top: 15px; font-weight: 400; }
.btn-cta:hover { color: #9000f8; }

/*How it works end*/

/*cta logos css start*/

.newSectionhome { text-align: center; padding: 60px 0 0; }
.newSectionhome p { font-size: 14px; }
.fBold { font: 30px/30px "Poppins", sans-serif; font-weight: 500; }
.newSectionhome p span { margin: 0 5px; }
.newSectionhome p span i { color: #fca705; margin: 0 2px; }
.newSectionhome .mybannerform img { margin: 0 20px; height: 50px; }
.designunigue { padding: 10px 0; background-color: #ccc8c82b !important; text-align: center; }
.designunigue ul { display: block; margin-bottom: 0; list-style: none; padding: 0px; margin: 0 auto; }
.designunigue ul li { display: inline-block; }
.designunigue ul li:first-child { width: 100%; }
.designunigue ul li:nth-child(2) { }
.designunigue ul li:last-child { text-align: center; width: 100%; }
.designunigue ul li span { color: #3a3a3a; font-size: 18px; display: none; }
.designunigue ul li a { margin-top: 5px; display: none; border-top: 3px solid transparent; background-color: #ff3040; font-family: 'Poppins', sans-serif; font-size: 16px; color: #fff; line-height: 33px; padding: 6.5px 40px; outline: none; cursor: pointer; border-radius: 3px; white-space: nowrap; }
.designunigue p { color: #3a3a3a; font-size: 18px; font-family: 'Poppins', sans-serif; line-height: 1.2; margin-bottom: 0; padding-top: 6px; }
.designunigue p strong { color: #ff3040; }
.designunigue .subimages { display: inline-block !important; width: 100%; text-align: center; list-style: none; padding: 10px 0; }
.designunigue .subimages li { margin: 0 14px; }
.designunigue .subimages li:last-child { width: auto }
.designunigue .subimages li img { max-width: 110px; }
.designunigue .subimages li:first-child { border-right: 0px !important; margin-right: 7px !important; padding-right: 0px !important; width: auto !important; display: inline-block; width: auto; }
.subimages li:nth-child(2) {    /* width: auto !important; */ }
.designunigue .subimages li h6 { margin-bottom: 0; color: #3a3a3a; font-size: 14px; text-align: center; margin-top: 2px; }

/*cta logos css end*/
.packagebox { font-family: 'Poppins', sans-serif; border-radius: 6px; border: 3px solid #263331; background: #ffffff; padding: 15px 25px; text-align: left; width: 100%;    /* margin: 0 auto; */ display: inline-block; margin-top: 10px; }
.packagebox p { font-size: 14px; margin: 0px; letter-spacing: 0;    /* line-height: 1.2; */ color: #000; margin: 0; display: block; text-align: center; }
.packagebox .packbtn { text-transform: uppercase; padding: 10px 0px; color: #fff; border: none; box-shadow: none; border-radius: 6px; margin: 10px 0px 0; font-weight: 600; cursor: pointer; background: #ff3040; display: block; width: 100%; }
.packagebox:hover { border: 1px solid #ffffff; background: #ffffff; }
.packagebox .packbtn:hover { background: #000; color: #fff; }
.packagebox .populartag { color: #ff3040; font-size: 14px; text-transform: uppercase; font-weight: 600; display: none; }
.packagebox .packhdbox h3 { padding: 10px 0px 0 0; font-size: 23px; text-transform: capitalize; margin: 0px; line-height: 1; color: #141414; text-align: center; }
.icons-hd h3 { text-align: left !important; }
.packpricing.icons-hd h2 { text-align: left !important; }
.packpricing.icons-hd p { text-align: left !important; }
.packinner.icons-hd p { text-align: left; }
.logo-left .imgwrp { position: relative; }
.logo-left .imgwrp img { position: absolute; width: 65px; top: -40px; right: 0; }
.packagebox .packhdbox p { color: #98a4ae; margin-top: 10px; display: inline-block; font-weight: 400; }
.packagebox .details { padding: 0px; }
.packagebox .details li { font-size: 14px; position: relative; padding: 7px 0px 1px 20px; line-height: 1.3; font-weight: 500; color: #000; }
.packagebox .details li strong,
.packagebox .details li h6 { font-size: 14px; line-height: 1.3; font-weight: 500; color: #000; }
.packagebox .details li:before { content: "\f00c"; position: absolute; left: 0; top: 9px; margin: auto; display: table-cell; vertical-align: middle; font: normal normal normal 14px/1 FontAwesome; color: #ff3040; }
.packagebox:hover .packhdbox h3 { color: #3a3a3a; }
.packagebox:hover .packhdbox p { color: #fff; }
.packagebox:hover .details li { border-bottom: solid 1px #fff; color: #3a3a3a; }
.packagebox:hover .details li:before { color: #ff3040; }
.packagebox:hover .packpricing h2 { color: #3a3a3a; }
.packagebox:hover .chatbtn { color: #ff3040; }
.packagebox:hover .numberbtn { color: #ff3040; }
.packagebox:hover p { color: #3a3a3a; }
.packagebox:hover .packinner p { color: #333a3f; }
.packagebox:hover .details .pnew { color: #3a3a3a; }
.packagebox:hover .packpricing .strike { color: #3a3a3a; }
.mypackages .slick-slider { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
.mypackages .slick-list.draggable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.packagebox.active { border: 1px solid #ffffff; background: #ffffff; }
.packagebox.active .packhdbox h3 { color: #3a3a3a; }
.packagebox.active .packhdbox p { color: #fff; }
.packagebox.active .details li { border-bottom: solid 1px #fff; color: #3a3a3a; }
.packagebox.active .details li:before { color: #ff3040; }
.packagebox.active .packpricing h2 { color: #3a3a3a; }
.packagebox.active .details li:before { color: #3a3a3a; }
.packagebox.active .packbtn { background: #3a3a3a; }
.packagebox.active .chatbtn { color: #ff3040; }
.packagebox.active .numberbtn { color: #ff3040; }
.packagebox.active p { color: #3a3a3a; }
.packagebox.active .packinner p { color: #333a3f; }
.packagebox.active .details .pnew { color: #3a3a3a; }
.packagebox.active .packpricing .strike { color: #3a3a3a; }
.packagebox .pack-wrap {    /*border-bottom: 1px solid #e6e1e1;*/
padding-bottom: 30px; position: relative; }
.packagebox .pack-wrap:after { position: absolute; bottom: 5px; height: 1px; width: 100%; margin: 0 auto; background: #000000; z-index: 2; content: ""; left: 0; right: 0; }
.packagebox .packpricing { padding: 15px 0px 0 15px; }
.packagebox .packpricing h2 { font: 40px/54px "Poppins", sans-serif; font-weight: 900; color: #ff3040; margin: 0px; line-height: 1; display: block; text-align: center; }
.packagebox .packpricing h2 span { font-size: 30px; margin-left: -15px; }
span.fantasy { font-family: monospace !important; }
.packagebox .packpricing h2 span.fm { font-size: 18px; margin-left: -10px; font-weight: 600; color: #ccc; }
.packagebox .packpricing .strike { text-decoration: line-through; font-size: 16px; margin-left: 0; color: #525050; }
.packagebox .packinner p { font-weight: 600; color: #1a1a1a;    /* font-family:  'Poppins', sans-serif; */ padding: 0 0px 6px 0; margin: 0; }
.packagebox .list-scroll { max-height: 165px; min-height: 165px; border-top: dotted 2px #989898; padding: 7px 0 0; margin-top: 5px; }
.packagebox .chatbtn { font-size: 16px; font-weight: 600; padding: 5px 0px; display: inline-block; color: #000000; margin: 0px 0px; float: right; }
.packagebox .numberbtn { font-size: 15px; font-weight: 600; padding: 5px 0px; color: #000000; display: inline-block; margin: 0px 0px; text-align: left; }
.addnotes { padding: 10px 0px; color: #8c8f92; text-align: center; }
.packagebox .list-scroll div#mCSB_1 { padding-left: 0px; }
.mypackages { position: relative; padding: 40px 45px 40px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background: #0b1a17; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a0535', endColorstr='#9e026085', GradientType=1); background: #000; }
.mypackages .myheading { font: 44px/60px "Poppins", sans-serif; margin-bottom: 0; font-weight: 700; position: relative; padding-bottom: 20px; color: #fff; }
.mypackages .myheading:after { content: ""; position: absolute; background: #ffffff; width: 76px; height: 2px; left: 0; bottom: 0; display: none; }
.mypackages .mytext { font: 20px/31px 'Poppins', sans-serif; color: #fff; }
.mypackages .information { width: 80%; margin-left: 0; text-align: center; margin: 0 auto; }
.mypackages .tab-custom .tabbing-links { padding-left: 0; }
.packagebox .packpricing h2 span.fm { font-size: 18px; margin-left: 0px; font-weight: 600; color: #141432; display: block; }
.header-home .menu ul li a i { margin-right: 10px; color: #ff3040; margin-left: 10px; }
.header-home .menu ul li a.headnumber { border-top: 0px; color: #fca700; font-weight: 900; }
figure:focus { outline: none; }
.fullwrap .mybanslider .item { width: 108% !important; outline: none; height: 760px; background-position: 85% 0; }
.fullwrap .mybanslider .item figure { }
.fullwrap .mybanslider .item figure img { width: 100%; }
.fullwrap .mybanslider .item:first-child figure img { width: 130%; }
.fullwrap .mybanslider .item.bookpage:first-child figure img { width: 190%; }

/*.fullwrap .mybanslider {padding-top: 80px;}*/
.fullwrap { }
.fullwrap .mybanslider .slick-list { overflow: visible; }
.aniSlide .fullwrap { height: 100vh; }
.aniSlide .fullwrap .mybanslider { height: 100vh; display: table-cell; vertical-align: middle; }
.aniSlide .fullwrap .mybanslider .item:first-child figure img { width: 100%; margin: 20% 0 0; }
.fullwrap.webbnner .mybanslider .item:first-child figure img { width: 120%; margin: 140px 0 0; }
.top-home.whiteClr .content h1.title { color: #fff }
.myhome.whiteClr .content p { color: #fff; }
.myhome.whiteClr .myticks li { color: #fff; }
.footer-bg { background-image: linear-gradient(#0000009e, #00000087), url(../images/footer-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }
footer {    /* background: #000000;
    border-top: solid 1px #000000; */
padding: 0px 0 0; }
footer h3 { font-size: 18px; margin: 0 0 20px; }
footer h3 i { display: none !important; }
footer ul { margin: 0; padding: 0 0px 0 0; }
footer ul li { margin: 0 0 10px; }
footer ul li a { }
footer ul li a:hover { color: #000; }
.pricingboxes .largebox { box-shadow: 0 0 11px #eaf0f6; font-size: 0; margin-top: 0; padding: 20px 35px 45px; background: #fff; border-radius: 3px; }
.pricingboxes .largebox .leftarea { width: 35%; text-align: center; vertical-align: top; display: inline-block; margin-right: 20px; }
.pricingboxes .largebox .rightarea { display: inline-block; width: 60%; padding-top: 32px; }
.pricingboxes .largebox .leftarea figure { margin-bottom: 20px; }
.pricingboxes .largebox .leftarea figure img {    /* width: 200px; */ }
.btn-packages { transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff; font-weight: 600; text-transform: capitalize; background: #ff3040; border-radius: 3px; font-size: 16px; padding: 16px 20px; display: inline-block; }
.btn-packages:hover { background: #ff3040; color: #fff; }
.pricingboxes .largebox .rightarea h4 { font-size: 24px; font-weight: 600; }
.pricingboxes .largebox .rightarea p { font-size: 16px; text-align: left; line-height: 1.4; padding-bottom: 30px; }
.pricingboxes .largebox .rightarea h3 { font-size: 16px; font-weight: 600; position: relative; overflow: hidden;    /* display: inline-block; */ }
.pricingboxes .largebox .rightarea h3:before { right: 0px; content: ''; position: absolute; height: 5px; margin-left: 10px; border-bottom: 1px solid #e0e6ed; top: 5px; width: 330px; z-index: -1; }
.ticklist { width: 100%; margin-bottom: 0; display: inline-block; padding: 0px; }
.ticklist li { width: 50%; vertical-align: top; display: inline-block; }
.ticklist li img { height: 50px; }
.packslider { position: relative; width: 80%; margin: 0 auto; }
@media only screen and (min-width:1500px) { }
.subscribe-fold { padding: 0px 0 0; margin: 120px 0 0px; }
.subscribe-fold h3 { font-size: 40px; margin: 0; font-weight: 400; position: relative; text-transform: capitalize; font-weight: 800; width: 100%; text-align: center; color: #4c4c4c; }
.subscribe-fold p { color: #555; font-size: 16px; line-height: 1.6; max-width: 75%; text-align: left; color: #fff; }
.combo-pera { font-size: 16px; line-height: 1.6; max-width: 75%; text-align: left; color: #fff; }
.new-combos { padding: 60px 0; }
.subscribe-fold .table-packages { width: 100%; }
.subscribe-fold .table-packages .head { width: 100%; }
.subscribe-fold .table-packages .head h5 { text-align: left; font-size: 28px; font-weight: 700; margin: 0; padding: 0; color: #4c4c4c; display: inline-block; }
.subscribe-fold .table-packages .head h6 { float: right; text-align: left; font-size: 16px; font-weight: 400; margin: 0; padding: 0; color: #4c4c4c; display: inline-block; }
.subscribe-fold .table-packages .head h6 b { position: relative; top: -6px; color: #f15e4f; }
.subscribe-fold .table-packages .head h6 span { color: #f15e4f; }
.subscribe-fold .table-packages .head span { font-size: 28px; font-weight: 700; }
.subscribe-fold .table-packages .body { }
.subscribe-fold .table-packages .body ul { margin: 0; }
.subscribe-fold .table-packages .body .subscription-list { height: 430px; margin-top: 20px; padding: 0; }
.subscribe-fold .table-packages .body ul li { text-align: left; padding: 14px 0 14px 0; border-bottom: 1px solid #eaeaea; width: 95%; }
.subscribe-fold .table-packages .body ul li h6 { font-size: 16px; font-weight: 400; margin: 0; padding: 0; color: #4c4c4c; display: inline-block; }
.subscribe-fold .table-packages .body ul li h6 small { display: block; line-height: 0.9; }
.subscribe-fold .table-packages .body ul li span { font-size: 20px; color: #8c8c8c; line-height: 1.6; display: block; width: 30px; height: 32px; margin: 0; padding: 0; text-align: center; display: inline-block; float: right; }
.subscribe-fold .table-packages .body ul li span.tick { font-size: 20px; color: #6edc5f; position: relative; display: block; margin: 0; padding: 0; text-align: center; }
.subscribe-fold .table-packages .body ul li span.tick:before { font-family: "fontawesome"; content: "\f00c"; position: absolute; top: 0; }
.subscribe-fold .table-packages .body ul li span.dash { font-size: 26px; color: #8c8c8c; position: relative; display: block; margin: 0; padding: 0; text-align: center; }
.subscribe-fold .table-packages .body ul li span.dash:before { font-family: "fontawesome"; content: "\f068"; position: absolute; top: 0px }
.seperator { width: 60%; border: 1px solid #eee; position: relative; margin: 0 auto; }
.seperator:before { position: absolute; content: ""; border-top: 1px solid #eaeaea; top: 2px; width: 60%; margin: 0 auto; left: 0; right: 0; }
.seperator:after { position: absolute; content: ""; border-top: 1px solid #eaeaea; bottom: 2px; width: 60%; margin: 0 auto; left: 0; right: 0; }
.sub-list { }
.subs-pac { box-shadow: 0 3px 30px #0000001f; display: block; width: 100%; text-align: center; height: 490px; margin: 0 0 60px; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 4px; padding: 75px 0 0; }

/*.subs-pac a{display: block; width: 100%;padding: 20px 0 0px;}*/
.subs-pac h6 { color: #555; font-size: 52px; font-weight: 700; display: inline-block; line-height: 0.9; margin: 11px 0 0; position: relative; padding: 0 20px; }
.subs-pac h6 b { position: relative; font-size: 20px; display: inline-block; top: -28px; color: #555; }
.subs-pac h6 span { font-size: 16px; color: #555; font-weight: 500; display: inline-block; margin: 30px 0 0; padding: 0; position: relative; line-height: 1.3; }
.subs-pac h6 span b { font-size: 16px; color: #f15e4f; font-weight: 500; display: inline-block; margin: 0; padding: 0; position: unset; }
.subs-pac h6 span b.monthss { font-size: 20px; color: #555; display: block; }
.subs-pac h6 span.old { position: absolute; right: 0; left: 0; top: -18px; text-decoration: line-through; font-weight: bold; margin: 0; font-size: 13px; }
.subs-pac span { display: block; margin: 30px 0 20px; font-weight: 700; }
.subs-pac:hover h6 span b.monthss,
.subs-pac:hover h6 b { color: #fff; }
.subs-pac a.ordrrrr { text-align: center; margin: 0 auto; background: #ff3040; text-transform: uppercase; padding: 14px 60px; color: #fff; border: none; box-shadow: none; border-radius: 4px; font-weight: 600; cursor: pointer; }
.subs-pac:hover a.ordrrrr { background: #fff; border: 1px solid #e6e6e6; color: #4c4c4c; }
.subs-pac.silver a.ordrrrr { background: #b2b2b2; }
.subs-pac.silver:hover a.ordrrrr { border: 1px solid #b2b2b2; color: #fff; }
.subs-pac.gold a.ordrrrr { background: #e8b954; }
.subs-pac.gold:hover a.ordrrrr { border: 1px solid #e8b954; color: #fff; }
.bronze { border: 1px solid #ff3040; }
.silver { border: 1px solid #b2b2b2; }
.gold { border: 1px solid #e8b954; }

/*.platinum{border: 1px solid #555555;}*/
.subs-pack:hover { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.subs-pac.bronze:hover h3,
.subs-pac.bronze:hover h6,
.subs-pac.bronze:hover span,
.subs-pac.silver:hover h3,
.subs-pac.silver:hover h6,
.subs-pac.silver:hover span,
.subs-pac.gold:hover h3,
.subs-pac.gold:hover h6,
.subs-pac.gold:hover span { color: #fff; }
.subs-pac.bronze:hover { background: #ff3040; }
.subs-pac.silver:hover { background: #b2b2b2ad; }
.subs-pac.gold:hover { background: #e8b954ad; }

/*.subs-pac.platinum:hover{background:#555555ad;}*/
.subs-pac.bronze:hover p { color: #fff; }
.subs-pac.bronze:hover a.numberbtn,
.subs-pac.bronze:hover a.chatbtn { color: #fff !important; }
.subscribe-fold .table-packages.bronze tbody tr:hover { }
.subscribe-fold .table-packages { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.subscribe-fold .table-packages:hover { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.subscribe-fold .table-packages.bronze { border: none; }
.subscribe-fold .table-packages.silver { border: none; }
.subscribe-fold .table-packages.gold { border: none; }
.pakgespage .mypackages { padding: 30px 0; margin-bottom: 60px; }
.subscribe-fold .myheading { font: 50px/60px "Poppins", sans-serif; margin-bottom: 22px; font-weight: 700; position: relative; padding-bottom: 0; }
.subscribe-fold .myheading:after { content: ""; position: absolute; background: #ff3040; width: 76px; height: 2px; left: 0; bottom: 0; display: none; }
.subscribe-fold .mytext { font: 20px/31px 'Poppins', sans-serif; color: #3a3a3a; text-align: left; margin: 0 0 70px; }
.subs-pac .actions { border-top: 1px solid #eeeeee; padding: 0px 0; margin: 40px 0 0; position: relative; }
.subs-pac .actions::before { position: absolute; content: ""; height: 33px; background-color: #eee; width: 1px; left: 52%; top: 10px; display: none; }
.subs-pac .actions a { vertical-align: top; min-width: inherit; margin: 0px; }
.subs-pac .actions a span { font-size: 13px; float: left; font-weight: bold; color: #7b7b7b; margin: 0; }
.subs-pac .actions a span small { display: block; font-size: 12px; line-height: normal; color: #ff3040; }
.homecounter.company-top { padding-top: 0; background: #ea018e00; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);    /* background: linear-gradient(to right, #f8931f 0%,#f15d28 100%); */    /* background: linear-gradient(to right, #f8931f 0%,#f15d28 100%); */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); position: absolute; bottom: 20px; width: 100%; }
.bggray { background-color: #fff; padding: 80px 0; }
.gre { color: #16a085 !important; -webkit-transition: color 300ms ease-in-out }
.is-table { display: table }
.is-colcell { display: table-cell; float: none; vertical-align: top }
.is-colcell p { line-height: 34px }
section.pricing { position: relative; background-color: #fff; text-align: center; padding-bottom: 40px; z-index: 99; }
section.pricing h4,
section.testimonials h4 { font-family: 'Circular Std'; color: #16a085; margin: 0; text-transform: uppercase; line-height: 28px; font-size: 18px }
section.pricing h2,
section.testimonials h2 { font-family: 'Circular Std'; padding: 0; font-size: 38px; margin: 0; line-height: 38px; margin-bottom: 16px; font-weight: 900; text-transform: capitalize; color: #2e2e2e }
section.pricing .sensation-prev,
section.pricing .sensation-next { opacity: 0 !important }
section.singles { padding: 0px 0px 0px 0px }
section.pricing p,
section.testimonials p { font-size: 24px; line-height: 28px; color: #3a3a3a; }
section.pricing .single,
.package-detail .single { padding: 25px 15px; min-height: 612px; border: 1px solid #16a085; position: relative; overflow: hidden; margin-bottom: 20px; }
.package-detail p { font-size: 20px }
.package-detail .single ul { height: 280px }
.package-detail div.single ul li { line-height: 26px }
span.old-price { display: inherit; font-family: 'Circular Std'; font-size: 16px; font-weight: bold; position: relative; width: 100%; margin: 0px auto 7px }
i.cut::before { content: ""; width: 60px; height: 2px; display: block; background: #9e9c9c; position: absolute; left: 0; top: 44%; right: 0; margin: 0 auto; }
div.single h6 { text-transform: uppercase; font-size: 12px; color: #16a085; margin: 0px }
div.single h3 { font-family: 'Circular Std'; text-transform: uppercase; font-size: 28px; font-weight: bold; color: #2d2b25; max-width: 270px; margin: 15px auto }
div.single p { font-family: 'Circular Std Book'; font-size: 14px; line-height: 16px; color: #2d2b25; font-weight: 600; margin-bottom: 10px }
div.single p:first-of-type { padding-bottom: 20px; margin: 0; color: #7b7b7b; font-weight: 400; padding: 0px 40px 10px 40px }
div.single span.price { font-family: 'Circular Std'; font-size: 42px; font-weight: bold; color: #16a085; margin: 0; line-height: 36px; margin-bottom: 30px; display: inline-block; }
div.single ul { margin-top: 4px; margin-bottom: 0px !important; height: 80px; overflow-x: hidden; overflow-y: auto }
div.single ul.no-scroll { height: 120px }
div.single ul li { font-size: 14px; line-height: 22px; color: #000000; }
div.single input[type=submit].btn,
section.testimonials input[type=submit].btn { border-radius: 0px; height: auto; margin-bottom: 22px; margin-top: 22px; width: 190px; text-align: center; outline: none }
div.single p span { color: #16a085 }
section.pricing .single.best-seller { padding: 30px 15px; overflow: hidden; position: relative }
.best-seller ul { margin-bottom: 0 }
.best-seller::before { content: "BEST SELLER"; color: #fff; font-size: 12px; display: none !important; font-weight: bold; vertical-align: middle; padding: 7px 10px; text-indent: -32px; display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 35px; width: 180px; background-color: red; position: absolute; border: 2px solid #b70000; box-shadow: 2px 1px 5px 0px #b7b7b7; right: -70px; }
.video-frame { position: relative; height: 100%; background: url(../img/video-fram.png); max-width: 100%; top: 0px; background-size: 100%; min-width: 620px; min-height: 465px }
section.testimonials { background-color: #f9f9f9 }
section.testimonials h2 { text-transform: inherit }
.ipad_frame video { background: #000; position: absolute; width: 80%; height: 80%; left: 80px; top: 44px }
section.services h3 { font-family: 'Circular Std'; font-weight: 900; font-size: 24px; line-height: 28px; text-align: left; margin: 0 0 10px 0; color: #2e2e2e }
section.services p { font-size: 18px; line-height: 24px }
section.services a { font-family: 'Circular Std'; font-weight: bold; font-size: 12px }
.service-row { margin-bottom: 60px }
div.talk-anchor a { font-family: 'Circular Std'; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #2e2e2e }
section.count { background-color: #efefef; background-position: right }
.book-area { background: url('../img/book.png') no-repeat }
section.count { background: url('../img/project-highlights.png') no-repeat; background-size: cover }
section.count span { font-family: "Circular Std"; font-weight: 900; font-size: 72px; color: #16a085; line-height: 72px }
section.count h6 { font-family: "Circular Std"; font-weight: bold; font-size: 18px; line-height: 28px; text-transform: uppercase; color: #2e2e2e; margin-top: 0 }
section.count .count-area { padding: 20px 0px }
.maps-section { overflow: hidden; min-height: 500px }
.maps { position: relative; padding-top: 64px }
.maps .map { background-color: #000; width: 100%; height: 100%; min-height: 500px }
.contact .address { background-color: #fff }
div.single-address { width: 100%; padding-left: 40px !important; padding-top: 100px; }
section.maps div { padding-left: 0; padding-right: 0; }
.single-address a { color: #2e2e2e; font-family: 'Circular Std Book'; font-weight: 600; font-size: 16px; padding-bottom: 10px; padding-left: 20px; display: block }
.single-address a.btn-green { color: #fff; margin: 10px 0px 0px 0px; padding: 17px; display: inline-block; font-size: 12px; font-weight: 400 }
.single-address a i { color: #8c8c8c; margin-left: -20px; padding-right: 20px }
.single-address a:hover { text-decoration: none }
.about-img { background-size: cover }
section.about .dt { display: table; min-height: 600px; width: 100% }
section.about .dc { display: table-cell; vertical-align: middle; padding-left: 90px }
.full-width { position: relative; width: 100% }
.no-pad-right { padding-right: 0 }
.no-pad-left { padding-left: 0 }
.no-overflow { overflow: hidden }
.hero-subservices h3,
.hero-subservices h4,
.hero-subservices p { text-align: left }
.hero-subservices p { font-size: 22px }
section.breakdown h5 { text-transform: uppercase; font-family: 'Circular Std'; font-weight: 900; color: #4c4c4c }
section.breakdown ul li { font-size: 16px; list-style: initial; margin-left: 16px; margin-top: 20px }
section.breakdown .company_profile { margin: 0 auto }
.tab-wrap { margin-top: 24px }
section.qualities .quality-img,
section.awards .awards-img,
section.process .process-img { text-align: center; padding: 0px 0px; display: inline-block }
section.process h4 { font-size: 18px; line-height: 22px; padding-top: 5px; color: #2e2e2e }
section.process p { font-size: 18px; line-height: normal }
section.process p.main { font-size: 24px; line-height: 28px }
section.call-actions .fa { font-size: 36px; float: left; color: #4c33fe; margin-left: 15px; margin-top: 25px; }
section.call-actions .fa-mobile-phone { font-size: 50px; margin-top: 20px }
div.slash::after { content: ""; display: block; position: absolute; top: 10px; left: 349px; width: 1px; height: 70px; background: #e6e6e6; -webkit-transform: rotate(14deg); -moz-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg) }
div.slash2::after { left: 287px }
section.call-actions { border: 1px solid #e6e6e6; margin-top: 20px; padding: 10px 20px; background: #fff }
section.call-actions h3 { font-size: 26px; margin-top: 23px; padding-left: 65px }
section.call-actions .phone-div h3 { padding-left: 55px }
.phone-div { padding-left: 48px }
section.call-actions h3 span { display: block; font-size: 18px; color: #4e32fc; font-weight: 700; }
section.call-actions h4 { padding-top: 26px }
section.call-actions h2 { font-size: 16px; margin: 0px; line-height: 22px; text-transform: capitalize; padding: 11px 11px 11px 30px; color: #2c2c2c }
section.awards .awards-img img { margin: 0 auto }
.has-border { border-right: 1px solid #dedede }
.wrapper { width: 400px; font-family: 'Roboto', sans-serif; margin: 0 auto }
.skill { margin-bottom: 30px; position: relative; overflow-x: hidden }
.skill>p { font-size: 18px; font-weight: 700; color: #1a1716; margin: 0 }
.skill:before { width: 100%; height: 8px; content: ""; display: block; position: absolute; background: #cacaca; bottom: 0 }
.skill-bar { width: 100%; height: 8px; background: #16a085; display: block; position: relative }
.skill1 { width: 95% }
.skill h4 { font-size: 16px; font-weight: 400 }
.skill-bar span { color: #636b6f; position: absolute; border-top: 5px solid #f4392f; top: -35px; padding: 0; font-size: 18px; padding: 3px 0; font-weight: 500 }
.skill-bar { position: relative }
.skill1 .skill-count1 { right: 0 }
.skill2 { width: 85% }
.skill2 .skill-count2 { right: 0 }
.skill3 { width: 99% }
.skill3 .skill-count3 { right: 0 }
.skill4 { width: 65% }
.skill4 .skill-count4 { right: 0 }
.skill5 { width: 80% }
.skill5 .skill-count5 { right: 0 }
.skill6 { width: 100% }
.skill6 .skill-count6 { right: 0 }
section.progress-area { background-color: #fff }
.progress-area p { margin-bottom: 0px }
section.progress-bars h4 { color: #636b6f }
.marg-btm { margin-bottom: 20px }
#quoteForm textarea.form-control { resize: none; min-height: 105px; padding-top: 14px }
ul.tabs { width: 76%; margin: 0px; padding: 0px; list-style: none; text-align: center; margin: 60px auto; }
ul.tabs li { margin-bottom: 5px; font-family: 'Circular Std'; font-weight: 200; background: none; text-transform: uppercase; color: #2c2c2c; background-color: #f5f5f5; display: inline-block; font-size: 12px; min-width: 175px; padding: 10px 15px; cursor: pointer; line-height: 23px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
ul.tabs li:hover { background: #505050; color: #fff }
ul.tabs li.current { background: #505050; color: #fff }
.tab-content { display: none }
.tab-content.current { display: inherit }
.thankyou-services { background-color: #dcdcdc; height: 450px; position: relative; background-attachment: fixed; padding-top: 0px; background-size: cover; overflow: hidden }
section.thankyou .actions { margin-top: 20px }
.btn-line-active { border-top-color: #c0392b; border-right-color: #c0392b; border-bottom-color: #db0a58; border-left-color: #db0a58 }
.orderNowQuote { min-width: 100%; margin: 8px 0px; background-color: #fff; color: #2f2f2f; font-weight: 900; text-decoration: none; height: 50px; font-size: 12px; text-transform: uppercase; font-family: 'Circular Std'; display: inline-block; padding: 16px 15px; outline: none; border: none; min-width: 175px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease }
.call-action small button { background: transparent; border: none; color: #000; font-weight: 600; text-transform: uppercase }
#header-sroll.small .call-action small button { color: #000 }
ul#news_parent { display: none }
#news_parent li.tweets { max-height: 40px; overflow: hidden; max-width: 165px; text-overflow: ellipsis; padding-bottom: 42px; margin-bottom: 16px; border-bottom: 1px solid #464646 }
.tweets img { height: 20px; width: auto; float: left; vertical-align: middle; padding-right: 10px; padding-top: 2px }
#header-sroll.small .call-action small button { color: #000 }
@media only screen and (min-width:0px) and (max-width:480px) {
    section.about h4,
    section.about h3,
    section.about p,
    section.breakdown h5 { text-align: center !important }
    section.about .dc { padding: 8px }
    section.about .no-pad-left { padding-right: 0 }
    section.about .about-img { height: 300px; background-size: cover }
    .maps { display: grid; height: 600px }
    .addresses { display: grid }
    .get_quote *,
    section.testimonials *,
    .service-row * { text-align: center !important }
    .xs-padding { padding: 20px }
    .cup,
    .cam,
    .hand,
    .flower { display: none }
    .portfolio-jump { bottom: 40px }
}
.help-block { background: rgba(255, 255, 255, 0.8); padding: 3px 8px; margin-top: 0px; }
.qualities h3 { font-size: 50px; font-family: "Poppins", sans-serif; }
.qualities h4 { font-size: 18px; color: #ff3040; font-weight: 500; }
.qualities p { margin: 0 0 40px; font: 20px/31px 'Poppins', sans-serif; }
.quality h4 { color: #2e2e2e !important; }
.quality h4 { font-size: 16px; line-height: 22px; padding-top: 5px; color: #2e2e2e; }
.tetleft { text-align: left !important; }
.marginbtm40 { margin-bottom: 10px; }
.firstRow { font-size: 0; text-align: center; padding: 0; }
.firstRow ul { }
.firstRow ul li { display: inline-block; width: 16%; border: solid 1px #0000000f; }
.firstRow ul li img { display: block; margin: 0; max-width: 100%; width: 100%; -webkit-filter: grayscale(100%);    /* Safari 6.0 - 9.0 */ filter: grayscale(100%); transition: 0.5s all; }
.firstRow ul li:hover img { -webkit-filter: grayscale(0%);    /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
.cta { padding: 40px 0; z-index: 9; position: relative; }
.cta h3 { display: inline-block; width: 82%; }
.cta a { border-top: 3px solid transparent; font-family: 'Poppins', sans-serif; font-size: 18px; color: #fff; line-height: 13px; padding: 14.5px 40px; outline: none; height: 50px; cursor: pointer; border-radius: 6px; text-align: center; white-space: nowrap; background: #ea018e; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: -webkit-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: linear-gradient(to right, #ea018e 0%, #9b2c92 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); }
.cta .same { text-align: left; padding-bottom: 0; font-size: 16px; font-weight: 300; display: inline-block; font-style: normal; }
.cta .same a { font-size: 16px; font-weight: 500; color: #ff3040; background: none; padding: 0; }
.cta h3 a { text-decoration: underline; color: #fdb116; }
.subs-pac .actions a.chatbtn { font-size: 14px; font-weight: 600; padding: 15px 0px; display: inline-block; color: #5033fb; margin: 0px 20px; }
.subs-pac .actions a.numberbtn { font-size: 14px; font-weight: 600; padding: 15px 0px; color: red; display: inline-block; margin: 0px 0px; }
.brandsvg { margin: 20px 0 0; }
.custom_testimonials { text-align: center; padding: 89px 0; width: 100%; margin: 0 auto; background: #fafafa !important; }
.custom_testimonials .tab-custom .tabs { width: 1024px; margin: 0 auto; }
.custom_testimonials .title { font-size: 48px; line-height: 1.06; font-family: "Poppins", sans-serif; margin-bottom: 40px; font-weight: 500; }
.custom_testimonials .content { margin: 0 auto 26px; zoom: 1; width: 630px; }
.custom_testimonials .content:before,
.custom_testimonials .content:after { display: table; content: ""; line-height: 0; }
.custom_testimonials .content:after { clear: both; }
.custom_testimonials .content .phrases { position: relative; width: 70%; margin: 0 auto; }
.custom_testimonials .content .phrases>div { width: 727px; margin: 0 auto; padding: 0 45px; }
.custom_testimonials .content .phrases .slick-slide { height: auto !important; opacity: 0; transition: opacity 1s; outline: none; }
.custom_testimonials .content .phrases .slick-active { opacity: 1; }
.custom_testimonials .content .phrases .slick-next { width: 150px; height: 280px; right: -130px; }
.custom_testimonials .content .phrases .slick-prev { width: 150px; height: 280px; left: -130px; }
.custom_testimonials .content .phrases .slick-prev:before { content: ''; width: 30px; height: 20px; display: inline-block; transform: rotate(180deg); background: url("../images/arrow.svg") no-repeat; }
.custom_testimonials .content .phrases .slick-next:before { content: ''; width: 30px; height: 20px; display: inline-block; background: url("../images/arrow.svg") no-repeat; }
.custom_testimonials .content .phrases .slick-prev::before,
.custom_testimonials .content .phrases .slick-next::before { color: #ff3040; font-size: 30px; }
.custom_testimonials .content .phrases .phrase { position: relative; font-size: 18px; font-family: 'Poppins', sans-serif; line-height: 1.55; text-align: left; font-weight: 500; cursor: pointer; }
.custom_testimonials .content .phrases .phrase:before { content: 'â€'; color: #ff3040; font-size: 25px; position: absolute; font-weight: 500; top: -3px; left: -17px; }
.custom_testimonials .content .who { display: flex; align-items: center; font-family: "gilroy-regular", sans-serif; }
.custom_testimonials .content .who .avatar { width: 45px; height: 45px; margin: 11px 11px 11px 0; }
.custom_testimonials .content .who .avatar img { border-radius: 50%; width: 45px; height: 45px; }
.custom_testimonials .content .who .name { font-size: 14px; line-height: 91px; font-family: "gilroy-semi", sans-serif; }
.custom_testimonials .clients { max-width: 1054px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #c7c7c7; list-style: none; text-align: center; padding-top: 45px; table-layout: fixed; margin: 35px auto 0px; padding-left: 0; }
.custom_testimonials .clients p { font-family: "gilroy-regular", sans-serif; font-size: 16px; }
.custom_testimonials .clients li { cursor: pointer; position: relative; text-align: center; width: auto; filter: grayscale(100%); }
.custom_testimonials .clients li img { object-fit: contain; width: 173px; }
.custom_testimonials .clients li.slick-active { filter: grayscale(0%); }
.custom_testimonials .clients li.slick-active:before,
.custom_testimonials .clients li.slick-active:after { margin-top: -56px; content: ""; transform: rotate(-135deg); position: absolute; display: block; border-top: 17px solid transparent; border-bottom: 17px solid transparent; left: 50%; }
.custom_testimonials .clients li.slick-active:before { border-left: 17px solid #c7c7c7; }
.custom_testimonials .clients li.slick-active:after { border-left: 17px solid #fafafa; top: -2px; margin-left: 1px; }
.topformcontainer { }
.topformcontainer .topformwrap { }
.topformcontainer .topformwrap.active { background: #fff;    /* padding: 30px; */ height: 493px; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; overflow: hidden; box-shadow: -7px 9px 50px 0px #68737d73; }
.topformcontainer .topformwrap .formheading { background: #ffffff; text-align: center; padding: 30px 0 0; }
.topformcontainer .topformwrap .formheading h2 strong { display: block; font-size: 45px; font-weight: 900; color: #ff3040; }
.topformcontainer .topformwrap .formheading h2 { font-size: 30px; padding-bottom: 0; color: #ff3040; line-height: 37px; }
.topformcontainer .topformwrap .formbody { padding: 20px 30px; }
.topformcontainer .topformswitch { position: relative; background: #ffffff; cursor: pointer; border-radius: 0 0 10px 10px; overflow: hidden; border: 1px solid #4d31fc; font-size: 0; display: none; }
.topformcontainer .topformswitch .switchicon { display: inline-block; width: 50px; height: 52px; vertical-align: middle; background: #4d32fb; text-align: center; padding: 10px; margin-top: -1px; }
.topformcontainer .topformswitch .switchicon span { color: #fff; font-size: 20px; margin-top: 5px; }
.topformcontainer .topformswitch h4 { padding-bottom: 0; color: #000; vertical-align: middle; display: inline-block; padding: 10px 20px; text-align: center; line-height: 1; width: 308px; font: 24px/24px "Poppins", sans-serif; font-weight: 500; }
.topformcontainer .topformswitch h4 span { color: #fe3401; font-weight: 900; }
.topformcontainer .topformwrap .formbody .fldset { }
.topformcontainer .topformwrap .formbody .fldset input { margin: 0 0 10px 0; }
.topformcontainer .topformwrap .formbody .fldset input[type="submit"] { margin-bottom: 0px; margin-top: 10px }
.topformcontainer .topformwrap .formbody .dtf textarea { margin: 10px 0px 10px 0; height: 100px; width: 100%; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; font-weight: 400; outline: none !important; resize: none; }
.formbody .dtf input[type="text"],
.formbody .dtf input[type='email'],
.formbody .dtf input[type='number'] { width: 100%; margin: 0 0 0 0; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; height: 45px; font-weight: 400; outline: none !important; margin: 0 0 10px 0; }
.formbody .dtf .submit { width: 100%; }
.formbody .home-banner-content { width: 100%; }
.formbody .container { width: 100%; max-width: 100%; margin: 0px; padding: 0px; }
.formbody .col-xl-12 { padding: 0px; }
.analyzeform.col-lg-10.offset-lg-1 { margin: 0px; width: 100%; max-width: 100%; flex: 100%; }
.analyzeform.col-lg-10.offset-lg-1 .wrap { width: 100%; }
.topformcontainer { width: 460px; position: relative; top: 170px; z-index: 9; border-radius: 15px; left: 0; margin: 0 auto; }
.topformcontainer .topformwrap { background: #fff; padding: 20px 20px 20px; height: auto; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; overflow: hidden; border-radius: 9px; box-shadow: 8px 9px 60px 0px rgba(0, 0, 0, 0.52); -webkit-box-shadow: 8px 9px 60px 0px rgba(0, 0, 0, 0.52); margin: 0 0 70px 0; }
.topformcontainer .topformwrap.nxt { width: 450px; border-radius: 5px; }
.topformcontainer .topformwrap.active { background: #fff;    /* padding: 30px; */ height: 493px; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; overflow: hidden; box-shadow: -7px 9px 50px 0px #68737d73; }
.topformcontainer .topformwrap .formheading { background: #ffffff; text-align: center; padding: 0; margin: 10px 0 0; }
.topformcontainer .topformwrap .formheading h2 span { display: block; font-size: 18px; font-weight: 400; color: #fff; }
.topformcontainer .topformwrap .formheading h2 { font-size: 30px; padding-bottom: 0; color: #000; line-height: 31px; margin-bottom: 20px; }
.topformcontainer .topformwrap .formbody { padding: 0px 0px; }
.topformcontainer .topformswitch { position: relative; background: #ffffff; cursor: pointer; border-radius: 0 0 10px 10px; overflow: visible; border: 1px solid #ac2291; font-size: 0; display: block; }
.topformcontainer .topformswitch .switchicon { display: inline-block; width: 50px; height: 52px; vertical-align: middle; background: #ac2291; text-align: center; padding: 10px; margin-top: -1px; border-radius: 0 0 0px 9px; }
.topformcontainer .topformswitch .switchicon span { color: #fff; font-size: 20px; margin-top: 5px; }
.topformcontainer .topformswitch h4 { padding-bottom: 0px; color: #000; vertical-align: middle; display: inline-block; padding: 10px 20px 0; text-align: center; line-height: 1; width: 308px; font: 24px/24px "Poppins", sans-serif; font-weight: 500; }
.topformcontainer .topformswitch h4 span { color: #fe3401; font-weight: 900; }
.topformcontainer .topformwrap .formbody .fldset { }
.topformcontainer .topformwrap .formbody .fldset input { margin: 0 0 10px 0; }
.topformcontainer .topformwrap .formbody .fldset input[type="submit"] { margin-bottom: 0px; margin-top: 10px }
.topformcontainer .topformwrap .formbody .dtf textarea { margin: 0px 0px 15px 0; height: 100px; width: 100%; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; font-weight: 400; outline: none !important; resize: none; }
.formbody .dtf input[type="text"],
.formbody .dtf input[type='email'],
.formbody .dtf input[type='number'] { width: 100%; margin: 0 0 0 0; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; height: 50px; font-weight: 400; outline: none !important; margin: 0 0 15px 0; }
.formbody .dtf .submit { width: 100%; }
.formbody .dtf .submit.brdr { border-radius: 5px; }
.formbody .home-banner-content { width: 100%; }
.formbody .container { width: 100%; max-width: 100%; margin: 0px; padding: 0px; }
.formbody .col-xl-12 { padding: 0px; }
.analyzeform.col-lg-10.offset-lg-1 { margin: 0px; width: 100%; max-width: 100%; flex: 100%; }
.analyzeform.col-lg-10.offset-lg-1 .wrap { width: 100%; height: auto; }

/*popup form*/
.ys-layer { display: none;    /*background-image: url(../images/pattern.png);*/ opacity: 0.7; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.ys-container { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); z-index: 9999; }
.ys-container.visible,
.ys-layer.visible { display: block; }
.ys-box { background-color: #fff; width: 0; height: 0; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); border-radius: 20px 20px 20px 20px;    /*box-shadow: 2px 2px 2px 0px rgba(0,0,0,.8);*/ transition: height .2s ease-in-out; }

/*.ys-popup-close {
box-shadow: 0px 0px 10px #0000000d;
position: absolute;
background-color: #fff;
color: #0c71f4;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
text-decoration: none;
text-indent: -5000px;
display: block;
box-sizing: border-box;
border-radius: 50%;
right: 0;
top: 0;
line-height: 1.7;
width: 0;
height: 0;
transform: translateX(50%) translateY(-50%);
transition: .2s ease-in-out;
-webkit-user-select: none;
user-select: none;
}*/
.app-input-group select { display: block; width: 100%; background: #fff; height: 50px; padding: 10px 30px 10px 17px;    /*-webkit-appearance: none;*/ border: none; border: 1px solid #d8d8d8; outline: none; border-radius: 6px; font-size: 14px; color: #989898; font-family: 'Poppins', sans-serif; }
.app-input-group .selectlabel { position: relative; top: 30px; }
.app-input-group.getaquote .textarea { height: 78px; margin-bottom: 30px; }
.secondary-header { padding: 30px 0px; position: relative; width: 100%; top: 0px; z-index: 200; background: #fff; }
.crossbtn { float: right; font-size: 30px; border: 2px solid #000; padding: 2px 7px; border-radius: 3px; color: #212529; }
.crossbtn:hover { color: #212529; }
.ys-popup-close { position: absolute; color: #6e6e6e; text-align: center; font-size: 16px; text-decoration: none; display: block; right: 10px; top: 10px; font-weight: 700; border: solid 1px #ccc; padding: 3px 10px; line-height: initial; border-radius: 100%; }
.ys-container.finished .ys-popup-close { width: 30px; height: 30px; text-indent: 0; }
.ys-popup-content { display: none; padding: 20px 40px; background: #fff; border-radius: 20px 20px 20px 20px; }
.ys-container.finished .ys-popup-content { display: block; }
.ys-popup-close:hover { text-decoration: none; color: #000; }
.ys-box { height: auto; width: 572px !important; background: #f3c06a; padding: 0; background-size: cover; }
.ys-box .mainbann { border-radius: 20px 20px 0 0; width: 100%; }
.popupform h2 { font-weight: 700; font: 16px/20px 'Poppins', sans-serif; color: #3a3a3a; margin: 10px 0 20px; color: #f00; }
.popupform h2 span { color: #ff3040; }
.popupform p { color: #000; padding: 0 0 8px; font-size: 14px; }
.popupform form p { color: #000; font-size: 14px; font-weight: 700; margin: 0; }
.popupform form p span { color: #0c71f4; }
p.small { font-size: 14px; color: #000; text-align: center; display: block; }
.popupform label { display: none; }
.popupform form .fldst { margin: 0 0 30px; display: block; width: 100%; }
.popupform span.heading { font-size: 30px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; display: block; }
.popupform figure { -webkit-animation: ripple 0.9s linear infinite; animation: ripple 0.9s linear infinite; width: 50px; height: 50px; border-radius: 100%; display: block; margin: -40px auto 30px; border: solid 1px #ededed; background: #ff3040; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
.popupform form .fldst .intl-tel-input { width: 79%; margin-bottom: 15px; }
.popupform form input[type="text"] { border-radius: 3px; }
.popupform form .fldst.btnattach button { position: relative; bottom: 0; border: 0; display: block; right: 0; background: #ff3040; width: 100%; height: 50px; border-radius: 4px; cursor: pointer; font-size: 16px; color: #fff; }
.popupform form .callus { border-top: 3px solid transparent; background-color: #ff3040; font-family: 'Poppins', sans-serif; font-size: 20px; color: #fff; line-height: 33px; padding: 8px 25px; outline: none; cursor: pointer; border-radius: 3px; display: block; text-align: center; }
.popupform form .callus i { margin: 0 0 0 15px; }
.popupform form .lst-p { text-align: center; padding: 0px 0px 15px; }
.popupform form .lst-p a { font-weight: 700; color: #ff3040; }
.popupform form .lst-p a:hover { color: #000; }
.popupform form input { width: 100%; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; height: 50px; font-weight: 400; outline: none !important; margin: 0 0 10px; }
.popupform form .newbtn { background: #ff3040; height: 51px; width: 100px; color: #fff; display: inline-block; vertical-align: top; border-radius: 0px 4px 4px 0px; cursor: pointer; border: 1px solid #e5e5e5; border-left: 0; font-size: 16px; font-weight: bold; }
.homepage_style .header-home .logo img.whitelogo { display: block;    /* height: 40px; */    /* margin-top: 15px; */ }
.homepage_style .header-home .logo img.colorlogo { display: none; }
.homepage_style ul.rightnav li a { color: #fff; }
.header-home.transition-DesignDok-300.fixed .menu ul li a { color: #333; }
.homepage_style.hoverheader .header-home.transition-DesignDok-300.fixed .logo img.whitelogo { display: none; }
.homepage_style.hoverheader .header-home.transition-DesignDok-300.fixed .logo img.colorlogo { display: block;    /* height: 40px; */    /* margin-top: 15px; */ }
.homepage_style.hoverheader .header-home.transition-DesignDok-300.fixed ul.rightnav li a { color: #333; }
.homepage_style.hoverheader .header-home.transition-DesignDok-300.fixed ul.rightnav li a.btn { color: #fff; }
.homepage_style .header-home:hover .menu ul li a { color: #333; }
.homepage_style.hoverheader .header-home:hover .logo img.whitelogo { display: none; }
.homepage_style.hoverheader .header-home:hover .logo img.colorlogo { display: block; height: 40px; margin-top: 15px; }
.homepage_style .topformcontainer { display: block; }
.homepage_style .myhome { margin: 0px 0 0; background-repeat: no-repeat; height: auto; padding: 50px 0 0; background-size: cover; background-position: 50% 50%; position: relative;    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9e0260+0,3a0535+100 */    /* Old browsers */

    /* FF3.6-15 */

    /* Chrome10-25,Safari5.1-6 */

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    /* IE6-9 */
z-index: 9; }
.home .top-home:after { display: none; content: ''; width: 100%; height: 100%; position: absolute;    /* z-index: 1; */ top: 0; left: 0;    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ea018e+0,9b2c92+100 */ background: #bd00d4b3;    /* Old browsers */ background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);    /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ea018e 0%, #9b2c92 100%);    /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fb0499c2 0%, #86007bd9 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1);    /* IE6-9 */ }
.top-home.ldfbg { background: linear-gradient(to right, rgb(156 156 156) 0%, #151213 100%); }
.seo-cta { padding: 30px 85px; }
.seo-cta p { display: inline-block; width: 73%; font-size: 30px; vertical-align: middle; }
.seo-cta a { border-top: 3px solid transparent; background-color: #ff3040; font-family: 'Poppins', sans-serif; font-size: 18px; color: #fff; line-height: 33px; padding: 16.5px 40px; outline: none; cursor: pointer;    /*border-radius: 6px;*/ display: inline-block; }
.seo-cta2 { background: #ff3040;    /*background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);
    background: -webkit-linear-gradient(left, #ea018e 0%,#9b2c92 100%);
    background: linear-gradient(to right, #ea018e 0%,#9b2c92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );*/ }
    .seo-cta2 p { color: #fff; }
    .seo-cta2 a { background-color: #fb222400; border: solid 1px #fff; }
    .seopage { padding: 0 45px 0px; }
    .services.seopage .information { width: 100%; margin-left: 0; }
    .services.seopage .text { display: inline-block; font: 20px/31px 'Poppins', sans-serif; color: #3a3a3a; margin-top: 22px; width: 48%; vertical-align: top; }
    .services.seopage .text.full { width: 100%; }
    .books.seopage { padding: 0px 45px 40px; }
    .books.seopage .list .item .book-size:hover { transform: translateY(-10px) scale(1); box-shadow: none; }
    .books.seopage .list .item .book-size { transition: 0.4s; box-shadow: none; width: 225px; cursor: pointer; border-radius: 3px; max-width: 100%; }
    .services_pages .topformcontainer {    /* display: block; */ }
    .firstRow ul { padding-left: 0; margin-bottom: 0; }
    .cust_hide_xs { display: block; }
    .cust_visible_xs { display: none; }
    .map { height: 300px; margin: 70px 0 0 }
    .map img { width: 100%; }
    .bluecolr { color: #f8931f; font-weight: 900; }
    .gotohome { border-top: 3px solid transparent; background-color: #ff3040; font-family: 'Poppins', sans-serif; font-size: 16px; color: #fff; line-height: initial; padding: 15px 40px; outline: none; cursor: pointer; border-radius: 3px; display: inline-block; }
    .gotohome:hover { color: #fff; }
    .see-results { padding: 30px 0; display: inline-block; width: 100%; position: relative; height: auto; z-index: 2; }
    .see-results .slick-slide { float: left; height: auto; }
    .see-results .result-heading h3 { font-weight: 700; padding-bottom: 23px; line-height: 46px; font-size: 52px; font-family: "Poppins", sans-serif; }
    .see-results .result-heading h3 .dont-belive { display: block; font-size: 28px }
    .seo-results-tab { background: url(../images/tablet-case-light.png) center no-repeat; min-height: 420px; width: 100%; background-size: contain; }
    .seo-results-tab table tr td .seo-rank-table th { background: #fad000 !important; padding: 4px 10px; text-transform: uppercase }
    .seo-rank-table tr th { padding: 10px 10px; }
    .seo-rank-table tr td { padding: 7px 10px; margin: 2px 0; font-size: 14px; }
    .seo-rank-table tr:nth-child(odd) { background: #f1f0f0; border-bottom: 1px solid #dee2e6; padding: 15px 0; font-size: 13px; }
    .seo-rank-table tr:nth-child(even) { background: #eaeaea; border-bottom: 2px solid #e1e0e0 }
    .seo-rank-table tr:last-child { border: none; background: #ffffff; }
    #case-study .seo-result-slide { margin-left: 82px !important }
    .seo-result-slide { max-width: 429px; margin-left: 155px; }
    .seo-result-slide .slick-prev:before,
    .seo-result-slide .slick-next:before { font-size: 30px; color: #ff3040; }
    .seo-result-slide .slick-prev,
    .seo-result-slide .slick-next { top: 48%; }
    .seo-result-slide table { width: 100%; }
    .seo-result-slide .slick-prev { left: -100px; content: "\f104"; font-family: fontAwesome; }
    .seo-result-slide .slick-next { right: -105px; content: "\f105"; font-family: fontAwesome !important; }
    .seo-result-slide table tr td:nth-child(1) { width: 71% !important }
    .seo-results-tab h5 { font-size: 18px; text-transform: uppercase; font-weight: 700; padding: 54px 0 4px; font-family: "Poppins", sans-serif; }
    .see-results .slick-slide:focus { outline: none; border: 0px }
    .seo-result-slide .item .text-center a,
    .seo-results-tab a { color: #444; font-family: var(--main-font); font-weight: 700 }
    .client-disc a,
    .seo-result-slide .item a { -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-transform: uppercase; font-weight: 600 }
    .seo-result-slide .item a { background: #f9cf00; border: none; color: #211e1e; padding: 7px 14px; font-size: 14px; margin: 5px 0 0 }
    .seo-result-slide .item p { margin: 0 0 2px }
    .seo-result-slide .item a:hover { background: #198be0; border-radius: 14px; color: #fff; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
    .seo-result-slide .owl-wrapper-outer { max-width: 515px; margin: 0 60px }
    .testimonial-colom { padding: 53px 0 20px }
    .testimonial-colom p { font-weight: 600 }
    .testimonial-colom .mb-0 { font-size: 15px; font-family: var(--main-font); font-weight: 600; padding: 19px 0 0 49px; color: #313131; width: 90%; text-align: left }
    .client-thumbnail { position: relative }
    .client-thumbnail:before { position: absolute; top: 48px; left: 90px; width: 19px; height: 20px; background: 0 0; content: '' }
    .client-disc .img-figure { padding-top: 0 !important; width: 70px; height: 70px; opacity: 1; position: relative; margin-left: 42px; z-index: 999; -o-object-fit: cover; object-fit: cover; border-radius: 100%; margin-top: 0 }
    .client-disc a { background: #f9cf00; font-size: 14px; border: none; padding: 7px 14px; color: #111010; border-bottom: 2px solid #e2bd05; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" }
    .client-disc a:hover { background: #198be0 }
    .client-disc p { font-size: 16px !important; margin-left: 0; margin-top: 5px; padding-top: 0 !important; color: #444 !important; font-weight: 500 !important }
    .testimonial-colom p { text-align: left !important; font-size: 15px; position: relative; padding: 13px 0 0 9px; font-family: var(--main-font); color: #313131 }
    .casestudy h6,
    .casestudy-over-child { text-align: center }
    .testimonial-colom .blockquote:after,
    .testimonial-colom .blockquote:before { font-family: FontAwesome; padding-right: 3px; color: #5b5c5f; font-weight: 600; top: 24px; left: 89%; font-size: 39px; position: absolute }
    .testimonial-colom .blockquote:before { content: '\f10d'; left: 7px; top: 16px }
    .testimonial-colom .blockquote:after { content: '\f10e'; right: 0; bottom: 89px }
    .testimonial-colom h5 { text-transform: var(--uppercase); font-weight: 700; font-family: var(--main-font); font-size: 29px }
    article.services-list { padding-top: 60px; }
    article.services-list h3 { font-family: "Poppins", sans-serif; font-size: 52px; font-weight: bold; line-height: 1.19; color: #3a3a3a; margin-bottom: 30px; font-weight: 500; }
    article.services-list p { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.5; color: #3a3a3a; margin-bottom: 10px; }
    figure.serviceImg { margin: 100px 0 0; }
    figure.serviceImg img { max-width: 100%; }
    ul.what-ul li { display: inline-block; margin-right: 40px; vertical-align: top; }
    ul.what-ul li a.what-ul-a { margin-left: 0; display: inline-block; top: 18px; position: relative; color: black; font-size: 16px; font-weight: bold; line-height: initial; }
    .what-ul li.discuss-icon:before { left: 21rem; bottom: 38px; }
    .bg-green-new { background-color: #24d193; }
    a.header-btn { display: inline-block; letter-spacing: .5px; margin: 20px 0 0; transition: .3s; border-top: 4px solid transparent; background-color: #ff3040; font-family: 'Poppins', sans-serif; font-size: 16px; color: #fff; line-height: 33px; padding: 6.5px 40px; outline: none; cursor: pointer; border-radius: 3px; white-space: nowrap; vertical-align: top; }
    .what-ul li.discuss-icon i { height: 40px; display: inline-block; width: auto; font-size: 28px; color: #ff3040; margin: 28px 10px 0 0; vertical-align: middle; }
    .cta h3 a.callus { background: none; color: #ff3040; text-align: left; margin: 10px 0 0 10px; padding: 0; text-decoration: none; }
    .cta h3 a.callus i { margin-right: 7px; }
    .listsec { text-align: center; padding: 60px 0; background: #F7F9FC; }
    .listsec h5 { text-align: center; background: #e6f1fe; color: #0c71f4; font-size: 16px; width: 13%; margin: 0 auto; margin-bottom: 20px; display: inline-block; padding: 5px 20px; border-radius: 30px; font-weight: 400; }
    .listsec h2 { padding-bottom: 0; font-size: 48px; line-height: 1.06; font-family: "Poppins", sans-serif; margin-bottom: 40px; font-weight: 500; }
    .listsec h2 span { color: #323637; font-family: var(--secondary-font-family); font-weight: 300; }
    .listsec p { width: 100%; color: #4a4e51; font-size: 22px; line-height: 1.2; padding-bottom: 0; }
    .listsec .wrap { }
    .listsec .wrap h6 { margin-top: 20px; color: #8b92af; font-size: 24px; font-family: var(--secondary-font-family); font-weight: 500; }
    .listsec .wrap span { color: #2c2c2c; font-size: 18px; font-family: var(--secondary-font-family); font-weight: 400; }
    .listsec .wrap span a { color: #0c71f4; font-size: 18px; font-family: var(--secondary-font-family); font-weight: 400; }
    .listsec .wrap ul { display: inline-block; border-radius: 6px; margin-bottom: 0; text-align: left; border: 1px solid #BBBECC; margin-top: 40px; padding: 0; }
    .listsec .wrap ul li { width: 33.33%; float: left;    /*border-bottom: 1px solid #BBBECC;*/ padding: 25px 30px 10px; }
    .listsec .wrap ul li.bb { border-bottom: 1px solid #BBBECC; }
    .listsec .wrap ul li.br { border-right: 1px solid #BBBECC; }
    .listsec .wrap ul li p { padding-left: 28px; font-size: 14px; position: relative; padding-bottom: 0; font-weight: 700; }
    .listsec .wrap ul li p:before { content: "\f058"; position: absolute; font-family: 'fontAwesome' !important; left: 0; font-size: 16px; color: #ff3040; display: table-cell; vertical-align: middle; }
    .listsec .wrap ul li:hover p:before { color: #000000; }
    .books.padingtop0 { padding: 0px 45px 80px; }
    .fullwrap.light { opacity: 0.2; }
    .promotion_page { }
    .promotion_page .header-home .menu ul li.hidemenu { display: none; }
    .promotion_page .topformcontainer { margin: 0 70px 0 0; }

    /*.promotion_page .topformwrap {height: 493px;margin: 80px 0 0 0;box-shadow: 7px 8px 60px #21156954;}
    .promotion_page .topformcontainer .topformwrap .formheading {
    background: #ff3040;}
    .promotion_page .top-home {height: auto;}
    .promotion_page .header-home {position: absolute;}*/
    .promotion_page .topformcontainer .topformswitch { border: 1px solid #ff3040; }
    .promotion_page .topformcontainer .topformswitch .switchicon { background: #ff3040; }
    .promotion_page .topformcontainer .topformswitch h4 { font-family: "Poppins", sans-serif; font-weight: bold; }
    .promotion_logo_slide { position: absolute; top: 20%; width: 100%; right: 0%; z-index: 99; box-shadow: -7px 9px 50px 0px #68737d73; }
    .promotion_logo_slide .slick-slide { height: auto; }
    .promotion_logo_slide .slick-slide:focus { outline: none; }
    .promotion_logo_slide .slide { width: 100%; }
    .promotion_logo_slide .slide img { max-width: 100%; width: 100%; }
    .slick-slide { height: auto; }
    .faqSec { display: table; width: 100%; }
    .faqSec .box { height: 100vh; display: table-cell; vertical-align: middle; }
    .faqSec h3 { font-size: 48px; line-height: 1.06; font-family: "Poppins", sans-serif; margin-bottom: 40px; font-weight: 500; }
    .header-home .menu ul li.gotoform { display: none; }
    .promotion_page .header-home .menu ul li.gotoform { display: inline-block; }
    .promotion_page .testimonials .clients { display: none; }
    ::placeholder {    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font: 16px/31px 'Poppins', sans-serif; font-weight: 500; color: #444; opacity: 1;    /* Firefox */ }
    :-ms-input-placeholder {    /* Internet Explorer 10-11 */
    font: 16px/31px 'Poppins', sans-serif; font-weight: 500; color: #444; }
    ::-ms-input-placeholder {    /* Microsoft Edge */
    font: 16px/31px 'Poppins', sans-serif; font-weight: 500; color: #444; }
    .fancybox-slide--iframe .fancybox-content { height: 100% !important; }
    .loadmorevideo .app-item { display: none; }
    .loadmore3d .app-item { display: none; }
    .loadmorebranding .app-item { display: none; }
    .loadmorelogo .app-item { display: none; }
    .loadmoreweb .app-item { display: none; }
    .loadmoremob .app-item { display: none; }
    .loadmoreallport .app-item { display: none; }
    .viewmorebtn { border: 1px solid #737373; background-color: #fff; font-family: 'Poppins', sans-serif; font-size: 16px; color: #737373; line-height: 13px; padding: 14.5px 40px; outline: none; height: 50px; cursor: pointer; border-radius: 3px; white-space: nowrap; margin-top: 30px; display: inline-block; }
    .viewmorebtn:hover { color: #fff; background: #ff3040; border-color: #ff3040; }
    .prvcy h2 { font-size: 48px; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 1.06; color: #3a3a3a; }
    .prvcy { position: relative; z-index: 2; background: #fff; padding: 200px 0 100px; }
    .prvcy h4 { margin: 35px 0px 15px 0px; font: 31px/37px "Poppins", sans-serif; transform: translateZ(100px); position: relative; width: 100%; }
    .prvcy p { font: 20px/31px 'Poppins', sans-serif; font-weight: 500; }
    .terms { }
    .terms h2 { font-size: 48px; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 1.06; color: #3a3a3a; }
    .terms { position: relative; z-index: 2; background: #fff; padding: 200px 0 100px; }
    .terms h4 { margin: 35px 0px 15px 0px; font: 31px/37px "Poppins", sans-serif; transform: translateZ(100px); position: relative; width: 100%; }
    .terms ul { width: 100%; }
    .terms ul li { font-size: 12px; list-style-type: disc; margin-top: 5px; color: #4f4f4f; font-weight: bold; margin-left: 10px; }
    .terms p span { color: #ff3040; font-weight: 700; }
    .terms p { font: 20px/31px 'Poppins', sans-serif; font-weight: 500; }
    .stiky_foter { width: 280px; position: fixed; bottom: -100%; height: 148px; left: 10px; z-index: 99999; background: #fff; border: solid 1px #ededed; border-radius: 6px 6px 0 0; padding: 20px 10px 20px; box-shadow: 0px 0px 10px #cccccc75; text-align: center; transition: 1s all; }
    .stiky_foter figure { -webkit-animation: ripple 0.9s linear infinite; animation: ripple 0.9s linear infinite; width: 50px; height: 50px; border-radius: 100%; display: block; margin: -40px auto 30px; border: solid 1px #ededed; background: #ff3040; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
    .stiky_foter p { margin: -15px 0 20px; font-weight: 900; font: 15px/18px "Poppins", sans-serif; font-weight: 500; }
    .stiky_foter a { background-color: #ff3040; color: #fff; font-size: 15px; padding: 10px 10px; border-radius: 4px; margin: 10px 0 0; display: block; text-align: center; font-weight: bold; }
    .stiky_foter.run { bottom: 0; }

    /*  .stiky_foter figure:after { content: '';    width: 50px;
    height: 50px;display: block; border-radius: 100%; }*/
    @-webkit-keyframes ripple {
        0% { box-shadow: 0 0 0 0 rgba(1, 201, 226, 0.3), 0 0 0 10px rgba(1, 201, 226, 0.3), 0 0 0 20px rgba(1, 201, 226, 0.3), 0 0 0 30px rgba(1, 201, 226, 0.3); }
        100% { box-shadow: 0 0 0 1em rgba(1, 201, 226, 0.3), 0 0 0 20px rgba(1, 201, 226, 0.3), 0 0 0 30px rgba(1, 201, 226, 0.3), 0 0 0 50px rgba(1, 201, 226, 0); }
    }
    @keyframes ripple {
        0% { box-shadow: 0 0 0 0 rgba(201, 205, 206, 0.3), 0 0 0 10px rgba(232, 238, 239, 0.3), 0 0 0 20px rgba(219, 224, 224, 0.3), 0 0 0 30px rgba(197, 199, 199, 0.3); }
        100% { box-shadow: 0 0 0 1em rgba(207, 219, 220, 0.3), 0 0 0 20px rgba(167, 174, 175, 0.3), 0 0 0 30px rgba(187, 194, 195, 0.3), 0 0 0 50px rgba(1, 201, 226, 0); }
    }
    .subs-pac .actions a.numberbtn { display: none; }
    .abcd { width: 32%; display: inline-block; vertical-align: top; margin: 0 5px 5px; }
    .main-headns { text-align: center; }
    .main-headns h2 { }
    .main-headns p { }
    .comerce { display: inline-block; width: 20%; }
    .comerce img { width: 100%; display: inline-block; }
    .comerces { width: 75%; float: right; }
    .comerces h4 { }
    .comerces p { }
    .p-newase { padding: 10px 5px; }
    .comerce2 { display: inline-block; width: 40%; }
    .comerce2 img { width: 100%; display: inline-block; }
    .comerces2 { width: 95%; }
    .btmst-section { display: none; }
    .servicesec { background: url(../images/packagesbg.jpg) no-repeat; width: 100%; background-size: cover; background-position: top center; padding: 60px 0; text-align: center;    /* background: #fff; */ }
    .servicesec h4 { font-size: 36px; text-align: center; margin-bottom: 15px; width: 100%; font-weight: 700; }
    .servicesec p { text-align: center; font-size: 20px; width: 100%; }
    .servicesec .boxwrap { display: inline-block; width: 100%; margin-top: 40px; text-align: center; margin-bottom: 40px; }
    .servicesec .boxwrap li { cursor: pointer; box-shadow: 0px 0px 30px #0000000f; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 10px 20px; position: relative; border-radius: 10px; min-height: 215px; padding: 40px; float: left; background: #fff; width: 18.1%; }
    .servicesec .boxwrap li i { background-image: url(../images/services-icons.png); background-repeat: no-repeat; width: 75px; display: inline-block; height: 80px; margin: 0 auto 10px;    /* background-position: top center; */ -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
    .servicesec .boxwrap li i.one { background-position: 13px 10px; }
    .servicesec .boxwrap li i.two { background-position: -70px 10px; }
    .servicesec .boxwrap li i.three { background-position: -150px 10px; }
    .servicesec .boxwrap li i.four { background-position: -230px 10px; }
    .servicesec .boxwrap li i.five { background-position: -320px 10px; }
    .servicesec .boxwrap li h6 { -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #2c2c2c; font-size: 16px; }
    .servicesec .boxwrap li:hover {    /* background: -moz-linear-gradient(left, #ff3040 0%,#7567d2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff3040 0%, #7567d2 100%);    /* Chrome10-25,Safari5.1-6 */ box-shadow: 0px 0px 45px #20CB9817; transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
    .servicesec .boxwrap li:hover i.one { background-position: 13px -70px; }
    .servicesec .boxwrap li:hover i.two { background-position: -70px -70px; }
    .servicesec .boxwrap li:hover i.three { background-position: -150px -70px; }
    .servicesec .boxwrap li:hover i.four { background-position: -230px -70px; }
    .servicesec .boxwrap li:hover i.five { background-position: -320px -70px; }
    .servicesec .boxwrap li:hover h6 { color: #fff; }
    .servicesec {    /* padding-top: 30px; */
    font-size: 0; }
    .servicesec .left { width: 50%; vertical-align: middle; padding: 0 15px; display: inline-block; text-align: left; }
    .servicesec .left h2 { font-size: 35px; color: #4d32fb;    /* font-family: 'Roboto Slab', serif; */ }
    .servicesec .left h3 { font-size: 18px; }
    .myservices .left p { font-size: 18px; text-align: left; }
    .pointlisting { margin-bottom: 0; display: inline-block; padding: 0; width: 100%; }
    .pointlisting li { position: relative; width: 47%; font-size: 16px; padding-left: 26px; padding-bottom: 10px; display: inline-block; vertical-align: top; }
    .pointlisting li:before { position: absolute; left: 0; top: 0; color: #22cc21; content: "\f058"; font-family: 'fontAwesome' !important; }
    .servicesec .right { display: inline-block; width: 50%; padding: 30px 15px 0; vertical-align: middle; }
    .servicesec .right figure { margin-bottom: 0; }
    .servicesec .right figure img { width: 100%; }
    .servicesec .boxwrap li.current {    /* background: -moz-linear-gradient(left, #ff3040 0%,#7567d2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff3040 0%, #7567d2 100%);    /* Chrome10-25,Safari5.1-6 */ box-shadow: 0px 0px 45px #20CB9817; transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
    .servicesec .boxwrap li.current i.two { background-position: -70px -70px; }
    .servicesec .boxwrap li.current h6 { color: #fff; }
    .servicesec .boxwrap li.current i.one { background-position: 13px -70px; }
    .servicesec .boxwrap li.current i.three { background-position: -150px -70px; }
    .servicesec .boxwrap li.current i.four { background-position: -230px -70px; }
    .servicesec .boxwrap li.current i.five { background-position: -320px -70px; }
    .wbcontentpg .inner-banner-content a { color: #f2bd19; }
    .wbcontentpg .approach-items .approach-item .approach-inner:after { color: #f2bd19; }
    .wbcontentpg .approach-items .approach-item:before { position: absolute; background: -webkit-linear-gradient(top, #f2bd19 50%, transparent 50%); background: linear-gradient(top, orange 50%, transparent 50%); background-size: 100% 6px; }
    .centerwrap .tab-content { display: block; }
    .tabs { display: none; }
    .tabs.current { display: block; }
    .mygrid { padding: 100px 0; background-image: -webkit-linear-gradient(45deg, #ff3040, #ff3040); background-image: -webkit-linear-gradient(45deg, #ff3040, #ff3040); }
    .mygrid h2 { color: #fff; text-align: center; font-size: 36px; width: 70%; font-weight: 700; line-height: 1.2; margin: 0 auto; }
    .mygrid p { color: #fff; text-align: center; font-size: 20px; width: 70%; padding-bottom: 0; line-height: 1.4; margin: 0 auto; }
    .gridlisting { font-size: 0; margin-bottom: 0; margin-top: 40px; }
    .gridlisting li { text-align: center; padding: 40px 30px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; width: 25%; display: inline-block; }
    .gridlisting li .innerwrap { }
    .gridlisting li .innerwrap figure { }
    .gridlisting li .innerwrap figure img { }
    .gridlisting li .innerwrap h3 { position: relative; font-size: 40px; color: #fff; line-height: 1; }
    .gridlisting li .innerwrap h3:after { content: "+"; position: absolute; font-size: 24px; bottom: 12px; margin: auto 0px 0 5px; }
    .gridlisting li .innerwrap p { font-size: 16px; text-transform: capitalize; }
    .gridlisting li .headd { font-size: 0; }
    .gridlisting li .headd .lf { display: inline-block; width: 16%; vertical-align: middle; }
    .gridlisting li .headd .lf i { font-size: 40px; color: #fff; }
    .gridlisting li .headd .rh { display: inline-block; width: 84%; vertical-align: middle; }
    .gridlisting li .headd .rh h4 { font-size: 22px; color: #fff; padding-bottom: 0; }
    .gridlisting li .headd .rh h4 span { display: block; font-size: 16px; margin-top: 5px; }
    .gridlisting li .boddy { }
    .gridlisting li .boddy p { width: 100%; padding-top: 25px; font-size: 16px; text-align: left; }
    .gridlisting li.nrb { border-right: 0px; }
    .gridlisting li.nbb { border-bottom: 0px; }
    .cta2 { overflow: hidden; background: url(../images/myctabg.png); padding: 60px 0; text-align: center; height: 325px; width: 100%; position: relative; background-size: cover; margin: 90px 0 0; background-repeat: no-repeat; background-position: top center; }
    .cta2 .wrap { position: relative; z-index: 2; }
    .cta2 .wrap h6 { color: #fff; font-size: 20px; font-weight: 400; padding-bottom: 20px; }
    .cta2 .wrap h3 { text-align: center; padding-bottom: 0; font-size: 30px; font-weight: 700; margin-bottom: 30px; color: #fff; }
    .cta2 .wrap a { padding: 12px 40px; color: #fff; font-weight: 700; display: inline-block; font-size: 18px; border: 1px solid #000 !important; border-radius: 5px;    /* Chrome10-25,Safari5.1-6 */ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background-color: black; }
    .cta2 .wrap a:hover { transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
    section.sponsors-sec h2 { font-size: 36px; text-align: center; font-weight: 700; padding-bottom: 40px; }
    section.sponsors-sec p { }
    section.sponsors-sec ul { margin-bottom: 0; text-align: center; }
    section.sponsors-sec { border-bottom: 1px solid #f1f1f1; padding: 100px 0; }
    section.sponsors-sec ul li { height: auto; display: inline-block; padding: 15px 25px; }
    section.sponsors-sec ul li img { height: 40px; width: auto; max-width: 100%; min-height: 40px; }
    .custom_logo_design_page .next-page { display: none !important; }
    .custom_logo_design_page .blog header .logo { margin: 15px 0; }
    .custom_logo_design_page .header-home .menu ul li:nth-child(1) { display: none; }
    .custom_logo_design_page .header-home .menu ul li:nth-child(2) { display: none; }
    .custom_logo_design_page .header-home .menu ul li:nth-child(3) { display: none; }
    .custom_logo_design_page .header-home .menu ul li:nth-child(4) { display: none; }
    .custom_logo_design_page .header-home .menu ul li:nth-child(5) { display: none; }
    .custom_logo_design_page .header-home .menu ul li:nth-child(6) { display: none; }
    .custom_logo_design_page .header-home .menu ul li:nth-child(7) { display: none; }
    .firstSectionbook { background-color: #f3f3f3; }
    .gbw .applications { padding-bottom: 0; }
    .firstSectionbook .info-black { margin: 40px 0 0; }
    @media screen and (max-width:1410px) {
        .myhome .mybannerform img { margin-right: 15px; max-width: 21%; }
        .header-home .menu ul li { margin: 0 0 0 14px; }
    }
    .btn-theme.extbtn { border-radius: 6px; }
    .btn-theme { padding: 15px 30px; border: none; font-weight: 600; cursor: pointer; font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 14px; transition: background 0.3s linear; border-radius: 6px; background: #ff3040; border: 1px solid #ff3040 !important; }
    .btn-theme:hover { color: #fff; }
    a.btn-theme.custBtn.cht { margin-left: 10px; border-radius: 6px; background: black; border: 1px solid #000 !important; }
    .mylogos { padding: 50px 0; background: #e5ffed; text-align: center; }
    .mylogos h2 { color: #333; font-size: 24px; margin: 0 0 30px; }
    .mylogos .llist { margin-bottom: 0; padding-left: 0; text-align: center; }
    .mylogos .llist li { display: inline-block; margin: 0px 15px 0; }
    .mylogos .llist li img { height: 80px; }
    .myslider { z-index: 99; }
    .myslider .item { width: 100%; height: 100%; background-size: 50%; background-position: right center; background-repeat: no-repeat; }
    .myslider .item.web { background-size: 55%; }
    .myslider .item.branding { background-size: 64%; }
    .myslider .item:focus { outline: none; }
    .greybg { background-color: #2c2c2c; }
    .strugglesec { padding: 50px 0; }
    .strugglesec h2 { text-align: left; font-size: 44px; width: 100%; font-weight: 700; line-height: 1.2; color: #333; }
    .strugglesec p { font: 16px/27px 'Poppins', sans-serif; color: #687087; margin: 30px 0; }
    .strugglesec ul { padding-left: 0; display: inline-block; }
    .strugglesec ul li { width: 50%; padding-left: 25px; line-height: 1.4; float: left; color: #687087; position: relative; font-size: 17px; padding-bottom: 11px; }
    .strugglesec ul li a { color: #687087; }
    .strugglesec ul li a:hover { color: #ff3040; }
    .strugglesec ul li:before { content: "\f00c"; position: absolute; font: normal normal normal 14px/1 FontAwesome; left: 0; font-size: 14px; color: #f60909; display: table-cell; vertical-align: middle; }
    .strugglesec img { max-width: 100%; }
    .mtpx-30 { margin-top: 30px; }
    .satisfactionfold { background: #f5f5f56b; overflow: hidden; width: 100%; padding: 100px 0 80px; }
    .satisfactionfold .textwrap { }
    .satisfactionfold .textwrap h2 { text-align: left; font-size: 36px; width: 100%; font-weight: 700; line-height: 1.2; }
    .satisfactionfold .textwrap p { text-align: left; font-size: 20px; width: 100%; padding-bottom: 0; line-height: 1.4; }
    .satisfactionfold .textwrap .satisfylist { display: inline-block; margin-bottom: 0px; margin-top: 20px; padding-left: 0; }
    .satisfactionfold .textwrap .satisfylist li { width: 50%; float: left; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; min-height: 290px; }
    .satisfactionfold .textwrap .satisfylist li .figg { margin-bottom: 15px; }
    .satisfactionfold .textwrap .satisfylist li .figg img { color: #f38440; font-size: 40px; width: 40px; height: 40px; }
    .satisfactionfold .textwrap .satisfylist li h3 { font-size: 17px; font-weight: 700; }
    .satisfactionfold .textwrap .satisfylist li p { font-size: 16px; }
    .satisfactionfold figure { margin-bottom: 0px; }
    .satisfactionfold figure img { width: 650px; }
    .applications { padding-bottom: 0; margin-bottom: 50px; }
    .myright { }
    .section-work-grid { padding: 0 }
    .section-work-grid li,
    .section-work-grid ul { margin: 0; padding: 0 }
    .work-grid {    /* background: #000; */
    width: 100%; text-align: center; }
    .scrollbar .work-grid { width: calc(100vw + 20px) }
    .work-grid-item,
    .work-grid-item-featured { overflow: hidden; width: 31%; height: 254px; position: relative; display: inline-block; margin: 9px !important; }
    .work-grid-item-featured { width: 100vw }
    .work-grid-item-featured video { position: absolute; width: 100vw; height: auto }
    .work-grid-item-img,
    .work-grid-item-img-wrapper { display: block; position: absolute; top: 0; width: 100%;    /* background: #000 */ }
    .work-grid-item-img-wrapper { height: 100%; -webkit-perspective: 5000px; perspective: 5000px }
    .work-grid-item-img { height: auto; -webkit-transition: all .1s; transition: all .1s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden }
    .work-grid-item-inner,
    .work-grid-item-overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding: 10px; }
    .work-grid-item-overlay { opacity: 0; background: rgba(0, 0, 0, 0.59); -webkit-transition: all .25s ease; transition: all .25s ease; color: #fff; z-index: 2; }
    .work-grid-item-inner:hover .work-grid-item-overlay { opacity: 1 }
    .work-grid-item-content { min-width: 80%; max-width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; }
    .work-grid-item-content p { display: none; }
    .work-grid-item-featured .work-grid-item-content { -webkit-transform: translate(-50%, -75%); transform: translate(-50%, -75%) }
    .work-grid-item-content h2 { margin-bottom: 20px; line-height: 1em; display: none; }
    .work-grid-item-content h3 { margin-bottom: .5em; color: #fff; font-size: 1.17em; }
    .work-grid-item-inner .btn { -webkit-transition: all .25s ease; transition: all .25s ease; color: #fff; background-color: transparent; border-color: #fff; }
    .work-grid-cta { clear: both; text-align: center; padding: 5.35em 0 }
    .work-grid-item-content,
    .work-grid-item-overlay { -webkit-filter: none !important; filter: none !important }
    .work-grid-small .work-grid-item-img-wrapper { -webkit-perspective: 1000px; perspective: 1000px }
    .work-grid-small .work-grid-item { width: 25vw; height: 25vw }
    .work-grid-small .work-grid-item-content h2 { font-size: 1em; color: #fff; }
    .work-grid-small .work-grid-item-content h3 { font-size: .4em; color: #fff; }
    .work-grid-small .work-grid-item-content p { font-size: .6em; line-height: 1.2em; color: #fff; }
    .work-grid-item-featured .work-grid-item-content h2 { color: #fff; font-size: 60px; }
    .work-grid-item-featured .work-grid-item-content h3 { color: #fff; font-size: 26px; }
    .work-grid-item-featured .work-grid-item-content p { color: #fff; }
    .btn { display: inline-block; font-weight: 400; line-height: 1.25; font-size: 14px; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .5rem 1rem; font-size: 16px; -webkit-transition: all .25s ease; transition: all .25s ease; cursor: pointer; border-radius: 6px; }
    .btn-secondary,
    .btn-secondary:hover { color: #fff; background-color: transparent; border-color: #fff; }
    .section-inverse .btn-secondary:focus,
    .section-inverse .btn-secondary:hover,
    .section-marina .btn-secondary:focus,
    .section-marina .btn-secondary:hover,
    .section-santamonica .btn-secondary:focus,
    .section-santamonica .btn-secondary:hover,
    .section-westwood .btn-secondary:focus,
    .section-westwood .btn-secondary:hover { background: #fff; border-color: #fff; }
    .section-marina { background-color: #380634; }
    .section-marina h2 { color: #fff; font: 60px/82px "Poppins", sans-serif; font-weight: 700; }
    .section-marina p { color: #fff; font: 24px/30px "Poppins", sans-serif; }
    .img-fluid,
    .img-thumbnail { max-width: 100%; height: auto; }
    #testimonial-id blockquote { font: 36px/40px 'Poppins', sans-serif; font-weight: 500; border-left: 0.5em solid #000; padding-left: 1.5em; }
    .morenew:hover { background: #f8931f; border-color: #f8931f; color: #fff; }
    #testimonial-id blockquote footer { font: 20px/31px 'Poppins', sans-serif; font-weight: 500; display: inline-block; padding: 0; }
    #testimonial-id blockquote footer:before { content: "\2014 "; }
    #testimonial-id blockquote footer small { font-family: FFFranziskaWebLight, Georgia, Times New Roman, Times, serif; display: block; color: #666; }
    #testimonial-id .small,
    #testimonial-id small { font-size: 80%; font-weight: 400; }
    #testimonial-id blockquote footer span { display: block; }
    #testimonial-id blockquote footer span i { color: #fca705; margin: 0 2px; }
    @media screen and (max-width:1440px) {
        .work-grid-item,
        .work-grid-item-featured { width: 31%; }
    }
    .packagebox .packhdbox p span.strike { text-decoration: line-through; }
    #intro-id h1 { font: 44px/64px "Poppins", sans-serif; color: #333; font-weight: bold; }
    #intro-id p { font: 20px/31px 'Poppins', sans-serif; font-weight: 500; overflow: hidden; color: #444; }
    #process-id h2 { font: 50px/64px "Poppins", sans-serif; color: #444; font-weight: bold; width: 70%; display: inline-block; }
    #process-id a.btn-theme { padding: 15px 30px; display: inline-block; float: right; line-height: initial; margin: 50px 0 0; border: 0px; vertical-align: top; }
    #process-id p { font: 20px/31px 'Poppins', sans-serif; font-weight: 500; overflow: hidden; color: #444; width: 70%; display: inline-block; }
    #processVid-id { margin: -61px 0 0; position: relative; z-index: 1; background: #fcfcfc; }
    #process-id { background-color: #fcfcfc; padding-bottom: 0 !important; }
    .selectCust { position: relative; }
    .selectCust:after { position: absolute; content: "\f107"; font-family: fontAwesome; font-size: 24px; color: #989898; display: block; top: 12px; right: 20px; }
    .callusnow { width: 50px; height: 50px; color: #fff; display: block; text-align: center; border-radius: 100%; font-size: 24px; position: fixed; bottom: 20px; left: 20px; z-index: 9999; box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); padding: 12px 0; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; background: #30b962;    /*background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);*/    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );
                        */
    border: solid 3px #30b962; }
    .callusnow:hover { color: #ffffff; }
    .whatsapp { width: 50px; height: 51px; color: #fff; display: block; text-align: center; border-radius: 100%; font-size: 34px; position: fixed; bottom: 100px; left: 20px; z-index: 9999; box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); padding: 9px 0; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; background: #00e676; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);    /* background: -webkit-linear-gradient(left, #ea018e 0%,#9b2c92 100%); */    /* background: linear-gradient(to right, #ea018e 0%,#9b2c92 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); }
    .whatsapp:hover { color: #ffffff; }
    .strugglesec .paright h4 { color: #ff3040; }
    @keyframes scrollDownAnimation {
        from { transform: translateY(0); }
        to { transform: translateY(-10px); }
    }
    @-webkit-keyframes scrollDownAnimation {
        from { transform: translateY(0); }
        to { transform: translateY(-10px); }
    }
    .slick-slide:focus { outline: none; }
    .testimonial-sec { padding: 40px 0px; background-color: #fbfbfb; text-align: center; }
    .custom-css { padding-top: 200px !important; }
    .testimonial-sec h4 { font-size: 18px; font-weight: 500; margin: 0 0 10px 0; color: #ff3040; }
    .testimonial-sec h3 { color: #444; text-transform: capitalize; font: 50px/60px "Poppins", sans-serif; font-weight: 700; }
    .testimonial { width: 100%; margin: 10px 0 0; }
    .testimonial .item .itext {    /* background:#fff; */
    width: 93%; padding: 24px 28px; margin: 10px auto 26px; text-align: left; position: relative; min-height: 193px; border-radius: 5px;    /* box-shadow: 4px 9px 20px 0 #dedede; */ }
    .testimonial .item .itext:before { position: absolute; content: "\f0dd"; font-family: "FontAwesome"; bottom: 5px; left: 20px; color: #fff; font-size: 54px; line-height: 0; display: none; }
    .testimonial .item .itext .star { margin: 0 0 10px; }
    .testimonial .item .itext .star i { color: #ffa432; }
    .testimonial .item .itext p { font-size: 16px; color: #929292; line-height: 1.4; padding-right: 4px; width: 100%; display: inline-block; }
    .testimonial .item .icli { padding: 0 0 0 0px; width: 100%; margin: 0 0 20px; display: inline-block; }
    .testimonial .item .cliimg { display: inline-block; width: 50px; margin-right: 20px; vertical-align: top; float: left; text-align: center; }
    .testimonial .item .cliimg span { width: 100%; height: 100%; color: #fff; background: #ff3040; border-radius: 100%; display: block; height: 50px; font-weight: bold; padding: 13px 0 0; }
    .testimonial .item .cliimg img { width: 100%; border-radius: 50%; }
    .testimonial .item .cliname { display: inline-block; text-align: left; float: left; }
    .testimonial .item .cliname h6 { font-size: 15px; margin: 0 0 0px; color: #202020; }
    .testimonial .item .cliname p { font-size: 15px; color: #929292; line-height: 1.5; margin: 0; }
    .testimonial .item .itext p::-webkit-scrollbar { width: 2px; height: 2px; }
    .testimonial .item .itext p::-webkit-scrollbar-button:start:decrement,
    .testimonial .item .itext p::-webkit-scrollbar-button:end:increment { display: none; }
    .testimonial .item .itext p::-webkit-scrollbar-track-piece { background-color: #fff; -webkit-border-radius: 0px; border-left: 0px solid #ccc; }
    ::-webkit-scrollbar-thumb:vertical { -webkit-border-radius: 0px; background: #ff3040; }
    .custBtn { background: #ff3040; border: solid #ff3040; }
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
    input[type="number"] { -moz-appearance: textfield; }
    .grayNav .header-home .menu ul li a { color: #444; }
    .grayNav .header-home.fill .menu ul li.hire-us a { color: #fff; background: #ea018e; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: -webkit-linear-gradient(left, #ea018e 0%, #9b2c92 100%); background: linear-gradient(to right, #ea018e 0%, #9b2c92 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); border: solid 0px #fff; }
    .next-page { display: none !important; }
    .app-input-group::-webkit-input-placeholder {    /* Edge */
    color: #989898; }
    .app-input-group:-ms-input-placeholder {    /* Internet Explorer 10-11 */
    color: #989898; }
    .app-input-group::placeholder { color: #989898; }
    .hmpage .textarea { width: 99%; }
    .processPage .services-top h2 { font: 52px/62px "Poppins", sans-serif; font-weight: 700; }
    .processPage .services-top h2 span { font: 24px/18px "Poppins", sans-serif; color: #de078e; display: block; margin: 0 0 10px; }
    .processPage .services-list h3 span { font: 24px/18px "Poppins", sans-serif; color: #de078e; display: block; margin: 0 0 10px; }
    .processPage .services-list .item-3 img { float: right; }
    .processPage .services-list .item-2 img { float: inherit; margin: 0 auto; display: table; }
    .processPage .services-list .item-1 img { width: 80%; float: inherit; margin: 0 auto; display: table; }
    .processPage .services-list .container { margin-bottom: 80px; }
    .processPage .services-list { padding-top: 100px; }
    .morenew { transition: background 0.3s linear; border-radius: 6px; display: inline-block; border: solid 1px #FFF; background: linear-gradient(to right, #f8931f 0%, #f15d28 100%); background: linear-gradient(to right, #f8931f 0%, #f15d28 100%); background: linear-gradient(to right, #f8931f 0%, #f15d28 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e', endColorstr='#9b2c92', GradientType=1); }
    .section-work-grid .btn-secondary:hover { color: #444; }
    .figlogo { transition: all .2s ease-in-out; }
    .figlogo img { transition: all .2s ease-in-out; }
    .figlogo img.white-img { display: block; transition: all .2s ease-in-out; }
    .figlogo img.hov-img { display: none; transition: all .2s ease-in-out; }
    .figlogo:hover img.white-img { display: none; }
    .figlogo:hover img.hov-img { display: block; transform: scale(1.5); }
    .figlogo:hover { background: #fff; border-radius: 6px; box-shadow: 6px 8px 30px #37055a3b; }
    p.font20 { font-size: 20px; }
    .testimonial .slick-prev:before,
    .testimonial .slick-next:before { font-size: 36px; line-height: 1; color: #ff3040; }
    .testimonial .slick-prev,
    .testimonial .slick-next { top: 38%; }
    .testimonial .slick-next { content: "\f105"; font-family: fontAwesome !important; font-family: fontAwesome; }
    .works-wrap .applications .tab-custom .tabbing-links li:hover { border-bottom: 1px solid #f8931f; background-color: rgba(187, 187, 187, 0); color: #f8931f; }
    .works-wrap .applications .tab-custom .tabbing-links li.current { border-bottom: 1px solid #ff3040; background-color: rgba(187, 187, 187, 0); color: #ff3040; }
    .home .works-wrap { padding: 0px 0 50px; background: #f9dfff; }
    .home .works-wrap .tab-custom .tabbing-links { padding-left: 0; margin-bottom: 20px; }
    .home .works-wrap .applications { padding-bottom: 0; }
    .home .works-wrap .mypackages { margin-top: 146px; }
    .home .works-wrap .mypackages .tab-custom .tabbing-links { padding-left: 20px; }
    .homepage_style.homeclass .works-wrap .tab-custom .tabbing-links li:hover { border-bottom: 1px solid #f8931f; background-color: rgba(187, 187, 187, 0); color: #f8931f; }
    .serNewstyle { background: #380634; }
    .services-top.serNewstyle .top { color: #fff; }
    .services-top.serNewstyle h2 { color: #fff; }
    .info-black { margin-bottom: 30px; }
    .appSlidernew { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
    .appSlidernew .appslide { width: 100%; height: 100%; }

    /*@media (min-width:768px) and (max-width: 1024px) {
    .top-home {height: 850px;margin: 80px 0 0 0 !important;}
    .company-top .list .item {max-width:135px ; margin:40px 20px; vertical-align: top;}
    .myport {    padding-top: 0; padding-left: 50px;}
    .tab-custom .tabbing-links {padding-left: 50px; margin-bottom: 50px; }
    .services .content {padding: 60px 0 40px; }
    .services-top .list .item {    min-width: 0;}
    .header-home .menu ul li {    margin: 0 0 0 14px;}
    .header-home .menu ul li a {font-size: 13px;}


    }
    */
    .contacts.orders .app-input-group.getaquote .textarea { height: 128px; margin-bottom: 0; }
    .contacts.orders .input,
    .contacts.orders .textarea { padding: 16px 20px; }
    .contacts.orders .app-input-group.full { width: 96%; }
    .contacts.orders .send-wrap { width: 97%; }
    @media (min-width:768px) and (max-width:1024px) {
        .header-home .hamburger { display: inline-block; padding-right: 0; }
        .header-home .logo { margin-top: 10px; width: 138px; }
        .header-home .logo img { width: 138px; }
        .header-home .menu { position: fixed; margin-top: 0px; height: 100%; width: 100%; background: #fff; top: 0; left: 0; transform: translateX(-100%); transition: transform 0.2s linear, opacity 0.2s linear, z-index 0.2s linear; opacity: 0; z-index: -1; }
        .header-home .menu.show { transform: translateY(0%); z-index: -1; opacity: 1; }
        .header-home .menu ul { padding: 0; display: flex; flex-direction: column; height: 100%; justify-content: center; padding-bottom: 125px; align-items: normal; padding-left: 20px; }
        .header-home .menu ul li { justify-content: center; margin: 0; }
        .header-home .menu ul li:last-child { position: absolute; bottom: 65px; left: 0; width: 100%; z-index: 1; }
        .header-home .menu ul li:last-child a { border-radius: 0px; }
        .header-home .menu ul li a { display: block; padding: 10px 0 !important; color: #000; font-size: 29px; height: auto; border: none; }
        .header-home .menu ul li a:hover { border: none; }
        .header-home .menu ul li.active a { border: none; }
        .top-home { height: 720px; margin: 80px 0 0 0 !important; }
        .company-top .list .item { max-width: 105px; margin: 40px 15px; vertical-align: top; }
        .myport { padding-top: 0; padding-left: 50px; }
        .tab-custom .tabbing-links { padding-left: 50px; margin-bottom: 50px; }
        .services .content { padding: 60px 0 40px; }
        .services-top .list .item { min-width: 0; }
        .height-dog.col-lg-6 { flex: 0 0 100%; max-width: 100%; height: auto; }
        .myhome .content { padding-top: 70px; z-index: 9; height: 100%; display: inline-block; vertical-align: middle; }
        .top-home .content h1.title { font-size: 46px; line-height: 52px; max-width: 100%; }
        .myticks li:before { position: relative; left: 0; top: 0; margin-right: 15px; }
        .myticks { text-align: left; }
        .myticks li { padding: 0 0 5px 0px; font: 15px/31px 'Poppins', sans-serif; }
        .fullwrap .mybanslider { height: 550px; display: inline-block; }
        .designunigue ul li:first-child { padding-right: 0; margin-right: 0; border-right: 0px solid #ccc; width: 100%; }
        .designunigue ul li:nth-child(2) { width: 100%; }
        .designunigue { padding: 30px 25px; text-align: center; }
        .designunigue p { margin-bottom: 25px; }
        .designunigue ul li:last-child { text-align: center; width: 100%; }
        .designunigue .subimages { margin: 0 0 15px; text-align: center; }
        .designunigue .subimages li:last-child { width: auto; }
        .designunigue .subimages li { margin: 0 10px; display: inherit; float: none; }
        .applications { margin-top: 100px; }
        .map { height: 300px; margin: 0px 0 160px; }
        .myport h2 { font: 52px/56px "Poppins", sans-serif; }
        .tab-custom .tabbing-links li { font-size: 13px; padding: 5px 8px; margin: 5px 0; }
        .cta h3 { width: 70%; }
        .mypackages .information { width: 100%; margin-left: 0; }
        .mypackages .tab-custom .tabbing-links { padding-left: 0; }
        section.call-actions h2 { font-size: 12px; margin: 0px; padding: 11px 0px 11px 0px; }
        .phone-div { padding-left: 0; }
        section.call-actions h3 { font-size: 16px; }
        div.slash2::after { left: 164px; }
        div.slash::after { left: 209px; }
        .works-wrap .works__info { padding-left: 0; padding: 0 30px; }
        .works-wrap .page-title { font: 52px/60px "Poppins", sans-serif; }
        .portpage { margin-top: 0; }
        .figsec .imgone { display: none !important; }
        .stepSec .figsec .imgtwo { display: none !important; }
        .stepSec .figsec .imgthree { display: none !important; }
        .stepSec { padding: 0px 0 220px; }
        .main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-display-name { width: 46%; }
        .main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-canvas .set-card-canvas-inner figure img { width: 100%; }
        .header-home .menu ul li.dropdown .ddlist { position: relative; top: 0; left: 0; width: 280px; height: auto; padding: 10px 0; margin: 0 auto; }
        .header-home .menu ul li.dropdown .ddlist li { padding: 0px 25px; }
        .header-home .menu ul li.dropdown .ddlist li:last-child { position: relative; bottom: auto; }
        .company-top .list .counter { font-size: 40px !important; }
        .company-top .list .nan { font-size: 40px; }
        .company-top .list span { font-size: 18px; line-height: 1.3; }
        .services .choices .col { flex-basis: inherit; flex-grow: inherit; max-width: 100%; width: 33%; display: inline-block; }
        .books .list .item .title { margin: 35px 0px 15px 0px; font: 23px/27px "Poppins", sans-serif; }
        .books .list .item .book-links a { margin-right: 2px; font-size: 11px; padding: 0px 11px; }
        .books .content { padding: 30px 0 0; }
        .seo-result-slide { max-width: 306px; margin-left: 67px; }
        .seo-cta { padding: 30px 15px; }
        .seo-cta p { display: inline-block; width: 60%; font-size: 24px; vertical-align: middle; }
        .services-list { padding-top: 70px; }
        .fullwrap .mybanslider .item:first-child figure img { width: 710px; }
        .myslider .item { background-image: none !important; }
        .home .works-wrap .tab-custom .tabbing-links { padding-left: 20px; }
        .work-grid-item,
        .work-grid-item-featured { width: 23%; height: 175px; }
        #intro-id .col-8 { flex: 0 0 99.66667%; max-width: 99.66667%; }
        #clients-id .col-8 { flex: 0 0 99.66667%; max-width: 99.66667%; }
        #process-id .col-9 { flex: 0 0 99.66667%; max-width: 99.66667%; }
        .pb-5,
        .py-5 { padding-bottom: 20px !important; }
        .pt-5,
        .py-5 { padding-top: 20px !important; }
        .strugglesec ul { margin: 40px 0 0; }
        .top-home { height: auto; }
        .home .top-home { height: 600px; }
        .topformcontainer { width: 280px; right: 0%; top: 30%; transform: translateY(-50%) translateX(-20%); z-index: 9; }
        .topformcontainer .topformwrap .formheading h2 { font-size: 22px; line-height: 27px; }
        .top-home .content h1.title { font-size: 32px; line-height: 42px; max-width: 100%; text-align: left; }
        .myhome.whiteClr .content p { color: #fff; text-align: left; }
        .header-home .logo img.whitelogo { display: none; }
        .header-home .logo img.colorlogo { display: block; }
        .myhome .content p { text-align: left; }
        .header-home .menu ul { overflow-y: scroll; }
        .menu .submenuwrap .menu-container ul li { width: 28%; display: inline-block; padding: 0px 0px; }
        .header-home .menu ul li.megamenu:hover .submenuwrap { top: 70px; height: auto; position: absolute; width: 100%; left: -20px; z-index: 2; }
        .header-home.fill .menu ul li.hire-us a { display: table; padding: 30px 80px !important; width: 150px; text-align: center; font-size: 24px; }
        .services-top .list { margin-top: 50px; }
        .services-list .case-block { margin-bottom: 50px; }
        .services-list .image-service { margin-bottom: 0; }
    }
    @media only screen and (device-width:1024px) {
        .figsec .imgone { display: block !important; right: 0 !important; width: 100%; }
        .stepSec .figsec .imgone img { width: 100%; }
    }
    @media (max-width:767px) {
        .see-results .result-heading h3 { font-size: 26px; }
        .terminal-definition .video-container { display: none; }
        .company-top .row.list.text-center { display: none; }
        .services-top .video-container { display: none; }
        #intro-id p { font-size: 14px; }
        .left.information h2.title { font-size: 26px; }
        .books.seopage .list .item .book-size { display: none; }
        .tab-custom .tabbing-links li { font-size: 12px; }
        .mypackages .mytext { font-size: 14px; }
        .packagebox { border: 1px solid #ffffff; }
        .cta-new h3 { font-size: 26px; }
        .myticks li { font-size: 13px; }
        .myticks { margin-bottom: 30px !important; }
        .portfolioparagraph { font-size: 14px !important; }
        .servicesbanner video { display: none; }
        .services-list .case-block { margin-bottom: 0; }
        .height-dog { height: auto; }
        .floatbutton { display: none; }
        .top-home .mobile-dog { display: none !important; }
        .myhome .mybannerform form .wrap .dtf { width: 100%; border-bottom: solid 8px #f7f7f7; }
        .brandsvg { margin: 10px 0 0; max-width: 100%; }
        footer { padding: 30px 0px 30px; }
        .contacts .container .phone { margin-bottom: 15px; }
        .mypackages .information { width: 100%; margin-left: 0; padding: 0 20px; }
        .mypackages .tab-custom .tabbing-links { padding-left: 0; text-align: center; }
        .mypackages { padding: 20px 5px 20px; }
        .mypackages .myheading { font: 36px/40px "Poppins", sans-serif; font-weight: 700; padding-bottom: 20px; }
        .services .choices i { width: 80px; }
        .homepage_style .myhome { margin: 20px 0; }
        .mybanslider { display: none !important; }
        .myport { padding: 0 15px; }
        .tab-custom .tabbing-links { padding-left: 0; margin-bottom: 20px; padding: 0 15px; }
        .homecounter.company-top { padding-top: 0; padding: 0 15px; }
        .myhome .content { padding-top: 100px; height: auto; display: inline-block; padding-left: 0; }
        .myhome .mybannerform img { margin-right: 10px; }
        .top-home .content .bottom { left: 0; }
        .top-home .content .bottom .watch-button { width: 110px !important; height: 110px !important; min-width: 0 !important; min-height: 0 !important; margin-left: 0px; text-align: left; }
        .top-home .content .bottom { display: block; }
        .top-home .content .bottom p,
        .top-home .content .bottom a { margin: 40px 0px 0px 0; vertical-align: top; }
        .applications .bg-container { height: 300px; }
        .applications .app-item .content { margin: 0 18px; }
        .tab-custom .tabbing-links .slick-list { height: auto; }
        .firstRow ul li { width: 32%; height: auto; text-align: center; }
        .firstRow ul li img { max-width: 100%; margin: 0 auto; }
        .tab-custom { width: 100%; }
        .testimonials .phrases .slick-next,
        .testimonials .phrases .slick-prev { display: block !important; }
        .testimonials .content .phrases>div { width: 85%; display: block; }
        .testimonials .content .phrases .slick-slide { display: block; }
        .testimonials .content .who { display: block; padding: 0 0px; }
        .phrase-inner .phrase { font-size: 14px; padding: 0 10px; }
        .phrase-inner .phrase:before { display: none; }
        .testimonials .content .who .avatar { display: inline-block; }
        .testimonials .phrases .slick-next,
        .testimonials .phrases .slick-prev { display: none !important; }
        .testimonials .clients li { width: 30%; flex-basis: 30%; padding: 2px 0; }
        .testimonials .clients li p { font-size: 14px; }
        .testimonials .clients { padding-top: 30px; }
        .cust_hide_xs { display: none; }
        .cust_visible_xs { display: block; }
        footer ul { display: none; }
        footer h3 i { float: right; display: block !important; }
        .topformcontainer { width: 310px; margin: 0 auto !important; right: 0; left: 0; bottom: 0; position: relative; top: 110px; transform: translateY(0%) translateX(0%); }
        .topformcontainer .topformswitch h4 { width: 267px; font-size: 20px; padding: 10px 0px 0; }
        .topformcontainer .topformswitch .switchicon { width: 40px; }
        .promotion_logo_slide { position: inherit; top: 0; }
        .designunigue { padding: 10px 5px; text-align: center; }
        .designunigue p { font-size: 16px; }

        /*.designunigue ul li:first-child {padding-right: 0;margin-right: 0;width: 100%;text-align: center;border: 0px;}
        .designunigue ul li:nth-child(3) {position: inherit;right: 0;width: 100%;}
        .designunigue ul li:nth-child(2) {    width: 100% !important;  float: none;margin: 20px 0 0;}*/
        .designunigue ul li:first-child { border-right: 0px solid #ccc; width: 100%; margin-right: 0; padding-right: 0; }
        .designunigue ul li a { margin-top: 5px; display: table; font-size: 14px; height: 40px; margin: 10px auto; line-height: initial; padding: 8px 10px; border-radius: 3px; }
        .designunigue ul li span { font-size: 12px; display: block; text-align: center; }
        .company-top .list .item { width: auto !important; display: inline-block; margin: 20px 20px; padding-left: 0; text-align: center !important; }
        .company-top .list { text-align: center; }
        .myport h2 { margin: 0px 0 0; font-weight: bold; font-size: 26px; }
        article.services-list { padding-top: 0; }
        article.services-list h3 { font-size: 40px; margin-bottom: 10px; }
        article.services-list p { font-size: 14px; }
        figure.serviceImg { margin: 0px 0 0; }
        .cta { text-align: center; padding: 20px 10px; }
        .cta h3 { width: 100%; font-size: 16px; }
        .cta a { margin: 0 auto; }
        .cta .same a { font-size: 18px; }
        .cta .same { font-size: 16px; display: block; text-align: center; margin: 10px 0 20px; }
        .cta h3 a.callus { font-size: 1px; }
        section.call-actions h3 { font-size: 20px; }
        .listsec h2 { font-size: 36px; margin-bottom: 20px; }
        .listsec .wrap ul { padding: 15px 0; height: 250px; margin-top: 0; overflow-y: scroll; }
        .listsec .wrap ul li.bb { border-bottom: 0px; }
        .listsec p { text-align: center; }
        .listsec .wrap ul li { width: 100%; float: left; padding: 3px 20px; }
        .listsec .wrap ul li.br { border-right: 0px solid #BBBECC; }
        .listsec { }
        .contacts { padding-top: 50px; }
        a.header-btn { display: inline-block; margin: 20px 0 0; font-size: 14px; line-height: 26px; padding: 3px 10px; height: 40px; }
        ul.what-ul li a.what-ul-a { font-size: 14px; }
        ul.what-ul li { margin-right: 0; }
        .what-ul li.discuss-icon i { height: 40px; display: inline-block; width: auto; font-size: 22px; margin: 28px 5px 0 10px; }
        .designunigue .subimages { width: auto; margin: 20px 0; }
        .designunigue ul li:last-child { text-align: right;        /* width: 226px; */ margin: 0 auto; text-align: center; float: none; }
        .designunigue ul li.slick-slide:last-child { float: left; }
        .books .slick-dots { text-align: center; padding-left: 0; bottom: -45px; }
        .listsec .wrap span a { display: block; }
        .packslider { padding: 0 15px; }
        .packslider .slick-dots { left: 0; }
        .listsec .wrap ul li { border-bottom: 0px; }
        .listsec .wrap ul li p { text-align: left; }
        .listsec .wrap h3 { display: block; }
        .listsec .wrap h3.act { position: fixed; }
        .promotion_page .header-home .hamburger { display: none; }
        .mobile-hireus { top: 0; }
        .mobile-hireus:hover { color: #fff; }
        .promotion_page .mobile-hireus.num { margin-right: 10px; font-weight: 600; background: none; color: #444; font-size: 15px; display: inline-block; }
        .topformcontainer .topformwrap .formheading h2 { font-size: 20px; }
        .topformcontainer .topformwrap .formheading h2 span { font-size: 16px; }
        .mobile-hireus.num { display: none; }
        .mobile-hireus { top: -10px; display: none; }
        .promotion_page .mobile-hireus { top: 0; }
        .faqSec .box { height: auto; display: inline-block; margin: 120px 0 0 0; }
        .faqSec h3 { font-size: 40px; }
        .faqSec .quest-title { font-size: 14px; padding: 12px 50px 12px 10px; }
        .quest-title:before { top: 10px; font-size: 18px; }
        .faqSec .quest-content { padding: 0px 0px 15px 0px; }
        .faqSec .accordion.sec { margin-bottom: 0; border-color: #fff; }
        .seo-cta { padding: 30px 5px; }
        .seo-cta p { width: 100%; font-size: 20px; text-align: center; }
        .seo-cta a { padding: 8.5px 40px; margin: 0 auto; display: table; }
        .services.seopage .text { font: 18px/26px 'Poppins', sans-serif; margin-top: 22px; width: 100%; }
        .services h2.title { font-size: 36px; margin-bottom: 10px; line-height: initial; }
        .header-home .menu ul li.dropdown .ddlist { height: auto; }
        .header-home .menu ul li.dropdown .ddlist li:last-child { position: relative; bottom: auto; }
        .header-home .menu ul li.hire-us a { padding: 16px 70px !important; height: 50px; font-size: 18px; }
        .contactpage .main .contacts { margin: 40px 0 0; }
        .pricingboxes .largebox .leftarea { width: 100%; }
        .pricingboxes .largebox .rightarea { width: 100%; }
        .seo-result-slide { max-width: 270px; margin-left: 40px; }
        .topformcontainer .topformwrap .formheading { padding: 10px; }
        .topformcontainer .topformwrap .formbody { padding: 10px; }
        .topformcontainer .topformwrap.active { height: 433px; }
        .stepSec .figsec .imgone { display: none; }
        .stepSec .figsec .imgthree { display: none; }
        .stepSec .figsec .imgtwo { display: none; }
        .stepSecond .countersec h2 { font: 50px/52px "Poppins", sans-serif; }
        .stepSecond .countersec h2:before { bottom: -20px; }
        .main-fixed-wrap .colums { width: 100%; }
        .main-fixed-wrap .colums .set-card-shocase .card-showcase-item .card-showcase-mid .set-card-user .user-display-name { width: 50%; }
        .main-fixed-wrap .colums .quest-title:before { top: 22px; }
        .stepThird .figsec .imgone { display: none; }
        .stepThird .contentsec h2 { font: 50px/52px "Poppins", sans-serif; }
        .app-input-group { margin: 0 0px 10px; width: 100%; }
        .app-input-group.full { width: 100%; }
        .hmpage .textarea { width: 100%; }
        .section-marina h2 { font: 35px/49px "Poppins", sans-serif; font-weight: 700; }
        #process-id h2 { font: 36px/44px "Poppins", sans-serif; font-weight: bold; }
        #process-id a.btn-theme { float: left; margin: 15px 0; }
        .strugglesec ul li { width: 100%; font-size: 16px; padding-bottom: 10px; }
        .strugglesec ul { margin: 20px 0 0; text-align: center; }
        .strugglesec { padding: 20px 0; }
        .testimonial-sec h3 { margin-bottom: 10px; font-size: 26; font-weight: 700; }
        .section-marina p { font: 16px/26px "Poppins", sans-serif; }
        #intro-id h1 { font: 36px/44px "Poppins", sans-serif; font-weight: bold; }
        .mylogos .llist li { margin: 20px 5px 0; }
        .mylogos .llist li img { height: 27px; }
        .company-top .list .counter { font-size: 44px !important; }
        .company-top .list { margin-top: 0; }
        .homepage_style .myhome { margin: 20px 0 0; }
        .myslider .item { background-image: none !important; }
        .work-grid-item,
        .work-grid-item-featured { width: 100%; height: 324px !important; }
        .ys-box { width: 93% !important; }
        .popupform form input { width: 100%; }
        .work-grid-item-featured .work-grid-item-content h2 { font-size: 30px; }
        .work-grid-item-featured .work-grid-item-content h3 { font-size: 20px; }
        .header-home .logo img.whitelogo { display: none; }
        .header-home .logo img.colorlogo { display: block; width: 100%; margin-top: 15px; height: 40px; }
        .header-home.squeeze .logo { width: 96px; }
        #intro-id .col-8 { flex: 0 0 99.66667%; max-width: 99.66667%; }
        #clients-id .col-8 { flex: 0 0 99.66667%; max-width: 99.66667%; }
        #process-id .col-9 { flex: 0 0 99.66667%; max-width: 99.66667%; }
        .pb-5,
        .py-5 { padding-bottom: 20px !important; }
        .pt-5,
        .py-5 { padding-top: 20px !important; }
        .home .works-wrap .tab-custom .tabbing-links { padding-left: 0px; margin-bottom: 20px; }
        #process-id p { width: 100%; }
        #process-id h2 { width: 100%; }
        #processVid-id { margin: 1px 0 0; }
        .testslidenew .slick-next { right: -18px; }
        .testslidenew .slick-prev { left: -18px; }
        .black-c { }
        .black-c h2 { color: #000; }
        .black-c h3 { color: #000; }
        .header-home .menu ul li.megamenu:hover .submenuwrap { top: 70px; height: auto; position: absolute; width: 320px; left: -20px; z-index: 2; }
        .header-home .menu ul { overflow-y: scroll; margin: 60px 0 0 0; }
        .menu .submenuwrap .menu-container ul li { width: 28%; display: inline-block; padding: 0px 0px; }
        .header-home .menu ul li.hire-us a { color: #fff; background: #ea018e; border: solid 0px #fff; }
        .section-work-grid .slick-prev:before,
        .section-work-grid .slick-next:before { font-size: 36px; line-height: 1; color: #de078e; }
        .section-work-grid .slick-prev,
        .section-work-grid .slick-next { top: auto; z-index: 99; bottom: 0; }
        .section-work-grid .slick-next { content: "\f105"; font-family: fontAwesome !important; font-family: fontAwesome; right: 40%; }
        .section-work-grid .slick-prev { left: 40%; }
        .applications .slick-list { height: 420px; }
        .services-top .list .item { min-width: 118px; margin: 0 0 19px }
        .services-top .list p,
        .services-top .list .top-home .content .bottom a,
        .top-home .content .bottom .services-top .list a { font-size: 16px; margin: 10px 0 0; }
        .services-top .list img { height: 45px; }
        .services-top .list { text-align: center; }
        .services-top .list .mobile-apps { height: 53px; position: relative; top: 0; }
        .services-list h3 { font-size: 32px; margin-bottom: 10px; }
        .services-list .image-service { margin-bottom: 0; }
        .subscribe-fold .myheading { font: 32px/42px "Poppins", sans-serif; margin-bottom: 12px; }
        .subscribe-fold .mytext { font: 18px/31px 'Poppins', sans-serif; color: #3a3a3a; text-align: left; margin: 0 0 30px; max-width: 100%; }
        .subs-pac .actions a.chatbtn { padding: 15px 0px 0; }
        .processPage .services-list .container { margin-bottom: 40px; }
        .processPage .services-list .col-9 { flex: 0 0 100%; max-width: 100%; }
        .services-list .text { font-size: 16px; }
        .processPage .services-list { padding-top: 0; }
        .processPage .services-list .item-1 img { margin: 0 auto 30px; }
        .contacts .container .form-name { font-size: 32px; margin-bottom: 15px !important; }
        .processPage .services-top h2 { font: 32px/42px "Poppins", sans-serif; font-weight: 700; margin-bottom: 15px; }
        .processPage .services-top h2 span { font: 18px/16px "Poppins", sans-serif; margin: 0 0 10px; }
        .newSectionhome .mybannerform img { margin: 0 20px 30px; height: 50px; }
        .qualities h3 { font-size: 35px; font-family: "Poppins", sans-serif; line-height: 40px; }
        .qualities p { margin: 16px 0 40px; font: 18px/27px 'Poppins', sans-serif; }
        .bggray { background-color: #fff; padding: 40px 0; }
        section.call-actions h3 { font-size: 16px; }
    }
    .cta h3 { font-size: 1.17em; margin-bottom: 0; }
    .packagebox .details .pnew { font-weight: 600; color: #000; margin: 7px 0 0 0; text-align: left; }
    @media only screen and (max-width:450px) {
        ul.rightnav { display: none }
        .mobile-hireus { display: inline-block; padding: 10px 30px; }
        .mobile-hireus.num { display: inline-block; background: #000; }
        .header-home .hamburger { position: inherit; top: 0; }
        .menu-wrap { margin-top: 10px; text-align: right; }
        .header-home .menu ul::-webkit-scrollbar-track-piece { background-color: #fff; -webkit-border-radius: 0px; border-left: #fff; }
        .homecounter.company-top { position: relative; }
        .height-dog { max-width: 100%; width: 100%; flex: 0 0 100%; }
        .homepage_style .myhome { margin: 0px 0 0; }
        .mylogos .llist li img { height: 40px; }
        .strugglesec img { margin: 50px auto 0; display: none; }
        .packslider { width: 100%; padding: 0; }
        .top-home .content span i { display: block; margin: 60px auto; }
        .homecounter.company-top { margin-top: 40px; display: inline; }
        .top-home .content h1.title font { line-height: 1.2; }
        .packagebox { margin: 0px; }
        p br { display: none; }
        .strugglesec h2 { line-height: initial; font-size: 26px; }
        .header-home .menu ul li:last-child { position: static; }
        .header-home .menu ul { display: table; padding-left: 20px; width: 100%; padding-top: 10px; }
        .header-home .menu ul li { display: block; }
        .header-home .menu.show { overflow: scroll; }
        .header-home .menu ul li.megamenu:hover .submenuwrap { position: static; width: 100%; left: 0; padding-top: 0; top: 0; }
        .header-home .menu .menu-container ul { padding: 0; }
        .menu .submenuwrap .menu-container ul li { width: 100%; }
        .abcd { width: 100%; margin: 0 auto 5px; display: inline-block; }
    }

    /*Pricing*/
    .our-pricing-plans { background: #f5f3f3; padding: 60px 0; position: relative; overflow: hidden; }
    .our-pricing-plans .container { position: relative; z-index: 9 }
    .our-pricing-plans:after { content: '';/*        background: url("../images/our-pricing-bg.png") no-repeat; */ width: 100%; height: 918px; position: absolute; bottom: 0; left: 0; background-size: cover; }
    .our-pricing-plans h3 { margin: 0 0 5px; font-weight: 700; font-size: 32px; }
    .our-pricing-plans p { font-size: 18px; color: #6b6b6b; line-height: 23px; margin-bottom: 30px; padding: 0 250px; }
    .our-pricing-plans .package { background: white; padding: 0 0 25px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px; }
    .our-pricing-plans .package .head { background: #00ad9f; padding: 10px 21px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; border-bottom: 2px solid #0f7f73; height: 100px; }
    .our-pricing-plans .package .head .left { display: inline-block; width: 32%; }
    .our-pricing-plans .package .head .left i { height: 80px; width: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; background: #009b8f; display: inline-block; line-height: 80px; position: relative; }
    .our-pricing-plans .package .head .left i img { max-width: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
    .our-pricing-plans .package .head .right { display: inline-block; margin-left: 10px; vertical-align: middle; text-align: left; width: 60%; }
    .our-pricing-plans .package .head .right h5 { color: #fff; font-size: 18px; font-weight: 600; margin: 0 0 3px; text-shadow: 2px 2px 2px #13795f; }
    .our-pricing-plans .package .head .right h6 { color: #fff; font-size: 11px; font-weight: 400; margin: 0 0 0; text-shadow: 2px 2px 2px #13795f; }
    .our-pricing-plans .package .price { width: 100%; margin: auto; padding: 10px 0; background: #e1f1ed; text-align: center; }
    .our-pricing-plans .package .price .left { display: inline-block; }
    .our-pricing-plans .package .price .left h2 { font-size: 50px; color: #000000; font-weight: 700; margin: 0; letter-spacing: -2.5px; }
    .our-pricing-plans .package .price .left h2 sup { font-size: 20px; color: #000; top: -1em; left: -4px; font-weight: 700; }
    .our-pricing-plans .package .price .right { display: inline-block; text-align: left; float: none !important; }
    .our-pricing-plans .package .price .right strike { color: #d10a00; font-weight: 600; margin-bottom: 8px; display: block }
    .our-pricing-plans .package .price .right span { font-weight: 700; display: block; margin-left: 5px; position: relative; top: -10px; font-size: 10px; color: #808080 }
    .our-pricing-plans .package .listing ul { padding-left: 30px; }
    .mCSB_inside>.mCSB_container { margin-right: 30px; }
    .our-pricing-plans .package .listing ul li { font-size: 12px; color: #252525; margin-bottom: 5px; font-weight: 400; }
    .our-pricing-plans .package .listing ul li:before { content: ''; background: #00ad9f; height: 6px; width: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-right: 10px; display: inline-block; vertical-align: middle; }
    .our-pricing-plans .package .content { overflow: auto; position: relative; max-width: 97%; padding: 20px 0; height: 240px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .our-pricing-plans .package .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #d2f1e9; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
    .our-pricing-plans .package .mCSB_scrollTools .mCSB_dragger { height: 30px !important }
    .our-pricing-plans .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #2b9479; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
    .custom-btn { text-align: center; line-height: 30px; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 9px 40px; width: auto !important; display: inline-block !important; }
    .our-pricing-plans .package .custom-btn { background: #00ad9f; margin: auto; display: block; border-bottom: 4px solid #0f7f73; text-shadow: #000000bf 0 1px 1px;
        .our-pricing-plans .package .custom-btn { }
    ; }
    .our-pricing-plans .package .custom-btn span { color: white; font-weight: 500; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; }
    .strip { text-transform: uppercase; font-size: 12px; font-weight: 500; padding: 3px 11px !important; display: inline-block; position: absolute; right: 18px; top: 18px; border-radius: 3px 3px 0px 0px; z-index: 5; }
    .strip.best-seller { background: #ff3040; color: white; border-radius: 3px 3px 0px 0px; left: inherit; top: 6px; right: 18px; font-size: 12px; letter-spacing: 2px; font-weight: 500; padding: 3px 11px; margin-top: 10px; }
    .our-pricing-plans .owl-item:nth-child(2) .package .head { background: #ec9c10; border-color: #ec9c10; }
    .our-pricing-plans .owl-item:nth-child(2) .package .head .left i { background: #d48c0e; }
    .package .listing { text-align: left; }
    .owl-pricing .item { padding: 40px 10px 30px; background: transparent; }
    .owl-pricing .owl-nav {    /* position: absolute; */
    top: 50%; bottom: 0; width: 100%; }
    .owl-pricing .owl-nav .owl-prev { position: absolute; left: -70px; top: 50%; }
    .owl-pricing .owl-nav .owl-next { position: absolute; right: -70px; top: 50%; }
    .owl-pricing .owl-nav i { height: 50px; width: 50px; border-radius: 50%; background: #f80223c2; color: #ffffff; line-height: 50px; font-size: 18px; position: relative; z-index: 9; }
    .owl-pricing .owl-nav button:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #f80223; height: 0; width: 0; transition: 0.5s all; border-radius: 50%; z-index: -1; }
    .owl-pricing .owl-nav button i { transition: 0.5s; transition-delay: 0.3s; }
    .owl-pricing .owl-nav button:hover:before { width: 100%; height: 100%; }
    .owl-pricing .owl-nav [class*=owl-]:hover { background: #e841294d; color: #ffffff; border-radius: 50%; }
    .our-pricing-plans .owl-item:nth-child(2) .package .head .right h5 { text-shadow: 2px 2px 2px #2d3784 }
    .our-pricing-plans .owl-item:nth-child(2) .package .head .right h6 { text-shadow: 2px 2px 2px #2d3784 }
    .our-pricing-plans .owl-item:nth-child(2) .package .price { background: #ec9c101c; }
    .our-pricing-plans .owl-item:nth-child(2) .package .listing ul li:before { background: #ec9c10; }
    .our-pricing-plans .owl-item:nth-child(2) .package .mCSB_scrollTools .mCSB_draggerRail { background: #d5d9ee }
    .our-pricing-plans .owl-item:nth-child(2) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #ec9c10; }
    .our-pricing-plans .owl-item:nth-child(2) .package .custom-btn { background: #ec9c10; border-color: #ec9c10; }
    .our-pricing-plans .owl-item:nth-child(8) .package .head { background: #1f308e; border-color: #1e2b79; }
    .our-pricing-plans .owl-item:nth-child(8) .package .head .left i { background: #1c2b80; }
    .our-pricing-plans .owl-item:nth-child(8) .package .head .right h5 { text-shadow: 2px 2px 2px #2d3784 }
    .our-pricing-plans .owl-item:nth-child(8) .package .head .right h6 { text-shadow: 2px 2px 2px #2d3784 }
    .our-pricing-plans .owl-item:nth-child(8) .package .price { background: #eaecf6 }
    .our-pricing-plans .owl-item:nth-child(8) .package .listing ul li:before { background: #1f308e; }
    .our-pricing-plans .owl-item:nth-child(8) .package .mCSB_scrollTools .mCSB_draggerRail { background: #d5d9ee }
    .our-pricing-plans .owl-item:nth-child(8) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #495ab4 }
    .our-pricing-plans .owl-item:nth-child(8) .package .custom-btn { background: #1f308e; border-color: #142064; }
    .our-pricing-plans .owl-item:nth-child(3) .package .head { background: #dc321a; border-color: #b02f1d; }
    .our-pricing-plans .owl-item:nth-child(3) .package .head .left i { background: #c62d17; overflow: hidden; }
    .our-pricing-plans .owl-item:nth-child(3) .package .head .right h5 { text-shadow: 2px 2px 2px #e6371f }
    .our-pricing-plans .owl-item:nth-child(3) .package .head .right h6 { text-shadow: 2px 2px 2px #e6371f }
    .our-pricing-plans .owl-item:nth-child(3) .package .price { background: #faebe9 }
    .our-pricing-plans .owl-item:nth-child(3) .package .listing ul li:before { background: #c62d17; }
    .our-pricing-plans .owl-item:nth-child(3) .package .mCSB_scrollTools .mCSB_draggerRail { background: #fad9d4 }
    .our-pricing-plans .owl-item:nth-child(3) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #dc321a; }
    .our-pricing-plans .owl-item:nth-child(3) .package .custom-btn { background: #dc321a; border-color: #7a1d10; }
    .our-pricing-plans .owl-item:nth-child(9) .package .head { background: #dc321a; border-color: #b02f1d; }
    .our-pricing-plans .owl-item:nth-child(9) .package .head .left i { background: #c62d17; overflow: hidden; }
    .our-pricing-plans .owl-item:nth-child(9) .package .head .right h5 { text-shadow: 2px 2px 2px #e6371f }
    .our-pricing-plans .owl-item:nth-child(9) .package .head .right h6 { text-shadow: 2px 2px 2px #e6371f }
    .our-pricing-plans .owl-item:nth-child(9) .package .price { background: #faebe9 }
    .our-pricing-plans .owl-item:nth-child(9) .package .listing ul li:before { background: #c62d17; }
    .our-pricing-plans .owl-item:nth-child(9) .package .mCSB_scrollTools .mCSB_draggerRail { background: #fad9d4 }
    .our-pricing-plans .owl-item:nth-child(9) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #dc321a; }
    .our-pricing-plans .owl-item:nth-child(9) .package .custom-btn { background: #dc321a; border-color: #7a1d10; }
    .bundle-img .layer:nth-child(1) { }
    .bundle-img .layer:nth-child(2) { left: -30px !important; top: -20px !important; z-index: -1 }
    .bundle-img .layer:nth-child(3) { left: -20px !important; top: 235px !important; }
    .bundle-img .layer:nth-child(4) { left: 350px !important; top: 300px !important; }
    .bundle-img .layer:nth-child(5) { left: 470px !important; top: 330px !important; }
    .bundle-img .layer:nth-child(6) { left: 300px !important; top: 10px !important; }
    .our-combopack { background: url("../images/our-combo.jpg") no-repeat; background-size: cover; width: 100%; padding: 100px 0; overflow: hidden; min-height: 690px; }
    .our-combopack * { color: white }
    .our-combopack h5 { font-size: 23px; font-weight: 600; margin: 0 0 0px; }
    .our-combopack h2 { font-size: 63px; font-weight: 700; margin: 0 0 10px; }
    .our-combopack p { font-size: 17px; margin: 0 0 25px; line-height: 26px; }
    .our-combopack ul li { margin: 0 0 0px; position: relative; display: inline-block; font-size: 12px;    /* width: 46%; */ font-weight: 300; display: block; line-height: 20px; }
    .our-combopack ul li:before { content: ''; background: #fff; height: 4px; width: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-right: 10px; display: inline-block; vertical-align: middle; }
    .our-combopack .btn-pack { margin-top: 30px; float: left; width: 100%; }
    .our-combopack .btn-pack .custom-btn { line-height: 47px; margin-right: 75px; }
    .our-combopack .btn-pack .custom-btn:last-of-type { margin-right: 0 }
    .our-combopack .btn-pack .custom-btn span { font-size: 20px; color: #000000 }
    .our-combopack .btn-pack .custom-btn.get-now { background: #f26523; position: relative }
    .our-combopack .btn-pack .custom-btn.get-now:after { content: '';/*        background: url("../images/moneyback.png") no-repeat; */ height: 93px; width: 98px; position: absolute; right: -60px; top: 0; bottom: 0; margin: auto }
    .our-combopack .btn-pack .custom-btn.view-detail { background: #ffffff }
    .our-combopack .btn-pack .custom-btn.view-detail span {    /*font-weight: 400*/ }
    .our-combopack .bundle-img { position: relative; right: 10px; top: 120px; }
    .our-combopack .bundle-img h6 { font-size: 87px; position: absolute; top: 0; right: -100px; transform: rotate(1deg); display: none }
    .our-combopack .bundle-img h6 sub { font-size: 29px; color: #ffcc00 }
    .our-pricing-plans .owl-item:nth-child(4) .package .head { background: #e75700; border-color: #a24107; }
    .our-pricing-plans .owl-item:nth-child(4) .package .head .left i { background: #cf4e00; }
    .our-pricing-plans .owl-item:nth-child(4) .package .head .right h5 { text-shadow: 2px 2px 2px #e64b00 }
    .our-pricing-plans .owl-item:nth-child(4) .package .head .right h6 { text-shadow: 2px 2px 2px #e64b00 }
    .our-pricing-plans .owl-item:nth-child(4) .package .price { background: #f4e6de }
    .our-pricing-plans .owl-item:nth-child(4) .package .listing ul li:before { background: #e75700; }
    .our-pricing-plans .owl-item:nth-child(4) .package .mCSB_scrollTools .mCSB_draggerRail { background: #f9e3d5; }
    .our-pricing-plans .owl-item:nth-child(4) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #e3722e; }
    .our-pricing-plans .owl-item:nth-child(4) .package .custom-btn { background: #de5b0c; border-color: #9b3e06; }
    .our-pricing-plans .owl-item:nth-child(5) .package .head { background: #4531c3; border-color: #202a7c; }
    .our-pricing-plans .owl-item:nth-child(5) .package .head .left i { background: #3e2caf; }
    .our-pricing-plans .owl-item:nth-child(5) .package .head .right h5 { text-shadow: 2px 2px 2px #452a99; }
    .our-pricing-plans .owl-item:nth-child(5) .package .head .right h6 { text-shadow: 2px 2px 2px #452a99; }
    .our-pricing-plans .owl-item:nth-child(5) .package .price { background: #e4e2f1; }
    .our-pricing-plans .owl-item:nth-child(5) .package .listing ul li:before { background: #2d40a8; }
    .our-pricing-plans .owl-item:nth-child(5) .package .mCSB_scrollTools .mCSB_draggerRail { background: #d5d9ee; }
    .our-pricing-plans .owl-item:nth-child(5) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #5d4dca; }
    .our-pricing-plans .owl-item:nth-child(5) .package .custom-btn { background: #4531c3; border-color: #142064; }
    .our-pricing-plans .owl-item:nth-child(6) .package .head { background: #ec0000; border-color: #b32919; }
    .our-pricing-plans .owl-item:nth-child(6) .package .head .left i { background: #d40000; }
    .our-pricing-plans .owl-item:nth-child(6) .package .head .right h5 { text-shadow: 2px 2px 2px #ed2626 }
    .our-pricing-plans .owl-item:nth-child(6) .package .head .right h6 { text-shadow: 2px 2px 2px #ed2626 }
    .our-pricing-plans .owl-item:nth-child(6) .package .price { background: #fde5e5 }
    .our-pricing-plans .owl-item:nth-child(6) .package .listing ul li:before { background: #ec0000; }
    .our-pricing-plans .owl-item:nth-child(6) .package .mCSB_scrollTools .mCSB_draggerRail { background: #fad9d4; }
    .our-pricing-plans .owl-item:nth-child(6) .package .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #ee2524; }
    .our-pricing-plans .owl-item:nth-child(6) .package .custom-btn { background: #ec0000; border-color: #7a1d10; }
    .our-pricing-plans .btn-block { text-align: center; clear: both; margin-top: 0; }
    .our-pricing-plans .btn-block .btn-primary-border { background: white; border: 2px solid #f80223; display: inline-block; padding: 13px 48px; box-shadow: #8884841f 0 0 15px; height: inherit; }
    .our-pricing-plans .btn-block .btn-primary-border span { color: #000000; font-size: 16px; display: block; line-height: normal; }

    /*pricnig*/
    @media only screen and (max-width:350px) {
        .abcd { width: 90%; margin: 0 auto 5px; display: inline-block; }
        .mobile-hireus { padding: 10px 10px; }
        .header-home .menu ul li a { font-size: 18px; }
        .header-home .menu ul li { position: static !important; }
        .header-home .menu { padding-top: 80px; }
        .slick-dots li { width: 20px; }
        .slick-dots li button { width: 20px; }
        .cta-new h3 { line-height: 1.2; }
        .mobile-hireus { padding: 10px 8px !important; }
    }
    @media only screen and (min-width:451px) and (max-width:768px) {
        .strugglesec img { margin: 50px auto }
        .height-dog { max-width: 100% }
        .top-home .content span i { display: block; margin: 60px auto; }
        .rightnav { display: none }
        .mobile-hireus { display: inline-block; padding: 10px 30px; }
        .mobile-hireus.num { display: inline-block; }
        .header-home .hamburger { position: inherit; top: 0; float: right; }
        .header-home { background: #fff }
        .top-home .content span i { margin: 0; }
        .height-dog .custBtn.btn-theme { float: left; }
        .services-sec .box h3 { font-size: 20px; }
    }
    @media only screen and (max-width:1200px) and (min-width:769px) {
        .mylogos .llist li img { height: 70px; }
        .services-sec .box h3 { font-style: 16px; }
        .height-dog { max-width: 70%; }
        .top-home .content h1.title { margin-bottom: 50px; }
        .strugglesec img { margin: 50px auto }
        .height-dog { max-width: 100% }
        .top-home .content span i { display: block; margin: 60px auto; }
        .rightnav { display: none }
        .mobile-hireus { display: inline-block; padding: 10px 30px; }
        .mobile-hireus.num { display: inline-block; }
        .header-home .hamburger { position: inherit; top: 0; }
        .header-home { background: #fff }
        .top-home .content span i { margin: 0; }
        .height-dog .custBtn.btn-theme { float: left; }
        .services-sec .box h3 { font-size: 20px; }
        .menu-wrap { padding-top: 15px; float: right; margin-right: -240px; }
    }
    @media only screen and (max-width:768px) {
        .abcd { width: 47%; }
        .mobile-hireus { margin: 35px 0 0; }
    }
    @media only screen and (max-width:769px) and (min-width:0px) {
        .abcd { width: 85%; }
        .packagebox { margin: 0px 0 20px; }
        .subscribe-fold .myheading { font-size: 37px; }
        .subscribe-fold p { font-size: 14px; max-width: 95%; }
        .work-pg .works-wrap { padding-top: 190px; }
        .homepage_style .myhome { padding: 110px 0 0; }
        .header-home { padding: 0; }
        header .cntct { margin: 20px 0 0 !important; }
        header .cntct ul { display: flex; padding: 0; justify-content: space-around; margin: 17px 0 0; }
        header .cntct ul li { margin: 0; }
        .menu-wrap { margin-top: 0; }
    }
    @media only screen and (min-width:0px) and (max-width:767px) {
        .topformcontainer .topformwrap.nxt { width: 310px; border-radius: 5px; margin-bottom: 95px !important; }
        .header-home .logo img { height: 35px !important; margin-top: 20px !important; }
        .mobile-hireus { background: #000; padding: 10px 15px; }
        header.fixed .mobile-hireus { background: #ff3040; }
    }
    .packpricing p { max-width: 100%; text-align: center; }
    .addnotes p { font-size: 14px; color: #555; text-align: center; max-width: 100%; }
    .packinner p { font-weight: 600; color: #1a1a1a; padding: 0 0px 6px 0; margin: 0; text-align: center; max-width: 100%; }
    section.client-logo { margin-top: 50px; }
    section.client-logo img { height: 40px; width: auto; max-width: 100%; margin: 0 auto; min-height: 40px; object-fit: contain; }
    section.client-logo h2 { text-align: center; margin-bottom: 30px; }
    .orderpg header { display: none; }
    .orederpg #main-content { overflow-x: inherit; }
    .orderpg footer { display: none; }
    .intl-tel-input.separate-dial-code .selected-dial-code { color: #000; }
    .subscribe-fold { padding: 120px 60px 60px 60px; }
    .subscribe-fold .myheading { position: relative; padding-bottom: 40px; font-size: 44px; color: #160c28; line-height: 1.1em; margin-bottom: 30px; padding: 0px; }
    .subscribe-fold .mytext { text-align: left; margin: 0 0 30px; padding: 0px; font-size: 14px; line-height: 20px; width: 75%; }
    .subs-pac { box-shadow: 0 3px 30px #0000001f; display: block; width: 100%; text-align: center; height: 505px; margin: 0 0 60px; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 10px; padding: 75px 0 0; }
    .subscribe-fold h3 { font-size: 24px; margin: 0; font-weight: 400; position: relative; text-transform: capitalize; font-weight: 800; width: 80%; margin: 0 auto 20px; text-align: center; color: #000; }
    .subs-pac h6 { color: #ff3040; font-size: 40px; font-weight: 700; display: inline-block; line-height: 0.9; margin: 30px 0 0; position: relative; padding: 0 20px; }
    .subs-pac h6 span.old { position: absolute; right: 0; left: 0; top: -30px; text-decoration: line-through; font-weight: bold; margin: 0; font-size: 16px; }
    .subs-pac h6 span { font-size: 16px; color: #687087; display: inline-block; margin: 30px 0 0; padding: 0; position: relative; line-height: 1.3; }
    .subs-pac h6 span { font-size: 16px; color: #000; display: inline-block; margin: 10px 0 0; padding: 0; position: relative; line-height: 1.3; }
    .subs-pac a.ordrrrr { text-align: center; margin: 30px auto 0; border: none; padding: 14px 60px; color: #ffffff; box-shadow: none; border-radius: 5px; font-weight: 600; cursor: pointer; display: inline-block; text-decoration: none; font-size: 16px; background: #ff3040; font-family: var(--heading-font-family); }

    /*.subs-pac a.ordrrrr{transition: 0.5s ease-in-out;}
    .subs-pac a.ordrrrr:hover{ transform: scale(1.1,1.1); }*/
    .subs-pac .actions { border-top: 1px solid #eeeeee; padding: 0px 0; margin: 40px 0 0; position: relative; }
    .subs-pac .actions a.chatbtn { font-size: 14px; font-weight: 600; padding: 15px 0px; display: inline-block; color: #000000; margin: 0px; }
    .subs-pac .actions a.numberbtn { font-size: 14px; font-weight: 600; padding: 15px 0px; color: #000000; display: inline-block; margin: 0px; }
    .subscribe-fold .table-packages .head { width: 100%; }
    .subscribe-fold .table-packages .head h5 { text-align: left; font-size: 28px; font-weight: 700; margin: 0; padding: 0; display: inline-block; color: #160c28; }
    .subscribe-fold .table-packages .body ul li { text-align: left; padding: 14px 0 14px 0; border-bottom: 1px solid #eaeaea; width: 95%; list-style: none; margin-left: 0; }
    .subscribe-fold .table-packages .body ul li h6 { font-size: 16px; font-weight: 400; margin: 0; padding: 0; display: inline-block; }
    .subscribe-fold .table-packages .body ul li span.tick { font-size: 20px; color: #ff3040; position: relative; display: block; margin: 0; padding: 0; text-align: center; width: 30px; height: 32px; line-height: 1.6; float: right; }
    .subscribe-fold .table-packages .body ul li span.tick:before { font-family: "fontawesome"; content: "\f00c"; position: absolute; top: -20px; }
    .subscribe-fold .table-packages .body .subscription-list { height: 430px; margin-top: 20px; padding: 0; }
    .subs-pac.bronze:hover { background: #ff3040; }
    .subs-pac.bronze:hover h6 { color: #fff; }
    .subs-pac.bronze:hover h3 { color: #fff; }
    .subs-pac.bronze:hover .old { color: #fff; text-align: center; }
    .subs-pac.bronze:hover span { color: #fff; }
    .subs-pac.bronze:hover .ordrrrr { background-color: #fff; color: #000; }
    .subs-pac.bronze:hover .chatbtn,
    .subs-pac.bronze:hover .numberbtn { color: #fff; }
    .subs-pac.bronze:hover .chatbtn,
    .subs-pac.bronze:hover .numberbtn { color: #fff; }
    .dtalwrp { display: block; text-align: center; font-size: 16px; margin: 7px; color: #777; }
    h2.myheading.combo { color: #fff; }
    .d-block { display: none !important; }
    .table-packages.bronze h5 { font-size: 17px; }
    .ldfbg .analyzeform .formheading { }
    .ldfbg .formheading h2 { color: #ff3040 !important; text-align: center; }
    .ldfbg .formheading p { color: #ff3040 !important; text-align: center; }
    .ldfbg lable { text-align: left; margin: 0; width: 100%; display: block; }
    .header-home .top-bar { position: relative; padding: 10px 0; overflow: hidden; position: relative; }
    .header-home .top-bar .sldrwrp { display: block; width: 200%; position: absolute; overflow: hidden; animation: marquee 20s linear infinite; }
    header .cntct { display: block; margin: 14px 77px 0 0; }
    header .cntct ul { width: 100%; margin: 0 0 0 0; }
    header .cntct ul li { display: inline-block; float: right; margin: 0 14px; }
    header .cntct ul li a.blink { font-weight: bold; position: relative; }
    header .cntct ul li a.blink:before { content: ""; background-color: #ff3040; position: absolute; width: 4px; height: 4px; top: 8px; left: -10px; border-radius: 50%; }
    header .cntct ul li a { color: #222; font-size: 14px; text-transform: capitalize; }
    .blink { animation: blinker 1s step-start infinite; }
    .blink { animation: blinker 1s step-start infinite; }
    @keyframes blinker {
        50% { color: #fa130d; }
    }
    header:hover .cntct ul li a { color: #000; }
    .header-home.transition-DesignDok-300.fixed .cntct ul li a { color: #000; }
    header .col-md-12.line { background: #f5f8fa; border-bottom: 1px solid #c3bebe; padding: 0 0 18px 0; }

    /*.fixed .line{display: none;}*/
    .btnblack { padding: 15px 30px; border: none; font-weight: 600; cursor: pointer; font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 14px; transition: background 0.3s linear; border-radius: 6px; background: #000; border: 1px solid #000 !important; margin-left: 15px; }
    header .menu .extra { padding: 0 10px; }
    header .mrgn { margin: 0 !important; }
    .btnwrp { margin: 60px 0 0 !important; }
    .btnwrp .btnblack { background: unset; border: 2px solid !important; }
    .topformcontainer .topformwrap .formheading p span { color: #ff3040; font-weight: bold; }
    .analyzeform .lablewrp { display: block; text-align: left; margin: 0 0 5px; font-size: 15px; color: #3a3a3a; }
    .topformcontainer .topformwrap .formheading h2 span { display: inline-block; color: #ff3040; font-weight: 700; font-size: 32px; }
    .header-home.fixed .col-md-12.line { display: none; }
    .header-home.fixed .menu ul li.megamenu:hover .submenuwrap { top: 86px; }
    .contacts .overlaynew3 {    /* background: url(../images/video-overlay.png) rgb(0 0 0); */ }

    /*==============floating strips css start============== */
    .floatbutton.active { right: 0; z-index: 9; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
    .floatbutton { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: fixed; right: -370px; top: 18%; font-size: 0; width: 420px;    /* transform: translateY(-50%); */ z-index: 999; }
    .floatbutton .clickbutton { width: 50px; z-index: 999; height: 230px; cursor: pointer; box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09); border-radius: 3px 0px 0px 3px; border-radius: 30px 0px 0px 30px; display: inline-block; padding-top: 0; vertical-align: top; margin-top: 125px; color: #fff; font-size: 16px; font-weight: 700; position: relative; text-transform: uppercase; background-color: #ff3040; box-shadow: 0px 0px 40px #00000026; -webkit-box-shadow: 0px 0px 40px #00000026; -ms-box-shadow: 0px 0px 40px #00000026; -o-box-shadow: 0px 0px 40px #00000026; }
    .floatbutton .clickbutton .crossplus:before { content: ""; display: none; position: absolute; width: 20px; height: 2px; right: 0; background: #fbb334; z-index: 99; top: 0; left: 0; bottom: 0; margin: auto; }
    .floatbutton .clickbutton .crossplus:after { content: ""; display: none; position: absolute; width: 2px; height: 20px; right: 0; background: #fab334; z-index: 99; top: 0; left: 0; bottom: 0; margin: auto; }
    .floatbutton .clickbutton .crossplus { position: absolute; display: block; transform: rotate(-90deg); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; left: -65px; white-space: pre; bottom: 100px; }
    .floatbutton .clickbutton .crossplus.rotate { transform: rotate(45deg); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
    .floatbutton .clickbutton .crossplus i { font-size: 18px; color: #ffffff; margin: 17px 0 0 15px; }
    .banner-form { background: #fff; padding: 30px; position: relative; z-index: 99999 !important; border-radius: 5px; margin: 0; width: 370px; display: inline-block; box-shadow: 0px 0px 30px #0000001f; }
    .ban-form input { width: 100%; margin: 0 0 0 0; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; height: 30px; font-weight: 400; outline: none !important; }
    .banner-form .intl-tel-input { width: 100%; }
    .banner-form h3 { color: #141315; font-size: 24px; margin-bottom: 5px; font-weight: 700; }
    .banner-form h3 strong { font: 24px/24px "Poppins", sans-serif; font-weight: 600; }
    .ban-form input[type="submit"] { color: #fff; font-weight: 600; border-radius: 3px; text-align: center; padding: 5px 15px; margin: 20px 0 0; border: transparent; cursor: pointer; background-color: #ff3040; line-height: normal; font-size: 14px; }
    .ban-form textarea { width: 100%; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; font-weight: 400; height: 100px; outline: none !important; margin: 5px 0 0px 0; resize: none; }
    .btns_wrap { position: fixed; right: -6px; }
    .btns_wrap a:hover { text-decoration: none !important; right: 0px; }
    .btns_wrap .call_wrap { width: 280px; background-color: #ff3040; position: absolute; right: -225px; top: 63px; border-radius: 3px 0px 0px 3px; overflow: hidden; box-shadow: 0px 0px 40px #00000026 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999; border-radius: 30px 0px 0px 30px; }
    .btns_wrap .call_wrap span { color: #fff; font-size: 20px; vertical-align: middle;    /* background: #000; */ padding: 15px 20px 15px 15px; }
    .btns_wrap .chat_wrap { display: block; position: absolute; right: -225px; width: 280px; background-color: #ff3040; top: 0; border-radius: 0px; overflow: hidden; box-shadow: 0px 0px 40px #00000026 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 30px 0px 0px 30px; z-index: 9999; }
    .btns_wrap .chat_wrap span.icoo,
    .btns_wrap .call_wrap span.icoo { color: #fff; font-size: 18px; padding: 15px 20px; border-right: 1px solid #ded9d9; vertical-align: middle; display: inline-block; border-radius: 10px 0px 0px 10px; }
    .btns_wrap .chat_wrap span { color: #fff; font-size: 20px; vertical-align: middle;    /* background: #000; */ padding: 15px 30px 15px 15px; }
    .ban-form .fldset.inpchecbx label { display: inline-block; margin: 0; line-height: 1.4; color: #676767; font-size: 13px; }
    .ban-form .fldset.inpchecbx input { display: inline-block; width: auto; height: auto; margin: 0; }
    .fldset.inpchecbx { margin: 10px 0 0 0; }
    .fldset p { font-size: 13px; color: #676767; padding: 0; margin: 10px 0 0 0; }
    .fldset p a { display: block; padding: 5px 0px 0 0; color: #141315; font-weight: 500; font-size: 14px; }
    .main-services-banner-sec .ban-form .fldset textarea { height: 60px; }
    .main-services-banner-sec .ban-form input { height: 40px }
    .intl-tel-input .country-list .country { font-size: 14px; }

    /*===================floating strips css end =================*/
    body header { position: absolute; width: 100%; padding: 0; z-index: 999; }
    .top-head { background: #b70011; padding: 5px 0; }
    .top-left.col-md-7 { display: flex; align-items: center; }
    .top-left h4 { color: #fff; font-size: 15px; margin: 0 10px 0 0; }
    .top-left a { background: #ffba00; padding: 5px 20px; color: #000; font-weight: bold; border-radius: 2px; font-size: 15px; }
    .top-right ul { float: right; color: #fff; }
    header ul { list-style: none; margin: 0; padding: 0; }
    header ul li:first-child { margin-left: 0; }
    header ul li { display: inline-block; margin-left: 0; }
    header ul li a.toll_icon {/*        background: url(../images/toll.png) no-repeat scroll left center; */
    padding-left: 0; margin-top: 10px; }
    header ul li a { padding: 13px 0; text-transform: uppercase; font-weight: 500; font-size: 12px; font-family: 'Poppins', sans-serif; color: #fff; }
    header ul li a.chat_icon.chat {/*        background: url(../images/chat.png) no-repeat scroll left center; */
    padding-left: 35px; }
    .head {    /* padding: 0; */

    /* width: 100%; */ }
    .whitelogopage .logodiv { margin-top: 40px; }
    .logodiv { float: left; margin-top: 10px; }
    .scroll-div { float: right; position: relative; max-width: 450px; }
    .scroll-dinn { position: relative; background: #ff3040; display: flex; padding: 11px 30px; border-radius: 0px 0px 6px 6px; align-items: center; justify-content: center; box-shadow: 0 5px 13px #0009; color: #fff; font-size: 16px; text-align: center; text-transform: uppercase;    /* background: rgb(116, 0, 0);
                        background: -moz-linear-gradient(top, rgba(116, 0, 0, 1) 0%, rgba(172, 7, 7, 1) 50%, rgba(222, 24, 24, 1) 100%);
                        background: -webkit-linear-gradient(top, rgba(116, 0, 0, 1) 0%, rgba(172, 7, 7, 1) 50%, rgba(222, 24, 24, 1) 100%);
                        background: linear-gradient(to bottom, rgba(116, 0, 0, 1) 0%, rgba(172, 7, 7, 1) 50%, rgba(222, 24, 24, 1) 100%);
                        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#740000', endColorstr='#de1818', GradientType=0); */ }
        .scroll-div a { background: none; margin-right: 0; width: 100%; height: 100%; border-radius: 5px; position: absolute; left: 0; }
        .scroll-dinn { position: relative; background: #ff3040; display: flex; padding: 11px 30px; border-radius: 0px 0px 6px 6px; align-items: center; justify-content: center; box-shadow: 0 5px 13px #0009; color: #fff; font-size: 16px; text-align: center; text-transform: uppercase;    /* background: rgb(116, 0, 0);
                                            background: -moz-linear-gradient(top, rgba(116, 0, 0, 1) 0%, rgba(172, 7, 7, 1) 50%, rgba(222, 24, 24, 1) 100%);
                                            background: -webkit-linear-gradient(top, rgba(116, 0, 0, 1) 0%, rgba(172, 7, 7, 1) 50%, rgba(222, 24, 24, 1) 100%);
                                            background: linear-gradient(to bottom, rgba(116, 0, 0, 1) 0%, rgba(172, 7, 7, 1) 50%, rgba(222, 24, 24, 1) 100%);
                                            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#740000', endColorstr='#de1818', GradientType=0); */ }
            section.banner { background: url(../images/lp-banner.jpg) no-repeat center top #1a538a; font-size: 16px; color: #fff; line-height: 26px; background-size: cover; padding-top: 11em; padding-bottom: 0; position: relative; z-index: 0; overflow: hidden; }
            .banner .container { position: relative; z-index: 1; }
            section.banner h1 { text-shadow: 0 1px 2px #000; font-size: 2.8rem; font-weight: 400; color: #ffffff; margin-bottom: 16px; line-height: 58px; }
            .banner-left p { margin: 0; color: #cfcfcf; font-size: 16px; }
            section.banner h1 span { color: #ffba00; font-weight: 700; }
            .banner-left ul { margin-top: 20px; margin-bottom: 20px; }
            .banner-left li { font-size: 15px; font-family: 'Poppins', sans-serif; margin-top: 12px; padding-left: 40px; position: relative; }
            .banner-left li:before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; font-size: 18px; color: #ffc600; }
            section.banner a { display: inline-block; margin: 0 10px 0 0; color: #fff; position: relative; font-weight: 600; padding: 10px 40px; border-radius: 4px; text-transform: uppercase; font-size: 18px;    /* box-shadow: 4px 6px 14px rgb(0 0 0 / 20%); */ letter-spacing: -1px; background: #ff3040; }
            section.banner a+a {    /* font-size: 24px; */

                /* font-weight: 700; */
            background: #fff; color: #000; }
            section.banner a { display: inline-block; margin: 0 10px 0 0; color: #fff; position: relative; font-weight: 600; padding: 10px 40px; border-radius: 4px; text-transform: uppercase; font-size: 18px;    /* box-shadow: 4px 6px 14px rgb(0 0 0 / 20%); */ letter-spacing: -1px; background: #ff3040; }
            img.head-thumb {    /* max-width: none; */
            max-width: 760px; }
            .rev-div { border-radius: 6px; padding: 20px; position: relative; top: 400px; }
            .rev-div:before { content: ""; position: absolute; left: 0; width: 100%; background: #0000002e; height: 100%; z-index: -1; top: 0; border-radius: inherit; }
            .spon-images { border-top: 1px solid #dcdcdc52;    /* text-align: center; */ padding-bottom: 20px; padding-top: 20px; margin-top: 3em; }
            .banner .container { position: relative; z-index: 1; }
            section.banner h4 { font-size: 13px; margin: 0; }
            .rev-thumb { width: 100%; }
            section.packages { padding: 4em 0 7em 0; font-size: 14px; color: #848894; line-height: 23px; }
            .packages .head-style.col-md-12 { margin-bottom: 3em; }
            .head-style h2 { text-align: center; font-size: 36px; font-weight: 700; margin: 0 0 10px; color: #0c0c0c; }
            .head-style h2+p { color: #606060; font-size: 17px; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px; font-weight: 400; padding: 0 100px; }
            .pack-inn { border: 5px solid #244c70; border-radius: 10px; padding: 0px 15px 20px; float: left; position: relative;    /* overflow: hidden; */ }
            .pack-head { margin-top: 0; text-align: center; }
            .pack-inn h2 {    /* text-align: center; */
            font-size: 20px; margin: -30px 0 20px; color: #000; background: #fff; padding: 10px 0; font-weight: 600; }
            .pricebox h3 { margin: 0 0 10px 0; color: #ff3040; font-size: 40px; font-weight: 700; position: relative; z-index: 1; }
            .pricebox h3 sup { position: static; font-size: inherit; }
            .pricebox strike { color: #3275b2; font-size: 20px; text-align: center; font-weight: 700; }
            .pack-inn .scrollbar li { color: #000; font-size: 14px; margin-bottom: 6px; padding-bottom: 0px; position: relative; text-align: center; font-weight: normal; }
            .pack-add { clear: both; margin-top: 30px; float: left; width: 100%; margin-bottom: -20px; }
            .pack-add ul { margin: 0; padding: 0; }
            .pack-add li { width: 50%; float: left; text-align: center; }
            .pack-add li a { color: #244c70; font-size: 13px; font-weight: 600; line-height: 20px; }
            .pack-add li span { color: red; }
            section.packages .pack-inn a.grad-btn { color: #fff; padding: 12px 20px; border-radius: 3px; font-size: 17px; text-transform: uppercase; font-weight: 600; position: relative; margin: 0 auto; display: table; top: 47px; width: auto; text-align: center; box-shadow: 0px 10px 10px #ddddddba; background: #244c70; }
            .mygrid { padding: 30px 20px 30px 20px; background-image: linear-gradient(45deg, #f53435, #f8931f); width: 80% !important; margin: 0 auto; position: relative; border-radius: 8px; height: 315px; }
            .cta2 { overflow: revert; padding: 60px 0 0px; text-align: center; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; }
            .cta2 .wrap h6 { color: #ffffff; font-size: 16px; font-weight: 400; padding-bottom: 10px; text-align: left; }
            .cta2 .wrap h3 { text-align: left; padding-bottom: 0; font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #ffffff; }
            .cta2 .wrap .gt-strt { padding: 12px 20px; color: #fff; font-weight: 700; display: inline-block; font-size: 18px; border-radius: 8px; background: #000; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border: none; float: left; margin-right: 20px; font-weight: 500; }
            .wrap .new-cta { padding: 11px 20px; font-weight: 700; display: inline-block; font-size: 18px; border-radius: 8px; background: transparent; border: 1px solid #fff !important; color: #fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border: none; float: left; margin-right: 20px; font-weight: 500; }
            .cta-img img { position: absolute; content: ""; top: -86px; right: 0;    /* width: 81%; */ }
            ul.scrollbar { margin-top: 40px; height: 215px; overflow: hidden; padding: 0; }
            section.bundle-offer { text-align: center; padding: 3em 0 6em; position: relative; margin-top: 2em; }
            .bundle-offer .container { border: 5px solid #ffcc00; padding: 20px 30px 50px 30px; border-radius: 10px; }
            .bundle-top { display: table; background: #fff; margin-top: -4em; padding: 0 30px; }
            section.bundle-offer .bundle-top h2 { margin: 0; font-size: 40px; text-align: left; line-height: 39px; text-transform: capitalize; font-weight: bold; color: #000; }
            section.bundle-offer h2 span { color: #3275b2; display: block; font-size: 24px; }
            .bundle-offer h4 { color: #ff3040; font-size: 15px; text-align: initial; margin-bottom: 18px; margin-top: 30px; font-weight: 600; }
            section.bundle-offer ul { text-align: left;    /* width: 49%; */    /* display: inline-block; */
            margin-bottom: 0; }
            .monyback-seal { margin-top: -20px; }
            .brand-price { text-align: center; }
            .brand-price span { font-size: 36px; font-family: 'Kaushan Script', cursive; color: #ff3040; text-shadow: 1px 2px 3px #ffcc00, 0px -3px 3px #ffcc00, -2px 0px 3px #ffcc00, 1px 2px 3px #ffcc00, 0px -3px 3px #ffcc00, -2px 0px 3px #ffcc00; margin-bottom: 1em; float: left; width: 100%; }
            .brand-price h5 { font-size: 150px; font-weight: 700; line-height: 60px; margin: 10px 0 0; text-shadow: 0 0 20px #ddd; }
            .brand-price h3 { color: #3275b2; font-weight: 600; font-size: 35px; padding-top: 10px; margin-bottom: 0; }
            .brand-price h2 { font-family: 'Barlow', sans-serif; font-weight: bold; font-size: 80px; margin: 0 auto; display: table; position: relative; color: #ff3040; line-height: 70px; }
            .brand-price h2 b { position: absolute; left: -50px; font-family: 'Kaushan Script', cursive; color: #ff3040; font-size: 36px; text-shadow: 1px 2px 3px #ffcc00, 0px -3px 3px #ffcc00, -2px 0px 3px #ffcc00, 1px 2px 3px #ffcc00, 0px -3px 3px #ffcc00, -2px 0px 3px #ffcc00; top: 0px; }
            .bundle-offer>.container.btm-container { background: #ffcc00; padding: 20px 0 20px; border: none; border-radius: 0 0 10px 10px; margin-top: -18px; display: flex; align-items: center; }
            section.bundle-offer ul { text-align: left;    /* width: 49%; */    /* display: inline-block; */
            margin-bottom: 0; }
            section.bundle-offer .combo-btn li:first-child { margin-right: 20px; }
            section.bundle-offer .combo-btn li { padding: 0; display: inline-block; margin-right: 0; }
            section.bundle-offer ul li { position: relative; font-size: 14px; padding: 0 0 10px 20px; line-height: 17px; font-weight: 500; }
            section.bundle-offer .combo-btn li a.combo_tel {    /* background: url(../images/toll1.png) no-repeat scroll left center; */
            padding-left: 30px; }
            section.bundle-offer .combo-btn li a { color: #000; font-size: 17px; text-transform: uppercase; font-weight: 700; padding-left: 40px; float: left; }
            section.bundle-offer .combo-btn li a.combo_chat.chat {    /* background: url(../images/chat2.png) no-repeat scroll left center; */
            padding-left: 56px; padding-top: 10px; }
            .bundle-offer .limited_time h4 { margin: 0; text-align: center; font-size: 40px; font-family: 'Kaushan Script', cursive; color: #0086ff; text-shadow: 1px 2px 3px #ffcc00, 0px -3px 3px #fff, -2px 0px 3px #fff, 1px 2px 3px #fff, 0px -3px 3px #fff, -2px 0px 3px #fff; }
            a.various.combo_deal { display: inline-block; width: auto; position: relative; top: 0; text-align: center; border: 0px none; color: #fff; font-weight: 700; padding: 13px 40px; border-radius: 5px; text-transform: uppercase; font-size: 24px; background: #ff3040; letter-spacing: -0.5px; }

            /* body .popupform {
            width: 420px;
            border-radius: 10px;
            padding: 24px 30px 30px;
            overflow: visible;
            border-bottom: none;
            background: #f7f7f7;
            background-size: contain !important;
            } */
            body .popupform { width: 420px; border-radius: 10px; padding: 24px 30px 30px; overflow: visible; border-bottom: none; background: #f7f7f7; background-size: contain !important; }
            body .popupform .left-form-banner {    /* padding: 20px 33px 20px 0px; */ }
            .fancybox-slide>* { position: relative; padding: 24px; margin: 44px 0; border-width: 0; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; overflow: visible; }
            .pop-head { margin-bottom: 0.8em; width: 100%; clear: both; }
            .pop-head h3 { color: #000; margin-top: 0; font-size: 20px; margin-bottom: 0; text-transform: uppercase; font-weight: 600; }
            .pop-head h3 span { color: #ff3040; position: relative; top: -2px; }
            .pop-head h3 { color: #000; margin-top: 0; font-size: 20px; margin-bottom: 0; text-transform: uppercase; font-weight: 600; }
            .popupform h2 { font-size: 18px; font-weight: 600; padding-left: 0; border-left: none; margin-bottom: 0; margin-top: 0; }
            .popupform ul { margin: 0; padding: 0; }
            .popupform .col-md-12 ul li { text-align: center; }
            .popupform { text-align: left; position: relative; width: 100%; margin-top: 0; margin: 8px 0px 0; display: inline-block; }
            .popupform input[type="text"],
            .popupform input[type="email"],
            .popupform textarea { background: #ffffff; border: #cecece 1px solid; padding: 13px; width: 100%; border-radius: 3px; font-size: 14px; color: #000; box-shadow: none !important; outline: none 0px !important; height: 45px; }
            .popupform textarea { height: 95px; resize: none; }
            .popupform input[type="submit"] { background: #ff3040; color: #fff; font-size: 16px; border: #ff3040 1px solid; text-transform: uppercase; font-weight: 600; padding: 11px 10px; outline: 0px none; border-radius: 3px; width: 100%; margin-top: 10px; }
            .popupform .fancybox-close-small { border: none; background: url(../images/close1.png) no-repeat scroll center center; border-radius: 0; text-align: center; box-shadow: none; right: 0; top: 0; overflow: visible; }
            .popupform .fancybox-close-small:after { content: "X"; position: absolute; color: #000; }
            img.logo-img {    /* width: 35%; */ }
            @media (max-width:767px) {
                .height-dog { height: 430px; }
                .home .works-wrap .mypackages { margin-top: 0; }
                .home .works-wrap { padding: 0; }
                .logo-left .imgwrp img { width: 48px !important; }
                .header-home .menu ul li { width: 320px; }
                .header-home .menu ul li.megamenu:hover .submenuwrap { width: 320px; }
                .menu .submenuwrap .menu-container { width: 300px; }
                .header-home .menu .menu-container ul { margin-top: 20px; }
                .myhome .content { padding-top: 0; }
                .top-home .content h1.title { margin-bottom: 20px; }
                .topformcontainer { top: 60px; width: 345px; }
                .dtf .intl-tel-input { margin-bottom: 20px; }
                .myport h2 { line-height: 35px; margin-top: 30px; }
                .mypackages .mytext { line-height: 22px; }
                .top-home .content span i { margin: 60px auto 20px; }
                .subscribe-fold { padding: 10px; }
                .subs-pac .actions { margin: 10px 0 0 0; }
                .subscribe-fold .table-packages .body ul li h6 { display: block; }
            }
            .for_color { background-color: #11314f; }
            .for_new { position: unset; }
            .step2-title.container h1 { font-size: 41px; font-weight: 800; position: relative; }
            .step2-title.container p { line-height: 23px; color: #777; }
            .step2-title.container h1 i { position: absolute; font-size: 54px; font-weight: 900; color: rgba(204, 204, 204, 0.3411764705882353); z-index: 0; top: -42px; width: 250px; left: 50%; margin-left: -123px; }
            .step2-title.container h1 span { display: inline-block;    /* background: #fff; */ position: relative; z-index: 1; }
            .step2-title.container p { line-height: 23px; color: #777; }
            .step2.step2.step2-new {    /*width: 940px;*/ }
            h3.step-section-title-n { position: relative; font-size: 29px; font-weight: 700; padding-top: 24px; border-top: #ececec 1px solid; margin-top: 63px; margin-bottom: 23px; display: block; }
            h3.step-section-title-n span { position: relative; display: inline-block; text-align: center; }
            h3.step-section-title-n span:after { content: ""; background: #4eda91; position: absolute; width: 93px; height: 10px; right: 0; bottom: -2px; z-index: -1; }
            .step-top-area ul li { text-align: left; margin-bottom: 8px; position: relative; }
            .step-top-area ul li label { text-align: left; display: block; margin-bottom: 7px; margin-top: 25px; font-size: 15px; color: #000; font-weight: 600; text-transform: uppercase; }
            .step-top-area ul li input[type="text"],
            .step-top-area ul li select,
            .step-top-area ul li textarea,
            .step-top-area ul li input[type="file"] { background: #efefef; color: #000; border: #e2e1e1 1px solid; border-radius: 0px; }
            .step-top-area input[type="text"],
            .step-top-area select,
            .step-top-area textarea { width: 100%; background: #fbfdfd; border: 1px solid #b9cfd6; padding: 11px; border-radius: 5px; font-size: 12px;

                /* .step-top-area: ; */
                select { height: 33px; }
            }
            .step-top-area ul li { text-align: left; margin-bottom: 8px; position: relative; }
            input.btn-step2 { background: #3d59e8 !important; width: 200px !important; padding: 10px !important; border-radius: 42px !important; margin-top: 23px; margin-bottom: 33px; color: #fff; border: none; letter-spacing: 1px; font-weight: 600 !important; }
            .step2-title { padding: 60px 0 0 0; text-align: center; }
            .gray-scr { text-align: center; background: #f3f3f3; margin-top: 0; padding: 0px 0 10px; }
            .gray-scr h3 { color: #392a83; font-weight: bold; font-size: 22px; padding: 34px 0 23px; background: #fff; position: relative; }
            .gray-scr h3:before { background: #f4aa41; width: 50px; height: 4px; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ""; border-radius: 70px; }
            .gray-scr h3>span { display: block; font-size: 13px; margin: 8px 0 -4px; color: #525252; padding: 0 290px; }
            h2.scr-h2 { text-align: center; position: relative; color: #000; font-weight: 600; font-size: 27px; letter-spacing: 0; margin-bottom: -10px; margin-top: 20px; }
            h2.scr-h2:before { background: #69dea1; content: ""; width: 140px; height: 8px; position: absolute; bottom: 0; left: 50%; margin-left: -50px; z-index: 0; }
            h2.scr-h2 span { position: relative; }
            .checkout { width: 410px; margin: 30px auto; padding: 15px; background: #f3f6fa; border: 1px solid; border-color: #c2cadb #bbc5d6 #b7c0cd; border-radius: 7px; -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 15%); box-shadow: 0 1px 5px rgb(0 0 0 / 15%); }
            .checkout-header { position: relative; margin: -15px -15px 15px; }
            .checkout-title { padding: 0 15px; line-height: 48px; font-size: 18px; font-weight: 400; text-shadow: 0 1px rgb(255 255 255 / 70%); background: #eceff5; border-bottom: 1px solid #c5ccdb; border-radius: 7px 7px 0 0; background-image: -webkit-linear-gradient(top, #f5f8fb, #e9edf3); background-image: -moz-linear-gradient(top, #f5f8fb, #e9edf3); background-image: -o-linear-gradient(top, #f5f8fb, #e9edf3); background-image: linear-gradient(to bottom, #f5f8fb, #e9edf3); -webkit-box-shadow: inset 0 1px white; box-shadow: inset 0 1px white; margin: 0; }
            .checkout-title:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%); box-shadow: 0 1px 2px rgb(0 0 0 / 8%); }
            .checkout>p { zoom: 1; }
            .paywith { font-size: 14px; padding-bottom: 10px; text-align: center; }
            .checkout-name { width: 100%; }
            .checkout-input { float: left; padding: 0 10px; height: 40px; color: #525864; margin: 0 0 7px 0; background: white; border: 1px solid; border-color: #b3c0e2 #bcc5e2 #c0ccea; border-radius: 4px; background-image: -webkit-linear-gradient(top, #f6f8fa, white); background-image: -moz-linear-gradient(top, #f6f8fa, white); background-image: -o-linear-gradient(top, #f6f8fa, white); background-image: linear-gradient(to bottom, #f6f8fa, white); -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%), 0 1px rgb(255 255 255 / 50%); box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%), 0 1px rgb(255 255 255 / 50%); }
            .pd-right-0 { padding-right: 0px !important; }
            .checkout-card { width: 100%; margin-top: 9px; }
            .pd-left-0 { padding-left: 0px !important; }
            .checkout-exp,
            .checkout-exp2,
            .checkout-cvc { margin: 0 0px; width: 31%; margin-top: 9px; }
            .checkout>p+p { margin-top: 7px; }
            .checkout>p:before,
            .checkout>p:after { content: ''; display: table; }
            select#country { width: 100% !important; padding: 0 10px; height: 40px; color: #525864; margin: 0 0 7px 0; background: white; border: 1px solid; border-color: #b3c0e2 #bcc5e2 #c0ccea; border-radius: 4px; background-image: -webkit-linear-gradient(top, #f6f8fa, white); background-image: -moz-linear-gradient(top, #f6f8fa, white); background-image: -o-linear-gradient(top, #f6f8fa, white); background-image: linear-gradient(to bottom, #f6f8fa, white); -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%), 0 1px rgb(255 255 255 / 50%); box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%), 0 1px rgb(255 255 255 / 50%); float: left; }
            #state { padding: 0 10px; height: 40px; color: #525864; background: white; border: 1px solid; border-color: #b3c0e2 #bcc5e2 #c0ccea; border-radius: 4px; background-image: -webkit-linear-gradient(top, #f6f8fa, white); background-image: -moz-linear-gradient(top, #f6f8fa, white); background-image: -o-linear-gradient(top, #f6f8fa, white); background-image: linear-gradient(to bottom, #f6f8fa, white); -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%), 0 1px rgb(255 255 255 / 50%); box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%), 0 1px rgb(255 255 255 / 50%); float: left; width: 62.3%; }
            .checkout>p:before,
            .checkout>p:after { content: ''; display: table; }
            input#phone-country { height: 50px; padding-top: 0; font-size: 18px; }
            input#phone-country::placeholder { font-weight: 400; font-weight: 14px; }
            .owl-carousel .owl-stage-outer { }
            .checkout-btn { width: 100%; box-sizing: border-box; height: 44px; padding: 0; font-weight: bold; color: white; text-align: center; text-shadow: 0 -1px 1px rgb(0 0 0 / 20%); border: 1px solid; border-color: #1486f9 #0f7de9 #0d6acf; background: #1993fb; border-radius: 4px; background-image: -webkit-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6); background-image: -moz-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6); background-image: -o-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6); background-image: linear-gradient(to bottom, #4cb1fe, #229afc 40%, #138df6); -webkit-box-shadow: inset 0 1px rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 20%); box-shadow: inset 0 1px rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 20%); cursor: pointer; }
            section.our-combopack ul { padding: 0; }
            .bottom-form { background: #E7ECF2; padding: 0 0 15px 0; text-align: center; margin: 0 auto; }
            .bottom-form ul li { display: inline-block; margin: 0 20px; }
            .bst-slr { width: 70%; margin: auto; height: 50px; background: red; font-size: 33px; font-weight: 800; display: none; margin-bottom: 20px; border-radius: 60px 60px 10px 10px; }

            /*Responisve*/
            @media only screen and (max-width:1191px) and (min-width:768px) {
                header ul li { margin-left: 0px; margin: 0 0 10px 0; }
                section.banner h1 { font-size: 44px; }
                section.banner a { padding: 10px 25px; }
                .spon-images img { width: 100%; }
                .pack-inn { padding: 0px 10px 20px; }
                .pack-inn .scrollbar li { font-size: 12px; }
                .pack-add li a { font-size: 10px; }
                .brand-price h2 { font-size: 60px; }
                .brand-price h5 { font-size: 110px; }
                .brand-price h2 b { font-size: 26px; }
                section.bundle-offer ul { padding: 0; }
                .cta-img img { position: unset; width: 100%; margin: 0 0 50px 0; }
                .cta2 .wrap a { margin: 0 0 10px 0; }
                section.cta2.mygrid { height: auto; }
                footer { padding: 50px 0 0; }
            }
            @media only screen and (max-width:991px) and (min-width:768px) {
                .banner .col-md-6 { flex: 0 0 100%; max-width: 100%; }
                img.head-thumb { width: 100%; }
                section#discount_pack .col-md-3 { max-width: 50%; flex: 0 0 50%; margin: 0 0 60px 0; }
                .bundle-offer h4 { margin-bottom: 8px; margin-top: 20px; font-size: 12px; }
                section.bundle-offer ul li { font-size: 10px; padding: 0 0 10px 0px; }
                .brand-price h3 { font-size: 25px; }
                section.bundle-offer .combo-btn li a.combo_chat.chat { padding-left: 31px; }
                .bundle-offer .limited_time h4 { font-size: 30px; }
                a.various.combo_deal { font-size: 14px; }
                .cta2 .wrap a { font-size: 14px; }
                .cta2 .wrap .gt-strt { font-size: 14px; }
                .cta2 .wrap h3 { font-size: 14px; }
                .brandsvg { width: 100%; }
            }
            @media only screen and (max-width:767px) and (min-width:0px) {
                .bst-slr { display: block; }
                .bundle-img { display: none; }
                section.strugglesec .mtpx-30 { text-align: center; }
                .testimonial .item .itext .star { text-align: center; }
                .our-pricing-plans p { padding: 0; }
                .owl-pricing .owl-nav .owl-next { position: absolute; right: 32%; top: 100%; }
                .owl-pricing .owl-nav .owl-prev { position: absolute; left: 32%; top: 100%; }
                .our-combopack .btn-pack .custom-btn { line-height: 37px; margin: 0 0 10px; margin-right: 0; }
                .our-combopack h2 { font-size: 50px; line-height: 60px; }
                .our-combopack { text-align: center; }
                .top-left a { display: none; }

                /* footer .row {
                display: none;
                } */
                header ul li a { display: inline-block; padding: 5px 0; font-size: 11px; }
                .top-left h4 { font-size: 12px; display: none; }
                header ul li { margin-left: 5px; }
                .paright,
                .bundle-offer h4,
                section.bundle-offer h2 span,
                section.bundle-offer .bundle-top h2 { text-align: center; }
                .strugglesec h2 { text-align: center; }
                .content { text-align: center; }
                .cta2 .wrap h3,
                .cta2 .wrap h6 { text-align: center; }
                .testimonial .item .itext p { text-align: center; }
                .scroll-dinn { top: -61px; left: 0px; display: none; }
                .logodiv { text-align: center; }
                section.banner { padding-top: 10em; text-align: center; }
                .top-right ul { text-align: center; float: left; width: 100% !important; }
                header ul li a.toll_icon { padding: 0; margin: 0; }
                header ul li a.chat_icon.chat { padding: 0; }
                .banner-left p { text-align: center; font-size: 12px; line-height: 18px; }
                .banner-left li:before { position: unset; padding-right: 6px; }
                .banner-left li { font-size: 12px; margin-top: 5px; padding-left: 0; }
                .banner-left ul { padding: 0;        /* text-align: left; */ }
                body .popupform { width: 90%; }
                body .popupform .left-form-banner {        /* padding: 20px 30px 20px 30px; */ }
                section.banner a { font-size: 14px; padding: 10px 20px; margin: 0; }
                img.head-thumb { max-width: 100%; margin: 30px 0; }
                .spon-images img { width: 100%; }
                .spon-images { padding: 20px; }
                .head-style h2 { line-height: 1; }
                .pack-inn { margin: 40px 0; }
                section.bundle-offer ul { padding: 0; text-align: center; }
                .brand-price h2 b { left: -80px; }
                .brand-price h2 { font-size: 60px; }
                .brand-price h3 { font-size: 25px; }
                .brand-price h5 { font-size: 100px; }
                .head-style h2+p { padding: 0 30px; }
                section.bundle-offer .combo-btn li a.combo_tel,
                section.bundle-offer .combo-btn li a.combo_chat.chat { padding-left: 0; }
                .bundle-offer>.container.btm-container { flex-wrap: wrap; }
                .cta2 .wrap a { margin: 0 0 10px 0; width: 100%; }
                .cta-img img { width: 100%; margin: 20px 0; position: unset; }
                section.cta2.mygrid { height: auto; width: 100% !important; }
                .scroll-div { max-width: 100%; width: 100%; }
                section.banner h1 { font-size: 1.9rem; margin-bottom: 10px; margin-top: 0; line-height: normal; }
                section.banner h1>span { font-size: 44px; }
                section.bundle-offer h2 span { font-size: 22px; }
                .popupform ul li input[type="submit"] { font-size: 12px; }
            }
            @media only screen and (max-width:374px) and (min-width:0px) {
                .our-pricing-plans .package .head .right h5 { font-size: 15px; }
                .top-left a { font-size: 10px; padding: 5px 10px; display: none; }
                .banner-right { display: none; }
                header ul li a { font-size: 12px; }
                header ul li { margin-left: 0; }
                .scroll-dinn>h4 { font-size: 13px; }
                .scroll-dinn { top: -53px; }
                section.banner a { font-size: 13px; padding: 10px 16px; }
                .brand-price h2 { font-size: 40px; }
                .scroll-dinn { top: -53px; }
            }
            @media only screen and (max-width:360px) and (min-width:0px) {
                .scroll-dinn { top: -53px; }
            }
            @media only screen and (min-width:1199px) {
                .owl-pricing .owl-nav { display: none; }
                .owl-stage { width: 110% !important; }
            }
            span.validationerror { position: absolute; font-size: 12px; left: 15px; bottom: -1px; }
            input.validationerror,
            textarea.validationerror { border: 1px solid red !important; }
            .head-form { width: 400px; background: #fff; padding: 20px 20px 20px; border-radius: 10px; margin: 0 auto; z-index: 2; position: relative; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%); }
            .form-head { text-align: center; padding: 0; margin: 10px 0 0; }
            .form-head h2 { font-weight: 600; color: black; font-size: 30px; letter-spacing: -0.03em; line-height: 1.2; margin-bottom: 15px; }
            .form-head span { color: #ff3040; }
            .form-group { margin-bottom: 20px; position: relative; }
            .inner-pages-form input { height: 40px; transition: 0.4s ease-in-out; border-color: #e5e5e5; font-weight: 400; }
            .head-form textarea.form-control,
            textarea { min-height: 90px; }
            .form-control,
            .input-text { height: calc(2.25rem + 27px); padding: 14px 30px; outline: 0; background-color: #f4f5f8; border: 1px solid #f4f5f8; color: #686a6f; font-size: 16px; width: 100%; }
            .inner-pages-form input { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 16px; font-weight: 400; line-height: normal; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
            .inner-pages-form .country-name { color: black !important; }
            .iti-flag { background-image: url(../images/flags.png) !important; }

            /*ADDITIONAL*/
            .inner-pages-form input::placeholder { font-size: 13px; opacity: 0.7; }
            .inner-pages-form textarea::placeholder { font-size: 13px; opacity: 0.7; }
            .inner-pages-form input { border: unset; border-bottom: 1px solid; border-radius: 0; height: 50px; }
            .inner-pages-form textarea { border: unset; border-bottom: 1px solid; border-radius: 0; }
            .inner-pages-form label { display: none; }
            a.ac-bn { background: transparent !important; color: #000 !important; font-size: 14px !important; padding: 0 !important; margin-top: 10px !important; width: 100% !important; text-align: center; margin-right: 0 !important; }
            .gform_validation_error { color: #f00; font-size: 12px; }

            /*ADDITIONAL*/
            .inner-pages-form input[type="submit"] { color: #fff; font-weight: 600; border-radius: 3px; text-align: center; padding: 10px 15px; border: none; cursor: pointer; background-color: #000; font-size: 14px; width: 100%; }
            .top-head .top-left { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
            .contact-form .info-address li,
            .contact-form .info-address li a { color: #fff; }
            .contact-form .info-address li a:hover { color: #ff3040; }
            .ban-form input::placeholder,
            .ban-form textarea::placeholder { font-size: 10px; line-height: normal; }