/* * CSS For DotNetNuke Skin by bestdnnskins.com * Copyright 2013 By BESTDNNSKINS.COM */ /*-------- Design style --------*/ .floatl{ float:left;} .floatr{ float:right;} .pc_display { display:block;} .mobile_display { display:none;} .mobile_nav{ display:none;} .pre_defined_color {background:#7ec6d5;} .skin_wrapper {width:100%; max-width:1140px; margin :0 auto;position:inherit!important;z-index:1;padding:0; background:#fff;} .skin_width { width:100%; max-width:1140px;min-width:767px;margin:0 auto;} #skin_header{background:#fff;background:rgba(255,255,255,0.92);min-height:60px;} .skin_header{} .logo_style { float:left; padding:0 1.5%; line-height:80px;} .logo_style img { max-height:80px; padding:15px 0px;} .citylogo_style { float:right; padding:0 1.0%; line-height:80px;} .citylogo_style img { max-height:80px; padding:15px 0px;} .menu_style{position:relative; padding:10px 0px 5px 10px; float:left; clear:left; }/*ADDED clear:left*/ .skin_main { min-height:620px;} .banner_style{ background:#ffffff; border-bottom:1px solid #e9e9e9;} .content_whitebg{ background:#fff;} .content_graybg{ background:#f1f1f1; } .skin_top_content {padding:25px 1.5%;} .skin_main_padding { padding:0 1.5%;} .footer_top {background:#58585a;} .footerpane_style { padding:0 1.5%;} .copyright_bar {background:#389902; min-height:55px;margin:0 auto;padding:0;}/*#00aeef*//*Orange #F47824*/ .footer_left {float:left; position:relative; display:block;} .footer_left .footer_Left_Logo {float:left; position:relative; display:block; height:75px; width:75px; padding:10px 10px;} .footer_left .footer_Left_Logo a {position:relative; display:block; height:75px; width:75px;} .footer_left .footer_Left_Logo a img {position:relative; display:block; height:75px; width:75px;} .footer_left .footer_left_content {line-height:25px; color:#fff!important; padding:20px 0px 10px 10px; float:left; position:relative; display:block;} .footer_right {float:right; position:relative; display:block; } .footer_right .footer_right_Logo {float:right; position:relative; display:block; padding:10px 10px;} .footer_right .footer_right_Logo a {position:relative; display:block; height:75px; width:75px;} .footer_right .footer_right_Logo a img {position:relative; display:block; height:75px; width:75px;} .footer_right .footer_right_content {float:left; color:#fff!important; padding:38px 10px 10px 0px; position:relative; display:block;} .graybar { border-bottom:solid 1px #ccc; height:2px; width:100%; margin:10px 0;} /*page name*/ .pagename_style { height:24px; } .pagename_style h1{ float:left; padding-left:0; color:#8ec640; line-height:24px; font-size:24px; font-weight:bold; position:relative; z-index:913; margin-top:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }/*CHANGE color:#? and TAKE OUT text-transform:uppercase*/ /*.pagename_style h1:hover {color:#000; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; }*/ /*Section name*/ .Section_name { background:#4054a5;height:80px; padding: 0 1.5%}/*CHANGED background:#00aeef and height:100px*/ .Section_style {float:left; position:relative; display:inline-block;} .Section_style h1{ color:#fff; /*line-height:70px;*/ font-size:26px; font-weight:normal; position:relative; z-index:913; margin:0; padding:8px 0 5px 5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }/*CHANGED padding:20px 0 5px 5px*/ .Section_style .landingTitle { color:#fff; /*line-height:70px;*/ font-size:26px; font-weight:normal; position:relative; z-index:913; margin:0px; padding:10px 0 5px 5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }/*JohnQ - Landing Page Title*/ .Section_style h1:hover {color:#fff; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; } .breadcrumb_style, .breadcrumb_style span {/*float:left;*/ display:block; position:relative; color:#fff; line-height:10px; padding-left:3px } .SectionPane { position: relative; display:inline-block; float:right; height:100px; max-width: 500px; color:#fff; font-size:14px; padding-right:1%} .SectionPane p {color:#fff; font-size:16px; line-height:100px;} /*leftsidebar layout*/ .LM_main_content { margin-top:0;} .LM_position { float:left; width:22%; padding:0 1% 20px 0; } .LM_skin_content { float:left; min-height:350px; width:75%; padding:5px 1% 20px;} .leftside_style { padding:0;} /*top right icons*/ .icons_menu{ float:right; margin-right:0; background:#7ec6d5; padding:25px 0; position:relative; z-index:910;} .icon_search{ display:block; background:url(../images/icon_search.png) no-repeat; width:30px; height:30px; float:left; position:relative; padding-right:5px; cursor:pointer; } .icon_search_style{ display:none; width:170px;position:absolute; left:-83px; top:35px; padding:15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .icon_search_style:before {width:0; height:0; position: absolute; left:92px; top:-5px; border-bottom:6px solid #e9e9e9; border-bottom:6px solid rgba(233,233,233,.9); border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";} .icon_user{ position:relative;float:left; padding-right:5px; cursor:pointer; } .icon_user_hover{ display:none; width:160px;position:absolute; left:-63px; top:35px; padding:0; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; } .icon_user_hover:before {width:0; height:0; position: absolute; left:72px; top:-5px; border-bottom:6px solid #e9e9e9; border-bottom:6px solid rgba(233,233,233,.9); border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";} .icon_login{ float:left; padding-right:5px; } .icon_lang{ display:block; background:url(../images/icon_lang.png) no-repeat; width:30px; height:30px;float:left; position:relative; cursor:pointer;} .icon_lang_style{display:none; width:60px;position:absolute; left:-13px; top:35px; padding:0 0 15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; } .icon_lang_style:before {width:0; height:0;position: absolute;left:22px; top:-5px; border-bottom:6px solid #e9e9e9; border-bottom:6px solid rgba(233,233,233,.9); border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";} /*Login Style*/ .login_style { float:left; position: relative;} .login_style .login-button { display: block; cursor: pointer; } .login_style .logout-button { display: block; cursor: pointer; } .login_style .login-button span { background:url(../images/icon_login.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;} .login_style .logout-button span { background:url(../images/icon_logout.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;} .login_style .login-button span a, .login_style .logout-button span a {filter:alpha(opacity=0);moz-opacity: 0;-html-opacity: 0;opacity:0; padding:10px 0;} .user_login{ display:none;} /*User Style*/ .icon_user { float:left; } .icon_user .user-button { display: block; cursor: pointer; } .icon_user .user-button span { background:url(../images/icon_user.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;} .icon_user .user-button span a { filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; padding:10px 0; } .icon_user .user-back span { background:url(../images/icon_user.png) no-repeat center; display: block; height: 30px; width: 30px;} .user_register { display:none;} #dnn_dnnUSER3_registerLink { float:left; display:block;filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; height:0; max-width:2px; overflow:hidden;} /*-----------------Fixed Header--------------*/ .headerfixed {position:fixed; width:100%; z-index:1000;box-shadow: 0 0 4px #ccc;-webkit-box-shadow: 0 0 4px #ccc;-moz-box-shadow: 0 0 4px #ccc;left:0; } .headerfixed .logo_style{ padding:0 1.5%; line-height:60px;} .headerfixed .logo_style img { max-height:60px; } .headerfixed .menu_style{padding:10px 0px 0 10px; } .headerfixed .icons_menu { padding:15px 0;} /*--------- StandardMenu style ----------*/ #standardMenu { position:relative; margin:0 auto;} #standardMenu ul { list-style:none; margin:0; padding:0;} #standardMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none;} #standardMenu .rootMenu li a{ display:block; position:relative; cursor:pointer; text-decoration:none;} #standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;} #standardMenu .rootMenu li a span { display:block; padding:0 15px; line-height:40px; color:#000; white-space:nowrap; font-size:14px; font-weight:normal;text-transform:none; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} #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:#7ec6d5;} /*-- submenu --*/ #standardMenu .subMenu_arrow { border-bottom: 6px solid #ddd; border-bottom: 6px solid rgba(221,221,221,.93); border-right: 8px solid transparent;border-left: 8px solid transparent ;border-top: 0px solid transparent;content: "";height: 0;left: 15%;position: absolute;top:-5px;width: 0;} #standardMenu .subMenu {position:absolute;top:auto;z-index:1210;width:180px; display:none;padding:1px 0; margin:0; background:#ddd; background:rgba(221,221,221,.93); border:none;} #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-top:1px solid #eee; border-bottom:1px solid #ccc; 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; background:none; font-size:12px; color:#000; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 14px 10px 12px; text-transform:none; margin:0; text-shadow:none;} #standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#e8e8e8; background:rgba(255,255,255,.3); color:#7ec6d5; cursor:pointer; } #standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:14px; height:7px;} #standardMenu ul li ul li ul{ width:180px; margin:0; background:#ddd; background:rgba(221,221,221,.93); border:none; } #standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:181px; top:0; padding:1px 0;} #standardMenu ul li ul li.first ul.level1{ top:-1px; } #standardMenu ul li ul li ul li ul{ display:none;} #standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:181px;top:0; padding:1px 0;} #standardMenu ul li ul li ul li.first ul.level2{ top:-1px; } #standardMenu ul li ul li ul li ul li ul{ display:none;} #standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:181px;top:0; padding:1px 0;} #standardMenu ul li ul li ul li ul li.first ul.level3{ top:-1px; } #standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;} #standardMenu img.mmIcon {max-height:24px; margin-right: 6px; vertical-align: middle;} /*--------- MegaMenu style ----------*/ #megaMenu { position:relative; margin:0 auto;} #megaMenu ul { list-style:none; margin:0; padding:0; } #megaMenu li{ position:relative; display:block; float:left; margin:5px 8px; list-style-type:none;} /*#megaMenu .category > li.item {border-right: 1px solid #ec008c;}*/ #megaMenu .root li a{ display:block; position:relative; cursor:pointer; text-decoration:none;} #megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;} #megaMenu .root li a span { display:block; padding:0 13px; line-height:25px; color:#2941a4; white-space:nowrap; font-size:13px; font-weight:bold;text-transform:none; transition: all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;} #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:#f95908;}/*#00aeef*/ /*#megaMenu .root li.item > a span {border-right: 1px solid #ec008c;}*/ /*-- category --*/ #megaMenu .category_arrow { border-bottom: 6px solid #ddd; border-bottom: 6px solid rgba(221,221,221,.93); border-right: 8px solid transparent;border-left: 8px solid transparent ;border-top: 0px solid transparent;content: "";height: 0;left:8%;position: absolute;top:-5px;width: 0; } #megaMenu .category { position:absolute;left:0;top:auto;z-index:1210;width:600px; display:none; padding:5px 8px 12px 8px; background:#ddd; background:rgba(245,245,245,.93);border:none; } #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:182px; padding:0 0 0 2px; float:left;} #megaMenu .category li.item a{ border:none; border-bottom:1px solid #aaa; background:none;} #megaMenu .category li.item a span{ display:block; background:none; font-size:13px; color:#000; font-weight:700; white-space:normal; height:auto; line-height:1.5em; padding:12px 0 6px 0; margin:0; text-transform:none; } #megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; color:#f95908; cursor:pointer; }/*#00aeef*/ #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 15px; padding:0; } #megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 0px; line-height:1em; /*background:url(../images/right.gif) left 17px no-repeat;*/ border:none;} #megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#333; font-weight:normal; height:auto; line-height:1.3em; padding:8px 0; text-transform:none; } #megaMenu .leaf li li{ clear:both;float:none; width:155px; } #megaMenu .leaf li.selected > a span{ color:#f7941e; cursor:pointer;}/*#00aeef*/ #megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;} #megaMenu img.mmIcon {max-height:24px; 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:#58585a; border:1px solid #CCCCCC; margin:0px 0; } #leftMenu .leftSub li:hover > a span {Background:#f7941e;}/*#00aeef*/ #leftMenu .leftSub li.haschild > a span { background: url(../images/mobile_navarrow.png) no-repeat right 6px top 0px; } #leftMenu .leftSub li.haschild:hover > a span { background:#f7941e /*url(../images/mobile_navarrow.png) no-repeat right 6px top 0px;*/ }/*#00aeef*/ #leftMenu .leftSub li.selected { background:/*url(../images/menu-arrow01.gif) no-repeat right 15px*/ #58585a;} #leftMenu .leftSub li.item a { background:none;} #leftMenu .leftSub li.item a span { display:block; font-size:13px; color:#fff; font-weight:normal; white-space:normal; line-height:15px; padding:8px 20px 8px 10px; text-shadow:none; text-transform:none; margin:0; } #leftMenu .leftSub li.selected > a span, #leftMenu .leftSub li a:hover span{ color:#fff; display :block;} #leftMenu .leftSub li.selected > .level1, #leftMenu .leftSub li:hover > .level1, #leftMenu .leftSub li.selected > .li { color:#fff; display :block;} #leftMenu .leftSub li.selected , #leftMenu .leftSub li:hover, #leftMenu .leftSub .level1 li.selected > .li, #leftMenu .leftSub li.selected.haschild > .level1, #leftMenu .leftSub li.breadcrumb.haschild > .level1 { display :block; } #leftMenu .leftSub li:hover > .level1 {display :block;-webkit-transition: height 1s ease; -moz-transition: ease-in 2s none; -ms-transition: ease-in 2s none; -o-transition: ease-in 2s none; transition: ease-in 2s none;} #leftMenu .leftSub li.breadcrumb, #leftMenu .leftSub li a:hover span { Background:#f7941e; display :block;}/*#00aeef*/ #leftMenu .level1 { display:none;} #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 .leftSub .level1 li.selected, #leftMenu .leftSub .level1 li:hover, #leftMenu .leftSub .level1 li:hover > a span{ 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 .leftSub .level1 li.breadcrumb > a span, #leftMenu .leftSub .level1 li.breadcrumb, #leftMenu .leftSub .level1 li.breadcrumb a span { background:#f5f5f5;} #leftMenu .leftSub .level1 li.selected > a span { color:#fff; display :block; background:#aaa;} #leftMenu .leftSub .level1 li a:hover span { color:#fff; display :block; background:#888;} #leftMenu .level1 li.item a span { font-size:12px; padding-left:15px; color:#000;} #leftMenu .level2 { display: block; } #leftMenu .level2 li { background-position:25px 18px; padding-left:0px } #leftMenu .level2 li.item a span { padding-left:30px; color:#000;} #leftMenu .level3 { display: block; } #leftMenu .level3 li { background-position:30px 18px; } #leftMenu .level3 li.item a span { padding-left:38px;} #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;} .topgrid6a{} .topgrid6b{} .topgrid4a{} .topgrid4b{} .topgrid4c{} .topgrid3a{} .topgrid3b{} .topgrid3c{} .topgrid3d{} .topgrid8l{} .topgrid8r{} .topgrid4l{} .topgrid8r{} .topgrid12{} .graygrid4a{} .graygrid4b{} .graygrid4c{} .graygrid12{} .middlegrid4a{} .middlegrid4b{} .middlegrid4c{} .middlegrid12{} .gray2grid4a{} .gray2grid4b{} .gray2grid4c{} .gray2grid12{} .bottomgrid4a{} .bottomgrid4b{} .bottomgrid4c{} .bottomgrid12{} .content_grid12 { margin:15px 0 0 0;} .footer_grid4a { margin:30px 0;} .footer_grid4b { margin:30px 0;} .footer_grid4c { margin:30px 0;} .footerpane { margin:0 0 30px 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; } /*--------- User Profile Style ----------*/ .user_profile{ cursor: pointer; display: block; } .user_profile ul { margin:0; padding:5px 0; border:none;} .user_profile .registerGroup, .user_profile .registerGroup *{ display:block;} .user_profile .registerGroup{ float:left;padding:0;margin:0;} /* Register Group Styles */ .user_profile .registerGroup li{ width:150px; margin:0; padding:5px;border:none; border-bottom:1px solid #d9d9d9; border-top:1px solid #f5f5f5; } .user_profile .registerGroup li:first-child { border-top:none; } .user_profile .registerGroup li:last-child { border-bottom:none; } .user_profile .registerGroup .buttonGroup{ margin-right:0;} .user_profile .registerGroup a{ position:relative;display:block;padding:0 9px;min-width:15px;font-weight:normal;font-size:12px;vertical-align:middle;color:#333!important; height:28px; vertical-align:middle;line-height:28px;} .user_profile .registerGroup a:hover{ color:#444!important; text-decoration:none;} .user_profile .registerGroup a:active{ color:#444;padding:0 9px;} .user_profile .registerGroup a strong{ position:absolute;left:0; top:0; padding-left:30px; height:100%;display:block;font-size:12px;font-weight:normal;overflow:hidden;} .registerGroup .userMessages,.registerGroup .userNotifications { background:none;} .registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 9px 10px;} .registerGroup .userNotifications strong{ background-position:-91px 7px;} .registerGroup .userMessages strong:hover{ background-position:9px -41px;} .registerGroup .userNotifications strong:hover{ background-position:-91px -44px;} .registerGroup .userMessages strong:active{ background-position:9px 11px;} .registerGroup .userNotifications strong:active{ background-position:-91px 8px;} .user_profile .registerGroup a span{ position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;line-height:20px;min-width:7px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333; /*CSS3*/ background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */ -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 1px 0px 0px #222222;-moz-box-shadow: 0px 1px 0px 0px #222222;box-shadow: 0px 1px 0px 0px #222222; } .user_profile .registerGroup li.userDisplayName { border-bottom:none; padding-top:10px;} .user_profile .registerGroup li.userDisplayName a{ padding-left:32px;} .user_profile .registerGroup li.userProfileImg{ border-top:none; margin-top:-38px; } .user_profile .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;} .user_profile .registerGroup a img{border:none;height:28px; width:28px;background:#ccc;} /*--------- Color Picker Style ----------*/ #custom_wrapper{display:block;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-button {display:block;position: fixed;top: -200px;left:0;cursor:pointer;z-index: 999;} #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;} #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;} /*--------- Search style ----------*/ .DCCD_LangSearchBox { width:200px; /*height: 100px;*/ position:relative; display:inline-block; float: right; margin:10px 5px 5px 5px;} .DCCD_LangSearchBox .searchbox { border:solid 0px #f7941e; margin: 15px 15px 0 0; padding:0px 0px 0px 0px; float:right; width: 185px; position:relative; display:inline-block;}/*#00aeef*/ .DCCD_LangSearchBox #google_translate_element {position:relative; float:right; } #dnn_dnnSEARCH_txtSearch { background: #fff; border: 1px solid #389902; font-size:15px; color: #888888; width:150px; padding: 3px 30px 3px 7px; outline-color:#8EC640; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}/*#00aeef*/ #dnn_dnnSEARCH_txtSearch:hover, #dnn_dnnSEARCH_txtSearch::selection { border:solid 1px #f7941e;} #Search { float:left; position:relative; padding:0; border: solid 0px #ec008c; } .DCCD_LangSearchBox .searchbox .searchcss, .DCCD_LangSearchBox .searchbox a.searchcss:link, .DCCD_LangSearchBox .searchbox a.searchcss:active, .DCCD_LangSearchBox .searchbox a.searchcss:visited { Background:url(../images/ACS/icon_search.png)top 4px right 0px no-repeat; color:#ffffff; text-decoration:none; font-weight:normal; font-size:15px; display:block; position:absolute; width:23px; height:23px; right:0px; top:1px; text-indent:-99999px; overflow:hidden; } .searchSite {text-indent:-99999px; } a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; font-size:15px; } #Search input[type="text"] {background: #fff; border: 0px solid #d1d1d1; font-size:15px; color: #888888; width:185px; padding: 1px 34px 1px 7px;} #Search a{ display: block;position:absolute;right:0; top:0;height:35px; width:34px; padding:0;border:none;box-shadow:none; webkit-box-shadow:none; overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 5px 7px;z-index:1;cursor:pointer;} #Search .searchInputContainer a.dnnSearchBoxClearText {right: 30px !important;} /*--------- Language Style ----------*/ .language-object{ text-align:center;display:block; margin:0; } .language-object span {display:block; width:100%;} .language-object .Language {margin:0 2px;} .language-object span img{height:18px; width:27px;opacity:0.9; margin:10px 0 0 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,.1); -webkit-border-radius: 2px;border-radius: 2px;} #Language { float:right; display:inline-block; display:block\9; filter:alpha(opacity=0); moz-opacity: 0;-khtml-opacity: 0;opacity:0; height:0; max-width:3px;} /*--------- Scroll Top Style ----------*/ #top-link { background:url(../images/scroll_top.png) no-repeat scroll center -2px rgba(0, 0, 0, 0.3); border: 0 none; border-radius: 2px; bottom: 60px; right: 80px; display:block; height:40px; padding:0; width:40px; position: fixed; text-decoration: none; z-index: 903;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;} #top-link:hover { background:url(../images/scroll_top.png) no-repeat scroll center bottom rgba(0, 0, 0, 0.6); -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;} /*--------- Tipsy Style ----------*/ .tipsy { display:block; float: left; padding:5px 2px; font-size: 12px; background-repeat: no-repeat; background-image: url(../images/tipsy.png);} .tipsy-inner { padding:8px; background:#e9e9e9; color: #555; max-width: 200px; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .tipsy-up { background-position: top center;} .tipsy-down { background-position: bottom center;} .tipsy-right { background-position: right center;} .tipsy-left { background-position:left center;} /*********************************************/ /* All Content Styles */ /*********************************************/ /*-----------------Demo Top Bubble Style---------------------*/ .main_top_text{text-align:center;} .hi-icon { display: inline-block; font-size: 0px; cursor: pointer; width: 85px; height:85px; text-align: center; position: relative; z-index: 1; color: #7ec6d5;margin-top:20px; border-radius: 50%;}/*Took out */ .hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box; border-radius: 50%;}/*Took out */ .hi-icon:before {line-height: 85px;} .icon_effect .hi-icon { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .main_top_icon1 > .icon_effect > .hi-icon:after {top:-2px; left:-2px; padding:2px; z-index: -1; background:url(../images/Parks/icon_parks.png) no-repeat -10px -8px #f95908;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .main_top_icon2 > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1; background:url(../images/Parks/icon_recreation.png) no-repeat -10px -8px #2941a4;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .main_top_icon3 > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1; background:url(../images/Parks/icon_fitness.png) no-repeat -10px -8px #58585a;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .main_top_icon4 > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1; background:url(../images/Parks/icon_nature.png) no-repeat -7px -6px #389902;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .icon_effects .hi-icon:hover:after {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .main_top_img1 { background:url(../images/Parks/icon_parks_rlv.png) no-repeat -12px -10px #f95908; width:90px; height:90px; border:solid 5px #f95908;} .main_top_img2 { background:url(../images/Parks/icon_recreation_rlv.png) no-repeat -12px -10px #2941a4; width:90px; height:90px; border:solid 5px #2941a4;} .main_top_img3 { background:url(../images/Parks/icon_fitness_rlv.png) no-repeat -12px -10px #58585a; width:90px; height:90px; border:solid 5px #58585a;} .main_top_img4 { background:url(../images/Parks/icon_nature_rlv.png) no-repeat -10px -8px #389902; width:90px; height:90px; border:solid 5px #389902;} .main_top_text h3{ margin-top: 0px; font-size:18px; font-weight:bold; color:#686868;}/*Took out padding-top:10px; */ .main_top_text:hover h3{ color:#f7941e; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .main_top_text p{ color:#686868; font-size:13px;} /*--------- Togglable Tabs Style ----------*/ .skin_tabs{position:relative;height:auto;min-height:430px;overflow:hidden;border-bottom:solid 1px #eaeaea;margin-top:40px;} .tab_border{padding:15px 10px 0;background:#FFF; } .nav { margin-bottom: 0; border:none;} .nav-tabs { border-bottom: 1px solid #CECECE;padding:0 0 0 10px;} .nav-clear{margin-left:50%;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover {} .tab_title{line-height:42px;padding:0 20px;font-size:16px;} .nav-tabs > li > a { padding-top:12px; margin-right:5px;font-size:12px;} .nav-tabs > li > a:hover { color:#333333; } .tab-content { padding:20px 0 5px 10px;float:right;z-index:909;width:100%;} .tab_right_content{ line-height:2em;float:right;width:47%;} .tab_right_content p{font-size:13px;} .tab_photo{position:absolute;left:0;top:10px;z-index:999;} .tab_photo img{} .tab_right_content li{list-style-type:disc!important;} /*--------- Togglable Tabs4 Style ----------*/ .nav2 { margin-bottom: 0; border:none;} .tab-content2 p { line-height:2em;} .nav-tabs2 { float:left; border:none; min-height:300px; width:30%;} .nav-tabs2 > li { margin-bottom: 0; margin-right:1px; border:1px solid #e5e5e5;height:60px; line-height:60px; background:#f9f9f9;border-left:solid 2px #000;border-right:1px solid #e5e5e5;} .nav-tabs2 > li > a { color:#888; padding:12px 15px 0;font-size:20px;margin:0;} .nav-tabs2 > li > a:hover { color:#333333; } .nav-tabs2 > li > a .Icon_one{color:#7c7c7c;} .nav-tabs2 > li > a .Icon_one:hover, .nav-tabs2 > .active > a .Icon_one{color:#7ec6d5;} .nav-tabs2 > li > a .Icon_two{color:#7c7c7c;} .nav-tabs2 > li > a .Icon_two:hover, .nav-tabs2 > .active > a .Icon_two{ color:#7ec6d5;} .nav-tabs2 > li > a .Icon_three{color:#7c7c7c; } .nav-tabs2 > li > a .Icon_three:hover, .nav-tabs2 > .active > a .Icon_three{color:#7ec6d5;} .nav-tabs2 > li > a .Icon_four{color:#7c7c7c; } .nav-tabs2 > li > a .Icon_four:hover, .nav-tabs2 > .active > a .Icon_four{color:#7ec6d5;} .nav-tabs2 > li:first-child { } .nav-tabs2 > li:last-child { border-bottom:none;} .nav-tabs2 > li {float: none;} .nav-tabs2 > .active{background:#fff;border-left:solid 2px #7ec6d5;border-right:none;} .nav-tabs2 > .active > a{color:#7ec6d5;} .nav-tabs2 > .active > a:hover {border:solid 1px #fff;border-radius:0; margin-right:-4px; position:relative; color:#000; background:#fff;color:#7ec6d5;} .nav-tabs2 > .active > a span{} .nav-tabs2 > .active > a:before {} .tab-content2 { border:1px solid #e5e5e5; padding:10px 10px 5px 25px;float:left;width:62%;border-left:none;} .tab-content2 .right_list h3 { margin:0; padding:8px 0 0 0; font-size:17px; color:#333;} .tab-content2 .right_list p { padding:10px 0 0 0; font-size:13px; color:#888;} .tab-content2 .right_list ul { float:left; list-style:none; margin:0; padding:5px 0 0 0; color:#888;} .tab-content2 .right_list ul.u1 { margin-right:50px;} .tab-content2 .right_list ul li { background:url(../images/tab_icon.jpg) no-repeat left center; list-style:none; margin:0; padding:5px 0 0 18px;} /*--------- CarouFredSel Style ----------*/ /*.Slider_banner{padding:0 20px;} .Slider_banner_nav{background:#fff;width:50px;height:21px;position:absolute;top:-40px;right:-5px;z-index:8;padding:0 22px 0 5px;} .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 div {display:table; } .carouFredSel ul li div p {display: table-cell; vertical-align: middle; text-align: center; z-index:900; position: relative; font-size: 18px; color } .carouFredSel ul li:hover img {filter:Alpha(Opacity=100);opacity:1.0;} .carouFredSel_Slider {padding:5px 5px 0!important; border:solid 0px #bdbdbd;margin:0 1px;} .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:#7ec6d5 url(../images/widget_nav.png) no-repeat left top;} a.caroul_next:hover {background:#7ec6d5 url(../images/widget_nav.png) no-repeat bottom right;} .pg-img-wrapper p{padding:10px 5px 0; } .carouFredSel .carou_text { font-size:14px;color:#8d8d8d;padding:10px 0;line-height:24px}*/ /*NEW Layout - Looking For(not a carousel)*/ .carouFredSelA { margin: 0 auto; max-width: 1170px; width: 96%; } .carouFredSelB { height: 100%; width: 100%; z-index: 1; } .carouFredSelB, .carouFredSel_SliderA { left: 0; list-style-type: none; margin: 0; overflow: hidden; padding: 0; /*position: absolute;*/ top: 0; } .carouFredSel_SliderA { float: left; height: auto; list-style: outside none none; padding: 10px; margin: 1px; position: relative; /*width: 22.84482759%;*/ width:240px; /*height:145px;*/ background-color:#6FACCA; } .pg-img-wrapperA { /*float: left;*/ height: auto; list-style: outside none none; /*padding: 0px 1px;*/ margin: 0px 1px; position: relative; /*width: 22.84482759%;*/ } .pg-detailsACS { text-align: center; padding: 0; width: 100%; position: absolute; bottom: 35%; color: #000000; /*-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-detailsACS2 { text-align: center; padding: 0; width: 100%; position: absolute; bottom: 30%; color: #000000; /*-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-detailsACS h3 {color:#000000!important;font-size:18px;font-weight: 700;text-align:center; line-height:1em;} .pg-detailsACS2 h3 {color:#000000!important;font-size:18px;font-weight: 700;text-align:center; line-height:1em;} .pg-infoACS { width:100%; height: 100%; text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 0; z-index: 10; background: rgba(235, 235, 235, 0.80); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .pg-infoACS { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .pg-infoACS:hover { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=100); opacity: 0; } .pg-infoACS:hover .pg-detailsACS { bottom: 25%; bottom: calc(33% - 10px); } .pg-infoACS: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); } /*END*/ /*--------- CarouFredSel Style ----------*/ .Slider_banner{padding:0 20px;} .Slider_banner_nav{background:#fff;width:50px;height:21px;position:absolute;top:-40px;right:-5px;z-index:8;padding:0 22px 0 5px;} /*.carouFredSel { position:relative; height:auto;}*/ /*new css*/.carouFredSel { position:relative; max-width: 1170px; width: 96%; margin:0px 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;}*/ /*new css*/.carouFredSel ul { list-style:none; height: 100%; width: 100%; z-index: 1;} .carouFredSel ul li { float:left; list-style:none; height:auto; position:relative; padding:0 15px; width:245px; height:145px;} .carouFredSel ul li:hover img {filter:Alpha(Opacity=80);opacity:0.8;} .carouFredSel_Slider {padding:0px 0px 0!important; border:solid 0px #fff;margin:1px 1px;} .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:#7ec6d5 url(../images/widget_nav.png) no-repeat left top;} a.caroul_next:hover {background:#7ec6d5 url(../images/widget_nav.png) no-repeat bottom right;} .pg-img-wrapper p{padding:10px 5px 0;font-size:13px;} .carouFredSel .carou_text { font-size:14px;color:#8d8d8d;padding:10px 0;line-height:24px} /*--------- CarouFredSel2 Style ----------*/ .carouFredSel2 { position:relative;padding:0 40px;margin:40px 0 20px; } .carouFredSel2 ul { list-style:none; margin:0; padding:0; width:auto;} .carouFredSel2 ul li { float:left; list-style:none; height:auto;min-height:70px; margin:0 15px; 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_Slider {padding:5px!important;;margin:10px 5px 0;} .Slider_banner_nav2 { position:absolute; right:0; top:-25px; background:#FFFFFF; padding:5px 25px 0 5px;font-size:12px;} a.caroul_prev2{display:inline-block;width:20px;height:26px;background: url(../images/carouFredSel_prev05.jpg) no-repeat ;position:absolute; top:12px;left:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_next2{display:inline-block;width:20px;height:26px;background:#f6f6f6 url(../images/carouFredSel_prev06.jpg) no-repeat ;position:absolute; top:12px;right:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_prev2:hover {background: url(../images/carouFredSel_prev05.jpg) no-repeat left top;opacity:1;filter:Alpha(Opacity=100);} a.caroul_next2:hover{background: url(../images/carouFredSel_prev06.jpg) no-repeat bottom right;opacity:1;filter:Alpha(Opacity=100);} /*--------- CarouFredSel3 Style ----------*/ .carouFredSel3 { position:relative;padding:0 40px;margin:40px 0 20px; } .carouFredSel3 ul { list-style:none; margin:0; padding:0; width:auto;} .carouFredSel3 ul li { float:left; list-style:none; height:auto;min-height:70px; margin:0 15px; margin-bottom:0; position:relative; color:#000;} .carouFredSel3 ul li img {filter:Alpha(Opacity=100);opacity:1; } .carouFredSel3 ul li:hover img {filter:Alpha(Opacity=80);opacity:0.8;} .carouFredSel3_Slider {padding:5px!important;margin:10px 5px 0;} .Slider_banner_nav3 { position:absolute; right:0; top:-25px; background:#FFFFFF; padding:5px 25px 0 5px;font-size:12px;} a.caroul_prev3{display:inline-block;width:20px;height:26px;background: url(../images/carouFredSel_prev05.jpg) no-repeat ;position:absolute; top:12px;left:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_next3{display:inline-block;width:20px;height:26px;background:#f6f6f6 url(../images/carouFredSel_prev06.jpg) no-repeat ;position:absolute; top:12px;right:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_prev3:hover {background: url(../images/carouFredSel_prev05.jpg) no-repeat left top;opacity:1;filter:Alpha(Opacity=100);} a.caroul_next3:hover{background: url(../images/carouFredSel_prev06.jpg) no-repeat bottom right;opacity:1;filter:Alpha(Opacity=100);} /*--------- CarouFredSel6 Style ----------*/ .carouFredSel6 { position:relative;padding:0 40px;margin:0px 0 0px; } .carouFredSel6 ul { list-style:none; margin:0; padding:0; width:auto;} .carouFredSel6 ul li { float:left; list-style:none; height:auto;min-height:200px; margin:0 15px; margin-bottom:0; position:relative;} .carouFredSel6 ul li img {filter:Alpha(Opacity=100);opacity:1; } .carouFredSel6 ul li:hover img {filter:Alpha(Opacity=80);opacity:0.8;} .carouFredSel6_Slider {padding:5px!important;margin:10px 5px 0;} .Slider_banner_nav6 { position:absolute; right:0; top:-25px; background:#FFFFFF; padding:5px 25px 0 5px;font-size:12px;} a.caroul_prev6{display:inline-block;width:20px;height:26px;background: url(../images/carouFredSel_prev05.jpg) no-repeat ;position:absolute; top:12px;left:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_next6{display:inline-block;width:20px;height:26px;background:#f6f6f6 url(../images/carouFredSel_prev06.jpg) no-repeat ;position:absolute; top:12px;right:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_prev6:hover {background: url(../images/carouFredSel_prev05.jpg) no-repeat left top;opacity:1;filter:Alpha(Opacity=100);} a.caroul_next6:hover{background: url(../images/carouFredSel_prev06.jpg) no-repeat bottom right;opacity:1;filter:Alpha(Opacity=100);} /*SAM ADD For carouFredSel6 */ .carouFredSel6 strong { color:#555; font-size:13px; padding:0px; } /*END*/ /*--------- CarouFredSel8 Style ----------*/ .carouFredSel8 { position:relative;padding:0 20px;margin:0px 0 5px; } .carouFredSel8 ul { list-style:none; margin:0; padding:0; width:auto;} .carouFredSel8 ul li { float:left; list-style:none; height:auto;min-height:70px; margin:0 3px; margin-bottom:0; position:relative;} .carouFredSel8 ul li img {filter:Alpha(Opacity=100);opacity:1; height:auto; width:auto;} .carouFredSel8 ul li:hover img {filter:Alpha(Opacity=80);opacity:0.8;} .carouFredSel8_Slider {padding:5px!important;margin:10px 5px 0;} .Slider_banner_nav8 { position:absolute; right:0; top:-25px; background:#FFFFFF; padding:5px 25px 0 5px;font-size:12px;} a.caroul_prev8{display:inline-block;width:20px;height:26px;background: url(../images/carouFredSel_prev05.jpg) no-repeat ;position:absolute; top:12px;left:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_next8{display:inline-block;width:20px;height:26px;background:#f6f6f6 url(../images/carouFredSel_prev06.jpg) no-repeat ;position:absolute; top:12px;right:0;opacity:0.5;filter:Alpha(Opacity=50);} a.caroul_prev8:hover {background: url(../images/carouFredSel_prev05.jpg) no-repeat left top;opacity:1;filter:Alpha(Opacity=100);} a.caroul_next8:hover{background: url(../images/carouFredSel_prev06.jpg) no-repeat bottom right;opacity:1;filter:Alpha(Opacity=100);} /*---------- Latest Works Style -------------- */ /*.pg-img-wrapper{position:relative;overflow:hidden;}*/ /*new css*/.pg-img-wrapper{position:relative;overflow:hidden; height: 100%; left: 0; top: 0; width: 100%;} .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(236, 0, 140, 0.50); -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;} .project_skills{width:100%;} .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(41, 65, 164, .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:40%; 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; } .titleBG{background:#000; -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; background: rgba(0, 0, 0, 0.7); } .pg-details4{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 0%; z-index: 15; color: #ffffff; text-shadow: 0px 0px 5px #000000; -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; background: rgba(0, 0, 0, 0.7); -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;} .icon-circle6{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-details6{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-details6 h3{color:#fff!important;font-size:25px;font-weight: 700;text-align:center;} .pg-categories6{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;} /*All demo_content_title*/ .demo_content_title h3{ font-size:22px; font-weight:500;color:#000;} .demo_content_title h3:hover{ color:#7ec6d5; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} /*--------- 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:#7ec6d5;float:left;padding:0 15px;} .project-pagination a.next-btn{margin-left:10px;} .project-pagination a:hover{background-color:#7ec6d5;border-color:#7ec6d5;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:#7ec6d5;border-color:#7ec6d5;color:#fff;} .project-pagination li.selected a:hover{cursor:default;} /*------------------ Contact Page -------------------*/ .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:#f2f2f2; border:none; 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:#f2f2f2; border:none; width:98%;} .textarea_style textarea[type="text"]{ padding:5px 0 5px 5px; min-height:150px;} .input_button { min-width:80px; margin-top:50px; padding-bottom:50px;} .input_button a{background:#7ec6d5; padding:15px 20px 15px 30px; text-decoration:none; color:#fff!important; font-size:22px;} .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_img_style {padding-top:15px;} .map_img_style p{padding:5px 0;} .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 -------------------*/ .buttons_page{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 #7ec6d5; 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:#7ec6d5;} .button2_style p{ color:#666;} .button2_style span{ background: url(../images/content/buttons_bg_shade.png) repeat-x bottom left #7ec6d5; 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:#7ec6d5;} .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; } /*------------------ Socia Page -------------------*/ .socia3, .socia2{height:auto;overflow:hidden;padding:0 30px;} .socialicons_text, .socialicons3_text, .socialicons2_text{background:#f5f5f5;padding:10px 20px;} .socialicons2{overflow:hidden;border:solid 1px #fff;} /*--------- Togglable Tabs Style ----------*/ .Togglable_Tabs{height:auto;overflow:hidden;padding:20px 30px;width:75%;} .tob_toggles_page .nav { margin-bottom: 0;} /*------------------ 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:normal; color:#fff!important; line-height:35px; padding: 0 15px;} .Info_wrapper .Info_content { padding:10px;} .Info_one{min-height:35px;background:#7ec6d5;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;} /*------------------ 404 Page -------------------*/ .error_left{min-height:160px;padding-top:50px;margin-top:10%;overflow:hidden;} .content_404{ font-size:220px; color:#9e9e9e; text-align:center; float:right;padding-top:30px;} .error_title_one { font-size:40px; color:#9e9e9e; text-align:center;} .error_page .sitemap_button {float:right;padding:60px 0 0 20px;float:right;} .error_page .sitemap_button a{ text-align:center; background:url(../images/content/sitemap_button.png) repeat-x #7ec6d5; font-size:16px; padding:10px 35px; text-decoration:none; color:#FFFFFF;opacity:1;border-radius:10px; } .error_page .sitemap_button a:hover{opacity:0.9;} .error_page .search_style { text-align:center;padding-top:50px;float:right;} .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: 250px; padding: 10px 30px 7px 8px;border-radius:10px;} .error_bg{float:left;width:26%;} /*Footer Categories Style*/ .error_right{padding:0;margin-top:0;overflow:hidden;} .error_text p{font-size:16px;color:#9f9f9f;line-height:22px;} .error_categories ul { list-style:none; margin:0 0 0 15px;width:100%;} .error_categories ul li { list-style:none;width:50%;float:left;} .error_categories ul .error_another { list-style:none;width:100%;float:left;} .error_categories ul li a { background:url(../images/content/foot_icon.png) no-repeat left center; font-size:14px; height:30px; line-height:30px; -moz-transition:padding 0.6s ease; -webkit-transition:padding 0.6s ease; transition:padding 0.6s ease;color:#9e9e9e;padding-left:18px} .error_categories ul li a:hover {padding-left:25px; color:#7ec6d5; -moz-transition:padding 0.4s ease; -webkit-transition:padding 0.4s ease; transition:padding 0.4s ease;} .error_list_line{ border-bottom:solid 1px #dfdfdf; margin:3px 0; width:92%;} .error_text_line{ border-bottom:solid 1px #dfdfdf; margin:3px 0; width:46.5%;} /*--------- DropDown Style ----------*/ .dropdowns_page .navbar .brand { padding:5px 20px;} /*------------------ About Us Page -------------------*/ .page_about{} .page_about ul{padding-top:20px;} .page_about li{float:left;width:28%;margin:0 1%;} .page_about li:hover img{filter:Alpha(Opacity=80);opacity:0.8;} .about_name{font-size:23px;} .about_orange{color:#7ec6d5;font-size:16px;} .about_content{padding:30px 0;} .about_content p {font-size:14px;color:#8d8d8d;padding:10px 0;line-height:24px;} .about_us{padding:10px 10px 0;border-bottom:solid 1px #eeeeee;} .about_us .accordion2 div {font-size:14px;color:#8d8d8d;padding:10px 0;line-height:24px;} .demo_top_title h3{color:#7c7c7c;font-size:25px;} .about_us p{font-size:14px;color:#7c7c7c;line-height:24px;} .about_us_right{padding:0 10px 20px;border-bottom:solid 1px #eeeeee;} /*--------- FAQ Style ----------*/ .faq_right{height:auto;overflow:hidden;padding:15px 10px 0;} .categories_design {width:100%;height:50px;font-size:14px;border-bottom:solid 1px #e6e6e6;margin-bottom:5px;line-height:50px;} .categories_design a{color:#5c5c5c!important ;} .categories_design a:hover{color:#7ec6d5!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:#7ec6d5; color:#fff;} .categories_style ul{ margin:0px;} .categories_style li{ border-bottom:1px solid #ececec; line-height:2.5em; } .categories_style li a{ color:#555;} .categories_style li a:hover{ color:#7ec6d5;} .faq_style{padding:0 10px;} .faq_style input[type="text"] { background:url(../images/content/faq_seach.png) no-repeat right center #f9f9f9; border:none;font-size:13px; color: #585858; width: 250px; padding: 15px 30px 10px 8px;} /*---------Left Slidebar Style ----------*/ .fancybox_style ul{width:100px;height:auto;overflow:hidden;width:100%;opacity:0.8;} .fancybox_style .random_top{border-top:dashed 1px #c1c1c1;padding-top:5px;} .fancybox_style .random_list{border:solid 1px #ececec;padding:5px;margin-right:2%;} .recent_list{border-top:dashed 1px #c1c1c1;padding-top:5px;} .recent_contents{width:auto;padding:5px 0;height:auto;overflow:hidden;} .recent_pic img{border:solid 1px #eee;padding:3px;float:left;margin-right:10px;filter:Alpha(Opacity=80);opacity:0.8;} .recent_pic:hover img{filter:Alpha(Opacity=100);opacity:1;} .recent_contents p{border:none;font-size:14px;} .twitter_style .twitter_contents{border-top:dashed 1px #c1c1c1;padding:10px 0 0;} .twitter_pic{float:left;padding:5px;} .twitter_contents p{margin-left:50px;font-size:12px;line-height:20px;} .color_black{color:#000;} .defult_contents{border-top:solid 1px #e7e7e7;padding:20px 0;} .defult_contents p{font-size:14px;line-height:24px;padding:10px 0;color:#717171;} .defult_text{background:#f5f5f5;border-left:solid 5px #7ec6d5;padding:20px;font-size:15px;line-height:22px;margin:10px 0;color:#323232;} /*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 -------------------*/ .page_choose{padding-top:15px;} .choose_list{margin:10px 0} .choose_list img{float:left;} .choose_list a{margin-left:15px;font-size:15px!important;color:#7c7c7c!important;line-height:20px;} .choose_list a:hover{color:#7ec6d5!important;} .page_perfect{ height:auto;overflow:hidden;background:#f9f9f9;padding:20px 10px 30px;margin-top:0;} .perfect_left{width:70%;float:left;text-align:center;} .perfect_left h3{font-size:25px;color:#515151;} .perfect_left p{font-size:16px;color:#7c7c7c;} .perfect_right{width:30%;float:left} .perfect_right input{width:210px;height:50px;background:#7ec6d5;border:none;margin:25px 0 0;} .perfect_right a input{ color:#fff;font-size:20px;transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;} .perfect_right a:hover input{ background:#474747;} /*------------------ Testimonials Page -------------------*/ .page_testimonials ul li{width:45%;margin:0 1% 3% 0;float:left;background:#f6f6f6!important;position:relative;} .page_testimonials li p{padding:20px;font-size:14px;color:#848484;line-height:24px;} .page_testimonials li:before {border-top: 40px solid #f6f6f6; border-left: 25px solid transparent;border-bottom: 25px solid transparent;content: "";height: 0;left: 10%;position: absolute;bottom: -20px;width:0;} .testimonials_list{text-align:center;font-size:18px;padding-top:20px;background:#fff;} .testimonials_list span{color:#7ec6d5;} .page_services li{width:30%;margin:3% 1%;;float:left; list-style:none;} .page_services li p{line-height:20px;font-size:12px/1.5;color:#555;margin-left:70px;} .services_arround{width:55px;height:55px;background:#666;float:left;border-radius:30px; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;} .page_services li:hover .services_arround { background:#f95908; } .services_arround img{padding:11px 0 0 11px;}/*---Original---{padding:16px 0 0 14px;}---*/ .services_title{font-size:20px;color:#7c7c7c;padding-bottom:10px;margin-left:70px;} /*--------- 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;} .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/content/quovolve-box_img.png) no-repeat 20% 20%;text-indent: 40px;color:#707070;} .quovolve-box ul li .quovolve-box_text p span{ background:url(../images/content/quovolve-box_img2.png) no-repeat 80% 100%;display: block; font-size:22px;line-height:30px; } .quovolve-box ul li .quovolve-box_text h5 { line-height: 1em; color:#7ec6d5;} .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;} /*---------- 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;} .project_item1{padding:18px 15px 10px 15px!important;} /*---------Prices Dark---------*/ .prices_dark_style{ float:left;width:22%;margin:0 1%;} .prices_dark_style_three{ float:left;width:30%;margin:0 1%;} .prices_top_dark{ background:#353535; margin:5px; } .dark_title{ padding-top:1px;} .dark_title h3{ text-align:center; color:#fff;} .price_dark{ background:#ebebeb; text-align:center; padding:30px 0 20px;} .price_dark p{ font-size:38px; color:#000; padding:15px 0; margin:0; padding:0;} .prices_name{display:block;margin-top:20px;font-size:15px;} .prices_text p{ border-bottom:1px solid #d9d9d9; text-align:center;line-height:2em;background:#f9f9f9;font-size:15px;padding:5px 0;} .price_dark_button{ text-align:center; padding:25px 0;} .price_dark_button span a{ padding:10px 60px; background:#474747; color:#fff;font-size:20px; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;} .price_dark_button span a:hover{ background:#7ec6d5;} /*---------Prices Purple---------*/ .prices_color_style{ float:left;width:22%;margin:0 1%;} .prices_color_style_three{ float:left;width:30%;margin:0 1%;} .prices_top_purple{ background:#7ec6d5; margin:5px; } .purple_title{ padding-top:1px;} .purple_title h3{ text-align:center; color:#fff!important;} .price_color{ background:#ebebeb; text-align:center; padding:30px 0 20px;} .price_color p{ font-size:38px; color:#000; padding:15px 0; margin:0; padding:0;} .prices_name{display:block;margin-top:20px;font-size:15px;} .prices_text p{ border-bottom:1px solid #d9d9d9; text-align:center;line-height:2em;background:#f9f9f9;font-size:15px;padding:5px 0;} .price_color_button{ text-align:center; padding:25px 0;} .price_color_button span a{ padding:10px 60px; background:#7ec6d5; color:#fff;font-size:20px;transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;} .price_color_button span a:hover{ background:#474747;} /*---------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*/ .title_portfolio_page{height:auto;overflow:hidden;padding:20px;} /*------------------ Gallery Page -------------------*/ .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:#7ec6d5;color:#fff;} .page_number span a:hover{ color:#fff; background:#7ec6d5;} /*------------------ Project Page -------------------*/ .project_page_left{height:auto;overflow:hidden;padding:0 30px;} .project_page_left p{font-size:13px;} .project_page_right .demo_content_title h3{ font-size:18px; font-weight:300;padding:0; } .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_pic:hover img{filter:Alpha(Opacity=80);opacity:0.8;} .project_list { padding:0 0 0 15px!important;float:left;width:35%;} .project_page h3{font-size:25px;-webkit-transition: all 0.8s ease-in 0s;-moz-transition: all 0.8s ease-in 0s;transition: all 0.8s ease-in 0s;color:#000;} .project_page h3:hover{color:#7ec6d5;} .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:#7ec6d5; } /*----------Shortcode Portfolio List -------------- */ .shortcode-portfolio{width:100%;float:left;padding:20px 0px 10px 0px;margin:0;} .thisportfolioitem{-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;overflow:hidden;position:relative;margin:5px;} .thisportfolioitem > img{-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .thisportfolioitem > img, ul.shortcodes-portfolio-lists > img{width:100%;height:auto;} ul.shortcodes-portfolio-lists li > .portfolio-overlay{width:100%;height:100%;position:absolute;top:0px;left:0px;background: rgba(126, 198, 213, 0.82);margin-top:-300%;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} ul.shortcodes-portfolio-lists li:hover > .portfolio-overlay{margin-top:0%;z-index:19;} ul.shortcodes-portfolio-lists li > .portfolio-overlay-link, ul.shortcodes-portfolio-lists li > .portfolio-overlay-zoom{width:25px;height:29px;line-height:28px;padding:2px 3px;font-size:15px;color:white;background-color:rgba(0,0,0,.3);position:absolute;top:50%;left:50%;margin:-200% 0px 0px -35px;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-align:center;z-index:20;} ul.shortcodes-portfolio-lists li > .portfolio-overlay-link > i, ul.shortcodes-portfolio-lists li > .portfolio-overlay-zoom > i{padding:0px;} ul.shortcodes-portfolio-lists li > .portfolio-overlay-zoom{margin:-300% 0px 0px 5px;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} .portfolio-overlay-icon{width:30px;height:25px;position:absolute;top:0px;right:0px;background-color:rgba(0,0,0,.2);border-radius:0px 3px 0px 3px;z-index:20;text-align:center;color:white;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top:-100px;} .portfolio-overlay-icon > i{padding:5px 0px;} ul.shortcodes-portfolio-lists li:hover > .portfolio-overlay-icon{margin:0px;} ul.shortcodes-portfolio-lists li:hover > .portfolio-overlay-link{margin:-20px 0px 0px -35px;} ul.shortcodes-portfolio-lists li:hover > .portfolio-overlay-zoom{margin:-20px 0px 0px 5px;} .shortcode-portfolio .icon_link, .shortcode-portfolio .icon_zoom_in{padding-top:5px!important;}/*Compatible Firefox*/ /*---------- Twitter Style ----------*/ .latest_tweets{font-size: 13px;} .latest_tweets ul{width:100%;float:left;padding:0;margin:0;} .latest_tweets li{padding-bottom:10px;border:0px !important; margin:0;} .latest_tweets p {color:#868686!important;line-height:20px;} .latest_tweets a, .latest_tweets a:visited{color:#7ec6d5;} .latest_tweets a:hover{color:#000!important;} /*---------- Footer-widget Style ----------*/ ul.footerblog_post{width:100%;float:left;padding:0;margin:0;height:auto;overflow:hidden;} ul.footerblog_post li{display:block;list-style:none;list-style-image:none;padding:10px 20px 20px 0px;border:0px;} ul.footerblog_post li:first-child{padding-top:0px;} ul.footerblog_post li:last-child{border:0px;} ul.footerblog_post a, ul.footerblog_post a:hover, ul.footerblog_post a:visited{color:#7ec6d5;font-size:14px} ul.footerblog_post li p{color:#868686;font-size:13px;padding:1px 0;margin:0;width:100% !important;display:block;} .icon_around{width:25px;height:22px;background:#7ec6d5;float:left;display:block;padding:8px 5px 5px;float:left;margin:5px 10px 0 0;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .footerblog_post li 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;margin:0 auto;} .footerblog_post li:hover {transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; } .footerblog_post li:hover img { -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);} ul.footerblog_post a:link.post_more, ul.footerblog_post a:visited.post_more { font-size:12px; font-style:italic; color:#555;transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;} ul.footerblog_post a:hover.post_more {color:#7ec6d5;} .tsc_clr{clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} .tsc_clear{clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} /*---------- Price Table Style3 ----------*/ /* PRICING TABLE STYLE 2 */ .prices_style02{font-family: Calibri, Arial, Helvetica, sans-serif;font-size: 13px;font-weight: normal;color: #313131;width:100%;} .prices_style02 ul{margin: 0px;padding: 0px;list-style: none;}.prices_style02 ul li{margin: 0px;width: 100%;height: 100%;height: 26px;padding-top: 10px;float: left;text-align: center;padding-left: 0px;} .prices_style02 li.pricing_header1{height:36px;font-size: 18px;line-height:24px;color:#ffffff;} .prices_style02 li.pricing_header2{height:60px;font-size: 30px;font-weight:bold;line-height:50px;border-bottom:1px solid #cccccc;color:#333;background-color:#eee;}.prices_style02 li.pricing_header2 span{font-size: 12px;line-height:40px;} .prices_style02 .pricing_column_first li.pricing_header1{background:none;} .prices_style02 .pricing_column_first li.pricing_header2{background-color:#efefef;border-bottom:1px solid #cccccc;-webkit-border-radius:19px 0px 0 0;-khtml-border-radius:19px 0px 0 0;-moz-border-radius:19px 0px 0 0;border-radius:19px 0px 0 0;}.prices_style02 .pricing_column_first li.pricing_header2 span{font-size:15px;font-weight:bold;line-height:56px;padding-left:16px;} .prices_style02 .pricing_column_first, .prices_style02 .pricing_column{height: 100%;float: left;margin-right:1px;position:relative;} .prices_style02 .pricing_column_first{*z-index:2;} /* 2. Columns sizes */ .pricing_six .pricing_column, .pricing_six .pricing_column_first{width: 16.5%;} .pricing_five .pricing_column, .pricing_five .pricing_column_first{width: 19.8%;} .pricing_four .pricing_column, .pricing_four .pricing_column_first{width: 24.8%;} .pricing_three .pricing_column, .pricing_three .pricing_column_first{width: 33.1%;} .prices_style02 .odd{background-color: #ffffff;border-bottom:1px dotted #ccc;} .prices_style02 .even{background-color: #efefef;border-bottom:1px dotted #ccc;} .prices_style02 .pricing_yes, .prices_style02 .pricing_no{height:20px;width:100%;float:left;} .prices_style02 .pricing_yes{background:url("../images/yes.png") center top no-repeat;} .prices_style02 .pricing_no{background:url("../images/no.png") center top no-repeat;} .prices_style02 .pricing_footer{width: 100%;height: 44px;padding-top: 14px;padding-bottom: 6px;float: left;border-top: 1px solid #fff;border-bottom: 2px solid #ccc;background-color: #eee;} .tsc_buttons2{display:inline-block; text-decoration:none; outline:none; cursor:pointer; font:bold 12px/1em Arial, sans-serif; padding:8px 11px; color:#555; text-shadow:0 1px 0 #fff; background:#f5f5f5; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background:-moz-linear-gradient(top, #f9f9f9, #f0f0f0); border:1px solid #dedede; border-color:#dedede #d8d8d8 #d3d3d3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;} .tsc_buttons2:hover, .tsc_buttons2:focus{color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color:#ccc; -webkit-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;} .tsc_buttons2:active{position:relative; top:1px; color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background:-moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color:#c6c6c6; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;} .tsc_buttons2.rounded{padding:8px 15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;} input.tsc_buttons2, button.tsc_buttons2{*width:auto; *overflow:visible;} /* IE7 Fix */ .tsc_buttons2 img{border:none; vertical-align:bottom;} /* Black */ .tsc_buttons2.black{background:#525252; background:-webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); background:-moz-linear-gradient(top, #5e5e5e, #434343); border-color:#4c4c4c #313131 #1f1f1f; color:#fff; text-shadow:0 1px 1px #2e2e2e; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #868686;} .tsc_buttons2.black:hover, .tsc_buttons2.black:focus{background:#4b4b4b; background:-webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636)); background:-moz-linear-gradient(top, #686868, #363636); border-color:#313131; -webkit-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686; -moz-box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686; box-shadow:0 0 1px #d6d6d6, inset 0 1px 0 #868686;} .tsc_buttons2.black:active{background:#525252; border-color:#313131; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #313131; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #313131; box-shadow:0 1px 0 #fff, inset 0 0 5px #313131;} .prices_style02 a.tooltip{position:relative; z-index:24; font-size:13px;color: #313131; text-decoration:none;background:url("../images/info.png") right center no-repeat;padding:0 20px 0 10px;} .prices_style02 .blue a.pricing_button, .prices_style02 .blue li.pricing_header1{background-color: #4db6ff;} .prices_style02 .green a.pricing_button, .prices_style02 .green li.pricing_header1{background-color: #5aad17;} .prices_style02 .red a.pricing_button, .prices_style02 .red li.pricing_header1{background-color: #ee2121;} .prices_style02 .black a.pricing_button, .prices_style02 .black li.pricing_header1{background-color: #666;} /*------Hidden Message/John Q------*/ .hiddenMessage { display:inline-block; height:0; width:0; overflow:hidden; position:absolute; } /*------Footer Icons / John Q------*/ .cosaFooterIcon_dccd { background-image:url(../images/content/dccdLogo.png); background-repeat:no-repeat; margin: 10px 0px 10px 20px; width:76px; height:75px; float:left; } .cosaFooterIcon_citySeal { background-image:url(../images/content/citySeal.png); background-repeat:no-repeat; margin: 10px 20px 10px 0px; width:77px; height:76px; float:right; } /*****NEW CSS MEGA FOOTER*****/ .footer_content_center { color: #fff; display: block; float: left; margin-left: 7%; margin-top: 1.5em; padding: 10px; position: relative; text-align: center; } .footerrow { margin: 0 auto; max-width: 980px; min-width: 755px; width: 100%; } /***END***/