/* MOBILE */

.desktop { display: none !important }

:root { 
	
	/* main scheme color */
	--pri      :#332CA2;
	--pri-dark :#251F87;
	
	--sec      :#00B4FF;
	--sec-dark :#0098d9;
	
	--ter      :#ffd000;
	--ter-dark :#ff9a00;
		
	/* grayscale */
	--gray0:   #FBFBFC;
	--gray1:   #F4F6F7;	
	--gray2:   #EAECEF;
	--gray3:   #C5C9D3;
	--gray4:   #798ba5;
	--gray5:   #586A83;
	--gray99:  #4C5071;
	--gray100: #3D405E;

}
.color { color: #00B4FF }


.mobilemenu { display: none }
.mobilemenu.active { display: block }
.mobilemenu div ul.nav li a { color: var(--sec) !important }
.mobilemenu div ul.nav li:hover a { color: var(--ter) !important}


body { background: #fff; position: relative; font-size: 12px; line-height: 14px; color: var(--gray99);v }

header { }
header nav a { color:var(--pri); padding: 0 5px  }

main { }


footer { padding-bottom: 35px; position: relative; background:#fff }
footer.container-body { z-index: 0 }
footer .container-inner:before, footer .container-inner:after { display: none; z-index: 0 }
footer .container-inner { box-shadow: 0px 5px 20px 1px #dfdfdf; border-radius: 15px; padding-top: 25px }
ul.nav { font-weight: 200; margin: 0; padding:0; list-style-type: none }
ul.nav li { padding: 5px 0; font-weight: 600 !important }
ul.nav li a { color: var(--pri-dark)}
.social-icon { height: 25px; margin-right:10px }

/*footer .container-inner { box-shadow: 0px 5px 75px 1px #dbdbdb; border-radius: 15px; padding-top: 25px }*/

space {display: block; width: 100%; min-height: 1px }
space.large { height: 100px }
space.mid { height: 50px }
space.px20 { height: 20px }
space.px30 { height: 30px }
space.px40 { height: 40px }

.container-body {
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 999;
  padding:0 5px;
  box-sizing: border-box
  
}

.container-inner {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box  
}
.container-inner:before,.container-inner:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  width: 15px;
}
.container-inner:before {
  box-shadow: -40px 0 55px -75px black inset;
  left: -15px;
}
.container-inner:after {
  box-shadow:-40px 0 55px -75px black inset;
  right: -15px;
  transform: rotate(180deg);
}
.container-inner.footer-shrink { margin-bottom: -25px }


.bumper {
	max-width: 950px; margin: 0 auto; padding: 0 25px
}


/* align */
.a-l { text-align: left }
.a-c { text-align: center }
.a-r { text-align: right }


/* text */
.upper { text-transform: uppercase }
.underline { text-decoration: underline}
.spaced { letter-spacing: 2px }
.bold { font-weight: 800 }


/* headers */
h1, h2, h3, h4 { margin: 0 0 7px 0; padding: 0; /*color:var(--gray99)*/ }
h1, h2 { font-weight: 200 }
h1 b, h2 b, h3 b { font-weight: 800 !important }
h3, h4 { font-weight: 600 }
h1 { font-size: 25px; line-height: 30px }
h2 { font-size: 20px; line-height: 25px }
h3 { font-size: 18px; line-height: 20px }
h4 { font-size: 12px; line-height: 16px }

/* font sizes */
.f-0,.f0 { font-size: 0; line-height: 0 }
.f-1 { font-size: 10px; line-height: 12px }
.f-2 { font-size: 12px; line-height: 16px }
p, .f-3, .fs { font-size: 14px; line-height: 20px }
.f-4 { font-size: 14px; line-height: 22px }
.f-5 { font-size: 14px; line-height: 16px }
.f-m-5 { font-size: 18px !important; line-height: 24px !important}
.f-6 { font-size: 20px; line-height: 25px }
.f-9 { font-size: 25px; line-height: 30px }

.lh-30 { line-height: 30px }

/* paddings */
p.nopad { padding:0px 0px !important; margin:0px }
.pad-0, .pad-m-0  { padding: 0px !important }
.pad-5  { padding: 5px }
.pad-10, .pad-m-10 { padding: 10px !important }
.pad-m-10 { padding: 10px !important }
.pad-15 { padding: 15px }
.pad-20 { padding: 20px }
.pad-30 { padding: 30px }

.pad-5-0  { padding-top: 5px; padding-bottom: 5px }
.pad-5-10  { padding: 5px 10px }
.pad-5-15  { padding: 5px 18px }
.pad-10-0, .pad-m-10-0 { padding-top: 10px !important; padding-bottom: 10px !important }
.pad-10-20{ padding:10px 20px }
.pad-15-0 { padding-top: 15px; padding-bottom: 15px }
.pad-20-0 { padding-top: 20px; padding-bottom: 20px }
.pad-20-40 { padding: 20px 40px }
.pad-30-0 { padding-top: 30px; padding-bottom: 30px }
.pad-0-15 { padding:0 15px }


/* margins */
.mg-0     { margin: 0px !important }
.mg-5     { margin: 5px !important }
.mg-5-0   { margin: 5px 0 !important }
.mg-10-0  { margin: 10px 0 !important }


/* line */
.lh-30 { line-height: 30px}

/* borders */
.bd-r { border-right: 0px solid var(--gray2) !important; border-top-right-radius: 0px; border-bottom-right-radius: 0px }
.bd-b-0 { border-bottom-right-radius:0 !important; border-bottom-left-radius: 0 !important}
.bd-4 { border: 1px solid var(--gray2) !important; }


/* radius */
.rad-3 { border-radius: 3px }
.rad-5 { border-radius: 5px }
.rad-10{ border-radius: 10px }
.rad-100{ border-radius: 100px }


/* color schemes based on background */
.bg-none  { background: transparent }
.bg-none .container-inner:before, .bg-none .container-inner:after { display: none }

/* -- vertical blocks -- */
.bg-white { background: #FFF; var(--gray5) }
.bg-light { background: var(--gray0); color: var(--gray99) }
.bg-semi  { background: var(--gray2); color: var(--gray99) }
.bg-dark  { background:var(--pri-dark); color: #fff }
.bg-dark > .container-inner { background:var(--pri) }



/* -- background -- */
.bg-white { background:#fff }
.bg-pri { background:var(--pri) }
.bg-pri-dark { background:var(--pri-dark) }	
.bg-sec { background:var(--sec) }
.bg-sec-dark { background:var(--sec-dark) }	
.bg-ter { background:var(--ter) }
.bg-ter-dark { background:var(--ter-dark) }	
.bg-g1   { background: var(--gray1) }
.bg-g2   { background: var(--gray2) }
.bg-g3   { background: var(--gray3) }
.bg-g4   { background: var(--gray4) }
.bg-g5   { background: var(--gray5) }
.bg-g99  { background: var(--gray99) }
.bg-g100 { background: var(--gray100) }


/* text colors */
.tc-white { color: #fff }
.tc-pri { color:var(--pri) }
.tc-pri-dark { color:var(--pri-dark) }	
.tc-sec { color:var(--sec) }
.tc-sec-dark { color:var(--sec-dark) }	
.tc-ter { color:var(--ter) }
.tc-ter-dark { color:var(--ter-dark) }	
.tc-g1   { color: var(--gray1) }
.tc-g2   { color: var(--gray2) }
.tc-g3   { color: var(--gray3) }
.tc-g4   { color: var(--gray4) }
.tc-g5   { color: var(--gray5) }
.tc-g99  { color: var(--gray99) }
.tc-g100 { color: var(--gray100) }		


/* hr */
hr.line { height: 0px; border:0; border-top:1px solid #fff; margin:0 }
hr.line.v-margin { margin: 15px 0 }
hr.light{ border-color: var(--gray2) }
hr.semi { border-color: var(--sec) }
hr.dark { border-color: var(--pri) }


/* shadow */
.shw-light { box-shadow: 0px 10px 25px -10px rgba(0, 0, 0, 0.2); }
.shw-light-white { box-shadow: 0px 5px 25px -10px rgba(193, 225, 255, 0.5); }
.shw-blur { box-shadow: 0px 5px 35px 1px rgba(0, 0, 0, 0.3); }
.shw-semi { box-shadow: 0px 5px 25px 1px var(--gray5); }
.shw-hard-light { box-shadow: 6px 6px 0px 0px var(--gray1); border: 1px solid var(--gray1) }
.shw-hard-gray  { box-shadow: 6px 6px 0px 0px var(--gray3); border: 1px solid var(--gray3) }
.shw-hard-dark  { box-shadow: 6px 6px 0px 0px var(--gray100); border: 1px solid var(--gray100) }
.shw-default { box-shadow: 0 0.16rem 0.36rem 0 rgba(0, 0, 0, 0.13), 0 0.03rem 0.09rem 0 rgba(0, 0, 0, 0.11) }


/* typo */
.typo-separator,.typo-separator-bullet, .typo-separator-square { display: block; width: 100%; height:0px; margin-bottom: 25px }
.typo-separator:after {  content: " ";display: block;width: 30px;height: 3px;background: var(--sec); }
.typo-separator-bullet:after {  content: " ";display: block;width: 10px;height: 10px;background: var(--sec); border-radius: 10px }
.typo-separator-square:after {  content: " ";display: block;width: 10px;height: 10px;background: var(--sec);  }

.typo-bullet { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin-bottom: 3px; border-radius: 10px; background: var(--sec) }
.typo-square { display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: var(--sec) }


/* button */
.btn { display: inline-block }
button.btn {border:none }


/* blog */
input.blog-search { padding: 8px 10px; border-radius: 3px; border: none; width: 80%; margin: 10px 0 }
.blog-btn { padding: 8px 10px; border-radius: 3px; border: none; margin: 10px 0 }
.label-theme { padding: 0 10px }
a.label-tag {  } 


/* ---------------------------------------------------------------------- */

/* home */
.hp-claim { padding:50px 0 50px 0 }
.hp-3blocks { margin-top:10px; z-index: 9999; padding-bottom: 35px }




.face-circle { position: relative; width: 100px; height: 100px; border-radius: 100%; background: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover }
.face-circle.face-1 { background-image: url(../img/face/mc.jpg); border: 1px solid var(--gray3) }
.face-circle.face-2 { background-image: url(../img/face/rp.jpg); border: 1px solid var(--gray3) }
.face-circle.face-3 { background-image: url(../img/face/pc.jpg); border: 1px solid var(--gray3) }
.face-circle.face-4 { background-image: url(../img/face/FS.jpg); border: 1px solid var(--gray3) }
.face-circle.face-5 { background-image: url(../img/face/MK.jpg); border: 1px solid var(--gray3) }
.face-circle.face-6 { background-image: url(../img/face/am.jpg); border: 1px solid var(--gray3) }
.face-circle.face-mh { background-image: url(../img/face/martin-halama.jpg); border: 1px solid var(--gray3) }

.testimonial { position: absolute; left: 0px; top:0px; width: 100%; opacity: 0; transition: .6s ease-in-out opacity }
.testimonial.active { opacity:1 }
.testimonials { position: relative }
.testimonial:first-child { position: relative }
.testimonial-bullet.active { background:#fff}
.testimonial-bullet { border: 5px solid var(--pri); cursor: pointer; }

.vendor img { max-width: 30px }

.reference img { height: 20px; padding: 10px 4px }
.reference-agency img { height: 30px; padding: 8px }


.blob {
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	margin: 15px;
	height: 15px;
	width: 15x;
	transform: scale(1);
}
.blob i.mic { margin-bottom: 4px; color:rgba(52, 172, 224, 1); display: inline-block; line-height:19px }


.blob.blue {
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: pulse-blue 1.5s infinite;
}

@keyframes pulse-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}