@charset "utf-8";




.owl-theme .owl-nav {
  font-size: 40px;
  line-height: 40px;

}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
    padding: 20px 10px !important;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 4px;
  background: #FF0000;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #00006A;
}

.teamImages img {
  width: 100%;


}

.teamImages a {

  padding: 0px 10px;

}

.teamImages a:first-child {
  padding-left: 0px;

}

.teamImages a:last-child {
  padding-right: 0px;

}

.awardsAll {
  background-color: #ff0000;
  color: #ffffff !important;
  font-family: "Open Sans", Arial;
  font-size: 70px;
  line-height: 90px;
  font-weight: 300;

}

.awardsAll span {
  font-weight: 700;

}

.awardsHighlite {
  color: #ffffff;
  font-family: "Open Sans", Arial;
  font-size: 36px;
  line-height: 45px;
  font-weight: 300;
  position: relative;

}

.awardsHighlite:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #00006A;
  opacity: 0.9;
  content: "";
  z-index: 0;

}

.awardsHighlite .awardPic {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: auto;
  height: auto;
  z-index: 10;
}

.awardsHighlite div {

  z-index: 10;
}

#mainBlock-szolgaltatasaink > .container,
#mainBlock-dolgozzunk_egyutt .container,
#mainBlock-csapat .container,
#mainBlock-dijaink .container,
#mainBlock-munkaink > .container,
#mainBlock-our_services > .container,
#mainBlock-work_together .container,
#mainBlock-team .container,
#mainBlock-our_prizes .container,
#mainBlock-our_work > .container {
  width: 100% !important;
  max-width: unset !important;
  padding: 0px;
}


.mainTitle {
  font-family: "Open Sans", Arial;
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
  color: #B1B1B1;
}

.submenuList {

  width: 40vw !important;


}

.accordion {
  height: 100%;
}

.servicesTitle {
  color: #ffffff;
  font-family: "Open Sans", Arial;
  font-size: 70px;
  line-height: 60px;
  font-weight: 300;
  padding-bottom: 40px;
}

.servicesMosaicTXT {
  color: #ffffff;
  line-height: 24px;
}

.btn-primary {
  background-color: #FF0000;
  color: #ffffff;
  border-radius: 0px;
  border: none;
  display: inline-block;
  width: auto;
  min-width: 420px;
  padding: 20px 40px;
  font-size: 24px;
  font-weight: bold;
}
.btn-primary:hover {
  background-color: #00006A;

}



.btn-link {
  background-color: transparent;
  color: #ff0000;
  border-radius: 0px;
  border: none;
  border-bottom: 5px solid #00006A;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  text-decoration: none !important;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 15px;

}

.btn-link:hover {
  background-color: transparent;
  color: #00006A;
  border-bottom: 5px solid #00006A;
  text-decoration: none !important;
}

.btn-link-nav {
  background-color: transparent;
  color: #ff0000;
  border-radius: 0px;
  border: none;
  width: 100%;
  padding: 0px;
  text-decoration: none !important;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
}

.btn-link:hover {
  background-color: transparent;
  color: #00006A;
  text-decoration: none !important;
}


.accordion-header .btn-link {
  background-color: transparent;
  color: #00006A;
  border-radius: 0px;
  border: none;
  border-bottom: none;
}

.accordion-header .btn-link:hover {
  background-color: transparent;
  color: #00006A;
  border-bottom: none;
  text-decoration: none !important;
}

.mainMosaicTXT {
  color: #ffffff !important;
  font-size: 20px;
}

.mainMosaicTXT {
  color: #ffffff !important;
}

.mainMosaicIMG{
  overflow: hidden;
}

.mainMosaicIMG img{
  filter: grayscale(100%);
  overflow: hidden;
}

.mainMosaicIMG:hover img{
  filter: grayscale(0%);
  transform: scale(1.1);
}




#canvas {
  top: 90px !important;
}


.modaltext {
  color: #ffffff;
  font-family: "Open Sans", Arial;
  font-size: 19px;
  line-height: 20px;
  position: absolute;
  right: 0px;
  text-align: left;
  top: 50%;
  transform:translateY(-50%);
  padding: 0px 20px 0px 10px;
  width: 45%;
}

.modaltext h2{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffffff;

}



#mainIntro {

  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

@media (max-height: 780px) {
  #mainIntro {

    top: 90px !important;
    transform: translateX(-50%);

  }
}

@media (max-width: 650px) {
  .modaltext {
    margin-top: 15px;
    position: relative;
    top: unset;
    transform: none;
    width: 100%;
  }

  .modal-body img {
    max-width: 600px;
  }




}


@media (max-width: 720px) {


  #canvas {
    top: 0px !important;
  }

  .mainMosaicIMG{
    overflow: visible;
  }

  .submenuList,
  #mainMenu {
    width: 100vw !important;
  }

  .mainTitle {

    font-size: 20px;

  }




}

@media (min-width: 768px) {
.modal-dialog {
width: 800px;

}

}

#home-container img {
  width: 100% !important;
}
#menu-hirek h1,
#menu-news h1 {
  height: 140px;
  vertical-align: bottom;
  display: table-cell;
  padding-bottom: 20px;
}


form label.error {
  display: none !important;
}

.has-error input,
.has-error textarea {
  background-color: rgba(238, 28, 36, 0.8);
  color: #ffffff;
}
.has-error .form-control::placeholder {
    color: rgba(255, 255, 255, 0.8);
}


.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.form-horizontal .form-group input,
.form-horizontal .form-group textarea {
    border: 1px solid #00006A;

}


.form-control::placeholder {
    color: rgba(from #00006 r g b / 0.8);
    opacity: 1;
}


.preloader {
    background-color: #ffffff;
    z-index: 999999;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
}

.preloader .loading-icon {
    display: block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: visible;
    transform: translate(-50%, -50%);
}

#footer {
	font-size: 14px;
	color: #ffffff;
  background-color: #353535;
  min-height: 80px;
}

#footer a {

	color: #ffffff;
  padding: 10px;
  text-decoration: none;

}

#home-container{
	min-height: 1100px;
}


.centerPos{
	margin: auto;
	padding: 0px;
	width: auto;
	height: auto;
	display: inline-block;
	bottom: 0px;
	float: none;

}

.slogan{
	color: #FFFFFF;
	font-size: 60px;


}
.cleaner{
	clear: both;
}


.scrollItem{
/*	height: 2000px;
	background-color: yellow;*/

}


.scrollDown{
	position: absolute;
	bottom: 0px;
	z-index: 200;
	width: 100%;
	text-align: center;
	height: 50px;
}


section, .textStop, nav{
	background-color: #ffffff;

}


.textStop{
	    box-sizing: border-box;
}

section{
	min-height: 100px;

}

.teamData{
	position: absolute;
	display: none;
	bottom: 10px;
	width: 0px;
	height: 0px;
	background-color: #ee1c24;
	color: #FFFFFF;
	padding: 15px;

}

.teamPosition{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 24px

}

.sideBarTXT{
	font-size: 17px;

}

.menuOffset{
	height: 100px;
}

body{
	position: relative;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 16px;
  line-height: 30px;
	font-weight: 300;
}

.affix {
    top:100px;
    width: 100%;
    position: fixed;

}



section .affix-top {
    position: relative;
}


section .affix-bottom {
    position: relative;
}

nav.affix {
    top:0px;
    z-index: 100;
}

form label.error {
  display: none !important;
}




.offers{
	margin-top: 15px;
	margin-bottom: 15px;
}



h2, h3{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #00006A;
}

h1{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #FF0000;
	font-size: 48px;
	font-weight: 700;
  text-transform: uppercase;
}

h2{
	font-size: 24px;
  color: #00006A;
  text-transform: uppercase;

}


h3{
	font-size: 22px;


}


@media (max-width: 1350px) {

}




@media (max-width: 1280px) {
	.teamData{
		font-size: 13px;
		padding: 10px;
		line-height: 15px;
	}

	.teamPosition{
		font-family: "Open Sans", Helvetica, Arial, sans-serif;
		font-size: 18px;
		line-height: 20px

	}


	.slogan2 {
	    font-size: 60px;
	    line-height: 60px;
	}

}



@media (max-width: 1150px) {


	.slogan2 {
	    font-size: 50px;
	    line-height: 50px;
	}

}




@media (max-width: 1050px) {

  section .affix {
    position: relative;
    top: 0px;
  }

  .menuOffset{
	height: 100px;
  }


}



@media (max-width: 980px) {

	.slogan2 {
	    font-size: 40px;
	    line-height: 40px;
	}

	.contactDetails{
		display: none;
	}



}

@media (max-width: 768px) {

    h1{
    	font-size: 25px;
    }

    h2{
      font-size: 20px;
    }


        .btn-primary {
          min-width: unset;
        }
}