html, body{font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 18px; height: 100%;}
body{background: #DCDEE0;}
img{max-width: 100%; height: auto;}
.clear{clear: both;}
.pagewidth{max-width: 1330px; width: 100%; margin: auto;}
a{text-decoration: none; color: #259502; transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; -webkit-transition: color 0.20s ease-in-out;}
a:hover{text-decoration: underline; color: #245F30;}
.error{color:#d90000;}

#mm{display: none!important; background: #259502; text-align: right; padding: 10px;}
#mm h1{color: #ffffff; font-size: 14px; position: relative; float: left; text-align: left; margin-left: 20px; top: -6px;}
#mobile-menu{display: none; background: #259502; max-width: 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99999;}
#mobile-menu-header{background: #ffffff; height:70px; width: 100%; padding: 15px 0px;}
#mobile-menu-header-inner{}
#mobile-menu-header-inner-left{float: left; padding-left: 25px;}
#mobile-menu-header-inner-left img{height: 40px;}
#mobile-menu-header-inner-right{float: right; padding-right: 25px;}
#close-mobile-menu{margin-top: 5px; cursor: pointer;}
#mobile-menu-content{background: #259502;}
#mobile-menu-content-inner{padding: 25px;}
#mobile-menu-content-inner ul{list-style: none;}
#mobile-menu-content-inner ul li{margin-top: 10px;}
#mobile-menu-content-inner ul li ul{display: block!important; margin-left: 40px;}
#mobile-menu-content-inner ul li ul li a{font-size: 18px; line-height: 21px;}
#mobile-menu-content-inner ul li:first-child{margin-top: 0px;}
#mobile-menu-content-inner ul li a{color: #ffffff; font-size: 21px; line-height: 24px; font-weight: normal; text-decoration: none; transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; -webkit-transition: color 0.20s ease-in-out;}
#mobile-menu-content-inner ul li a:hover{color: #000000; text-decoration: none;}

h1.page_title, h1.page_title a{font-weight: normal; font-size: 32px; line-height: 36px; color: #259502; margin-top: 10px; margin-bottom: 10px;}
h2.morzsa, h2.morzsa a{font-weight: normal; font-size: 12px; line-height: 16px; color: #259502;}

#header{background: #ffffff;}
#header-inner{padding: 15px 0px;}
#header-inner-logo{width: 100%; background: #00ABBE; padding: 15px; min-height: 70px; line-height: 0px;}
#header-inner-menu{width: 100%; background: #259502; padding: 0px 0px;}
#header-inner-menu ul{list-style: none; width: 100%;}
#header-inner-menu ul li{float: left; }
#header-inner-menu ul li:hover{background: #245F30;}
#header-inner-menu ul li a{display: inline-block; padding: 15px 30px; color: #ffffff; font-size: 18px; color: #ffffff;}
#header-inner-menu ul li a:hover{color: #ffffff; text-decoration: none;}
#header-inner-menu ul li ul{position: absolute; padding: 10px 0px; background: #245F30; width: auto; display: inline-block; z-index: 99999;}
#header-inner-menu ul li ul li{clear: both; background: #245F30; width: 100%;}
#header-inner-menu ul li ul li a{padding: 5px 30px; font-size: 14px;}
#header-inner-menu ul li ul li:hover{background: #259502;}
#header-inner-menu #mobile-on{display: none; cursor: pointer; float: right; margin: 23px 15px 0px 0px;}
#header-harmad-25-1{text-align: left; float: left; width: 25%; padding-right: 20px;}
#header-harmad-50{text-align: center; color: #259502; float: left; width: 50%;}
#header-harmad-50 h1{font-family: "Times New Roman"; font-size: 32px; line-height: 36px; margin-top: 10px;}
#header-harmad-50 h2{font-size: 14px; line-height: 18px; margin-top: 15px;}
#header-harmad-25-2{text-align: right; float: left; width: 25%; padding-left: 20px;}
#header-harmad-25-2 ul{list-style: none; float: right;}

#slider{margin-bottom: 30px;}

#article-contener{width: 100%;}
#article-contener-full{float: left; width: 100%;}
#article-contener-left{float: left; width: 75%; padding-right: 15px;}
#article-contener-right{float: right; width: 25%; padding-left: 15px;}

.article p{font-size: 16px; line-height: 28px; padding: 10px 0px 15px 0px;}
.article-nyito p{font-size: 24px; line-height: 32px; padding: 5px 0px 10px 0px; margin-bottom: 15px;}
.article h1{font-size: 36px; font-weight: normal; line-height: 32px; padding: 20px 0px 20px 0px;}
.article h2{font-size: 28px; font-weight: normal; line-height: 28px; padding: 15px 0px 5px 0px; }
.article p a{color: #259502;}
.article ul, .article ol{margin: 5px 30px 25px 30px;}
.article ul li, .article ol li{font-size: 16px; line-height: 28px; }
.articles-thumb{width: 200px; background-repeat: no-repeat!important; height: 200px; line-height: 0px; background-size: contain!important; background-position: 50% 50%!important; float: left; display:  inline-block; margin-top: 5px; margin-right: 10px; margin-bottom: 5px;}
#content{}
#content-inner{padding: 30px; background: #ffffff;}

.events{width: 100%; padding-top: 3px; margin-top: 3px; border-top: 1px solid #259502; }
.events-big-date{font-size: 28px; margin-top: 20px; margin-bottom: 15px; color: #259502;}
.events-date{float: left; background: #259502; color: #ffffff; font-size: 18px; padding: 10px; width: 17%; text-align: center;}
.events-name{float: left; width: 56%; padding: 10px;}
.events-facebbok{float: left; width: 10%; padding: 5px; text-align: center; line-height: 0px;}
.events-burl{cursor: pointer; float: left; width: 17%; padding: 10px; background: #245F30; color: #ffffff; font-size: 18px; text-align: center;}
.events-burl:hover{background: #259502;}
.events-burl a{color: #ffffff; text-decoration: none;}
.events-burl a:hover{color: #ffffff; text-decoration: none;}


#portfolio-contener{background: #DCDEE0;}
#portfoli-header{width: 100%; display: flex; flex-direction: row; }
#portfoli-header a{color: #ffffff;}
#portfoli-header a:hover{text-decoration: none; color: #00ABBE;}
#portfolio-text{width: 80%; float: left; background: #232323; font-size: 24px; line-height: 24px; color: #ffffff; padding: 20px 25px;}
#portfolio-logo{width: 20%; float: left; background: #00ABBE; padding: 20px 25px;}
.portfolio-item{float: left; width: 20%; line-height: 0px;}

#projects{width: 100%;}
.project{float: left; width: 50%; margin-bottom: 15px;}
.project_left{padding-right: 15px;}
.project_right{padding-left: 15px;}
.project p{font-size: 16px; line-height: 24px; padding: 5px 0px 10px 0px;}
 
.form-row-table{width: 100%; display: table; border-top: 1px solid #cccccc; padding-top: 5px; margin-top: 5px;}
.form-row-table-cell{display: table-cell; vertical-align: top; padding: 5px 0px;}
.form-row-table-cell-label{width: 250px;}
.form-row-table-cell-field{max-width: 100%;}
.form-row-table-cell label{display: block; font-weight: bold;}
.form-row-table-cell input[type="text"]{width: 100%; padding: 5px 10px; font-family: "Open Sans", sans-serif; border: 1px solid #cccccc;}
.form-row-table-cell textarea{resize: none; padding: 5px 10px; width: 100%; height: 100px; font-family: "Open Sans", sans-serif; margin-top: 5px;  border: 1px solid #cccccc;}
.form-row-table-cell input[type="submit"]{padding: 15px 30px;letter-spacing: 2px; cursor: pointer; color: #ffffff; border: none; outline: none; font-size: 14px; text-transform: uppercase; background: #00ABBE; transition: background 0.20s ease-in-out; -moz-transition: background 0.20s ease-in-out; -o-transition: background 0.20s ease-in-out; -webkit-transition: background 0.20s ease-in-out;}
.form-row-table-cell input[type="submit"]:hover{background: #232323;}

#footer{padding: 30px; background: #259502;}
#footer-inner{}
#footer-inner-love{text-align: center; font-size: 52px; line-height: 42px; font-style: italic; padding: 20px 0px 30px 0px; color: #ffffff; font-family: "Times New Roman", Georgia, Serif;}
#footer-inner-get-in-touch{padding: 15px 0px 30px 0px; text-transform: uppercase;}
#footer-inner-get-in-touch a{display: block; margin: auto; width: 300px; background: #ffffff; text-align: center; color: #259502; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 17px; letter-spacing: 4px; text-decoration: none; transition: background 0.20s ease-in-out; -moz-transition: background 0.20s ease-in-out; -o-transition: background 0.20s ease-in-out; -webkit-transition: background 0.20s ease-in-out;}
#footer-inner-get-in-touch a:hover{background: #245F30;}
#footer-inner-left{float: left; width: 50%; padding: 30px 15px 30px 30px; text-align: left; display: none;}
#footer-inner-left ul{list-style: none;}
#footer-inner-left ul li{font-size: 16px; line-height: 20px; padding: 1px 0px;}
#footer-inner-left ul li a{color: #ffffff;}
#footer-inner-left ul li a:hover{color: #00ABBE; text-decoration: none;}
#footer-inner-right{float: right; width: 100%;  padding: 30px 30px 30px 15px; text-align: right;}
#footer-inner-right ul{list-style: none; float: right;}
#footer-inner-right ul li{font-size: 14px; color: #ffffff; line-height: 20px; padding: 1px 0px; float: left; border-left: 1px solid #245F30; margin-left: 5px; padding-left: 5px;}
#footer-inner-right ul li:first-child{margin-left: 0px; border-left: 0px; padding-left: 0px;}
#footer-inner-right ul li a{color: #ffffff;}
#footer-inner-right ul li a.social-icon{display: inline-block; margin-left: 10px; }
#footer-inner-right ul li a.social-icon:first-child{margin-left: 0x;}
#footer-inner-right ul li a:hover{color: #245F30; text-decoration: none;}

.cookies{background: #000000; color: #ffffff; font-size: 17px; position: fixed; bottom: 0; left: 0px; padding: 15px 20px; width: 100%; z-index: 99999; text-align: justify;}
#cookie-understand{background: #259502; cursor: pointer; padding: 5px 10px; display: inline-block; margin: auto; float: right; margin: 10px 0px;}
#cookie-understand:hover{background: #444444;}
#cookie-understand:before, #cookie-understand:after{content:"";display:table;clear:both;}

#palyazat{max-width: 1270px; text-align: center; margin: auto; background: #fff; padding: 30px; overflow: hidden;}
#palyazatone{width: 50%; float: left;}
#palyazatone p{text-align: justify; padding: 10px 20px; line-height: 24px; font-size: 15px; color: #259502;}
#palyazattwo{width: 25%; float: left; text-align: center;}
#palyazatthree{width: 25%; float: left; text-align: center;}
#palyazatthree img{padding: 10px 0px; margin: 10px 0px;}

@media only screen and (max-width : 1330px) {
    #content{}
    #header{display: none;}
    #topmenu{display: none;}
    #header-inner-logo{max-width: 280px; width: auto;}
    #header-inner-menu{width: auto;}
    #header-inner-menu ul{display: none;}
    #header-inner-menu #mobile-on{display: block;  position:absolute; top: 0px;}
    #mm{display:block!important;}

}

    

@media only screen and (max-width : 1000px) {
    #article-contener-left{width: 100%;}
    #article-contener-right{ margin-top: 25px; padding-top: 25px; border-top: 1px dotted #cccccc; padding-left: 0px; width: 100%;}
}

@media only screen and (max-width : 600px) {
    
    #slider_contener{display: none;}
    .portfolio-item{float: left; width: 50%; line-height: 0px;}
    #portfoli-header{display: block;}
    #portfolio-text{width: 100%; float: left;}
    #portfolio-logo{width: 100%; float: left;}
    .form-row-table{display: block;}
    .form-row-table-cell{display: block; width: 100%;}
    .form-row-table-cell-label{width: 100%;}
    .form-row-table-cell-field{width: 100%;}
    .project_left{padding-right: 0px; width: 100%;}
    .project_right{padding-left: 0px; width: 100%;}
    #footer-inner-right ul{list-style: none; clear: both; margin: auto; text-align: center;}
    #footer-inner-right ul li{font-size: 14px; color: #ffffff; line-height: 20px; padding: 1px 0px; clear: both; padding: 3px 0px; margin: 0px; border: none; text-align: center;}
    #footer-inner-right ul li a{margin: auto;}
    #palyazatone{width: 100%;}
    #palyazattwo, #palyazatthree{width: 100%;}
}