/*
Theme Name: Tax Matrix
Theme URI:
Description: Simple Theme with Admin Options for easy customization of Header image, Menus and display options.
Version: 1.0
Author: Raisch
Author URI:
This theme is released under the GPL: http://www.gnu.org/licenses/gpl.html
*/
.requestquote {
background: #00306E;
padding: .5em 1.5em!important;
border-radius: 1em;
color: #DBEBFF;
}
.requestquote h3+p {
margin-bottom: 1.5rem;
line-height: 1.7;
font-size: 16px;
}
ul.wp-block-list {
margin-left: 0;
}
.requestquote h3 {
font-size: 23px;
color: #fff;
line-height: 1.7;
}
.request-quote-form input,
.request-quote-form textarea{
padding: 10px !important;
font-size: 16px !important;
margin-bottom: 1rem !important;
}
.requestquote #submit {
background: #01A04A!important;
border-radius: 100px !important;
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
margin-top: 0 !important;
}
.request-quote-form .span12 p, .request-quote-form .span6 p {
margin-bottom: 0;
}
.home-banner-single {
aspect-ratio: 16 / 4;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.home_banner .banner_infos {
display: flex;
width: 100%;
height: 100%;
max-width: 1155px;
align-items: center;
margin-left: auto;
margin-right: auto;
}
/* -- for sticky footer -- */
* { margin: 0; }
html, body { height: 100%; width: 100%; }
html { font-size: 100%; }
body { padding: 0; font-family: "Open Sans", sans-serif; font-size: 12px; }
/* Icon Font */
@font-face { font-family: 'fontawesome'; src: url('library/fonts/fontawesome.eot'); src: url('library/fonts/fontawesome.eot?#iefix') format('embedded-opentype'), url('library/fonts/fontawesome.woff') format('woff'), url('library/fonts/fontawesome.ttf') format('truetype'), url('library/fonts/fontawesome.svg#fontawesome') format('svg'); font-weight: normal; font-style: normal; }
/*------------------------- Icons -------------------------*/
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'fontawesome'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
@font-face {
font-family: 'icomoon';
src: url('icons/icomoon.eot?67wth3');
src: url('icons/icomoon.eot?67wth3#iefix') format('embedded-opentype'),
url('icons/icomoon.ttf?67wth3') format('truetype'),
url('icons/icomoon.woff?67wth3') format('woff'),
url('icons/icomoon.svg?67wth3#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-new-"],
[class*=" icon-new-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Override Bootstrap Icons */
background-image: none !important;
height: auto !important;
width: auto !important;
margin-top: auto !important;
line-height: normal !important;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-new-check-circle:before {
content: "\e900";
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.bx-wrapper .bx-prev:before { content: "\f104"; }
.bx-wrapper .bx-next:before { content: "\f105"; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -230px; width: 100%; }
#footer, .push { height: 230px; clear: both; }
/* Custom container */
.wrap { margin: 0 auto; /*max-width: 1050px;*/ max-width: 1174px; padding: 0 5px; }
.wrap > hr { margin: 10px 0; }
.clear { clear: both; padding: 0; margin: 0; }
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hide from IE Mac \*/.clearfix { display: block; }
/* End hide from IE Mac */
ul, ol, li { padding: 0; margin: 0; list-style-position: inside; }
*, a img { border: 0; outline: none; }
a, a:link, a:hover, a:visited, a:active { color: #e65829; text-decoration: none; outline: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { }
h2 { }
.transparent { background: url(images/transparent.png) repeat; }
/* --- header style --- */
.announcement p {
margin: 0;
font-weight: bold;
color: #21366C;
}
.announcement a {
color: #00A04A;
text-decoration: underline;
}
.announcement {
background: #FFC539;
text-align: center;
padding: .5em 0;
position: relative;
z-index: 999;
}
#header { width: 100%; color: #fff; position: relative; border-bottom: 2px solid #e65829; }
#headtop { }
/* ----- CUSTOMIZE THE NAVBAR ----- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper { position: absolute; top: 0; left: 0; right: 0; z-index: 10; margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ }
.navbar-inverse .navbar-inner { background-image: none !important; background: none !important; filter: none !important; }
.navbar-wrapper .navbar-inner { background: #00306e !important; color: #fff !important; padding: 7px 5px 0 5px!important; border: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; }
.navbar-wrapper .nav { background: #018246; }
.navbar-inverse { background: none!important; }
/* Remove border and change up box shadow for more contrast */
.navbar { border: 0; }
/* Downsize the brand/project name a bit */
.navbar .brand { padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */ font-size: 16px; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a { padding: 15px 20px; }
/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar { margin-top: 10px; background: none!important; }
.head_contact { float: left; width: auto; color: #FFF; padding-top: 5px; font-size: 1.25em; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.4); }
.head_contact a { color: #fff; }
.head_contact span { display: inline-block; }
span.hc_contact { color: #fff; padding-right: 5px; }
span.hc_number { color: #fff; font-family: verdana, sans-serif; font-weight: normal; font-size: 18px; }
.head_contact.contact_btn a { background: #E65829; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border-radius: 3px; display: inline-block; }
.widget_wpfx_head_contact_widget .arrow-right { padding-right: 10px; }
.head_search { float: right; padding-right: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#searchform { width: 228px; position: relative; }
#search { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 29px; border: 1px solid #c7c7c7; max-width: 228px; margin: 0 !important; }
#searchbox { color: #666; padding: 5px; width: 192px; border: 0; font-family: "franklin-gothic-urw", sans-serif; font-weight: 400; font-style: italic; font-size: 0.95em; font-weight: 400; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3); background: #fff; position: absolute; left: 0; top: 0; margin-bottom: 0 !important; }
.go { text-indent: -9999em; position: absolute; right: 1px; top: 1px; width: 35px !important; height: 29px !important; background: url(images/go.jpg); padding: 5px; }
.head-search-mobile-button { display: none !important; width: 44px; height: 44px; display: block; z-index: 100; position: absolute; background: #b7d698; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZDY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YWFkNjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b7d698 0%, #8aad68 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7d698), color-stop(100%, #8aad68)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b7d698 0%, #8aad68 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b7d698 0%, #8aad68 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b7d698 0%, #8aad68 100%); /* IE10+ */ background: linear-gradient(to bottom, #b7d698 0%, #8aad68 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d698', endColorstr='#8aad68', GradientType=0 ); /* IE6-8 */
}
.head-search-mobile-button:hover, .head-search-mobile-button:active { background: #b4d797; }
.head-search-mobile-button .icon { background: url(images/go-big.png) no-repeat; display: block; width: 20px; height: 18px; margin: 12px auto; }
.head-services { display: none !important; float: right; text-shadow: 0px 1px 1px rgba(102, 102, 102, 0.4); display: inline-block; color: #fff !important; padding: 0 9px; font-size: 14px; line-height: 44px; font-weight: 700; font-family: "franklin-gothic-urw", sans-serif; background: #fa9a00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTdiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fa9a00 0%, #de7b00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa9a00), color-stop(100%, #de7b00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fa9a00 0%, #de7b00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fa9a00 0%, #de7b00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fa9a00 0%, #de7b00 100%); /* IE10+ */ background: linear-gradient(to bottom, #fa9a00 0%, #de7b00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9a00', endColorstr='#de7b00', GradientType=0 ); /* IE6-8 */
}
.head-services:hover, .head-services:active { background: #c66f04; text-decoration: none; }
.head_login { width: 125px; float: right; text-shadow: 0px 1px 1px rgba(102, 102, 102, 0.4); }
.head_login a { width: 160px; height: 21px; display: inline-block; background: url(images/button-login.png) no-repeat; color: #fff; text-align: left; padding: 5px 0 5px 15px; float: right; font-size: 16px; font-weight: 700; font-family: "franklin-gothic-urw", sans-serif; }
.head_login a:hover, .head_login a:visited, .head_login a:active { text-decoration: none; color: #fff; background: url(images/button-login.png) no-repeat; underline: none; outline: none; }
#headsub { min-height: 94px; height: 100%; padding-top: 47px; }
#logo { padding: 0 5px 0 0; margin-top: 18px; min-width: 270px; }
#mainmenu { height: 94px; float: right; }
#mainmenu #suckerfishnav { background: #ffffff repeat-x; font-size: 1em; font-weight: 700px; font-family: "franklin-gothic-urw", sans-serif; width: 100%; }
#mainmenu #suckerfishnav, #mainmenu #suckerfishnav ul { float: left; list-style: none; line-height: 94px; padding: 0; margin: 0; width: 100%; }
#mainmenu #suckerfishnav a { display: block; color: #00306e; text-decoration: none; line-height: 94px; }
#mainmenu #suckerfishnav li { z-index: 999; position: relative; float: left; padding: 0; }
#mainmenu #suckerfishnav ul { position: absolute; left: -999em; height: auto; width: 250px; margin: 0; line-height: 1; border: 0; }
#mainmenu #suckerfishnav li { padding: 0 10px 0 0; background: url(images/navbar.png) left no-repeat; }
#mainmenu #suckerfishnav li:first-child { background: none; }
#mainmenu #suckerfishnav > div > li:last-child:hover { background: #00306e; }
#mainmenu #suckerfishnav > div > li:last-child ul { right: 0; }
#mainmenu #suckerfishnav li li:last-child { border-bottom: none; }
#mainmenu #suckerfishnav li li:first-child { border-top: none; }
#mainmenu #suckerfishnav li li { /* margin:0 10%; */
padding: 0; width: 100%; border-bottom: 1px solid #b8d5e9; background: none; }
.homev2-landing #mainmenu #suckerfishnav li.menu-cta a {
padding-left: 1em;
padding-right: 1em;
}
#mainmenu #suckerfishnav li a {
padding: 0 15px 0 8px;
background: var(--wpr-bg-393af2ff-ae06-40a4-9551-d99e87a53901) right center no-repeat;
display: inline-block;
font-family: franklin-gothic-urw,sans-serif;
font-weight: 700;
}
#mainmenu li.current-page-ancestor a { color: #e65829!important; }
#mainmenu li.current-page-ancestor li a { color: #fff!important; }
#sidebar li.current-page-ancestor a { color: #00306e!important; }
#sidebar li.current-menu-item a { color: #e65829!important; }
#sidebar #menu-mainmenu-1 { margin: 0; padding: 0; }
#sidebar .menu-mainmenu-container li { display: none; }
#sidebar .menu-mainmenu-container li.current-page-parent, #sidebar .menu-mainmenu-container li.current-page-parent li { display: block!important; padding: 10px 0 10px 20px; }
#sidebar .menu-item a, #sidebar .menu-item.current-page-parent li a { color: #00306e!important; background: url(images/yellow-arrow-mr.png) left center no-repeat!important; display: inline-block; padding-left: 20px; font-size: 16px; font-weight: bold; }
#sidebar .menu-item.current-page-parent a { color: #666!important; font-size: 18px; background: none!important; padding-left: 0; }
#sidebar .sub-menu { padding-left: 0; margin-left: 0; }
#sidebar .sub-menu li.current-menu-item a { color: #e65829!important; }
.post-title { background: none!Important; padding-left: 0!important; }
*:-o-prefocus, #mainmenu #suckerfishnav li a {
font-weight:500;
}
#mainmenu #suckerfishnav li li a, #mainmenu #suckerfishnav li li li a { line-height: 20px; width: 90%; color: #006525; padding: 4% 10%; background: none; font-size: 14px; }
#mainmenu #suckerfishnav li ul, #mainmenu #suckerfishnav li ul ul { padding-bottom: 10px; }
#mainmenu #suckerfishnav li ul ul { margin: -35px 0 0 212px; }
#mainmenu #suckerfishnav li li:hover { /*background:none;*/
}
#mainmenu #suckerfishnav li ul li:hover a, #mainmenu #suckerfishnav li ul li li:hover a, #mainmenu #suckerfishnav li ul li li li:hover a, #mainmenu #suckerfishnav li ul li li li:hover a { color: #fff; text-decoration: underline; }
#mainmenu #suckerfishnav li:hover a, #mainmenu #suckerfishnav li.sfhover a { color: #fff; }
#mainmenu #suckerfishnav li:hover li a, #mainmenu #suckerfishnav li li:hover li a, #mainmenu #suckerfishnav li li li:hover li a, #mainmenu #suckerfishnav li li li li:hover li a, #mainmenu #suckerfishnav li.menu-item { color: #fff; }
#mainmenu #suckerfishnav li:hover ul ul, #mainmenu #suckerfishnav li:hover ul ul ul, #mainmenu #suckerfishnav li:hover ul ul ul ul, #mainmenu #suckerfishnav li.sfhover ul ul, #mainmenu #suckerfishnav li.sfhover ul ul ul, #mainmenu #suckerfishnav li.sfhover ul ul ul ul { left: -999em; }
#mainmenu #suckerfishnav li:hover ul, #mainmenu #suckerfishnav li li:hover ul, #mainmenu #suckerfishnav li li li:hover ul, #mainmenu #suckerfishnav li li li li:hover ul, #mainmenu #suckerfishnav li.sfhover ul, #mainmenu #suckerfishnav li li.sfhover ul, #mainmenu #suckerfishnav li li li.sfhover ul, #mainmenu #suckerfishnav li li li li.sfhover ul { left: auto; background: #00306e; }
#mainmenu #suckerfishnav li:hover, #mainmenu #suckerfishnav li.sfhover { background: #00306e; }
#mainmenu #suckerfishnav .sub-menu { background: #00306e!important; padding: 0 10px 10px 0; }
/* Fixing Overlap */
#mainmenu #suckerfishnav li ul ul { margin: -43px 0 0 260px; }
/* Fixing Overlap End */
#mainmenu #suckerfishnav li li .sub-menu { padding: 0 0 10px 0; }
#mainmenu #suckerfishnav .sub-menu li { background: #00306e; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
/*#mainmenu #suckerfishnav .sub-menu li:first-child{
background:url(images/navbg-top.jpg) top repeat-x;
}*/
#mainmenu #suckerfishnav .sub-menu li:last-child { background: none; }
#mainmenu #suckerfishnav li:hover, #mainmenu #suckerfishnav li.sfhover, #mainmenu #suckerfishnav .current_page_item a, .submenu .current_page_item a, #mainmenu #suckerfishnav .current_page_parent a, #mainmenu #suckerfishnav .current_page_ancestor a { color: #e65829; }
#mainmenu #suckerfishnav li a {font-weight:bold!important;}
#mainmenu #suckerfishnav li.current-page-ancestor a { color: #e65829!important; }
#mainmenu li li.current-menu-item a { color: #e65829!important; }
#shadow { background: url(images/head-shadow.png) left bottom repeat-x; height: 5px; position: absolute; bottom: -5px; width: 100%; }
/* --- banner style --- */
#banner { background: #e2e4c4; position: relative; min-height: 435px; height: auto !important; height: 100%; }
#banner .slider { min-height: 435px; }
.slider { width: 100%; height: 100%; position: relative; }
.sliderContent { float: left; width: 100%; height: 100%; clear: both; position: relative; }
.slide_image { text-align: center; width: 100%; }
.slide_image img { height: 435px; max-width: 100%; }
.sliderArrows a { display: block; text-indent: -9999px; outline: none; z-index: 50; background-image: url(images/gfx/prev_next.png); width: 42px; height: 42px; position: absolute; bottom: 50%; }
.prev { background-position: 0 0; left: 15px; }
.prev:hover { background-position: 0 -44px; }
.next { right: 15px; background-position: -44px 0; }
.next:hover { background-position: -44px -44px; }
.sliderContent .item { position: absolute; width: 100%; height: 100%; background: url(images/bannerbg.jpg) repeat; }
#banner .sliderBullets { bottom: -400px; padding-right: 120px; text-align: right; width: 880px; margin: 0 auto; position: relative; }
.sliderBullets { width: 100%; position: absolute; bottom: 8%; z-index: 150; text-align: center; }
#banner .sliderBullets a { text-align: center; }
.sliderBullets a { display: inline-block; text-indent: -99999px; outline: none; margin-left: 5px; width: 20px; height: 22px; background: url(images/gfx/bullets.png) no-repeat; }
.sliderBullets .active, .sliderBullets a:hover { background-position: 0 -27px; }
.sliderContent a { outline: none; }
.slider p { padding: 0; }
.banner_slider_details { min-height: 435px; z-index: 9999; position: absolute; top: 0; text-align: left; width: 100%; }
.banner_slider_details .row-fluid { width: 1000px; margin: 0 auto; min-height: 435px; }
.banner_details { color: #FFF; background: #000; background: rgba(0,0,0,0.75); position: absolute; bottom: 0; height: 300px; width: 315px; }
.banner_desc { font-family: "franklin-gothic-urw", sans-serif; font-size: 40px; color: #006325; line-height: 35px; padding-top: 20%; }
.banner_desc span { font-size: .95em; color: #2b9967; font-style: italic; font-family: "franklin-gothic-urw", sans-serif; font-weight: 300; }
#banner #widgetslide h3 { line-height: 30px; }
/* --- banner slider style --- */
#banner_slider { position: relative; }
#banner_slider ul { margin: 0; padding: 0; }
#banner_slider li { list-style-type: none; }
/* --- adds logo--- */
#addslogo { min-height: 108px; background: #4f4f4f; border-bottom: 3px solid #e65829; }
#addslogo .span8 { padding-top: 2%; }
#addslogo .span4 { }
.featured_clients { font-weight: 700; font-size: 20px; color: #e65829; font-family: "franklin-gothic-urw", sans-serif; margin-right: 20px; }
#featured-wrapper { padding-top: 15px; }
.entry #thumb-list li { background: none; height: 150px; width: 150px; }
#contactbtn { background: #00306e; height: 85px; padding: 13px 0 10px 0; font-weight: 700; font-family: verdana, sans-serif; font-size: 1.5em; }
.sidebar #contactbtn span { background: url(images/yellow-arrow-mr.png) right 25px no-repeat; }
.contactbg { width: 290px; height: 80px; margin: 0 0 0 20px; font-family: verdana, sans-serif; }
#contactbtn span { /*background:url(images/yellow-arrow-mr.png) right 45px no-repeat;*/
display: inline-block; color: #fff; font-size: 22px; text-decoration: none; }
#contactbtn a { color: #fff; display: inline-block; padding: 20px 15px; font-size: 18px; line-height: 20px; }
/* --- default sidebar button --- */
#service_based { background: url(images/service-based-btn.jpg) no-repeat; }
#sku_based { background: url(images/sku-based-btn.jpg) no-repeat; }
.sidebtn { background: #fff; width: 251px; height: 114px; margin-top: 10%; font-size: 1.8em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: .9em; }
/*.sidebtn:hover,
.contactbg:hover
{
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
}*/
.sidebtn a { color: #333; font-weight: 500; display: inline-block; font-family: "franklin-gothic-urw-cond"; padding: 15% 5%; background: url(images/yellow-arrow-mr.png) right center no-repeat; text-shadow: 0px 0px 10px #ffffff; }
.sidebtn a:hover { color: #006325!important; text-shadow: 0px 0px 10px #ffffff; }
/* --- content style --- */
#content { }
#breadcrumbs { color: #e65829; border-bottom: 1px solid #eaeaea; padding: 15px 0 5px 0; margin: 0 0 10px 0; }
#breadcrumbs a { color: #4a4a4a; padding: 0 10px; }
#breadcrumbs a:hover { color: #e65829; text-decoration: none; }
#breadcrumbs strong { background: url(images/iconsprite.png) right no-repeat; background-position: 0px -145px; padding: 0 0 0 10px; }
#maincontent { padding: 0 0 20px 20px; }
.blue-text { color: #00306e; }
.post { padding: 0 0 20px 0; }
.single-post #maincontent .post p {
color: #020202;
}
ul.wp-block-list li,
.single-post #maincontent .post li{
color: #020202 !important;
}
.single-post .post_date {
font-size: 16px;
color: #020202;
}
.post p { color: #4a4a4a; line-height: 28px; font-size: 21px; margin-bottom: 20px; font-weight: normal; }
.post li { color: #4a4a4a; line-height: 28px; font-size: 21px; font-weight: normal; }
.post .small-list li {
font-size: 16px;
line-height: 1.5em;
}
.post li h3 { line-height: 26px; }
.post h1, .post h2 { font-weight: 700; }
.post h1 { color: #e65829; font-size: 40px; }
/* .post h2 { color: #00306e; font-size: 18px; } */
.post h2 { color: #00306e; }
.post h3 { color: #00306e; font-size: 16px; line-height: 24px; }
.post h2 a { color: #e65829; }
.pageTitle { color: #00306e; }
#post-966 .row { margin-left: 15px; }
.homepage .post { padding: 0; }
.homepage .post h1 { padding-top: 50px; margin-bottom: 5px; font-size: 30px; }
.homepage .post h2 { color: #747474; line-height: 22px; margin: 0 0 25px 0; font-size: 19px; }
.homepage .post h2 span { color: #00306e; }
.homepage .post h3 { margin: 20px 0 0 0; }
.entry { padding: 0 0 10px 0; }
.entry a, .post a { color: #00306e; }
.entry a:hover, .post a:hover { color: #e65829; }
.entry ul li,
.entry ol li { margin-bottom: 20px; }
.entry ul li { background: url(images/icon-check.png) left 7px no-repeat; padding-left: 20px; list-style-type: none; }
.ctm li { background: none left 7px no-repeat; list-style-type: none!important; padding-left: 0!important; margin-bottom: 10px!important; list-style-position: outside; position:relative; }
.ctm li:before {content: ""; background: #E65829; width: 5px; height: 5px; display: block; position: absolute; top: 11px; left: -15px; }
.featured_image { padding: 0 10px 10px 0; float: left; }
.widgettitle { color: #666!important; }
/* -- front page sidebar -- */
#home_sidebar { padding: 50px 30px 50px 30px; }
.sideleftbg { background: url(images/greenbg-left.png) left repeat-y #b9dc9e; }
.siderightbg { background: #b8d5e9; }
#home_sidebar h2 { color: #00306e; font-size: 18px; font-family: verdana, sans-serif; font-style: normal; line-height: 20px; }
#home_sidebar ul { margin: 0; }
#home_sidebar li { list-style-type: none; font-size: 14px; margin: 0; padding: 5px 0; }
#home_sidebar li a { color: #4f4f4f; text-decoration: none; font-weight: bold; text-transform: uppercase; text-decoration: underline; }
#home_sidebar li a:hover, #home_sidebar a:hover { color: #4f4f4f; text-decoration: none; }
/* -- latest news-- */
.postdate { color: #006325; text-align: center; padding: 10px 0; }
.date_month { font-size: 16px; }
.date_day { font-weight: 700; font-size: 28px; font-family: "franklin-gothic-urw", sans-serif; }
.postlist { padding: 10px 0; font-size: 14px; font-family: verdana, sans-serif; color: #4f4f4f }
a.post-title { font-family: verdana, sans-serif; color: #e65829!important; letter-spacing: -1px; font-size: 24px; font-style: normal; font-weight: normal!important; text-transform: capitalize!important; text-decoration: none!important; }
/* --- Image data style --- */
#image_data_info { }
.imagedata { float: left; }
.data_front { text-align: center; padding: 13% 0; }
.data_info { padding: 10%; }
.data_front .imaged_title { color: #fff; padding: 8%;/*background:url(images/borderbg.png) center center no-repeat;*/
}
#dryden_difference .data_front .imaged_title { /*background:url(images/borderbg-orange.png) center center no-repeat; */ }
#dryden_difference .data_front .imaged_title { margin-top: 0; }
.imaged_title { color: #e65829; font-size: 27px; line-height: 30px; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; margin-top: 25%; }
.imaged_desc { padding: 5% 0; }
.imaged_desc p { font-size: 13px; line-height: 22px; margin-bottom: 10px; }
.imaged_link a { color: #006325; background: url(images/yellow-arrow-mr.png) right center no-repeat; padding-right: 20px; display: inline-block; }
.imaged_link { font-weight: 700; font-family: "franklin-gothic-urw", sans-serif; font-size: 18px; }
.greenbox0:hover, .greenbox1:hover, .greenbox2:hover, .greenbox3:hover, #dryden_difference .greenbox0:hover, #dryden_difference .greenbox1:hover, #dryden_difference .greenbox2:hover, #dryden_difference .greenbox3:hover { background: #f8f8f8; }
.greenbox0:hover .imaged_title, .greenbox1:hover .imaged_title, .greenbox2:hover .imaged_title, .greenbox3:hover .imaged_title { margin-top: 0; display: none; }
.greenbox0:hover .data_info, .greenbox1:hover .data_info, .greenbox2:hover .data_info, .greenbox3:hover .data_info { display: block!important; }
.greenbox0:hover .data_front, .greenbox1:hover .data_front, .greenbox2:hover .data_front, .greenbox3:hover .data_front { display: none!important; }
/*#people .imaged_thumb img{width:100px;}
#people .greenbox0, #people .greenbox1,#people .greenbox2,#people .greenbox3{
width: 210px;
height: 200px;
}*/
.greenbox0, .greenbox1, .greenbox2, .greenbox3 { width: 240px; height: 314px; margin: 0 9px 10px 0; }
#people .greenbox0, #people .greenbox1, #people .greenbox2, #people .greenbox3 { width: 240px; height: 300px; }
.greenbox0, .greenbox1 { background: #00306e; }
.greenbox2 { background: #00306e; }
.greenbox3 { background: #00306e; }
#dryden_difference .greenbox0, #dryden_difference .greenbox1, #dryden_difference .greenbox2, #dryden_difference .greenbox3 { width: 310px; background: #e65829; }
#dryden_lists { background: #00306e; padding: 20px 0; font-weight: 500; width: 629px; }
#dryden_lists ul { float: left; width: 260px; }
#dryden_lists li { color: #fff; }
#dryden_lists a { color: #e65829!important; }
#dryden_lists ul.first { /*background:url(images/dryden_listbar.jpg) right no-repeat;*/
border-right: 1px solid #fff; padding: 0 30px 0 0; }
#dryden_lists ul.last { }
figure.wp-block-table table {
width: 100%;
}
figure.wp-block-table table p {
margin-bottom: 0;
padding: 0 !important;
}
figure.wp-block-table table th {
padding: 1em .4em;
}
#mainmenu #suckerfishnav li ul {
padding-bottom: 0 !important;
}
#maincontent table td, #maincontent table tr, #maincontent table td {
border: 1px solid #a4a4a4 !important;
padding: 3px;
}
#maincontent table th { background: #003366; border: 1px solid #a4a4a4 !important; }
#maincontent table th p { padding-top: 15px; color: #fff!important; }
a.linkedin { background: url(images/icon-linkedin.png) no-repeat 0 0; display: block; padding-left: 25px; }
/* -- sidebar widgets -- */
#sidebar.contact{
border-right:1px solid #ccc;
min-height:800px;
}
#sidebar { padding: 0 0 30px 0; }
.widget h2 { color: #00306e; font-size: 16px; padding: 10px 0 10px 0; margin: 0; }
.widget h2, .widget li { /*border-bottom:1px solid #eaeaea; */
list-style-type: none; }
.widget .list_pages h2, .sidebar .widget .list_pages h2 a { color: #666; font-size: 18px; }
.widget li:last-child { border-bottom: none; }
.widget ul { margin: 0; padding: 0 0 10px 0; }
.widget li { padding: 10px 0 10px 20px; }
#wpfx_custom_recent_post_widget-3 { background: #b8d5e9; }
#wpfx_custom_recent_post_widget-3 h2 { padding-left: 30px; font-size: 18px; padding-bottom: 0; color: #00306e!important; }
#wpfx_custom_recent_post_widget-3 .postlist { padding: 10px; }
#wpfx_custom_recent_post_widget-3 .postlist > a { font-size: 24px; line-height: 24px; }
#wpfx_custom_recent_post_widget-3 .view { background: #00306e; padding: 30px; border-top: 2px solid #e65829; }
#wpfx_custom_recent_post_widget-3 a.read-more { text-transform: uppercase; color: #4f4f4f; text-decoration: underline; font-size: 14px; }
/*.widget li a{
color:#00306e;
background:url(images/yellow-arrow-mr.png) left center no-repeat;
display:inline-block;
padding-left:20px;
font-size:16px;
font-weight:bold;
}*/
#wpfx_custom_recent_post_widget-3 .view a { color: #fff; font-size: 18px; font-weight: bold; }
#wpfx_custom_recent_post_widget-3 .view a strong { display: block; }
#wpfx_custom_recent_post_widget-3 .view .arrow-right { display: inline-block; margin-left: 12px; }
.interior .widget li a {/*padding-left:0;*/ }
.widget li a:hover, .widget a:hover, .widget .current_page_item a { color: #e65829!important; }
#contactbtn a:hover { color: #e65829; text-decoration: none; }
/* -- widgets styles here -- */
/* CTA */
.wp-block-group.cta {
background: #01a04a;
padding: 2em;
margin-top: 2rem;
}
.wp-block-group.cta h2 {
font-size: 26px;
margin-bottom: 1.5rem;
color: #fff;
}
.wp-block-group.cta p, .wp-block-group.cta a {
color: #fff !important;
}
.wp-block-group.cta a {
text-decoration:underline
}
/* --- widget slider -- */
#banner_widget_slider { background: #5f5f5f; position: relative; height: 250px; }
#widgetslide { color: #fff; padding: 15px; text-align: center; font-size: 14px; margin-top: 10px; position: relatives; line-height: normal; }
#widgetslide h2 { font-size: 28px; color: #e65829; border: none; padding: 0; line-height: 1.2em; }
#widgetslide h3 { font-size: 22px; line-height: 1.2em; }
/* --- widget slider animation -- */
/* --- contact form --- */
.site_form { font-family: "franklin-gothic-urw"; }
.form_info { font-weight: 700; }
.txtbox, .txtarea { border: 1px solid #dadada; padding: 3px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto !important; }
.site_form .span12 { margin-left: 0 !important; }
.site_form label { color: #939292; font-size: 1em; font-weight: 700; }
.site_form #submit { min-width: 200px; margin: 10px auto; }
.site_form .span6 .txtbox { width: 100%; }
#submit { background: #e65829; color: #fff; padding: 10px 20px; text-transform: uppercase; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: 700; font-size: 16px; }
#submit:hover { opacity: .5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.required { font-style: italic; color: #e65829; }
/* --- testimonial page --- */
#ajc_testimonial { font-size: 14px; }
.testimonial_data { padding: 0 0 3% 0; }
.testimonial_message { border: 1px solid #ccc; min-height: 100px; padding: 5% 5% 5% 2%; position: relative; }
.qleft, .qright, .arrow_down { display: inline-block; }
.qleft { background: url(images/quote-first.png) left top no-repeat; padding: 0 0 0 10%; }
.qright { background: url(images/quote-last.png) right bottom no-repeat; width: 30px; height: 21px; }
.testimonial_data a { color: #e65829; }
.testimonial_client_data { padding: 3% 0; min-height: 60px; overflow: hidden; line-height: normal; }
.testimonial_client_name { font-size: 16px; color: #0c884f; }
.testimonial_image { }
.testimonial_image img { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: 0 5px 0 0; }
.client_logos { padding: 10px 0; }
.client_logos img { padding: 0 25px 0 0; width: 117px; }
#login-form { background: #e65729; color: #fff; width: 620px; padding: 40px; }
#login-form label { display: inline-block; width: 75px; color: #fff; font-weight: bold; }
#login-form input { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 0px; }
#login-form input[type=submit] { background: #00306e; border: 0px; box-shadow: 5px 5px #000; -moz-box-shadow: 5px 5px #000; -webkit-box-shadow: 5px 5px #000; color: #fff; padding: 10px 20px; font-size: 15px; font-weight: bold; margin-left: 80px; }
#login-form a { display: block; color: #fff; padding-top: 20px; text-decoration: underline; }
/* --- footer style --- */
#footer { width: 100%; background: #4f4f4f; border-top: 3px solid #e65829; color: #fff; min-height: 230px; height: auto; padding-bottom: 20px; }
#footer a:hover, .head_contact a:hover, #footer li.current-menu-item a, #footer li.current-page-ancestor a { color: #b8d5e9!important; text-decoration: underline; }
#foot_top { width: 100%; padding: 30px 0 0; font-size: 1.125em; }
.fcontact_info { color: #bcbcbc; font-weight: 400; font-family: "franklin-gothic-urw", sans-serif; }
.fcontact_info a { color: #bcbcbc; }
.fcontact_title { font-size: 1.3em; color: #fff; font-weight: 600; padding-bottom: 10px; font-family: "franklin-gothic-urw", sans-serif; }
.fcontact_number, .fcontact_email { background: url(images/iconsprite.png) no-repeat; padding: 2px 0 4px 40px; margin-bottom: 10px; display: inline-block; font-size: 18px; }
.fcontact_address span.icon { padding-left: 30px; height: 25px; background: url(images/iconsprite.png) no-repeat; background-position: 0px -70px; }
.fcontact_address span { padding-left: 10px; float: left; color: #bcbcbc; }
.fcontact_number { background-position: 0px 0px; }
.fcontact_email { background-position: 0px -35px; }
.fcontact_address { background-position: 0px -70px; padding: 20px 0; font-family: "franklin-gothic-urw", sans-serif; font-weight: 400; }
#foot_testimonial { font-style: italic; font-weight: 400; font-family: "franklin-gothic-urw", sans-serif; background: url(images/commentbg.png) left 20px no-repeat; padding: 0 0 20px 80px; }
#foot_testimonial li { list-style-type: none!important; }
.testi_info { color: #b8d5e9; font-style: normal; font-size: 14px; }
.testi_info a, .testi_info_link a { color: #b8d5e9; }
.testi_info_link { float: right; font-weight: 600; }
#foot_sub { font-family: "franklin-gothic-urw", sans-serif; padding-top: 10px; }
#foot_sub ul { margin: 0; }
#foot_sub li { list-style-type: none; }
#foot_nav { margin: 0; font-size: 1em; font-weight: 700; }
#foot_nav li { display: inline-block; border-left: 2px solid #fff; }
#foot_nav li:first-child { border: 0; }
#foot_nav a { color: #fff; padding: 0 8px; display: inline-block; }
.copyright { font-weight: 400; font-size: 0.875em; padding-left: 10px; display: inline; }
#foot_nav li:last-child { background: none; }
.subscribe-form {
margin-left:0 !important;
}
.subscribe-form button {
background: #e65829;
border-radius: 3px;
padding: 5px 10px;
margin-bottom: 10px;
color: #fff;
}
.subscribe-form button:hover {
background: #f7693a;
}
/* ---- GLOBAL FORMATTING ---- */
img.post { padding: 5px; border: 1px solid #CCC; margin: 10px 5px 10px 5px; float: right; }
img.aligncenter, .aligncenter { text-align: center; margin: 0 auto; }
img.alignright, .alignright { float: right; }
img.alignleft, .alignleft { float: left; }
img.alignright, img.alignleft, img.alignright, img.aligncenter { margin: 5px 15px; }
.alignnone { display: block; }
.commentpost h2 { background: url(images/ptitlebg.jpg) bottom repeat-x; padding-bottom: 10px; }
.comment_listing { background: url(images/ptitlebg.jpg) bottom repeat-x; padding-bottom: 20px; }
.comment_form { padding: 20px; font-size: 14px; }
.comment_form h3 { padding: 10px 0 20px 0; font-weight: normal; }
.comment_form input { padding: 5px; margin-right: 10px; width: 250px; border: 1px solid #d9d9d9; }
.comment_form label { width: 270px; display: inline-block; color: #adadad; }
.comment_form textarea { width: 535px; height: 100px; border: 1px solid #d9d9d9; }
.comment_form input[type=submit] { width: 100px; margin: 10px 0; }
.comment-meta { padding: 10px 0; }
.commentpost .children { padding-left: 30px; }
.error404 { padding: 30px 0 0 0; font-size: 18px; }
#wp-calendar { width: 100%; }
#wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; }
#wp-calendar thead { font-size: 11px; }
#wp-calendar thead th { }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; font-size: 11px; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; }
#wp-calendar #today a { color: #FF3333; font-weight: bold; }
.green_font { color: #00306e; }
.yellow_font { color: #e65829; }
.yellow_green { color: #92D044; }
/* -- Service Layout -- */
.service-layout {
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.service-layout__item {
float: left;
width: 33.3333%;
}
.service-layout__heading {
color: #fff !important;
margin-top: 0;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.service-layout__item--blue .service-layout__heading { background-color: #00306e; }
.service-layout__item--orange .service-layout__heading { background-color: #e65829; }
.service-layout__item--gray .service-layout__heading { background-color: #A5A5A5; }
.service-layout__item ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.service-layout__item li,
.service-layout__item p {
font-size: 16px;
line-height: 1.3em;
margin-left: 10px;
margin-right: 10px;
}
.service-layout__item li {
border-top: 1px solid #ccc;
padding: 10px;
}
.service-layout__item li:first-of-type { border-top: 0; }
.service-layout__icon {
display: block !important;
font-size: 36px;
text-align: center;
}
.service-layout__item--blue .service-layout__icon { color: #00306e; }
.service-layout__item--orange .service-layout__icon { color: #e65829; }
.service-layout__item--gray .service-layout__icon { color: #A5A5A5; }
@media (max-width: 1024px) {
.service-layout__item {
float: none;
margin-bottom: 10px;
width: 100%;
}
}
/* -- pagination -- */
.wp-pagenavi { clear: both; padding: 30px 0 10px 0; color: #333; }
.wp-pagenavi a, .wp-pagenavi span, .paginate a, .paginate span { text-decoration: none; padding: 3px 8px; margin: 2px; background: #d9dddf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; color: #333; }
.wp-pagenavi a:hover, .wp-pagenavi span.current, .paginate a:hover, .paginate span.current { background: #4f4f4f; color: #fff; }
.wp-pagenavi span.current { font-weight: bold; }
.page-404 #sidebar ul { list-style: none; }
.page-404 #sidebar ul li { padding: 10px 0 10px 20px; }
/* JQuery CSS
----------------------------------------------------------------------------------------------------------- */
/* BX slider ----------------------------------------------------------------------------------------------------------- */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1;
}
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/
.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; background: #fff; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding: 10px 0; z-index: 99999; right: 22%; width: 100px; }
.bx-wrapper .banner_infos { max-height: 435px; height: 100%; z-index: 9999; position: absolute; top: 0; text-align: left; width: 100%; display: block; overflow: hidden; }
.bx-wrapper .banner_infos .banner_fluid { max-width: 1050px; margin: 0 auto; max-height: 435px; height: 100%; position: relative; }
.bx-wrapper .banner_infos_desc { font-family: verdana, sans-serif; font-size: 24px; color: #00306e; /* line-height:24px;*/
line-height: normal; padding-top: 60px; float: left; max-width: 415px; }
.bx-wrapper .banner_infos_desc span { /*display:block;
padding-top:10px;
font-style:italic;*/
}
.bx-wrapper .banner_infos_details { color: #FFF; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; float: right; height: 300px; max-width: 335px; width: 100%; margin-top: 10%; position: absolute; bottom: 0; right: 0; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(255, 255, 255, .2); box-shadow: inset 0px 0px 20px 0px rgba(255, 255, 255, .2); }
.bx-wrapper .banner_infos_details a:hover { color: #b9dc9d; }
.bid_content { color: #fff; padding: 20px; text-align: center; margin-top: 20px; line-height: normal; }
.bid_content p { font-size: 16px; line-height: 1.5em; }
.bid_content h2 { font-size: 2.4em; color: #e65829; border: none; padding: 0; }
.bid_content h3 { font-size: 28px; line-height: 1.5em; }
.bid_content h3 p { font-size: 28px; }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width:800px) {
.bx-wrapper .banner_infos .banner_fluid { max-width: 750px; }
.bx-wrapper .banner_infos_desc { max-width: 450px!important; padding-top: 10%; }
.bx-wrapper .banner_infos_details { max-width: 250px!important; margin-top: 10%; }
.bx-wrapper .bid_content { padding: 5%!important; margin-top: 0; font-size: 1em!important; line-height: 16px; }
}
/* Landscape phone to portrait tablet */
@media (min-width: 600px) and (max-width: 767px) {
.bx-wrapper .banner_infos .banner_fluid { max-width: 500px; }
.bx-wrapper .banner_infos_desc { padding-top: 5%!important; font-size: 1.6em!important; max-width: 300px!important; line-height: 26px!important; }
.bx-wrapper .banner_infos_details { max-width: 190px!important; margin-top: 5%; }
.bx-wrapper .bid_content { padding: 2%!important; margin-top: 0; font-size: 1em!important; line-height: 16px; }
.bx-wrapper .bid_content h2 { font-size: 1.6em!important; line-height: 26px; }
.bx-wrapper .bid_content h3, .bx-wrapper .bid_content h4 { font-size: 1.25em!important; line-height: 20px; }
.bx-wrapper .bid_content span { font-size: 1em!important; }
}
/* Landscape phones and down */
@media (max-width: 480px) {
.bx-wrapper .banner_infos .banner_fluid { max-width: 400px; }
.bx-wrapper .banner_infos_desc { padding-top: 20px!important; max-width: 300px!important; font-size: 11px!important; line-height: 16px; }
.bx-wrapper .banner_infos_details { max-width: 100px!important; margin-top: 4%; }
.bx-wrapper .banner_infos_desc p.medium { font-size: 12px!Important; }
.bx-wrapper .bid_content { padding: 1%!important; margin-top: 0; font-size: 0.75em!important; line-height: 11px; }
.bx-wrapper .bid_content h2 { font-size: 1.25em!important; line-height: 20px; }
.bx-wrapper .bid_content h3, .bx-wrapper .bid_content h4 { font-size: 1em!important; line-height: 16px; }
.bx-wrapper .bid_content span { font-size: 0.75em!important; }
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a { background: #24426f; text-indent: -999999px; font-size: 0; display: block; width: 13px; height: 13px; margin: 0 5px; outline: 0; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; behavior: url(../css/PIE.htc); }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #e65829; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 0; }
.bx-wrapper .bx-next { right: 0; }
.bx-wrapper .bx-prev:hover { }
.bx-wrapper .bx-next:hover { }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 45%; outline: 0; width: 50px; height: 40px; z-index: 9999; background: #fff; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; color: #00306e; text-decoration: none; text-align: center; font-size: 2em; vertical-align: middle; padding-top: 1%; }
.bx-wrapper .bx-controls-direction a:hover { width: 120px; opacity: .8; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #6669; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.arrow-right { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; }
/* RESPONSIVE CSS
----------------------------------------------------------------------------------------------------------- */
/* Large desktop */
@media (max-width: 1280px) {
.bx-wrapper .banner_infos_desc { padding-top: 2%; margin-left: 6%}
.bx-wrapper .banner_infos_desc span { font-size: 18px; line-height: 1; }
#mainmenu #suckerfishnav li a { padding: 0 13px 0 11px; }
}
@media (max-width: 1080px) {
#home_sidebar h2 { font-size: 15px; }
.bx-wrapper .banner_infos_desc { width: 59%; margin-left: 11%; font-size: 28px; line-height: 28px; }
.bx-wrapper .banner_infos_desc p { margin: 0; }
.bx-wrapper .banner_infos_desc h1 { font-size: 28px; line-height: 28px; }
.bx-wrapper .banner_infos_details { height: 200px; }
.bid_content { margin-top: 0; }
.bid_content h2 { font-size: 1.8em; margin: 0; }
.bid_content p { font-size: 14px; margin-bottom: 5px; }
.bid_content h3, .bid_content h3 p { font-size: 16px; }
.bid_content h4 { font-size: 12px; margin: 0; }
#mainmenu #suckerfishnav li a { font-size: 12px; }
}
@media (max-width: 1000px) {
div#header {
padding-top: 4.5em;
}
.navbar-wrapper {
position: relative;
}
#mainmenu,
#rum_sst_tab { display: none; }
#sidebar-toggle { width: 50px; height: 39px; padding-top: 6px; background: #e65829; display: inline-block; float: right; }
#sidebar-toggle span { height: 3px; margin: 5px auto; background: #fff; display: block; width: 70%; }
#mobile-nav { padding: 50px 20px 20px 20px; background: #e65829; display: none; }
#mobile-nav ul { list-style: none; margin: 0; padding: 0; }
#mobile-nav ul ul { display: none; }
#mobile-nav ul li { font-size: 18px; }
#mobile-nav ul li a { font-size: 18px; font-weight: bold; padding: 10px 0; display: block; width: 100%; color: #fff; display: block; position: relative; border-top: 1px solid #eb7954; }
#mobile-nav ul li:first-child a { border: 0; }
#mobile-nav ul li li a { border: 0; font-size: 16px!important; font-weight: normal!important; color: #f5c7bd!important; }
.arrow-down { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; position: absolute; right: 20px; top: 20px; }
#headsub { min-height: 0; padding-top: 44px; }
.wrap { padding: 0 4%; }
#logo { padding: 2px 0 5px 0; }
.head_login { width: auto; height: 41px!important; display: block!important; }
.head_search, .head_login { margin-top: 0; }
.navbar-wrapper .navbar-inner { padding: 0 !important; position: relative; border-bottom: 0; }
.head_contact { padding-top: 1px; line-height: 2.5em; }
.head-services { display: block !important; }
.head_login a span { display: block!important; }
.head_login a { width: auto; height: 37px; border-radius: 0; font-size: 14px; line-height: 12px; padding: 8px 9px 0 9px; background: rgb(155,155,155); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliOWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzYzNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(155,155,155,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(155,155,155,1)), color-stop(100%, rgba(99,99,99,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(155,155,155,1) 0%, rgba(99,99,99,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(155,155,155,1) 0%, rgba(99,99,99,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(155,155,155,1) 0%, rgba(99,99,99,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(155,155,155,1) 0%, rgba(99,99,99,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#636363', GradientType=0 ); /* IE6-8 */
}
.head_login a:hover, .head_login a:active { background-color: #333; }
#mainmenu { height: auto; }
#mainmenu #suckerfishnav { font-size: 1em; }
#mainmenu #suckerfishnav li a { padding: 0 12px 0 8px; font-weight: bold!important; }
#mainmenu #suckerfishnav li.current-page-ancestor a { color: #e65829!important; }
#mainmenu #suckerfishnav a { background-size: 8px 5px !important; line-height: 98px; }
.featured_clients { font-size: 16px; }
.client_logos img { width: 80px; height: auto; }
#addslogo { min-height: 0; }
#contactbtn, .contactbg { height: auto; }
.contactbg { width: 80%; }
#contactbtn a { padding: 12px 15px; }
#contactbtn span, .sidebar #contactbtn span { background: none; font-size: 20px; }
.post h1 { font-size: 30px; }
.post h2, .homepage .post h2 { font-size: 16px; line-height: 24px; }
.post p, .post li { line-height: 24px; font-size: 14px; }
.post ul { margin: 0 0 20px 0; }
.homepage .post h1 { padding-top: 30px; margin-bottom: 0; }
.homepage .post h2 { margin-bottom: 15px; }
#home_sidebar { padding: 30px 20px 20px 20px; }
.sidebtn { width: auto; }
.postlist { font-size: 15px; }
.date_month { font-size: 14px; }
.date_day { font-size: 22px; }
.view a { font-size: 16px; }
.fcontact_title { font-size: 1em; }
.fcontact_number, .fcontact_email, .fcontact_address { font-size: 14px; }
#foot_testimonial, .testi_info { font-size: 13px; }
.testi_info_link { display: block; float: none; }
.row-fluid .span6.testimonial_data { width: 100% !important; }
#dryden_lists ul.first { background: none; padding: 0; }
#dryden_lists ul { width: 100%; margin-left: 15px; margin-bottom: 0; }
.comment_form textarea { width: 100%; }
.form_info { line-height: 20px; }
.head_search { position: relative; padding: 0; margin-right: 260px; }
.head_search.active { margin-right: 440px; }
.head-search-mobile-button { display: block !important; }
#searchform, .head_search.active .head-search-mobile-button:hover { background: #b7d698; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZDY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YWFkNjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b7d698 0%, #8aad68 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7d698), color-stop(100%, #8aad68)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b7d698 0%, #8aad68 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b7d698 0%, #8aad68 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b7d698 0%, #8aad68 100%); /* IE10+ */ background: linear-gradient(to bottom, #b7d698 0%, #8aad68 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d698', endColorstr='#8aad68', GradientType=0 ); /* IE6-8 */
}
#search { border: 0; }
#searchform { position: absolute; left: 44px; height: 44px; max-height: 44px; width: 0; overflow: hidden; }
.head_search.active #searchform { width: 180px; overflow: visible; }
#searchbox { width: 150px; font-size: 0.75em; top: 5px; }
.go { top: 6px; background: url(images/go-small.png) no-repeat center center; right: 15px; }
.header-mobile-button-wrap { position: absolute; top: 0; right: 4%; z-index: 100; }
.header-mobile-button-wrap .right-buttons { position: absolute; top: 0; right: 50px; width: 230px; z-index: 1; }
.header-mobile-button-wrap .btn-navbar { display: none !important; }
.entry img { width: 40%; }
}
@media (max-width: 850px) {
.client_logos img { width: 65px; height: auto; }
.view a { font-size: 13px; }
#banner_widget_slider { height: 300px; }
}
@media (max-width: 800px) {
#headsub .span4, #headsub .span8 { width: 100%; margin-left: 0; }
#headsub .span8 {/*border-top: 1px solid #ccc;*/ }
#headsub .wrap { padding: 0; }
#logo { text-align: center; }
#mainmenu { float: none; }
#mainmenu #suckerfishnav { text-align: center; float: none; }
#mainmenu #suckerfishnav > div > li { display: inline-block; float: none; }
#mainmenu #suckerfishnav, #mainmenu #suckerfishnav ul, #mainmenu #suckerfishnav a { line-height: 50px; }
#maincontent { height: auto !important; }
.bx-wrapper .banner_infos_desc { padding-top: 20px !important; }
}
@media (max-width: 768px) {
.row-fluid.mobile-row-fix {
display: flex;
flex-direction: column-reverse;
}
.entry img {
width: 100%;
max-width: 100%;
}
.single-post div#sidebar {
padding: 1.5em;
}
#sidebar #abc, .banner_infos_details, .postdate br, #sidebar #contactbtn, #recent-posts-2, #wpp-2, #categories-2, #archives-2 { display: none; }
body { padding: 0 !important; }
.navbar-inner .wrap { padding: 0 0 0 4%; }
.header-mobile-button-wrap { right: 0; }
#addslogo .wrap, #content .wrap { padding: 0; }
#addslogo .span8 { padding: 0 4%; text-align: center; }
#addslogo .span4 { text-align: center; }
#addslogo .contactbg {/*background: url(images/contact-linkbg.jpg) no-repeat center top;*/ }
.bx-wrapper .banner_infos_desc, .bx-wrapper .banner_infos_desc h1 { font-size: 18px !important; line-height: 20px !important; }
#home_sidebar h2, .view { text-align: center; }
.postdate { padding: 0;
display:none;
}
.postlist { text-align: center; padding: 0; font-size: 18px; }
#home_sidebar li a { color: #666; }
.date_month, .date_day { font-weight: 700; }
.date_day { font-size: 14px; }
#service_based { text-align: center; background: url(images/service-based-btn.jpg) center top no-repeat; }
#sku_based { text-align: center; background: url(images/sku-based-btn.jpg) center top no-repeat; }
.sidebtn a { padding: 30px 5%; }
.sidebtn { margin-top: 5%; }
#home_sidebar { height: auto !important; }
#footer { padding-bottom: 20px; }
#foot_testimonial { background: none; padding: 0 0 15px 0; border-bottom: 1px solid #333; margin-bottom: 15px }
#foot_testimonial ul { margin: 0; }
.fcontact_address { padding: 0 0 15px 0; border-bottom: 1px solid #333; margin-bottom: 15px; }
#foot_sub li { width: 50%; float: left; border: 0; line-height: 26px; }
.fcontact_email { margin-left: 10px; }
#sidebar { padding: 0; border-bottom: 1px solid #eaeaea; }
#sidebar .list_pages { padding: 0 4%; }
#home_sidebar #sidebar { border-bottom: 0; }
.contactbg { text-align: center; /*background: url(images/contact-linkbg.jpg) no-repeat center top;*/ }
#breadcrumbs { background: #eaeaea; }
#maincontent { padding: 20px; }
.imagedata { width: 100%; }
.greenbox0, .greenbox1, .greenbox2, .greenbox3 { width: 100%; margin: 0 0 10px 0; }
.entry .imaged_thumb img { width: auto; }
.imaged_desc p { line-height: 22px; margin-bottom: 10px; }
.imaged_desc p span { font-size: 13px !important; }
\ #dryden_lists {
padding: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#dryden_lists ul { width: 95%; margin-left: 5%; }
#people .data_front { padding: 3% 0; }
}
@media (max-width: 700px) {
.head_search, .bx-pager { display: none; }
}
@media (max-width:600px) {
#mainmenu #suckerfishnav li:hover ul, #mainmenu #suckerfishnav li li:hover ul, #mainmenu #suckerfishnav li li li:hover ul, #mainmenu #suckerfishnav li li li li:hover ul, #mainmenu #suckerfishnav li.sfhover ul, #mainmenu #suckerfishnav li li.sfhover ul, #mainmenu #suckerfishnav li li li.sfhover ul, #mainmenu #suckerfishnav li li li li.sfhover ul { left: -999em; }
#mainmenu #suckerfishnav li a { background: none; }
#mainmenu #suckerfishnav li { padding: 0; background: none; }
#mainmenu #suckerfishnav li a { padding: 0 8px; border-left: 1px solid #e0e0e0; }
#mainmenu #suckerfishnav li a:first-child { border: 0; }
#mainmenu #suckerfishnav > div > li:last-child:hover { background: url(images/navhover-bg.jpg) left repeat-y #B8DC9E; }
.bx-wrapper .banner_infos_desc { width: 70%; margin-left: 10%; }
}
/* Landscape phones and down */
@media (max-width: 480px) {
.head_contact { font-size: 1em; line-height: 3.1em; }
.head-services { display: none !important; }
#banner { min-height: 82px; }
.fcontact_number, .fcontact_email { padding: 2px 0 4px 30px; }
.fcontact_address span { padding-left: 0; }
/*#mainmenu #suckerfishnav, #mainmenu #suckerfishnav ul, #mainmenu #suckerfishnav a {line-height:40px;}*/
.bx-wrapper .banner_infos_desc, .bx-wrapper .banner_infos_desc p { width: 100%!important; padding-top: 0!important; top: 0; font-size: 10px; }
.bx-wrapper .banner_infos_desc, .bx-wrapper .banner_infos_desc h1 { font-size: 14px !important; line-height: 16px !important; }
.bx-wrapper .bx-controls-direction a { top: 30%; width: 40px; }
.bx-wrapper .bx-controls-direction a:hover { width: 40px; }
.entry img { width: 100%; margin: 20px 0 !important; }
span.hc_number { font-size: 13px; }
}
@media (max-width: 400px) {
}
@media (max-width:320px) {
.fcontact_email { margin-left: 0; }
.banner_slider_details { width: 320px; }
.banner_desc { font-family: "franklin-gothic-urw"; font-size: 30px; line-height: 30px; }
.bx-wrapper .banner_infos_desc { font-size: 12px!important; width: 210px!important; padding: 0 0 0 10%!important; }
#banner_widget_slider { background: #5f5f5f; position: relative; height: 200px; }
#widgetslide { padding: 5px; font-size: 14px; }
#widgetslide h2 { font-size: 25px; }
#widgetslide h3 { font-size: 20px; line-height: 20px; }
#thumb-tray { width: 170px!important; }
}
/*............... FOR THE WP EDITOR .................*/
.large { font-size: 20px; }
.medium { font-size: 15px; }
.small { font-size: 12px; }
@media (min-width: 768px) and (max-width:1024px) {
.large { font-size: 20px; }
.medium { font-size: 20px; }
.small { font-size: 15px; }
}
@media (min-width: 1000px) {
.large { font-size: 30px; }
.medium { font-size: 24px; }
.small { font-size: 17px; }
}
/********************************************************************************************************
00. WebpageFX Helper Classes
*********************************************************************************************************/
/********************************************************************************************************
01. Grid System
*********************************************************************************************************/
/**********************************************
01.01 Content wrapper
It is important to wrap any new
content you may be implementing
in a container with the class of
"fx-grid". This ensures padding
applies correctly to your elements.
***********************************************/
.fx-grid, .fx-grid * { -moz-box-sizing: border-box; box-sizing: border-box; }
/**
* Grid wrapper
*/
.fx-grid { margin-left: 0; list-style: none; margin-bottom: 0; }
/**********************************************
01.02 Widths
These helper classes set percentage
widths to any elements/content you
are implementing. Use these with
floats to get text to wrap around
other elements, such as images.
***********************************************/
/**
* Whole
*/
.one-whole { width: 100%; }
/**
* Halves
*/
.one-half { width: 50%; }
/**
* Thirds
*/
.one-third { width: 33.333%; }
.two-thirds { width: 66.666%; }
/**
* Quarters
*/
.one-quarter { width: 25%; }
.two-quarters { width: 50%; }
.three-quarters { width: 75%; }
/**
* Fifths
*/
.one-fifth { width: 20%; }
.two-fifths { width: 40%; }
.three-fifths { width: 60%; }
.four-fifths { width: 80%; }
/**
* Sixths
*/
.one-sixth { width: 16.666%; }
.two-sixths { width: 33.333%; }
.three-sixths { width: 50%; }
.four-sixths { width: 66.666%; }
.five-sixths { width: 83.333%; }
/**
* Eighths
*/
.one-eighth { width: 12.5%; }
.two-eighths { width: 25%; }
.three-eighths { width: 37.5%; }
.four-eighths { width: 50%; }
.five-eighths { width: 62.5%; }
.six-eighths { width: 75%; }
.seven-eighths { width: 87.5%; }
/**
* Tenths
*/
.one-tenth { width: 10%; }
.two-tenths { width: 20%; }
.three-tenths { width: 30%; }
.four-tenths { width: 40%; }
.five-tenths { width: 50%; }
.six-tenths { width: 60%; }
.seven-tenths { width: 70%; }
.eight-tenths { width: 80%; }
.nine-tenths { width: 90%; }
/**
* Twelfths
*/
.one-twelfth { width: 8.333%; }
.two-twelfths { width: 16.666%; }
.three-twelfths { width: 25%; }
.four-twelfths { width: 33.333%; }
.five-twelfths { width: 41.666% }
.six-twelfths { width: 50%; }
.seven-twelfths { width: 58.333%; }
.eight-twelfths { width: 66.666%; }
.nine-twelfths { width: 75%; }
.ten-twelfths { width: 83.333%; }
.eleven-twelfths { width: 91.666%; }
/********************************************************************************************************
02. Helper Classes
*********************************************************************************************************/
/**********************************************
02.01 Contain widths
You probably won't need this, but
if you're creating an element
outside of a site's "wrapper" -
fx-contain will center your content
on the page.
***********************************************/
.fx-contain { max-width: 1000px; margin-right: auto; margin-left: auto; padding: 0 20px; }
.fx-contain--small { max-width: 820px; margin-right: auto; margin-left: auto; padding: 0 20px; }
/**********************************************
02.02 Hide elements
This class will hide whatever
element you apply it to.
***********************************************/
.fx-hidden, .fx-hidden-by-js { display: none; }
/**********************************************
02.03 Floats
These classes will apply floats
to any element you target.
Floats make an element get positioned
to the left, right, or center of
whatever container it is within.
Other content, such as text, will
wrap around floated elements.
***********************************************/
.float--left { float: left !important; }
.float--right { float: right !important; }
.float--middle { margin-right: auto !important; margin-left: auto !important; } /* Note: A .float--middle element must have a width applied to it as well */
/**********************************************
02.04 Clears
These classes help "clear" elements
that are floating.
For instance, if you need a text
block to appear below a "floated"
element, you need to "clear" the
direction in which it's floating.
***********************************************/
.clear--left { clear: left !important; }
.clear--right { clear: right !important; }
.clear--both { clear: both !important; }
.clear--contain { overflow: hidden !important; }
.cf:after { content: ""; display: table; clear: both; }
/**********************************************
02.05 Text alignment
These classes help control your text
alignment.
***********************************************/
.text--left { text-align: left !important; }
.text--center { text-align: center!important; }
.text--right { text-align: right !important; }
/**********************************************
02.06 Font weights
These classes help control the
boldness of your text.
***********************************************/
.weight--light { font-weight: 300!important; }
.weight--normal { font-weight: 400!important; }
.weight--semibold { font-weight: 600!important; }
/**********************************************
02.07 Margins
These classes help you control the
spacing around the outside of an
element.
Margin is the amount of space
outside of an element.
It can be applied to the
top, right, bottom, and left
of elements.
***********************************************/
.push { margin: 2em!important; }
.push--top { margin-top: 2em!important; }
.push--right { margin-right: 2em!important; }
.push--bottom { margin-bottom: 2em!important; }
.push--left { margin-left: 2em!important; }
.push--ends { margin-top: 2em!important; margin-bottom: 2em!important; }
.push--sides { margin-right: 2em!important; margin-left: 2em!important; }
.push-half { margin: 1em!important; }
.push-half--top { margin-top: 1em!important; }
.push-half--right { margin-right: 1em!important; }
.push-half--bottom { margin-bottom: 1em!important; }
.push-half--left { margin-left: 1em!important; }
.push-half--ends { margin-top: 1em!important; margin-bottom: 1em!important; }
.push-half--sides { margin-right: 1em!important; margin-left: 1em!important; }
.flush { margin: 0!important; }
.flush--top { margin-top: 0!important; }
.flush--right { margin-right: 0!important; }
.flush--bottom { margin-bottom: 0!important; }
.flush--left { margin-left: 0!important; }
.flush--ends { margin-top: 0!important; margin-bottom: 0!important; }
.flush--sides { margin-right: 0!important; margin-left: 0!important; }
/**********************************************
02.08 Padding
These classes help you control the
spacing inside of an element.
Padding is the amount of space
between the edge of an element and
the content within it.
It can be applied to the
top, right, bottom, and left
of elements.
***********************************************/
.soft { padding: 2em!important; }
.soft--top { padding-top: 2em!important; }
.soft--right { padding-right: 2em!important; }
.soft--bottom { padding-bottom: 2em!important; }
.soft--left { padding-left: 2em!important; }
.soft--ends { padding-top: 2em!important; padding-bottom: 2em!important; }
.soft--sides { padding-right: 2em!important; padding-left: 2em!important; }
.soft-half { padding: 1em!important; }
.soft-half--top { padding-top: 1em!important; }
.soft-half--right { padding-right: 1em!important; }
.soft-half--bottom { padding-bottom: 1em!important; }
.soft-half--left { padding-left: 1em!important; }
.soft-half--ends { padding-top: 1em!important; padding-bottom: 1em!important; }
.soft-half--sides { padding-right: 1em!important; padding-left: 1em!important; }
.hard { padding: 0!important; }
.hard--top { padding-top: 0!important; }
.hard--right { padding-right: 0!important; }
.hard--bottom { padding-bottom: 0!important; }
.hard--left { padding-left: 0!important; }
.hard--ends { padding-top: 0!important; padding-bottom: 0!important; }
.hard--sides { padding-right: 0!important; padding-left: 0!important; }
/**********************************************
02.09 Borders
These classes apply a grey border
to any element you target.
Feel free to adjust color, width,
and style.
(solid, dotted, dashed, double)
***********************************************/
.border { border: 1px solid #dfdfdf!important; }
.border--top { border-top: 1px solid #dfdfdf!important; }
.border--right { border-right: 1px solid #dfdfdf!important; }
.border--bottom { border-bottom: 1px solid #dfdfdf!important; }
.border--left { border-left: 1px solid #dfdfdf!important; }
.border--ends { border-top: 1px solid #dfdfdf!important; border-bottom: 1px solid #dfdfdf!important; }
.border--sides { border-right: 1px solid #dfdfdf!important; border-left: 1px solid #dfdfdf!important; }
/**********************************************
02.10 Font case
These classes control the way
your text renders.
uppercase - all letters capitalized
lowercase - all letters lowercase
capital - first letter of each word
is capitalized
***********************************************/
.uppercase { text-transform: uppercase!important; }
.lowercase { text-transform: lowercase!important; }
.capital { text-transform: capitalize!important; }
/**********************************************
02.11 Display
Sets the display style of elements
inline - element is "inline" with content
block - element will appear on a new "line"
in your content
inline-block - element will be "inline" with content,
but can recieve "block" style properties,
such as padding
***********************************************/
.display--inline { display: inline!important; }
.display--block { display: block!important; }
.display--inline-block { display: inline-block!important; }
/**********************************************
02.12 Additional helpers
Less used, but still helpful
***********************************************/
/**
* Add a help cursor to any element that gives the user extra information on
* `:hover`.
*/
.informative { cursor: help!important; }
/**
* Mute an object by reducing its opacity.
*/
.muted { opacity: 0.5!important; }
/**
* Align items to the right where they imply progression/movement forward, e.g.:
*
Read more...
*
*/
.proceed { text-align: right!important; }
/**
* Add a right-angled quote to links that imply movement, e.g.:
*
Read more
*
*/
.go:after { content: "\00A0" "\00BB"!important; }
/**
* Apply capital case to an element (usually a `strong`).
*/
.caps { text-transform: uppercase!important; }
/**
* Deny Mouse From selecting
*/
.unselectable { -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
/**
* Hide content off-screen without resorting to `display:none;`, also provide
* breakpoint specific hidden elements.
*/
.accessibility, .visuallyhidden { border: 0!important; clip: rect(0 0 0 0)!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; }
/********************************************************************************************************
03. Generic Buttons
Apply this class to any CTA buttons you may use. Pair it with other helper classes to get it
positioned where you need it. Add and change styles as you see fit.
*********************************************************************************************************/
.fx-button { background-color: #24b2ed; /* The background color. Can be hex values or something generic, like 'blue' */ border-radius: 4px; /* Controls rounded corners on button */ color: white; /* The font color. Can be hex values. Ex: #00aeff */ cursor: pointer; /* Makes the cursor a hand on hover */ display: inline-block; /* Can be set to block, inline-block, or inline (padding does not work on inline elements) */ font-size: 20px; /* Sets the font size. Can be pixels, percentages, or ems */ padding: 1em 3em; /* Sets the amount of space between edge of the button and the button's contents */ text-align: center; /* Centers the text. Can be set to center, left, or right */ text-transform: uppercase; /* Capitalizes button text. Can be uppercase, capiitalized, or lowercase */ /* These are transitions. They make the effects between static and hover effects animate. This is optional. */
-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; /* These are gradients. They count as "background-images" and can be used to create some interest over a flat color. */
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); }
.fx-button:hover { background-color: #48c7fc; /* The background color. Can be hex values or something generic, like 'blue' */ color: white; /* The font color on hover and click. Can be hex values. Ex: #00aeff */ }
.fx-button:active { background-color: #18a0d8; /* The background color. Can be hex values or something generic, like 'blue' */ color: white; /* The font color on hover and click. Can be hex values. Ex: #00aeff */ }
/********************************************************************************************************
03.01. Verious button colors
Here are a few additional classes you can apply to create different colored buttons with ease.
*********************************************************************************************************/
/* TaxMatrix */
.fx-taxmatrix { background-color: #00306E !important; color: white !important; }
.fx-taxmatrix:hover { background-color: #E65829 !important; color: white !important; text-decoration: none; }
.fx-taxmatrix:active { background-color: #00306E; color: white; }
/********************************************************************************************************
04. Font sizes
Apply these classes to any elements you wish (such as buttons, paragraph text, or headlines).
Feel free to change the values on a site-by-site basis.
*********************************************************************************************************/
.giga { font-size: 54px !important; }
.mega { font-size: 46px !important; }
.kilo { font-size: 38px !important; }
.milli { font-size: 18px !important; }
.micro { font-size: 16px !important; }
.gform_body ul{margin:0; padding:0;}
.gform_body ul li{margin:0; padding:0; background:none; font-size:12px!important;}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label,.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label {
font-weight: normal!important;
}
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li{margin-left:5px;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{background:#00306e; color:#fff; padding:10px; font-weight:bold;}
/* Nexus Calculator Popup form styling */
#icegram_message_2053 .gfield input { width: 100%; }
#icegram_message_2053 .gform_footer input[type=submit] {
font-size: 16px !important;
width: 100% !important;
line-height: 1.2em !important;
padding: 12px !important;
margin: 0 !important;
}
#icegram_message_2053 .gform_wrapper .gform_footer {
padding: 0;
margin: 20px 0;
}
#icegram_message_2053 .ig_content_left {
width: 100%;
padding-top: .25em;
}
.contact-us-form .row-fluid .span12 {
margin: 0;
}
.contact-us-form .areas-of-interest .wpcf7-list-item {
width: 50%;
display: block;
float: left;
margin: 0;
}
.contact-us-form .areas-of-interest,
.contact-us-form .online-presentation {
display: block;
float: left;
width: 100%;
margin-bottom: 25px;
}
.cf7-label {
font-weight: bold;
}
.wpcf7 form div.sent-message {
display: none;
}
.wpcf7 form.sent div.sent-message {
display: block;
}
/********************************************************************************************************
05. Homepage landing new layout version 2.0
*********************************************************************************************************/
@media (max-width: 1000px) {
.homev2-landing .navbar-inner {
min-height: 45px;
}
div#mobile-nav {
position: absolute;
width: calc(100% - 2em);
z-index: 9;
top: 3em;
padding-right: 1em;
padding-left: 1em;
}
.homev2-landing #sidebar-toggle,
.homev2-landing #mobile-nav {
background:#00A04A;
}
.homev2-landing #mobile-nav ul li a {
border-color:rgba(255,255,255,0.3)
}
.homev2-landing #mobile-nav ul li li a {
color: #fff !important;
}
.homev2-landing #mobile-nav ul li:first-child a {
border: 0;
}
.homev2-landing #rum_sst_tab {
display: none;
}
}
@media (min-width: 1001px) {
.homev2-landing #mainmenu #suckerfishnav li {
background: none !important;
}
.homev2-landing #rum_sst_tab {
display: none !important;
}
.homev2-landing #rum_sst_tab.newjumpto {
display: block !important;
background: #21366C;
border: 1px solid #ccc;
text-decoration: none;
color: #ffff;
}
.homev2-landing #rum_sst_tab.newjumpto:hover {
background: #00A04A;
opacity: 1;
text-decoration: none;
color: #fff !important;
}
.homev2-landing #header {
border-color: #00A04A;
}
.homev2-landing #headtop{
display: none;
}
.homev2-landing #headsub {
padding-top:0px;
}
.homev2-landing #mainmenu #suckerfishnav li a {
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.homev2-landing #mainmenu #suckerfishnav li.menu-cta a {
background: #00A04A;
border-radius: 30px;
color: #fff;
font-size: 13px;
line-height: 3;
top: 30px;
margin-left: 65px;
text-transform: uppercase;
position: relative;
}
.homev2-landing #mainmenu #suckerfishnav li#menu-item-2947 a {
margin-left: 10px;
background-color: #00306e;
}
.homev2-landing #mainmenu #suckerfishnav li#menu-item-2947 a:hover {
background-color: #00A04A;
}
.homev2-landing #mainmenu #suckerfishnav li.menu-cta:hover a,
.homev2-landing #mainmenu #suckerfishnav li.menu-cta:focus a {
color: #fff;
background: #00306e;
}
.homev2-landing #mainmenu #suckerfishnav li a {
background: url(images/arrow-green.png) right center no-repeat;
}
.homev2-landing #mainmenu #suckerfishnav .menu-mainmenu-container > li:not(.menu-item-has-children):not(.menu-cta) a {
background: none !important;
}
.homev2-landing #mainmenu #suckerfishnav li.current-page-ancestor > a {
color: #00A04A !important;
}
.homev2-landing #mainmenu #suckerfishnav li.current-page-ancestor ul a {
color: #fff !important;
}
.homev2-landing #mainmenu #suckerfishnav li:hover,
.homev2-landing #mainmenu #suckerfishnav li:focus,
.homev2-landing #mainmenu #suckerfishnav > div > li:last-child:hover,
.homev2-landing #mainmenu #suckerfishnav > div > li:last-child:focus {
background: transparent;
}
.homev2-landing #mainmenu #suckerfishnav li:hover a,
.homev2-landing #mainmenu #suckerfishnav li:focus a {
color: #00A04A;
}
.homev2-landing #mainmenu #suckerfishnav li li a,
.homev2-landing #mainmenu #suckerfishnav li li li a {
background: none;
color: #fff !important;
}
.homev2-landing #mainmenu #suckerfishnav li:hover li a,
.homev2-landing #mainmenu #suckerfishnav li:focus li li a{
color: #fff;
}
}
html {
scroll-behavior: smooth;
}
#menu-item-1556 {
display: none;
}
input[type="text"]:hover, input[type="text"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
textarea:hover, textarea:focus{
border: 1px solid #ccc !important;
outline: none !important;
box-shadow: none !important;
}
.homev2-landing #breadcrumbs {
border: none;
}
.homev2-landing .entry #submit:hover {
background: #21366C;
}
.homev2-landing #breadcrumbs strong,
.homev2-landing #sidebar .sub-menu li.current-menu-item > a,
.homev2-landing #sidebar .sub-menu li a:hover ,
.homev2-landing a.post-title,
.homev2-landing #sidebar .menu-item.current-page-parent > a,
.homev2-landing #mainmenu #suckerfishnav .current_page_ancestor > a,
.homev2-landing #mainmenu #suckerfishnav .current_page_parent > a {
color: #00A04A !important;
}
.homev2-landing a.post-title:hover {
color: #21366C !important;
}
.homev2-landing #sidebar .sub-menu li ul a {
color: #00306e!important;
}
.homev2-landing .widget li a:hover,
.homev2-landing .widget a:hover,
.homev2-landing .widget .current_page_item a,
.homev2-landing #breadcrumbs a:hover{
color: #00A04A !important;
}
.homev2-landing #sidebar .sub-menu li a {
background: transparent !important;
padding-left: 0;
}
.homev2-landing #breadcrumbs strong {
background: transparent !important;
}
.homev2-landing #sidebar .sub-menu li a:before,
.homev2-landing #breadcrumbs strong:before {
background: url(images/arrow-green.png) no-repeat;
background-size: contain;
content: '';
display: inline-block;
clear: both;
height: 10px;
width: 10px;
left: 0;
transform: rotate(270deg);
}
.homev2-landing #wpfx_custom_recent_post_widget-3 .postlist > a {
margin-bottom: 20px;
display: block;
line-height: 1.3;
}
.homev2-landing #wpfx_custom_recent_post_widget-3 .view {
border-color: #00A04A;
}
.homev2-landing #wpfx_custom_recent_post_widget-3 {
background: #F4F6F8;
border-radius: 21px;
box-shadow: 0px 0px 5px inset #e5e5e5;
}
/* Widget Sidebar */
#recent-posts-2, #wpp-2, #categories-2{
background: #F4F6F8;
border-radius: 21px;
box-shadow: 0px 0px 5px inset #e5e5e5;
padding: 0px 20px;
margin-bottom: 20px;
}
#archives-2 {
background: #F4F6F8;
border-radius: 21px;
box-shadow: 0px 0px 5px inset #e5e5e5;
padding: 0px 20px 20px;
}
/* Blog */
.homev2-landing .post h2 {
line-height: 1.3;
}
.homev2-landing .post h2 a {
color: #00A04A;
}
.homev2-landing .wp-pagenavi a:hover {
color: #fff;
}
.homev2-landing .imagedata > [class^="green"]{
background:#00A04A !important;
transition: all 0.4s ease 0s;
}
.homev2-landing .imagedata > [class^="green"]:hover {
background: #fff !important;
}
.homev2-landing #dryden_lists a {
color: #00A04A !important;
}
.homev2-landing #dryden_lists a:hover {
color: #fff !important;
}
.homev2-landing #logo {
width: 280px;
}
.homev2-landing .fx-taxmatrix,
.homev2-landing .fx-button {
background: #00A04A !important;
border-radius: 30px;
border: 2px solid transparent;
color: #21366C;
display: inline-block;
font-size: 17px;
font-weight: 600;
padding: 15px 20px;
text-align: center;
width: 80%;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
margin: 20px auto;
}
.homev2-landing .fx-taxmatrix:hover,
.homev2-landing .fx-button:hover ,
.homev2-landing .fx-taxmatrix:hover,
.homev2-landing .fx-button:hover {
background: #21366C !important;
}
.homev2-landing #suckerfishnav li.menu-cta,
.new-landing{
display: none;
}
.homev2-landing #suckerfishnav li.menu-cta.new-landing {
display: block !important;
}
.homev2-landing .bx-wrapper .bx-pager.bx-default-pager a {
background-color: #21366C;
}
.homev2-landing .bx-wrapper .bx-pager.bx-default-pager a:hover,
.homev2-landing .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #00A04A;
}
.homev2-landing .bx-wrapper .banner_infos_desc {
font-family: "droid-sans", sans-serif;
max-width: 900px;
padding-bottom: 30px;
padding-top: 30px;
}
.bx-wrapper .banner_infos {
max-height: 1000px;
}
.homev2-landing .banner_infos_desc h1 {
font-size: 3vw;
line-height: 1.1;
font-weight: 400;
}
.homev2-landing #banner_slider .banner_infos_desc li {
font-size: 14px;
font-weight: 600;
line-height: 1.8;
list-style: none;
margin-left: 20px;
}
.homev2-landing #banner_slider .banner_infos_desc li:before {
border-radius: 100%;
background: #21366C;
border: 1px;
height: 8px;
width: 8px;
display: inline-block;
content: "";
left: -8px;
position: relative;
}
.homev2-landing #banner_slider .bx-controls-direction a {
padding-top: 10px;
}
.homev2-landing #header {
border-color: #00A04A;
}
#cta-wrapper {
background: #21366C;
color: #fff;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}
.homev2-landing #wrapper {
margin-top: 0;
margin-bottom: 0;
}
.homev2-landing a {
color: #00306e;
font-weight: 600;
transition: all 0.4s ease 0s;
}
.homev2-landing a:hover {
color: #00a04a;
}
.homev2-landing .home-entry {
margin-top: 50px;
margin-bottom: 20px;
}
.homev2-landing .home-entry ul {
margin-left: 0;
padding-top: 10px;
padding-bottom: 10px;
}
a.primary-button {
background: #fff;
border-radius: 30px;
color: #21366C;
display: inline-block;
font-size: 17px;
font-weight: 600;
padding: 15px 20px;
margin: auto;
text-align: center;
width: 80%;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
a.primary-button:hover,
a.primary-button:focus {
background: #00A04A;
color: #fff;
text-decoration: none;
}
.homev2-landing .bx-wrapper img {
width: 100%;
height: auto;
}
.homev2-landing .post p,
.homev2-landing .post li {
color: #707070;
font-size: 17px;
line-height: 29px;
}
.homev2-landing .post li {
margin-bottom: 10px;
}
.homev2-landing .entry ul li {
background: url(images/check-mark.png) left 8px no-repeat;
color: #21366C;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
}
.homev2-landing .entry ul li a,
.homev2-landing ul li a {
font-weight: normal;
}
.homev2-landing .post h1 {
color: #00306e;
font-size: 37px;
}
.homev2-landing #footer {
background: #21366C;
border-color: #00A04A;
}
.homev2-landing #footer a:hover {
color: #00A04A !important;
}
.homev2-landing #submit {
background: #00A04A;
border: 1px solid transparent !important;
padding: 6px 30px;
margin-top: 17px;
letter-spacing: 1px;
transition: all 0.4s ease 0s;
width: auto;
}
.homev2-landing .comment_form #submit:hover {
background: #00306e;
}
.homev2-landing #submit:hover {
background: transparent;
border-color: #fff !important;
opacity: 1;
}
.homev2-landing .fcontact_number {
background: url(images/footer-phone.png) no-repeat;
}
.homev2-landing .fcontact_email {
background: url(images/footer-email.png) no-repeat;
}
.homev2-landing .subscribe-form button {
background: #00A04A;
border: 1px solid transparent;
transition: all 0.4s ease 0s;
}
.homev2-landing .subscribe-form button:hover {
background: transparent;
border-color: #fff;
}
.homev2-landing .siderightbg {
background: transparent;
text-align: center;
}
.homev2-landing .home-service-icon {
background: #F4F6F8;
border-radius: 21px;
box-shadow: 0px 0px 5px inset #e5e5e5;
padding: 40px 10px;
}
.home-service-icon h2 {
color: #21366C;
line-height: 30px;
margin-bottom: 40px;
}
.home-service-icon h4 {
color: #21366C;
font-size: 15px;
max-width: 130px;
margin: 15px auto 0;
}
.home-service-icon .service-item {
display: inline-block;
width: 49%;
text-align: center;
max-width: 200px;
margin-bottom: 33px;
vertical-align: top;
}
.home-service-icon .service-item:hover a {
opacity: .75;
}
#information-section {
position: relative;
padding: 50px 20px;
}
.information-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.information-image img {
height: 100%;
width: 100%;
display: block;
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit: cover;';
object-position: right;
}
#information-section .wrap {
position: relative;
font-size: 25px;
line-height: 41px;
color: #21366C;
}
#information-section .client-info {
font-size: 17px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
margin-top: 22px;
}
#information-section .client-info strong {
color: #00A04A;
display: block;
text-transform: uppercase;
font-size: 19px;
}
.homev2-landing .fcontact_address span.icon {
background: url(images/chat-bubbles.png) no-repeat;
margin: auto;
width: 63px;
height: 50px;
display: block;
}
.homev2-landing #foot_top .contact-us-form {
padding-top: 10px;
}
.homev2-landing #foot_top .contact-us-form .wpcf7-form-control,
.homev2-landing .subscribe-form input[type=text],
.homev2-landing .subscribe-form input[type=email] {
/*border: 1px solid #ccc;*/
}
.homev2-landing #foot_top .contact-us-form .form-block {
margin-top: 22px;
}
.homev2-landing #foot_top .contact-us-form .form-block > label {
font-weight: 600;
}
.homev2-landing .wpcf7-form .wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.homev2-landing .wpcf7-form .wpcf7-checkbox input[type=checkbox] {
position: relative;
visibility: hidden;
}
.homev2-landing span.wpcf7-list-item-label {
margin-left: 5px;
}
.homev2-landing .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
height: 10px;
width: 10px;
top: 6px;
background: #c8f7de;
border-radius: 100%;
}
.homev2-landing .wpcf7-form-control-wrap .wpcf7-text:focus,
.homev2-landing .wpcf7-form-control-wrap .wpcf7-text:hover,
.homev2-landing .subscribe-form input[type=text]:focus,
.homev2-landing .subscribe-form input[type=text]:hover,
.homev2-landing .subscribe-form input[type=email]:focus,
.homev2-landing .subscribe-form input[type=email]:focus{
outline: none;
border: 0px;
box-shadow: none;
}
.homev2-landing .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 10px;
width: 10px;
top: 6px;
visibility: hidden;
background: #00A04A;
}
.homev2-landing .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.homev2-landing .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.homev2-landing .bx-wrapper .bx-pager {
text-align: left;
width: 100%;
left: 50% !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.homev2-landing #olark-wrapper .olark-launch-button {
background: #00A04A !important;
clip-path: none !important;
border-radius: 30px !important;
height: auto !important;
padding: 0px !important;
}
.homev2-landing #olark-wrapper .olark-launch-button:hover {
background: #21366C !important;
box-shadow: 0px 0px 3px #fff !important;
padding: 0px !important;
clip-path: none !important;
}
.homev2-landing #olark-wrapper .olark-button-focus-wrapper:focus-within {
clip-path: none !important;
background: transparent !important;
}
.homev2-landing #olark-wrapper .olark-launch-button .olark-button-text {
color: #ffffff !important;
font-size: 15px !important;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: normal !important;
}
.homev2-landing #foot_top .textwidget p {
font-weight: 400;
}
.homev2-landing #foot_top .fcontact_info a {
color: #bcbcbc;
font-weight: 400;
}
@media (max-width: 400px) {
.home-service-icon h4 {
font-size: 4vw;
}
}
@media (max-width: 766px) {
#cta-wrapper a.primary-button {
margin-bottom: 20px;
}
.homev2-landing .bx-wrapper .bx-pager {
display: none;
}
.homev2-landing .siderightbg {
margin: 0 5%;
}
.homev2-landing .form-inline label{
width: 100%;
}
.homev2-landing #footer {
line-height: 1.7;
}
.homev2-landing .fcontact_title ,
.homev2-landing .fcontact_number,
.homev2-landing .fcontact_email {
margin-bottom: 10px;
}
.homev2-landing .fcontact_address {
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 25px;
}
.homev2-landing .contact-us-form .form-inline:not(:last-child) {
margin-bottom: 10px;
}
}
@media (min-width:767px) and (max-width: 991px) {
.homev2-landing .siderightbg {
padding-top: 50px;
}
.home-service-icon .service-item {
width: 100%;
}
}
@media (min-width: 767px) {
.information-image {
display: block;
}
#information-section {
padding: 100px 20px;
}
.homev2-landing .form-inline {
display: inline-block;
width: 45%;
margin-right: 15px;
}
.homev2-landing .contact-us-form .areas-of-interest .wpcf7-list-item {
width: 40%;
}
.homev2-landing .wpcf7-list-item label {
white-space: pre-line;
font-size: 13px;
}
.homev2-landing .fcontact_address span.icon {
float:right;
}
}
@media (max-width: 991px) {
.homev2-landing #banner_slider,
.home_banner{
display: none;
}
}
@media (min-width: 992px) {
.homev2-landing .siderightbg {
padding-top: 90px;
}
.homev2-landing .form-inline {
width: 29%;
}
.homev2-landing .contact-us-form .areas-of-interest .wpcf7-list-item {
width: 33%;
}
.homev2-landing .contact-us-form .wpcf7-submit {
float: right;
position: relative;
top: -70px;
right: 20px;
}
}
@media (max-width: 1000px) {
.homev2-landing #information-section {
margin-top: 50px;
}
.homev2-landing .information-image:before {
content: '';
clear: both;
background: rgba(255,255,255,0.7);
height: 100%;
position: absolute;
width: 100%;
}
.homev2-landing #information-section .row-fluid .span6 {
width: 100%;
}
}
@media (min-width: 1001px) {
.homev2-landing #wrap .wrap {
padding: 0 30px;
}
}
@media (max-width: 1080px) {
.homev2-landing .bx-wrapper .bx-pager {
max-width: 815px;
}
}
@media (min-width: 1081px) and (max-width: 1199px) {
.homev2-landing .bx-wrapper .bx-pager {
max-width: 930px;
}
}
@media (max-width: 1235px) {
.homev2-landing .home_content .home-entry {
padding-left: 20px;
}
.homev2-landing .home_content .span4 {
padding-right: 20px;
}
}
@media (min-width: 1200px) {
.homev2-landing .home_content .span8 {
width: 57%;
margin-right: 8%;
}
.homev2-landing .banner_infos_desc h1 {
font-size: 49px;
line-height: 1.1;
font-weight: 400;
}
.homev2-landing #banner_slider .banner_infos_desc li {
font-size: 17px;
line-height: 1.5;
}
.homev2-landing .bx-wrapper .banner_infos .banner_fluid {
max-width: 1155px;
max-height: inherit;
display: flex;
align-items: center;
}
}
@media (min-width: 1200px) and (max-width: 1280px) {
.homev2-landing .bx-wrapper .bx-pager {
max-width: 999px;
}
}
@media (min-width: 1300px) {
.homev2-landing .banner_infos_desc h1 {
line-height: 58px;
}
.homev2-landing #banner_slider .banner_infos_desc li {
line-height: 39px;
}
.homev2-landing .bx-wrapper .bx-pager {
max-width: 1155px;
display: none;
}
}
@media (min-width: 1300px) and (max-width: 1400px ) {
.homev2-landing #banner_slider .banner_infos_desc li {
line-height: 1.5;
}
}
@media screen and (max-width:420px) {
div#mobile-nav {
top: 4.5em;
}
}
#siq_search_results .search-results-L {
display: none;
}
#siq_search_results table.siq_data_table td.contentTd, #siq_search_results table.siq_data_table td.imageTd.no-image , #siq_search_results table.siq_searcharea_table td.searchFiltersLeftTd, #siq_search_results table.siq_searcharea_table td.searchFiltersRightTd {
border: 0 !important;
}
table.siq_searcharea_table td.searchFiltersLeftTd, #siq_search_results table.siq_searcharea_table td.searchFiltersRightTd {
margin-top: 1rem !important;
}
#siq_search_results table.siq_searcharea_table td {
border: 1px solid rgba(0,0,0,.20) !important;
}
#siq_search_results .srch-poweredbysiq {
display: none !important;
}
body #siq_search_results .siq_searchForm .siq_searchWrapper .siq_searchTop .siq_searchInner .siq_searchBox {
border: 0;
}