@charset "UTF-8";

* {
outline: none; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
    font-family: 'Gotham Narrow Bold';
    font-style: normal;
    font-weight: 400;
    src: local('Gotham Narrow Bold'), url('https://fonts.cdnfonts.com/s/13920/GothamNarrow-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Narrow Book';
    font-style: normal;
    font-weight: 325;
    src: local('Gotham Narrow Book'), url('https://fonts.cdnfonts.com/s/13918/GothamNarrow-Book.woff') format('woff');
}


 .arboria-bold {
   
 font-family: arboria,sans-serif;
font-weight: 700;
font-style: normal;
}

 .gotham-narrow-bold {
  font-family: 'Gotham Narrow Bold', sans-serif;
 }

body {
 margin: 0;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #6c6c6c;
 overflow-x: hidden;
}

.row::after {
                content: "";
                clear: both;
                display: block;
            }

            [class*="col-"] {
                float: left;
                padding: 10px;
                box-sizing: border-box;
            }

            /* For desktop: */
            .col-1 {
                width: 8.33%;
            }

            .col-2 {
                width: 16.66%;
            }

            .col-3 {
                width: 25%;
            }

            .col-4 {
                width: 33.33%;
            }

            .col-5 {
                width: 41.66%;
            }

            .col-6 {
                width: 50%;
            }

            .col-7 {
                width: 58.33%;
            }

            .col-8 {
                width: 66.66%;
            }

            .col-9 {
                width: 75%;
            }

            .col-10 {
                width: 83.33%;
            }

            .col-11 {
                width: 91.66%;
            }

            .col-12 {
                width: 100%;
            }
            
.brand {
}

.m-auto { 
 margin: 0 auto;
 float: none;
}

.secondary-bg {background-color: #f65c00; overflow: hidden}

a { color: #fff!important; text-decoration: underline;}
a:hover { text-decoration: none;}
.logo-brand { text-align: center }

img { max-width: 100%; }

h1 {    
    padding: 0;
    font-size: 30px;
    color: #fff;
    font-family: arboria,sans-serif;
font-weight: 700;
font-style: normal;
}



h2 {
  padding: 0;
    font-size: 24px;
    color: #585858;
    font-family: arboria,sans-serif;
font-weight: 700;
font-style: normal;
 margin: 0;
}


h3 {
  padding: 0;
    font-size: 36px;
    color: #f65c00;
    font-family: arboria,sans-serif;
font-weight: 700;
font-style: normal;
}

p {
 font-size: 22px;
    color: #fff;
    font-family: 'Gotham Narrow Book', sans-serif;
}

.main {
 margin: 0 auto;
 width: 100%;
}


header {
  background-color: #f75e00;
  height: 275px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/25851d4b-6439-46bd-b279-bef80068e744.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}






header .head {
max-width: 760px;
    text-align: center;
    width: 100%;
    margin: 40px auto;
}


a.top-cta {
 background-color: #f75e00;
 color: #fff;
 font-family: 'Gotham Narrow Bold', sans-serif;
 font-size: 22px;
 text-align: center;
 text-decoration: none;
 border: 3px solid #fff;
 width: 270px;
 display: block;
 margin: 0 auto;
 border-radius: 50px;
 padding: 15px;
 position: absolute;
 right: 0;
 left: 0;
}

a.top-cta:hover {
 background-color: #f96c17;
}


.products {
 text-align: center;
}


.installation {
 background-color: #f4f4f4;
   background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/5ddfd73f-97a7-43a2-8df3-0a522f4f54c4.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
padding: 50px 0;
}

.installation ul{
 margin: 0;
 padding: 0;
 list-style: none;
}
.installation ul li{
 font-size: 22px;
 color: #585858;
 font-family: 'Gotham Narrow Book', sans-serif;
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/afc2d383-dacc-4df4-ae3a-b806c5c06a82.png);
 background-repeat: no-repeat;
 margin-bottom: 10px;
 background-size: 52px;
 background-position: left top 12px;
 min-height: 50px;
 padding-left: 70px;
 padding-top: 10px;
}

.installation ul li:nth-child(1){
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/bc8351c4-edd5-4dcc-bd2c-1ef52d0ea19d.png);
}

.installation ul li:nth-child(2){
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/ffcc53da-e4be-4561-a802-52a339c4f332.png);
}

.installation ul li:nth-child(3){
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/26fcdaf0-a8ea-4829-b52c-13e7f95af34d.png);
}

.installation ul li:nth-child(4){
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/c65715e8-a590-493d-8496-c2e6b54e24df.png);
}

.installation ul li:nth-child(5){
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/82ee9b71-d49e-4073-a0c0-ecfe6d87e690.png);
}

.installation ul li:nth-child(6){
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/86be5f07-6f56-4708-a574-87066bacc751.png);
}

.installation ul li:nth-child(7){
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/2926a280-8ca4-4645-bb07-452c8746c9fc.png);
}

.installation ul li:nth-child(8){
 background-image: url(https://image.mc.zoetis.com/lib/fe3115707564057a7d1079/m/16/035cc46c-ea12-4da3-a8a0-eb25ba8fcf78.png);
}

.installation ul li span.noti {
    clear: both;
    display: block;
    font-size: 16px;
    margin-top: 12px;
}

.fuse-enabled {
     border: 2px solid #f65c00;
    padding: 60px 30px 65px 30px;
    border-radius: 20px;
    width: 850px;
    margin: 25px auto;
    box-sizing: border-box;
     max-width: 100%;
}
.fuse-enabled p{
 font-family: arboria, "Arial", "sans-serif" !important;
    margin: 0;
    line-height: normal;
    color: #f65c00;
    font-size: 29px;
    text-align: center;
}


.faqs {
 padding: 60px 0;
}

.faqs h2{
 color: #fff;
 font-size: 26px;
 text-align: center;
 margin-bottom: 55px;
}
/* Accordion
================================================== */
.acc {
  margin: 0 auto;
  max-width: 800px;
}

.acc__card {
  margin-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #f98d4d;
  padding-bottom: 20px;
}

.acc__title {
  color: #fff;
 font-family: 'Gotham Narrow Bold', sans-serif;
 font-size: 22px;
  cursor: pointer;
  display: block;
  padding: 0;
  position: relative;
  text-align: left;
 padding-right: 20px;
}
.acc__title::after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  right: 0;
  content: " ";
  top: 17px;
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
  color: #fff;
}
.acc__title.active::after {
  transform: rotate(225deg);
  transition: all 0.2s ease-in-out;
  color: #fff;
}

.acc__panel {
  color: #fff;
  font-size: 18px;
  display: none;
  margin: 0;
  padding: 20px 0 0;
  text-align: left;
  font-family: 'Gotham Narrow Book', sans-serif;
}

.acc__panel a{ text-decoration: none}


.acc__panel ol{margin: 20px;padding: 0;list-style-position: outside;}

.acc__panel ol li{margin-bottom: 10px;}

.acc__panel ol li::marker{
 font-family: 'Gotham Narrow Bold', sans-serif;
}

.main-content {
    clear: both;
}



.vjs-poster {
    border-radius: 25px!important;
}

.above-the-fold p{
    margin: 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 14px 50px;
    font-size: 18px;
    line-height: 1.3em;
}
.containter {
 max-width: 920px;
 margin: 0 auto;
 padding-right: 30px;
 padding-left: 30px;
}

.shadow {
    -webkit-box-shadow: 0px 9px 48px 0px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 9px 48px 0px rgba(0, 0, 0, 0.60);
    box-shadow: 0px 9px 48px 0px rgba(0, 0, 0, 0.60);
}
.site-form {
 margin: 0 auto;
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.site-form h2{
    text-align: center;
    margin-bottom: 30px;
}
.logo {
 float: left;
 width: auto;
 height: auto;
 margin-top: 95px;
}

.logo img { max-width: 100%; }

.heading {
 float: left;
 width: auto;
}

/** Form Styling **/
.site-form .form-group {
 float: left;
 margin-bottom: 25px;
 width: 100%;
}

.site-form .form-group .coulmnx2 {
 width: 48%;
 float: left;
 margin-right: 4%;
}

.site-form label {
 float: left;
    width: 100%;
    display: block;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    font-weight: normal;
}

.site-form label.title {
        font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}

.site-form input,
.site-form textarea,
.site-form select {
 width: 100%;
    height: 50px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #5e5e5e;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.ques h2 {text-align: left; margin-top: 50px;}
.radio label {
    font-weight: normal;
}

.radio input {
    margin-right: 12px;
    line-height: normal;
    width: 15px;
    height: 15px;
    padding: 0;
}

.site-form textarea { min-height: 128px; }

.site-form input:focus,
.site-form textarea:focus {
 outline: none !important;
 border-color: #ff6127;
}

.site-form .submit {
 color: #cc0666;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #fff;
    font-size: 22px;
    cursor: pointer;
    width: 200px;
    display: block;
    box-sizing: border-box;
    height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: capitalize;
}

.site-form .submit:hover { color: #fff; background-color: #373737; }

.coulmnx2.m0 { margin: 0 !important; }

span.icon {
 position: absolute;
 right: 0;
 top: 0;
}


p.disclaimer {
font-size: 14px;
    color: #585858;
    text-align: left;
    clear: left;
    margin: 0 0 20px;
}

p.mandatory {
 font-size: 12px;
 color: #373737;
 text-align: right;
}

::-webkit-input-placeholder { /* Edge */
 color: #666;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #666;
}

::placeholder {
 color: #666;
}

a { color: #fff; }

/** Footer **/
footer {
 width: 100%;
 text-align: center;
 color: #ffffff;
 float: left;
 background-color: #fff;
 margin-top: 0;
 -webkit-font-smoothing: antialiased;
 padding: 50px 0;
}

footer p {
 font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    color: #585858;
    text-align: center;
 margin-top: 25px;
}

ul.footer-links {
    padding: 0;
    margin: 20px 0 0 0;
    display: inline-block;
}
ul.footer-links li {color: #585858;display: inherit; padding: 0 5px;}

ul.footer-links li  a {
    color: #585858!important;
    text-decoration: underline;
    font-size: 14px;
}


footer .containter {
 padding-top: 5px;
 padding-bottom: 5px;
}

/* The Modal (background) */
.modal {
 position: fixed; /* Stay in place */
 z-index: 9999999999; /* Sit on top */
 padding-top: 100px; /* Location of the box */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
 background-color: #ffffff;
 margin: 10% auto;
 padding: 0;
 border: 0;
 width: 550px;
 font-family: arial;
 box-sizing: border-box;
 border-radius: 10px;
}

.modal-content h1 {
 background-color: #ff6127;
 color: #fff;
 font-size: 23px;
 text-transform: uppercase;
 margin: 0;
 padding: 15px;
 box-sizing: border-box;
 text-align: center;
 border-radius: 10px 10px 00px 0px;
}

.modal-content .note {
 padding: 30px;
 box-sizing: border-box;
 position: relative;
}

.modal-content p {
 font-size: 18px;
 text-align: center;
}

/* The Close Button */
.close {
 color: #373737;
 border: 0;
 height: 35px;
 font-size: 15px;
 cursor: pointer;
 width: 75px;
 hanging-punctuation: 38px;
 display: block;
 box-sizing: border-box;
 text-align: center;
 float: right;
 line-height: 35px;
 text-transform: uppercase;
 position: absolute;
 top: 10px;
 right: 0;
 font-weight: bold;
}

.close:hover,
.close:focus {
 text-decoration: none;
 cursor: pointer;
}

#myBtn {
 background-color: black;
 padding: 25px;
 color: white;
 line-height: normal;
 cursor: pointer;
}

@media only screen and (max-device-width: 575px) {

div#myVideo {
    height: 280px!important;
}

 
}
 @media only screen and (max-device-width: 767px) {
  
  .fuse-enabled {
    padding: 30px 20px 35px 20px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 100%;
 }
  .fuse-enabled p {
    font-size: 22px;
    text-align: center;
 }
  footer {
 padding: 30px 0;
}
 
header {
      padding-top: 15px;
 
 }


 
 .above-the-fold p {
    padding: 20px 0 20px 0;
    margin: 0;
}
.above-the-fold ol {
    padding: 20px 0 20px 17px;
    margin: 0;
    list-style-position: inside;
}
  /* For tab: */
                [class*="col-"] {
                    width: 100%;
                }

                .col-12 {
                    width: 100% !important;
                }
 
header .head-bar {
    max-width: 767px;
    top: 0;
    width: 100%;
    border-top: 12px solid #00c1d2;
}
h1 {
    text-align: center;
    }
    .logo-brand {
    text-align: center;
}
.site-form h2 {
    margin: 10px 0 20px 0;
}


.modal-content { width: 90%; }
.containter { width: initial; }

}


 @media only screen and (max-width: 480px) {
 
 header {
    height: auto;
    background-size: auto;
}

.above-the-fold {
    margin-top: 0;
}
h1 {

    text-align: center;
}

 div#myVideo {
    height: 159px!important;
}
 
  /* For mobile phones: */
                [class*="col-"] {
                    width: 100%;
                }

                .submit-button {
                    margin-top: 0;
                }
 .submit-button {
 margin-top: 0;
}
header {
 padding: 30px 0 10px;
}
.site-form .form-group {
 margin-bottom: 30px;
}
footer .containter {
 padding-top: 20px;
 padding-bottom: 20px;
}
footer p {
 font-size: 16px;
 line-height: 24px;
}
.site-form .submit {
width: 100%;
font-size: 20px;
height: 50px;
}
h1 {
 margin: 0 auto;
 text-align: center;
}
.site-form label {
 font-size: 16px;
 margin-bottom: 12px;
}
.site-form textarea {
 min-height: 130px;
}
}