/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 @import url('https://fonts.googleapis.com/css?family=Karla:400,700');
 @import url('https://fonts.googleapis.com/css?family=Belleza');
 @import url('https://fonts.googleapis.com/css?family=Caveat+Brush');

.handfont {font-family: 'Caveat Brush'; font-size: 52px;}

.seconds-content {max-width: 500px; padding-top: 50px;}
.minutes-content {padding-left: 50%; max-width: 1000px; padding-top: 100px; padding-bottom: 50px;}

.tm-navbar-sticky.tm-header-offset .tm-block-header + .tm-block-fullheight {padding-top: 200px;}
.tm-navbar-sticky.tm-header-offset .tm-block-header + .uk-block-large:not(.tm-block-fullheight) {padding-top: 200px;}
.tm-navbar-sticky .tm-navbar-wrapper {position: fixed;}
.btn {text-transform: inherit;}
.uk-panel-box {background: #FFF;}

 html {font: 15px/26px 'Karla'; color: #404142;}
 body {background: #FFF;}

b, strong {font-weight: 700;}

/*MUTED*/
.uk-block-muted {background: #f9f9f9;}

/*PRIMARY*/
 .uk-block-primary {
background: #00B4DB;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #00B4DB, #0083B0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #00B4DB, #0083B0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
 .uk-block-primary:not(.uk-contrast) {color: #FFF!important;}
 .uk-block-primary .uk-heading-large {color: #FFF!important;}
 .uk-block-primary .uk-button {color: #FFF; border-bottom: 2px solid #FFF;}
 .uk-block-primary .uk-button:hover, .uk-button:focus {color: #FFF;}

/*SECONDARY*/
.uk-block-secondary {background: #e5f2f8; color: #FFF;}

.tm-navbar-sticky .tm-navbar-wrapper, .tm-navbar-sticky .tm-navbar-wrapper-animate {border-width: 0px;}


.uk-grid {font-size: 16px; line-height: 27px;}

.nonprofits .tm-header-offset .tm-block-header + .tm-block-fullheight > .uk-container {height: calc(100vh - 200px)!important;}
.introduction {padding-top: 20px; padding-bottom: 80px;}

.extra-large {font-size: 33px;}
.brands {max-width: 280px; padding-top: 15px; line-height: 40px;}

 .line-height {line-height: 40px;}

/*Approach*/

.optimizing-processes {max-width: 580px; padding-bottom: 60px;}

.approach {padding-top: 30px; padding-bottom: 30px;}
.number {
  position: absolute;
  top: 20%;
  left: 45%;
  font-family: 'Caveat Brush';
  color: rgba(127,193,223,0.4);
  font-size: 240px;
  z-index: -1;
}



/*CONTACTFORM*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {height: auto; width: 100%; border-width: 0 0 2px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {font-family: 'Karla'; text-transform: inherit; letter-spacing: 0; color: #3885bd; font-size: 14px;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: transparent;}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {border-color: #d3e4f0; box-shadow: none;}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {background-color: transparent; border-color: #d3e4f0;}





 /*menu*/
 .uk-navbar-nav > li > a {font-family: 'Karla'; height: 65px; letter-spacing: 0; color: #0c272e; font-size: 13px; padding: 0px; text-transform: inherit; margin: 0 15px;}
 .uk-navbar-nav > li.uk-active > a {color: #0c272e; border-bottom: 1px solid;}
 .uk-navbar {background: #ffffff;}
 .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {color: #000000;}

  /*offcanvas*/
 .uk-nav-offcanvas > li > a {font-family: 'Karla'; font-size: 13px; letter-spacing: 0; color: #939598; text-transform: inherit;}
 .uk-offcanvas-bar-flip::after {box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3); width: 0;}
 html .uk-nav.uk-nav-offcanvas > li.uk-active > a {background: transparent; color: #000000; box-shadow: 0 0 0 rgba(0,0,0,0);}
 .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {background: transparent!important; box-shadow: 0 0 0 rgba(0,0,0,0); color: #000000;}
 .uk-offcanvas-bar {background: #FFF;}

 .uk-navbar-toggle {color: #000000; font-size: 20px;}
 .uk-navbar-toggle:hover {color: #939598;}

/*language switcher*/
 .chzn-container-single .chzn-single {background: #FFF; border: 0; border-radius: 0; box-shadow: 0 0 0 #ffffff inset, 0 0 0 rgba(0, 0, 0, 0.1); width: 80px;}
 .tm-navbar .tm-search .tm-navbar-dropdown, .tm-navbar .tm-more .tm-navbar-dropdown {background: #FFF;}
 .chzn-container-active.chzn-with-drop .chzn-single {background-image: none; border: 0;}
 .chzn-container .chzn-drop {box-shadow: none; border: 0;}

 .mod-languages form{margin-bottom:2px;}
 .mod-languages form .chzn-container{width:auto !important;}
 .chzn-container-single .chzn-single span {color: #000000;}
 .chzn-container .chzn-results {color: #000000;}

/*misc*/


.clocks {width: 140px; padding: 20px 50px 0 0;}
.uk-button {font-family: 'Belleza';  letter-spacing: 0; color: #3885bd; background: transparent; font-size: 15px; padding: 0; text-transform: inherit; border-bottom: 2px solid #d3e4f0;}
.uk-button-link::before, .uk-button-link:hover::before, .uk-button-link:focus::before, .uk-button-link:active::before, .uk-button-link.uk-active::before, .uk-button-link:disabled::before {text-decoration: none;}
.uk-button-link:focus {outline: none;}
.uk-button-link:hover, .uk-button-link:hover:hover, .uk-button-link:focus:hover, .uk-button-link:active:hover, .uk-button-link.uk-active:hover, .uk-button-link:disabled:hover {text-decoration: none;}
.uk-button:hover, .uk-button:focus {color: #d3e4f0; background: transparent;}
.uk-button:active, .uk-button.uk-active {box-shadow: none;}
.btn {font-size: 15px!important; margin-top: 15px!important;}
.contact #tm-top-a .uk-container {max-width: 1500px;}
.uk-panel-box-secondary {background: #FFF; }
.uk-panel-box-primary {
background: #00B4DB;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #00B4DB, #0083B0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #00B4DB, #0083B0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.button-bg-big {background: #0083B0;  /* fallback for old browsers */
color: #FFF;
font-size: 17px;
font-family: 'Belleza';
padding: 15px 20px;
}

.button-bg-big:hover {background: #00B4DB;  /* fallback for old browsers */
box-shadow: 0 0 15px rgba(0,0,0,0.1);
color: #FFF;}

.button-bg-medium {background: #0083B0;  /* fallback for old browsers */
color: #FFF;
font-size: 17px;
font-family: 'Belleza';
padding: 10px 20px;
}

.button-bg-medium:hover {background: #00B4DB;  /* fallback for old browsers */
box-shadow: 0 0 15px rgba(0,0,0,0.1);
color: #FFF;}

.button-bg-white {background: #FFF;  /* fallback for old browsers */
color: #0083B0;
font-size: 17px;
font-family: 'Belleza';
padding: 15px 20px;
}

.button-bg-white:hover {background: #00B4DB;  /* fallback for old browsers */
box-shadow: 0 0 15px rgba(0,0,0,0.1);
color: #00B4DB;}



.team {padding-bottom: 80px!important; margin-top: -120px; margin-left: auto; margin-right: auto; max-width: 700px;}
.test-paragraph {max-width: 500px!important; padding: 50px 0px;}

.paragraph-1 {max-width: 500px!important; padding-left: 15%; padding-top: 60px; padding-bottom: 60px;}
.paragraph-2 {max-width: 500px!important; padding-left: 45%; padding-top: 60px; padding-bottom: 60px;}
.paragraph-3 {max-width: 500px!important; padding-left: 75%; padding-top: 60px; padding-bottom: 60px;}

 .uk-h5 {color: #000;}

#tm-footer {background: #FFF; color: #939598; font-size: 11px;}
.tm-block-footer {padding-top: 20px; padding-bottom: 20px;}

/*links & buttons*/
 a:focus {outline: none;}
#tm-footer a, .uk-link {color: #000000;}
#tm-footer a:hover, .uk-link:hover {color: #939598;}
.tm-footer .tm-totop-scroller::before {color: #000;}
.tm-footer .tm-totop-scroller:focus::before, .tm-footer .tm-totop-scroller:active::before {color: #000;}
.tm-footer .tm-totop-scroller:hover::before {color: #939598;}

a, .uk-link {color: #000;}
a:hover, .uk-link:hover {color: #939598;}
a:hover, a:focus {text-decoration: none;}

#tm-header .uk-container .tm-navbar-center {float: right;}
/*.uk-block-default + .tm-block-footer {border-top: 1px solid rgba(0, 0, 0, 0.05);}*/

::selection {background: #d3e4f0; color: #FFF;}


/*HOME*/

.home #tm-bottom-a .uk-container {max-width: 850px!important;}
.clients {padding-top: 50px;}

.conclusion {max-width: 850px; margin-left: auto; margin-right: auto; padding-top: 60px;}
.special-line-height {line-height: 40px!important;}

.about #tm-top-b .uk-container {padding-bottom: 120px!important;}

.scope #tm-top-b .uk-container {padding-left: 60px!important;}
.scope #tm-bottom-a .uk-container {padding-left: 60px!important; padding-top: 60px;}
.scope #tm-bottom-b .uk-container {padding-left: 60px!important;}
.scope #tm-bottom-c .uk-container {padding-left: 60px!important; padding-right: 60px!important; padding-bottom: 60px;}


.small-width {max-width: 610px; margin-left: auto; margin-right: auto;}

#tm-top-a h3, .uk-h3 {line-height: 40px;}


/*misc*/
.uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary {border-top: 0;}


 /*fonts & title*/
 h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {font-family: 'Karla'; letter-spacing: 0px;}
 h1, h2, h3, h4, h5, h6 {font-family: 'Karla'; letter-spacing: -1.2px; color: #2b3337; font-weight: inherit;}
 h4, .uk-h4 {font-size: 20px;}
 .uk-panel-title {font-weight: 700; color: #2b3337;}

.uk-heading-large {font-size: 30px;}

 [class*="uk-column-"] {column-gap: 55px;}



 /*misc*/
 /*.uk-navbar {margin: 0 80px;}

 .tm-navbar .uk-container {max-width: 100%; padding: 0px 40px;}
 .tm-navbar .tm-search .tm-navbar-button::before, .tm-navbar .tm-more .tm-navbar-button::before {color: rgba(0,0,0,0.35); font-size: 16px;}
 .tm-navbar .tm-search .tm-navbar-button:hover::before, .tm-navbar .tm-more .tm-navbar-button:hover::before {color: #000;}*/


  @media (max-width: 1300px) {
  }


  @media (max-width: 1120px) {

  }


  @media (max-width: 960px) {
	  .dotted-lines {margin-top: 0px;}
    .paragraph-1 {margin-left: auto; margin-right: auto; padding-left: 0; padding-top: 20px; padding-bottom: 20px;}
    .paragraph-2 {margin-left: auto; margin-right: auto; padding-left: 0; padding-top: 20px; padding-bottom: 20px;}
    .paragraph-3 {margin-left: auto; margin-right: auto; padding-left: 0; padding-top: 20px; padding-bottom: 20px;}
		 }


 @media (min-width: 768px) and (max-width: 900px) {
	 }

 @media (max-width: 768px) {
	 .uk-navbar {margin: 0 20px;}
	 .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {padding: 0 0 0 15px;}
	.uk-column-1-2 {column-count: 1;}
  .minutes-content {padding-left: 0; padding-top: auto;; padding-bottom: auto;}

	 }


 @media (max-width: 520px) {
	 .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {padding: 0 0 0 10px;}
	 .uk-navbar {margin: 0;}

   .home #tm-top-a img {max-width:200px;}

	 h4, .uk-h4 {font-size: 20px;}
	 h3, .uk-h3 {font-size: 20px;}
	 .uk-panel-title {font-size: 20px;}
	 .underline::before {bottom: -10px;}
	 .underline {margin: 0 0 30px;}

   .clocks {width: 32%; padding: 20px 10px;}
   .handfont {font-size: 33px;}
   .line-height {line-height: 30px;}
   .uk-heading-large {font-size: 20px;}
   .test-paragraph {max-width: 0; padding: 0;}
   .scope #tm-top-b .uk-container {padding: 0 50px!important; padding-left: 0;}
   .scope #tm-top-b .uk-panel-space {padding: 0px!important;}
   .scope #tm-bottom-a .uk-container {padding-left: 25px!important; padding-top: 0;}
   .number {top: 4%; left: 65%; font-size: 140px;}
	 }

     .formobile{display:none;margin-bottom:10px;padding:0 20px;float:right;}
	 .toprightbutton a {padding:10px 30px; background: transparent; color:#1C4068; border-radius:2px; border: 2px solid #F7BCBA;}
	 .toprightbutton a:hover {padding:10px 30px; background: #1C4068; color:#F7BCBA; border-radius:2px; border: 2px solid #1C4068; transition: ease 0.35s;}
	 .mod-languages {margin-right:10px;}
	 .moblangdev .mod-languages{display: none;}
	 .sefadvance{display: none;}
	 .mod-languages .chzn-container:nth-child(4){display: none;}

	 @media (max-width:500px) {
		/*.topbtn{display:none;}*/
		.mod-languages{display: none;}
		.moblangdev .mod-languages{display: block;}
		.moblangdev .mod-languages .chzn-container{display: none;}
		.tm-footer > div:not(:first-child) {margin-top: 5px;}
		#tm-header select.advancedSelect{display:none;}
		#tm-header select.sefadvance{display:block !important;letter-spacing: 0px; float:right;width:52px;background:none;border:none;color:#2e2e2e;margin-top:10px;}
        #tm-header select.sefadvance{
		    letter-spacing: 0px; float:right;width:40px !important;background:transparent;border:none;color:#2e2e2e;font-family:inherit;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;
			background:url(../darrow.png) no-repeat 0 0 !important; background-position:right center !important;
        }
		.toprightbutton a,.toprightbutton a:hover{padding-left:10px;padding-right:10px;}
		.sefadvance{display: block;}
	 }