@media all and ( min-width: 740px ) and ( max-width: 1339px ) {
 
.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;  }

#pnrrtop { padding: 17px 0 30px 0; margin: 0 auto 42px auto; width: 96%;  text-align: center; border-bottom: 2px solid #f1e8da; }
#pnrrtop img { width: 100%; height: auto; }
#pnrrtop img.m { display: none; }

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

#site_m_menuopen { display: none; }

#sitemenu { text-align: center; margin: 50px auto 0 auto; width: 99%;   position: relative;}
#sitemenu div { display: inline-block; margin: 0 14px;  }
#sitemenu div a { font-size: 20px; color: #a2a2a2; font-weight: 200; text-transform: uppercase; }
#sitemenu div a:hover , #sitemenu div a.menu_active:hover , #sitemenu div a.menu_active { color: #1f1f1f; text-decoration: underline; }

#sitemenu #langpos {   position: absolute; right: 0;}

#sitemenu div.langr  {   margin: 0 4px;  }
#sitemenu div.langr a { font-size: 15px; font-weight: 400; }
#sitemenu div.lang1  {   }
 
#sitemenu div.lang a.akt , #sitemenu div.lang a.akt:hover { color: #ceb899; text-decoration: underline   }

#tartalom { margin: 120px auto; width: 94%; text-align: center; }

#proiecte { justify-content: center; margin: auto; display: grid; gap: 6rem 6rem; 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: -200px; 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:hover .b { top: 50%; left: 50%; transform: translate(-50%,-50%); }
#proiecte .pitem .c { position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; background-color: #f3eee7; opacity: 0.9; display: none; }
#proiecte .pitem:hover .c { display: block; }

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


#bpnrr { margin-top: 2.3rem; font-size: 1rem; 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: 36px; font-weight: 300; margin-bottom: 4rem; }
.pagetitle2 { text-align: center; font-size: 36px; font-weight: 300; margin-bottom: 5.2rem; margin-top: 9rem; }
#description { font-size: 15px; color: #111111; font-weight: 300; line-height: 26px; text-align: left; }
#description strong , #description b { font-weight: 600; }





.mobile_only { display: none !important; }

#admin_insert_link , #admin_insert_link1 { position: fixed; right: -4px; width: 40px; height: 40px; text-align: center; line-height: 40px; z-index: 10000; display: block; border-radius: 5px; background-color: #e7804d; box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);}
#admin_insert_link:hover , #admin_insert_link1:hover {  background-color: #ff5500; }
#admin_insert_link { top: 210px; }
#admin_insert_link1 { top: 160px; }
#admin_insert_link i , #admin_insert_link1 i { transition: color 0.15s; }
#admin_insert_link:hover i.fa-pencil , #admin_insert_link1:hover i.fa-pencil { color: #FFF; }
#admin_insert_link:hover i.fa-list-ul , #admin_insert_link1:hover i.fa-list-ul { color: #FFF; }
#admin_insert_link i.fa-pencil , #admin_insert_link1 i.fa-pencil { font-size: 20px; line-height: 40px; display: block; margin: auto; color: #ddd; }
#admin_insert_link i.fa-list-ul , #admin_insert_link1 i.fa-list-ul { font-size: 20px; line-height: 40px; display: block; margin: auto; color: #ddd;}





#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: 16px 3px 10px 3px; text-align: left;  margin: auto; width: 93%; max-width: 1560px; }
#gdpr5_bar .a { display: inline-block; vertical-align: middle;  color: #333333; font-size: 0.9rem; line-height: 1.2rem; width: 70%; }
#gdpr5_bar .a span { color: var(--cl); font-size: 1.2rem; font-weight: 700; line-height: 1.4rem;  padding-bottom: 6px;  display: block; }
#gdpr5_bar .a a { color: #565656; text-decoration: underline; }
#gdpr5_bar .a a:hover { color: #565656; text-decoration: underline; }
#gdpr5_bar .b { display: inline-block; vertical-align: middle; width: 29%; text-align: center; }
#gdpr5_bar .b a { padding: 8px 24px 8px 24px; font-size: 1rem; border-radius: 5px; transition: all 0.14s; padding-left: 50px; 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: 20px; font-family: 'Font Awesome 5 Pro'; }
#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: inline-block; vertical-align: top; width: 29%; text-align: center; }
.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; height: 460px; overflow: hidden;  position: relative;}
#map:hover .imgcover { opacity: 1;  }
#map img { object-fit: none;  object-position: center; display: block; max-width: 100%; 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%); }
 

}