@charset "utf-8";

* { outline:none; }

body,

.main,

.clr,

.header,

.content,

.prefooter,

.footer,

form,

ol,

ol li,

ul { margin:0; padding:0; }

ol,

ul,

li { list-style:none; }

body { width:100%; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; color:#717171; }

img { border:none; }

.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }

.fl { float:left; }

.fr { float:right; }

.tal { text-align:left; }

.tar { text-align:right; }

.tac { text-align:center; }

hr { border:1px solid #c8c8c8; margin:30px 0; }



.sep_line { clear:both;  padding:0px 0 0px 0; width:100%; height:1px; background:url(../images/nglcs/sep_line.png) repeat-x top left; }

.separator { clear:both; margin:35px auto; padding:0px 0 0px 0; width:100%; height:1px; background:url(../images/sep.png) repeat-x top left; }

.separator.small { margin:10px auto 10px;}

.separator_clear { margin:20px auto; padding:0; width:100%; height:2px; }

.separator_clear.small { margin:10px auto;}



/*MAIN BACKGROUNDS*/

.body_pattern { background:#e4d7ca url(../images/bg_19.jpg) repeat top left !important;}



.main { margin:0 auto; padding:0; position:relative; }

#page { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); overflow: hidden; position: relative; width: 100%; }

a { color:#d38036; font-weight:normal; text-decoration:none; }

p { margin:0; padding:0 0 10px; color:black; }



h1 { margin:0; padding:0px 0 0 0px; font-weight:bold; font-size:48px;  line-height:1em; color:#8a8a8a; text-transform:uppercase; text-align:center; }

h1 a { color:#8a8a8a; text-decoration:none; }

h1 span { color:#bbbbbb; font-size:12px; font-style:italic; font-weight:normal; line-height:1em;  text-transform:none;  display:block; }

h1 a:hover { text-decoration:none; }

/*post_titles*/

h2 { width:auto; margin:0 0 15px 0; padding:0; font-size:24px; font-weight:normal; color:black; text-align:left; text-transform:uppercase;  line-height: 1.2; }

h2 span { color:black; }

h2 a { color:#8a8a8a;  }

/*images titles etc,...*/

h3 { margin:0 0; font-size:12px; font-weight:bold; color:#8a8a8a; text-transform:uppercase; line-height:10px; padding:5px 0 10px;  line-height: 1.2;}

h3 span { color:#989898; text-decoration:none; font-weight:normal; font-style:normal; margin:0; padding:0; font-size:11px; display:block; }

h3 a { color:#8a8a8a; text-decoration:none; }

h3 a:hover { text-decoration:none; color:#8a8a8a; }

h3 span a:hover { text-decoration:none; color:#8a8a8a; }

/* header */

.header { margin:0 auto; padding:0 0 0px 0; }

.header_resize { margin:0 auto; padding:0px 25px 0px 25px; min-height:100px; }

.header_resize.first { background:url(../images/header_bg.png) no-repeat top center;}

.header_resize.second {background:url(../images/main_bg.png) repeat-y top center; }



.logo { margin:auto; padding:35px 0 0 ; font-size:30px;  line-height:1em; }

.logo div { margin:0 auto; padding:0; font-weight:normal; display:block; text-align:center; text-transform:none; font-style:italic;  }

.logo img { width: 75%; height: auto; }

.logo div a,

.logo div span,

.logo div a:hover { color:#d38036; text-decoration:none; font-weight:normal;  }

.logo p { padding:0 0 1px 3px; margin:0; font-size:12px; line-height:1.4em; color:#8d8d8d; display:block; font-style:italic; text-transform:none;text-align:center;}







/*now_page*/

.now_page { margin:0 auto; padding:00px 0 0px; width:100%; }

.now_page_resize { margin:0 auto; padding-bottom:30px; }



#now_slider {padding:20px 10px 0;}

.menu .tinynav { display: none; }



.index_content { }

.index_content_resize { }



/*.h2_with_ico img {float:left; margin:0 12px 0 0;}

.h2_with_ico h2 { padding-top:3px;}*/



h3.h3_act_href { clear:both; width:100%; text-align:left; display:block; }

h3.h3_act_href a span,h3.h3_act_href a{ color:#8a8a8a; text-decoration:none; font-weight:bold;}

h3.h3_act_href a:hover span,h3.h3_act_href a:hover{color:#d38036; text-decoration:none;}



h3.h3_act_href a.ico_1{padding:0px 0 71px 90px;background:url(../images/nglcs/NJ-seal-ico.png) no-repeat left top;}

h3.h3_act_href a.ico_1:hover{background:url(../images/nglcs/NJ-seal-ico.png) no-repeat left top;}

h3.h3_act_href a.ico_2{padding:0px 0 71px 90px;background:url(../images/nglcs/salvationarmy_ico.png) no-repeat left top;}

h3.h3_act_href a.ico_2:hover{background:url(../images/nglcs/salvationarmy_ico.png) no-repeat left top;}

h3.h3_act_href a.ico_3{padding:0px 0 71px 90px;background:url(../images/nglcs/homeland-security-ico.png) no-repeat left top;}

h3.h3_act_href a.ico_3:hover{background:url(../images/nglcs/homeland-security-ico.png) no-repeat left top;}

h3.h3_act_href a.ico_4{padding:0px 0 71px 90px;background:url(../images/ico-04.png) no-repeat left top;}

h3.h3_act_href a.ico_4:hover{background:url(../images/ico_a-04.png) no-repeat center top;}



.col3 p.p_act_href {padding:5px 0 0 90px;}



.note { margin:0 auto; padding:0;}

.note p {color:#8d8d8d; font-size:14px; font-style:italic; font-weight:normal; padding:0 0 0 70px; background:url(../images/quote.png) no-repeat left top;}

.note.small { margin:0 auto; padding:0;}

.note.small p{}



/* social */

.social { font-weight:normal; font-style:normal; margin:0px 0 0; padding:10px 0 0; }

.social_text { padding:14px 6px 0px 0px; color:#393e41; font-size:14px; display:block; text-align:left; }

.social_text span { color:#767676; font-size:12px; display:block; }

.social1 { background:url(../images/social-01.png); }

.social2 { background:url(../images/social-02.png); }

.social3 { background:url(../images/social-03.png); }

.social4 { background:url(../images/social-04.png); }

.social5 { background:url(../images/social-05.png); }

.social6 { background:url(../images/social-06.png); }

.social7 { background:url(../images/social-07.png); }

.social1:hover { background:url(../images/social_a-01.png); }

.social2:hover { background:url(../images/social_a-02.png); }

.social3:hover { background:url(../images/social_a-03.png); }

.social4:hover { background:url(../images/social_a-04.png); }

.social5:hover { background:url(../images/social_a-05.png); }

.social6:hover { background:url(../images/social_a-06.png); }

.social7:hover { background:url(../images/social_a-07.png); }



.p404 h2{ font-size:50px; color:#d38036;  text-align:center; margin:40px auto 0; line-height:1.2em; }

.p404 h2 span{ font-size:36px;  color:#7D7D7D; text-align:center; margin:10px auto 0; line-height:1.2em; }

.p404 p,.p404 a{ font-size:24px; color:#B4B4B4; text-align:center; padding:80px 0 60px; line-height:1.2em; }

.p404 p span { font-size:24px; display:block; text-align:center; margin:20px auto; line-height:1.2em; }

.p404 h2,

.p404 .btn { margin-bottom:0; }

.p404 .content_box { margin-bottom:40px; }

/* Slider */

#slider-wrapper object{ width: 100%; }



#slider h1 { font: bold italic 30px "Liberation Sans", Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; }

#slider .flash_slider { width:100%; height:470px; margin:0px auto 0; overflow:hidden; }

#slider-wrapper #piecemaker, .bannerholder {  margin-top:0px;}

/* content */

.content { margin:0 auto 0px; padding:0px 0px; background:url(../images/main_bg.png) repeat-y top center;}

.content_resize { margin:0 auto; padding:0 0px 20px 0; position:relative; }



.h2_href_fr a {color:#999999;}



.img_hover_box.pic a { display: block; position: relative; }

.img_hover_box.pic a img { margin:0; max-width: 100%; height: auto; }

.img_hover_box.pic a img.h { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.h { visibility:visible; }



.backgr { background:#0b0b0b;}

.backgr:hover {background:#d38036;}

.backgr h3 {padding:10px 15px; font-size:14px;}

.backgr h3 a span{ color:#999999; font-size:14px; font-style:normal;}

.backgr:hover h3 a span,.backgr:hover h3 a:hover span,.backgr:hover p{ color:#2d2d2d; }



/*4cols*/

.cols4 { margin:0 auto; width:100%; padding:0; text-align:left; }

.col4 { width: 22%; margin:0 15px 0 5px; float:left; padding:0; }

.col4.last { float:right; margin-right:0; }

.cols4 .img_hover_box.pic a { width: 100%; }



/*3cols*/

.cols3 { margin:0px auto 0; padding:0 15px; text-align:left; }

.col3 { width: 30%; margin:0 10px 0 0; float:left; padding:0; }

.col3.big { width: 30%; margin:0 25px 0 0; float:left; padding:0; }

.col3 p { margin:0; padding:0; }

.col3.last { float:right; margin-right:0; }

.cols3 .img_hover_box.pic a { width: 100%; height: auto; }





/*2cols*/

.cols2 { margin:0px auto 0; width:100%; padding:0; text-align:left; }

.col2 { width: 46%; margin:0 20px 0 0; float:left; padding:0; }

.col2.last { float:right; width: 46%; margin-right:0; padding:0; }

.cols2 .img_hover_box.pic a { width: 100%; }



/*1cols*/

.cols1 { margin:0px auto 0; width:100%; padding:0; text-align:left; }

.col1 { width:100%; margin:0 0 0 0; padding:0; }

.cols1 .img_hover_box.pic a { width: 292px; height:250px; float:left;  }

.cols1 .img_hover_box.pic a img{ float:left; }



.cols1 .backgr { width: 100%; height:250px; border-bottom:none;}

.cols1 .backgr h3{padding:20px; width:268px; float:right;}

.cols1 .backgr p{padding:0 20px; width:268px; float:right;}



.content_box { padding:0px 10px; /*margin:0 auto 20px; border:1px solid #FFF; background:#fafafa;*/ }

.content_box.no_padding { padding:0; }



.content_full_size { width:100%; }

/*centercol*/

.centercol { }

.centercol.last { }

/*sidebar*/

.sidebar { }

.sidebar.last { }

.sidebar h2 { margin-top:0; padding-top:0;  }

.sidebar_flickr,

.sidebar_text,

.sidebar_twit,

.sidebar_recent { margin:0px 0px 25px 0px;  padding-bottom:0px; }

.flickr img { margin:2px 4px 0 0; padding:2px; background:#efefef; border:1px solid #efefef; }

.flickr a:hover img { background:#fff; }

.sidebar_text { }

.sidebar_twit p { padding:0 0 10px 30px ; background:url(../images/twitter_li.png) no-repeat top left; }

.sidebar_twit a { display:block;  color:#a4a4a4; font-size:11px; font-style:italic; }

.sidebar_recent img {float:left; margin:0 10px 10px 0; padding:2px; background:#fff; border:1px solid #d4d4d4; }

.sidebar_recent a:hover img { border:1px solid #000; }

.sidebar_recent p { padding:0px 0 10px; }

.sidebar_recent a { display:block; font-style:normal; font-size:12px; text-decoration:none; color:#767676;text-decoration:none; }

.sidebar_recent span { display:block; color:#a4a4a4; font-style:italic; font-size:11px;  }



.recent_post { clear:both; padding:10px 0;}







/*columns*/



.users_list { margin:0 auto; }

.users_list img { float:left; margin:5px auto; }

.users_list p,

.users_list h3 { float:right; width:80%; margin:5px 0 5px; padding:0; }



a.more { color:#8b8b8e; font-weight: normal; text-decoration: none; }

/*sub_page_about*/

.about_span { padding:0 0 0 40px; background:url(../images/qoute.png) no-repeat top left; }

/*sub_page_portfolio*/

.sub_page_portfolio h3 { margin:5px 0 10px; padding:0; color:#656566; font-size:13px; font-weight:bold; text-transform:none; margin-top:10px; }

.sub_page_portfolio h3 a { color:#656566; text-decoration:none; font-weight:bold; }

.sub_page_portfolio h3 a:hover { color:#d67732; text-decoration:none; font-weight:bold; }

/*4cols*/

.col_boxes_4 { margin:20px auto 20px; width:100%; padding:0; text-align:left; }

.col_box_4 { width:229px; margin:0 31px 0 0; float:left; padding:0; }

.col_box_4.first { width:200px; }

.col_box_4.last { float:right; margin-right:0; }

.col_box_4 h2 { margin-bottom:0; padding:0; }

.users { margin:20px 0 0; }

.users h3 { margin:10px 0 0; padding:0; font-size:12px; font-weight:bold; color:#313131; }

.users_img { float:left; margin:10px 0 0; padding:3px 4px 15px; background:url(../images/user_bg.png) no-repeat top left; }

.user_descr { float:right; width:396px; padding:0; line-height:20px; }

/*sub_page_blog*/

.post h3 { padding-top:15px; padding-bottom:0; margin-bottom:0; font-size:16px; font-weight:normal; color:#414141; }

.post h3 a,

.post h3 a:hover {  }

.post .pic { margin:0 0 20px; }

.post_detail { font-size:11px; color:#a4a4a4; font-style:normal; padding:0; font-size:11px; font-weight:normal; margin:0 0 5px 0; }

.post_detail a { font-size:11px; color:#a4a4a4; font-weight:bold; font-style:normal; text-decoration:none; }

.post_detail a:hover { font-size:11px; color:#a4a4a4; text-decoration:none; }

.post_date {  color:#fff; font-style:normal; font-weight:normal; font-size:18px; float:left; text-align:center; padding:8px 15px; background:#d38036; border-top:3px solid #353535; margin:0 20px 20px 0; display:none;}

.post_date span { color:#fff; font-style:normal; font-weight:normal; font-size:12px; display:block; margin-top:5px; padding:5px 3px 0; text-align:center; border-top:1px solid #fff; }





.post_detail a.read_more:hover { color:#d38036; font-style:normal; font-weight:normal; }

/*pagination*/

.pagination { margin:0; float:none; padding:10px 10px 00px 0; width:100%; text-align:left; font-weight:normal; }

.pagination a { padding:5px 8px; color:#939393; font-weight:normal; text-decoration:none; background:none; border:transparent; }

.pagination a:hover { padding:5px 8px; text-decoration:none; background:#222222; color:#939393; border:transparent; }

.pagination span.current_page { padding:5px 8px; color:#fff; background:#d38036; border:transparent; }

.pagination span.count_pages { margin-left:11px; padding:5px 8px 5px 8px; background:#222222; color:#939393; border:transparent; }

/*navigation*/

.navigation { margin:0 auto 20px; padding:8px 0 10px 0; width:900px; }

.navigation a { padding:2px 4px; color:#656563; font-size:11px; text-decoration:none; font-weight:normal; }

.navigation a:hover { color:#656566; }

.navigation span.current { color:#656566; padding:0; font-size:11px; }

.navigation span.text { color:#c3c3c3; padding:0; font-size:12px; }

/*sub_page_contact*/



/*form Contact_us*/

#contactform { margin:0; padding:5px 0; }

#contactform * { color:#8b8b8e; }

#contactform ol { margin:0; padding:0; list-style:none; }

#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }

#contactform li.buttons { margin:5px 0 5px 0; clear:both; }

#contactform label { margin:0; width:60px; padding:6px 0; text-transform:none; float:left; font-weight:normal; color:#8b8b8b; }

#contactform label .ness { color:#656566; }

#contactform label span { color:#8b8b8b; }

#contactform input.text { width: 50%; border:1px solid #d3d3d3; margin:5px 0; padding:5px 2px; height:16px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }

#contactform textarea { width: 60%; border:1px solid #d3d3d3; margin:4px 0; padding:5px 2px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }

#contactform li.buttons input { padding:0 0 3px 0; margin:10px 0 0 60px; border:0; color:#FFF; float:left; }

/*form AppForAsst*/

#AppForAsstForm { margin:0; padding:5px 0; }




/* prefooter */

.prefooter { margin:0 auto;  padding:30px 20px; background:url(../images/main_bg.png) repeat-y top center; }

.prefooter_resize { margin:0 auto 0px; padding:30px 0px 0px 30px; border-top:8px solid #efefef; }

.prefooter p { }

.prefooter .fcol { margin:20px 25px 0 0; float:left; padding:0; }

.prefooter .fcol.twit p { padding:0 0 20px 30px ; background:url(../images/prefooter_twitter_li.png) no-repeat top left; }

.prefooter .fcol.pop_posts p { padding:0 0 20px 30px ;}

.prefooter .fcol.twit a,

.prefooter .fcol.pop_posts a { color:#4e4e4e; font-style:normal; }

.prefooter .fcol.pop_posts img { float:left; margin:5px 20px 0 0; }

.prefooter .fcol.last { margin-right:0; float:right; }









/* footer */

.footer {margin:0 auto;  padding: 27px 50px 0; background:url(../images/footer_bg.png) no-repeat bottom center; min-height:250px; }

.footer_resize { margin:0 auto; padding:30px 0px 20px; }

.footer a { color:#8d8d8d; }

.footer p { text-align:center; color:#8d8d8d; }



.footer .logo { padding:30px 0 150px; margin:0; }





/*coments*/

#coment { overflow:hidden; margin:10px 0; padding-bottom:10px; }

#coment img { float:left; margin-right:20px; }

#coment h3 { margin:0; padding:0; }

#coment .podpis { float:left; margin:5px 0; width:80%; }

#coment .podpis a { margin-left:10px; }

#coment2 { overflow:hidden; margin:10px 0 00px 50px;  padding-bottom:10px; }

#coment2 img { float:left; margin-right:20px; }

#coment2 h3 { margin:0; padding:0; }

#coment2 .podpis { float:left; margin:5px 0; width:78%; }

#coment2 .podpis a { margin-left:10px; }

#coment3 { overflow:hidden; margin:10px 0 00px 100px;  padding-bottom:10px; }

#coment3 img { float:left; margin-right:20px; }

#coment3 h3 { margin:0; padding:0; }

#coment3 .podpis { float:left; margin:5px 0; width:75%; }

#coment3 .podpis a { margin-left:10px; }

#coment3 .lin { border-top:1px solid #c8c8c8; margin-top:20px; }





.pic img { padding:3px; background:#fff; border:1px solid #f0f0f0; max-width: 100%; height: auto;}

.pic a:hover img {background:#efefef; max-width: 100%;} 

.pic img {margin-bottom:0px; max-width: 100%; height: auto;}

.pic a {margin-bottom:15px;}

.pic.fl { margin:5px 20px 10px 0; }

.pic.fr { margin:5px 0 20px 10px; }



.btn { margin:2px 0 0;  padding:10px 0px 0; text-align:center; }

.btn a { font-size:14px; color:#d38036; text-transform:uppercase; height:33px;  padding:10px 15px 10px; background:url(../images/btn_bg.png) repeat-x top center; border:1px solid #ececec; font-weight:bold; }







/*img_hover_box_r_plus*/

.img_hover_box.pic a img.r_plus_overlay { position: absolute; top: 0; left: 0; visibility:hidden;  border:none; width:100%; height:100%; padding:0; width:214px; }

.img_hover_box.pic a:hover img.r_plus_overlay { visibility:visible; background:url(../images/overlay.png) repeat;}

.img_hover_box.pic a img.r_plus { position: absolute; top: 38%; left: 38%; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.r_plus { visibility:visible; }



/* gallery-categ */

.gallery-categ { margin:0; padding:0;}

.gallery-categ li { padding:0; float:left; border-right:1px solid #CCC;}

.gallery-categ li:last-child { border-right:0;}

.gallery-categ li a { font-weight:bold; display:block; padding:5px 10px;}

.gallery-categ li.active a { text-decoration:underline;}



/*4cols_gallery*/

.col44 { width:213px; float:left; padding:0; margin-right:12px; position:relative; top:0px; margin-top:50px; padding-bottom:40px;}

.col44 h3 { position:relative; bottom:0px; margin-bottom:0px;}

.col44 a img { margin-top:0px;}

.col44.last { float:right; margin:0; margin-right:0px;}

.col44.invisible-box { display: none; opacity: 0;  z-index: 1;}



/*detail a*/

.detail a,a.detail {color:#d38036; font-size:10px; text-align:left; font-weight:bold;}



.content_full_size.gap85 { padding: 0 1%; width: 98%; }

/* search */

.search { margin:0px 0 0 0; float:right; padding:00px 0 0 0; width:220px; height:32px; }

.search form { margin:0; padding:0; width:auto; }

.search span { display:block; margin:0; padding:0; float:left; background:url(../images/search_bg.png) no-repeat left top; }

.search input.editbox_search { margin:0; padding:9px 10px 6px; float:left; width:159px; height:22px; font-size:11px; line-height:16px; color:#a1a1a1; background:none; border:none; }

.search input.button_search { margin:0; padding:0; border:none; float:left; }

.gap { width: 100% !important; margin: 0px !important; padding:0px !important; }

.gap1 { margin-left: 15px; }

.gap2 { margin-right: 15px; }

.gap6 { margin-left: 0 10px; }

.blog_list { padding:0 10px 30px 10px; }

.space { width: 45% !important; }

.gap7 { padding:0 10px; }

.content_page { padding: 0 15px; }





.one_third_pad img { max-width: 100%; height: auto; }

.one_half_pad img { max-width: 100%; height: auto; }

.one_third_pad h2 { font-size: 14px !important; line-height: 18px; }

.two_third_pad img { max-width: 100%; height:auto; }

.dc_pricingtable03 li h2 { font-size:24px !important;}

.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; float: none !important; width: auto !important; background: none !important; }

.dc_pricingtable03 li h2.caption { color:#999 !important; font-size:28px !important;}

.dc_pricingtable06 ul li h3 { font-size:28px !important; color:#fff !important; line-height:180% !important;}

.dc_pricingtable05 ul li h3 { font-size:28px !important; line-height:250% !important;}

div.dc_pricingtable03 .align_center h2 { text-align: center !important; float: none !important; width: auto !important;  }

.dc_tile_portfolio_content h3 { text-align: left !important; }





/* */

.pricing_column_first.gap { width: 15.5% !important; }

.oneForth { margin:20px auto; float: left; width: 25%; }

.oneForth img { max-width: 100%; height: auto; }

.oneThird { margin: auto; width: 23%; }

.one_fourth_pad img { max-width: 100%; height: auto; }

/* */

.center_small_box > div:after { clear: both; display: block; }

.center_small_box > div {  position: relative; }

/* img h2 */

h2 img { max-width: 100%; height: auto; }

#slider-wrapper object { width: 100%; }

div.dc_pricingtable03 h1 { font-size: 42px !important; }

div.dc_pricingtable03 h1 span { display: inline !important; }



h1.gap90 {

    color: #555555 !important;

    font-size: 24px !important;

    font-weight: bold !important;

    padding: 20px 0 !important;

    text-align: left !important;

}





@media only screen and (max-width: 767px) {

#webstore-navigation li { float:none !important; margin: 5px 0 0 0 !important;}

#catalogue .last-column > div { margin:5px 0 0 0 !important;}

#catalogue .product { float:none !important; width: auto !important;}

#webstore { min-width: auto !important;}

	}

.centerheader {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    }

.areaboarder {border:1px solid #000;padding: 10px 10px 10px 10px; width:90%; margin:10px; background-color: #f2f2f2; }

      

      form {
        display:grid;
        grid-template-columns:auto 1fr;
        grid-gap:5px;
        margin:10px;
      }
 
.monthly label {
        display: block;
        float: left;
        width: 100px;
    }

    .client label {
      display: block;
      float: left;
      width: 100px;
   }