* {
    padding: 0;
    margin: 0;
}
body {
    padding: 0;
    margin: 0;
    overflow-x:hidden;
}

body.login-page{
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat;
}

.navbar.navbar-expand-lg{
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
}
.navbar{ padding:0.2rem 1rem !important;}
.navbar-nav.ml-auto li {
    margin: 17px 15px;
}
.navbar-nav.ml-auto li.login-button a{
    background: #1db954;
    padding: 0 45px;
    border-radius: 3px;
    color:#FFF !important;
    border: 1px solid #1db954;
}


.navbar-nav.ml-auto li.login-button a{ color:#FFF;}
.fixed-top .navbar-nav.ml-auto li.login-button a:hover{ color:#1db954 !important;}
.navbar-nav.ml-auto li.login-button a:hover{ color:#FFF;}
.navbar-nav.ml-auto li.login-button a:hover,
.navbar-nav.ml-auto li.login-button a:focus {
    border: 1px solid #1db954;
    padding: 0 45px;
    border-radius: 5px;
    background: transparent;
    color:#1db954;

}
header {
    position: relative;
    background-color: black;
    height: 85vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
    color: #FFF;
    font-family: Poppins, sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 12px;
}

header a {
    color: hsla(0, 0%, 100%, .65);
    text-transform: uppercase;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

header .navbar-brand img {
    width: 175px;
}

header a:hover,
.header a:focus {
    color: #FFF;
    opecity: 0.9;
    text-transform: uppercase;
}

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: -webkit-linear-gradient(180deg, rgba(226, 70, 175, .53), rgba(90, 51, 160, .61) 100%, #fff), -webkit-linear-gradient(270deg, rgba(226, 70, 175, .62), rgba(226, 70, 175, .62));
    z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
    /* header {
         background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
     }
     header video {
         display: none;
     } */
}

.mumendom-content{ height:72vh; display:table-cell; vertical-align:middle;}
.mumendom-inner-content{}

h1.display-3 {
    font-size: 58px;
    font-weight: 700;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1.6;
}

p.lead.mb-0 {
    margin-top: 20px;
    font-size: 26px;
    font-weight: 300;
    font-family: Poppins, sans-serif;
    letter-spacing: 0px;
}

.mumendom-buttons {
    margin: 15px 0;
}

.mumendom-buttons a, .mumendom-buttons a.active:hover{
    padding: 100px;
    border: 1px solid #FFF;
    margin: 15px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
    border-radius: 3px;
    color: #FFF;
    background:transparent;
}

.mumendom-buttons a:hover,
.mumendom-buttons a:focus,
.mumendom-buttons a.active {
    padding: 100px;
    border: 1px solid #FFF;
    margin: 15px;
    display: inline-block;
    background: #FFF;
    color: #1c1c1c;
    text-decoration: none;
}

.client-section,
.bg-black {
    background: #1c1c1c;
    padding: 15px 0;
}

.client-logos img{
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.5;
}

.client-logos img:hover{
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=100);

    /* Older than Firefox 0.9 */
    -moz-opacity:1;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 1;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 1;
}

.headding-box{
    margin: 20px 0;
}

.headding-box h2 {
    font-family: Poppins, sans-serif;
    font-size: 30px;
    line-height: 40px;
    margin-top: 0px;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color:#333333;
}

.headding-box p {
    font-family: Poppins, sans-serif;
    color: #6e6e6e;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

p.border-headding {
    display: inline-block;
    width: 100px;
    height: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #1db954;
}

.box-feature p.border-headding {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 75px;
    display: inline-block;
}

.box-feature:hover {
    background-color: #f1f1f7;
}

.box-feature .icon-box i {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #1db954;
    font-size: 60px;
    line-height: 65px;
}

.box-feature h4 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    line-height: 34px;
    font-weight: 800;
    text-align: center;
}

.box-feature p {
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    color: #6e6e6e;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    text-transform: none;
}

.button-presave,
.button-presave:hover {
    width: 140px;
    margin-top: 10px;
    padding: 10px 25px;
    border-radius: 3px;
    background-color: #1db954;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    margin-top: 20px;
    display: inline-block;
}

.box-feature {
    border: 1px solid #ebebeb;
    padding: 20px 20px 30px;
    border-radius: 10px;
}

.bg-work-img {
    background-image: -webkit-linear-gradient(180deg, rgba(226, 70, 175, .53), rgba(226, 70, 175, .53), rgba(90, 51, 160, .61)), url('../img/howitworks_bg.jpg');
    background-image: linear-gradient(270deg, rgba(226, 70, 175, .53), rgba(226, 70, 175, .53), rgba(90, 51, 160, .61)), url('../img/howitworks_bg.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.color-white,
.color-white p,
.color-white h2 {
    color: #FFF;
}

.work-progress li:nth-child(odd) {
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 10px;
}

.work-progress li:nth-child(even) {
    margin-bottom: 12px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    text-transform: none;
}

.bg-green {
    background: #1db954;
}

.bg-green p.border-headding {
    background-color: hsla(0, 0%, 100%, .29);
}

.introducing-presave p{
    font-family: Poppins, sans-serif;
}
.introducing-presave a.find-out{
    padding: 12px 100px;
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    margin-top: 40px;
}
.introducing-presave a.find-out:hover{
    background:#FFF;
    color:#333;
}


.intro-presave {
    margin-top: 55px;
}

.intro-presave .owl-nav,
.intro-presave .owl-dots {
    display: none;
}

section.artist-section {
    padding-bottom: 0;
}

.artist-presave {
    margin-top: 25px;
    margin-bottom:-1px;
}
.artist-presave .owl-nav.disabled{ display: block; margin-top: 0; position: absolute; width: 100%; top: 36%; padding: 0 12px;}
.artist-presave .owl-nav.disabled .owl-prev{ float: left; background: url(../img/slider_arrows.png) no-repeat; width: 30px; height: 41px; text-indent: -18px; color: #FFF; opacity:0.8;}
.artist-presave .owl-nav.disabled .owl-next{ float:right; width:30px; height:41px;background:url(../img/slider_arrows.png) 100% no-repeat; color:#FFF; text-indent:18px; opacity:0.8;}
.artist-presave .owl-nav.disabled .owl-next:hover,
.artist-presave .owl-nav.disabled .owl-prev:hover{
    opacity:1;
}
#artist-presave .item {
    background: #1db954;
    padding: 0;
    margin: 0;
    color: #FFF;
    border-radius: 0;
    text-align: center;
    width: auto;
}

.artist-item {
    position: relative;
}

.artist-item img {
    height: 275px;
    width: auto;
}

.artist-item .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.artist-name {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
}

.artist-item:hover .image {
    opacity: 0.2;
}

.artist-item:hover .artist-name {
    opacity: 1;
}

.artist-name .text {
    padding: 0 35px;
}

.artist-name .text .features-block-tittle {
    margin-bottom: 3px;
    font-family: Poppins, sans-serif;
    color: #fff;
    line-height: 22px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.artist-name .text .features-paragraph {
    font-family: Poppins, sans-serif;
    color: #fff;
    line-height: 24px;
    font-size: 14px;
    font-weight: 300;
}

.bg-black {
    padding: 70px 0;
}

.client-count h1 {
    font-family: Poppins, sans-serif;
    color: #fff;
    line-height: 54px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 44px;
    text-align: center;
}

.client-count p {
    margin-top: 0px;
    line-height: 30px;
    font-weight: 400;
    font-size: 20px;
    font-family: Poppins, sans-serif;
}

.teb-button {
    width: -moz-fit-content;
    width: fit-content;
    margin: 50px auto;
    text-align: center;
    border: 2px solid #4bc169;
    border-radius: 7px;
    overflow: hidden;
}

.teb-button a {
    display: inline-block;
    background: #FFF;
    color: #4bc169;
    padding: 15px 30px;
    text-decoration: none;
    min-width: 180px;
    font-weight: normal;
    font-size:15px;
    font-family: Poppins, sans-serif;}

.teb-button a span {
    color: #abe2b9;
}

.teb-button a.first-child {
    margin-right: -4px;
}

.teb-button a:hover,
.teb-button a.active {
    background: #1db954;
    color: #FFF;
    text-decoration: none;
}

.main_part {
    padding: 20px 0;
}

.main_part .row {
    max-width: 100%;
}

.main_part .col-md-4 {
    width: 30%;
    float: left;
    margin: 0 15px;
}

.clearfix {
    clear: both;
}

.margin-left-none {
    margin-left: 0;
}

.pricing-gray{ background-color:#f1f1f7;}

.box_pannel {
    padding: 20px 25px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 7px;
}

.box_pannel .box_headding {
    margin-bottom: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #1c1c1c;
}

.box_pannel .box_sub_headding {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.box_pannel ul li {
    display: block;
    padding: 5px 0px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.box_pannel ul li span i.fa-times-circle{
    color:red;
}

.box_pannel ul li span i.fa-check-circle{
    color:green;
}

.box_pannel .theme_button {
    margin: 35px 0 5px;
}

.box_pannel .theme_button a {
    width: 140px;
    padding: 10px 25px;
    border-radius: 3px;
    background-color: #1db954;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    margin-top: 0;
    display: inline-block;
}

.box_pannel .theme_button a:hover {
    background: #0fa142;
    color: #FFF;
    text-transform: uppercase;
}

.box_pannel:hover,
.box_pannel:focus {
    background: #FFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.box_pannel.active {
    background: #FFF;
}

.box_pannel ul li span {
    margin-right: 5px;
}




.dropdown, .dropdown{
    display: inline-block;
    position: relative;
    margin: 5px 0;
    background: #1fb955 !important;
    border-radius: 5px;
    font-size: 12px;
}

.dd-button {
    display: inline-block;
    border: 1px solid #1fb955;
    border-radius: 5px;
    padding: 5px 10px;
    background: url('../img/button.png') repeat 100% 100%;
    cursor: pointer;
    white-space: nowrap;
    min-width: 200px;
    color: #FFF;
}

.dd-button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FFF;
}

.dd-button:hover {
    background-color: #eeeeee;
}

.dd-input {
    display: none;
}

.dd-menu {
    position: absolute;
    top: 100%;
    border: 1px solid #444444;
    border-radius: 7px;
    padding: 2px;
    margin: 12px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #444444;
    list-style-type: none;
}

.dd-menu:before {
    position: absolute;
    top: -10px;
    right: 17px;
    content: "";
    background: url("../img/dropdown.png") no-repeat top center;
    height: 10px;
    width: 10px;
}

.dd-input+.dd-menu {
    display: none;
}

.dd-input:checked+.dd-menu {
    display: block;
}

.dd-menu li {
    padding: 10px 30px !important;
    cursor: pointer;
    white-space: nowrap;
}

.dd-menu li:hover {
    background-color: #26bb5b;
}

.dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
    color: #FFF;
}

.border_bottom {
    margin: 27px 0;
    background: #1db954;
    height: 2px;
    width: 70px;
}

.testimonial {
    background-image: -webkit-linear-gradient(180deg, #000, rgba(226, 70, 175, .74), #5a33a0), url('../img/testimonial_bg.jpg');
    background-image: linear-gradient(270deg, #000, rgba(226, 70, 175, .74), #5a33a0), url('../img/testimonial_bg.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.testimonial-slider p {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 300;
}

.testimonial-slider p strong {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    text-align: center;
    margin-bottom: 8px;
    font-weight: 800;
    padding: 10px 0 0;
    display: inline-block;
    text-transform: uppercase;
}

footer {
    padding: 100px 0 0 !important;
}

footer img {
    width: 120px;
    margin-bottom: 35px;
}

footer p {
    font-family: Poppins, sans-serif;
    color: #666 !important;
    font-weight: 300;
    font-size: 14px;
}

footer .link-headding h3 {
    margin-bottom: 35px;
    font-family: Poppins, sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

footer .link-headding ul li {
    display: block;
}

footer .link-headding ul li a {
    -webkit-transition: color 400ms ease;
    transition: color 400ms ease;
    font-family: Poppins, sans-serif;
    color: #666;
    font-weight: 300;
    text-decoration: none;
}

footer .link-headding ul li a:hover {
    color: #FFF;
}

.sub-footer {
    margin-top: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    text-align: center;
}

.sub-footer p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Poppins, sans-serif;
    color: #666;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
}


.page-inner header{ height:60vh;}
.page-inner  header .headding-box h2{ font-size:55px; font-weight:800;}
.page-inner  header .headding-box p.lead{
    margin-top: 13px;
    font-size: 18px;
    line-height: 28px;
}


.bg-gray{ background:#f1f1f7;}
.background-white{ background:#FFF;}
.padding-100{ padding:100px 0;}


.blog-button a{
    margin-right: 5px;
    padding:6px 15px;
    font-family: Poppins, sans-serif;
    color: #222222;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration:none;
}

.blog-button a:hover{
    margin-right: 5px;
    padding:6px 15px;
    border-style: none;
    background-color: #f1f1f7;
    font-family: Poppins, sans-serif;
    color: #222222;
    font-weight: 500;
    text-transform: uppercase;
    border-radius:5px;
    text-decoration:none;
}

.blog-button a.active{
    margin-right: 5px;
    padding:6px 15px;
    border-style: none;
    background-color: #1db954;
    font-family: Poppins, sans-serif;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border-radius:5px;
    text-decoration:none;
}

.blog-poster .blog-icon{
    background: #1db954;
    color: #FFF;
    padding: 95px;
    display: inline-block;
    font-size: 40px;
    width: 100%;
    text-align: center;
    margin-bottom:15px;
}

.blog-poster h5{
    font-family: Poppins, sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;}

.blog-poster p{
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    color: #6e6e6e;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    text-transform: none;
}

.blog-poster .blog-button{
    width: 140px;
    color:#FFF;
    margin-top: 20px;
    padding: 10px 25px;
    border-radius: 3px;
    background-color: #1db954;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1px;
    text-decoration:none;
    display:inline-block;
    text-transform: uppercase;
}
.blog-main{ padding:0px 25px;}

.height100{ height:100px; display:block;}

.login-page{ height:100vh; display:table-cell; width:1%; vertical-align:middle; background:#F7F6F6; position:relative; }
.login-content{ display:centent;}
.login-item .logo-login{ margin-bottom:10px;}
.login-item h5{ font-size: 18px; color: #606060; font-weight:600; margin-bottom:30px; font-family: 'Montserrat', sans-serif;}
.login-item input{ padding:15px; height:auto; border:1px solid #aaa; font-size:14px;     font-family: Poppins, sans-serif;}
.login-item input[type="password"] {font:small-caption;font-size:16px; content:'gekkidb';}
.login-item input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aaa;
    font-weight:normal;
}
.login-item input::-moz-placeholder { /* Firefox 19+ */
    color: #aaa;
}
.login-item input:-ms-input-placeholder { /* IE 10+ */
    color: #aaa;
    font-weight:normal;
}
.login-item input:-moz-placeholder { /* Firefox 18- */
    color: #aaa;
    font-weight:normal;
}
.login-item label{ color:#929292; font-size: 14px; font-weight: 500; font-family: Montserrat; line-height:2;}
.login-item label a{ color:#929292; font-size: 14px; font-weight: 600; font-family: Montserrat; text-decoration:underline;}
.login-item button.btn-login{padding: 10px 50px; background-color: #FFF; border: 1px solid #1ed760; border-radius: 30px; font-weight: 600; font-size:14px;
                             color: #a9a9a9; margin-top:5px;}
.login-item button.btn-login:hover{padding: 10px 50px; border: 1px solid #1ed760; border-radius: 30px; background: #1ed760; color: #FFF;}
.password-forgot{ display:inline-grid; float:right;}
.password-forgot a{color: #929292; padding: 10px 0; font-weight:600;}
.password-forgot a:hover{ text-decoration:underline;}
.login-page .or-icon{
    border: 2px solid #1ed760;
    border-radius: 50%;
    color: #1ed760;
    font-size: 26px;
    font-weight: 700;
    height: 80px;
    margin: 110px auto 0;
    width: 80px;
    padding: 20px 0;
    text-align:center;
}
.height54{ height:45px;}

.login-page .login-item .facebook{ padding:15px 60px; border:1px solid #1464f6; border-radius: 30px; text-transform:uppercase; margin-bottom: 15px; font-size: 14px; color: #7a7a7a; background:#FFF; font-weight:600; margin-top:5px; display:inline-block;  min-width:200px;}
.login-page .login-item .facebook i{ color:#1464f6;}


.login-page .login-item .google{ padding:15px 60px; border:1px solid #DC4A38; border-radius: 30px; margin-bottom: 15px; font-size: 14px; color: #7a7a7a; background:#FFF; font-weight:600; margin-top:5px; display:inline-block;  min-width:200px;}
.login-page .login-item .google i{ color:#DC4A38;}

a.back-to-home, a.back-to-home:hover{
    left: 40px;
    position: fixed;
    top: 80px;
    z-index: 999;
    color: #929292;
    font-family: Montserrat;
    text-decoration: none;
    font-size:14px;
    font-weight:600;
}

a.back-to-home img{ width:19px;}

.name-group input{ float:left; width:50%;}

.name-group input.first-child{ border-radius:0.25rem 0 0 0.25rem;}
.name-group input.last-child{ border-radius:0 0.25rem 0.25rem 0;}


.fixed-top{ background:#FFF; box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, .1);
            transition:0.4s top cubic-bezier(.3, .73, .3, .74); }
.fixed-top.slideDown{top:0;}
.fixed-top .nav-link, .fixed-sticky .nav-link{ color:rgba(0, 0, 0, .65);}
.fixed-top .nav-link:hover, .fixed-top .nav-link:hover{ color:#000;}
.black-logo{ display:none;}
.fixed-top .white-logo{ display:none;}
.fixed-top .black-logo{ display:block;}

.request-campaigns{ position:relative;}
.request-campaigns button,
.request-campaigns button:hover,
.request-campaigns button:focus,
.request-campaigns button.open {
    background: url('../img/button.png') repeat 100% 100% !important;
    border: none !important;
    border-radius: 6px !important;
    min-width: 229px;
    color: white !important;
    padding: 6px 15px;
    font-size: 12px;
    letter-spacing: normal;
    margin: 0 0 10px 0;
}

.request-campaigns span.caret {
    margin-left: 0;
    float: right;
    margin-top: 9px;
}

.request-campaigns .dropdown-toggle::after{
    position:absolute;
    top:13px;
    right:13px;
}

.request-campaigns .drp-sel-label {
    float: left;
    margin-right:48px;
}

.request-campaigns .dropdown-menu {
    background: #444 !important;
    box-shadow: none;
    padding: 2px;
    min-width: 230px;
    margin-top: 12px;
}

.request-campaigns .dropdown-menu:before {
    position: absolute;
    top: -10px;
    right: 17px;
    content: "";
    background: url("img/dropdown.png") no-repeat top center;
    height: 10px;
    width: 10px;
}

.request-campaigns .dropdown-menu a {
    color: #FFF !important;
    text-decoration: none;
    padding: 7px;
    display: block;
    font-size: 12px;
}

.request-campaigns .dropdown-menu a:hover,
.request-campaigns .dropdown-menu a:focus {
    color: #FFF !important;
    text-decoration: none;
    background: #26bb5b;
}

.take-a-tour{
    background-color:#000;
}
.take-a-tour p {
    font-family: Poppins, sans-serif;
}
.take-a-tour .take-a-tour-btn {
    padding: 12px 100px;
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    margin-top: 40px;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');

.not-found{}

.not-found h2{
    font-size: 88px;
    margin-top: 0;
    font-family:'Montserrat';

}
.not-found h4{
    font-size: 34px;
    font-family:'Montserrat';
    margin-top: 0;
    margin-bottom: 15px;
}

.not-found p{line-height:2;
             font-family:'Montserrat';
}

.not-found a{
    background-color: #fff;
    border: 1px solid #1ed760;
    border-radius: 30px;
    color: #a9a9a9;
    font-weight: 600;
    padding: 10px 50px;
    display: inline-block;
    transition: .2s;
    margin-top:10px;
}

.not-found a:hover, .not-found a:focus{
    background: #1ed760;
    border: 1px solid #1ed760;
    border-radius: 30px;
    color: #fff;
    padding: 10px 50px;
    transition: .2s;
    text-decoration: none;
}



@media screen and (min-width: 320px) and (max-width: 767px) {
    header .navbar-brand img{ width:155px;}
    .mumendom-buttons a, .mumendom-buttons a.active{ display:block; font-size:12px;}
    .mumendom-buttons a:hover, .mumendom-buttons a.active:hover{ display:block; font-size:12px;}
    .navbar-toggler{ color:#FFF;}
    .fixed-top .navbar-toggler{ color:#000;}
    .navbar-nav.ml-auto li{ margin:0;}
    .navbar-nav.ml-auto li.nav-item login-button{ text-align:centent;}
    .navbar-nav.ml-auto li.login-button a{ text-align:center;}
    h1.display-3{ font-size:36px;}
    p.lead.mb-0{ font-size:16px;}
    .mumendom-buttons a{ padding:30px; font-size:14px;}
    .box-feature, .client-count, .box_pannel{ margin-bottom:15px;}
    .headding-box h2{ font-size:24px;}
    .headding-box p, .box-feature p{ font-size:12px;}
    .box-feature .icon-box i{ font-size:40px;}
    .box-feature h4{ fonr-size:20px;}
    .button-presave, .button-presave:hover{ width:120px; font-size:12px; padding:7px 10px;}
    .hidden-xs{ display:none !important;}
    .work-progress li:nth-child(odd) { font-size:14px;}
    .work-progress li:nth-child(even) { font-size:12px;}
    .introducing-presave p, .box_pannel ul li{ font-size:14px;}
    .introducing-presave a.find-out{ display:block; padding:7px; text-align:center; font-size:12px;}
    .client-count h1{ font-size:34px;}
    .client-count p{ font-size:16px; line-height:15px;}
    .teb-button a{ display:inherit; font-size:14px;}
    .box_pannel .box_headding{ font-size:18px;}
    .box_pannel .box_sub_headding{ font-size:16px;}
    .box_pannel .theme_button a{ padding:8px 16px; font-size:12px;}
    .dd-button:hover{ background:#1ed760;}
    footer .link-headding ul li a{ font-size:14px; margin-bottom:5px;}
    footer .link-headding h3{ font-size:16px; margin-bottom:15px;}
    .artist-presave .owl-nav.disabled, .artist-presave .owl-dots{ display:none;}
    .teb-button a{ min-width:100px; padding:15px; display:inline-block !important;}
    .teb-button{ margin-left:auto; margin-right:auto;}
    .login-item{ padding:80px 0;}
    a.back-to-home{ left:20px; top:30px;}
    .login-item label{ font-size:12px;}
    .login-item h5{ font-size:16px;}
    .login-item input, .password-forgot a, .password-forgot a:hover{ font-size:12px;}
    .login-item button.btn-login{ padding:10px 40px; font-size:14px;}
    .login-page .or-icon{ margin:23px 0 !important; display:block; width:100%; height:auto; border-radius:0; font-size:20px; padding:10px 0;}
    .col-md-5 .login-item{ padding:10px 0;}
    body.login-page .height54{ display:none;}
    .login-item h5{ margin-bottom:20px;}
}



@media screen and (min-width: 1200px) {
    .container{ max-width:1170px !important;}
}