/*******************************/
/*         Navigatioin         */
/*******************************/
.nav-topbar {
	position:absolute;
	top:0px;
	left:0;
	right:0;
	width:100%;
	height: 90px;
	line-height: 90px;
	text-align:center;
	color: white;
	background: #F6F6F6;
	z-index:9000;
	overflow: hidden;
	border-bottom:1px solid #8f92a1;
}
.nav-topbar-inner{
	width:1140px;
	max-width:100%;
	display:inline-block;
	float:none;
	height: 90px;
	line-height: 90px;
	padding:0 0px;
	margin:0;
}
.nav-topbar-logo{
	float:left;
	height:100%;
	width:auto;
	text-align:center;
	display:block;
	color: #111 !important;
	font-size:35px;
	text-decoration:none !important;
	letter-spacing:-2px;
	margin-left: 30px;
}
.navbar-inverse { border-radius: 0; color: #333; background: #F6F6F6;border-bottom: none;  min-height:50px; padding-top: 0px; margin-bottom:0; position:absolute; top:91px; border-bottom:10px solid #092335; font-size: 15px; }
.navbar-inverse *:focus { outline: 0; }
@media (max-width: 767px) {
	.navbar-inverse {  background:rgba(255,255,255,.9); }
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > .open ul > a { color: #333; }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { color: rgba(255,255,255,0.6); background:none ; }
.navbar-inverse .navbar-nav > .open > a{ background:none; color:black; }

.navbar-inverse .navbar-nav>li>a:hover:not(.btn-primary),
.navbar-inverse .navbar-nav>li>a:focus:not(.btn-primary),
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {  color:#111; background:none ; }

.navbar-inverse .navbar-nav > .active > a { background:none; color:black; }

.navbar-inverse .navbar-brand { font-family: "Open sans", helvetica, arial; font-size: 24px; color:white; padding:0 0 0 15px; margin:12px 0 0 0; }
	.navbar-inverse .navbar-brand img { margin-top:-8px;}


.navbar-nav .dropdown-menu {
	left:0;
	top:100px;
	z-index:10000;
	right:0;
	font-size: 13px;
	background-color: rgba(255, 255, 255, .95);
	border: 0px none;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	width:100%;
	position:fixed;
	padding:0;
	text-align: center;
}
.navbar-nav .dropdown-menu > li { display: inline-block; width: 15%; }
.navbar-nav .dropdown-menu > li > a { color:rgba(0, 0, 0, .7); padding: 10px; border-radius:5px; text-align: center; margin: 5px; transition: all 0.3s ease-out; 	 }
	.navbar-nav .dropdown-menu > li > a:hover,
	.navbar-nav .dropdown-menu > li > a:focus,
	.navbar-nav .dropdown-menu > .active > a:hover{ /*background: #e6f72d; */ background: #dadada; color: #111; }
.navbar-nav .dropdown-menu > li > a img { width: 90%; height: auto; }

.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:focus { background: none; color:#000; }
.navbar-nav .dropdown-menu > li > a .product_title { font-size: 20px; font-weight: bold; }

.navbar-nav .btn { border:1px solid rgba(0, 0, 0, .2); margin-left:5px; margin-top:5px; padding-top:10px; padding-bottom:10px; }

.navbar-nav a.btn:focus,
.navbar-nav a.btn:hover  { border:1px solid rgba(0,0,0,.7); }

.navbar-collapse { border:0 none;  border-top:0 none; box-shadow: none; }
@media (max-width: 767px) {
	.navbar-collapse ul { text-align: center;  width:100%; padding-bottom:10px; }
	.navbar-collapse ul .btn{ max-width:50%; margin:0 auto; }
	.navbar-collapse .pull-right {  margin:10px 0 !important;}
	.navbar-nav .dropdown-menu > li { display: block !important; width:100%; }
	.navbar-nav .dropdown-menu > li > a img { display: none !important; }
	.navbar-nav .dropdown-menu > li > a .product_title { font-size: 16px; font-weight: bold; }
	.navbar-nav .dropdown-menu > li > a { color: inherit;  text-align: center; margin: 5px; transition: none;  }
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom { border-radius: 0; }
.navbar-toggle {background: #111;}

.brands { float:left; width: 250px; height: auto; background: #101010; margin-top: -8px; border:1px solid #383838; border-bottom:none; }
.brand-name { height: 45px; line-height: 45px; border-bottom:1px solid #383838; width:100%; float:left;	font-size: 15px; padding:0 20px; color: rgba(255,255,255,0.7); transition: all linear 0.2s }
.brand-name:hover { text-decoration: none; background: #191919; color: rgba(255,255,255,0.9);  }

/*******************************/
/*          Buttons            */
/*******************************/
.btn-default, .btn-primary, .btn-success, .btn-action
.btn-info,    .btn-warning, .btn-danger {
	text-shadow: 0 2px 1px rgba(0, 0, 0, .2);
}

.btn { padding: 10px 40px; font-weight: bold; border:0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-lg { padding: 15px 65px; font-size: 14px; font-weight:bold; }
.btn-default { text-shadow: none; background:transparent; color: #111; border-radius:100px; -webkit-mask-image: -webkit-radial-gradient(white, black);  }
	.btn-default:hover,
	.btn-default:focus { color:rgba(50,50,50,.8);  background: transparent; }
	.btn-default:active,
	.btn-default.active { color:#333; background: transparent; }

.btn-action,
.btn-primary { text-shadow: none;   color: white !important;  background: #872791 !important; background-repeat: repeat-x; border:0 none; font-weight: normal; }
	.btn-action:hover, .btn-primary:hover,
	.btn-action:focus { opacity:0.8 !important;  }
	.btn-action:active {	}


/*******************************/
/*           Jumbotron         */
/*******************************/
.jumbotron { color: inherit; background-color: #F7F5F4; padding-top:30px; padding-bottom:30px; margin-bottom:0; }
.container .jumbotron { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:40px; padding-right:40px; }
	.jumbotron p { font-size:inherit; }
	.jumbotron h2, .jumbotron h3, .jumbotron h4,
	.jumbotron h5, .jumbotron h6 { line-height: 1.3em; }


/*******************************/
/*           Images            */
/*******************************/
.img-rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


/*******************************/
/*           Pricing            */
/*******************************/



.pricing-wrapper ul {
    list-style-type: none;
}

.pricing-wrapper a {
    color: #e95846;
    text-decoration: none;
}

.pricing-table-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.6em;
    color: #FFF;
    margin-top: 15px;
    text-align: left;
    margin-bottom: 25px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table-title a {
    font-size: 0.6em;
}


/** ========================
 * Contenedor
 ============================*/
 .pricing_background{
   display:none;
   position:fixed;
   top:0;
   bottom:0;
   left:0;
   right:0;
   width:100%;
   height:100%;
   z-index:9999999999999999999;
   background: rgba(255,255,255,0.9);
   overflow-y:auto;
   text-align:center;
 }
 .pricing_background .fa-times {
   position:absolute;
   top:30px;
   right:30px;
   font-size: 25px;
   cursor:pointer;
   color: rgba(0,0,0,0.7);
 }
 .pricing_background .fa-times:hover{
   color: rgba(0,0,0,0.4);
 }
 /** ========================
  * Contenedor
  ============================*/
 .pricing-wrapper {
     width: 100%;
     display:inline-block;
     max-width:1100px;
     font-size:16px;
     margin: 50px auto ;
     box-sizing: border-box;
 }

 .pricing-wrapper h4 {
     margin-bottom:20px;
 }

 .pricing-table {
     margin: 0 10px;
     text-align: center;
     width: calc(33% - 20px);
     float: left;
     -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
     box-shadow: 0 0 15px rgba(0,0,0,0.4);
     transition: all 0.25s ease;
     box-sizing: border-box;
     opacity:0.9;
     position:relative;
 }

 .pricing-table .btn-primary {
   background: #9159aa;
   border-color: #9159aa;
   font-size:1em;
 }
 .single-user-plans .pricing-table {
     width: calc(50% - 20px);
 }
 .pricing-table:hover {
     opacity:1;
 }

 .pricing-table .most-popular{
   position:absolute;
   top:10px;
   right:-20px;
   border-radius:6px;
   text-align:center;
   z-index:1000;
   background-color: #edb20a;
   transform: rotate(40deg);
   color: rgba(0,0,0,0.95);
   padding:10px;
   font-size:0.9em;
 }
 .pricing-table .payment-info{
   color: rgba(0,0,0,0.4);
   font-size: 0.8em;
   padding:10px;
 }

 .table-buy  .btn-large {
 float:none;
 display:inline-box;
 margin:0 auto;
  transition: all 0.25s ease;
 }

 .table-buy  .btn-large:hover {
    background: #37353a !important;
 }

 .pricing-title {
     color: #FFF;
     background: #fff;
     color: inherit;
     padding: 15px 0;
     font-size: 1.5em;
     margin:0;
 }

 .pricing-table.recommended .pricing-title {
    background-color: rgba(0,0,0,.05);
		color:rgba(0,0,0,0.7);
 }

 .pricing-table.recommended .pricing-action {
     background: blue;
 }

 .annual-info {
 display: block;
 font-size: 14px;
 color: rgba(255,255,255,0.7);
 font-weight:normal;
 position:relative;
 margin-top:0px;
 }

 .pricing-table .price {
     background-color: #092335;
		 background-image: linear-gradient(0deg, #092335 0%, #10304a 100%);
     color: white;
     font-size: 1.7em;
     font-weight: 700;
     padding: 10px 0;
 }

 .pricing-table .price sup {
     font-size: 0.6em;
     position: relative;
     left: 5px;
 }

 .table-list {
     background: #fff;
     color: #403d3a;
     padding:0;
     list-style-type: none;
 }

 .table-list li {
     font-size: 0.9em;
     font-weight: normal;
     padding: 12px 8px;
 }

 .table-list li i{
   color:  #092335;
   font-size:1.2em;
 }


 .table-list li span {
     font-weight: 400;
 }

 .table-list li span.unlimited {
     color: #FFF;
     background: #e95846;
     font-size: 0.9em;
     padding: 5px 7px;
     display: inline-block;
     -webkit-border-radius: 38px;
     -moz-border-radius: 38px;
     border-radius: 38px;
 }


 .table-list li:nth-child(2n) {
     background: #F0F0F0;
 }

 .table-buy {
     background: #FFF;
     padding: 15px;
     padding-top:5px;
     text-align: center;
     overflow: hidden;
 }



 .table-buy p sup {
     font-size: 0.5em;
     position: relative;
     left: 5px;
 }

 .table-buy .pricing-action {
     float: right;
     color: #FFF;
     background: #e95846;
     padding: 10px 16px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     font-weight: 700;
     font-size: 1.1em;
     -webkit-transition: all 0.25s ease;
     -o-transition: all 0.25s ease;
     transition: all 0.25s ease;
 }

 .table-buy .pricing-action:hover {
     background: #cf4f3e;
 }

 .recommended .table-buy .pricing-action:hover {
     background: #228799;
 }

 /* The switch - the box around the slider */
 .switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
   transform: rotateY(180deg);
   -webkit-tap-highlight-color:  transparent;
 }

 /* Hide default HTML checkbox */
 .switch input {
   opacity: 0;
   width: 0;
   height: 0;
 }

 /* The slider */
 .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #333;
   -webkit-transition: .4s;
   transition: .4s;
 }

 .slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }

 input:checked + .slider {
   background-color: #edb20a;
 }

 input:focus + .slider {
   box-shadow: 0 0 1px #edb20a;
 }

 input:checked + .slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
 }

/** ================
 * Responsive
 ===================*/
 @media only screen and (min-width: 768px) and (max-width: 1100px) {


    .pricing-table {
        width: calc(50% - 20px);
        margin-bottom:20px;
    }

    .table-list li {
        font-size: 1.1em;
    }

 }

 @media only screen and (max-width: 767px) {


    .pricing-table {
        display: block;
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
    }
 }

@media only screen and (max-width: 479px) {

}
