:root {
    --shark-text-color-1: #FCF40D;
    --shark-text-color-2: #0DFC27;

    /* colors */
    --shark-color-1: #469597;
    --shark-color-2: #5BA199;
    --shark-color-3: #2F70AF;
    --shark-color-4: #B9848C;
    --shark-color-5: #806491;
    --shark-color-6: #036280;
    --shark-color-7: #378BA4;
    --shark-color-8: #81BECE;
    --shark-color-9: #015366;
    --shark-color-10: #63898C;
    --shark-color-11: #A7D1D2;
    --shark-color-12: #E0F4F5;
    --shark-color-13: #00718F;
    --shark-color-14: #0BA5BE;
    --shark-color-15: #005067;
    --shark-color-16: #048399;
    --shark-color-17: #FEB9C6;
    --shark-color-18: #B96B85;
    --shark-color-19: #D5FB00;
    --shark-color-20: #f6f7fa;

    --shark-color-black: #000000;
    --shark-color-white: #FFFFFF;
}

/* fonts */
@font-face {
    font-family: 'Bungee-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Bungee-Regular.woff") format("woff"), url("../font/Bungee-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Caveat-Bold';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("../font/Caveat-Bold.woff") format("woff"), url("../font/Caveat-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'DancingScript-Bold';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("../font/DancingScript-Bold.woff") format("woff"), url("../font/DancingScript-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Fascinate-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Fascinate-Regular.woff") format("woff"), url("../font/Fascinate-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'GrapeNuts-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/GrapeNuts-Regular.woff") format("woff"), url("../font/GrapeNuts-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'KaushanScript-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/KaushanScript-Regular.woff") format("woff"), url("../font/KaushanScript-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'LuckiestGuy-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/LuckiestGuy-Regular.woff") format("woff"), url("../font/LuckiestGuy-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Monoton-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Monoton-Regular.woff") format("woff"), url("../font/Monoton-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'PermanentMarker-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/PermanentMarker-Regular.woff") format("woff"), url("../font/PermanentMarker-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Silkscreen-Bold';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("../font/Silkscreen-Bold.woff") format("woff"), url("../font/Silkscreen-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Silkscreen-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Silkscreen-Regular.woff") format("woff"), url("../font/Silkscreen-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Ultra-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Ultra-Regular.woff") format("woff"), url("../font/Ultra-Regular.ttf") format("truetype");
}

/* end fonts */

/* fonts cyrillic */
@font-face {
    font-family: 'Pattaya-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Pattaya-Regular.woff") format("woff"), url("../font/Pattaya-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Arx_Cyr';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Arx_Cyr.woff") format("woff"), url("../font/Arx_Cyr.ttf") format("truetype");
}

@font-face {
    font-family: 'Banff';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Banff.woff") format("woff"), url("../font/Banff.ttf") format("truetype");
}

@font-face {
    font-family: 'BighausTitulBrk';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/BighausTitulBrk.woff") format("woff"), url("../font/BighausTitulBrk.ttf") format("truetype");
}

@font-face {
    font-family: 'Borsok';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Borsok.woff") format("woff"), url("../font/Borsok.ttf") format("truetype");
}

@font-face {
    font-family: 'Bullion_Outline';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Bullion_Outline.woff") format("woff"), url("../font/Bullion_Outline.ttf") format("truetype");
}

@font-face {
    font-family: 'Dited';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Dited.woff") format("woff"), url("../font/Dited.ttf") format("truetype");
}

@font-face {
    font-family: 'Pixeloid_Sans';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/Pixeloid_Sans.woff") format("woff"), url("../font/Pixeloid_Sans.ttf") format("truetype");
}

@font-face {
    font-family: 'PressStart2P-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/PressStart2P-Regular.woff") format("woff"), url("../font/PressStart2P-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'TatianaCTT';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/TatianaCTT.woff") format("woff"), url("../font/TatianaCTT.ttf") format("truetype");
}

/* end fonts cyrillic */

.shark-text-example-color-1 {
    color: var(--shark-text-color-1);
}

.shark-text-example-color-2 {
    color: var(--shark-text-color-2);
}



/* ########## fonts ########## */
.shark-font-LuckiestGuy-Regular {
    font-family: 'LuckiestGuy-Regular', sans-serif;
}

.shark-font-Silkscreen-Regular {
    font-family: 'Silkscreen-Regular', sans-serif;
}

.shark-font-Silkscreen-Bold {
    font-family: 'Silkscreen-Bold', sans-serif;
}

.shark-font-Fascinate-Regular {
    font-family: 'Fascinate-Regular', sans-serif;
}

.shark-font-PermanentMarker-Regular {
    font-family: 'PermanentMarker-Regular', sans-serif;
}

.shark-font-Caveat-Bold {
    font-family: 'Caveat-Bold', sans-serif;
}

.shark-font-Bungee-Regular {
    font-family: 'Bungee-Regular', sans-serif;
}

.shark-font-GrapeNuts-Regular {
    font-family: 'GrapeNuts-Regular', sans-serif;
}

.shark-font-DancingScript-Bold {
    font-family: 'DancingScript-Bold', sans-serif;
}

.shark-font-KaushanScript-Regular {
    font-family: 'KaushanScript-Regular', sans-serif;
}

.shark-font-Monoton-Regular {
    font-family: 'Monoton-Regular', sans-serif;
}

.shark-font-Ultra-Regular {
    font-family: 'Ultra-Regular', sans-serif;
}

.shark-font-header-button {
    font-family: 'Silkscreen-Bold', sans-serif;
}

.shark-font-hello {
    font-family: 'LuckiestGuy-Regular', sans-serif;
}

/* ########## end fonts ########## */

/* ########## fonts cyrillic ########## */
.shark-font-cyr-Pattaya-Regular {
    font-family: 'Pattaya-Regular', sans-serif;
}

.shark-font-cyr-BighausTitulBrk {
    font-family: 'BighausTitulBrk', sans-serif;
}

.shark-font-cyr-Pixeloid_Sans {
    font-family: 'Pixeloid_Sans', sans-serif;
}

.shark-font-cyr-Banff {
    font-family: 'Banff', sans-serif;
}

.shark-font-cyr-Borsok {
    font-family: 'Borsok', sans-serif;
}

.shark-font-cyr-PressStart2P-Regular {
    font-family: 'PressStart2P-Regular', sans-serif;
}

.shark-font-cyr-TatianaCTT {
    font-family: 'TatianaCTT', sans-serif;
}

.shark-font-cyr-Arx_Cyr {
    font-family: 'Arx_Cyr', sans-serif;
}

.shark-font-cyr-Bullion_Outline {
    font-family: 'Bullion_Outline', sans-serif;
}

.shark-font-cyr-Dited {
    font-family: 'Dited', sans-serif;
}

.shark-rus-font-hello {
    font-family: 'Bullion_Outline', sans-serif;
}

.shark-rus-font-header-button {
    font-family: 'PressStart2P-Regular', sans-serif;
}

/* ########## end fonts cyrillic ########## */

/* ########## colors ########## */
.shark-text-color-1 {
    color: var(--shark-color-1);
}

.shark-text-color-2 {
    color: var(--shark-color-2);
}

.shark-text-color-3 {
    color: var(--shark-color-3);
}

.shark-text-color-5 {
    color: var(--shark-color-5);
}

.shark-text-color-6 {
    color: var(--shark-color-6);
}

.shark-text-color-7 {
    color: var(--shark-color-7);
}

.shark-text-color-9 {
    color: var(--shark-color-9);
}

.shark-text-color-11 {
    color: var(--shark-color-11);
}

.shark-text-color-12 {
    color: var(--shark-color-12);
}

.shark-text-color-13 {
    color: var(--shark-color-13);
}

.shark-text-color-14 {
    color: var(--shark-color-14);
}

.shark-text-color-15 {
    color: var(--shark-color-15);
}

.shark-text-color-17 {
    color: var(--shark-color-17);
}

.shark-text-color-black {
    color: var(--shark-color-black);
}

.shark-text-color-white {
    color: var(--shark-color-white);
}

.shark-menu-header-text-color {
    color: var(--shark-color-5);
}

.shark-menu-header-text-color:hover {
    color: var(--shark-color-18);
    transition: 0.3s;
}

.shark-about-us-text-color {
    color: var(--shark-color-black) !important;
}

.shark-about-us-number-text-color {
    color: var(--shark-color-black) !important;
}

.shark-background-color-4 {
    background: var(--shark-color-4);
}

.shark-background-color-5 {
    background: var(--shark-color-5);
}

.shark-background-color-8 {
    background: var(--shark-color-8);
}

.shark-background-color-9 {
    background: var(--shark-color-9);
}

.shark-background-color-15 {
    background: var(--shark-color-15);
}

.shark-background-color-17 {
    background: var(--shark-color-17);
}

.shark-background-color-18 {
    background: var(--shark-color-18);
}

.shark-background-color-20 {
    background: var(--shark-color-20);
}

.shark-background-color-black {
    background: var(--shark-color-black);
}

.shark-background-color-white {
    background: var(--shark-color-white);
}

/* menu header background color */
.shark-menu-header-background-color {
    background: var(--shark-color-white);
}

/* menu header background color */
.header_1.is-fixed {
    background: var(--shark-color-white);
    box-shadow: none;
    border-bottom: 2px solid var(--shark-color-black);
}


/* ########## end colors ########## */

.shark-fs-18 {
    font-size: 18px;
}

.shark-fs-20 {
    font-size: 20px;
}

.shark-fs-22 {
    font-size: 22px;
}

.shark-fs-24 {
    font-size: 24px;
}

.shark-fs-28 {
    font-size: 28px;
}

.shark-fs-50 {
    font-size: 50px;
}

.shark-hello-main-image {
    max-width: 52%;
    border-radius: 50px;
}

.shark-icon-prices-1 {
    line-height: 95px !important;
    box-shadow: -5px 15px 30px rgba(47, 112, 175, 0.8) !important;
}

.shark-icon-prices-2 {
    line-height: 95px !important;
    box-shadow: -5px 15px 30px rgba(185, 132, 140, 1) !important;
}

.shark-icon-prices-3 {
    line-height: 95px !important;
    box-shadow: -5px 15px 30px rgba(128, 100, 145, 0.8) !important;
}

.shark-prices-image {
    border-radius: 50%;
}

.shark-guarantee-image {
    border-radius: 32px;
}

.shark-guarantee-icon-user-1 {
    line-height: 81px !important;
    box-shadow: -5px 15px 30px var(--shark-color-3) !important;
}

.shark-guarantee-icon-user-2 {
    line-height: 81px !important;
    box-shadow: -5px 15px 30px var(--shark-color-14) !important;
}

.shark-guarantee-icon-user-3 {
    line-height: 81px !important;
    box-shadow: -5px 15px 30px var(--shark-color-16) !important;
}

.shark-prices-service-box {
    background-color: var(--shark-color-white) !important;
}

.shark-text-transform-none {
    text-transform: none !important;
}

.shark-about-us-btn-style {
    padding: 36px 35px 40px;
}

.shark-about-us-btn {
    color: var(--shark-color-white) !important;
    font-size: 30px !important;
}

.shark-flat-toggle {
    border-top: 5px solid var(--shark-color-black) !important;
}

.shark-flat-toggle-last-element {
    border-top: 5px solid var(--shark-color-black) !important;
    border-bottom: 5px solid var(--shark-color-black) !important;
}

.shark-btn-toggle::after {
    color: var(--shark-color-black) !important;
    font-weight: 600 !important;
    font-size: 30px !important;
}

.shark-progress-content-outter {
    height: 25px;
}

.shark-progress-content-style-1 {
    height: 25px;
    background-color: var(--shark-color-black) !important;
}

.shark-progress-content-style-2 {
    height: 25px;
    background-color: var(--shark-color-black) !important;
}

.shark-progress-content-style-3 {
    height: 25px;
    background-color: var(--shark-color-black) !important;
}

.shark-progress-content-style-4 {
    height: 25px;
    background-color: var(--shark-color-black) !important;
}

.shark-progress-content-style-5 {
    height: 25px;
    background-color: var(--shark-color-black) !important;
}

.shark-progress-content-style-6 {
    height: 25px;
    background-color: var(--shark-color-black) !important;
}

.shark-about-us-image {
    text-align: center;
}

.shark-margin-bottom-0 {
    margin-bottom: 0 !important;
}

.shark-wrap-development-1 {
    padding: 59px 20px 40px !important;
    background-color: var(--shark-color-white) !important;
}

.shark-wrap-development-2 {
    padding: 59px 20px 40px !important;
    background-color: var(--shark-color-white) !important;
}

.shark-wrap-development-3 {
    padding: 59px 20px 40px !important;
    background-color: var(--shark-color-white) !important;
}

.shark-wrap-development-4 {
    padding: 59px 20px 40px !important;
    background-color: var(--shark-color-white) !important;
}

.shark-4-basics-image {
    border-radius: 30px;
}

.shark-4-basics-block {
    padding-right: 120px;
    padding-left: 120px;
}

.shark-footer {
    background: var(--shark-color-white) !important;
    padding: 0 0 0 !important;
    border-top: 10px solid var(--shark-color-white) !important;
}

.shark-widget-social-footer {
    background: var(--shark-color-white);
}

.shark-flat-brand {
    background: var(--shark-color-20);
    padding: 15px 0 15px;
}

.shark-flat-brand-image {
    border-radius: 20px;
    max-width: 75%;
}

.shark-home-style {
    background: var(--shark-color-4) !important;
}

.shark-flat-box {
    margin-top: -15px;
}

.shark-icon-bottom {
    text-align: left !important;
    padding: 0 0 0 0;
}

.shark-social-icon-1 {
    background-color: var(--shark-color-black) !important;
    color: var(--shark-color-white) !important;
    font-size: 25px !important;
}

.shark-social-icon-1:hover {
    background-color: var(--shark-color-14) !important;
    color: #fff !important;
    transition: 0.5s !important;
}

.shark-social-icon-2 {
    background-color: var(--shark-color-black) !important;
    color: var(--shark-color-white) !important;
    font-size: 25px !important;
}

.shark-social-icon-2:hover {
    background-color: var(--shark-color-2) !important;
    color: #fff !important;
    transition: 0.5s !important;
}

.shark-social-icon-3 {
    background-color: var(--shark-color-black) !important;
    color: var(--shark-color-white) !important;
    font-size: 25px !important;
}

.shark-social-icon-3:hover {
    background-color: var(--shark-color-3) !important;
    color: #fff !important;
    transition: 0.5s !important;
}

.shark-footer-name {
    font-size: 19px;
    color: black !important;
}

.shark-footer-email {
    color: var(--shark-color-black) !important;
    font-weight: 900;
}

.shark-footer-email:hover {
    color: var(--shark-color-8) !important;
    transition: 0.5s;
}

.shark-scroll-top::before {
    background-color: var(--shark-color-black) !important;
}

.shark-scroll-top::after {
    color: var(--shark-color-white) !important;
}

.shark-widget-logo {
    padding: 15px 0 0;
}

.shark-cursor-pointer {
    cursor: pointer;
}

.shark-cursor-pointer::after {
    color: var(--shark-color-black);
}

.shark-transform-X07 {
    transform: scaleX(0.7);
}

.shark-main-menu-1 {
    font-family: 'PermanentMarker-Regular', sans-serif;
    color: var(--shark-color-12);
}

.shark-main-menu-1:hover {
    color: var(--shark-color-14);
}

.shark-rus-main-menu-1 {
    font-family: 'Pixeloid_Sans', sans-serif;
    color: var(--shark-color-black);
}

.shark-rus-main-menu-1:hover {
    color: var(--shark-color-14);
}

.shark-main-menu-2 {
    font-family: 'Silkscreen-Regular', sans-serif;
    color: var(--shark-color-17);
}

.shark-main-menu-2:hover {
    color: var(--shark-color-3);
}

.shark-rus-main-menu-2 {
    font-family: 'Banff', sans-serif;
    color: var(--shark-color-black);
}

.shark-rus-main-menu-2:hover {
    color: var(--shark-color-14);
}

.shark-main-menu-3 {
    font-family: 'DancingScript-Bold', sans-serif;
    color: #000000;
}

.shark-main-menu-3:hover {
    color: var(--shark-color-16);
}

.shark-rus-main-menu-3 {
    font-family: 'Dited', sans-serif;
    color: var(--shark-color-black);
}

.shark-rus-main-menu-3:hover {
    color: var(--shark-color-14);
}

.shark-main-menu-4 {
    color: var(--shark-color-5);
}

.shark-main-menu-4:hover {
    color: var(--shark-color-6);
}

.shark-rus-main-menu-4 {
    font-family: 'BighausTitulBrk', sans-serif;
    color: var(--shark-color-black);
}

.shark-rus-main-menu-4:hover {
    color: var(--shark-color-14);
}

.shark-main-menu-5 {
    font-family: 'Silkscreen-Bold', sans-serif;
    color: var(--shark-color-black);
}

.shark-main-menu-5:hover {
    color: var(--shark-color-14);
}

.shark-main-menu-6 {
    font-family: 'Silkscreen-Regular', sans-serif;
    color: var(--shark-color-6);
}

.shark-main-menu-6:hover {
    color: var(--shark-color-17);
}

.shark-additional-menu-1 {
    color: var(--shark-color-6) !important;
    font-family: 'Bungee-Regular', sans-serif;
}

.shark-additional-menu-1:hover {
    color: var(--shark-color-4) !important;
}

.shark-rus-additional-menu-1 {
    color: var(--shark-color-black) !important;
    font-family: 'PressStart2P-Regular', sans-serif;
}

.shark-rus-additional-menu-1:hover {
    color: var(--shark-color-14) !important;
}

.shark-additional-menu-2 {
    color: var(--shark-color-1) !important;
}

.shark-additional-menu-2:hover {
    color: var(--shark-color-3) !important;
}

.shark-rus-additional-menu-2 {
    color: var(--shark-color-black) !important;
    font-family: 'Pixeloid_Sans', sans-serif;
}

.shark-rus-additional-menu-2:hover {
    color: var(--shark-color-14) !important;
}

.shark-additional-menu-3 {
    color: var(--shark-color-6) !important;
    font-family: 'Silkscreen-Regular', sans-serif;
}

.shark-additional-menu-3:hover {
    color: var(--shark-color-17) !important;
}

.shark-rus-additional-menu-3 {
    color: var(--shark-color-6) !important;
    font-family: 'Silkscreen-Regular', sans-serif;
}

.shark-rus-additional-menu-3:hover {
    color: var(--shark-color-17) !important;
}

#main-nav > ul > li > a::before {
    left: 45%;
}

#main-nav > ul > li:nth-child(6) > a::before {
    left: 37%;
}

#main-nav > ul > .current-menu-item > a::before {
    width: calc(100% - 0.8em);
    background: var(--shark-color-black);
}

#main-nav > ul > li > a:hover::before {
    width: calc(100% - 0.8em);
    background: var(--shark-color-1);
}

#main-nav > ul > li .sub-menu li a::after {
    background: var(--shark-color-black);
}

.shark-sub-menu {
    background-color: var(--shark-color-20) !important;
}

#main-nav .sub-menu::before {
    background-color: var(--shark-color-20);
}

.shark-btn-action-1::before, .shark-btn-action-1::after {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--shark-color-14);
    border-radius: 50%;
}

.shark-btn-action-2 {
    padding: 20px 25px !important;
}

.shark-btn-action-2::before, .shark-btn-action-2::after {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--shark-color-3);
    border-radius: 50%;
}

.shark-btn-action-3::before, .shark-btn-action-3::after {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--shark-color-5);
    border-radius: 50%;
}

.shark-btn-action-1:hover {
    background: var(--shark-color-17);
}

.shark-btn-action-2:hover {
    background: var(--shark-color-14);
}

.shark-btn-action-3:hover {
    background: var(--shark-color-17);
}

/* preload */
.e-loadholder {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -50%);
    -moz-transform: translate(-51%, -50%);
    -ms-transform: translate(-51%, -50%);
    -o-transform: translate(-51%, -50%);
    transform: translate(-51%, -50%);
    width: 240px;
    height: 240px;
    border: 5px solid var(--shark-color-black);
    border-radius: 120px;
    box-sizing: border-box;
}

.e-loadholder:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -50%);
    -moz-transform: translate(-51%, -50%);
    -ms-transform: translate(-51%, -50%);
    -o-transform: translate(-51%, -50%);
    transform: translate(-51%, -50%);
    content: " ";
    display: block;
    background: #fff;
    transform-origin: center;
    z-index: 0;
}

.e-loadholder:after {
    width: 100px;
    height: 200%;
    -webkit-animation: outerRotate2 30s infinite linear;
    -moz-animation: outerRotate2 30s infinite linear;
    -o-animation: outerRotate2 30s infinite linear;
    animation: outerRotate2 30s infinite linear;
}

.e-loadholder .m-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -50%);
    -moz-transform: translate(-51%, -50%);
    -ms-transform: translate(-51%, -50%);
    -o-transform: translate(-51%, -50%);
    transform: translate(-51%, -50%);
    width: 200px;
    height: 200px;
    color: #888;
    text-align: center;
    border: 5px solid var(--shark-color-black);
    border-radius: 100px;
    box-sizing: border-box;
    z-index: 20;
    text-transform: uppercase;
}

.e-loadholder .m-loader:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -50%);
    -moz-transform: translate(-51%, -50%);
    -ms-transform: translate(-51%, -50%);
    -o-transform: translate(-51%, -50%);
    transform: translate(-51%, -50%);
    content: " ";
    display: block;
    background: #fff;
    transform-origin: center;
    z-index: -1;
}

.e-loadholder .m-loader:after {
    width: 100px;
    height: 106%;
    -webkit-animation: outerRotate1 15s infinite linear;
    -moz-animation: outerRotate1 15s infinite linear;
    -o-animation: outerRotate1 15s infinite linear;
    animation: outerRotate1 15s infinite linear;
}

.e-loadholder .m-loader .e-text {
    color: var(--shark-color-black) !important;
    font-size: 30px;
    font-size: 2.3rem;
    line-height: 130px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -50%);
    -moz-transform: translate(-51%, -50%);
    -ms-transform: translate(-51%, -50%);
    -o-transform: translate(-51%, -50%);
    transform: translate(-51%, -50%);
    -webkit-animation: textColour 1s alternate linear infinite;
    -moz-animation: textColour 1s alternate linear infinite;
    -o-animation: textColour 1s alternate linear infinite;
    animation: textColour 1s alternate linear infinite;
    display: block;
    width: 140px;
    height: 140px;
    text-align: center;
    border: 5px solid var(--shark-color-black);
    border-radius: 70px;
    box-sizing: border-box;
    z-index: 20;
    font-family: 'Silkscreen-Bold', sans-serif;
}

.e-loadholder .m-loader .e-text:before, .e-loadholder .m-loader .e-text:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -50%);
    -moz-transform: translate(-51%, -50%);
    -ms-transform: translate(-51%, -50%);
    -o-transform: translate(-51%, -50%);
    transform: translate(-51%, -50%);
    content: " ";
    display: block;
    background: #fff;
    transform-origin: center;
    z-index: -1;
}

.e-loadholder .m-loader .e-text:before {
    width: 110%;
    height: 40px;
    -webkit-animation: outerRotate2 3.5s infinite linear;
    -moz-animation: outerRotate2 3.5s infinite linear;
    -o-animation: outerRotate2 3.5s infinite linear;
    animation: outerRotate2 3.5s infinite linear;
}

.e-loadholder .m-loader .e-text:after {
    width: 40px;
    height: 110%;
    -webkit-animation: outerRotate1 8s infinite linear;
    -moz-animation: outerRotate1 8s infinite linear;
    -o-animation: outerRotate1 8s infinite linear;
    animation: outerRotate1 8s infinite linear;
}

/* end preload */

#main-nav-mobi {
    background-color: var(--shark-color-white);
}

#main-nav-mobi ul ul li {
    background-color: var(--shark-color-white);
}

.shark-payment-guarantee-pt {
    padding-top: 200px;
}

.flat-about .wrap-about .heading {
    width: 29%;
}

.slider .slider-item .content h3.cd-words-wrapper {
    text-transform: none;
}

.prices-content-text {
    margin-bottom: 0 !important;
}

.prices-content-text > span {
    font-weight: 600;
    font-size: 22px;
    vertical-align: middle;
}

.heading-process-title {
    text-transform: none !important;
    color: var(--shark-color-white);
}

/********************* media queries start *********************/

@media only screen and (min-width: 768px) and (max-width: 820px) {
    .flat-about .wrap-about .heading {
        width: 32%;
    }
}

@media only screen and (max-width: 1245px) {
    .shark-mark-1 {
        display: none;
    }
}

@media only screen and (max-width: 1080px) {
    .shark-widget-social-footer {
        padding-right: 75px;
    }
}

@media only screen and (max-width: 1080px) {
    .shark-social-icon {
        margin-top: 7px;
    }
}

@media only screen and (max-width: 991px) {
    .shark-payment-guarantee-pt {
        padding-top: 90px;
    }

    .shark-4-basics-block {
        padding-right: 60px;
        padding-left: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .flat-about .wrap-about .heading {
        width: 100%;
        padding-right: 0;
    }
    .sc-btn-about {
        text-align: center;
    }
}

@media only screen and (max-width: 390px) {
    .shark-about-us-btn-style {
        padding: 30px 24px 32px;
    }
    .shark-about-us-btn {
        font-size: 24px !important;
    }
}

@media only screen and (max-width: 380px) {
    .shark-4-basics-block {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .prices-content-text-wrapper {
        min-height: 295px;
    }

    .prices-content-text-wrapper-last {
        min-height: 60px;
    }

    .shark-wrap-development-1,
    .shark-wrap-development-2 {
        min-height: 638px;
    }

    .shark-wrap-development-3,
    .shark-wrap-development-4 {
        min-height: 736px;
    }
}

@media only screen and (min-width: 992px) {
    .prices-content-text-wrapper,
    .prices-content-text-wrapper-last {
        min-height: 300px;
    }

    .shark-wrap-development-1,
    .shark-wrap-development-2 {
        min-height: 672px;
    }

    .shark-wrap-development-3,
    .shark-wrap-development-4 {
        min-height: 752px;
    }
}

@media only screen and (min-width: 1400px) {
    .shark-wrap-development-1,
    .shark-wrap-development-2 {
        min-height: 698px;
    }

    .shark-wrap-development-3,
    .shark-wrap-development-4 {
        min-height: 770px;
    }
}

/********************* media queries end *********************/