/*--------- CUSTOMTIM replaced all 008cbe for 00629d changing the blue tint ----------*/
/*
 * 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; font-family:'Noto Sans',Arial, Tahoma, sans-serif;}
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;}
.mobile_nav{ display:none;}
/*---CUSTOMTIM---.pre_defined_color {background:#008cbe;}*/
.pre_defined_color {background:#00629d;}

.skin_wrapper {width:1140px;min-height:100%;margin:30px auto;position:inherit!important;z-index:1;padding:0; -moz-box-shadow:0 3px 10px #aaa;-webkit-box-shadow:0 3px 10px #aaa;box-shadow:0 3px 10px #aaa; background:#fff;}
.skin_width { width:100%; max-width:1140px;min-width:767px;margin:0 auto;height:auto; }

.skin_top{ min-height:30px;padding:5px 0;background:#00629d;}
.date_style{float:left;line-height:30px;font-size:14px;color:#fff; padding-left:12px;}
.user_bar{ }
.language_position {float:right; padding:5px 5px 5px 0;}
.user_style {float:right;padding-right:1%; padding-left:8px; line-height:30px; }

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

.menu_bar{ padding-top:10px; }
.menu_style{position:relative;padding:0 15px;}
.skin_main { }
/*--------- StandardMenu style CustomJoAnn min height = 50 px line-height =60 px ----------*/
.page_name{background:#ddd;min-height:20px;text-align:left;font-size:14px;line-height:30px;color:#00629d;padding-left:25px;}
.skin_content{padding:15px 15px; min-height:300px; }
.banner_style{ }

.skin_footer{width:100%;overflow:hidden;}
.footer_shadow{background:#e9e9e9;height:16px;margin:0 auto;}
.footer_bg {background:url(../images/fooer_bg.png) #000; position:relative; min-height:0;margin:0 auto;padding:0;}
.footerpane_style { padding:0 25px;}
.copyright_bar{background:url(../images/copyright_bg.png) repeat-x; min-height:55px;margin:0 auto;padding:0;}
.footer_left{float:left;line-height:55px; color:#fff; padding-left:10px;}
.footer_right{float:right; line-height:55px; color:#fff; padding-right:10px;}

.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; }
.pagebar_left { float:left; }
.pagebar_right { float:right; padding-right:20px; color:#666; font-size:12px; }

/*--------- StandardMenu style ----------*/
#standardMenu {position:relative;margin:0 auto;}
#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; border-bottom:solid 3px transparent; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover{background:none; -moz-transition:all 0.2s linear;  -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;border-bottom:solid 3px #00629d;}

#standardMenu .rootMenu li a span {display:block; padding:7px 30px; color:#5c5c5c; white-space:nowrap; font-size:14px; font-family:'Noto Sans',Arial, Tahoma, sans-serif; line-height:36px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);border-right:solid 1px #e6e6e6;}
#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:#00629d; 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;}

#standardMenu img.mmIcon {max-height:25px; margin-right: 7px; vertical-align: middle; }
#standardMenu img.rootIcon { display:block; margin:0 auto;max-height:30px; vertical-align: middle;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; background:#5c5c5c;}
#standardMenu .rootMenu li.selected a img.rootIcon, #standardMenu .rootMenu li.breadcrumb a img.rootIcon, #standardMenu .rootMenu li:hover a img.rootIcon, #standardMenu .rootMenu li a:hover img.rootIcon{background-color:#00629d;}
#standardMenu .rootMenu li:hover img { -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg); -o-transform: rotate(360deg);transform: rotate(360deg);}

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; top:auto;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:13px; 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;background:none;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span {color:#00629d; cursor:pointer;}
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:-3px; top:16px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ display:none; width:180px; margin:0;  background:#fff; background:rgba(255,255,255,.92);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;}

/*--------- MegaMenu style ----------*/
#megaMenu {position:relative;margin:0 auto;}
#megaMenu ul { list-style:none; margin: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; border-bottom:solid 3px transparent; }
#megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover{background:none; -moz-transition:all 0.2s linear;  -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;border-bottom:solid 3px #00629d;}

#megaMenu .root li a span {display:block; padding:7px 30px; color:#5c5c5c; white-space:nowrap; font-size:14px; font-family:'Noto Sans',Arial, Tahoma, sans-serif; line-height:36px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);border-right:solid 1px #e6e6e6;}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span{color:#00629d; 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;}

#megaMenu img.mmIcon {max-height:25px; margin-right: 7px; vertical-align: middle; }
#megaMenu img.rootIcon { display:block; margin:0 auto;max-height:30px; vertical-align: middle;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; background:#5c5c5c;}
#megaMenu .root li.selected a img.rootIcon, #megaMenu .root li.breadcrumb a img.rootIcon, #megaMenu .root li:hover a img.rootIcon, #megaMenu .root li a:hover img.rootIcon{background-color:#00629d;}
#megaMenu .root li:hover img { -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg); -o-transform: rotate(360deg);transform: rotate(360deg);}

/*-- submenu --*/
#megaMenu .category { position:absolute;left:0;top:auto;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:13px; 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; border:none;	}
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; color:#00629d; font-weight:normal; cursor:pointer;-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;}

#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:13px; 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; }

/*--------- 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:#00629d;}
#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"] {}
.bannerpane {}
.bannerpane p{ margin:0;}
.headerpane{}
.headerrightpane{}

.content_grid12 {}
.one_grid4 {}
.one_grid8 {}
.two_grid6a {}
.two_grid6b {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid3a {}
.five_grid3b {}
.five_grid3c {}
.five_grid3d {}
.six_grid8 {}
.six_grid4 {}
.seven_grid12 {}
.eight_grid9 {}
.eight_grid3 {}
.nine_grid3{}
.nine_grid9{}
.ten_grid12{}

.footer_grid3a { margin:10px 0;}
.footer_grid3b { margin:10px 0;}
.footer_grid3c { margin:10px 0;}
.footer_grid3d { margin:10px 0;}
.footerpane { margin:0 0 10px 0;}
.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:#fff; }
#Login .loginGroup a{ 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:#fff;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{color:#ddd;text-decoration:none;}
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#ddd;}
#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;bottom:20px;height:35px; z-index:999; border:solid 1px #ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.right_search input{text-indent:8px;background:none; height:35px; line-height:35px;width:60px;margin:0 35px 0 0;padding-left:1px;border:none;box-shadow:none;font-size:13px;color:#999; float:left;outline: none;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;}
.right_search:active input, #dnn_dnnSEARCH_txtSearch:focus{background:rgba(255,255,255,0.15); width: 140px; 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:0;background:url(../images/search-icon.png) no-repeat center center;height:35px;width:35px;opacity:0.5;text-indent:-99999px;}
.right_search a:hover{ opacity:1;}
.right_search .searchInputContainer a.dnnSearchBoxClearText { right:30px!important;}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(../images/scroll_top.png) no-repeat scroll center top rgba(0, 0, 0, 0.4); border: 0 none; border-radius: 2px; bottom: 53px; right: 80px; display:block; height:40px; padding:0; width:60px; position: fixed; text-decoration: none; z-index: 903;}
#top-link:hover { background:url(../images/scroll_top.png) no-repeat scroll center bottom rgba(0, 0, 0, 0.5);  -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;}


/*********************************************/
/* All Content Styles */
/*********************************************/

/*--------- 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;}

/*--------- Togglable Tabs2 Style ----------*/
.nav-tabs2  > first a{border-bottom:none;}
.nav-tabs2 > .active2 > a{border-bottom:none;background:#000;}
.nav-tabs2 > .active2 > a:hover {  }
.nav-tabs2 > li > a { padding-top:12px; background:#f6f6f6; border:1px solid #CECECE;border-radius:none;}
.nav-tabs2 > li > a:hover { color:#333333;border:1px solid #CECECE;border-bottom:none;}
.tab-content{ padding:15px ;}

/*--------- Togglable Tabs Style ----------*/
.nav-tabs3 { float:left; border:none; width:220px; font-size:16px;margin-right:10px; }
.nav-tabs3 > li { margin-bottom: 0; float: none;}
.nav-tabs3 > li > a { color:#444; height:38px; line-height:38px; padding:0; padding-left:10px;border-bottom:#ededed solid 1px;font-weight:100;}
.nav-tabs3 > li > a:hover{ background:#00629d; color:#FFFFFF; margin:0; border-bottom:#ededed solid 1px;border-radius:0;}
.nav-tabs3 > .active > a, .nav-tabs3 > .active > a:hover { background:#00629d; border:none;border-bottom:#ededed solid 1px;  -moz-border-radius:0;-webkit-border-radius:0;border-radius:0; position:relative; color:#fff; margin:0;}
.tab-content3 { border:none;  border-top:1px solid #CECECE;padding:0 10px 5px 10px;}

/*--------- CarouFredSel Style ----------*/
.carouFredSel { position:relative; height:auto;}
h3.carousel_title{ padding:5px 0 10px 0; color:#444;height:20px; font-size:18px; text-transform:uppercase; }
.carouFredSel ul { list-style:none; margin:0;  width:auto;}
.carouFredSel ul li { float:left; list-style:none; height:auto;  position:relative; padding:0 15px;}
.carouFredSel ul li:hover img {filter:Alpha(Opacity=100);opacity:1;}
.carouFredSel_Slider {padding:5px 5px 0!important; border:solid 1px #bdbdbd;margin:0 5px;}
.carouFredSel_nav{position:absolute; right:-4px; top:-40px;padding:5px 25px 0 5px;background:#FFFFFF;}
a.caroul_prev{display:inline-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;border:solid 1px #d2d2d2;}
a.caroul_next{display:inline-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;border:solid 1px #d2d2d2;}
a.caroul_prev:hover {background-color:#00629d;}
a.caroul_next:hover {background-color:#00629d;}
.pg-img-wrapper p{padding:10px 5px 0;font-size:13px;}

/*--------- CarouFredSel2 Style ----------*/
.carouFredSel2 { position:relative; }
.carouFredSel2 ul { list-style:none; margin:0; padding:0; width:auto;}
.carouFredSel2 ul li { float:left; list-style:none; height:auto; min-height:120px; margin-right:10px; margin-bottom:0; position:relative;}
.carouFredSel2 ul li img {filter:Alpha(Opacity=100);opacity:1; }
.carouFredSel2 ul li:hover img {filter:Alpha(Opacity=80);opacity:0.8;}
.carouFredSel2 ul li p { text-align:center;}
.Slider_banner2_nav{ position:absolute; right:-4px; top:-40px; background:#FFFFFF; padding:5px 25px 0 5px;}
a.caroul_prev2{display:inline-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;border:solid 1px #d2d2d2;}
a.caroul_next2{display:inline-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;border:solid 1px #d2d2d2;}
a.caroul_prev2:hover {background-color:#00629d;}
a.caroul_next2:hover {background-color:#00629d;}

/*--------- CarouFredSel3 Style ----------*/
a.caroul_prev3{display:inline-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;border:solid 1px #d2d2d2;}
a.caroul_next3{display:inline-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;border:solid 1px #d2d2d2;}
a.caroul_prev3:hover {background-color:#00629d;}
a.caroul_next3:hover {background-color:#00629d;}

/*--------- CarouFredSel2 Style ----------*/
.carouFredSel4 { position:relative; height:auto;}
.carouFredSel4 ul { list-style:none; margin:0;  width:auto;}
.carouFredSel4 ul li { float:left; list-style:none; height:auto;  position:relative; padding:0 15px;}
.carouFredSel4 ul li:hover img {filter:Alpha(Opacity=100);opacity:1;}
.carouFredSel4_Slider {padding:5px!important;;margin:10px 5px 0;}
.Slider_banner4_nav { position:absolute; right:-4px; top:15px; background:#FFFFFF; padding:5px 25px 0 5px;font-size:12px;}
a.caroul_prev4{display:inline-block;width:21px;height:21px;background:#616161 url(../images/carouFredSel_prev.png) no-repeat center center;border:solid 1px #d2d2d2;-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_next4{display:inline-block;width:21px;height:21px;background:#616161 url(../images/carouFredSel_next.png) no-repeat center center;border:solid 1px #d2d2d2;-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_prev4:hover {background-color:#00629d;}
a.caroul_next4:hover {background-color:#00629d;}

/*---------- Header Demo Style -------------- */
.header_demo { padding-top:10px; margin:0 auto;min-width:350px;}
.header_demo li{float:left;padding-right:18px;font-size:13px;}
.header_demo li img{padding-top:-1px;}

/*---------- Service-box style -------------- */
.service-box{width: 80%; padding: 20px 25px; position: relative; background: #fafafa; border: 1px solid #ddd; cursor: pointer; height:130px;margin:30px 0 30px 8px;}
.service-box:hover{background:#00629d; border: 1px solid #eee;}
.service-box:hover:before{ background: #00629d;border: 1px solid #00629d;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.5s ease 0s;}
.service-box:before, .service-box:before{width:98%;}
.service-box:before{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ position: absolute; content: ''; border: 1px solid #ddd; height: 4px; background: #eee; bottom: -4px; left: 3px;}
.service-box:hover .service-info-icon,.service-box:hover .service-info-title h6, .service-box:hover p,.service-box:hover .service-info-title span{color: #fff!important;}
.service-info{display: table; margin: 0 auto 15px;}
.service-info-icon{font-size: 36px; color: #333; max-width: 55px; margin-right: 15px; float: left; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.service-info-title{display: inline-block; float: left;}
.service-info-title h6{text-transform: none; margin-bottom: 0; font-weight: normal;color:#000;}
.service-box p{text-align: center; float: left;}
.service-icon-one{background:url(../images/content/service-icon1.png) no-repeat #333333;height:50px;width:50px;float:left;margin:5px 20px 0 0;}
.service-box:hover .service-icon-one{background:url(../images/content/service-icon2.png) no-repeat #00629d;height:50px;width:50px;}
.service-icon-two{background:url(../images/content/service-icon3.png) no-repeat #333333;height:50px;width:50px;float:left;margin:5px 20px 0 0;}
.service-box:hover .service-icon-two{background:url(../images/content/service-icon4.png) no-repeat #00629d;height:50px;width:50px;}
.service-icon-three{background:url(../images/content/service-icon5.png) no-repeat #333333;height:50px;width:50px;float:left;margin:5px 20px 0 0;}
.service-box:hover .service-icon-three{background:url(../images/content/service-icon6.png) no-repeat #00629d;height:50px;width:50px;}

/*---------- Latest Works  Style -------------- */
.pg-img-wrapper{position:relative;overflow:hidden;}
.pg-img-wrapper figure{width:100%;margin:0;}
.pg-info{width:100%; height: 100%;text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 0; z-index: 10; background: rgba(0, 140, 190, 0.82); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.pg-info:hover{-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.pg-info:hover .pg-details{bottom: 25%; bottom: calc(33% - 10px);}
.pg-details{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 10%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details h2{color:#fff!important;font-size:16px;font-weight: bold;text-align:center;}
.pg-categories{width: 100%; display: block; font-size: 10px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}
.icon-circle{width:50px;height:50px;background:#000;position: absolute; top: 10%; left: 40%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-info:hover .icon-circle{-moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 37%; top: calc(30% - 10px);}
.icon-one{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -40px 0;display:inline-block; position:relative;top:15px;left:14px; }
.icon-two{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -285px 0;display:inline-block; position:relative;top:15px;left:14px; }
.icon-three{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -80px 0;display:inline-block; position:relative;top:15px;left:14px; }
.icon-four{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -368px 0;display:inline-block; position:relative;top:15px;left:14px; }
.icon-five{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -408px 0;display:inline-block; position:relative;top:15px;left:14px; }

.icon-circle2{width:50px;height:50px;background:#000;position: absolute; top: 30%; left: 45%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-details2{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 40%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details2 h2{color:#fff!important;font-size:25px;font-weight: bold;text-align:center;}
.pg-categories2{width: 100%; display: block; font-size: 18px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}

.icon-circle3{width:50px;height:50px;background:#000;position: absolute; top:30%; left: 42%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-details3{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 30%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details3 h2{color:#fff!important;font-size:20px;font-weight: bold;text-align:center;}
.pg-categories2{width: 100%; display: block; font-size: 15px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}


.pg-info4{width:100%; height: 100%;text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 0; z-index: 10; background: rgba(0, 140, 190, 0.82); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.pg-info4:hover{-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.pg-info4:hover .pg-details4{bottom: 25%; bottom: calc(33% - 10px);}
.pg-info4:hover .icon-circle4{-moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 37%; top: calc(30% - 10px);}
.icon-circle4{width:50px;height:50px;background:#000;position: absolute; top:25%; left: 40%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-details4{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 28%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details4 h2{color:#fff!important;font-size:16px;font-weight: bold;text-align:center;}
.pg-categories4{width: 100%; display: block; font-size: 14px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}

.icon-circle5{width:50px;height:50px;background:#000;position: absolute; top:30%; left: 42%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-details5{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 30%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details5 h2{color:#fff!important;font-size:17px;font-weight: bold;text-align:center;}
.pg-categories5{width: 100%; display: block; font-size: 13px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}

/*--------- Accordion Style ----------*/
.accordion_title{border:solid 1px #d9d9d9;border-left:4px solid #00629d;color:7b7b7b!important;}

/*--------- Riviera Style ----------*/
.riviera{width:99%;height:auto;position:relative;overflow:hidden;}
.riviera_pic{float:left;}
.riviera img{opacity: 1;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.riviera img:hover{opacity: 0.8;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.riviera_text{padding:5px 0 15px 20px;float:left;width:50%;}
.riviera_title{font-size:17.5px; font-weight:bold;color:#333333;line-height:28px;}
.riviera_text p{padding:15px 0;font-size:14px;color:#787878;line-height:1.6em;}


/*--------- Quovolve Style ----------*/
.quovolve-box { position:relative;text-align:center;min-height:220px;}
.quovolve-box ul { clear: both;list-style: none; margin: 0;padding-top:20px;border-top:solid 1px #e6e6e6;}
.quovolve-box ul li { list-style:none;position: relative;}
.quovolve-box ul li .quovolve-box_text p { margin: 0; padding-top:20px; background:url(../images/quovolve-box_img.png) no-repeat 20% 20%;text-indent: 40px;font-size:25px;line-height:30px;font-family:Georgia, "Times New Roman", Times, serif;color:#707070;}
.quovolve-box ul li .quovolve-box_text p span{ background:url(../images/quovolve-box_img2.png) no-repeat 80% 100%;display: block; }
.quovolve-box ul li .quovolve-box_text h5 { line-height: 1em; color:#00629d;}
.quovolve-box .quovolve-nav .nav-numbers { height: 51px;margin: 0; min-width:100px; position: absolute;bottom:20px; left:43%;}
.quovolve-box .quovolve-nav .nav-numbers li { float: left;list-style: none;margin-right: 3px;}
.quovolve-box .quovolve-nav .nav-numbers li a { display: block;width:51px;height:51px;font-size:0; background: rgba(255,255,255,0.5);}
.quovolve-box .quovolve-nav .nav-numbers li.active a{background: none;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.quovolve-box .quovolve-nav .nav-numbers li a:hover {background: none;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.quovolve-box ul.quovolve {  margin: 10px 0 0;}
ul.quovolve p,ul.quovolve div,ul.quovolve span, ul.quovolve li,ul.quovolve a, ul.quovolve dt, ul.quovolve dd,ul.quovolve h1, ul.quovolve h2, ul.quovolve h3, ul.quovolve h4, ul.quovolve h5, ul.quovolve h6{}

/*--------- Color Picker Style ----------*/
#custom_wrapper{position: fixed;top: 170px;left:-155px;width: 150px;padding: 18px 0 18px 0;background: #fff;z-index: 99999;font-size: 12px;border: 1px solid #E1E1E1;border-bottom: 1px solid rgba(150, 150, 150, 0.2);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);}
#custom_wrapper div, #custom_wrapper span, #custom_wrapper p, #custom_wrapper li, #custom_wrapper td {color: #555!important;}
#custom_wrapper #bg_color {width: 100%;height: 25px;cursor: pointer;}
/*---CUSTOMTIM---#custom-button {display:block;position: fixed;top: 200px;left:0;cursor:pointer;z-index: 999;}*/
#custom-button {display:none;position: fixed;top: 200px;left:0;cursor:pointer;z-index: 999;}
#custom_wrapper .custom_inner{width: 80%;margin:auto;}
.colorpicker_preview{width: 100%;height: 30px;margin: 5px 0 0 0;}
#custom_wrapper .use-form-styles select{width: 110px;}
.color-box, .pattern-box, .bg-box { width:24px;height:24px;display:block;float:left; margin:5px 2px 0 2px;border: 1px solid #cacaca;}
.pattern-box { background:#ccc;}
#colorpicker { width: 36px;height: 36px;background: url(../images/colorpicker/select2.png);}
#colorpicker div { width: 28px;height: 28px;background: url(../images/colorpicker/select2.png) center;}
#custom_wrapper #custom-reset{ height:30px; padding:5px 20px; margin:0 20px; background:#444444; color:#fff; text-decoration:none;} 
#custom_wrapper #bg_pattern { height:155px; margin-top:10px;}
.optional_widtd { position:relative; padding:10px 0 0 0;}
#boxed_button { background:#444444; float:left; margin-top:2px; padding:5px; color:#FFFFFF;}
#stretched_button { background:#444444;  float:right; margin-top:2px; padding:5px; color:#FFFFFF;}
#boxed_button:hover, #stretched_button:hover { text-decoration:none;}

/*------------------All demo_content_title -------------------*/
.demo_content_title h3{ font-size:22px;  font-weight:500;color:#000;}
/*------------------ Blog Page -------------------*/
/*---------------------------------Blog List Style----------------------*/
.blog_left{padding:0 30px;height:auto;overflow:hidden;}
.blog_list{padding:10px 0;}
.blog_titile{font-size:20px;color:#fff;	line-height:70px;padding-left:10px;}
.standard_title img{ padding:8px; background:#00629d; float:left;}
.standard_title p{ background:#373737; float:left; height:34px; line-height:34px; color:#fff; padding:0 15px;}
.standard_content{margin:10px 0 5px 0;padding:10px 0;}
.standard_content p{ line-height:1.6em;padding:10px 20px 10px 0;font-size:14px;color:#767676;}
.standard_title span{ line-height:34px; padding-left:20px; font-size:20px; }
.standard_bottom{ padding:10px 0px; border:1px solid #eee; border-left:none; border-right:none;height:auto;overflow:hidden; }
.blog_img_left { float:left; }
.standard_bottom img{ padding-left:5px;}
.standard_bottom span{ padding-left:8px; padding-right:15px; }
.blog_img_right{ float:right;}
.standard_content_border{ background:#00629d; height:5px;margin:10px 0 ;}

/*--------- Blog Post Content Style ----------*/
.blog_right{padding-right:10px;}
.content_right_border{padding:10px 0;width:100%;}
.content_right_border .left_border{ width:30%; background:#00629d; float:left;height:4px;}
.content_right_border .right_border{ width:70%; background:#eee; float:left;height:4px;}
.subscribe_style{padding:10px 0;}
.subscribe_style .Social-Links{ margin-right:10px; height:33px; }
.subscribe_style .Social-Links span{ font-size:15px; color:#888;  position:relative; top:-10px;}
.recent_style p{ line-height:3em; border-bottom:1px solid #ebebeb;}

/*--------- Blog Post List style ----------*/
.interdum_title p{ font-size:18px;}
.standard_list ul{width:40%;float:left;}
.standard_list ul li{list-style-type: disc;padding:3px 0;}
.blog_about_img { float:left; width:15%; padding-right:2%;}
.blog_author{padding-bottom:40px; border-bottom:solid 1px #cbcbcb;margin-bottom:40px;}
.blog_about_content p {padding-top:30px;}

/*--------- Sidebar Tag style ----------*/
.sidebar_tag { padding-top:5px;}
.sidebar_tag ul { list-style:none; margin:0; padding:0;}
.sidebar_tag ul li { list-style:none; margin-bottom:6px; padding:4px 0;}
.sidebar_tag ul li a {  padding:6px 2px; text-decoration:none;}
.sidebar_tag ul li a span { background:#f1f1f1; padding:6px ; font-size:13px; color:#444; border:1px solid #e0e0e0;border-radius:4px; -webkit-border-radius:4px ; -moz-border-radius:4px ;}
.sidebar_tag ul li a span:hover { background:#409dc1; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; color:#fff;}
.sidebar_tag a { text-decoration:none;}

/*---------Project Pagination---------*/
.project-pagination a{display:block;height:32px;line-height:32px;border:1px solid #f0f0f0;color:#00629d;float:left;padding:0 15px;}
.project-pagination a.next-btn{margin-left:10px;}
.project-pagination a:hover{background-color:#00629d;border-color:#00629d;color:#fff;  transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.project-pagination ul{margin-left:10px;float:left;overflow:hidden;}
.project-pagination li{float:left;display:block;padding:0px 2px;}
.project-pagination li:before{content:"";width:auto;}
.project-pagination li.selected a{background-color:#00629d;border-color:#00629d;color:#fff;}
.project-pagination li.selected a:hover{cursor:default;}

/*------------------ Contact Page -------------------*/
/*--------- Content Style ----------*/
.contact_left{padding:0 20px 30px;border:solid 1px #ededed;border-left:none;border-top:none;height:auto;overflow:hidden;}
.contact_left .demo_content_title > h3{ font-size:20px;  font-weight:500; }
.demo_top_text p{ text-align:center; font-size:13px;padding-top:20px;line-height:30px;}
.contact_shadow{ background:url(../images/content/contact_top_shadow.png) no-repeat top center; width:100%; height:23px; margin-top:40px;}
.contact_page_content{ border-bottom:1px solid #e5e5e5;}
.input_style{float:left;width:33.33%;padding:20px 0 ;}
.input_style input{background:#fff; border:1px solid #d9d9d9;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; box-shadow: 0 0 3px #C0C0C0 inset;-moz-box-shadow: 0 0 3px #C0C0C0 inset;-webkit-box-shadow: 0 0 3px #C0C0C0 inset; width:90%;}
.input_style input[type="text"]{ padding:5px 0 5px 5px;}
.input_style p, .textarea_style p{ font-size:15px;}
.textarea_style textarea{background:#fff; border:1px solid #d9d9d9;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; box-shadow: 0 0 3px #C0C0C0 inset;-moz-box-shadow: 0 0 3px #C0C0C0 inset;-webkit-box-shadow: 0 0 3px #C0C0C0 inset; width:98%;}
.textarea_style textarea[type="text"]{ padding:5px 0 5px 5px; min-height:150px;}
.input_button { min-width:80px;  margin-top:15px; padding-bottom:50px;}
.input_button a{background:#00629d; padding:8px 20px; text-decoration:none; color:#fff!important; font-size:15px;}
.input_button a:hover { background:#333333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.border_bottom{ border-bottom:1px solid #e5e5e5;}
.map_style { margin-top:15px; border:1px solid #e5e5e5;  }
.map_style p{ text-indent:5px;}
.support_text {float:left;line-height:10px;padding-right:30px; min-height:105px;}
.support_style > p{line-height:20px;padding-bottom:10px; }
.support_text .select{font-size:15px;color:#000;padding-bottom:8px;}
.support_img{ background:url(../images/content/support_style_img.jpg) no-repeat; width:107px; height:100px; float:left;padding:0 15px 5px 0;}


/*------------------ Buttons Page -------------------*/
/*--------- Content Style ----------*/
.buttons_page{padding-top:30px;;font-size:13px;line-height:22px;height:auto;overflow:hidden;width:100%;}
.buttons_page li{width:30%;float:left;padding:20px 20px 30px 0;border-bottom:solid 1px #ccc;}
.buttons_page p{padding:10px 0;}
.buttons_page .demo_content_title h3{ font-size:15px; font-weight:600; }
.button1_style p{ color:#666;}
.button1_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #00629d; padding:7px 15px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.button1_style span a{ color:#fff;}
.button1_style span:hover{ background:#00629d;}
.button2_style p{ color:#666;}
.button2_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #00629d; padding:7px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button2_style span a{ color:#fff;}
.button2_style span:hover{ background:#00629d;}
.button3_style p{ color:#666;}
.button3_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #b6b6b6; padding:7px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button3_style span a{ color:#fff;}
.button3_style span:hover{ background:#b6b6b6;}
.button_border{ }
.button4_style p{ color:#666;}
.button4_style span{ background: url(../images/content/buttons4_left_bg.png) no-repeat bottom left, url(../images/buttons_bg_shade.png) repeat-x bottom left  #dfc727;  padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button4_style span a{ color:#fff; }
.button4_style span:hover{ background:url(../images/content/buttons4_left_bg.png) no-repeat bottom left #dfc727;}
.button5_style p{ color:#666;}
.button5_style span{ background: url(../images/content/buttons5_left_bg.png) no-repeat bottom left, url(../images/buttons_bg_shade.png) repeat-x bottom left  #79bf92;  padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button5_style span a{ color:#fff; }
.button5_style span:hover{ background:url(../images/content/buttons5_left_bg.png) no-repeat bottom left #79bf92;}
.button6_style p{ color:#666;}
.button6_style span{ background: url(../images/content/buttons6_left_bg.png) no-repeat bottom left, url(../images/buttons_bg_shade.png) repeat-x bottom left  #7aab1b;  padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button6_style span a{ color:#fff; }
.button6_style span:hover{ background:url(../images/content/buttons6_left_bg.png) no-repeat bottom left #7aab1b;}
.button7_style p{ color:#666;}
.button7_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #e34608; padding:7px 15px 7px 30px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button7_style span a{ color:#fff;}
.button7_style span:hover{ background:#e34608;}
.buttons7_left_bg{ background:url(../images/content/buttons7_left_bg.png) no-repeat bottom left; width:33px; height:33px;position:relative; top:-26px;}
.buttons7_bottom_bg{ background:url(../images/content/buttons7_bottom_bg.png) no-repeat bottom left; width:33px; height:3px;position:relative; top:-28px; left:25px;}
.button8_style p{ color:#666;}
.button8_style span{ background: url(../images/content/buttons8_right_bg.png) no-repeat bottom right, url(../images/buttons_bg_shade.png) repeat-x top left  #2f3452;  padding:7px 35px 6px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button8_style span a{ color:#fff; }
.button8_style span:hover{ background:url(../images/content/buttons8_right_bg.png) no-repeat bottom right #2f3452;}
.button9_style p{ color:#666;}
.button9_style span{ background: url(../images/content/buttons8_right_bg.png) no-repeat bottom right, url(../images/content/buttons_bg_shade.png) repeat-x top left  #272724;  padding:7px 35px 6px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button9_style span a{ color:#fff; }
.button9_style span:hover{ background:url(../images/content/buttons8_right_bg.png) no-repeat bottom right #272724; }

/*------------------ Divider Page -------------------*/
/*--------- Divider Style ----------*/
.Divider{height:auto;overflow:hidden;padding:0 30px;}
.module_text .gray1{border:solid 1px #ededed;margin-bottom:30px;}
.module_text .black{border:solid 1px #000;margin-bottom:30px;}
.module_text .blue{border:solid 1px #00629d;margin-bottom:30px;}
.module_text .gray2{border:solid 1px #ababab;margin-bottom:30px;}
.module_small{border:solid 1px #b5b5b5;border-left:solid 8px #808080;padding-top:15px;margin-top:50px;}
.module_small span{color:#FF0000;}
.module_small li{list-style-type:decimal!important;color:#000;}

/*------------------ Socia Page -------------------*/
.socia3, .socia2{height:auto;overflow:hidden;padding:0 30px;}
.socialicons3_text, .socialicons2_text{background:#f5f5f5;padding:10px 20px;}
.socialicons3_text li, .socialicons2_text li{list-style-type:decimal!important;}

/*--------- Togglable Tabs Style ----------*/
.Togglable_Tabs{height:auto;overflow:hidden;padding:20px 30px;width:75%;}
.tob_toggles_page .nav { margin-bottom: 0;}

/*------------------ Full Width Page -------------------*/
.Full_Page{padding:0 50px;font-size:15px;line-height:22px;height:auto;overflow:hidden;}
.Full_width{margin:25px 0 25px 10px;padding:15px 0 15px 15px; border-left:solid 4px #00629d;}

/*------------------ Info boxes Page -------------------*/
.Info_boxes{padding:0 5%;font-size:15px;line-height:22px;height:auto;overflow:hidden;}
.Info_icon{float:left;padding-right:20px;}
.Info_pink{background:#fde2e2;margin:10px 0;padding:25px;}
.Info_greed{background:#daf7c9;margin:10px 0;padding:25px;}
.Info_blue{background:#d3f1fa;margin:10px 0;padding:25px;}
.Info_orange{background:#feeecb;margin:10px 0;padding:25px;}
.Info_greed{background:#d1f9c9;margin:10px 0;padding:25px;}
.Info_gray{background:#f6f5f5;margin:10px 0;padding:25px;}

.Info_box{margin:15px 5%;}
.Info_wrapper{min-height:150px;border:solid 1px #e0e0e0;border-top:none;}
.Info_wrapper h2 { font-size:15px; font-weight:bold; color:#fff; line-height:35px; padding: 0 15px;}
.Info_wrapper .Info_content { padding:10px;}
.Info_one{min-height:35px;background:#00629d;margin:0 -1px;}
.Info_two{min-height:35px;background:#f69804; margin:0 -1px;}
.Info_three{min-height:35px;background:#696969; margin:0 -1px;}
.Info_four{min-height:35px;background:#f75e64; margin:0 -1px;}

/*------------------ Slider Page -------------------*/
.Slider_banner{padding:0 20px;}
.Slider_banner_nav{background:#fff;width:50px;position:relative;height:21px;position:absolute;top:8px;right:-5px;z-index:8;padding:0 22px 0 5px;}

/*------------------ 404 Page -------------------*/
/*--------- Content Style ----------*/
.error_page .content_404 h1{ font-size:220px;  color:#4e5c64; text-align:center;  }
.error_page .sorry_text h1 { font-size:24px;  color:#4e5c64; text-align:center;}
.error_page .search_style { text-align:center;}
.error_page .search_style input[type="text"] { background:url(../images/content/icon_search2.png) no-repeat right center ; border: 1px solid #C7C7C7; font-size:13px; color: #333333; width: 300px; padding: 7px 30px 7px 8px; }
.error_page .sitemap_button { text-align:center;margin:30px 0 10px 0;}
.error_page .sitemap_button  a{ text-align:center; background:url(../images/content/sitemap_button.png) repeat-x #00629d; padding:10px 18px; text-decoration:none; color:#FFFFFF;opacity:1; }
.error_page .sitemap_button  a:hover{opacity:0.9;}

/*--------- DropDown Style ----------*/
.dropdowns_page .navbar .brand { padding:5px 20px;} 

/*------------------ Toggles Tab Page -------------------*/
.tob_toggles_page .demo_content_title h3{ font-size:22px;  font-weight:500; }

/*------------------ About Us Page -------------------*/
/*--------- Content Style ----------*/
.About_Us{height:auto;overflow:hidden;padding:0 20px 30px;border-bottom:1px solid #ededed;margin-bottom:20px;}
.demo_content_title h3{ font-size:22px;  font-weight:500;padding:5px 0 10px; }
.demo_top{ border-top:1px solid #ededed;}
.demo_top_left { background:url(../images/content/about_left_img.jpg) no-repeat;min-width:410px;min-height:245px;float:left;padding-right:25px;}
.demo_top_right h3{ padding-bottom:10px; font-weight:normal; font-size:24px;color:#000;}
.demo_top_right p { font-size:13px; line-height:20px;}
.success_style{ float:left;width:44%;padding:10px 3% 20px 0;}
.success_style .success_left{ float:left;}
.success_left img{ background:#00629d;}
.success_style .success_right{ padding-left:70px; padding-top:15px;}
.success_style .success_right span{ font-size:22px;}
.success_style .success_right p{line-height:1.8em; padding-top:15px; }

.about_author_style {float:left;}
.about_edit{margin:15px 0;}
.about_author_style .blog_about_content .title_left{ font-size:18px; }
.about_author_style .blog_about_content .title_right{ float:right;}
.about_author_style .blog_about_content .title_right_bottom{ float:right; margin-left:15px; }
.about_author_style .blog_about_content .title_right_bottom { min-width:80px;   text-align:center;}
.about_author_style .blog_about_content .title_right_bottom a{background:#00629d; padding:8px 20px; text-decoration:none; color:#fff; font-size:15px;}
.about_author_style .blog_about_content .title_right_bottom a:hover { background:#333333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.about_author_one{padding-left:20px;}
.about_author_two{padding-left:40px;}

/*--------- FAQ Style ----------*/
.faq_left{height:auto;overflow:hidden;padding:0 30px;}
.faq_right{height:auto;overflow:hidden;padding:0 10px;border-left:solid 1px #ececec;}
.categories_design {width:100%;height:30px;font-size:14px;border-bottom:solid 1px #e6e6e6;margin-bottom:5px;line-height:30px;}
.categories_design a{color:#5c5c5c!important	;}
.categories_design a:hover{color:#000!important	;}
.categories_left{float:left;}
.categories_right{float:right;width:25px;height:25px;border-radius:5px;background:#f3f3f3;text-align:center;line-height:25px;}
.categories_design a:hover .categories_right{background:#00629d; color:#fff;}


/*---------Left Slidebar Style ----------*/
.Slidebar_left{height:auto;overflow:hidden;padding:0 20px;}
.Slidebar_right{height:auto;overflow:hidden;padding:0 15px; border-left:1px solid #ececec; }
.Slidebar_right2{height:auto;overflow:hidden;padding:0 20px; border-right:1px solid #ececec; }
.content_title_right h3{ font-size:20px;  font-weight:500;padding-bottom:10px;}
.categories_style ul{ padding-top:10px;}
.categories_style li{  line-height:2.5em;}
.image_example_list{float:left;}

.content_right{ border-left:1px solid #f1f1f1;}
.image_example{ padding-left:15px;}
.left_image_style p img{ float:left; margin-right:10px; padding:3px; border:1px solid #f1f1f1;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; height:107px;}
.right_image_style{ padding-bottom:15px; }
.right_image_style p img{ float:right; margin-left:5px; padding:3px; border:1px solid #f1f1f1;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;height:107px;}
.image_example_border{padding:0;}
.heading_list{float:left;width:45%;min-height:150px;padding-right:2%;padding-top:20px;}
.heading_list h1, .heading_list h2, .heading_list  h3, .heading_list  h4, .heading_list  h5, .heading_list h6{color:#000;}

/*------------------ Page Style-------------------*/
.demo_top_text { text-align:center; font-size:15px;padding:20px 0;}
.prices_page{height:auto;overflow:hidden;padding:0 20px;}

/*------------------ Services Page -------------------*/
/*--------- Content Style ----------*/
.services_page{height:auto;overflow:hidden;padding:0 30px;}
.demo_content_title h3{ font-size:22px;  font-weight:500; }
.demo_top2{ border-bottom:1px solid #ededed;float:left;padding-bottom:30px;margin:20px 0;}
.demo_top2 .demo_top_left { background:url(../images/content/services_top_img.jpg) no-repeat; height:320px;float:left;margin:0 20px 10px 0;}
.demo_top2 .demo_top_right h3{ padding-bottom:10px; font-weight:normal; font-size:24px;}
.demo_top2 .demo_top_right p { font-size:13px; }

.services_list{float:left;width:23%;padding:0 1%;min-height:200px;overflow:hidden;}
.services_demo_top img {transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;cursor: pointer;float:left;margin-right:10px;}
.services_demo_top:hover {transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; }
.services_demo_top:hover img { -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.services_demo_top h3{ font-size:20px; font-weight:400; line-height:1em;color:#333333;}
.services_demo_bottom p{ line-height:1.7em;}

/*------------------ Testimonials Page -------------------*/
/*--------- Content Style ----------*/
.testimonials_page{height:auto;overflow:hidden;padding:20px 30px;}
.testimonials_top{ background:#e8e8e8;  position:relative; z-index:1;margin-bottom:30px;}
.testimonials_top p{ padding:20px 20px 20px 40px; line-height:1.8em;font-size:17px;}
.quotation_marks{ background:url(../images/content/quotation_marks.png) no-repeat; width:17px; height:14px; position:absolute; top:20px; left:10px; z-index:20;}
.triangle_img { background:url(../images/content/triangle_img.png) no-repeat; width:12px; height:17px; bottom:-17px; position:absolute; left:10%;}

.evaluate_name { float:left; min-width:250px; padding-bottom:20px; } 
.evaluate_name img{ float:left; margin-right:15px;}
.evaluate_name h4{ font-size:20px; font-weight:400; line-height:1em; }
.evaluate_name p { line-height:1.7em; color:#787878;}
.testimonials_page .input_button { min-width:80px;text-align:right; margin-top:10px; }
.testimonials_page .input_button a{background:#00629d; padding:8px 20px; text-decoration:none; color:#fff; font-size:15px;}
.testimonials_page .input_button a:hover { background:#333333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.tags_style{ border:1px solid #ededed;height:auto;overflow:hidden;width:100%;padding:10px 0;margin-bottom:10px;border-left:none;border-right:none;}
.tags_style p{ float:left;}
.tags_style p span{ color:#00629d;}
.tags_style span{ float:right; color:#000!important;}

/*---------- Project style -------------- */
.project_inner{position:relative;overflow:hidden;margin:0 10px 10px 5px;}
.project_inner figure{width:100%;height:0;padding:0 0 100%;margin:0;}
.project_inner .project_rollover{position:absolute; width:100%;left:0;bottom:0;display:block;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:#63adca;overflow:hidden;}
.project_inner:hover .project_rollover {height:100%; width:100%;}
.project_inner p{padding-top:30px;width:250px;}
.project_inner .entry-title a {color:#fff!important;font-size:20px;}
.project_inner a{color:#fff!important;}
.entry_icon{margin-top:40px;}
.icon_one{display:inline-block;background:url(../images/content/project_inner1.png) no-repeat;width:22px;height:22px;margin:0 3px;}
.icon_two{display:inline-block;background:url(../images/content/project_inner2.png) no-repeat;width:22px;height:22px;margin:0 3px;}
.icon_three{display:inline-block;background:url(../images/content/project_inner3.png) no-repeat;width:22px;height:22px;margin:0 3px;}
.project_item1{padding:18px 15px 10px 15px!important;}
/*---------Prices Blue---------*/
.prices_blue_style{ border:1px solid #d9d9d9;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;float:left;width:14%;margin:0 1%;}
.prices_top_blue{ background:#353535; margin:5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.blue_title{ padding-top:1px;} 
.blue_title h3{ text-align:center; color:#fff;}
.price_blue{ background:#429fc3;background:url(../images/prices_shadow.png) repeat-x,#429fc3; text-align:center; padding:8px 0;}
.price_blue p{ font-size:38px; color:#fff; padding:15px 0; margin:0; padding:0;}
.blue_arrow-down {width:0px; height:0px;border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #429fc3; font-size:0px; line-height:0px; position:relative; left:45%; padding-bottom:11px;}
.prices_text p{ border-bottom:1px solid #d9d9d9; padding-left:15px; line-height:2em;}
.price_blue_button{ text-align:center; padding:25px 0;} 
.price_blue_button span a{ padding:5px 15px; background:url(../images/buttons_bg_shade.png) repeat-x bottom left #00629d; color:#fff;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.price_blue_button span a:hover{ background:#00629d;}

/*---------Prices Purple---------*/
.prices_purple_style{ border:1px solid #d9d9d9;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;float:left;width:14%;margin:0 1%;}
.prices_top_purple{ background:#353535; margin:5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.purple_title{ padding-top:1px;} 
.purple_title h3{ text-align:center; color:#fff;}
.price_purple{ background:#8204d9;background:url(../images/prices_shadow.png) repeat-x,#8204d9; text-align:center; padding:8px 0;}
.price_purple p{ font-size:38px; color:#fff; padding:15px 0; margin:0; padding:0;}
.purple_arrow-down {width:0px; height:0px;border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #8204d9; font-size:0px; line-height:0px; position:relative; left:45%; padding-bottom:11px;}
.prices_text p{ border-bottom:1px solid #d9d9d9; padding-left:15px; line-height:2em;}
.price_purple_button{ text-align:center; padding:25px 0;} 
.price_purple_button span a{ padding:5px 15px; background:url(../images/buttons_bg_shade.png) repeat-x bottom left #8204d9; color:#fff;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.price_purple_button span a:hover{ background:#8204d9;}

/*---------Prices Green---------*/
.prices_green_style{ border:1px solid #d9d9d9;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;float:left;width:14%;margin:0 1%;}
.prices_top_green{ background:#353535; margin:5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.green_title{ padding-top:1px;} 
.green_title h3{ text-align:center; color:#fff;}
.price_green{ background:#81bb04;background:url(../images/prices_shadow.png) repeat-x,#81bb04; text-align:center; padding:8px 0;}
.price_green p{ font-size:38px; color:#fff; padding:15px 0; margin:0; padding:0;}
.green_arrow-down {width:0px; height:0px;border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #81bb04; font-size:0px; line-height:0px; position:relative; left:45%; padding-bottom:11px;}
.prices_text p{ border-bottom:1px solid #d9d9d9; padding-left:15px; line-height:2em;}
.price_green_button{ text-align:center; padding:25px 0;} 
.price_green_button span a{ padding:5px 15px; background:url(../images/buttons_bg_shade.png) repeat-x bottom left #81bb04; color:#fff;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.price_green_button span a:hover{ background:#81bb04;}
.footer_tag{padding-top:10px;}

/*---------Prices Red---------*/
.prices_red_style{ border:1px solid #d9d9d9;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;float:left;width:14%;margin:0 1%;}
.prices_top_red{ background:#353535; margin:5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.red_title{ padding-top:1px;} 
.red_title h3{ text-align:center; color:#fff;}
.price_red{ background:#e3283e;background:url(../images/prices_shadow.png) repeat-x,#e3283e; text-align:center; padding:8px 0;}
.price_red p{ font-size:38px; color:#fff; padding:15px 0; margin:0; padding:0;}
.red_arrow-down {width:0px; height:0px;border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #e3283e; font-size:0px; line-height:0px; position:relative; left:45%; padding-bottom:11px;}
.prices_text p{ border-bottom:1px solid #d9d9d9; padding-left:15px; line-height:2em;}
.price_red_button{ text-align:center; padding:25px 0;} 
.price_red_button span a{ padding:5px 15px; background:url(../images/buttons_bg_shade.png) repeat-x bottom left #e3283e; color:#fff;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.price_red_button span a:hover{ background:#e3283e;}

/*---------Prices Gray---------*/
.prices_gray_style{ border:1px solid #d9d9d9;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;float:left;width:14%;margin:0 1%;}
.prices_top_gray{ background:#353535; margin:5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.gray_title{ padding-top:1px;} 
.gray_title h3{ text-align:center; color:#fff;}
.price_gray{ background:#696969;background:url(../images/prices_shadow.png) repeat-x,#696969; text-align:center; padding:8px 0;}
.price_gray p{ font-size:38px; color:#fff; padding:15px 0; margin:0; padding:0;}
.gray_arrow-down {width:0px; height:0px;border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #696969; font-size:0px; line-height:0px; position:relative; left:45%; padding-bottom:11px;}
.prices_text p{ border-bottom:1px solid #d9d9d9; padding-left:15px; line-height:2em;}
.price_gray_button{ text-align:center; padding:25px 0;} 
.price_gray_button span a{ padding:5px 15px; background:url(../images/buttons_bg_shade.png) repeat-x bottom left #696969; color:#fff;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.price_gray_button span a:hover{ background:#696969;}

/*---------Prices Liem---------*/
.prices_liem_style{ border:1px solid #d9d9d9;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;float:left;width:14%;margin:0 1%;}
.prices_top_liem{ background:#353535; margin:5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.liem_title{ padding-top:1px;} 
.liem_title h3{ text-align:center; color:#fff;}
.price_liem{ background:#12c250;background:url(../images/prices_shadow.png) repeat-x,#12c250;  text-align:center; padding:8px 0;}
.price_liem p{ font-size:38px; color:#fff; padding:15px 0;margin:0; padding:0;}
.liem_arrow-down {width:0px; height:0px;border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #12c250; font-size:0px; line-height:0px; position:relative; left:45%; padding-bottom:11px;}
.prices_text p{ border-bottom:1px solid #d9d9d9; padding-left:15px; line-height:2em;}
.price_liem_button{ text-align:center; padding:25px 0;} 
.price_liem_button span a{ padding:5px 15px; background:url(../images/buttons_bg_shade.png) repeat-x bottom left #12c250; color:#fff;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.price_liem_button span a:hover{ background:#12c250;}

/*------------------ Title_portfolio_page Page -------------------*/
.title_portfolio_page{height:auto;overflow:hidden;padding:20px;}

/*------------------ Gallery Page -------------------*/
/*--------- Content Style ----------*/
.gallery_page{height:auto;overflow:hidden;padding:20px;}
.gallery_box_outer{  min-height:160px; margin-bottom:5px;width:23%;float:left;padding:1% 1%;}
.page_number{float:left;padding-top:20px;}
.page_number span{ margin:0 7px;}
.page_number span a{ padding:10px; background:#fff; text-decoration:none;color:#000;text-align:center; width:22px;height:22px;line-height:22px;}
.page_number .active{background:#00629d;color:#fff;}
.page_number span a:hover{ color:#fff; background:#00629d;}

/*------------------ Project Page -------------------*/
/*--------- Content Style ----------*/
.project_page_left{height:auto;overflow:hidden;padding:0 30px;}
.project_page_right{height:auto;overflow:hidden;padding:0 10px;}
.project_page_right .demo_content_title h3{ font-size:18px;  font-weight:300;padding:0; }
.content_right_border{padding:5px 0;}
.content_right_border .left_border{ width:30%; background:#00629d; border:none; float:left;height:4px; position:relative;top:-2px;}
.content_right_border .right_border{ width:70%; background:#eee; border:none; float:left;height:2px;}
.project_overview{ line-height:1.8em;padding:5px 0 ;}
.project_datails{padding:20px 0 10px;}
.project_datails span{ font-weight:500; color:#222; font-size:16px; }
.project_border{ background:#ededed; height:1px;}

/*---------- Project List -------------- */
.project_page{height:auto;overflow:hidden;padding:0;width:100%;}
.project_contain{margin:20px 0;float:left;}
.project_pic{display:block;float:left;width:60%;}
.project_list { padding:0 0 0 15px!important;float:left;width:35%;}
.project_list h3 { font-size:20px;}
.project_list .categories {margin-bottom:20px;}
.project_list .categories a{ color:#999; }
.project_list .intro { font-size:12px; margin-bottom:20px; margin-top:20px; }
.project_list a.read-more { font-size:13px; height:30px;line-height:30px;display:block;text-align:center; background:#bbb; color:#fff;  transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.project_list a.read-more:hover { background:#00629d; }