/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/

::selection {
    color: #fff; 
    background: #f35928;
}


.intro-section-4{
    background: none;
    padding-top: 150px;
}

.intro-section-4 .main-text { 
	color: #281026;
}
.intro-section-4 .sub-text { 
	color: #be252b;
}
.intro-section-4 .btn-default { 
	background-color: #281026;
	border-color: #281026;
    color: #fff;
    transition: all 0.1s ease-out;
}

.intro-section-4 .btn-default:hover {
	background-color: #be252b;
	border-color: #be252b;
}

.intro-section-4 .app-image{
    margin-top: 40px;
}

.dark.nav-wrp .nav-social a{
    color: #281026;
}

.dark.nav-wrp .nav-social a:hover{
	background-color: #ffb600;
    color: #281026;    
}

.navbar-brand{
    padding-bottom: 0px;
}

.nav-wrp .navbar-brand img{
    max-height: 120px;
}

.sub-txt .highlight{
    font-weight: bold;
}

.sub-txt .highlight.purple{
    color: #281026;
}

.sub-txt .highlight.orange{
    color: #f35928;
}


.sub-txt .highlight.green{
    color: #37ad47;
}


.video-section-2{
    background: none;
}

.video-section-2 .container{
    padding-bottom: 50px;
}

.video-section-2 .video-box{
    height: 600px;
}

.video-section-2 .bg-cover{
    background-repeat: repeat;
    background-size: initial;
}

.feature-section-1{
    border: none;
    background-color: #feecde;
}

.feature-section-1 .row .img img{
    max-width: 100%;
}

.feedback-box{
    background-color: #feecde;
    border-radius: 35px;
}

.feedback-box img{
    width: auto !important;
    display: inline-block !important;
    margin-bottom: 20px;
}

.owl-nav div{
    border-radius: 40px;
    opacity: 1 !important;
    color: #40142b !important;
}

.owl-nav div:hover{
    background-color: #ffb500 !important;
}

.owl-dots span{
    background-color: #f55b27;
    border: none;
}

.owl-dots .owl-dot.active span{
    background-color: #40142b;
}

.download-section-1{
    border: none;
    padding: 80px 0 50px 0;
}

.download-section-1 .bg-section{
    background-size: initial;
    background-repeat: repeat;
}

.download-section-1 .footer-logo{
    margin: 10px 0 40px 0;
    float: left;
}

.download-section-1 .btn-box{
    float: right;
    text-align: justify;
}

.download-section-1 .btn-box a{
    margin: 0 0 10px 0;
}

.download-section-1 .btn-box:after{
    content: " ";
    display: inline-block;
    width: 100%;
}


.footer-section-2{
    background: url("../images/blur-bg3.jpg") repeat;
    padding: 0 0 50px 0;
}

.footer-section-2 .btn{
    background-color: #b72726;
    border: none;
    color: #fff;
    border-radius: 30px;
    margin-left: 20px;
    float: right;
}

.footer-section-2 .btn:hover{
    background-color: #ffb500;
}

.footer-section-2 .social-links{
    color: #b72726;
    float: left;
    margin-left: -20px;
}

.footer-section-2 .social-links > *{
    border-radius: 30px;
}

.footer-section-2 .social-links > *:hover{
    background-color: #ffb500;
    color: #b72726;
}

.footer-section-2 img{
    height: auto;
    float: left;
    padding: 0;
    margin-top: -20px;
    margin-right: 20px;
}

.footer-section-2 .copyright{
    color: #4A3548;
    float: left;
    margin-left: 20px;
}


.popup-form .pop-header{
    background-color: #ffb500;
    background: url("../images/blur-bg2.jpg") repeat;
}

.popup-form .pop-body{
    background-color: #feecde;
}

.popup-form .form-control{    
    border: 0px;
    border-bottom: 1px solid #f35928;;
    border-radius: 0px;
    background: none;
    padding-left: 0px;
    color: #40142b;
}

.popup-form .form-control:focus{
    border-color: #f35928;
}


.popup-form .btn{
    background-color: #40142b;
    color: #ffb500;
    border: none;
}

.popup-form .btn i{
    color: #b72726;
}

.dark.nav-wrp{
    background: none;
    box-shadow: none;
}

.intro-section-4 .btn-default:active:hover,
.footer-section-2 .btn:active:hover{
    color: #fff;
}



/* --------------------------------------------------- */



@media (min-width: 1200px) {
	

}
@media (min-width: 992px) and (max-width: 1199px) {
    
    .owl-nav{
        display: none;
    }
    
    .download-section-1 .btn-box{
        width: 100%;
        float: none;
        clear: both;
    }
    
}

@media (min-width: 992px) {
		
}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
	
    .dark.nav-wrp{
        position: absolute;
        width: 100%;
        text-align: left;
    }
        
    .nav-wrp .nav{
        float: right !important;
    }
    
    
    .owl-nav{
        display: none;
    }
    
    
    
    .download-section-1 .btn-box{
        width: 100%;
        float: none;
        clear: both;
    }
    
    .download-section-1 .btn-box a{
        font-size: 16px;
    }
    
    .download-section-1 .btn-box a i{
        font-size: 30px;
    }
    
    .download-section-1 .btn-box a small{
        font-size: 11px;
    }
    
    .footer-section-2 .social-links{
        margin-left: -10px;
    }
    
    
}


@media (min-width: 200px) and (max-width: 991px) {
    
    .download-section-1 .btn-box a{
        width: 100%;
    }
    
    .footer-section-2 .btn{
        width: 100%;
        margin-bottom: 40px;
    }
    
    .download-section-1{
        padding-bottom: 40px;
    }
    
}


/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {

}


/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
	
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

}
@media (min-width: 200px) and (max-width: 479px) {

}