/* --------------------------
:: Template Name: Colorlib App - App Landing Page 
:: Template Author: Colorlib
:: Template Author URI: https://colorlib.com/
:: Description: Colorlib is a One Page based App Landing Template. It's very clean, creative & beautiful. It's super     responsive & ultra light.
:: Tags: Colorlib, App Landing, Apps, Responsive App Landing, Bootstrap 4, Free Theme, Free HTML Template, HTML5 Template etc.
:: Version: v1.0
:: Created: 11/03/2017
-------------------------- */

/* --- [Master Stylesheet] ----
:: 1.0 Base CSS Start
:: 2.0 Header Area CSS
:: 3.0 Wellcome Area CSS
:: 4.0 Special Area CSS
:: 5.0 Features Area CSS
:: 6.0 Video Area CSS
:: 7.0 Cool Facts Area CSS
:: 8.0 Screenshots Area CSS
:: 9.0 Pricing Plan Area CSS
:: 10.0 Testimonials Area CSS
:: 11.0 CTA Area CSS Start
:: 12.0 Team Area CSS Start
:: 13.0 Contact Area CSS Start
:: 14.0 Footer Area CSS Start
-------------------------- */

@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,700|Montserrat:400,500,700');
@import 'css/bootstrap.min.css';
@import 'css/animate.css';
@import 'css/magnific-popup.css';
@import 'css/owl.carousel.min.css';
@import 'css/slick.css';
@import 'css/font-awesome.min.css';
@import 'css/themify-icons.css';
@import 'css/ionicons.min.css';

/* --------------------------
:: 1.0 Base CSS Start
-------------------------- */

* {
    margin: 0;
    padding: 0;
    outline: none !important;
}
.form-control:focus { -webkit-box-shadow: none !important; box-shadow: none !important;}

body {
    font-family: 'Source Sans Pro', sans-serif;
	color: #ffffff);
}

@media(min-width:1200px){
    .container {
      max-width: 1000px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Cabin', sans-serif; font-weight: 400; color: #000; line-height: 1.2; }

.section_padding_100 { padding-top: 100px; padding-bottom: 100px; }
.section_padding_100_50 { padding-top: 100px; padding-bottom: 50px; }
.section_padding_100_70 { padding-top: 100px; padding-bottom: 70px; }
.section_padding_50 { padding-top: 50px; padding-bottom: 50px; }
.section_padding_50_20 { padding-top: 50px; padding-bottom: 20px; }
.section_padding_150 { padding-top: 150px; padding-bottom: 150px; }
.section_padding_200 { padding-top: 200px; padding-bottom: 200px; }
.section_padding_0_100 { padding-top: 0; padding-bottom: 100px; }
.section_padding_70 { padding-top: 70px; padding-bottom: 70px; }
.section_padding_0_50 { padding-top: 0; padding-bottom: 50px; }
img { max-width: 100%; max-height: 100%; }
.mt-15 { margin-top: 15px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }
.mt-150 { margin-top: 150px; }
.mr-15 { margin-right: 15px; }
.mr-30 { margin-right: 30px; }
.mr-50 { margin-right: 50px; }
.mr-100 { margin-right: 100px; }
.mb-15 { margin-bottom: 15px; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }
.ml-15 { margin-left: 15px; }
.ml-30 { margin-left: 30px; }
.ml-50 { margin-left: 50px; }
.ml-100 { margin-left: 100px; }

ul,
ol { margin: 0; padding: 0; }

#scrollUp { bottom: 0; font-size: 24px; right: 30px; width: 50px; background-color: #fb397d; color: #fff; text-align: center; height: 50px; line-height: 50px; }

a,
a:hover,
a:focus,
a:active { text-decoration: none; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
li { list-style: none; }
p { color: #726a84; font-size: 16px; font-weight: 300; margin-top: 0; }
.heading-text > p { font-size: 16px; }
.section-heading > h2 { font-weight: 500; color: #fff; font-size: 18px; margin-top: 20px; margin-bottom: 20px; }
.section-heading > p { font-size: 16px; margin-bottom: 30px; color: #a8bfd6; font-weight: 500; }
.section-heading { margin-bottom: 60px; }
.line-shape-white,
.line-shape { width: 80px; height: 2px; background-color: #fb397d; margin-top: 15px; }
.line-shape { margin-left: calc(50% - 40px); }
.table { display: table; height: 100%; left: 0; position: relative; top: 0; width: 100%; z-index: 2; }
.table-cell { display: table-cell; vertical-align: middle; }
#preloader { overflow: hidden; background-color: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; }
.colorlib-load { -webkit-animation: 2000ms linear 0s normal none infinite running colorlib-load; animation: 2000ms linear 0s normal none infinite running colorlib-load; background: transparent none repeat scroll 0 0; border-color: #dddddd #dddddd #fb397d; border-radius: 50%; border-style: solid; border-width: 2px; height: 40px; left: calc(50% - 20px); position: relative; top: calc(50% - 20px); width: 40px; z-index: 9; }

.user-color-profile ul li:before {content: '';display: block;width: 15px;height: 15px;border: 3px solid;margin-right: 5px;border-radius: 100px;}

.user-color-profile ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
}

.user-color-profile ul li.transportion::before{ border-color:#ff6666; }
.user-color-profile ul li.housing::before{ border-color:#ffc029; }
.user-color-profile ul li.luxury::before{ border-color:#00d1d1; }
.user-color-profile ul li.food::before{ border-color:#006dd1; }

.user-color-profile ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.user-color-profile ul li + li {
    margin-left: 10px;
}

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

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


.map-marker { margin-left: -8px; margin-top: -8px; }
.map-marker.map-clickable { cursor: pointer; }
.pulse { width: 10px; height: 10px; border: 5px solid #f7f14c; border-radius: 30px; background-color: #716f42; z-index: 10; position: absolute; }
.map-marker .dot { border: 10px solid #fff601; background: transparent; border-radius: 60px; height: 50px; width: 50px; -webkit-animation: pulse 3s ease-out; animation: pulse 3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -20px; left: -20px; z-index: 1; opacity: 0; }
a[title="Interactive JavaScript maps"] { display: none !important;}
@-webkit-keyframes pulse{
0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
}
25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
}
50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
}
75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
}
100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
}
}
@keyframes pulse{
0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
}
25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
}
50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
}
75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
}
100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
}
}

/* --------------------------
:: 2.0 Header Area CSS
-------------------------- */

.header_area { left: 0; position: absolute; width: 100%; z-index: 99; top: 0; padding: 24px 0;  }
.header_area.sticky { padding: 8px 0;  }
nav.navbar { padding: 0px; }
.menu_area .navbar-brand { font-weight: 700; color: #fff; margin: 0; line-height: 1; padding: 0; }
.menu_area .navbar-brand:hover,
.menu_area .navbar-brand:focus { color: #fff; }
.menu_area .navbar-brand img{width: 212px;}
.navbar-toggler i {  color: #fff;font-size: 21px;} 
.menu_area { position: relative; z-index: 2; }
.menu_area #nav .nav-item { padding: 20px 5px; }
.menu_area #nav.ml-auto .nav-item { padding: 0;}
.menu_area #nav .nav-item.active .nav-link { border: 2px solid #fff; }
.menu_area #nav .nav-link { color: #fff; display: block; font-size: 16px; font-weight: 500; border-radius: 30px; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; padding: 7px 23px; border: 1px solid transparent;}

.menu_area nav ul li > a:hover { color: #fb397d; }
.sing-up-button { text-align: right; }
.sing-up-button > a { color: #fff; font-weight: 500; display: inline-block; border: 2px solid #a883e9; height: 50px; min-width: 178px; line-height: 46px; text-align: center; border-radius: 24px 24px 24px 0px; }
.sing-up-button > a:hover { background: #fb397d; color: #fff; border-color: transparent; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }

/* stcicky css */

.header_area.sticky { background-color: #032a4c; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); position: fixed; top: 0; z-index: 99; }
/* --------------------------
:: 3.0 Wellcome Area CSS
-------------------------- */

.wellcome_area { background: #032a4c url(img/bg-img/welcome-bg.jpg); position: relative; z-index: 1; background-position: bottom center; background-size: cover; padding-top: 218px; padding-bottom: 175px; }
.wellcome_area:after { position: absolute; width: 100%; left: 0; height: 2px; content: '';  bottom: 0; z-index: 2;  }
.welcome-thumb { width: 45%;  position: absolute; bottom: -130px; right: 85px; z-index: 9; }
.welcome-thumb img { height: auto; width: 100%; }
.wellcome-heading > h2 { font-size: 100px; color: #ffffff; font-weight: 700; position: relative; z-index: 3; }
.get-start-area .email { background: #9572e8; height: 50px; max-width: 260px; border: none; border-radius: 24px; padding: 0px 15px; }


.form-control::-webkit-input-placeholder { color: #726a84; opacity: 1; }
.form-control:-ms-input-placeholder { color: #726a84; opacity: 1; }
.form-control::-ms-input-placeholder { color: #726a84; opacity: 1; }
.form-control::placeholder { color: #726a84; opacity: 1; }

.get-start-area .email:focus { border: none; outline-offset: transparent !important; border-radius: 30px; }

.get-start-area .submit { background-color: #fb397d; color: #fff; font-weight: 500; display: inline-block; border: none; height: 50px; min-width: 167px; line-height: 46px; text-align: center; border-radius: 24px 24px 24px 0px; margin-left: 10px; }
.get-start-area .submit:hover { background: #6f52e5; color: #fff; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
.get-start-area .btn-success { background: #0abe90; border-color: #0abe90; border-radius: 50px; padding: 11px 28px; font-size: 16px; }
.wellcome-heading > p { color: #a8bfd6; font-size: 16px; margin-bottom: 25px; font-weight: normal; padding-right: 75px; line-height: 32px; }
.wellcome-heading > h3 { font-size: 40px; font-weight: 500; color: #fff; margin-bottom: 31px; }
.wellcome-heading { margin-bottom: 100px; }

/* --------------------------
:: 4.0 Special Area CSS
-------------------------- */

.main-bg { background-image: url(./img/bg-img/mainbg.jpg); width: 100%; height: auto; background-size: cover; 
background-position: top center; background-color:#02294a;}
.main-bg:after { content: ''; display: table; clear: both; width: 1px; height: 1px; }
svg {max-width: 100%;}
.radar-chart .level { stroke: rgba(0, 136, 255, 0.18); stroke-width: 2; }
.radar-chart .axis line { stroke: rgba(8, 84, 150, 0.73); stroke-width: 2; }
.radar-chart .axis .legend.left { text-anchor: middle; fill: #a8bfd6; }
.radar-chart .axis .legend.right { text-anchor: middle; fill: #a8bfd6; }
.chart { width: 100%; height: 400px;}
.easy-pie-chart .number span { width: 100%; line-height: 1; display: block; margin-top:10px; font-weight: 600; }
.easy-pie-chart .number{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
a[title="JavaScript charts"] { display: none !important;}
.single-icon > i { font-size: 36px; color: #fb397d; }
#bubble path { fill: #ffffff; }
.areawrapper { position: relative;}
.areawrapper #areabar { position: absolute; bottom: 0px; height: 15px; display: flex; width: auto; margin: 0px 36px 42px 36px; left: 0; right: 0; }
.areawrapper #areabar > span { height: 100%; text-align: right; font-size: 14px; font-weight: 600; line-height: 15px; width: 7%; background-color: aliceblue; border-radius: 0 50px 50px 0; position: absolute; left: 0; top: 0; bottom: 0; opacity: 1; }
.areawrapper #areabar > span > b { font-size: 12px; color: #fff; line-height: 15px; padding-right:15px;  }



.btn-icon-stack { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff !important;      padding: 13px 36px; max-width: 370px;}
.btn-icon-stack .icon { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px;  }
.btn-icon-stack .icon img { display: block; position: static; max-width: 30px; max-height: 30px; vertical-align: middle; }
.btn-icon-stack .text { display: block; width: 100%; text-align: left; }
.btn-icon-stack .text > span { display: block; line-height: 1.3; }

.btn-icon-stack .text .big { font-size: 16px; font-weight: 700; }
.btn-icon-stack .text .small { font-size: 13px; color: #a8bfd6; font-weight: 500; font-style: italic; }

.single-special > h4 { font-size: 22px; color: #5b32b4; }
.single-icon { margin-bottom: 25px; }
.single-special > h4 { font-size: 22px; color: #5b32b4; margin-bottom: 15px; }
.single-special { border: 1px solid #eff2f6; padding: 40px; border-radius: 40px 40px 40px 0px; -webkit-transition-duration: 800ms; -o-transition-duration: 800ms; transition-duration: 800ms; margin-bottom: 30px; }
.special_description_content > h2 { color: #5b32b4; font-size: 48px; margin-bottom: 30px; }
.single-special:hover { -webkit-box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08); box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08); }
.single-special p { margin-bottom: 0; }
.app-download-area { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 1; flex-basis: 1; margin-top: 50px; }
.app-download-btn a { border: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 30px; border-radius: 30px 30px 30px 0; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.app-download-btn.active a,
.app-download-btn a:hover { border-color: transparent; background-color: #fb397d; }
.app-download-btn a i { color: #47425d; font-size: 24px; margin-right: 15px; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
.app-download-btn a p { font-size: 16px; line-height: 1; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
.app-download-btn a p span { font-size: 12px; display: block; }
.app-download-btn:first-child { margin-right: 20px; }

.app-download-btn a:hover i,
.app-download-btn.active a i,
.app-download-btn.active a p,
.app-download-btn a:hover p { color: #fff; }

/* --------------------------
:: 5.0 Features Area CSS
-------------------------- */

.single-feature { margin-bottom: 50px; }
.single-feature > p { margin-bottom: 0; }
.single-feature > i { color: #fb397d; font-size: 30px; float: left; margin-right: 10px; }
.single-feature > h5 { font-size: 22px; color: #5b32b4; }
.single-feature > p { margin-top: 15px; }

/* --------------------------
:: 13.0 Contact Area CSS Start
-------------------------- */

.address-text > p,
.phone-text > p,
.email-text > p { font-size: 18px; margin-bottom: 10px; }
.address-text > p > span,
.phone-text > p > span,
.email-text > p > span { color: #5b32b4; }

.footer-contact-area .line-shape { margin-left: 0; }
.footer-contact-area .heading-text > p { margin-top: 50px; }
.footer-contact-area .heading-text { margin-bottom: 50px; }
.footer-area h3 { font-size: 16px; font-weight: 600; margin-bottom: 20px; }
.footer-area ul li > a > i { -ms-flex-item-align: normal; -ms-grid-row-align: normal; align-self: normal; font-size: 20px; min-width: 27px; margin-right: 15px; }
.footer-area .text-white { color: #cfcfcf !important; font-size: 14px; font-weight: 500; }
.footer-area ul li > a { color: #cfcfcf; font-size: 14px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#firstname, #lastname, #email, #message { font-size: 18px; padding: 8px 0px; border-radius: 0; border-width: 0px; border-bottom-width: 1px; color: #a8bfd6; }
.btn.submit-btn { background: #fb397d; height: 48px; min-width: 185px; color: #ffffff; font-weight: 500; border-radius: 22px 25px 22px 0; }
.btn.submit-btn:hover { background: #5b32b4; color: #fff; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }

.footer-text > p { margin-bottom: 50px; }

/* --------------------------
:: 14.0 Footer Area CSS Start
-------------------------- */

.footer-text > h2 { color: #5b32b4; font-size: 72px; font-weight: 700; }
.footer-social-icon > a > i { background: #9b69e4; font-size: 14px; color: #ffffff; height: 40px; width: 40px; line-height: 40px; font-weight: 500; border-radius: 10px 10px 10px 0px; margin-right: 10px; }
.footer-social-icon > a > i:hover { background: #fb397d; color: #fff; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
.social-icon { margin-bottom: 30px; }
.footer-text { margin-bottom: 15px; }
.footer-menu ul li { display: inline-block; }
.footer-menu ul li a { border-right: 2px solid #726a84; display: block; padding: 0 7.5px; color: #726a84; }
.footer-social-icon > a .active { background: #fb397d; }
.footer-menu ul li:last-child a { border-right: 0 solid #ddd; }
.footer-social-icon { margin-bottom: 30px; }
.footer-menu { margin-bottom: 15px; }

.copyright-text > p { margin-bottom: 0; }
.bg-darkblue { background-color: #032a4c; }
.special-area { padding-left:0px; padding-right:0px;   }
.dashboard-area { padding: 50px 60px; background: rgba(200, 255, 200, .25); }
.btn-success { background: background: rgba(255, 100, 200, .25); ; border-color: #0abe90; border-radius: 50px; padding: 15px 30px; font-size: 16px; font-weight: 600; }
.btn-default { border-color: #fff; border-radius: 50px; color: #fff; }

#dashboard-result .btn-default { padding: 16px; }
#dashboard-result .btn-icon-stack { max-width: 100%; margin-bottom: 30px;}
.section-heading h3 { color: #fff; font-size: 18px;}
.btn-default img { position: relative; top: 10px; }
.btn-default span { line-height: 0; }
.btn-success.icon-go { padding: 16px 36px; position: relative; text-align: left; }
.btn-default ul.icon-clip,
.btn-default ul.icon-link { list-style: none; padding-left: 60px; position: relative; }
.btn-default ul.icon-clip > li,
.btn-default ul.icon-link > li { list-style: none; color: #fff; text-align: left; }
.btn-default ul.icon-clip > li:last-child,
.btn-default ul.icon-link > li:last-child { padding: 0; font-size: 16px; }
.dashboard-area .btn-default { margin-bottom: 40px;border-width: 2px; }
.btn-white { background: #fff; color: #0abe90; border-radius: 50px; font-size: 16px; font-weight: 600; }
#choose-topic { font-size: 18px; padding: 8px 0px; border-radius: 0; border-width: 0; border-bottom-width: 1px; color: #fff; font-style: italic; line-height: 1; height: 44px; }
.select2-container--default .select2-selection--single { border-radius: 0px; padding: 5px 0px; height: auto; background-color: transparent; border-width: 0px; border-bottom-width: 1px; border-color: #fff; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: transparent;}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; padding-left: 0px; }
.select2-container { height: auto; width: 100% !important;}
.select2-dropdown { background-color: #002240; -webkit-box-shadow: 0px 2px 45px -8px rgba(0,0,0,0.5); box-shadow: 0px 2px 45px -8px rgba(0,0,0,0.5); border: 0px; color: #a8bfd6; font-size: 15px; font-weight: 600; }
.select2-search--dropdown { padding: 0px; }
.select2-container--default .select2-search--dropdown .select2-search__field { background-color: transparent; border: 1px solid #fff; padding: 5px; color: #fff; }
.select2-results__option { padding: 15px 30px; font-weight: 600; font-size: 16px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: #0abe90; }
.select2-results__option i.fa { font-size: 25px; vertical-align: middle; margin-right: 15px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #fff; font-style: italic; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow::after { font-family: FontAwesome; content: "\f107"; color: #fff; font-size: 24px; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after { content: "\f106"; }
.contact_input_area .form-control { background: transparent; }
.footer-area { padding-left: 0; padding-right: 0; }
.section-heading > .text-success { font-style: italic; font-weight: 700; }
.text-success { color: #0abe90!important; }
.footer-area ul li { padding: 10px 0 5px; }
.footer-area ul li > a > .fa { width: 25px; }
.hidden { display: none; }
.easy-pie-chart { position: relative; height: 150px; width: 150px; margin: auto; }
.easy-pie-chart .number { font-weight: 300; width: 100%; height: 100%; margin: 0 auto; color: #fff; font-size: 14px!important; position: relative; text-align: center; }
.easy-pie-chart, .sparkline-chart { text-align: center; }
.easy-pie-chart .number canvas { position: absolute; top: 0; left: 0; }

.number.luxury { color: #00dad5; }
.number.food { color: #006dd1; }
.number.transportion { color: #de5e61; }
.number.housing { color: #f1bd2a; }

/*document-content page*/
.footer-contact-area { background-image: url(./img/bg-img/contact-bg.png); background-position: bottom center;
background-repeat: no-repeat;  background-size: cover;}
.documentation-body .header_area{position:static; background-color: #011a2f;}
.documentation-body .header_area.sticky{position: fixed;}
.document-content .list-group a.nav-link{font-size: 20px; color:#006dd1;font-family: 'Source Sans Pro';}
.document-content .list-group a.nav-link.active{font-weight:bold;}
.document-content-main {background-color: #fff;}
.document-content { float: left; width: 100%; padding-top: 66px; padding-bottom: 20px;}
.documentation-nav {border-right: 1px solid #e0e8f1; z-index: 1;}
.documentation-nav.sticky-top{top: 70px;}
.document-heading {color: #00203d;font-weight: 600;font-family: 'Source Sans Pro'; margin-bottom: 40px;}
.document-sub-title {font-family: 'Source Sans Pro'; font-weight: 600;margin-bottom: 40px;}
.document-paragraph { margin-bottom: 32px; font-size: 16px; font-family: 'Source Sans Pro'; color:#000;font-weight: normal;}
.document-list-dots li {list-style-type: disc;}
.document-list-circle li{list-style-type: circle;}
.document-list-dots li .document-paragraph{display: initial;margin-left: -7px;}
.document-list-circle li .document-paragraph{display: initial;margin-left: -7px;}
.document-list li{margin-bottom: 32px; list-style-position: inside; }
.document-link { color: #006dd1;font-family: 'Source Sans Pro'; position:relative;z-index: 1;}
.document-link-bg { background-color: #e6f8ff; padding: 4px;}
.documentation-block {
    padding-left: 30px;
}
.document-link.document-link-bg:after{display:none;}
.document-link:after {
    content: "";
    height: 1px;
    background-color: #006dd1;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}
.document-sub-list {
    padding-left: 36px;
    padding-top: 30px;
}

.document-sub-list .document-list li {
    margin-bottom: 10px;
}
.document-paragraph.document-paragraph-large {
    font-size: 20px;
}
.document-code-box {
    background-color: #f2f5f9;
    padding: 20px 16px;
    border: 1px solid #b5c5d8;
}
}

.whole-screen {
	min-height: 100vh;
}

.inline-link {
	color: #ffffff;
}

.bold-success {
	color: #ffffff;
}