/* Theme Name: Imperial Description: Wordpress 4.9.x ready theme for Imperial Cleaning Systems site. Version: 1.0 Author: Brand Lamb. Author URI: http://brandlamb.com/ */ /* ## RESETS ## */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:top;}:focus {outline: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} nav ul {list-style:none;} body {line-height:normal;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} input, select {vertical-align:middle;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} ins { color:#000; text-decoration:none;} /* ## GENERAL STYLES ## */ body {font-family: 'Open Sans', sans-serif !important; font-size:14px; color:#221c1a; line-height:24px;} h1, h2, h3, h4, h5, h6 {font-weight:700; line-height:normal; margin:0; font-family: 'Open Sans', sans-serif !important;} h1, h2, h3 {color:#000;} h4, h5, h6 {color:#333333;} h1, h2 {font-size:24px; padding:0 0 15px;} h3 {font-size:20px; padding:0px 0 12px;} h4 {font-size:18px; padding:0px 0 8px;} h5 {font-size:16px; padding:0px 0 6px;} h6 {font-size:16px; padding:0px 0 6px;} a:link, a:visited {color:#e0bc00; text-decoration:none; font-family: 'Open Sans', sans-serif !important;} a:focus, a:hover{color:#000; text-decoration:none; font-family: 'Open Sans', sans-serif !important;} a:active {color:#000; text-decoration:none; font-family: 'Open Sans', sans-serif !important;} p {padding:0 0 10px 0; font-family: 'Open Sans', sans-serif !important;} h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;} .fl {float:left;} .fr {float:right;} blockquote{margin:1.5em;color:#666;font-style:italic;} strong, dfn, b {font-weight:bold;} em, dfn{font-style:italic;} sup,sub {line-height:0; font-size:.6em;} sup {vertical-align:super} sub {vertical-align:sub;} abbr,acronym{border-bottom:1px dotted #666;} address{margin:0 0 1.5em;font-style:italic;} del{color:#666;} pre{margin:1.5em 0;white-space:pre;} pre,code,tt {font:1em'andale mono','lucida console',monospace;line-height:1.5;} ul,ol{margin:0 0 1.5em 0; padding-left:1.5em;} li ul, li ol{margin:0;} ul{list-style-type:disc;} ol{list-style-type:decimal;} dl{margin:0 0 1.5em 0;} dl dt{font-weight:bold;} dd{margin-left:1.5em;} table{margin-bottom:10px; width:100%;} th{font-weight:bold;} thead th{background:#c3d9ff;} th,td,caption{padding:4px 10px 4px 5px;} tfoot{font-style:italic;} caption{background:#eee;} tbody tr:nth-child(even) td,tbody tr.even td{} small{font-size:11px;} .red, .require, .star {color:#F00;} .center {text-align:center;} .justify {text-align:justify;} .clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;} .clr, .clear {clear:both; line-height:0px; height:0; display:block;} .nomg {margin-left:0 !important; margin-right:0 !important;} .hide, .ui-helper-hidden-accessible, .ui-tabs-hide {display:none;} .animated {visibility:hidden;} .section {float:left; width:100%; clear:both;} .row {display:block; float:left; margin-bottom:0px;} .relative {position:relative;} .fleft {float:left;} .fright {float:right;} /* ## GridNiO ## */ .main, .container {width:1200px; margin:0 auto !important; position:relative;} .container {position:static;} .main-boxed {width:1220px; margin:0 auto;} .grid, [class*="grid"] {float: left; margin-left:10px; margin-right:10px; } .off-grid {float:left;} .grid.first, [class*="grid"].first {margin-left:0px; } [class*="grid"] [class*="grid"]:first-child {margin-left:0px;} .grid.last, [class*="grid"].last {margin-right:0px;} [class*="grid"] [class*="grid"]:last-child {margin-right:0px;} .grid1 {width:80px;} .grid2 {width:180px;} .grid3 {width:230px;} .grid4 {width:339px;} .grid5 {width:480px;} .grid6 {width:580px;} .grid7 {width:680px;} .grid8 {width:780px;} .grid9 {width:880px;} .grid10 {width:980px;} .grid11 {width:1080px;} .grid12 {width:1180px;} .grid12 .grid3+.grid3+.grid3+.grid3, .grid9 .grid3+.grid3+.grid3 {margin-right:0;} .off-desktop, .on-tablet, .on-phone {display:none;} .on-desktop, .off-tablet, .off-phone {display:block;} a.on-desktop, a.off-tablet, a.off-phone {display:inline-block;} @media (max-width: 1279px) { .main, .container {width:960px;} .main-boxed {width:980px;} .grid1 {width:60px;} .grid2 {width:140px;} .grid3 {width:220px;} .grid4 {width:300px;} .grid5 {width:380px;} .grid6 {width:460px;} .grid7 {width:540px;} .grid8 {width:620px;} .grid9 {width:700px;} .grid10 {width:780px;} .grid11 {width:860px;} .grid12 {width:940px;} .off-desktop, .off-tablet, .on-phone {display:none;} a.off-desktop, a.off-tablet, a.on-phone {display:none;} .on-desktop, .on-tablet, .off-phone {display:block;} a.on-desktop, a.on-tablet, a.off-phone {display:inline-block;} } @media (min-width: 768px) and (max-width: 979px) { .main, .container { width:720px;} .main-boxed {width:740px;} .grid1 {width:40px;} .grid2 {width:100px;} .grid3 {width:160px;} .grid4 {width:220px;} .grid5 {width:280px;} .grid6 { width:340px;} .grid7 {width:400px;} .grid8 {width:460px;} .grid9 {width:520px;} .grid10 {width:580px;} .grid11 {width:640px;} .grid12 {width:700px;} .off-tablet, .on-desktop, .on-phone {display:none;} a.off-tablet, a.on-desktop, a.on-phone {display:none;} .off-phone, .on-tablet, .off-desktop {display:block;} a.off-phone, a.on-tablet, a.off-desktop {display:inline-block;} } @media (max-width: 767px) { .main, .container {max-width:90%; width:90%; } .row {width:100%; margin-bottom:0px;} .off-grid {display:none;} .grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {width:100%; margin-left:0px; margin-right:0px;} .on-desktop, .off-phone, .on-tablet {display:none;} a.on-desktop, a.off-phone, a.on-tablet {display:none;} .on-phone, .off-desktop, .off-tablet {display:block;} a.on-phone, a.off-desktop, a.off-tablet {display:inline-block;} } /* ## Column Fluid */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth {padding-bottom:10px; float:left;} .one-half {width:49%; padding-right:2%;} .one-half.last {float:right; padding-right:0;} .one-third {width:32%; padding-right:2%;} .one-third.last {float:right; padding-right:0;} .two-third {width:66%; padding-right:2%;} .two-third.last {float:right; padding-right:0;} .one-fourth {width:23.5%; padding-right:2%;} .one-fourth.last {float:right; padding-right:0;} .three-fourth {width:74.5%; padding-right:2%;} .three-fourth.last {float:right; padding-right:0;} .one-half+.one-half, .one-third+.two-third, .two-third+.one-third, .one-third+.one-third+.one-third, .one-fourth+.one-fourth+.one-half, .one-fourth+.one-half+.one-fourth, .one-half+.one-fourth+.one-fourth, .one-fourth+.three-fourth, .three-fourth+.one-fourth, .one-fourth+.one-fourth+.one-fourth+.one-fourth {float:right; padding-right:0%;} .one-half.fleft {padding-right:2%;} .one-half.fright {padding-right:0%;} .col-full, .full-col {width:100%; float:left; padding-bottom:10px;} .ie7 .one-half {width:48.5%;} .ie7 .one-third {width:31.5%;} .ie7 .two-third {width:65.5%;} .ie7 .one-fourth {width:23%;} .ie7 .three-fourth {width:74%;} @media (max-width:767x) { .one-half, .one-fourth, .three-fourth {width:49%; padding-right:2%;} .one-fourth+.one-fourth {padding-right:0;} .one-third, .two-third {width:100%; padding-right:0;} } @media (max-width: 599px) { .one-half, .one-third, .two-third, .one-fourth, .three-fourth {width:100%; padding-right:0%;} } /* HEADER */ .header {padding:10px 0;} .logo {float:left;} .logo img {max-width:100%; height:auto;} .header .top {margin-top:20px; float:right;} .header .call-phone, .header .socials, .header .buttons {float:left; margin-left:20px;} .header .socials {margin-top:2px; margin-left:10px;} .header .phone { font-size:20px; line-height:34px; font-weight:500; color:#333; background-image:url(images/icon-phone.png); background-repeat:no-repeat; background-position:0 50%; padding-bottom:2px; padding-left:32px; margin:0 15px; display:inline-block;} .header .phone a {color:#333; text-decoration:none;} .header .phone a:hover {color:#008100;} .header .top a.button { font-size:14px; line-height:21px; text-transform:uppercase; padding:7px 12px 8px; margin:0; background:#03a503;} .header .top a.button:hover {background:#008100;} .header .top a.button+.button {margin-left:6px;} /* SOCIAL */ .socials .link a {text-indent:9999em; display:inline-block; overflow:hidden; padding:0; width:32px; height:32px; margin:0 5px; background-color:none; background-repeat:no-repeat; background-position:0 0; background-image:url(images/icon-fb.png); text-align:left; transition:background ease-in-out .3s; -webkit-transition:background ease-in-out .3s; -moz-transition:background ease-in-out .3s;} .socials .link a:hover {} .socials span.link {display:inline-block;} .socials a.icon-fb {background-position:0 0;} .socials a.icon-fb:hover {background-position:0 -37px} /* FEATURE */ .feature {background:#edede7; color:#333; text-align:center; padding:60px 0 20px;} .wgs-featured {margin-bottom:30px; float:left; width:20%; padding:0 10px; box-sizing:border-box;} .wgs-featured h3, .wgs-featured h4, .wgs-featured h2 {padding-bottom:10px; font-size:18px; line-height:26px; font-weight:400; color:#333; text-transform:uppercase;} .wgs-featured h3 strong, .wgs-featured h3 b, .wgs-featured h4 strong, .wgs-featured h4 b {color:#088508; font-size:24px; display:block;} .wgs-featured h3 a, .wgs-featured h4 a, .wgs-featured h2 a {color:#333; text-decoration:none;} .wgs-featured h3 a:hover, .wgs-featured h4 a:hover, .wgs-featured h2 a:hover, .wgs-featured h3 a:hover strong, .wgs-featured h3 a:hover b, .wgs-featured h4 a:hover strong, .wgs-featured h4 a:hover b {color:#03a503;} .wgs-featured .nicon {margin-bottom:15px;} .wgs-featured a:hover .nicon {background:#088508;} .wgs-featured a:hover .ic-a i.icon {background-position:0 -80px;} .wgs-featured a:hover .ic-b i.icon {background-position:-80px -80px;} .wgs-featured a:hover .ic-c i.icon {background-position:-160px -80px;} .wgs-featured a:hover .ic-d i.icon {background-position:-240px -80px;} .wgs-featured a:hover .ic-e i.icon {background-position:-320px -80px;} /* Icon Box */ .box-icon {padding:0; margin-top:30px; text-align:center;} .box-icon.box-icon-basic { display:inline-block; width:280px;} .box-icon-basic+.box-icon-basic {margin-left:45px;} .box-icon:first-child, .box-icon.first {margin-left:0;} .box-icon:last-child, .box-icon.last {margin-right:0;} .box-icon .box-content {padding:8px 0 0; line-height:21px; letter-spacing:-0.02em;} .box-icon.grid-box .box-content {padding:10px 5px 0;} .box-icon .box-content p {padding-bottom:8px;} .box-icon .round { margin:0 auto 8px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center;} .box-icon .icon-x {display:table-cell; vertical-align:middle;} ..box-icon .title-text .title {padding-bottom:20px;} .box-icon .round, .box-icon .icon-x { width:136px; height:134px;} .box-icon .icon-x .title {font-size:26px; line-height:30px; font-weight:400; padding-bottom:15px;} .box-icon .type-icon {border:2px solid #330033; background:#330033; color:#fff; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -o-transition:background .3s;} .box-icon:hover .type-icon.hover {background:#fff; border-color:#330033;color:#330033;} .box-icon:hover .type-icon.hover.c-w {border-color:#fff;} .box-icon .type-text {border:2px solid #330033; background:#330033; color:#fff;} .box-icon.box-icon-wide .type-icon {background:#eaeded;} .box-icon .type-text .title {font-weight:500; font-size:18px; line-height:24px;} /* Theme Icon */ .type-icon .icon {display:block; width:80px; height:80px; margin:0 auto; background-position:80px 80px; background-image:url(images/icon-feature.png); background-repeat:no-repeat; overflow:hidden; text-indent:-999em; text-align:left; transition:background-color .3s; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; } .user-icon.round .icon {background-image:none;} .type-icon .icon-x a {display:block;} .nicon {display:inline-block;} .nicon.center { display:block; text-align:center;} .nicon i.si-round {-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding:12px !important} .nicon i.icon {display:block; margin:0 auto; width:80px; height:80px; background-position:200px 200px; background-image:url(images/icon-feature.png); background-repeat:no-repeat; overflow:hidden; text-indent:-999em; text-align:left; transition:background-color .3s; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; vertical-align:middle;} .ic-a i.icon, .type-icon .icon-a {background-position:0 0;} .ic-a:hover i.icon, .type-icon:hover .icon-a {background-position:0 -80px;} .ic-b i.icon, .type-icon .icon-b {background-position:-80px 0;} .ic-b:hover i.icon, .type-icon:hover .icon-b {background-position:-80px -80px;} .ic-c i.icon, .type-icon .icon-c {background-position:-160px 0;} .ic-c:hover i.icon, .type-icon:hover .icon-c {background-position:-160px -80px;} .ic-d i.icon, .type-icon .icon-d {background-position:-240px 0;} .ic-d:hover i.icon, .type-icon:hover .icon-d {background-position:-240px -80px;} .ic-e i.icon, .type-icon .icon-e {background-position:-320px 0;} .ic-e:hover i.icon, .type-icon:hover .icon-e {background-position:-320px -80px;} .nicon.size-normal {height:80px; width:134px; background:#fff; border:3px solid #088508; border-radius:50%; padding:27px 0; transition:background .3s;} .nicon.size-normal:hover {background:#088508;} /* ADVERT / BOTTOM */ .advert {background:#eee; padding:30px 0 5px;} .advert .wgs-content {margin-bottom:25px; overflow:hidden;} .advert h3, .advert h4, .advert h5 {color:#088508;} .advert .wg-title {text-transform:uppercase; font-size:22px; line-height:28px; padding-bottom:20px; text-align:center;} .bottom {background:#088508; color:#fff; padding:30px 0 5px; text-align:center;} .bottom .wgs-bottom {margin-bottom:20px;} .bottom h3, .bottom h4, .bottom h5 {color:#fff;} .bottom .wg-title {text-transform:uppercase; font-size:22px; line-height:28px; padding-bottom:20px;} .bottom input[type=text], .bottom input[type=email], .bottom input.wpcf7-text { border-color:#f4f7f4 !important; background:#f4f7f4; padding:11px 10px 12px; margin:2px 10px 6px;} .bottom input[type=submit], .bottom input.wpcf7-submit {background:#f4f7f4; color:#088508; padding:8px 25px 9px; margin:2px 10px 6px;} .bottom .ajax-loader {display:none !important;} .bottom .wpcf7-response-output {max-width:680px; margin:10px auto 5px !important;} /* FOOTER */ .footer {background:#e0bc00; padding:17px 0 10px; color:#fff; font-size:13px;} .footer a {color:#fff; text-decoration:none;} .footer a:hover {text-decoration:underline;} .footer .quick-nav {font-family: 'Roboto Condensed', sans-serif;} .footer .sep {padding:0 1px;} /* MAIN NAV */ .inav {background:#d10000;} .inav #nav-icon {display:none;} .inav ul, .inav ul.menu {list-style:none; margin:0; padding:0;} .inav ul li {float:none; margin:0; position: relative; display:inline;} .inav ul li a {color:#fff; font-weight:600; font-size:16px; line-height:20px; padding:12px 25px 13px; text-transform:uppercase; display:inline-block;} .inav ul li a:hover {text-decoration:none; color:#e0bc00;} .inav ul.menu > li > a span.sf-sub-indicator {display:none;} .inav ul.menu > li.current-menu-item.sfHover > a, .inav ul.menu > li.current-menu-parent > a, .inav ul.menu > li.current-menu-parent.sfHover > a, .inav ul.menu > li.current-menu-item > a, .inav ul.menu > li.current-page-parent > a, .inav ul.menu > li.current_page_parent > a, .inav ul.menu > li.current_page_item > a, .inav ul.menu > li.current-page-ancestor > a, .inav ul.menu > li.current-menu-ancestor > a {color:#e0bc00;} .inav ul.menu > li.sfHover > a {color:#e0bc00;} /* DROPDOWN */ .inav ul ul, .inav ul.menu ul, .inav div.menu ul ul {position:absolute; top:-999em; left:0; margin-top:0; width:215px; border-right:0; z-index:999; padding:0; list-style:none; background:#fff;} .inav ul li.sfHover ul, .inav ul li:hover ul {top:44px;} .inav ul li.sfHover ul ul, .inav ul li:hover ul ul {top:0; left:216px; margin-top:0;} .inav ul ul li, .inav ul.menu ul li, .inav div.menu ul ul li {width:100%; padding-right:0 !important; padding-left:0 !important; border-left:0;} .inav ul.sub-menu li {display:block;} .inav ul ul li a, .inav ul.menu ul li a, .inav div.menu ul ul li a {padding:10px 12px 11px 18px; text-align:left; display:block; color:#333; font-size:15px; font-weight:normal; line-height:18px; text-transform:inherit;} .inav ul ul li a, .inav ul.menu ul ul li a, .inav div.menu ul ul ul li a {font-size:14px; transition:all ease .8s; -moz-transition:all ease .8s; -webkit-transition:all ease .8s; } .inav ul ul li a:hover, .inav ul.sub-menu > li.sfHover > a {color:#008100 !important; background:#eaeaea;} .inav ul.sub-menu > li.current_page_item > a,.inav ul.sub-menu > li.current-page-ancestor > a, .inav ul.sub-menu > li.current-page-parent > a {color:#008100 !important; background:#eaeaea;} /* FLEX SLIDER */ .flexslider { position: relative; margin:0 auto; padding: 0; background:#fff; width:100%; overflow:hidden;} .flexslider .slides, .flexslider .flex-control-nav, .flexslider .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider .slides {zoom: 1;} .flexslider .slides img {width: 100%; display: block;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .no-js .flexslider .slides > li:first-child {display: block;} .flexslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .flexslider .slides {display: block;} * html .flexslider .slides {height: 1%;} /* SLIDER NEXT/PREV */ .flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev {background-repeat:no-repeat; background-position:50% 50%; border-radius:50%; height:47px; width:32px; text-indent:-999em; overflow:hidden; position:absolute; top:50%; margin-top:-24px; z-index:18; cursor: pointer; opacity:.8; filter:alpha(opacity=80);} .flex-direction-nav a.flex-prev {background-image:url(images/prev.png); left:12px;} .flex-direction-nav a.flex-next {background-image:url(images/next.png); right:12px;} .flex-direction-nav .flex-disabled {opacity: .3 !important; filter:alpha(opacity=30); cursor: default;} .flex-direction-nav a.flex-prev:hover, .flex-direction-nav a.flex-next:hover {opacity:.9; filter:alpha(opacity=90);} .flex-direction-nav a.flex-prev:active, .flex-direction-nav a.flex-next:active {opacity:1; filter:alpha(opacity=100);} /* SLIDER PAGINATION */ .flexslider .flex-control-nav {position:absolute;left:0; bottom:40px; list-style:none; padding:0; margin:0; z-index:19; padding:0; text-align:center; width:100%;} .flexslider .flex-control-nav li {width:18px; height:18px; overflow:hidden; display:inline-block; margin-left:6px; margin-right:6px;} .flexslider .flex-control-nav li a {display:block; padding-top:17px; height:1px; line-height:16px; text-indent:-999em; overflow:hidden; background:#fff; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .flexslider .flex-control-nav li a.flex-active {background:#008100;} /* SLIDER CAPTION */ .ibanner {position:relative; margin:0; padding:0; overflow:hidden;} .ibanner.iblog-header .ebanner {max-height:420px;} .ibanner .ebanner {width:100%; margin:0 auto; max-height:760px; overflow:hidden;} .ibanner .ebanner img {width:100%; height:auto; max-width:100%;} .ibanner .overlay {position:absolute; z-index:19; padding:10px 20px; max-width:435px; border-radius:5px;} .ibanner .overlay.caption-hide {display:none;} .ibanner .caption .content {line-height:30px; font-size:20px;} .ibanner .caption h2, .ibanner .caption h3, .ibanner .caption h4 {font-weight:700; font-size:32px; line-height:36px; padding:0 0 20px;} .ibanner .caption h4 {font-size:18px; line-height:24px;} .ibanner .caption p {padding:0 0 10px;} .ibanner .caption.page-title {position:absolute; z-index:19; left:0; right:0; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); padding:20px 0 18px; color:#fff; text-align:center; text-transform:uppercase;} .ibanner .caption.no-overlay {position:static; padding:30px 0 35px; background:#008100; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); } .ibanner .caption.page-title h1, .ibanner .caption.page-title h2, .ibanner .caption.page-title .title {color:#fff; padding:0 0 10px; font-size:32px; line-height:36px; font-weight:500;} .ibanner .caption.page-title p, .ibanner .caption.page-title .sub-title, .ibanner .caption.page-title .static-title { padding:0; margin-top:0; text-transform:uppercase; font-size:32px; line-height:36px; font-weight:700;} .ibanner .caption .title {margin-bottom:0px; position:relative; text-transform:uppercase;} .ibanner .caption .title h3 {padding:0 0 8px; font-size:32px; line-height:36px;} .ibanner .caption a.button {background:#008100; color:#fff; border:0; padding:12px 25px 13px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; font-size:15px; line-height:24px; font-weight:700; margin-top:10px; text-transform:uppercase; min-width:220px; text-align:center;} .ibanner .caption a.button:hover {background:#03a503; color:#fff;} .ibanner .overlay.bgcolor-dark {background:#222; background:rgba(34,33,33,.85);} .ibanner .overlay.bgcolor-light {background:#fff; background:rgba(255,255,255,.85);} .ibanner .overlay.bgcolor-none {background:none; padding:0;} .ibanner .color-light { color:#fff;} .ibanner .color-dark { color:#008100;} .ibanner .color-light h3, .ibanner .color-light h4, .ibanner .color-light h5, .ibanner .color-light h2, .ibanner .color-light h1 {color:#fff;} .ibanner .color-dark h3, .ibanner .color-dark h4, .ibanner .color-dark h5, .ibanner .color-dark h2, .ibanner .color-dark h1 {color:#8a1d28;} .ibanner .color-light .content h3 {color:#fff;} .ibanner .content .title h3 {color:#008100;} .ibanner .overlay.align-right { text-align:right;} .ibanner .overlay.align-left { text-align:left;} .ibanner .overlay.align-center { text-align:center;} .ibanner .overlay.pos-right, .ibanner .overlay.pos-right-t, .ibanner .overlay.pos-left, .ibanner .overlay.pos-left-t {top:30px;} .ibanner .overlay.pos-right, .ibanner .overlay.pos-right-t {right:25px;} .ibanner .overlay.pos-left, .ibanner .overlay.pos-left-t {left:25px;} .ibanner .overlay.pos-right-t, .ibanner .overlay.pos-left-t {top:25px; margin-top:0 !important;} .ibanner .overlay.pos-middle, .ibanner .overlay.pos-middle-t {left:50%; width:680px; max-width:inherit; margin-left:-340px; top:30px;} .ibanner .overlay.pos-middle-t {margin-top:0 !important; top:25px; } .ibanner .overlay.pos-bottom{ top:0 !important; margin-top:0 !important; transform:translate(0,200%);} /* TABS */ .itabs { margin-top:15px;} .itabs-default .tabs-nav {list-style:none; margin:0 0 10px; padding:0; border-bottom:1px solid #03a503; overflow:hidden;} .itabs-default .tabs-nav li {border-bottom:0 none; margin:0 1px 0 0; padding:0; font-size:20px; display:inline; text-transform:uppercase;} .itabs-default .tabs-nav li a {color:#4d4d4f; background:#ccdee8; font-weight:normal; text-decoration:none; display:inline-block; padding:15px 38px 16px;} .itabs-default .tabs-nav li a:hover {background:#9dc0d3; color:#000} .itabs-default .tabs-nav li.active a {background:#03a503; color:#fff; font-weight:bold;} .itabs-default .tabs-container {padding:10px 0 10px;} /* ACCORDION */ .iaccordion h3.title, .iaccordion .ui-accordion-header {font-size:20px; font-weight:600; line-height:24px; color:#4d4d4f; padding:10px 30px 11px 50px; border:1px solid #d7d6d6; border-bottom:0; border-left-color:#fff; border-right-color:#fff; background:url(images/to-close.png) no-repeat 10px 50%;} .iaccordion h3.title.ui-accordion-header-active, .iaccordion h3.title.ui-state-active, .iaccordion .ui-accordion-header.ui-state-active {background:url(images/to-expand.png) no-repeat 10px 50%; border-color:#d7d6d6;} .iaccordion .entry+.title { margin-top:-1px;} .iaccordion h3.title a, .iaccordion .ui-accordion-header a {color:#4d4d4f; text-decoration:none;} .iaccordion .entry, .iaccordion .ui-accordion-content {border:1px solid #d7d6d6; border-top:0; padding:8px 30px 15px 50px;} /* FAQ */ .inio-faq .ui-accordion-header {background:#fff url(images/to-close-ac.png) no-repeat 98% 50%; padding:13px 50px 14px 20px; margin-bottom:10px; font-size:22px; line-height:24px; font-weight:600;} .inio-faq .ui-accordion-header:hover {cursor:pointer;} .inio-faq .ui-accordion-header a {color:#228750; } .inio-faq .ui-accordion-header a:hover, .inio-faq .ui-accordion-header.ui-state-active a {color:#228750;} .inio-faq .ui-accordion-header.ui-state-active {background-image:url(images/to-expand-ac.png); margin-bottom:0;} .inio-faq .ui-accordion-content {padding:15px 15px 20px; background:#f2f7f5; margin-bottom:10px;} /* ## WRAPPER/CONTENT ## */ .wrap {padding:35px 0 30px;} .icontent {padding:0;} .rightside {float:right;} .leftside {float:left;} .wgs-side {margin-bottom:20px; border:1px solid #bebebe; border-radius:5px;} .wgs-side .widget-content { padding:18px 20px 5px; } .widget-content .widget-content {padding:0;} .wgs-side p {padding:0 0 12px;} .wgs-side p > span { color:#088508;} .wgs-side ul {margin:0 0 12px; padding:0; list-style:none;} .wgs-side ul ul {margin:6px 0 0;} .wgs-side ul li {padding:0 0 5px;} .wgs-side h3, .wgs-side h4 {color:#088508; font-size:22px; line-height:28px; padding-bottom:12px;} .wgs-side h4 {font-size:18px; line-height:24px;} .wgs-side .wg-title { text-transform:uppercase; background:#bebebe; color:#000; padding:7px 20px 8px; margin:-18px -20px 12px; border-radius:4px 4px 0 0;} .quote-form {background:#7f827f; border-radius:3px; color:#fff; margin:-18px -20px -5px; padding:20px;} .quote-form .wg-title {background:none; color:#fff; margin-bottom:5px;} /* SECTION STYLE */ .container-section {padding:55px 0 60px;} .container-section .content {font-size:17px; line-height:28px;} .container-section .content blockquote, .container-section .content blockquote p {font-size:22px; line-height:28px; font-style:normal;} .container-section.iparallax {background-size:cover; background-repeat:no-repeat; background-position:50% 50%;} .container-section .ibox a.button {margin-top:25px;} .container-section.section-no-pad, .container-section.no-pad, .container-section.section-careers {padding:0;} .section-no-pad img.aligncenter, .no-pad img.aligncenter {margin:0 auto;} .section-light {color:#fff; border-bottom:1px solid #fff;} .section-grey {background-color:#ededed; border-bottom:1px solid #ededed;} .section-light .content h3, .section-light .content h4, .section-light .content h5, .section-light .content h2, .section-light .content h1, .section-light .content h3 strong, .section-light .content h2 strong {color:#fff;} .section-light .box-icon a, .section-light a {color:#fff; text-decoration:none;} .section-light .box-icon a:hover, .section-light a:hover {color:#77d577;} .iparallax {position:relative;} .iparallax .section-wrap {z-index:1;} .iparallax .parallax-overlay {position:absolute; z-index:0; background:rgba(0,0,0,.45); left:0; right:0; top:0; bottom:0;} .iparallax .parallax-overlay.overlay-half {left:50%; background-position:0 0; background-repeat:repeat; background-size:auto;} .iparallax .parallax-overlay.overlay-style1, .iparallax .parallax-overlay.overlay-style2 {background-size:cover; background-repeat:no-repeat;} .iparallax .parallax-overlay.overlay-style1 {left:53%; background-position:0 50%;} .iparallax .parallax-overlay.overlay-style2 {right:53%; background-position:100% 50%;} .section-simple.iparallax .parallax-overlay, .simple.iparallax .parallax-overlay{display:none;} /* ### POST/PAGES ### */ .icontent {overflow:hidden; font-size:14px; line-height:24px;} .icontent h3.heading { font-size:26px; line-height:38px; font-weight:normal; color:#333;} .icontent .heading a {color:#000; text-decoration:none;} .icontent .heading a:hover { color:#333;} .icontent h2+h3, .icontent h2+h4 {margin-top:-8px; font-size:18px; line-height:20px; padding-bottom:6px; color:#333; font-weight:400;} .icontent h3+h3, .icontent h4+h3 {margin-top:10px;} .icontent h3+h4 {margin-top:-6px; font-weight:400; font-size:15px;} .icontent p {padding:0 0 15px;} .icontent p:last-child {padding:0;} .icontent table {margin:0 0 12px;} .icontent td, .icontent th {padding:0px 15px 15px 0px;} .icontent td, .icontent td p {line-height:19px; font-size:13px;} .icontent td p {padding:0 0 12px;} .icontent td {vertical-align:top;} .icontent hr {border:none; border-bottom:1px solid #dbdbdb; clear:both; padding-top:8px; margin-bottom:15px;} .icontent .divider { border-bottom:1px solid #dbdbdb; clear:both; margin:30px 0 25px; } .icontent .gap {display:block; clear:both; overflow:hidden;} .icontent .gap-size-20, .icontent .gap-size-small {height:20px;} .icontent .gap-size-35, .icontent .gap-size-medium {height:35px;} .icontent .gap-size-50, .icontent .gap-size-large {height:50px;} .icontent blockquote {margin:0 0 20px; padding:8px 0 12px; font-size:17px; line-height:28px; font-style:normal; color:#7a7a7a; overflow:hidden;} .icontent blockquote p {padding:0 0 8px; font-size:17px; line-height:28px; font-style:italic;} .icontent blockquote+h5 {margin-top:-20px; font-style:italic; text-align:right; font-size:15px; margin-bottom:12px; color:#222;} .icontent li a {text-decoration:none;} .icontent li a:hover {text-decoration:underline;} .icontent ol {list-style:decimal; margin:-4px 0 12px; padding:0; padding-left:20px;} .icontent ol ol {margin:0px; padding-left:20px} .icontent ol li {line-height:21px; padding:0 5px 5px; font-size:14px; line-height:19px;} .icontent ul {list-style:none; margin:0px 0 10px; padding:0; padding-left:0px;} .icontent ul:last-child {margin-bottom:0;} .icontent ul ul {margin:0px; padding-top:6px; list-style:none;} .icontent h5+ul, .icontent h4+ul {margin-top:-5px;} .icontent ul li {padding:0 10px 5px 25px; background:url(images/list-icon.png) no-repeat 0 5px; line-height:20px;} .icontent ul.col4, .icontent ul.col3, .icontent ul.col2, .icontent ol.col4, .icontent ol.col3, .icontent ol.col2 { float:left; margin:0;} .icontent ul.col4, .icontent ol.col4 {width:25%;} .icontent ul.col3, .icontent ol.col3 {width:33.33%;} .icontent ul.col2, .icontent ol.col2 {width:50%;} /* BUTTON*/ a.button {width:auto; cursor:pointer; font-weight:700; font-size:14px; line-height:20px; text-decoration:none; display:inline-block; padding:8px 18px 9px; border:0 none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#e0bc00; color:#fff; transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; margin:2px 0 5px;} a.button+.button {margin-left:8px;} a.button:hover {text-decoration:none; color:#fff; background:#d10000;} a.button.btn-large {padding:15px 30px 16px; font-size:18px; line-height:24px; font-weight:700; text-transform:uppercase;} a.button.btn-grey {background:#6a6566;} a.button.btn-grey:hover {background:#008100;} a.post-edit-link {background:#03a503; color:#fff; font-size:9px; text-decoration:none; text-transform:uppercase; padding:3px 6px; line-height:14px;} a.post-edit-link:hover {background:#03a503; color:#fff;} img {max-width:100%; height:auto;} img.alignright {float:right; margin:4px 0 15px 20px; clear:right;} img.alignleft {float:left; margin:4px 20px 15px 0; clear:left;} img.alignalone {margin:5px auto 15px;} img.alignnone {margin:8px 10px 15px 0px;} img.aligncenter {margin:5px auto 8px; display:block;} img.alignright, img.alignleft, img.alignnone, img.aligncenter {border-radius:5px;} .wp-caption.alignright {float:right; margin:4px 0 5px 20px; clear:right;} .wp-caption.alignleft {float:left; margin:4px 20px 5px 0; clear:left;} .wp-caption.alignalone {margin:5px auto 8px;} .wp-caption.alignnone {margin:2px 0px 3px;} .wp-caption.aligncenter {margin: 5px auto 8px;} .wp-caption.alignright, .wp-caption.alignleft, .wp-caption.alignnone {padding:0;} .wp-caption p {padding:5px 0 0; color:#1788d5; text-align:center;} .wp-caption img {max-width:100%; height:auto;} a.download-button {display:inline-block; margin:0 0 5px; text-decoration:none; font-size:14px; line-height:20px; padding:1px 0 4px 25px;} a.download-button.icon-pdf { background:url(images/icon-pdf.png) no-repeat 0 0px;} a.download-button.icon-pdf span.non-visible {text-indent:-999em; overflow:hidden; display:inline-block;} /* ## COMMENT ## */ .commentlist {list-style:none; padding:0; margin:8px 0 0; font-size:12px; line-height:17px;} .commentlist ul.children { padding:0; margin:0; margin-left:100px; list-style:none;} .commentlist li {margin-bottom:15px;} .commentlist li li {margin-bottom:0; margin-top:15px;} /* ## PAGINATION ## */ .pagi {text-align:center; padding:5px 0; display:table; width:100%;} .pagi ul.page-numbers {display:inline; margin:0; padding:0;} .pagi ul.page-numbers li {display:inline; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:700; background:none;} .pagi ul.page-numbers li a.page-numbers {display:inline-block; padding:8px 4px; width:40px; background:#efefef; color:#ec5a5b; margin:0 1px 1px 0; text-decoration:none;} .pagi ul.page-numbers li a.page-numbers:hover{background:#dadae2; color:#008100; text-decoration:none;} .pagi ul.page-numbers li span.page-numbers.current {background:#f6f6f6; padding:8px 4px; width:40px; color:#000; margin:0 1px 1px 0; display:inline-block;} .pagi ul.page-numbers li a.next, .pagi ul.page-numbers a.prev { padding:8px 4px; width:40px;} .pagi.ipagi {overflow:hidden; margin:10px 0;} .pagi .inext {float:right;} .pagi .iprev {float:left;} .pagi .inext a, .pagi .iprev a {display:inline-block; padding:8px 4px; width:40px; background-color:#efefef; color:#ec5a5b; margin:0 3px 3px 0; text-decoration:none; background-repeat:no-repeat; font-weight:700; font-size:16px;} .pagi .inext a:hover, .pagi .iprev a:hover {background-color:#dadae2; color:#008100; text-decoration:none;} /* Form */ .wpcf7 p {padding:0 0 5px;} .wpcf7 p > strong {font-weight:normal; display:inline-block; color:inherit; padding-bottom:10px; width:185px;} input.input, input[type=text], input[type=password], input[type=email], input[type=tel], input.wpcf7-text, input.wpcf7-email, input.wpcf7-date, input.wpcf7-tel, select, textarea {background:#fff; border:1px solid #d0d0d0; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:18px; color:#4e4e4e; width:260px; padding:8px 10px 9px; margin:2px 0 6px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} textarea {height:115px;} select {padding:5px 5px 6px 10px;} input.wpcf7-file {padding:5px 5px 5px;} input.input:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input.wpcf7-text:focus, input.wpcf7-email:focus, input.wpcf7-date:focus, input.wpcf7-tel:focus, select:focus, textarea:focus {border-color:#757575; color:#333;} input.error, select.error, textarea.error, input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid {border-color:#ffbfbf;} input.wpcf7-submit, input.button, input.submit, input#submit, input[type='button'], input[type='submit'], button[type=button], button.button {background:#d10000; border:2px solid #d10000; display:inline-block; padding:5px 20px 5px; line-height:24px; font-size:15px; color:#fff; text-decoration:none; text-transform:uppercase; margin:2px 0 6px; width:auto; font-weight:700; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; appearance:inherit; -webkit-appearance:inherit; -moz-appearance:inherit; transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s; } p.right input.wpcf7-submit, p[align=right] input.wpcf7-submit {float:right;} input.wpcf7-submit:hover, input.button:hover, input.submit:hover, input#submit:hover, input[type='button']:hover, input[type='submit']:hover, button[type=button]:hover, button.button:hover {color:#d10000; background:transparent; border-color:#d10000; cursor:pointer;} input.wpcf7-submit[disabled=disabled] {background:#999; cursor:default;} span.wpcf7-form-control-wrap {display:inline-block;} span.wpcf7-form-control-wrap input.vsmall {width:75px; margin-right:10px;} span.wpcf7-form-control-wrap input[type=checkbox], span.wpcf7-form-control-wrap input[type=radio] {width:auto;} span.wpcf7-list-item {display:block; margin-left:0; margin-top:3px;} span.wpcf7-list-item input {margin-top:0; padding:0; width:auto;} .wpcf7-not-valid-tip {font-size:10px !important; margin-top:10;position: absolute; right: 5px; top: 5px;} .wpcf7-response-output {background:#fff; font-size:13px !important; margin:10px 0 6px !important; text-align:center; padding:8px !important; border: 1px solid #03a503 ; color:#000;} div.wpcf7-mail-sent-ok{ color:#398f14;}.wpcf7 img.ajax-loader {width:16px !important; height:16px !important;} .wpcf7 .wpcf7-form-control-wrap.ishuman {display:inline-block !important;} .wpcf7 span.wpcf7-form-control-wrap input.wpcf7-captchar {width:85px !important; margin-right:8px;} .wpcf7 img.wpcf7-captchac {background:#fff; width:72px !important; height:24px !important;margin-top:2px;border:1px solid #ccc;padding:5px 8px 7px; margin-right:10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .error {color:#F00; font-size:12px; padding:0 0 6px; line-height:16px;} .sidebar span.wpcf7-form-control-wrap, .one-half span.wpcf7-form-control-wrap, .col-full span.wpcf7-form-control-wrap {display:block;} .sidebar input.input, .sidebar input[type="text"], .sidebar input[type="password"], .sidebar input[type="email"], .sidebar input.wpcf7-text, .sidebar select, .sidebar textarea, .sidebar span.wpcf7-form-control-wrap select, .sidebar span.wpcf7-form-control-wrap textarea, .one-half input.input, .one-half input[type="text"], .one-half input[type="password"], .one-half input[type="email"], .one-half input.wpcf7-text, .one-half select, .one-half textarea, .one-half span.wpcf7-form-control-wrap select, .one-half span.wpcf7-form-control-wrap textarea, .col-full input.wpcf7-text, .col-full span.wpcf7-form-control-wrap textarea{width:100%;} #twttrHubFrameSecure, #twttrHubFrame, #fb-root {display:none !important;} /* Css By Nayem */ .logo{width:20%; float:left;} .rightsection{width: 68%; float:right; margin-top: 25px;} .copyright{float:left;} .footer-social{float:right; text-align:right;} .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {margin: 0 !important;} .footer-social .zoom-social_icons-list-span{color:#4d4d4d !important;} .copyright p{padding:0px; color:#4d4d4d; font-weight:600;} .rightfloat{float:right;} .rightsection, .rightsection a{color:#8e8e8e;} .wgs-topaddress, .wgs-opening{position:relative;} .wgs-topaddress::before{content:'\f041'; position: absolute; left:-35px; top:11px; font-family: FontAwesome; font-size: 40px; color:#e0bc00;} .wgs-opening::before{content:'\f017'; position: absolute; left:-48px; top:11px; font-family: FontAwesome; font-size: 40px; color:#e0bc00;} .wgs-topphone a{font-size:17px; font-weight:700;} .wgs-topphone a i{font-size:34px; color:#e0bc00;} .wgs-topsocials .zoom-social_icons-list-span{color:#d10000 !important;} .ibanner{position:relative;} .wgs-topcontact{background:#e0bc00; width: 260px; padding: 25px; position: absolute; z-index: 9; right: 0; bottom: 0px;} .wpcf7-form h1{color:#fff; text-transform:uppercase;} .menu li.getaquote a{background:#e0bc00 !important; border-radius:8px; padding:6px 18px; font-weight:700; border:1px solid #e0bc00; color:#d10000 !important; transition:all .4s linear; margin-top: 5px;} .menu li.getaquote a:hover{background:transparent !important; color:#fff !important; } .chooseus h1{font-size:40px; font-weight:400;} .chooseus h3{text-transform:uppercase; margin-bottom:20px;} .chooseus p{color:#757575;} .underlines h3{color:#e0bc00; text-transform:uppercase; margin-bottom:25px; position:relative;} .underlines h3::before{content:''; width:60px; height:2px; background:#d10000; position:absolute; left:0; right:0; bottom:0; margin: 0 auto;} .underlines p{color:#fff;} .underlines a{color:#989898; font-weight:600;} .underlines a:hover{text-decoration:underline; color:#fff;} .samebgclass .vc_column-inner{height:275px;} .samebgclass .wpb_wrapper{position: absolute; left: 0; right: 0; top: 35%; display:none;} .samebgclass .wpb_wrapper h1, .samebgclass .wpb_wrapper h2, .samebgclass .wpb_wrapper h3, .samebgclass .wpb_wrapper h4{color:#000; text-transform:uppercase; font-size:22px;} .samebgclass .wpb_wrapper a{background:#d10000; border:2px solid #d10000; display:inline-block; padding:5px 20px 5px; line-height:24px; font-size:15px; color:#fff; text-decoration:none; text-transform:uppercase; margin:2px 0 6px; width:auto; font-weight:700; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; appearance:inherit; -webkit-appearance:inherit; -moz-appearance:inherit; transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s;} .samebgclass .wpb_wrapper a:hover{background:transparent; color:#d10000;} .samebgclass:hover .wpb_wrapper{display:block !important;} .lasth1 h1{color:#fff; font-size:39px;} .clientsh1 h1{color:#000; font-size:40px; font-weight:400; margin-bottom:25px;} .footertop{background:#363636; padding:0px 0px 40px;} .footertop h4{color:#363636; text-transform:uppercase; margin-bottom:35px;} .wgs-footertop{padding:20px;} .wgs-footertop p{color:#989898;} .wgs-footertop a{color:#989898;} .wgs-footertop a:hover{color:#fff; text-decoration:underline;} .wgs-footertop ul{list-style:none; padding-left: 0;} .wgs-footertop ul li a{color:#989898; padding-bottom: 10px; display: block;} .wgs-footertop ul li a:hover{color:#fff; text-decoration:underline;} .footerdivider{background:#989898; padding:30px 0px;} .allwidget{margin-top: -61px;} .blog-freatured-image{margin-bottom:25px;} .blog-posts-title .blog-freatured-image img{margin-top:30px; margin-bottom:25px;} .blog-posts-title h1.heading{padding-bottom:20px;} .post-metas span{padding:0px 7px;} .post-metas span.pub-date{padding-left:0px;} .comment-respond{margin-top:25px; margin-bottom:30px;} .post-metas a{text-decoration:none; font-weight:bold;} .archive article{margin-bottom:25px;} .post-metas p{margin-bottom:20px;} .bx-viewport{height:auto !important;} .tslider .cbp-qtcontent img {max-width:45% !important; border-radius: 0 !important; width: 100%; height: 326px;} .tslider blockquote footer, .tslider blockquote footer a {font-size: 16px !important; color: #757575 !important; text-align: left !important; font-weight:700;} .tslider blockquote p {font-size: 15px !important; color:#000 !important; font-weight:600 !important;} .bx-wrapper .bx-prev {left: -23px !important;} .bx-wrapper .bx-next {right: -42px !important;} /* #### RESPONSIVE #### */ @media (min-width: 1367px){ .featured {padding:30px 0 10px;} } @media (max-width: 1279px){ .ibanner .overlay {max-width:320px; padding:12px 15px 10px;} .ibanner .caption .content {line-height:18px; font-size:12px;} .ibanner .caption h2, .ibanner .caption h3, .ibanner .caption h4 {font-size:18px; line-height:20px; padding:0 0 6px;} .ibanner .caption h4 {font-size:14px; line-height:18px;} .ibanner .caption .title {margin-bottom:5px;} .ibanner .caption .title h3 {font-size:18px; line-height:24px; padding:0;} .ibanner .caption a.button {font-size:12px; padding:6px 15px 7px;} .ibanner .caption.page-title h1, .ibanner .caption.page-title h2, .ibanner .caption.page-title .title {font-size:16px; line-height:32px;} .ibanner .caption.page-title p, .ibanner .caption.page-title .sub-title, .ibanner .caption.page-title .static-title {font-size:24px;line-height:28px;} .ibanner .overlay.pos-right, .ibanner .overlay.pos-right-t, .ibanner .overlay.pos-left, .ibanner .overlay.pos-left-t {top:40px;} .flexslider .flex-control-nav, .fullwidex-slider .flexslider .flex-control-nav {bottom:15px;} .wgs-featured h3, .wgs-featured h4, .wgs-featured h2 {font-size:14px; line-height:20px;} .wgs-featured h3 strong, .wgs-featured h3 b, .wgs-featured h4 strong, .wgs-featured h4 b {font-size:16px;} .nicon.size-normal {width:114px; padding:17px 0;} .type-icon .icon , .nicon i.icon {background-image:url(images/icon-feature2x.png); background-size:400px auto} } /* FOR MENU */ @media (max-width:979px) { .inav { background:#d10000 ; right:0; margin:0; margin-top:0; } .inav #nav-icon {background: #d10000 url("images/nav-trigger.png") no-repeat scroll 100% 3px / 32px auto;color: #fff;cursor: pointer;display: block;float: right;font-family: 'Open Sans', sans-serif; font-size: 16px;font-weight: bold;height:40px; line-height: 24px; margin-left: 0;padding: 0;text-align: left;text-transform: uppercase;width: 100%;} .inav #nav-icon:hover, .inav #nav-icon.show {background:#d10000 url("images/nav-trigger.png") no-repeat scroll 100% 3px / 32px auto; color:#304ca5 ;} .inav #nav-icon span {display: block;float: left;line-height: 40px; color:#fff;} .inav ul.menu {clear:both;border:0 none;position:absolute; top:40px;right:0;z-index:99999; padding:0; background:#ede9e9; display:none; } .inav ul.menu li {float:left; margin:0; padding:0; width:100%; background:none !important; border-bottom:1px solid #e0dcdc; border-left:0; text-align:left;} .inav ul.menu li:last-child, .inav ul.menu li.last {border-bottom:0 none;} .inav ul.menu li a {display:block; background:none !important; padding:8px 10px 10px !important; line-height:20px; font-size:15px; color:#000; border:0 none !important; font-family: 'Open Sans', sans-serif; text-shadow:none; text-transform: none; text-align: left; font-weight:500;} .inav ul.menu li.menu-item-has-children > a .sf-sub-indicator {display:none;} .inav ul.menu > li.current-menu-item.sfHover > a, .inav ul.menu > li.current-menu-parent > a, .inav ul.menu > li.current-menu-parent.sfHover > a, .inav ul.menu > li.current-menu-item > a, .inav ul.menu > li.current-page-parent > a, .inav ul.menu > li.current_page_parent > a, .inav ul.menu > li.current_page_item > a, .inav ul.menu > li.current-page-ancestor > a, .inav ul.menu > li.current-menu-ancestor > a{ color:#d10000 ;} .inav ul.menu li a br, .inav ul.menu li .sf-sub-indicator {display:none !important;} .inav ul.menu li li a {color:#676767 !important;} .inav ul.menu li a:hover, .inav ul.menu li ul a:hover, .inav ul.menu li a:active, .inav ul.menu li ul a:active, .inav ul.menu li.sfHover > a, .inav ul.sub-menu > li.current_page_item > a, .inav ul.sub-menu > li.current-page-ancestor > a, .inav ul.sub-menu > li.current-page-parent > a {color:#d10000 !important; } .inav ul.menu ul {width:100%;position:static; visibility:visible !important; display:none !important;background:#71101a; border:0; margin:0;} .inav ul.menu li:hover ul, .inav ul.menu li.sfHover ul {display:block !important;} .inav ul.menu ul li {border-top:0; border-left:0; border-right:0; border-bottom:0 none; width:100%;} .inav ul.menu ul li a {padding:9px 10px 8px!important; font-size:16px; text-align:center;} .inav ul.menu ul li ul li a {padding:9px 10px 8px !important; font-size:15px; text-align:center;} .inav ul li.sfHover ul, .inav ul li:hover ul, .inav ul li.sfHover li.sfHover ul {top:inherit; left:inherit; margin-top:auto;} .menu li.getaquote a{display:none !important;} } @media (min-width: 980px) { .inav ul.menu {display: block !important;} } @media (max-width:979px) { .container-section {padding:30px 0 35px;} /* OTHER */ .icontent {font-size:13px; line-height:20px;} .icontent h1 {font-size:22px; line-height:30px;} .icontent h2 {font-size:22px; line-height:30px;} .icontent h3 {font-size:17px; line-height:24px;} .icontent h3 {font-size:17px; line-height:24px;} } @media (min-width: 768px) and (max-width: 979px) { .bottom input[type="text"], .bottom input[type="email"], .bottom input.wpcf7-text {width:240px;} } @media (max-width: 767px) { body {min-width:300px;} .sidebar {margin-top:25px;} .icontent ul.col4, .icontent ul.col3, .icontent ul.col2, .icontent ol.col4, .icontent ol.col3, .icontent ol.col2 {float:none; width:auto;} .advert .wg-title {text-align:left;} .advert .wg-title, .bottom .wg-title {font-size:18px; line-height:24px; padding-bottom:12px;} .bottom span.wpcf7-form-control-wrap {display:block;} .footer .quick-nav {display:block;} .footer .sep1 {display:none;} .wgs-featured {float:none; display:inline-block; width:50%; max-width:250px;} .logo {width: 100%; float: none; text-align: center;} .rightsection, .rightsection a {display: none;} .wgs-footertop {padding: 0;} .footer-social {float: none; text-align: center;} .copyright {float: none; text-align: center;} .allwidget {margin-top: 0;} .footertop h4 {color: #fff; margin-bottom:15px; margin-top:20px; font-size: 15px;} .footerdivider{display:none;} .wgs-topcontact {width: 100%; position: static; margin: 20px auto 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .same{width:100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .wpcf7-form h1{font-size:21px;} .samebgclass .wpb_wrapper {display:block;} .clientsh1 h1 {font-size:17px;} .tslider .cbp-qtcontent img {max-width: 100% !important; border-radius: 0 !important; width: 100%; height: auto; margin: 0 !important; float: none !important;} .bx-wrapper .bx-next {right: -29px !important;} .bx-wrapper .bx-prev {left: -18px !important;} .tslider blockquote p {font-size: 13px !important;} .tslider blockquote footer, .tslider blockquote footer a {font-size: 14px !important;} } @media (max-width:599px) { .ibanner .caption .content {line-height:20px; font-size:13px;} .ibanner .thumbs {width:100%; } .ibanner .caption h2, .ibanner .caption h3, .ibanner .caption h4 {font-size:16px; line-height:18px; padding:0 0 5px; font-weight:bold;} .ibanner .caption .title h3 {font-size:18px; line-height:18px;} .ibanner .caption .title {margin-bottom:0px;} .ibanner .caption.page-title h1, .ibanner .caption.page-title h2, .ibanner .caption.page-title .title {font-size:13px; line-height:22px;} .ibanner .caption.page-title p, .ibanner .caption.page-title .sub-title, .ibanner .caption.page-title .static-title {font-size:16px;line-height:22px;} .ibanner .overlay.pos-middle, .ibanner .overlay.pos-middle-t {width:240px; margin-left:-120px; top:45px;} .ibanner .caption a.button {min-width:120px;} } @media (max-width:480px) { .ibanner .overlay{ display:none;} img.alignright, img.alignleft, img.alignnone, img.aligncenter {float:none; margin:6px 0 10px !important; max-width:100%; display:block;} } @media (max-width:479px) { .ibanner .ebanner {width:130%; margin-left:-100%;} } /* END Styles @ */