body {
	background-color: #1a1a1a;
}

.hero {
	background: none;
}




@media(min-width:767px) {
  .navbar {
    padding: 5px 0;
    -webkit-transition: background .2s ease-in-out,padding .2s ease-in-out;
    -moz-transition: background .2s ease-in-out,padding .2s ease-in-out;
    transition: background .2s ease-in-out,padding .2s ease-in-out;
  }

  .top-nav-collapse {

/* Disable height adjustment
    padding: 0;
*/



	/*
    opacity: 0.6;
*/


  }



}


@media( min-width: 1921px ) {
	#navbar2 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;



	}
}



#logo {
  /*	filter: grayscale(100%) brightness(70%);
  */

	filter:  invert( 10% );


}




.top-nav-collapse #logo {
  background: none;
}

/*
#topbar {
  padding: 10px 0px;
}
*/

.navbar {
  background-color: #000000;

  background-color: #1a1a1a;

/*
	background: rgba(0,6,0,0.95) none repeat scroll 0 0;
*/

	background: rgba(0,6,0,0.6) none repeat scroll 0 0;


  /* background-color: #3d5d7f;
  */


  /* Undo default bootstrap */
  margin-bottom:0px;
  border-radius: 0;


}

.navbar-default {
  border-color: #000000;


}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #9f8611 !important;

}

.nav-toggle {
  z-index: 0;
}


.navbar-header {
  /*display:none;*/
}



#nav-right a {
  color: #333;
}
#nav-right a:hover {
  color: #9f8611;
	/*color: red;*/
}

#nav-right a.cloud:hover {
	color: #008000;
}

#nav-right a.servers:hover {
	color: #ff7e00;
}





.navbar-default .navbar-nav > li > a {
  color: #595959;
}



.navbar-default.top-nav-collapse .navbar-nav > li > a {
	color: rgba(89, 89, 89, 0.6);
}






.hero {
  padding-top:150px;



/*
  background-image: url("http://www.amd.com/PublishingImages/homepage-hero/amd-radeon-rx-480-graphics-card-product-hero.jpg");
*/

  background-color: #000000;


  min-height: 400px;


  min-height: 600px;


}


.texture-overlay {
  background-color: rgba(0, 0, 0, 1);
  background-image: url(/assets/vobyte_boxify/img/desktop-1920x1080.jpg);
	background-position: center center; 
	background-repeat: no-repeat;
  background-size: 100% auto;
}


.hero {
  overflow: hidden;
}

.hero .supervideo {
  position: absolute;
  width: 100%;
  margin-top: -60px;

}



.delay-2s {
  animation-delay: 1.5s;
}


.delay-3s {
  animation-delay: 2s;
}

.delay-4s {
  animation-delay: 2.5s;
}







.features-list {
  background-color: #F2F2F2;
  background-color: #1a1a1a;


  padding: 50px 0;
	padding: 40px 0;
}


.download {
  background-color: #1a1a1a;
  background-color: #000000;


  padding: 40px 0;
}


.download h1,
.download .download-btn {
  color: #333;
  border-color: #333;
}


.download .download-btn {
	color: #f2f2f2;
	border-color: #f2f2f2;

}


.download h1,
.download h2 {
  color:#3d5d7f;
}



.download .fa-newspaper-o {
	color: #ffffff;
	color: #d9d9d9;
	color: #CCCCCC;
}

.download .fa-twitter {
  color: #1da1f2;
}

.download .fa-info-circle {
	color: yellow;
	color: #003366;
	color: #008000;
}



.download #news a,
.download #twitterHolder a {
  color: #3d5d7f;
}

.download #news a:hover,
.download #twitterHolder a:hover {
  color: #EBCE45;
}
.download .download-btn:hover {
  border: 2px solid #EBCE45 ;
  color: #EBCE45;


	border: 2px solid #9f8611;
	color: #9f8611;
}


.download .download-btn {
	padding: 10px 30px;
	margin-top: 35px;




}




.brands {
  padding: 80px 0;

  padding: 100px 0;

  padding: 50px 0;


  background-color: #F2F2F2;
  background-color: #ffffff;
  background-color: #3f6184;


  background-color: #660000;

  background-color: #006666;

  background-color: #4e9ba3;
  background-color: #2D595D;

  background-color: #312D5D;
  background-color: #DBDBFF;


  background-color: #f2f2f2;

  background-color: #1a1a1a;


  background-color: #D9D9D9;


  /*
  background-color: #595959;
  */


}


footer #left h3 {
	color: #3d5d7f;
}

footer #left a:hover i {
  color: #EBCE45 !important;
	color: #9f8611 !important;
}

footer #left a.facebook:hover i {
	color: #4267b2 !important;
}


footer #left a.twitter:hover i {
	color: #ffffff !important;
}

footer #left a.google-plus:hover i {
	color: #dd4b39 !important;
}

footer #left a.linkedin:hover i {
	color: #006fa6 !important;
}

footer #left a.instagram:hover i {
	color: #e4405f !important;
}

footer #left a.mail:hover i {
	color: #cccccc !important;
}

footer {
  padding: 20px 0;
  padding: 80px 0;
  background-color: #1a1a1a;
  color: #333;
  color: #4D4D4D;
  color: #595959;
}

footer p {
  color: #333;
  color: #4D4D4D;
  color: #595959;

}

footer #footerpages ul li a,
footer a i,
footer  a {
  color: #4D4D4D;
  color: #595959;
}





#features .feature-icon {
  height: 50px;
  width: 50px;

	width: 20%;

  line-height: 50px;
  border: 2px solid #EBCE45;
/*
	height: 3vw;
	width: 3vw;
	line-height: 3vw;
	font-size: 1vw;
*/
	margin-right: 20px;




	/* 4k? */
	max-width: 50px;
}





#features .readmore-filler {
	border: 1px solid transparent;
	margin-right: 25px;


	height: 1vw !important;
}



#features .feature-icon {
	font-size: 14px;
}


@media( max-width: 1921px ) {
	#features .feature-icon {
	/*	height: 3vw; */
		width: 20%;
		line-height: 3vw;
		font-size: 1vw;
	}
}




#features .col-md-12 .col-md-4 {
/*
	min-height: 185px;
*/

}

#features .col-md-12 .col-md-4,
#features .col-md-12 .col-md-2 {
/*
  min-height: 250px;
*/


}

#features .feature-content p  {
/*
  min-height: 180px;
*/

}

.features2 .feature-content {
  width: auto;
}
.features2 .feature-content p {
/*
  min-height: 80px !important;
*/
}

a.read-more-btn {
  position: absolute;
  bottom: 0;
  color: #3d5d7f;
}

#features a.read-more-btn:hover {
  color: #EBCE45 !important;
  color: #9f8611 !important;

}

#features .feature-icon i {
  color:  #EBCE45 !important;
}

#features h1 {
  color: #3D5D7F;
}






#photo > div {
	padding-top:30px;
	padding-bottom:30px;
	background-color: black;

	padding-bottom: 0px;
}







.nav-justified li {
  float:none !important ;
}





@media( max-width:990px) {


.navbar-default .navbar-collapse {
	border: 0 !important;
}

.navbar-toggle {
	margin-right: 0;
}

#navbar2 {
	box-shadow: none;
}

/*
  #features .feature-icon {
    height: 8vw;
    width: 8vw;
    font-size: 3vw;
    line-height: 8vw;
    float:left;


		height: 50px;
		width: 50px;
  }
*/

/*
  #features .feature-content {
      margin-top: 0;
      text-align: left;
      float:left;
	width: 70%;
  }
*/


  nav {
    margin-top: 0;
  }


  .cookiebar {
	height: auto !important;
	padding-bottom: 50px;
  }

footer li {
	border-bottom: 0;
	padding:0;
}



}










#features,
#features2,
footer
 {
	background-color: #1A1A1A  !important;
	background-color: #0D0D0D !important;
}












body.res-1680 {
	width: 1680px;
	overflow-x: auto !important;
}
body.min-1680 {
	min-width: 1680px;
	overflow-x:auto;
}



/*
@media( max-width: 1680px) {
	html, body {
		width: 1680px;
		overflow-x: auto;


		display:none;
	}
}
*/


#photo {
	background-color: #000000;
}


@media( min-width: 1920px ) {
	#photo img {
	/*	max-height: 300px; */
	}
}



.container {
  width: 1440px;
  width: 1540px;
  width: 1555px;
}










#features .row .col-md-12 .col-md-2 {
/*
	background-color: red;
*/
	padding-left: 0px;
	padding-right: 0px;
}





ol.flickity-page-dots {
	display:none;
}


#photo > div {
	padding-top: 0px;
}


#photo img:hover {
	cursor: default;
}


.features-slider {
	padding-bottom: 0px !important;
}


/*
███    ███  ██████  ██████  ██ ██      ███████
████  ████ ██    ██ ██   ██ ██ ██      ██
██ ████ ██ ██    ██ ██████  ██ ██      █████
██  ██  ██ ██    ██ ██   ██ ██ ██      ██
██      ██  ██████  ██████  ██ ███████ ███████
*/

@media( max-width: 990px) {
  .container {
    width: 345px;
    width: 100%;
  }

  #navbar2 {
    background: rgba(0,6,0,0.7) none repeat scroll 0 0;
	max-height: 600px;
  }

  .navbar-default .navbar-toggle.collapsed {
    background-color: transparent;
  }



  .navbar-default .navbar-toggle.collapsed .icon-bar {
    background-color: #ddd;
  }





  .hero h3 {
    max-width: 320px;
  }

  #features .feature-icon {
    margin-right: auto;
    font-size: inherit;
  }

  a.read-more-btn {
    position: relative;
  }

  .features2-tweak .col-md-2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

a:focus.overlayCloseButton, a:hover.overlayCloseButton, .overlay .closer a:focus, .overlay .closer a:hover {
	border-color: #EBCE45 !important;
}

.overlay #content a:hover {
	color: #EBCE45 !important;
}