<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<body class="home page-template-default page page-id-4 unknown shiftnav-enabled shiftnav-lock loaded" style="overflow: auto; height: auto;">
<div class="shiftnav-wrap" style="padding-top: 42px;" role="toolbar">
<!-- // help bar -->
<!-- // menu -->
<!-- // top slider -->
<section id="featured-block" class="container-fluid">
<div class="row">
<div class="col-sm-4">
<div class="featured-box">
<a href="/bulbs">
<h3>Bulbs</h3>
<img src="https://www.feit.com/wp-content/uploads/2017/03/product1.jpg" alt="" class="img-responsive">
</a>
</div>
</div>
<!-- // featured box -->
<div class="col-sm-4">
<div class="featured-box">
<a href="/fixtures">
<h3>Fixtures</h3>
<img src="https://www.feit.com/wp-content/uploads/2017/03/product2.jpg" alt="" class="img-responsive">
</a>
</div>
</div>
<!-- // featured box -->
<div class="col-sm-4">
<div class="featured-box">
<a href="/product-type/flash-lights/">
<h3>Flashlights</h3>
<img src="https://www.feit.com/wp-content/uploads/2017/03/527x627flashlight.png" alt="" class="img-responsive">
</a>
</div>
</div>
<!-- // featured box -->
</div>
<!-- // row -->
</section>
<!-- // featured block -->
<!-- // led bulbs -->
<section id="led-technology-block" style="background: url(https://www.feit.com/wp-content/uploads/2017/06/stringlights_web.jpg); ">
<div class="block-right">
<div class="block-content">
<h3></h3>
<h2>Outdoor Home Decor</h2>
<p>Set the mood for fun</p>
</div>
<!-- // block content -->
</div>
<!-- // block right -->
</section>
<!-- // led tech block -->
<section id="about-block">
<div class="about-content">
<h4>About us</h4>
<h5>Learn more about Feit</h5>
</div>
<!-- // about content -->
</section>
<!-- // about block -->
<section class="main-feature">
<div class="main-feature-wrapper">
<div class="feature-content">
<h5>Bulb Meet Fixture</h5>
<p>How to find a light bulb compatible with your fixture.</p>
</div>
</div>
<!-- // content block -->
<img src="https://www.feit.com/wp-content/uploads/2017/03/main-feat-1-bg.jpg" alt="">
</section>
<!-- // main feature -->
<section class="main-feature">
<div class="main-feature-wrapper">
<div class="feature-content">
<h5>My Light Has a Temperature?</h5>
<p>Understanding color temperatures and how they work.</p>
</div>
</div>
<!-- // content block -->
<img src="https://www.feit.com/wp-content/uploads/2017/03/led-tech-bg-1280x800-1.jpg" alt="">
</section>
<!-- // main feature -->
<section class="main-feature">
<div class="main-feature-wrapper">
<div class="feature-content">
<h5>Stop Killing Plants. Grow Killer Plants.</h5>
<p>LED Grow lights use less energy and yield more growth.</p>
</div>
</div>
<!-- // content block -->
<img src="https://www.feit.com/wp-content/uploads/2017/03/main-feat-4-bg.jpg" alt="">
</section>
<!-- // main feature -->
<section id="app-block" style="background: url(https://www.feit.com/wp-content/uploads/2017/03/170228_Teez_LightFixtures_19-Resize.jpg); ">
<div class="app-wrapper">
<div class="container">
<div class="app-content">
<h4>
<strong>Decorative Security Lighting</strong>
<br>
<strong>Security with Style</strong>
</h4>
<h5>Looking good is not a crime.</h5>
</div>
<!-- // content -->
</div>
<!-- // container -->
</div>
<!-- // paralax 1 -->
</section>
<!-- // old new block -->
<!-- // newsleter block -->
<!-- // page footer -->
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div id="_atssh" style="visibility: hidden; height: 1px; width: 1px; position: absolute; top: -9999px; z-index: 100000;">
<iframe id="_atssh865" title="AddThis utility frame" style="height: 1px; width: 1px; position: absolute; top: 0px; z-index: 100000; border: 0px; left: 0px;" src="https://s7.addthis.com/static/sh.e4e8af4de595fdb10ec1459d.html#rand=0.08131896078108047&iit=1536316739672&tmr=load%3D1536316739318%26core%3D1536316739365%26main%3D1536316739665%26ifr%3D1536316739678&cb=0&cdn=0&md=0&kw=&ab=-&dh=www.feit.com&dr=https%3A%2F%2Fwww.feit.com%2Fresources%2Fshop-lights%2F&du=https%3A%2F%2Fwww.feit.com%2F&href=https%3A%2F%2Fwww.feit.com%2F&dt=Energy%20Saving%20Light%20Bulbs%2C%20Light%20Fixtures%20%7C%20CFL%2C%20LED%20%26%20More&dbg=0&cap=tc%3D0%26ab%3D0&inst=1&jsl=1&prod=undefined&lng=en&ogt=image%2Csite_name%2Curl%2Cdescription%2Ctitle%2Ctype%3Dwebsite%2Clocale&pc=men&pub=bl00dz3r0&ssl=1&sid=5b925543b76d6a55&srf=0.01&ver=300&xck=0&xtr=0&og=locale%3Den_US%26type%3Dwebsite%26title%3DEnergy%2520Saving%2520Light%2520Bulbs%252C%2520Light%2520Fixtures%2520%257C%2520CFL%252C%2520LED%2520%2526%2520More%26description%3DEnergy%2520saving%2520light%2520bulbs%2520and%2520lighting%2520fixtures%2520including%2520CFL%252C%2520LED%2520string%2520lights%2520and%2520flashlights.%2520Upgrade%2520from%2520Incandescent%2520and%2520Halogen%2520lights%2520to%2520save%2520energy%2520and%2520money.%26url%3Dhttps%253A%252F%252Fwww.feit.com%252F%26site_name%3DFeit%2520Electric%26image%3Dhttp%253A%252F%252Fwww.feit.com%252Fwp-content%252Fuploads%252F2017%252F04%252FiStock_86347057_XXLARGE.jpg&csi=undefined&rev=v8.3.30-wp&ct=1&xld=1&xd=1"></iframe>
</div>
<!-- ShiftNav Main Toggle -->
<!-- /#shiftnav-toggle-main -->
<!-- ShiftNav #shiftnav-main -->
<!-- /.shiftnav #shiftnav-main -->
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1536284308 -->
<div id="cboxOverlay" style="display: none;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
<div id="cboxWrapper">
<div>
<div id="cboxTopLeft" style="float: left;"></div>
<div id="cboxTopCenter" style="float: left;"></div>
<div id="cboxTopRight" style="float: left;"></div>
</div>
<div style="clear: left;">
<div id="cboxMiddleLeft" style="float: left;"></div>
<div id="cboxContent" style="float: left;">
<div id="cboxTitle" style="float: left;"></div>
<div id="cboxCurrent" style="float: left;"></div>
<button type="button" id="cboxPrevious"></button>
<button type="button" id="cboxNext"></button>
<button id="cboxSlideshow"></button>
<div id="cboxLoadingOverlay" style="float: left;"></div>
<div id="cboxLoadingGraphic" style="float: left;"></div>
</div>
<div id="cboxMiddleRight" style="float: left;"></div>
</div>
<div style="clear: left;">
<div id="cboxBottomLeft" style="float: left;"></div>
<div id="cboxBottomCenter" style="float: left;"></div>
<div id="cboxBottomRight" style="float: left;"></div>
</div>
</div>
<div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div>
</div>
</div>
<div id="woof_html_buffer" class="woof_info_popup" style="display: none;"></div>
<span style="font-family:'foobox'; color:transparent; position:absolute; top:-1000em;">f</span>
</body>
/*! CSS Used from: https://www.feit.com/wp-content/plugins/woocommerce-products-filter/css/front.css?ver=1536248951 ; media=all */@media all {
div.woof_info_popup {
position: fixed;
top: 48%;
left: 48%;
z-index: 10001;
display: none;
overflow: hidden;
padding: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: rgba(0,0,0,.6);
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.2);
-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.2);
box-shadow: inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.2);
color: #fff;
font-size: 22px;
font-family: Oswald,sans-serif;
}
}/*! CSS Used from: https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/css/colorbox.css?ver=1536248952 ; media=all */@media all {
#cboxOverlay,#cboxWrapper,#colorbox {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
overflow: hidden;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxBottomLeft,#cboxMiddleLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingGraphic,#cboxLoadingOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxNext,#cboxPrevious,#cboxSlideshow {
cursor: pointer;
}
#cboxContent,#colorbox {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
#cboxOverlay {
background: #000;
}
#colorbox {
outline: 0;
}
#cboxTopLeft {
width: 14px;
height: 14px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat 0 0;
}
#cboxTopCenter {
height: 14px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/border.png) repeat-x top left;
}
#cboxTopRight {
width: 14px;
height: 14px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat -36px 0;
}
#cboxBottomLeft {
width: 14px;
height: 43px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat 0 -32px;
}
#cboxBottomCenter {
height: 43px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/border.png) repeat-x bottom left;
}
#cboxBottomRight {
width: 14px;
height: 43px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat -36px -32px;
}
#cboxMiddleLeft {
width: 14px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) repeat-y -175px 0;
}
#cboxMiddleRight {
width: 14px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) repeat-y -211px 0;
}
#cboxContent {
background: #fff;
overflow: visible;
}
#cboxLoadingOverlay {
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/loading.gif) no-repeat center center;
}
#cboxTitle {
position: absolute;
bottom: -25px;
left: 0;
text-align: center;
width: 100%;
font-weight: 700;
color: #7c7c7c;
}
#cboxCurrent {
position: absolute;
bottom: -25px;
left: 58px;
font-weight: 700;
color: #7c7c7c;
}
#cboxNext,#cboxPrevious,#cboxSlideshow {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
position: absolute;
bottom: -29px;
background: url(https://www.feit.com/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat 0 0;
width: 23px;
height: 23px;
text-indent: -9999px;
}
#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active {
outline: 0;
}
#cboxPrevious {
left: 0;
background-position: -51px -25px;
}
#cboxPrevious:hover {
background-position: -51px 0;
}
#cboxNext {
left: 27px;
background-position: -75px -25px;
}
#cboxNext:hover {
background-position: -75px 0;
}
}/*! CSS Used from: https://www.feit.com/wp-content/plugins/shiftnav-pro/pro/assets/css/shiftnav.min.css?ver=1.5.1 ; media=all */@media all {
.shiftnav-wrap {
overflow: hidden;
}
.shiftnav-wrap {
padding: 0;
margin: 0;
background: 0 0;
position: relative;
max-width: 100%;
}
.shiftnav-wrap {
transition: transform .5s;
}
.shiftnav-wrap {
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
}
.shiftnav-wrap {
left: 0;
top: 0;
z-index: 250;
padding-top: 1px;
margin-top: -1px;
}
}/*! CSS Used from: https://www.feit.com/wp-content/themes/feit-wp/css/main.min.css?ver=1536248952 ; media=all */@media all {
body {
margin: 0;
}
section {
display: block;
}
a {
background: 0 0;
}
a:active,a:hover {
outline: 0;
}
strong {
font-weight: 700;
}
img {
border: 0;
}
button {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button {
text-transform: none;
}
button {
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}@ media print {
*{text-shadow: none!important;
color: #000!important;
background: 0 0!important;
box-shadow: none!important;
}
a,a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
img {
page-break-inside: avoid;
}
img {
max-width: 100%!important;
}
h2,h3,p {
orphans: 3;
widows: 3;
}
h2,h3 {
page-break-after: avoid;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:after,:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: #fff;
}
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #428bca;
text-decoration: none;
}
a:focus,a:hover {
color: #2a6496;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
h2,h3,h4,h5 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h2,h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h4,h5 {
margin-top: 10px;
margin-bottom: 10px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 14px;
}
p {
margin: 0 0 10px;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:after,.container:before {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width:768px) {
.container {
width: 750px;
}
}
@media (min-width:992px) {
.container {
width: 970px;
}
}
@media (min-width:1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid:after,.container-fluid:before {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:after,.row:before {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-sm-4 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width:768px) {
.col-sm-4 {
float: left;
}
.col-sm-4 {
width: 33.3333333333%;
}
}
@media (min-width:1600px) {
.container {
width: 1530px;
}
}
@media (min-width:1920px) {
.container {
width: 1640px;
}
}
@media (min-width:2560px) {
.container {
width: 2490px;
}
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
img {
vertical-align: middle;
}
@media print {
* {
background: 0 0!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important;
}
a,a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
img {
page-break-inside: avoid;
}
img {
max-width: 100%!important;
}
h2,h3,p {
orphans: 3;
widows: 3;
}
h2,h3 {
page-break-after: avoid;
}
}
a,body,div,h2,h3,h4,h5,iframe,img,p,section,span,strong {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
section {
display: block;
}
body {
line-height: 1;
}
body {
line-height: 1;
}
h2,h3,h4,h5 {
line-height: 1;
font-weight: 400;
}
body {
font-size: 16px;
font-weight: 400;
font-family: Montserrat,sans-serif;
-webkit-text-size-adjust: 100%;
color: #000;
overflow-x: hidden;
}
a {
transition: .25s ease-in-out;
}
a:hover {
text-decoration: none;
}
a:focus {
outline: 0;
text-decoration: none;
}
section#featured-block {
text-align: center;
}
section#featured-block .featured-box {
padding-top: 50px;
padding-bottom: 50px;
background: #fff;
transition: .25s ease-in-out;
}
section#featured-block .featured-box:hover {
transform: scale(1.1);
box-shadow: 0 0 60.76px 1.24px rgba(0,0,0,.17);
position: relative;
z-index: 10;
}
section#featured-block .featured-box img {
margin: 0 auto;
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
section#featured-block .featured-box img {
max-width: 70%;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
section#featured-block .featured-box img {
max-width: 70%;
}
}
@media only screen and (max-width:767px) {
section#featured-block .featured-box img {
max-width: 60%;
}
}
section#featured-block .featured-box h3 {
color: #000;
font-weight: 700;
font-size: 36px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
section#featured-block .featured-box h3 {
font-size: 30px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
section#featured-block .featured-box h3 {
font-size: 28px;
}
}
#led-technology-block {
height: 1007px;
background: url(https://www.feit.com/wp-content/themes/feit-wp/img/bg/led-tech-bg.jpg) center center;
background-size: cover!important;
background-position: center center!important;
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
#led-technology-block {
height: 650px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#led-technology-block {
height: 600px;
}
}
@media only screen and (max-width:767px) {
#led-technology-block {
height: 500px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
#led-technology-block {
height: 600px;
}
}
#led-technology-block .block-right {
float: right;
width: 50%;
height: 100%;
position: relative;
}
@media only screen and (max-width:767px) {
#led-technology-block .block-right {
width: 100%;
}
}
#led-technology-block .block-right .block-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#led-technology-block .block-right .block-content {
max-width: 90%;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
#led-technology-block .block-right .block-content {
padding-right: 50px;
}
}
@media only screen and (max-width:767px) {
#led-technology-block .block-right .block-content {
padding-left: 30px;
padding-right: 30px;
}
}
#led-technology-block .block-right .block-content h3 {
text-transform: uppercase;
color: #fff;
font-size: 16px;
font-weight: 400;
margin-bottom: 25px;
}
#led-technology-block .block-right .block-content h2 {
color: #fff;
font-size: 39px;
font-weight: 700;
line-height: 120%;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#led-technology-block .block-right .block-content h2 {
font-size: 34px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
#led-technology-block .block-right .block-content h2 {
font-size: 30px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
#led-technology-block .block-right .block-content h2 {
font-size: 28px;
}
}
#led-technology-block .block-right .block-content p {
color: #fff;
line-height: 30px;
font-size: 16px;
font-weight: 400;
margin-top: 30px;
margin-bottom: 35px;
}
@media only screen and (min-width:768px) and (max-width:992px) {
#led-technology-block .block-right .block-content p {
font-size: 14px;
}
}
#about-block {
min-height: 790px;
background: url(https://www.feit.com/wp-content/themes/feit-wp/img/bg/about-bg.jpg) no-repeat center top;
position: relative;
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
#about-block {
min-height: 630px;
background-size: cover;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
#about-block {
min-height: 600px;
background-size: cover;
}
}
@media only screen and (max-width:767px) {
#about-block {
height: 400px;
min-height: 400px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#about-block {
min-height: 600px;
background-size: cover;
}
}
#about-block .about-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
color: #fff;
}
@media only screen and (min-width:768px) and (max-width:992px) {
#about-block .about-content {
width: 100%;
}
}
@media only screen and (max-width:767px) {
#about-block .about-content {
width: 100%;
}
}
#about-block .about-content h4 {
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
margin-bottom: 45px;
}
#about-block .about-content h5 {
text-transform: uppercase;
color: #fff;
font-size: 16px;
font-weight: 400;
margin-bottom: 45px;
}
@media only screen and (min-width:240px) and (max-width:479px) {
#about-block .about-content h5 {
line-height: 26px;
font-size: 14px;
}
}
@media only screen and (max-width:767px) {
#about-block .about-content h5 {
padding-left: 20px;
padding-right: 20px;
}
}
.main-feature {
height: 800px;
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
.main-feature {
height: 600px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.main-feature {
height: 600px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.main-feature {
height: 600px;
}
}
@media only screen and (max-width:767px) {
.main-feature {
height: auto;
}
}
.main-feature:nth-child(odd) .main-feature-wrapper {
float: right;
}
@media only screen and (max-width:767px) {
.main-feature:nth-child(odd) .main-feature-wrapper {
float: none;
}
}
.main-feature .main-feature-wrapper {
float: left;
width: 50%;
height: 100%;
position: relative;
}
@media only screen and (max-width:767px) {
.main-feature .main-feature-wrapper {
float: none;
width: 100%;
height: auto;
}
}
.main-feature .main-feature-wrapper .feature-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.main-feature .main-feature-wrapper .feature-content {
min-width: 400px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.main-feature .main-feature-wrapper .feature-content {
width: 80%;
}
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
.main-feature .main-feature-wrapper .feature-content {
min-width: 400px;
}
}
@media only screen and (max-width:767px) {
.main-feature .main-feature-wrapper .feature-content {
width: 100%;
padding: 30px;
position: relative;
top: 0;
left: auto;
right: auto;
transform: none;
}
}
.main-feature .main-feature-wrapper .feature-content h5 {
color: #000;
font-size: 36px;
font-weight: 700;
line-height: 120%;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.main-feature .main-feature-wrapper .feature-content h5 {
font-size: 34px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.main-feature .main-feature-wrapper .feature-content h5 {
font-size: 30px;
}
}
.main-feature .main-feature-wrapper .feature-content p {
color: #000;
line-height: 30px;
font-size: 16px;
font-weight: 400;
margin-top: 30px;
margin-bottom: 35px;
}
@media only screen and (min-width:768px) and (max-width:992px) {
.main-feature .main-feature-wrapper .feature-content p {
font-size: 14px;
}
}
.main-feature img {
height: 800px;
object-fit: cover;
max-width: 50%;
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
.main-feature img {
height: 600px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.main-feature img {
height: 600px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.main-feature img {
height: 600px;
}
}
@media only screen and (max-width:767px) {
.main-feature img {
width: 100%;
max-width: 100%;
height: 400px;
position: relative;
top: 3px;
}
}
#app-block {
background-size: cover!important;
background-position: center center!important;
}
#app-block .app-wrapper {
position: relative;
height: 990px;
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
#app-block .app-wrapper {
height: 690px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#app-block .app-wrapper {
height: 600px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
#app-block .app-wrapper {
height: 600px;
}
}
@media only screen and (max-width:767px) {
#app-block .app-wrapper {
height: auto;
padding-top: 70px;
padding-bottom: 70px;
}
}
#app-block .app-wrapper .app-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: 125px;
max-width: 550px;
color: #fff;
}
@media only screen and (min-width:768px) and (max-width:992px) {
#app-block .app-wrapper .app-content {
margin-left: 70px;
}
}
@media only screen and (max-width:767px) {
#app-block .app-wrapper .app-content {
position: relative;
top: 0;
left: auto;
right: auto;
transform: none;
padding: 50px;
margin-left: 0;
max-width: 100%;
}
}
@media only screen and (min-width:240px) and (max-width:479px) {
#app-block .app-wrapper .app-content {
padding: 20px;
}
}
#app-block .app-wrapper .app-content h4 {
text-transform: uppercase;
color: #fff;
font-size: 16px;
font-weight: 400;
font-size: 24px;
line-height: 36px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#app-block .app-wrapper .app-content h4 {
font-size: 20px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
#app-block .app-wrapper .app-content h4 {
font-size: 20px;
}
}
@media only screen and (max-width:767px) {
#app-block .app-wrapper .app-content h4 {
font-size: 18px;
}
}
#app-block .app-wrapper .app-content h5 {
font-size: 60px;
font-weight: 400;
margin-top: 110px;
line-height: 72px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#app-block .app-wrapper .app-content h5 {
font-size: 50px;
line-height: 60px;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
#app-block .app-wrapper .app-content h5 {
font-size: 40px;
line-height: 60px;
}
}
@media only screen and (max-width:767px) {
#app-block .app-wrapper .app-content h5 {
font-size: 36px;
line-height: 50px;
}
}
@media only screen and (min-width:240px) and (max-width:479px) {
#app-block .app-wrapper .app-content h5 {
font-size: 32px;
line-height: 44px;
margin-top: 60px;
}
}
div.woof_info_popup {
background: rgba(14,149,248,.9)!important;
box-shadow: none!important;
text-shadow: none!important;
border-radius: 0!important;
}}/*! CSS Used from: Embedded */@media only screen and (min-width:992px) {
.shiftnav-wrap {
padding-top: 0!important;
}
}/*! CSS Used from: Embedded */#_atssh {
width: 1px!important;
height: 1px!important;
border: 0!important;
}/*! CSS Used fontfaces */@font-face {
font-family:Montserrat;font-style:normal;font-weight:200;src:local('Montserrat ExtraLight'),local('Montserrat-ExtraLight'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_aZA3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:200;src:local('Montserrat ExtraLight'),local('Montserrat-ExtraLight'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_aZA3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:200;src:local('Montserrat ExtraLight'),local('Montserrat-ExtraLight'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_aZA3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:200;src:local('Montserrat ExtraLight'),local('Montserrat-ExtraLight'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_aZA3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:200;src:local('Montserrat ExtraLight'),local('Montserrat-ExtraLight'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_aZA3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
