@import url("animate.css");

body {
    /* animation fixed */
    overflow-x: hidden;
}

/* content width fix */
.content {
   width: 100%;
   max-width: 2000px;
}

.content .header {
    background: url(../imgs/hartmann_blue_bg.jpg) center top no-repeat;
}

.content .header img {
}

.content .splitter {
    background-size: 100% 100%;
}

.content_inner {
    width: auto;
    max-width: 1150px;
}

/* top search */

#mmws_0,
#mmws_1 {
    background: rgba(255,255,255, 0.5);
    line-height: 40px;
    left: 20%;
    width: 80%;
    right: 0;
    top: 40px;
    border-radius: 3px;
}

/* Kereső scrollos állapot */
#mmws_1 {
    border: 1px solid #eee;
    top: 19px;
}

#mmws_0 #search_form_0,
#mmws_1 #search_form_1 {
    line-height:normal;
}

#mmws_0 #search_input_0,
#mmws_1 #search_input_1 {
    line-height:normal;
    width: 90%;
    height: 48px;
    text-indent: 15px;
    font-family: robotothin;
    border: none;
    outline:none;
}

#mmws_0 #search_input_0::-webkit-input-placeholder {
   color: #fff;
}

#mmws_0 #search_input_0:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

#mmws_0 #search_input_0::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

#mmws_0 #search_input_0:-ms-input-placeholder {  
   color: #fff;  
}

#mmws_0 a,
#mmws_1 a {
    margin-left: 0;
    margin-right: 20px;
    margin-top: 17px;
    float: right;
    text-align: right;
}
/* top search end */

/* content width fix end */
/* top menu */
#mmul b {
    font-weight: normal;
}

#mmul a {
    font-family: FrutigerNextW01-Medium;
    text-decoration: none;
    font-size:19px;
    transition: 0.5s;
}

#mmul li ul li a {
   font-family: robotothin;
}

#topmenu_holder {
    height: 90px;
}

/* felső menü scrollozva */
#topmenu_holder .mainmenu {
   line-height:normal;  
}

#topmenu_holder .mainpage_logo {
    top: 21px;
}

#topmenu_holder ul {
    top: 34px;
}

#topmenu_holder ul li a {
    text-decoration: none;
}

#topmenu_holder .search_div a {
    top: 35px;
}

#topmenu_holder ul li a b {
    font-weight:normal;
}

#topmenu_holder ul li ul {
    top: 56px;
}

/* top menulist */
.twc_menu {
    font-size: 14px;
    font-family: FrutigerNextW01-Medium;
    padding-top: 5px;
    
    /* IDEIGLENES */
   display: none; 
}

.twc_menu a {
    padding-right: 10px;
}

.twc_menu a:last-child {
    padding-right: 0;
}
/* top menu */
/* intro slider and images */
.header_cont {
    width: auto;
}

.header_left {
    width: auto;
    top: auto;
    float: none;
}

.header_left_cont {
    float: none;
    width: auto;
    margin-top: 140px;
    margin-left: 130px;
}

.header_left_cont .animated {
    animation-duration: 1.9s;
}

.mainmenu {
    width: 100%;
    max-width: 1150px;
}

.twc_menu {
    right: -12px;
}

/* home slider */
#main #slider_holder {
    top: -135px;
    margin-bottom: -145px;
    z-index:10;
}

#main .slider_item_holder .odesc p {
    font-size:28px;
    line-height: 34px;
    font-weight: 300;
    font-family: robotothin;
}

#main .slider_item_holder .oname {
    font-family: robotolight;
    color: #7a9fcc;
    font-size: 18px;
    margin: 16px 0 16px 0;
}

#main .slider_item_holder .oimg img {
    border: 2px solid  rgba(122,159,204,0.5);
    border-radius: 50%;
    transition: all 0.5s;
}

#main .slider_item_holder .oimg img:hover {
     border: 2px solid  rgba(122,159,204,1);
}

#main .slider_holder .slider_a_left,
#main .slider_holder .slider_a_right {
    width: 17px;
    height:39px;
}

#main .slider_holder .slider_a_left img,
#main .slider_holder .slider_a_right img {
    width: 100%;
    height: 100%;
}

/* home slider end */

/* Kezdőlap tartalom */

.dy-content-inner {
    
}

.dy-content-inner h1.title {
   font-weight:normal;
   margin: 0 0 0 0;
   font-family:FrutigerNextW01-Bold;
   font-size:31px;
}

/* Kezdőlap tartalom end */

/* accordion dobozok */
.tartalom_sz2 {
    position: relative;
    top: -35px;
}

.tartalom_sz2_2 h1 strong,
.tartalom_sz2_2 p strong
 {
    font-weight: normal;
}

.tartalom_sz2_2 h1 {
    font-size: 39px;
    margin: 0 0 15px 0;
}
/* Kezdőlap alsó modul dobozok */
.modul_on_overlay {
    height: 0;
    transition: 0.7s;
}

.modul_on_img a:hover .image .modul_on_overlay {
    transition: 0.7s;
    height: 100%;
}

.modul_on_block {
    transition: 0.6s;
}

/* Kezdőlap alsó modul dobozok end */

/* footer  */
.footer_top a {
    text-decoration: none;
    transition: 0.5s;
    color:#7a9fcc;
}

.footer_top a:hover {
    text-decoration: underline;
}

/* LOGIN PAGE */
.loginHeader {
    background: none;
    text-align: center;
}
/* MOBILE AND TABLETS */

.mobilmenu {
    width: 100%;
    left: auto;
    margin-left:0;
    transition: 0.5s;
}

#topmenu_holder .mobilmenu {
    margin-top: 12px;
}

.mobilmenu .twc_menu {
    width: 100%;
    right: 0;
    text-align: center;
    top: 0;
}

/* nagy kijelzők */
@media only screen and (min-width: 1500px) {
    .header_left {
        margin-left: 230px;
    }
}

@media only screen and (min-width: 1700px) {
    .header_left {
        margin-left: 310px;
    }
}

/*  MEDIUM SCREEN */
@media only screen and (max-width: 1225px) {
    #mainmenu .twc_menu {
        right: 15px;
    }
    
    .mobilmenu {
        margin-top: 15px;
    }
    
    .content_inner {
        padding: 0 35px 0 35px;
    }
    
    #mmws_0,
    #mmws_1 {
      left: 0;
      float: right;
      margin-right: 15px;
    }
    
    .header_left_cont {
      margin-top: 150px;
      margin-left: 0px;
   }
   
    .modul_on {
      width: 30%;
    }
}

/* Tablets */
@media only screen and (max-width: 1024px) {
    .header_left_cont {
      margin-top: 85px;
      margin-left: 0px;
   }
   
   #main #slider_holder {
    top: -85px;
    margin-bottom: -85px;
    z-index:10;
   }
   
   .modul_on_head {
    font-size: 20px;
   }
   
   .modul_on {
     width: 45%;
   }
   
   .modul_on_img {
     height: 230px;
   }
  
}

/* Mobiles */
@media only screen and (max-width: 767px) {
    
    .mobilmenu {
        margin-top: 0px;
    }
    
    .content_inner {
        padding: 0 27px 0 27px;
    }
    
   .modul_on {
     width: 100%;
     margin: 0 auto;
   }
  
  .mobilmenu .twc_menu {
     top: -30px;
   }
  #main .slider_item_holder {
    top: 18px;
  }
  
  #main .slider_item_holder .oname {
    position: relative;
    top: 5px;
  }
  
  #main .slider_item_holder .odesc {
    position: relative;
    top: 15px;
  }
  
  #main .slider_item_holder .odesc p {
     font-size: 18px;
     line-height: 22px;
   }
   
   #main #slider_holder {
      margin-bottom: -105px;
   }
   
   .dy-content-inner h1.title {
     font-size: 28px;
   }
   
   #main .slider_holder .slider_a_left,
   #main .slider_holder .slider_a_right {
     z-index:10;
   }
   
   .form_panel .rend_ido_left {
     width: 100%;
     margin-bottom: 15px;
     text-align: center;
   }
   
   .form_panel .rend_ido_right {
     width: 100%;
   }
   
   .form_panel td {
     padding-right: 10px;
   }
   
   .form_panel td.firsttd {
    width: 40px;
    padding-right: 0px;
   }
   
   .form_panel input,
   .form_panel select {
    width: 90%;
   }
   
   .form_panel button {
    text-align: center !important;
   }
   
   .tartalom_k1 {
    width: 100%;
   }
   
   .tartalom_k1 img {
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 15px;
   }
}