/* ============================================================

 Theme Name: Stens
 Theme URI: http://
 Description: The Stens Multipage Template
 Author: Buzline
 Author URI: https://themeforest.net/user/buzline
 Version: 1.0

============================================================== */
/* ==============================================================

 ====>> Table Of Content

	* base style

	* ===== Components ===== *
		* buttons
		* header search form
		* humburger
		* sidebar search
		* back top
		* rhomb
		* section title
		* slick dots
		* contact form
		* label wrap
		* close ico
		* bg popup
		* pie wrap
		* links
		* pagination
		* block header
		* article tags
		* preloader

	* ===== Widgets ===== *
		* typgraphy content section
		* latest block
		* sidebar
		* categories list
		* subscribe list
		* soc list
		* services page
		* about section
		* about info list
		* progress list
		* services card
		* services slider
		* services section
		* tab wrap
		* expirience section
		* grid work
		* works section
		* news card
		* news section
		* testimonial section
		* testimonial block
		* big social block
		* contact section
		* theme settings wrap
		* skills section
		* expirience list
		* single services article
		* work pocess wrap
		* latest work
		* services list wrap
		* single portfolio article
		* related works
		* portfolio content
		* portfolio masonry content
		* portfolio regular content
		* portfolio extended content
		* portfolio checkerboard content
		* portfolio checkerboard list
		* blog content
		* blog article
		* comment wrap
		* single post content
		* contact block wrap
		* contact content
		* pricing plan section
		* pricing plan card
		* skill block

		* ==== Footer ==== *
			* footer
		
		* ==== Header ==== *
			* header
			* main nav list
			* page name section
			* bread crumbs
			* user introduction
			

	* ===== Layouts ===== *
		* color theme 2
		* color theme 3
		* color theme 4
		* color theme 5
		* about page
		* single services content
		* index
		


============================================================== */
/*COLORS*/
/*indent*/
/*------------------------------------------------------------------
# [Color codes]

main color: #333;
header color: #212529;
time color: #666;
lite gray color: #fafafa;
progress gray: #e8e8e8;

icon color: #262626;

border color: #dddddd;
border gray: #c6c6c6;
dots gray: #bcbdbd;
quote gray: #e6e6f3;
lite gray: #f5f5f5;

theme 1 color: #861dec;
theme 1 color lighter: #401e9d;
theme 1 color dark: #200738;

theme 2 color: #3b53f1;
theme 2 color lighter: #1c2184;
theme 2 color dark: #111550;

theme 3 color: #89216b;
theme 3 color lighter: #631139;
theme 3 color dark: #2f081b;

theme 4 color: #559f2b;
theme 4 color lighter: #30512f;
theme 4 color dark: #121d11;

theme 5 color: #004e92;
theme 5 color lighter: #000428;
theme 5 color dark: #000000;

# */
/*FONTS*/
/*------------------------------------------------------------------
# [Fonts]

main font: 'Lato', sans-serif;
header font: 'Montserrat', sans-serif;

# */
/* .test {
    @include indent('margin', 'top', $resolutions, map-get($levels, blue));
} */
/*===> Begin base style <===*/
body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5em;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased; }
body :-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666;
    opacity: 1;
    /* Firefox */ }
body ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666;
    opacity: 1;
    /* Firefox */ }
body :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #666; }
body ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #666; }
body * {
    outline: none; }
body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 {
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #212529; }
@media (max-width: 4096px) {
    body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 {
        margin-bottom: 15px; } }
body h1, body .h1 {
    font-size: 80px;
    line-height: 1em;
    letter-spacing: 1px; }
@media (max-width: 1199px) {
    body h1, body .h1 {
        font-size: 65px; } }
@media (max-width: 991px) {
    body h1, body .h1 {
        font-size: 50px; } }
@media (max-width: 767px) {
    body h1, body .h1 {
        font-size: 40px; } }
@media (max-width: 480px) {
    body h1, body .h1 {
        font-size: 30px; } }
body h2, body .h2 {
    font-size: 40px;
    line-height: 1.2em;
    letter-spacing: 1px; }
@media (max-width: 767px) {
    body h2, body .h2 {
        font-size: 34px; } }
@media (max-width: 480px) {
    body h2, body .h2 {
        font-size: 26px; } }
body h3, body .h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.2em;
    letter-spacing: 1px; }
@media (max-width: 767px) {
    body h3, body .h3 {
        font-size: 30px; } }
@media (max-width: 480px) {
    body h3, body .h3 {
        font-size: 24px; } }
body h4, body .h4 {
    font-size: 20px;
    letter-spacing: 1px; }
body h5, body .h5 {
    font-size: 18px;
    letter-spacing: 1px; }
body h6, body .h6 {
    font-size: 16px;
    letter-spacing: 1px; }
body p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.7px;
    color: #333; }
@media (max-width: 4096px) {
    body p {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    body p {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    body p {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    body p {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    body p {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    body p {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    body p {
        margin-bottom: 15px; } }
body img {
    max-width: 100%;
    display: inline-block; }
body a {
    display: inline-block;
    text-decoration: none;
    outline: none !important; }
body a::-moz-focus-inner {
    border: 0 !important; }
body a:hover, body a:focus {
    text-decoration: none; }
body a:hover {
    color: #861dec; }
body time {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-style: italic;
    letter-spacing: 0.7px;
    line-height: 1em;
    color: #666; }
body ul {
    padding-left: 0; }
body ul > li:last-child a, body ul > li:last-child p {
    margin-bottom: 0; }
@media (max-width: 4096px) {
    body ul > li ul > li:last-child a, body ul > li ul > li:last-child p {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    body ul > li ul > li:last-child a, body ul > li ul > li:last-child p {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    body ul > li ul > li:last-child a, body ul > li ul > li:last-child p {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    body ul > li ul > li:last-child a, body ul > li ul > li:last-child p {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    body ul > li ul > li:last-child a, body ul > li ul > li:last-child p {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    body ul > li ul > li:last-child a, body ul > li ul > li:last-child p {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    body ul > li ul > li:last-child a, body ul > li ul > li:last-child p {
        margin-bottom: 5px; } }
@media (max-width: 4096px) {
    body ul > li ul li a, body ul > li ul li p {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    body ul > li ul li a, body ul > li ul li p {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    body ul > li ul li a, body ul > li ul li p {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    body ul > li ul li a, body ul > li ul li p {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    body ul > li ul li a, body ul > li ul li p {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    body ul > li ul li a, body ul > li ul li p {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    body ul > li ul li a, body ul > li ul li p {
        margin-bottom: 5px; } }
body ul li {
    position: relative;
    padding-left: 15px;
    list-style: none; }
body ul li::after {
    content: '\f0da';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #262626; }
body ul li a, body ul li p {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    color: #333; }
@media (max-width: 4096px) {
    body ul li a, body ul li p {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    body ul li a, body ul li p {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    body ul li a, body ul li p {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    body ul li a, body ul li p {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    body ul li a, body ul li p {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    body ul li a, body ul li p {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    body ul li a, body ul li p {
        margin-bottom: 5px; } }
body ul li a {
    transition: all .2s; }
body ul li a:hover {
    color: #861dec; }
body ol {
    padding-left: 0;
    counter-reset: myCounter; }
body ol > li:last-child a, body ol > li:last-child p {
    margin-bottom: 0; }
@media (max-width: 4096px) {
    body ol > li ol > li:last-child a, body ol > li ol > li:last-child p {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    body ol > li ol > li:last-child a, body ol > li ol > li:last-child p {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    body ol > li ol > li:last-child a, body ol > li ol > li:last-child p {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    body ol > li ol > li:last-child a, body ol > li ol > li:last-child p {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    body ol > li ol > li:last-child a, body ol > li ol > li:last-child p {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    body ol > li ol > li:last-child a, body ol > li ol > li:last-child p {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    body ol > li ol > li:last-child a, body ol > li ol > li:last-child p {
        margin-bottom: 5px; } }
@media (max-width: 4096px) {
    body ol > li ol li a, body ol > li ol li p {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    body ol > li ol li a, body ol > li ol li p {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    body ol > li ol li a, body ol > li ol li p {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    body ol > li ol li a, body ol > li ol li p {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    body ol > li ol li a, body ol > li ol li p {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    body ol > li ol li a, body ol > li ol li p {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    body ol > li ol li a, body ol > li ol li p {
        margin-bottom: 5px; } }
body ol li {
    position: relative;
    padding-left: 20px;
    list-style: none; }
body ol li::before {
    counter-increment: myCounter;
    content: counter(myCounter) ".";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #333; }
body ol li a, body ol li p {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    color: #333; }
@media (max-width: 4096px) {
    body ol li a, body ol li p {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    body ol li a, body ol li p {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    body ol li a, body ol li p {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    body ol li a, body ol li p {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    body ol li a, body ol li p {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    body ol li a, body ol li p {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    body ol li a, body ol li p {
        margin-bottom: 5px; } }
body ol li a {
    transition: all .2s; }
body ol li a:hover {
    color: #861dec; }
body ol li ol {
    counter-reset: myCounter2; }
body ol li ol li {
    padding-left: 35px; }
body ol li ol li::before {
    counter-increment: myCounter2;
    content: counter(myCounter) "." counter(myCounter2) "."; }
body blockquote {
    position: relative;
    padding: 40px 0 0 0;
    border: none; }
@media (max-width: 4096px) {
    body blockquote {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    body blockquote {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    body blockquote {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    body blockquote {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    body blockquote {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    body blockquote {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    body blockquote {
        margin-bottom: 15px; } }
body blockquote:hover .quote-mark {
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.1);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg); }
body blockquote:hover .quote-mark i {
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }
body blockquote:hover .blockquote-content {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); }
body blockquote .quote-mark {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: #861dec;
    color: #fff;
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    transition: all .3s; }
body blockquote .quote-mark i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 25px;
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all .3s; }
body blockquote .blockquote-content {
    padding: 60px 15px 25px 15px;
    border-radius: 30px;
    background: #fafafa;
    transition: all .3s; }
body blockquote .blockquote-content p {
    max-width: 735px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center; }
body blockquote .blockquote-content h4, body blockquote .blockquote-content .h4 {
    margin-bottom: 15px;
    text-align: center; }
body blockquote .blockquote-content .author-position {
    margin-bottom: 0;
    font-style: italic;
    color: #861dec; }
@media (max-width: 480px) {
    body blockquote .blockquote-content p {
        text-align: left; }
    body blockquote .blockquote-content .author-position {
        text-align: center; } }
body input {
    min-width: 0;
    border: 1px solid #bcbdbd; }
@media (max-width: 991px) {
    body .flex-reverse-mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
body label {
    margin-bottom: 0; }
body .container-fluid {
    z-index: 10; }
body .container {
    position: relative;
    z-index: 10; }
body section {
    position: relative; }
body section.ovh {
    overflow: hidden; }
body .proffesion {
    font-style: italic;
    color: #861dec; }

/*===> End base style <===*/
/*===> Begin buttons <===*/
button,
.button {
    padding: 12px 15px;
    border: none;
    border-radius: 25px;
    background: #401e9d;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    transition: all .3s; }
button.on-scroll,
.button.on-scroll {
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
button.show-scroll,
.button.show-scroll {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0); }
button:hover,
.button:hover {
    background: #861dec;
    color: #fff !important;
    transition: all .3s; }
button:focus,
.button:focus {
    color: #fff; }
button.reverce-color,
.button.reverce-color {
    background: #861dec; }
button.reverce-color:hover,
.button.reverce-color:hover {
    background: #401e9d;
    color: #fff; }
button.small,
.button.small {
    padding: 8px 15px;
    font-size: 20px; }

/*===> End buttons <===*/
/*===> Begin header search form <===*/
.header-search-form {
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    border-radius: 40px;
    transition: all 0.3s;
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    visibility: hidden; }
.header-search-form input {
    width: 100%;
    margin-left: -4px;
    padding: 0 35px;
    border-radius: 40px 0 0 40px;
    border: none;
    font-style: italic;
    font-size: 17px;
    letter-spacing: 2px; }
.header-search-form button {
    margin-right: -4px;
    padding: 12px 25px;
    border-radius: 0 40px 40px 0; }
@media (max-width: 480px) {
    .header-search-form input {
        padding: 0 25px; } }

/*===> End header search form <===*/
/*===> Begin humburger <===*/
.humburger,
.close-nav {
    display: none; }
@media (max-width: 991px) {
    .humburger,
    .close-nav {
        position: relative;
        display: block;
        width: 28px;
        height: 16px; }
    .humburger span,
    .close-nav span {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #861dec; }
    .humburger span:nth-child(1),
    .close-nav span:nth-child(1) {
        top: 0;
        left: 0;
        -ms-transform-origin: center left;
        transform-origin: center left; }
    .humburger span:nth-child(2),
    .close-nav span:nth-child(2) {
        top: 50%;
        left: 0;
        margin-top: -1px;
        -ms-transform-origin: center left;
        transform-origin: center left; }
    .humburger span:nth-child(3),
    .close-nav span:nth-child(3) {
        bottom: 0;
        left: 0;
        -ms-transform-origin: center left;
        transform-origin: center left; } }

.close-nav {
    width: 20px;
    height: 20px; }
.close-nav span {
    width: 27px; }
.close-nav span:nth-child(1) {
    top: 0px;
    left: 0px;
    margin-bottom: 1px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform-origin: left center;
    transform-origin: left center; }
.close-nav span:nth-child(2) {
    top: auto;
    bottom: 0px;
    left: 0px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform-origin: left center;
    transform-origin: left center;
    margin-bottom: -1px; }

/*===> End humburger <===*/
/*===> Begin sidebar search <===*/
.sidebar-search {
    display: -ms-flexbox;
    display: flex; }
.sidebar-search input {
    width: 100%;
    padding: 10px 10px 10px 20px;
    border: 1px solid #dddddd;
    border-right: 0;
    border-radius: 30px 0 0 30px;
    font-style: italic;
    letter-spacing: 1.2px; }
.sidebar-search button {
    padding: 10px 15px;
    border-radius: 0 30px 30px 0; }

/*===> End sidebar search <===*/
/*===> Begin back top <===*/
.back-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 400;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background-image: linear-gradient(35deg, #401e9d 0%, #861dec 100%);
    cursor: pointer;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s;
    opacity: 0;
    visibility: hidden; }
.back-top:hover {
    background-image: linear-gradient(35deg, #861dec 0%, #401e9d 100%); }
.back-top.show-btn {
    opacity: 1;
    visibility: visible; }
.back-top i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 24px;
    color: #fff; }
@media (max-width: 480px) {
    .back-top {
        bottom: 30px;
        right: 30px;
        width: 45px;
        height: 45px;
        border-radius: 9px; }
    .back-top i {
        font-size: 16px; } }

/*===> End back top <===*/
/*===> Begin rhomb <===*/
.rhomb {
    position: absolute;
    border-radius: 30px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #401e9d; }
.rhomb.rhomb-size-1 {
    width: 150px;
    height: 150px; }
.rhomb.rhomb-size-2 {
    width: 100px;
    height: 100px;
    border-radius: 20px; }
.rhomb.rhomb-size-3 {
    width: 75px;
    height: 75px;
    border-radius: 15px; }
.rhomb.rhomb-size-4 {
    width: 50px;
    height: 50px;
    border-radius: 12px; }
.rhomb.rhomb-size-5 {
    width: 35px;
    height: 35px;
    border-radius: 8px; }
.rhomb.rhomb-size-6 {
    width: 25px;
    height: 25px;
    border-radius: 5px; }
.rhomb.bold {
    border-width: 2px; }
.rhomb.top-0 {
    top: 0; }
.rhomb.top-5 {
    top: 5%; }
.rhomb.top-10 {
    top: 10%; }
.rhomb.top-15 {
    top: 15%; }
.rhomb.top-20 {
    top: 20%; }
.rhomb.top-25 {
    top: 25%; }
.rhomb.top-30 {
    top: 30%; }
.rhomb.top-35 {
    top: 35%; }
.rhomb.top-40 {
    top: 40%; }
.rhomb.top-45 {
    top: 45%; }
.rhomb.top-50 {
    top: 50%; }
.rhomb.top-55 {
    top: 55%; }
.rhomb.top-60 {
    top: 60%; }
.rhomb.top-65 {
    top: 65%; }
.rhomb.top-70 {
    top: 70%; }
.rhomb.top-75 {
    top: 75%; }
.rhomb.top-80 {
    top: 80%; }
.rhomb.top-85 {
    top: 85%; }
.rhomb.top-90 {
    top: 90%; }
.rhomb.top-95 {
    top: 95%; }
.rhomb.top-100 {
    top: 100%; }
.rhomb.right-0 {
    right: 0; }
.rhomb.right-5 {
    right: 5%; }
.rhomb.right-10 {
    right: 10%; }
.rhomb.right-15 {
    right: 15%; }
.rhomb.right-20 {
    right: 20%; }
.rhomb.right-25 {
    right: 25%; }
.rhomb.right-30 {
    right: 30%; }
.rhomb.right-35 {
    right: 35%; }
.rhomb.right-40 {
    right: 40%; }
.rhomb.right-45 {
    right: 45%; }
.rhomb.right-50 {
    right: 50%; }
.rhomb.right-55 {
    right: 55%; }
.rhomb.right-60 {
    right: 60%; }
.rhomb.right-65 {
    right: 65%; }
.rhomb.right-70 {
    right: 70%; }
.rhomb.right-75 {
    right: 75%; }
.rhomb.right-80 {
    right: 80%; }
.rhomb.right-85 {
    right: 85%; }
.rhomb.right-90 {
    right: 90%; }
.rhomb.right-95 {
    right: 95%; }
.rhomb.right-100 {
    right: 100%; }
@media (max-width: 1199px) {
    .rhomb {
        display: none; } }

/*===> End rhomb <===*/
/*===> Begin section title <===*/
.section-title {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
@media (max-width: 4096px) {
    .section-title {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .section-title {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .section-title {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .section-title {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .section-title {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .section-title {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .section-title {
        margin-bottom: 30px; } }
.section-title.on-scroll h2, .section-title.on-scroll .h2, .section-title.on-scroll p {
    opacity: 0;
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
.section-title.on-scroll .title-dvider::after, .section-title.on-scroll .title-dvider::before {
    width: 0px; }
.section-title.on-scroll .title-dvider span {
    opacity: 0;
    -ms-transform: rotate(45deg) scale(0.5);
    transform: rotate(45deg) scale(0.5); }
.section-title.show-scroll h2, .section-title.show-scroll .h2, .section-title.show-scroll p {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
.section-title.show-scroll .title-dvider::after, .section-title.show-scroll .title-dvider::before {
    width: 35px; }
.section-title.show-scroll .title-dvider span {
    opacity: 1;
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1); }
.section-title *:last-child {
    margin-bottom: 0 !important; }
.section-title h2, .section-title .h2 {
    margin-bottom: 5px;
    transition: all .3s; }
.section-title .title-dvider {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px; }
@media (max-width: 4096px) {
    .section-title .title-dvider {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .section-title .title-dvider {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .section-title .title-dvider {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .section-title .title-dvider {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .section-title .title-dvider {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .section-title .title-dvider {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .section-title .title-dvider {
        margin-bottom: 15px; } }
.section-title .title-dvider::after, .section-title .title-dvider::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 35px;
    height: 1px;
    background: #861dec;
    transition: all .2s;
    transition-delay: .2s; }
.section-title .title-dvider::after {
    left: 100%; }
.section-title .title-dvider::before {
    right: 100%; }
.section-title .title-dvider span {
    width: 10px;
    height: 10px;
    border: 1px solid #861dec;
    border-radius: 3px;
    margin: 0 3px;
    transition: all .3s;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
.section-title .title-dvider span:nth-child(1) {
    transition-delay: .1s; }
.section-title .title-dvider span:nth-child(2) {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    transition-delay: .2s; }
.section-title .title-dvider span:nth-child(3) {
    transition-delay: .3s; }
.section-title p {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    transition: all .3s;
    transition-delay: .3s; }

/*===> End section title <===*/
/*===> Begin slick dots <===*/
.slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    margin-top: 40px; }
.slick-dots li {
    margin-right: 10px;
    padding-left: 0;
    display: inline-block;
    line-height: 1em;
    font-size: 0; }
.slick-dots li:last-child {
    margin-right: 0; }
.slick-dots li::after {
    display: none; }
.slick-dots li.slick-active button {
    background: #861dec; }
.slick-dots li button {
    padding: 0;
    width: 18px;
    height: 7px;
    background: #bcbdbd;
    font-size: 0;
    line-height: 0; }
.slick-dots li button:hover {
    background: #401e9d; }

/*===> End slick dots <===*/
@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0); }
    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0); }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0); }
    90% {
        transform: translate3d(0, -4px, 0); } }

/*===> Begin contact form <==*/
.contact-form {
    margin-left: -15px;
    margin-right: -15px; }
.contact-form.on-scroll .input-wrap {
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    transition: all .3s; }
.contact-form.on-scroll.show-scroll .input-wrap {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
.contact-form .input-field {
    display: -ms-flexbox;
    display: flex; }
.contact-form .input-field .input-wrap {
    width: 33.33%;
    padding: 0 15px; }
@media (max-width: 4096px) {
    .contact-form .input-field .input-wrap {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .contact-form .input-field .input-wrap {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .contact-form .input-field .input-wrap {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .contact-form .input-field .input-wrap {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .contact-form .input-field .input-wrap {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .contact-form .input-field .input-wrap {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .contact-form .input-field .input-wrap {
        margin-bottom: 20px; } }
.contact-form .input-wrap {
    padding: 0 15px; }
.contact-form textarea {
    display: block;
    width: 100%;
    height: 240px;
    border: 1px solid #bcbdbd; }
.contact-form .false-input {
    border: 1px solid  #e4002f; }
.contact-form button {
    display: block;
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0; }
@media (max-width: 4096px) {
    .contact-form button {
        margin-top: 30px; } }
@media (max-width: 1600px) {
    .contact-form button {
        margin-top: 30px; } }
@media (max-width: 1440px) {
    .contact-form button {
        margin-top: 30px; } }
@media (max-width: 1199px) {
    .contact-form button {
        margin-top: 30px; } }
@media (max-width: 991px) {
    .contact-form button {
        margin-top: 25px; } }
@media (max-width: 767px) {
    .contact-form button {
        margin-top: 25px; } }
@media (max-width: 480px) {
    .contact-form button {
        margin-top: 20px; } }
@media (max-width: 767px) {
    .contact-form {
        margin-left: 0;
        margin-right: 0; }
    .contact-form .input-field {
        -ms-flex-direction: column;
        flex-direction: column; }
    .contact-form .input-field .input-wrap {
        width: 100%;
        padding: 0; }
    .contact-form .input-wrap {
        padding: 0; }
    .contact-form textarea {
        height: 160px; } }

/*===> End contact form <==*/
/*===> Begin label wrap <===*/
.label-wrap {
    position: relative;
    display: block;
    width: 100%;
    cursor: text; }
.label-wrap input {
    position: relative;
    z-index: 2;
    width: 100%;
    border-radius: 20px;
    padding: 14px 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.7px;
    line-height: 1;
    transition: all .2s; }
.label-wrap input:focus {
    border: 1px solid #861dec; }
.label-wrap input:focus + span {
    top: 0;
    font-size: 14px; }
.label-wrap input.val-true + span {
    top: 0;
    font-size: 14px; }
.label-wrap span {
    position: absolute;
    z-index: 3;
    left: 16px;
    top: 50%;
    padding: 0 5px;
    background: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.7px;
    color: #666;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .2s; }

.textarea-wrap {
    position: relative;
    display: block;
    width: 100%;
    cursor: text; }
.textarea-wrap textarea {
    position: relative;
    z-index: 2;
    width: 100%;
    border-radius: 20px;
    padding: 15px 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.7px;
    line-height: 1;
    resize: none;
    transition: all .2s; }
.textarea-wrap textarea:focus {
    border: 1px solid #861dec; }
.textarea-wrap textarea:focus + span {
    top: 0;
    font-size: 14px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.textarea-wrap textarea.val-true + span {
    top: 0;
    font-size: 14px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.textarea-wrap span {
    position: absolute;
    z-index: 3;
    left: 16px;
    top: 15px;
    padding: 0 5px;
    background: #fff;
    font-weight: 400;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.7px;
    color: #666;
    transition: all .2s; }

/*===> End label wrap <===*/
/*===> Begin close ico <===*/
.close-ico {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer; }
.close-ico span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 1px;
    background: #262626;
    -ms-transform-origin: center center;
    transform-origin: center center;
    transition: all .2s; }
.close-ico span:nth-child(1) {
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }
.close-ico span:nth-child(2) {
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg); }

/*===> End close ico <===*/
/*===> Begin bg popup <===*/
.bg-popup {
    position: fixed;
    z-index: 500;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    cursor: url(../img/close-cursor.png) 16 16, default;
    transition: all .3s;
    opacity: 0;
    visibility: hidden; }
.bg-popup.show-bg {
    opacity: 1;
    visibility: visible; }

/*===> End bg popup <===*/
/*===> Begin pie wrap <===*/
.pie-wrap {
    position: relative;
    display: inline-block; }
.pie-wrap .chart {
    position: relative;
    display: block; }
@media (max-width: 4096px) {
    .pie-wrap .chart {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .pie-wrap .chart {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .pie-wrap .chart {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .pie-wrap .chart {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .pie-wrap .chart {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .pie-wrap .chart {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .pie-wrap .chart {
        margin-bottom: 15px; } }
.pie-wrap .percent {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 0;
    text-align: center;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.pie-wrap canvas {
    display: block; }
.pie-wrap h4, .pie-wrap .h4 {
    margin: 0;
    font-weight: 600;
    text-align: center; }
@media (max-width: 1199px) {
    .pie-wrap .percent {
        font-size: 34px; }
    .pie-wrap canvas {
        width: 210px !important;
        height: 210px !important; } }
@media (max-width: 480px) {
    .pie-wrap .percent {
        font-size: 24px; }
    .pie-wrap canvas {
        width: 145px !important;
        height: 145px !important; } }

/*===> End pie wrap <===*/
/*===> Begin links <===*/
.more-link {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #262626;
    letter-spacing: 0.5px; }
.more-link i {
    padding-left: 3px; }

/*===> End links <===*/
/*===> Begin pagination <===*/
.pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0; }
.pagination .custom-pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
.pagination .custom-pagination li {
    padding: 0 5px; }
.pagination .custom-pagination li::after {
    display: none; }
.pagination .custom-pagination li a {
    margin-bottom: 0;
    padding: 0 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px; }
.pagination .custom-pagination li a.active {
    color: #861dec; }

/*===> End pagination <===*/
/*===> Block block header <===*/
.block-header {
    text-align: center; }
@media (max-width: 4096px) {
    .block-header {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .block-header {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .block-header {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .block-header {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .block-header {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .block-header {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .block-header {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .block-header {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .block-header {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .block-header {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .block-header {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .block-header {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .block-header {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .block-header {
        padding-bottom: 30px; } }
.block-header *:last-child {
    margin-bottom: 0; }
.block-header h2, .block-header .h2 {
    font-weight: 700; }
@media (max-width: 4096px) {
    .block-header h2, .block-header .h2 {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    .block-header h2, .block-header .h2 {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    .block-header h2, .block-header .h2 {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    .block-header h2, .block-header .h2 {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    .block-header h2, .block-header .h2 {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    .block-header h2, .block-header .h2 {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    .block-header h2, .block-header .h2 {
        margin-bottom: 5px; } }
.block-header .profession {
    font-style: italic;
    color: #861dec; }

/*===> End block header <===*/
/*===> Begin article tags <===*/
.article-tags {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 12px 0 12px 30px; }
.article-tags::after {
    content: '\f02c';
    position: absolute;
    left: 0;
    top: 14px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #861dec; }
.article-tags li {
    padding-left: 0;
    padding-right: 5px; }
.article-tags li:last-child {
    padding-right: 0; }
.article-tags li::after {
    display: none; }
.article-tags li a {
    margin-bottom: 0; }

/*===> End article tags <===*/
/*===> Begin preloader <===*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1111;
    width: 100%;
    height: 100%;
    background: #fff; }
.preloader #cube-loader {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    position: fixed; }
.preloader #cube-loader .caption {
    margin: 0 auto; }
.preloader #cube-loader .cube-loader {
    width: 73px;
    height: 73px;
    margin: 0 auto;
    margin-top: 49px;
    position: relative;
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg); }
.preloader #cube-loader .cube-loader .cube {
    position: relative;
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    width: 50%;
    height: 50%;
    float: left;
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
.preloader #cube-loader .cube-loader .cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #861dec;
    animation: cube-loader 2.76s infinite linear both;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }
.preloader #cube-loader .cube-loader .loader-2 {
    -ms-transform: scale(1.1) rotate(90deg);
    transform: scale(1.1) rotateZ(90deg); }
.preloader #cube-loader .cube-loader .loader-3 {
    -ms-transform: scale(1.1) rotate(180deg);
    transform: scale(1.1) rotateZ(180deg); }
.preloader #cube-loader .cube-loader .loader-4 {
    -ms-transform: scale(1.1) rotate(270deg);
    transform: scale(1.1) rotateZ(270deg); }
.preloader #cube-loader .cube-loader .loader-2:before {
    animation-delay: 0.35s; }
.preloader #cube-loader .cube-loader .loader-3:before {
    animation-delay: 0.69s; }
.preloader #cube-loader .cube-loader .loader-4:before {
    animation-delay: 1.04s; }

@keyframes cube-loader {
    0%,
    10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0; }
    25%,
    75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1; }
    90%,
    100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0; } }

/*===> End preloader <===*/
/*===> Begin header <===*/
header {
    position: absolute;
    z-index: 400;
    left: 0;
    top: 40px;
    width: 100%; }
header.show-search .header-search-form {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible; }
header.sticky {
    position: fixed;
    top: 0; }
header.sticky .header-wrap,
header.sticky .header-search-form {
    border-radius: 0 0 30px 30px; }
header.sticky .header-wrap input,
header.sticky .header-search-form input {
    border-radius: 0 0 0 30px; }
header.sticky .header-wrap button,
header.sticky .header-search-form button {
    border-radius: 0 0 30px 0; }
header.sticky .header-wrap {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25); }
header.sticky nav .main-nav-list > li {
    padding: 15px 0; }
header .header-wrap {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: center;
    padding: 0 40px;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s; }
header .header-wrap .logo img {
    width: 122px;
    display: none; }
header .header-wrap .logo img:nth-child(1) {
    display: block; }
header .header-wrap .inner-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
header .header-wrap .inner-header nav ul li::after {
    display: none; }
header .header-wrap .header-search p {
    margin-bottom: 0;
    cursor: pointer;
    color: #000; }
header .header-wrap .header-search p:hover {
    color: #401e9d; }
@media (max-width: 1199px) {
    header .header-wrap {
        padding: 0 25px; } }
@media (max-width: 991px) {
    header.sticky nav .main-nav-list > li {
        padding: 0; }
    header.sticky .header-wrap {
        padding: 10px 15px; }
    header .header-wrap {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 15px; } }

/*===> End header <===*/
/*===> Begin main nav list <===*/
nav .close-nav {
    display: none; }

nav .main-nav-list {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0; }
nav .main-nav-list > li {
    position: relative;
    padding: 25px 0;
    margin-right: 50px;
    transition: all .3s; }
nav .main-nav-list > li:hover > .hide-nav-list,
nav .main-nav-list > li:hover > .hide-nav-list-second {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible; }
nav .main-nav-list > li:nth-child(n+4) .hide-nav-list li > .hide-nav-list,
nav .main-nav-list > li:nth-child(n+4) .hide-nav-list li > .hide-nav-list-second,
nav .main-nav-list > li:nth-child(n+4) .hide-nav-list-second li > .hide-nav-list,
nav .main-nav-list > li:nth-child(n+4) .hide-nav-list-second li > .hide-nav-list-second {
    left: auto;
    right: 100%;
    border-radius: 10px 0 0 10px; }
nav .main-nav-list li a, nav .main-nav-list li p {
    position: relative;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #000; }
nav .main-nav-list li a:hover, nav .main-nav-list li p:hover {
    color: #861dec; }
nav .main-nav-list li a.active, nav .main-nav-list li p.active {
    color: #861dec; }
nav .main-nav-list li a.active::after, nav .main-nav-list li p.active::after {
    content: '';
    position: absolute;
    left: 2px;
    bottom: -2px;
    width: 30px;
    height: 2px;
    background: #861dec; }
nav .main-nav-list li a.active + i, nav .main-nav-list li p.active + i {
    color: #861dec; }
nav .main-nav-list .nav-box a, nav .main-nav-list .nav-box p {
    padding: 0;
    margin-bottom: 0; }
nav .main-nav-list .nav-box a:hover, nav .main-nav-list .nav-box p:hover {
    color: #861dec; }
nav .main-nav-list .nav-box a:hover + i, nav .main-nav-list .nav-box p:hover + i {
    color: #861dec; }
nav .main-nav-list .nav-box i {
    font-size: 14px;
    display: none; }
nav .main-nav-list .hide-nav-list,
nav .main-nav-list .hide-nav-list-second {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    width: 240px;
    padding: 15px 0;
    border-radius: 0 0 10px 10px;
    background: #fff;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
    transition: all .2s;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden; }
nav .main-nav-list .hide-nav-list li,
nav .main-nav-list .hide-nav-list-second li {
    position: relative;
    padding: 0 15px 0 15px;
    margin-bottom: 10px; }
nav .main-nav-list .hide-nav-list li:last-child,
nav .main-nav-list .hide-nav-list-second li:last-child {
    margin-bottom: 0; }
nav .main-nav-list .hide-nav-list li:hover > .hide-nav-list,
nav .main-nav-list .hide-nav-list li:hover > .hide-nav-list-second,
nav .main-nav-list .hide-nav-list-second li:hover > .hide-nav-list,
nav .main-nav-list .hide-nav-list-second li:hover > .hide-nav-list-second {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible; }
nav .main-nav-list .hide-nav-list li:hover .nav-box i,
nav .main-nav-list .hide-nav-list-second li:hover .nav-box i {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
nav .main-nav-list .hide-nav-list li > .hide-nav-list,
nav .main-nav-list .hide-nav-list li > .hide-nav-list-second,
nav .main-nav-list .hide-nav-list-second li > .hide-nav-list,
nav .main-nav-list .hide-nav-list-second li > .hide-nav-list-second {
    padding-left: 15px;
    left: 100%;
    top: -15px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0 10px 10px 10px;
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0); }
nav .main-nav-list .hide-nav-list li a, nav .main-nav-list .hide-nav-list li p,
nav .main-nav-list .hide-nav-list-second li a,
nav .main-nav-list .hide-nav-list-second li p {
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400; }
nav .main-nav-list .hide-nav-list .nav-box,
nav .main-nav-list .hide-nav-list-second .nav-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
nav .main-nav-list .hide-nav-list .nav-box a, nav .main-nav-list .hide-nav-list .nav-box p,
nav .main-nav-list .hide-nav-list-second .nav-box a,
nav .main-nav-list .hide-nav-list-second .nav-box p {
    padding: 0;
    margin-bottom: 0; }
nav .main-nav-list .hide-nav-list .nav-box i,
nav .main-nav-list .hide-nav-list-second .nav-box i {
    display: block;
    transition: all .3s;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

@media (max-width: 1199px) {
    nav .main-nav-list > li {
        margin-right: 30px; } }

@media (max-width: 991px) {
    nav {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1001;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 40px 15px 20px 15px;
        background: rgba(255, 255, 255, 0.98);
        transition: all .3s;
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
        visibility: hidden; }
    nav.show-nav {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible; }
    nav .close-nav {
        position: absolute;
        right: 15px;
        top: 10px;
        display: block;
        font-size: 24px; }
    nav .main-nav-list {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        height: 100%; }
    nav .main-nav-list > li {
        width: 100%;
        max-width: 400px;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 0; }
    nav .main-nav-list > li:last-child {
        margin-bottom: 0; }
    nav .main-nav-list .nav-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    nav .main-nav-list .nav-box.show-menu i {
        -ms-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important; }
    nav .main-nav-list .nav-box i {
        display: block;
        margin-left: 20px;
        padding: 5px 10px; }
    nav .main-nav-list .hide-nav-list,
    nav .main-nav-list .hide-nav-list-second {
        position: static;
        display: none;
        width: 100%;
        padding: 15px 0 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        transition: all 0s;
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible; }
    nav .main-nav-list .hide-nav-list li,
    nav .main-nav-list .hide-nav-list-second li {
        margin-bottom: 10px;
        padding: 0 0 0 15px; }
    nav .main-nav-list .hide-nav-list li:hover > .hide-nav-list,
    nav .main-nav-list .hide-nav-list li:hover > .hide-nav-list-second,
    nav .main-nav-list .hide-nav-list-second li:hover > .hide-nav-list,
    nav .main-nav-list .hide-nav-list-second li:hover > .hide-nav-list-second {
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible; }
    nav .main-nav-list .hide-nav-list li:hover .nav-box i,
    nav .main-nav-list .hide-nav-list-second li:hover .nav-box i {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
    nav .main-nav-list .hide-nav-list li li,
    nav .main-nav-list .hide-nav-list-second li li {
        margin-bottom: 5px; }
    nav .main-nav-list .hide-nav-list li > .hide-nav-list,
    nav .main-nav-list .hide-nav-list li > .hide-nav-list-second,
    nav .main-nav-list .hide-nav-list-second li > .hide-nav-list,
    nav .main-nav-list .hide-nav-list-second li > .hide-nav-list-second {
        padding-left: 0;
        padding-bottom: 15px;
        box-shadow: none;
        border-radius: 0;
        -ms-transform: translate(0);
        transform: translate(0); }
    nav .main-nav-list .hide-nav-list li > .hide-nav-list-second,
    nav .main-nav-list .hide-nav-list-second li > .hide-nav-list-second {
        padding-bottom: 0; }
    nav .main-nav-list .hide-nav-list .nav-box,
    nav .main-nav-list .hide-nav-list-second .nav-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    nav .main-nav-list .hide-nav-list .nav-box a, nav .main-nav-list .hide-nav-list .nav-box p,
    nav .main-nav-list .hide-nav-list-second .nav-box a,
    nav .main-nav-list .hide-nav-list-second .nav-box p {
        padding: 0;
        margin-bottom: 0; }
    nav .main-nav-list .hide-nav-list .nav-box i,
    nav .main-nav-list .hide-nav-list-second .nav-box i {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); } }

/*===> End main nav list <===*/
/*===> Begin page name section <===*/
.page-name-section {
    position: relative;
    padding-top: 170px;
    padding-bottom: 140px;
    overflow: hidden; }
.page-name-section h1, .page-name-section .h1 {
    margin-bottom: 15px;
    font-weight: 300;
    text-transform: none;
    text-align: center;
    letter-spacing: 1px;
    color: #fff; }
.page-name-section svg {
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    min-height: 100%;
    width: 1920px;
    max-width: none; }
.page-name-section svg .cls-1 {
    fill: #861dec;
    stroke: none;
    opacity: 0.8; }
.page-name-section svg .cls-3 {
    fill: #861dec;
    opacity: 1; }
@media (max-width: 1440px) {
    .page-name-section {
        padding-bottom: 120px; } }
@media (max-width: 991px) {
    .page-name-section {
        padding-top: 150px;
        padding-bottom: 100px; } }
@media (max-width: 767px) {
    .page-name-section {
        padding-top: 150px;
        padding-bottom: 80px; }
    .page-name-section::after {
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 20px;
        background: rgba(134, 29, 236, 0.8); }
    .page-name-section svg {
        right: -140px; } }
@media (max-width: 480px) {
    .page-name-section svg {
        right: -250px; } }

/*===> End page name section <===*/
/*===> Begin bread crumbs <===*/
.bread-crumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0; }
.bread-crumbs li {
    padding-left: 16px;
    margin-left: 10px;
    margin-bottom: 0; }
.bread-crumbs li:first-child {
    padding-left: 0; }
.bread-crumbs li:first-child::after {
    display: none; }
.bread-crumbs li::after {
    content: '';
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff; }
.bread-crumbs li a, .bread-crumbs li p {
    font-weight: 400;
    margin-bottom: 0;
    color: #fff; }
.bread-crumbs li a:hover {
    color: #fff;
    text-decoration: underline; }

/*===> End bread crumbs <===*/
/*===> Begin typgraphy content section <===*/
@media (max-width: 4096px) {
    .typgraphy-content-section {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .typgraphy-content-section {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .typgraphy-content-section {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .typgraphy-content-section {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .typgraphy-content-section {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .typgraphy-content-section {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .typgraphy-content-section {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .typgraphy-content-section {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .typgraphy-content-section {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .typgraphy-content-section {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .typgraphy-content-section {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .typgraphy-content-section {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .typgraphy-content-section {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .typgraphy-content-section {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .typgraphy-content-section .typgraphy-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .typgraphy-content-section .typgraphy-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .typgraphy-content-section .typgraphy-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .typgraphy-content-section .typgraphy-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .typgraphy-content-section .typgraphy-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .typgraphy-content-section .typgraphy-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .typgraphy-content-section .typgraphy-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .typgraphy-content-section .typgraphy-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .typgraphy-content-section .typgraphy-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .typgraphy-content-section .typgraphy-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .typgraphy-content-section .typgraphy-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .typgraphy-content-section .typgraphy-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .typgraphy-content-section .typgraphy-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .typgraphy-content-section .typgraphy-content {
        padding-bottom: 30px; } }

.typgraphy-content-section .sidebar .sidebar-search {
    margin-top: 6px; }

@media (max-width: 4096px) {
    .typgraphy-content-section .heading-preview {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .typgraphy-content-section .heading-preview {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .typgraphy-content-section .heading-preview {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .typgraphy-content-section .heading-preview {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .typgraphy-content-section .heading-preview {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .typgraphy-content-section .heading-preview {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .typgraphy-content-section .heading-preview {
        padding-bottom: 30px; } }

.typgraphy-content-section .heading-preview h6, .typgraphy-content-section .heading-preview .h6 {
    margin-bottom: 0; }

@media (max-width: 4096px) {
    .typgraphy-content-section .blockquote-preview {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .typgraphy-content-section .blockquote-preview {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .typgraphy-content-section .blockquote-preview {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .typgraphy-content-section .blockquote-preview {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .typgraphy-content-section .blockquote-preview {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .typgraphy-content-section .blockquote-preview {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .typgraphy-content-section .blockquote-preview {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .typgraphy-content-section .blockquote-preview {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .typgraphy-content-section .blockquote-preview {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .typgraphy-content-section .blockquote-preview {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .typgraphy-content-section .blockquote-preview {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .typgraphy-content-section .blockquote-preview {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .typgraphy-content-section .blockquote-preview {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .typgraphy-content-section .blockquote-preview {
        padding-bottom: 30px; } }

.typgraphy-content-section .blockquote-preview blockquote {
    margin-bottom: 0; }

.typgraphy-content-section .buttons-preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start; }
@media (max-width: 4096px) {
    .typgraphy-content-section .buttons-preview {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .typgraphy-content-section .buttons-preview {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .typgraphy-content-section .buttons-preview {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .typgraphy-content-section .buttons-preview {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .typgraphy-content-section .buttons-preview {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .typgraphy-content-section .buttons-preview {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .typgraphy-content-section .buttons-preview {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .typgraphy-content-section .buttons-preview {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .typgraphy-content-section .buttons-preview {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .typgraphy-content-section .buttons-preview {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .typgraphy-content-section .buttons-preview {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .typgraphy-content-section .buttons-preview {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .typgraphy-content-section .buttons-preview {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .typgraphy-content-section .buttons-preview {
        padding-bottom: 30px; } }
.typgraphy-content-section .buttons-preview button {
    display: block;
    width: 100%; }
@media (max-width: 4096px) {
    .typgraphy-content-section .buttons-preview button {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .typgraphy-content-section .buttons-preview button {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .typgraphy-content-section .buttons-preview button {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .typgraphy-content-section .buttons-preview button {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .typgraphy-content-section .buttons-preview button {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .typgraphy-content-section .buttons-preview button {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .typgraphy-content-section .buttons-preview button {
        margin-bottom: 15px; } }
.typgraphy-content-section .buttons-preview button:nth-child(2) {
    max-width: 360px; }
.typgraphy-content-section .buttons-preview button:nth-child(3) {
    max-width: 260px; }
.typgraphy-content-section .buttons-preview button:nth-child(4) {
    max-width: 165px;
    margin-bottom: 0; }

.typgraphy-content-section .list-preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 750px; }
@media (max-width: 4096px) {
    .typgraphy-content-section .list-preview {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .typgraphy-content-section .list-preview {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .typgraphy-content-section .list-preview {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .typgraphy-content-section .list-preview {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .typgraphy-content-section .list-preview {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .typgraphy-content-section .list-preview {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .typgraphy-content-section .list-preview {
        padding-top: 30px; } }
.typgraphy-content-section .list-preview ul, .typgraphy-content-section .list-preview ol {
    margin-bottom: 0; }
@media (max-width: 767px) {
    .typgraphy-content-section .list-preview {
        -ms-flex-direction: column;
        flex-direction: column; } }
@media (max-width: 767px) and (max-width: 4096px) {
    .typgraphy-content-section .list-preview .list-wrap > ol {
        padding-bottom: 20px; } }
@media (max-width: 767px) and (max-width: 1600px) {
    .typgraphy-content-section .list-preview .list-wrap > ol {
        padding-bottom: 20px; } }
@media (max-width: 767px) and (max-width: 1440px) {
    .typgraphy-content-section .list-preview .list-wrap > ol {
        padding-bottom: 20px; } }
@media (max-width: 767px) and (max-width: 1199px) {
    .typgraphy-content-section .list-preview .list-wrap > ol {
        padding-bottom: 20px; } }
@media (max-width: 767px) and (max-width: 991px) {
    .typgraphy-content-section .list-preview .list-wrap > ol {
        padding-bottom: 15px; } }
@media (max-width: 767px) and (max-width: 767px) {
    .typgraphy-content-section .list-preview .list-wrap > ol {
        padding-bottom: 15px; } }
@media (max-width: 767px) and (max-width: 480px) {
    .typgraphy-content-section .list-preview .list-wrap > ol {
        padding-bottom: 15px; } }

/*===> End typgraphy content section <===*/
/*===> Begin latest block <===*/
@media (max-width: 4096px) {
    .latest-block {
        margin-bottom: 30px; } }

@media (max-width: 1600px) {
    .latest-block {
        margin-bottom: 30px; } }

@media (max-width: 1440px) {
    .latest-block {
        margin-bottom: 30px; } }

@media (max-width: 1199px) {
    .latest-block {
        margin-bottom: 30px; } }

@media (max-width: 991px) {
    .latest-block {
        margin-bottom: 25px; } }

@media (max-width: 767px) {
    .latest-block {
        margin-bottom: 25px; } }

@media (max-width: 480px) {
    .latest-block {
        margin-bottom: 20px; } }

.latest-list {
    margin-bottom: 0; }
.latest-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0; }
@media (max-width: 4096px) {
    .latest-list li {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    .latest-list li {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    .latest-list li {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    .latest-list li {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    .latest-list li {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    .latest-list li {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    .latest-list li {
        margin-bottom: 5px; } }
.latest-list li:last-child {
    margin-bottom: 0; }
.latest-list li::after {
    display: none; }
.latest-list li .latest-logo {
    width: 55px;
    min-width: 55px;
    height: 55px;
    margin-right: 10px;
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden; }
.latest-list li .latest-logo img {
    transition: all .3s; }
.latest-list li .latest-desc a {
    display: block;
    margin-bottom: 5px;
    font-weight: 500; }
.latest-list li .latest-desc time {
    display: block; }

/*===> End latest block <===*/
/*===> Begin sidebar <===*/
.sidebar {
    max-width: 300px; }
@media (max-width: 4096px) {
    .sidebar {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .sidebar {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .sidebar {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .sidebar {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .sidebar {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .sidebar {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .sidebar {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .sidebar {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .sidebar {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .sidebar {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .sidebar {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .sidebar {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .sidebar {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .sidebar {
        padding-bottom: 30px; } }
.sidebar h4, .sidebar .h4 {
    font-weight: 700; }
@media (max-width: 4096px) {
    .sidebar .sidebar-search {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .sidebar .sidebar-search {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .sidebar .sidebar-search {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .sidebar .sidebar-search {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .sidebar .sidebar-search {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .sidebar .sidebar-search {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .sidebar .sidebar-search {
        margin-bottom: 20px; } }

/*===> End sidebar <===*/
/*===> Begin categories list <===*/
@media (max-width: 4096px) {
    .categories-list {
        margin-bottom: 30px; } }

@media (max-width: 1600px) {
    .categories-list {
        margin-bottom: 30px; } }

@media (max-width: 1440px) {
    .categories-list {
        margin-bottom: 30px; } }

@media (max-width: 1199px) {
    .categories-list {
        margin-bottom: 30px; } }

@media (max-width: 991px) {
    .categories-list {
        margin-bottom: 25px; } }

@media (max-width: 767px) {
    .categories-list {
        margin-bottom: 25px; } }

@media (max-width: 480px) {
    .categories-list {
        margin-bottom: 20px; } }

.categories-list li {
    padding-left: 0; }
@media (max-width: 4096px) {
    .categories-list li {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    .categories-list li {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    .categories-list li {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    .categories-list li {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    .categories-list li {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    .categories-list li {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    .categories-list li {
        margin-bottom: 5px; } }
.categories-list li:last-child {
    margin-bottom: 0; }
.categories-list li::after {
    display: none; }
.categories-list li a {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    margin: 0;
    padding: 10px;
    color: #fff;
    overflow: hidden; }
.categories-list li a:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
.categories-list li a:hover h6, .categories-list li a:hover .h6 {
    text-decoration: underline; }
.categories-list li a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); }
.categories-list li a h6, .categories-list li a .h6 {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600; }
.categories-list li a .count-post {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff; }
.categories-list li img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    transition: all .2s;
    width: 100%; }

/*===> End categories list <===*/
/*===> Begin subscribe list <===*/
.subscribe-list {
    margin-bottom: 0; }
.subscribe-list li {
    padding-left: 0; }
@media (max-width: 4096px) {
    .subscribe-list li {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    .subscribe-list li {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    .subscribe-list li {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    .subscribe-list li {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    .subscribe-list li {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    .subscribe-list li {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    .subscribe-list li {
        margin-bottom: 5px; } }
.subscribe-list li:last-child {
    margin-bottom: 0; }
.subscribe-list li::after {
    display: none; }
.subscribe-list li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 8px 10px;
    color: #fff; }
.subscribe-list li a:hover {
    color: #fff;
    opacity: .90; }
.subscribe-list li a.facebook {
    background: #3b5998; }
.subscribe-list li a.dribbble {
    background: #ae4c89; }
.subscribe-list li a.twitter {
    background: #55acee; }
.subscribe-list li a i {
    font-size: 20px; }
.subscribe-list li a .subscribe-count {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 17px;
    letter-spacing: 0.7px; }

/*===> End subscribe list <===*/
/*===> Begin footer <===*/
footer {
    position: relative;
    overflow: hidden; }
@media (max-width: 4096px) {
    footer {
        padding-top: 80px; } }
@media (max-width: 1600px) {
    footer {
        padding-top: 80px; } }
@media (max-width: 1440px) {
    footer {
        padding-top: 80px; } }
@media (max-width: 1199px) {
    footer {
        padding-top: 80px; } }
@media (max-width: 991px) {
    footer {
        padding-top: 70px; } }
@media (max-width: 767px) {
    footer {
        padding-top: 70px; } }
@media (max-width: 480px) {
    footer {
        padding-top: 60px; } }
footer svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    min-height: 100%;
    width: 1920px;
    max-width: none;
    opacity: 1; }
footer svg .cls-1 {
    fill: #401e9d;
    opacity: 1; }
footer a, footer h4, footer .h4 {
    color: #fff; }
footer p {
    font-size: 16px;
    color: #fafafa; }
@media (max-width: 4096px) {
    footer h4, footer .h4 {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    footer h4, footer .h4 {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    footer h4, footer .h4 {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    footer h4, footer .h4 {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    footer h4, footer .h4 {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    footer h4, footer .h4 {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    footer h4, footer .h4 {
        margin-bottom: 20px; } }
footer a:hover {
    color: #fff;
    text-decoration: underline; }
@media (max-width: 4096px) {
    footer .container {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    footer .container {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    footer .container {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    footer .container {
        padding-top: 40px; } }
@media (max-width: 991px) {
    footer .container {
        padding-top: 35px; } }
@media (max-width: 767px) {
    footer .container {
        padding-top: 35px; } }
@media (max-width: 480px) {
    footer .container {
        padding-top: 30px; } }
footer .footer-bottom {
    background: #200738; }
@media (max-width: 4096px) {
    footer .footer-bottom {
        margin-top: 40px; } }
@media (max-width: 1600px) {
    footer .footer-bottom {
        margin-top: 40px; } }
@media (max-width: 1440px) {
    footer .footer-bottom {
        margin-top: 40px; } }
@media (max-width: 1199px) {
    footer .footer-bottom {
        margin-top: 40px; } }
@media (max-width: 991px) {
    footer .footer-bottom {
        margin-top: 35px; } }
@media (max-width: 767px) {
    footer .footer-bottom {
        margin-top: 35px; } }
@media (max-width: 480px) {
    footer .footer-bottom {
        margin-top: 30px; } }
footer .footer-bottom .container {
    padding-top: 0; }
footer .footer-bottom p {
    margin-bottom: 0;
    padding: 15px 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px; }
footer .footer-bottom p a {
    font-weight: 500; }
footer .footer-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
@media (max-width: 4096px) {
    footer .footer-block {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    footer .footer-block {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    footer .footer-block {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    footer .footer-block {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    footer .footer-block {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    footer .footer-block {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    footer .footer-block {
        padding-bottom: 30px; } }
footer .footer-block p:last-child {
    margin-bottom: 0; }
footer .footer-block .soc-list li {
    margin-right: 20px; }
footer .footer-block .latest-list li .latest-desc time {
    font-size: 16px; }
footer .footer-block .latest-list li .latest-desc a {
    font-weight: 600; }
footer .footer-info p {
    margin-bottom: 0;
    line-height: 24px;
    letter-spacing: 1px; }
footer .footer-info a {
    display: block;
    line-height: 1em; }
@media (max-width: 4096px) {
    footer .footer-info a {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    footer .footer-info a {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    footer .footer-info a {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    footer .footer-info a {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    footer .footer-info a {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    footer .footer-info a {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    footer .footer-info a {
        margin-bottom: 20px; } }
footer .footer-info a img {
    height: 22px; }
footer .footer-contact a {
    margin-bottom: 5px;
    font-weight: 600;
    letter-spacing: 1px; }
footer .footer-contact a:last-child {
    margin-bottom: 0; }
footer .latest-list li {
    margin-bottom: 15px; }
footer .latest-list li .latest-desc a {
    color: #fff; }
footer .latest-list li .latest-desc time {
    color: #fff; }
@media (max-width: 1440px) {
    footer svg {
        left: -100px; } }
@media (max-width: 1199px) {
    footer .footer-block .soc-list li {
        margin-right: 15px; } }
@media (max-width: 991px) {
    footer {
        background: #401e9d; } }
@media (max-width: 991px) and (max-width: 4096px) {
    footer {
        padding-top: 40px; } }
@media (max-width: 991px) and (max-width: 1600px) {
    footer {
        padding-top: 40px; } }
@media (max-width: 991px) and (max-width: 1440px) {
    footer {
        padding-top: 40px; } }
@media (max-width: 991px) and (max-width: 1199px) {
    footer {
        padding-top: 40px; } }
@media (max-width: 991px) and (max-width: 991px) {
    footer {
        padding-top: 35px; } }
@media (max-width: 991px) and (max-width: 767px) {
    footer {
        padding-top: 35px; } }
@media (max-width: 991px) and (max-width: 480px) {
    footer {
        padding-top: 30px; } }
@media (max-width: 991px) {
    footer svg {
        display: none; } }

/*===> End footer <===*/
/*===> Begin soc list <===*/
.soc-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center; }
@media (max-width: 4096px) {
    .soc-list {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    .soc-list {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    .soc-list {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    .soc-list {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    .soc-list {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    .soc-list {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    .soc-list {
        margin-bottom: 5px; } }
.soc-list.dark li a {
    color: #262626; }
.soc-list li {
    margin-right: 15px;
    margin-bottom: 0;
    padding-left: 0; }
.soc-list li::after {
    display: none; }
.soc-list li:last-child {
    margin-right: 0; }
.soc-list li a {
    margin-bottom: 0;
    font-size: 20px;
    color: #fff; }
.soc-list li a:hover {
    color: #861dec; }

/*===> End soc list <===*/
/*===> Begin user introduction <===*/
.user-introduction {
    height: 1000px;
    position: relative;
    overflow: hidden; }
@media (max-width: 4096px) {
    .user-introduction {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .user-introduction {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .user-introduction {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .user-introduction {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .user-introduction {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .user-introduction {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .user-introduction {
        margin-bottom: 30px; } }
.user-introduction .user-logo-wrap {
    position: absolute;
    bottom: -130px;
    left: 60%;
    width: 3000px;
    height: 2000px;
    padding: 40px;
    border-radius: 0 0 0 600px;
    overflow: hidden;
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    background: rgba(134, 29, 236, 0.8); }
.user-introduction .user-logo-wrap .user-logo {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 40px;
    left: 40px;
    overflow: hidden;
    border-radius: 0 0 0 600px;
    background: #861dec; }
.user-introduction .user-logo-wrap img {
    position: absolute;
    bottom: -50px;
    left: 180px;
    z-index: 40;
    height: 920px;
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
.user-introduction .user-logo-wrap .rhomb-wrap {
    position: absolute;
    bottom: 0px;
    left: 180px;
    z-index: 20;
    height: 100%;
    width: 50%;
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
.user-introduction .user-info {
    position: absolute;
    z-index: 60;
    left: 10%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.user-introduction .user-info h1, .user-introduction .user-info .h1 {
    text-align: center; }
@media (max-width: 4096px) {
    .user-introduction .user-info h1, .user-introduction .user-info .h1 {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .user-introduction .user-info h1, .user-introduction .user-info .h1 {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .user-introduction .user-info h1, .user-introduction .user-info .h1 {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .user-introduction .user-info h1, .user-introduction .user-info .h1 {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .user-introduction .user-info h1, .user-introduction .user-info .h1 {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .user-introduction .user-info h1, .user-introduction .user-info .h1 {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .user-introduction .user-info h1, .user-introduction .user-info .h1 {
        margin-bottom: 20px; } }
.user-introduction .user-info h3, .user-introduction .user-info .h3 {
    font-weight: 400;
    text-align: center; }
@media (max-width: 4096px) {
    .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        margin-bottom: 30px; } }
.user-introduction .user-info .user-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -15px; }
.user-introduction .user-info .user-links .button {
    display: block;
    width: 100%;
    margin: 0 15px; }
@media (max-width: 1600px) {
    .user-introduction .user-info {
        left: 5%; } }
@media (max-width: 1440px) {
    .user-introduction {
        height: 800px; }
    .user-introduction .user-logo-wrap {
        left: 70%; }
    .user-introduction .user-logo-wrap img {
        bottom: -20px;
        left: 100px;
        height: 720px; }
    .user-introduction .user-info {
        left: 5%; } }
@media (max-width: 1199px) {
    .user-introduction .user-info {
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        max-width: 940px; }
    .user-introduction .user-info h1, .user-introduction .user-info .h1, .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        text-align: left; }
    .user-introduction .user-info .user-links {
        max-width: 500px; } }
@media (max-width: 991px) {
    .user-introduction {
        height: auto;
        padding-top: 420px; }
    .user-introduction .user-logo-wrap {
        width: 120%;
        height: 420px;
        top: 0;
        left: -10%;
        bottom: auto;
        border-radius: 51% 50% 50% 50% / 0% 0% 28% 28%;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
    .user-introduction .user-logo-wrap .user-logo {
        left: 0;
        bottom: 15px;
        border-radius: 51% 50% 50% 50% / 0% 0% 28% 28%; }
    .user-introduction .user-logo-wrap img {
        height: 500px;
        left: 50%;
        bottom: -175px;
		    zoom: 131%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
    .user-introduction .user-info {
        position: static;
        width: 100%;
        max-width: none;
        padding: 0 15px;
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%); } }
@media (max-width: 991px) and (max-width: 4096px) {
    .user-introduction .user-info {
        margin-top: 40px; } }
@media (max-width: 991px) and (max-width: 1600px) {
    .user-introduction .user-info {
        margin-top: 40px; } }
@media (max-width: 991px) and (max-width: 1440px) {
    .user-introduction .user-info {
        margin-top: 40px; } }
@media (max-width: 991px) and (max-width: 1199px) {
    .user-introduction .user-info {
        margin-top: 40px; } }
@media (max-width: 991px) and (max-width: 991px) {
    .user-introduction .user-info {
        margin-top: 35px; } }
@media (max-width: 991px) and (max-width: 767px) {
    .user-introduction .user-info {
        margin-top: 35px; } }
@media (max-width: 991px) and (max-width: 480px) {
    .user-introduction .user-info {
        margin-top: 30px; } }
@media (max-width: 991px) and (max-width: 4096px) {
    .user-introduction .user-info {
        padding-top: 40px; } }
@media (max-width: 991px) and (max-width: 1600px) {
    .user-introduction .user-info {
        padding-top: 40px; } }
@media (max-width: 991px) and (max-width: 1440px) {
    .user-introduction .user-info {
        padding-top: 40px; } }
@media (max-width: 991px) and (max-width: 1199px) {
    .user-introduction .user-info {
        padding-top: 40px; } }
@media (max-width: 991px) and (max-width: 991px) {
    .user-introduction .user-info {
        padding-top: 35px; } }
@media (max-width: 991px) and (max-width: 767px) {
    .user-introduction .user-info {
        padding-top: 35px; } }
@media (max-width: 991px) and (max-width: 480px) {
    .user-introduction .user-info {
        padding-top: 30px; } }
@media (max-width: 991px) {
    .user-introduction .user-info h1, .user-introduction .user-info .h1, .user-introduction .user-info h3, .user-introduction .user-info .h3 {
        text-align: center; }
    .user-introduction .user-info .user-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -5px;
        max-width: none; }
    .user-introduction .user-info .user-links .button {
        display: block;
        width: 100%;
        margin: 0 5px; } }
@media (max-width: 480px) {
    .user-introduction .user-info .user-links {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center; }
    .user-introduction .user-info .user-links .button {
        max-width: 300px;
        margin-bottom: 15px; }
    .user-introduction .user-info .user-links .button:last-child {
        margin-bottom: 0; } }

/*===> End user introduction <===*/
/*===> Begin about section <===*/
.about-section {
    background: url(../img/elements.png) no-repeat center #fff; }
@media (max-width: 4096px) {
    .about-section {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .about-section {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .about-section {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .about-section {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .about-section {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .about-section {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .about-section {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .about-section {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .about-section {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .about-section {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .about-section {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .about-section {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .about-section {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .about-section {
        padding-bottom: 30px; } }
.about-section.show-scroll .about-logo svg {
    opacity: 1;
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
.about-section.show-scroll .about-logo .img-wrap {
    opacity: 1;
    -ms-transform: translate(17%, 16%) rotate(45deg);
    transform: translate(17%, 16%) rotate(45deg); }
.about-section.on-scroll .about-logo svg {
    opacity: 0;
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
.about-section.on-scroll .about-logo .img-wrap {
    opacity: 0;
    -ms-transform: translate(17%, 28%) rotate(45deg);
    transform: translate(17%, 28%) rotate(45deg); }
@media (max-width: 4096px) {
    .about-section > .container {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .about-section > .container {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .about-section > .container {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .about-section > .container {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .about-section > .container {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .about-section > .container {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .about-section > .container {
        padding-bottom: 30px; } }
.about-section .flex-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center; }
.about-section .about-logo {
    position: relative;
    width: 100%;
    height: 545px;
    border-radius: 50px; }
@media (max-width: 4096px) {
    .about-section .about-logo {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .about-section .about-logo {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .about-section .about-logo {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .about-section .about-logo {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .about-section .about-logo {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .about-section .about-logo {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .about-section .about-logo {
        margin-bottom: 30px; } }
.about-section .about-logo svg {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    transition: all .5s;
    transition-delay: .4s;
    opacity: 1;
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
.about-section .about-logo .img-wrap {
    position: absolute;
    top: -0px;
    left: -0px;
    width: 100%;
    max-width: 415px;
    height: 415px;
    z-index: 10;
    overflow: hidden;
    border-radius: 50px;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
    background: #fff;
    opacity: 1;
    -ms-transform: translate(17%, 16%) rotate(45deg);
    transform: translate(17%, 16%) rotate(45deg); }
.about-section .about-logo .img-wrap .soc-list {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 10;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 225px;
    margin-bottom: 0;
    padding: 7px 30px;
    border-radius: 7px;
    background-image: linear-gradient(65deg, #401e9d 0%, #861dec 100%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
.about-section .about-logo .img-wrap .soc-list li {
    margin-right: 0; }
.about-section .about-logo .img-wrap .soc-list li a {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.about-section .about-logo .img-wrap .soc-list li a:hover {
    color: #fff; }
.about-section .about-logo .img-wrap .soc-list li a:hover > i {
    opacity: .75; }
.about-section .about-logo img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    -ms-transform: translate(-47%, -12%) rotate(-45deg);
    transform: translate(-47%, -12%) rotate(-45deg); }
@media (max-width: 4096px) {
    .about-section .about-desc {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .about-section .about-desc {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .about-section .about-desc {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .about-section .about-desc {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .about-section .about-desc {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .about-section .about-desc {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .about-section .about-desc {
        padding-bottom: 30px; } }
@media (max-width: 4096px) {
    .about-section .about-desc h2, .about-section .about-desc .h2 {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .about-section .about-desc h2, .about-section .about-desc .h2 {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .about-section .about-desc h2, .about-section .about-desc .h2 {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .about-section .about-desc h2, .about-section .about-desc .h2 {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .about-section .about-desc h2, .about-section .about-desc .h2 {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .about-section .about-desc h2, .about-section .about-desc .h2 {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .about-section .about-desc h2, .about-section .about-desc .h2 {
        margin-bottom: 20px; } }
@media (max-width: 4096px) {
    .about-section .about-desc p {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .about-section .about-desc p {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .about-section .about-desc p {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .about-section .about-desc p {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .about-section .about-desc p {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .about-section .about-desc p {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .about-section .about-desc p {
        margin-bottom: 20px; } }
.about-section .about-desc .about-buttons {
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px; }
.about-section .about-desc .about-buttons.show-scroll .button {
    opacity: 1; }
.about-section .about-desc .about-buttons.show-scroll .button:nth-child(1) {
    -ms-transform: translateX(0);
    transform: translateX(0); }
.about-section .about-desc .about-buttons.show-scroll .button:nth-child(2) {
    -ms-transform: translateX(0);
    transform: translateX(0); }
.about-section .about-desc .about-buttons.on-scroll .button {
    opacity: 0;
    transition: all .5s; }
.about-section .about-desc .about-buttons.on-scroll .button:nth-child(1) {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px); }
.about-section .about-desc .about-buttons.on-scroll .button:nth-child(2) {
    -ms-transform: translateX(15px);
    transform: translateX(15px); }
.about-section .about-desc .about-buttons .button {
    width: 50%;
    margin-left: 15px;
    margin-right: 15px; }
.about-section .about-desc .about-info-list p {
    margin-bottom: 0;
    letter-spacing: 1px; }
.about-section .about-desc .about-info-list a {
    letter-spacing: 1px; }
.about-section .progress-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }
@media (max-width: 4096px) {
    .about-section .progress-list {
        margin-bottom: -20px; } }
@media (max-width: 1600px) {
    .about-section .progress-list {
        margin-bottom: -20px; } }
@media (max-width: 1440px) {
    .about-section .progress-list {
        margin-bottom: -20px; } }
@media (max-width: 1199px) {
    .about-section .progress-list {
        margin-bottom: -20px; } }
@media (max-width: 991px) {
    .about-section .progress-list {
        margin-bottom: -15px; } }
@media (max-width: 767px) {
    .about-section .progress-list {
        margin-bottom: -15px; } }
@media (max-width: 480px) {
    .about-section .progress-list {
        margin-bottom: -15px; } }
.about-section .progress-list .progress-wrap {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 0; }
@media (max-width: 4096px) {
    .about-section .progress-list .progress-wrap {
        padding-bottom: 20px; } }
@media (max-width: 1600px) {
    .about-section .progress-list .progress-wrap {
        padding-bottom: 20px; } }
@media (max-width: 1440px) {
    .about-section .progress-list .progress-wrap {
        padding-bottom: 20px; } }
@media (max-width: 1199px) {
    .about-section .progress-list .progress-wrap {
        padding-bottom: 20px; } }
@media (max-width: 991px) {
    .about-section .progress-list .progress-wrap {
        padding-bottom: 15px; } }
@media (max-width: 767px) {
    .about-section .progress-list .progress-wrap {
        padding-bottom: 15px; } }
@media (max-width: 480px) {
    .about-section .progress-list .progress-wrap {
        padding-bottom: 15px; } }
.about-section .progress-list .progress-wrap:nth-child(1) {
    -ms-flex-order: 0;
    order: 0; }
.about-section .progress-list .progress-wrap:nth-child(2) {
    -ms-flex-order: 1;
    order: 1; }
.about-section .progress-list .progress-wrap:nth-child(3) {
    -ms-flex-order: 3;
    order: 3; }
.about-section .progress-list .progress-wrap:nth-child(4) {
    -ms-flex-order: 2;
    order: 2; }
@media (max-width: 1199px) {
    .about-section .about-logo {
        max-width: 530px;
        height: 525px;
        margin-left: auto;
        margin-right: auto; }
    .about-section .about-logo .img-wrap {
        max-width: 400px;
        height: 400px;
        -ms-transform: translate(16.1%, 16%) rotate(45deg);
        transform: translate(16.1%, 16%) rotate(45deg); }
    .about-section .about-logo img {
        -ms-transform: translate(-45%, -14%) rotate(-45deg);
        transform: translate(-45%, -14%) rotate(-45deg); } }
@media (max-width: 991px) {
    .about-section {
        background-image: none; }
    .about-section .about-logo img {
        -ms-transform: translate(-45%, -14%) rotate(-45deg);
        transform: translate(-45%, -14%) rotate(-45deg); } }
@media (max-width: 767px) {
    .about-section .flex-row {
        display: block; }
    .about-section .progress-list {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-right: 0;
        margin-left: 0; }
    .about-section .progress-list .progress-wrap {
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
    .about-section .progress-list .progress-wrap:nth-child(1) {
        -ms-flex-order: 0;
        order: 0; }
    .about-section .progress-list .progress-wrap:nth-child(2) {
        -ms-flex-order: 1;
        order: 1; }
    .about-section .progress-list .progress-wrap:nth-child(3) {
        -ms-flex-order: 2;
        order: 2; }
    .about-section .progress-list .progress-wrap:nth-child(4) {
        -ms-flex-order: 3;
        order: 3; }
    .about-section .about-logo {
        height: 445px;
        max-width: 450px; }
    .about-section .about-logo .img-wrap {
        max-width: 340px;
        height: 340px;
        -ms-transform: translate(16%, 16%) rotate(45deg);
        transform: translate(16%, 16%) rotate(45deg); }
    .about-section .about-logo .img-wrap img {
        -ms-transform: translate(-41%, -12%) rotate(-45deg);
        transform: translate(-41%, -12%) rotate(-45deg); } }
@media (max-width: 480px) {
    .about-section .about-logo {
        height: 280px;
        max-width: 290px; }
    .about-section .about-logo .img-wrap {
        max-width: 220px;
        height: 220px;
        -ms-transform: translate(15%, 16%) rotate(45deg);
        transform: translate(15%, 16%) rotate(45deg); }
    .about-section .about-logo .img-wrap .soc-list {
        width: 160px;
        margin-bottom: 0;
        padding: 5px 10px;
        border-radius: 5px; }
    .about-section .about-logo .img-wrap img {
        zoom: 100%!important;

        left: 45%!important;
        height: 340px; }
    .about-section .about-logo svg {
        display: none; }
    .about-section .about-desc .about-buttons {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0; }
    .about-section .about-desc .about-buttons .button {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px; }
    .about-section .about-desc .about-buttons .button:last-child {
        margin-bottom: 0; } }

@media (max-width: 4096px) {
    .about .about-section .container {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .about .about-section .container {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .about .about-section .container {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .about .about-section .container {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .about .about-section .container {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .about .about-section .container {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .about .about-section .container {
        padding-top: 30px; } }

/*===> End about section <===*/
/*===> Begin about info list <===*/
.about-info-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-bottom: 0;
    margin-left: -15px; }
@media (max-width: 4096px) {
    .about-info-list {
        padding-bottom: 30px; } }
@media (max-width: 1600px) {
    .about-info-list {
        padding-bottom: 30px; } }
@media (max-width: 1440px) {
    .about-info-list {
        padding-bottom: 30px; } }
@media (max-width: 1199px) {
    .about-info-list {
        padding-bottom: 30px; } }
@media (max-width: 991px) {
    .about-info-list {
        padding-bottom: 25px; } }
@media (max-width: 767px) {
    .about-info-list {
        padding-bottom: 25px; } }
@media (max-width: 480px) {
    .about-info-list {
        padding-bottom: 20px; } }
.about-info-list li {
    width: 33.33%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px; }
.about-info-list li::before {
    content: '';
    position: absolute;
    top: -5%;
    right: 0;
    width: 1px;
    height: 110%;
    background: #dddddd; }
.about-info-list li::after {
    content: '';
    position: absolute;
    top: auto;
    bottom: -10px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #dddddd; }
.about-info-list li:nth-child(1)::after, .about-info-list li:nth-child(4)::after {
    left: 15px; }
.about-info-list li:nth-child(n+4) {
    margin-bottom: 0; }
.about-info-list li:nth-child(n+4)::after {
    display: none; }
.about-info-list li:nth-child(n+4) p, .about-info-list li:nth-child(n+4) a {
    margin-bottom: 0; }
.about-info-list li:nth-child(3n)::before {
    display: none; }
.about-info-list li h6, .about-info-list li .h6 {
    margin-bottom: 5px;
    font-weight: 600; }
.about-info-list li p, .about-info-list li a {
    margin-bottom: 0; }
@media (max-width: 480px) {
    .about-info-list {
        margin-left: 0; }
    .about-info-list li {
        width: 50%; }
    .about-info-list li:nth-child(3n)::before {
        display: block; }
    .about-info-list li:nth-child(2n)::before {
        display: none; }
    .about-info-list li:nth-child(odd) {
        padding-left: 0; }
    .about-info-list li:nth-child(1)::after, .about-info-list li:nth-child(3)::after {
        left: 15px; }
    .about-info-list li:nth-child(4)::after {
        left: 0; }
    .about-info-list li:nth-child(n+4) {
        margin-bottom: 10px; }
    .about-info-list li:nth-child(n+4)::after {
        display: block; }
    .about-info-list li:nth-child(n+4) p, .about-info-list li:nth-child(n+4) a {
        margin-bottom: 0; }
    .about-info-list li:nth-child(n+5) {
        margin-bottom: 0; }
    .about-info-list li:nth-child(n+5)::after {
        display: none; }
    .about-info-list li:nth-child(n+5) p, .about-info-list li:nth-child(n+5) a {
        margin-bottom: 0; } }

/*===> End about info list <===*/
/*===> Begin progress list <===*/
@media (max-width: 4096px) {
    .progress-list {
        margin-bottom: 40px; } }

@media (max-width: 1600px) {
    .progress-list {
        margin-bottom: 40px; } }

@media (max-width: 1440px) {
    .progress-list {
        margin-bottom: 40px; } }

@media (max-width: 1199px) {
    .progress-list {
        margin-bottom: 40px; } }

@media (max-width: 991px) {
    .progress-list {
        margin-bottom: 35px; } }

@media (max-width: 767px) {
    .progress-list {
        margin-bottom: 35px; } }

@media (max-width: 480px) {
    .progress-list {
        margin-bottom: 30px; } }

.progress-list.on-scroll {
    opacity: 0;
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    transition: all .3s; }
.progress-list.on-scroll.show-scroll {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0); }

.progress-list li {
    padding-left: 0; }
.progress-list li::after {
    display: none; }

@media (max-width: 4096px) {
    .progress-list .progress-wrap {
        margin-bottom: 20px; } }

@media (max-width: 1600px) {
    .progress-list .progress-wrap {
        margin-bottom: 20px; } }

@media (max-width: 1440px) {
    .progress-list .progress-wrap {
        margin-bottom: 20px; } }

@media (max-width: 1199px) {
    .progress-list .progress-wrap {
        margin-bottom: 20px; } }

@media (max-width: 991px) {
    .progress-list .progress-wrap {
        margin-bottom: 15px; } }

@media (max-width: 767px) {
    .progress-list .progress-wrap {
        margin-bottom: 15px; } }

@media (max-width: 480px) {
    .progress-list .progress-wrap {
        margin-bottom: 15px; } }

.progress-list .progress-wrap:nth-child(odd) .progress-block .progress-line {
    background: #401e9d; }

.progress-list .progress-wrap:nth-child(even) .progress-block .progress-line {
    background: #861dec; }

.progress-list .progress-wrap:last-child {
    margin-bottom: 0; }

.progress-list .progress-wrap h5, .progress-list .progress-wrap .h5 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
    font-weight: 500; }
.progress-list .progress-wrap h5 span, .progress-list .progress-wrap .h5 span {
    padding-left: 15px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px; }

.progress-list .progress-wrap .progress-block {
    position: relative;
    height: 6px;
    background: #e8e8e8; }
.progress-list .progress-wrap .progress-block .progress-line {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    max-width: 110%;
    transition: all 1.5s;
    transition-timing-function: cubic-bezier(0, 0, 0.345, 1.12); }

/*===> End progress list <===*/
/*===> Begin services card <===*/
.services-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    transition: all .4s; }
.services-card:hover .services-card-ico-wrap::after {
    -ms-transform: rotate(135deg) translate(0, 0);
    transform: rotate(135deg) translate(0, 0); }
.services-card .services-card-ico-wrap {
    position: relative;
    z-index: 2;
    height: 116px;
    margin-bottom: -65px;
    opacity: 1;
    transition: all .4s; }
.services-card .services-card-ico-wrap::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 96px;
    height: 96px;
    margin-left: -48px;
    background: #861dec;
    border-radius: 20px;
    opacity: .5;
    -ms-transform: rotate(60deg) translate(0, 0);
    transform: rotate(60deg) translate(0, 0);
    -ms-transform-origin: center;
    transform-origin: center;
    transition: all .4s; }
.services-card .services-card-ico {
    position: relative;
    z-index: 10;
    width: 96px;
    height: 96px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    -ms-transform: rotate(45deg) translate(0, 0);
    transform: rotate(45deg) translate(0, 0);
    /* Old browsers */
    background: #401e9d;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #401e9d 0%, #861dec 100%); }
.services-card .services-card-ico img {
    height: 50px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.services-card .services-card-desc {
    padding-top: 58px;
    padding-left: 27px;
    padding-right: 27px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
    text-align: center; }
@media (max-width: 4096px) {
    .services-card .services-card-desc {
        padding-bottom: 20px; } }
@media (max-width: 1600px) {
    .services-card .services-card-desc {
        padding-bottom: 20px; } }
@media (max-width: 1440px) {
    .services-card .services-card-desc {
        padding-bottom: 20px; } }
@media (max-width: 1199px) {
    .services-card .services-card-desc {
        padding-bottom: 20px; } }
@media (max-width: 991px) {
    .services-card .services-card-desc {
        padding-bottom: 15px; } }
@media (max-width: 767px) {
    .services-card .services-card-desc {
        padding-bottom: 15px; } }
@media (max-width: 480px) {
    .services-card .services-card-desc {
        padding-bottom: 15px; } }
.services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
    letter-spacing: 0.3px; }
@media (max-width: 4096px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        padding-top: 20px; } }
@media (max-width: 1600px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        padding-top: 20px; } }
@media (max-width: 1440px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        padding-top: 20px; } }
@media (max-width: 1199px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        padding-top: 20px; } }
@media (max-width: 991px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        padding-top: 15px; } }
@media (max-width: 767px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        padding-top: 15px; } }
@media (max-width: 480px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        padding-top: 15px; } }
@media (max-width: 4096px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        margin-bottom: 15px; } }
@media (max-width: 1600px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        margin-bottom: 15px; } }
@media (max-width: 1440px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        margin-bottom: 15px; } }
@media (max-width: 1199px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        margin-bottom: 15px; } }
@media (max-width: 991px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        margin-bottom: 10px; } }
@media (max-width: 767px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        margin-bottom: 10px; } }
@media (max-width: 480px) {
    .services-card .services-card-desc h4, .services-card .services-card-desc .h4 {
        margin-bottom: 10px; } }
.services-card .services-card-desc p {
    margin-bottom: 0;
    font-size: 17px;
    letter-spacing: 1px; }
@media (max-width: 4096px) {
    .services-card .services-card-desc .more-link {
        margin-top: 20px; } }
@media (max-width: 1600px) {
    .services-card .services-card-desc .more-link {
        margin-top: 20px; } }
@media (max-width: 1440px) {
    .services-card .services-card-desc .more-link {
        margin-top: 20px; } }
@media (max-width: 1199px) {
    .services-card .services-card-desc .more-link {
        margin-top: 20px; } }
@media (max-width: 991px) {
    .services-card .services-card-desc .more-link {
        margin-top: 15px; } }
@media (max-width: 767px) {
    .services-card .services-card-desc .more-link {
        margin-top: 15px; } }
@media (max-width: 480px) {
    .services-card .services-card-desc .more-link {
        margin-top: 15px; } }

.slider-card .services-card {
    padding-top: 15px; }

.on-scroll .services-card {
    opacity: 0;
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

.show-scroll .services-card {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0); }

@keyframes flip {
    0% {
        transform: rotate(45deg) translate(0, 0); }
    100% {
        transform: rotate(405deg) translate(0, 0); } }

/*===> End services card <===*/
/*===> Begin services slider <===*/
.services-slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }
.services-slider .slider-card {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
    margin-bottom: 30px; }
.services-slider .slider-card:nth-child(n+4) {
    margin-bottom: 0; }

@media (max-width: 1199px) and (max-width: 4096px) {
    .services-slider .slider-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) and (max-width: 1600px) {
    .services-slider .slider-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) and (max-width: 1440px) {
    .services-slider .slider-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) and (max-width: 1199px) {
    .services-slider .slider-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) and (max-width: 991px) {
    .services-slider .slider-card {
        margin-bottom: 35px; } }

@media (max-width: 1199px) and (max-width: 767px) {
    .services-slider .slider-card {
        margin-bottom: 35px; } }

@media (max-width: 1199px) and (max-width: 480px) {
    .services-slider .slider-card {
        margin-bottom: 30px; } }

/*===> End services slider <===*/
/*===> Begin services section <===*/
.services-section {
    background: #fafafa; }
@media (max-width: 4096px) {
    .services-section {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .services-section {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .services-section {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .services-section {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .services-section {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .services-section {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .services-section {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .services-section {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .services-section {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .services-section {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .services-section {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .services-section {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .services-section {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .services-section {
        padding-bottom: 30px; } }
.services-section.white-mode {
    background: #fff; }
@media (max-width: 4096px) {
    .services-section.white-mode .services-slider {
        margin-bottom: -30px; } }
@media (max-width: 1600px) {
    .services-section.white-mode .services-slider {
        margin-bottom: -30px; } }
@media (max-width: 1440px) {
    .services-section.white-mode .services-slider {
        margin-bottom: -30px; } }
@media (max-width: 1199px) {
    .services-section.white-mode .services-slider {
        margin-bottom: -30px; } }
@media (max-width: 991px) {
    .services-section.white-mode .services-slider {
        margin-bottom: -25px; } }
@media (max-width: 767px) {
    .services-section.white-mode .services-slider {
        margin-bottom: -25px; } }
@media (max-width: 480px) {
    .services-section.white-mode .services-slider {
        margin-bottom: -20px; } }
@media (max-width: 4096px) {
    .services-section.white-mode .services-slider {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .services-section.white-mode .services-slider {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .services-section.white-mode .services-slider {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .services-section.white-mode .services-slider {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .services-section.white-mode .services-slider {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .services-section.white-mode .services-slider {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .services-section.white-mode .services-slider {
        padding-bottom: 30px; } }
@media (max-width: 4096px) {
    .services-section.white-mode .services-card {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .services-section.white-mode .services-card {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .services-section.white-mode .services-card {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .services-section.white-mode .services-card {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .services-section.white-mode .services-card {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .services-section.white-mode .services-card {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .services-section.white-mode .services-card {
        margin-bottom: 20px; } }
.services-section.white-mode .services-card .services-card-desc {
    padding-bottom: 0;
    border-radius: 0;
    box-shadow: none; }
@media (max-width: 4096px) {
    .services-section .container {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .services-section .container {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .services-section .container {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .services-section .container {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .services-section .container {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .services-section .container {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .services-section .container {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .services-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .services-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .services-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .services-section .container {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .services-section .container {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .services-section .container {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .services-section .container {
        padding-bottom: 30px; } }
.services-section .button {
    display: block;
    max-width: 265px;
    margin-left: auto;
    margin-right: auto; }
@media (max-width: 4096px) {
    .services-section .button {
        margin-top: 40px; } }
@media (max-width: 1600px) {
    .services-section .button {
        margin-top: 40px; } }
@media (max-width: 1440px) {
    .services-section .button {
        margin-top: 40px; } }
@media (max-width: 1199px) {
    .services-section .button {
        margin-top: 40px; } }
@media (max-width: 991px) {
    .services-section .button {
        margin-top: 35px; } }
@media (max-width: 767px) {
    .services-section .button {
        margin-top: 35px; } }
@media (max-width: 480px) {
    .services-section .button {
        margin-top: 30px; } }
.services-section .slick-dots {
    margin-top: 0; }

/*===> End services section <===*/
/*===> Begin tab wrap <===*/
.tab-wrap.on-scroll .tab-head-wrap .card {
    opacity: 0;
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    transition: all .6s;
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.14, 1.59); }

.tab-wrap.on-scroll .tab-content-wrap {
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    transition: all .3s;
    transition-delay: 1s;
    opacity: 0; }

.tab-wrap.on-scroll.show-scroll .tab-content-wrap {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

.tab-wrap.on-scroll.show-scroll .tab-head-wrap::after {
    width: 96%; }

.tab-wrap.on-scroll.show-scroll .tab-head-wrap .card {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0); }

.tab-wrap .tab-head-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto; }
@media (max-width: 4096px) {
    .tab-wrap .tab-head-wrap {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .tab-wrap .tab-head-wrap {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .tab-wrap .tab-head-wrap {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .tab-wrap .tab-head-wrap {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .tab-wrap .tab-head-wrap {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .tab-wrap .tab-head-wrap {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .tab-wrap .tab-head-wrap {
        margin-bottom: 20px; } }
.tab-wrap .tab-head-wrap::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #c6c6c6 0%, #c6c6c6 49%, rgba(198, 198, 198, 0) 50%, rgba(198, 198, 198, 0) 100%);
    background-position: top;
    background-size: 14px 1px;
    background-repeat: repeat-x;
    transition: all 1s;
    transition-delay: 1s; }
.tab-wrap .tab-head-wrap .card {
    position: relative;
    z-index: 10; }
.tab-wrap .tab-head-wrap .tab-head {
    position: relative;
    z-index: 10;
    width: 85px;
    height: 85px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #fafafa;
    cursor: pointer;
    transition: all .2s; }
.tab-wrap .tab-head-wrap .tab-head:hover {
    /* Old browsers */
    background: #401e9d;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #401e9d 0%, #861dec 100%); }
.tab-wrap .tab-head-wrap .tab-head:hover img {
    filter: brightness(3); }
.tab-wrap .tab-head-wrap .tab-head.active {
    box-shadow: 0px 4px 40px rgba(134, 29, 236, 0.58);
    /* Old browsers */
    background: #401e9d;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #401e9d 0%, #861dec 100%); }
.tab-wrap .tab-head-wrap .tab-head.active img {
    filter: brightness(3); }
.tab-wrap .tab-head-wrap .tab-head img {
    height: 45px; }

.tab-wrap .tab-content-wrap {
    position: relative; }

.tab-wrap .tab-content {
    position: relative;
    top: 0;
    left: 0; }
.tab-wrap .tab-content.disable-tab {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden; }
.tab-wrap .tab-content.disable-tab h3, .tab-wrap .tab-content.disable-tab .h3 {
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; }
.tab-wrap .tab-content.disable-tab .tab-card {
    opacity: 0;
    -ms-transform: translateX(-50px) scale(0.9);
    transform: translateX(-50px) scale(0.9); }
.tab-wrap .tab-content h3, .tab-wrap .tab-content .h3 {
    font-weight: 500;
    text-align: center;
    opacity: 1;
    transition: all .6s; }
.tab-wrap .tab-content .tab-card-list {
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px; }
.tab-wrap .tab-content .tab-card {
    position: relative;
    width: 33.33%;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 40px;
    padding-right: 30px;
    background: #fafafa;
    border: 1px solid #dddddd;
    border-left: none;
    transition: all .6s;
    -ms-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1); }
@media (max-width: 4096px) {
    .tab-wrap .tab-content .tab-card {
        padding-top: 20px; } }
@media (max-width: 1600px) {
    .tab-wrap .tab-content .tab-card {
        padding-top: 20px; } }
@media (max-width: 1440px) {
    .tab-wrap .tab-content .tab-card {
        padding-top: 20px; } }
@media (max-width: 1199px) {
    .tab-wrap .tab-content .tab-card {
        padding-top: 20px; } }
@media (max-width: 991px) {
    .tab-wrap .tab-content .tab-card {
        padding-top: 15px; } }
@media (max-width: 767px) {
    .tab-wrap .tab-content .tab-card {
        padding-top: 15px; } }
@media (max-width: 480px) {
    .tab-wrap .tab-content .tab-card {
        padding-top: 15px; } }
@media (max-width: 4096px) {
    .tab-wrap .tab-content .tab-card {
        padding-bottom: 20px; } }
@media (max-width: 1600px) {
    .tab-wrap .tab-content .tab-card {
        padding-bottom: 20px; } }
@media (max-width: 1440px) {
    .tab-wrap .tab-content .tab-card {
        padding-bottom: 20px; } }
@media (max-width: 1199px) {
    .tab-wrap .tab-content .tab-card {
        padding-bottom: 20px; } }
@media (max-width: 991px) {
    .tab-wrap .tab-content .tab-card {
        padding-bottom: 15px; } }
@media (max-width: 767px) {
    .tab-wrap .tab-content .tab-card {
        padding-bottom: 15px; } }
@media (max-width: 480px) {
    .tab-wrap .tab-content .tab-card {
        padding-bottom: 15px; } }
.tab-wrap .tab-content .tab-card:nth-child(2) {
    transition-delay: .3s; }
.tab-wrap .tab-content .tab-card:nth-child(3) {
    transition-delay: .6s; }
.tab-wrap .tab-content .tab-card::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    height: 100%;
    height: calc(100% + 2px);
    border-left: 8px solid #401e9d; }
@media (max-width: 4096px) {
    .tab-wrap .tab-content .tab-card .tab-card-head {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .tab-wrap .tab-content .tab-card .tab-card-head {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .tab-wrap .tab-content .tab-card .tab-card-head {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .tab-wrap .tab-content .tab-card .tab-card-head {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .tab-wrap .tab-content .tab-card .tab-card-head {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .tab-wrap .tab-content .tab-card .tab-card-head {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .tab-wrap .tab-content .tab-card .tab-card-head {
        margin-bottom: 15px; } }
.tab-wrap .tab-content .tab-card .tab-card-head *:last-child {
    margin-bottom: 0; }
.tab-wrap .tab-content .tab-card .tab-card-head h4, .tab-wrap .tab-content .tab-card .tab-card-head .h4 {
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.2em; }
.tab-wrap .tab-content .tab-card .tab-card-head h6, .tab-wrap .tab-content .tab-card .tab-card-head .h6 {
    font-weight: 400;
    font-style: italic;
    margin-bottom: 0; }
.tab-wrap .tab-content .tab-card p {
    margin-bottom: 0; }

.tab-wrap .button {
    display: block;
    max-width: 265px;
    margin-left: auto;
    margin-right: auto; }
@media (max-width: 4096px) {
    .tab-wrap .button {
        margin-top: 40px; } }
@media (max-width: 1600px) {
    .tab-wrap .button {
        margin-top: 40px; } }
@media (max-width: 1440px) {
    .tab-wrap .button {
        margin-top: 40px; } }
@media (max-width: 1199px) {
    .tab-wrap .button {
        margin-top: 40px; } }
@media (max-width: 991px) {
    .tab-wrap .button {
        margin-top: 35px; } }
@media (max-width: 767px) {
    .tab-wrap .button {
        margin-top: 35px; } }
@media (max-width: 480px) {
    .tab-wrap .button {
        margin-top: 30px; } }
.tab-wrap .button.show-scroll {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0); }

@media (max-width: 991px) {
    .tab-wrap .tab-head-wrap .tab-head {
        width: 60px;
        height: 60px; }
    .tab-wrap .tab-head-wrap .tab-head img {
        height: 35px; }
    .tab-wrap .tab-content .tab-card-list {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0; }
    .tab-wrap .tab-content .tab-card-list .tab-card {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 20px; }
    .tab-wrap .tab-content .tab-card-list .tab-card:last-child {
        margin-bottom: 0; } }

@media (max-width: 767px) {
    .tab-wrap .tab-content.disable-tab h3, .tab-wrap .tab-content.disable-tab .h3 {
        -ms-transform: translateY(0);
        transform: translateY(0); } }

/*===> End tab wrap <===*/
/*===> Begin expirience section <===*/
@media (max-width: 4096px) {
    .expirience-section {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .expirience-section {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .expirience-section {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .expirience-section {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .expirience-section {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .expirience-section {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .expirience-section {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .expirience-section {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .expirience-section {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .expirience-section {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .expirience-section {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .expirience-section {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .expirience-section {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .expirience-section {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .expirience-section .container {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .expirience-section .container {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .expirience-section .container {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .expirience-section .container {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .expirience-section .container {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .expirience-section .container {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .expirience-section .container {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .expirience-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .expirience-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .expirience-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .expirience-section .container {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .expirience-section .container {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .expirience-section .container {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .expirience-section .container {
        padding-bottom: 30px; } }

/*===> End expirience section <===*/
/*===> Begin grid work <===*/
.grid-work {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -30px;
    padding-bottom: 40px; }
@media (max-width: 767px) {
    .grid-work {
        margin-left: -5px;
        margin-right: -5px; }
    .grid-work .grid-item {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px; }
    .grid-work .grid-item .inner-wrap {
        margin-bottom: 10px; }
    .grid-work .grid-item .hide-grid-info span {
        text-align: center; }
    .grid-work .grid-item .hide-grid-info .plus {
        display: none; } }
@media (max-width: 480px) {
    .grid-work .grid-item .hide-grid-info {
        padding: 5px; }
    .grid-work .grid-item .hide-grid-info h4, .grid-work .grid-item .hide-grid-info .h4 {
        font-size: 16px;
        margin-bottom: 5px; }
    .grid-work .grid-item .hide-grid-info .desc {
        font-size: 14px; } }

.grid-item {
    width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden; }
.grid-item.extended .inner-wrap {
    max-height: 235px; }
@media (max-width: 4096px) {
    .grid-item.extended .inner-wrap {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .grid-item.extended .inner-wrap {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .grid-item.extended .inner-wrap {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .grid-item.extended .inner-wrap {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .grid-item.extended .inner-wrap {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .grid-item.extended .inner-wrap {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .grid-item.extended .inner-wrap {
        margin-bottom: 15px; } }
@media (max-width: 4096px) {
    .grid-item.extended .item-text {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .grid-item.extended .item-text {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .grid-item.extended .item-text {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .grid-item.extended .item-text {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .grid-item.extended .item-text {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .grid-item.extended .item-text {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .grid-item.extended .item-text {
        margin-bottom: 20px; } }
.grid-item.extended .item-text h4, .grid-item.extended .item-text .h4 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px; }
.grid-item.extended .item-text .proffesion {
    font-style: italic;
    text-align: center;
    color: #861dec;
    margin-bottom: 10px; }
.grid-item.extended .item-text p {
    margin-bottom: 0;
    text-align: center; }
.grid-item .hide-grid-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: all .5s; }
.grid-item .hide-grid-info::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .8;
    /* Old browsers */
    background: #401e9d;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #401e9d 0%, #861dec 100%); }
.grid-item .hide-grid-info span {
    color: #fff; }
.grid-item .hide-grid-info h4, .grid-item .hide-grid-info .h4 {
    margin-bottom: 10px; }
.grid-item .hide-grid-info .desc {
    font-style: italic;
    font-size: 17px;
    letter-spacing: 1px; }
.grid-item .hide-grid-info .plus {
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: 10;
    width: 100px;
    height: 100px;
    border: 50px solid transparent;
    border-right: 50px solid #401e9d;
    border-bottom: 50px solid #401e9d;
    box-sizing: border-box;
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
.grid-item .hide-grid-info .plus .plus-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(50%, 50%) rotate(45deg);
    transform: translate(50%, 50%) rotate(45deg);
    display: block;
    width: 18px;
    height: 18px;
    opacity: 0; }
.grid-item .hide-grid-info .plus .plus-ico span {
    position: absolute;
    background: #fff; }
.grid-item .hide-grid-info .plus .plus-ico span:nth-child(1) {
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4px;
    height: 9px;
    margin-top: -5px; }
.grid-item .hide-grid-info .plus .plus-ico span:nth-child(2) {
    left: 50%;
    bottom: 0;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4px;
    height: 9px;
    margin-bottom: -5px; }
.grid-item .hide-grid-info .plus .plus-ico span:nth-child(3) {
    top: 50%;
    left: 0;
    width: 9px;
    height: 4px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -5px; }
.grid-item .hide-grid-info .plus .plus-ico span:nth-child(4) {
    top: 50%;
    right: 0;
    width: 9px;
    height: 4px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: -5px; }
.grid-item .inner-wrap {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden; }
.grid-item .inner-wrap img {
    width: 100%; }
.grid-item .inner-wrap:hover .hide-grid-info {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1); }
.grid-item .inner-wrap:hover .hide-grid-info .plus {
    transition: all .5s;
    transition-delay: .1s;
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%); }
.grid-item .inner-wrap:hover .hide-grid-info .plus .plus-ico {
    transition: all .3s;
    transition-delay: .55s;
    -ms-transform: translate(50%, 50%) rotate(0deg);
    transform: translate(50%, 50%) rotate(0deg);
    opacity: 1; }
.grid-item .inner-wrap:hover .hide-grid-info .plus .plus-ico span {
    transition: all .3s;
    transition-delay: .55s; }
.grid-item .inner-wrap:hover .hide-grid-info .plus .plus-ico span:nth-child(1) {
    margin-top: 0; }
.grid-item .inner-wrap:hover .hide-grid-info .plus .plus-ico span:nth-child(2) {
    margin-bottom: 0; }
.grid-item .inner-wrap:hover .hide-grid-info .plus .plus-ico span:nth-child(3) {
    margin-left: 0; }
.grid-item .inner-wrap:hover .hide-grid-info .plus .plus-ico span:nth-child(4) {
    margin-right: 0; }
.grid-item.grid-item--width2 {
    width: 66.666%; }
.grid-item.grid-item--height2 {
    height: 500px; }
.grid-item.grid-item--width-sm {
    width: 25%; }
.grid-item.hide-grid {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    display: none; }
@media (max-width: 767px) {
    .grid-item {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px; }
    .grid-item .inner-wrap {
        margin-bottom: 10px; }
    .grid-item .hide-grid-info span {
        text-align: center; }
    .grid-item .hide-grid-info .plus {
        display: none; } }
@media (max-width: 480px) {
    .grid-item.extended {
        width: 100%; }
    .grid-item .hide-grid-info {
        padding: 5px; }
    .grid-item .hide-grid-info h4, .grid-item .hide-grid-info .h4 {
        font-size: 16px;
        margin-bottom: 5px; }
    .grid-item .hide-grid-info .desc {
        font-size: 14px; } }

.grid-filter {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
.grid-filter ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    background: #fff;
    border-radius: 30px;
    border: 5px solid  #fff;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.07); }
.grid-filter ul li {
    display: block;
    width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
    padding-left: 0; }
.grid-filter ul li::after {
    display: none; }
.grid-filter ul li a {
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 15px 5px;
    border-radius: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    line-height: 1.2em; }
.grid-filter ul li a.active {
    color: #fff;
    /* Old browsers */
    background: #401e9d;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #401e9d 0%, #861dec 100%); }
@media (max-width: 991px) {
    .grid-filter ul li a {
        font-size: 14px; } }
@media (max-width: 767px) {
    .grid-filter ul {
        -ms-flex-direction: column;
        flex-direction: column; }
    .grid-filter ul li {
        width: 100%; }
    .grid-filter ul li a {
        padding-top: 10px;
        padding-bottom: 10px; } }

.grid-wrap.on-scroll {
    overflow: hidden; }
.grid-wrap.on-scroll .grid-filter {
    opacity: 0;
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    transition: all .3s; }
.grid-wrap.on-scroll .grid-work .grid-item {
    opacity: 0;
    -ms-transform: translateY(40px) scale(0.9);
    transform: translateY(40px) scale(0.9);
    transition: transform .3s; }
.grid-wrap.on-scroll.show-scroll .grid-filter {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1); }
.grid-wrap.on-scroll.show-scroll .grid-work .grid-item {
    opacity: 1;
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1); }

/*===> End grid work <===*/
/*===> Begin works section <===*/
.works-section {
    background: #fafafa; }
@media (max-width: 4096px) {
    .works-section {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .works-section {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .works-section {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .works-section {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .works-section {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .works-section {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .works-section {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .works-section {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .works-section {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .works-section {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .works-section {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .works-section {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .works-section {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .works-section {
        padding-bottom: 30px; } }
@media (max-width: 4096px) {
    .works-section .container {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .works-section .container {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .works-section .container {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .works-section .container {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .works-section .container {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .works-section .container {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .works-section .container {
        padding-top: 30px; } }

/*===> End works section <===*/
/*===> Begin news card <===*/
.news-card {
    width: 100%;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    background: #fff; }
.news-card.blog-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
    padding: 0; }
.news-card.blog-card .news-logo {
    margin-bottom: 0;
    margin-right: 15px;
    width: 44.44%; }
.news-card.blog-card .news-logo img {
    width: 100%; }
.news-card.blog-card .news-card-info {
    width: 55.55%;
    margin-left: 15px; }
.news-card.blog-card .news-card-head .inner-wrap h4, .news-card.blog-card .news-card-head .inner-wrap .h4 {
    margin-bottom: 5px; }
.news-card .news-logo {
    display: block;
    width: 100%;
    margin-bottom: 15px; }
.news-card .news-logo img {
    border-radius: 20px; }
.news-card .news-card-info {
    background: #fff; }
.news-card .news-card-info .news-card-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px; }
.news-card .news-card-info .news-card-head time {
    margin-right: 20px;
    padding: 5px 10px;
    border-radius: 15px;
    background: #861dec;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff; }
.news-card .news-card-info .news-card-head h4, .news-card .news-card-info .news-card-head .h4 {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: 1px; }
.news-card .news-card-info .news-card-head .card-tags-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0; }
.news-card .news-card-info .news-card-head .card-tags-list li {
    padding-left: 0;
    padding-right: 5px; }
.news-card .news-card-info .news-card-head .card-tags-list li:first-child {
    padding-right: 10px; }
.news-card .news-card-info .news-card-head .card-tags-list li::after {
    display: none; }
.news-card .news-card-info .news-card-head .card-tags-list li a, .news-card .news-card-info .news-card-head .card-tags-list li p {
    margin-bottom: 0;
    font-style: italic;
    letter-spacing: 2px;
    color: #666; }
.news-card .news-card-info .news-card-head .card-tags-list li a:hover {
    color: #861dec; }
.news-card .news-card-info p {
    margin-bottom: 15px;
    letter-spacing: 1px; }
.news-card .news-card-info .button {
    display: block;
    max-width: 165px; }
@media (max-width: 1199px) {
    .news-card.blog-card {
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 390px; }
    .news-card.blog-card .news-logo {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px; }
    .news-card.blog-card .news-card-info {
        margin-left: 0;
        width: 100%; } }
@media (max-width: 767px) {
    .news-card .card-tags-list li > a {
        display: none; } }

.blog-list {
    margin-bottom: 0; }
.blog-list > li {
    padding: 0; }
@media (max-width: 4096px) {
    .blog-list > li {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .blog-list > li {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .blog-list > li {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .blog-list > li {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .blog-list > li {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .blog-list > li {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .blog-list > li {
        margin-bottom: 20px; } }
.blog-list > li:last-child {
    margin-bottom: 0; }
.blog-list > li::after {
    display: none; }

/*===> End news card <===*/
/*===> Begin news section <===*/
@media (max-width: 4096px) {
    .news-section {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .news-section {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .news-section {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .news-section {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .news-section {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .news-section {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .news-section {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .news-section {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .news-section {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .news-section {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .news-section {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .news-section {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .news-section {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .news-section {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .news-section .container {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .news-section .container {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .news-section .container {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .news-section .container {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .news-section .container {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .news-section .container {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .news-section .container {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .news-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .news-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .news-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .news-section .container {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .news-section .container {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .news-section .container {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .news-section .container {
        padding-bottom: 30px; } }

.news-section .news-slider-wrap {
    margin-left: -15px;
    margin-right: -15px; }
.news-section .news-slider-wrap .slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.news-section .news-slider-wrap .slider .card {
    width: 33.33%; }

@media (max-width: 991px) {
    .news-section .news-slider-wrap .slider {
        display: block; }
    .news-section .news-slider-wrap .slider .card {
        width: auto; } }

/*===> End news section <===*/
/*===> Begin testimonial section <===*/
.testimonial-section {
    background: #fafafa; }
@media (max-width: 4096px) {
    .testimonial-section {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .testimonial-section {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .testimonial-section {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .testimonial-section {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .testimonial-section {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .testimonial-section {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .testimonial-section {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .testimonial-section {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .testimonial-section {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .testimonial-section {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .testimonial-section {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .testimonial-section {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .testimonial-section {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .testimonial-section {
        padding-bottom: 30px; } }
@media (max-width: 4096px) {
    .testimonial-section .container {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .testimonial-section .container {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .testimonial-section .container {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .testimonial-section .container {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .testimonial-section .container {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .testimonial-section .container {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .testimonial-section .container {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .testimonial-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .testimonial-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .testimonial-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .testimonial-section .container {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .testimonial-section .container {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .testimonial-section .container {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .testimonial-section .container {
        padding-bottom: 30px; } }

/*===> End testimonial section <===*/
/*===> Begin testimonial block <===*/
.testimonial-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 585px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px; }
.testimonial-block .testimonial-logo-wrap {
    position: relative;
    width: 74px;
    min-width: 74px;
    height: 160px; }
.testimonial-block .testimonial-logo {
    position: absolute;
    top: 19px;
    left: 19px;
    width: 118px;
    min-width: 118px;
    height: 118px;
    border-radius: 25px;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.16);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden; }
.testimonial-block .testimonial-logo img {
    position: absolute;
    left: 50%;
    top: 0;
    max-width: none;
    -ms-transform: rotate(-45deg) translate(-22%, -40%);
    transform: rotate(-45deg) translate(-22%, -40%); }
.testimonial-block .testimonial-desc {
    padding-left: 95px;
    border-radius: 30px;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.16);
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 15px; }
.testimonial-block .testimonial-desc p {
    margin-bottom: 20px;
    letter-spacing: 1px;
    line-height: 1.7em; }
.testimonial-block .testimonial-desc h5, .testimonial-block .testimonial-desc .h5 {
    position: relative;
    z-index: 4;
    margin-bottom: 5px; }
.testimonial-block .testimonial-desc .possition {
    position: relative;
    margin-bottom: 0;
    font-style: italic;
    color: #401e9d;
    z-index: 3; }
.testimonial-block .testimonial-desc .possition::after {
    content: '\f10e';
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: -1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 60px;
    font-style: normal;
    line-height: 1;
    color: #f0f0f8; }
@media (max-width: 480px) {
    .testimonial-block {
        -ms-flex-direction: column;
        flex-direction: column; }
    .testimonial-block .testimonial-logo-wrap {
        position: relative;
        width: 160px;
        min-width: 160px;
        height: 74px; }
    .testimonial-block .testimonial-desc {
        padding-right: 20px;
        padding-left: 20px;
        border-radius: 30px;
        box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.16);
        background: #fff;
        padding-top: 90px; }
    .testimonial-block .testimonial-desc p {
        text-align: left; } }

/*===> End testimonial block <===*/
/*===> Begin big social block <===*/
.big-social-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
@media (max-width: 4096px) {
    .big-social-block {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .big-social-block {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .big-social-block {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .big-social-block {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .big-social-block {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .big-social-block {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .big-social-block {
        margin-bottom: 20px; } }
.big-social-block.show-scroll .social-block {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0); }
.big-social-block .social-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition: all .3s; }
.big-social-block .social-block:nth-child(1) {
    transition-delay: .2s; }
.big-social-block .social-block:nth-child(2) {
    transition-delay: .4s; }
.big-social-block .social-block:nth-child(3) {
    transition-delay: .6s; }
.big-social-block .social-block img {
    height: 45px;
    margin-bottom: 20px; }
.big-social-block .social-block .desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center; }
.big-social-block .social-block .desc a {
    margin-bottom: 5px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333; }
.big-social-block .social-block .desc a:last-child {
    margin-bottom: 0; }
.big-social-block .social-block .desc a:hover {
    color: #861dec; }
.big-social-block .social-block .desc a i {
    font-weight: 400;
    font-size: 20px; }
.big-social-block .social-block .desc .soc-list {
    margin-bottom: 0; }
.big-social-block .social-block .desc .soc-list a {
    margin-bottom: 0;
    font-size: 24px; }
@media (max-width: 767px) {
    .big-social-block {
        -ms-flex-direction: column;
        flex-direction: column; }
    .big-social-block .social-block {
        margin-bottom: 30px; }
    .big-social-block .social-block:last-child {
        margin-bottom: 0; } }

/*===> End big social block <===*/
/*===> Begin contact section <===*/
.contact-section {
    overflow: hidden; }
@media (max-width: 4096px) {
    .contact-section {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .contact-section {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .contact-section {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .contact-section {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .contact-section {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .contact-section {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .contact-section {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .contact-section {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .contact-section {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .contact-section {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .contact-section {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .contact-section {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .contact-section {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .contact-section {
        padding-bottom: 30px; } }
@media (max-width: 4096px) {
    .contact-section .container {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .contact-section .container {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .contact-section .container {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .contact-section .container {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .contact-section .container {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .contact-section .container {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .contact-section .container {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .contact-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .contact-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .contact-section .container {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .contact-section .container {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .contact-section .container {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .contact-section .container {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .contact-section .container {
        padding-bottom: 30px; } }

/*===> End contact section <===*/
/*===> Begin theme settings wrap <===*/
.theme-settings-wrap {
    position: fixed;
    z-index: 399;
    top: -1px;
    right: 0;
    width: 400px;
    height: 100%;
    padding-bottom: 20px;
    background: #fff;
    -ms-transform: translate(101%, 0);
    transform: translate(101%, 0);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all .3s; }
.theme-settings-wrap.show-settings {
    z-index: 1000;
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0); }
.theme-settings-wrap .close-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px 20px; }
.theme-settings-wrap .close-wrap .close-ico {
    position: relative;
    top: 0;
    left: 0; }
.theme-settings-wrap .content {
    width: 100%;
    min-height: 100%;
    overflow: hidden; }
.theme-settings-wrap .theme-settings-blocks {
    position: relative;
    height: 100%;
    height: 100vh;
    margin-right: -17px;
    padding: 0px 32px 60px 15px;
    overflow-y: auto;
    overflow-x: visible; }
.theme-settings-wrap .wrap-colors,
.theme-settings-wrap .wrap-themes {
    width: 100%;
    min-height: 100%; }
.theme-settings-wrap .theme-settings-buttons {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    border-radius: 10px 0 0 10px;
    background: #fff;
    overflow: hidden;
    box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.15); }
.theme-settings-wrap .theme-settings-buttons .settings-button {
    padding: 10px;
    transition: all .2s;
    cursor: pointer; }
.theme-settings-wrap .theme-settings-buttons .settings-button:hover {
    background: #c6c6c6; }
.theme-settings-wrap .theme-settings-buttons .settings-button.active {
    background: #861dec; }
.theme-settings-wrap .theme-settings-buttons .settings-button.active img {
    filter: invert(1); }
.theme-settings-wrap .theme-settings-buttons .settings-button img {
    height: 36px; }
.theme-settings-wrap .best-work-list li {
    margin-bottom: 20px;
    padding-left: 0; }
.theme-settings-wrap .best-work-list li::after {
    display: none; }
.theme-settings-wrap .best-work-list li:last-child {
    margin-bottom: 0; }
.theme-settings-wrap .best-work-list li a {
    margin-bottom: 0; }
.theme-settings-wrap .wrap-colors {
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%; }
.theme-settings-wrap .wrap-colors h4, .theme-settings-wrap .wrap-colors .h4 {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700; }
.theme-settings-wrap .colors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    margin-right: 0px; }
.theme-settings-wrap .colors label {
    display: block;
    position: relative;
    cursor: pointer;
    width: 20%;
    width: calc(20% - 5px);
    height: 70px;
    margin: 0 5px 5px 0; }
.theme-settings-wrap .colors label.theme-1 {
    /* Old browsers */
    background: #401e9d;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #401e9d 0%, #861dec 100%); }
.theme-settings-wrap .colors label.theme-2 {
    /* Old browsers */
    background: #1c2184;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #1c2184 0%, #3b53f1 100%); }
.theme-settings-wrap .colors label.theme-3 {
    /* Old browsers */
    background: #631139;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #631139 0%, #89216b 100%); }
.theme-settings-wrap .colors label.theme-4 {
    /* Old browsers */
    background: #30512f;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #30512f 0%, #559f2b 100%); }
.theme-settings-wrap .colors label.theme-5 {
    /* Old browsers */
    background: #000428;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #000428 0%, #004e92 100%); }
.theme-settings-wrap .colors input {
    position: absolute;
    opacity: 0; }
.theme-settings-wrap .colors input:checked + label {
    border: 3px solid #200738; }
.theme-settings-wrap .themes {
    width: 100%; }
.theme-settings-wrap .themes .button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    max-width: 230px;
    font-weight: 400; }
.theme-settings-wrap .themes h4, .theme-settings-wrap .themes .h4 {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700; }
@media (max-width: 480px) {
    .theme-settings-wrap {
        width: 100%;
        margin-left: 56px; }
    .theme-settings-wrap .theme-settings-buttons .settings-button img {
        height: 30px; }
    .theme-settings-wrap .theme-settings-blocks {
        margin-right: 0; }
    .theme-settings-wrap .colors label {
        width: 87px;
        height: 87px; } }

/*===> End theme settings wrap <===*/
/*===> Begin skills section <===*/
.skills-section {
    background: #fafafa; }
@media (max-width: 4096px) {
    .skills-section {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .skills-section {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .skills-section {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .skills-section {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .skills-section {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .skills-section {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .skills-section {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .skills-section {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .skills-section {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .skills-section {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .skills-section {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .skills-section {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .skills-section {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .skills-section {
        padding-bottom: 30px; } }
@media (max-width: 4096px) {
    .skills-section .container {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .skills-section .container {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .skills-section .container {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .skills-section .container {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .skills-section .container {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .skills-section .container {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .skills-section .container {
        padding-top: 30px; } }
.skills-section .pie-wrap-collection {
    display: -ms-flexbox;
    flex-wrap: wrap;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px; }
.skills-section .pie-wrap-collection .pie-wrap {
    zoom: 70%;
    padding: 0 15px; }
@media (max-width: 4096px) {
    .skills-section .pie-wrap-collection .pie-wrap {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .skills-section .pie-wrap-collection .pie-wrap {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .skills-section .pie-wrap-collection .pie-wrap {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .skills-section .pie-wrap-collection .pie-wrap {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .skills-section .pie-wrap-collection .pie-wrap {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .skills-section .pie-wrap-collection .pie-wrap {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .skills-section .pie-wrap-collection .pie-wrap {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .skills-section .pie-wrap-collection {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .skills-section .pie-wrap-collection .pie-wrap {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center; } }

/*===> End skills section <===*/
/*===> Begin expirience list <===*/
.expirience-list {
    margin-bottom: 0; }
.expirience-list li {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0; }
.expirience-list li:nth-child(odd) {
    -ms-flex-pack: end;
    justify-content: flex-end; }
.expirience-list li:nth-child(odd) .expirience-block::after {
    left: 0;
    right: auto;
    top: 50%;
    border: 15px solid transparent;
    border-right: 15px solid #fafafa;
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
.expirience-list li:last-child::before {
    display: none; }
.expirience-list li::after {
    display: none; }
.expirience-list li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 100%;
    background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: #dddddd; stroke-width: 2; stroke-dasharray: 4 14'/></svg>"); }
.expirience-list li .dot {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    width: 14px;
    height: 14px;
    border: 1px solid #861dec;
    border-radius: 3px;
    background: #fff;
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }
.expirience-list li .dot::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    width: 7px;
    height: 7px;
    background: #861dec;
    border-radius: 1px;
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
.expirience-list .expirience-block {
    position: relative;
    width: 100%;
    max-width: 495px;
    padding: 25px 30px;
    background: #fafafa;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
    border-radius: 20px; }
.expirience-list .expirience-block::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10;
    border: 15px solid transparent;
    border-left: 15px solid #fafafa;
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }
.expirience-list .expirience-block h4, .expirience-list .expirience-block .h4 {
    margin-bottom: 5px;
    font-weight: 600; }
.expirience-list .expirience-block h6, .expirience-list .expirience-block .h6 {
    margin-bottom: 10px;
    font-style: italic;
    font-weight: 400; }
.expirience-list .expirience-block .time {
    color: #861dec; }
@media (max-width: 4096px) {
    .expirience-list .expirience-block .time {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .expirience-list .expirience-block .time {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .expirience-list .expirience-block .time {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .expirience-list .expirience-block .time {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .expirience-list .expirience-block .time {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .expirience-list .expirience-block .time {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .expirience-list .expirience-block .time {
        margin-bottom: 15px; } }
.expirience-list .expirience-block p {
    margin-bottom: 0; }
@media (max-width: 1199px) {
    .expirience-list .expirience-block {
        width: 45%; } }
@media (max-width: 991px) {
    .expirience-list .expirience-block {
        padding: 20px; } }
@media (max-width: 767px) {
    .expirience-list li {
        margin-bottom: 30px; }
    .expirience-list li:last-child {
        margin-bottom: 0; }
    .expirience-list .expirience-block {
        width: 100%;
        max-width: none; }
    .expirience-list .expirience-block::after, .expirience-list .expirience-block::before {
        display: none; }
    .expirience-list .dot {
        display: none; } }

@media (max-width: 4096px) {
    .expirience-list-section {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .expirience-list-section {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .expirience-list-section {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .expirience-list-section {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .expirience-list-section {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .expirience-list-section {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .expirience-list-section {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .expirience-list-section {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .expirience-list-section {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .expirience-list-section {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .expirience-list-section {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .expirience-list-section {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .expirience-list-section {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .expirience-list-section {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .expirience-list-section .container {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .expirience-list-section .container {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .expirience-list-section .container {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .expirience-list-section .container {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .expirience-list-section .container {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .expirience-list-section .container {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .expirience-list-section .container {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .expirience-list-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .expirience-list-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .expirience-list-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .expirience-list-section .container {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .expirience-list-section .container {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .expirience-list-section .container {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .expirience-list-section .container {
        padding-bottom: 30px; } }

/*===> End expirience list <===*/
/*===> Begin single services article <===*/
.single-services-article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
@media (max-width: 4096px) {
    .single-services-article {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .single-services-article {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .single-services-article {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .single-services-article {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .single-services-article {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .single-services-article {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .single-services-article {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .single-services-article {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .single-services-article {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .single-services-article {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .single-services-article {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .single-services-article {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .single-services-article {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .single-services-article {
        padding-bottom: 30px; } }
.single-services-article .article-logo {
    width: 50%;
    padding-right: 15px; }
.single-services-article .article-logo img {
    display: block; }
.single-services-article h2, .single-services-article .h2 {
    width: 100%; }
@media (max-width: 4096px) {
    .single-services-article h2, .single-services-article .h2 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .single-services-article h2, .single-services-article .h2 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .single-services-article h2, .single-services-article .h2 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .single-services-article h2, .single-services-article .h2 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .single-services-article h2, .single-services-article .h2 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .single-services-article h2, .single-services-article .h2 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .single-services-article h2, .single-services-article .h2 {
        margin-bottom: 30px; } }
.single-services-article .article-text {
    width: 50%;
    padding-left: 15px; }
@media (max-width: 4096px) {
    .single-services-article .article-text p {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .single-services-article .article-text p {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .single-services-article .article-text p {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .single-services-article .article-text p {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .single-services-article .article-text p {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .single-services-article .article-text p {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .single-services-article .article-text p {
        margin-bottom: 15px; } }
.single-services-article .article-text .button {
    display: block;
    max-width: 260px; }
.single-services-article .article-text .article-info-wrap {
    display: -ms-flexbox;
    display: flex; }
.single-services-article .article-text .article-info-wrap .inner-block {
    width: 100%;
    max-width: 200px; }
@media (max-width: 4096px) {
    .single-services-article .article-text .article-info-wrap .inner-block {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .single-services-article .article-text .article-info-wrap .inner-block {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .single-services-article .article-text .article-info-wrap .inner-block {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .single-services-article .article-text .article-info-wrap .inner-block {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .single-services-article .article-text .article-info-wrap .inner-block {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .single-services-article .article-text .article-info-wrap .inner-block {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .single-services-article .article-text .article-info-wrap .inner-block {
        margin-bottom: 30px; } }
.single-services-article .article-text .article-info-wrap p {
    color: #666; }
@media (max-width: 4096px) {
    .single-services-article .article-text .article-info-wrap p {
        margin-bottom: 15px; } }
@media (max-width: 1600px) {
    .single-services-article .article-text .article-info-wrap p {
        margin-bottom: 15px; } }
@media (max-width: 1440px) {
    .single-services-article .article-text .article-info-wrap p {
        margin-bottom: 15px; } }
@media (max-width: 1199px) {
    .single-services-article .article-text .article-info-wrap p {
        margin-bottom: 15px; } }
@media (max-width: 991px) {
    .single-services-article .article-text .article-info-wrap p {
        margin-bottom: 10px; } }
@media (max-width: 767px) {
    .single-services-article .article-text .article-info-wrap p {
        margin-bottom: 10px; } }
@media (max-width: 480px) {
    .single-services-article .article-text .article-info-wrap p {
        margin-bottom: 10px; } }
.single-services-article .article-text .article-info-wrap h5, .single-services-article .article-text .article-info-wrap .h5 {
    margin-bottom: 0;
    font-weight: 600;
    color: #212529; }
@media (max-width: 991px) {
    .single-services-article .article-logo {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0; }
    .single-services-article .article-logo img {
        width: 100%;
        margin-left: auto;
        margin-right: auto; }
    .single-services-article .article-text {
        width: 100%;
        padding-left: 0; }
    .single-services-article .article-text .article-info-wrap {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center; }
    .single-services-article .article-text .button {
        margin-left: auto;
        margin-right: auto; } }
@media (max-width: 480px) {
    .single-services-article .article-text p {
        text-align: left; } }

/*===> End single services article <===*/
/*===> Begin work pocess wrap <===*/
.work-pocess-wrap {
    margin-left: -15px;
    margin-right: -15px; }
@media (max-width: 4096px) {
    .work-pocess-wrap {
        margin-top: 40px; } }
@media (max-width: 1600px) {
    .work-pocess-wrap {
        margin-top: 40px; } }
@media (max-width: 1440px) {
    .work-pocess-wrap {
        margin-top: 40px; } }
@media (max-width: 1199px) {
    .work-pocess-wrap {
        margin-top: 40px; } }
@media (max-width: 991px) {
    .work-pocess-wrap {
        margin-top: 35px; } }
@media (max-width: 767px) {
    .work-pocess-wrap {
        margin-top: 35px; } }
@media (max-width: 480px) {
    .work-pocess-wrap {
        margin-top: 30px; } }
.work-pocess-wrap h3, .work-pocess-wrap .h3 {
    font-weight: 700;
    text-align: center; }
@media (max-width: 4096px) {
    .work-pocess-wrap h3, .work-pocess-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .work-pocess-wrap h3, .work-pocess-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .work-pocess-wrap h3, .work-pocess-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .work-pocess-wrap h3, .work-pocess-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .work-pocess-wrap h3, .work-pocess-wrap .h3 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .work-pocess-wrap h3, .work-pocess-wrap .h3 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .work-pocess-wrap h3, .work-pocess-wrap .h3 {
        margin-bottom: 30px; } }
.work-pocess-wrap .work-pocess-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between; }
.work-pocess-wrap .work-pocess-list::after {
    content: '';
    position: absolute;
    top: 40px;
    left: 7%;
    width: 86%;
    height: 1px;
    background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: #dddddd; stroke-width: 4; stroke-dasharray: 4 13'/></svg>"); }
.work-pocess-wrap .work-pocess-list li {
    z-index: 10;
    padding: 0 15px; }
@media (max-width: 4096px) {
    .work-pocess-wrap .work-pocess-list li {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .work-pocess-wrap .work-pocess-list li {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .work-pocess-wrap .work-pocess-list li {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .work-pocess-wrap .work-pocess-list li {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .work-pocess-wrap .work-pocess-list li {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .work-pocess-wrap .work-pocess-list li {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .work-pocess-wrap .work-pocess-list li {
        margin-bottom: 30px; } }
.work-pocess-wrap .work-pocess-list li::after {
    display: none; }
.work-pocess-wrap .work-pocess-list li .number {
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
    border: 1px solid #861dec;
    border-radius: 15px;
    background: #fff;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
.work-pocess-wrap .work-pocess-list li .number p {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0;
    border-radius: 10px;
    background: #861dec;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.work-pocess-wrap .work-pocess-list li .number p span {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Lato", sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg); }
.work-pocess-wrap .work-pocess-list li h4, .work-pocess-wrap .work-pocess-list li .h4 {
    margin-bottom: 0;
    font-weight: 600;
    text-align: center; }
@media (max-width: 4096px) {
    .work-pocess-wrap .work-pocess-list li h4, .work-pocess-wrap .work-pocess-list li .h4 {
        padding-top: 20px; } }
@media (max-width: 1600px) {
    .work-pocess-wrap .work-pocess-list li h4, .work-pocess-wrap .work-pocess-list li .h4 {
        padding-top: 20px; } }
@media (max-width: 1440px) {
    .work-pocess-wrap .work-pocess-list li h4, .work-pocess-wrap .work-pocess-list li .h4 {
        padding-top: 20px; } }
@media (max-width: 1199px) {
    .work-pocess-wrap .work-pocess-list li h4, .work-pocess-wrap .work-pocess-list li .h4 {
        padding-top: 20px; } }
@media (max-width: 991px) {
    .work-pocess-wrap .work-pocess-list li h4, .work-pocess-wrap .work-pocess-list li .h4 {
        padding-top: 15px; } }
@media (max-width: 767px) {
    .work-pocess-wrap .work-pocess-list li h4, .work-pocess-wrap .work-pocess-list li .h4 {
        padding-top: 15px; } }
@media (max-width: 480px) {
    .work-pocess-wrap .work-pocess-list li h4, .work-pocess-wrap .work-pocess-list li .h4 {
        padding-top: 15px; } }
@media (max-width: 767px) {
    .work-pocess-wrap .work-pocess-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .work-pocess-wrap .work-pocess-list::after {
        display: none; }
    .work-pocess-wrap .work-pocess-list li {
        width: 50%; } }
@media (max-width: 480px) {
    .work-pocess-wrap .work-pocess-list li {
        width: 100%; } }

/*===> End work pocess wrap <===*/
/*===> Begin latest work <===*/
@media (max-width: 4096px) {
    .latest-work {
        margin-top: 40px; } }

@media (max-width: 1600px) {
    .latest-work {
        margin-top: 40px; } }

@media (max-width: 1440px) {
    .latest-work {
        margin-top: 40px; } }

@media (max-width: 1199px) {
    .latest-work {
        margin-top: 40px; } }

@media (max-width: 991px) {
    .latest-work {
        margin-top: 35px; } }

@media (max-width: 767px) {
    .latest-work {
        margin-top: 35px; } }

@media (max-width: 480px) {
    .latest-work {
        margin-top: 30px; } }

.latest-work h3, .latest-work .h3 {
    font-weight: 700;
    text-align: center; }
@media (max-width: 4096px) {
    .latest-work h3, .latest-work .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .latest-work h3, .latest-work .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .latest-work h3, .latest-work .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .latest-work h3, .latest-work .h3 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .latest-work h3, .latest-work .h3 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .latest-work h3, .latest-work .h3 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .latest-work h3, .latest-work .h3 {
        margin-bottom: 30px; } }

.latest-work .latest-work-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0; }
.latest-work .latest-work-list li {
    padding: 0 15px; }
@media (max-width: 4096px) {
    .latest-work .latest-work-list li {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .latest-work .latest-work-list li {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .latest-work .latest-work-list li {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .latest-work .latest-work-list li {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .latest-work .latest-work-list li {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .latest-work .latest-work-list li {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .latest-work .latest-work-list li {
        margin-bottom: 30px; } }
.latest-work .latest-work-list li::after {
    display: none; }
.latest-work .latest-work-list li .work-logo {
    display: block;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08); }
@media (max-width: 4096px) {
    .latest-work .latest-work-list li .work-logo {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .latest-work .latest-work-list li .work-logo {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .latest-work .latest-work-list li .work-logo {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .latest-work .latest-work-list li .work-logo {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .latest-work .latest-work-list li .work-logo {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .latest-work .latest-work-list li .work-logo {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .latest-work .latest-work-list li .work-logo {
        margin-bottom: 15px; } }
.latest-work .latest-work-list li h4, .latest-work .latest-work-list li .h4 {
    display: block;
    text-align: center; }
@media (max-width: 4096px) {
    .latest-work .latest-work-list li h4, .latest-work .latest-work-list li .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    .latest-work .latest-work-list li h4, .latest-work .latest-work-list li .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    .latest-work .latest-work-list li h4, .latest-work .latest-work-list li .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    .latest-work .latest-work-list li h4, .latest-work .latest-work-list li .h4 {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    .latest-work .latest-work-list li h4, .latest-work .latest-work-list li .h4 {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    .latest-work .latest-work-list li h4, .latest-work .latest-work-list li .h4 {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    .latest-work .latest-work-list li h4, .latest-work .latest-work-list li .h4 {
        margin-bottom: 5px; } }
.latest-work .latest-work-list li p {
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-style: italic; }

@media (max-width: 767px) {
    .latest-work .latest-work-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center; }
    .latest-work .latest-work-list li {
        max-width: 263px;
        width: 50%; } }

/*===> End latest work <===*/
/*===> Begin services list wrap <===*/
@media (max-width: 4096px) {
    .services-list-wrap {
        margin-top: 40px; } }

@media (max-width: 1600px) {
    .services-list-wrap {
        margin-top: 40px; } }

@media (max-width: 1440px) {
    .services-list-wrap {
        margin-top: 40px; } }

@media (max-width: 1199px) {
    .services-list-wrap {
        margin-top: 40px; } }

@media (max-width: 991px) {
    .services-list-wrap {
        margin-top: 35px; } }

@media (max-width: 767px) {
    .services-list-wrap {
        margin-top: 35px; } }

@media (max-width: 480px) {
    .services-list-wrap {
        margin-top: 30px; } }

@media (max-width: 4096px) {
    .services-list-wrap {
        margin-bottom: 40px; } }

@media (max-width: 1600px) {
    .services-list-wrap {
        margin-bottom: 40px; } }

@media (max-width: 1440px) {
    .services-list-wrap {
        margin-bottom: 40px; } }

@media (max-width: 1199px) {
    .services-list-wrap {
        margin-bottom: 40px; } }

@media (max-width: 991px) {
    .services-list-wrap {
        margin-bottom: 35px; } }

@media (max-width: 767px) {
    .services-list-wrap {
        margin-bottom: 35px; } }

@media (max-width: 480px) {
    .services-list-wrap {
        margin-bottom: 30px; } }

.services-list-wrap h3, .services-list-wrap .h3 {
    font-weight: 700;
    text-align: center; }
@media (max-width: 4096px) {
    .services-list-wrap h3, .services-list-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .services-list-wrap h3, .services-list-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .services-list-wrap h3, .services-list-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .services-list-wrap h3, .services-list-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .services-list-wrap h3, .services-list-wrap .h3 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .services-list-wrap h3, .services-list-wrap .h3 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .services-list-wrap h3, .services-list-wrap .h3 {
        margin-bottom: 30px; } }

@media (max-width: 4096px) {
    .services-list-wrap .slider-card {
        margin-bottom: 40px; } }

@media (max-width: 1600px) {
    .services-list-wrap .slider-card {
        margin-bottom: 40px; } }

@media (max-width: 1440px) {
    .services-list-wrap .slider-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) {
    .services-list-wrap .slider-card {
        margin-bottom: 40px; } }

@media (max-width: 991px) {
    .services-list-wrap .slider-card {
        margin-bottom: 35px; } }

@media (max-width: 767px) {
    .services-list-wrap .slider-card {
        margin-bottom: 35px; } }

@media (max-width: 480px) {
    .services-list-wrap .slider-card {
        margin-bottom: 30px; } }

.services-list-wrap .slider-card .services-card-desc {
    padding-bottom: 0;
    border-radius: 0;
    box-shadow: none; }

.services-list-wrap .slick-dots {
    margin-top: 0; }

/*===> End services list wrap <===*/
/*===> Begin single portfolio article <===*/
@media (max-width: 4096px) {
    .single-portfolio-article {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .single-portfolio-article {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .single-portfolio-article {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .single-portfolio-article {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .single-portfolio-article {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .single-portfolio-article {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .single-portfolio-article {
        padding-bottom: 30px; } }

.single-portfolio-article .portfolio-article-text .col-lg-9 {
    border-right: 1px solid #dddddd; }
@media (max-width: 4096px) {
    .single-portfolio-article .portfolio-article-text .col-lg-9 {
        margin-top: 30px; } }
@media (max-width: 1600px) {
    .single-portfolio-article .portfolio-article-text .col-lg-9 {
        margin-top: 30px; } }
@media (max-width: 1440px) {
    .single-portfolio-article .portfolio-article-text .col-lg-9 {
        margin-top: 30px; } }
@media (max-width: 1199px) {
    .single-portfolio-article .portfolio-article-text .col-lg-9 {
        margin-top: 30px; } }
@media (max-width: 991px) {
    .single-portfolio-article .portfolio-article-text .col-lg-9 {
        margin-top: 25px; } }
@media (max-width: 767px) {
    .single-portfolio-article .portfolio-article-text .col-lg-9 {
        margin-top: 25px; } }
@media (max-width: 480px) {
    .single-portfolio-article .portfolio-article-text .col-lg-9 {
        margin-top: 20px; } }

.single-portfolio-article .portfolio-article-text .text *:last-child {
    margin-bottom: 0; }

@media (max-width: 4096px) {
    .single-portfolio-article .portfolio-article-text .text p {
        margin-bottom: 20px; } }

@media (max-width: 1600px) {
    .single-portfolio-article .portfolio-article-text .text p {
        margin-bottom: 20px; } }

@media (max-width: 1440px) {
    .single-portfolio-article .portfolio-article-text .text p {
        margin-bottom: 20px; } }

@media (max-width: 1199px) {
    .single-portfolio-article .portfolio-article-text .text p {
        margin-bottom: 20px; } }

@media (max-width: 991px) {
    .single-portfolio-article .portfolio-article-text .text p {
        margin-bottom: 15px; } }

@media (max-width: 767px) {
    .single-portfolio-article .portfolio-article-text .text p {
        margin-bottom: 15px; } }

@media (max-width: 480px) {
    .single-portfolio-article .portfolio-article-text .text p {
        margin-bottom: 15px; } }

@media (max-width: 4096px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info {
        padding-top: 30px; } }

@media (max-width: 1600px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info {
        padding-top: 30px; } }

@media (max-width: 1440px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info {
        padding-top: 30px; } }

@media (max-width: 1199px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info {
        padding-top: 30px; } }

@media (max-width: 991px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info {
        padding-top: 25px; } }

@media (max-width: 767px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info {
        padding-top: 25px; } }

@media (max-width: 480px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info {
        padding-top: 20px; } }

.single-portfolio-article .portfolio-article-text .portfolio-article-info *:last-child {
    margin-bottom: 0; }

.single-portfolio-article .portfolio-article-text .portfolio-article-info h4, .single-portfolio-article .portfolio-article-text .portfolio-article-info .h4 {
    font-weight: 600; }
@media (max-width: 4096px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info h4, .single-portfolio-article .portfolio-article-text .portfolio-article-info .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info h4, .single-portfolio-article .portfolio-article-text .portfolio-article-info .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info h4, .single-portfolio-article .portfolio-article-text .portfolio-article-info .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info h4, .single-portfolio-article .portfolio-article-text .portfolio-article-info .h4 {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info h4, .single-portfolio-article .portfolio-article-text .portfolio-article-info .h4 {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info h4, .single-portfolio-article .portfolio-article-text .portfolio-article-info .h4 {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info h4, .single-portfolio-article .portfolio-article-text .portfolio-article-info .h4 {
        margin-bottom: 5px; } }

@media (max-width: 4096px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info p, .single-portfolio-article .portfolio-article-text .portfolio-article-info a {
        margin-bottom: 20px; } }

@media (max-width: 1600px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info p, .single-portfolio-article .portfolio-article-text .portfolio-article-info a {
        margin-bottom: 20px; } }

@media (max-width: 1440px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info p, .single-portfolio-article .portfolio-article-text .portfolio-article-info a {
        margin-bottom: 20px; } }

@media (max-width: 1199px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info p, .single-portfolio-article .portfolio-article-text .portfolio-article-info a {
        margin-bottom: 20px; } }

@media (max-width: 991px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info p, .single-portfolio-article .portfolio-article-text .portfolio-article-info a {
        margin-bottom: 15px; } }

@media (max-width: 767px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info p, .single-portfolio-article .portfolio-article-text .portfolio-article-info a {
        margin-bottom: 15px; } }

@media (max-width: 480px) {
    .single-portfolio-article .portfolio-article-text .portfolio-article-info p, .single-portfolio-article .portfolio-article-text .portfolio-article-info a {
        margin-bottom: 15px; } }

.single-portfolio-article .portfolio-article-text .portfolio-article-info p a, .single-portfolio-article .portfolio-article-text .portfolio-article-info a a {
    margin-bottom: 5px; }

.single-portfolio-article .portfolio-article-text .portfolio-article-info a {
    color: #333; }
.single-portfolio-article .portfolio-article-text .portfolio-article-info a:hover {
    color: #861dec; }

@media (max-width: 991px) {
    .single-portfolio-article .portfolio-article-text .col-lg-9 {
        border: none; } }

@media (max-width: 480px) {
    .single-portfolio-article .portfolio-article-text .text p {
        text-align: left; } }

/*===> End single portfolio article <===*/
/*===> Begin related works <===*/
@media (max-width: 4096px) {
    .related-works {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .related-works {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .related-works {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .related-works {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .related-works {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .related-works {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .related-works {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .related-works {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .related-works {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .related-works {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .related-works {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .related-works {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .related-works {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .related-works {
        padding-bottom: 30px; } }

.related-works h2, .related-works .h2 {
    text-align: center; }
@media (max-width: 4096px) {
    .related-works h2, .related-works .h2 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .related-works h2, .related-works .h2 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .related-works h2, .related-works .h2 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .related-works h2, .related-works .h2 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .related-works h2, .related-works .h2 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .related-works h2, .related-works .h2 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .related-works h2, .related-works .h2 {
        margin-bottom: 30px; } }

.related-works .related-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }
.related-works .related-list .grid-item {
    width: 33.33%; }
@media (max-width: 4096px) {
    .related-works .related-list .grid-item {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .related-works .related-list .grid-item {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .related-works .related-list .grid-item {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .related-works .related-list .grid-item {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .related-works .related-list .grid-item {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .related-works .related-list .grid-item {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .related-works .related-list .grid-item {
        margin-bottom: 30px; } }
.related-works .related-list .grid-item .inner-wrap {
    margin-bottom: 0; }

.related-works .button {
    display: block;
    max-width: 265px;
    margin-left: auto;
    margin-right: auto; }

@media (max-width: 767px) {
    .related-works .related-list .grid-item {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px; } }

@media (max-width: 480px) {
    .related-works .related-list .grid-item {
        width: 100%; } }

/*===> End related works <===*/
/*===> Begin portfolio content <===*/
@media (max-width: 4096px) {
    .portfolio-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .portfolio-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .portfolio-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .portfolio-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .portfolio-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .portfolio-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .portfolio-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .portfolio-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .portfolio-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .portfolio-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .portfolio-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .portfolio-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .portfolio-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .portfolio-content {
        padding-bottom: 30px; } }

.portfolio-content .block-header {
    text-align: left; }

/*===> End portfolio content <===*/
/*===> Begin portfolio masonry content <===*/
@media (max-width: 4096px) {
    .portfolio-masonry-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .portfolio-masonry-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .portfolio-masonry-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .portfolio-masonry-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .portfolio-masonry-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .portfolio-masonry-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .portfolio-masonry-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .portfolio-masonry-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .portfolio-masonry-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .portfolio-masonry-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .portfolio-masonry-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .portfolio-masonry-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .portfolio-masonry-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .portfolio-masonry-content {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .portfolio-masonry-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .portfolio-masonry-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .portfolio-masonry-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .portfolio-masonry-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .portfolio-masonry-content .grid-wrap {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .portfolio-masonry-content .grid-wrap {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .portfolio-masonry-content .grid-wrap {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .portfolio-masonry-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1600px) {
    .portfolio-masonry-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1440px) {
    .portfolio-masonry-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1199px) {
    .portfolio-masonry-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 991px) {
    .portfolio-masonry-content .pagination {
        margin-bottom: 35px; } }

@media (max-width: 767px) {
    .portfolio-masonry-content .pagination {
        margin-bottom: 35px; } }

@media (max-width: 480px) {
    .portfolio-masonry-content .pagination {
        margin-bottom: 30px; } }

/*===> End portfolio masonry content <===*/
/*===> Begin portfolio regular content <===*/
@media (max-width: 4096px) {
    .portfolio-regular-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .portfolio-regular-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .portfolio-regular-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .portfolio-regular-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .portfolio-regular-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .portfolio-regular-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .portfolio-regular-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .portfolio-regular-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .portfolio-regular-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .portfolio-regular-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .portfolio-regular-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .portfolio-regular-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .portfolio-regular-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .portfolio-regular-content {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .portfolio-regular-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .portfolio-regular-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .portfolio-regular-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .portfolio-regular-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .portfolio-regular-content .grid-wrap {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .portfolio-regular-content .grid-wrap {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .portfolio-regular-content .grid-wrap {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .portfolio-regular-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1600px) {
    .portfolio-regular-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1440px) {
    .portfolio-regular-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1199px) {
    .portfolio-regular-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 991px) {
    .portfolio-regular-content .pagination {
        margin-bottom: 35px; } }

@media (max-width: 767px) {
    .portfolio-regular-content .pagination {
        margin-bottom: 35px; } }

@media (max-width: 480px) {
    .portfolio-regular-content .pagination {
        margin-bottom: 30px; } }

/*===> End portfolio regular content <===*/
/*===> Begin portfolio extended content <===*/
@media (max-width: 4096px) {
    .portfolio-extended-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .portfolio-extended-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .portfolio-extended-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .portfolio-extended-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .portfolio-extended-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .portfolio-extended-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .portfolio-extended-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .portfolio-extended-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .portfolio-extended-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .portfolio-extended-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .portfolio-extended-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .portfolio-extended-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .portfolio-extended-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .portfolio-extended-content {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .portfolio-extended-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .portfolio-extended-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .portfolio-extended-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .portfolio-extended-content .grid-wrap {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .portfolio-extended-content .grid-wrap {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .portfolio-extended-content .grid-wrap {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .portfolio-extended-content .grid-wrap {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .portfolio-extended-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1600px) {
    .portfolio-extended-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1440px) {
    .portfolio-extended-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 1199px) {
    .portfolio-extended-content .pagination {
        margin-bottom: 40px; } }

@media (max-width: 991px) {
    .portfolio-extended-content .pagination {
        margin-bottom: 35px; } }

@media (max-width: 767px) {
    .portfolio-extended-content .pagination {
        margin-bottom: 35px; } }

@media (max-width: 480px) {
    .portfolio-extended-content .pagination {
        margin-bottom: 30px; } }

/*===> End portfolio extended content <===*/
/*===> Begin portfolio checkerboard list <===*/
.portfolio-checkerboard-list {
    margin-bottom: 0; }
@media (max-width: 4096px) {
    .portfolio-checkerboard-list {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .portfolio-checkerboard-list {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .portfolio-checkerboard-list {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .portfolio-checkerboard-list {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .portfolio-checkerboard-list {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .portfolio-checkerboard-list {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .portfolio-checkerboard-list {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .portfolio-checkerboard-list {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .portfolio-checkerboard-list {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .portfolio-checkerboard-list {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .portfolio-checkerboard-list {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .portfolio-checkerboard-list {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .portfolio-checkerboard-list {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .portfolio-checkerboard-list {
        padding-bottom: 30px; } }
.portfolio-checkerboard-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0; }
@media (max-width: 4096px) {
    .portfolio-checkerboard-list li {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .portfolio-checkerboard-list li {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .portfolio-checkerboard-list li {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .portfolio-checkerboard-list li {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .portfolio-checkerboard-list li {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .portfolio-checkerboard-list li {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .portfolio-checkerboard-list li {
        margin-bottom: 20px; } }
.portfolio-checkerboard-list li:last-child {
    margin-bottom: 0; }
.portfolio-checkerboard-list li:nth-child(even) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
.portfolio-checkerboard-list li:nth-child(even) img {
    padding-right: 0;
    padding-left: 15px; }
.portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc {
    padding-left: 0;
    padding-right: 15px; }
.portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc h4, .portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc .h4 {
    text-align: right; }
.portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc p {
    text-align: right; }
.portfolio-checkerboard-list li::after {
    display: none; }
.portfolio-checkerboard-list li img {
    width: 50%;
    padding-right: 15px; }
.portfolio-checkerboard-list li .checkerboard-desc {
    padding-left: 15px; }
@media (max-width: 4096px) {
    .portfolio-checkerboard-list li .checkerboard-desc h4, .portfolio-checkerboard-list li .checkerboard-desc .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1600px) {
    .portfolio-checkerboard-list li .checkerboard-desc h4, .portfolio-checkerboard-list li .checkerboard-desc .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1440px) {
    .portfolio-checkerboard-list li .checkerboard-desc h4, .portfolio-checkerboard-list li .checkerboard-desc .h4 {
        margin-bottom: 10px; } }
@media (max-width: 1199px) {
    .portfolio-checkerboard-list li .checkerboard-desc h4, .portfolio-checkerboard-list li .checkerboard-desc .h4 {
        margin-bottom: 10px; } }
@media (max-width: 991px) {
    .portfolio-checkerboard-list li .checkerboard-desc h4, .portfolio-checkerboard-list li .checkerboard-desc .h4 {
        margin-bottom: 5px; } }
@media (max-width: 767px) {
    .portfolio-checkerboard-list li .checkerboard-desc h4, .portfolio-checkerboard-list li .checkerboard-desc .h4 {
        margin-bottom: 5px; } }
@media (max-width: 480px) {
    .portfolio-checkerboard-list li .checkerboard-desc h4, .portfolio-checkerboard-list li .checkerboard-desc .h4 {
        margin-bottom: 5px; } }
.portfolio-checkerboard-list li .checkerboard-desc .proffesion {
    font-style: italic; }
@media (max-width: 4096px) {
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        margin-bottom: 15px; } }
.portfolio-checkerboard-list li .checkerboard-desc p {
    margin-bottom: 0; }
@media (max-width: 991px) {
    .portfolio-checkerboard-list li {
        -ms-flex-direction: column;
        flex-direction: column; }
    .portfolio-checkerboard-list li:nth-child(even) {
        -ms-flex-direction: column;
        flex-direction: column; }
    .portfolio-checkerboard-list li:nth-child(even) img {
        padding-left: 0; }
    .portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc {
        padding-right: 0; }
    .portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc h4, .portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc .h4 {
        text-align: center; }
    .portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc p {
        text-align: center; }
    .portfolio-checkerboard-list li img {
        width: 100%;
        max-width: 555px;
        margin-bottom: 20px;
        padding-right: 0; }
    .portfolio-checkerboard-list li .checkerboard-desc {
        padding-left: 0; }
    .portfolio-checkerboard-list li .checkerboard-desc h4, .portfolio-checkerboard-list li .checkerboard-desc .h4 {
        text-align: center; }
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        text-align: center; }
    .portfolio-checkerboard-list li .checkerboard-desc p {
        text-align: center; } }
@media (max-width: 480px) {
    .portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc p {
        text-align: left; }
    .portfolio-checkerboard-list li:nth-child(even) .checkerboard-desc .proffesion {
        text-align: center; }
    .portfolio-checkerboard-list li .checkerboard-desc p {
        text-align: left; }
    .portfolio-checkerboard-list li .checkerboard-desc .proffesion {
        text-align: center; } }

/*===> End portfolio checkerboard list <===*/
/*===> Begin portfolio checkerboard content <===*/
@media (max-width: 4096px) {
    .portfolio-checkerboard-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .portfolio-checkerboard-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .portfolio-checkerboard-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .portfolio-checkerboard-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .portfolio-checkerboard-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .portfolio-checkerboard-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .portfolio-checkerboard-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .portfolio-checkerboard-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .portfolio-checkerboard-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .portfolio-checkerboard-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .portfolio-checkerboard-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .portfolio-checkerboard-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .portfolio-checkerboard-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .portfolio-checkerboard-content {
        padding-bottom: 30px; } }

/*===> End portfolio checkerboard content <===*/
/*===> Begin blog content <===*/
@media (max-width: 4096px) {
    .blog-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .blog-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .blog-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .blog-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .blog-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .blog-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .blog-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .blog-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .blog-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .blog-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .blog-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .blog-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .blog-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .blog-content {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .blog-content .blog-list {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .blog-content .blog-list {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .blog-content .blog-list {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .blog-content .blog-list {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .blog-content .blog-list {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .blog-content .blog-list {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .blog-content .blog-list {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .blog-content .blog-list {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .blog-content .blog-list {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .blog-content .blog-list {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .blog-content .blog-list {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .blog-content .blog-list {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .blog-content .blog-list {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .blog-content .blog-list {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .blog-content .pagination {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .blog-content .pagination {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .blog-content .pagination {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .blog-content .pagination {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .blog-content .pagination {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .blog-content .pagination {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .blog-content .pagination {
        padding-bottom: 30px; } }

/*===> End blog content <===*/
/*===> Begin blog article <===*/
@media (max-width: 4096px) {
    .blog-article {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .blog-article {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .blog-article {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .blog-article {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .blog-article {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .blog-article {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .blog-article {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .blog-article {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .blog-article {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .blog-article {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .blog-article {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .blog-article {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .blog-article {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .blog-article {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .blog-article img {
        margin-bottom: 30px; } }

@media (max-width: 1600px) {
    .blog-article img {
        margin-bottom: 30px; } }

@media (max-width: 1440px) {
    .blog-article img {
        margin-bottom: 30px; } }

@media (max-width: 1199px) {
    .blog-article img {
        margin-bottom: 30px; } }

@media (max-width: 991px) {
    .blog-article img {
        margin-bottom: 25px; } }

@media (max-width: 767px) {
    .blog-article img {
        margin-bottom: 25px; } }

@media (max-width: 480px) {
    .blog-article img {
        margin-bottom: 20px; } }

.blog-article .news-card-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
@media (max-width: 4096px) {
    .blog-article .news-card-head {
        margin-bottom: 20px; } }
@media (max-width: 1600px) {
    .blog-article .news-card-head {
        margin-bottom: 20px; } }
@media (max-width: 1440px) {
    .blog-article .news-card-head {
        margin-bottom: 20px; } }
@media (max-width: 1199px) {
    .blog-article .news-card-head {
        margin-bottom: 20px; } }
@media (max-width: 991px) {
    .blog-article .news-card-head {
        margin-bottom: 15px; } }
@media (max-width: 767px) {
    .blog-article .news-card-head {
        margin-bottom: 15px; } }
@media (max-width: 480px) {
    .blog-article .news-card-head {
        margin-bottom: 15px; } }
.blog-article .news-card-head time {
    margin-right: 15px;
    padding: 5px 10px;
    border-radius: 15px;
    background: #861dec;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff; }
.blog-article .news-card-head h2, .blog-article .news-card-head .h2 {
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: capitalize; }
.blog-article .news-card-head .card-tags-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0; }
.blog-article .news-card-head .card-tags-list li {
    padding-left: 0;
    padding-right: 5px; }
.blog-article .news-card-head .card-tags-list li:first-child {
    padding-right: 10px; }
.blog-article .news-card-head .card-tags-list li::after {
    display: none; }
.blog-article .news-card-head .card-tags-list li a, .blog-article .news-card-head .card-tags-list li p {
    margin-bottom: 0;
    font-style: italic;
    letter-spacing: 2px;
    color: #666; }
.blog-article .news-card-head .card-tags-list li a:hover {
    color: #861dec; }

.blog-article blockquote {
    max-width: 945px;
    margin-left: auto;
    margin-right: auto; }

@media (max-width: 4096px) {
    .blog-article .text {
        margin-bottom: 30px; } }

@media (max-width: 1600px) {
    .blog-article .text {
        margin-bottom: 30px; } }

@media (max-width: 1440px) {
    .blog-article .text {
        margin-bottom: 30px; } }

@media (max-width: 1199px) {
    .blog-article .text {
        margin-bottom: 30px; } }

@media (max-width: 991px) {
    .blog-article .text {
        margin-bottom: 25px; } }

@media (max-width: 767px) {
    .blog-article .text {
        margin-bottom: 25px; } }

@media (max-width: 480px) {
    .blog-article .text {
        margin-bottom: 20px; } }

.blog-article .article-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fafafa;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 15px; }
.blog-article .article-footer .soc-list {
    margin-bottom: 0;
    padding: 12px 0; }
.blog-article .article-footer .soc-list li p {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px; }
.blog-article .article-footer .soc-list li i {
    font-size: 15px; }

@media (max-width: 767px) {
    .blog-article .card-tags-list li > a {
        display: none; }
    .blog-article .article-footer {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 15px;
        padding-right: 15px; }
    .blog-article .article-footer .soc-list {
        margin-bottom: 0;
        padding: 0 0 12px 0; } }

@media (max-width: 480px) {
    .blog-article .text p {
        text-align: left; } }

/*===> End blog article <===*/
/*===> Begin comment wrap <===*/
.comment-wrap {
    margin-bottom: 0; }
@media (max-width: 4096px) {
    .comment-wrap {
        padding-top: 40px; } }
@media (max-width: 1600px) {
    .comment-wrap {
        padding-top: 40px; } }
@media (max-width: 1440px) {
    .comment-wrap {
        padding-top: 40px; } }
@media (max-width: 1199px) {
    .comment-wrap {
        padding-top: 40px; } }
@media (max-width: 991px) {
    .comment-wrap {
        padding-top: 35px; } }
@media (max-width: 767px) {
    .comment-wrap {
        padding-top: 35px; } }
@media (max-width: 480px) {
    .comment-wrap {
        padding-top: 30px; } }
@media (max-width: 4096px) {
    .comment-wrap {
        padding-bottom: 40px; } }
@media (max-width: 1600px) {
    .comment-wrap {
        padding-bottom: 40px; } }
@media (max-width: 1440px) {
    .comment-wrap {
        padding-bottom: 40px; } }
@media (max-width: 1199px) {
    .comment-wrap {
        padding-bottom: 40px; } }
@media (max-width: 991px) {
    .comment-wrap {
        padding-bottom: 35px; } }
@media (max-width: 767px) {
    .comment-wrap {
        padding-bottom: 35px; } }
@media (max-width: 480px) {
    .comment-wrap {
        padding-bottom: 30px; } }
.comment-wrap h3, .comment-wrap .h3 {
    letter-spacing: 0.7px; }
@media (max-width: 4096px) {
    .comment-wrap h3, .comment-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .comment-wrap h3, .comment-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .comment-wrap h3, .comment-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .comment-wrap h3, .comment-wrap .h3 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .comment-wrap h3, .comment-wrap .h3 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .comment-wrap h3, .comment-wrap .h3 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .comment-wrap h3, .comment-wrap .h3 {
        margin-bottom: 30px; } }
@media (max-width: 4096px) {
    .comment-wrap .comments-list {
        margin-bottom: -30px; } }
@media (max-width: 1600px) {
    .comment-wrap .comments-list {
        margin-bottom: -30px; } }
@media (max-width: 1440px) {
    .comment-wrap .comments-list {
        margin-bottom: -30px; } }
@media (max-width: 1199px) {
    .comment-wrap .comments-list {
        margin-bottom: -30px; } }
@media (max-width: 991px) {
    .comment-wrap .comments-list {
        margin-bottom: -25px; } }
@media (max-width: 767px) {
    .comment-wrap .comments-list {
        margin-bottom: -25px; } }
@media (max-width: 480px) {
    .comment-wrap .comments-list {
        margin-bottom: -20px; } }
.comment-wrap .comments-list li {
    padding-left: 0; }
.comment-wrap .comments-list li::after {
    display: none; }
.comment-wrap .comments-list li .comment {
    padding-left: 45px;
    padding-right: 45px;
    border-radius: 30px;
    background: #fafafa; }
@media (max-width: 4096px) {
    .comment-wrap .comments-list li .comment {
        margin-bottom: 30px; } }
@media (max-width: 1600px) {
    .comment-wrap .comments-list li .comment {
        margin-bottom: 30px; } }
@media (max-width: 1440px) {
    .comment-wrap .comments-list li .comment {
        margin-bottom: 30px; } }
@media (max-width: 1199px) {
    .comment-wrap .comments-list li .comment {
        margin-bottom: 30px; } }
@media (max-width: 991px) {
    .comment-wrap .comments-list li .comment {
        margin-bottom: 25px; } }
@media (max-width: 767px) {
    .comment-wrap .comments-list li .comment {
        margin-bottom: 25px; } }
@media (max-width: 480px) {
    .comment-wrap .comments-list li .comment {
        margin-bottom: 20px; } }
@media (max-width: 4096px) {
    .comment-wrap .comments-list li .comment {
        padding-top: 20px; } }
@media (max-width: 1600px) {
    .comment-wrap .comments-list li .comment {
        padding-top: 20px; } }
@media (max-width: 1440px) {
    .comment-wrap .comments-list li .comment {
        padding-top: 20px; } }
@media (max-width: 1199px) {
    .comment-wrap .comments-list li .comment {
        padding-top: 20px; } }
@media (max-width: 991px) {
    .comment-wrap .comments-list li .comment {
        padding-top: 15px; } }
@media (max-width: 767px) {
    .comment-wrap .comments-list li .comment {
        padding-top: 15px; } }
@media (max-width: 480px) {
    .comment-wrap .comments-list li .comment {
        padding-top: 15px; } }
@media (max-width: 4096px) {
    .comment-wrap .comments-list li .comment {
        padding-bottom: 20px; } }
@media (max-width: 1600px) {
    .comment-wrap .comments-list li .comment {
        padding-bottom: 20px; } }
@media (max-width: 1440px) {
    .comment-wrap .comments-list li .comment {
        padding-bottom: 20px; } }
@media (max-width: 1199px) {
    .comment-wrap .comments-list li .comment {
        padding-bottom: 20px; } }
@media (max-width: 991px) {
    .comment-wrap .comments-list li .comment {
        padding-bottom: 15px; } }
@media (max-width: 767px) {
    .comment-wrap .comments-list li .comment {
        padding-bottom: 15px; } }
@media (max-width: 480px) {
    .comment-wrap .comments-list li .comment {
        padding-bottom: 15px; } }
.comment-wrap .comments-list li .comment .avatar {
    float: left;
    min-width: 115px;
    padding-right: 15px; }
.comment-wrap .comments-list li .comment .avatar img {
    border-radius: 20px; }
.comment-wrap .comments-list li .comment .comment-text h5, .comment-wrap .comments-list li .comment .comment-text .h5 {
    margin-bottom: 5px;
    font-weight: 600; }
.comment-wrap .comments-list li .comment .comment-text time {
    display: block; }
@media (max-width: 4096px) {
    .comment-wrap .comments-list li .comment .comment-text time {
        margin-bottom: 15px; } }
@media (max-width: 1600px) {
    .comment-wrap .comments-list li .comment .comment-text time {
        margin-bottom: 15px; } }
@media (max-width: 1440px) {
    .comment-wrap .comments-list li .comment .comment-text time {
        margin-bottom: 15px; } }
@media (max-width: 1199px) {
    .comment-wrap .comments-list li .comment .comment-text time {
        margin-bottom: 15px; } }
@media (max-width: 991px) {
    .comment-wrap .comments-list li .comment .comment-text time {
        margin-bottom: 10px; } }
@media (max-width: 767px) {
    .comment-wrap .comments-list li .comment .comment-text time {
        margin-bottom: 10px; } }
@media (max-width: 480px) {
    .comment-wrap .comments-list li .comment .comment-text time {
        margin-bottom: 10px; } }
.comment-wrap .comments-list li .comment .comment-text p {
    padding-left: 115px;
    margin-bottom: 0;
    letter-spacing: 1px; }
.comment-wrap .comments-list li .comment .comment-text .reply {
    display: block;
    font-size: 15px;
    text-align: right;
    color: #262626; }
.comment-wrap .comments-list li .comment .comment-text .reply:hover {
    color: #861dec; }
.comment-wrap .comments-list li ul {
    padding-left: 50px; }
@media (max-width: 991px) {
    .comment-wrap .comments-list li .comment {
        padding-left: 25px;
        padding-right: 25px; }
    .comment-wrap .comments-list li ul {
        padding-left: 20px; } }
@media (max-width: 480px) {
    .comment-wrap .comments-list li .comment .avatar {
        margin-bottom: 15px; }
    .comment-wrap .comments-list li .comment .comment-text {
        padding-top: 10px; }
    .comment-wrap .comments-list li .comment .comment-text p {
        padding-left: 0;
        clear: both; } }

/*===> End comment wrap <===*/
/*===> Begin single post content <===*/
@media (max-width: 4096px) {
    .single-post-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .single-post-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .single-post-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .single-post-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .single-post-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .single-post-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .single-post-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .single-post-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .single-post-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .single-post-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .single-post-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .single-post-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .single-post-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .single-post-content {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .single-post-content .contact-form {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .single-post-content .contact-form {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .single-post-content .contact-form {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .single-post-content .contact-form {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .single-post-content .contact-form {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .single-post-content .contact-form {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .single-post-content .contact-form {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .single-post-content .contact-form {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .single-post-content .contact-form {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .single-post-content .contact-form {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .single-post-content .contact-form {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .single-post-content .contact-form {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .single-post-content .contact-form {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .single-post-content .contact-form {
        padding-bottom: 30px; } }

.single-post-content .contact-form h3, .single-post-content .contact-form .h3 {
    padding-left: 15px; }
@media (max-width: 4096px) {
    .single-post-content .contact-form h3, .single-post-content .contact-form .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .single-post-content .contact-form h3, .single-post-content .contact-form .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .single-post-content .contact-form h3, .single-post-content .contact-form .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .single-post-content .contact-form h3, .single-post-content .contact-form .h3 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .single-post-content .contact-form h3, .single-post-content .contact-form .h3 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .single-post-content .contact-form h3, .single-post-content .contact-form .h3 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .single-post-content .contact-form h3, .single-post-content .contact-form .h3 {
        margin-bottom: 30px; } }

.single-post-content .contact-form button {
    margin-left: 15px; }

@media (max-width: 767px) {
    .single-post-content .contact-form button {
        margin-left: auto; } }

/*===> End single post content <===*/
/*===> Begin contact block wrap <===*/
@media (max-width: 4096px) {
    .contact-block-wrap {
        margin-bottom: 40px; } }

@media (max-width: 1600px) {
    .contact-block-wrap {
        margin-bottom: 40px; } }

@media (max-width: 1440px) {
    .contact-block-wrap {
        margin-bottom: 40px; } }

@media (max-width: 1199px) {
    .contact-block-wrap {
        margin-bottom: 40px; } }

@media (max-width: 991px) {
    .contact-block-wrap {
        margin-bottom: 35px; } }

@media (max-width: 767px) {
    .contact-block-wrap {
        margin-bottom: 35px; } }

@media (max-width: 480px) {
    .contact-block-wrap {
        margin-bottom: 30px; } }

@media (max-width: 4096px) {
    .contact-block-wrap .contact-block {
        margin-bottom: 30px; } }

@media (max-width: 1600px) {
    .contact-block-wrap .contact-block {
        margin-bottom: 30px; } }

@media (max-width: 1440px) {
    .contact-block-wrap .contact-block {
        margin-bottom: 30px; } }

@media (max-width: 1199px) {
    .contact-block-wrap .contact-block {
        margin-bottom: 30px; } }

@media (max-width: 991px) {
    .contact-block-wrap .contact-block {
        margin-bottom: 25px; } }

@media (max-width: 767px) {
    .contact-block-wrap .contact-block {
        margin-bottom: 25px; } }

@media (max-width: 480px) {
    .contact-block-wrap .contact-block {
        margin-bottom: 20px; } }

.contact-block-wrap .contact-block h5, .contact-block-wrap .contact-block .h5 {
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase; }

.contact-block-wrap .contact-block a {
    display: block;
    margin-bottom: 5px;
    text-align: left;
    color: #333; }
.contact-block-wrap .contact-block a:hover {
    color: #861dec; }
.contact-block-wrap .contact-block a:hover i {
    color: #861dec; }
.contact-block-wrap .contact-block a i {
    color: #262626;
    transition: color .2s; }

.contact-block-wrap .contact-block .soc-list {
    width: 100%;
    max-width: 150px;
    min-width: 150px;
    margin-right: auto;
    margin-bottom: -10px; }
.contact-block-wrap .contact-block .soc-list li {
    width: 20%;
    margin-right: 0;
    text-align: center; }
.contact-block-wrap .contact-block .soc-list a {
    font-size: 20px;
    margin-bottom: 10px; }

@media (max-width: 767px) {
    .contact-block-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0; } }

@media (max-width: 480px) {
    .contact-block-wrap {
        -ms-flex-direction: column;
        flex-direction: column; } }

/*===> End contact block wrap <===*/
/*===> Begin contact content <===*/
@media (max-width: 4096px) {
    .contact-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .contact-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .contact-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .contact-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .contact-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .contact-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .contact-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .contact-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .contact-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .contact-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .contact-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .contact-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .contact-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .contact-content {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .contact-content .section-title {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .contact-content .section-title {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .contact-content .section-title {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .contact-content .section-title {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .contact-content .section-title {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .contact-content .section-title {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .contact-content .section-title {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .contact-content .contact-form {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .contact-content .contact-form {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .contact-content .contact-form {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .contact-content .contact-form {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .contact-content .contact-form {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .contact-content .contact-form {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .contact-content .contact-form {
        padding-bottom: 30px; } }

.contact-content .contact-form h3, .contact-content .contact-form .h3 {
    padding-left: 15px; }
@media (max-width: 4096px) {
    .contact-content .contact-form h3, .contact-content .contact-form .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1600px) {
    .contact-content .contact-form h3, .contact-content .contact-form .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1440px) {
    .contact-content .contact-form h3, .contact-content .contact-form .h3 {
        margin-bottom: 40px; } }
@media (max-width: 1199px) {
    .contact-content .contact-form h3, .contact-content .contact-form .h3 {
        margin-bottom: 40px; } }
@media (max-width: 991px) {
    .contact-content .contact-form h3, .contact-content .contact-form .h3 {
        margin-bottom: 35px; } }
@media (max-width: 767px) {
    .contact-content .contact-form h3, .contact-content .contact-form .h3 {
        margin-bottom: 35px; } }
@media (max-width: 480px) {
    .contact-content .contact-form h3, .contact-content .contact-form .h3 {
        margin-bottom: 30px; } }

.contact-content .contact-form button {
    /*margin-left: 15px;*/ }

@media (max-width: 991px) {
    .contact-content .contact-form .input-field {
        -ms-flex-direction: column;
        flex-direction: column; }
    .contact-content .contact-form .input-field .input-wrap {
        width: 100%; } }

@media (max-width: 767px) {
    .contact-content .contact-form button {
        margin-left: auto; } }

/*===> End contact content <===*/
/*===> Begin services page <===*/
@media (max-width: 1199px) {
    .services-page .pagination {
        display: none; }
    .services-page .services-slider .slider-card {
        margin-bottom: 0; }
    .services-page .services-section .container {
        padding-bottom: 0; } }

@media (max-width: 1199px) and (max-width: 4096px) {
    .services-page .services-section.white-mode .services-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) and (max-width: 1600px) {
    .services-page .services-section.white-mode .services-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) and (max-width: 1440px) {
    .services-page .services-section.white-mode .services-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) and (max-width: 1199px) {
    .services-page .services-section.white-mode .services-card {
        margin-bottom: 40px; } }

@media (max-width: 1199px) and (max-width: 991px) {
    .services-page .services-section.white-mode .services-card {
        margin-bottom: 35px; } }

@media (max-width: 1199px) and (max-width: 767px) {
    .services-page .services-section.white-mode .services-card {
        margin-bottom: 35px; } }

@media (max-width: 1199px) and (max-width: 480px) {
    .services-page .services-section.white-mode .services-card {
        margin-bottom: 30px; } }

@media (max-width: 1199px) {
    .services-page .services-section.white-mode .services-slider {
        margin-bottom: 0; } }

/*===> End services page <===*/
/*===> Begin pricing plan section <===*/
@media (max-width: 4096px) {
    .pricing-plan-section {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .pricing-plan-section {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .pricing-plan-section {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .pricing-plan-section {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .pricing-plan-section {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .pricing-plan-section {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .pricing-plan-section {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .pricing-plan-section {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .pricing-plan-section {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .pricing-plan-section {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .pricing-plan-section {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .pricing-plan-section {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .pricing-plan-section {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .pricing-plan-section {
        padding-bottom: 30px; } }

@media (max-width: 4096px) {
    .pricing-plan-section .container {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .pricing-plan-section .container {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .pricing-plan-section .container {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .pricing-plan-section .container {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .pricing-plan-section .container {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .pricing-plan-section .container {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .pricing-plan-section .container {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .pricing-plan-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .pricing-plan-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .pricing-plan-section .container {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .pricing-plan-section .container {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .pricing-plan-section .container {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .pricing-plan-section .container {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .pricing-plan-section .container {
        padding-bottom: 30px; } }

.pricing-plan-section .pricing-plan-list {
    margin-left: -15px;
    margin-right: -15px; }
.pricing-plan-section .pricing-plan-list .slide-card {
    width: 33.333%;
    padding-left: 15px;
    padding-right: 15px; }

@media (max-width: 991px) {
    .pricing-plan-section .pricing-plan-list {
        display: block; } }

/*===> End pricing plan section <===*/
/*===> Begin pricing plan card <===*/
.pricing-plan-card {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    background: #fafafa;
    overflow: hidden;
    padding-bottom: 30px; }
.pricing-plan-card .pricing-plan-head {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 125px;
    margin-bottom: 30px; }
.pricing-plan-card .pricing-plan-head h3, .pricing-plan-card .pricing-plan-head .h3 {
    position: relative;
    z-index: 10;
    margin-bottom: 25px;
    font-weight: 400;
    text-align: center;
    color: #fff; }
.pricing-plan-card .pricing-plan-head svg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    max-width: none; }
.pricing-plan-card .pricing-plan-head svg .cls-2 {
    fill: #861dec;
    stroke: none;
    opacity: 1; }
.pricing-plan-card .pricing-plan-head svg .cls-1 {
    fill: #861dec;
    opacity: .8; }
.pricing-plan-card .pricing-plan-content {
    padding: 0 5px; }
.pricing-plan-card .pricing-plan-content .pricing-plan-check-list {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
.pricing-plan-card .pricing-plan-content .pricing-plan-check-list li {
    padding-left: 0; }
.pricing-plan-card .pricing-plan-content .pricing-plan-check-list li::after {
    content: '\f00c';
    display: none;
    font-size: 12px;
    color: #861dec; }
.pricing-plan-card .pricing-plan-content .pricing-plan-check-list li p {
    font-size: 17px;
    font-weight: 400; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 300px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio .pricing-form-radio__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 5px; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio .pricing-form-radio__item span {
    margin-bottom: 5px;
    font-style: italic;
    font-size: 17px;
    letter-spacing: .7px;
    color: #666; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio .pricing-form-radio__item span::last-child {
    margin-bottom: 0; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio .pricing-form-radio__item span.cost {
    font-weight: 900;
    font-style: normal;
    letter-spacing: .3px;
    color: #333; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio input {
    position: absolute;
    opacity: 0; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio input:checked + label::after {
    border: 1px solid #861dec;
    background: #861dec; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio label {
    padding-left: 17px;
    position: relative;
    cursor: pointer;
    text-align: left; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio label::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 12px;
    min-width: 12px;
    height: 12px;
    border: 1px solid #666;
    border-radius: 50%; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio label span {
    margin-bottom: 5px;
    font-style: italic;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: .7px;
    color: #666; }
.pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio label span.cost {
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-weight: 900;
    font-style: normal;
    letter-spacing: .3px;
    color: #333; }
.pricing-plan-card .pricing-plan-content .pricing-form button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 165px; }

/*===> End pricing plan card <===*/
/*===> Begin skill block <===*/
.skill-block {
    position: relative;
    height: 145px;
    margin-bottom: 30px; }
.skill-block.flex-row {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 54px; }
.skill-block.flex-row .skill-block__text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 75px; }
.skill-block .experience-wrap {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    min-width: 90px;
    padding-left: 12px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.skill-block .experience-wrap::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 12px;
    width: 90px;
    min-width: 90px;
    height: 90px;
    border-radius: 15px;
    background: #861dec;
    opacity: .5;
    -ms-transform: rotate(60deg) translate(0, 0);
    transform: rotate(60deg) translate(0, 0); }
.skill-block .experience {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin-right: -44px;
    border-radius: 15px;
    -ms-transform: rotate(45deg) translate(0, 0);
    transform: rotate(45deg) translate(0, 0);
    /* Old browsers */
    background: #401e9d;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #401e9d 0%, #861dec 100%); }
.skill-block .experience p {
    margin-bottom: 0;
    -ms-transform: rotate(-45deg) translate(0, 0);
    transform: rotate(-45deg) translate(0, 0);
    font-size: 50px;
    font-weight: 900;
    line-height: 1em;
    color: #fff; }
.skill-block .skill-block__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 15px 30px;
    border-radius: 15px;
    background: #fafafa; }
.skill-block .skill-block__text *:last-child {
    margin-bottom: 0; }
.skill-block .skill-block__text h4, .skill-block .skill-block__text .h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 30px;
    color: #333; }
.skill-block .skill-block__text h2, .skill-block .skill-block__text .h2 {
    margin-bottom: 10px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    letter-spacing: 2px;
    color: #861dec; }
@media (max-width: 767px) {
    .skill-block.flex-row {
        padding-left: 40px; }
    .skill-block.flex-row .skill-block__text {
        width: 100%;
        padding-left: 60px;
        padding-right: 10px; }
    .skill-block .experience-wrap::after {
        width: 70px;
        min-width: 70px;
        height: 70px; }
    .skill-block .experience {
        width: 70px;
        min-width: 70px;
        height: 70px; }
    .skill-block .experience p {
        font-size: 40px; }
    .skill-block .skill-block__text {
        padding-right: 15px; } }
@media (max-width: 480px) {
    .skill-block {
        height: 130px; } }

.skill-block-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-left: -15px;
    margin-right: -15px; }
.skill-block-list.on-scroll li {
    opacity: 0;
    transition: all .3s;
    -ms-transform: translate(0, 40px) scale(0.95);
    transform: translate(0, 40px) scale(0.95); }
.skill-block-list.on-scroll.show-scroll li {
    opacity: 1;
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); }
.skill-block-list li {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px; }
.skill-block-list li::after {
    display: none; }
@media (max-width: 1199px) {
    .skill-block-list {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto; }
    .skill-block-list li {
        width: 50%; } }
@media (max-width: 991px) {
    .skill-block-list {
        max-width: none;
        margin-left: -15px;
        margin-right: -15px; } }
@media (max-width: 480px) {
    .skill-block-list li {
        width: 100%; } }

/*===> End skill block <===*/
/*===> Begin color theme 2 <===*/
.color-theme-2 {
    /*===> Begin back top <===*/
    /*===> End back top <===*/
    /*===> Begin base <===*/
    /*===> End base <===*/
    /*===> Begin component <===*/
    /*===> End component <===*/
    /*===> Begin header <===*/
    /*===> Begin header <===*/
    /*===> Begin footer <===*/
    /*===> End footer <===*/
    /*===> Begin about <===*/
    /*===> End about <===*/
    /*===> Begin skill block <===*/
    /*===> End skill block <===*/
    /*===> Begin progress list <===*/
    /*===> End progress list <===*/
    /*===> Begin services card <===*/
    /*===> End services card <===*/
    /*===> Begin tab wrap <===*/
    /*===> End tab wrap <===*/
    /*===> Begin grid work <===*/
    /*===> End grid work <===*/
    /*===> Begin news card <===*/
    /*===> End news card <===*/
    /*===> Begin section title <===*/
    /*===> End section title <===*/
    /*===> Begin slick dots <===*/
    /*===> End slick dots <===*/
    /*===> Begin testimonial block <===*/
    /*===> End testimonial block <===*/
    /*===> Begin big social block <===*/
    /*===> End big social block <===*/
    /*===> Begin label wrap <===*/
    /*===> End label wrap <===*/
    /*===> Begin rhomb <===*/
    /*===> End rhomb <===*/
    /*===> Begin theme settings wrap <===*/
    /*===> End theme settings wrap <===*/
    /*===> Begin page name section <===*/
    /*===> End page name section <===*/
    /*===> Begin about page <===*/
    /*===> End about page <===*/
    /*===> Begin pagination <===*/
    /*===> End pagination <===*/
    /*===> Begin work pocess wrap <===*/
    /*===> End work pocess wrap <===*/
    /*===> Block block header <===*/
    /*===> End block header <===*/
    /*===> Begin single portfolio article <===*/
    /*===> End single portfolio article <===*/
    /*===> Begin soc list <===*/
    /*===> End soc list <===*/
    /*===> Begin blog article <===*/
    /*===> End blog article <===*/
    /*===> Begin comment wrap <===*/
    /*===> End comment wrap <===*/
    /*===> Begin contact block wrap <===*/
    /*===> End contact block wrap <===*/
    /*===> Begin preloader <===*/
    /*===> End preloader <===*/
    /*===> Begin expirience list <===*/
    /*===> End expirience list <===*/
    /*===> Begin pricing plan card <===*/
    /*===> End pricing plan card <===*/ }
.color-theme-2 .proffesion {
    color: #3b53f1; }
.color-theme-2 .back-top {
    background-image: linear-gradient(35deg, #1c2184 0%, #3b53f1 100%); }
.color-theme-2 .back-top:hover {
    background-image: linear-gradient(35deg, #3b53f1 0%, #1c2184 100%); }
.color-theme-2 blockquote .quote-mark {
    background: #3b53f1; }
.color-theme-2 blockquote .author-position {
    color: #3b53f1; }
.color-theme-2 a:hover {
    color: #3b53f1; }
.color-theme-2 button,
.color-theme-2 .button {
    background: #1c2184; }
.color-theme-2 button:hover,
.color-theme-2 .button:hover {
    background: #3b53f1; }
.color-theme-2 button.reverce-color,
.color-theme-2 .button.reverce-color {
    background: #3b53f1; }
.color-theme-2 button.reverce-color:hover,
.color-theme-2 .button.reverce-color:hover {
    background: #1c2184; }
.color-theme-2 .main-nav-list li a:hover, .color-theme-2 .main-nav-list li p:hover {
    color: #3b53f1; }
.color-theme-2 .main-nav-list li a.active, .color-theme-2 .main-nav-list li p.active {
    color: #3b53f1; }
.color-theme-2 .main-nav-list li a.active::after, .color-theme-2 .main-nav-list li p.active::after {
    background: #3b53f1; }
.color-theme-2 .main-nav-list li a.active + i, .color-theme-2 .main-nav-list li p.active + i {
    color: #3b53f1; }
.color-theme-2 .main-nav-list .nav-box a:hover, .color-theme-2 .main-nav-list .nav-box p:hover {
    color: #3b53f1; }
.color-theme-2 .main-nav-list .nav-box a:hover + i, .color-theme-2 .main-nav-list .nav-box p:hover + i {
    color: #3b53f1; }
.color-theme-2 header .header-wrap .logo img:nth-child(1) {
    display: none; }
.color-theme-2 header .header-wrap .logo img:nth-child(2) {
    display: block; }
.color-theme-2 .humburger span,
.color-theme-2 .close-nav span {
    background: #3b53f1; }
.color-theme-2 header .header-wrap .header-search p:hover {
    color: #1c2184; }
.color-theme-2 .user-logo-wrap {
    background: rgba(59, 83, 241, 0.8); }
.color-theme-2 .user-logo-wrap .user-logo {
    background: #3b53f1; }
.color-theme-2 footer svg .cls-1 {
    fill: #1c2184; }
.color-theme-2 footer .footer-bottom {
    background: #111550; }
@media (max-width: 991px) {
    .color-theme-2 footer {
        background: #1c2184; } }
.color-theme-2 .about-section .about-logo svg linearGradient stop:nth-child(1) {
    stop-color: #1c2184; }
.color-theme-2 .about-section .about-logo svg linearGradient stop:nth-child(2) {
    stop-color: #3b53f1; }
.color-theme-2 .about-section .about-logo .img-wrap .soc-list {
    background-image: linear-gradient(65deg, #1c2184 0%, #3b53f1 100%); }
.color-theme-2 .skill-block .experience-wrap::after {
    background: #3b53f1; }
.color-theme-2 .skill-block .experience {
    /* Old browsers */
    background: #1c2184;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #1c2184 0%, #3b53f1 100%); }
.color-theme-2 .skill-block .skill-block__text h2, .color-theme-2 .skill-block .skill-block__text .h2 {
    color: #3b53f1; }
.color-theme-2 .progress-list .progress-wrap:nth-child(odd) .progress-block .progress-line {
    background: #1c2184; }
.color-theme-2 .progress-list .progress-wrap:nth-child(even) .progress-block .progress-line {
    background: #3b53f1; }
.color-theme-2 .services-card .services-card-ico {
    /* Old browsers */
    background: #1c2184;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #1c2184 0%, #3b53f1 100%); }
.color-theme-2 .services-card .services-card-ico-wrap::after {
    background: #3b53f1; }
.color-theme-2 .tab-wrap .tab-head-wrap .tab-head:hover {
    /* Old browsers */
    background: #1c2184;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #1c2184 0%, #3b53f1 100%); }
.color-theme-2 .tab-wrap .tab-head-wrap .tab-head.active {
    box-shadow: 0px 4px 40px rgba(59, 83, 241, 0.58);
    /* Old browsers */
    background: #1c2184;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #1c2184 0%, #3b53f1 100%); }
.color-theme-2 .tab-wrap .tab-content .tab-card::after {
    border-left: 8px solid #1c2184; }
.color-theme-2 .grid-item .hide-grid-info::after {
    /* Old browsers */
    background: #1c2184;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #1c2184 0%, #3b53f1 100%); }
.color-theme-2 .grid-item .hide-grid-info .plus {
    border-right: 50px solid #1c2184;
    border-bottom: 50px solid #1c2184; }
.color-theme-2 .grid-item.extended .item-text .proffesion {
    color: #3b53f1; }
.color-theme-2 .grid-filter ul li a.active {
    /* Old browsers */
    background: #1c2184;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #1c2184 0%, #3b53f1 100%); }
.color-theme-2 .news-card .news-card-info .news-card-head time {
    background: #3b53f1; }
.color-theme-2 .news-card .news-card-info .card-tags-list li a:hover {
    color: #3b53f1; }
.color-theme-2 .blog-article .news-card-head .card-tags-list li a:hover {
    color: #3b53f1; }
.color-theme-2 .blog-article .news-card-head time {
    background: #3b53f1; }
.color-theme-2 .section-title .title-dvider::after, .color-theme-2 .section-title .title-dvider::before {
    background: #3b53f1; }
.color-theme-2 .section-title .title-dvider span {
    border: 1px solid #3b53f1; }
.color-theme-2 .slick-dots li.slick-active button {
    background: #3b53f1; }
.color-theme-2 .slick-dots li button:hover {
    background: #1c2184; }
.color-theme-2 .testimonial-block .testimonial-desc .possition {
    color: #1c2184; }
.color-theme-2 .big-social-block .social-block .desc a:hover {
    color: #3b53f1; }
.color-theme-2 .label-wrap input:focus {
    border: 1px solid #3b53f1; }
.color-theme-2 .textarea-wrap textarea:focus {
    border: 1px solid #3b53f1; }
.color-theme-2 .rhomb {
    border-color: #1c2184; }
.color-theme-2 .theme-settings-wrap .theme-settings-buttons .settings-button.active {
    background: #3b53f1; }
.color-theme-2 .theme-settings-wrap .colors input:checked + label {
    border: 3px solid #111550; }
.color-theme-2 .page-name-section svg .cls-1, .color-theme-2 .page-name-section svg .cls-2, .color-theme-2 .page-name-section svg .cls-3 {
    fill: #3b53f1; }
@media (max-width: 767px) {
    .color-theme-2 .page-name-section::after {
        background: rgba(59, 83, 241, 0.8); } }
.color-theme-2.about .about-section .about-desc ul li::after {
    color: #3b53f1; }
.color-theme-2 .pagination .custom-pagination li a.active {
    color: #3b53f1; }
.color-theme-2 .work-pocess-wrap .work-pocess-list li .number {
    border: 1px solid #3b53f1; }
.color-theme-2 .work-pocess-wrap .work-pocess-list li .number p {
    background: #3b53f1; }
.color-theme-2 .block-header .profession {
    color: #3b53f1; }
.color-theme-2 .single-portfolio-article .portfolio-article-text .portfolio-article-info a:hover {
    color: #3b53f1; }
.color-theme-2 .soc-list li a:hover {
    color: #3b53f1; }
.color-theme-2 .article-tags::after {
    color: #3b53f1; }
.color-theme-2 .comment-wrap .comments-list li .comment .comment-text .reply:hover {
    color: #3b53f1; }
.color-theme-2 .contact-block-wrap .contact-block a:hover {
    color: #3b53f1; }
.color-theme-2 .contact-block-wrap .contact-block a:hover i {
    color: #3b53f1; }
.color-theme-2 .preloader #cube-loader .cube-loader .cube:before {
    background: #3b53f1; }
.color-theme-2 .expirience-list li .dot {
    border: 1px solid #3b53f1; }
.color-theme-2 .expirience-list li .dot::before {
    background: #3b53f1; }
.color-theme-2 .expirience-list .expirience-block .time {
    color: #3b53f1; }
.color-theme-2 .pricing-plan-card .pricing-plan-head svg .cls-2 {
    fill: #3b53f1; }
.color-theme-2 .pricing-plan-card .pricing-plan-head svg .cls-1 {
    fill: #3b53f1; }
.color-theme-2 .pricing-plan-card .pricing-plan-content .pricing-plan-check-list li::after {
    color: #3b53f1; }
.color-theme-2 .pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio input:checked + label::after {
    border: 1px solid #3b53f1;
    background: #3b53f1; }

/*===> End color theme 2 <===*/
/*===> Begin color theme 3 <===*/
.color-theme-3 {
    /*===> Begin back top <===*/
    /*===> End back top <===*/
    /*===> Begin base <===*/
    /*===> End base <===*/
    /*===> Begin component <===*/
    /*===> End component <===*/
    /*===> Begin header <===*/
    /*===> Begin header <===*/
    /*===> Begin footer <===*/
    /*===> End footer <===*/
    /*===> Begin about <===*/
    /*===> End about <===*/
    /*===> Begin skill block <===*/
    /*===> End skill block <===*/
    /*===> Begin progress list <===*/
    /*===> End progress list <===*/
    /*===> Begin services card <===*/
    /*===> End services card <===*/
    /*===> Begin tab wrap <===*/
    /*===> End tab wrap <===*/
    /*===> Begin grid work <===*/
    /*===> End grid work <===*/
    /*===> Begin news card <===*/
    /*===> End news card <===*/
    /*===> Begin section title <===*/
    /*===> End section title <===*/
    /*===> Begin slick dots <===*/
    /*===> End slick dots <===*/
    /*===> Begin testimonial block <===*/
    /*===> End testimonial block <===*/
    /*===> Begin big social block <===*/
    /*===> End big social block <===*/
    /*===> Begin label wrap <===*/
    /*===> End label wrap <===*/
    /*===> Begin rhomb <===*/
    /*===> End rhomb <===*/
    /*===> Begin theme settings wrap <===*/
    /*===> End theme settings wrap <===*/
    /*===> Begin theme settings wrap <===*/
    /*===> End theme settings wrap <===*/
    /*===> Begin page name section <===*/
    /*===> End page name section <===*/
    /*===> Begin about page <===*/
    /*===> End about page <===*/
    /*===> Begin pagination <===*/
    /*===> End pagination <===*/
    /*===> Begin work pocess wrap <===*/
    /*===> End work pocess wrap <===*/
    /*===> Block block header <===*/
    /*===> End block header <===*/
    /*===> Begin single portfolio article <===*/
    /*===> End single portfolio article <===*/
    /*===> Begin soc list <===*/
    /*===> End soc list <===*/
    /*===> Begin blog article <===*/
    /*===> End blog article <===*/
    /*===> Begin comment wrap <===*/
    /*===> End comment wrap <===*/
    /*===> Begin contact block wrap <===*/
    /*===> End contact block wrap <===*/
    /*===> Begin preloader <===*/
    /*===> End preloader <===*/
    /*===> Begin expirience list <===*/
    /*===> End expirience list <===*/
    /*===> Begin pricing plan card <===*/
    /*===> End pricing plan card <===*/ }
.color-theme-3 .proffesion {
    color: #89216b; }
.color-theme-3 .back-top {
    background-image: linear-gradient(35deg, #631139 0%, #89216b 100%); }
.color-theme-3 .back-top:hover {
    background-image: linear-gradient(35deg, #89216b 0%, #631139 100%); }
.color-theme-3 blockquote .quote-mark {
    background: #89216b; }
.color-theme-3 blockquote .author-position {
    color: #89216b; }
.color-theme-3 a:hover {
    color: #89216b; }
.color-theme-3 button,
.color-theme-3 .button {
    background: #631139; }
.color-theme-3 button:hover,
.color-theme-3 .button:hover {
    background: #89216b; }
.color-theme-3 button.reverce-color,
.color-theme-3 .button.reverce-color {
    background: #89216b; }
.color-theme-3 button.reverce-color:hover,
.color-theme-3 .button.reverce-color:hover {
    background: #631139; }
.color-theme-3 .main-nav-list li a:hover, .color-theme-3 .main-nav-list li p:hover {
    color: #89216b; }
.color-theme-3 .main-nav-list li a.active, .color-theme-3 .main-nav-list li p.active {
    color: #89216b; }
.color-theme-3 .main-nav-list li a.active::after, .color-theme-3 .main-nav-list li p.active::after {
    background: #89216b; }
.color-theme-3 .main-nav-list li a.active + i, .color-theme-3 .main-nav-list li p.active + i {
    color: #89216b; }
.color-theme-3 .main-nav-list .nav-box a:hover, .color-theme-3 .main-nav-list .nav-box p:hover {
    color: #89216b; }
.color-theme-3 .main-nav-list .nav-box a:hover + i, .color-theme-3 .main-nav-list .nav-box p:hover + i {
    color: #89216b; }
.color-theme-3 header .header-wrap .logo img:nth-child(1) {
    display: none; }
.color-theme-3 header .header-wrap .logo img:nth-child(3) {
    display: block; }
.color-theme-3 .humburger span,
.color-theme-3 .close-nav span {
    background: #89216b; }
.color-theme-3 header .header-wrap .header-search p:hover {
    color: #631139; }
.color-theme-3 .user-logo-wrap {
    background: rgba(137, 33, 107, 0.8); }
.color-theme-3 .user-logo-wrap .user-logo {
    background: #89216b; }
.color-theme-3 footer svg .cls-1 {
    fill: #631139; }
.color-theme-3 footer .footer-bottom {
    background: #2f081b; }
@media (max-width: 991px) {
    .color-theme-3 footer {
        background: #631139; } }
.color-theme-3 .about-section .about-logo svg linearGradient stop:nth-child(1) {
    stop-color: #631139; }
.color-theme-3 .about-section .about-logo svg linearGradient stop:nth-child(2) {
    stop-color: #89216b; }
.color-theme-3 .about-section .about-logo .img-wrap .soc-list {
    background-image: linear-gradient(65deg, #631139 0%, #89216b 100%); }
.color-theme-3 .skill-block .experience-wrap::after {
    background: #89216b; }
.color-theme-3 .skill-block .experience {
    /* Old browsers */
    background: #631139;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #631139 0%, #89216b 100%); }
.color-theme-3 .skill-block .skill-block__text h2, .color-theme-3 .skill-block .skill-block__text .h2 {
    color: #89216b; }
.color-theme-3 .progress-list .progress-wrap:nth-child(odd) .progress-block .progress-line {
    background: #631139; }
.color-theme-3 .progress-list .progress-wrap:nth-child(even) .progress-block .progress-line {
    background: #89216b; }
.color-theme-3 .services-card .services-card-ico {
    /* Old browsers */
    background: #631139;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #631139 0%, #89216b 100%); }
.color-theme-3 .services-card .services-card-ico-wrap::after {
    background: #89216b; }
.color-theme-3 .tab-wrap .tab-head-wrap .tab-head:hover {
    /* Old browsers */
    background: #631139;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #631139 0%, #89216b 100%); }
.color-theme-3 .tab-wrap .tab-head-wrap .tab-head.active {
    box-shadow: 0px 4px 40px rgba(137, 33, 107, 0.58);
    /* Old browsers */
    background: #631139;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #631139 0%, #89216b 100%); }
.color-theme-3 .tab-wrap .tab-content .tab-card::after {
    border-left: 8px solid #631139; }
.color-theme-3 .grid-item .hide-grid-info::after {
    /* Old browsers */
    background: #631139;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #631139 0%, #89216b 100%); }
.color-theme-3 .grid-item .hide-grid-info .plus {
    border-right: 50px solid #631139;
    border-bottom: 50px solid #631139; }
.color-theme-3 .grid-item.extended .item-text .proffesion {
    color: #89216b; }
.color-theme-3 .grid-filter ul li a.active {
    /* Old browsers */
    background: #631139;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #631139 0%, #89216b 100%); }
.color-theme-3 .news-card .news-card-info .news-card-head time {
    background: #89216b; }
.color-theme-3 .news-card .news-card-info .card-tags-list li a:hover {
    color: #89216b; }
.color-theme-3 .blog-article .news-card-head .card-tags-list li a:hover {
    color: #89216b; }
.color-theme-3 .blog-article .news-card-head time {
    background: #89216b; }
.color-theme-3 .section-title .title-dvider::after, .color-theme-3 .section-title .title-dvider::before {
    background: #89216b; }
.color-theme-3 .section-title .title-dvider span {
    border: 1px solid #89216b; }
.color-theme-3 .slick-dots li.slick-active button {
    background: #89216b; }
.color-theme-3 .slick-dots li button:hover {
    background: #631139; }
.color-theme-3 .testimonial-block .testimonial-desc .possition {
    color: #631139; }
.color-theme-3 .big-social-block .social-block .desc a:hover {
    color: #89216b; }
.color-theme-3 .label-wrap input:focus {
    border: 1px solid #89216b; }
.color-theme-3 .textarea-wrap textarea:focus {
    border: 1px solid #89216b; }
.color-theme-3 .rhomb {
    border-color: #631139; }
.color-theme-3 .theme-settings-wrap .theme-settings-buttons .settings-button.active {
    background: #89216b; }
.color-theme-3 .theme-settings-wrap .theme-settings-buttons .settings-button.active {
    background: #89216b; }
.color-theme-3 .theme-settings-wrap .colors input:checked + label {
    border: 3px solid #2f081b; }
.color-theme-3 .page-name-section svg .cls-1, .color-theme-3 .page-name-section svg .cls-2, .color-theme-3 .page-name-section svg .cls-3 {
    fill: #89216b; }
@media (max-width: 767px) {
    .color-theme-3 .page-name-section::after {
        background: rgba(137, 33, 107, 0.8); } }
.color-theme-3.about .about-section .about-desc ul li::after {
    color: #89216b; }
.color-theme-3 .pagination .custom-pagination li a.active {
    color: #89216b; }
.color-theme-3 .work-pocess-wrap .work-pocess-list li .number {
    border: 1px solid #89216b; }
.color-theme-3 .work-pocess-wrap .work-pocess-list li .number p {
    background: #89216b; }
.color-theme-3 .block-header .profession {
    color: #89216b; }
.color-theme-3 .single-portfolio-article .portfolio-article-text .portfolio-article-info a:hover {
    color: #89216b; }
.color-theme-3 .soc-list li a:hover {
    color: #89216b; }
.color-theme-3 .article-tags::after {
    color: #89216b; }
.color-theme-3 .comment-wrap .comments-list li .comment .comment-text .reply:hover {
    color: #89216b; }
.color-theme-3 .contact-block-wrap .contact-block a:hover {
    color: #89216b; }
.color-theme-3 .contact-block-wrap .contact-block a:hover i {
    color: #89216b; }
.color-theme-3 .preloader #cube-loader .cube-loader .cube:before {
    background: #89216b; }
.color-theme-3 .expirience-list li .dot {
    border: 1px solid #89216b; }
.color-theme-3 .expirience-list li .dot::before {
    background: #89216b; }
.color-theme-3 .expirience-list .expirience-block .time {
    color: #89216b; }
.color-theme-3 .pricing-plan-card .pricing-plan-head svg .cls-2 {
    fill: #89216b; }
.color-theme-3 .pricing-plan-card .pricing-plan-head svg .cls-1 {
    fill: #89216b; }
.color-theme-3 .pricing-plan-card .pricing-plan-content .pricing-plan-check-list li::after {
    color: #89216b; }
.color-theme-3 .pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio input:checked + label::after {
    border: 1px solid #89216b;
    background: #89216b; }

/*===> End color theme 3 <===*/
/*===> Begin color theme 4 <===*/
.color-theme-4 {
    /*===> Begin back top <===*/
    /*===> End back top <===*/
    /*===> Begin base <===*/
    /*===> End base <===*/
    /*===> Begin component <===*/
    /*===> End component <===*/
    /*===> Begin header <===*/
    /*===> Begin header <===*/
    /*===> Begin footer <===*/
    /*===> End footer <===*/
    /*===> Begin about <===*/
    /*===> End about <===*/
    /*===> Begin skill block <===*/
    /*===> End skill block <===*/
    /*===> Begin progress list <===*/
    /*===> End progress list <===*/
    /*===> Begin services card <===*/
    /*===> End services card <===*/
    /*===> Begin tab wrap <===*/
    /*===> End tab wrap <===*/
    /*===> Begin grid work <===*/
    /*===> End grid work <===*/
    /*===> Begin news card <===*/
    /*===> End news card <===*/
    /*===> Begin section title <===*/
    /*===> End section title <===*/
    /*===> Begin slick dots <===*/
    /*===> End slick dots <===*/
    /*===> Begin testimonial block <===*/
    /*===> End testimonial block <===*/
    /*===> Begin big social block <===*/
    /*===> End big social block <===*/
    /*===> Begin label wrap <===*/
    /*===> End label wrap <===*/
    /*===> Begin rhomb <===*/
    /*===> End rhomb <===*/
    /*===> Begin theme settings wrap <===*/
    /*===> End theme settings wrap <===*/
    /*===> Begin theme settings wrap <===*/
    /*===> End theme settings wrap <===*/
    /*===> Begin page name section <===*/
    /*===> End page name section <===*/
    /*===> Begin about page <===*/
    /*===> End about page <===*/
    /*===> Begin pagination <===*/
    /*===> End pagination <===*/
    /*===> Begin work pocess wrap <===*/
    /*===> End work pocess wrap <===*/
    /*===> Block block header <===*/
    /*===> End block header <===*/
    /*===> Begin single portfolio article <===*/
    /*===> End single portfolio article <===*/
    /*===> Begin soc list <===*/
    /*===> End soc list <===*/
    /*===> Begin blog article <===*/
    /*===> End blog article <===*/
    /*===> Begin comment wrap <===*/
    /*===> End comment wrap <===*/
    /*===> Begin contact block wrap <===*/
    /*===> End contact block wrap <===*/
    /*===> Begin preloader <===*/
    /*===> End preloader <===*/
    /*===> Begin expirience list <===*/
    /*===> End expirience list <===*/
    /*===> Begin pricing plan card <===*/
    /*===> End pricing plan card <===*/ }
.color-theme-4 .proffesion {
    color: #559f2b; }
.color-theme-4 .back-top {
    background-image: linear-gradient(35deg, #30512f 0%, #559f2b 100%); }
.color-theme-4 .back-top:hover {
    background-image: linear-gradient(35deg, #559f2b 0%, #30512f 100%); }
.color-theme-4 blockquote .quote-mark {
    background: #559f2b; }
.color-theme-4 blockquote .author-position {
    color: #559f2b; }
.color-theme-4 a:hover {
    color: #559f2b; }
.color-theme-4 button,
.color-theme-4 .button {
    background: #30512f; }
.color-theme-4 button:hover,
.color-theme-4 .button:hover {
    background: #559f2b; }
.color-theme-4 button.reverce-color,
.color-theme-4 .button.reverce-color {
    background: #559f2b; }
.color-theme-4 button.reverce-color:hover,
.color-theme-4 .button.reverce-color:hover {
    background: #30512f; }
.color-theme-4 .main-nav-list li a:hover, .color-theme-4 .main-nav-list li p:hover {
    color: #559f2b; }
.color-theme-4 .main-nav-list li a.active, .color-theme-4 .main-nav-list li p.active {
    color: #559f2b; }
.color-theme-4 .main-nav-list li a.active::after, .color-theme-4 .main-nav-list li p.active::after {
    background: #559f2b; }
.color-theme-4 .main-nav-list li a.active + i, .color-theme-4 .main-nav-list li p.active + i {
    color: #559f2b; }
.color-theme-4 .main-nav-list .nav-box a:hover, .color-theme-4 .main-nav-list .nav-box p:hover {
    color: #559f2b; }
.color-theme-4 .main-nav-list .nav-box a:hover + i, .color-theme-4 .main-nav-list .nav-box p:hover + i {
    color: #559f2b; }
.color-theme-4 header .header-wrap .logo img:nth-child(1) {
    display: none; }
.color-theme-4 header .header-wrap .logo img:nth-child(4) {
    display: block; }
.color-theme-4 .humburger span,
.color-theme-4 .close-nav span {
    background: #559f2b; }
.color-theme-4 header .header-wrap .header-search p:hover {
    color: #30512f; }
.color-theme-4 .user-logo-wrap {
    background: rgba(85, 159, 43, 0.8); }
.color-theme-4 .user-logo-wrap .user-logo {
    background: #559f2b; }
.color-theme-4 footer svg .cls-1 {
    fill: #30512f; }
.color-theme-4 footer .footer-bottom {
    background: #121d11; }
@media (max-width: 991px) {
    .color-theme-4 footer {
        background: #30512f; } }
.color-theme-4 .about-section .about-logo svg linearGradient stop:nth-child(1) {
    stop-color: #30512f; }
.color-theme-4 .about-section .about-logo svg linearGradient stop:nth-child(2) {
    stop-color: #559f2b; }
.color-theme-4 .about-section .about-logo .img-wrap .soc-list {
    background-image: linear-gradient(65deg, #30512f 0%, #559f2b 100%); }
.color-theme-4 .skill-block .experience-wrap::after {
    background: #559f2b; }
.color-theme-4 .skill-block .experience {
    /* Old browsers */
    background: #30512f;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #30512f 0%, #559f2b 100%); }
.color-theme-4 .skill-block .skill-block__text h2, .color-theme-4 .skill-block .skill-block__text .h2 {
    color: #559f2b; }
.color-theme-4 .progress-list .progress-wrap:nth-child(odd) .progress-block .progress-line {
    background: #30512f; }
.color-theme-4 .progress-list .progress-wrap:nth-child(even) .progress-block .progress-line {
    background: #559f2b; }
.color-theme-4 .services-card .services-card-ico {
    /* Old browsers */
    background: #30512f;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #30512f 0%, #559f2b 100%); }
.color-theme-4 .services-card .services-card-ico-wrap::after {
    background: #559f2b; }
.color-theme-4 .tab-wrap .tab-head-wrap .tab-head:hover {
    /* Old browsers */
    background: #30512f;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #30512f 0%, #559f2b 100%); }
.color-theme-4 .tab-wrap .tab-head-wrap .tab-head.active {
    box-shadow: 0px 4px 40px rgba(85, 159, 43, 0.58);
    /* Old browsers */
    background: #30512f;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #30512f 0%, #559f2b 100%); }
.color-theme-4 .tab-wrap .tab-content .tab-card::after {
    border-left: 8px solid #30512f; }
.color-theme-4 .grid-item .hide-grid-info::after {
    /* Old browsers */
    background: #30512f;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #30512f 0%, #559f2b 100%); }
.color-theme-4 .grid-item .hide-grid-info .plus {
    border-right: 50px solid #30512f;
    border-bottom: 50px solid #30512f; }
.color-theme-4 .grid-item.extended .item-text .proffesion {
    color: #559f2b; }
.color-theme-4 .grid-filter ul li a.active {
    /* Old browsers */
    background: #30512f;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #30512f 0%, #559f2b 100%); }
.color-theme-4 .news-card .news-card-info .news-card-head time {
    background: #559f2b; }
.color-theme-4 .news-card .news-card-info .card-tags-list li a:hover {
    color: #559f2b; }
.color-theme-4 .blog-article .news-card-head .card-tags-list li a:hover {
    color: #559f2b; }
.color-theme-4 .blog-article .news-card-head time {
    background: #559f2b; }
.color-theme-4 .section-title .title-dvider::after, .color-theme-4 .section-title .title-dvider::before {
    background: #559f2b; }
.color-theme-4 .section-title .title-dvider span {
    border: 1px solid #559f2b; }
.color-theme-4 .slick-dots li.slick-active button {
    background: #559f2b; }
.color-theme-4 .slick-dots li button:hover {
    background: #30512f; }
.color-theme-4 .testimonial-block .testimonial-desc .possition {
    color: #30512f; }
.color-theme-4 .big-social-block .social-block .desc a:hover {
    color: #559f2b; }
.color-theme-4 .label-wrap input:focus {
    border: 1px solid #559f2b; }
.color-theme-4 .textarea-wrap textarea:focus {
    border: 1px solid #559f2b; }
.color-theme-4 .rhomb {
    border-color: #30512f; }
.color-theme-4 .theme-settings-wrap .theme-settings-buttons .settings-button.active {
    background: #559f2b; }
.color-theme-4 .theme-settings-wrap .theme-settings-buttons .settings-button.active {
    background: #559f2b; }
.color-theme-4 .theme-settings-wrap .colors input:checked + label {
    border: 3px solid #121d11; }
.color-theme-4 .page-name-section svg .cls-1, .color-theme-4 .page-name-section svg .cls-2, .color-theme-4 .page-name-section svg .cls-3 {
    fill: #559f2b; }
@media (max-width: 767px) {
    .color-theme-4 .page-name-section::after {
        background: rgba(85, 159, 43, 0.8); } }
.color-theme-4.about .about-section .about-desc ul li::after {
    color: #559f2b; }
.color-theme-4 .pagination .custom-pagination li a.active {
    color: #559f2b; }
.color-theme-4 .work-pocess-wrap .work-pocess-list li .number {
    border: 1px solid #559f2b; }
.color-theme-4 .work-pocess-wrap .work-pocess-list li .number p {
    background: #559f2b; }
.color-theme-4 .block-header .profession {
    color: #559f2b; }
.color-theme-4 .single-portfolio-article .portfolio-article-text .portfolio-article-info a:hover {
    color: #559f2b; }
.color-theme-4 .soc-list li a:hover {
    color: #559f2b; }
.color-theme-4 .article-tags::after {
    color: #559f2b; }
.color-theme-4 .comment-wrap .comments-list li .comment .comment-text .reply:hover {
    color: #559f2b; }
.color-theme-4 .contact-block-wrap .contact-block a:hover {
    color: #559f2b; }
.color-theme-4 .contact-block-wrap .contact-block a:hover i {
    color: #559f2b; }
.color-theme-4 .preloader #cube-loader .cube-loader .cube:before {
    background: #559f2b; }
.color-theme-4 .expirience-list li .dot {
    border: 1px solid #559f2b; }
.color-theme-4 .expirience-list li .dot::before {
    background: #559f2b; }
.color-theme-4 .expirience-list .expirience-block .time {
    color: #559f2b; }
.color-theme-4 .pricing-plan-card .pricing-plan-head svg .cls-2 {
    fill: #559f2b; }
.color-theme-4 .pricing-plan-card .pricing-plan-head svg .cls-1 {
    fill: #559f2b; }
.color-theme-4 .pricing-plan-card .pricing-plan-content .pricing-plan-check-list li::after {
    color: #559f2b; }
.color-theme-4 .pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio input:checked + label::after {
    border: 1px solid #559f2b;
    background: #559f2b; }

/*===> End color theme 4 <===*/
/*===> Begin color theme 5 <===*/
.color-theme-5 {
    /*===> Begin back top <===*/
    /*===> End back top <===*/
    /*===> Begin base <===*/
    /*===> End base <===*/
    /*===> Begin component <===*/
    /*===> End component <===*/
    /*===> Begin header <===*/
    /*===> Begin header <===*/
    /*===> Begin footer <===*/
    /*===> End footer <===*/
    /*===> Begin about <===*/
    /*===> End about <===*/
    /*===> Begin skill block <===*/
    /*===> End skill block <===*/
    /*===> Begin progress list <===*/
    /*===> End progress list <===*/
    /*===> Begin services card <===*/
    /*===> End services card <===*/
    /*===> Begin tab wrap <===*/
    /*===> End tab wrap <===*/
    /*===> Begin grid work <===*/
    /*===> End grid work <===*/
    /*===> Begin news card <===*/
    /*===> End news card <===*/
    /*===> Begin section title <===*/
    /*===> End section title <===*/
    /*===> Begin slick dots <===*/
    /*===> End slick dots <===*/
    /*===> Begin testimonial block <===*/
    /*===> End testimonial block <===*/
    /*===> Begin big social block <===*/
    /*===> End big social block <===*/
    /*===> Begin label wrap <===*/
    /*===> End label wrap <===*/
    /*===> Begin rhomb <===*/
    /*===> End rhomb <===*/
    /*===> Begin theme settings wrap <===*/
    /*===> End theme settings wrap <===*/
    /*===> Begin theme settings wrap <===*/
    /*===> End theme settings wrap <===*/
    /*===> Begin page name section <===*/
    /*===> End page name section <===*/
    /*===> Begin about page <===*/
    /*===> End about page <===*/
    /*===> Begin pagination <===*/
    /*===> End pagination <===*/
    /*===> Begin work pocess wrap <===*/
    /*===> End work pocess wrap <===*/
    /*===> Block block header <===*/
    /*===> End block header <===*/
    /*===> Begin single portfolio article <===*/
    /*===> End single portfolio article <===*/
    /*===> Begin soc list <===*/
    /*===> End soc list <===*/
    /*===> Begin blog article <===*/
    /*===> End blog article <===*/
    /*===> Begin comment wrap <===*/
    /*===> End comment wrap <===*/
    /*===> Begin contact block wrap <===*/
    /*===> End contact block wrap <===*/
    /*===> Begin preloader <===*/
    /*===> End preloader <===*/
    /*===> Begin expirience list <===*/
    /*===> End expirience list <===*/
    /*===> Begin pricing plan card <===*/
    /*===> End pricing plan card <===*/ }
.color-theme-5 .proffesion {
    color: #004e92; }
.color-theme-5 .back-top {
    background-image: linear-gradient(35deg, #000428 0%, #004e92 100%); }
.color-theme-5 .back-top:hover {
    background-image: linear-gradient(35deg, #004e92 0%, #000428 100%); }
.color-theme-5 blockquote .quote-mark {
    background: #004e92; }
.color-theme-5 blockquote .author-position {
    color: #004e92; }
.color-theme-5 a:hover {
    color: #004e92; }
.color-theme-5 button,
.color-theme-5 .button {
    background: #000428; }
.color-theme-5 button:hover,
.color-theme-5 .button:hover {
    background: #004e92; }
.color-theme-5 button.reverce-color,
.color-theme-5 .button.reverce-color {
    background: #004e92; }
.color-theme-5 button.reverce-color:hover,
.color-theme-5 .button.reverce-color:hover {
    background: #000428; }
.color-theme-5 .main-nav-list li a:hover, .color-theme-5 .main-nav-list li p:hover {
    color: #004e92; }
.color-theme-5 .main-nav-list li a.active, .color-theme-5 .main-nav-list li p.active {
    color: #004e92; }
.color-theme-5 .main-nav-list li a.active::after, .color-theme-5 .main-nav-list li p.active::after {
    background: #004e92; }
.color-theme-5 .main-nav-list li a.active + i, .color-theme-5 .main-nav-list li p.active + i {
    color: #004e92; }
.color-theme-5 .main-nav-list .nav-box a:hover, .color-theme-5 .main-nav-list .nav-box p:hover {
    color: #004e92; }
.color-theme-5 .main-nav-list .nav-box a:hover + i, .color-theme-5 .main-nav-list .nav-box p:hover + i {
    color: #004e92; }
.color-theme-5 header .header-wrap .logo img:nth-child(1) {
    display: none; }
.color-theme-5 header .header-wrap .logo img:nth-child(5) {
    display: block; }
.color-theme-5 .humburger span,
.color-theme-5 .close-nav span {
    background: #004e92; }
.color-theme-5 header .header-wrap .header-search p:hover {
    color: #000428; }
.color-theme-5 .user-logo-wrap {
    background: rgba(0, 78, 146, 0.8); }
.color-theme-5 .user-logo-wrap .user-logo {
    background: #004e92; }
.color-theme-5 footer svg .cls-1 {
    fill: #000428; }
.color-theme-5 footer .footer-bottom {
    background: #000000; }
@media (max-width: 991px) {
    .color-theme-5 footer {
        background: #000428; } }
.color-theme-5 .about-section .about-logo svg linearGradient stop:nth-child(1) {
    stop-color: #000428; }
.color-theme-5 .about-section .about-logo svg linearGradient stop:nth-child(2) {
    stop-color: #004e92; }
.color-theme-5 .about-section .about-logo .img-wrap .soc-list {
    background-image: linear-gradient(65deg, #000428 0%, #004e92 100%); }
.color-theme-5 .skill-block .experience-wrap::after {
    background: #004e92; }
.color-theme-5 .skill-block .experience {
    /* Old browsers */
    background: #000428;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #000428 0%, #004e92 100%); }
.color-theme-5 .skill-block .skill-block__text h2, .color-theme-5 .skill-block .skill-block__text .h2 {
    color: #004e92; }
.color-theme-5 .progress-list .progress-wrap:nth-child(odd) .progress-block .progress-line {
    background: #000428; }
.color-theme-5 .progress-list .progress-wrap:nth-child(even) .progress-block .progress-line {
    background: #004e92; }
.color-theme-5 .services-card .services-card-ico {
    /* Old browsers */
    background: #000428;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(65deg, #000428 0%, #004e92 100%); }
.color-theme-5 .services-card .services-card-ico-wrap::after {
    background: #3b53f1; }
.color-theme-5 .tab-wrap .tab-head-wrap .tab-head:hover {
    /* Old browsers */
    background: #000428;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #000428 0%, #004e92 100%); }
.color-theme-5 .tab-wrap .tab-head-wrap .tab-head.active {
    box-shadow: 0px 4px 40px rgba(0, 78, 146, 0.58);
    /* Old browsers */
    background: #000428;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #000428 0%, #004e92 100%); }
.color-theme-5 .tab-wrap .tab-content .tab-card::after {
    border-left: 8px solid #000428; }
.color-theme-5 .grid-item .hide-grid-info::after {
    /* Old browsers */
    background: #000428;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(90deg, #000428 0%, #004e92 100%); }
.color-theme-5 .grid-item .hide-grid-info .plus {
    border-right: 50px solid #000428;
    border-bottom: 50px solid #000428; }
.color-theme-5 .grid-item.extended .item-text .proffesion {
    color: #004e92; }
.color-theme-5 .grid-filter ul li a.active {
    /* Old browsers */
    background: #000428;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(50deg, #000428 0%, #004e92 100%); }
.color-theme-5 .news-card .news-card-info .news-card-head time {
    background: #004e92; }
.color-theme-5 .news-card .news-card-info .card-tags-list li a:hover {
    color: #004e92; }
.color-theme-5 .blog-article .news-card-head .card-tags-list li a:hover {
    color: #004e92; }
.color-theme-5 .blog-article .news-card-head time {
    background: #004e92; }
.color-theme-5 .section-title .title-dvider::after, .color-theme-5 .section-title .title-dvider::before {
    background: #004e92; }
.color-theme-5 .section-title .title-dvider span {
    border: 1px solid #004e92; }
.color-theme-5 .slick-dots li.slick-active button {
    background: #004e92; }
.color-theme-5 .slick-dots li button:hover {
    background: #000428; }
.color-theme-5 .testimonial-block .testimonial-desc .possition {
    color: #000428; }
.color-theme-5 .big-social-block .social-block .desc a:hover {
    color: #004e92; }
.color-theme-5 .label-wrap input:focus {
    border: 1px solid #004e92; }
.color-theme-5 .textarea-wrap textarea:focus {
    border: 1px solid #004e92; }
.color-theme-5 .rhomb {
    border-color: #000428; }
.color-theme-5 .theme-settings-wrap .theme-settings-buttons .settings-button.active {
    background: #004e92; }
.color-theme-5 .theme-settings-wrap .theme-settings-buttons .settings-button.active {
    background: #004e92; }
.color-theme-5 .theme-settings-wrap .colors input:checked + label {
    border: 3px solid #000000; }
.color-theme-5 .page-name-section svg .cls-1, .color-theme-5 .page-name-section svg .cls-2, .color-theme-5 .page-name-section svg .cls-3 {
    fill: #004e92; }
@media (max-width: 767px) {
    .color-theme-5 .page-name-section::after {
        background: rgba(0, 78, 146, 0.8); } }
.color-theme-5.about .about-section .about-desc ul li::after {
    color: #004e92; }
.color-theme-5 .pagination .custom-pagination li a.active {
    color: #004e92; }
.color-theme-5 .work-pocess-wrap .work-pocess-list li .number {
    border: 1px solid #004e92; }
.color-theme-5 .work-pocess-wrap .work-pocess-list li .number p {
    background: #004e92; }
.color-theme-5 .block-header .profession {
    color: #004e92; }
.color-theme-5 .single-portfolio-article .portfolio-article-text .portfolio-article-info a:hover {
    color: #004e92; }
.color-theme-5 .soc-list li a:hover {
    color: #004e92; }
.color-theme-5 .article-tags::after {
    color: #004e92; }
.color-theme-5 .comment-wrap .comments-list li .comment .comment-text .reply:hover {
    color: #004e92; }
.color-theme-5 .contact-block-wrap .contact-block a:hover {
    color: #004e92; }
.color-theme-5 .contact-block-wrap .contact-block a:hover i {
    color: #004e92; }
.color-theme-5 .preloader #cube-loader .cube-loader .cube:before {
    background: #004e92; }
.color-theme-5 .expirience-list li .dot {
    border: 1px solid #004e92; }
.color-theme-5 .expirience-list li .dot::before {
    background: #004e92; }
.color-theme-5 .expirience-list .expirience-block .time {
    color: #004e92; }
.color-theme-5 .pricing-plan-card .pricing-plan-head svg .cls-2 {
    fill: #004e92; }
.color-theme-5 .pricing-plan-card .pricing-plan-head svg .cls-1 {
    fill: #004e92; }
.color-theme-5 .pricing-plan-card .pricing-plan-content .pricing-plan-check-list li::after {
    color: #004e92; }
.color-theme-5 .pricing-plan-card .pricing-plan-content .pricing-form .pricing-form-radio input:checked + label::after {
    border: 1px solid #004e92;
    background: #004e92; }

/*===> End color theme 5 <===*/
/*===> Begin about page <===*/
.about .about-section .about-desc ul li::after {
    color: #861dec; }

@media (max-width: 4096px) {
    .about .about-section .about-desc > p {
        margin-bottom: 20px; } }

@media (max-width: 1600px) {
    .about .about-section .about-desc > p {
        margin-bottom: 20px; } }

@media (max-width: 1440px) {
    .about .about-section .about-desc > p {
        margin-bottom: 20px; } }

@media (max-width: 1199px) {
    .about .about-section .about-desc > p {
        margin-bottom: 20px; } }

@media (max-width: 991px) {
    .about .about-section .about-desc > p {
        margin-bottom: 15px; } }

@media (max-width: 767px) {
    .about .about-section .about-desc > p {
        margin-bottom: 15px; } }

@media (max-width: 480px) {
    .about .about-section .about-desc > p {
        margin-bottom: 15px; } }

.about .about-section ul {
    margin-bottom: 0; }
@media (max-width: 4096px) {
    .about .about-section ul {
        padding-bottom: 20px; } }
@media (max-width: 1600px) {
    .about .about-section ul {
        padding-bottom: 20px; } }
@media (max-width: 1440px) {
    .about .about-section ul {
        padding-bottom: 20px; } }
@media (max-width: 1199px) {
    .about .about-section ul {
        padding-bottom: 20px; } }
@media (max-width: 991px) {
    .about .about-section ul {
        padding-bottom: 15px; } }
@media (max-width: 767px) {
    .about .about-section ul {
        padding-bottom: 15px; } }
@media (max-width: 480px) {
    .about .about-section ul {
        padding-bottom: 15px; } }
.about .about-section ul p {
    margin-bottom: 10px;
    padding-bottom: 0; }

/*===> End about page <===*/
/*===> Begin single services content <===*/
@media (max-width: 4096px) {
    .single-services-content {
        padding-top: 40px; } }

@media (max-width: 1600px) {
    .single-services-content {
        padding-top: 40px; } }

@media (max-width: 1440px) {
    .single-services-content {
        padding-top: 40px; } }

@media (max-width: 1199px) {
    .single-services-content {
        padding-top: 40px; } }

@media (max-width: 991px) {
    .single-services-content {
        padding-top: 35px; } }

@media (max-width: 767px) {
    .single-services-content {
        padding-top: 35px; } }

@media (max-width: 480px) {
    .single-services-content {
        padding-top: 30px; } }

@media (max-width: 4096px) {
    .single-services-content {
        padding-bottom: 40px; } }

@media (max-width: 1600px) {
    .single-services-content {
        padding-bottom: 40px; } }

@media (max-width: 1440px) {
    .single-services-content {
        padding-bottom: 40px; } }

@media (max-width: 1199px) {
    .single-services-content {
        padding-bottom: 40px; } }

@media (max-width: 991px) {
    .single-services-content {
        padding-bottom: 35px; } }

@media (max-width: 767px) {
    .single-services-content {
        padding-bottom: 35px; } }

@media (max-width: 480px) {
    .single-services-content {
        padding-bottom: 30px; } }

/*===> End single services content <===*/
/*===> Begin index <===*/
.index .contact-section .container {
    padding-top: 0; }

.index .news-section .container {
    padding-bottom: 0; }

/*===> End index <===*/
