/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*-------- Global CSS Reset --------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}a img{border:0;}
img, object, embed { max-width: 100%;}
img { height: auto;}

/*-------- Design style --------*/
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display { display:none;}
#mobile_nav { display:none;}
.skin_wrapper {width:100%;min-height:100%;/*margin-top:10px;*/position:inherit!important;z-index:1; background:url(../images/backgrnd.png) fixed repeat-x top center #fcfefb;}
.skin_width { background:url(../images/wraperback.png) repeat-y; max-width:1004px;min-width:767px;margin:0 auto;height:auto; }
.skin_widthf { max-width:1004px;margin:0 auto;height:auto; }
.skin_body {padding-bottom:30px;}

.skin_top{ /*min-height:30px;*/padding:5px 0;background:none;box-shadow:none;position:relative;}
.date_style{float:left;line-height:30px;font-size:14px;color:#404040; padding-left:6px;}
.user_bar{position: absolute;right: 1%;z-index: 2; }
.language_position {float:right; padding:5px 5px 5px 0;}
.user_style {float:right;padding-right:1%; padding-left:8px; line-height:30px; }

.skin_main { padding-left:10px; }
.skin_header{ }
.logo_style { float:left; padding:10px;padding-left:30px;}
.header_right{float:right;padding:15px;}	
.headerpane{float:left; min-width:100px; padding:0; }

#lightbox-image-details-caption {font-size: 25px;
line-height: 25px;color:#056839;}

.menu_style{min-height:50px;margin:0;position:relative;padding:0 20px;}
.menu_left{ border-color:transparent #828282 transparent transparent;border-style: solid;border-width: 0 15px 10px 0;height: 0;;width: 0;content: "";position: absolute;left:0;bottom:-10px;}	
.menu_right{border-color:#828282 transparent transparent transparent;border-style: solid;border-width: 10px 15px 0 0;height: 0;;width: 0;content: "";position: absolute;right:0;bottom:-10px;}
.skin_content{padding:0 20px; min-height:400px; }
.banner_style{  }

/*Image Rollover */
#ImgRoll,#ImgRoll a {background:#d1d1d1;}
#ImgRoll:hover,#ImgRoll a:hover {background:#d5ebc1;}
/**/

.footer_bg {background:#757679; position:relative; min-height:48px;-moz-box-shadow:0 1px 8px #aeaeae;-webkit-box-shadow:0 1px 8px #aeaeae;box-shadow:0 1px 8px #aeaeae;margin-top:10px;margin-left: -11px;}
.footer_topbg { background:url(../images/border_green.png) repeat-y; position:relative; min-height:48px;padding-left:30px;}
.footer_left{float:left;line-height:48px; color:#fff; padding-left:10px;}
.footer_right{float:right; padding:3px 5px; min-width:100px;}

.LM_main_content { margin-top:0;}
.LM_position { float:left; width:22%; padding:5px 1% 20px 0; }
.LM_skin_content { float:left; min-height:350px; width:75%; padding:5px 1% 20px;}
.leftside_style { padding:0;}

.home_position { float:left; }
.home_style { background:url(../images/home.png) no-repeat left center; height:18px; width:25px; cursor:pointer; }

/*--------- StandardMenu style ----------*/
#standardMenu {position:relative;margin:0 auto;float:right;padding-top: 95px;}
#standardMenu ul { list-style:none; margin:0;}
#standardMenu .rootMenu { float:left;}
#standardMenu .rootMenu li {position:relative; display:block; float:left; margin:0; list-style-type:none;}

#standardMenu .rootMenu li a { display:block;position:relative;float:none;cursor:pointer;text-decoration:none;background:none; margin-right:1px;  }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover {background:#757679; -moz-transition:all 0.3s linear;  -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

#standardMenu .rootMenu li a span {display:block; padding:0 0px; margin:7px;  white-space:nowrap;color:#757679; font-size:14px; font-family:'Noto Sans',Arial, Tahoma, sans-serif; height:25px; line-height:25px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span {color:#fff; text-decoration:none;  -moz-transition:color 0.1s linear;  -webkit-transition:color 0.1s linear; -o-transition:color 0.1s linear; -ms-transition:color 0.1s linear; transition:color 0.1s linear;}

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; top:50px;z-index:1210;width:180px; display:none;padding:0;  background:#fff; background:rgba(255,255,255,.92); border:#c5c5c5 solid 1px; }
#standardMenu .rootMenu li.rmHover .subMenu { display:block; }
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border-bottom:#c5c5c5 solid 1px;  border-left:none; border-right:none; padding:0; background:none; margin:0; }
#standardMenu .subMenu li.first > a { border-top:none; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; font-size:12px; color:#3b3b3b; text-shadow:none;  font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 10px 10px 12px; text-transform:none; margin:0;-moz-transition:all 0.2s linear;  -webkit-transition:all 0.3s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#dddddd;  color:#000; cursor:pointer; }
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:16px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ display:none; width:180px; margin:0; background:#fff; border:#c5c5c5 solid 1px; }
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:180px; top:-1px; padding:0;}
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:180px;top:-1px; padding:0;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:180px;top:-1px; padding:0;}

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}


/*--------- MegaMenu style ----------*/
#megaMenu {position:relative;margin:0 auto;}
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu .root { float:left;}
#megaMenu .root li {position:relative; display:block; float:left; margin:0; list-style-type:none;}

#megaMenu .root li a { display:block;position:relative;float:none;cursor:pointer;text-decoration:none;background:none; margin-right:1px; }
#megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover {background:#9bc437; -moz-transition:all 0.3s linear;  -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

#megaMenu .root li a span {display:block; padding:0 20px; color:#fff; white-space:nowrap; font-size:14px; font-family:'Noto Sans',Arial, Tahoma, sans-serif; height:50px; line-height:50px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span {color:#; text-decoration:none;  -moz-transition:color 0.1s linear;  -webkit-transition:color 0.1s linear; -o-transition: color 0.1s linear; -ms-transition:color 0.1s linear; transition:color 0.1s linear;}

/*-- submenu --*/
#megaMenu .category { position:absolute;left:0;top:50px;z-index:1210;width:362px; display:none; padding:5px 8px 12px 8px; background:#fff; background:rgba(255,255,255,.92); border:#c5c5c5 solid 1px; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; }
#megaMenu ul li:hover ul{ visibility: visible; }
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200;}
#megaMenu .category li{ background:none;margin:0 8px; width:165px; padding:0;}
#megaMenu .category li.item a{ border:none;  border-bottom:1px dashed #bbb; background:none; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#444; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 0 8px 0;  margin:0; text-transform:none; text-shadow:none;}
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; color:#000; font-weight:normal; cursor:pointer;}

#megaMenu ul li ul li ul{ position:relative; padding:0; width:auto; border:none;}
#megaMenu .leaf li{ clear:both;float:none; width:160px; margin:0 0 0 5px; padding:0;}
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 2px; line-height:1em; background:url(../images/right.gif) left 12px no-repeat; border:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#444; font-weight:normal; height:auto; padding:5px 0 5px 5px; line-height:1.5em; text-transform:none; }
#megaMenu .leaf li li{ clear:both;float:none; width:155px; }

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}


/*--------- LeftMenu style ----------*/
#leftMenu { position:relative; margin:0 auto;}
#leftMenu ul { list-style:none; margin:0; padding:0;}
#leftMenu li{ display:block; float:none; list-style-type:none; margin:0; padding:0; line-height:normal;}
#leftMenu .leftRoot li a {text-decoration:none;}
#leftMenu .leftRoot li a span { display:none; text-decoration:none;} 

/*-- submenu --*/
#leftMenu .leftSub { z-index:900;width:100%; display:none;padding:0; margin:0;}
#leftMenu .leftRoot li.breadcrumb .leftSub { display:block; }
#leftMenu .leftSub ul{ margin:0; padding:0; position:relative; background:none; border:none; z-index:900;}
#leftMenu .leftSub li{float:none; clear:both; padding:0; position:relative; background:#E5E5E5; border:1px solid #CCCCCC; border-radius:3px; webkit-border-radius:3px; -moz-border-radius:3px; margin:3px 0; }
#leftMenu .leftSub li.selected { background:url(../images/menu-arrow01.gif) no-repeat right 15px #E5E5E5;}
#leftMenu .leftSub li.item a{ background:none;  }
#leftMenu .leftSub li.item a span{ display:block; font-size:13px; color:#555555; font-weight:bold; font-family: Arial, Tahoma, sans-serif; white-space:normal; line-height:22px; padding:8px 10px 8px 18px; text-shadow:none; text-transform:none; margin:0; }
#leftMenu .leftSub li.selected > a span, #leftMenu .leftSub li a:hover span{ color:#9bc437;}
#leftMenu .level1{ display: block; }
#leftMenu .level1 li{ background:url(../images/right.gif) no-repeat 17px 16px #f5f5f5; margin:0; border:none; border-radius:0; webkit-border-radius:0; -moz-border-radius:0; }
#leftMenu .level1 li.item a span { font-size:12px; padding-left:23px;}
#leftMenu .level2 { display: block; }
#leftMenu .level2 li{ background-position:21px 18px;  }
#leftMenu .level2 li.item a span { padding-left:30px;}
#leftMenu .level3 { display: block; }
#leftMenu .level3 li{ background-position:27px 18px;  }
#leftMenu .level3 li.item a span { padding-left:36px;}
#leftMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#leftMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane [class*="grid"] { padding:5px 0px 5px 0px;}
.bannerpane { padding-bottom:15px;}
.bannerpane p{ margin:0; }
.headerpane{}
.headerrightpane{}

.content_grid12 {}
.one_grid3a{}
.one_grid3b{}
.one_grid3c{}
.one_grid3d {}
.two_grid12{}
.three_grid6a {}
.three_grid6b {}
.four_grid4a {}
.four_grid4b {}
.four_grid4c {}
.five_grid8{}
.five_grid4{}
.six_grid4{}
.six_grid8{}
.seven_grid12 {}
.eight_grid3a {}
.eight_grid3b {}
.eight_grid3c {}
.eight_grid3d {}
.socialpane {}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}
.leftsidepane { padding:10px 0; }
.l_one_grid8 {}
.l_one_grid4 {}
.l_two_grid6a {}
.l_two_grid6b {}
.l_three_grid4 {}
.l_three_grid8 {}
.l_four_grid12 {}

/*--------- Grid Style ----------*/
.row-fluid span.SubHead center { font-weight:normal;  font-size:13px; }

/*--------- Register and Login Style ----------*/
#Login{float:right;margin-right:10px;height:30px; background:none; border:1px solid #eee; border:1px solid rgba(255,255,255,.5);}
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block; } 
#Login .registerGroup, #Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li{ float:left; height:30px;border:none;}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a { border-right:1px solid #eee; border-right:1px solid rgba(255,255,255,.5); position:relative; display:block; padding:0 8px; min-width:15px; height:30px; font-weight:normal; font-size:12px;vertical-align:middle;line-height:30px; color:#404040; }
#Login .loginGroup a{ position:relative; display:block; padding:0 8px; min-width:15px; height:30px; font-weight:bold; font-size:12px;vertical-align:middle;line-height:30px; color:#fff; background:#0f673b;z-index:2;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{color:#000000;text-decoration:none;}
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#000000;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat -1px -30px;}
.registerGroup .userMessages strong:hover{background-position:-1px -1px;}
.registerGroup .userNotifications strong{ background-position:-29px -30px;}
.registerGroup .userNotifications strong:hover{ background-position:-29px -1px;}
.registerGroup .userMessages strong:active{background-position:-1px -30px;}
.registerGroup .userNotifications strong:active{ background-position:-29px -30px;}	
#Login .registerGroup a span{position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;min-width:7px;line-height:15px;text-align:center;margin-right:3px;background:rgb(31,152,241);font-size:9px;color:#666666;text-shadow: 0px 1px 0px #333333;}
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img{border:none;height:30px; width:30px;background:#555;}

/*--------- Language Style ----------*/
.language-object{float:right;display:block; margin:0;}
.language-object .Language {margin:0 2px;}
.language-object span img{height:17px; width:24px;opacity:0.7; margin:0; border:2px solid transparent;}
.language-object span:hover img{opacity:1;}
.language-object .Language.selected img{ opacity:1; border-color:#555; border-color:rgba(0,0,0,.2); -webkit-border-radius: 2px;border-radius: 2px;}

/*--------- Search Style ----------*/
.right_search{position:absolute;right:15px;top:0;height:50px; z-index:999;}
.right_search input{text-indent:8px;background:none;height:30px; padding:10px 0; line-height:30px; width:0;margin:0 50px 0 0;padding-left:1px;border:none;box-shadow:none;font-size:14px;color: #ccc; float:left;outline: none;}
.right_search:hover input, .right_search:active input, #dnn_dnnSEARCH_txtSearch:focus{background:#2f2f2f; width: 140px; padding:10px 5px;border-left:1px solid #555; box-shadow: inset 0px 0px 8px #000;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;}
.right_search a{display:block;position:absolute;right:0;top:2px;background:url(../images/search-icon.png) no-repeat center center;height:50px;width:50px;text-indent:-99999px;opacity:0.8;}
.right_search a:hover{ opacity:1;}
.right_search .searchInputContainer a.dnnSearchBoxClearText { right:50px!important;}

/*--------- Togglable Tabs Style ----------*/
.tab_border{border:solid 1px #CCC;padding:15px 10px 0;background:#FFF;}
.nav { margin-bottom: 0; border:none;}
.nav-tabs { border-bottom: 1px solid #CECECE;}
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover { border-color: #CECECE #CECECE transparent; }
.nav-tabs > li > a { padding-top:12px; }
.nav-tabs > li > a:hover { color:#333333; }
.tab-content { border:1px solid #CECECE; border-top:none; padding:11px 10px 5px 10px;}
.tab-content p { line-height:2em;}

/*--------- CarouFredSel Style ----------*/
.carouFredSel { position:relative; border-bottom:solid 1px #f3f3f3;height:auto;padding-bottom:30px;}
h3.carousel_title{ padding:5px 0 10px 10px; color:#444;height:20px; font-size:18px; text-transform:uppercase; }
.carouFredSel ul { list-style:none; margin:0; padding:0; width:auto; padding-left:12px;}
.carouFredSel ul li { float:left; list-style:none; height:auto;  padding:0 10px 0 3px; position:relative;}
.carouFredSel .carouFredSel_style{ background:#fff; border:1px solid #CBCBCB; padding:8px; box-shadow: 0 0 3px #bbb ;-moz-box-shadow: 0 0 3px #bbb ;-webkit-box-shadow: 0 0 3px #bbb ;}
.entry-mobile{float:left;padding-left:16px;}
.carouFredSel ul li:hover img {filter:Alpha(Opacity=100);opacity:1;}
.carouFredSel ul li p { padding-top:15px;display:block;padding-right:3px;}
a.caroul_prev{position:absolute;top:-33px;right:24px;z-index:8;display:block;width:21px;height:21px;background:#f6f6f6 url(../images/widget_nav.png) no-repeat left top;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;-ms-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;}
a.caroul_next{position:absolute;top:-33px;right:2px;z-index:8;display:block;width:21px;height:21px;background:#f6f6f6 url(../images/widget_nav.png) no-repeat bottom right;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;-ms-transition:background-color 0.3s ease-in-out 0s;-o-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;}
a.caroul_prev:hover {background-color:#9bc437;}
a.caroul_next:hover {background-color:#9bc437;}

/*---------- Project style -------------- */
.project_inner{position:relative;overflow:hidden;}
.project_inner figure{width:100%;height:0;padding:0 0 100%;margin:0;}
.project_inner .project_rollover{position:absolute; left:0;bottom:0;display:block;padding:8px 5px 9px 5px;height:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height 0.3s ease-in-out 0s;-moz-transition:height 0.3s ease-in-out 0s;-ms-transition:height 0.3s ease-in-out 0s;-o-transition:height 0.3s ease-in-out 0s;transition:height 0.3s ease-in-out 0s;color:#fff; background:#9bc437;}
.project_inner:hover .project_rollover {height:100%;}
.project_inner .entry-content p{display:block;float:left;padding-left:16px;}
.project_inner .entry-title a {padding-left:15px;color:#fff!important;font-size:16px;}
.project_inner a{color:#fff!important;}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(../images/scroll_top.png) no-repeat scroll center top ; border: 0 none;  bottom: 16px; right: 50px; display:block; height:48px; padding:0; width:48px; position: fixed; text-decoration: none; z-index: 1003;}
#top-link:hover { background:url(../images/scroll_top.png) no-repeat scroll center bottom ;  -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}

/*--------- writings style------------ */
.writings{border:solid 1px #eeeeee;border-left:none;border-right:none;font-size:21px;color:#777777;text-align:center;padding:30px 0;line-height:28px;font-family:Candara;}

/*--------- Fancybox Style ----------*/
.fancybox_style{height:auto; padding:0;overflow:hidden;}
.fancybox_style ul { list-style:none; margin:0; padding:0;float:right;width:100%;}
.fancybox_style ul li { width:30%;list-style:none; padding:1px 3px ; float:left; }
.fancybox_style ul li img { padding:4px; filter:Alpha(Opacity=100);opacity:1;}
.fancybox_style ul li a { position:relative; display:block;}
.fancybox_style .img-overlay { background:url(../images/fancy_zoom.png) no-repeat scroll center center; position: absolute; left:0; top:0; width:100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.fancybox_style .img-overlay:hover { filter:Alpha(Opacity=80);opacity:0.8;}

/*---------- accordion style -------------- */
.accordion_one{height:38px;width:65px;background:url(../images/icon_bg01.png) no-repeat center center #9bc437;display:inline-block;float:left;}
.accordion_two{height:38px;width:65px;background:url(../images/icon_bg02.png) no-repeat center center #9bc437;display:inline-block;float:left;}
.accordion_three{height:38px;width:65px;background:url(../images/icon_bg03.png) no-repeat center center #9bc437;display:inline-block;float:left;}
.accordion_four{height:38px;width:65px;background:url(../images/icon_bg04.png) no-repeat center center #9bc437;display:inline-block;float:left;}
.accordion_five{height:38px;width:65px;background:url(../images/icon_bg05.png) no-repeat center center #9bc437;display:inline-block;float:left;}
.accordion_title{display:inline-block;height:38px;line-height:37px;padding-left:10%;}
.accordion-heading .accordion-toggle{font-size:15px;color:#3d3d3d;padding:0;height:38px; line-height:38px;}
.accordion-group{margin:0;border:none;border-bottom:solid 1px #f3f3f3;}
.accordion-inner{font-size:15px;color:#3d3d3d;padding:20px;} 

/*---------- Header Demo Style -------------- */
.header_demo { padding-top:10px; margin:0 auto; width:270px;}
.header_demo .contact_info {float:left;text-align:right;border-right:solid 1px #ccc;padding:15px 15px 15px 0; font-size:13px; line-height:1.5em;}
.header_demo #weather{float:left;}

/*---------- weather style -------------- */
.weatherFeed{font-family: Arial, Helvetica, sans-serif;font-size: 90%;width: 150px;}
.weatherFeed a{color: #888;}
.weatherFeed a:hover{color: #000;text-decoration: none;}
.weatherItem{padding:0 1em;text-align: right;background-size:95% 160%; }
.weatherCity{text-transform: uppercase; }
.weatherTemp{font-size: 2.8em;font-weight: bold;padding:4px 0;}
.weatherDesc, .weatherCity, .weatherForecastDay{font-weight: bold;}
.weatherDesc{margin-bottom: 0.4em;}
.weatherLink, .weatherWind, .weatherRange{display:none;}
.weatherForecastItem{font-size: 0.8em;}
.weatherLink, .weatherForecastItem{margin-top: 0.5em;text-align: left;}
.weatherForecastItem{padding: 0.5em 0.5em 0.5em 80px;background-color: #fff;background-position: left center;}
.weatherForecastDay{font-size: 1.1em;}
.weatherFeed, .odd{background-color: #fff;}
.weatherFeed, .even{background-color: #fff;}

/*--------- 3D Transform Style ----------*/
.transform_style { width: 100%; margin:0 auto; margin-bottom:40px; }
.transform_style ul { position:relative; list-style:none; margin:0; padding:0 ;}
.transform_style ul li { list-style:none; margin:0; padding:0; width:100%; height: 125px; width: auto; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; }
.transform_style .transform_bg { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height:100%; width: 100%;}
.transform_style .transform_content .front {padding:20px 2% 5px; background-position: center center; position:absolute; width:96%;  height:100%; -webkit-transform-origin: 50% 0 0; -moz-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;opacity: 1;  background:#f5f5f5;}
.transform_style .transform_content .back { padding:20px 5% 5px; background-position: center center; position:absolute; display: block; width:96%; height:100%; opacity: 0; -webkit-transform-origin: 50% 0 0; -moz-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;-webkit-transform: translate3d(0px, 0px, -100px) rotate3d(0, 1, 0, 180deg); -moz-transform: translate3d(0px, 0px, -100px) rotate3d(0, 1, 0, 180deg); color:#fff;}
.transform_style .featuredWork:hover .front { opacity: 0; } 
.transform_style .featuredWork:hover .back { opacity: 1;-ms-transform:rotate3d(0, 1, 0, 360deg);-webkit-transform: rotate3d(0, 1, 0, 360deg); -moz-transform: rotate3d(0, 1, 0, 360deg); }
.transform_round{ height:92px;width:92px;background:#f3f2f2;border:solid 1px #b8b8b8;margin:0 auto;-moz-border-radius: 46px; -webkit-border-radius: 46px;border-radius: 46px;box-shadow: 1px 3px 6px #cecece;-moz-box-shadow:1px 3px 6px #cecece;-webkit-box-shadow:1px 3px 6px #cecece;}
.transform_style .sub_dis2{color: #777; font-size: 14px; text-align: center; display: block; }
.transform_style .back_title{font-size:18px;}
.transform_style .back p { padding-top:10px;}
.transform_style .front h5{ text-align: center; display: block; font-weight:bold;color:#000;padding-top:10px;}
.transform_style .back h6{ margin:0px; float: left; font-size: 12px;color:#000; }
.transform_style .icon_readmore{ background:url(../images/Flip_readmore.png) no-repeat; width:8px; height:8px; float: left; margin-left: 5px; margin-top: 7px;}
.transform_one{background:url(../images/Flip_04.png) no-repeat center center #9bc437;border:solid 1px #c8c8c8;height:68px;width:68px;-moz-border-radius: 34px; -webkit-border-radius: 34px;border-radius: 34px;margin:10px auto;}
.transform_two{background:url(../images/Flip_03.png) no-repeat center center #9bc437;border:solid 1px #c8c8c8;height:68px;width:68px;-moz-border-radius: 34px; -webkit-border-radius: 34px;border-radius: 34px;margin:10px auto;}
.transform_three{background:url(../images/Flip_02.png) no-repeat center center #9bc437;border:solid 1px #c8c8c8;height:68px;width:68px;-moz-border-radius: 34px; -webkit-border-radius: 34px;border-radius: 34px;margin:10px auto;}
.transform_four{background:url(../images/Flip_01.png) no-repeat center center #9bc437;border:solid 1px #c8c8c8;height:68px;width:68px;-moz-border-radius: 34px; -webkit-border-radius: 34px;border-radius: 34px;margin:10px auto;}

@media handheld, only screen and (max-width: 1000px) {
.transform_style .transform_content .front{ border:none;}
.transform_style .transform_content .back{ border:none;}
}

.sidemenupane-home {
    height: 190px;
padding: 0px 30px 0px 0px;

z-index: 1000;
margin-left: 760px;
background: url("../images/flower.png") no-repeat scroll top transparent;
width: 190px;
margin-top: -185px;
position:absolute; 

}