/* CSS Document */
html{
	letter-spacing:1px;
}
.text-white{
	color:#FFF;
}
.text-white .el-title{
	color:#FFF;
}
.text-dark-blue{
	color:#002961;
}
.grid__title-dark-blue .el-title{
	color:#002961;
}
.text-up{
	text-transform:uppercase;
}
.grid__title-up .el-title{
	text-transform:uppercase;
}
.grid__content-justify .el-content{
	text-align:justify;
}
.backgroung-muted-2{
	background-color:#f5f8f7;
}
.has-divider {
    position: relative;
}
.section-bottom-violet:after {
    background-image: url(/wp-content/uploads/violet-bottom.svg);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -59px;
    height: 60px;
    background-repeat: repeat-x;
}
.section-top-dark:before {
    background-image: url(/wp-content/uploads/dark-top.svg);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -59px;
    height: 60px;
    background-repeat: repeat-x;
	 transform: rotate(-180deg);
}
.section-top-blue:before {
    background-image: url(/wp-content/uploads/blue-divider.svg);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -59px;
    height: 60px;
    background-repeat: repeat-x;
	 transform: rotate(-180deg);
}
.section-bottom-blue:after {
    background-image: url(/wp-content/uploads/blue-divider.svg);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -59px;
    height: 60px;
    background-repeat: repeat-x;
}
.bg-gradient-blue{
	background: rgb(0,174,229);
	background: -moz-linear-gradient(90deg, rgba(0,174,229,1) 0%, rgba(0,104,137,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,174,229,1) 0%, rgba(0,104,137,1) 100%);
	background: linear-gradient(90deg, rgba(0,174,229,1) 0%, rgba(0,104,137,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aee5",endColorstr="#006889",GradientType=1);
}
/* contact form */
.form-link:hover{
	color:#FFF;
}	
.contact-section{
	background-color:#00aee5!important;
}
.contact-form{
	font-size:23px;
	font-family:inherit;
	font-weight:600;
}

.contact-form br{
	display:none;
}
.contact-form p:last-child{
	text-align:center;
}
.contact-form input[type=text], input[type=email], input[type=tel],textarea{
	width: 100%;
  	padding: 12px 20px;
	display: inline-block;
  	border: 1px solid #ccc;
  	border-radius: 4px;
  	box-sizing: border-box;
	color:#000;
	font-size:16px;
	font-family:inherit;
}
.contact-form input[type=submit]{
	margin-top:15px;
}
.contact-form textarea:focus, input:focus{
    outline: none;
}
.contact-form ::-webkit-input-placeholder { /* Edge */
  font-family:inherit;
	font-weight:300;
}

.contact-form :-ms-input-placeholder { /* Internet Explorer */
  font-family:inherit;
	font-weight:300;
}

.contact-form ::placeholder {
  font-family:inherit;
	font-weight:300;
}
.contact-form__head{
	display:flex;
	margin: -12px 0 0 -12px;
}
.contact-form__head label{
	width:100%;
	margin: 12px 0 0 12px;
}
@media screen and (max-width: 640px){
.contact-form__head{
	flex-wrap:wrap;
}
	.contact-form{
		text-align:center;
}
}
.wpcf7-spinner {
    display: block;
}
.contact-form-gdpr label{
	color:#FFF;
}
.contact-form-gdpr a{
	color:#FFF;
	text-decoration:underline;
}
.uk-button-secondary:disabled{
    color:#1b2831
}
.contact-form .popisek{
	color:#FFF;
	margin:0px;
	font-size:16px;
	display:block;
}
/* work-steps */
.work-steps ul.infoGraphic {
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.work-steps ul{  
	list-style-type: none;
	}
.work-steps ul.infoGraphic li {
    position: relative;
    width: 100%;
    max-width: 20em;
    background: #f5f8f7;
    border-radius: 0.5em;
    padding: 0.5em;
    z-index: 1;
    transition: all 0.2s;
}    
.work-steps ul.infoGraphic li .numberWrap {
      position: absolute;
}
.work-steps ul.infoGraphic li .number {
      font-family: "maven pro", sans-serif;
      font-size: 10em;
      font-weight: 900;
      width: 0.9em;
      text-align: center;
}
.work-steps .fontColor1 {
        color:#002961;
      }
.work-steps .fontColor2 {
        color: #394D8B;
      }
.work-steps .fontColor3 {
        color: #6575B7;
      }
.work-steps .fontColor4 {
        color: #929FE5;
      }
.work-steps .fontColor5 {
        color: #C0CCFF;
      }
.work-steps .fontColor6 {
        color: #e67e22;
      }
.work-steps ul.infoGraphic li .coverWrap {
      transform: rotate(130deg);
      position: absolute;
      width: 18em;
      height: 15em;
      left: -3em;
      top: -1em;
}
.work-steps ul.infoGraphic li .coverWrap .numberCover {
        position: absolute;
        background: #f5f8f7;
        width: 18em;
        height: 6em;
        border-radius: 50% 50% 0 0;
        border-bottom: 3px solid #f5f8f7;
        transition: all 0.4s;
}
        .numberCover::before {
          position: absolute;
          content: "";
          bottom: 5px;
          left: 4em;
          right: 4em;
          top: 5em;
          box-shadow: 0 0 30px 17px #48668577;
          border-radius: 100px / 10px;
          z-index: -1;
        }
        .numberCover::after {
          position: absolute;
          bottom: 0;
          content: "";
          left: -10%;
          width: 120%;
          height: 150%;
          background: radial-gradient(at bottom,#48668533,transparent,transparent);
          z-index: 1;
        }
.work-steps .content {
      margin: 8em 3em 1em 7em;
      position: relative;
	}
.work-steps .content h2 {
        font-size: 1.7em;
        font-weight: 500;
        text-align: center;
        margin-bottom: 5px;
		margin-top:15px;
        text-transform: uppercase;
      }
.work-steps .content p {
        line-height: 1.5em;
      }

.work-steps ul.infoGraphic li:hover .coverWrap .numberCover {
  border-radius: 100%;
}
.work-steps .icon {
  position: absolute;
  font-size: 2rem;
  text-align: center;
  top: -1.7em;
  left: 50%;
  transform: translatex(-50%);
}
.icon:before {
    color: #666;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
  }
.iconCodepen:before {
	content:' ';
    background:url('/wp-content/uploads/1-1.svg');
	background-repeat: no-repeat, repeat;
	background-position: center center; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
	display: block;
  }
.iconSocial:before {
	content:' ';
    background:url('/wp-content/uploads/2-1.svg');
	background-repeat: no-repeat, repeat;
	background-position: center center; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
	display: block;
  }

.iconAirplane:before {
	content:' ';
    background:url('/wp-content/uploads/location.svg');
	background-repeat: no-repeat, repeat;
	background-position: center center; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
	display: block;
  }

.iconMap:before {
	content:' ';
    background:url('/wp-content/uploads/kalkulace.svg');
	background-repeat: no-repeat, repeat;
	background-position: center center; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
	display: block;
  }

.iconBulb:before {
	content:' ';
    background:url('/wp-content/uploads/realizace.svg');
	background-repeat: no-repeat, repeat;
	background-position: center center; 
	background-size: 50px 50px;
	width:50px;
	height:50px;
	display: block;
  }

.iconPeace {
  &:before {
    content: "\f25b";
  }
}

.tm-box-decoration-secondary::before{
	background-color: #FFF!important; 
    border: 15px solid #1b2831!important;
	transform: translate(30px,-30px)!important;
}
.grid-button-same .el-item  {
display: flex!important;
flex-direction: column;
}
.grid-button-same .el-content {
flex-grow: 1;
}