html , body { width: 100%; box-sizing: border-box; }

body { font-size: 16px; position: relative; }
body { margin: 0; padding: 0; text-align: center; background-color: var(--cl-f); line-height: 23px; }
body, td , input , select, textarea , button { font-family: var(--ft1); font-weight: 400; color: var(--cl-text); }

div, span, a , i , b , input , textarea , button , select , table, td { box-sizing: border-box; touch-action: manipulation; outline: none; }

:root { 
 
 --cl: #cdb899;
 --cl-hover: #cdb899;
  
	--ft1: 'Inter', sans-serif;
}



.color {  color: var(--cl); } 


.cim1  { font-size: 36px; font-weight: 400; margin: 32px auto 24px auto;   line-height: 3.7rem; }
.cim2  { font-size: 30px; font-weight: 400; margin: 24px auto 18px auto;   line-height: 3.3rem; }

div.mce-fullscreen { top: 80px !important; }

a { color: var(--cl); text-decoration: none; }
a:hover  {  color: var(--cl4); text-decoration: none; }
a img { border-width: 0; border-style: none; }
td { vertical-align: top; }
form { margin: 0; }
input { -webkit-border-radius:0; border-radius:0; }
input::-ms-clear { display: none; }
.button { -webkit-appearance: none; }
textarea { resize: none; } 
.spacer { overflow: hidden; clear: both; height: 1px; }

.color1 { color: var(--cl); } 

/* ============================================================================================================================================================================== */
h1  { display: none; }
.news-di { display: none; } /* SEO news DO NOT TOUTCH ! */ 
 
.thin { font-weight: 300; }
.light { font-weight: 400; }
.normal { font-weight: 500; }
.bold { font-weight: 600; }
.heavy { font-weight: 700; }

 

.fast { animation-duration: 1s !important; }
.ufast { animation-duration: 0.6s !important; }

#subject , .subject { display: none; } /* honey pot */
.lowercase { text-transform: lowercase !important; }
#share_this { display: block; margin: 50px 0; }
.tzoom { transition: transform 0.2s ease-in-out; }
.tzoom:hover { transform: scale(1.05); display: block; }

.button { font-weight: 400; display: inline-block; text-decoration: none !important; cursor: pointer; transition: background-color 0.14s ease-in; -webkit-transition: background-color 0.14s ease-in; cursor: pointer; border-color: transparent; border-width: 0; border-style: none; }

.button_color { background-color: var(--cl); color: var(--cl-f) !important; }
.button_color:hover {  background-color: var(--cl-hover); color: var(--cl-f) !important; }

.button_form { background-color: var(--cl); color: var(--cl-f) !important; }
.button_form:hover {  background-color: var(--cl-0); color: var(--cl-f) !important; }

 
 

::-moz-selection {  background-color: rgba(44, 162, 75, 0.2);  }
::selection { background-color: rgba(44, 162, 75, 0.2);  }

.hidden_form { display: none !important; }
#resend_activate { display: none; }

	
/* dialog */
.malert-main { position: fixed; display: none; cursor: default; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000; background-color: rgba(0,0,0,0.5); z-index: 999990; }
.malert-dialog-box { cursor: default; position: fixed; border-radius: 12px; box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); background-color: #ffffff; transform: translate(-50%,-50%); top: -500px; left: 50%; width: 96%; height: 96%; max-width: 480px; max-height: 320px; min-width: 180px; min-height: 100px; }
.malert-type-info .malert-dialog-box-title { background-color: var(--cl); }
.malert-type-warn .malert-dialog-box-title { background-color: #9f5555; }
.malert-dialog-box-close { position: absolute; display: block; transition: background-color 0.14s; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); width: 24px; height: 24px; line-height: 24px; right: -11px; top: -11px;  text-align: center; cursor: pointer; background-color: #FFFFFF; border-radius: 20px;  }
.malert-dialog-box-close i { font-size: 0.85rem;  }
.malert-dialog-box-close:hover { background-color: #FF5555; color: #FFFFFF;  }
.malert-dialog-box-title { font-size: 1rem; padding: 1rem; color: #FFFFFF; font-weight: 300; border-radius: 11px 11px 0 0; }
.malert-dialog-box-content { font-size: 1.1rem; padding: 3rem 2rem 0 2rem ; color: #333333; font-weight: 400;}
.malert-dialog-box-buttons { position: absolute;  left: 10px; right: 10px; bottom: 10px; padding: 1rem 0; }
.malert-dialog-box-buttons a { padding: 9px 31px 9px 31px; margin: 0 1rem; text-transform: uppercase; border-radius: 9px; color: var(--cl-f); font-size: 0.85rem; transition: background-color 0.14s; }
.malert-type-info .malert-dialog-box-buttons a { background-color: var(--cl);  }
.malert-type-info .malert-dialog-box-buttons a:hover { background-color: var(--cl-hover); }
.malert-type-warn .malert-dialog-box-buttons a { background-color: #9f5555; }
.malert-type-warn .malert-dialog-box-buttons a:hover { background-color: #d15555; }
 	
#toTop { width: 37px;	height: 37px; background-color: var(--cl); text-align: center; transition: opacity 0.25s;  opacity: 0.8; border-radius: 25px; line-height: 36px; font-size: 1.2em; color: var(--cl-f); position: fixed; bottom: 30px;	cursor: pointer; right: 12px; display: none; }
#toTop:hover { opacity: 1; }
 
/* ============================================================================================================================================================================== */
/* ============================================================================================================================================================================== */


@media all and ( min-width: 1340px ) {
 
.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: 80%; max-width: 1140px; text-align: center; border-bottom: 2px solid #f1e8da; }
#pnrrtop img { width: 90%; 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: 80%; max-width: 1140px; 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 7px;  }
#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: 80%; max-width: 1140px; text-align: center; }

#proiecte { justify-content: center; margin: auto; display: grid; gap: 6rem 6rem; grid-template-columns: repeat(auto-fill, minmax(290px, 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: 10%; right: 10%; transition: all 0.3s; z-index: 10; color: #202020; font-weight: 500; text-transform: uppercase; font-size: 1.1rem; line-height: 1.6rem; }
#proiecte .pitem:hover .b { top: 50%; left: 10%; right: 10%; transform: translateY(-50%); transition: all 0.3s; }
#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: 15px; color: #111111; font-weight: 300; line-height: 26px; text-align: left; }
.belso-descr strong , .belso-descr b { font-weight: 600; }


#bpnrr { margin-top: 2.3rem; font-size: 15px; 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(239,229,213,0.40); 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%); }
 

}







.noselect { -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 30px white inset !important;}