/**
 * IKAN template
 *
 * @description IKAN template default css
 *
 * @author IKAN Development
 * @copyright IKAN Development
 *
 * @version 1.0
 * @date 10-01-2019
 * @lastmodified 10-01-2019
 *
 * @notes Supports IE8, to IE12, Firefox, Chrome, Edge
 */

/*___________________________________________________*/

/**
 * Body global styles
 *
 * @section Body
 * @notes 
 * @font sizes: Open Sans 300(light), 400(regular), 600(semibold, 700(bold);
 */ 

html, 
body {
    margin: 0; 
    padding: 0;
    font-size: 100%;    
    vertical-align: baseline;    
    font-family: 'Open Sans', sans-serif !important;    
    height: 100%; /* Sticky footer */    
}

body {
  background-color: #ffffff;
  /* Sticky footer */
  display: flex;
  flex-direction: column;  
}

header {
	padding-top: 20px;
  padding-bottom: 15px;
  background-color: #ffffff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast; /* Chrome, Safari, Opera */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
}

h1 {
    font-size: 1.7em;
    line-height: 1.2em;
    font-family: 'Open Sans', sans-serif;
}

h2 {
    font-size: 24.5px;
    line-height: 29.4px;
    margin: 10px 0
}

a {
  color: #1cabd0;
}

a:hover, a:focus {
  color: #29a1c8;
  text-decoration: none;
}

a[itemprop="telephone"] {
   color: #555;
}



/*___________________________________________________*/

/**
 * Basic styles
 *
 * @section basic
 * @notes 
 */ 

.bold {
  font-weight: 700 !important;
}

.extrabold {
  font-weight: 800 !important;
}


.italic {
  font-style: italic;
}

.semibold {
  font-weight: 600;
}

/* Sticky footer */
.wrapper { 
  flex: 1 0 auto;    
}



/*___________________________________________________*/

/**
 * Basic styles
 *
 * @section basic
 * @notes 
 */ 

.c-pane {
  box-sizing: border-box;
}

.c-pane--top {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 1em;
  color: #ffffff;
  background: #394a9e; /* Old browsers */
  background: linear-gradient(150deg, rgb(56, 74, 156) 40%, rgb(28, 147, 197) 160%);
}

.c-pane__header-hero-image {
}

.c-pane__header-logo {
  display: block;
  margin-bottom: 12px;
}

.c-pane__header-title {
  max-width: 16em;
  margin: 0;
  font-size: 44px;
  font-weight: 300;
  margin-bottom: 12px; 
}


.c-pane__header-cta {
  background-image: none;
  background-color: #0d1037;
  width: auto !important;
  text-shadow: none;
  box-shadow: none;
  color: #ffffff;
  border: none;
}
.c-pane__header-cta:hover {
  background-color: #0d1037;
  color: #ffffff;
}

.c-pane__header-down-arrow {
  position: absolute;
  bottom: 148px;
  left: calc(50% - 36px);  
}



.c-pane__top-child {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.c-pane__top-child:nth-child(2) {
  padding-left: 35px;
}



.c-pane--middle {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: top;  
}

.c-pane__child-one-third {
  flex-grow: 1;
  min-height: 200px;
}

.c-pane__child-one-third:nth-child(1) {
  flex-basis: 400px;
}
.c-pane__child-one-third:nth-child(2) {
  flex-basis: 400px;
}
.c-pane__child-one-third:nth-child(3) {
  flex-basis: 400px;
}


.c-adres-entry {
  padding: 40px;
  font-size: 1em; 
  line-height: 1.25;
}

.c-adres-entry__heading {
  font-weight: 600;
}



.c-contact-form {
  margin: 140px 0px;
  box-sizing: border-box;
  color: #2d2d2c;
}

.c-contact-form input,
.c-contact-form textarea,
.c-contact-form .btn {
  width: 100%;
}

.c-contact-form textarea {
  height: 200px;
  padding-top: 20px;
}

.c-contact-form .form-group {
  margin-bottom: 20px;
}

.c-contact-form-header {
  font-size: 44px;
  font-weight: 300;
  margin-bottom: 40px;
}

.c-contact-form-button {
  background-image: none;
  background-color: #394a9e;
  width: auto !important;
  text-shadow: none;
  box-shadow: none;
  color: #ffffff;
  border: none;
  white-space: nowrap;  
}
.c-contact-form-button:hover {
  background-color: #394a9e;
  color: #ffffff;
}



/* Sticky footer */
footer {
  flex-shrink: 0;  
  color: #7f8f94;
}

.c-footer { 
  margin-top: 2em;
  padding-bottom: 2em;
  font-size: 0.9em;
}

.c-footer__links li { 
  float: left;
  margin:;
}

.c-footer__links .divider { 
  margin: 0 6px;
}



/*___________________________________________________*/

/**
 * Themes and colors
 *
 * @section Themes and colors
 * @notes 
 */ 

.c-pane__theme-one {
  background-color: #f8f8f9;
  color: #2d2d2c;
  font-size: 18px;
}

.c-pane__theme-two {
  background-color: #f8f8f9;
  color: #2d2d2c;
  font-size: 18px;
}



/*___________________________________________________*/

/**
 * Animation
 *
 * @section Animation
 * @notes Generated on http://animista.net
 */ 

.slide-bottom {
  -webkit-animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s 3 both;
          animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s 3 both;
}
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}



/*___________________________________________________*/

/**
 * No flexbox (Modernizr)
 *
 * @section No flexbox
 * @notes 
 */ 
.c-legacy-pane {
  display: block;
}
.c-legacy-pane--top {
  position: relative;
  display: block
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 1em;
  color: white;
  background-size: cover;
  background: #394a9e; /* Old browsers */
  background: linear-gradient(150deg, rgb(56, 74, 156) 40%, rgb(28, 147, 197) 160%); 
  text-align: center;
  padding-top: 25vh;
}

.c-legacy-pane__top-child {
  display: inline-block;
}
.c-legacy-pane__top-child:nth-child(2) {
  text-align: left;
}

.c-legacy-pane--middle {
  background-color: #f8f8f9;
}

.c-legacy-pane__child-one-third {
  min-height: 200px; 
  width: 33%;
  display: inline-block;
  color: #2d2d2c;
  font-size: 18px;  
  vertical-align: top;
}



/*___________________________________________________*/

/**
 * gmaps.js styles
 *
 * @section gmaps styles
 * @notes 
 */ 
#map{
  display: block;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

#map.large{
  height: 440px;
}

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:60px;
  line-height:80px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #555;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #336699;
}



/**
 * Utility classes
 *
 * @section All
 * @notes
 */ 
.u-hidden-at-980 {
}

.u-visible-at-980 {
  display: none;
}






/**
 * max-width: 1380px
 *
 * @section All
 * @notes Specifically for unslider testimonials  
 */   
@media (max-width:1380px) {

.c-pane__child-one-third:nth-child(1) {
  background-color: #ffffff;
  flex-basis: 100vw;
}

}


/**
 * max-width: 1200px
 *
 * @section All
 * @notes Overrides (bootstrap-responsive.min.css)  
 */   
@media (max-width:1200px) {
}


/**
 * max-width: 980px
 *
 * @section All
 * @notes Specifically for toolchain navtabs  
 */   
@media (max-width:980px) {

.u-hidden-at-980 {
  display: none;
}

.u-visible-at-980 {
  display: inline;
}

.c-pane--top {
  position: relative;
  display: block
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 1em;
  color: white;
  background-size: cover;
  background: #394a9e; /* Old browsers */
  background: linear-gradient(150deg, rgb(56, 74, 156) 40%, rgb(28, 147, 197) 160%); 
  text-align: center;
  /*padding-top: 25vh; IE ??? */
}

/*.c-pane--top::before {
  /content: url(../../../images/ikan/single-background-250-thin.svg);
  position: absolute !important;
  z-index: 0;
  opacity: 0.20;  
  width: 100%;
  height: 100%;
  top: 25px;
}*/

.c-pane__top-child {
  z-index: 1; 
}

.c-pane__top-child:nth-child(1)  {
  display: none;
}

.c-pane__child-one-third:nth-child(1) {
  min-height: 400px;
}

.c-pane__header-logo {
  display: inline-block;
}

.c-pane__header-title {
  font-size: 52px;
}

}


/**
 * max-width: 992px
 *
 * @section All
 * @notes Overrides (bootstrap-responsive.min.css)  
 */   
@media (max-width:992px) {
}


/**
 * max-width:767px
 *
 * @section All
 * @notes Overrides (bootstrap-responsive.min.css)  
 */ 
@media (max-width:767px) {
.c-pane {
  margin-left: -20px;
  margin-right: -20px;
}

.c-contact-form {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

}

/**
 * max-width:510px
 *
 * @section All
 * @notes Specifically for toolchain navtabs  
 */ 
@media (max-width:510px) {
}


/**
 * max-width:480px
 *
 * @section All
 * @notes Overrides (bootstrap-responsive.min.css)  
 */ 
@media (max-width:480px) {
}


/**
 * max-width:375px
 *
 * @section All
 * @notes Overrides (bootstrap-responsive.min.css)  
 */ 
@media (max-width:375px) {
}


/**
 * Print
 *
 * @section All
 * @notes Overrides (bootstrap-responsive.min.css)  
 */ 
@media print
{
.footer {display:none;}
}