@media all and ( max-width: 739px ) {
 
.button_max { font-size: 1.1rem;   padding: 15px 39px 15px 39px; border-radius: 12px !important;  }
.button_mid { font-size: 0.9rem;  padding: 9px 20px 9px 20px; border-radius: 12px !important; }
.button_min { font-size: 0.8rem;   padding: 5px 19px 5px 19px; border-radius: 9px !important;  }
.details { padding: 14px 38px; white-space: nowrap !important; text-decoration: none !important;  font-size: 14px !important; text-transform: uppercase; color: var(--cl-f) !important; border-radius: 8px; background-color: var(--cl); text-align: center; cursor: pointer; transition: all 0.14s ease-in-out; }
.details:hover {   background-color: var(--cl4); color: var(--cl-f) !important; text-decoration: none !important;  }

#sitelogo { padding-top: 17px; }
#sitelogo img { width: 188px; }

#site_m_menuopen { position: fixed; top: 3rem; left: 0.5rem; z-index: 60;  padding: 3px;   }
#site_m_menuopen a { display: inline }
#site_m_menuopen a i { font-size: 2rem; color: var(--cl); }
#site_m_menuopen a i.fa-times { display: none }
#site_m_menuopen a i.fa-bars { display: block }
#site_m_menuopen.open a i { color: #FFFFFF; }
#site_m_menuopen.open a i.fa-times { display: block }
#site_m_menuopen.open a i.fa-bars { display: none }

#sitemenu { position: fixed; padding-top: 6.4rem; padding-left: 1rem; left: -100%; width: 100%; transition: left 0.2s; height: 100%; background-color: var(--cl); top: 0; text-align: left; z-index: 50; }
#sitemenu.visible { left: 0%;  }
#sitemenu div { display: block; margin: 0 0 1rem 0 ;  }
#sitemenu div a { font-size: 1.15rem; color: #ffffff; font-weight: 500; text-transform: uppercase; }
#sitemenu div a:hover , #sitemenu div a.menu_active:hover , #sitemenu div a.menu_active { color: #ffffff; text-decoration: underline; }
 
#pnrrtop { padding: 8px 0 30px 0; margin: 0 auto 12px auto; width: 96%;  text-align: center; border-bottom: 2px solid #f1e8da; }
#pnrrtop img { width: 100%; height: auto; }
#pnrrtop img.d { display: none; }

#sitemenu div.lang a.akt , #sitemenu div.lang a.akt:hover { color: #ffffff; text-decoration: underline   }

#tartalom { margin: 3rem auto; width: 95%; text-align: center; }

#proiecte { justify-content: center; margin: auto; display: grid; gap: 2rem 1.5rem; grid-template-columns: 1fr 1fr;  }
#proiecte .pitem { aspect-ratio: 1; position: relative; overflow: hidden;  }
#proiecte .pitem .a  { width: 100%; height: 100%;  }
#proiecte .pitem img { width: 100%; height: 100%; object-fit: cover; }
#proiecte .pitem .b { position: absolute; top: -300px; left: 50%; transform: translateX(-50%); transition: all 0.2s; z-index: 10; color: #202020; font-weight: 500; text-transform: uppercase; font-size: 1.1rem; }
#proiecte .pitem .c {   display: none; }


.belso-title { font-size: 1.55rem; color: #1f1f1f; font-weight: 300; text-transform: uppercase; line-height: 2.1rem; } 
.belso-div-image {  margin: 2rem auto; text-align: center; }
.belso-image { width: 100%; height: auto; display: block; margin: auto; }
.belso-descr { font-size: 1rem; color: #1f1f1f; font-weight: 300; line-height: 1.6rem; text-align: left; }
.belso-descr strong , .belso-descr b { font-weight: 600; }



#bpnrr { margin-top: 2.3rem; font-size: 0.9rem; color: #858585; font-weight: 300; }

#bottom { margin-top: 15rem; margin-bottom: 2rem; text-align: center; }
#bottom-c { width: 80%; max-width: 1300px; text-align: center; margin: auto; }
#cca1 { font-size: 0.9rem; color: #1f1f1f; }
#cca1 div { display: inline-block; margin: 0 0.6rem; }
#cca2 { margin: 2.6rem auto 0 auto }
#cca2 a { display: inline-block; margin: 0 0.4rem; }
#cca2 a i { font-size: 1.75rem; color: #1f1f1f }
#cca2 a:hover i { font-size: 1.75rem; color: var(--cl); }


.pagetitle { font-size: 2rem; font-weight: 300; margin-bottom: 4rem; }
.pagetitle2 { text-align: center; font-size: 2rem; font-weight: 300; margin-bottom: 5.2rem; margin-top: 9rem; }
#description { font-size: 15px; color: #111111; font-weight: 400; line-height: 24px; text-align: left; }
#description strong , #description b { font-weight: 600; }





.mobile_only { display: none !important; }

#admin_insert_link , #admin_insert_link1 { display: none; }
 
#gdpr5 { background-color: #f0f0f0; position: fixed;  box-shadow: 1px 0 4px 1px rgba(0,0,0,0.4); line-height: 1.2rem;  left: 0; right: 0; bottom: -200px; z-index: 160000; text-align: center; }
#gdpr5_bar { font-weight: 400; padding: 10px 3px 10px 3px; text-align: left;  margin: auto; width: 93%; max-width: 1560px; }
#gdpr5_bar .a { display: block; vertical-align: middle;  color: #565656; font-size: 0.8rem; line-height: 0.9rem; }
#gdpr5_bar .a span { color: #565656; font-size: 1rem; font-weight: 700; line-height: 1.2rem;  padding-bottom: 0.3rem;  display: block; }
#gdpr5_bar .a a { color: var(--cl-gray); text-decoration: underline; }
#gdpr5_bar .a a:hover { color: var(--cl-gray); text-decoration: underline; }
#gdpr5_bar .b { display: block;  text-align: left; margin-top: 1rem; }
#gdpr5_bar .b a { padding: 8px 14px; font-size: 0.9rem; border-radius: 4px; transition: all 0.14s; padding-left: 36px; background-color: var(--cl); color: var(--cl-f); cursor : pointer; position: relative; }
#gdpr5_bar .b a::before { position: absolute; display: block; content: '\f00c'; top: 50%; transform: translateY(-50%); left: 11px; font-family: 'FontAwesome'; }
#gdpr5_bar .b a:hover { background-color: var(--cl-hover); color: var(--cl-f); }

 
#contact_name { font-size: 2rem; color: var(--cl2); width: 75%; margin: 4rem auto 0 auto; text-align: center; line-height: 2.8rem; }
#contact_boxes { text-align: center; margin: 4rem 0 4rem 0;  }
.contact_box { display: block;   width: 80%; margin: auto; text-align: center; margin-bottom: 3rem; }
.contact_box i { color: var(--cl); }
.contact_box .cbxsym { height: 50px;  }
.contact_box .sboxtxt { margin-top: 30px; font-size: 1.25rem; width: 70%; font-weight:400; margin-left: auto; margin-right: auto; line-height: 1.8rem; }
#contact_box_1 i { font-size: 50px;  }
#contact_box_2 i { font-size: 50px;  }
#contact_box_3 i { font-size: 50px;  }
#c_vizit { text-align: center; font-size: 24px; margin-top: 50px; }
.form_mandatory_alert { background-color: #ffdad9 !important; }

#contact_form { margin-top: 20px; margin-bottom: 8rem;  text-align: center;    }
#contact_form label { font-size: 16px;   }
.ctitle1 { font-size: 23px;   text-align: center; margin: 0 auto; font-weight: 700; color: #2c2c2c ;  }
.ctitle2 { font-size: 18px;  font-weight: 400; color: #2c2c2c ; padding-bottom: 26px;  }
.finp { display: block; font-weight: 300; margin: 25px auto 0 auto;  width: 70%;   border-radius: 3px; font-size: 16px; height: 46px; line-height: 46px; text-indent: 6px;   }
.finp::placeholder {  font-weight: 300;   }
.fsel { display: block; font-weight: 300; margin: 25px auto 0 auto;  width: 70%;   border-radius: 3px; font-size: 16px; height: 46px; line-height: 46px; text-indent: 6px;   }
#txt { resize: none; display: block; width: 70%;   margin: 25px auto 0 auto;    border-radius: 3px; height: 120px; font-weight: 300; padding: 4px 0 0 0px; text-indent: 6px; font-size: 16px ;  overflow: auto;   }
.hov_border { transition: border-color 0.1s; border-width: 1px; border-style: solid; border-color: #a5a5a5; }
.hov_border:focus { border-color: var(--cl); }
#csmb{  cursor: pointer;  margin-top: 10px; font-size: 14px !important; font-weight: 500 !important; text-transform: uppercase; }
#prlcont { display: none;  text-align: center;  margin: 0 auto;}
#prlcont i { color: var(--cl); font-size: 25px; }
#zoom_mobile { display: none; }
#zoom_desktop { }
#form_send_ok { display: none; background: #eaffef; margin-bottom: 10px;  border:1px solid #ccf0d4; padding: 20px; width: 98%;  }
#form_send_err { display: none; background: #ffe7e7; margin-bottom: 10px; border:1px solid #f6cdcd; padding: 20px; width: 98%;  }
#contfchk { margin: 2rem auto;  }
#contfchk label { margin-left: 0.5rem; }


 
#map  { display: block; aspect-ratio: 0.8; overflow: hidden;  position: relative;}
#map:hover .imgcover { opacity: 1;  }
#map img { width: 100%; height: 100%; object-fit: cover; transition: all 0.2s ease-in-out; border-radius: 7px; }
#map .imgcover { position: absolute; z-index: 2; width: 100%; height: 100%; top:0; left:0; right: 0; bottom: 0;  background-color: rgba(29,49,90,0.50); opacity:0; transition: all 0.2s; display: block; border-radius: 7px; }
#map .imgcover i.fa { position: absolute; left: 50%; top: 50%; font-size: 40px; color: var(--cl4); transform: translate(-50%,-50%); }
 

}