body { background-color:#fff; } body { color:#646464; font-family:Cabin Condensed; font-size:13px;} body a { color:#1CB1FC; } body a:hover { color:#6EECFF;} body a:visited { color:#1CB1FC;} body h1, body a h1, body h1 a { font-family:Roboto Condensed; font-size:40px; color:#000; line-height:46px;} body h2, body a h2, body h2 a { font-family:Roboto Condensed; font-size:28px; color:#000; line-height:34px;} body h3, body a h3, body h3 a { font-family:Roboto Condensed; font-size:22px; color:#000; line-height:28px;} body h4, body a h4, body h4 a { font-family:Roboto Condensed; font-size:18px; color:#000; line-height:24px;} body h5, body a h5, body h5 a { font-family:Roboto Condensed; font-size:16px; color:#000; line-height:22px;} body h6, body a h6, body h6 a { font-family:Roboto Condensed; font-size:15px; color:#000; line-height:21px;} #headline { background-color:#fafafa; } #headline , #headline p { } #headline a { } #headline a:hover {} #headline a:visited {} #headline { background: -moz-linear-gradient(top, #147fb5 0%, #07669c 100%);background: -webkit-linear-gradient(top, #147fb5 0%, #07669c 100%);background: linear-gradient(top, #147fb5 0%, #07669c 100%);} .custom_header_outer { background: -moz-radial-gradient(top, #1CB1FC 0%, #044163 100%);background: -webkit-radial-gradient(top, #1CB1FC 0%, #044163 100%);background: radial-gradient(top, #1CB1FC 0%, #044163 100%);} #bfooter { background: -moz-linear-gradient(top, #707070 0%, #171717 100%);background: -webkit-linear-gradient(top, #707070 0%, #171717 100%);background: linear-gradient(top, #707070 0%, #171717 100%);} #bfooter { border-top:1px solid #171717;} #afooter { background: -moz-linear-gradient(top, #116A96 0%, #044163 100%);background: -webkit-linear-gradient(top, #116A96 0%, #044163 100%);background: linear-gradient(top, #116A96 0%, #044163 100%);} #footer { background: -moz-radial-gradient(top, #1CB1FC 0%, #044163 100%);background: -webkit-radial-gradient(top, #1CB1FC 0%, #044163 100%);background: radial-gradient(top, #1CB1FC 0%, #044163 100%);} #footer { border-bottom:1px solid #044163;} #brand img { margin-top:35px;} header .main-menu { font-size:16px;} header .main-menu a, ul#responsive_menu a, .main-menu a:visited { color:#fff; } header .main-menu li:hover a, header #menu .current-menu-item a, .main-menu .current-menu-parent a, .current-page-ancestor a { color: #242424 ;} header .main-menu ul.sub-menu a { font-size: 14px ; font-family: #1CB1FC !important; } header .main-menu ul.sub-menu, ul#responsive_menu { background-color:#fafafa ; line-height:25px; } header .main-menu ul.sub-menu li a, ul#responsive_menu li a { color:#1CB1FC ; } header .main-menu ul.sub-menu li:hover a , .main-menu .current-menu-item, .main-menu .current-menu-parent, .current-page-ancestor { } header #menu > li:hover a, header #menu .current-menu-item a, .main-menu .current-menu-parent a, .current-page-ancestor a { background-color:#fff;} header ul.sub-menu li a span { background:#333333 !important; color:#FFFFFF !important; } header ul.sub-menu li a span + em { background:#240202; color:#FFFFFF;} header ul.sub-menu li a span::before { border-right: 10px solid #333333;} header ul.sub-menu li span + em::before, ul.sub-menu li em::before { border-right: 10px solid #240202;} header ul.sub-menu li:hover { -webkit-transition:all 0.5s;} header #menu > li span{ } .ui-tabs .ui-state-active { border-bottom-color:#FFFFFF !important;} #content { background-color:#FFFFFF; } #content, .main-inner, #content h1 span { background-color:#FFFFFF; } #content { } #content a { } #content a:hover {} #content a:visited {} #content h1, #content a h1 { } #content h1 strong {} #content h2, #content a h2 { } #content h2 span { } #content h3, #content a h3 { } #content h4, #content a h4 { } #content h5, #content a h5 { } #content h6, #content a h6 { } #footer { background-color:#1CB1FC; } #footer, #footer p { color:#fff; } #footer a { color:#fff; } #footer a:hover { color:#fff;} #footer a:visited {} #footer h2, #footer a h2 { } #footer h3, #footer a h3 { } #footer h4, #footer a h4 { } #footer h5, #footer a h5 { color:#fff; } #footer h6, #footer a h6 { } #footer h3.widget-title { color:#fff !important; } .callout {} .testimonial-lists-item-shortcode h5::before { border-left:12px solid transparent !important; } .post-count-comments::after {} .Cycle #navline { background: rgba(250,250,250, 0.45) !important} .sc_skills_element progress::-webkit-progress-bar, .sc_skills_element progress { background-color:#FFFFFF !important; } .sc_skills_element progress::-webkit-progress-value, .sc_skills_element progress::-moz-progress-value .sc_skills_element progress { background-color:#1CB1FC !important; } .toggle h3.box { color:#1CB1FC !important; } .toggle .box, .toggle .box + div { border-color:#1CB1FC !important;} .toggle h3.color { color: #FFFFFF !important;} .toggle .color { background:#1CB1FC !important; } .toggle .color + div { border-color:#1CB1FC !important;} .accordion h3.box { color:#1CB1FC !important;} .accordion .box, .accordion .box + div { border-color:#1CB1FC !important; } a.carousel-nav, .portfolio_entry_read_more, .portfolio_entry_bigger_image { background-color: #1CB1FC !important; color: #fff !important;} ::selection { background-color: #ABFFFF !important} .nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide { background:#1CB1FC !important;} .pricing_heading::after { border-top-color: #FFFFFF;} h3.toggle-trigger, h3.accordion-trigger, .accordion h3, .ui-tabs ul.default .ui-state-active, .ui-tabs ul.default, hr, ul.sub-menu, .ui-tabs-nav li.ui-state-default {border-color: #1CB1FC /* !important */; } .pricing_heading {background: #FFFFFF /* !important */; } .pricing_heading h3, .pricing_heading h4 {color: #1CB1FC /* !important */; } .team_entry_div_more::after, .clients_entry_div_more::after {border-right-color: #1CB1FC /* !important */; } .team_entry_div_more::after, .clients_entry_div_more::after {color: #fff /* !important */; } body {background-color: #fff /* !important */; } body {font-family: Cabin Condensed /* !important */; } #head_line {background-color: #F2F2F2 /* !important */; } #head_line p, #head_line h1, #head_line h2, #head_line a, #head_line a:visited, #head_line a:hover {color: #404040 /* !important */; } #bfooter, #bfooter a, #bfooter a:visited, #bfooter h2, #bfooter h3 {color: #fff /* !important */; } #afooter, #afooter a, #afooter a:visited, #afooter h2, #afooter h3 {color: #fff /* !important */; } /* ** ** RESPONSIVE DESIGNS ** */ /* <980px */ @media only screen and (max-width: 1039px) { /* .main-inner {width:90%; margin:0px auto; padding-left:3%; padding-right:3%;} */ .main-inner {padding-left:0px; padding-right:0px;} } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 979px) { #brand {float:none; position:static; margin:0px auto; text-align:center} #brand img {margin:0px auto; margin-left:auto !important; padding-top:30px;} #menu {text-align:center;} #navleft {width:100%; float:none;} #page-sidebar-right, #page-sidebar-left, #page-sidebar-no-sidebar, .footer-inner {width:96%; margin:0px 2%;} #page-sidebar-right, #page-sidebar-left, #page-sidebar-no-sidebar {padding-top:20px;} .sidebar_top, .sidebar_body, .sidebar_bottom {background-image:none !important;} #navleft, #navright {width:auto; text-align:center;} #navleft .menu-main-container {padding-right:0px; margin-right:0px;} #navright {/* float:left !important; width:auto !important; */} ul#menu > li > a, ul#menu_2 > li > a { /* font-size:11px; */ line-height:83px;} ul#menu > li > span {display:none;} .alert span{line-height:140%;} .inner, #page {/* max-width:750px !important; */ width:100% !important;} .main-inner {width:90% !important; margin:0px auto;} .inner, .head-nav, .headline-breadcrumbs, {width:100% !important;} #first-sidebar-left, .first-sidebar-left, #first-sidebar-right, .first-sidebar-right, #page-sidebar-left-right-content, #page-sidebar-right-content, #contact_left, #contact_right, #big-sidebar-left, #big-sidebar-right, #page-sidebar-left-left-content, #page-sidebar-right-right-content, #page-sidebar-left-content { display:block; width:100%;} #page-sidebar-left-right-content, #page-sidebar-right-content {width:100%; } #head_sector {/* background-image:none !important; */} .head_sector img, head_sector div { /* height:auto !important;*/} #nivo-slider {max-width:740px !important; } .slider-shadow-Type-1, .slider-shadow-Type-2, .slider-shadow-Type-3, .slider-shadow-Type-4, .slider-shadow-Type-5, .slider-shadow-Type-6, .slider-shadow-Type-7, .slider-shadow-Type-8, .slider-shadow-Type-9, .slider-shadow-Type-10, .slider-shadow-Type-11, .slider-shadow-Type-12, .slider-shadow-Type-13, .slider-shadow-Type-14, .slider-shadow-Type-15{background-image:none !important;} .underfooter_custom, .underfooter_menu {float:none !important; width:100% !important;display:block;text-align:left !important;} .anythingslider, .anythingslider .panel {width:740px !important;} .anythingslider .panel img {width:100% !important; height:auto !important;} ul#cycle-nav-2 img {width:60px !important; height:30px !important;} .slideshow_roundabout ul {width:740px !important;} ul#responsive_menu , .toggle-responsive-menu {display:none ;} #navline {height:auto;} #navright {display:inline;/* width:490px; */ float:right;} #sidebar-left-top, .sidebar-left-top, #sidebar-left-bottom, .sidebar-left-bottom, #sidebar-right-top, #sidebar-right-bottom, .sidebar-right-top, .sidebar-right-bottom {display:none;} #sidebar-left-body, .sidebar-left-body, #sidebar-right-body, .sidebar-right-body {background:none !important;} ul#menu li.menu-item {border-bottom:2px solid transparent;} .main-inner img {max-width:100% !important; height:auto !important;} #content, .sidebar {width:100% !important; float:none; margin:0px !important; padding:0px !important; border:none !important; height: auto !important;} #sidebar-body {padding:0px !important;} .slideshow_default > .inner {max-width:650px !important;} #content {border-bottom: 9px double !important;padding-bottom: 10px !important;margin-bottom: 20px !important;} } /* Tablet Portrait */ @media only screen and (max-width: 767px) { .pricing_table, .icon_menu {background:none !important; padding-bottom:0px;} #page-sidebar-right, #page-sidebar-left, #page-sidebar-no-sidebar, .footer-inner {width:96%; margin:0px 2%;} #page-sidebar-right, #page-sidebar-left, #page-sidebar-no-sidebar {padding-top:20px;} .sidebar_top, .sidebar_body, .sidebar_bottom {background-image:none !important;} #brand {float:none; width:100%; display:block; text-align:center; } #brand img {float:none; margin:0px auto; margin-left:0px !important; padding:10px auto;} #navleft, #navright {width:auto;} a.carousel-nav-next {right:0px !important;} a.carousel-nav-prev {} .alert span{line-height:140%;} #nivo-slider {max-width:760px !important;} .inner, #page {max-width:767px !important;} .inner, .head-nav, .headline-breadcrumbs, {width:100% !important;} #first-sidebar-left, .first-sidebar-left, #first-sidebar-right, .first-sidebar-right, #page-sidebar-left-right-content, #page-sidebar-right-content, #contact_left, #contact_right, #big-sidebar-left, #big-sidebar-right, #page-sidebar-left-left-content, #page-sidebar-right-right-content, #page-sidebar-left-content { display:block; width:100%;} #page-sidebar-left-right-content, #page-sidebar-right-content {width:100%; } #head_sector {/*background-image:none !important;*/} .slideshow_roundabout ul {width:740px !important;} .anythingslider, .anythingslider .panel {width:740px !important;} .anythingslider .panel img {width:100% !important; height:auto !important;} .head_sector img, head_sector div {max-width:767px !important; height:auto !important;} */ .slider-shadow-Type-1, .slider-shadow-Type-2, .slider-shadow-Type-3, .slider-shadow-Type-4, .slider-shadow-Type-5, .slider-shadow-Type-6, .slider-shadow-Type-7, .slider-shadow-Type-8, .slider-shadow-Type-9, .slider-shadow-Type-10, .slider-shadow-Type-11, .slider-shadow-Type-12, .slider-shadow-Type-13, .slider-shadow-Type-14, .slider-shadow-Type-15{background-image:none !important;} .underfooter_custom, .underfooter_menu {float:none !important; width:100% !important;display:block;text-align:left !important;} #navline {height:auto;} #navright {display:inline; float:right;} #sidebar-left-top, .sidebar-left-top, #sidebar-left-bottom, .sidebar-left-bottom, #sidebar-right-top, #sidebar-right-bottom, .sidebar-right-top, .sidebar-right-bottom {display:none;} #sidebar-left-body, .sidebar-left-body, #sidebar-right-body, .sidebar-right-body {background:none !important;} ul#menu li.menu-item {border-bottom:2px solid transparent;} .main-inner img {max-width:100% !important; height:auto !important;} ul#responsive_menu , .toggle-responsive-menu {display:none ;} #content, .sidebar {width:100% !important; float:none; margin:0px !important; padding:0px !important;} #sidebar-body {padding:0px !important;} #content {border-bottom: 9px double !important;padding-bottom: 10px !important;margin-bottom: 20px !important;} } /* Mobile Landscape */ @media only screen and (min-width: 480px) and (max-width: 768px) { .pricing_table, .icon_menu {background:none !important; padding-bottom:0px;} .single_team_contact_container {width:90%; margin:0px 5%;} .group-itemlist-2 > div, .group-itemlist-2 > div:nth-child(2n), .group-itemlist-3 > div, .group-itemlist-3 > div:nth-child(3n), .group-itemlist-4 > div, .group-itemlist-4 > div:nth-child(4n), .group-itemlist-4 > div:nth-child(4n) + div, .group-itemlist-2 > div:nth-child(2n) + div, .group-itemlist-3 > div:nth-child(3n) + div, .group-itemlist-2 > li, .group-itemlist-2 > li:nth-child(2n), .group-itemlist-3 > li, .group-itemlist-3 > li:nth-child(3n), .group-itemlist-4 > li, .group-itemlist-4 > li:nth-child(4n) { margin-right:0; width:100%; float:none;} #page-sidebar-right, #page-sidebar-left, #page-sidebar-no-sidebar, .footer-inner {width:96%; margin:0px 2%;} #page-sidebar-right, #page-sidebar-left, #page-sidebar-no-sidebar {padding-top:20px;} .sidebar_top, .sidebar_body, .sidebar_bottom {background-image:none !important;} #brand {float:none; position:static; margin:0px auto; text-align:center} #brand img {margin:0px auto; margin-left:auto !important; padding-top:30px;} #content, .sidebar {border:none !important;height:auto !important;} .sidebar {height:auto !important;} a.carousel-nav-next {right:0px !important;} a.carousel-nav-prev {} .alert span{line-height:140%;} #menu {margin-top:0px !important; text-align:center;} nivo-slider {max-width:450px !important;} .inner, #page {max-width:767px !important;} .inner, .head-nav, .headline-breadcrumbs, .anythingslider, .anythingslider .panel , .slideshow_roundabout ul {width:90% !important; margin:0px auto;} #first-sidebar-left, .first-sidebar-left, #first-sidebar-right, .first-sidebar-right, #page-sidebar-left-right-content, #page-sidebar-right-content, #contact_left, #contact_right, #big-sidebar-left, #big-sidebar-right, #page-sidebar-left-left-content, #page-sidebar-right-right-content, #page-sidebar-left-content { display:block; width:100%;} #page-sidebar-left-right-content, #page-sidebar-right-content {width:100%; } #head_sector {/* background-image:none !important; */} .slideshow_roundabout ul {width:480px !important;} .slider-shadow-Type-1, .slider-shadow-Type-2, .slider-shadow-Type-3, .slider-shadow-Type-4, .slider-shadow-Type-5, .slider-shadow-Type-6, .slider-shadow-Type-7, .slider-shadow-Type-8, .slider-shadow-Type-9, .slider-shadow-Type-10, .slider-shadow-Type-11, .slider-shadow-Type-12, .slider-shadow-Type-13, .slider-shadow-Type-14, .slider-shadow-Type-15{background-image:none !important;} .underfooter_custom, .underfooter_menu {float:none !important; width:100% !important;display:block;text-align:left !important;} .anythingslider .panel img {width:100% !important; height:auto !important;} ul#cycle-nav-2 img {width:60px !important; height:30px !important;} #navline {height:auto;} #navright {display:inline; text-align:right !important; } #sidebar-left-top, .sidebar-left-top, #sidebar-left-bottom, .sidebar-left-bottom, #sidebar-right-top, #sidebar-right-bottom, .sidebar-right-top, .sidebar-right-bottom {display:none;} #sidebar-left-body, .sidebar-left-body, #sidebar-right-body, .sidebar-right-body {background:none !important;} .main-inner img {max-width:100% !important; height:auto !important; float:left; } .group img {width:100%;} .main-inner {padding-left:3% !important; padding-right:3% !important;} .footer-widget, .sc_column, .portfolio-lists-item-shortcode, .shortcode_posts {width:50% !important; float:left;} .footer-widget {margin-left:0px !important; margin-right:0px !important;} .sc_column, .portfolio-lists-item-shortcode, .shortcode_posts {margin-right:0px !important;} .sidebar, #content {width:100% !important; float:none;} #sidebar-body {padding:0px !important;} #outer_brand {position:relative; width:90%; margin:0px auto;} #top_bar {padding-left:210px; overflow:hidden;} #navright { } #navright > nav {float:none !important; position:relative;} #magic-line {display:none !important;} .mean-container .mean-nav > ul > li > a {width:100%; } #navleft {width:100%; text-align:center; float:none;} ul#menu > li, ul#menu li > a {font-size:12px; line-height:40px; height:40px; padding:5px; } ul#menu > li ul.sub-menu li, ul#menu > li ul.sub-menu li a {font-size:12px; height:34px; line-height:34px; padding:5px; z-index:9999999999999999;} ul#menu > li ul.sub-menu li {padding:0px;} ul#menu li span {display:none !important;} ul#menu li:hover .sub-menu {top:52px;} .footer-widget, .sc_column, .portfolio-lists-item-shortcode, .shortcode_posts, .one_half, .one_half_last, .one_third, .one_third_last, .two_third, .two_third_last, .one_fourth, .one_fourth_last, .three_fourth, .three_fourth_last {width:100% !important;} #content {border-bottom: 9px double !important;padding-bottom: 10px !important;margin-bottom: 20px !important;} #footer {text-align:center;} .portfolio-single .one_fourth {width:22% !important; margin-right:4% !important; } .portfolio-single .one_fourth_last {width:22% !important; margin-right:0% !important;} } /* Mobile Portrait */ @media only screen and (max-width: 479px) { .pricing_table, .icon_menu {background:none !important; padding-bottom:0px;} #footer {text-align:center;} .single_team_contact_container {width:90%; margin:0px 5%;} #page-sidebar-right, #page-sidebar-left, #page-sidebar-no-sidebar, .footer-inner {width:96%; margin:0px 2%;} #page-sidebar-right, #page-sidebar-left, #page-sidebar-no-sidebar {padding-top:20px;} .sidebar_top, .sidebar_body, .sidebar_bottom {background-image:none !important;} .group-itemlist-2 > div, .group-itemlist-2 > div:nth-child(2n), .group-itemlist-3 > div, .group-itemlist-3 > div:nth-child(3n), .group-itemlist-4 > div, .group-itemlist-4 > div:nth-child(4n), .group-itemlist-4 > div:nth-child(4n) + div, .group-itemlist-2 > div:nth-child(2n) + div, .group-itemlist-3 > div:nth-child(3n) + div, .group-itemlist-2 > li, .group-itemlist-2 > li:nth-child(2n), .group-itemlist-3 > li, .group-itemlist-3 > li:nth-child(3n), .group-itemlist-4 > li, .group-itemlist-4 > li:nth-child(4n) { margin-right:0; width:100%; float:none;} a.carousel-nav-next {right:0px !important;} a.carousel-nav-prev {} .alert span{line-height:140%;} #page {max-width:439px !important; margin-left:0px !important; margin-right:0px !important;} #nivo-slider {max-width:300px !important; } .inner {max-width:479px !important;} .inner, .head-nav, .headline-breadcrumbs, .anythingslider, .anythingslider .panel , .slideshow_roundabout ul {width:100% !important;} #first-sidebar-left, .first-sidebar-left, #first-sidebar-right, .first-sidebar-right, #page-sidebar-left-right-content, #page-sidebar-right-content, #contact_left, #contact_right, #big-sidebar-left, #big-sidebar-right, #page-sidebar-left-left-content, #page-sidebar-right-right-content, #page-sidebar-left-content { display:block; width:100%;} #page-sidebar-left-right-content, #page-sidebar-right-content {width:100%; } #head_sector {background-image:none !important;} .slider-shadow-Type-1, .slider-shadow-Type-2, .slider-shadow-Type-3, .slider-shadow-Type-4, .slider-shadow-Type-5, .slider-shadow-Type-6, .slider-shadow-Type-7, .slider-shadow-Type-8, .slider-shadow-Type-9, .slider-shadow-Type-10, .slider-shadow-Type-11, .slider-shadow-Type-12, .slider-shadow-Type-13, .slider-shadow-Type-14, .slider-shadow-Type-15{background-image:none !important;} .underfooter_custom, .underfooter_menu {float:none !important; width:100% !important;display:block;text-align:left !important;} .anythingslider .panel img {width:100% !important; height:auto !important;} .head_sector img, head_sector div {width:439px; max-width:439px !important; height:auto !important;} ul#cycle-nav-2 img {width:60px !important; height:30px !important;} #navline {height:auto;} #sidebar-left-top, .sidebar-left-top, #sidebar-left-bottom, .sidebar-left-bottom, #sidebar-right-top, #sidebar-right-bottom, .sidebar-right-top, .sidebar-right-bottom {display:none;} #sidebar-left-body, .sidebar-left-body, #sidebar-right-body, .sidebar-right-body {background:none !important;} .main-inner img {max-width:100% !important; height:auto !important;} .footer-widget, .sc_column, .portfolio-lists-item-shortcode, .shortcode_posts, .one_half, .one_half_last, .one_third, .one_third_last, .two_third, .two_third_last, .one_fourth, .one_fourth_last, .three_fourth, .three_fourth_last {width:100% !important;} .footer-widget {margin-left:0px !important; margin-right:0px !important;} .sc_column, .portfolio-lists-item-shortcode, .shortcode_posts {margin-right:0px !important;} ul#menu {display:none;} #brand, .menu-mainmenu-container {width:100%; float:none;} #brand img, #brand a {display:block; max-width:100% !important; margin:0px auto !important; text-align:center;} #social-header {float:none !important; } #social-header a {margin-left:10px; text-align:left !important;} .head-nav {text-align:left !important;} #navright {float:none !important; text-align:left !important;} #navright > nav {float:none !important;} ul#responsive_menu {position:absolute; z-index:999999999; clear:both !important; max-height:300px; overflow-y:auto; width:300px !important; max-width:479px;} ul#responsive_menu li a {text-align:left; display:block;} ul#responsive_menu li ul {margin-left:11px;} ul#responsive_menu li ul li ul {margin-left:11px;} .toggle-responsive-menu {display:block !important; text-align:center;} .slideshow_roundabout ul {width:150px !important;} .footer-inner > div {float:none; width:100% !important; margin-right:0px !important; margin-bottom:30px;} .sidebar, #content {width:100% !important; float:none;} #sidebar-body {padding:0px !important;} input#s {min-width:10px !important; width:auto !important;} #content {border-bottom: 9px double !important;padding-bottom: 10px !important;margin-bottom: 20px !important;} } /* Place your CSS Rules here */