/* Aplink App HTML Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Banner Section / Section Two / Banner Three
6. Features Section
7. Discover Section
8. Counter Section
9. Business Section
10. Screenshots Section
11. Video Section / Section Two
12. Price Section
13. Testimonial Section
14. App Section
15. News Section / Section Two
16. Signup Section
17. Main Footer / Style Two / Style Three
18. Services Section / Section Two
19. Case Section
20. Faq's Section
21. Testimonials Thumbs Carousel
22. Call To Action Section
23. Team Section
24. About Section
25. Team Section
26. Pricing Section
27. Comming Soon Section
28. Services Detail
29. Our Projects
30. Projects Detail Section
31. Blog Widgets
32. Blog Detail
33. Error Section
34. Contact Form
35. Map Section

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


/*font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;*/

@import url('font-awesome.css');
@import url('animate.css');
@import url('owl.css');
@import url('style.css');
@import url('swiper.css');
@import url('flaticon.css');
@import url('custom-animate.css');
@import url('jquery-ui.css');
@import url('animation.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');
@font-face {
    font-family: 'ns-reg';
    src: url(../fonts/NeoSansArabic.ttf);
}


/*** 

====================================================================
	Reset
====================================================================

***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

html {
    scroll-behavior: smooth;
}


/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
    font-family: 'ns-reg' !important;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1.7em;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
    padding: 0px 50px 0px;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #22304a;
}

button,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.6em;
}


/* Typography */

h1 {
    font-size: 60px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

input,
button,
select,
textarea {}

textarea {}

p {
    position: relative;
    line-height: 1.8em;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
}

.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.centered {
    text-align: center;
}


/*Btn Style One*/

.btn-style-one {
    position: relative;
    font-size: 16px;
    line-height: 27px;
    color: #22304a;
    font-weight: 600;
    overflow: hidden;
    padding: 12px 35px;
    border-radius: 0px 0px 0px 0px;
    letter-spacing: 0.05em;
    transition: all 300ms linear;
    background-color: #ffffff;
}

.btn-style-one:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #222222;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
}

.btn-style-one:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.btn-style-one .txt {
    position: relative;
    z-index: 1;
}

.btn-style-one:hover {
    color: #ffffff;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}


/* Btn Style Two */

.btn-style-two {
    position: relative;
    font-size: 16px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 600;
    overflow: hidden;
    padding: 15px 35px;
    border-radius: 0px 0px 0px 0px;
    letter-spacing: 0.05em;
    transition: all 300ms linear;
    background-color: #4628a4;
    font-family: 'Poppins', sans-serif;
}

.btn-style-two:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #e849b3;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
}

.btn-style-two:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.btn-style-two .txt {
    position: relative;
    z-index: 1;
}

.btn-style-two:hover {
    color: #ffffff;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}


/* Btn Style Three */

.btn-style-three {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 15px 38px 15px;
    font-weight: 500;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 0px 0px 0px 0px;
    background-image: -ms-linear-gradient(left, #9353FA 0%, #3b116e 100%);
    background-image: -moz-linear-gradient(left, #9353FA 0%, #3b116e 100%);
    background-image: -o-linear-gradient(left, #9353FA 0%, #3b116e 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9353FA), color-stop(100, #3b116e));
    background-image: -webkit-linear-gradient(left, #9353FA 0%, #3b116e 100%);
    background-image: linear-gradient(to right, #9353FA 0%, #3b116e 100%);
}

.btn-style-three .txt {
    position: relative;
    z-index: 1;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.btn-style-three:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    background-image: -ms-linear-gradient(left, #3B116E 0%, #9353FA 100%);
    background-image: -moz-linear-gradient(left, #3B116E 0%, #9353FA 100%);
    background-image: -o-linear-gradient(left, #3B116E 0%, #9353FA 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3B116E), color-stop(100, #9353FA));
    background-image: -webkit-linear-gradient(left, #3B116E 0%, #9353FA 100%);
    background-image: linear-gradient(to right, #3B116E 0%, #9353FA 100%);
}

.btn-style-three:hover::before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.btn-style-three:hover {
    color: #ffffff;
}


/* Btn Style Four */

.btn-style-four {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #3a106c;
    padding: 15px 38px 15px;
    font-weight: 500;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #cccccc;
}

.btn-style-four .txt {
    position: relative;
    z-index: 1;
}

.btn-style-four:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    background-image: -ms-linear-gradient(left, #9353FA 0%, #3b116e 100%);
    background-image: -moz-linear-gradient(left, #9353FA 0%, #3b116e 100%);
    background-image: -o-linear-gradient(left, #9353FA 0%, #3b116e 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9353FA), color-stop(100, #3b116e));
    background-image: -webkit-linear-gradient(left, #9353FA 0%, #3b116e 100%);
    background-image: linear-gradient(to right, #9353FA 0%, #3b116e 100%);
}

.btn-style-four:hover::before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.btn-style-four:hover {
    color: #ffffff;
}


/* Btn Style Five */

.btn-style-five {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 15px 38px 15px;
    font-weight: 500;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 0px 0px 0px 0px;
    background-image: -ms-linear-gradient(top, #0661F5 0%, #5002b5 100%);
    background-image: -moz-linear-gradient(top, #0661F5 0%, #5002b5 100%);
    background-image: -o-linear-gradient(top, #0661F5 0%, #5002b5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0661F5), color-stop(100, #5002b5));
    background-image: -webkit-linear-gradient(top, #0661F5 0%, #5002b5 100%);
    background-image: linear-gradient(to bottom, #0661F5 0%, #5002b5 100%);
}

.btn-style-five .txt {
    position: relative;
    z-index: 1;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.btn-style-five:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    background-image: -ms-linear-gradient(top, #5002B5 0%, #0661F5 100%);
    background-image: -moz-linear-gradient(top, #5002B5 0%, #0661F5 100%);
    background-image: -o-linear-gradient(top, #5002B5 0%, #0661F5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5002B5), color-stop(100, #0661F5));
    background-image: -webkit-linear-gradient(top, #5002B5 0%, #0661F5 100%);
    background-image: linear-gradient(to bottom, #5002B5 0%, #0661F5 100%);
}

.btn-style-five:hover::before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.btn-style-five:hover {
    color: #ffffff;
}


/* Btn Style Six */

.btn-style-six {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #222222;
    padding: 15px 38px 15px;
    font-weight: 500;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: capitalize;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #3a106c;
}

.btn-style-six .txt {
    position: relative;
    z-index: 1;
}

.btn-style-six:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    background-color: #3a106c;
}

.btn-style-six:hover::before {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.btn-style-six:hover {
    color: #ffffff;
}


/*Social Icon One*/

.social-icon-one {
    position: relative;
}

.social-icon-one li {
    position: relative;
    margin-right: 7px;
    color: #222222;
    font-size: 18px;
    float: left;
}

.social-icon-one li.facebook a:hover {
    background-color: #16599b;
    color: #ffffff;
}

.social-icon-one li.twitter a {
    color: #03a9f4;
}

.social-icon-one li.twitter:hover a {
    background-color: #03a9f4;
    color: #ffffff;
}

.social-icon-one li.dribbble a {
    color: #ea4c89;
}

.social-icon-one li.dribbble a:hover {
    color: #ffffff;
    background-color: #ea4c89;
}

.social-icon-one li.behance a {
    color: #0067ff;
}

.social-icon-one li.behance a:hover {
    color: #ffffff;
    background-color: #0067ff;
}

.social-icon-one li a {
    position: relative;
    font-size: 14px;
    color: #4628a4;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 400;
    border-radius: 50px;
    display: inline-block;
    background-color: #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.social-icon-one li a:hover {}

.theme_color {
    color: #eb49b2;
}

.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 102;
    top: 0px;
    left: 0px;
    background: #fff;
}

.dots {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-filter: url(#goo);
    filter: url(#goo);
    transform: scale(0.6);
    z-index: 999;
}

.dot {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}

.dot:before {
    content: '';
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background: #1d1c1c;
    position: absolute;
    left: 50%;
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    margin-left: -17.5px;
    margin-top: -17.5px;
    z-index: 999;
}

@-webkit-keyframes dot-move {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    18%,
    22% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }
    40%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes dot-move {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    18%,
    22% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }
    40%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes dot-colors {
    0% {
        background-color: #1d1c1c;
    }
    25% {
        background-color: #1d1c1c;
    }
    50% {
        background-color: #1d1c1c;
    }
    75% {
        background-color: #1d1c1c;
    }
    100% {
        background-color: #1d1c1c;
    }
}

@keyframes dot-colors {
    0% {
        background-color: #1d1c1c;
    }
    25% {
        background-color: #1d1c1c;
    }
    50% {
        background-color: #1d1c1c;
    }
    75% {
        background-color: #1d1c1c;
    }
    100% {
        background-color: #1d1c1c;
    }
}

.dot:nth-child(5):before {
    z-index: 100;
    width: 45.5px;
    height: 45.5px;
    margin-left: -22.75px;
    margin-top: -22.75px;
    -webkit-animation: dot-colors 4s ease infinite;
    animation: dot-colors 4s ease infinite;
}

@-webkit-keyframes dot-rotate-1 {
    0% {
        -webkit-transform: rotate(-105deg);
        transform: rotate(-105deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes dot-rotate-1 {
    0% {
        -webkit-transform: rotate(-105deg);
        transform: rotate(-105deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.dot:nth-child(1) {
    -webkit-animation: dot-rotate-1 4s 0s linear infinite;
    animation: dot-rotate-1 4s 0s linear infinite;
}

.dot:nth-child(1):before {
    background-color: #1d1c1c;
    -webkit-animation: dot-move 4s 0s ease infinite;
    animation: dot-move 4s 0s ease infinite;
}

@-webkit-keyframes dot-rotate-2 {
    0% {
        -webkit-transform: rotate(165deg);
        transform: rotate(165deg);
    }
    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
}

@keyframes dot-rotate-2 {
    0% {
        -webkit-transform: rotate(165deg);
        transform: rotate(165deg);
    }
    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
}

.dot:nth-child(2) {
    -webkit-animation: dot-rotate-2 4s 1s linear infinite;
    animation: dot-rotate-2 4s 1s linear infinite;
}

.dot:nth-child(2):before {
    background-color: #1d1c1c;
    -webkit-animation: dot-move 4s 1s ease infinite;
    animation: dot-move 4s 1s ease infinite;
}

@-webkit-keyframes dot-rotate-3 {
    0% {
        -webkit-transform: rotate(435deg);
        transform: rotate(435deg);
    }
    100% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }
}

@keyframes dot-rotate-3 {
    0% {
        -webkit-transform: rotate(435deg);
        transform: rotate(435deg);
    }
    100% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }
}

.dot:nth-child(3) {
    -webkit-animation: dot-rotate-3 4s 2s linear infinite;
    animation: dot-rotate-3 4s 2s linear infinite;
}

.dot:nth-child(3):before {
    background-color: #1d1c1c;
    -webkit-animation: dot-move 4s 2s ease infinite;
    animation: dot-move 4s 2s ease infinite;
}

@-webkit-keyframes dot-rotate-4 {
    0% {
        -webkit-transform: rotate(705deg);
        transform: rotate(705deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes dot-rotate-4 {
    0% {
        -webkit-transform: rotate(705deg);
        transform: rotate(705deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

.dot:nth-child(4) {
    -webkit-animation: dot-rotate-4 4s 3s linear infinite;
    animation: dot-rotate-4 4s 3s linear infinite;
}

.dot:nth-child(4):before {
    background-color: #1d1c1c;
    -webkit-animation: dot-move 4s 3s ease infinite;
    animation: dot-move 4s 3s ease infinite;
}


/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #0a0a0a;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #5fc6c3;
}


/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.sec-title .title {
    position: relative;
    color: #9654ff;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.sec-title h2 {
    position: relative;
    color: #2b2b2b;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 18px;
}

.sec-title .text {
    position: relative;
    font-size: 17px;
    line-height: 1.7em;
    color: #5a5a5a;
    margin-top: 20px;
}

.sec-title .separate {
    position: relative;
    width: 98px;
    height: 18px;
    background: url(../images/icons/separate.png) no-repeat;
}

.sec-title.centered .separate {
    margin: 0 auto;
}

.sec-title.centered {
    text-align: center !important;
}

.sec-title.light .title {
    color: #ffffff;
}

.sec-title.light h2 {
    color: #ffffff;
}

.sec-title.light .text {
    color: #ffffff;
}


/* List Style One */

.list-style-one {
    position: relative;
}

.list-style-one li {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px;
    padding-left: 38px;
    font-weight: 600;
}

.list-style-one li:last-child {
    margin-bottom: 0px;
}

.list-style-one li:before {
    position: absolute;
    content: "\f1bd";
    left: 0px;
    top: 0px;
    color: #1800fd;
    font-weight: 700;
    font-family: "Flaticon";
}


/* List Style Two */

.list-style-two {
    position: relative;
}

.list-style-two li {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px;
    padding-left: 38px;
}

.list-style-two li:last-child {
    margin-bottom: 0px;
}

.list-style-two li .icon {
    position: absolute;
    left: 0px;
    top: 2px;
    font-size: 20px;
    color: #ff70e0;
    font-weight: 400;
}


/* List Style Three */

.list-style-three {
    position: relative;
    margin-bottom: 22px;
}

.list-style-three li {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 30px;
}

.list-style-three li:last-child {
    margin-bottom: 0px;
}

.list-style-three li:before {
    position: absolute;
    content: "\f00c";
    left: 0px;
    top: 0px;
    color: #5a5a5a;
    font-weight: 400;
    font-family: 'FontAwesome';
}


/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
    position: absolute;
    z-index: 99;
    width: 100%;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.header-top {
    position: relative;
    padding: 20px 0px;
}

.header-top .top-right {
    position: relative;
    float: right;
}

.header-top .top-right .social-box {
    position: relative;
}

.header-top .top-right .social-box a {
    position: relative;
    margin-left: 18px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-top .top-right .social-box a:hover {
    color: #333;
}

.main-header.header-style-one {
    padding-top: 15px;
}

.main-header .main-box {
    position: relative;
    padding: 0px 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .main-box .outer-container {
    position: relative;
    padding: 0px 40px;
}

.main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0px;
    z-index: 10;
    padding: 30px 0px;
}

.main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .header-upper {
    position: relative;
    z-index: 1;
}

.main-header .header-upper .outer-box {
    position: relative;
    float: right;
    padding-top: 28px;
    padding-left: 60px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .outer-box .search-box-outer {
    width: 40px;
    height: 40px;
    color: #7232d2;
    cursor: pointer;
    float: left;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    border: 1px solid #7232d2;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .outer-box .search-box-outer:hover {
    color: #ff70e0;
    border-color: #ff70e0;
}

.main-header .header-upper .outer-box .grid-box {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-image: -ms-linear-gradient(left, #5901C6 0%, #0760f5 100%);
    background-image: -moz-linear-gradient(left, #5901C6 0%, #0760f5 100%);
    background-image: -o-linear-gradient(left, #5901C6 0%, #0760f5 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5901C6), color-stop(100, #0760f5));
    background-image: -webkit-linear-gradient(left, #5901C6 0%, #0760f5 100%);
    background-image: linear-gradient(to right, #5901C6 0%, #0760f5 100%);
}

.main-header .header-upper .outer-box .grid-box a {
    position: relative;
    color: #ffffff;
    font-size: 24px;
}

.main-header .header-upper .outer-box .grid-box:hover {
    background-image: -ms-linear-gradient(left, #0760F5 0%, #5901C6 100%);
    background-image: -moz-linear-gradient(left, #0760F5 0%, #5901C6 100%);
    background-image: -o-linear-gradient(left, #0760F5 0%, #5901C6 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0760F5), color-stop(100, #5901C6));
    background-image: -webkit-linear-gradient(left, #0760F5 0%, #5901C6 100%);
    background-image: linear-gradient(to right, #0760F5 0%, #5901C6 100%);
}


/*Sticky Header*/

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    background: #222222;
    z-index: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sticky-header .logo {
    padding: 8px 0px 8px;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.sticky-header .main-menu .navigation>li>a {
    padding: 19px 0px !important;
    color: #ffffff !important;
}

.main-header .nav-outer {
    position: static;
    float: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box {
    position: relative;
    padding: 25px 0px 25px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box .logo {
    position: relative;
}

.main-header .header-upper .logo-box .logo img {
    width: 55px
}

.main-header .header-lower {
    position: relative;
    background-color: rgba(0, 0, 0, 0.55);
}

.main-menu {
    position: static;
    float: right;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse {
    padding: 0px;
    float: right;
    display: block !important;
}

.main-menu .navigation {
    position: static;
    margin: 0px;
}

.main-menu .navigation>li {
    position: relative;
    float: right;
    margin-left: 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li:last-child {
    margin-left: 0px;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 400;
    padding: 39px 0px;
    font-size: 16px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li.dropdown>a {
    padding-right: 15px !important;
}

.main-menu .navigation>li.dropdown>a:before {
    position: absolute;
    content: "\f149";
    right: 0px;
    font-family: 'FontAwesome';
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 0px 0px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul:before {
    position: absolute;
    content: '';
    left: 0px;
    top: -30px;
    width: 100%;
    height: 30px;
    display: block;
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f4f2f2;
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #ffffff;
    padding-left: 30px;
    background: #eb49b2;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 14px;
    width: 10px;
    height: 20px;
    display: block;
    color: #ffffff;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 0px 0px;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f4f2f2;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #ffffff;
    padding-left: 30px;
    background: #eb49b2;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 11px;
    width: 10px;
    height: 20px;
    display: block;
    color: #272727;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    border-top: 0px !important;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #ffffff;
    line-height: 28px;
    border: 1px solid #ffffff;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header.fixed-header {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 99;
    width: 100%;
    padding: 0px;
    background-color: #1d1c1c;
}

.main-header.fixed-header .header-upper .logo-box {
    padding: 15px 0px;
}

.main-header.fixed-header .nav-outer {
    padding-top: 0px;
}

.main-header.fixed-header .main-menu .navigation>li>a {
    padding: 26px 0px;
}

.main-header.fixed-header .header-upper .outer-box {
    padding-top: 15px;
}

.header-style-two .main-menu .navigation>li {
    padding: 34px 0px;
    margin-right: 10px;
}

.header-style-two.fixed-header .main-menu .navigation>li {
    padding: 22px 0px;
}

.header-style-two .main-menu .navigation>li>a {
    padding: 5px 28px 5px 15px !important;
    border-radius: 50px;
}

.header-style-two .main-menu .navigation>li.current>a,
.header-style-two .main-menu .navigation>li:hover>a {
    background-color: #9654ff;
}

.header-style-two .main-menu .navigation>li.dropdown>a:before {
    right: 11px;
}

.header-style-three .header-upper .logo-box {
    padding: 23px 0px 22px;
}

.header-style-three .header-upper .inner-container {
    padding: 0px 35px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
}

.header-style-three .main-menu .navigation>li>a {
    color: #5a5a5a;
    padding: 35px 0px;
}

.header-style-three .main-menu .navigation>li.dropdown>a:before {
    content: '\f107';
}

.header-style-three.fixed-header {
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
}

.header-style-three.fixed-header .inner-container {
    box-shadow: inherit;
    padding: 0px;
}

.header-style-three.fixed-header .header-upper .outer-box {
    padding-top: 22px;
}

.header-style-three.fixed-header {
    position: relative;
}

.header-style-three.fixed-header .header-upper {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}


/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section {
    position: relative;
    overflow: hidden;
    padding-top: 190px;
    padding-bottom: 140px;
    background-image: -ms-linear-gradient(left, #e79307 0%, #ef9a0b 100%);
    background-image: -moz-linear-gradient(left, #e79307 0%, #ef9a0b 100%);
    background-image: -o-linear-gradient(left, #e79307 0%, #ef9a0b 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ef9a0b), color-stop(100, #2883a7));
    background-image: -webkit-linear-gradient(left, #e79307 0%, #ef9a0b 100%);
    background-image: linear-gradient(to right, #e79307 0%, #ef9a0b 100%)
}

.banner-section .big-text {
    position: absolute;
    right: -5px;
    top: -20px;
    font-size: 360px;
    font-weight: 700;
    line-height: 1em;
    opacity: 0.1;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 1);
    text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}

.banner-section .patern-layer-one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    filter: grayscale(1);
}

.banner-section .content-column {
    position: relative;
    z-index: 3;
}

.banner-section .content-column .inner-column {
    position: relative;
    padding-top: 100px;
    padding-left: 0px;
    padding-bottom: 0px;
}

.banner-section .content-column .title {
    position: relative;
    color: #444444;
    font-size: 18px;
    padding: 4px 25px 2px;
    line-height: 1.8em;
    margin-bottom: 20px;
    font-weight: 400;
    display: inline-block;
    background-color: #ffffff;
    text-transform: uppercase;
}

.banner-section .content-column h1 {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.banner-section .content-column .text {
    position: relative;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.9em;
    margin-bottom: 40px;
    font-weight: 400;
}

.banner-section .content-column .theme-btn {
    padding: 17px 35px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.20);
}

.banner-section .carousel-column {
    position: relative;
}

.banner-section .carousel-column .inner-column {
    position: relative;
}


/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: left;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #ffffff;
    display: none;
}

.mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    padding-left: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 20px 20px;
    text-align: right;
}

.mobile-menu .nav-logo img {
    max-width: 130px;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.90);
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .menu-box {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #ffffff;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease 500ms;
    -moz-transition: all 0.7s ease 500ms;
    -ms-transition: all 0.7s ease 500ms;
    -o-transition: all 0.7s ease 500ms;
    transition: all 0.7s ease 500ms;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .close-btn {
    position: absolute;
    left: 3px;
    top: 3px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 14px;
    color: #202020;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
    opacity: 0.50;
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul>li:last-child {
    border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 20px;
    font-size: 15px;
    color: #404040;
    text-transform: capitalize;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
    color: #1d1c1c;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    color: #404040;
    cursor: pointer;
    z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 10px;
    width: 1px;
    height: 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
    display: none;
}

.sticky-header .navbar-header {
    display: none;
}


/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section {
    position: relative;
    padding-top: 100px;
}

.featured-section.style-two {
    padding-bottom: 110px;
}

.featured-section .sec-title {
    margin-bottom: 120px;
}

.featured-block {
    position: relative;
    margin-bottom: 30px;
}

.featured-block .inner-box {
    position: relative;
    display: block;
    border-radius: 0px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.featured-block .inner-box .border-one {
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -60px;
    left: -1px;
}

.featured-block .inner-box .border-one:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 2px;
    height: 0px;
    background-color: #1d1c1c;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.featured-block .inner-box:hover .border-one:before {
    height: 100%;
}

.featured-block .inner-box .border-one:after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background-color: #1d1c1c;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.featured-block .inner-box:hover .border-one:after {
    width: 100%;
    transition-delay: 500ms;
}

.featured-block .inner-box .border-two {
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -60px;
    left: -1px;
}

.featured-block .inner-box .border-two:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 2px;
    height: 0px;
    background-color: #1d1c1c;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.featured-block .inner-box:hover .border-two:before {
    height: 100%;
    transition-delay: 1000ms;
}

.featured-block .inner-box .border-two:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 2px;
    background-color: #1d1c1c;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.featured-block .inner-box:hover .border-two:after {
    width: 100%;
    transition-delay: 1500ms;
}

.featured-block .inner-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0px;
    z-index: -1;
    border-radius: 0px;
    background: #ffffff;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.featured-block .inner-box:hover:before {
    bottom: -60px;
}

.featured-block:nth-child(2) .inner-box .border-one:before,
.featured-block:nth-child(2) .inner-box .border-one:after,
.featured-block:nth-child(2) .inner-box .border-two:before,
.featured-block:nth-child(2) .inner-box .border-two:after {
    background-color: #1d1c1c;
}

.featured-block:nth-child(3) .inner-box .border-one:before,
.featured-block:nth-child(3) .inner-box .border-one:after,
.featured-block:nth-child(3) .inner-box .border-two:before,
.featured-block:nth-child(3) .inner-box .border-two:after {
    background-color: #1d1c1c;
}

.featured-block .inner-box .icon-box {
    position: absolute;
    right: 20px;
    top: -70px;
    width: 165px;
    height: 144px;
    color: #1d1c1c;
    font-size: 58px;
    display: inline-block;
    background: url(../images/icons/feature-icon.png) no-repeat;
}

.featured-block:nth-child(2) .inner-box .icon-box {
    color: #1d1c1c;
}

.featured-block:nth-child(3) .inner-box .icon-box {
    color: #1d1c1c;
}

.featured-block .inner-box .icon-box .icon:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    display: inline-block;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    background: url(../images/icons/feature-icon-1.png) no-repeat;
}

.featured-block .inner-box:hover .icon-box .icon:after {
    transform: rotateZ(40deg);
}

.featured-block .inner-box .icon-box .icon {
    position: relative;
    width: 165px;
    height: 144px;
    text-align: center;
    line-height: 130px;
    display: inline-block;
}

.featured-block .image-box,
.featured-block .image,
.featured-block .image img {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}

.featured-block .lower-box {
    position: relative;
    padding: 80px 35px 40px;
}

.featured-block .lower-box h4 {
    position: relative;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 14px;
    color: #000000;
}

.featured-block .lower-box h4 a {
    position: relative;
    color: #222222;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.featured-block .lower-box h4 a:hover,
.featured-block .meta-info a:hover {
    color: #1d1c1c;
}

.featured-block .lower-box .text {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.8em;
}

.featured-block .link-box {
    position: absolute;
    bottom: 25px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.featured-block .inner-box:hover .link-box {
    opacity: 1;
    bottom: 15px;
    visibility: visible;
    transition: all 0.3s ease 300ms;
}


/*** 

====================================================================
	Discover Section
====================================================================

***/

.discover-section {
    position: relative;
    padding-top: 120px;
}

.discover-section .content-column {
    position: relative;
    margin-bottom: 40px;
}

.discover-section .content-column .inner-column {
    position: relative;
    padding-top: 170px;
}

.discover-section .image-column {
    position: relative;
    margin-bottom: 40px;
}

.discover-section .image-column .inner-column {
    position: relative;
}

.discover-section .image-column .inner-column .patern-layer-one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 720px;
    height: 660px;
}

.discover-section .image-column .image {
    position: relative;
}

.discover-section .image-column .image.image-one {
    position: absolute;
    left: 90px !important;
    top: 30px !important;
}

.discover-section .image-column .image.image-two {
    position: absolute;
    left: 140px !important;
    top: 215px !important;
    z-index: 1;
}

.discover-section .image-column .image.image-three {
    position: absolute;
    right: 0px !important;
    top: 130px !important;
    left: auto !important;
}

.discover-section .image-column .image.image-four {
    position: absolute;
    left: 190px !important;
    top: 0 !important;
}

.discover-section .image-column .image.image-five {
    position: absolute;
    left: 50px !important;
    top: 235px !important;
}


/*** 

====================================================================
	Counter Section
====================================================================

***/

.counter-section {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}


/*fact counter*/

.fact-counter {
    position: relative;
}

.fact-counter .column {
    position: relative;
    margin-bottom: 30px;
}

.fact-counter .column .inner {
    position: relative;
    padding: 30px 30px;
}

.fact-counter .column .inner:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 2px solid transparent;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    background-color: #ffffff;
    border-radius: 30px 0px 30px 0px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.10);
}

.fact-counter .column .inner:hover::before {
    border-radius: 0px 30px 0px 30px;
    border-color: #e849b3;
}

.fact-counter .column .inner .content {
    position: relative;
    padding-left: 90px;
}

.fact-counter .column .inner .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #4a2ca6;
    font-size: 60px;
    text-align: center;
    line-height: 1em;
    font-weight: 400;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.fact-counter .column .inner:hover .icon {
    color: #e849b3;
    -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.fact-counter .count-outer .percentage {
    position: relative;
    font-weight: 700;
    color: #222222;
    font-size: 36px;
    line-height: 1em;
    font-family: 'Hind Siliguri', sans-serif;
}

.fact-counter .column .inner .count-outer {
    position: relative;
    font-weight: 700;
    color: #222222;
    font-size: 36px;
    line-height: 1em;
}

.fact-counter .column .inner .counter-title {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}


/*** 

====================================================================
	Business Section
====================================================================

***/

.business-section {
    position: relative;
}

.business-section .image-column {
    position: relative;
}

.business-section .image-column .inner-column {
    position: relative;
    padding-right: 40px;
}

.business-section .image-column .image {
    position: relative;
    margin-left: -150px;
}

.business-section .content-column {
    position: relative;
}

.business-section .content-column .inner-column {
    position: relative;
}

.business-section .content-column .sec-title {
    margin-bottom: 30px;
}

.business-section .content-column .business-list {
    position: relative;
    margin-bottom: 45px;
}

.business-section .content-column .business-list li {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.9em;
    margin-bottom: 25px;
    font-weight: 500;
}

.business-section .content-column .business-list li strong {
    position: relative;
    color: #2b2b2b;
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    padding-left: 22px;
    font-family: 'Poppins', sans-serif;
}

.business-section .content-column .business-list li strong:before {
    position: absolute;
    content: "\f101";
    left: 0px;
    top: 2px;
    color: #df48b5;
    font-size: 20px;
    line-height: 1em;
    font-weight: 400;
    font-family: 'FontAwesome';
}

.business-section .content-column .business-list li:last-child {
    margin-bottom: 0px;
}


/*** 

====================================================================
	Screenshots Section
====================================================================

***/

.screenshots-section {
    position: relative;
    padding-top: 90px;
    padding-bottom: 100px;
}

.screenshots-section .sec-title {
    margin-bottom: 25px;
}

.swiper-wrapper {
    height: 630px;
    width: 320px;
}

.row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
    position: relative;
}

.swiper-slide.swiper-slide-active {
    border-radius: 35px;
}

.screen-mobile-image {
    background-image: url(../images/resource/mobile-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 661px;
    left: calc(50% + 0.5px);
    position: absolute;
    top: 24px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 301px;
    z-index: 2;
    border-radius: 40px;
}

.swiper-slide.swiper-slide-active {
    background-size: 100% 100%;
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important
}

.swiper-wrapper {
    padding: 30px 0 40px;
}

.swiper-slide {
    transform: translate3d(0px, 0px, -250px) rotateX(0deg) rotateY(0deg) !important;
}

.swiper-slide.swiper-slide-next {
    -webkit-box-shadow: -30px 0px 20px rgba(0, 0, 0, 0.18);
    box-shadow: -30px 0px 20px rgba(0, 0, 0, 0.18);
    transform: translate3d(0px, 0px, -124.786px) rotateX(0deg) rotateY(0deg) !important;
}

.swiper-slide.swiper-slide-prev {
    -webkit-box-shadow: 30px 0px 20px rgba(0, 0, 0, 0.18);
    box-shadow: 30px 0px 20px rgba(0, 0, 0, 0.18);
    transform: translate3d(0px, 0px, -125.214px) rotateX(0deg) rotateY(0deg) !important;
}

.screenshots-section .banner-navigation {
    position: relative;
    text-align: center;
    margin-top: 0px;
}

.screenshots-section .banner-navigation .swiper-button-next,
.screenshots-section .banner-navigation .swiper-button-prev {
    position: relative;
    font-size: 16px;
    color: #1d1c1c;
    width: 50px;
    height: 50px;
    line-height: 55px;
    text-align: center;
    font-weight: 700;
    background-image: none;
    display: inline-block;
    margin: 0px 15px 0px 15px;
    background-color: #e7ecf2;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.screenshots-section .banner-navigation .swiper-button-prev:hover,
.screenshots-section .banner-navigation .swiper-button-next:hover {
    color: #ffffff;
    background-color: #1d1c1c;
}


/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section {
    position: relative;
    padding: 110px 0px 110px;
    background-repeat: repeat-x;
}

.video-section .image-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70%;
    height: 100%;
    overflow: hidden;
    border-radius: 0px 0px 60px 0px;
    background-size: cover;
    background-attachment: fixed;
}

.video-section .image-layer:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.8;
    background-image: -ms-linear-gradient(left, #EB49B2 0%, #0235eb 100%);
    background-image: -moz-linear-gradient(left, #EB49B2 0%, #0235eb 100%);
    background-image: -o-linear-gradient(left, #EB49B2 0%, #0235eb 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #EB49B2), color-stop(100, #0235eb));
    background-image: -webkit-linear-gradient(left, #EB49B2 0%, #0235eb 100%);
    background-image: linear-gradient(to right, #EB49B2 0%, #0235eb 100%);
}

.video-section .content-column {
    position: relative;
}

.video-section .content-column .inner-column {
    position: relative;
}

.video-section .content-column .play-box {
    position: relative;
}

.video-section .content-column .play-box .begin {
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    margin-top: 35px;
    margin-left: 60px;
    text-transform: uppercase;
}

.video-section .content-column h2 {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.5em;
}

.video-section .content-column .text {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    max-width: 560px;
    line-height: 1.6em;
    margin-top: 20px;
    margin-bottom: 60px;
}

.video-section .content-column .video-box {
    position: relative;
    width: 86px;
    float: left;
    height: 86px;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    border-radius: 50px;
    line-height: 86px;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: rgba(255, 255, 255, 0.40);
}

.video-box .overlay-box span {
    position: absolute;
    width: 86px;
    height: 86px;
    left: 50%;
    top: 50%;
    z-index: 99;
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    padding-left: 4px;
    background-color: #ffffff;
    display: inline-block;
    margin-top: -43px;
    margin-left: -43px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 86px;
    width: 86px;
    margin-left: .5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.video-section .clients-column {
    position: relative;
}

.video-section .clients-column .inner-column {
    position: relative;
    padding: 35px 35px 0px;
    border-radius: 15px;
    background-color: #ffffff;
}

.video-section .clients-column .column {
    margin-bottom: 40px;
}

.video-section .clients-column .column a {
    display: block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.video-section .clients-column .column a:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


/*** 

====================================================================
	Price Section
====================================================================

***/


/* .price-section{
	position:relative;
	padding:180px 0px 110px;
}

.price-section .title-column{
	position:relative;
}

.price-section .title-column .inner-column{
	position:relative;
	padding-top:120px;
}


.price-section .price-column{
	position:relative;
}

.price-section .price-column .inner-column{
	position:relative;
}

.price-section .price-column .pattern-layer{
	position:absolute;
	left:80px;
	top:-60px;
	right:-80px;
	bottom:0px;
	width:724px;
	height:796px;
} */


/* Pricing Tabs */


/* .pricing-tabs{
	position:relative;
}

.pricing-tabs .tab-buttons{
	position:relative;
	border-radius:50px;
	overflow:hidden;
	z-index:1;
	display:inline-block;
	border:2px solid #4628a4;
}

.pricing-tabs .tab-buttons .tab-btn{
	position:relative;
	color:#4628a4;
	font-size:16px;
	font-weight:600;
	float:left;
	cursor:pointer;
	padding:14px 37px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'Montserrat', sans-serif;
}

.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn{
	color:#ffffff;
	background-color:#4628a4;
}

.pricing-tabs .tabs-content .tab{
	position:relative;
	display:none;
	z-index:1;
} */


/* Price Block 

.price-block{
	position:relative;
	z-index:10;
	margin-bottom:30px;
}

.price-block .inner-box{
	position:relative;
	text-align:center;
	overflow:hidden;
	background-color:#ffffff;
	padding:40px 15px 40px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.price-block .inner-box:hover{
	box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}

.price-block .inner-box .line-one{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.price-block .inner-box .line-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:1px;
	background-color:#4628a4;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.price-block .inner-box:hover .line-one:before{
	width:100%;
}

.price-block .inner-box .line-one:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:1px;
	height:0%;
	background-color:#4628a4;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.price-block .inner-box:hover .line-one:after{
	height:100%;
	-webkit-transition-delay:600ms;
	-ms-transition-delay:600ms;
	transition-delay:600ms;
} */


/* Line Two 

.price-block .inner-box .line-two{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.price-block .inner-box .line-two:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:1px;
	background-color:#4628a4;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.price-block .inner-box:hover .line-two:before{
	width:100%;
	-webkit-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
	transition-delay:1200ms;
}

.price-block .inner-box .line-two:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:1px;
	height:0%;
	background-color:#4628a4;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.price-block .inner-box:hover .line-two:after{
	height:100%;
	-webkit-transition-delay:1800ms;
	-ms-transition-delay:1800ms;
	transition-delay:1800ms;
}

.price-block .inner-box .icon-box{
	position:relative;
	width:100px;
	height:100px;
	margin:0 auto;
	font-size:46px;
	color:#3d415b;
	line-height:110px;
	margin-bottom:25px;
	border-radius:50%;
	border:10px solid #f6f6f6;
	background-color:#eeedf7;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.price-block .inner-box:hover .icon-box{
	background-color:#4628a4;
	color:#ffffff;
}

.price-block .inner-box h3{
	position:relative;
	color:#333333;
	font-size:18px;
	font-weight:500;
	margin-bottom:25px;
	display:inline-block;
	padding:0px 42px 22px;
	border-bottom:1px solid #e0e0e0;
}

.price-block .inner-box .price-list{
	position:relative;
}

.price-block .inner-box .price-list li{
	position:relative;
	color:#5a5a5a;
	font-size:16px;
	margin-bottom:14px;
}

.price-block .inner-box .price-list li:last-child{
	margin-bottom:20px;
}

.price-block .inner-box .price{
	position:relative;
	color:#4628a4;
	font-size:32px;
	font-weight:500;
	line-height:1.2em;
	font-family: 'Quicksand', sans-serif;
}

.price-block .inner-box .price sub{
	font-size:16px;
	top:-2px;
	position:relative;
}

.price-block .inner-box .theme-btn{
	margin-top:30px;
}

.price-block .inner-box .btn-box{
	position:relative;
	margin-bottom:30px;
}

.price-block .inner-box .btn-box:before{
	position:absolute;
	content:'';
	left:-30px;
	top:50px;
	right:-30px;
	height:1px;
	background-color:#e0e0e0;
}

.pricing-tabs .tabs-content .tab{
	position:relative;
	display:none;
	z-index:1;
}

.pricing-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.pricing-tabs .tabs-content .tab .content{
	position:relative;
	margin:0 auto;
}

.pricing-tabs .tabs-content .ms-layout-partialview .ms-container{
	padding-top:10px;
	padding-bottom:25px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-next{
	right:-150px;
	opacity:1 !important;
	display:block !important;
	background:#f3f1fe;
	color:#4628a4;
	width:44px;
	height:44px;
	font-size:20px;
	line-height:44px;
	text-align:center;
	padding-left:2px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-next:before{
	font-family: 'FontAwesome';
	content: "\f105";
	display:block;
	font-weight:800;
	line-height:44px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-prev{
	left:-150px;
	opacity:1 !important;
	display:block !important;
	background:#f3f1fe;
	color:#4628a4;
	width:44px;
	height:44px;
	font-size:20px;
	line-height:44px;
	text-align:center;
	padding-right:2px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-prev:before{
	font-family: 'FontAwesome';
	content: "\f104";
	display:block;
	font-weight:800;
	line-height:44px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-prev:hover,
.pricing-tabs .tabs-content .ms-skin-default .ms-nav-next:hover{
	background:#ec49b2;
	color:#ffffff;	
} */


/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section {
    position: relative;
    padding: 90px 0px 110px;
    background-color: #F0F7FC;
}

.testimonial-section .icons {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.testimonial-section .icons .icon-one {
    position: absolute;
    left: 6% !important;
    top: 5% !important;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat;
}

.testimonial-section .icons .icon-two {
    position: absolute;
    left: 35% !important;
    top: 70% !important;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
}

.testimonial-section .icons .icon-three {
    position: absolute;
    left: 6% !important;
    top: 58% !important;
    width: 34px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
}

.testimonial-section .icons .icon-four {
    position: absolute;
    left: 56% !important;
    top: 30% !important;
    width: 34px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
}

.testimonial-section .icons .icon-five {
    position: absolute;
    left: 79% !important;
    top: 85% !important;
    width: 35px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
}

.testimonial-section .icons .icon-six {
    position: absolute;
    left: 90% !important;
    top: 40% !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
}

.testimonial-section .icons .icon-seven {
    position: absolute;
    left: 80% !important;
    top: 90% !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
}

.testimonial-section .owl-dots {
    display: none;
}

.testimonial-section .owl-nav {
    position: absolute;
    right: 0px;
    top: -120px;
    padding: 5px 5px;
    border-radius: 50px;
    background-color: #ff3ab1;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
    position: relative;
    width: 45px;
    height: 45px;
    color: #ffffff;
    font-size: 22px;
    line-height: 45px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #0a36ea;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.testimonial-section .owl-nav .owl-prev {
    margin-right: 20px;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
    background-color: #ffffff;
    color: #ff3ab1;
}

.testimonial-block {
    position: relative;
    margin-bottom: 30px;
}

.testimonial-block .inner-box {
    position: relative;
}

.testimonial-block .inner-box .info-box {
    position: relative;
}

.testimonial-block .inner-box .info-box .info-inner {
    position: relative;
    padding-top: 10px;
    min-height: 110px;
    padding-left: 110px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    border-bottom: 2px solid #dde3f2;
}

.testimonial-block .inner-box:hover .info-box .info-inner {
    border-color: #ff46b8;
}

.testimonial-block .inner-box .info-box .info-inner .image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50px;
}

.testimonial-block .inner-box .info-box h4 {
    position: relative;
    color: #2b2b2b;
    font-weight: 700;
}

.testimonial-block .inner-box .lower-content {
    position: relative;
    padding-top: 30px;
}

.testimonial-block .inner-box .lower-content .text {
    position: relative;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 20px;
}

.testimonial-block .inner-box .lower-content .rating {
    position: relative;
}

.testimonial-block .inner-box .lower-content .rating .fa {
    position: relative;
    color: #ffbe4c;
    margin-right: 2px;
}

.testimonial-block .inner-box .lower-content .rating .fa.light {
    position: relative;
    color: #a6b5dd;
}


/*** 

====================================================================
	App Section
====================================================================

***/

.app-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0px 0px;
    background-color: #1d1c1c;
    background-position: center center;
    background-repeat: no-repeat;
}

.app-section .title-column {
    position: relative;
    margin-bottom: 40px;
}

.app-section .sec-title {
    margin-bottom: 35px;
}

.app-section .btn-box a {
    position: relative;
    margin-right: 15px;
    display: inline-block;
}

.app-section .images-column {
    position: relative;
}

.app-section .images-column .inner-column {
    position: relative;
    text-align: left;
}

.app-section .images-column .image {
    position: relative;
}

.app-section .images-column .image-one {
    position: absolute;
    right: 60px;
    bottom: 0px;
}


/*** 

====================================================================
	News Section
====================================================================

***/

.news-section {
    position: relative;
    padding: 110px 0px 100px;
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F0F7FC 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F0F7FC 100%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F0F7FC 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(100, #F0F7FC));
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F0F7FC 100%);
    background-image: linear-gradient(to top, #FFFFFF 0%, #F0F7FC 100%);
}

.news-section.style-two {
    background-image: none;
}


/* News Block */

.news-block {
    position: relative;
    margin-bottom: 30px;
}

.news-block .inner-box {
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.news-block .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #ec49b2;
}

.news-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.news-block .inner-box:hover .image img {
    transform: scale(1.2, 1.2);
    opacity: 0.5;
}

.news-block .inner-box .image .social-box {
    position: absolute;
    left: -60px;
    top: 0px;
    z-index: 1;
    text-align: center;
    padding: 20px 18px;
    background-color: #5001b4;
    border-radius: 0px 0px 15px 0px;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.news-block .inner-box:hover .image .social-box {
    left: 0px;
}

.news-block .inner-box .image .social-box li {
    position: relative;
    margin-bottom: 10px;
}

.news-block .inner-box .image .social-box li:last-child {
    margin-bottom: 0px;
}

.news-block .inner-box .image .social-box li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
}

.news-block .inner-box .image .read-more {
    text-align: left;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 45px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.50);
}

.news-block .inner-box .image .read-more a {
    position: absolute;
    left: 10px;
    bottom: 0px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    transform: rotate(-90deg);
    white-space: nowrap;
    transform-origin: left top;
}

.news-block .inner-box .lower-content {
    position: relative;
    padding: 30px 30px;
    background-color: #ffffff;
}

.news-block .inner-box .lower-content .post-meta {
    position: relative;
}

.news-block .inner-box .lower-content .post-meta li {
    position: relative;
    margin-right: 18px;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}

.news-block .inner-box .lower-content .post-meta li .icon {
    position: relative;
    margin-right: 8px;
    display: inline-block;
}

.news-block .inner-box .lower-content .post-meta li:last-child {
    margin-right: 0px;
}

.news-block .inner-box .lower-content .arrow-box {
    position: absolute;
    right: 0px;
    top: -20px;
    width: 40px;
    height: 40px;
    color: #ec49b2;
    line-height: 40px;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    transform: translateX(50px);
}

.news-block .inner-box .lower-content .arrow-box:hover {
    background-color: #ec49b2;
    color: #ffffff;
}

.news-block .inner-box:hover .lower-content .arrow-box {
    transform: translateX(-40px);
    opacity: 1;
    visibility: visible;
}

.news-block .inner-box .lower-content .post-date {
    position: relative;
    color: #5a5a5a;
    font-weight: 500;
    font-size: 14px;
}

.news-block .inner-box .lower-content h4 {
    position: relative;
    font-weight: 700;
    line-height: 1.6em;
    margin-top: 8px;
}

.news-block .inner-box .lower-content h4 a {
    position: relative;
    color: #000000;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block .inner-box .lower-content h4 a:hover {
    color: #0a36ea;
}

.news-block .inner-box .lower-content .post-author {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    margin-top: 12px;
}

.news-block .inner-box .lower-content .text {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    margin-top: 12px;
    line-height: 1.7em;
}

.news-block.style-two .inner-box {
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    box-shadow: inherit;
}

.news-block.style-two .inner-box:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 130px;
    height: 100%;
    background-color: #f5f5f5;
}

.news-block.style-two .inner-box .lower-content {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}


/*** 

====================================================================
	SignUp Section
====================================================================

***/

.signup-section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px
}

.signup-section .side-image {
    position: absolute;
    right: 0px;
    top: -80px;
}

.signup-section .image-column {
    position: relative;
}

.signup-section .image-column .inner-column {
    position: relative;
}

.signup-section .image-column .image {
    position: relative;
    z-index: 1;
}

.signup-section .image-column .image img {
    position: relative;
}

.signup-section .content-column {
    position: relative;
}

.signup-section .content-column .inner-column {
    position: relative;
    padding-top: 70px;
}

.signup-form {
    position: relative;
    max-width: 475px;
    z-index: 1;
}

.signup-form .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0px;
}

.signup-form .form-group input[type="text"],
.signup-form .form-group input[type="tel"],
.signup-form .form-group input[type="email"],
.signup-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 14px;
    color: #848484;
    line-height: 48px;
    padding: 10px 60px 10px 30px;
    font-weight: 400;
    border-radius: 3px;
    background: #ffffff;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    border-radius: 25px 0px 25px 0px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.signup-form .form-group input[type="email"]:focus {
    border-color: #00d6a9;
}

.signup-form .form-group .send-btn {
    position: absolute;
    width: 65px;
    top: 0px;
    right: 0px;
    height: 60px;
    cursor: pointer;
    line-height: 24px;
    background: #4628a4;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 2px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 0px 0px 25px 0px;
}

.signup-section.style-two {
    background-color: #f9fdff;
    padding-top: 95px;
}

.signup-section.style-three {
    padding-top: 105px;
}

.signup-section .info-list li {
    margin-bottom: 18px;
}

.signup-section .info-list li span {
    background-color: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}


/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
    position: relative;
}

.main-footer .pattern-layer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1324px;
    height: 725px;
    background-repeat: no-repeat;
}

.main-footer .pattern-layer-2 {
    position: absolute;
    left: 140px;
    bottom: 0px;
    width: 100%;
    height: 927px;
    background-position: leftbottom;
    background-repeat: no-repeat;
}

.main-footer .widgets-section {
    position: relative;
    padding: 120px 0px 90px;
}

.main-footer .footer-widget {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.main-footer .footer-widget h4 {
    position: relative;
    font-weight: 600;
    color: #222222;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.main-footer .logo-widget {
    position: relative;
}

.main-footer .logo-widget .logo {
    position: relative;
    margin-bottom: 22px;
}

.main-footer .logo-widget .text {
    position: relative;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 1.7em;
    margin-bottom: 25px;
}

.main-footer .logo-widget .social-box {
    position: relative;
}

.main-footer .logo-widget .social-box span {
    position: relative;
    color: #0a36ea;
    font-size: 18px;
    font-weight: 700;
    margin-right: 10px;
}

.main-footer .logo-widget .social-box a {
    position: relative;
    font-size: 16px;
    color: #5a5a5a;
    margin-right: 15px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .logo-widget .social-box a:hover {
    color: #ec49b2;
}

.main-footer .footer-list {
    position: relative;
}

.main-footer .footer-list li {
    position: relative;
    margin-bottom: 15px;
}

.main-footer .footer-list li a {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    padding-right: 16px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .footer-list li a:hover {
    color: #0a36ea;
}

.main-footer .footer-list li a:before {
    position: absolute;
    content: "\f105";
    right: 0px;
    top: 4px;
    line-height: 1em;
    font-family: 'FontAwesome';
}

.main-footer .info-list {
    position: relative;
}

.main-footer .info-list li {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    line-height: 1.8em;
    margin-bottom: 20px;
    padding-right: 25px;
}

.main-footer .info-list li a {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .info-list li .icon {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #0a36ea;
}

.main-footer .info-list li a:hover {
    color: #0a36ea;
}

.main-footer .footer-bottom {
    position: relative;
    padding: 18px 0px;
    border-top: 2px dashed #e8f1ff;
}

.main-footer .footer-bottom .copyright {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    font-weight: 500;
}

.main-footer .footer-bottom .copyright a {
    position: relative;
    color: #5a5a5a;
}

.main-footer .footer-bottom .footer-nav {
    position: relative;
}

.main-footer .footer-bottom .footer-nav li {
    position: relative;
    margin-left: 20px;
    display: inline-block;
}

.main-footer .footer-bottom .footer-nav li a {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    font-weight: 500;
}

.apps-widget .social-box {
    position: relative;
}

.apps-widget .social-box span {
    position: relative;
    color: #222222;
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.apps-widget .social-box a {
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 30px;
    text-align: center;
    margin-right: 5px;
    border-radius: 50px;
    border: 1px solid #bbbbbb;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.apps-widget .social-box a:hover {
    color: #ffffff;
    border-color: #9654ff;
    background-color: #9654ff;
}

.apps-widget .btn-box {
    position: relative;
    margin-bottom: 20px;
}

.apps-widget .btn-box a {
    width: 45%;
    margin-right: 10px;
    display: inline-block;
}

.apps-widget .btn-box a:last-child {
    margin-right: 0px;
}

.main-footer.style-two {
    background-color: #fdfeff;
}

.main-footer.style-two .widgets-section {
    padding-top: 90px;
}

.footer-bottom-two {
    position: relative;
    padding: 38px 0px 25px;
    border-top: 2px dashed #ebebeb;
}

.footer-bottom-two .go-to-top {
    position: absolute;
    left: 50%;
    top: 0px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    margin-top: -25px;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    padding-top: 4px;
    cursor: pointer;
    background-color: #0a36ea;
}

.footer-bottom-two .copyright {
    position: relative;
    font-weight: 600;
    color: #5a5a5a;
    font-size: 16px;
    text-align: center;
}

.main-footer.style-three {
    background-position: center top;
    background-repeat: repeat-x;
}

.main-footer.style-three .apps-widget .social-box span,
.main-footer.style-three .info-list li .icon,
.main-footer.style-three .info-list li a,
.main-footer.style-three .logo-widget .text,
.main-footer.style-three .info-list li,
.main-footer.style-three .footer-widget h4,
.main-footer.style-three .footer-list li a {
    color: #ffffff;
}

.main-footer.style-three .apps-widget .social-box a {
    color: #ffffff;
    border-color: #ffffff;
}


/* Footer Bottom Three */

.footer-bottom-three {
    position: relative;
    padding: 38px 0px 25px;
    background-color: #5001b4;
}

.footer-bottom-three .go-to-top {
    position: absolute;
    left: 50%;
    top: 0px;
    width: 50px;
    height: 50px;
    color: #5001b4;
    margin-top: -25px;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    padding-top: 4px;
    cursor: pointer;
    background-color: #ffffff;
}

.footer-bottom-three .copyright {
    position: relative;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}

.main-footer .top-pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: left top;
}

.main-footer .left-map-pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 403px;
    height: 559px;
    background-repeat: no-repeat;
}

.main-footer .right-map-pattern {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 403px;
    height: 559px;
    background-repeat: no-repeat;
}


/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0, 0, 0, 0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
}

.sidenav-bar-visible .search-popup {
    width: 80%;
}

.search-popup:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    background-image: url(../images/icons/waves-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0px;
    content: "";
}

.search-active .search-popup {
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #ff70e0;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 30px;
    line-height: 70px;
    color: #ffffff;
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000000;
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #000000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
    color: #000000;
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #ffffff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0px;
    border: none;
    background: none !important;
    box-shadow: none !important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .close-search.style-two span {
    font-size: 20px;
    color: #ffffff;
}


/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title {
    position: relative;
    overflow: hidden;
    background-image: -ms-linear-gradient(top, #1BC6FD 0%, #0863ff 100%);
    background-image: -moz-linear-gradient(top, #1BC6FD 0%, #0863ff 100%);
    background-image: -o-linear-gradient(top, #1BC6FD 0%, #0863ff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1BC6FD), color-stop(100, #0863ff));
    background-image: -webkit-linear-gradient(top, #1BC6FD 0%, #0863ff 100%);
    background-image: linear-gradient(to bottom, #1BC6FD 0%, #0863ff 100%);
}

.particles-pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}

.page-title .section-icons {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.page-title .section-icons .icon-one {
    position: absolute;
    left: 6%;
    top: 35%;
    width: 58px;
    height: 67px;
    background-repeat: no-repeat;
    filter: grayscale(10) brightness(100);
}

.page-title .section-icons .icon-two {
    position: absolute;
    left: 6%;
    top: 65%;
    width: 91px;
    height: 99px;
    background-repeat: no-repeat;
    filter: grayscale(10) brightness(100);
}

.page-title .section-icons .icon-three {
    position: absolute;
    left: 26%;
    top: 35%;
    width: 58px;
    height: 67px;
    background-repeat: no-repeat;
    filter: grayscale(10) brightness(100);
}

.page-title .section-icons .icon-four {
    position: absolute;
    left: 48%;
    top: 35%;
    width: 101px;
    height: 101px;
    background-repeat: no-repeat;
}

.page-title .section-icons .icon-five {
    position: absolute;
    left: 48%;
    top: 65%;
    width: 64px;
    height: 60px;
    background-repeat: no-repeat;
    filter: grayscale(10) brightness(100);
}

.page-title .section-icons .icon-six {
    position: absolute;
    right: 3%;
    top: 25%;
    width: 58px;
    height: 67px;
    background-repeat: no-repeat;
    filter: grayscale(10) brightness(100);
}

.page-title .inner-container {
    position: relative;
    z-index: 5;
    padding: 265px 0px 230px;
}

.page-title .auto-container {
    position: relative;
}

.page-title h2 {
    position: relative;
    color: #ffffff;
    line-height: 1.3em;
    font-weight: 700;
}

.page-title .bread-crumb {
    position: relative;
    padding: 16px 0px 0px;
}

.page-title .bread-crumb li {
    position: relative;
    float: right;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    text-transform: capitalize;
    cursor: default;
    padding-left: 15px;
    margin-left: 12px;
}

.page-title .bread-crumb li:before {
    position: absolute;
    left: -2px;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    content: "\f105";
    font-weight: 700;
    font-family: 'FontAwesome';
}

.page-title .bread-crumb li:last-child {
    padding-left: 0;
    margin-left: 0;
}

.page-title .bread-crumb li:last-child:before {
    display: none;
}

.page-title .bread-crumb li a {
    color: #ffffff;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover {
    color: #000000;
}


/* Team Page Section */

.team-page-section {
    position: relative;
    padding: 70px 0px 0px;
}

.team-page-section .team-block {
    margin-bottom: 80px;
}


/* Faq Page Section */

.faq-page-section {
    position: relative;
    padding: 60px 0px 80px;
}

.faq-page-section .inner-container {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
}


/*** 

====================================================================
	Price Page Section
====================================================================

***/

.price-page-section {
    position: relative;
    padding: 70px 0px 90px;
}

.price-page-section .sec-title {
    margin-bottom: 100px;
}

.price-page-section .price-block-two:nth-child(2) {
    transform: translateY(-50px);
}

.price-page-section .price-block-two:nth-child(2) .inner-box {
    padding: 55px 40px 55px;
}

.price-page-section .price-block-two:nth-child(2) .inner-box .title {
    margin-bottom: 60px;
}

.price-page-section .price-block-two:nth-child(2) .inner-box .price-list {
    margin-bottom: 55px;
}

.price-block-two {
    position: relative;
}

.price-block-two .inner-box {
    position: relative;
    padding: 44px 40px 48px;
    border-radius: 15px;
    border: 1px solid #ebebeb;
}

.price-block-two .inner-box .title {
    position: relative;
    color: #bbbbbb;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.price-block-two .inner-box .price {
    position: relative;
    font-size: 72px;
    color: #222222;
    line-height: 1em;
    font-weight: 700;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.price-block-two .inner-box:hover .price {
    color: #ec49b2;
}

.price-block-two .inner-box .price sup {
    position: relative;
    font-weight: 400;
    font-size: 60px;
}

.price-block-two .inner-box .price span {
    position: relative;
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 500;
    margin-left: 50px;
    text-transform: capitalize;
}

.price-block-two .inner-box h4 {
    position: relative;
    font-weight: 600;
    color: #222222;
}

.price-block-two .inner-box .price-list {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
}

.price-block-two .inner-box .price-list li {
    position: relative;
    padding-left: 40px;
    color: #5a5a5a;
    font-size: 16px;
    margin-bottom: 10px;
}

.price-block-two .inner-box .price-list li:before {
    position: absolute;
    content: "\f00c";
    left: 0px;
    top: -1px;
    color: #ec49b2;
    font-family: 'FontAwesome';
}

.price-block-two .inner-box .theme-btn {
    color: #5a5a5a;
    font-family: 'Montserrat', sans-serif;
}

.price-block-two .inner-box .theme-btn:hover {
    color: #ffffff;
}


/*** 

====================================================================
	Testimonial Page Section
====================================================================

***/

.testimonial-page-section {
    position: relative;
    padding: 95px 0px 70px;
}

.testimonial-page-section .row {
    margin: 0px -60px;
}

.testimonial-page-section .testimonial-block-three {
    padding: 0px 60px;
    margin-bottom: 90px;
}


/* Comming Soon */

.comming-soon {
    position: relative;
    text-align: center;
    padding: 100px 0px 100px;
}

.comming-soon .content {
    position: relative;
}

.comming-soon .content .content-inner {
    position: relative;
}

.comming-soon .content .content-inner h2 {
    position: relative;
    color: #222222;
    font-size: 90px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 80px;
}

.comming-soon .content .content-inner .text {
    position: relative;
    color: #222222;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6em;
    margin-top: 28px;
    margin-bottom: 60px;
    letter-spacing: 1px;
}


/***

====================================================================
	Countdown style
====================================================================

***/

.time-counter {
    position: relative;
}

.time-counter .time-countdown {
    position: relative;
}

.time-counter .time-countdown .counter-column {
    position: relative;
    margin: 0px 15px 0px;
    width: 170px;
    height: 170px;
    text-align: center;
    display: inline-block;
    padding: 10px 0px 10px;
    border: 2px solid #222222;
    color: #222222;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 30px;
}

.time-counter .time-countdown .counter-column .count {
    position: relative;
    display: block;
    font-size: 65px;
    line-height: 40px;
    padding: 30px 10px;
    color: #222222;
    letter-spacing: 1px;
    font-weight: 300;
}

.comming-soon .emailed-form .form-group {
    position: relative;
    display: block;
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20px;
}

.comming-soon .emailed-form .form-group input[type="text"],
.comming-soon .emailed-form .form-group input[type="tel"],
.comming-soon .emailed-form .form-group input[type="email"],
.comming-soon .emailed-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 20px;
    height: 60px;
    font-size: 14px;
    color: #797979;
    overflow: hidden;
    padding: 10px 50px 10px 30px;
    background: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid #cccccc;
}

.comming-soon .emailed-form .form-group input[type="submit"],
.comming-soon .emailed-form button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 160px;
    height: 50px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    background: #222222;
    letter-spacing: 1px;
    text-transform: capitalize;
}


/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
    position: relative;
    padding: 100px 0px 80px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
    margin-bottom: 0px;
}

.sidebar-widget {
    margin-bottom: 30px;
}


/* Service List */

.sidebar .service-list {
    position: relative;
    border: 1px solid #d7d7d7;
}

.sidebar .service-list li {
    position: relative;
    line-height: 24px;
    margin-bottom: 0px;
    border-bottom: 1px solid #d7d7d7;
}

.sidebar .service-list li:last-child {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.sidebar .service-list li a {
    position: relative;
    display: block;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    padding: 17px 25px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.sidebar .service-list li a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    z-index: -1;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    background-image: -ms-linear-gradient(left, #3604AC 0%, #5918fe 100%);
    background-image: -moz-linear-gradient(left, #3604AC 0%, #5918fe 100%);
    background-image: -o-linear-gradient(left, #3604AC 0%, #5918fe 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3604AC), color-stop(100, #5918fe));
    background-image: -webkit-linear-gradient(left, #3604AC 0%, #5918fe 100%);
    background-image: linear-gradient(to right, #3604AC 0%, #5918fe 100%);
}

.sidebar .service-list li a:after {
    font-family: 'FontAwesome';
    content: "\f061";
    position: absolute;
    right: 20px;
    top: 16px;
    display: block;
    line-height: 26px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.sidebar .service-list li.current a:before,
.sidebar .service-list li:hover a:before {
    width: 100%;
}

.sidebar .service-list li a:hover,
.sidebar .service-list li.current a {
    color: #ffffff;
}


/* Broucher Widget */

.broucher-widget {
    position: relative;
}

.broucher-widget .widget-content {
    position: relative;
    padding: 25px 25px;
    background-color: #f5f5f5;
    border: 1px solid #d7d7d7;
}

.broucher-widget .widget-content .content-inner {
    position: relative;
    padding-left: 85px;
}

.broucher-widget .widget-content h4 {
    position: relative;
    color: #4628a4;
    font-weight: 600;
    margin-bottom: 20px;
}

.broucher-widget .widget-content .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.5;
    color: #4628a4;
    font-size: 64px;
    line-height: 1em;
    font-weight: 400;
}

.broucher-widget .widget-content .content-inner .text {
    position: relative;
    color: #5a5a5a;
    font-size: 14px;
    line-height: 1.7em;
    margin-bottom: 20px;
}

.broucher-widget .widget-content .download {
    position: relative;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

.broucher-widget.style-two .widget-content {
    background: none;
}

.broucher-widget.style-two .widget-content h4 {
    color: #222222;
}

.broucher-widget.style-two .widget-content .icon {
    opacity: 1;
    color: #ff3ed3;
}


/* Help Widget */

.help-widget {
    position: relative;
}

.help-widget .widget-content {
    position: relative;
    padding: 25px 32px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.help-widget .widget-content h4 {
    position: relative;
    color: #222222;
    font-weight: 600;
    margin-bottom: 15px;
}

.help-widget .widget-content .text {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 15px;
}

.help-widget .widget-content .help-list {
    position: relative;
}

.help-widget .widget-content .help-list li {
    position: relative;
    padding-left: 30px;
    color: #666666;
    font-size: 16px;
    margin-bottom: 10px;
}

.help-widget .widget-content .help-list li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #4628a4;
}

.help-widget .widget-content .help-list li:last-child {
    margin-bottom: 0px;
}


/* Project Widget */

.project-widget .widget-content {
    position: relative;
    padding: 25px 25px;
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
}

.project-widget .widget-content h4 {
    position: relative;
    color: #000000;
    font-weight: 600;
    margin-bottom: 15px;
}

.project-widget .widget-content .project-info-list {
    position: relative;
}

.project-widget .widget-content .project-info-list li {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    margin-bottom: 10px;
}

.project-widget .widget-content .project-info-list li:last-child {
    margin-bottom: 0px;
}

.project-widget .widget-content .project-info-list li span {
    position: relative;
    color: #4628a4;
    font-weight: 700;
    width: 120px;
    display: inline-block;
}


/* Contact Widget */

.contact-widget .widget-content {
    position: relative;
    padding: 25px 25px;
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
}

.contact-widget .widget-content h4 {
    position: relative;
    color: #000000;
    font-weight: 600;
    margin-bottom: 20px;
}


/* Instagram Widget */

.instagram-widget h4 {
    position: relative;
    color: #000000;
    font-weight: 600;
    margin-bottom: 20px;
}


/*** 

====================================================================
	Contact Widget Form
====================================================================

 ***/

.contact-widget-form {
    position: relative;
}

.contact-widget-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.contact-widget-form .form-group input[type="text"],
.contact-widget-form .form-group input[type="password"],
.contact-widget-form .form-group input[type="tel"],
.contact-widget-form .form-group input[type="email"],
.contact-widget-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    height: 50px;
    font-size: 14px;
    border-radius: 0px;
    border: 1px solid #dddddd;
    background-color: #f5f5f5;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-widget-form .form-group input[type="text"]:focus,
.contact-widget-form .form-group input[type="password"]:focus,
.contact-widget-form .form-group input[type="tel"]:focus,
.contact-widget-form .form-group input[type="email"]:focus,
.contact-widget-form .form-group select:focus,
.contact-widget-form .form-group textarea:focus {
    border-color: #4628a4;
}

.contact-widget-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    color: #a5a5a5;
    height: 140px;
    font-size: 14px;
    resize: none;
    border-radius: 0px;
    border: 1px solid #dddddd;
    background-color: #f5f5f5;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-widget-form .theme-btn {
    cursor: pointer;
}


/* Sticky Top */

.sticky-top {
    top: 110px;
    z-index: 1;
}


/* Services Detail */

.services-detail {
    position: relative;
}

.services-detail .inner-box {
    position: relative;
}

.services-detail .inner-box .image {
    position: relative;
}

.services-detail .inner-box .image img {
    position: relative;
}

.services-detail .inner-box .lower-content {
    position: relative;
    padding-top: 35px;
}

.services-detail .inner-box .lower-content h3 {
    position: relative;
    color: #222222;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.services-detail .inner-box .lower-content h4 {
    position: relative;
    color: #4628a4;
    font-weight: 700;
    margin-bottom: 12px;
}

.services-detail .inner-box .lower-content .text {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.services-detail .inner-box .lower-content .text p {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.7em;
}

.services-detail .inner-box .lower-content .text p:last-child {
    margin-bottom: 0px;
}


/*** 

====================================================================
	Projects Page Section
====================================================================

***/

.projects-page-section {
    position: relative;
    padding: 50px 0px 95px;
}

.projects-page-section .pagination-outer {
    margin-top: 30px;
}


/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.pagination-outer {
    text-align: center;
}

.styled-pagination {
    position: relative;
    border-radius: 50px;
    background-color: #f5f5f5;
    display: inline-block;
}

.styled-pagination li {
    position: relative;
    margin: 0px 1px 0px;
    display: inline-block;
}

.styled-pagination li a {
    position: relative;
    width: 40px;
    height: 40px;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background: none;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a {
    color: #ffffff;
    background-color: #222222;
}

.styled-pagination li.prev a {
    font-size: 16px;
    color: #ffffff;
    background-color: #5001b4;
}

.styled-pagination li.next a {
    font-size: 16px;
    color: #ffffff;
    background-color: #006dfb;
}


/* Instagram Widget */

.sidebar .instagram-widget .images-outer {
    position: relative;
    margin: 0px -4px;
}

.sidebar .instagram-widget .image-box {
    position: relative;
    float: left;
    width: 33.3333%;
    padding: 0px 6px;
    margin-bottom: 12px;
}

.sidebar .instagram-widget .image-box:nth-child(3),
.sidebar .instagram-widget .image-box:nth-child(6) {
    margin-right: 0px;
}

.sidebar .instagram-widget .image-box .overlay-box {
    position: absolute;
    content: '';
    left: 12px;
    top: 8px;
    bottom: 8px;
    right: 12px;
    display: block;
    z-index: 1;
    opacity: 0;
    text-align: center;
    padding: 8px;
    color: #ffffff;
    font-size: 24px;
    line-height: 44px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: #4628a4;
}

.sidebar .instagram-widget .image-box .overlay-box:before {
    position: absolute;
    top: 50%;
    margin-left: -12px;
    margin-top: -22px;
    display: inline-block;
}

.sidebar .instagram-widget .image-box:hover .overlay-box {
    opacity: 1;
}

.sidebar .instagram-widget .image-box img {
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}


/* Project Detail */

.projects-detail {
    position: relative;
}

.projects-detail .inner-box {
    position: relative;
}

.projects-detail .inner-box .image {
    position: relative;
}

.projects-detail .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.projects-detail .inner-box .lower-content {
    position: relative;
    padding-top: 25px;
}

.projects-detail .inner-box .lower-content h3 {
    position: relative;
    font-weight: 700;
    color: #000000;
    line-height: 1.4em;
    margin-bottom: 20px;
}

.projects-detail .inner-box .lower-content .text h4 {
    position: relative;
    font-weight: 700;
    color: #4628a4;
    line-height: 1.4em;
    margin-bottom: 15px;
}

.projects-detail .inner-box .lower-content .text {
    position: relative;
}

.projects-detail .inner-box .lower-content .text p {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.7em;
}

.projects-detail .inner-box .lower-content .two-column {
    margin-bottom: 18px;
}

.projects-detail .inner-box .lower-content .two-column .list-style-three li {
    margin-bottom: 18px;
}

.projects-detail .inner-box .lower-content .two-column .list-style-three li:before {
    color: #4628a4;
}

.related-projects {
    position: relative;
    padding-bottom: 70px;
}

.related-projects .inner-container {
    position: relative;
    padding: 95px 0px 0px;
    border-top: 1px solid #dddddd;
}

.related-projects .owl-nav {
    display: none;
}

.related-projects .owl-dots {
    position: absolute;
    right: 0px;
    top: -60px;
}

.related-projects .owl-dots .owl-dot {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0px 4px;
    border-radius: 50px;
    display: inline-block;
    background-color: #d7d7d7;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.related-projects .owl-dots .owl-dot.active,
.related-projects .owl-dots .owl-dot:hover {
    background-color: #6836ff;
    width: 50px;
}

.news-page-section {
    position: relative;
    padding: 65px 0px 110px;
}

.news-page-section .pagination-outer {
    margin-top: 30px;
}


/*Search Box Widget*/

.sidebar .search-box .form-group {
    position: relative;
    margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
    position: relative;
    line-height: 30px;
    padding: 10px 50px 10px 30px;
    background: #ffffff;
    display: block;
    font-size: 15px;
    width: 100%;
    height: 60px;
    color: #797979;
    font-weight: 400;
    border-radius: 50px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.10);
}

.sidebar .search-box .form-group textarea::-webkit-input-placeholder,
.sidebar .search-box .form-group input::-webkit-input-placeholder {
    color: #797979;
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 60px;
    width: 60px;
    display: block;
    font-size: 16px;
    color: #0800ad;
    line-height: 100%;
    font-weight: normal;
    background: none;
}


/*Sidebar Title*/

.sidebar-title {
    position: relative;
    margin-bottom: 25px;
}

.sidebar-title h3 {
    color: #222222;
    font-weight: 600;
    line-height: 1.2em;
    display: inline-block;
    text-transform: capitalize;
}


/*Blog Category*/

.cat-list {
    position: relative;
}

.cat-list li {
    position: relative;
}

.cat-list li a {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
    padding-left: 26px;
    border-bottom: 1px solid #dddddd;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.cat-list li a span {
    position: absolute;
    right: 0px;
}

.cat-list li:last-child a {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.cat-list li a:hover {
    color: #0800ad;
}


/*Post Widget*/

.popular-posts .post {
    position: relative;
    font-size: 14px;
    color: #666666;
    min-height: 110px;
    padding-left: 110px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e7e7eb;
}

.popular-posts .post .post-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
}

.popular-posts .post .post-thumb img {
    display: block;
    width: 100%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.popular-posts .post .text {
    position: relative;
    top: 0px;
    font-size: 18px;
    margin: 0px 0px 3px;
    font-weight: 700;
    color: #222222;
    line-height: 1.5em;
    text-transform: capitalize;
}

.popular-posts .post .text a {
    color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.popular-posts .post a:hover {
    color: #0800ad;
}

.popular-posts .post-info {
    position: relative;
    font-size: 14px;
    color: #5a5a5a;
    font-weight: 400;
    padding-left: 20px;
}

.popular-posts .post-info:before {
    position: absolute;
    content: "\f073";
    left: 0px;
    top: 4px;
    color: #5a5a5a;
    font-size: 14px;
    line-height: 1em;
    font-family: 'FontAwesome';
}


/* Popular Tags */

.sidebar .popular-tags a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 11px 24px 11px;
    margin: 0px 10px 15px 0px;
    color: #5a5a5a;
    text-align: center;
    font-size: 14px;
    background: none;
    font-weight: 500;
    border-radius: 0px 0px 20px 0px;
    border: 2px solid #ebebeb;
    text-transform: capitalize;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
    border-color: #0800ad;
    background-color: #0800ad;
    color: #ffffff;
}


/* News Detail */

.blog-detail {
    position: relative;
    margin-bottom: 30px;
}

.blog-detail .inner-box {
    position: relative;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.blog-detail .inner-box .inner-content {
    position: relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10)
}

.blog-detail .inner-box:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 130px;
    height: 100%;
    background-color: #f5f5f5;
}

.blog-detail .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #ec49b2;
}

.blog-detail .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.blog-detail .inner-box:hover .image img {
    transform: scale(1.2, 1.2);
    opacity: 0.5;
}

.blog-detail .inner-box .lower-content {
    position: relative;
    padding: 30px 30px;
    background-color: #ffffff;
}

.blog-detail .inner-box .lower-content .post-meta {
    position: relative;
    margin-bottom: 12px;
}

.blog-detail .inner-box .lower-content .post-meta li {
    position: relative;
    margin-right: 18px;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}

.blog-detail .inner-box .lower-content .post-meta li .icon {
    position: relative;
    margin-right: 8px;
    display: inline-block;
}

.blog-detail .inner-box .lower-content .post-meta li:last-child {
    margin-right: 0px;
}

.blog-detail .inner-box .lower-content .post-date {
    position: relative;
    color: #5a5a5a;
    font-weight: 500;
    font-size: 16px;
}

.blog-detail .inner-box .lower-content h4 {
    position: relative;
    font-weight: 700;
    line-height: 1.6em;
    margin-bottom: 12px;
    color: #000000;
}

.blog-detail .inner-box .lower-content h4 a {
    position: relative;
    color: #000000;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail .inner-box .lower-content h4 a:hover {
    color: #0a36ea;
}

.blog-detail .inner-box .lower-content .post-author {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    margin-top: 12px;
}

.blog-detail .inner-box .lower-content .text {
    position: relative;
}

.blog-detail .inner-box .lower-content .text p {
    position: relative;
    color: #5a5a5a;
    font-size: 15px;
    margin-bottom: 12px;
    line-height: 1.8em;
}

.blog-detail .inner-box .lower-content .text blockquote {
    position: relative;
    margin-bottom: 35px;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-inner {
    position: relative;
    padding-left: 70px;
    padding-top: 10px;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-inner .quote-icon-outer {
    position: absolute;
    left: 0px;
    top: 22px;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-inner .quote-icon-outer:before {
    position: absolute;
    content: '';
    left: 15px;
    top: -17px;
    width: 2px;
    height: 100px;
    background-color: #e5f3ff;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-inner .quote-icon-outer:after {
    position: absolute;
    content: '';
    left: 20px;
    top: -17px;
    width: 2px;
    height: 92px;
    background-color: #e5f3ff;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-inner .quote-icon-outer .line {
    position: absolute;
    content: '';
    left: 25px;
    top: -17px;
    width: 2px;
    height: 84px;
    background-color: #e5f3ff;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-inner .quote-icon-outer .icon {
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 1;
    color: #0800ad;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    background-color: #e5f3ff;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-inner .quote-text {
    position: relative;
    color: #222222;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.7em;
}

.blog-detail .inner-box .lower-content .text .two-column p {
    padding-top: 15px;
    line-height: 2em;
}


/* Post Share Options*/

.blog-detail .post-share-options {
    position: relative;
    margin-top: 50px;
}

.blog-detail .post-share-options .post-share-inner {
    position: relative;
    padding-top: 25px;
    border-top: 1px solid #dddddd;
}

.blog-detail .post-share-options .tags span {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    margin-right: 8px;
    text-transform: capitalize;
}

.blog-detail .post-share-options .tags a {
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    margin-right: 4px;
    display: inline-block;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.blog-detail .post-share-options .tags {
    position: relative;
    color: #ff4800;
    font-size: 16px;
    font-weight: 400;
    margin-top: 3px;
}

.blog-detail .post-share-options .tags a:hover {
    color: #020e28;
}

.blog-detail .post-share-options .social-box {
    position: relative;
    margin-top: 4px;
}

.blog-detail .post-share-options .social-box .share {
    position: relative;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
}

.blog-detail .post-share-options .social-box li {
    position: relative;
    margin-left: 13px;
    display: inline-block;
}

.blog-detail .post-share-options .social-box li a {
    position: relative;
    font-size: 14px;
    color: #3d415b;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail .post-share-options .social-box li a:hover {
    color: #fe5722;
}


/* Author Box */

.author-box {
    position: relative;
    padding: 30px 30px;
    margin-top: 70px;
    margin-bottom: 55px;
    background-color: #4527a4;
    border-radius: 0px 0px 20px 0px;
}

.author-box .author-inner {
    position: relative;
    padding-top: 18px;
    padding-left: 170px;
}

.author-box .thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 130px;
    width: 130px;
    overflow: hidden;
}

.author-box .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.author-box .name {
    position: relative;
    display: block;
    line-height: 30px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 25px;
}

.author-box .text {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 18px;
    line-height: 2em;
    margin-top: 6px;
}

.author-box .social-icon {
    position: relative;
    float: right;
}

.author-box .social-icon li {
    position: relative;
    display: inline-block;
    margin-right: 6px;
}

.author-box .social-icon li:last-child {
    margin-right: 0;
}

.author-box .social-icon li a {
    position: relative;
    width: 36px;
    height: 36px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.author-box .social-icon li a:hover {
    color: #4527a4;
    border-color: #ffffff;
    background-color: #ffffff;
}


/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
    position: relative;
    margin-top: 60px;
    margin-bottom: 50px;
}

.sidebar-page-container .group-title {
    position: relative;
}

.sidebar-page-container .group-title h3 {
    position: relative;
    color: #222222;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box {
    position: relative;
    padding: 0px 0px 0px;
    margin-bottom: 60px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child {
    margin-bottom: 0px;
}

.sidebar-page-container .comments-area .comment {
    position: relative;
    font-size: 14px;
    min-height: 120px;
    padding: 15px 0px 0px 160px;
}

.sidebar-page-container .comments-area .reply-comment {
    margin-left: 160px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 120px;
    border-radius: 50%;
    margin-bottom: 20px;
    overflow: hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
    width: 100%;
    display: block;
}

.sidebar-page-container .comments-area .comment-info {
    margin-bottom: 15px;
}

.sidebar-page-container .comments-area .comment-box strong {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    display: block;
    line-height: 1.3em;
    display: inline-block;
    text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box .text {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.9em;
    margin-bottom: 0px;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
    font-size: 16px;
    color: #5a5a5a;
    margin-left: 15px;
    display: inline-block;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
    position: absolute;
    right: 0px;
    top: 18px;
    font-size: 16px;
    color: #0800ad;
    font-weight: 600;
    text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
    color: #eb49b2;
}


/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form .group-title h4 {
    position: relative;
    margin-bottom: 50px;
}

.comment-form .form-group {
    margin-bottom: 20px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 36px;
    color: #888888;
    border: 1px solid #dddddd;
    height: 60px;
    font-size: 14px;
    border-radius: 0px;
    background: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
    border-color: #eb49b2;
}

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 25px 36px 25px;
    color: #888888;
    border: 1px solid #dddddd;
    height: 185px;
    background: #ffffff;
    resize: none;
    font-size: 14px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .theme-btn {
    cursor: pointer;
}

.contact-page-section {
    position: relative;
    padding: 60px 0px 60px;
}


/* Error Section */

.error-section {
    position: relative;
    padding: 40px 0px 90px;
}

.error-section .content {
    position: relative;
    text-align: center;
}

.error-section h1 {
    position: relative;
    color: #222222;
    font-size: 180px;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 10px;
}

.error-section h2 {
    position: relative;
    color: #222222;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.error-section .text {
    position: relative;
    color: #222222;
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 30px;
}

.contact-page-section {
    position: relative;
    padding: 75px 0px 90px;
}

.contact-page-section .map-boxed {
    position: relative;
    margin-top: 60px;
}


/*** 

====================================================================
	Contact Form
====================================================================

 ***/

.contact-form {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 25px;
    height: 60px;
    color: #000000;
    font-size: 16px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
    border-color: #0a6fff;
}

.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 25px;
    color: #000000;
    height: 160px;
    font-size: 16px;
    resize: none;
    border-radius: 0px;
    border: 1px solid #cccccc;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .theme-btn {
    cursor: pointer;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: #ff0000 !important;
}

.contact-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ff0000;
    font-weight: 500;
}


/*** 

====================================================================
	Contact Info Section
====================================================================

 ***/

.contact-info-section {
    position: relative;
    padding-bottom: 60px;
}

.contact-info-section .image-column {
    position: relative;
}

.contact-info-section .image-column .inner-column {
    position: relative;
}

.contact-info-section .info-column {
    position: relative;
}

.contact-info-section .info-column .inner-column {
    position: relative;
}

.contact-info-section .info-column .contact-number {
    position: relative;
    font-weight: 700;
    color: #4628a4;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3em;
    margin-bottom: 25px;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-info-section .info-column .contact-number:hover {
    color: #eb49b2;
}

.contact-info-section .info-column .social-box {
    position: relative;
}

.contact-info-section .info-column .social-box a {
    position: relative;
    width: 44px;
    height: 44px;
    color: #4628a4;
    line-height: 42px;
    font-size: 16px;
    margin-right: 8px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #4628a4;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-info-section .info-column .social-box a:hover {
    color: #ffffff;
    border-color: #eb49b2;
    background-color: #eb49b2;
}


/*** 

====================================================================
	Register Section
====================================================================

 ***/

.register-section {
    position: relative;
    padding: 130px 0px 130px;
}

.register-section .form-box {
    position: relative;
    max-width: 550px;
    padding: 40px 30px;
    margin: 0 auto;
    width: 100%;
    background-color: #f9f9f9;
    border: 1px solid rgba(9, 105, 255, 0.70);
}

.register-section .form-box:before {
    position: absolute;
    content: '';
    left: -20px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    border: 15px solid rgba(9, 105, 255, 0.70);
}

.register-section .form-box h1 {
    position: relative;
    color: #222222;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 30px;
}


/* Styled Form */

.styled-form {
    position: relative;
}

.styled-form .submit-text {
    font-size: 15px;
    color: #9e9e9e;
    font-weight: 400;
    margin-top: 10px;
}

.styled-form .form-group {
    position: relative;
    margin-bottom: 15px;
    font-size: 14px;
    color: #222222;
}

.styled-form .form-group.social-icon-one {
    padding-top: 8px;
    line-height: 30px;
}

.checkout-section .styled-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.styled-form .form-group .check-box {
    line-height: 24px;
    font-size: 15px;
    font-weight: normal;
    padding-top: 5px;
    color: #272727;
}

.styled-form .form-group .check-box label {
    position: relative;
    top: -1px;
    font-weight: normal;
    padding: 0px;
    font-size: 15px;
    cursor: pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label {
    cursor: pointer;
}

.styled-form .form-group .adon-icon {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #999999;
    z-index: 2;
}

.styled-form .form-group .field-label {
    display: block;
    color: #272727;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 7px;
    font-weight: 400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
    position: relative;
    display: block;
    width: 100%;
    background: #ffffff;
    line-height: 30px;
    padding: 8px 20px;
    height: 50px;
    border: 1px solid #f4f4f4;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"] {
    line-height: 26px;
    height: 44px;
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
    border-color: #25a9e0;
}

.styled-form .form-group .theme-btn {
    min-width: 150px;
    text-align: center;
    padding: 11px 34px;
    border-radius: 0px;
    cursor: pointer;
}

.styled-form .remember-me {
    position: relative;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
}


/** bubble-dotted **/

.bubble-dotted {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.bubble-dotted .dotted {
    position: absolute;
    border-radius: 50%;
}

.bubble-dotted .dotted-1 {
    width: 11px;
    height: 11px;
    left: 100px;
    top: 50%;
    -webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-2 {
    width: 7px;
    height: 7px;
    left: 240px;
    top: 40%;
    -webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-3 {
    width: 11px;
    height: 11px;
    left: 460px;
    top: 30%;
    -webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-4 {
    width: 16px;
    height: 16px;
    left: 430px;
    top: 90%;
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-5 {
    width: 6px;
    height: 6px;
    left: 50%;
    top: 50%;
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-6 {
    width: 9px;
    height: 9px;
    left: 70%;
    top: 230px;
    -webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-7 {
    width: 6px;
    height: 6px;
    left: 65%;
    top: 30%;
    -webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-8 {
    width: 6px;
    height: 6px;
    left: 85%;
    top: 35%;
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-9 {
    width: 13px;
    height: 13px;
    left: 90%;
    top: 40%;
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-10 {
    width: 12px;
    height: 12px;
    left: 80%;
    top: 70%;
    -webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-1 {
    background: -webkit-linear-gradient(0deg, #58f106, #23c10e 50%);
}

.bubble-dotted .dotted-2 {
    background: -webkit-linear-gradient(0deg, #862ff1, #163fae 50%);
}

.bubble-dotted .dotted-3 {
    background: -webkit-linear-gradient(0deg, #ff5d06, #ffc806 50%);
}

.bubble-dotted .dotted-4 {
    background: -webkit-linear-gradient(0deg, #d406b7, #fc1a66 50%);
}

.bubble-dotted .dotted-5 {
    background: -webkit-linear-gradient(0deg, #fe5f12, #fec412 50%);
}

.bubble-dotted .dotted-6 {
    background: -webkit-linear-gradient(0deg, #d622bf, #fb196a 50%);
}

.bubble-dotted .dotted-7 {
    background: -webkit-linear-gradient(0deg, #60f112, #30c719 50%);
}

.bubble-dotted .dotted-8 {
    background: -webkit-linear-gradient(0deg, #fe5f12, #fec412 50%);
}

.bubble-dotted .dotted-9 {
    background: -webkit-linear-gradient(0deg, #842af1, #0f40aa 50%);
}

.bubble-dotted .dotted-10 {
    background: -webkit-linear-gradient(0deg, #58f106, #23c10f 50%);
}

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    100% {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    100% {
        margin-top: -30%
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    100% {
        margin-top: -30%
    }
}

@-webkit-keyframes sideWays {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 25px
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 25px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 25px
    }
}

.box-loader {
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
}

.box-loader span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #F4D406;
    margin: 0 5px;
    opacity: 0;
}

.box-loader span:nth-child(1) {
    animation: opacitychange 1s ease-in-out infinite;
}

.box-loader span:nth-child(2) {
    animation: opacitychange 1s ease-in-out 0.33s infinite;
}

.box-loader span:nth-child(3) {
    animation: opacitychange 1s ease-in-out 0.66s infinite;
}

.box-loader.light span {
    background-color: #ffffff;
}


/*--opacitychange--*/

@keyframes opacitychange {
    0%,
    100% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}


/*--lightMe--*/

@keyframes lightMe1 {
    0% {
        opacity: 0.1;
    }
    25% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes lightMe2 {
    0% {
        opacity: 0.1;
    }
    25% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes lightMe3 {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 0.1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes lightMe4 {
    0% {
        opacity: 0.1;
    }
    75% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slider {
    0% {
        transform: translateY(0);
    }
    10.5% {
        transform: translateY(0);
    }
    12.5% {
        transform: translateY(-40px);
    }
    23% {
        transform: translateY(-40px);
    }
    25% {
        transform: translateY(-80px);
    }
    35% {
        transform: translateY(-80px);
    }
    37.5% {
        transform: translateY(-120px);
    }
    47.5% {
        transform: translateY(-120px);
    }
    50% {
        transform: translateY(-160px);
    }
    60% {
        transform: translateY(-160px);
    }
    62.5% {
        transform: translateY(-200px);
    }
    72.5% {
        transform: translateY(-200px);
    }
    75% {
        transform: translateY(-240px);
    }
    85% {
        transform: translateY(-240px);
    }
    87.5% {
        transform: translateY(-280px);
    }
    100% {
        transform: translateY(-280px);
    }
}

@keyframes blink {
    from {
        opacity: 0.2;
    }
    to {
        opacity: 0.75;
    }
}


/** pricing-section **/

.pricing-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0px 120px;
}

.pricing-section .content-box {
    position: relative;
    margin-right: 30px;
    margin-top: 33px;
}

.pricing-section .content-box .text p {
    position: relative;
    font-size: 15px;
    color: #2b2b2b;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 2em;
}

.pricing-section .content-box .text p:last-child {
    margin-bottom: 0px;
}

.pricing-section .content-box .text {
    margin-bottom: 60px;
}

.pricing-section .tab-btn-box .tab-btns {
    position: relative;
    display: inline-block;
    margin-bottom: 46px;
}

.pricing-section .tab-btn-box .tab-btns:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 60px;
    width: 150px;
    content: "";
    border-radius: 30px;
    background: #fff;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
}

.pricing-section .tab-btn-box .tab-btns li {
    position: relative;
    display: inline-block;
    min-width: 160px;
    text-align: right;
    font-size: 18px;
    padding: 10px 90px 10px 0px;
    line-height: 40px;
    font-weight: 600;
    color: #444444;
    cursor: pointer;
    transition: all 500ms ease;
}

.pricing-section .tab-btn-box .tab-btns li.active-btn {
    color: #444444;
}

.pricing-section .tab-btn-box .tab-btns li:last-child {
    padding-right: 0;
    padding-left: 90px;
    text-align: left;
}

.pricing-section .tab-btn-box .tab-btns li.active-btn:before {
    right: 15px;
}

.pricing-section .tab-btn-box .tab-btns li:before {
    position: absolute;
    top: 5px;
    height: 50px;
    width: 50px;
    border-radius: 30px;
    content: "";
    right: -67px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-section .tab-btn-box .tab-btns li:last-child:before {
    display: none;
}

.pricing-section .tabs-box .tab {
    position: relative;
    display: none;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.pricing-section .tabs-box .tab.active-tab {
    display: block;
}

.pricing-section .tabs-box .tab {
    transform: scale(0.9, 0.9) translateY(0px);
}

.pricing-section .tabs-box .tab.active-tab {
    transform: scale(1) translateY(0px);
}

.pricing-section .sec-title {
    margin-bottom: 22px;
}

.pricing-block-one .pricing-table .choice-box {
    position: absolute;
    width: 50%;
    left: -44px;
    top: 25px;
    text-align: center;
    padding: 10px 30px;
    transform: rotate(-45deg);
    transition: all 500ms ease;
    background-color: #4628a4;
}

.pricing-block-one .pricing-table .choice-box h6 {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.pricing-section .pricing-block-one {
    max-width: 370px;
    width: 100%;
}

.pricing-section .pricing-block-one .pricing-table {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 15px;
    background: #fff;
    padding: 58px 30px 36px 30px;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);
}

.pricing-section .pricing-block-one .pricing-table .table-header h4 {
    position: relative;
    color: #eb49b2;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 18px;
}

.pricing-section .pricing-block-one .pricing-table .table-header h2 {
    position: relative;
    color: #2b2b2b;
    font-size: 72px;
    line-height: 75px;
    font-weight: 600;
}

.pricing-section .pricing-block-one .pricing-table .table-header h2:before {
    position: absolute;
    content: '$';
    font-size: 25px;
    color: #161616;
    line-height: 30px;
    font-weight: 600;
    left: 80px;
    top: 6px;
}

.pricing-section .pricing-block-one .pricing-table .table-header {
    position: relative;
    text-align: center;
}

.pricing-section .pricing-block-one .pricing-table .table-content {
    position: relative;
    padding: 30px 0px 30px 25px;
}

.pricing-section .pricing-block-one .pricing-table .table-content li {
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #2b2b2b;
    margin-bottom: 25px;
    padding-left: 32px;
}

.pricing-section .pricing-block-one .pricing-table .table-content li:last-child {
    margin-bottom: 0px;
}

.pricing-section .pricing-block-one .pricing-table .table-content li i {
    position: absolute;
    left: 0px;
    top: 1px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
    background-color: #eb49b2;
    box-shadow: 0 10px 20px rgba(64, 222, 3, 0.4);
}

.pricing-section .pricing-block-one .pricing-table .table-footer {
    position: relative;
    text-align: center;
}

.pricing-section .tabs-content {
    position: relative;
}

.pricing-section .tabs-content .tab .pricing-block-one:last-child {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    transform: scale(0.9);
}

.pricing-section .pr-content .pr-tab.active-tab {
    position: relative;
    z-index: 5;
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
}

.pricing-section .pr-content .pr-tab {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -webkit-transform: scale(0.9, 0.9) translateX(250px);
    -ms-transform: scale(0.9, 0.9) translateX(250px);
    -o-transform: scale(0.8, 0.9) translateX(250px);
    -moz-transform: scale(0.9, 0.9) translateX(250px);
    transform: scale(0.9, 0.9) translateX(250px);
}

.pricing-section .tab-btn-box .tab-btns li:before {
    background-image: -ms-linear-gradient(left, #EB49B2 0%, #0235eb 100%);
    background-image: -moz-linear-gradient(left, #EB49B2 0%, #0235eb 100%);
    background-image: -o-linear-gradient(left, #EB49B2 0%, #0235eb 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #EB49B2), color-stop(100, #0235eb));
    background-image: -webkit-linear-gradient(left, #EB49B2 0%, #0235eb 100%);
    background-image: linear-gradient(to right, #EB49B2 0%, #0235eb 100%);
}


/* Dots Animations */

.ct-dot-animated {
    position: absolute;
    width: 100%;
    height: 102%;
    top: 0;
    left: 0
}

.ct-dot-animated.top-slider {
    height: calc(100% + 330px);
    height: -webkit-calc(100% + 330px);
    margin-top: -330px
}

.ct-dot-animated .ct-dot-item {
    background-color: rgba(255, 216, 155, .4);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ct-dot-animated .ct-dot-item span {
    width: 9px;
    height: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    background-color: #06ffdf;
    background-image: -webkit-gradient(linear, to left top, right top, from(#06ffdf), to(#0042ff));
    background-image: -webkit-linear-gradient(to left, #06ffdf, #0042ff);
    background-image: -moz-linear-gradient(to left, #06ffdf, #0042ff);
    background-image: -ms-linear-gradient(to left, #06ffdf, #0042ff);
    background-image: -o-linear-gradient(to left, #06ffdf, #0042ff);
    background-image: linear-gradient(to left, #06ffdf, #0042ff);
    position: absolute;
    bottom: 14%;
    left: -4px
}

.ct-dot-animated .ct-dot-item:nth-child(1) span {
    -webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop1 30s infinite linear;
    animation: dotAnimatedBottomToTop1 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(2) {
    left: 20%
}

.ct-dot-animated .ct-dot-item:nth-child(2) span {
    background-color: #ffe712;
    background-image: -webkit-gradient(linear, to left top, right top, from(#ffe712), to(#ed585a));
    background-image: -webkit-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -moz-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -ms-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -o-linear-gradient(to left, #ffe712, #ed585a);
    background-image: linear-gradient(to left, #ffe712, #ed585a);
    bottom: 64%;
    -webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop2 30s infinite linear;
    animation: dotAnimatedBottomToTop2 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(3) {
    left: 40%
}

.ct-dot-animated .ct-dot-item:nth-child(3) span {
    background-color: #f798fe;
    background-image: -webkit-gradient(linear, to left top, right top, from(#f798fe), to(#612be1));
    background-image: -webkit-linear-gradient(to left, #f798fe, #612be1);
    background-image: -moz-linear-gradient(to left, #f798fe, #612be1);
    background-image: -ms-linear-gradient(to left, #f798fe, #612be1);
    background-image: -o-linear-gradient(to left, #f798fe, #612be1);
    background-image: linear-gradient(to left, #f798fe, #612be1);
    bottom: 5%;
    -webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop3 30s infinite linear;
    animation: dotAnimatedBottomToTop3 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(4) {
    left: 60%
}

.ct-dot-animated .ct-dot-item:nth-child(4) span {
    background-color: #d8ff09;
    background-image: -webkit-gradient(linear, to left top, right top, from(#d8ff09), to(#4ba116));
    background-image: -webkit-linear-gradient(to left, #d8ff09, #4ba116);
    background-image: -moz-linear-gradient(to left, #d8ff09, #4ba116);
    background-image: -ms-linear-gradient(to left, #d8ff09, #4ba116);
    background-image: -o-linear-gradient(to left, #d8ff09, #4ba116);
    background-image: linear-gradient(to left, #d8ff09, #4ba116);
    bottom: 78%;
    -webkit-animation: dotAnimatedBottomToTop4 35s infinite linear;
    -moz-animation: dotAnimatedBottomToTop4 35s infinite linear;
    -o-animation: dotAnimatedBottomToTop4 35s infinite linear;
    animation: dotAnimatedBottomToTop4 35s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(5) {
    left: 80%
}

.ct-dot-animated .ct-dot-item:nth-child(5) span {
    background-color: #ffe712;
    background-image: -webkit-gradient(linear, to left top, right top, from(#ffe712), to(#ed585a));
    background-image: -webkit-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -moz-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -ms-linear-gradient(to left, #ffe712, #ed585a);
    background-image: -o-linear-gradient(to left, #ffe712, #ed585a);
    background-image: linear-gradient(to left, #ffe712, #ed585a);
    bottom: 46%;
    -webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop5 30s infinite linear;
    animation: dotAnimatedBottomToTop5 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(6) {
    left: auto;
    right: 0
}

.ct-dot-animated .ct-dot-item:nth-child(6) span {
    background-color: #6fd0ff;
    background-image: -webkit-gradient(linear, to left top, right top, from(#6fd0ff), to(#059af7));
    background-image: -webkit-linear-gradient(to left, #6fd0ff, #059af7);
    background-image: -moz-linear-gradient(to left, #6fd0ff, #059af7);
    background-image: -ms-linear-gradient(to left, #6fd0ff, #059af7);
    background-image: -o-linear-gradient(to left, #6fd0ff, #059af7);
    background-image: linear-gradient(to left, #6fd0ff, #059af7);
    bottom: 27%;
    -webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop6 30s infinite linear;
    animation: dotAnimatedBottomToTop6 30s infinite linear
}

.ct-dot-animated .ct-dot-container {
    max-width: 1004px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.error404 .site-content {
    padding-top: 195px !important;
    padding-bottom: 0 !important
}

@keyframes dotAnimatedBottomToTop1 {
    0% {
        bottom: 14%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 14%
    }
}

@keyframes dotAnimatedBottomToTop2 {
    0% {
        bottom: 64%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 27%
    }
}

@keyframes dotAnimatedBottomToTop2 {
    0% {
        bottom: 64%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 27%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }
    50% {
        bottom: 100%
    }
    100% {
        bottom: 27%
    }
}

.waves {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 15vh;
    margin-bottom: -8px;
    min-height: 100px;
    max-height: 150px;
}

.waves .content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
}


/* Animation */

.parallax>use {
    -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax>use:nth-child(1) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 13s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}

@-webkit-keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(85px, 0, 0);
        transform: translate3d(85px, 0, 0);
    }
}

@keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(85px, 0, 0);
        transform: translate3d(85px, 0, 0);
    }
}

@-webkit-keyframes move-up-down {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes move-up-down {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
}

/* الهيرو/البانر الأساسي */
.banner-section,
.main-slider,
.page-banner,
.hero,
.banner {
  background-color: #1d1c1c !important;
  background-image: none !important;   /* يلغي أي صورة/تدرّج */
}

/* يلغي الطبقات الملونة فوق الخلفية */
.banner-section::before,
.banner-section::after,
.main-slider::before,
.main-slider::after,
.hero::before,
.hero::after {
  background: none !important;
}

/* لو في لون نصف شفاف بالـ rgba */
.overlay,
.theme-overlay,
.bg-overlay {
  background: transparent !important;
}

/* أزرار/عناصر كانت بالبرتقالي */
.btn-theme,
.theme-bg,
.highlight,
.badge-theme {
  background-color: #1d1c1c !important;
  border-color: #1d1c1c !important;
}


/* بانر/هيدر صفحات داخلية (سياسة الخصوصية وغيرها) */
.page-banner,
.inner-banner,
.page-title,
.breadcrumb-area,
[class*="banner"]:not(.navbar):not(.header) {
  background-color: #1d1c1c !important;
  background-image: none !important;   /* لو فيه صورة/تدرج برتقالي */
  color: #fff !important;
}

/* إلغاء أي طبقات تزيينية فوق الخلفية */
.page-banner::before,
.page-banner::after,
.inner-banner::before,
.inner-banner::after,
.breadcrumb-area::before,
.breadcrumb-area::after {
  background: none !important;
}

/* مسارات التنقل والعنوان */
.breadcrumb,
.breadcrumb a,
.page-title h1,
.page-title h2 {
  color: #fff !important;
}

/* أزرار داخل الصفحة */
.page-banner .btn,
.inner-banner .btn,
.breadcrumb-area .btn {
  background-color: #fff !important;
  color: #1d1c1c !important;
  border-color: #fff !important;
}