/* language_selector*/
.cn {margin-left:10px;color: white;}
.btc {background-color: transparent;}
.btc .fa {color:#fff;margin-top: 3px;margin-left: -1px;}
.dropdown-menu {background-color: #1b1c21; border-radius: 2px;}
.dropdown-menu > li > a{padding: 6px 20px}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-image:none !important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#25262c;}

/* mobile version */
.navbar-default .navbar-toggle {
   border:none; 
   z-index: 0!important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    vertical-align: middle;
    background-color:white ;
    z-index: 0!important;
}

/*toggle animation */

.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
     z-index: 0!important;
}
.navbar-default .navbar-toggle {
    position:relative;
    padding-top:20px;
    z-index: 0!important;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform-origin: 10% 10%;
    -webkit-transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
   
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

/*navbar*/
.icon{
width: 29px;
}
.navbar {
  min-height: 40px;
  font-weight:400;
  padding:0;
  margin-bottom: 0;
  border:0;
  border-radius: 0;
}

.navbar-default {
  float:left;
  width:100%;
  border:none;
    background:#1b1c21;
  color:#a0a0a0;
}

.navbar-header{
	float:left;
	margin:0;
	padding:0;
}

.navbar-brand{
	padding:13px 0 23px 0;
	margin:0;
}

.navbar-default .collapse{
  float:right;
  margin:0;
  padding:0;	
  border:none;
}

.navbar-right{
	float:right;
	margin-left:5px;
	padding:25px 0 20px 0;
}

.navbar-right a{
	margin-left:5px;
}

/* li _styling */
.navbar-default .navbar-nav > li > a {margin-top: 2px!important; color:white;font: 300 14px 'Open Sans', sans-serif; text-transform: uppercase;padding:30px 10px 30px 10px; }
.navbar-default .navbar-nav > li > a:hover{
    color:#ff6f0b;border-color:#ff6f0b; 
    border-bottom: 2px solid; 
}
.navbar-default .navbar-nav > li > a:focus{
    color:#ff6f0b;border-color:#ff6f0b; 
    border-bottom: 2px solid; 
  }

.active_menu {
  color:#ff6f0b !important;
  border-color:#ff6f0b !important;
  border-bottom: 2px solid; 
}
/*
Button
=========================== */
/* login */
.login{
  margin-top: -19px!important;
  display: inline-block;
  padding: 6px 20px;
  margin-bottom: -3px;
  color:#fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  border-radius: 3px;  
  background-color: #25262c;    
}
.login:focus,.login:hover{
    background-color: #ff6f0b;
    color:#fff;
    border: none;
    box-shadow: none;
}
.btn {
  display: inline-block;
  padding: 6px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  color:#444444;
  border: 1px solid transparent;
  border-radius: 3px;
  text-transform:uppercase;
}



.btn-default {
  color: #fff;
  background-color: #444444;
  border-color: #444444;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{
  color:#fff;
}

.btn-bordered.btn-default{
 background:none;
 color: #444444;
}

.btn-bordered.btn-default:hover,
.btn-bordered.btn-default:focus,
.btn-bordered.btn-default:active,
.btn-bordered.btn-default.active,
.open > .dropdown-toggle.btn-bordered.btn-default{
  background:#444444;
  color:#fff;
  border-color:#444444;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  margin-top: -10px;
  border-radius: 2;
 
}

.btn-primary:hover{
	opacity:0.9;
}

.btn-lg{
  font-weight:700;
  padding: 14px 35px;
}

.btn-inline a{
	display:inline-block;
	margin:0 2px 5px 2px;
}

/* ==============================================================

Template name : Meminz download software landing page v1.0.0
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 01 November 2014
Last update : 16 November 2014

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Color
02. Background color
03. Border color
04. Color on mobile

-----------------------------------------------------------------
Color change
-----------------------------------------------------------------

Replace all primary color hex (#f55e25) with your color hex

============================================================== */

/*
Color
=========================== */
a,
a:focus,
a:hover,
a:active,
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a.selected,
.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .dropdown.active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav .dropdown.active a:hover,
.navbar-default .navbar-nav .active a:focus,
.navbar-default .navbar-nav .dropdown.active a:focus,
.icon-counter:hover,
.social-network a:hover,
.social-network a:focus,
.social-network a:active,
.pe-feature,
.accordion-heading a:hover i,
.counter-number,
.pricing-head.popular .pricing-price,
.validation{
	color: trasparent;
}

/*
Background color
=========================== */


.navbar-toggle:hover .icon-bar,
.feature-box:hover .pe-feature,

.accordion-heading a:hover,

.flex-control-paging li a:hover{
	background-color: #f55e25;
}

/*
Border color
=========================== */

.open > .dropdown-toggle.btn-primary,

.navbar-default .navbar-nav .dropdown.active a:hover,
.navbar-default .navbar-nav .active a:focus,
.navbar-default .navbar-nav .dropdown.active a:focus,
.navbar-default .navbar-toggle:hover,
.accordion-heading a i,.accordion-heading a:hover{border-color: #f55e25;
}


