html {
	font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    font-weight: normal;
	-webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-size: 15px;
}

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
	font-family: 'Cabin','Kanit',"Roboto","Helvetica Neue",Arial,sans-serif;
	font-weight: 700;
};

/*
.uk-navbar-dropdown-nav {
	font-size: 0.80rem;
	
}*/

.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
	width: 250px;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
	background: rgb(255, 255, 255);
}

.uk-navbar-center:not(:only-child) .uk-navbar-nav > li > a, .uk-navbar-center:not(:only-child) .uk-navbar-item, .uk-navbar-center:not(:only-child) .uk-navbar-toggle {
	white-space: nowrap;
}

.uk-navbar-nav > li > a {
	font-family: 'Open Sans','Rubik';
	font-weight: 400;
	color: #bfbfbf;
	/*text-transform:  uppercase;*/
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	-webkit-transition-property: color,background-color;
	transition-property: color,background-color;
}

.uk-navbar-nav > li.uk-active > a{
	color : #ffffff;
	font-weight: 700;

}

.uk-navbar-nav > li > a:hover{
	color : #eaf2e3	;
	font-weight: normal;
}

.uk-navbar-nav > li > a:hover::before {
	right: 15px;
	color: #ffffff;
}

.uk-nav {

	font-family: 'Nunito Sans','Open Sans','Rubik','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	font-weight: 300;
}

.uk-navbar-dropdown-nav > li.uk-active > a {
	color: #ffffff;
}

.uk-navbar-dropdown-nav > li > a:focus, .uk-navbar-dropdown-nav > li > a:hover {
	/*color: #f77f00;*/
	font-weight: 600;
}

.uk-navbar-dropdown-nav > li > a {
	color: rgb(255, 255, 255);
}

.uk-navbar-dropdown-nav .uk-nav-divider {
	border-top: 1px solid rgb(1, 127, 196);
}

.uk-nav-header > a {
	font-weight: 300;
	color: #ffffff;
	border-bottom: 1px solid rgb(0, 82, 129);
	font-size: 0.8rem
}

div[class*="uk-navbar-dropdown-bottom"] {
	margin-top: -4px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top-color: #009EFA;
	border-top-style: solid;
}

/* Social Links */ 
a[href="https://www.youtube.com/user/cybamantech"]:hover, .uk-icon-button:focus {
	background-color: #ff0000 !important;
	color: rgb(255, 255, 255) !important;
	outline: 0 !important;
}

a[href="https://www.youtube.com/user/cybamantech"] {
	background-color: rgba(255, 255, 255, 0.1);
	color: #ffffff !important;
}


a[href="https://uk.linkedin.com/company/traki-iski-limited"]:hover, .uk-icon-button:focus {
	background-color: #0077B5 !important;
	color: rgb(255, 255, 255) !important;
}

a[href="https://uk.linkedin.com/company/traki-iski-limited"] {
	background-color: rgba(255, 255, 255, 0.1);
	outline: 0 !important;
}

a[href="https://uk.linkedin.com/company/cybamantech"]:hover, .uk-icon-button:focus {
	background-color: #0077B5 !important;
	color: rgb(255, 255, 255) !important;
}

a[href="https://uk.linkedin.com/company/cybamantech"] {
	background-color: rgba(255, 255, 255, 0.1);
	outline: 0 !important;
}

a[href="https://www.twitter.com/cybaman"]:hover, .uk-icon-button:focus {
	background-color: #1DA1F2 !important;
	color: rgb(255, 255, 255) !important;
	outline: 0 !important;
}

a[href="https://www.twitter.com/cybaman"]{
    background-color: rgba(255, 255, 255, 0.1);
	color: #1DA1F2 !important;
	outline: 0 !important;
}

a[href="https://www.facebook.co.uk/cybamantech"]:hover, .uk-icon-button:focus {
	background-color: rgb(26, 96, 248) !important;
	color: rgb(255, 255, 255) !important;
	outline: 0 !important;
}

a[href="https://www.facebook.co.uk/cybamantech"]{
	color: rgb(26, 96, 248) !important;
	background-color: rgba(255, 255, 255, 0.1);
	outline: 0 !important;
}

a[href="/contact"]:hover, .uk-icon-button:focus {
	background-color: rgb(196, 197, 199) !important;
	color: rgb(44, 44, 44) !important;
	outline: 0 !important;
}

a[href="/contact"]{
	color: rgb(255, 255, 255) !important;
	background-color: rgba(255, 255, 255, 0.1);
	outline: 0 !important;
}


.tm-header {
	background-color : #002233;
}
.tm-header-2 {
	background-color : #003169;
	z-index: 979;
}

.cyba-button {
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.74);
    color: #ffffff;
    border: 1px solid #2f2f2f !Important;
}
/*
#003251
386fa4
59a5d8
84d2f6
*/
.tm-header-mobile {
	background-color : #002233;
}

.tm-section-heading {
	text-transform: uppercase;
}

.tm-header-placeholder {
 background-color: #002233;
}

.tm-footer {

	background-color : #002233;
}

.tm-footer-text {
	background-color : #002233;
    font-size: 0.8rem;
    padding:  4px 4px 0px 4px;
    margin: 4px 4px 0px 4px;
}

.tm-sidebar-right {
	position: absolute;
	top: 0;
	left: calc(100% + 0px);
	width: 200px;
}


#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}


.tm-nav-mobile {
	background-color: #002233;	
}

.uk-navbar-dropdown {
	background-color: #002233;
}

.indenting_links li a:hover {
	padding-left:20px;
  	-webkit-transition: padding-left 500ms ease-out;
    -moz-transition: padding-left 500ms ease-out;
    -o-transition: padding-left 500ms ease-out;
    transition: padding-left 500ms ease-out;
}

.uk-card-secondary {
	background: #222;
	color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.tm-sidebar-right {
	position:absolute;
	top:0;
	left:calc(100% + 0px);
	width:200px
   }

.uk-heading-primary {
	font-family:  'Nunito Sans';
}

.uk-button {
	margin: 0;
	border: 1px solid #ffffff;
	border-radius: 5;
	overflow: visible;
	font: inherit;
	color: inherit;
	text-transform: none;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 30px;
	vertical-align: middle;
	font-size: 0.875rem;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	-webkit-transition: .17s ease-in-out;
	transition: .17s ease-in-out;
	-webkit-transition-property: color,background-color,background-position,border-color,box-shadow;
	transition-property: color,background-color,background-position,border-color,box-shadow;
	background-size: 200%;
	background-position-x: 100%;
	background-origin: border-box;
  }

.uk-h1 {
	font-size: 1.5rem;
	line-height: 1.2;
	/*font-family:  'Nunito Sans';*/

}

.cyb-cast {
	font-family:  'Rubik' !important;
}


@media (min-width: 320px) {
	.uk-h1 {
	  font-size: 1.75rem;
	  line-height: 1.1;
	}
}

@media (min-width: 640px) {
	.uk-h1 {
	  font-size: 2.00rem;
	  line-height: 1.1;
	}
}

@media (min-width: 960px) {
	.uk-h1 {
	  font-size: 3.25rem;
	  line-height: 1.1;
	}
}

@media (min-width: 1200px) {
	.uk-h1 {
	  font-size: 3.75rem;
	  line-height: 1.1;
	}
}
  .uk-button-small {
	padding: 0 15px;
	line-height: 28px;
	font-size: 0.875rem;
  }
  
  .uk-button-large {
	padding: 0 40px;
	line-height: 53px;
	font-size: 0.875rem;
  }

.uk-button-default {
	background-color: #003169;
	color: #ffffff;
	border: 1px solid #acacad;
	background-image: linear-gradient(90deg rgb(255, 145, 0) 50%,transparent 50%);
}

.uk-button-default:focus, .uk-button-default:hover {
	background-color: #001F3F;
	color: #fff;
	border-color: #ffffff;
	background-image: linear-gradient(90deg, rgb(255, 145, 0) 50%,transparent 50%);
}

.uk-button:hover {
	text-decoration: none;
	background-position-x: 0;
}

.uk-button-default:active, .uk-button-default.uk-active {
	background-color: #f77f00;
	color: #ffffff;
	border-color: #ffffff;
}

/*
.uk-link:hover, a:hover {
	color: #7fcAc5;
	text-decoration: none;
}*/

.uk-navbar-dropdown-nav .uk-nav-header {
	color: #ffffff;
}

.telegram-share{
	position: relative;
	display: inline-block;
	height: 20px;
	padding: 1px 8px 1px 6px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	background-color: #0088cc;
	border-radius: 3px;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 11px;
  }
  
  .telegram-share span{
	display: inline-block;
	margin-top: 3px;
  }
  
  .telegram-share i{
	display: inline-block;
	height: 20px;
	vertical-align: top;
	width: 12px;
	background-repeat: no-repeat;
	background-position-y: 4px;
	background-size: 10px;
	/* This image is included below :) */
	background-image: url(../images/telegram-plane.png);
  }
  
  .telegram-share:hover{
	background-color: #007dbb;
  }
  
.telegram-share:active{
	background-color: #026698;
}

#newsletter-subscribe {
	background: #0c99d5;
	color: #fff;
	padding: 0;
	zoom: 1;
}

.quantum {
	background: #eaf2e3;
	background: center center no-repeat,linear-gradient(to bottom,#003169 7%,#eaf2e3 100%);
}

.quantum2 {
	background: #002233;
	background: center center no-repeat,linear-gradient(to bottom,#002233 7%, #003169 25%, #eaf2e3 100%);
}

.quantum3 {
	background: #eaf2e3;
	background: center center no-repeat,linear-gradient(to bottom,#f77f00 7%, #eaf2e3 100%);
}

.quantum4 {
	background: #fde7d0;
	background: center center no-repeat,linear-gradient(to bottom,#fef3e7 7%, #eaf2e3 100%);
}

.quantum5 {
	background: #fde7d0;
	background: center center no-repeat,linear-gradient(to bottom,#345995 7%, #eaf2e3 100%);
}

.quantum6 {
	background: #fde7d0;
	background: center center no-repeat,linear-gradient(to bottom,#eac435 7%, #eaf2e3 100%);
}

.quantum7 {
	background: #fde7d0;
	background: center center no-repeat,linear-gradient(to bottom,#8fc640 7%, #eaf2e3 100%);
}

.quantum8 {
	background: #fde7d0;
	background: center center no-repeat,linear-gradient(to bottom,#d5573b 7%, #eaf2e3 100%);
}

.quantum9 {
	background: #fde7d0;
	background: center center no-repeat,linear-gradient(to bottom,#fdfaf7 7%, #eaf2e3 100%);
}
.firefox {
	background: #013375;
	background:  top -220px center no-repeat,linear-gradient(148deg,#0060df 7%,#0479f4 20%,#0681fc 27%,#02bdf1 60%,#01d3f0 67%,#05f0e6 100%);
	text-align: center;
}

.main-header {
	background: #0060df;
	background:  bottom center no-repeat,linear-gradient(to bottom,#0060df 7%,#0095ff 100%);
	text-align: center;
}

.privacy-section {
	background-color: #c42482;
	background-image: linear-gradient(222deg,#ff272d 0,#c42482 33%,#ab217f 47%,#671878 84%,#4a1475 100%);
	color: #fff;
}

.whats-new-section {
	background: url("../images/header-bg-tail.png") top -300px center no-repeat,linear-gradient(to right,#ff1ad9 0,#ff9400 100%);
}

.shadow-text {
	color: #ffffff;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

.showcase {
	background: #eaf2e3;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ffffff, #eaf2e3);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ffffff, #eaf2e3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#share-buttons img {
    width: 35px;
    padding: 5px;
    border: 0;
    box-shadow: 0;
    display: inline;
}

.uk-dotnav > * > * {
	width: 15px;
	height: 10px;
	border-radius: 2px;
}

.twitter-container iframe {
    width: 100%;
    height: 100%;
}

.uk-table-small th, .uk-table-small td {
	padding: 3px 4px;
}

.uk-list > li:nth-child(n+2), .uk-list > li > ul {
	margin-top: 5px;
}


.uk-light a.uk-link-muted:hover,
.uk-light .uk-link-muted a:hover,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-card-primary.uk-card-body a.uk-link-muted:hover,
.uk-card-primary.uk-card-body .uk-link-muted a:hover,
.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover,
.uk-card-secondary.uk-card-body a.uk-link-muted:hover,
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover,
.uk-overlay-primary a.uk-link-muted:hover,
.uk-overlay-primary .uk-link-muted a:hover,
.uk-offcanvas-bar a.uk-link-muted:hover,
.uk-offcanvas-bar .uk-link-muted a:hover {
  color: rgb(221, 221, 221);
  font-weight: 400;
}

.uk-article-title {
	font-size: 2.2rem;
	line-height: 1.2;
}

.uk-tab > * > a {
    font-size: 1.1rem;    
}