/*

    Theme Name: Mappity Theme

    Theme URI: https://wordpress.org/themes/

    Author: CodeCabin_

    Author URI: https://wordpress.org/
    Description: Modern, minimalistic documentation theme
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: cc_theme
    Tags: modern, documentation, minimal, clean

*/



/* Main styles */

@import url(https://fonts.googleapis.com/css?family=Roboto);

@font-face {
    font-family: Roboto;
}



html {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    height: 100%;
}



body {

    background: #333;

    font-family: Roboto, sans-serif !important;

    letter-spacing: 0.02em;

    width: 100%;

    height: 100%;

}



img {

    cursor: pointer;

    border-radius: 3px;

    height: auto;

    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);

    -moz-transition: all .3s cubic-bezier(.25,.8,.25,1);

    -o-transition: all .3s cubic-bezier(.25,.8,.25,1);

    transition: all .3s cubic-bezier(.25,.8,.25,1);

}



img:hover {

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13), 0 2px 2px rgba(0,0,0,0.07);

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.13), 0 2px 2px rgba(0,0,0,0.07);

    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.13), 0 2px 2px rgba(0,0,0,0.07);

    box-shadow: 0 1px 3px rgba(0,0,0,0.13), 0 2px 2px rgba(0,0,0,0.07);

}



pre {

    background: #f5f5f5;

    padding: 10px;

    border-radius: 2px;

    margin: 5px 0;

}



.post-type-archive-marker_icons .mpt_page_header_description,

.page-template-archive-marker_icons .mpt_page_header_description {

    margin-bottom: 0;

}



.post-type-archive-marker_icons .mpt_info_box {

    margin-bottom: 100px;

}



.mpt_main_header {

    width: 100%;

    height: 500px;

    position: absolute;

    top: 0;

    left: 0;

}



.mpt_info_box {

    position: relative;

    margin: 0 auto;

    width: 70%;

    background: #fff;

    margin-top: 110px;

    border: 1px solid #eee;

    min-height: 245px !important;

}



.mpt_marker_frame {

    width: 60px;

    height: 60px;

    display: inline-block;

    background-size: cover;

    border: 1px solid #eee;

    text-align:center;

    vertical-align: middle;

    position: relative;

    margin: 5px;

    border-radius: 2px;

    cursor: pointer;

    transition: all .15s ease;

}



.mpt_marker_frame:hover {

    border-width: 2px;

}



.mpt_marker {

    line-height: 20px;

    top: 50%;

    left: 50%;

    position: absolute;

    transform: translate(-50%,-50%);

    width: 45px;

    height: 45px;

    display: inline-block;

    background-size: cover;

    

}



.mpt_marker_tooltip {

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top:-20px;

    width: max-content;

    padding: 0 10px;

    left: 50%;

    transform: translate(-50%, 0);

    transition: all .15s ease;

    color: #fff;

    border-radius: 3px;

    background: #000;

    z-index: 99999999;

}



.mpt_marker_tooltip.mpt_tooltip_active {

    opacity: .75;

    transform: translate(-50%, -10px);

}



.mpt_marker_list {

    margin-bottom: 50px;

    text-align: center;

}



.mpt_marker_container {

    padding: 30px;

}



.mpt_info_box.mpt_standard {

    margin-bottom: 100px;

}



.single .mpt_marker_container,

.post-type-archive-marker_icons .mpt_marker_container {

    margin-bottom: 100px;

}



.single .mpt_button,

.post-type-archive-marker_icons .mpt_button  {

    margin-bottom: 10px;

}



.mpt_category_subcategories {

    text-align: right;    

}



.mpt_button {

    color: #fff;

    border: none;

    padding: 7px 10px;

    border-radius: 2px;

    cursor: pointer;

    transition: all .2s ease;

    margin-bottom: 10px;

}



.mpt_button:hover {

    box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1);

    border-color: #f5f5f5;

    transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}



.page-template-page-home .mpt_info_box .mpt_button {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translate(-50%, 50%);

}





.mpt_info_box {

    box-shadow: 0 1px 3px rgba(0,0,0,0.00), 0 1px 100px rgba(0,0,0,0.07);

    border-color: #f5f5f5;

    transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}







.mpt_info_box_left  {


 display:inline-block;

 padding: 50px 20px;

}



.mpt_info_icon {

    height: 40px;

    width: 40px;

    background-size: cover;

    background-repeat: no-repeat;

    margin-top: 25px;

}



.mpt_info_box_right {

    display: inline-block;

    box-sizing: border-box;

    vertical-align: top;

}



.mpt_info_box_left {

    box-sizing: border-box;

}



.mpt_info_icon {

    display: inline-block;

}



.mpt_info_icon_text {

 display: inline-block;

}



.mpt_info_icon {

    position: absolute;

    left: 0;

    margin: 0;

}



.mpt_info_icon_row {

 margin-top: 25px;   

 padding-left: 60px;

 position: relative;

}



.mpt_header_navigation {

    z-index: 999999;

    color: #fff;

    display: block;

    position: absolute;

    top: 20px;

    width: 100%;

    text-align: right;

}



.mpt_header_navigation ul {

    list-style: none;

}



.mpt_header_navigation li {

    display: inline-block;

    padding: 10px 10px;

    position: relative;

}



.mpt_header_navigation a {

    color: #fff;

    text-decoration: none;

}





.mpt_header_navigation a:hover {

    color: #fff;

    text-decoration: none;

}





.mpt_header_navigation {

 padding-right: 50px;   

}



.mpt-site-brand {

    left: 50px;
    position: absolute;

    display: inline-block;


    font-size: 20px;

}



.mpt_action_button {

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

    top: 50%;

    color: #fff;

    border: 2px solid #fff;

    border-radius: 2px;

    padding: 10px;

    cursor: pointer;

    transition: all .1s ease;

    font-weight: 600;

    margin-top: 250px;

}



.mpt_action_button:hover {

    background: #fff;

    box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1);

    border-color: #f5f5f5;

    transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}



.mpt_action_button a {

    color: #fff !important;  

    text-decoration: none;

}



.mpt_action_button:hover a {

    text-decoration: none;

}



.mpt_marker_collection {

 margin-top: 100px;

 margin-bottom: 100px;

}



.mpt_marker_collection_icon  {

width: 100px !important;

height: 100px;

background-size: cover;

display: inline-block;

}



.mpt_collection_item {

 display: inline-block;   

}



.mpt_collection_item.col-md-2 {

    box-sizing: border-box;   

    text-align: center;

    flex: 0 0 16.3% !important;;

    max-width: 16.3% !important;

}



.menu-item.mpt_main {

    border: 2px solid #fff;

    border-radius: 2px;

    padding: 2px 10px;

    transition: all 0.2s ease;

    cursor: pointer;

}

.menu-item {
    position: relative;
}



.menu-item.mpt_main:hover{

    background: #fff;

}



#mpt_site_footer {

    color: #fff;

    min-height: 250px;

    display:block;

    width: 100%;  

    bottom: 0;

}



.mpt_footer_content {

    padding-top: 20px;

}



/* Color Info Section */

.mpt_color_information {

    width: 100%;

    padding: 50px;

    color: #fff;

}



.mpt_color_information .mpt_subheading {

        color: #fff;

    text-transform: uppercase;

    margin-bottom: 15px;

}



.mpt_color_information_content {

    padding: 52px 0;

}



.mpt_button_alternate {

    color: #fff;

    border: none;

    padding: 7px 10px;

    border-radius: 2px;

    cursor: pointer;

    transition: all .2s ease;

}



.mpt_button_alternate:hover {

    box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1);

    transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}



.mpt_color_information .mpt_button_alternate {

    position: relative;

    margin-top: 30px;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

}



.mpt_fa_icon {

    margin: 0 auto !important;

    display: block !important;

    width: 50px !important;

    text-align: center !important;

    font-size: 64px !important;   

}



/* Category Info */

.mpt_category_information {

    width: 100%;

    padding: 50px;

}



.mpt_category_information .mpt_subheading {

    text-transform: uppercase;

    margin-bottom: 15px;

}



.mpt_category_information_content {

    padding: 52px 0;

}



.mpt_category_information .mpt_button {

    position: relative;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    display: block;

    margin-top: 30px;

}





/* Dropdown Menu */

.mpt_header_navigation .sub-menu {

    position: absolute;

    left: 0;

    pointer-events: none;

    opacity: 0;

    top: 15px;

    margin: 0;

    padding: 5px 0;

    background: #fff;

    border-radius: 2px;

    width: 180px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.00), 0 1px 100px rgba(0,0,0,0.07);

    border-color: #f5f5f5;

    z-index: 99;
    
    transition: all 0.3s ease;

}



.mpt_header_navigation .sub-menu li {

    display: block;

    text-align: left;

    box-sizing: border-box;

    padding: 10px 20px;

    cursor: pointer;

    transition: background .15s ease;

}



.mpt_header_navigation .sub-menu li:hover {

    background: #f5f5f5;

}



.mpt_header_navigation .sub-menu a {

    color: #333;

}



.mpt_header_navigation .sub-menu.mpt_dropdown_visible {

    opacity: 1;

    top: 35px;

    pointer-events: all;

}





.mpt_page_header_description  {

    margin-top: 144px;  

    color: #fff;

    margin-bottom: 90px

}



.mpt_page_title {

    margin-bottom: 20px;   

}



.page-template-page-contact .mpt_info_box {

    margin-top: 0;

    padding: 30px;

    margin-bottom: 100px;

}



.page-template-page-contact .mpt_info_box .mpt_button {

    padding: 7px 30px;

    position: relative !important;

    left: 0;

    transform: translate(0);

}



.mpt_header_navigation .current_page_item:not(.mpt_main):after {

    content: "";

    position: absolute;

    display: block;

    height: 2px;

    width: 100%;

    left: 0;

    bottom: 6px;

    background: #fff;

}



.mpt_header_navigation .mpt_navigation_list > .menu-item:not(.mpt_main):not(.current_page_item):after {

    content: "";

    position: absolute;

    display: block;

    height: 2px;

    width: 100%;

    left: 0;

    bottom: 0;

    background: #fff;

    opacity: 0;

    transition: all .2s ease;

}



.mpt_header_navigation .mpt_navigation_list > .menu-item:not(.mpt_main):not(.current_page_item):hover:after {

    opacity: 1;

    bottom: 6px;

}



.mpt_header_navigation .current_page_item:not(.mpt_main):not(.current_page_item):after {

    content: "";

    position: absolute;

    display: block;

    height: 2px;

    width: 100%;

    left: 0;

    bottom: 6px;

    background: #fff;

}



/* Footer Navigation */

.mpt_footer_navigation ul {

    list-style: none;

}



.mpt_footer_navigation li a {

    color: #fff;

    text-decoration: none;

}



.mpt_footer_navigation .menu-item-has-children {

 display: inline-block;  

 width: 24%;

 box-sizing: border-box;

 text-transform: uppercase;

 text-align: left;

}



.mpt_footer_navigation .sub-menu {

    padding: 0;

     margin-top: 20px;

     text-transform: initial;

     text-align: left;

}



.mpt_footer_content {

 padding-top:40px;   

}



.mpt_footer_navigation li a {

    color: #eee;

    transition: all .2s ease-in-out;

    display: inline-block;

}



.mpt_footer_navigation li:not(.menu-item-has-children) a:hover   {

    color: #fff;

    transform:translateX(2px);

}



.mpt_input_field {

    margin-bottom: 20px; 

}



.mpt_input_field {

 width: 100%;

 border: 2px solid #eee;

 padding: 3px 10px; 

 transition: border .2s ease;

}



.mpt_input_field:hover {

 border-color: #ddd;   

}



.mpt_input_field:active,

.mpt_input_field:focus{

    border-color: #ddd;

 outline: none;

}



.mpt_textarea {

 min-height: 150px;   

}





/* Category page template */

.page-template-page-marker_categories .mpt_info_box  {

    margin: 0;

    border: none !important;

    padding: 38px;

}



.page-template-page-marker_categories .mic_category_list {

    padding: 0;

    border: none !important;

}



.page-template-page-marker_categories .mic_category_title {

    padding-left: 10px;

    font-weight: 600;

    color: #000;

    margin-bottom: 15px; 

}



.mpt_title {

    padding: 10px 10px 0 20px;

}



.page-template-page-marker_categories .mic_category_list_body,

.page-template-page-marker_categories .mic_subcategory_list_body {

    padding: 14px;

}

.page-template-page-marker_categories .mpt_info_box {

    margin: 0;

    margin-bottom: 100px;

}



.mic_category_list_name {

    color:#555;   

}



.mic_sub_category {

    margin-bottom: 10px;

    padding: 7px 10px;

    border-bottom: 1px solid #f1f1f1;

    color: #888;

    background: transparent !important;

    font-size: 15px;

}

.mic_sub_category a {

    text-rendering: optimizeLegibility;

    color: #888 !important;

    text-decoration: none !important;

    transition: color .15s ease !important;

}



.mic_category_title a {

    text-rendering: optimizeLegibility;

    color: #000 !important;

    text-decoration: none !important;

    transition: color .15s ease !important;    

}



.mic_sub_category_item,

.mic_category_list_item {

    width: 19% !important;

    display: inline !important;

}



.mic_sub_category_holder {

 padding-left: 20px; 

 margin-bottom: 10px;  

}



.mic_sub_category {

 display: inline;

 border:none !important;

}



.mic_category_list {

    box-shadow: none !important;

    padding-left: 10px !important;

}



.mic_sub_category_holder {

    margin-bottom: 10px;

}











/* Single Category View */



.category .mpt_info_box {

    margin: 0;

    margin-bottom: 100px;

}



.category .mpt_button {

    padding: 7px 30px;

    position: relative !important;

    left: 0;

    transform: translate(0);

}



.mpt_subcategory_tag a {

    color: #fff;

    text-decoration: none;

}



.mpt_subcategory_tag a:hover {

    color: #fff;

    text-decoration: none;

}



.mpt_subcategory_tag {

        color: #fff;

    padding: 0px 7px;

    font-size: 12px;

    border-radius: 40px;

    cursor: pointer;

}



.mpt_box_footer {

    position: absolute;

    bottom: 10px;

    left: 50%;

    transform: translateX(-50%);

}







.mpt_button:hover a {

    color: #fff;

}



.mpt_latest_markers {

    margin: 0 auto;

}



.page-template-page-home .mpt_info_box .mpt_button {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translate(-50%, 76%);

}



.page-template-page-home .mpt_info_box { 

    padding-bottom: 65px;

}



.mpt_footer_navigation .menu-item-has-children {

    vertical-align:top;

    

}



.page-template-archive-marker_icons .mpt_info_box {

    margin-bottom: 100px;

}

.mpt_info_box  {
    animation: mpt_fade_anim .7s ease;
}

@keyframes mpt_fade_anim {
 0% {
     opacity: 0;
     transform: translate(0, -20px);
 }
 100% {
    opacity: 1; 
    transform: translate(0, 0);
 }
}

@keyframes mpt_fade_in {
 0% {
     opacity: 0;
 }
 100% {
    opacity: 1;
 }
}


@keyframes mpt_slide_left {
 0% {
     opacity: 0;
     transform: translate(-30px, 0);
 }
 100% {
    opacity: 1; 
    transform: translate(0, 0);
 }
}

@keyframes mpt_slide_right {
 0% {
     opacity: 0;
     transform: translate(30px, 0);
 }
 100% {
    opacity: 1; 
    transform: translate(0, 0);
 }
}


.mpt_header_navigation.mpt_sticky_header {
    padding-top: 13px;
    position: fixed;
    top:0;
    left: 0;
    background: #8550cd;
    box-shadow: 0 1px 3px rgba(0,0,0,0.10), 0 1px 7px rgba(0,0,0,0.15);
    border-color: #f5f5f5;
    transition: opacity 0.3s cubic-bezier(.25,.8,.25,1);
    animation: mpt_fade_anim .3s ease;
}


/* Mobile Specific Styles */

.mpt_mobile .mpt_navigation_list {
 float: right;
 text-align: left;
 background: #fff;
 color: #000;
 padding: 3px 20px;
 border-radius: 3px;
    width: 181px;
}

.mpt_mobile .mpt_navigation_list li {
 display:block;
 width: 150px;
     width: 100%;
}

.mpt_mobile .mpt_navigation_list li a {
    color: #000;
} 

.mpt_mobile .mpt_navigation_list {


    pointer-events: none;
opacity: 0;
    top: 15px;

    margin: 0;

    padding: 5px 0;

    background: #fff;

    border-radius: 2px;

    width: 180px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.00), 0 1px 100px rgba(0,0,0,0.07);

    border-color: #f5f5f5;

    z-index: 99;
    
    transition: all 0.3s ease;

}



.mpt_mobile .mpt_navigation_list li {

    display: block;

    text-align: left;

    box-sizing: border-box;

    padding: 10px 20px;

    cursor: pointer;

    transition: background .15s ease;

}



.mpt_mobile .mpt_navigation_list li:hover {
    background: #f5f5f5;

}
.mpt_mobile .mpt_navigation_list li:after {
   display: none !important;
}





.mpt_mobile .mpt_navigation_list a {

    color: #333;

}

.mpt_mobile .mpt_navigation_list a:after {
display: none !important;

}




.mpt_mobile .mpt_navigation_list.mpt_dropdown_visible {

    opacity: 1;

    top: 35px;

    pointer-events: all;

}


.mpt_mobile_page .mpt_header_navigation.mpt_sticky_header {
    height: 76px;
}

.mpt_mobile_menu_icon {
 border: 2px solid #eee;
 padding: 7px 12px;
 border-radius: 1px;
 float: right;
 right: 30px;
    position: absolute;
}

.mpt_mobile .mpt_navigation_list  {
    position: absolute;
    right:30px;
    top: 40px;
}

.mpt_mobile .mpt-site-brand {
    left: 30px;
}

.mpt_mobile .mpt_navigation_list .mpt_main {
    border: none !important;
}

.mpt_mobile .mpt_navigation_list .mpt_main:hover  {
    background-color:#8550cd;
}

.mpt_mobile .mpt_navigation_list .mpt_main:hover a  {
    color: #fff;
}

.mpt_header_navigation .sub-menu .menu-item{
    border-bottom: 1px solid #eee !important;
    padding: 0 !important;
}

.mpt_header_navigation .sub-menu .menu-item:last-of-type {
    border-bottom: none !important;
}

.mpt_header_navigation .sub-menu {
    min-width: 200px !important;
    font-size: 14px !important;
}

.mpt_header_navigation .sub-menu .menu-item a {
    padding: 7px 20px !important;  
    display: block !important;
}

#mpt_search_overlay {
    position: fixed;
    background: #fff;
    border-radius: 2px;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease-in-out;
    width: 300px;
    height: 200px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    color: #000;
    text-align: center;
    box-shadow: 0 3px 61px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.07);
    color: #fff;
    background: #363a44;
    width: max-content;
    height: max-content;
    padding: 15px 30px;
}

#mpt_search_overlay.is-searching {
    pointer-events: all;
    opacity: .85;
}

.pagination {
    text-align: center !important;
    display: block !important;
    margin: 15px !important;
}

.pagination .page-numbers {
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    text-align: center !important;
    color: #fff !important;
    border: none;
    padding: 7px 10px !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
    background: #ff0f53 !important;
    vertical-align: bottom !important;
    line-height: 15px !important;
}

.pagination .page-numbers:hover {
    background-color: #ff4177 !important;
    text-decoration: none !important;
}

.page-numbers.current:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .4;
    pointer-events: all;
}

.page-numbers {
    position: relative;
}

.pagination {
 font-size: 14px;   
}

.mpt_marker_frame.mpt_retina_marker {
    height: 96px;
    width: 96px;
}

.mpt_retina_markers_wrap {
    margin-top: 15px;
}

.mpt_retina_markers_wrap #icon-manipulator {
    width: 96px;
}

.mpt_retina_markers_wrap .mpt_marker_header {
    height: 96px;
}

.mpt_footer_social span {
    border: none;
    width: max-content;
    font-size: 25px;
    margin-left: 15px;
    color: #fff;
    opacity: .9;
}

.mpt_footer_social span:hover {
    background: none;
}

.mpt_footer_social a {
    margin: 15px;
}
#marker_views {
    float: left !important;
    color: #ccc !important;
}
#marker_views i {
    margin-right: 5px !important;  
}
.mpt_footer_social .mpt_fontawesome_logo {
    font-size: 40px;
    color: #464754;
    background: #fff;
    padding: 7px;
    outline: none;
    border-radius: 2px;
    opacity: .9;
}
.mpt_checkbox {
    display: block;
    position: relative;
    padding-left: 21px;
    padding-right: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: max-content;
    display: inline;
}
.mpt_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
}
.mpt_checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}
.mpt_checkbox input:checked ~ .checkmark {
    background-color: #4a379e;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.mpt_checkbox input:checked ~ .checkmark:after {
    display: block;
}
.mpt_checkbox .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#marker_shape_filter_cell {
    width: 64%;
}
.advanced_search_cell {
    vertical-align: top;
}
.inline_lable {
    display: inline;
    margin-left: 5px;
    margin-right: 10px;
}
#mpt_marker_sort_by,
#mpt_category_filter {
    display: inline-block;
    width: 100%;
    height: 37px;
    border: 2px solid #eee;
    border-radius: 2px;
}
#advanced_search_chevron {
    display: inline-block;
    transform: translateX(-45px);
    color: #ccc;
    user-select: none;
    cursor: pointer;   
    border-radius:50%;
    width: 25px;
    height: 25px;
    text-align: center;
}
#advanced_search_chevron:hover {
    color: #aaa;
}

#advanced_search_form {
 background: #fff;
 position: absolute;
 width: 67.5%;
 border: 1px solid #eee;
 box-sizing: border-box;
 padding: 10px;
 transform: translateY(-8px);
 box-shadow: 0 1px 3px rgba(0,0,0,0.012), 0 1px 2px rgba(0,0,0,0.024);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
}
#advanced_search_form.active {
 opacity: 1;
 pointer-events: all;
}
#advanced_search_heading {
    color: #ccc;
    font-size: 14px;
}

#close_advanced_search {
    padding: 10px;
    color: #FF4177;
    cursor: pointer;   
}
.mpt_main_header {
 background: #761edb !important;
background: -moz-linear-gradient(45deg, #761edb 0%, #4a379e 100%) !important;
background: -webkit-linear-gradient(45deg, #761edb 0%,#4a379e 100%) !important;
background: linear-gradient(45deg, #761edb 0%,#4a379e 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761edb', endColorstr='#4a379e',GradientType=1 ) !important;   
}

#close_advanced_search:hover {
    font-weight: 600;
}
button:focus,
button:active {
 outline: none;   
}

#advanced_search_footer {
    padding: 10px;
    text-align: -webkit-right;
}

#advanced_search_form label {
    color:#aaa;
    font-size: 15px;
}
.advanced_search_cell {
    display: inline-block;
    width: 50%;
}

#mpt_marker_shape_filter {
    width: 100% !important;
}

.advanced_search_section .advanced_search_cell:first-of-type {
    display: inline-block;
    width: 20%;
}

.advanced_search_section {
    margin-bottom: 10px; 
}

.mappity_roadmap_status.completed {
    background: #8550cd;
}

.search-form {
    width: 73% !important;
}
#advanced_search_form {
    width: 70% !important;
}
@media  (max-width: 680px) {
    .mpt_marker_list {    
        max-width: 70%;
    }
    #icon-manipulator {
        margin-bottom: 26px !important;
    }
    #mpt_colorpicker {
        margin: 0 45px !important;
    }
}
.mpt_info_box {
    box-shadow: 0 13px 29px rgba(0,0,0,0.07), 0 8px 19px rgba(0,0,0,0.01) !important;
}

input[type="range"] {
    border: none;
}

#mpt_marker_display a {
    text-decoration: none;
}