::selection {
  background: #28a745;
  color: #fff;
}
@import url(https://fonts.googleapis.com/css?family=Roboto);
html,
body {
	margin: 0px;
	height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}

h1, h2, h3, h4 { font-family: 'Roboto', sans-serif; color:#111; }
h1{
	font-size:48px;
}
h2{
	font-size:32px;
}
h3{ line-height:35px;}

::placeholder {
   color: #aaa;
}
html {
  scroll-behavior: smooth;
}
@media (min-width: 1360px){
  .container {
      max-width: 1360px;
  }
}
.text-blue{
	 color: #005993;
}
.ubuntu{
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 1.55rem;
    margin-top: -10px;
}
.text-black{
  color: #000;
}
.shads{
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
}
.bgopa{
	background:url(../images/bgopacityblk.png);
	color: #fff;
}

/* Flash class and keyframe animation */
.flashit{
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
/* Pulse class and keyframe animation */
.pulseit{
	-webkit-animation: pulse linear .5s infinite;
	animation: pulse linear .5s infinite;
}
@-webkit-keyframes pulse {
	0% { width:200px; } 
	50% { width:240px; } 
	100% { width:200px; }
}
@keyframes pulse {
	0% { width:200px; } 
	50% { width:240px; } 
	100% { width:200px; }
}
/*################################ REGNO STYLES ###########################*/
.plate{
	font-size: 60px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    max-width: 350px;
    border: 3px solid #000;
    border-radius: 15px;
    padding-left: 35px;
    background: #ffe460 url(../images/plate.png) no-repeat left -6px;
}
.plate-sm{
  font-size: 30px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
    border: 2px solid #000;
    border-radius: 10px;
    padding-left: 20px;
    background: #ffe460 url(../images/plate-sm.png) no-repeat left -6px;
    margin: 0px auto;
}
.plbtn{
	border: 2px solid #000;
    border-radius: 15px;
    font-size: 24px;
    padding: 10px 25px;
    animation-duration: 3s;
  	animation-delay: 2s;
  	animation-iteration-count: infinite;
}

.boxip{
	font-size: 28px;
    font-weight: bold;
    padding: 5px;
    max-width: 350px;
    border: 3px solid #000;
    border-radius: 15px;
    padding-left: 25px;
    background: #fdffdd url(images/pound.png) no-repeat left -6px;
}

@media only screen and (max-width: 600px) {
  .plate{
    font-size: 40px;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase;
      max-width: 260px;
      border: 3px solid #000;
      border-radius: 15px;
      padding-left: 25px;
      background: #ffe460 url(../images/plate-md.png) no-repeat left -6px;
  }
}

/*################################ PROGRESS ANIMATION ###########################*/
.progress {
    -webkit-animation: progressBar 1s ease-in-out;
    -webkit-animation-fill-mode:both;
    -moz-animation: progressBar 1s ease-in-out;
    -moz-animation-fill-mode:both;
}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}
/*################################ HR STYLES ###########################*/
hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
	margin-top: 0px;
	margin-bottom: 0px;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}

.jobAnime1 {
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}
.jobAnime2 {
  animation-duration: 0.5s;
  animation-delay: 0.8s;
  animation-iteration-count: 1;
}
.jobAnime3 {
  animation-duration: 1s;
  animation-delay: 1.1s;
  animation-iteration-count: 1;
}
.jobAnime4 {
  animation-duration: 1s;
  animation-delay: 1.4s;
  animation-iteration-count: 1;
}
.jobAnime5 {
  animation-duration: 1s;
  animation-delay: 1.7s;
  animation-iteration-count: 1;
}
.jobAnime6 {
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
}
.jobAnime7 {
  animation-duration: 0.7s;
  animation-delay: 2.3s;
  animation-iteration-count: 1;
}
/*################################ TOP HEADER MENU STYLES ###########################*/
.navbar{
  box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.1);
}
nav ul li a {
  display: block;
  padding: 15px;
  margin: 0 10px;
}
.nav-link{
  color: #005993;
}
.dropdown-item {
  width: auto !important;
}
.nav-link:hover{
	color: #0B9344;
}
/*################################ FOOTER MENU STYLES ###########################*/
#footer_menu {
	background-color: #1c2023;
  background: url(https://www.nukecomputers.com/images/wall.jpg);
	padding: 30px 20px 50px;
	color: #bbb;
}
#footer_menu a {display:block;color: #bbb;transition: 300ms;}
#footer_menu a:hover {color: #FFBF00; text-decoration: none;}
#footer_menu a:focus {color: #FF7F00;}

.list-inline {margin: 0px auto;}
.list-inline li {float:left;margin-right: 10px;}

.nlbox{
	background-color: transparent;
	border: 1px solid #17a2b8;
	color: #FFBF00;
	padding: 10px;
	width: 100%;
}
::-input-placeholder {
   color: #aaa;
   font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
   color: #aaa;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #aaa;
}
:-ms-input-placeholder {  
   color: #aaa;
}

/*################################ FOOTER BLACK STYLES ###########################*/
#footer {
	color: #333;
  background-color: #f1f1f1;
}
#footer a {color: #666;transition: 200ms;}
#footer a:hover {color: #999;}
#footer a:focus {color: #444;}
.footer_menu {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}
.footer_menu_item {
    float: left;
    margin: 0;
    width: unset !important;
}
.footer_menu_link {
    font-weight: 700;
    padding: 0.4rem 1.2rem;
    border: none;
    display: inline-block;
    text-decoration: none;
}
.footer_menu_term{
  padding: 0.4rem 1.2rem;
    border: none;
}
.social{
  color: #6e6e6e;
}
/*################################ FOOTER COPYRIGHT STYLES ###########################*/
#cpybg {
  padding: 30px 15px;
  color: #666;
}
#cpybg a {color: #666;transition: 300ms;}
#cpybg a:hover {color: #FFBF00; text-decoration: none;}
#cpybg a:focus {color: #444;}