/* helpers */
.vertical-center-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



/* margins and paddings */
.margin-top-25 {
 margin-top: 25px;
}
.margin-top-50 {
 margin-top: 50px;
}
.margin-top-100 {
 margin-top: 100px;
}
.margin-bottom-50 {
 margin-bottom: 50px;
}
.margin-bottom-100 {
 margin-bottom: 100px;
}
.padding-top-15 {
  padding-top: 25px;
}

/* 
 * helpers 
 * end
 */

/* fixes */
/* center navigation links on big screens*/
@media (min-width: 768px){
    .navbar-nav{
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        float: none;
    }
}

/* center navigation links on small screens*/
@media (max-width: 767px) {
  #navbar ul li {
    text-align: center;
  }
}

.btn {
  border: 0px solid transparent;
}

/* backgrouds*/
.se-bg-white-alpha {
  background-color: rgba(230, 230, 230, 0.6);
}

/* typed.js */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 1.3s infinite;
    -moz-animation: blink 1.3s infinite;
    animation: blink 1.3s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/* typed.js end */

/* fullpage */
.fp-controlArrow.fp-prev {
    border-color: transparent rgba(230, 230, 230, 0.8) transparent transparent;
}
.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent rgba(230, 230, 230, 0.8);
}

body {
  background: url('../images/gr5.jpg') no-repeat   center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/* buttons */

/* contact plus languages */
#se-fixed-side-links {
  position: absolute;
  left: 0;
  top: 18%;
  width: 32px;
  height: 96px;
  z-index: 10050;
  color: blue;
}
#se-fixed-side-links a {
  width: 32px;
  height: 32px;
}
#se-fixed-side-links a img {
  width: 32px;
  background-color: #2d5061;
}

@media (min-width: 768px) {
  #se-fixed-side-links {
    width: 48px;
    height: 144px;
  }
  #se-fixed-side-links a {
    width: 48px;
    height: 48px;
  }
  #se-fixed-side-links a img {
    width: 48px;
  }
}

@media (min-width: 992px) {
  #se-fixed-side-links {
    width: 48px;
    height: 144px;
  }
  #se-fixed-side-links a {
    width: 48px;
    height: 48px;
  }
  #se-fixed-side-links a img {
    width: 48px;
  }
}
@media (min-width: 1200px) {
  #se-fixed-side-links {
    width: 48px;
    height: 144px;
  }
  #se-fixed-side-links a {
    width: 48px;
    height: 48px;
  }
  #se-fixed-side-links a img {
    width: 48px;
  }
}

#se-fixed-side-links a:hover {
  opacity: 0.8;
}

#se-jump-to-section3 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 50px;
  z-index: 50;
  background-color: transparent;
}
#se-button-go-to-section1,
#se-button-go-to-section2,
#se-button-go-to-section3,
#se-button-jump-to-section3 {
  /* hidden becuase we want to animate them in */
  visibility: hidden;
}
#se-go-to-section1, #se-go-to-section2, #se-go-to-section3 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 25px;
  z-index: 50;
  background-color: transparent;
}

.buble-arrow-bottom:after {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #2d5061 transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -15px;
bottom: -15px;
left: 50%;
}

.buble-arrow-bottom:hover:after {
  border-color: #1d333f transparent;
}

/* buttons end */

/* form */

textarea {
   resize: none;
}


