* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 1.5em;
color: #1f1f1f;
font-weight: 400;
}
a, .btn{
text-decoration: none;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
}
a:hover{
text-decoration: none;
}  .navbar-brand {
height: auto;
padding: 0 15px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #000;
background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #000;
background-color: transparent;
}
.dropdown-menu {
min-width: 230px;
} .btn-common,.btn-default {
border: none;
border-radius: 0;
}
.btn-common {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
border-radius: 25px;
}
.btn-common.btn-fill-blue {
background: #006cb7;
color: #fff;
}
.btn-common.btn-sm {
padding: 8px 25px;
font-size: 14px;
}
.btn-common.btn-fill-blue:hover,.btn-common.btn-fill-blue:focus {
color: #fff;
background: #ff7200;
}
.btn-common.btn-fill-orange {
background: #ff7200;
color: #fff;
}
.btn-common.btn-lg {
padding: 10px 28px;
font-size: 16px;
}
.btn-common.btn-fill-orange:hover,.btn-common.btn-fill-orange:focus {
color: #fff;
background: #b15102;
}
.btn-trans {
background: transparent;
border: 2px solid #fff;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
position: relative;
z-index: 100;
}
.related-application-section { margin-bottom: 50px; }
.related-application-section .r-head { color: #006cb7 }
.related-application-section .btn.btn-default {
border: 1px solid #ccc;
border-radius: 4px;
} .header-top {
background: #006cb7;
padding: 6px 0;
}
.header-right {
float: right;
}
.header-bottom .nav > li > a {
text-transform: uppercase;
color: #000;
font-size: 14px;
}
.main-header {
border-radius: 0;
border: 0;
background: #fff;
margin-bottom: 0;
padding: 10px 0;
}
.header-contact ul {
margin-bottom: 0;
}
.header-right li {
padding: 0;
color: #fff;
margin-left: 20px;
}
.header-contact li a {
color: #fff;
margin-left: 5px;
}
.header-contact li a:hover {
color: #82bee7;
}
.navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown > .dropdown-menu {
left: 0;
margin: 0;
right: auto;
top: 0;
position: relative;
}
.search-btn-form i{
font-size:25px;
}
.search-btn-form form{
display:none;
background:#1995cc;
padding:20px 42px;
text-align:center;
position:relative;
transition:background-color 500ms linear;
}
.search-btn-form input{
border:none;
padding:10px 20px;
background:none;
color:#fff;
outline:none;
border:1px solid #fff;
width:100%;
font-size:18px;
font-weight: 300;
}
.search-btn-form {
display: none;
position: relative;
z-index: 9999;
}
.search-btn-form.showform {
display: block;
padding: 5px;
background: #006cb7;
margin-top: 15px;
}
.search-btn-form button{
background:none;
border:none;
}
.search-btn-form .sbtn{
font-size:36px;
color:white;
}
.search-btn-form input::-webkit-input-placeholder {
color: rgba(255,255,255,0.6);
font-weight: 300;
}
.search-btn-form .btn-search{
text-decoration:none;
background-color:#1995cc;
color:white;
border-bottom:4px solid #215198;
border-radius:0 0 2px 2px;
-webkit-transition: background-color 250ms ease-out, ;
-moz-transition: background-color 250ms ease-out;
-o-transition: background-color 250ms ease-out;
transition: background-color 250ms ease-out;
}
.btn-search:hover{ 
background-color:deepskyblue;
}
.dropdown-menu > li > a {
padding: 6px 20px;
line-height: normal;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #fff;
background-color: #006cb7;
}
.navbar-fixed-bottom .dropdown-menu .dropdown-menu, .dropdownhover-top .dropdown-menu {
bottom: auto;
top: auto;
} .banner-section,.banner-section.inner-banner {
position: relative;
padding: 0;
}
.banner-section::after {
background: rgba(0,0,0,0.6);
}
.banner-section.inner-banner::after {
background: rgba(0,0,0,0.1); 
}
.banner-section.inner-banner::after,.banner-section::after {
z-index: 0;
left: 0;
right: 0; 
top: 0;
bottom: 0;
}
.banner-section::after {
position: absolute;
content: "";
}
.banner-video {
line-height: 0;
}
.banner-video {
overflow: hidden;
}
.home .banner-caption {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.inner-pages .inner-banner .banner-caption,.home .banner-caption { 
text-transform: uppercase;
z-index: 999;
color: #fff;
}
.banner-caption h2 {
font-weight: 800;
}
.banner-caption h1 {
font-weight: 800;
}
.banner-caption p {
font-size: 22px;
font-weight: 700;
margin-top: 25px;
line-height: normal;
}
.banner-caption figure {
margin-top: 60px;
}
.banner-section .row.no-gutters > [class^="col-"], .banner-section .row.no-gutters > [class*=" col-"] {
padding-left: 0;
padding-right: 0;
}
.banner-video video {
width: 100%;
} .skip-link {
display: none;
}
section {
padding: 40px 0 50px 0;
}
.cta-section {
background: #f1f1f1;
position: relative;
padding: 24px 0;
}
.cta-section::before {
position: absolute;
content:"";
background: url(//www.focuslabel.com/wp-content/themes/focuslabel/assets/images/cta_icon.png) no-repeat scroll;
left: 0;
width: 453px;
height: 89px;
top: 0;
background-position: -290px 0px;
}
.cta-details ul {
margin-bottom: 0;
}
.cta-details li {
font-size: 18px;
}
.two-grid-section {
padding: 30px 0;
}
.two-grid-row {
position: relative;
margin-bottom: 15px;
}
.two-grid-row .two-grid-caption {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 30px;
}
.two-grid-caption h3 {
color: #fff;
font-size: 20px;
margin-bottom: 20px;
}
.two-grid-content {
margin-top: 40px;
margin-bottom: 80px;
}
.two-grid-content p {
line-height: 30px;
font-size: 20px;
}
.two-grid-row figure img {
width: 100%;
}
.five-grid-section {
background: #f1f1f1;
padding-bottom: 60px;
}
.five-grid-applications h2 {
font-size: 18px;
margin-top: 0;
line-height: 25px;
min-height: 50px;
margin-bottom: 0;
}
.five-grid-applications {
border: 2px solid #ebebeb;
background: #fff;
margin-bottom: 50px;
}
.five-grid-head {
padding: 18px;
}
.five-grid-applications .btn-common {
margin-bottom: -55px;
}
.five-grid-applications img {
width: 100%;
}
.five-grid-wrap {
margin-top: 40px;
}
.five-grid-section .common-head h2 {
margin-bottom: 45px;
}
.guide-section {
background: url(//www.focuslabel.com/wp-content/themes/focuslabel/assets/images/guide_bg.jpg) no-repeat scroll;
background-position: center;
background-size: cover;
color: #fff;
padding: 35px 0;
min-height: 310px;
}
.guide-section.above-footer {
min-height: 325px;
}
.guide-details {
position: relative;
}
.guide-details::before {
position: absolute;
content: "";
background: url(//www.focuslabel.com/wp-content/themes/focuslabel/assets/images/book_img.png) no-repeat scroll;
width: 242px;
height: 390px;
background-position: center;
background-size: cover;
top: -83px;
left: 50px;
}
.guide-details h2 {
margin-top: 0;
font-weight: 700;
color:#fff;
}
.guide-details span {
font-size: 20px;
text-transform: uppercase;
font-weight: 300;
margin-bottom: 25px;
display: block;
line-height: 30px;
}
.guide-section .cta_button span {
margin-bottom: 0px;
}
.guide-details .btn-common {
margin-top: 18px;
}
.about-focus-wrap .common-head,
.three-grid-wrap .common-head {
margin-bottom: 45px;
}
.about-focus-left {
position: relative;
}
.about-focus-left-caption {
background: #006cb7;
color: #fff;
text-align: center;
width: 285px;
display: block;
position: absolute;
right: 0;
font-size: 18px;
line-height: 40px;
padding: 20px 10px;
border: 10px solid #fff;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.about-focus-left-caption p {
margin-bottom: 0;
}
.about-focus-left-img figure {
margin: 8px 0;
display: inline-block;
line-height: 0;
}
.about-focus-content {
margin-bottom: 30px;
}
.about-focus-container {
margin-top: 30px;
float: left;
width: 100%;
}
.about-focus-content h3 {
color: #006cb7;
}
.cta-form-section {
background: url(//www.focuslabel.com/wp-content/themes/focuslabel/assets/images/request_bg.jpg) no-repeat scroll;
background-size: cover;
background-position: center;
color: #fff;
}
.cta-form-event li {
list-style: none;
}
.cta-form-event li > * {
display: table-cell;
vertical-align: top;
}
.cta-form-event-date {
text-align: center;
width: 90px;
}
.cta-form-event-date h3 {
font-size: 36px;
font-weight: 800;
margin-top: 10px;
margin-bottom: 0;
}
.cta-form-event .cta-form-event-content {
padding-left: 20px;
}
.cta-form-event-date span {
text-transform: uppercase;
font-weight: 600;
}
.cta-form-event li {
list-style: none;
border-bottom: 1px solid #8bb8d6;
padding: 15px 0;
}
.cta-form-event li:last-child {
border-bottom: 1px solid transparent;
}
.cta-form-caption p {
font-style: italic;
margin-top: 10px;
display: inline-block;
}
.three-grid-section {
padding-bottom: 0;
}
.three-grid-details {
border: 1px solid #ccc;
margin-bottom: 30px;
}
.three-grid-details figure img {
width: 100%;
}
.three-grid-details figure {
position: relative;
}
.three-grid-details figure::before,.three-grid-details figure::after {
position: absolute;
content: "";
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
}
.three-grid-details:hover figure::before,.three-grid-details:hover figure::after {
opacity: 1;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
}
.three-grid-details figure::before {
background: url(//www.focuslabel.com/wp-content/themes/focuslabel/assets/images/circle_pointer_icon.png) no-repeat scroll;
width: 76px;
height: 76px;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 999;
}
.three-grid-details figure::after { 
background: rgba(0,108,183,0.8);
top: 0;
bottom: 0;
}
.three-grid-caption {
padding: 18px;
}
.three-grid-caption h2 {
margin-top: 0;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
line-height: 25px;
margin-bottom: 15px;
}
.three-grid-wrap .common-head h2 {
margin-bottom: 50px;
}
.three-grid-caption .btn-common {
margin-top: 15px;
}
.client-logo-section {
padding: 0;
}
.client-logo-list {
padding: 10px 0 40px 0;
text-align: center;
}
.client-logo-list ul {
margin-bottom: 0;
}
.client-logo-list li img,.client-logo-list li img:hover {
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
}
.client-logo-list li img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
}
.client-logo-list li img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.common-head {
text-align: center;
}
.common-head h2 {
margin-bottom: 30px;
}
.common-head span {
font-weight: 700;
text-transform: uppercase;
}
.common-head span {
position: relative;
display: block;
text-transform: uppercase;
}
.common-head-black span::after { 
background: #d5d5d5;
}
.common-head-black span::before { 
background: #006cb7;
}
.common-head-white span::after { 
background: #d5d5d5;
}
.common-head-white span::before { 
background: #fff;
}
.common-head span::before {
width: 125px;
height: 3px;
bottom: -18px;
z-index: 9;
}
.common-head span::after,.common-head span::before {
position: absolute;
content: "";
margin: 0px auto;	
left: 0px;
right: 0px;
}
.common-head span::after {
width: 310px;
height: 1px;
bottom: -17px;
}
.common-head-inner .entry-title span { 
font-size: 25px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.header-contact span a:hover {
color: #c4e764;
}
.quick-link-footer ul {
float: left;
width: 100%;
}
.quick-link-footer li a {
color: #000;
}
.quick-link-footer li a:hover,.get-in-footer ul > li > a:hover {
color: #006cb7;
}
.get-in-footer address,.inner-page-content address{
position: relative;
padding-left: 20px;
margin-bottom: 15px;
float: left;
width: 100%;
}
.get-in-footer {
float: left;
width: 100%;
}
.get-in-footer address::before,.inner-page-content address::before {
position: absolute;
content: "\f041";
font-family: FontAwesome;
color: #9CC237;
left: 0;
}
.get-in-footer ul > li > a {
color: #000;
}
.get-in-footer address i {
position: absolute;
left: 0;
top: 4px;
}
.get-in-footer i {
color: #006cb7;
}
.get-in-footer ul li a {
margin-left: 6px;
text-decoration: none;
}
.get-in-footer li {
margin-bottom: 10px;
}
.quick-link-footer li {
margin-bottom: 5px;
}
footer ul {
list-style: none;
}
.footer-top {
background: #f1f1f1;
padding: 25px 0px;
}
.footer-top .common-head h2 {
margin-bottom: 15px;
}
footer .common-head {
text-align: left;
float: left;
width: 100%;
}
footer .common-head h2 {
margin-top: 0px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
color: #006cb7;
}
footer .common-head h2 span {
font-weight: 700;
letter-spacing: 1px;
}
footer .copyrights p {
text-align: center;
font-size: 14px;
margin: 0;
}
footer .copyrights {
margin: 14px 0px;
}
footer .copyrights a {
color: #dd4400;
text-decoration: none;
}
footer .copyrights a:hover {
color: #ffa200;
}
.logo-footer {
margin-bottom: 22px;
}
.hub-head {
margin-top: 0;
} .common-head-inner {
background: #F2F2F2;
padding: 10px 0px;
min-height: 80px;
}
.common-head-inner .entry-title{
margin: 0;
}
.inner-page-enquiry-form {
padding: 30px 25px;
background: #F9F9F9;
}
.banner-section.inner-banner {
position: relative;
background: url(//www.focuslabel.com/wp-content/themes/focuslabel/assets/images/innerpage_banner.jpg) no-repeat scroll;
width: 100%;
height: 175px;
background-size: cover;
background-position: center;
}
.inner-banner-caption {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
left: 0;
right: 0;
z-index: 999;
}
.inner-banner-caption .banner-caption h2 {
margin: 0;
font-size: 28px;
display: inline-block;
padding: 15px 30px;
background: #3086c1;
}
.inner-banner-caption .banner-caption h1 {
margin: 0;
font-size: 28px;
display: inline-block;
padding: 15px 30px;
background: #3086c1;
}
.inner-page-common {
padding: 25px 0px;
}
.contact-map-section {
margin-top: 0;
line-height: 0;
margin-bottom: 25px;
}
.inner-page-content address {
position: relative;
padding-left: 15px;
}
.inner-page-content address i {
position: absolute;
top: 2px;
left: 0;
}
.about-focus-details .product-request-quote,
.about-focus-details .product-request-brochure {
padding: 15px;
}
.about-focus-details .product-request-brochure {
border: 2px solid #ebebeb;
}
.about-focus-details .product-request-quote {
background: #006cb7;
}
.about-focus-details [class*="product-request-"] .hs-form-field input {
border: 1px solid #cbcbcb;
}
.five-grid-section .about-focus-details > * {
border-radius: 4px;
position: relative;
margin-bottom: 10px;
width: 100%;
}
.five-grid-section .about-focus-details .product-video {
line-height: 0;
float: left;
width: 100%;
}
.five-grid-section .product-video iframe {
border-radius: 4px;
}
.about-focus-details .product-request-quote h2 {
margin-top: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 20px;
}
.about-focus-details .hs-form-field label {
text-align: left !important;
display: block !important;
font-weight: 700 !important;
font-size: 16px !important;
font-family: 'Open Sans', sans-serif !important;
margin-bottom: 5px !important;
line-height: 1.5em !important;
}
.about-focus-details .product-image img {
border: 2px solid #ebebeb;
border-radius: 4px;
}
.about-focus-details .product-content ul {
list-style: none;
}
.about-focus-details .product-content li { 
position: relative;
padding-left: 15px;
}
.about-focus-details .product-content li::before {
position: absolute;
content: "";
background: #006cb7;
width: 4px;
height: 4px;
border-radius: 25px;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
left: 0;
}
.about-focus-btn-section .btn-common {
padding: 18px 35px;
font-size: 16px;
border-radius: 5px;
}
.about-focus-details .about-focus-btn-section ul {
margin-left: -8px;
margin-right: -8px;
}
.about-focus-details .about-focus-btn-section li {
width: 50%;
float: left;
padding: 0 8px;
}
.about-focus-details .about-focus-btn-section .btn-common {
padding: 18px 35px;
font-size: 16px;
border-radius: 5px;
}
.about-focus-details .about-focus-btn-section li a {
width: 100%;
}
.contact-links li > a {
color: #000;
}
.contact-links li > a:hover {
color: #9CC237;
}
.hbspt-form .hs-input {
box-sizing: border-box !important;
max-width: 100% !important;
width: 100% !important;
box-shadow: none;
min-height: 35px !important;
padding: 2px 8px !important;
resize: none;
color: #989696;
border: 0;
border-radius: 4px;
}
.request-a-demo-form .hbspt-form .hs-input { 
border: 1px solid #ccc;
}
.request-a-demo-form .hbspt-form .hs-form-field {
margin-bottom: 15px;
}
.hs-error-msgs label {
color: #f12 !important;
font-weight: 500;
}
input.hs-input.error {
border-color: #f12 !important;
}
.hs_submit .hs-button {
box-shadow: none !important;
border: 1px solid #F16A21 !important;
border-radius: 25px !important;
background: #F16A21 !important;
text-shadow: none !important;
text-transform: uppercase;
padding: 10px 22px;
color: #fff;
}
.product-request-brochure .hs_submit .hs-button,
.about-focus-details [class*="product-request-"] .hs-button {
box-shadow: none !important;
border: 1px solid #fff !important;
border-radius: 25px !important;
background: #006cb7 !important;
text-shadow: none !important;
text-transform: uppercase;
padding: 10px 22px;
opacity: 1;
color: #fff;
font: inherit;
}
.product-request-brochure .hs_submit .hs-button:hover,.about-focus-details [class*="product-request-"] .hs-button:hover { 
background: #ff7200 !important;
border-color: #ff7200 !important;
color: #fff !important;
opacity: 1;
}
.product-request-brochure .hbspt-form .hs-form-field {
margin-bottom: 15px;
}
.product-request-brochure .common-head h2 {
font-size: 25px;
}
.hbspt-form .hs-richtext {
font-size: 12px !important;
font-style: italic !important;
line-height: 15px !important;
margin-top: 15px !important;
margin-bottom: 25px !important;
}
.hs_submit .hs-button:hover {
box-shadow: none;
opacity: 1;
background: #B94E15 !important;
}
.hbspt-form fieldset .hs-form-field {
text-align: left;
}
.hbspt-form fieldset .input input,.hbspt-form fieldset .input textarea {
border: 0;
border-radius: 5px !important;
}
.product-request-brochure .hs-input {
width: 100% !important;
border: 1px solid #cbcbcb !important;
background-color: transparent !important;
}
.product-request-brochure input.hs-input[type="file"] {
height: 29px !important;
}
.product-request-brochure ul {
padding-left: 0!important;
}
.hub-form-bottom { 
padding-top: 30px;
padding-bottom: 30px;
}
.hub-form-bottom .hbspt-form fieldset {
max-width: 100%;
}
.hub-form-bottom .hbspt-form fieldset .input input, .hub-form-bottom .hbspt-form fieldset .input textarea {
border: 1px solid #cbcbcb;
}
.about-focus-details .hbspt-form fieldset .input input,
.about-focus-details .hbspt-form fieldset .input textarea {
border: 1px solid #ccc;
}
.hbspt-form .hs-error-msgs {
list-style: none;
font-size: 14px;
margin-bottom: 0;
}
.hbspt-form fieldset .hs-form-field.hs-fieldtype-textarea {
margin-bottom: 0;
}
.hbspt-form fieldset .hs-form-field {
margin-bottom: 25px;
}
.dropdown-menu .dropdown-menu {
left: 100%;
margin: 0;
right: auto;
top: -1px;
}
.dropdown-menu > li > a {
white-space: unset;
}
.dropdown, .dropdown-submenu { position: relative; }
.dropdown .fa-angle-down {
position: absolute;    
padding: 12px 5px;
cursor: pointer;
}
.dropdown .fa-angle-down {
top: 6px;
right: -15px;
}
.menu-top-menu-container .menu-arrow {
display: inline-block;
vertical-align: middle;
}
.dropdown-submenu .fa-angle-down {
top: -3px;
right: 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
background-color: #006cb7;
}
.header-bottom {
background: #fff;
}
.cta-form-container .hbspt-form .hs-form-field.smart-field {
text-align: left;
padding: 15px;
}
.cta-form-container .hs-error-msgs {
position: absolute;
}
.cta-form-container .hbspt-form .legal-consent-container {
float: left;
width: 100%;
}
.cta-form-event li:first-child .cta-form-event-date h3 {
margin-top: 0;
}
.cta-form-event li:first-child .cta-form-event-content h4 {
margin-top: 0;
}
.inner-pages.contact-page .five-grid-section {
background: #fff;
}
.inner-pages.contact-page .cta-form-request {
padding: 15px;
background: #f1f1f1;
}
.inner-pages.contact-page .contact-details-list .content_left ul {
list-style: none;
}
.inner-pages.contact-page .contact-details-list .content_left address {
position: relative;
padding-left: 15px;
}
.inner-pages.contact-page .contact-details-list .content_left address i {
position: absolute;
left: 0;
top: 2px;
}
.inner-pages .five-grid-section {
background: #fff;
}
.inner-pages .about-focus-details .about-focus-btn-section {
float: left;
margin: 15px 0 25px 0 !important;
}
.inner-pages .about-focus-details .product-video-caption {
background: #ffe5e4;
padding: 15px;
color: #cf2d22;
font-size: 14px;
margin-top: 20px;
position: relative;
float: left;
width: 100%;
}
.inner-pages .about-focus-details .product-video-caption p {
z-index: 999;
position: relative;
}
.inner-pages .about-focus-details .product-video-caption::after {
position: absolute;
content: "";
background: url(//www.focuslabel.com/wp-content/themes/focuslabel/assets/images/youtube_png_icon_white.png) no-repeat scroll;
width: 300px;
height: 124px;
opacity: 0.6;
right: -15px;
bottom: -25px;
}
.inner-pages .about-focus-details .product-video-caption h4 {
font-size: 22px;
margin-top: 0;
margin-bottom: 15px;
} .products-section {
padding-top: 50px;
}
.product-lists .col-sm-6.col-md-3 {
margin-bottom: 25px;
padding: 0;
}
.product-lists .col-sm-6.col-md-3:last-child .product-wrap {
margin-right: 0
}
.products-section .product-wrap {
padding: 15px;
border: 1px solid #cacaca;
text-align: center;
margin-right: 15px;
}
.products-section .product-image img {
max-height: 155px;
}
.products-section .p-heading { 
min-height: 40px;     
font-weight: 600;
font-size: 16px;
}
.products-section .p-content {
padding-bottom: 20px;
font-size: 14px;
min-height: 140px;
} .meet-team{
}
.meet-team .box{
transition: all 0.2s linear;
}
.meet-team .box:hover img{
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}
.meet-team .box img{
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
width: 100%;
transition: all 0.2s linear;
}
.meet-team .box h1{
margin: 0px;
padding: 0px;
font-size: 26px;
text-transform: uppercase;
color: #3086c1;
font-weight: 600;
padding: 15px 0px 0px;
}
.meet-team .box h3{
color: #ff9000;
font-weight: 500;
margin: 0px;
padding: 15px 0px;
font-size: 18px;
}
.meet-team .box{
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #ededed;
}
.meet-team .box p{
font-size: 14px;
text-align: justify;
line-height: 22px;
}
.meet-team .box ul{
padding: 15px 0px 0px;
}
.meet-team .box ul li{
list-style: none;
display: inline-block;
}
.meet-team .box ul li a{
width: 40px;
height: 40px;
margin-right: 6px;
display: inline-block;
background-image: linear-gradient(to right top, #ededed, #f1f1f1, #f4f4f4, #f8f8f8, #fcfcfc);
border-radius: 50%;
position: relative;
border: 1px solid #ededed;
transition: all 0.2s linear;
}
.meet-team .box ul li a:hover{
background: #3086c1;
}
.meet-team .box ul li a:hover i{
color: #fff;
}
.meet-team .box ul li a i{
position: absolute;
top: 50%;
left: 50%;
color:#565656;
transform: translate(-50%, -50%);
} .about-focus-details ul{
padding-left: 25px; 
}
ul.wp-block-gallery {
padding-left: 0px; 
}
h3{
color: #ff9000;
font-weight: 700;
}
h2{
color: #006cb7;
}
.banner-caption h2{
color:#fff;
}
.banner-caption h1{
color:#fff;
}
.cta-form-section h2{
color:#fff;
}
.five-grid-section{
min-height: 34.5vh;
}
.product-image .owl-thumbs .owl-thumb-item {
width: 150px;
padding: 15px;
height: 150px;
object-fit: cover;
margin-bottom: 10px;
text-align: center;
}
.owl-carousel-thumb .owl-item img {
max-width: 150px;
height: 150px;
object-fit: cover;
padding: 15px;
}
.owl-carousel-thumb .owl-prev {
position: absolute;
top: 45%;
background: rgba(0, 0, 0, 0.6)!important;
color: #fff!important;
padding: 1px 8px 11px !important;
left: 0%;
transform: translate(-30%, -50%);
display: inline-block;
border-radius: 4px;
width: 30px;
height: 35px;
}
.owl-carousel-thumb .owl-next {
position: absolute;
top: 45%;
background: rgba(0, 0, 0, 0.6)!important;
color: #fff!important;
padding: 1px 8px 11px !important;
right: 0%;
transform: translate(24%, -50%);
display: inline-block;
border-radius: 4px;
width: 30px;
height: 35px;
}
.owl-carousel-thumb .owl-prev span, .owl-carousel-thumb .owl-next span {
display: inline-block;
padding-bottom: 8px;
}
.social_icons_footer li img { max-height: 28px; } @media only screen and (min-width: 0px) and (max-width: 395px){
.common-head h2,.common-head span {
font-size: 25px;
}
.quick-link-footer ul {
-webkit-column-count: 1!important;
-moz-column-count: 1!important;
column-count: 1!important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
.help-list-content .btn-free {
font-size: 10px;
}
.btn.btn-lg {
font-size: 11px;
}
.header-contact {
text-align: center;
}
.header-right li a {
margin-top: 5px;
}
.header-right {
float: unset;
}
.get-in-footer ul li a {
margin-left: 6px;
word-wrap: break-word;
font-size: 14px;
}
}
@media only screen and (max-width: 480px){
.five-grid-wrap .row > [class*="col-"] {
width: 100%;
}
.banner-section::before {
width: 300px;
height: 65px;
}
}
@media only screen and (min-width: 481px) and (max-width: 639px){
}
@media only screen and (min-width: 481px) and (max-width: 700px){
.header-contact {
text-align: center;
}
.header-right li a {
margin-top: 5px;
}
.header-right {
float: unset;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px){ 	
}
@media only screen and (min-width: 320px) and (max-width: 640px){
}
@media only screen and (min-width: 552px) and (max-width: 639px){ 
}
@media only screen and (max-width: 767px) {
.navbar-toggle {
margin: 8px 0px;
}
.navbar-header {
padding: 0 15px;
} 
.dropdown .fa-angle-down {
right: 12px;
}
.dropdown-submenu .fa-angle-down {
right: 12px;
}
.banner-caption h2 {
font-size: 32px;
}
.banner-caption h1 {
font-size: 32px;
}
.banner-caption p {
font-size: 20px;
}
.guide-details::before {
display: none;
}
.guide-details-img {
margin-bottom: 30px;
}
.common-head span::after {
width: 275px;
}
.two-grid-row .two-grid-caption {
padding: 15px;
}
.quick-link-footer ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px){
.home .two-grid-section .two-grid-wrap .row > [class*="col-sm-6"] {
width: 50%;
float: left;
}
}
@media only screen and (min-width: 768px) {
.navbar-nav {
float: right;
top: 0;
position: relative;
}
.dropdown-toggle i {
margin-left: 5px;
}
#bs-example-navbar-collapse-1 {
padding: 0;
}
.navbar-nav > li {
float: left;
margin-left: 25px; 
}
.navbar-nav > li.menu-item.active > a,.navbar-nav > li.menu-item.current_page_ancestor > a {
font-weight: 700;
}
.navbar-nav > li.menu-item.active > a,.navbar-nav > li.menu-item.current_page_ancestor > a,.navbar-nav > li.menu-item > a:hover,.navbar-nav > li.menu-item >a:focus {
color:#006cb7;
}
.navbar-nav > li .dropdown-menu.dropdownhover-top .menu-item.active > a:hover,.navbar-nav > li .dropdown-menu.dropdownhover-top .menu-item > a:hover,
.navbar-nav > li .dropdown-menu.dropdownhover-top .menu-item.active > a:focus,.navbar-nav > li .dropdown-menu.dropdownhover-top .menu-item > a:focus{
color: #fff;
}
.header-bottom .nav > li > a {
padding-left: 0;
padding-right: 0;
}
.banner-caption h2 {
font-size: 55px;
}
.banner-caption h1 {
font-size: 55px;
}
.guide-details {
padding: 0px 70px 0px 350px;
}
.quick-link-footer ul {
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
}
.cta-form-container .hbspt-form .hs-form-field.smart-field {
width: 50%;
float: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.hero {
padding: 0 100px;
}
.hero h1 {
font-size: 2.5em;
}
.dropdown-submenu .fa-angle-down {
right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.hs_submit .hs-button {
font-size: 12px !important;
}
.navbar-nav {
top: 0;
}
.get-in-footer {
margin-top: 40px;
}
.three-grid-caption h2 {
font-size: 16px;
}
.three-grid-caption p {
min-height: 250px;
} .navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important; margin: 15px 0px;
}
.navbar-nav>li {
float: left;
width: 100%;
border-bottom: medium none !important;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
} .navbar-collapse.collapse.in { 
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
}
@media only screen and (max-width: 991px){
.navbar-nav>li {
margin: 0;
}
.dropdown-submenu.open .dropdown-menu {
margin: 0 12px;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.dropdown .fa-angle-down {
top: 0px;
}
.search-btn-form.showform {
margin-top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) { 
.navbar-nav > li {
margin-left: 18px !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.three-grid-caption p {
min-height: 170px !important;
}
}
@media only screen and (min-width: 992px){
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
.main-header .container {
position: relative;
}
.search-btn-form.showform {
position: absolute;
left: auto;
right: 0;
margin-top: 10px;
width: 320px;
}
.three-grid-caption p {
min-height: 125px;
}
}
@media only screen and (max-width: 1199px){ 
.custom-logo-link img {
max-width: 160px;
height: auto;
}
.cta-section::before {
display: none;
}
.cta-details li:last-child {
margin-top: 15px;
}
.about-focus-details .about-focus-btn-section .btn-common { 
padding: 12px 10px;
}
}
@media only screen and (min-width: 1200px){
.five-grid-wrap .row > [class*="col-"] {
width: 20%;
}
.navbar-nav {
top: 16px;
}
.cta-details li:last-child {
margin-left: 30px;
}
.cta-form-section .cta-form-request .hs_submit .hs-button {
position: relative;
left: -25px;
}
.about-focus-details .about-focus-btn-section .btn-common {
padding: 18px 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) { 
.cta-section::before {
background-position: -350px 0px;
}
}
_:-ms-lang(x),.banner-section video{ height:auto !important;} 
.hbspt-form ul.hs-error-msgs {
padding-left: 0;
}
.hbspt-form ul.hs-error-msgs li {
padding-left: 0;
}
.hbspt-form ul.hs-error-msgs li::before {
display: none;
}
.about-focus-details .wp-block-image img{
width:100%;
} .resources .heading{ font-size: 20px; font-weight: bold;min-height:50px;}
.resources{text-align:center;}
.resources .guide-img{width:170px; margin-bottom: 20px; }
.resources .download{
user-select: none !important;
display: inline-block !important;
font-weight: 700 !important;
text-align: center !important;
text-decoration:none;
-moz-transition: all .4s ease !important;
-webkit-transition: all .4s ease !important;
-o-transition: all .4s ease !important;
background: rgb(255,114,0) !important;
border-radius: 6px !important;
border-width: 0px !important;
color: rgb(255,255,255) !important;
font-family: 'trebuchet ms', geneva;
font-size: 16px;
height: auto !important;
transition: all .4s ease !important;
padding: 10px 18px !important;
text-shadow: none !important;
width: auto !important;
line-height: 1.5em !important;}
.resources .download:hover{background: rgb(255,125,0) !important;}
.resources .col-md-4 {margin-bottom: 20px;}
.sidebar-none{display:none;}
.resources .guide { margin-bottom: 50px;}
.page-id-1339 .featured-products-section{display:none;}
@media only screen and (min-width: 768px) and (max-width: 992px) { 
.resources .heading{ min-height:30px; }
.resources .col-md-3 { margin-bottom: 40px;}
.page-id-1339 .featured-products-section { display: none; }
}
@media only screen and (max-width: 768px) { 
.resources .col-md-3 { margin-bottom: 50px;}
.resources .heading{ min-height:20px; }
.page-id-1339 .featured-products-section { display: none; }
}