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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.uk-overlay-panel h4, .uk-overlay-panel h2 {
  padding:0;
  margin:0;
  font-weight:900;
  letter-spacing:2px;
}

.uk-overlay-panel h2 {
  font-size:60px;
}

.uk-overlay-panel h4 {
  font-size:30px;
  padding:10px 0;
}

.uk-overlay-panel a {
  padding: 10px;
  border:2px solid #FFF;
  text-decoration:none;
  margin-top:10px;
  display:inline-block;
}

.uk-overlay-panel a:hover {
  background:#FFF;
  color: #DEBEC3;
}

.uk-modal {
  background: rgba(0,0,0,0.9);
}

/* Header CSS */

.tm-headerbar {
  margin-top: 50px;
}

/* Top A - D CSS */

.welcomeText {
  padding: 40px 0;
  text-align: center;
}

/* Main Content CSS */

.uk-article {
  margin-bottom: 50px;
}

.process1, .process2 {
  width: 100%;
  float: left;
}

.process2 {
  margin: 40px 0;
}

.process1 img {
  float: right;
  width: 400px;
  margin-left: 10px;
  margin-bottom: 10px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}

.process2 img {
  float: left;
  width: 400px;
  margin-right: 20px;
  margin-bottom: 10px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}


/* Bottom A - D CSS */

.tm-bottom-c {
  margin-bottom: 50px;
}

/* Sidebar CSS */

aside.tm-sidebar-a.uk-width-medium-2-5 {
  margin-top: 70px;
}

.contactSide {
  border-left: 1px solid #CCC;
  padding-left: 20px;
}

.contactSide strong {
  color: #74c1ca;
}

/* Footer CSS */

#tm-footer {
  margin-top: 0;
  padding: 40px 0;
}

/* Font and Image CSS */

h3 {
  color: #74c1ca;
}

.imgResponsive {
  float: right;
  width: 550px;
  margin-left: 10px;
  margin-bottom: 10px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}

/* Responsive CSS */

@media (min-width:960px) {
  .smallLogo {
    width: 45px;
  }
  
  .largeLogo {
    display: none;
  }
}

@media (max-width: 959px) {
  .smallLogo {
    display: none;
  }
  
  .largeLogo {
    display: block;
    width: 70%;
    float: right;
    margin-right: 4%;
  }
  
  .uk-sticky-placeholder {
    height: auto !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  
  .tm-navbar {
    margin: 20px 0;
  }
  
  aside.tm-sidebar-a.uk-width-medium-2-5 {
    margin-top: 0;
  }
  
  .imgResponsive {
    width: 400px;
  }
}

@media (max-width:768px) {
  .imgResponsive, .process1 img, .process2 img {
    width:100%;
  }
}

@media (max-width:767px) {
  .uk-overlay-panel h2 {
    font-size:40px;
    line-height:44px;
  }
}