@charset "utf-8";
#panel_setting_side { display: none;}
* { border:0; margin:0 auto; padding:0; outline:none; }
ol, ul, li { list-style:none; }
a { text-decoration:none; color:#626262; }
body { width:100%; margin:0; padding:0; font:normal 12px/150% "Liberation sans", Arial, Helvetica, sans-serif; }
.body_pattern { background: #fff;}
.clr { clear:both; padding:0; margin:0; width:auto; font-size:0px; line-height:0px; }
.bg { clear:both; padding:0; background:url(../images/big_bg_bg.png) top repeat-x; margin:40px 0; width:auto; height:7px; }
.sm_bg_bottom { clear:both; background:url(../images/shadow.png) center bottom no-repeat; height:13px;  width:100%; margin:-2px -2px -15px -2px; }
.block_margin { clear:both; margin:20px 0 60px 0; }
.fl { float:left; }
.fl-img { float:left; padding:20px; }
.fr { float:right; }
.fl_t { text-align:left;}
.pad_inside { padding:10px 0;}
.tac { text-align:center;}
h1, h2, h3, h4 { line-height: 120%; margin:0; }
p { padding:5px 0;}
h1 { color:#555; font-size:24px; font-weight:bold; padding:20px 0; text-align:left;}
h1 small { color:#939292; font-weight:normal;}
h2 { font-size:14px; color:#555; padding:15px 0 30px 0; display:block; }
h2 small { color:#939292; font-weight:normal;}
h3 small { color:#939292; font-weight:normal;}
figure { margin:0; }
.maps_view { width:99%; height:300px; float:left; position:relative; max-height:100%; max-width:100%; }


.modal {
  background: rgba(255,255,255,1);
  position: fixed;
  top:0;left:0;bottom:0;right:0;
  margin: auto;
  width: 40vw;
  min-width: 200px;
  max-width: 350px;
  height: 60vh;
  min-height: 300px;
  pointer-events: none;
  animation: hidden 2s forwards;
  box-shadow: 0 0 0 50rem rgba(0,0,0,.7)
}
.modal article {overflow: hidden}
.modal h2 {
  background:green;
	font-size: 20px !important;
  font-weight: 300;
  text-align: center;
  line-height:1.5em;
  color: #fff !important;
  border-bottom: 1px solid #aaa;
  margin-top: 0;
	padding: 30px 0 20px;
  
}
.modal p {
  padding: 1rem 1rem 0;
  font-size: 14px;
	color:#000;
}
.modal p + p {
  padding: .5rem 1rem;
}
[for='close'] {
  background:#000;
  padding: 15px 20px;
  font-weight: bold !important;
  border:1px solid #fff;
  position: absolute;
  left: 0;
  top: -2.5rem;
  color: #fff;
  line-height: 1.5rem;
  cursor: pointer;
  z-index: 10;
}
#open:checked ~ .modal {
  pointer-events: auto;
  animation: show 120s forwards;
}
.modalpopup input {display: none;}

@keyframes show {
  0% {transform: scale(0);}
  3% {transform: scale(1);}
  30% {transform: scale(1);}
  95% {transform: scale(1);}
  100% {transform: scale(0);}
}
@keyframes hidden {
  60% {
    top:0;left:0;bottom:0;right:0;
    transform: scale(1) skewx(25deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    top:-200%;left:0;bottom:0;right:-200%;
    transform: scale(0) skewx(-45deg);
    opacity: 0;
    border-radius: 0 0 0 100px;
  }
}


/* responsive image */
img { }
@media \0screen {
img { width: auto; /* for ie 8 */ }
}

/* IMG  */
a.pic { display: block; position: relative; padding:0; margin:0;}
img.margin_right { margin:0 20px 0 0; }
a.pic img.h { position :absolute; padding:0; top:-1px; bottom:0; left:0px; visibility:hidden; height: 100%; width: 100%; }
a.pic:hover img.h { background:url(../images/img_z.png) center no-repeat; visibility:visible; }

/* main_page */
.main_resize { width:980px; margin:0 auto 0 auto; padding:0; max-width: 90%; }
/* header */
.header_res { padding:0; background:#fff; border-top:5px solid #257025; }
.header_res2 { padding:0; background:url(../images/header_bg.png) top repeat-x; }
/* logo */
.logo { height:60px; float:left; padding:40px 10px 20px 85px; margin:0px 0 0 0; background:url(../images/logo.png) no-repeat; width:64%; }
.logo a { font-size:1.0em; color:#339933; font-weight:bold; text-transform: uppercase; line-height:1.3em;}
.logo a span { color:#339933; font-size:1.0em; line-height:1.3em; }
/* top_text */
.top_text { margin:0 0 0 3%; float:left; padding:22px 0 10px 0; width:47%; line-height:1.8em; font-weight: normal; text-align:right; font-size:18px; text-transform:none; color:#FFF; height:auto; }
/* tel_box */
.tel_box { margin:0 0 0 0; float:left; padding:25px 0 0 0; width:26%; line-height:1.2em; font-weight: normal; text-align:right; font-size:20px; text-transform:none; color:#339933; height:auto; }
/* nav_menu */
.navmenu { width:100%; margin:30px 0 14px 0; padding:0; float:left; }
.navmenu ul { text-align:center; padding:0 0px 0 0px; margin:0; list-style:none; border:0; float:left;}
.navmenu ul li { float:left; margin:0; padding:0 2px 2px 0; border:0; font-size:16px;  }
.navmenu ul li a { float:left; margin:0; padding:12px; color:#FFF; text-decoration:none; font-size:16px;}
.navmenu ul li a:hover {  background:#FFF; font-size:16px; color:#339933; }
.navmenu ul li a.active { color:#339933; background:#FFF;}

/* slider_box */
.slider_box { margin:0 auto; padding:50px 0; background:#2b2b2b; }
.slider_box img { padding:0; }
/* h2 */
h2.bach { text-align:center; padding:30px 0; margin:0;}
h2.bach span { padding:0 60px;}
/* center_small_box */
.small_box {  width:23%; margin:0 2% 15px 0; float:left; padding:0;  }
.small_box img.fl { margin:8px 10px 0px 0;}
.small_box h3 { padding:0px 0 10px 0; margin:0px 0 10px 0px; font-size:14px; color:#FFF; }
.small_box h3.no_b { border:none;}
.small_box p { padding:0 0 20px 0px; margin:0 0 0 0px; line-height:1.6em; color:#a9a9a9; font-size:14px; text-align:center; }
.small_box p strong { color:#3a3a3a; font-size:12px;}
.center_small_box {  margin:0 2% 0 0; float:left; padding:0; }
/* content_text */
.content_text { max-width:100%; font-size:18px; border:1px solid #e9e9e9; background:url(../images/slider_res_bg.png); color:#4e4e4e; line-height:1.6em; text-transform: none; padding:20px 35px; margin:0 0; }
.content_text span {}
.content_text small { font-size:14px; color:#a1a0a0; text-transform:none;}
.content_text a img { float:right; margin:0; padding:0; height:50px;}
.content_text img.button_1 { background: url(../images/lean_more_a.png) no-repeat;}
.content_text img.button_1:hover { background: url(../images/lean_more_h.png) no-repeat;}
/* Portfolio pages */
.port4 { width:23%; float:left; margin:0 2% 0 0; padding:2% 0;}
.port4:nth-child(4n+1) { clear:left;}
.port3 { width:31%; float:left; margin:0 2% 0 0; padding:2% 0;}
.port3:nth-child(3n+1) { clear:left;}
.port2 { width:48%; float:left; margin:0 2% 0 0; padding:2% 0;}
.port2:nth-child(3n) { clear:left;}
.center_small_box.port1 { width:99%; margin:0; padding:2% 0;}
/* BLOG PAGES */
/* left_side */
.left_side_big {  width:31%; float:left; margin:0 2% 15px 0;}
.left_side_big.r {  float:right; margin:0 0 15px 2%;}
.left_side_big.last { width:30%; float:right; margin:0 0 15px 0;}
.left_side { float:left; margin:0 2% 15px 0; padding:0;}
.left_side.last { float:right; margin:0 0 15px 0;}
.left_side.small {  width:23%;}
/* ul li */
.left_side_big ul { list-style:none; margin:10px 0; padding:0;}
.left_side_big ul li { padding:5px 10px; margin:3px 0;  background:#eee; color:#333;}
.left_side_big ul li a {color:#333;}
.left_side_big ul li:hover { background:#cecece;}
.right_side_big {  width:64%; float:right; margin:0 0 15px 2%;}
.right_side_big.l {float:left; margin:0 2% 15px 0;}
.right_side { padding:10px 0;}
/* coment */
.coment1 {  overflow:hidden; margin:3% 0 0 1%; border-top:1px solid #c8c8c8; padding-top:20px; }
.coment2 {  overflow:hidden; margin:3% 0 0 20%; border-top:1px solid #c8c8c8; padding-top:20px; }
/* content_blog */
.content_blog { width:47%; float:left; margin:15px 20px 15px 0; padding:0; }
.content_blog .some_blog { width:48%; float:right;}
.content_blog .some_blog ul { list-style:none; padding:5px 0;}
.content_blog .some_blog li { border-bottom:1px solid #e9e9e9; background:url(../images/ul_li_bg.png) left no-repeat; padding:3px 0 3px 15px;}
.content_blog .some_blog li a { font-size:12px; color:#497999;}
.content_blog .some_blog li a:hover { color:#636363;}
.content_blog .some_blog2 { width:48%; float:left;}
.content_blog .some_blog2 p.twitter { color:#a9a9a9; font-size:12px; line-height:2em; background: url(../images/p_twiiter.png) top no-repeat; padding:40px 20px 80px 20px;}
/* img */
img.banner { border:5px solid #ededed; float:left; margin:0 5px 0 0; }
img.banner.last { border:none;}
img.banner:hover { border: solid 5px #d5d5d5;}
/* prefooter */
.prefooter { background: url(../images/prefooter_bg.png); padding:15px 0 0 0; margin:0 auto 0 auto; border-top:5px solid #257025; }
.prefooter h2 { font-size:14px; color:#fff; text-transform: none; padding:15px 0; margin:0; }
.prefooter p { color:#fff; font-size:12px; line-height:1.5em; padding:5px 0; }
.prefooter p span { color:#fff;}
.prefooter a { color:#339933; font-style: normal; }
.pref_blog { width:23%; float:left; margin:5px 2% 5px 0; padding:0; }
.pref_blog ul { color:#a3c0d2; list-style:none; margin:0; padding:5px 0;}
.pref_blog li { padding:4px 0; border-bottom:1px solid #5e8aa7;}
.address { width:23%; float:left; margin:5px 2% 5px 0px; padding:0 0 0 0px; }
.address ul { color:#a3c0d2; list-style:none; margin:0; padding:5px 0;}
.address li { padding:4px 0; border-bottom:1px solid #5e8aa7;}
a.fl { margin:20px 10px 40px 0; float:left; padding:0; }
/* img */
img.fgh { background:#fff; padding:0; margin:0 3px 0 0; float:left; }
img.fgh:hover { background:#aecada; }
/* footer */
.footer { color:#fff; font-size:11px; font-weight:bold; text-align: center; background: url(../images/footer_bg.png); padding:25px 0 10px 0; }
.footer a { color:#fff; text-decoration:underline; }
/* slider */
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
/* img_hover */
img.h2_hover1 { margin:0 0; background: url(../images/h2_img_1.png) center no-repeat; }
img.h2_hover2 { margin:0 0; background: url(../images/h2_img_2.png) center no-repeat; }
img.h2_hover3 { margin:0 0; background: url(../images/h2_img_3.png) center no-repeat; }
img.h2_hover4 { margin:0 0; background: url(../images/h2_img_4.png) center no-repeat; }
img.h2_hover1:hover { background: url(../images/h2_img_1_1.png) no-repeat; }
img.h2_hover2:hover { background: url(../images/h2_img_2_1.png) no-repeat; }
img.h2_hover3:hover { background: url(../images/h2_img_3_1.png) no-repeat; }
img.h2_hover4:hover { background: url(../images/h2_img_4_1.png) no-repeat; }
 /* GALLERY START */
 /*4cols_gallery*/
.col44 { width:244px; background:#fff; float:left; padding:0;  color:#a9a9a9; margin-right:1px; position:relative; top:0px; margin-top:1px; }
.col44:hover { background:#339933; color:#fff;}
.col44 p { padding:0 0 20px 20px; margin:0; line-height:1.6em; font-size:11px; }
.col44 p strong { color:#3a3a3a; font-size:14px;}
.col44.last { float:right; margin:0; margin-right:0px; }
.col44.invisible-box { display: none; opacity: 0; z-index: 1; }
/* gallery-categ */
.gallery-categ { margin:0; padding:10px 0 0; }
.gallery-categ li { padding:0; float:left;  }
.gallery-categ li:last-child { border-right:0; }
.gallery-categ li a.gal { color:#767676; font-weight: normal; display:block; padding:2px 15px; }
.gallery-categ li a.gal:hover { background:#339933; color:#fff;}
.gallery-categ li.active a { background:#339933; color:#fff;}
.img_hover_box.pic a { display: block; position: relative; margin-bottom:15px; }
.img_hover_box.pic a img { margin:0; }
.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; }
/* #gallery-imgs */
#gallery-imgs { margin:0; padding:30px 0 0;}
/*btn*/
.btn { margin:12px 0 0; padding:0px 0px 0; text-align:center; }
.btn a { font-size:11px; color:#8f8f8f; text-transform:uppercase; height:33px; padding:8px 12px; background:#f7f7f7; border:1px solid #ebebeb; font-weight:bold; }
.btn a:hover { color:#fff; background:#ebad00; border-color:#9cac50; }
.btn a span { color:#ebad00; font-size:12px; font-weight:normal; }
.pic img { padding:0px; max-width: 100%; height: auto; background:#ffffff; /*}
.pic a:hover img {background:#e1e1df;border:1px solid #e1e1df; /**/ }
.pic img.h { background:none; }
.pic.fl { margin:5px 20px 10px 0; }
.pic.fr { margin:5px 0 20px 10px; }
.img_hover_box.pic a img.r_plus { position: absolute; top: 0; left: 0; visibility:hidden; background: url(../images/img_z.png) center no-repeat; border:none; height: 100%; width: 100%; }
.img_hover_box.pic a:hover img.r_plus { visibility:visible; }
.txt { margin-top:50px; }
/*form Contact_us*/
#contactform { margin:0; padding:5px 0; width:99%; }
#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:99%; 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:99%; border:1px solid #d3d3d3; margin:5px 0; padding:5px 2px; height:16px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }
#contactform textarea { width:99%; 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:1% 0 0 0; border:0; color:#FFF; float:left; }
.dc_tile_portfolio_content h3  { text-align: left; background: none;}
.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; 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; background: none !important;}
.dc_pricingtable05 ul li h3 { font-size:28px !important; line-height:250% !important; background: none !important;}
#slider-wrapper object { width: 100%; }
iframe.wid5 { height: 400px; width: 100%; }
iframe.wid6 { height: 550px; width: 100%; }
iframe.wid7 { height: 400px; width: 100%; }
iframe.wid8 { height: 500px; width: 100%; }