/*
=====================================================================
Template Name: Symphony - Multipurpose Business HTML Template.
Author: Envatoprime
Author Email: envatoprime@gmail.com
Version: 1.00
======================================================================

--------------------
Table of Content
--------------------

1. Common Css Start
2. Main menu css start
3. Banner css start
4. About Css start
5. Service css start
6. Ready to order Css Start
7. Gallery Css start
8. Counter Css Start
9. Accordion css Start
10. Counter Css Start
11. progressbar css start
12. Team Css Start
13. testimonial css start
14. Price css start
15. Partner Area Start
16. Footer Css Start
17. Back to top css start
18. preloader css start

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


@import url('https://fonts.googleapis.com/css?family=Mukta:400,500,600,700" rel="stylesheet');
/* === link end == */


/* ================================================
1. Common Css Start
=================================================== */

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px;
    color: #838383;
    font-family: 'Mukta', sans-serif;
}

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

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

.p0 {
    padding-left: 0;
    padding-right: 0;
}

.pl {
    padding-left: 0;
}

.pr {
    padding-right: 0;
}


.heading {
    padding-bottom: 40px;
}

.heading h1 {
    font-size: 45px;
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.heading p {
    font-weight: 400;
    letter-spacing: 0;
    color: #707070;
    padding: 0 140px 0 140px;
}

section {
    padding: 70px 0;
}

.active {
    color: #24c6db !important;
}

#partner .slick-dots {
    display: none !important;
}

#partner .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

/* ======================================
2. Main menu css start
========================================= */

nav {
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

nav.navbar-fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: #fff;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
    -ms-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
    -o-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
}

nav.navbar-fixed ul li a {
    line-height: 35px;
    color: #333;
}

.letrasCambioColor{
	color:white;
}

.letrasCambioColorAzul{
	color:#4174a3;
}



.navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    z-index: 99999;
    padding: 0 !important;
}

.navbar-brand {
    font-size: 30px;
    font-weight: 500;
    padding-left: 15px;
    color: #fff;
}

.navbar-brand:hover {
    color: #fff;
}

nav.navbar-fixed .navbar-brand,
nav.navbar-fixed .navbar-brand:hover {
    color: #333;
}

.nav-link {
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 12px 12px !important;
    transition: all linear .3s;
}

.navbar-nav li a:hover {
    color: #24c6db;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler {
    padding: 10px 15px 10px 0;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    outline: 0;
}

nav.navbar-fixed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* =======================================
3. Banner css start
========================================== */

#banner {
    height: 100vh;
    position: relative;

}

.overly {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
}

.banner_items > .background {
    height: 100vh;
    width: 100%;
    position: relative;
}

.background {
    z-index: -1;
}

.banner_info {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
}

.banner_info h4 {
    font-size: 14px;
    color: #fff;
    letter-spacing: 7px;
    font-weight: 400;
    text-transform: uppercase;
}

.banner_info h1 {
    padding-bottom: 20px;
    font-size: 60px;
    font-weight: 700;
    text-transform: capitalize;
    background: linear-gradient(to right, rgb(36, 198, 219), rgba(81, 74, 157, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner_info p {
    font-size: 16px;
    padding-bottom: 40px;
    font-weight: 300;
    letter-spacing: .5px;
}

.banner_button li {
    display: inline-block;
    margin-left: 10px;
}

.banner_button li:first-child {
    margin-left: 0;
}

.banner_button li a {
    border: 2px solid #000;
    padding: 8px 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    transition: all linear .3s;
    border-image: linear-gradient(to right, rgba(36, 198, 220, 0.6), rgba(81, 74, 157, 0.6));
    border-image-slice: 1;
}

.banner_button li a:hover {
    background: #24c6db;
    border: 2px solid #24c6db;
}

.banner_button li a i {
    font-size: 14px;
    padding-left: 10px;
}

.bb_active {
    background: #24c6db;
    border: 1px solid #24c6db !important;
}

/* =======================================
4. About Css start
========================================= */

#about {
    padding: 90px 0 70px 0;
}

#about .video-content {
    position: relative;
}

#about .video-content .overlay {
    position: absolute;
    top: 0;
    left: 0;

}

#about .video-content .overlay:after {
    position: absolute;
    content: '';
    top: -4%;
    left: -4%;
    width: 100%;
    height: 100%;
    border: 2px solid #24c6db;
    z-index: -1;
    background: #24c6db;
}

#about .video-content .overlay i {
    font-size: 60px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.other_page_overly {
    background: linear-gradient(to right, rgb(36, 198, 220), rgba(81, 74, 157, 0.6));
}

.bla-1 {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    color: #24c6dc;
}

.video-content a i {
    color: #016bcc !important;
}

.about_right_part {
    padding-left: 0;
}

.about_right_part h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #252525;
    padding-bottom: 35px;
}

.about_right_part span {
    font-weight: 400;
    color: #828282;
}

.about_right_part p {
    padding: 20px 0 22px 0;
    color: #828282;
}

.about_ft h4 {
    color: #252525;
    font-weight: 400;
    font-size: 20px;
    padding-bottom: 5px;
}

/* ====================================
5. Service css start
======================================= */

#service {
    background: #f3f3f3;
    padding: 58px 0px 63px;
}

.service_item {
    display: inline-block;
}

#service .heading {
    padding-bottom: 31px;
}

.service_item .service_item_info .service_icon i {
    display: block;
    width: 100px;
    height: 100px;
    font-size: 30px;
    border: 1px solid #494949;
    border-top-color: rgb(73, 73, 73);
    border-right-color: rgb(73, 73, 73);
    border-bottom-color: rgb(73, 73, 73);
    border-left-color: rgb(73, 73, 73);
    border-radius: 50%;
    margin: 15px auto;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    line-height: 100px;
}

.service_item .service_item_info .service_icon i::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    border: 1px solid #000;
    border-radius: 50%;
    top: 9px;
    left: 9px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.service_item .service_item_info:hover .service_icon i::after {
    position: absolute;
    content: '';
    width: 112px;
    height: 112px;
    border: 1px solid #24c6db;
    border-radius: 50%;
    top: -7px;
    left: -7px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.service_item .service_item_info:hover .service_icon i {
    background: #24c6db;
    color: #fff;
    border: 1px solid#24c6db;
}

.service_item h4 {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.service_item p {
    color: #8e8b8b;
    text-transform: capitalize;
}

/* ====================================
6. Ready to order Css Start
======================================= */

.ready {
    background: url(../images/banner-3.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.ready_content {
    padding: 70px 0 70px 0;
}

.ready_content h2 {
    font-size: 36px;
    padding-left: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
}


.order_bt a {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #24c6db, #514a9d);
    border-image-slice: 1;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

.order_bt a:hover {
    background: #24c6db;
    border: 1px solid #24c6db;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* ===========================================
7. Gallery Css start
============================================== */

#gallery {
    background: #fff;
    padding: 59px 0px 50px;
}
#gallery .heading {
    padding-bottom: 45px;
}

#gallery h2 {
    margin-bottom: 29px;
}

.portfolio-area {
    z-index: 999;
    overflow: hidden;
}

.protfolio-filter {
    text-align: center;
    margin-bottom: 30px;
}

.protfolio-filter {
    text-align: center;
}

.protfolio-filter li {
    list-style: none;
    margin: 0 0px;
    border: 1px solid #24c6db;
    cursor: pointer;
    background: transparent;
    padding: 5px 18px;
    color: #555;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.protfolio-filter li:hover,
.protfolio-filter li.active {
    background: #24c6db;
    color: #fff !important;
}


.portfolio-item {
    padding: 0 10px;
    margin-bottom: 20px;
}


.portfolio-item .portfolio-item-content {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: .3s;
    position: relative;
}

.portfolio-item:hover .portfolio-item-content {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.item-thumbnail {
    position: relative;
    overflow: hidden;
}

.item-thumbnail::before {
    background-color: #24c6dbc7;
    top: 0px;
    left: 0px;
    content: " ";
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}

.portfolio-item:hover .item-thumbnail::before {
    opacity: 1;
}

.item-thumbnail img {
    width: 100%;
}

.item-thumbnail a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    border: 1px solid #fff;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.item-thumbnail a i {
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.item-thumbnail a:hover {
    background: #fff;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
}

.item-thumbnail a:hover i {
    color: #333
}

.portfolio-item:hover .item-thumbnail a {
    opacity: 1;
}

.portfolio-description {
    color: #fff;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.portfolio-item:hover .portfolio-description{
    opacity: 1;
}
.portfolio-description > h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
    text-transform: capitalize;
}

.portfolio-description > a {
    text-transform: capitalize;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.portfolio-description > h4 a {
    color: #fff;
}

.portfolio-description > h4 a:hover {
    color: #fff;
}

.portfolio-category > li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.portfolio-category > li::before {
    content: ",";
    position: absolute;
    right: -5px;
}

.portfolio-category > li:last-child::before {
    display: none;
}

.portfolio-category a {
    color: #3a3a3a;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.portfolio-category a:hover {
    color: #24c6db;
}

.hidden {
    display: none;
}

.load-more {
    margin-top: 20px;
}

.mix {
    display: none;
}

#accourding_part {
    padding: 58px 0px 60px;
}
#accourding_part .heading {
    padding-bottom: 46px;
}

/* ==============================================
8. Counter Css Start
================================================= */

#counter_header {
    background: #f3f3f3;
    padding: 60px 0 46px;
}
#counter_part {
    padding: 76px 0 62px;
}
#counter_header .heading {
    padding-bottom: 0;
    position: relative;
}

#counter_header .heading::after {
    position: absolute;
    content: '';
    bottom: -65px;
    left: 48%;
    width: 50px;
    height: 50px;
    background: #f3f3f3;
    transform: translate(-50%, -50%);
    transform: rotate(45deg);
}

/* ====================================
9. Accordion css Start
======================================= */

.acc-btn {
    width: 100%;
    margin: 0 auto;
    padding: 10px 25px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    margin-bottom: 8px;
    position: relative;
    transition: all linear .3s;
}

.acc-btn:hover h1 {
    color: #24c6db;
}

.acc-btn-icon {
    position: absolute;
    content: '';
    top: 7px;
    right: 20px;
    font-size: 18px;
}

.acc-content {
    width: 100%;
    margin: 0 auto;
    display: none;
    background: #fff;
    padding: 10px 10px 15px 30px;
    height: auto;
}

.accordion_active {
    display: block;
}

.acc-btn h1 {
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;

}

.acc-content p {
    color: #707070;
    font-size: 14px;
}

/* ===============================================
10. Counter Css Start
================================================= */

.counter_item span {
    font-size: 55px;
    color: #5f5f61;
    font-weight: 400;
}

.counter_item h4 {
    font-size: 20px;
    color: #626262;
    font-weight: 400;

    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 5px;
}

/* =========================================
11. progressbar css start
=========================================== */

#progressbar {
    background: #f3f3f3;
    padding: 67px 0px 70px;
}

.progressbar {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 25px;
    position: relative;
    background-color: #333 !important;
}

.proggress {
    height: 8px;
    width: 10px;
    background: linear-gradient(to right, #24c6db, #514a9d);
}

.progressbar_left_part h2 {
    color: #333;
    font-size: 18px;
    font-weight: 600;

    padding-bottom: 5px;
}

.percentCount {
    float: right;
    margin-top: 10px;
    clear: both;
    font-weight: bold;
}

.progressbar_right_item {
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.13);
    transition: all .3s;
    border-radius: 5px;
}

.progressbar_right_item:hover {
    box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13);
    background: linear-gradient(to right, #24c6db, #514a9d);
}

.pbr_icon {
    padding: 30px 0 20px 0;
    font-size: 22px;
    color: #333;
}

.pbr_icon i {
    background: #24c6db;
    background: -webkit-linear-gradient(to right, #24c6db, #514a9d);
    background: linear-gradient(to right, #24c6db, #514a9d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.progressbar_right_item h5 {
    padding-bottom: 30px;
    font-weight: 400;
    color: #333;
}

.progressbar_right_item:hover .pbr_icon i {
    background: #fff;
    background: -webkit-linear-gradient(to right, #fff, #fff);
    background: linear-gradient(to right, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.progressbar_right_item:hover h5 {
    color: #fff !important;
}

.progressbar_right_part h3 {
    font-size: 30px;
    font-weight: 500;

    color: #333;
    padding-bottom: 15px;
}

.progressbar_right_part p {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding-bottom: 20px;
}

/* ==================================================
12. Team Css Start
===================================================== */
#team {
    padding: 58px 0px 63px;
}

.team_slider_item_info ul li {
    display: inline-block;
    padding-left: 3px;
}

.team_slider_item_info ul li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    background: #000;
    border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

#team .heading {
   padding-bottom: 41px;
}

.team_slider_item {
    border: 1px solid #ddd;
    margin: 5px 0;
    position: relative;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

.team_slider_item_info {
    position: absolute;
    background: #fff;
    bottom: -100%;
    left: 0%;
    width: 100%;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -ms-transition: all linear .4s;
    -o-transition: all linear .4s;
    transition: all linear .4s;
}

.team_slider_item:hover .team_slider_item_info {
    bottom: 0%;
    left: 0%;
}

.team_slider_item:hover {
    filter: drop-shadow(0px 0px 3px rgba(189, 179, 179, 0.6));
}

.team_slider_item_info ul li a i:hover {
    background: #24c6db;
}

.team_slider_item h4 {
    font-size: 24px;
    color: #333;

    font-weight: 500;
    text-transform: capitalize;
    padding-top: 20px;
}

.team_slider_item p {
    padding-top: 5px;
    display: block;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #222;
    font-style: italic;

}

.team_slider_item .social_icon {
    padding-bottom: 30px;
    padding-top: 15px;
}

/* =======================================
13. testimonial css start
========================================== */

#testimonial {
    background: #514a9d;
    background: linear-gradient(to right, #24c6db, #514a9d);
    padding: 68px 0px 57px;
}

.tm_item_info {
    position: relative;

    background: linear-gradient(to left, #24c6db, #514a9d);
    border-radius: .25rem;
}

.tm_item_info h3 {

    font-weight: 500;
    text-transform: capitalize;
    padding: 50px 10px 10px 190px;
    color: #fff;
}

.tm_item_info p {
    padding: 0px 10px 20px 190px;
    color: #fff;
}

.tm_name {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;

    padding: 0px 10px 50px 70%;
}

.tm_item_info img {
    position: absolute;
    top: 65px;
    left: 40px;
    border-radius: 50%;
    width: 128px !important;

}


.owl-theme .owl-dots .owl-dot {
    outline: 0;
}

.owl-theme .owl-dots .owl-dot span {
    height: 6px;
    width: 25px;
    background: #fff;
    display: inline-block;
    margin-left: -2px;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 10px;
    background: #24c6db;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #24c6db;
}

.owl-theme .owl-dots .owl-dot span:hover {
    background: #24c6db;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 34px;
}
/* =============================================
14. Price css start
=============================================== */
#pricing {
    padding: 58px 0px 76px;
    background: #f3f3f3;
}

#pricing .heading {
    padding-bottom: 52px;
}

#pricing .card {
    border: 0;
    border-radius: 0px;
    transition: all .3s ease-in-out;
    padding: 2.25rem 0;
    position: relative;
    text-align: center;
    border-bottom: 5px solid transparent;
    border-image: linear-gradient(to right, #24c6db, #514a9d);
    border-image-slice: 1;
}

#pricing .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background: #24c6db;
    background: -webkit-linear-gradient(to right, #24c6db, #514a9d);
    background: linear-gradient(to right, #24c6db, #514a9d);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

#pricing .card:hover {
    transform: scale(1.03);
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
}

#pricing .card:hover:after {
    width: 100%;
}

#pricing .card.pricing_active {
    transform: scale(1.03);
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
}

#pricing .card.pricing_active:after {
    width: 100%;
}

#pricing .card .card-header {
    background-color: white;
    padding-left: 2rem;
    border-bottom: 0px;
}

#pricing .card .card-title {
    margin-bottom: 1rem;

    font-weight: 500;
}

#pricing .card .card-block {
    padding-top: 0;
}

#pricing .card .list-group-item {
    border: 0px;
    padding: 8px;
    color: #808080;
    font-weight: 400;
}

#pricing .display-2 {
    font-size: 7rem;
    letter-spacing: -.5rem;
}

#pricing .display-2 .currency {
    font-size: 2.75rem;
    position: relative;
    font-weight: 400;
    top: -45px;
    letter-spacing: 0px;
}

#pricing .display-2 .period {
    font-size: 1rem;
    color: #b3b3b3;
    letter-spacing: 0px;
}

#pricing .btn {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500;
    color: #a6a6a6;
    border-radius: 0;
    padding: .75rem 1.25rem;
    letter-spacing: 1px;
}

#pricing .btn-gradient {
    background-color: #f2f2f2;
    transition: background .3s ease-in-out;
}

#pricing .btn-gradient:hover {
    color: #fff;
    background: #24c6db;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}


/*=======================================
 15. Partner Area Start
 =======================================*/
#partner {
    padding: 34px 0px 34px;
}


/* =====================================
16. Footer Css Start
======================================== */

footer {
    background: #222;
    padding: 66px 0 20px;
}

.footer_left_part .footer_left_info {
    position: relative;
    margin-bottom: 30px;
}

.footer_left_part .footer_left_info .footer_icon i {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    font-size: 18px;
    color: #24c6db;
}

.footer_left_part .footer_left_info h3 {
    position: relative;
    padding-left: 65px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;

    font-weight: 500;
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.footer_left_part .footer_left_info h3::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 65px;
    width: 83px;
    height: 2px;
    background: #24c6db;
}

.footer_left_part .footer_left_info p {
    padding-left: 65px;
    color: #fff;
    padding-top: 15px;
    font-weight: 400;
    /*text-transform: capitalize;*/
}

.footer_right_info h3 {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #fff;

    font-weight: 500;
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 15px;
}

.footer_right_info h3::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0px;
    width: 83px;
    height: 2px;
    background: #24c6db;
}

.form-control {
    border-radius: inherit;
    color: #777;
    border: 1px solid #777;
    background-color: transparent;
    font-size: 16px;
    margin-bottom: 25px;
    letter-spacing: .5px;
}

.textarea {
    border-radius: inherit;
    height: 166px;
    color: #777;
    border: 1px solid #777;
    background-color: transparent;
    font-size: 16px;
    margin-bottom: 25px;
    letter-spacing: .5px;
}

.submit input {
    padding: 22px 140px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    background: #24c6db;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: .3s;
    border: 1px solid #24c6db;
    cursor: pointer
}

.form-control:focus {
    background: transparent;
    color: #fff;
    border-color: #24c6db;
    outline: 0;
    box-shadow: 0 0 4px 1px rgba(36, 198, 219, 0.6);
}

.submit input:hover {
    border: 1px solid #24c6db;
    background: none;
}

.footer_social ul li {
    display: inline-block;
}

.footer_social ul li a i {
    width: 35px;
    height: 35px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    margin-left: 5px;
    transition: all linear .3s;
}

.footer_social ul li a i:hover {
    background: #24c6db;
    color: #fff;
}

.footer_social {
   padding-top: 30px;
}

.footer_social p {
    padding-top: 23px;
    color: #fff;
    text-transform: capitalize;
    margin-top: 25px;
    line-height: 21px;
    font-weight: 400;
    margin: 0 0 18px;
    margin-top: 0px;
}

/* =====================================
17. Back to top css start
======================================== */

#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    background: #24c6db;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

#back-to-top:hover {
    border: 1px solid #24c6db;
    background: #f3f3f3;
    color: #24c6db;
}

#back-to-top.show {
    opacity: 1;
}

.mix {
    display: none;
}
/*============================
18. preloader css start
===============================*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    background: #fafafa;
    height: 100%;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -45px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9fa8da;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #1a237e;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #5c6bc0;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.form-control:focus {
    box-shadow: 0 0 0 .0rem rgba(0,123,255,.0)!important;
  }

  #map {
    width: 100%;
    height: 400px;
  }


  .button.disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
  }

@media (max-width: 600px) {
    .button.disabled {
  margin-left: 0px !important;
    }

  }