/* ######## Fonts use ######### */ body, input, button, select, textarea, .navbar-search .search-query {font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400} h1,h2,h3 {font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; letter-spacing:-1px;} .txt-light, .txt-xtra-bold, .fnt-second, .fnt-second-normal, .fnt-second-bold, .fnt-second-light {font-family:Open Sans, Arial, Helvetica, sans-serif;} .quote-txt {font:italic 15px/22px Georgia, "Times New Roman", Times, serif;} /* ######## General Elements ######### */ body {background:url(../img/pg-bg.png) repeat;} h1, h2, h3, h4, h5, h6 {margin:0px; margin-bottom:10px;} strong,b {font-weight:700} em,i {font-weight:700italic} a:hover {-webkit-transition: color 0.15s linear; -moz-transition: color 0.15s linear; -o-transition: color 0.15s linear; transition: color 0.15s linear;} ul,ol,li {list-style-type:none; margin:0px; padding:0px;} sup {top: -0.3em;} sub {bottom: -0.1em;} .main .container {padding-bottom:10px; overflow:hidden} .edited-row {padding:0px 20px;} .container-fluid {padding-left:0px; padding-right:0px;} /* ######## Header1: Top Panel ######### */ .top-panel {padding:4px 0px;} .top-panel .container .ss-icons a {margin-left:5px; margin-left:10px;} .top-panel .container .ss-icons a i:before {line-height:14px;} .top-panel .container .ss-icons a:hover {text-decoration:none;} #boxed.container {border:0px solid #ccc; border-bottom:0px; border-top:0px;} /* ######## Header2: Logo ######### */ .logo-n-nav {position:relative; padding:10px 0px 0px 0px;} .logo-n-nav #logo {margin-top:10px;} .logo-n-nav #logo a {display:block; float:left; width:142px; height:44px;} .logo-n-nav #logo .slogan {display:block; float:left; font-size:12px; font-weight:400; padding:5px 10px 10px 10px; margin-left:10px; line-height:18px;} /* ######## Nav Panel ######### */ .navbar {margin-bottom:0px; margin-top:10px;} .navbar .nav li {padding-right:3px; background:url(../img/menu-divider-20pc.png) no-repeat top right} /* classes available: menu-divider.png, menu-divider-10pc.png to menu-divider-90pc.png 10pc=10% transparent, 90pc=90% transparent */ .navbar .nav li a {padding-bottom:36px;} .navbar .nav li:last-child {background:none; padding-right:0px;} .navbar .nav li:last-child a.dropdown-toggle {padding-right:0px;} .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .navbar .nav li a:hover, .navbar .nav li.active a, .navbar .nav li.active a:hover {color:#999; background:url(../img/transparent-white-10pc.png) repeat-x bottom transparent;} .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {background-color:transparent; color:#b5d44b} .navbar .nav > li > .dropdown-menu:after {border:none} .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {color:#b5d44b} .navbar .nav li .dropdown-menu {padding:0px; margin-top:-3px; border-radius:0px; } .navbar .nav li .dropdown-menu li {background-image:none; padding:0px;} .navbar .nav li .dropdown-menu li a {padding-top:8px; padding-bottom:8px; text-align:right; text-transform:none; } .navbar .nav li .dropdown-menu li a:hover {color:#fff; background:#28292c url(../img/bg-dd-menu-hover.gif) repeat} .navbar .nav li .dropdown-menu li:first-child a {border-top:0px;} .navbar .nav li .dropdown-menu li:last-child a {border-bottom:0px;} .navbar .nav li.open a.dropdown-toggle {color:#b5d44b; background:url(../img/color-green.gif) repeat-x bottom} .navbar .nav > li > .dropdown-menu:before {display:none} .dropdown .caret {margin-left:5px;} /* ######## Header3: Slider ######### */ /* This css contains simple slider's css */ .carousel {margin-bottom:0px;} .carousel a.left {text-indent:-9999px; border:0px; background:url(../img/arrow-carousel.png) no-repeat top left} .carousel a.right {text-indent:-9999px; border:0px; background:url(../img/arrow-carousel.png) no-repeat bottom left} .carousel-control {z-index:21;} .slider-inner {overflow:hidden;} .slider-inner .sdr-innpg-data {width:50%; float:left; text-align:right; padding-top:25px;} .slider-inner .sdr-innpg-img {width:49%; float:right; position:relative} .slider-inner .sdr-innpg-img .vr-white-gradient {position:absolute; height:100%; width:100px; top:0px; left:0px;} .slider-inner .clearfix div {float:right;} /* ######## Homepage Container ######### */ .main .hm-services {background:#f6f5f6; padding-top:20px; padding-bottom:10px; border-bottom-width:0px;} .main .edited-row {padding-top:10px; padding-bottom:10px; padding-right:0px;} .hm-video {overflow:hidden;} ul.next-prev {overflow:hidden; margin:0px;} ul.next-prev li {float:left; margin-right:10px; list-style-type:none;} ul.next-prev li a {display:block; width:28px; height:24px; text-indent:-9999px; background:url(../img/common.png) no-repeat top left} ul.next-prev li a.next {background-position:-37px -48px;} ul.next-prev li a.prev {background-position:0px -48px;} ul.next-prev li a.next:hover {background-position:-37px -82px;} ul.next-prev li a.prev:hover {background-position: 0px -82px;} .recent-work {overflow:hidden} .recent-work .row div {text-align:center;} .features ul li {padding-bottom:20px;} .features h4 {margin-left:0px;} .features .row div p {margin-bottom:30px; color:#777;} .features .row div h4 {font-weight:400; margin-bottom:0px} .news ul.well {padding-bottom:0px;} .news ul li {padding:10px 0px; border-bottom:1px solid #ddd;} .news ul li .muted {font-size:11px} .news ul li.highlight {padding-top:0px;} .news ul li.btm {padding:5px 0px; border-bottom-width:0px; overflow:hidden} #tabs {padding-left:10px; padding-top:8px; background:#edf2f4;} #tabs li {margin-right:10px;} #tabs li a {background:#eef2f4 url(../img/tab-bg.gif) repeat-x top; border:1px solid #ddd;} #tabs li.active a {background:#fff url(../img/tab-selected-bg.gif) repeat-x top; border-bottom-color:transparent;} .tab-content {clear:both} .logo-slider h2 {overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd} .logo-slider h2 .arrow-left, .logo-slider h2 .arrow-right {display:block; float:right; margin-top:10px; width:28px; height:24px; margin-right:10px; text-indent:-9999px; background:url(../img/common.png) no-repeat 0px -48px;} .logo-slider h2 .arrow-right {background:url(../img/common.png) no-repeat -37px -48px;} .logo-slider h2 .arrow-left:hover {background:url(../img/common.png) no-repeat -0px -82px;} .logo-slider h2 .arrow-right:hover {background:url(../img/common.png) no-repeat -37px -82px;} .cust-logo-sclr .mycarousel_wrapper .mycarousel div {position:relative; float:left; padding:0px 10px; text-align:center; vertical-align:top; background:url(../img/customer-logo-divider.png) no-repeat right center;} .cust-logo-sclr .clogos span {position:absolute; z-index:8; display:block; text-align:center; vertical-align:top;} .cust-logo-sclr .clogos span:hover, .cust-logo a span:hover {opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.60s linear; -moz-transition: opacity 0.60s linear; -ms-transition: opacity 0.60s linear; -o-transition: opacity 0.60s linear; transition: opacity 0.60s linear; } .cust-logo {overflow:hidden;} .cust-logo a {position:relative; height:50px; text-align:center; vertical-align:top; padding:20px 10px; margin:0px;} .cust-logo a.logo-tl {background:url(../img/logo-top-left-brdr.png) no-repeat bottom right; clear:left;} .cust-logo a.logo-c {background:url(../img/logo-brdr.png) no-repeat bottom center;} .cust-logo a.logo-c2 {background:url(../img/logo-center-brdr.png) no-repeat bottom left;} .cust-logo a.logo-tr {background:url(../img/logo-top-right-brdr.png) no-repeat bottom left;} .cust-logo a.logo-ml {background:url(../img/logo-mid-left-brdr.png) no-repeat bottom right; clear:left;} .cust-logo a.logo-mr {background:url(../img/logo-mid-right-brdr.png) no-repeat bottom left;} .cust-logo a.logo-bl {background:url(../img/logo-brdr-vr.png) no-repeat bottom right; clear:left;} .cust-logo a.logo-br {background:url(../img/logo-brdr-vr.png) no-repeat bottom left;} .cust-logo a span {position:absolute;height:50px; z-index:8; padding:0px; margin-left:0px; display:block; text-align:center;} .intro-txt {background:url(../img/pattern1.png) repeat;} .intro-txt h1 {text-align:center; color:#000; line-height:50px; font-size:34px; font-weight:300} .features2 {text-align:center;} .features2 .txt30 {text-transform:uppercase; font-weight:800; font-size:24px;} .features3 ul li h4 {float:left; padding-left:10px;} .features3 ul li p {clear:both;} .rcnt-work .span12 [class*="span"] {height:150px; overflow:hidden; position:relative;} .rcnt-work .span12 [class*="span"] img {width:auto !important; max-width:none !important} a.hover-effect {position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,0); -moz-transition: background-color 1s;} a.hover-effect:hover {background-color:rgba(0,0,0,0.8);} a.hover-effect span {position:absolute; top:40%; left:30%; display:block; visibility:hidden; width:40px; height:40px; opacity:0.0; -moz-transition: opacity 1s;} a.hover-effect i {text-align:left; font-size:42px; text-decoration:none; color:#ccc; visibility:hidden; position:absolute; top:40%; left:30%; opacity:0.0; -moz-transition: opacity 1s;} a.hover-effect:hover i {visibility:visible; opacity:0.8; left:40%; -webkit-transition: left 0.99s ease; -moz-transition: left 0.99s ease; -ms-transition: left 0.99s ease; -o-transition: left 0.99s ease; transition: left 0.99s ease;} a.hover-effect span.zoom {background:url(../img/zoom.png) no-repeat bottom left;} a.hover-effect:hover span.zoom {visibility:visible; background:url(../img/zoom.png) no-repeat top left; opacity:0.8; left:40%; -webkit-transition: left 0.99s ease; -moz-transition: left 0.99s ease; -ms-transition: left 0.99s ease; -o-transition: left 0.99s ease; transition: left 0.99s ease;} a.hover-effect span.link {background:url(../img/link.png) no-repeat bottom left;} a.hover-effect:hover span.link {visibility:visible; background:url(../img/link.png) no-repeat top left; opacity:0.8; left:40%; -webkit-transition: left 0.99s ease; -moz-transition: left 0.99s ease; -ms-transition: left 0.99s ease; -o-transition: left 0.99s ease; transition: left 0.99s ease;} .slider-nav {overflow:hidden} .slider-nav a {width:14px; height:14px; float:left; margin-left:10px; background:url(../img/slider-nav.png) no-repeat top right} .slider-nav a.selected, .slider-nav a:hover {background:url(../img/slider-nav.png) no-repeat top left} .slider-nav span {display:none;} .hm-testimonial .slider-nav {margin-left:30%; margin-top:10px} .action-block, .hm-action-block {background:#f8f9fb; border:1px solid #EEE; border-left:0px; border-right:0px; padding:15px 10px 25px 10px; margin-bottom:15px;} .action-block ul, .hm-action-block ul {overflow:hidden} .action-block ul li, .hm-action-block ul li {color:#425a7b;} .action-block-white ul {overflow:hidden; margin:auto; float:none; background:#fff url(../img/gradient-black.png) repeat-x top; border:1px solid #e3e3e3;} .action-block-white ul {-moz-box-shadow:0px 0px 3px #eee; -webkit-box-shadow:0px 0px 3px #eee; box-shadow:0px 0px 3px #eee;} .action-block-white ul li {padding:18px 0px 15px 0px;} .brdr-right-divider {background:url(../img/dotted-divider.png) repeat-y top left; margin-left:8px; padding-left:15px;} .hm-news ul li {padding:5px 0px; overflow:hidden; border-bottom:1px solid #eee; position:relative;} .hm-news ul li.ftr img {width:90%} .hm-news ul li.ftr .nw-data {margin-left:10px;} .hm-news ul li.general i {float:left; display:block; position:absolute; top:7px; left:0px; opacity: 0.4; filter: alpha(opacity=40);} .hm-tweet ul li {border-bottom:1px solid #ccc; padding:5px 0px;} .hm-tweet ul li.btn-row {border-bottom:0px; padding-bottom:0px; padding-top:10px} /* ######## Slide Panel ######### */ .right-sidepanel .edited-row, .left-sidepanel .edited-row {padding-left:0px;} .left-sidepanel aside {padding:0px 10px 50px 10px; overflow:hidden; background:url(../img/sidebar-divider.png) no-repeat bottom right;} .right-sidepanel aside {float:right; padding:0px 10px 50px 10px; overflow:hidden; background:url(../img/sidebar-divider.png) no-repeat bottom left;} .right-sidepanel .data-holder {float:right;} h2.widgettitle, .left-sidepanel aside h3, .right-sidepanel aside h3 {font:300 24px open sans; letter-spacing:-1px; margin-top:20px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #eee;} aside ul.menu li, aside .widget_archive ul li, aside .widget_twitter ul li, .widget_categories ul li {border-bottom:1px solid #eee;} aside ul.menu li a, .widget_archive ul li a, .widget_categories ul li {display:block; padding:8px 0px 8px 17px; background:url(../img/common.png) no-repeat 5px -112px} aside ul.menu li.current_page_item a, .widget_archive ul li.current_page_item a, .widget_categories ul li.current-cat a {color:#999; font-weight:700} .widget_calendar th, .widget_calendar td {padding:6px;} aside .widget_recent_entries ul li, aside ul#recentcomments li {border-bottom:1px solid #eee;} .widget_recent_entries ul li a {padding:7px 0px 5px 16px; display:block} .widget_recent_entries ul li:before {content: "\f0f6"; display:block; padding-top:8px; font-family:FontAwesome; color:#999; float:left} .widget_rss ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee;} .widget_rss ul li a.rsswidget {display:block;} .widget_rss ul li .rss-date {color:#999;} .widget_rss ul li .rssSummary {font-size:12px;} ul#recentcomments li {padding:7px 0px 5px; display:block} ul#recentcomments li:before {content: "\f10d"; display:inline-block; font-family:FontAwesome; color:#ccc; padding-right:5px;} ul.flkr-3in1 {overflow:hidden;} ul.flkr-3in1 li {float:left; width:25%; margin:5px 8px;} .full-row {display:block !important; width:98% !important;} blockquote.edited {padding:0px; border:0px;} blockquote.edited p {font:300 18px/26px open sans; text-indent:15px; margin-bottom:10px; background:url(../img/quote-top.png) no-repeat 0px 5px;} blockquote.edited .slider-nav {margin:15px 0px 10px 0px;} .left-sidepanel aside ul.news li, .right-sidepanel aside ul.news li {border-bottom:1px solid #eee; padding:5px 0px;} /* ########### data-holder ############# */ .data-holder .divider-line {width:100%; padding-top:15px; margin-bottom:15px;} table.about-stats {border:1px solid #dfdfdf; border-left:0px; width:auto; text-align:center;} table.about-stats td, table.about-stats th {border-left:1px solid #dfdfdf; padding:5px; background:#ebebeb} table.about-stats th {border-bottom:1px solid #dfdfdf; background:#f5f5f5; color:#d94027; font:300 60px/normal open sans;} table.about-stats th.gride {background:#fafafa;} table.about-stats td.gride {background:#f5f5f5;} .team-blk {margin-bottom:20px;} .team-blk div {background:#f3f3f3 url(../img/gradient-black.png) repeat-x top;} .team-blk p {margin:0px; text-align:center; padding:5px 0px; border:1px solid #d2d7d9; border-top:0px; background:#f3f3f3 url(../img/gradient-black-small.png) repeat-x top;} .team-blk p.ss-icon {background:#efefef;} .team-large .relative-block .ss-box {position:absolute; background:#eee; bottom:0px; right:0px; float:right; padding:3px 10px;} .testimonial3 blockquote {position:relative; border:1px solid #eee; padding:15px 15px 10px 15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:5px;} .testimonial3 blockquote img {position:absolute; bottom:-28px;} .testimonial-full {padding:20px 0px;} .testimonial-full .mycarousel div {background:none transparent;} .testimonial-full .slider-nav {width:130px; margin:auto;} .service-design {clear:both; overflow:hidden;} .service-design div {background:#f5f5f5; margin:0px; padding:15px 5px 15px 15px} .service-design .ser-highlight {background:#f9f9f9; border-right:1px solid #fff; text-align:center; margin-left:20px; padding:15px 0px;} .service-design .circle-grey {display:block; margin:auto; margin-bottom:20px;} .circle-grey i {font-size:60px; line-height:100px; color:#fff} ul.tab-separated {overflow:hidden; border:1px solid #ccc; background:none; float:left; padding:0px !important; margin:0px;} ul.tab-separated {-moz-box-shadow:3px 4px 3px #eee; -webkit-box-shadow:3px 4px 3px #eee; box-shadow:3px 4px 3px #eee;} ul.tab-separated li {margin-right:0px !important;} ul.tab-separated li a {border:0px !important; border-left:1px solid #ddd !important; text-transform:uppercase; font-weight:700; color:#b4b4b4; padding:5px 20px} .faq .tab-separated {} .faq .tab-content {overflow:hidden; margin-top:30px;} .faq .tab-content .accordion-group {border:0px; border-top:1px solid #eee;} .faq .tab-content .accordion-heading .accordion-toggle {padding:12px 15px 12px 40px; background:url(../img/common.png) no-repeat -40px -172px; font-size:16px; font-weight:700} .faq .tab-content .in {border-top:3px solid #03a4a1; margin-bottom:30px;} .tab-style2 .tab-content {overflow:hidden; margin-top:30px;} .tab-style2 .tab-content .accordion-group {border:0px; border-top:1px solid #eee;} .tab-style2 .tab-content .accordion-heading .accordion-toggle {padding:12px 15px 12px 40px; background:url(../img/common.png) no-repeat -40px -172px; font-size:16px; font-weight:700} .tab-style2 .tab-content .in {border-top:3px solid #03a4a1; margin-bottom:30px;} .pricing-table {margin:auto; float:none; overflow:hidden; padding:10px;} .pricing-table ul {margin-left:-1px; border:1px solid #d4d4d4; -moz-box-shadow:1px 1px 3px #CCC; -webkit-box-shadow:1px 1px 3px #CCC; box-shadow:1px 1px 3px #CCC;} .pricing-table ul:first-child {margin-left:10px;} .pricing-table ul li {background:#f8f7f3; position:relative; overflow:hidden; text-align:center; padding:12px 5px; border-bottom:1px solid #e8e3d7; border-top:1px solid #fff;} .pricing-table ul li.gride2 {background:#f1efe7;} .pricing-table ul li .hdg-inner {background:#05a5a3 url(../img/gradient-black-small.png) repeat-x top; text-transform:uppercase; color:#fff; font-size:28px; padding:20px 0px; margin-bottom:10px; border-bottom:1px solid #06908d} .pricing-table ul li.hdg {background:#05a4a1 url(../img/gradient-white.png) repeat-x top; padding:0px 0px 10px 0px; border-top-color:#05afac; color:#033;} .pricing-table ul li.gride-btn {background:#fff url(../img/gradient-black-small.png) repeat-x top; padding:20px 0 25px 0;} .pricing-table ul li.gride-btn a {float:none;} .pricing-table ul li .band {position:absolute; right:-10px; bottom:-10px;} .pricing-table ul.selected {border:0px; border-bottom:3px solid #fff;} .pricing-table ul.selected li {border-left:3px solid #fff; border-right:3px solid #fff; position:relative;} .pricing-table ul.selected li.hdg {background:#f5494b url(../img/gradient-white.png) repeat-x top; color:#300; border-top:3px solid #f99; border-left:3px solid #f99; border-right:3px solid #f99;} .pricing-table ul.selected li .hdg-inner{background:#e34346 url(../img/gradient-black-small.png) repeat-x top; border-bottom-color:#cb383b; overflow:hidden} .pricing-table2 {margin:auto; float:none; overflow:hidden; padding:10px;} .pricing-table2 ul {margin-left:-1px; border:1px solid #d4d4d4; -moz-box-shadow:1px 1px 3px #CCC; -webkit-box-shadow:1px 1px 3px #CCC; box-shadow:1px 1px 3px #CCC;} .pricing-table2 ul:first-child {margin-left:10px;} .pricing-table2 ul li {background:#ecf0f7; position:relative; overflow:hidden; text-align:center; padding:12px 5px; border-bottom:1px solid #d1dee5; border-top:1px solid #fff;} .pricing-table2 ul li.gride2 {background:#e7eef2;} .pricing-table2 ul li .hdg-inner {background:#354866 url(../img/gradient-black-small.png) repeat-x top; text-transform:uppercase; color:#fff; font-size:28px; padding:20px 0px; margin-bottom:10px; border-bottom:1px solid #28354a} .pricing-table2 ul li.hdg {background:#344966 url(../img/gradient-white.png) repeat-x top; padding:0px 0px 10px 0px; border-top-color:#05afac; color:#fff;} .pricing-table2 ul li.gride-btn {background:#fff url(../img/gradient-black-small.png) repeat-x top; padding:20px 0 25px 0;} .pricing-table2 ul li.gride-btn a {float:none;} .pricing-table2 ul li .band {position:absolute; right:-10px; bottom:-10px;} .pricing-table2 ul.selected {border:0px; border-bottom:3px solid #fff;} .pricing-table2 ul.selected li {border-left:3px solid #fff; border-right:3px solid #fff; position:relative;} .pricing-table2 ul.selected li.hdg {background:#658e2f url(../img/gradient-white.png) repeat-x top; color:#fff; border-top:3px solid #D1DEE5; border-left:3px solid #D1DEE5; border-right:3px solid #D1DEE5;} .pricing-table2 ul.selected li .hdg-inner{background:#658e2f url(../img/gradient-black-small.png) repeat-x top; border-bottom-color:#55772a; overflow:hidden} .portfolio .slider-nav {width:130px; margin:20px auto;} .portfolio .lines {padding:8px 0px; border-bottom:1px solid #eee; border-top:1px solid #eee; margin-top:15px;} .portfolio2 .row {overflow:hidden;} .portfolio2 .span2, .portfolio2 .span3, .portfolio2 .span4, .portfolio2 .span5, .portfolio2 .span6 {margin-bottom:30px; position:relative} .portfolio2 .info {background:#fff url(../img/gradient-black.png) repeat-x top; border:1px solid #eee; padding:10px; position:relative} .portfolio2 .info .corner {position:absolute; bottom:-1px; right:-1px;} .portfolio2 .info .shadow {position:absolute; bottom:-9px; left:0px; width:100%; height:8px;} .port-detail .slider-nav {margin-left:40%;} .map-n-add {position:relative;} .map-n-add .live-map {border-bottom:3px solid #345263;} .map-n-add .contact-add {position:absolute; bottom:-8px; left:100px; background:#345263} .map-n-add .contact-add .accordion-group{margin-bottom:0px; border:0px; border-top:1px solid #426578; border-bottom:1px solid #223b4a;} .map-n-add .contact-add .accordion-inner{border:0px; padding:0 15px;} .map-n-add .contact-add a.accordion-toggle {color:#C2DF62; text-transform:uppercase;} .wpcf7 label {display:inline;} .xtra-contact {background:#fff url(../img/gradient-black.png) repeat-x top; border-bottom:1px solid #d1dce2;} .page-header {margin-bottom:20px;} .blog-article {background:#fff; border:1px solid #eee; margin-bottom:20px;} .blog-article {-moz-box-shadow:0px 0px 3px #ccc; -webkit-box-shadow:0px 0px 3px #ccc; box-shadow:0px 0px 3px #ccc;} .blog-article .article-box p {margin:10px;} .blog-article .article-box ul {background:#f5f6f6; padding:10px; border-top:1px solid #e8ebed; font-size:11px;} .pagination-centered {border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px;} .pagination ul > li > a, .pagination ul > li > span {background:#fff url(../img/gradient-black-small.png) repeat-x top; color:#535A5F; font-weight:700;} .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {background:#21a5d1 url(../img/gradient-white-small.png) repeat-x bottom; color:#fff; -webkit-transition: background 0.09s ease; -moz-transition: background 0.09s ease; -ms-transition: background 0.09s ease; -o-transition: background 0.99s ease; transition: background 0.09s ease;} .pagination ul > li > a, .pagination ul > li > span {line-height:32px;} .pagination {height:auto;} .pagination ul {margin:0px;} .comments ul {padding-bottom:15px; margin-bottom:15px; padding-left:80px;} .comments ul.sub-comment {margin-left:60px;} .comments ul .span11 {width:85%;} .comments .divider-line {width:100%;} ul.the-icons li {padding:10px;} ul.the-icons li i {padding-right:5px;} .show-grid div, .show-grid-main {background-color:#EEE; line-height:30px; min-height:30px; text-align: center; margin-bottom:15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .spshowhide {padding:10px; text-align:center; border-bottom:1px solid #eee;} a:focus {outline:none} .att_sortable li {float:left;} .slider-nav a.selected {background: url("../img/slider-nav.png") no-repeat scroll left top transparent;} .slider-nav span {display: none;} .ele1, .ele1 div {height:400px;} .att_carousel > div {visibility:hidden;} .carousel-arrow-style1 {position:relative} .carousel-arrow-style1 a.arw {position:absolute; top:10px; right:0px;} .carousel-arrow-style1 a.btn-pv {right:25px;} .carousel-arrow-style1 a.disabled{color:#ccc} .fb-frame {width:100%; height:300px;} .flickr_badge_image {float:left; margin:2px; width:31%;} .widget_twitter ul li {margin-bottom:10px; font-size:12px;} /* carsoursel arrow image changes */ .tp-leftarrow, .tp-leftarrow.default, .tp-leftarrow.default, .tp-leftarrow {background-image:url("../img/large_left.png")} .tp-rightarrow, .tp-rightarrow.default, .tp-rightarrow.default, .tp-rightarrow {background-image:url("../img/large_right.png")} .tp-bullets.simplebullets.round-old .bullet {background-image:url("../img/bullets.png")} #contact_map {height:400px; width:100%;} /* color palette on left side (You can delete this css) */ .c_patterns {list-style:none; margin:0px;} .c_patterns li {float: left; height: 20px; width: 18px; margin: 5px; border: 1px solid #CCC; cursor: pointer;} #colorpanel {overflow: hidden; position: fixed; left: 0px; top: 200px; width: 70px; z-index: 999;} .colorbtn {position: relative; float: right; right: -31px; top: -194px; background:#fff url(../img/color_wheel.png) no-repeat center; cursor: pointer; border: 1px solid #666; border-left-width: 0px; width:30px; height:30px;} .colour_patterns {position: relative; left: -66px; height: 260px; width: 64px; background-color: #fff; border: 1px solid #666;} .colour_patterns h5 {display:none} .dark-black {background:#1d1d1d;} .dark-blue {background:#00274e;} .jellybean-white {background:#34075a;} .light-imperial {background:#483650;} .red-white {background:#610920;} .dark-ebony {background:#3b3c32;} .light-yellow {background:#3a4c58;} .blue-orange {background:#183d46;} .blue-white {background:#083d59;} .light-green {background:#439b4e;} .brown-white {background:#2d281d;} .light-blue {background:#3d405f;} .dark-dimgrey {background:#313037;} .brown-creame {background:#23192d;} .green-white {background:#014d38;} /* color palette ENDs */ /* ######## Footer ######### */ footer.container-fluid {padding:0px;} footer .container {padding-top:30px; overflow:hidden;} footer .ss-icons-ftr a {margin:3px;} footer section {padding:10px 0 5px;} footer section .container {border:0px; padding-top:0px; color:#999; font-size:12px} footer section a {padding:5px;} footer a:hover {color:#CCC;} footer ul.menu {} footer ul.menu li {margin-bottom:5px;} footer ul.menu li a {color:#999; font-weight:bold;} footer ul.menu li ul.sub-menu {overflow:hidden;} footer ul.menu li ul.sub-menu li {float:left; width:30%; margin-bottom:5px;} footer ul.menu li ul.sub-menu li a {display:block; display:block; color:#6D8FA2; font-weight:400} /* ######## Background Colors ######### */ .bg-white {background:#fff;} .bg-grey-light {background:#eee} .bg-grey {background:#999} .bg-dark-grey {background:#333;} .bg-black {background:#000;} .bg-green {background:#690;} .bg-green2 {background:#88cc4f;} .bg-blue {background:#07439b;} .bg-blue-light {background:#e7f1f3;} .bg-red {background:#D94027} .bg-red2 {background:#d92c09} .bg-dark-blue {background:#345263} .bg-turquoise {background:#15afd5;} .bg-yellow {background:#f8f022} /* ######## Text Color ######### */ .link-arrow {color:#fff; background:#88cc4f; padding:1px 4px;} a.link-white, .link-turquoise:hover, .txt-white {color:#fff;} .txt-dull-white {color:#dde1eb;} a.link-grey, .txt-grey {color:#999} a.link-dark-grey, .txt-grey-dark {color:#333;} a.link-black, .txt-black {color:#000;} .txt-grey-light {color:#ccc;} .txt-red {color:#d92c09} .txt-green {color:#690;} .link-turquoise, a.link-white:hover, .txt-turquoise {color:#15afd5;} .txt-yellow {color:#f8f022} .txt-blue-light {color:#8993ad;} .txt-blue {color:#07439b;} a.txt-dark-blue, .txt-dark-blue {color:#345263} a.link-white:hover {color:#15afd5} a.txt-hover-black i:hover, a.txt-grey-dark:hover a.txt-hover-black:hover {color:#000} a.txt-dull-white:hover, a.txt-grey:hover {color:#fff} a.link {display:block; padding:5px 5px 5px 0px;} a.link:after {display: inline-block; padding-left:5px; font-size:15px; content: '\00BB';} a.link-ftr {color:#6d8fa2} /* ######## Text Weight and transformation ######### */ .txt-bold {font-weight:800;} .txt-non-bold {font-weight:400;} .txt-light {font-weight:300} .txt-xtra-bold {font-weight:800} .fnt-second-light {font-weight:300} .fnt-second-normal {font-weight:400} .fnt-second-bold {font-weight:600} .txt-cap {text-transform:uppercase} .txt-lower {text-transform:lowercase} .white-space-pre {white-space:pre;} .white-space-normal {white-space:pre-wrap;} /* ######### Alignment ######### */ txt-center-desktop, .txt-center {text-align:center;} .txt-right-desktop, .txt-right {text-align:right;} txt-left-desktop, .txt-left {text-align:left;} .fleft, .fleft-desktop {float:left; display:block} /* 'fleft-desktop' and 'fleft-desktop' Classes moves element to left or right in desktop only */ .fright, .fright-desktop {float:right; display:block} .overflow-hidden {overflow:hidden;} .overflow-scroll {overflow:scroll;} .clearL {clear:left;} .clearR {clear:right;} .blk {display:block;} .blk-none {display:none;} .blk-table {display:table;} .blk-inln {display:inline;} .relative-block {position:relative;} .absolute-block {position:absolute;} .pos-inherit {position:inherit} /* ######## Text Sizes ######### */ .txt11 {font-size:11px} .txt12 {font-size:12px;} .txt14 {font-size:14px;} .txt15 {font-size:15px; line-height:20px;} .txt16 {font-size:16px; line-height:24px;} .txt18 {font-size:18px; line-height:26px;} .txt20 {font-size:20px; line-height:28px;} .txt24 {font-size:24px; line-height:30px;} .txt26 {font-size:26px; line-height:32px; letter-spacing:-1px;} .txt30 {font-size:30px; line-height:36px; letter-spacing:-1px;} .txt36 {font-size:36px; line-height:40px; letter-spacing:-1px;} .txt40 {font-size:40px; line-height:44px; letter-spacing:-1px;} .txt44 {font-size:44px; line-height:44px; letter-spacing:-2px;} .txt48 {font-size:48px; line-height:54px; letter-spacing:-2px;} .txt60 {font-size:60px; line-height:60px; letter-spacing:-2px;} .txt200 {font-size:200px; line-height:200px;} .lh20 {line-height:20px !important;} .lh24 {line-height:24px !important;} .lh36 {line-height:36px !important;} .lh44 {line-height:44px !important;} .lh90 {line-height:90px !important;} .ltr-spc-1 {letter-spacing:-1px;} .ltr-spc0 {letter-spacing:0px;} .ltr-spc1 {letter-spacing:1px;} /* ######## Width and Height ######### pc = percentage */ .w100pc {width:100%;} .w98pc {width:98%;} .w95pc {width:95%;} .w90pc {width:90%;} .w88pc {width:88%;} .w85pc {width:85%;} .w80pc {width:80%;} .w78pc {width:78%;} .w75pc {width:75%;} .w70pc {width:70%;} .w68pc {width:68%;} .w65pc {width:65%;} .w60pc {width:60%;} .w58pc {width:58%;} .w55pc {width:55%;} .w50pc {width:50%;} .w48pc {width:48%;} .w45pc {width:45%;} .w40pc {width:40%;} .w38pc {width:38%;} .w35pc {width:35%;} .w30pc {width:30%;} .w28pc {width:28%;} .w25pc {width:25%;} .w20pc {width:20%;} .w18pc {width:18%;} .w15pc {width:15%;} .w10pc {width:10%;} .w8pc {width:8%;} .w5pc {width:5%;} .wauto {width:auto;} .w50px {width:50px;} .w80px {width:80px;} .w100px {width:100px;} .w150px {width:150px;} .w180px {width:180px;} .w200px {width:200px;} .w240px {width:240px;} .w250px {width:250px;} .w260px {width:260px;} .w270px {width:270px;} .w280px {width:280px;} .w300px {width:300px;} .w320px {width:320px;} .w350px {width:350px;} .w400px {width:400px;} .w50px-max {max-width:50px;} .w100px-max {max-width:100px;} .w150px-max {max-width:150px;} .w200px-max {max-width:200px;} .w250px-max {max-width:250px;} .w300px-max {max-width:300px;} .w350px-max {max-width:350px;} .w400px-max {max-width:400px;} .hgtauto {height:auto;} .hgt50px {height:50px;} .hgt100px {height:100px;} .hgt110px {height:110px;} .hgt120px {height:120px;} .hgt130px {height:130px;} .hgt140px {height:140px;} .hgt150px {height:150px;} .hgt160px {height:160px;} .hgt170px {height:170px;} .hgt180px {height:180px;} .hgt240px {height:240px;} .hgt250px {height:250px;} .hgt280px {height:280px;} .hgt300px {height:300px;} .hgt465px {height:465px;} /* ######## Padding and Margin ######### */ .mrg-auto {margin:auto; float:none;} .mrg0 {margin:0px;} .mrg10 {margin:10px;} .mrg1LB {margin-left:1px; margin-bottom:1px;} .mrg0LB {margin-left:0px; margin-bottom:0px;} .mrg0TB {margin-top:0px; margin-bottom:0px;} .mrg15TB {margin-top:15px; margin-bottom:15px;} .mrg0L {margin-left:0px !important;} .mrg10L {margin-left:10px;} .mrg20L {margin-left:20px;} .mrg30L {margin-left:30px;} .mrg40L {margin-left:40px;} .mrg50L {margin-left:50px;} .mrg60L {margin-left:60px;} .mrg70L {margin-left:70px;} .mrg80L {margin-left:80px;} .mrg90L {margin-left:90px;} .mrg100L {margin-left:100px;} .mrg0R {margin-right:0px !important;} .mrg10R {margin-right:10px;} .mrg20R {margin-right:20px;} .mrg0B {margin-bottom:0px !important;} .mrg1B {margin-bottom:1px;} .mrg5B {margin-bottom:5px;} .mrg8B {margin-bottom:8px;} .mrg10B {margin-bottom:10px;} .mrg15B {margin-bottom:15px;} .mrg20B {margin-bottom:20px;} .mrg30B {margin-bottom:30px;} .mrg40B {margin-bottom:40px;} .mrg50B {margin-bottom:50px;} .mrg60B {margin-bottom:60px;} .mrg70B {margin-bottom:70px;} .mrg80B {margin-bottom:80px;} .mrg90B {margin-bottom:90px;} .mrg100B {margin-bottom:100px;} .mrg0T {margin-top:0px !important;} .mrg10T {margin-top:10px;} .mrg20T {margin-top:20px;} .mrg40T {margin-top:40px;} .mrg50T {margin-top:50px;} .mrg60T {margin-top:60px;} .mrg70T {margin-top:70px;} .mrg80T {margin-top:80px;} .mrg90T {margin-top:90px;} .mrg100T {margin-top:100px;} .mrg110T {margin-top:110px;} .mrg120T {margin-top:120px;} .mrg130T {margin-top:130px;} .mrg140T {margin-top:140px;} .mrg150T {margin-top:150px;} .mrg180T {margin-top:180px;} .mrg190T {margin-top:190px;} .mrg200T {margin-top:200px;} .mrg210T {margin-top:210px;} .mrg220T {margin-top:220px;} .mrg230T {margin-top:230px;} .mrg240T {margin-top:240px;} .mrg250T {margin-top:250px;} .mrg260T {margin-top:260px;} .mrg270T {margin-top:270px;} .mrg280T {margin-top:280px;} .mrg290T {margin-top:290px;} .mrg300T {margin-top:300px;} .mrg310T {margin-top:310px;} .mrg330T {margin-top:330px;} .mrg350T {margin-top:350px;} .pdg-auto {padding:inherit;} .pdg0 {padding:0px !important;} .pdg5 {padding:5px;} .pdg10 {padding:10px;} .pdg20 {padding:20px;} .pdg0TB {padding-top:0px !important; padding-bottom:0px !important;} .pdg10TB {padding-top:10px; padding-bottom:10px;} .pdg10LR {padding-left:10px; padding-right:10px;} .pdg20LR {padding-left:10px; padding-right:10px;} .pdg30LR {padding-left:30px; padding-right:30px;} .pdg0T {padding-top:0px !important;} .pdg1T {padding-top:1px;} .pdg3T {padding-top:3px;} .pdg5T {padding-top:5px;} .pdg6T {padding-top:6px;} .pdg10T {padding-top:10px;} .pdg20T {padding-top:20px;} .pdg30T {padding-top:30px;} .pdg40T {padding-top:40px;} .pdg420T {padding-top:420px;} .pdg425T {padding-top:425px;} .pdg0B {padding-bottom:0px !important;} .pdg3B {padding-bottom:3px;} .pdg5B {padding-bottom:5px;} .pdg10B {padding-bottom:10px;} .pdg15B {padding-bottom:15px;} .pdg20B {padding-bottom:20px;} .pdg0L {padding-left:0px !important;} .pdg5L {padding-left:5px;} .pdg10L {padding-left:10px;} .pdg15L {padding-left:15px;} .pdg20L {padding-left:20px;} .pdg30L {padding-left:30px;} .pdg0R {padding-right:0px !important;} .pdg5R {padding-right:5px;} .pdg10R {padding-right:10px;} .pdg20R {padding-right:20px;} .pdg30R {padding-right:30px;} /* ######## Border Management ######### */ .opacity90 {filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} .opacity80 {filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .opacity70 {filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} .opacity60 {filter: alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;} .opacity50 {filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} .opacity40 {filter: alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;} .opacity30 {filter: alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;} .opacity20 {filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;} .opacity10 {filter: alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;} .sdlr-black-block {background:url(../img/transparent-black-50pc.png) repeat;} /* ######## Border Management ######### */ .level0 {z-index:0;} .level1 {z-index:1;} .level2 {z-index:2;} .level3 {z-index:3;} .level4 {z-index:4;} .level5 {z-index:5;} .level6 {z-index:6;} .level7 {z-index:7;} .level8 {z-index:8;} .level9 {z-index:9;} .level10 {z-index:10;} .level11 {z-index:11;} .level12 {z-index:12;} .level13 {z-index:13;} .level14 {z-index:14;} .level15 {z-index:15;} .level16 {z-index:16;} .level17 {z-index:17;} .level18 {z-index:18;} .level19 {z-index:19;} .level20 {z-index:20;} /* ######## Borders ######### */ .divider-line {border-bottom:1px solid #eee; width:96%; height:1px; margin:auto; overflow:hidden; clear:both;} .brdr-grey {border:1px solid #CCC;} .brdr-btm-grey {border-bottom:1px solid #eee;} .brdr-btm-green3 {border-bottom:3px solid #88CC4F;} .brdr-left {background:url(../img/slider-img4e.png) no-repeat center left; padding-left:20px;} .brdr-btm, img.brdr-btm {display:block; border-bottom:4px solid #129bc8;} .brdr-btm:hover, img.brdr-btm:hover {display:block; border-bottom:4px solid #b2d14a; -webkit-transition: border-bottom-color 0.99s ease; -moz-transition: border-bottom-color 0.99s ease; -ms-transition: border-bottom-color 0.99s ease; -o-transition: border-bottom-color 0.99s ease; transition: border-bottom-color 0.99s ease;} .brdr-top, img.brdr-top {display:block; border-top:4px solid #129bc8;} .brdr-top:hover, img.brdr-top:hover {display:block; border-top:4px solid #b2d14a;} .brdr-top:hover, img.brdr-top:hover {display:block; border-top:4px solid #b2d14a; -webkit-transition: border-top-color 0.99s ease; -moz-transition: border-top-color 0.99s ease; -ms-transition: border-top-color 0.99s ease; -o-transition: border-top-color 0.99s ease; transition: border-top-color 0.99s ease;} /* ######## Form Elements ######### */ footer .input-txt-ftr {background:#999; color:#fff; border:1px solid #000; padding:6px 5px;} /* ######## Buttons ######### */ #comment_submit_button:hover { color: #fafdc5; background-color: #e83433; *background-color: #e83433; } .btn-white,.btn-black,.btn-grey2,.btn-blue2,.btn-turquoise,.btn-yellow,.btn-red, #searchsubmit, #comment_submit_button, .btn-green {display:inline-block; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; padding:3px 20px 4px 20px; text-align:center; font-weight:400; font-size:15px; text-decoration:none; color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3); background:url(../img/btn-bg.png) repeat-x top;} .btn-white:hover,.btn-black:hover,.btn-grey2:hover,.btn-blue2:hover,.btn-turquoise:hover,.btn-yellow:hover,.btn-red:hover, #searchsubmit:hover, #comment_submit_button:hover, .btn-green:hover {background:url(../img/btn-bg-hover.png) repeat-x top; color:#FFC; text-decoration:none;} .btn-green,.btn-green:hover {background-color:#95dc71; border:1px solid #409140;} .btn-white {background-color:#fff; border:1px solid #ccc;} .btn-white:hover {background-color:#fff;} .btn-black {background-color:#333; border:1px solid #000;} .btn-black:hover {background-color:#333;} .btn-grey2 {background-color:#999; border:1px solid #666;} .btn-grey2:hover {background-color:#999;} .btn-blue2 {background-color:#3366cc; border:1px solid #003399;} .btn-blue2:hover {background-color:#3366cc;} .btn-turquoise {background-color:#66ffff; border:1px solid #339999;} .btn-turquoise:hover{background-color:#66ffff;} #searchsubmit, .btn-yellow {background-color:#95dc71; border:1px solid #409140;} .btn-yellow:hover {background-color:#95dc71;} #comment_submit_button, .btn-red {background-color:#95dc71; border:1px solid #409140;} #comment_submit_button, .btn-red:hover {background-color:#95dc71;} .btn-large {font-size:19px; font-weight:700; padding:6px 20px;} .btn-small {font-size:14px; padding:2px 15px;} .less-rounded {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding-left:13px; padding-right:13px;} .btn-red-large {border:1px solid #aa2907; padding:5px 20px 10px; float:left; background:#e83433 url(../img/btn-red-bg.png) repeat-x top left; font:800 24px/28px Open Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-shadow:-1px -1px 1px #793837} .btn-red-large span {display:block; width:17px; height:15px; float:right; margin-left:10px; margin-top:8px; background:url(../img/arrow-btn-red.png) no-repeat top left;} .btn-red-mdm, .btn-red-small {border:1px solid #aa2907; padding:5px 20px 7px; background:#e83634 url(../img/btn-red-small-bg.png) repeat-x top left; font:800 14px/28px Open Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-shadow:-1px -1px 1px #793837} .btn-red-mdm {font:800 18px/28px Open Sans, Arial, Helvetica, sans-serif;} .btn-black-large {border:1px solid #000; padding:5px 20px 7px; float:left; background:#3a3535 url(../img/btn-black-bg.png) repeat-x top left; font:800 18px/28px Open Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-shadow:-1px -1px 1px #000} .btn-red-mdm:hover, .btn-red-small:hover, .btn-black-large:hover, .btn-red-large:hover {color:#FF9; text-decoration:none} #comment_submit_button, .btn-red { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e83433; *background-color: #d13433; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f57f7d), to(#e83433)); background-image: -webkit-linear-gradient(top, #f57f7d, #e83433); background-image: -o-linear-gradient(top, #f57f7d, #e83433); background-image: linear-gradient(top bottom, #f57f7d, #e83433); background-image: -moz-linear-gradient(top, #f57f7d, #e83433); background-repeat: repeat-x; border-color: #aa2907 #c13b18 #c54b2b; border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff57f7d', endColorstr='#ffe83433', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } #comment_submit_button:hover, #comment_submit_button:active, .btn-red:hover, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] { color: #fafdc5; background-color: #e83433; *background-color: #e83433; } #comment_submit_button:active, .btn-red:active, .btn-red.active { background-color: #e83635 \9; } .btn-yellow { color: #082b3f; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25); background-color: #f7ef22; *background-color: #f7ef22; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7ef22), to(#cac301)); background-image: -webkit-linear-gradient(top, #f7ef22, #cac301); background-image: -o-linear-gradient(top, #f7ef22, #cac301); background-image: linear-gradient(top bottom, #f7ef22, #cac301); background-image: -moz-linear-gradient(top, #f7ef22, #cac301); background-repeat: repeat-x; border-color: #847f01 #51a351 #387038; border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff7ef22', endColorstr='#ffcac301', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-yellow:hover, .btn-yellow:active, .btn-yellow.active, .btn-yellow.disabled, .btn-yellow[disabled] { color: #082b3f; background-color: #cac301; *background-color: #aea808; } .btn-yellow:active, .btn-yellow.active { background-color: #f2eb1f \9; } .btn-group.open .btn-yellow.dropdown-toggle, .btn-group.open .btn-red.dropdown-toggle { background-color: #f7ef22; } .btn-yellow .caret, .btn-red .caret { border-top-color: #fff; border-bottom-color: #fff; } .btn-yellow.active, .btn-red.active { color: rgba(255, 255, 255, 0.75); } /* ######## List ######### */ ul.icons {list-style-type: none; margin-left: 2em; text-indent: -0.8em;} ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] {width:.8em;} ul.list-arrow li {background:url(../img/list-arrow.gif) no-repeat 0px 6px; padding-left:10px; margin-top:5px;} ul.list-arrow-orange li {background:url(../img/list-arrow-orange.gif) no-repeat 0px 6px; padding-left:10px; margin-top:5px;} /* ######## Headings ######### */ h3.pg-title {font-size:48px; color:#c2df62; font-weight:300; padding:20px 0px;} /* ######## Misc ######### */ .service-design:hover .circle-grey {display:block; background:#690; -webkit-transition: background 0.99s ease; -moz-transition: background 0.99s ease; -ms-transition: background 0.99s ease; -o-transition: background 0.99s ease; transition: background 0.99s ease;} .portfolio2 .span4:hover span {color:#000; -webkit-transition: color 0.99s ease; -moz-transition: color 0.99s ease; -ms-transition: color 0.99s ease; -o-transition: color 0.99s ease; transition: color 0.99s ease;} .portfolio2 .span4:hover {color:#000; -webkit-transition: color 0.99s ease; -moz-transition: color 0.99s ease; -ms-transition: color 0.99s ease; -o-transition: color 0.99s ease; transition: color 0.99s ease;} .circle-grey {background:#999; border:1px solid #999px; width:100px; height:100px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;} .brdr-radius5, .btn-red-small, .btn-red-mdm, .btn-grey, .btn-blue,ul.tab-separated, .pricing-table ul, .action-block-white ul, .btn-black-large, .btn-red-large {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} ul.tab-separated li a {-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .icon-quote-start {width:12px; height:8px; display:block; background:url(../img/quote-top.png) no-repeat top left;} .newsletter-img {width:22px; height:22px; display:block; background:url(../img/common.png) no-repeat 0px 0px} .tab-content .tab-pane {display:block; visibility:hidden; height:1px;} .tab-content .active {visibility:visible !important; height:auto} .tab-content .tab-pane, .tab-content {overflow:hidden;} .colour_patterns h5 {display:none} a:focus { outline:none } .att_sortable li {float:left;} .slider-nav a.selected {background: url("../img/slider-nav.png") no-repeat scroll left top transparent;} .slider-nav span {display:none;} .ele1, .ele1 div {height:400px;} .c_patterns {list-style:none; margin:0px;} .c_patterns li {float:left; height:20px; width: 20px; margin: 5px; border: 1px solid #CCC; cursor: pointer;} #colorpanel {overflow: hidden; position: fixed; left: 0px; top: 200px; width: 70px; z-index: 9999;} .colorbtn {position: relative; float: right; right: -31px; top: -194px; background:#fff url(../img/color_wheel.png) no-repeat center; cursor: pointer; border: 1px solid #666; border-left-width: 0px; width:30px; height:30px; } .colour_patterns {position: relative; left: -66px; height: 260px; width: 64px; background-color: #fff; border: 1px solid #666;} /* ######## Customized to resize 980px and 1210 ######### */ @media (min-width: 1000px) and (max-width: 1199px) { .mspan1 {width:100px} .mspan2 {width:180px} .mspan3 {width:260px} .mspan4 {width:340px} .mspan5 {width:420px} .mspan6 {width:500px} .mspan7 {width:580px} .mspan8 {width:660px} .mspan9 {width:740px} .mspan10 {width:820px} .mspan11 {width:900px} .mspan12 {width:980px} .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width:980px;} } @media (min-width: 1200px) { .edited-row {padding:0px 20px;} .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 1210px;} .mspan12 {width: 1210px;} .mspan11 {width: 1110px;} .mspan10 {width: 1010px;} .mspan9 {width: 910px;} .mspan8 {width: 810px;} .mspan7 {width: 710px;} .mspan6 {width: 610px;} .mspan5 {width: 510px;} .mspan4 {width: 410px;} .mspan3 {width: 310px;} .mspan2 {width: 210px;} .mspan1 {width: 110px;} .service-design div {padding:15px} .service-design .ser-highlight {margin-left:30px; padding:15px 0px;} .mrg20L {margin-left:30px;} .mrg20R {margin-right:30px;} } /* ######## For Small tablet landscape (800x600) ######### */ @media (max-width: 801px) { .logo-n-nav .container .navbar .btn-navbar {right:5px; color:#333; text-shadow:1px 1px 1px #fff; font-weight:700} .navbar .btn-navbar {clear:both; position:absolute; top:15px; right:15px; z-index:10; cursor:pointer; padding:10px 15px;} .logo-n-nav {margin-top:0px; padding-top:0px;} .logo-n-nav .container {padding-bottom:10px;} .nav-collapse .nav {margin-top:50px;} .navbar .nav li {background:none; padding-right:0px;} .navbar .nav li a {padding-bottom:10px;} .navbar .nav li a:hover, .navbar .nav li.active a, .navbar .nav li.active a:hover {background:none;} .nav-collapse .dropdown-menu {margin:0px;} .navbar .nav li .dropdown-menu li a {text-align:left; padding-left:25px;} .navbar .nav > li > .dropdown-menu:after {border:0px;} } /* ######## For Phones to tablets ######### */ @media (max-width: 767px) { body {padding:0px;} p {margin-bottom:8px;} a.link {float:none;} .img-polaroid {padding:3px; width:98%} .img-circle {padding:0px;} .edited-row {padding:25px 8px 0px 8px;} .top-panel .edited-row, .logo-n-nav .edited-row {padding:5px 3px 0px 3px;} .container-fluid {padding-left:5px; padding-right:5px;} .logo-n-nav #logo .slogan {padding-top:0px;} .logo-n-nav .container .navbar {margin-top:0px;} .logo-n-nav .container .pull-right {float:none;} .nav-collapse .nav {margin-top:10px;} .main .hm-services .hm-services p, .hm-services div {overflow:hidden; margin-bottom:10px;} .hm-services .row {margin-bottom:10px;} .hm-services .row li {float:left; margin-bottom:5px;} .features ul li .row h4, .hm-services .row li {width:74%; line-height:22px; white-space: pre-wrap; padding:0px; float:left; margin:0px; margin-left:10px !important;} .hm-services .row li.span1 {margin-left:0px;} .hm-services .row .span1 {height:34px; width:inherit} ul.next-prev {margin:10px auto; width:95px; overflow:hidden;} ul.next-prev li {padding:2px;} .features .span1, .features ul li .row span {float:left; margin-right:10px;} .features2 a.link {margin-left:0;} .rcnt-work .span12 [class*="span"] {height:auto} .rcnt-work .span12 [class*="span"] img {max-width:100% !important; width:100% !important;} .rcnt-work h2 {margin-left:0px;} .divider-line {display:none;} .mobile-active {display:block;} .mobile-only-divider-line {margin-bottom:15px; padding-top:15px; width:100%; border-bottom:1px solid #EEE; clear:both; height:1px; overflow:hidden;} .hm-action-block ul li, .action-block ul li {text-align:center;} .action-block ul li .btn-red-large, .action-block ul li .btn-red-small, .hm-action-block ul li .btn-red-large, .hm-action-block ul li .btn-red-small {margin-left:26%;} .comments ul {margin-left:0px; overflow:hidden;} .comments ul span1 {width:20%;} .hm-testimonial {text-align:center;} .cust-logo a {text-align:left; background:none !important; border-bottom:1px solid #eee} .portfolio2 .att_sortable li {width:100%;} .hm-news ul li div {margin-left:20px;} .hm-news ul li.ftr div {width:25%; float:left; margin-left:0px;} .hm-news ul li.ftr div.nw-data {width:65%;} table.about-stats {width:90%;} table.about-stats th {font-size:300%;} .data-holder {padding:10px;} .data-holder h2 {margin-top:20px;} .team-blk div {margin-bottom:15px;} .blog-article {background:#fff; border:1px solid #eee; margin-bottom:20px; width:95%;} .slider-inner .clearfix div, .slider-inner .sdr-innpg-data, .slider-inner .sdr-innpg-img {width:100%; text-align:center;} .slider-inner .sdr-innpg-img .vr-white-gradient {display:none;} .slider-inner .sdr-innpg-data {margin-top:-50px; position:relative; background:#fff} .service-design .ser-highlight {margin-left:0px;} .action-block, .action-block-white, .hm-action-block {padding:15px 10px 25px 10px; margin:20px 0px;} ul.tab-separated li {float:left; width:49%; border:0px !important;} ul.tab-separated li a {background:none !important; border:0px !important;} .pricing-table ul:first-child {margin-left:0px;} .pricing-table ul {margin-bottom:20px;} .action-block-white {margin-top:0px; margin-bottom:0px; text-align:center} .action-block-white ul li {padding:10px 5px 20px;} .btn-black-large {float:none !important;} .map-n-add {position:relative;} .map-n-add .live-map {margin-bottom:10px;} .map-n-add .contact-add {position:relative; bottom:auto; left:auto; background:#345263; margin-bottom:0px;} .xtra-contact .span2, .xtra-contact .span3, .xtra-contact .span4, .xtra-contact .span5, .xtra-contact .span6 {margin-bottom:20px;} .xtra-contact {background:#fff url(../img/gradient-black.png) repeat-x bottom;} .ftr-article .article-box ul li.fright {clear:both; display:block; text-align:left; float:none} .pagination-centered {padding-right:0px !important; padding-left:0px !important;} .pagination ul > li > a, .pagination ul > li > span {padding: 0 8px;} .mob-fright {float:right} .mob-fleft {float:left} .mob-fnone {float:none !important} .fleft-desktop, .fright-desktop {float:none} .txt-right-desktop {text-align:inherit;} #contact_map {height:300px;} footer .container {padding:15px 8px 8px 8px;} footer .container div {height:auto !important;} footer .hgt280px {height:auto; overflow:hidden;} footer .brdr-right-divider {margin:0px; padding:0px; background:none; border-top:1px solid #444; padding-top:10px; margin-top:10px;} footer a.blk {width:45%; float:left; padding:5px;} footer section a {margin:5px; display:block; float:left;} footer section .span6 {text-align:left; clear:both; overflow:hidden} footer section .txt-right {padding-left:5px; float:left} .mob-donotdisplay {display:none} .mob-lh-auto {line-height:normal;} .mob-hgtauto {height:auto;} .mob-wauto {width:auto;} .mob-w100pc {width:98%;} .mob-mrg0T {margin-top:0px;} .mob-mrg10T {margin-top:10px;} .mob-mrg20T {margin-top:20px;} .mob-mrg30T {margin-top:30px;} .mob-mrg40T {margin-top:40px;} .mob-mrg50T {margin-top:50px;} .mob-mrg60T {margin-top:60px;} .mob-mrg70T {margin-top:70px;} .mob-mrg80T {margin-top:80px;} .mob-mrg90T {margin-top:90px;} .mob-mrg100T {margin-top:100px;} .mob-mrg0B {margin-bottom:0px;} .mob-mrg10B {margin-bottom:10px;} .mob-mrg20B {margin-bottom:20px;} .mob-mrg30B {margin-bottom:30px;} .mob-mrg40B {margin-bottom:40px;} .mob-mrg50B {margin-bottom:50px;} .mob-mrg0L {margin-left:0px;} .mob-mrg10L {margin-left:10px;} .mob-mrg20L {margin-left:20px;} .mob-mrg30L {margin-left:30px;} .mob-mrg40L {margin-left:40px;} .mob-mrg50L {margin-left:50px;} .mob-pdg0B {padding-bottom:0px;} .mob-pdg0T {padding-top:0px;} .mob-pdg10T {padding-top:10px;} .mob-pdg20T {padding-top:20px;} .mob-pdg30T {padding-top:30px;} .mob-pdg40T {padding-top:40px;} .mob-pdg50T {padding-top:50px;} .mob-pdg60T {padding-top:60px;} .mob-pdg70T {padding-top:70px;} .mob-pdg80T {padding-top:80px;} .mob-pdg90T {padding-top:90px;} .mob-pdg100T {padding-top:100px;} .mob-w10pc {width:10%;} .mob-w15pc {width:15%;} .mob-w20pc {width:20%;} .mob-w25pc {width:25%;} .mob-w30pc {width:30%;} .mob-w35pc {width:35%;} .mob-w40pc {width:40%;} .mob-w45pc {width:45%;} .mob-w50pc {width:50%;} .mob-w55pc {width:55%;} .mob-w60pc {width:60%;} .mob-w65pc {width:65%;} .mob-w70pc {width:70%;} .mob-w75pc {width:75%;} .mob-w80pc {width:80%;} .mob-w85pc {width:85%;} .mob-w90pc {width:90%;} .mob-w95pc {width:95%;} .mob-w100pc {width:100%;} .mob-txt-center {text-align:center;} .mob-clearR {clear:right;} .mob-clearfix {clear:both;} .fright-desktop {float:none} .txt12 {font-size:11px} .txt14 {font-size:12px;} .txt15, .txt16 {font-size:14px; line-height:20px;} .txt18 {font-size:16px; line-height:24px;} .txt20 {font-size:16px; line-height:26px;} .txt24 {font-size:18px; line-height:30px;} .txt28 {font-size:20px; line-height:34px;} .txt30 {font-size:22px; line-height:30px; letter-spacing:0px;} .txt36 {font-size:24px; line-height:30px; letter-spacing:0px;} .txt40 {font-size:28px; line-height:34px; letter-spacing:-1px;} .txt44 {font-size:32px; line-height:38px; letter-spacing:-1px;} h3.pg-title, .txt48 {font-size:36px; line-height:42px; letter-spacing:-1px;} .txt60 {font-size:40px; line-height:48px; letter-spacing:-1px;} .txt200 {font-size:160px; line-height:160px;} .mob-txt22 {font-size:22px;} .mob-txt26 {font-size:26px;} .mob-txt30 {font-size:30px;} .mob-txt36 {font-size:36px;} .mob-txt40 {font-size:40px;} .mob-txt44 {font-size:44px;} .mob-txt48 {font-size:48px;} .mob-txt60 {font-size:60px;} } @media (min-width: 768px) and (max-width: 979px) { .logo-n-nav .container {padding-bottom:10px;} } @media (min-width:800px) and (max-width:980px) { .edited-row {padding:25px 0px 0px 0px;} .top-panel .edited-row, .logo-n-nav .edited-row {padding:5px 3px 0px 3px;} } /* ######## Mobile landscape (480x320) ######### */ @media (max-width: 480px) { .ss-icons a {margin:5px;} .action-block ul li .btn-red-large, .action-block ul li .btn-red-small, .hm-action-block ul li .btn-red-large, .hm-action-block ul li .btn-red-small {margin-left:13%;} .cust-logo a {text-align:left;} } /* IE 8 & 9 Hack .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width:980px\9;} */