/* ALKALMAZAS STYLES */
@font-face {
   font-family: 'Mentone';
   src: url('/fonts/mentone-semibol.otf');
}

h1, p{
  font-family: 'Open Sans', sans-serif;
}

h2, h3{
  font-family: 'Mentone', serif;
}

h3{
  letter-spacing: 0px !important;
}

#velemjaro-user #header #logo img{
  max-width: none !important;
  max-height: none !important;
  height:auto !important;
  width: calc(100%/1.2) !important;
  margin: 0 auto !important;
  z-index: 0 !important;
}

#velemjaro-user #header #primary-menu{
  z-index: 1 !important
}

.velemjaro_big_logo{
  display:none;
}

.clearfix{
  clear:both;
}

.color1{
  background-color: white;
}

.color2{
  background-color: rgb(250, 250, 250);
}

.color_background{
  opacity: .85;
  filter:brightness(100%);
  //width:calc(100% + 200px);
  position:absolute;
  z-index: 0;
  height:500px;
  float:left;
  left:0;
  right:0;
  margin-top: -50px !important;
}

#header #primary-menu > ul > li > a{
  color:#fff !important;
  text-shadow: 0 0 3px #000 !important;
  transition: .2s ease;
}

#header #primary-menu > ul > li > a > div:hover{
  transition: .2s ease;
}

.sub-menu > ul{
  background-color: rgba(0,0,0,.3) !important;
  border:0px !important;
  color:#fff !important;
  border-top: 2px solid #1ABC9C !important;
}

.sub-menu > ul > li > a > div{
  color:#fff !important;
}

.sub-menu > ul > li > a > div:hover{
  color:teal !important;
}

#header #primary-menu > ul > li > a > div:hover{
  color:teal !important;
  text-shadow: none;
}

#velemjaro-user #header.full-header{
  border-bottom:0px;
  background-color: transparent;
  box-shadow: none;
  position: absolute !important;
}

#velemjaro-user #header.sticky-header #header-wrap{
  position:absolute !important;
  border-bottom:0px;
  background-color: transparent;
  box-shadow: none;
}

@media (max-width: 991px){
    nav > ul{
      background-color: #333 !important;
    }

    #primary-menu ul ul li{
      border-top: 0px !important;
    }

    .sub-menu > ul{
      padding-left: 0 !important;
    }

    #primary-menu-trigger > i{
      color:#fff !important;
    }
}

@media (min-width: 992px){


  .velemjaro_big_logo{
    display:block;
    margin-bottom: 30px;
  }


  #logo{
    display: none !important;
  }
}

.hero-action-link{
  display: inline-block;
  margin-left: 4px;
  margin-top: 16px;
  color:#fff !important;
  font-size: 20px;
  float:left !important;
  transition: .2s ease;
  margin-bottom: 8px !important;
}

.hero-action-link:hover{
  color:teal !important;
}

#social_box{
  clear:both;
  margin:0 auto !important;
  margin-bottom: 30px !important;
  //width:50%;
  text-align: center;
  float:none !important;
}

.customsocial_icon{
  float:none;
  display:inline-block;
  color:#fff;
  background-color: #222 !important;
  border-radius: 0px;
  margin:0 !important;
}

.owl-dot span{
  background-color: #666 !important;
  opacity: 1 !important;
}

.active span{
  background-color: #222 !important;
  opacity: 1 !important;
}

.lead{
  font-size: 22px !important;
}


#social_box .social-icon:first-child{
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

#social_box .social-icon:last-child{
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.custombutton:hover{
  background-color: teal !important;
}

.custombutton{
  height:auto !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  background-color: #000 !important;
  border-radius: 7px !important;
  border:2px solid !important;
  border-color: teal !important;
  float:left !important;
  transition: .4s ease !important;
}

.customsocial_placing{
  margin-top: 5px !important;
  border-radius:7px !important;
  margin-right: 2px !important;
}

.customsocial{
  border:2px solid;
  border-color: teal;
  margin-top: 5px !important;
  border-radius: 7px !important;
  margin-right:2px !important;
  background-color: black !important;
  float:left !important;
  display:inline-block !important;
}

.google_image_button:hover{
  filter:invert();
}

.google_image_button{
  transition: .5s ease;
  float:none !important;
}


#slider{
  background: transparent url('/img/assets/texturetastic_gray.png') repeat center top;
}

@media (max-width: 767px) {
  #slider{
    padding-top: 102px !important;
  }
}

@media (min-width: 992px){
  .padding_left{
    padding-left: 0 !important;
  }

  .padding_right{
    padding-right: 0 !important;
  }
}

 .google_logo{
   height:30px;
   width:30px;
   margin-top: 5px;
   float:left;
   margin-right: 4px;
   background-image: url('/img/logo/google-logo-small.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   display:inline-block;
 }


 .google_logo_big{
   margin-bottom: 10px;
   cursor: pointer;
   padding-left:0 !important;
   float:none !important;
 }

 .headertextshadow{
   color:#fff;
   text-shadow: 0 0 3px #000;
 }

 .headertextshadow span{
  text-shadow: none;
  font-size: 48px;
 }

 h2{
   color:#fff !important;
   letter-spacing:0px !important;
   line-height: 1 !important;
 }

 .h2-alkalmazas-title{
  font-size: 48px !important;
  color:black !important;
  letter-spacing:0px !important;
  line-height: 1 !important;
}

.content-wrap{
  //background-color: rgba(255,255,255,.4);
  padding:0;
}

.before-heading{
  color:teal;
}

.owl-item .oc-item{
  opacity:0.35;
}

.owl-item.active.center .oc-item{
  opacity: 1;
}

.line{
  border-top-color: #000;
}

p{
  line-height: 1.3 !important;
  color:#222 !important;
}

.dottedmenu{
  position:fixed;
  float:left;
  right:10px;
  top:35%;
  list-style: none;
  width:15px;
  align-content: center;
  align-items: center;
  z-index: 10;
}

.dottedmenu a{
  height:10px;
  width:10px;
  margin-bottom: 5px;
  border-radius: 100%;
  background-color: #222;
  margin-left:3px;
  margin-right:3px;
  display: block;
}

.dottedmenu a.active{
  height:16px;
  width:16px;
  margin-left: 0;
  margin-right: 0;
  background-color: teal;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{
  background-color: teal;
}

.slidpic_1, .slidpic_2{
  float:left;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
}