@charset "utf-8";

/*
* Copyright (c) 2018 ITAcumens
*/

@import url(bootstrap.css);
@import url(font-awesome.min.css);
@import url(bs-slider.css);
@import url(font-awesome.css);


* {
    margin: 0px;
    padding: 0px;
    outline: none !important;
}

@font-face {
    font-family: Borders Divide But Hearts Shall Conquer-OTF;
    src: url(../fonts/Borders\ Divide\ But\ Hearts\ Shall\ Conquer\ -\ OTF.otf);
  }
  


body {
    font-family: Borders Divide But Hearts Shall Conquer-OTF;
    font-size: 16px;  
}
.menu_section{
    position: absolute;
    top: 0px;
    z-index: 3;
    width: 100%;
}

.menu {
    padding: 0px;
}

.menu .navbar {
    margin: 0px;
    min-height: 0px;
}

.menu ul {
   text-align: right;
   width: 100%;
   margin-top: 20px;    
}

.menu ul li {
    padding: 0px 0px;
    display: inline-block;
    float: none;
}

.menu ul li a {
    font-size: 20px;
    font-weight: 500;
    color: #ff0b49;
    padding: 10px 15px;
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
}
.menu .nav li.active a,
.menu .nav>li>a:hover,
.menu .nav>li>a:focus {
    color: #272361 !important;
    background: transparent !important;
}


@media Screen and (min-width:768px){
    .menu .navbar-brand{
    display: none;
    }
    }
    
    @media (max-width:767px){

      .menu_section{
          position: relative;
      }
      .menu .navbar-toggle {

        position: relative;
        float: right;
        padding: 12px 8px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: #ff0b49;
        background-image: none;
        border: 1px solid #0000;
        border-radius: 20px;
    
    }
    .menu .navbar-toggle .icon-bar{
        border:1px solid #fff;
    }
    .menu ul{
        text-align: center;
        margin-top: 0px;
    }
    .menu ul li a{
        font-size: 14px;
        padding: 4px 9px;
    }
       
    
    @media (min-width:320px) and (max-width:359px){

        
    
    @media (min-width:360px) and (max-width:479px){
    
    }
    
    @media (min-width:480px) and (max-width:520px){
    
    }
    
    @media (min-width:521px) and (max-width:767px){
    
    }
    
    @media (min-width:768px) and (max-width:991px){
    
    }
    
    @media (min-width:992px) and (max-width:1200px){
    
    }