/* always show scrollbar */
body {
    overflow-y:scroll;
    font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4 {
    font-family: 'Montserrat', sans-serif;
}

/* higlight mainlinks */
a.mainlink {
    text-decoration: dotted underline;
}

/* homepage */
.why-us p {
    font-size: 1.2em;
}

.even_row .why-us i {
    float: left;
}

.uneven_row .why-us i {
    float: left;
}

.container.first p {
    font-size: 1.3em;
}

.container.first p.version {
    font-size: 1em;
    padding-top:10px;
}

.container-full {
  margin: 0 auto;
  width: 100%;
}

.jumbotron {
	width: 100%;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	position: fixed;
	background-color: #646464;
	padding: 0px;
}

.jumbotron h1 {
	margin-top: 30px;
    font-size: 40px;
    font-weight: bold;
}

.jumbotron.stopped {
	z-index: 700;
}

#jumbotron_opacity {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#jumbo_default h1 {
	text-shadow: 2px 2px 2px #000;
}

#jumbo_default p {
	text-shadow: 1px 1px 1px #000;
}

#jumbo_home {
	color: #000000;
}

#jumbo_home h1 {
	/*text-shadow: 2px 2px 2px #ECECEC;*/
    text-shadow:
        -1px -1px 0 #ECECEC,
         1px -1px 0 #ECECEC,
        -1px  1px 0 #ECECEC,
         1px  1px 0 #ECECEC;
}

#jumbo_home p {
	/*text-shadow: 1px 1px 1px #ECECEC;*/
    text-shadow:
        -1px -1px 0 #ECECEC,
         1px -1px 0 #ECECEC,
        -1px  1px 0 #ECECEC,
         1px  1px 0 #ECECEC;
}

#jumbo_product h1 {
	text-shadow: 2px 2px 2px #000;
}

#jumbo_product p {
	text-shadow: 1px 1px 1px #000;
}

#jumbo_compute h1 {
	text-shadow: 2px 2px 2px #000;
}

#jumbo_compute p {
	text-shadow: 1px 1px 1px #000;
}

#jumbo_objectstorage h1 {
	text-shadow: 2px 2px 2px #000;
}

#jumbo_objectstorage p {
	text-shadow: 1px 1px 1px #000;
}

#jumbo_networking h1 {
	text-shadow: 2px 2px 2px #000;
}

#jumbo_networking p {
	text-shadow: 1px 1px 1px #000;
}

#jumbo_database h1 {
	text-shadow: 2px 2px 2px #000;
}

#jumbo_database p {
	text-shadow: 1px 1px 1px #000;
}

#jumbo_services {
	color: #000000;
}

#jumbo_services h1 {
	text-shadow: 2px 2px 2px #9D9D9D;
}

#jumbo_services p {
	text-shadow: 1px 1px 1px #9D9D9D;
}

#jumbo_support h1 {
	text-shadow: 2px 2px 2px #000;
}

#jumbo_support p {
	text-shadow: 1px 1px 1px #000;
}

.jumbotron #jumbotron_opacity {
    border-bottom: 1px solid grey;
}

@media only screen and (min-width: 768px) {
    .navbar-nav > li > a#language-icon {
        padding-bottom: 6px;
    }

    /* remove some padding on small screens to make main menu fit */
    .nav > li > a {
        padding: 15px 10px;
    }

	/* add jumbo backgrounds for desktop screens here */
	.jumbotron {
		background-position: center;
		background-size: cover;
	}

	#jumbo_default {
		background-image: url('/video/default.jpg');
	}

	#jumbo_default #jumbotron_opacity {
		background-color: #000;
		opacity: 0.5;
	}

	#jumbo_home {
		background-image: url('/video/home.jpg');
	}

	#jumbo_home #jumbotron_opacity {
		background-color: #fff;
		opacity: 0.5;
	}

	#jumbo_product {
		background-image: url('/video/products.jpg');
	}

	#jumbo_product #jumbotron_opacity {
		background-color: #000;
		opacity: 0.2;
	}

	#jumbo_compute {
		background-image: url('/video/compute.jpg');
	}

	#jumbo_compute #jumbotron_opacity {
		background-color: #000;
		opacity: 0.4;
	}

	#jumbo_objectstorage {
		background-image: url('/video/objectstorage.jpg');
	}

	#jumbo_objectstorage #jumbotron_opacity {
		background-color: #000;
		opacity: 0.4;
	}

	#jumbo_networking {
		background-image: url('/video/networking.jpg');
	}

	#jumbo_networking #jumbotron_opacity {
		background-color: #000;
		opacity: 0.3;
	}

	#jumbo_database {
		background-image: url('/video/database.jpg');
	}

	#jumbo_database #jumbotron_opacity {
		background-color: #000;
		opacity: 0.4;
	}

	#jumbo_services {
		background-image: url('/video/services.jpg');
	}

	#jumbo_services #jumbotron_opacity {
		background-color: #fff;
		opacity: 0.4;
	}

	#jumbo_support {
		background-image: url('/video/support_120.jpg');
	}

	#jumbo_support #jumbotron_opacity {
		background-color: #000;
		opacity: 0;
	}

	#jumbo_company {
		background-image: url('/video/company.jpg');
	}

	#jumbo_company #jumbotron_opacity {
		background-color: #000;
		opacity: 0.2;
	}

    .navbar-inverse {
        height: 50px;
    }
}

.callToActionWrapper {
	display: block;
	margin-bottom: 10px;
    position: relative;
    top: 50px;
    margin-top: 50px;
    visibility: hidden;
}

.callToActionWrapper p {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
	/*transition: all 1.2s ease 0s;*/
	position: relative;
    top: 5px;
	margin-left: 105px;
}

.callToActionButtonWrapper {
	text-align: right;
	/*transition: all 0.8s ease 0s;*/
    white-space: nowrap;
	position: relative;
    top: -50px;
}

.callToActionEmpty {
    width: 46px;
    height: 90px;
    display: block;
}

#video-container {
	width: 1482px;
    height: 235px;
	position: absolute;
	top: 50px;
	left: 0;
	overflow: hidden;
	top: 0;
	z-index:1;
}

#video-player {
	position: relative;
}

#jumbo_support #video-player {
    top: -120px;
}

/* small screen fix for call to action */
@media only screen and (max-width: 992px) {
    .callToActionWrapper p {
		margin-right: 120px;
		font-size: 16px;
	}

	.callToActionWrapper .btn.btn-primary.btn-lg {
		border-radius: 6px;
		font-size: 16px;
		line-height: 1.33333;
		margin-top: 10px;
		padding: 4px;
	}
}

/* mobile overrides */
@media only screen and (max-width: 767px) {
	#jumbo_default {
		background-image: url('/video/default_mobile.jpg');
	}

	#jumbo_default #jumbotron_opacity {
		background-color: #000;
		opacity: 0.5;
	}

	#jumbo_home {
		background-image: url('/video/home_mobile.jpg');
	}

	#jumbo_home #jumbotron_opacity {
		background-color: #fff;
		opacity: 0.3;
	}

	#jumbo_product {
		background-image: url('/video/products_mobile.jpg');
	}

	#jumbo_product #jumbotron_opacity {
		background-color: #000;
		opacity: 0.2;
	}

	#jumbo_compute {
		background-image: url('/video/compute_mobile.jpg');
	}

	#jumbo_compute #jumbotron_opacity {
		background-color: #000;
		opacity: 0.2;
	}

	#jumbo_objectstorage {
		background-image: url('/video/objectstorage_mobile.jpg');
	}

	#jumbo_objectstorage #jumbotron_opacity {
		background-color: #000;
		opacity: 0.2;
	}

	#jumbo_networking {
		background-image: url('/video/networking_mobile.jpg');
	}

	#jumbo_networking #jumbotron_opacity {
		background-color: #000;
		opacity: 0.2;
	}

	#jumbo_database {
		background-image: url('/video/database_mobile.jpg');
	}

	#jumbo_database #jumbotron_opacity {
		background-color: #000;
		opacity: 0.3;
	}

	#jumbo_services {
		background-image: url('/video/services_mobile.jpg');
	}

	#jumbo_services #jumbotron_opacity {
		background-color: #fff;
		opacity: 0.5;
	}

	#jumbo_support {
		background-image: url('/video/support_mobile.jpg');
	}

    #jumbo_online_support {
        background-image: url('/video/default_mobile.jpg');
	}

    #jumbo_faq {
		background-image: url('/video/support_mobile.jpg');
	}

	#jumbo_company {
		background-image: url('/video/company_mobile.jpg');
	}

	#jumbo_company #jumbotron_opacity {
		background-color: #000;
		opacity: 0.5;
	}

	.callToActionWrapper p {
		margin-right: 120px;
		font-size: 16px;
	}

	.callToActionWrapper .btn.btn-primary.btn-lg {
		border-radius: 6px;
		font-size: 16px;
		line-height: 1.33333;
		margin-top: 10px;
		padding: 4px;
	}

	#video-container {
		display: none;
	}
}

@media only screen and (max-width: 490px) {
	.callToActionWrapper {
		display: none;
	}
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	margin-top: 0;
}

.nav.navbar-right .dropdown-menu > li > a.currentMenu,
.dropdown-menu > li > a.currentMenu {
    font-weight: bold;
    color: #000;
}

.navbar-collapse.collapsing .dropdown-menu > li > a.currentMenu,
.navbar-collapse.collapse.in .dropdown-menu > li > a.currentMenu {
    font-weight: bold;
    color: #068cd0;
}


/* fixes offset of menu on mobile devices */
.navbar-collapse.collapsing,
.navbar-collapse.collapse.in {
    margin-top: 36px;
}

.navbar-collapse.collapsing .dropdown-menu,
.navbar-collapse.collapse.in .dropdown-menu {
	position : relative;
	float: none;
	border-radius: 0px;
	background-color: #454545;
}

.navbar-collapse.collapsing .dropdown-menu a,
.navbar-collapse.collapse.in .dropdown-menu a {
	margin-left: 10px;
	color: #fff;
}

.navbar-collapse.collapsing .dropdown-menu a:hover,
.navbar-collapse.collapse.in .dropdown-menu a:hover {
	color: #fff;
	background-color: #454545;
}

.navbar-nav.navbar-right > li > .dropdown-menu {
    min-width: 50px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
}

/*fix anchors */
a.anchor_fix {
  padding-top: 90px;
}

a.anchor_fix:before {
  display: block;
  content: "";
  height: 90px;
  margin-top: -90px;
}


#home sup {
	top: -14px;
    font-size: 10px;
}

.navbar .brand {
	margin-left: -19px;
}

#home {
	/*background:transparent url("/images/logo.png") no-repeat 1px 1px;*/
	/*padding-left: 76px;*/
	padding-left: 125px;
	font-size: 22px;
	outline: none;
}


.navbar-brand.active {
	color: #fff;
}

.navbar-inverse {
    border-color: #444;
}

/* floating message */
#top_message_container {
	position: fixed;
    text-align: center;
    top: 2px;
    width: 100%;
}

#top_message {
	display: inline-block;
    position: relative;
    width: 340px;
    z-index: 1035;
	border-radius: 0 0 10px 10px;
	top: 38px;
}

/* remove annoyting dotted border when clicking on buttons, needs looking into */
/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
    border : 0px;
}

/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus {
    outline : none;
}

:focus {
	outline:none;
}

::-moz-focus-inner {
	border:0;
}
/* end remove border stuff */


/* flash check*/
.flash_show {
	visibility: hidden;
}

.flash_message {
	position: relative;
    text-align: center;
    top: 120px;
}

/* container rows */

.even_row {
    background: #068cd0;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}

.even_row a {
    color: #fff;
    text-decoration: underline;
}

.uneven_row {
    background: #ffffff;
    padding-top: 25px;
    padding-bottom: 25px;
}

div.uneven_row:last-of-type {
  padding-bottom: 60px;
}

/* footer menu */
#footer_menu {
    background-color: #222222;
    color: white;
    padding-top: 60px;
}

#footer_menu .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

#footer_menu .row {
    margin-bottom: 30px;
}

#footer_menu .navbar-brand {
    margin-top: 45px;
    height: 65px;
}

#footer_menu .footer-copyright p {
    margin: 10px;
    color: #ccc;
    font-size: 0.8em;
}

#footer_menu ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

#footer_menu h5 a,
#footer_menu h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
}

#footer_menu h2 a{
    font-size: 50px;
    text-align: center;
    color: #fff;
}

#footer_menu a {
    color: #d2d1d1;
    text-decoration: none;
}

#footer_menu a:hover,
#footer_menu a:focus {
    text-decoration: none;
    color: white;
}

#footer_menu .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px;
    margin-top: 20px;
}

#footer_menu .social-networks a {
    font-size: 22px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#footer_menu .social-networks a:hover {
    text-decoration: none;
}

#footer_menu .facebook:hover {
    color: #0077e2;
}

#footer_menu .google:hover {
    color: #ef1a1a;
}

#footer_menu .twitter:hover {
    color: #00aced;
}

#footer_menu .instagram:hover {
   color: #fbad50;
}

#footer_menu .btn {
    color: white;
    background-color: #d84b6b;
    border-radius: 20px;
    border: none;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
}

@media screen and (max-width: 767px) {
    #footer_menu {
        text-align: center;
    }
}

/* buttons */
.btn-primary {
    background: #068cd0;
}

/* forms */
.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}


.contact-form form.form-horizontal p {
	font-size: 13px;
	line-height: 18px;
}

.contact-form p.error-message,
.contact-form p.help-block.error {
    color: red;
}

.form-horizontal .control-label {
	font-weight: bold;
}

.contact-form form.form-horizontal pre {
	margin-left: 160px;
    width: 450px;
	margin-bottom: 20px;
}

.contact-form form.form-horizontal fieldset legend {
	font-size: 18px;
	line-height: 18px;
    padding-top: 5px;
	margin-left: 20px;
    margin-bottom: -10px;
}

.contact-form form.form-horizontal div.controls.noinput {
	padding-top: 5px;
}

.modal-body div.controls.noinput {
	padding-top: 5px;
}

.contact-form form.form-horizontal input[type=checkbox] {
    position: relative;
    top: -2px;
    margin-right: 2px;
}

.contact-form .form-actions {
    margin-top: 10px;
}

/* faq */
ul.faq {
    padding-left: 10px;
    list-style: none;
    margin-bottom: 50px;
}

ul.faq li {
    padding-bottom: 10px;
}

ul.faq li b {
    position: relative;
    font-size: 1.2em;
    left: -5px;
}

/* services */

#application-development img {
    padding-right: 10px;
}

#training img {
    padding-right: 10px;
}

/* bio's */
.interest {
    padding: 5px;
    background-color: black;
    color: white;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
}

.bio h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.bio h3 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.bio .social-networks {
    padding-top: 0px;
    position: relative;
    top: -5px;
}

.bio .social-networks a {
    font-size: 2em;
    color: #000;
    margin-right: 10px;
    transition: 0.2s;
    text-decoration: none;
}

.bio .social-networks a:hover {
    text-decoration: none;
}

.bio .social-networks a.facebook:hover {
    color: #0077e2;
}

.bio .social-networks a.google:hover {
    color: #ef1a1a;
}

.bio .social-networks a.twitter:hover {
    color: #00aced;
}

.bio .social-networks a.instagram:hover {
   color: #fbad50;
}

.bio .social-networks a.linkedin:hover {
   color: #0077b5;
}