@import url('https://fonts.googleapis.com/css?family=Montserrat:300i,400,500,600,700,800&subset=latin-ext');

/************* COLOURS **************/

/*
* #CE261C - piros 
* #004066 - sötetkek
* #FFBE13 - sarga
*/


/************* FONTS **************/

.button {
  border: solid #0071B5 2px;
  background: #fff;  
  color: #0071B5;
}

.button:hover {
  background: #0071B5;
  transition: all 0.8s ease 0s;
}

.pull-right {
  padding-left: 20px;
}

.pull-left {
  padding-right: 20px!important;
  margin: 0px;
}

.white-bg {
  background: white !important;
}

h2 {
  text-align: center;
  font-weight: 800 !important;
  font-size: 40px;
  color: #ffbe13;
  text-transform: uppercase;
  padding-top: 25px;
  margin-bottom: -6px;
} 

h3 {
  color: #004066;
  font-weight: 500;
  font-size: 33px;
}

h4 {
  font-weight: 600!important;
  color: #D1261C;
  font-size: 23px;
  margin-top: 40px;
}

#g-main-mainbody p {
   text-align: justify;
   font-size: 18px;
   line-height: 36px; 
   font-weight: 400;
}

#g-main-mainbody ul {
   margin-left: 30px;
   font-size: 1vw;
   line-height: 1.8vw; 
   font-weight: 400;
   margin-left: 50px !important;
}

p strong { 
  font-weight: 500!important;
  color: #004066 !important;
}

.ajanlas {
  margin-top: -120px;
}

/************* HEADER **************/

.ferrotechnika-logo {
  z-index: 5 !important;
  
}

.ferrotechnika-logo img {
background: white;
 z-index:2;
 
 margin: 10px;
}

.fejlec p {
  font-weight: 500;
  font-size: 18px;
}

.fejlec img {
  margin-right: 8px;
  margin-bottom: 5px;
}
.header
{
  height: 100px;
  padding-top: 5px;

}

/************* NAVIGATION **************/

.navigation {
  text-transform: uppercase;
}

.navigation a {
 font-weight: 600 !important;
 font-size: 16px;
}

.menu li.active a {
  color: #ffffff !important;  
  background: #CE261C;
}

.navigation li a:hover {
  background: #004066 !important;
}

/************* MEGOLDASAINK **************/

.megoldasaink h3 {
  padding-bottom: 20px;
  
}

.megoldasaink p {
  line-height: 30px;
  height: 340px;
  text-align: justify;
}

.box h3 {
  border-bottom: solid #a8a5a5 3px;
  color: #a8a5a5;
  text-align: center;
 

}

.box h3:hover {
  color: #CE261C !important;
  border-bottom: solid #CE261C 3px;
  cursor: pointer;
}

.megoldasaink a {
  color: #fff !important;
  text-decoration: none;
  font-size: 20px;
}

.box a:hover {
  text-decoration: none !important;
}

.megoldasaink a {
  color:  #004066 !important;
}

.megoldasaink a:hover {
  color: #004066 !important;
}

.overlay {
  position: relative;
  background: rgba(0,0,0,0);
  transition: background-color 1s;
}

.overlay:hover {
  background-color: rgba(0,64,102,0.6);
}
.overlay:before {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: inherit;
  content: ' ';
}

/************* PARTNEREINK **************/

.partnereink-cim h2 {
  color: #004066;
}

.partnereink-cim h3 {
  color: #d1261c;
  margin-bottom: -25px !important;
}

.partnereink-slider {
  margin-bottom: 60px;
}

/************* TERMÉKEINK **************/

.kulso img {
  width: 100%;
  transition: all .3s ease-in-out;
  border: solid #F0F2F4 3px;
}

.kulso img:hover {
  transform: scale(2.1);
}

.termekeink h3 {
  text-transform: uppercase;
  margin-top: 25px;
  font-weight:700;
  text-align: center !important;
  color: #CE261C;
  border-bottom: dotted #F0F2F4 2px!important;
}

.termekeink  li {
  list-style-type: none;
  font-weight: 500;
  text-transform: uppercase;
  margin: 1px;
}

.termekeink a {
   color: #aba8a8!important;
   padding: 10px;
   display: inline-block;
   width: 100%;
   margin-right: 0px!important;
   border-bottom: dotted #F0F2F4 2px!important;
}

.termekeink li a:hover {
  color: #ba8a8!important;
}

.termekeink a:hover {
  transition: all .4s ease-in-out;
  color:  #004066!important;
  border-bottom: dotted #004066 2px!important;
}

.terkmekeink-content h2 {
  text-align: center;
  font-weight: 800 !important;
  font-size: 40px;
  color: #ffbe13;
  text-transform: uppercase;
  padding-top: 25px;
  
} 

.terkmekeink-content h3 {
  color: #004066;
  font-weight: 500;
  font-size: 33px;
  border-top: 1px dotted #004066;
   border-bottom: 1px dotted #004066;
  padding: 20px 0;
  text-align: center;
}

.terkmekeink-content .behuzas
{
  padding-left: 50px;
}

/************* LÁBLÉC **************/

.lablec {
  background: #000000 !important;
}

.lablec h3,  .lablec h4 {
  color: #ffbe13;
  font-weight: 700 ;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.lablec-menu a {
 background: none!important;
 color: #fff;
 padding: 2px !important;
 font-weight: 500;
 font-size: 18px;
}

.lablec-menu .menu li a:hover {
  background: none !important;
  color: #ce261c;
}

.lablec p, .lablec strong {
  color: white !important;
  line-height: 0.3;
}

.lablec-partnereink a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
}

.lablec-partnereink a:hover {
  color: #BE1406;
}

/******** FORM *********/

.formfield input, .formfield textarea {
  padding: 15px 0 !important;
  margin: 10px 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: rgb(255,255,255,0.2) !important;
  text-indent: 18px;
  font-size: 18px;
  color: #fff !important;
}

.btn {
  padding: 15px 40px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 18px;
  text-shadow: none;
  color: #fff;
  float: right;
  background: #ffbe13;
  font-weight: 700;
}

.btn:hover {
  background:#CE261C;
}

#captchaTxt28 { 
  margin: 0 !important;
  padding-bottom: 16px !important;
  width: 100%
}

.fa-refresh {
  color: #ffbe13;
}

.none
{
  padding: 0 !important;
  margin: 0 !important;
}


/******** KAPCSOLAT - FORM - 1 *********/


.kapcsolat-form-hatter {
  background: url('/images/kapcsolat-form-hatter.jpg')  no-repeat;
  padding: 10px 0 50px 0;
}

.kapcsolat-cim h2{
  color: #fff;
}

label
{
   color: #888;
}

label a
{
  color: #888;
  text-decoration: underline;
}

/******* KAPCSOLAT - FORM - 2 *******/


.kapcsolat-form-2 .formfield input, .kapcsolat-form-2 .formfield textarea
{
  background: rgb(232,229,229,0.4) !important;
  color: #fff !important;
  
}

.kapcsolat-form-1 .formfield input, .kapcsolat-form-1 .formfield textarea
{
  background: rgb(232,229,229,0.4) !important;
  color: #000 !important;
  
}

/********** MOBIL ***********/

@media only screen and (max-width: 600px) {
  
  h2 {
    font-size: 32px;
  }
  
  h3 {
    font-size: 16px!important;
  }
  
  .ferrotechnika-logo img {
    width: 60%;
    padding:0px !important;
    margin-left: 20% !important;
    margin-top: 5%;
    }
  
  .fejlec {
    margin-top: 80px !important;
  }

  .fejlec p {
    padding-right: 90px;
  }
  
  .rsform-submit-button {
  margin-top: 14%;
  margin-right: 8%;
}
  
  .kapcsolat-form-hatter {
  padding: 0px !important;
  }
  
  .partnereink-cim h2{
    padding: 0px !important;
    margin: 0px !important;
  }
    
  .menu a {
    font-size: 5vw;
  }

  .kulso h2 {
  margin-top: -60px;
  }  
  
  .kulso h3 {
    margin-bottom: -25px!important;
  }
  ul li {
   font-size: 18px!important;
   line-height:30px;
  }
  
  .terkmekeink-content .behuzas
{
  padding-left:  0px;
}
  
  .fejlec p{
  font-size: 12px;
  padding-top: 30px;
    
}

  .terkmekeink-content h2 {
    margin: 0px!important;
    padding: 0px!important;
  }
  
  .checkbox-inline {
  padding-top: 70px!important;
}
  
  .megoldasaink p {
    height: auto !important;
  }

  .megoldasaink h3 {
    padding-bottom: 0px !important;
  }
  
}