/* = COLORS = */
.bg-white{ background-color: #fff;}
.color-white{ color: #fff; }

.bg-black{ background-color: #000;}
.color-black{ color: #231f20; }

.bg-yellow{ background-color: #ecb64d; }
.color-yellow{ color: #ecb64d; }

.bg-blue{ background-color: #224191;}
.color-blue{ color: #224191; }

.bg-red{ background-color: #de001f;}
.color-red{ color: #e20613; }

.bg-green{ background: #6fb45d; }

.bg-light-gray {background-color: #edf3f5;}

.bg-gray {background-color: #9a9e9f;}


@media only screen and (max-width: 1140px) {
	.container{
		max-width: 100% !important
	}
}

body{
    font-family: 'Helvetica Neue', sans-serif !important; 
}
/* = Basic = */
.f-bold {
    font-weight: bolder;
}

.f-60{
    font-size: 60px;
}
.f-30{
    font-size: 30px;
}
.f-25{
    font-size: 25px;
}
.f-19{
    font-size: 19px;
}

.lh-20{
    line-height: 30px;
}
.lh-35{
    line-height: 35px;
}
/* = Title = */
#sec1 {
    background-image: url("../images/cover.png");
      background-color: #cccccc;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
  }
  .white-area {
    width: 300%;
    margin: 0px;
  }
  .logo {
    height: 60px;
    width: auto;
  }

  /* = Nav = */
  .menu-li {
      display: inline-block;
  }
  .menu-ul {
      list-style: none;
      display: inline-block;
  }

  .menu-item .menu-line {
    display:block;
    background-color: #fff;
    width: calc(100% - 20px);
    margin-left:10px;
    margin-right:10px;
    height:2px
}
.menu-item:hover .menu-line {
    background-color: #ecb64d;
}
.menu-item {
    color: #e20613;
    padding-top: 30px;
}
.menu-link {
    text-decoration: none !important;
    cursor: pointer;
}

  /* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #ecb64d;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 80%;
}

@media only screen and (max-width: 700px) {
    .nav.stroke ul li a:hover:after {
        width: 8%;
    }
  }

/* = orrspry = */
.orrspray {
    margin-top: -150px;
    margin-left:-50px;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 992px) {
    .orrspray {
        margin-top: 5px;
        margin-left: 0px;
    }
  }
  ul {
    padding-left: 24px;;
    list-style-image: url("../images/Polygon.png");
  }
  ul li{
      padding-left: 20px;;
  }

/* = szajspray = */
.szajspray {
    margin-top: -50px;
    margin-left: -30px;
    width: 100%;
    height: auto;
}
@media only screen and (max-width: 800px) {
    .szajspray {
        margin-left: 0px;
        margin-top: 5px;
    }
  }
  .spray{
      width: 100%;
      height: auto;
  }
  @media (min-width: 992px) {
    .md-mlm-100{
        margin-left: -100px;
    }
    .md-mlm-150{
        margin-left: -150px;
    }
  }