body{ background:url(../images/wood_texture.jpg) center top; font-size:10px; color:#535353;}

/*-------------------------------- Font-Styles ---------------------------------------------------------*/
a{ color:#000; text-decoration:none; border-bottom:1px solid #de2929;}
a:hover{ color:#de2929; border-bottom:1px solid #535353;}
h1, h2, h3, h4, h5, h6{ font-size:1.65em; font-weight:normal; color:#2f2f2f; margin-bottom:10px;}
h2{ font-size:1.5em;}
h3{ font-size:1.35em;}
h4{ font-size:1.2em;}
h5{ font-size:1.2em; font-weight:bold;}
h6{ font-size:1.1em; font-weight:bold;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ color:#ff0000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ border:none;}

ul.check{ list-style:url(../images/checklist.png); list-style-position:inside; margin-left:10px;}
ul.nocheck{ list-style:url(../images/nocheck.png); list-style-position:inside; margin-left:10px;}
ul.underline{ list-style:none;}
ul.underline li{ border-bottom:1px solid #dcdcdc;}
ol{ list-style:decimal; list-style-position:inside; margin-left:10px;}

p{ margin:10px 5px; font-size: 95%;}
code{ background-color:#f0f0f0; border:1px solid #ccc; padding:2px 4px;}

/*--------- Woodey Styles ---------*/
.padd_left{ padding:20px;}
.margin_inner{ margin:0 15px;}
.no_margin_bottom{ margin-bottom:0;}
.sidebar_entry{ margin-bottom:20px;}

/*The two following lines add some rounded border to some elements on the page remove the comment to make them work*/
/*.rounded_three, .pagination li{-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.rounded_five{-moz-border-radius: 5px; -webkit-border-radius: 5px;}*/

/*-------------------------------- Font-Styles ---------------------------------------------------------*/

#wrapper{ background:url(../images/wrapper_bg.jpg) top center no-repeat;font-family: "Trebuchet MS"; text-decoration: none; word-spacing:0; letter-spacing: 0; line-height: 1.7em; font-size: 140%;}

/*--------- Special home header for the slider ---------*/
#head_home{ position:relative; width:960px; padding:0 40px; margin:0 auto; background:url(../images/wrapper_bg.jpg) top center no-repeat; height:450px;}
/*--------- normal head ---------*/
#head{ position:relative; width:960px; padding:0 40px; margin:0 auto; height:450px; z-index:2;}

#logo{ float:left; display:block; height:174px;}

/*--------- Navigation with multilevel dropdown ---------*/
#navigation, #feeds{float:right; margin:60px 0 0 5px; line-height: 1.9em;}
#navigation li, #feeds li{ background:url(../images/navigation_bg.png) repeat; float:left; padding:8px 14px 11px 5px; display:inline; position:relative; cursor:pointer; /*the z-index is just for the IE*/z-index:400;}
#navigation li a, #feeds li a{ border:none; color:#c7c7c7; text-decoration:none;}
#navigation li:hover > a, #feeds li:hover > a, #navigation li.active{ color:#dc3333;}
/*Dropdown*/
#navigation li ul { display:none; position:absolute; left:0; top:100%; padding:0; margin:0; z-index:300;}
#navigation li:hover > ul {display:block;}
#navigation li ul li a{ display:block; width:120px;}
#navigation li ul li ul{ position:absolute; top:0; left:100%;}

/*--------- Slider styling ---------*/
#slider_out{ float:right; width:425px; height:372px; margin:109px auto 0 auto; }
#slider{float:right; background:url(../images/preloader.gif) center no-repeat; width:425px; height:272px; overflow:hidden; position:relative;}
#slider_images{ display:none;}
#slider ul li{ position:absolute; z-index:100;}
#slider ul li img{ display:block;}
#slider_navigation{ position:absolute; left:-44px; z-index:200; width:40px; height:372px; display: table;}
#slider_navigation ul{ list-style:none; margin:0; padding:0; display:table-cell; vertical-align: middle;}
#slider_navigation ul li{ width:20px; height:20px; margin:2px 10px; background:url(../images/slider_nav_inactive.png) no-repeat; cursor:pointer;}
#slider_navigation ul li.active, #slider_navigation ul li:hover{ background:url(../images/slider_nav_active.png) no-repeat;}

#quotation{height:75px; background:url(../images/devider.png) bottom center no-repeat; text-align:center;}
#quotation h1{ border:none; font-size:145%; color:#535353;}

.breakline{ width:100%; height:2px; margin-bottom:10px; background:url(../images/break_line.png) repeat-x;}

#content_shadow_top{ position:relative; width:100%; height:64px; background:url(../images/content_shadow_top.png) repeat-x; margin-top:-47px; z-index:1;}
#content_shadow_bottom{ position:relative; width:100%; height:64px; background:url(../images/content_shadow_bottom.png) repeat-x;}
#content{ width:100%; background:#eaeaea;}
.content_wrapper{width:960px; margin:0 auto; padding:50px 0 10px 0;}

#footer{ width:100%; background:url(../images/footer_verybottom_bg.png) bottom left repeat-x;}
#footer_wrapper{ width:960px; margin:0 auto 50px auto;}
#footer_wrapper h1{ margin:0; padding:0; color:#fff; font-size:130%; line-height:normal; border-bottom:none;}
#footer_verybottom{ width:960px; height:34px; padding:6px 0 0 0; margin:0 auto; line-height: 1em; font-size: 90%;}
#footer_verybottom p{ float:left;}

#footer_wrapper ul{ list-style:none; margin-top:15px;}
#footer_wrapper ul li { background:url(../images/footer_list.png) bottom left repeat-x; cursor:pointer; padding:3px 0;}
#footer_wrapper ul li:hover { background:url(../images/footer_list_hover.png) bottom left repeat-x;}
#footer_wrapper ul li a{ text-decoration:none; border:none; color:#a3a3a3;}
#footer_wrapper p{ margin-top:18px; padding:0; color:#a3a3a3;}

#footermap{ float:right; list-style:none; margin-top:8px; }
#footermap li{ display:inline; list-style:none; padding:0 10px 0 3px; background:url(../images/footermap_devider.png) right center no-repeat;}
#footermap li a, #footermap li a:hover, #footermap li a:active, #footermap li a:visited{ text-decoration:none; border:none; color:#c7c7c7;}
#footermap li.no_bg{ background:none;}

/*--------- Notifications ---------*/
.noti_warning{ background:url(../icons/block_32.png) 10px center no-repeat #ffcccc; border:1px solid #ff9999; color:#be3a3a; text-align:center; padding:10px 52px; margin-bottom:20px;}
.noti_note{ background:url(../icons/warning_32.png) 10px center no-repeat #ffeba9; border:1px solid #eec63f; color:#9a802a; text-align:center; padding:10px 52px; margin-bottom:20px;}
.noti_info{ background:url(../icons/address_32.png) 10px center no-repeat #b7e5ff; border:1px solid #5495c7; color:#3580ab; text-align:center; padding:10px 52px; margin-bottom:20px;}
.noti_success{ background:url(../icons/tick_32.png) 10px center no-repeat #c4f1a3; border:1px solid #90c249; color:#4e7c2d; text-align:center; padding:10px 52px; margin-bottom:20px;}

/*--------- Pagination ---------*/
.pagination li{ float:left; margin:0 2px; background-color:#f0f0f0; border:1px solid #cccccc;}
.pagination li a{ color:#979797; padding:0 10px; border:none;}
.pagination li a:hover{ color:#626262;}
/*.paginat on li a{background-color:f0f0f0; padding:2px 5px;}*/

/*--------- Home spcific styles ---------*/
.home_pic{ width:278px; height:90px; padding:5px; background:url(../images/home_pic_bg.png) no-repeat;}

.homerow {
  display: flex;
  width: 100%;
}


/*--------- About spcific styles ---------*/
.about_pic{ width:613px; height:190px; padding:5px; background:url(../images/about_pic_bg.png) no-repeat;}

/*--------- Blog spcific styles ---------*/
.blog_pic{ width:613px; height:190px; padding:5px; background:url(../images/about_pic_bg.png) no-repeat;}
.blog_entry{ position:relative; margin:0 0 50px 0;}
.blog_date{ margin:-6px 0 4px; padding:0; color:#cccbcb;}
.blog_date a, .blog_date a:hover, .blog_date a:active{ color:#999898; border:none;}
a.readmore_btn{ margin:20px 5px; text-align:center;padding:2px 8px; color:#979797; background-color:#f0f0f0; border:1px solid #cccccc;}
a.readmore_btn:hover{color:#575757; border:1px solid #575757;}

/*--------- Portfolio-Single spcific styles ---------*/
.portfolio_single_pic{ width:613px; height:190px; padding:5px; background:url(../images/about_pic_bg.png) no-repeat;}

/*--------- Portfolio spcific styles ---------*/
#portfolio a{ border:none;}
.portfolio_pic_small{ width:278px; height:140px; padding:5px; background:url(../images/portfolio_small_bg.png) no-repeat;}
.portfolio_small_zoom{ display:none; z-index:20; position:absolute; top:5px; left:5px; width:278px; height:140px; background-color:#000;}
.portfolio_pic_medium{ width:446px; height:140px; padding:5px; background:url(../images/portfolio_medium_bg.png) no-repeat;}
.portfolio_medium_zoom{ display:none; z-index:20; position:absolute; top:5px; left:5px; width:446px; height:140px; background-color:#000;}
.portfolio_pic_big{ width:950px; height:220px; padding:5px; background:url(../images/portfolio_big_bg.png) no-repeat;}
.portfolio_big_zoom{ display:none; z-index:20; position:absolute; top:5px; left:5px; width:950px; height:220px; background-color:#000;}

.portfolio_hidden_more{ display:none;}

.portfolio_menu{display:none; position:absolute; z-index:21; top:50%; left:50%; margin:-35px 0 0 -73px; width:146px; height:70px; background:url(../images/portfolio_hover.png) no-repeat;}
.portfolio_menu_zoom{ float:left; width:73px; height:70px; cursor:pointer;}
.portfolio_menu_more{ float:left; width:73px; height:70px; cursor:pointer;}

/*--------- Portfolio alternative 1 spcific styles ---------*/
.portfolio_small_zoom_alt{ display:none; z-index:20; position:absolute; top:5px; left:5px; width:278px; height:140px; background:url(../images/portfolio_zoom_small.png); cursor:pointer;}
.portfolio_medium_zoom_alt{ display:none; z-index:20; position:absolute; top:5px; left:5px; width:446px; height:140px; background:url(../images/portfolio_zoom_medium.png); cursor:pointer;}
.portfolio_big_zoom_alt{ display:none; z-index:20; position:absolute; top:5px; left:5px; width:950px; height:220px; background:url(../images/portfolio_zoom_big.png); cursor:pointer;}

/*--------- Contact spcific styles ---------*/
#contact ul li{ margin:10px 0;}
#formwrapper{ margin-top:20px; padding:20px 0; background-color:#efefef; border:1px solid #cfcfcf;}
#contact form{ margin:0 auto; width:445px;}
#contact label{ display:block; float:left; width:80px;}
#contact input.textinput{ width:278px; height:18px; padding:5px 10px; background-color:#f8f8f8; border:1px solid #cfcfcf;}
.error{background-color:#ffcccc; border:1px solid #ff9999;}
#contact textarea{ padding:10px; background-color:#f8f8f8; border:1px solid #cfcfcf;}
#submit_btn{ margin-left:80px; cursor:pointer; padding:5px 10px; background-color:#f8f8f8; border:1px solid #cfcfcf;}

/*new css 4-9-2023*/
div.gallery {
    margin: 5px;
    border: 1px solid #000;
    float: left;
    width: 22%;
    padding: 7px;
    border-radius: 5px;
}
div.gallery a {
    border: none;
    text-decoration: none;
}
div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: 350px;
    object-fit: fill;
}

div.desc {
  padding: 15px;
  text-align: center;
}
.py-50{
padding:50px 0;
}

@media only screen and (max-width: 768px) {
	div.gallery {
width: 100%;
}
}