/* -----------------------------------------------
				CSS Styles Light
--------------------------------------------------
    Template Name: Ramandeep Singh - Personal Portfolio
    Author: Ramandeep Singh
    Copyright: 2025
--------------------------------------------------

Table of Content
	1. Body and Core Css
	2. Section Css
	3. Menu Css
	4. Home Section
	5. About Section
	6. Resume Section
	7. Portfolio Section
	8. Blog Section
	9. Contact Section
	10. Blog Page Css
	11. Blog List Css
	12. Preloader Css
	13. Tooltip Css
	14. Responsible Css
	15. Animation Css
----------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
.fa, .fas, .far, .fal, .fab {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}.fa-lg {font-size: 1.33333em;line-height: 0.75em;vertical-align: -.0667em;}.fa-xs {font-size: .75em;}.fa-sm {font-size: .875em;}.fa-1x {font-size: 1em;}.fa-2x {font-size: 2em;}.fa-3x {font-size: 3em;}.fa-4x {font-size: 4em;}.fa-5x {font-size: 5em;}.fa-6x {font-size: 6em;}.fa-7x {font-size: 7em;}.fa-8x {font-size: 8em;}.fa-9x {font-size: 9em;}.fa-10x {font-size: 10em;}.fa-fw {text-align: center;width: 1.25em;}
: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","Noto Color Emoji"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }
*, ::after, ::before { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }
[tabindex="-1"]:focus { outline: 0px !important; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dt { font-weight: 700; }
dd { margin-bottom: 0.5rem; margin-left: 0px; }
blockquote { margin: 0px 0px 1rem; }
dfn { font-style: italic; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus { outline: 0px; }
code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }
pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; }
figure { margin: 0px 0px 1rem; }
img { vertical-align: middle; border-style: none; }
svg { overflow: hidden; vertical-align: middle; }
table { border-collapse: collapse; }
caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; }
th { text-align: inherit; }
label { display: inline-block; margin-bottom: 0.5rem; }
button { border-radius: 0px; }
button:focus { outline: -webkit-focus-ring-color auto 5px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { -webkit-appearance: listbox; }
textarea { overflow: auto; resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.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; }
hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); }
code { font-size: 87.5%; color: rgb(232, 62, 140); word-break: break-word; }
a > code { color: inherit; }
kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; }
kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; }
pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); }
pre code { font-size: inherit; color: inherit; word-break: normal; }
.container { 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; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }
textarea.form-control { height: auto; }
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); }
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }
.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; }
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); }
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }
.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; }
.btn.disabled, .btn:disabled { opacity: 0.65; }
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }
.btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); }
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }
.btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); }
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }
.btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); }
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }
.btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); }
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }
.btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); }
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }
.btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); }
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }
.btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); }
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0, 123, 255); background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(40, 167, 69); background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162, 184); background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }
.btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; }
.dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); }
.dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); background-color: transparent; }
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; }
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; }
.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px; }
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; }
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
.nav-link.disabled { color: rgb(108, 117, 125); }
.nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); }
.tab-content > .active { display: block; }
.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0px; padding-left: 0px; }
.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }
.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); }
.breadcrumb-item.active { color: rgb(108, 117, 125); }
.page-item.active .page-link { z-index: 1; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }
.page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); }
.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }
.progress-bar { display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; }
.media { display: flex; align-items: flex-start; }
.list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); background-color: rgb(255, 255, 255); }
.list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }
.list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); }
.list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); }
.list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); }
.list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); }
.list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4); }
.list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36); }
.list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); }
.list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); }
.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; }
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translateX(0px); }
.carousel-indicators .active { background-color: rgb(255, 255, 255); }
.text-center { text-align: center !important; }
.fa, .fas, .far, .fal, .fab { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.fa-address-book::before { content: ""; }
.fa-award::before { content: ""; }
.fa-bars::before { content: ""; }
.fa-binoculars::before { content: ""; }
.fa-book::before { content: ""; }
.fa-briefcase::before { content: ""; }
.fa-calendar-alt::before { content: ""; }
.fa-certificate::before { content: ""; }
.fa-check-circle::before { content: ""; }
.fa-clipboard-list::before { content: ""; }
.fa-cogs::before { content: ""; }
.fa-desktop::before { content: ""; }
.fa-envelope::before { content: ""; }
.fa-facebook-f::before { content: ""; }
.fa-film::before { content: ""; }
.fa-gamepad::before { content: ""; }
.fa-house-damage::before { content: ""; }
.fa-image::before { content: ""; }
.fa-instagram::before { content: ""; }
.fa-linkedin::before { content: ""; }
.fa-map-marked-alt::before { content: ""; }
.fa-map-marker-alt::before { content: ""; }
.fa-medkit::before { content: ""; }
.fa-mobile-alt::before { content: ""; }
.fa-music::before { content: ""; }
.fa-palette::before { content: ""; }
.fa-paper-plane::before { content: ""; }
.fa-phone::before { content: ""; }
.fa-rocket::before { content: ""; }
.fa-route::before { content: ""; }
.fa-skype::before { content: ""; }
.fa-space-shuttle::before { content: ""; }
.fa-star::before { content: ""; }
.fa-sync::before { content: ""; }
.fa-times-circle::before { content: ""; }
.fa-tools::before { content: ""; }
.fa-tree::before { content: ""; }
.fa-twitter::before { content: ""; }
.fa-user-astronaut::before { content: ""; }
.fa-user-tie::before { content: ""; }
.fa-video::before { content: ""; }
.fab { font-family: "Font Awesome 5 Brands"; }
.far { font-family: "Font Awesome 5 Free"; font-weight: 400; }
.fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; }
[data-simplebar] { position: relative; flex-flow: column wrap; place-content: flex-start; align-items: flex-start; width: inherit; height: inherit; max-width: inherit; max-height: inherit; }
.simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; }
.simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0px; margin: 0px; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 0; width: auto !important; height: auto !important; }
.simplebar-offset { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 0px; margin: 0px; direction: inherit !important; box-sizing: inherit !important; resize: none !important; }
.simplebar-content { direction: inherit; position: relative; display: block; height: 100%; width: auto; visibility: visible; overflow: scroll; max-width: 100%; max-height: 100%; box-sizing: border-box !important; }
.simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; }
.simplebar-height-auto-observer-wrapper { height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0px; margin: 0px; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0px; box-sizing: inherit !important; }
.simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0px; left: 0px; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; }
.simplebar-track { z-index: 1; position: absolute; right: 0px; bottom: 0px; pointer-events: none; }
.simplebar-scrollbar { position: absolute; right: 2px; width: 7px; min-height: 10px; }
.simplebar-scrollbar::before { position: absolute; content: ""; background: black; border-radius: 7px; left: 0px; right: 0px; opacity: 0; transition: opacity 0.2s linear 0s; }
.simplebar-track .simplebar-scrollbar.simplebar-visible::before { opacity: 0.5; transition: opacity 0s linear 0s; }
.simplebar-track.simplebar-vertical { top: 0px; width: 11px; }
.simplebar-track.simplebar-vertical .simplebar-scrollbar::before { top: 2px; bottom: 2px; }
.simplebar-track.simplebar-horizontal { left: 0px; height: 11px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { height: 100%; left: 2px; right: 2px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0px; top: 2px; height: 7px; min-height: 0px; min-width: 10px; width: auto; }
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { right: auto; left: 0px; }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }
.owl-carousel { display: none; width: 100%; z-index: 1; }
.owl-carousel .owl-stage { position: relative; touch-action: manipulation; }
.owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item { min-height: 1px; float: left; backface-visibility: hidden; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; user-select: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0px 0px; color: inherit; border: none; font: inherit; padding: 0px !important; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { touch-action: pan-y; user-select: none; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease 0s; }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0px; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: rgb(0, 0, 0); }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; backface-visibility: hidden; transition: transform 0.1s ease 0s; }
.owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease 0s; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav { margin-top: 10px; }
.owl-theme .owl-nav [class*="owl-"] { color: rgb(255, 255, 255); font-size: 14px; margin: 5px; padding: 4px 7px; background: rgb(214, 214, 214); display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-theme .owl-nav [class*="owl-"]:hover { background: rgb(134, 151, 145); color: rgb(255, 255, 255); text-decoration: none; }
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: rgb(214, 214, 214); display: block; backface-visibility: visible; transition: opacity 0.2s ease 0s; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: rgb(134, 151, 145); }
.cd-headline { font-size: 3rem; line-height: 1.2; }
.cd-words-wrapper { display: inline-block; position: relative; text-align: left; }
.cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0px; top: 0px; }
.cd-words-wrapper b.is-visible { position: relative; }
.no-js .cd-words-wrapper b { opacity: 0; }
.no-js .cd-words-wrapper b.is-visible { opacity: 1; }
.cd-headline.rotate-1 .cd-words-wrapper { perspective: 300px; }
@-webkit-keyframes cd-rotate-1-in{0%{-webkit-transform:rotateX(180deg);opacity:0}35%{-webkit-transform:rotateX(120deg);opacity:0}65%{opacity:0}100%{-webkit-transform:rotateX(360deg);opacity:1}}@-moz-keyframes cd-rotate-1-in{0%{-moz-transform:rotateX(180deg);opacity:0}35%{-moz-transform:rotateX(120deg);opacity:0}65%{opacity:0}100%{-moz-transform:rotateX(360deg);opacity:1}}@keyframes cd-rotate-1-in{0%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}35%{-webkit-transform:rotateX(120deg);-moz-transform:rotateX(120deg);-ms-transform:rotateX(120deg);-o-transform:rotateX(120deg);transform:rotateX(120deg);opacity:0}65%{opacity:0}100%{-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-ms-transform:rotateX(360deg);-o-transform:rotateX(360deg);transform:rotateX(360deg);opacity:1}}@-webkit-keyframes cd-rotate-1-out{0%{-webkit-transform:rotateX(0);opacity:1}35%{-webkit-transform:rotateX(-40deg);opacity:1}65%{opacity:0}100%{-webkit-transform:rotateX(180deg);opacity:0}}@-moz-keyframes cd-rotate-1-out{0%{-moz-transform:rotateX(0);opacity:1}35%{-moz-transform:rotateX(-40deg);opacity:1}65%{opacity:0}100%{-moz-transform:rotateX(180deg);opacity:0}}@keyframes cd-rotate-1-out{0%{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);opacity:1}35%{-webkit-transform:rotateX(-40deg);-moz-transform:rotateX(-40deg);-ms-transform:rotateX(-40deg);-o-transform:rotateX(-40deg);transform:rotateX(-40deg);opacity:1}65%{opacity:0}100%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}
.cd-headline.rotate-1 b { opacity: 0; transform-origin: 50% 100%; transform: rotateX(180deg); }
.cd-headline.rotate-1 b.is-visible { opacity: 1; transform: rotateX(0deg); animation: 1.2s ease 0s 1 normal none running cd-rotate-1-in; }
.cd-headline.rotate-1 b.is-hidden { transform: rotateX(180deg); animation: 1.2s ease 0s 1 normal none running cd-rotate-1-out; }
.cd-headline.type .cd-words-wrapper { vertical-align: top; overflow: hidden; }
.cd-headline.type .cd-words-wrapper::after { content: ""; position: absolute; right: 0px; top: 50%; bottom: auto; transform: translateY(-50%); height: 90%; width: 1px; background-color: rgb(174, 188, 185); }
.cd-headline.type b.is-visible { visibility: visible; }
.cd-headline.rotate-2 .cd-words-wrapper { perspective: 300px; }
.is-visible .cd-headline.rotate-2 i { opacity: 1; }
.no-csstransitions .cd-headline.rotate-2 .is-visible i { opacity: 1; }
.cd-headline.loading-bar .cd-words-wrapper { overflow: hidden; vertical-align: top; }
.cd-headline.loading-bar .cd-words-wrapper::after { content: ""; position: absolute; left: 0px; bottom: 0px; height: 3px; width: 0px; background: rgb(0, 150, 167); z-index: 2; transition: width 0.3s ease -0.1s; }
.cd-headline.loading-bar b.is-visible { opacity: 1; top: 0px; }
.cd-headline.slide .cd-words-wrapper { overflow: hidden; vertical-align: top; }
.cd-headline.slide b.is-visible { top: 0px; opacity: 1; animation: 0.6s ease 0s 1 normal none running slide-in; }
.cd-headline.slide b.is-hidden { animation: 0.6s ease 0s 1 normal none running slide-out; }
.cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: top; }
.cd-headline.clip .cd-words-wrapper::after { content: ""; position: absolute; top: 0px; right: 0px; width: 2px; height: 100%; background-color: rgb(174, 188, 185); }
.cd-headline.clip b.is-visible { opacity: 1; }
.cd-headline.zoom .cd-words-wrapper { perspective: 300px; }
.cd-headline.zoom b.is-visible { opacity: 1; animation: 0.8s ease 0s 1 normal none running zoom-in; }
.cd-headline.zoom b.is-hidden { animation: 0.8s ease 0s 1 normal none running zoom-out; }
.cd-headline.rotate-3 .cd-words-wrapper { perspective: 300px; }
.is-visible .cd-headline.rotate-3 i { transform: rotateY(0deg); }
.no-csstransitions .cd-headline.rotate-3 .is-visible i { opacity: 1; }
.is-visible .cd-headline.scale i { opacity: 1; }
.no-csstransitions .cd-headline.scale .is-visible i { opacity: 1; }
.cd-headline.push b.is-visible { opacity: 1; animation: 0.6s ease 0s 1 normal none running push-in; }
.cd-headline.push b.is-hidden { animation: 0.6s ease 0s 1 normal none running push-out; }
* { margin: 0px; padding: 0px; font-family: inherit; outline: none !important; list-style: none !important; text-decoration: none !important; }
::after, ::before { box-sizing: border-box; padding: 0px; margin: 0px; }
body { font-family: Poppins, sans-serif; font-size: 16px; color: rgb(14, 15, 16); overflow: hidden; letter-spacing: 0.8px; background-color: rgb(26, 42, 65); -webkit-font-smoothing: antialiased; }
a { color: rgb(14, 15, 16); transition: all 0.3s ease-in-out 0s; }
a:hover, a:focus { color: rgb(14, 15, 16); }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; color: rgb(14, 15, 16); font-weight: 600; }
h1 { font-size: 70px; }
h2 { font-size: 35px; }
h3 { font-size: 26px; }
h4 { font-size: 18px; }
i, em { font-style: normal; }
img { max-width: 100%; }
blockquote { position: relative; padding: 30px; background-color: rgb(240, 241, 245); }
blockquote span { display: block; font-size: 16px; margin-top: 20px; }
blockquote span img { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; }
.btn-st { position: relative; display: inline-block; color: rgb(14, 15, 16); cursor: pointer; font-size: 18px; font-weight: 100; background-color: transparent; border: none; z-index: 2; }
.btn-st::before { content: ""; position: absolute; width: 40%; height: 200%; top: -50%; left: -15%; background: rgb(255, 255, 255); padding: 0px; border-radius: 10px; z-index: -1; transition: all 0.3s ease-in-out 0s; }
.btn-st::after { content: ""; position: absolute; width: 110%; height: 10%; top: 105%; left: -5%; background: rgb(14, 15, 16); padding: 0px; z-index: 0; transition: all 0.3s ease-in-out 0s; }
.btn-st:hover::before { border-radius: unset; transform: translateX(120%) scaleX(3) scaleY(0.8); }
.btn-st:hover::after { transform: translateX(-55%) translateY(-550%) rotate(90deg) scaleX(0.3); }
.pt-about .price .footer-price .btn-st::before, .pt-blog .blog-item .blog-btn .btn-st::before { height: 165%; top: -30%; }
.pt-about .price .footer-price .btn-st, .pt-blog .blog-item .blog-btn .btn-st { font-size: 16px; }
.audio-on .music-bg .lines span:nth-child(1) { animation: 2s ease-out 0.5s infinite alternate none running musicline; }
.audio-on .music-bg .lines span:nth-child(2) { animation: 2s ease-out 1s infinite alternate none running musicline; }
.audio-on .music-bg .lines span:nth-child(3) { animation: 2s ease-out 1.5s infinite alternate none running musicline; }
.audio-on .music-bg .lines span:nth-child(4) { animation: 2s ease-out 0.25s infinite alternate none running musicline; }
.audio-on .music-bg .lines span:nth-child(5) { animation: 2s ease-out 0.75s infinite alternate none running musicline; }
.audio-on .music-bg .lines span:nth-child(6) { animation: 2s ease-out 1.25s infinite alternate none running musicline; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-100 { margin-top: 100px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-100 { margin-bottom: 100px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-50 { padding-top: 50px !important; }
#particles-js { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.page { position: fixed; width: 90%; height: 100%; color: rgb(14, 15, 16); margin: 0px; padding: 0px; overflow: auto; transition: all 0.6s cubic-bezier(0.5, 0.2, 0.2, 1.1) 0s; }
#about:target .pt-home, #resume:target .pt-home, #portfolio:target .pt-home, #blog:target .pt-home, #contact:target .pt-home { filter: blur(3px); transition: all 0.5s ease 0s; }
.pt-about, .pt-resume, .pt-portfolio, .pt-blog, .pt-contact { background-color: rgb(255, 255, 255); }
#about:target .pt-about, #resume:target .pt-resume, #portfolio:target .pt-portfolio, #blog:target .pt-blog, #contact:target .pt-contact { transition-delay: 0.3s; }
.page .header-page { position: relative; text-align: center; }
.page .header-page::after, .page .header-page::before { content: ""; position: absolute; width: 30px; height: 1px; left: calc(50% - 46px); bottom: -19px; background-color: rgb(14, 15, 16); }
.page .header-page::before { left: calc(50% + 16px); }
.page .header-page span { position: absolute; width: 35px; height: 17px; left: calc(50% - 17px); margin-top: 10px; }
.page .header-page span::before, .page .header-page span::after { content: ""; position: absolute; width: 16px; height: 16px; top: 0px; left: 0px; border: 2px solid rgb(14, 15, 16); border-radius: 50px 50px 0px; transform: rotate(-45deg); }
.page .header-page span::after { left: auto; right: 0px; border-radius: 50px 50px 50px 0px; transform: rotate(45deg); }
.page .header-box, .blog-page .header-box { position: relative; text-align: center; }
.page .header-box::before, .blog-page .header-box::before { content: ""; position: absolute; width: 14px; height: 14px; left: calc(50% - 7px); bottom: -16px; border-radius: 50%; border: 3px solid rgb(14, 15, 16); }
.page .header-box h3::before, .blog-page .header-box h3::before { content: ""; position: absolute; width: 30px; height: 1px; left: calc(50% - 45px); bottom: -10px; background-color: rgb(14, 15, 16); }
.page .header-box h3::after, .blog-page .header-box h3::after { content: ""; position: absolute; width: 30px; height: 1px; left: calc(50% + 15px); bottom: -10px; background-color: rgb(14, 15, 16); }
.page .box-1, .page .box-2, .blog-page .box { position: relative; padding: 30px; background-color: rgb(240, 241, 245); transition: all 0.3s ease-in-out 0s; }
.page .box-1:hover, .page .box-2:hover, .blog-page .box:hover { transform: translateY(-5px); }
blockquote::after, .page .box-1::after, .page .box-2::after, .blog-page .box::after, .pt-about .testimonial-item::after, .pt-blog .blog-item::after, .blog-list .blog-post .content .thumbnail::after, .blog-page .blog-comments ul li ul::after { border-top: 35px solid rgb(255, 255, 255); }
.pt-about .info .photo::after, .pt-contact #map::after { border-top: 35px solid rgb(240, 241, 245); }
.page .box-2::after { border-bottom: 35px solid rgb(255, 255, 255); }
blockquote::before, .page .box-1::before, .page .box-2::before, .blog-page .box::before, .pt-about .testimonial-item::before, .pt-blog .blog-item::before, .blog-list .blog-post .content .thumbnail::before, .blog-page .blog-comments ul li ul::before { border-bottom: 35px solid rgb(255, 255, 255); }
.pt-about .info .photo::before, .pt-contact #map::before { border-bottom: 35px solid rgb(240, 241, 245); }
.page .box-2::before { border-bottom: 35px solid rgb(255, 255, 255); }
.pt-about .inter-icon::after, .btn-st-item::after { border-top: 15px solid rgb(240, 241, 245); }
.pt-about .inter-icon::before, .btn-st-item::before { border-bottom: 15px solid rgb(240, 241, 245); }
.pt-portfolio .portfolio-filter ul::after { border-top: 100px solid rgb(255, 255, 255); }
.pt-portfolio .portfolio-filter ul::before { border-bottom: 100px solid rgb(255, 255, 255); }
.header-main { position: fixed; width: 10%; height: 100%; top: 0px; overflow: hidden auto; background-color: rgba(14, 15, 16, 0.6); z-index: 99; }
.header-main ul li { display: flex; align-items: center; justify-content: center; font-size: 27px; margin: 30px 0px; transition: all 0.3s ease-in-out 0s; }
.header-main ul li span.active { color: rgb(255, 255, 255); }
.header-main ul li a { color: rgb(255, 255, 255); }
#about:target .header-main ul li a, #resume:target .header-main ul li a, #portfolio:target .header-main ul li a, #blog:target .header-main ul li a, #contact:target .header-main ul li a { transform: scale(0.8); }
#about:target .icon-a, #resume:target .icon-r, #portfolio:target .icon-p, #blog:target .icon-b, #contact:target .icon-c { color: rgb(255, 255, 255); transform: scale(1.3) !important; }
.header-main .logo { text-align: center; padding: 40px 0px; border-right-color: rgb(255, 255, 255); border-bottom: 5px solid rgb(255, 255, 255); }
.header-mobile { position: fixed; top: 0px; left: 0px; height: 50px; width: 100%; background-color: rgb(7, 7, 8); box-shadow: rgb(0, 0, 0) 0px 0px 50px 0px; z-index: 10; display: none; transition: all 0.3s ease-in-out 0s; }
.header-mobile h2 { position: absolute; left: 50%; transform: translateX(-50%); display: inline-block; color: rgb(255, 255, 255); font-size: 24px; text-transform: uppercase; line-height: 50px; white-space: nowrap; }
.header-mobile .header-toggle { font-size: 20px; line-height: 50px; cursor: pointer; width: 50px; text-align: center; }
.header-mobile .header-toggle i { color: rgb(255, 255, 255); }
.pt-home { position: absolute; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; background-size: cover; background-position: center center; }
.pt-home::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.5; background-color: rgb(18, 23, 27); }
.pt-home .banner { position: absolute; width: 90%; top: 50%; color: rgb(255, 255, 255); text-align: center; transform: translateY(-50%); }
.pt-home .banner h1 { color: rgb(255, 255, 255); margin-bottom: 15px; }
.pt-home .banner p { color: rgb(255, 255, 255); font-size: 30px; }
.pt-home .social { position: absolute; width: 40px; height: 195px; top: 20px; z-index: 1; }
.pt-home .social ul li { display: inline-block; }
.pt-home .social ul li i { color: rgb(255, 255, 255); width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align: center; transition: all 0.5s ease 0s; }
.pt-home .social ul li i:hover { color: rgb(255, 255, 255); transform: scale(1.3); }
.pt-home .lang { position: absolute; bottom: 30px; z-index: 1; }
.pt-home .lang ul { margin: 0px; }
.pt-home .lang ul li { display: inline-block; margin: 0px 10px; }
.pt-home .lang ul li a { color: rgb(160, 160, 160); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; transition: all 0.5s ease 0s; }
.pt-home .lang ul li a:hover { color: rgb(255, 255, 255); }
.pt-home .lang ul li a.active { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); }
.pt-about .info .loc { font-size: 12px; color: rgb(14, 15, 16); padding-top: 15px; padding-bottom: 15px; }
.pt-about .info p { font-size: 16px; line-height: 26px; text-align: justify; }
.pt-about .info-icon { padding-top: 45px; }
.pt-about .info-icon i { display: flex; float: left; width: 45px; height: 45px; align-items: center; justify-content: center; color: rgb(14, 15, 16); background: rgb(255, 255, 255); font-size: 20px; border-radius: 100%; border: 1px solid rgb(14, 15, 16); margin-right: 15px; }
.pt-about .desc-icon h6 { font-size: 15px; font-weight: 400; line-height: 15px; }
.pt-about .desc-icon p { color: rgb(0, 0, 0); font-size: 16px; line-height: 26px; }
.pt-about .desc-icon { padding-left: 15px; padding-top: 5px; }
.pt-about .inter-icon { position: relative; background: rgb(255, 255, 255); margin: 20px 0px; padding: 15px; transition: all 0.3s ease-in-out 0s; }
.pt-about .inter-icon:hover { background: rgb(240, 241, 245); }
.pt-about .inter-icon i { position: relative; width: 30px; float: left; display: flex; align-items: center; justify-content: center; color: rgb(14, 15, 16); font-size: 20px; margin-right: 30px; }
.pt-about .inter-icon i::after { content: ""; position: absolute; width: 2px; height: 46px; left: 40px; background-color: rgb(240, 241, 245); }
.pt-about .desc-inter h6 { font-size: 17px; font-weight: 600; line-height: 17px; }
.pt-about .desc-inter { padding-top: 3px; }
.pt-about .service { text-align: center; }
.pt-about .service i { position: relative; width: 70px; height: 70px; font-size: 25px; line-height: 70px; color: rgb(14, 15, 16); background-color: rgb(255, 255, 255); border-radius: 50%; }
.pt-about .service:hover i::after { content: ""; position: absolute; width: 60px; height: 60px; top: 5px; left: calc(50% - 30px); border-radius: 100%; border: 1px solid rgb(14, 15, 16); animation: 0.3s ease 0s 1 normal none running zoomIn; }
.pt-about .service h4 { padding-top: 20px; padding-bottom: 20px; }
.pt-about .testimonial-item { position: relative; padding: 30px; margin: 0px 15px; background-color: rgb(240, 241, 245); }
.pt-about .testimonial-item img { width: 80px; margin-right: 20px; border-radius: 50%; }
.pt-about .testimonial-item .content { padding-top: 15px; }
.pt-about .testimonial-item .content p { color: rgb(119, 119, 119); font-size: 13px; font-weight: 400; padding-top: 10px; }
.pt-about .testimonial-item .rating { position: absolute; top: 75px; right: 25px; }
.pt-about .testimonial-item .rating li { display: inline-block; color: rgb(14, 15, 16); }
.pt-about .price { text-align: center; margin-bottom: 80px; }
.pt-about .price .head-price::after { content: ""; position: absolute; width: 100%; height: 4px; left: 0px; background: rgb(255, 255, 255); }
.pt-about .price .head-price i { position: absolute; width: 70px; height: 70px; top: -40px; left: 50%; color: rgb(14, 15, 16); font-size: 32px; background-color: rgb(255, 255, 255); line-height: 70px; border-radius: 50%; transform: translateX(-50%); }
.pt-about .price:hover i::after { content: ""; position: absolute; width: 60px; height: 60px; top: 5px; left: calc(50% - 30px); border-radius: 100%; border: 1px solid rgb(14, 15, 16); animation: 0.3s ease 0s 1 normal none running zoomIn; }
.pt-about .price .head-price h4 { font-size: 20px; padding-top: 25px; padding-bottom: 25px; }
.pt-about .price .body-price .price-plan .number { font-size: 22px; font-weight: 500; }
.pt-about .price .body-price .price-plan { padding: 25px 0px; }
.pt-about .price .body-price .price-plan .currency { position: relative; bottom: 10px; font-size: 15px; }
.pt-about .price .body-price .price-plan .period { position: relative; bottom: 0px; font-size: 14px; }
.pt-about .price .list-price ul li { padding-bottom: 10px; }
.pt-about .price .list-price ul li.disable { color: rgb(119, 119, 119); text-decoration: line-through !important; }
.pt-about .price .footer-price { padding-top: 15px; }
.pt-resume .experience .item { position: relative; padding-top: 15px; padding-left: 40px; margin-bottom: 40px; }
.pt-resume .experience .item::before { content: ""; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; background-color: rgb(14, 15, 16); }
.pt-resume .experience .item::after { content: ""; position: absolute; width: 20px; height: 1px; top: 21px; left: 6px; background-color: rgb(14, 15, 16); }
.pt-resume .experience .item ul{padding-left: 20px;}
.pt-resume .experience .item ul li{list-style: disc !important;font-size: 15px;margin-bottom: 5px;}
.pt-resume .experience .main p { color: rgb(14, 15, 16); font-size: 12px; }
.pt-resume .experience .main p i { font-size: 13px; margin-right: 5px; }
.pt-resume .experience .main h4 { position: relative; line-height: 15px; margin-bottom: 15px; }
.pt-resume .experience .main h4::before { content: ""; position: absolute; width: 13px; height: 13px; left: -46px; background-color: rgb(255, 255, 255); border: 2px solid rgb(14, 15, 16); border-radius: 50%; z-index: 1; }
.pt-resume .experience .item:hover h4::before { background-color: rgb(14, 15, 16); transition: all 0.3s ease 0s; }
.pt-resume .skill-item { padding: 0px 20px; }
.pt-resume .skill-item .progress-title { font-size: 17px; margin-bottom: 10px; }
.pt-resume .skill-item .progress { height: 8px; background-color: rgb(255, 255, 255); margin-bottom: 40px; overflow: visible; }
.pt-resume .skill-item .progress .progress-bar { position: relative; background-color: rgb(14, 15, 16); border-radius: 10px; }
.pt-resume .skill-item .progress .progress-bar::after { content: ""; position: absolute; display: block; top: -5px; right: 0px; padding: 6px; background-color: rgb(255, 255, 255); border-radius: 50%; border: 3px solid rgb(14, 15, 16); }
.pt-resume .skill-item .progress .progress-value { position: absolute; top: -30px; right: 0px; color: rgb(14, 15, 16); font-size: 14px; font-weight: 600; }
.pt-resume .chart { width: 130px; height: 130px; margin: 0px auto 25px; text-align: center; font-size: 25px; line-height: 24px; padding: 40px 0px 0px; color: rgb(14, 15, 16); font-weight: 800; }
.pt-resume .chart p { font-size: 15px; margin-top: 10px; }
.pt-resume canvas { position: absolute; top: 3px; left: 50%; transform: translateX(-50%); }
.pt-resume .work-process .ltr { text-align: right; }
.pt-resume .work-process .rtl { text-align: left; }
.pt-resume .work-process .wp-step { margin: 0px; color: rgb(14, 15, 16); font-size: 25px; line-height: 50px; }
.pt-resume .work-process h4 { font-weight: 700; margin-bottom: 15px; }
.pt-resume .work-process .single-wp + .single-wp { padding-top: 35px; }
.pt-resume .work-process .wp-circle { position: relative; width: 100%; padding: 80px 0px; margin-top: 12px; text-align: center; border-radius: 50%; border: 1px solid rgb(14, 15, 16); }
.pt-resume .work-process .wp-circle::before { content: ""; position: absolute; width: calc(100% + 48px); height: calc(100% + 48px); top: -24px; left: -24px; border: 1px solid rgb(14, 15, 16); border-radius: 50%; }
.pt-resume .work-process .wp-circle h4 { font-size: 40px; font-weight: 700; line-height: 62px; text-transform: uppercase; }
.pt-resume .work-process .dots { position: absolute; width: 12px; height: 12px; display: inline-block; border-radius: 50%; background-color: rgb(14, 15, 16); }
.pt-resume .work-process .dots.top-l, .pt-resume .work-process .dots.bottom-l { left: 0px; }
.pt-resume .work-process .dots.top-l, .pt-resume .work-process .dots.top-r { top: 50px; }
.pt-resume .work-process .dots.bottom-l, .pt-resume .work-process .dots.bottom-r { bottom: 50px; }
.pt-resume .work-process .dots.top-r, .pt-resume .work-process .dots.bottom-r { right: 0px; }
.pt-portfolio .portfolio-filter { text-align: center; }
.pt-portfolio .portfolio-filter ul { position: relative; display: inline-block; margin: 0px; padding: 0px 20px; }
.pt-portfolio .portfolio-filter ul li { position: relative; display: inline-block; cursor: pointer; font-size: 14px; font-weight: 600; padding: 10px 25px; transition: all 0.3s ease 0s; }
.pt-portfolio .portfolio-filter ul li.active { color: rgb(255, 255, 255); background-color: rgb(14, 15, 16); }
.pt-portfolio .portfolio-items .item figure { position: relative; cursor: pointer; background-color: rgb(240, 241, 245); border-radius: 3px; overflow: hidden; }
.pt-portfolio .portfolio-items .item figure img { opacity: 1; width: 100%; height: 100%; transition: all 0.3s ease 0s; }
.pt-portfolio .portfolio-items .item figure figcaption { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 30px; color: rgb(14, 15, 16); }
.pt-portfolio .portfolio-items .item figure figcaption a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.pt-portfolio .portfolio-items .item figure figcaption h3 { opacity: 0; color: rgb(14, 15, 16); font-size: 20px; font-weight: 700; transition: all 0.3s ease 0s; }
.pt-portfolio .portfolio-items .item figure figcaption p { position: absolute; left: 0px; bottom: 0px; margin: 20px; font-size: 14px; padding-left: 15px; opacity: 0; transform: translateX(-200%); transition: all 0.3s ease 0s; }
.pt-portfolio .portfolio-items .item figure figcaption p::before { content: ""; font-family: "Font Awesome 5 Free"; position: absolute; top: 0px; left: 0px; color: rgb(14, 15, 16); font-weight: 900; }
.pt-portfolio .portfolio-items .item figure figcaption i { position: absolute; right: 0px; bottom: 0px; margin: 20px; font-size: 24px; opacity: 0; transform: translateX(200%); transition: all 0.3s ease 0s; }
.pt-portfolio .portfolio-items .item figure:hover img { opacity: 0.25; transform: scale(1.1); }
.pt-portfolio .portfolio-items .item figure:hover h3 { opacity: 1; }
.pt-portfolio .portfolio-items .item figure:hover p { opacity: 1; transform: translateX(0%); }
.pt-portfolio .portfolio-items .item figure:hover i { opacity: 1; transform: translateX(0%); }
.contact-form { position: relative; }
.contact-form input, .contact-form textarea { font-size: 15px; height: 50px; padding-bottom: 10px; background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(68, 68, 68); border-radius: 0px; box-shadow: none; }
.contact-form input:focus, .contact-form textarea:focus { border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; background-color: transparent; transition: all 0.3s ease-in-out 0s; }
.contact-form textarea { height: 100px; margin: 10px 0px; }
.contact-form input { margin: 10px 0px; }
.pt-contact .contact-info { text-align: center; margin-top: 100px; }
.pt-contact .contact-info .info i { font-size: 30px; color: rgb(14, 15, 16); }
.pt-contact .contact-info .info p { font-size: 15px; line-height: 25px; padding: 30px 0px 0px; }
.pt-contact .contact-info .info span { color: rgb(73, 80, 87); }
.pt-contact #map { width: 100%; height: 300px; }
.contact-valid .error-messages { margin-top: 15px; }
.contact-valid label.error { display: block; color: rgb(255, 0, 0); font-size: 14px; font-weight: normal; margin: 5px 0px 0px 10px; text-align: left; }
.contact-valid #loader { display: none; margin-top: 30px; }
.contact-valid #loader i { display: inline-block; font-size: 23px; color: rgb(255, 255, 255); animation: 2s linear 0s infinite normal none running rotating; }
.contact-valid #success, .contact-valid #error { display: none; width: 100%; color: rgb(14, 15, 16); padding: 10px; margin-bottom: 5px; font-size: 14px; text-align: center; }
.contact-valid #success i, .contact-valid #error i { padding-top: 5px; margin-right: 10px; margin-left: 5px; }
.contact-valid #success i { color: rgb(37, 202, 127); }
.contact-valid #error i { color: rgb(202, 29, 29); }
.blog-list .blog-post .content { position: relative; }
.blog-list .blog-post .content .thumbnail { position: relative; overflow: hidden; border-radius: 10px; }
.blog-list .blog-post .content .thumbnail img { position: relative; display: block; width: 100%; transition: all 1s ease 0s; }
.blog-list .blog-post:hover .content .thumbnail img { transform: scale(1.1); }
.blog-list .blog-post .content .detalis { position: relative; padding-top: 20px; }
.blog-list .blog-post .content .detalis .meta { position: relative; }
.blog-list .blog-post .content .detalis .meta li { position: relative; display: inline-block; color: rgb(14, 15, 16); font-size: 12px; padding: 4px 15px 4px 0px; margin-right: 2px; transition: all 0.3s ease-in-out 0s; }
.blog-list .blog-post .content .detalis .meta li i { position: relative; color: rgb(14, 15, 16); margin-right: 6px; }
.blog-list .blog-post .content .detalis h4 { position: relative; color: rgb(14, 15, 16); font-weight: 700; margin-top: 15px; }
.blog-list .blog-post .content .detalis .text { position: relative; color: rgb(14, 15, 16); font-size: 14px; margin-top: 10px; margin-bottom: 25px; }
.blog-list .blog-post .content .detalis .btn-st { margin: 10px 10px 50px; font-size: 16px; }
.blog-list .pagination li.active a { background: rgb(14, 15, 16); color: rgb(255, 255, 255); border: 1px solid transparent; }
.blog-list .side-left .search .input-group .form-control { font-size: 14px; font-weight: 100; color: rgb(14, 15, 16); background: transparent; border-radius: 50px; padding-left: 20px; border: none !important; }
#preloader { position: fixed; width: 100%; height: 100%; z-index: 5000; }
#preloader.loaded { visibility: hidden; }
#preloader.loaded .loading-area { opacity: 0; }
#preloader .loading-area { position: absolute; width: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 1; transition: all 0.5s ease-in-out 0s; }
#preloader.loaded .loading-area .circle { width: 50px; height: 50px; margin: 0px auto 50px; border-radius: 50%; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255) rgb(14, 15, 16) rgb(14, 15, 16); border-image: initial; animation: 1s linear 0s infinite normal none running spinner; }
#preloader.loaded .left-side { transform: translateX(-100%); transition-delay: 1s; }
#preloader .left-side { left: 0px; }
#preloader.loaded .right-side { transform: translateX(100%); transition-delay: 1s; }
#preloader .right-side { right: 0px; }
#preloader .left-side, #preloader .right-side { position: absolute; width: 50%; height: 100%; background: rgb(255, 255, 255); transition: all 0.7s ease-in-out 0s; }
[data-tooltip] { position: relative; }
[data-tooltip]::after { position: absolute; visibility: hidden; opacity: 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; z-index: 99; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s; }
[data-tooltip]::after { content: attr(data-tooltip); font: 10px Poppins, sans-serif; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 10px 15px; border-radius: 5px; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; }
[data-tooltip]:hover::after { visibility: visible; opacity: 1; transform: translateY(0px); }
[data-tooltip][data-position="top"]::after { bottom: 100%; margin-bottom: 25px; transform: translateY(10px); }
[data-tooltip][data-position="top"]:hover::after { transform: translateY(0px); }
[data-tooltip][data-position="left"]::after { right: 100%; margin-right: 10px; transform: translateX(0px); }
[data-tooltip][data-position="left"]:hover::after { transform: translateX(-10px); }
[data-tooltip][data-position="right"]::after { left: 100%; margin-left: 10px; transform: translateX(0px); }
[data-tooltip][data-position="right"]:hover::after { transform: translateX(10px); }
[data-tooltip][data-position="bottom"]::after { top: 100%; margin-top: 25px; transform: translateY(-10px); }
[data-tooltip][data-position="bottom"]:hover::after { transform: translateY(0px); }
.header-main { left: 0px !important; }
.pt-home .banner { left: 10% !important; }
.pt-home .lang { left: 11% !important; }
.pt-home .social { right: 20px !important; }
.pt-about, .pt-resume, .pt-portfolio, .pt-blog, .pt-contact { transform: translateX(200%) !important; }
#about:target .pt-about, #resume:target .pt-resume, #portfolio:target .pt-portfolio, #blog:target .pt-blog, #contact:target .pt-contact { transform: translateX(11.1%) !important; }
.header-mobile .header-toggle { float: right; }
.cp-widget-button { display: inline-block; position: fixed; bottom: 5%; left: 4%; z-index: 999999; }
.cp-widget-button__inner { animation: 1s ease 0s infinite alternate none running bounce; }
.cp-widget-button__inner { height: 64px; width: 64px; line-height: 64px; border-radius: 50%; text-align: center; cursor: pointer; }
.cp-widget-button__inner img { margin: 0px auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/fa-brands-400.html");
  src: url("../fonts/fa-brands-400d41d.html?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-401.html") format("woff"), url("../fonts/fa-brands-402.html") format("truetype"), url("../fonts/fa-brands-403.html#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/fa-regular-400.html");
  src: url("../fonts/fa-regular-400d41d.html?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-401.html#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fa-solid-900.html");
  src: url("../fonts/fa-solid-900d41d.html?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-901.html") format("woff"), url("../fonts/fa-solid-902.html") format("truetype"), url("../fonts/fa-solid-903.html#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
@media screen and (max-width:991px){.pt-home .banner h1{font-size:60px}.pt-home .banner p{font-size:25px}.pt-about .btn-st{margin:0 0 20px 20px}.single-wp{padding:30px!important}.single-wp:nth-child(2n){text-align:left;padding-right:0!important}.single-wp.process-1,.single-wp.process-3{border-right:1px solid #fff}.single-wp.process-1,.single-wp.process-2{border-bottom:1px solid #fff}.single-wp:nth-child(2n+1){text-align:right;padding-left:0!important}.hidden-sm{display:none}.width-sm{width:50%;float:left}.pt-contact .contact-info .info{margin-bottom:40px}.page .mob-box-mt{margin-top:100px!important}}@media screen and (max-width:768px){.page{width:100%}#about:target .pt-about,#blog:target .pt-blog,#contact:target .pt-contact,#portfolio:target .pt-portfolio,#resume:target .pt-resume{-webkit-transform:translateX(0);transform:translateX(0)}.header-main{width:90px;background-color:#0e0f10;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header-mobile{display:block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header-main ul li{font-size:25px}.header-main .logo,.music-bg{padding:20px 0}.page .mob-mt{margin-top:120px!important}.page .header-page h2{font-size:32px}.pt-home .banner h1{font-size:50px}.pt-home .banner p{font-size:20px}.page .box{padding:20px}.pt-about .testimonial-item{padding:20px}.blog-nav{display:none}.blog-page .blog-container{position:relative}}@media screen and (max-width:575px){.page .header-box h3{font-size:23px}.pt-home .banner{width:100%}.pt-home .banner h1{font-size:40px}.pt-home .banner p{font-size:17px}.pt-home .social{top:unset;bottom:10px}.pt-home .lang{bottom:20px}.pt-about .info .photo img{display:block;width:50%;margin:0 auto 30px}.pt-about .testimonial-item:before{top:15px;right:15px;font-size:15px}.pt-about .testimonial-item img{width:70px}.pt-about .testimonial-item .rating{top:115px;left:20px}.pt-about .testimonial-item .media{margin-bottom:30px}.pt-about .testimonial-item .content{padding-top:10px}.pt-resume .chart{margin:0 auto 40px}.pt-portfolio .portfolio-filter ul{-webkit-box-shadow:none;box-shadow:none}.width-sm{width:100%}.single-wp.process-1,.single-wp.process-3{border-bottom:none;border-right:1px solid #fff}.single-wp.process-2,.single-wp.process-4{border-bottom:none;border-left:1px solid #fff}.blog-page .blog-heading h2{font-size:30px}.blog-page .blog-heading span{font-size:13px}.blog-page .blog-comments,.blog-page .blog-comments ul li .comment-text a{margin:0}.blog-page .blog-comments ul li .comment-text p{font-size:13px}.blog-page .blog-comments ul li ul{margin-left:30px}}@media screen and (min-height:710px){.music-bg{position:absolute;width:100%;bottom:0;left:0}}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner{to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes spinner{to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@-webkit-keyframes musicline{0%{height:5px}10%{height:10px}20%{height:5px}30%{height:14px}40%{height:18px}50%{height:5px}60%{height:16px}70%{height:10px}80%{height:12px}90%{height:4px}100%{height:18px}}@keyframes musicline{0%{height:5px}10%{height:10px}20%{height:5px}30%{height:14px}40%{height:18px}50%{height:5px}60%{height:16px}70%{height:10px}80%{height:12px}90%{height:4px}100%{height:18px}}@-webkit-keyframes kenburnsSlide{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}5%{opacity:1}25%{opacity:1}40%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburnsSlide{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}5%{opacity:1}25%{opacity:1}40%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:768px){.header-main{left:-135px!important}.header-main.on{left:0!important}#about:target .pt-about,#blog:target .pt-blog,#contact:target .pt-contact,#portfolio:target .pt-portfolio,#resume:target .pt-resume{-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important}.blog-page .blog-container{left:0!important}}@media screen and (max-width:575px){.pt-home .banner{left:0!important}.pt-home .lang{left:10px!important}.pt-home .social{right:10px!important}}


/* -----------------------------------
		1. Body and Core Css
----------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
 * {margin: 0;padding: 0;font-family: inherit;outline: none !important;list-style: none !important;text-decoration: none !important;}*:after, *:before {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
 body {font-family: 'Poppins',sans-serif;font-size: 16px;color: #0e0f10;overflow: hidden;letter-spacing: 0.8px;background-color: #1a2a41;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
 a {color: #0e0f10;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
 a:hover, a:focus {color: #0e0f10;}
 h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;color: #0e0f10;font-weight: 600;}
 h1 {font-size: 70px;}
 h2 {font-size: 35px;}
 h3 {font-size: 26px;}
 h4 {font-size: 18px;}
 i, em {font-style: normal;}
 img {max-width: 100%;}

blockquote {position: relative;padding: 30px;background-color: #f0f1f5;}blockquote span {display: block;font-size: 16px;margin-top: 20px;}blockquote span img {width: 40px;height: 40px;margin-right: 10px;-webkit-border-radius: 50%;border-radius: 50%;}

/* Button Style */
.btn-st {position: relative;display: inline-block;color: #0e0f10;cursor: pointer;font-size: 18px;font-weight: 100;background-color: transparent;border: none;z-index: 2;}.btn-st:before {content: '';position: absolute;width: 40%;height: 200%;top: -50%;left: -15%;background: #fff;padding: 0px;-webkit-border-radius: 10px;border-radius: 10px;z-index: -1;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.btn-st:after {content: '';position: absolute;width: 110%;height: 10%;top: 105%;left: -5%;background: #0e0f10;padding: 0px;z-index: 0;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.btn-st:hover:before {-webkit-border-radius: unset;border-radius: unset;-webkit-transform: translateX(120%) scaleX(3) scaleY(0.8);transform: translateX(120%) scaleX(3) scaleY(0.8);}.btn-st:hover:after {-webkit-transform: translateX(-55%) translateY(-550%) rotate(90deg) scaleX(0.3);transform: translateX(-55%) translateY(-550%) rotate(90deg) scaleX(0.3);}.pt-about .price .footer-price .btn-st:before, .pt-blog .blog-item .blog-btn .btn-st:before {height: 165%;top: -30%;}.pt-about .price .footer-price .btn-st, .pt-blog .blog-item .blog-btn .btn-st {font-size: 16px;}

/* Music Bg */
.music-bg {display: block;cursor: pointer;padding: 40px 0;text-align: center;border-color: #fff;border-top: 5px solid #fff;visibility: hidden;z-index: 10;-webkit-transition: all .3s ease;transition: all 0.3s ease;}.music-bg p {color: #fff;margin: 0;font-size: 13px;font-weight: 600;}.music-bg .lines {display: flex;width: 24px;height: 24px;margin: 0 auto 10px;align-items: flex-end;}.music-bg .lines span {display: inline-flex;margin: 0px 1px;width: 7px;height: 5px;background: #fff;}.audio-on .music-bg .lines span:nth-child(1) {-webkit-animation: musicline 2s 0.5s ease-out alternate infinite;animation: musicline 2s 0.5s ease-out alternate infinite;}.audio-on .music-bg .lines span:nth-child(2) {-webkit-animation: musicline 2s 1s ease-out alternate infinite;animation: musicline 2s 1s ease-out alternate infinite;}.audio-on .music-bg .lines span:nth-child(3) {-webkit-animation: musicline 2s 1.5s ease-out alternate infinite;animation: musicline 2s 1.5s ease-out alternate infinite;}.audio-on .music-bg .lines span:nth-child(4) {-webkit-animation: musicline 2s 0.25s ease-out alternate infinite;animation: musicline 2s 0.25s ease-out alternate infinite;}.audio-on .music-bg .lines span:nth-child(5) {-webkit-animation: musicline 2s 0.75s ease-out alternate infinite;animation: musicline 2s 0.75s ease-out alternate infinite;}.audio-on .music-bg .lines span:nth-child(6) {-webkit-animation: musicline 2s 1.25s ease-out alternate infinite;animation: musicline 2s 1.25s ease-out alternate infinite;}

/* ---------- Margin & Padding --------- */
.mt-0 {margin-top: 0 !important;}.mt-5 {margin-top: 5px !important;}.mt-10 {margin-top: 10px !important;}.mt-15 {margin-top: 15px !important;}.mt-20 {margin-top: 20px !important;}.mt-25 {margin-top: 25px !important;}.mt-30 {margin-top: 30px !important;}.mt-35 {margin-top: 35px !important;}.mt-40 {margin-top: 40px !important;}.mt-45 {margin-top: 45px !important;}.mt-50 {margin-top: 50px !important;}.mt-55 {margin-top: 55px !important;}.mt-60 {margin-top: 60px !important;}.mt-65 {margin-top: 65px !important;}.mt-70 {margin-top: 70px !important;}.mt-75 {margin-top: 75px !important;}.mt-80 {margin-top: 80px !important;}.mt-85 {margin-top: 85px !important;}.mt-90 {margin-top: 90px !important;}.mt-95 {margin-top: 95px !important;}.mt-100 {margin-top: 100px !important;}

/* Custom Margin Bottom */
.mb-0 {margin-bottom: 0 !important;}.mb-5 {margin-bottom: 5px !important;}.mb-10 {margin-bottom: 10px !important;}.mb-15 {margin-bottom: 15px !important;}.mb-20 {margin-bottom: 20px !important;}.mb-25 {margin-bottom: 25px !important;}.mb-30 {margin-bottom: 30px !important;}.mb-35 {margin-bottom: 35px !important;}.mb-40 {margin-bottom: 40px !important;}.mb-45 {margin-bottom: 45px !important;}.mb-50 {margin-bottom: 50px !important;}.mb-55 {margin-bottom: 55px !important;}.mb-60 {margin-bottom: 60px !important;}.mb-65 {margin-bottom: 65px !important;}.mb-70 {margin-bottom: 70px !important;}.mb-75 {margin-bottom: 75px !important;}.mb-80 {margin-bottom: 80px !important;}.mb-85 {margin-bottom: 85px !important;}.mb-90 {margin-bottom: 90px !important;}.mb-95 {margin-bottom: 95px !important;}.mb-100 {margin-bottom: 100px !important;}.m-0 {margin: 0px !important;}

/* Custom Padding top */
.pt-0 {padding-top: 0 !important;}.pt-5 {padding-top: 5px !important;}.pt-10 {padding-top: 10px !important;}.pt-15 {padding-top: 15px !important;}.pt-20 {padding-top: 20px !important;}.pt-25 {padding-top: 25px !important;}.pt-30 {padding-top: 30px !important;}.pt-35 {padding-top: 35px !important;}.pt-40 {padding-top: 40px !important;}.pt-45 {padding-top: 45px !important;}.pt-50 {padding-top: 50px !important;}.pt-55 {padding-top: 55px !important;}.pt-60 {padding-top: 60px !important;}.pt-65 {padding-top: 65px !important;}.pt-70 {padding-top: 70px !important;}.pt-75 {padding-top: 75px !important;}.pt-80 {padding-top: 80px !important;}.pt-85 {padding-top: 85px !important;}.pt-90 {padding-top: 90px !important;}.pt-95 {padding-top: 95px !important;}.pt-100 {padding-top: 100px !important;}

/* Custom Padding top */
.pb-0 {padding-bottom: 0 !important;}.pb-5 {padding-bottom: 5px !important;}.pb-10 {padding-bottom: 10px !important;}.pb-15 {padding-bottom: 15px !important;}.pb-20 {padding-bottom: 20px !important;}.pb-25 {padding-bottom: 25px !important;}.pb-30 {padding-bottom: 30px !important;}.pb-35 {padding-bottom: 35px !important;}.pb-40 {padding-bottom: 40px !important;}.pb-45 {padding-bottom: 45px !important;}.pb-50 {padding-bottom: 50px !important;}.pb-55 {padding-bottom: 55px !important;}.pb-60 {padding-bottom: 60px !important;}.pb-65 {padding-bottom: 65px !important;}.pb-70 {padding-bottom: 70px !important;}.pb-75 {padding-bottom: 75px !important;}.pb-80 {padding-bottom: 80px !important;}.pb-85 {padding-bottom: 85px !important;}.pb-90 {padding-bottom: 90px !important;}.pb-95 {padding-bottom: 95px !important;}.pb-100 {padding-bottom: 100px !important;}.p-0 {padding: 0 !important;}

/* -----------------------------------
		3. Section Css
----------------------------------- */
/* Addition Background */
.addition-bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;z-index: -1;}

/* Fullscreen Slider */
.slide-kenburns-bg {position: relative;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;z-index: 0;}.slide-kenburns {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-animation: kenburnsSlide 18s linear infinite 0s;animation: kenburnsSlide 18s linear infinite 0s;opacity: 0;}.slide-kenburns-1 {background-image: url(../img/slider/slide-1.html);}.slide-kenburns-2 {background-image: url(../img/slider/slide-2.html);}.slide-kenburns-3 {background-image: url(../img/slider/slide-3.html);}.slide-kenburns-1, .slide-kenburns-2, .slide-kenburns-3 {background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}.slide-kenburns-1 {opacity: 1;}.slide-kenburns-2 {-webkit-animation-delay: 6s;animation-delay: 6s;}.slide-kenburns-3 {-webkit-animation-delay: 12s;animation-delay: 12s;}

/* YouTube Video */
#video-container {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}

/* Html Video */
.html-video-container {position: absolute;top: 50%;left: 50%;width: auto;min-width: 100%;height: auto;min-height: 100%;background: #000;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 0;}

/* Particles */
#particles-js {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

/* Glitch */
.glitch {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: url('../img/home-bg.jpg');-webkit-background-size: cover;background-size: cover;background-position: center;z-index: -1 !important;}

/* Background Lines */
.bg-lines {position: absolute;height: 100%;width: 80vw;top: 0;left: 0;right: 0;margin: auto;}.bg-lines .bg-line {position: absolute;height: 100%;width: 1px;top: 0;left: 50%;background: rgba(255, 255, 255, 0.1);overflow: hidden;}.bg-lines .bg-line::after {content: "";display: block;position: absolute;height: 15vh;width: 100%;top: -50%;left: 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);-webkit-animation: run 7s 0s infinite;animation: run 7s 0s infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);}.bg-lines .bg-line:nth-child(1) {margin-left: -50%;}.bg-lines .bg-line:nth-child(1)::after {-webkit-animation-delay: 2s;animation-delay: 2s;}.bg-lines .bg-line:nth-child(3) {margin-left: -25%;}.bg-lines .bg-line:nth-child(3)::after {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}.bg-lines .bg-line:nth-child(4) {margin-left: 25%;}.bg-lines .bg-line:nth-child(4)::after {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}.bg-lines .bg-line:nth-child(5) {margin-left: 50%;}.bg-lines .bg-line:nth-child(5)::after {-webkit-animation-delay: 2s;animation-delay: 2s;}

.page {position: fixed;width: 90%;height: 100%;color: #0e0f10;margin: 0;padding: 0;overflow: auto;-webkit-transition: all .6s cubic-bezier(.5, .2, .2, 1.1);transition: all .6s cubic-bezier(.5, .2, .2, 1.1);}

#about:target .pt-home, #resume:target .pt-home, #portfolio:target .pt-home, #blog:target .pt-home, #contact:target .pt-home {-webkit-filter: blur(3px);-webkit-transition: all .5s ease;transition: all .5s ease;}

.pt-about, .pt-resume, .pt-portfolio, .pt-blog, .pt-contact {background-color: #fff;}#about:target .pt-about, #resume:target .pt-resume, #portfolio:target .pt-portfolio, #blog:target .pt-blog, #contact:target .pt-contact {-webkit-transition-delay: .3s;transition-delay: .3s;}.page .header-page {position: relative;text-align: center;}.page .header-page:after, .page .header-page:before {content: '';position: absolute;width: 30px;height: 1px;left: calc(50% - 46px);bottom: -19px;background-color: #0e0f10;}.page .header-page:before {left: calc(50% + 16px);}.page .header-page span {position: absolute;width: 35px;height: 17px;left: calc(50% - 17px);margin-top: 10px;}.page .header-page span:before, .page .header-page span:after {content: '';position: absolute;width: 16px;height: 16px;top: 0;left: 0;border: 2px solid #0e0f10;-webkit-border-radius: 50px 50px 0;border-radius: 50px 50px 0 50px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}.page .header-page span:after {left: auto;right: 0;-webkit-border-radius: 50px 50px 50px 0;border-radius: 50px 50px 50px 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}.page .header-box, .blog-page .header-box {position: relative;text-align: center;}.page .header-box:before, .blog-page .header-box:before {content: '';position: absolute;width: 14px;height: 14px;left: calc(50% - 7px);bottom: -16px;-webkit-border-radius: 50%;border-radius: 50%;border: 3px solid #0e0f10;}.page .header-box h3:before, .blog-page .header-box h3:before {content: '';position: absolute;width: 30px;height: 1px;left: calc(50% - 45px);bottom: -10px;background-color: #0e0f10;}.page .header-box h3:after, .blog-page .header-box h3:after {content: '';position: absolute;width: 30px;height: 1px;left: calc(50% + 15px);bottom: -10px;background-color: #0e0f10;}.page .box-1, .page .box-2, .blog-page .box {position: relative;padding: 26px;background-color: #f0f1f5;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.page .box-1:hover, .page .box-2:hover, .blog-page .box:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);}blockquote:after, .page .box-1:after, .page .box-2:after, .blog-page .box:after, .pt-about .testimonial-item:after, .pt-blog .blog-item:after, .blog-list .blog-post .content .thumbnail:after, .blog-page .blog-comments ul li ul:after {border-top: 35px solid #fff;}.pt-about .info .photo:after, .pt-contact #map:after {border-top: 35px solid #f0f1f5;}.page .box-2:after {border-bottom: 35px solid #fff;}blockquote:before, .page .box-1:before, .page .box-2:before, .blog-page .box:before, .pt-about .testimonial-item:before, .pt-blog .blog-item:before, .blog-list .blog-post .content .thumbnail:before, .blog-page .blog-comments ul li ul:before {border-bottom: 35px solid #fff;}.pt-about .info .photo:before, .pt-contact #map:before {border-bottom: 35px solid #f0f1f5;}.page .box-2:before {border-bottom: 35px solid #fff;}.pt-about .inter-icon:after, .btn-st-item:after {border-top: 15px solid #f0f1f5;}.pt-about .inter-icon:before, .btn-st-item:before {border-bottom: 15px solid #f0f1f5;}.blog-list .side-left .tags ul li a:after {border-top: 15px solid #fff;}.blog-list .side-left .tags ul li a:before {border-bottom: 15px solid #fff;}.pt-portfolio .portfolio-filter ul:after {border-top: 100px solid #fff;}.pt-portfolio .portfolio-filter ul:before {border-bottom: 100px solid #fff;}
/* ------------------------------
		3. Menu Css
------------------------------ */
.header-main {position: fixed;width: 10%;height: 100%;top: 0;overflow: auto;overflow-x: hidden;background-color: rgba(14, 15, 16, .6);z-index: 99;}.header-main ul li {display: flex;align-items: center;justify-content: center;font-size: 27px;margin: 30px 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.header-main ul li span.active {color: #fff;}.header-main ul li a {color: #fff;}#about:target .header-main ul li a, #resume:target .header-main ul li a, #portfolio:target .header-main ul li a, #blog:target .header-main ul li a, #contact:target .header-main ul li a {-webkit-transform: scale(.8);transform: scale(.8);}#about:target .icon-a, #resume:target .icon-r, #portfolio:target .icon-p, #blog:target .icon-b, #contact:target .icon-c {color: #fff;-webkit-transform: scale(1.3) !important;transform: scale(1.3) !important;}

/* Logo */
.header-main .logo {text-align: center;padding: 40px 0;border-right-color: #fff;border-bottom: 5px solid #fff;}.header-mobile {position: fixed;top: 0;left: 0;height: 50px;width: 100%;background-color: #070708;-webkit-box-shadow: 0 0px 50px 0 #000;box-shadow: 0 0px 50px 0 #000;z-index: 10;display: none;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.header-mobile h2 {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: inline-block;color: #fff;font-size: 24px;text-transform: uppercase;line-height: 50px;white-space: nowrap;}.header-mobile .header-toggle {font-size: 20px;line-height: 50px;cursor: pointer;width: 50px;text-align: center;}.header-mobile .header-toggle i {color: #fff;}
/* ------------------------------
		4. Home Section
------------------------------ */
.pt-home {position: absolute;width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;-webkit-background-size: cover;background-size: cover;background-position: center;}.pt-home:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: .5;background-color: #12171b;}.pt-home .banner {position: absolute;width: 90%;top: 50%;color: #fff;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}.pt-home .banner h1 {color: #fff;margin-bottom: 15px;}.pt-home .banner p {color: #fff;font-size: 30px;}

/* Social */
.pt-home .social {position: absolute;width: 40px;height: 195px;top: 20px;z-index: 1;}.pt-home .social ul li {display: inline-block;}.pt-home .social ul li i {color: #fff;width: 40px;height: 40px;font-size: 20px;line-height: 40px;text-align: center;-webkit-transition: all .5s ease;transition: all .5s ease;}.pt-home .social ul li i:hover {color: #fff;-webkit-transform: scale(1.3);transform: scale(1.3);}

/* Language */
.pt-home .lang {position: absolute;bottom: 30px;z-index: 1;}.pt-home .lang ul {margin: 0;}.pt-home .lang ul li {display: inline-block;margin: 0 10px;}.pt-home .lang ul li a {color: #a0a0a0;font-size: 11px;letter-spacing: 2px;text-transform: uppercase;-webkit-transition: all .5s ease;transition: all .5s ease;}.pt-home .lang ul li a:hover {color: #fff;}.pt-home .lang ul li a.active {color: #fff;border-bottom: 1px solid #fff;}

/* ---------------------------------
		5. About Section
--------------------------------- */
/* User Info Block */
.pt-about .info .loc {font-size: 12px;color: #0e0f10;padding-top: 15px;padding-bottom: 15px;}.pt-about .info p {font-size: 14px;line-height: 26px;text-align:justify;}.pt-about .info-icon {padding-top: 45px }.pt-about .info-icon i {display: flex;float: left;width: 45px;height: 45px;align-items: center;justify-content: center;color: #0e0f10;background: #fff;font-size: 20px;-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #0e0f10;margin-right: 15px;}.pt-about .desc-icon h6 {font-size: 15px;font-weight: 400;line-height: 15px }.pt-about .desc-icon p {color: #000000;font-size: 16px;line-height: 26px;}.pt-about .desc-icon {padding-left: 15px;padding-top: 5px }

/* My Interests */
.pt-about .inter-icon {position: relative;background: #fff;margin: 20px 0;padding: 15px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.pt-about .inter-icon:hover {background: #f0f1f5;}.pt-about .inter-icon i {position: relative;width: 30px;float: left;display: flex;align-items: center;justify-content: center;color: #0e0f10;font-size: 20px;margin-right: 30px;}.pt-about .inter-icon i:after {content: '';position: absolute;width: 2px;height: 46px;left: 40px;background-color: #f0f1f5;}.pt-about .desc-inter h6 {font-size: 17px;font-weight: 600;line-height: 17px }.pt-about .desc-inter {padding-top: 3px;}

/* Service Block */
.pt-about .service {text-align: center;}.pt-about .service i {position: relative;width: 70px;height: 70px;font-size: 25px;line-height: 70px;color: #0e0f10;background-color: #fff;-webkit-border-radius: 50%;border-radius: 50%;}.pt-about .service:hover i:after {content: '';position: absolute;width: 60px;height: 60px;top: 5px;left: calc(50% - 30px);-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #0e0f10;-webkit-animation: zoomIn .3s ease;animation: zoomIn .3s ease;}.pt-about .service h4 {padding-top: 20px;padding-bottom: 20px;}

/* Testimonial Block*/
.pt-about .testimonial-item {position: relative;padding: 30px;margin: 0 15px;background-color: #f0f1f5;}.pt-about .testimonial-item img {width: 80px;margin-right: 20px;-webkit-border-radius: 50%;border-radius: 50%;}.pt-about .testimonial-item .content {padding-top: 15px;}.pt-about .testimonial-item .content p {color: #777;font-size: 13px;font-weight: 400;padding-top: 10px;}.pt-about .testimonial-item .rating {position: absolute;top: 75px;right: 25px;}.pt-about .testimonial-item .rating li {display: inline-block;color: #0e0f10;}

/* Price */
.pt-about .price {text-align: center;margin-bottom: 80px;}.pt-about .price .head-price:after {content: '';position: absolute;width: 100%;height: 4px;left: 0;background: #fff;}.pt-about .price .head-price i {position: absolute;width: 70px;height: 70px;top: -40px;left: 50%;color: #0e0f10;font-size: 32px;background-color: #fff;line-height: 70px;-webkit-border-radius: 50%;border-radius: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}.pt-about .price:hover i:after {content: '';position: absolute;width: 60px;height: 60px;top: 5px;left: calc(50% - 30px);-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #0e0f10;-webkit-animation: zoomIn .3s ease;animation: zoomIn .3s ease;}.pt-about .price .head-price h4 {font-size: 20px;padding-top: 25px;padding-bottom: 25px;}.pt-about .price .body-price .price-plan .number {font-size: 22px;font-weight: 500;}.pt-about .price .body-price .price-plan {padding: 25px 0;}.pt-about .price .body-price .price-plan .currency {position: relative;bottom: 10px;font-size: 15px;}.pt-about .price .body-price .price-plan .period {position: relative;bottom: 0;font-size: 14px;}.pt-about .price .list-price ul li {padding-bottom: 10px;}.pt-about .price .list-price ul li.disable {color: #777;text-decoration: line-through !important;}.pt-about .price .footer-price {padding-top: 15px;}
/* ---------------------------------
		6. Resume Section
--------------------------------- */
/* Experience */
.pt-resume .experience .item {position: relative;padding-top: 15px;padding-left: 40px;margin-bottom: 40px;}.pt-resume .experience .item:before {content: '';position: absolute;width: 1px;height: 100%;top: 0;left: 0;background-color: #0e0f10;}.pt-resume .experience .item:after {content: '';position: absolute;width: 20px;height: 1px;top: 21px;left: 6px;background-color: #0e0f10;}.pt-resume .experience .main p {color: #0e0f10;font-size: 12px;}.pt-resume .experience .main p i {font-size: 13px;margin-right: 5px;}.pt-resume .experience .main h4 {position: relative;line-height: 15px;margin-bottom: 15px;}.pt-resume .experience .main h4:before {content: '';position: absolute;width: 13px;height: 13px;left: -46px;background-color: #fff;border: 2px solid #0e0f10;-webkit-border-radius: 50%;border-radius: 50%;z-index: 1;}.pt-resume .experience .item:hover h4:before {background-color: #0e0f10;-webkit-transition: all .3s;transition: all .3s;}

/* Skills Bar */
.pt-resume .skill-item {padding: 0 20px;}.pt-resume .skill-item .progress-title {font-size: 17px;margin-bottom: 10px;}.pt-resume .skill-item .progress {height: 8px;background-color: #fff;margin-bottom: 40px;overflow: visible;}.pt-resume .skill-item .progress .progress-bar {position: relative;background-color: #0e0f10;-webkit-border-radius: 10px;border-radius: 10px;}.pt-resume .skill-item .progress .progress-bar:after {content: '';position: absolute;display: block;top: -5px;right: 0px;padding: 6px;background-color: #fff;-webkit-border-radius: 50%;border-radius: 50%;border: 3px solid #0e0f10;}.pt-resume .skill-item .progress .progress-value {position: absolute;top: -30px;right: 0;color: #0e0f10;font-size: 14px;font-weight: 600;}.pt-resume .chart {width: 130px;height: 130px;margin: 0 auto 25px;text-align: center;font-size: 25px;line-height: 24px;padding: 40px 0 0;color: #0e0f10;font-weight: 800;}.pt-resume .chart p {font-size: 15px;margin-top: 10px;}.pt-resume canvas {position: absolute;top: 3px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

/* Work Process */
.pt-resume .work-process .ltr {text-align: right;}.pt-resume .work-process .rtl {text-align: left;}.pt-resume .work-process .wp-step {margin: 0;color: #0e0f10;font-size: 25px;line-height: 50px;}.pt-resume .work-process h4 {font-weight: 700;margin-bottom: 15px;}.pt-resume .work-process .single-wp + .single-wp {padding-top: 35px;}.pt-resume .work-process .wp-circle {position: relative;width: 100%;padding: 80px 0;margin-top: 12px;text-align: center;-webkit-border-radius: 50%;border-radius: 50%;border: 1px solid #0e0f10;}.pt-resume .work-process .wp-circle:before {content: '';position: absolute;width: calc(100% + 48px);height: calc(100% + 48px);top: -24px;left: -24px;border: 1px solid #0e0f10;-webkit-border-radius: 50%;border-radius: 50%;}.pt-resume .work-process .wp-circle h4 {font-size: 40px;font-weight: 700;line-height: 62px;text-transform: uppercase;}.pt-resume .work-process .dots {position: absolute;width: 12px;height: 12px;display: inline-block;-webkit-border-radius: 50%;border-radius: 50%;background-color: #0e0f10;}.pt-resume .work-process .dots.top-l, .pt-resume .work-process .dots.bottom-l {left: 0px;}.pt-resume .work-process .dots.top-l, .pt-resume .work-process .dots.top-r {top: 50px;}.pt-resume .work-process .dots.bottom-l, .pt-resume .work-process .dots.bottom-r {bottom: 50px;}.pt-resume .work-process .dots.top-r, .pt-resume .work-process .dots.bottom-r {right: 0px;}
/* ---------------------------------
		7. Portfolio Section
--------------------------------- */
/* Portfolio Filter */
.pt-portfolio .portfolio-filter {text-align: center;}.pt-portfolio .portfolio-filter ul {position: relative;display: inline-block;margin: 0;padding: 0 20px;}.pt-portfolio .portfolio-filter ul li {position: relative;display: inline-block;cursor: pointer;font-size: 14px;font-weight: 600;padding: 10px 25px;-webkit-transition: all .3s;transition: all .3s;}.pt-portfolio .portfolio-filter ul li.active {color: #fff;background-color: #0e0f10;}

/* Portfolio Item */
.pt-portfolio .portfolio-items .item figure {position: relative;cursor: pointer;background-color: #f0f1f5;-webkit-border-radius: 3px;border-radius: 3px;overflow: hidden;}.pt-portfolio .portfolio-items .item figure img {opacity: 1;width: 100%;height: 100%;-webkit-transition: all .3s;transition: all .3s;}.pt-portfolio .portfolio-items .item figure figcaption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 30px;color: #0e0f10;}.pt-portfolio .portfolio-items .item figure figcaption a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}.pt-portfolio .portfolio-items .item figure figcaption h3 {opacity: 0;color: #0e0f10;font-size: 20px;font-weight: 700;-webkit-transition: all .3s;transition: all .3s;}.pt-portfolio .portfolio-items .item figure figcaption p {position: absolute;left: 0;bottom: 0;margin: 20px;font-size: 14px;padding-left: 15px;opacity: 0;-webkit-transform: translateX(-200%);transform: translateX(-200%);-webkit-transition: all .3s;transition: all .3s;}.pt-portfolio .portfolio-items .item figure figcaption p:before {content: "\f292";font-family: "Font Awesome 5 Free";position: absolute;top: 0;left: 0;color: #0e0f10;font-weight: 900;}.pt-portfolio .portfolio-items .item figure figcaption i {position: absolute;right: 0;bottom: 0;margin: 20px;font-size: 24px;opacity: 0;-webkit-transform: translateX(200%);transform: translateX(200%);-webkit-transition: all .3s;transition: all .3s;}.pt-portfolio .portfolio-items .item figure:hover img {opacity: 0.25;-webkit-transform: scale(1.1);transform: scale(1.1);}.pt-portfolio .portfolio-items .item figure:hover h3 {opacity: 1;}.pt-portfolio .portfolio-items .item figure:hover p {opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}.pt-portfolio .portfolio-items .item figure:hover i {opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}
/* ---------------------------------
		8. Blog Section
--------------------------------- */
.pt-blog .blog-item {position: relative;padding: 0 20px 20px;margin-bottom: 50px;background-color: #f0f1f5;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.pt-blog .blog-item:hover {-webkit-transform: translateY(-3px) scale(1.01);transform: translateY(-3px) scale(1.01);}.pt-blog .blog-item h4 {font-weight: 600;text-align: center;text-transform: uppercase;margin: 30px 0;}.pt-blog .blog-item .thumbnail {position: relative;overflow: hidden;margin: 0 -20px;}.pt-blog .blog-item .thumbnail img {width: 100%;-webkit-transition: all 1s;transition: all 1s;}.pt-blog .blog-item:hover .thumbnail img {-webkit-transform: scale(1.1);transform: scale(1.1);}.pt-blog .blog-item .thumbnail .btn-play {position: absolute;width: 60px;height: 60px;top: calc(50% - 30px);left: calc(50% - 30px);display: inline-block;border: none;-webkit-transition: all .3s ease-in-out;transition: all 0.3s ease-in-out;}.pt-blog .blog-item .thumbnail .btn-play:before {content: ' ';position: absolute;top: 0;left: 0;bottom: 0;right: 0;-webkit-border-radius: 50%;border-radius: 50%;background-color: #fff;-webkit-box-shadow: 0 0 50px 0 rgb(14, 15, 16);box-shadow: 0 0 50px 0 rgb(14, 15, 16);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.pt-blog .blog-item .thumbnail .btn-play:after {content: '';position: absolute;top: 50%;left: 50%;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #0e0f10;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.pt-blog .blog-item .thumbnail .btn-play:hover:before {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}.pt-blog .blog-item .thumbnail .btn-play:hover:after {border-color: transparent transparent transparent #0e0f10;}.pt-blog .blog-item ul {position: relative;display: block;text-align: center;margin-bottom: 20px;}.pt-blog .blog-item ul li {display: inline-block;font-size: 13px;}.pt-blog .blog-item ul li:not(:last-child):after {content: '';display: inline-block;width: 5px;height: 5px;margin: 0 8px;vertical-align: middle;background-color: #0e0f10;-webkit-border-radius: 50%;border-radius: 50%;}.pt-blog .blog-item .blog-btn {position: relative;text-align: center;margin: 40px 0 10px;}.pt-blog .blog-item .blog-btn:before {content: '';position: absolute;height: 4px;width: calc(100% + 40px);top: -25px;left: -20px;background: #fff;}
/* ---------------------------------
		9. Contact Section
--------------------------------- */
.contact-form {position: relative;}.contact-form input, .contact-form textarea {font-size: 15px;height: 50px;padding-bottom: 10px;background: transparent;border: none;border-bottom: 1px solid #444;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}.contact-form input:focus, .contact-form textarea:focus {border-bottom: 1px solid #fff;-webkit-box-shadow: none;box-shadow: none;background-color: transparent;-webkit-transition: all .3s ease-in-out;transition: all 0.3s ease-in-out;}.contact-form textarea {height: 100px;margin: 10px 0;}.contact-form input {margin: 10px 0;}

/* Contact info */
.pt-contact .contact-info {text-align: center;margin-top: 100px;}.pt-contact .contact-info .info i {font-size: 30px;color: #0e0f10;}.pt-contact .contact-info .info p {font-size: 15px;line-height: 25px;padding: 30px 0 0px;}.pt-contact .contact-info .info span {color: #495057;}

/* Google Map */
.pt-contact #map {width: 100%;height: 300px;}

/* Contact validation */
.contact-valid .error-messages {margin-top: 15px;}.contact-valid label.error {display: block;color: #ff0000;font-size: 14px;font-weight: normal;margin: 5px 0px 0 10px;text-align: left;}.contact-valid #loader {display: none;margin-top: 30px;}.contact-valid #loader i {display: inline-block;font-size: 23px;color: #fff;-webkit-animation: rotating linear 2s infinite;animation: rotating linear 2s infinite;}.contact-valid #success, .contact-valid #error {display: none;width: 100%;color: #0e0f10;padding: 10px 10px;margin-bottom: 5px;font-size: 14px;text-align: center;}.contact-valid #success i, .contact-valid #error i {padding-top: 5px;margin-right: 10px;margin-left: 5px;}.contact-valid #success i {color: #25ca7f;}.contact-valid #error i {color: #ca1d1d;}
/* ---------------------------------
		10. Blog Page Css
--------------------------------- */
.blog-page {position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: auto;background-color: #fff;}.blog-page .blog-nav {position: fixed;top: 20px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: rgba(0,0,0,0.7);-webkit-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.15);box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.15);z-index: 99;}.blog-page .blog-nav a {position: relative;height: 30px;padding: 0 10px;font-size: 14px;line-height: 36px;text-align:center;color: #fff;}.blog-page .blog-nav a:not(:last-child) {border-right:1px solid rgba(255,255,255,0.15);}.blog-page .blog-nav a:hover, .blog-page .blog-nav a:focus {color: #fff;}.blog-page .blog-image {-webkit-background-size: cover;background-size: cover;background-position: center;}.blog-page .blog-container {position: absolute;margin: 0 auto;}.blog-page .blog-heading {text-align: center;letter-spacing: .5px;}.blog-page .blog-heading h2 {font-size: 40px;text-transform: uppercase;margin-bottom: 15px;}.blog-page .blog-heading i {color: #0e0f10;font-size: 13px;margin: 0 5px 0 10px;}.blog-page .blog-heading span {color: #0e0f10;font-size: 14px;}.blog-page .blog-heading span:after {content: '';margin-left: 10px;width: 5px;height: 5px;background-color: #fff;-webkit-border-radius: 50%;border-radius: 50%;display: inline-block;vertical-align: middle;}.blog-page .blog-heading span:last-child:after {display: none;}.blog-page .blog-content p:first-child::first-letter {font-size: 40px;font-weight: 700;line-height: 1.2;float: left;text-transform: uppercase;padding-right: 15px;}.blog-page .blog-comments {margin: 0 40px;}.blog-page .blog-comments ul li {margin-bottom: 50px;}.blog-page .blog-comments ul li ul {position: relative;padding: 20px 20px 0;background-color: #f0f1f5;margin-left: 60px;margin-top: 30px;}.blog-page .blog-comments ul .author-img {float: left;margin-right: 20px;}.blog-page .blog-comments ul li .author-img img {-webkit-border-radius: 50%;border-radius: 50%;max-width: 70px;}.blog-page .blog-comments ul li .comment-text {overflow: hidden;}.blog-page .blog-comments ul li .comment-text a {float: right;font-size: 11px;margin-right: 15px;padding: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #f0f1f5;}.blog-page .blog-comments ul li .comment-text a i {margin-right: 5px;}.blog-page .blog-comments ul li .comment-text h4 {font-weight: 600;margin-bottom: 5px;}.blog-page .blog-comments ul li .comment-text p {font-size: 15px;}.blog-page .blog-comments ul li .comment-text span {display: block;color: #0e0f10;font-size: 12px;font-weight: 300;margin-bottom: 15px;}
/* ---------------------------------
		11. Blog List Css
--------------------------------- */
.blog-list {position: absolute;width: 100%;height: 100%;top: 0;left: 0px;overflow: auto;background-color: #fff;}.blog-list .blog-head {padding: 100px 0;background-image: url(../img/blog/blog-page-img.html);-webkit-background-size: cover;background-size: cover;background-position: center;}.blog-list .blog-head:before {content: '';position: absolute;height: 285px;top: 0;left: 0;right: 0;bottom: 0;opacity: .75;background-color: #12171b;}.blog-list .blog-head h2{text-align: center;position: relative;width: 90%;left: 10%;color: #fff;font-size: 40px;margin-bottom: 15px;}.blog-list .blog-head .blog-breadcrumb {position: relative;width: 90%;left: 10%;text-align: center;margin: 0;}.blog-list .blog-head .blog-breadcrumb li {position: relative;display: inline-block;color: #fff;margin-right: 10px;padding-right: 10px;}.blog-list .blog-head .blog-breadcrumb li:after {position: absolute;content: "\f105";font-family: 'Font Awesome 5 Free';font-weight: 900;top: 1px;right: -6px;color: #fff;}.blog-list .blog-head .blog-breadcrumb li a {color: #fff;}.blog-list .blog-head .blog-breadcrumb li:last-child::after {display: none;}.blog-list .blog-head .blog-breadcrumb li:last-child {padding-right: 0px;margin-right: 0px;}.blog-list .blog-list-container {position: absolute;padding: 100px 0;margin: 0 auto;}.blog-list .blog-post {position: relative;margin-bottom: 40px;border-bottom: 2px solid #f0f1f5;}.blog-list .blog-post .content {position: relative;}.blog-list .blog-post .content .thumbnail {position: relative;overflow: hidden;-webkit-border-radius: 10px;border-radius: 10px;}.blog-list .blog-post .content .thumbnail img {position: relative;display: block;width: 100%;-webkit-transition: all 1s;transition: all 1s;}.blog-list .blog-post:hover .content .thumbnail img {-webkit-transform: scale(1.1);transform: scale(1.1);}.blog-list .blog-post .content .detalis {position: relative;padding-top: 20px;}.blog-list .blog-post .content .detalis .meta {position: relative;}.blog-list .blog-post .content .detalis .meta li {position: relative;display: inline-block;color: #0e0f10;font-size: 12px;padding: 4px 15px 4px 0;margin-right: 2px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.blog-list .blog-post .content .detalis .meta li i {position: relative;color: #0e0f10;margin-right: 6px;}.blog-list .blog-post .content .detalis h4 {position: relative;color: #0e0f10;font-weight: 700;margin-top: 15px;}.blog-list .blog-post .content .detalis .text {position: relative;color: #0e0f10;font-size: 14px;margin-top: 10px;margin-bottom: 25px;}.blog-list .blog-post .content .detalis .btn-st {margin: 10px 10px 50px 10px;font-size: 16px;}.blog-list .pagination {justify-content: center;}.blog-list .pagination li a:hover {background: #0e0f10;color: #fff !important;border: 1px solid transparent;}.blog-list .pagination li a {position: relative;display: inline-block;background: transparent;border: 1px solid #f0f1f5;-webkit-border-radius: 50%;border-radius: 50%;padding: 9px 16px;margin: 5px;font-size: 14px;}.blog-list .pagination li.active a {background: #0e0f10;color: #fff;border: 1px solid transparent;}

/* SideBar Left */
 .blog-list .side-left {padding: 0 5px;}.blog-list .side-left h4 {position: relative;margin-bottom: 20px;}.blog-list .side-left h4:after {content: '';position: absolute;width: 40px;height: 3px;left: 0;bottom: -15px;background-color: #0e0f10;}

/* Search Style */
.blog-list .side-left .search {background: transparent;padding: 5px 0;margin-bottom: 50px;}.blog-list .side-left .search .input-group {border: 1px solid #f0f1f5;-webkit-border-radius: 50px;border-radius: 50px;background: #f0f1f5;}.blog-list .side-left .search .input-group .input-group-text {padding: 5px 0px 5px 15px;background: transparent;color: #0e0f10;width: auto;border: none;}.blog-list .side-left .search .input-group .form-control {font-size: 14px;font-weight: 100;color: #0e0f10;background: transparent;border: none !important;-webkit-border-radius: 50px;border-radius: 50px;padding-left: 20px;}

/* Categories and Archives */
.blog-list .side-left .categories, .blog-list .side-left .archives {margin-bottom: 50px;}.blog-list .side-left .categories ul, .blog-list .side-left .archives ul {position: relative;}.blog-list .side-left .categories ul li, .blog-list .side-left .archives ul li {position: relative;padding: 15px 10px 15px 20px;border-bottom: 1px solid #f0f1f5;}.blog-list .side-left .categories ul li:before, .blog-list .side-left .archives ul li:before {content: '';position: absolute;width: 8px;height: 8px;left: 0;top: 22px;-webkit-border-radius: 50%;border-radius: 50%;border: 2px solid #0e0f10;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.blog-list .side-left .categories ul li:hover:before, .blog-list .side-left .archives ul li:hover:before {border: 4px solid #0e0f10;-webkit-box-shadow: 0 0 5px 0px #0e0f10;box-shadow: 0 0 5px 0px #0e0f10;}

/* Recent News */
.blog-list .side-left .news {margin-bottom: 50px;}.blog-list .side-left .news li {display: flex;align-items: center;margin: 0;padding: 15px 0;border-bottom: 1px solid #f0f1f5;}.blog-list .side-left .news img {width: 47px;height: 47px;margin-right: 15px;-webkit-border-radius: 100%;border-radius: 100%;}.blog-list .side-left .news h5 {position: relative;margin: 0;padding-bottom: 7px;font-size: 15px;}.blog-list .side-left .news p {margin: 0;color: #0e0f10;font-size: 12px;}.blog-list .side-left .news p i {margin-right: 5px;}.blog-list .side-left .gallery {margin-bottom: 50px;}.blog-list .side-left .gallery ul {padding-top: 15px;}.blog-list .side-left .gallery ul li {max-width: 70px;position: relative;display: inline-block;width: 25%;padding: 0px 3px;margin-bottom: 9px;}

/* Tags */
.blog-list .side-left .tags {margin-bottom: 50px;}.blog-list .side-left .tags ul li {display: inline-block;}.blog-list .side-left .tags ul {padding-top: 15px;}.blog-list .side-left .tags ul li a {position: relative;display: inline-block;line-height: 24px;padding: 8px 19px;margin: 0px 5px 10px 0px;color: #fff;text-align: center;background-color: #0e0f10;border: 1px solid #f0f1f5;}.blog-list .side-left .tags ul li a:hover {background-color: #0e0f10 !important;;}
/* ---------------------------------
		12. Preloader Css
--------------------------------- */
#preloader {position: fixed;width: 100%;height: 100%;z-index: 5000;}#preloader.loaded {visibility: hidden;}#preloader.loaded .loading-area {opacity: 0;}#preloader .loading-area {position: absolute;width: 50%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 1;z-index: 1;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}#preloader.loaded .loading-area .circle {width: 50px;height: 50px;margin: 0 auto 50px auto;-webkit-border-radius: 50%;border-radius: 50%;border: 3px solid #0e0f10;border-top-color: #fff;-webkit-animation: spinner 1s infinite linear;animation: spinner 1s infinite linear;}#preloader.loaded .left-side {-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition-delay: 1s;transition-delay: 1s;}#preloader .left-side {left: 0;}#preloader.loaded .right-side {-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition-delay: 1s;transition-delay: 1s;}#preloader .right-side {right: 0;}#preloader .left-side, #preloader .right-side {position: absolute;width: 50%;height: 100%;background: #fff;-webkit-transition: all .7s ease-in-out;transition: all .7s ease-in-out;}
/* ---------------------------------
		13. Tooltip Css
--------------------------------- */
 [data-tooltip] {position: relative;}[data-tooltip]:after {position: absolute;visibility: hidden;opacity: 0;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);z-index: 99;-webkit-transition: transform .3s ease, opacity .3s;transition: transform .3s ease, opacity .3s;}[data-tooltip]:after {content: attr(data-tooltip);font: normal 10px 'Poppins',sans-serif;background-color: #000;color: #fff;padding: 10px 15px;-webkit-border-radius: 5px;border-radius: 5px;white-space: nowrap;letter-spacing: 1px;text-transform: uppercase;}[data-tooltip]:hover:after {visibility: visible;opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}[data-tooltip][data-position="top"]:after {bottom: 100%;margin-bottom: 25px;-webkit-transform: translateY(10px);transform: translateY(10px);}[data-tooltip][data-position="top"]:hover:after {-webkit-transform: translateY(0px);transform: translateY(0px);}[data-tooltip][data-position="left"]:after {right: 100%;margin-right: 10px;-webkit-transform: translateX(0px);transform: translateX(0px);}[data-tooltip][data-position="left"]:hover:after {-webkit-transform: translateX(-10px);transform: translateX(-10px);}[data-tooltip][data-position="right"]:after {left: 100%;margin-left: 10px;-webkit-transform: translateX(0);transform: translateX(0);}[data-tooltip][data-position="right"]:hover:after {-webkit-transform: translateX(10px);transform: translateX(10px);}[data-tooltip][data-position="bottom"]:after {top: 100%;margin-top: 25px;-webkit-transform: translateY(-10px);transform: translateY(-10px);}[data-tooltip][data-position="bottom"]:hover:after {-webkit-transform: translateY(0px);transform: translateY(0px);}

/* ---------------------------------
		14. Responsible Css
--------------------------------- */
@media screen and (max-width: 991px) {
	.pt-home .banner h1 {font-size: 60px;}.pt-home .banner p {font-size: 25px;}.pt-about .btn-st {margin: 0 0 20px 20px;}.single-wp {padding: 30px !important;}.single-wp:nth-child(2n) {text-align: left;padding-right: 0 !important;}.single-wp.process-1, .single-wp.process-3 {border-right: 1px solid #fff;}.single-wp.process-1, .single-wp.process-2 {border-bottom: 1px solid #fff;}.single-wp:nth-child(2n+1) {text-align: right;padding-left: 0 !important;}.hidden-sm {display: none;}.width-sm {width: 50%;float: left;}.pt-contact .contact-info .info {margin-bottom: 40px;}.page .mob-box-mt {margin-top: 100px !important;}
}

@media screen and (max-width: 768px) {
	.page {width: 100%;}#about:target .pt-about, #resume:target .pt-resume, #portfolio:target .pt-portfolio, #blog:target .pt-blog, #contact:target .pt-contact {-webkit-transform: translateX(0);transform: translateX(0);}.header-main {width: 90px;background-color: rgba(14, 15, 16, 1);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.header-mobile {display: block;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}.header-main ul li {font-size: 25px;}.header-main .logo, .music-bg {padding: 20px 0;}.page .mob-mt {margin-top: 120px !important;}.page .header-page h2 {font-size: 32px;}.pt-home .banner h1 {font-size: 50px;}.pt-home .banner p {font-size: 20px;}.page .box {padding: 20px;}.pt-about .testimonial-item {padding: 20px;}.blog-nav {display: none;}.blog-page .blog-container {position: relative;}
}

@media screen and (max-width: 575px) {
	.page .header-box h3 {font-size: 23px;}.pt-home .banner {width: 100%;}.pt-home .banner h1 {font-size: 40px;}.pt-home .banner p {font-size: 17px;}.pt-home .social {top: unset;bottom: 10px;}.pt-home .lang {bottom: 20px;}.pt-about .info .photo img {display: block;width: 50%;margin: 0 auto 30px;}.pt-about .testimonial-item:before {top: 15px;right: 15px;font-size: 15px;}.pt-about .testimonial-item img {width: 70px;}.pt-about .testimonial-item .rating {top: 115px;left: 20px;}.pt-about .testimonial-item .media {margin-bottom: 30px;}.pt-about .testimonial-item .content {padding-top: 10px;}.pt-resume .chart {margin: 0 auto 40px;}.pt-portfolio .portfolio-filter ul {-webkit-box-shadow: none;box-shadow: none;}.width-sm {width: 100%;}.single-wp.process-1, .single-wp.process-3 {border-bottom: none;border-right: 1px solid #fff;}.single-wp.process-2, .single-wp.process-4 {border-bottom: none;border-left: 1px solid #fff;}.blog-page .blog-heading h2 {font-size: 30px;}.blog-page .blog-heading span {font-size: 13px;}.blog-page .blog-comments, .blog-page .blog-comments ul li .comment-text a {margin: 0;}.blog-page .blog-comments ul li .comment-text p {font-size: 13px;}.blog-page .blog-comments ul li ul {margin-left: 30px;}
}

@media screen and (min-height: 710px) {
	.music-bg {position: absolute;width: 100%;bottom: 0;left: 0;}
}

/* ---------------------------------
		15. Animation Css
--------------------------------- */
/* Animation zoomIn */
@-webkit-keyframes zoomIn {
	from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
	50% {opacity: 1;}
}

@keyframes zoomIn {
	from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
	50% {opacity: 1;}
}

/* Animation rotating */
@-webkit-keyframes rotating {
	from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@keyframes rotating {
	from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

/* Animation Spinner */
@-webkit-keyframes spinner {
	to {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
}

@keyframes spinner {
	to {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
}

/* Animation Music Line */
@-webkit-keyframes musicline {
    0% {height: 5px;}
    10% {height: 10px;}
    20% {height: 5px;}
    30% {height: 14px;}
    40% {height: 18px;}
    50% {height: 5px;}
    60% {height: 16px;}
    70% {height: 10px;}
    80% {height: 12px;}
    90% {height: 4px;}
    100% {height: 18px;}
}

@keyframes musicline {
    0% {height: 5px;}
    10% {height: 10px;}
    20% {height: 5px;}
    30% {height: 14px;}
    40% {height: 18px;}
    50% {height: 5px;}
    60% {height: 16px;}
    70% {height: 10px;}
    80% {height: 12px;}
    90% {height: 4px;}
    100% {height: 18px;}
}

/* Ken Burns Slide */
@-webkit-keyframes kenburnsSlide {
 	0% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
	5% {opacity: 1 }
	25% {opacity: 1 }
	40% {opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
	100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes kenburnsSlide {
 	0% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
	5% {opacity: 1 }
	25% {opacity: 1 }
	40% {opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
	100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
}