.nav-tabs { list-style: none; 
  
  padding: 0px; margin: 0px; display: inline-block; 

}




.nav-tabs > li { 
  float: left;
  
}

a {
outline: 0;
text-decoration: none;
}

.nav-tabs > li > a { font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight: bold ; font-style: normal; font-size: 14px; letter-spacing: 1px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px;
 transition: color .3s linear;
   -moz-transition: color .3s linear; 
-webkit-transition: color .3s linear;
color: white;
  
  
}
.nav-tabs > li > a:hover { color: #131313;
  
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  
  cursor: default; color: #131313;
}
 
.tab-content > .tab-pane {
  display: none;
 
}



.tab-content > .active {
  display: block; 
  opacity: 1;
  padding-top: 10px ;
  
}




.tab-pane.fade { opacity: 0; 


transition: opacity .2s linear;
   -moz-transition: opacity .2s linear; 
-webkit-transition: opacity .2s linear;
	
} 
.tab-pane.in { opacity: 1;} 

/*

.tab-pane.fade { opacity: 0; 


transition: opacity .7s linear;
   -moz-transition: opacity .7s linear; 
-webkit-transition: opacity .7s linear;
	
} 
.tab-pane.in { opacity: 1;} 





.tab-pane.fade .device { opacity: 0; 
transition: opacity .02s linear;
   -moz-transition: opacity .02s linear; 
-webkit-transition: opacity .02s linear;
	
	
}
.tab-pane.in .device {opacity: 1; }



.tab-pane.fade .browser { 


-webkit-transform: scale(1.2,1.2);
       -ms-transform: scale(1.2,1.2);
           transform: scale(1.2,1.2);
		      opacity: 0;
  -webkit-transition: -webkit-transform 1s ease-out, opacity 0.3s ease-out;
     -moz-transition: -moz-transform 1s ease-out, opacity 0.3s ease-out;
       -o-transition: -o-transform 1s ease-out, opacity 0.3s ease-out;
          transition: transform 1s ease-out, opacity 0.3s ease-out; 



	
	
}
.tab-pane.in .browser { 
-webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
  opacity: 1;

 }




.tab-pane.fade .browser { padding-right: 120px;

	transition: padding-right .5s ease-in; 
   -moz-transition: padding-right .5s ease-in;
-webkit-transition: padding-right .5s ease-in; 

	
}


.tab-pane.in .browser { padding-right: 0px; 


 }

.tab-pane.fade .device { padding-left: 10px;

	transition: padding-left .5s ease-in; 
   -moz-transition: padding-left .5s ease-in;
-webkit-transition: padding-left .5s ease-in; 
	
	
}
.tab-pane.in .device { padding-left: 0px; 


 }
*/



.modal-open {
  overflow: hidden;
}
body.modal-open {
  margin-right: 15px;
 
  
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  
  
}
.modal.fade .modal-dialog {
   -webkit-transform: scale(2,2);
       -ms-transform: scale(2,2);
           transform: scale(2,2);
		      opacity: 0;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.3s ease-out;
     -moz-transition: -moz-transform 0.5s ease-out, opacity 0.3s ease-out;
       -o-transition: -o-transform 0.5s ease-out, opacity 0.3s ease-out;
          transition: transform 0.5s ease-out, opacity 0.3s ease-out; 
}
.modal.in .modal-dialog {
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
  opacity: 1;
}

.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 0px ;
  margin: 0px;
  z-index: 1050;
}
.modal-content {
  position: relative;
  background-color: none;
  border: none;
  padding: 0px ;
  margin: 0px ;
  border-radius: 0px;
  
  
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; 
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}






@media screen and (max-width:768px)  {
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 0px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 0px;}
}