/* Import Rules */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;700;900&family=Zilla+Slab:wght@300;400;600;700&display=swap'); 
/* Variables.css | Jun 18, 2021 @1:22:03 PM */ 
:root {
--main-color: #5F8FCB; /* Blue */
--secondary-color: #211F26; /* Dark Gray */
--main-font: "Montserrat";
--secondary-font: "Zilla Slab";
}/* Typography.css | Jul 20, 2021 @3:07:20 PM */ 
/* Google Font Import */
.v1 {
font-family: var(--main-font);
font-size: 1.6rem;
}
.v1 h1, .v1 h2, .v1 h3, .v1 h4, .v1 h5, .v1 h6 {
margin-bottom: 20px;
line-height: 1.25em;
}
.v1 h1 {
font-size: 2.8rem;
}
.v1 h2 {
font-size: 2rem;
}
.v1 h2.notice {
background: var(--main-color);
padding: 15px 40px;
border-radius: 5px;
margin-bottom: 40px;
}
.v1 h3 {
font-size: 2.2rem;
}
.v1 h4 {
font-size: 2rem;
}
.v1 .main-color h2 {
color: var(--main-color);
}/* Layout.css | Jul 20, 2021 @3:28:44 PM */ 
html {
scroll-behavior: smooth;
}
* {
box-sizing: border-box;
}
body {
overflow-x: hidden;
}
.v1 .wrapper {
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
.v1 .wrapper.thin {
max-width: 1000px;
margin: auto;
}
.v1 .wrapper.thinner {
max-width: 650px;
}
.v1 .flex {
display: flex;
-ms-display: flexbox;
}
.v1 a {
transition: 0.2s ease all;
}
.v1 img {
max-width: 100%;
height: auto;
}
.v1 p:last-child {
margin: 0;
}
/* Header */
.v1 header {
background-color: var(--secondary-color);
}
.v1 .alert {
display: block;
text-align: center;
background-color: #fff;
}
.v1 .alert a {
display: block;
padding: 20px;
text-decoration: none;
color: #000;
}
.v1 .alert a:hover {
color: var(--main-color);
}
.v1 .alert p {
margin: 0;
}
.v1 header .wrapper {
align-items: center;
}
.v1 header .logo {
max-width: 260px;
margin: 40px 40px 40px 0;
}
.v1 header .logo p {
margin: 0;
}
/* Header - Navigation */
.v1 header nav {
flex: 1;
justify-content: flex-end;
align-items: center;
}
.v1 header nav a {
position: relative;
display: inline-block;	
color: #fff;
text-decoration: none;
font-size: 2rem;
font-weight: 300;
}
.v1 header nav a:not(:first-child) {
margin-left: 45px;
}
.v1 header nav a:not(.call):after {
content: "\f050";
font-family: "Gatesevengeneral";
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.v1 header nav a.call {
font-size: 1.8rem;
border: 1px solid #fff;
border-radius: 10px;
padding: 5px 15px;
line-height: 1em;
}
.v1 header nav a.call span {
display: block;
font-size: 1.4rem;
}
.v1 header nav a:hover {
color: var(--main-color);
}
.v1 header nav a.call:hover {
border-color: var(--main-color);
}
/* Main Banner */
.v1 .main-banner .slider-widget .mSFrame {
max-height: 400px;
}
.v1 .main-banner .mSCover::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}
.v1 .main-banner .slider-widget .mSCaption {
background: none;
font-size: 3rem !important;
font-weight: 600;
text-shadow: 2px 2px 0px #000;
width: calc(100% - 40px) !important;
text-align: center;
text-transform: none;
top: auto !important;
bottom: 40px !important;
--ty:0;
}
.v1 .main-banner .slider-widget .mSCaption img {
width: 490px;
margin-bottom: 10px;
}
.v1 .main-banner .slider-widget .mSCaption p {
margin: 0;
}
.v1 .main-banner .slider-widget .mSCaption .btn {
background: #fff;
font-size: 1.8rem;
text-shadow: none;
text-transform: uppercase;
text-decoration: none;
color: #000;
padding: 15px 30px;
border-radius: 5px;
margin-top: 50px;
line-height: 1em;
display: inline-block;
}
.v1 .main-banner .slider-widget .mSCaption .btn:hover {
background: var(--main-color);
color: #fff;
}
/* Content Sections */
.v1 section {
padding: 70px 0;
}
/* Section - Light */
.v1 section.light {
background: #fff;
}
/* Section - Grey */
.v1 section.grey {
background: #f3f1ee;
}
/* Section - Grey/Hexagon */
.v1 section.grey.hexagon {
background-image: url("/files/jwautomation/bg-hexagon-light-repeat.png");
background-repeat: repeat;
background-position: center -20px;
}
/* Section - Gradient */
.v1 section.gradient {
background: rgb(243,241,238);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(243,241,238,1) 100%);
}
/* Section - Dark */
.v1 section.dark {
background: #211F26;
}
/* Section - Dark/Hexagon */
.v1 section.dark.hexagon {
background-image: url("/files/jwautomation/bg-hexagon-dark-repeat.png");
background-repeat: repeat;
background-position: center -20px;
color: #fff;
}
/* Section - Telus Home */
.v1 section.telus-home {
padding-bottom: 0;
}
.v1 section.telus-home .wrapper {
max-width: 1000px;
}
.v1 section.telus-home .text {
width: 480px;
max-width: 100%;
flex-shrink: 0;
}
.v1 section.telus-home .image {
margin-left: 30px;
align-items: flex-end;
}
.v1 section.telus-home .icon-text {
position: relative;
font-family: var(--secondary-font);
margin: 30px 0;
padding-left: 100px;
color: var(--main-color);
}
.v1 section.telus-home .icon-text:before {
position: absolute;
content: "";
left: 78px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2px;
height: 100%;
background-color: var(--main-color);
}
.v1 section.telus-home .icon-text:after {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "\f09a";
font-family: Gatesevengeneral;
font-size: 4.8rem;
}
/* Section - Testimonials */
.v1 .content-module.testimonial {
position: relative;
font-size: 2rem;
font-family: var(--secondary-font);
padding-left: 100px;
}
.v1 .content-module.testimonial:before {
position: absolute;
left: 0;
top: -10px;
content: "\f04d";
font-family: Gatesevengeneral;
font-size: 9rem;
color: var(--main-color);
}
.v1 .content-module.testimonial strong {
font-size: 2.4rem;
color: var(--main-color);
}
.v1 .content-module.testimonial em {
font-size: 1.8rem;
font-family: var(--main-font);
}
/* Section Column */
.v1 section .column-widget .column {
padding: 0 35px;
}
/* Content Widget Icons */
.v1 .content-module.icon:before {
content: "";
font-family: Gatesevengeneral;
font-size: 8rem;
color: var(--main-color);
display: block;
margin: 30px 0;
text-align: center;
}
.v1 .content-module.icon.phone:before {
content: "\f09b";
}
.v1 .content-module.icon.shield:before {
content: "\f09c";
}
.v1 .content-module.icon.home:before {
content: "\f09d";
}
/* Interactive House */
.v1 .interactive-house {
position: relative;
background-image: url("/files/jwautomation/cloud-background.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
text-align: center;
padding: 30px 0;
}
.v1 .interactive-house:after {
content: "";
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 30%;
background-color: #d8d6d2;
z-index: 1;
}
.v1 .interactive-house .house {
position: relative;
display: inline-block;
z-index: 2;
}
.v1 .interactive-house .house img {
max-height: 490px;
position: relative;
z-index: 1;
}
.v1 .interactive-house .house .tooltip {
position: absolute;
display: inline-block;
z-index: 2;
-webkit-transform: translate(-50%, calc(-100% - 10px));
transform: translate(-50%, calc(-100% - 10px));
background-color: rgba(243,241,238,0.8);
color: #000;
text-decoration: none;
padding: 10px 15px;
font-size: 1.2rem;
font-weight: 700;
transition: 0.2s ease all;
white-space: nowrap;
}
.v1 .interactive-house .house .tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(243,241,238,0.8);
transition: 0.2s ease all;
}
.v1 .interactive-house .house .tooltip:hover {
background-color: var(--secondary-color);
color: #fff;
}
.v1 .interactive-house .house .tooltip.active {
background-color: var(--main-color) !important;
color: #fff;
}
.v1 .interactive-house .house .tooltip.active::after {
border-top-color: var(--main-color) !important;
}
.v1 .interactive-house .house .tooltip:hover::after {
border-top-color: var(--secondary-color);
}
.v1 .interactive-house .house .tooltip.outdoor-security {
top: 46.58%;
left: 12.99%;
}
.v1 .interactive-house .house .tooltip.flood-sensor {
top: 89.56%;
left: 23.85%;
}
.v1 .interactive-house .house .tooltip.window-sensor {
top: 48.15%;
left: 30.56%;
}
.v1 .interactive-house .house .tooltip.doorbell-camera {
top: 57.35%;
left: 41.19%;
}
.v1 .interactive-house .house .tooltip.control-panel {
top: 60.64%;
left: 67.19%;
}
.v1 .interactive-house .house .tooltip.motion-sensor {
top: 41.37%;
left: 86.58%;
}
.v1 .interactive-house .house .tooltip.smart-plug {
top: 76.88%;
left: 91.35%;
}
.v1 .house-slider {
padding: 0;
}
.v1 .house-slider .slider-widget .slide-wrapper {
background: transparent;
}
.v1 .house-slider .slider-widget .mSFrame {
height: 240px !important;
}
.v1 .house-slider .slider-widget .slide-wrapper .mightyslider_modern_skin {
background: transparent;
}
.v1 .house-slider .slider-widget .mSFrame .mSCover {
background-size: 200px auto !important;
background-repeat: no-repeat;
background-position: 100px center;
}
.v1 .house-slider .slider-widget .mSCaption {
position: absolute !important;
width: calc(100% - 450px) !important;
top: 50% !important;
left: 350px !important;
background: transparent;
color: #000;
text-shadow: none;
text-transform: none;
font-size: 1.6rem !important;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
padding: 0 !important;
}
.v1 .house-slider .slider-widget .mSCaption h3 {
font-size: 1.8rem !important;
margin-bottom: 10px;
}
.v1 .house-slider .mightyslider_modern_skin.horizontal .mSPrev,
.v1 .house-slider .mightyslider_modern_skin.horizontal .mSNext {
background: none;
}
.v1 .house-slider .mightyslider_modern_skin.horizontal .mSPrev::before,
.v1 .house-slider .mightyslider_modern_skin.horizontal .mSNext::before {
content: "\f00a";
font-family: Gatesevengeneral;
color: var(--main-color);
font-size: 8rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.v1 .house-slider .mightyslider_modern_skin.horizontal .mSNext::before {
content: "\f009";
}
.v1 .house-slider .mightyslider_modern_skin .mSPages li {
border-color: var(--main-color);
}
.v1 .house-slider .mightyslider_modern_skin .mSPages li.active {
background: var(--main-color);
}
/* Partner Logos */
.v1 .partners .column-widget.flex .column-wrapper {
display: flex !important;
-ms-display: flexbox;
align-items: center;
}
.v1 .partners .column-widget.flex .column {
height: auto;
}
/* Footer */
#templatefooter {
background: #eee;
padding: 10px 0;
}
.v1 footer {
background: var(--secondary-color);
color: #fff;
font-size: 1.8rem;
padding: 40px 0;
}
.v1 footer .flex {
align-items: center;
justify-content: space-between;
}
.v1 footer p {
margin: 0;
}
.v1 footer a {
color: #fff;
font-size: 2.4rem;
font-weight: 600;
text-decoration: none;
}
.v1 footer a:last-child {
margin-left: 40px;
}
.v1 footer a:hover {
color: var(--main-color);
}
.v1 #templatefooter {
background: var(--secondary-color);
padding: 10px 0;
margin: 0;
}
.v1 .mini-logos p {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.v1 .mini-logos p img {
margin: 10px !important;
}/* Modules-Widgets.css | Jul 20, 2021 @12:00:02 PM */ 
/* Form Builder */
.v1 form.formWizForm {
background: none;
border: none;
padding: 0;
margin: 0 auto;
color: #fff;
width: 690px;
max-width: 100%;
}
.v1 form.formWizForm h2,
.v1 form.formWizForm .desc {
display: none;
}
.v1 form.formWizForm label {
color: #fff;
}
.v1 form.formWizForm ul li {
padding: 10px 0;
}
.v1 form.formWizForm div.info {
color: var(--main-color);
font-size: 1.6rem;
text-transform: uppercase;
margin-top: 5px;
}
.v1 form.formWizForm input,
.v1 form.formWizForm textarea {
border-radius: 5px;
padding: 10px 15px;
border: none;
font-size: 1.6rem;
width: 100%;
}
.v1 form.formWizForm input[type="text"] {
width: 100%;
}
.v1 form.formWizForm .field {
display: flex;
-ms-display: flexbox;
flex-wrap: wrap;
justify-content: space-between;
}
.v1 form.formWizForm .option {
position: relative;
width: calc(50% - 5px);
margin: 0 0 10px 0;
text-align: center;
border: 2px solid #fff;
border-radius: 5px;
}
.v1 form.formWizForm .option input {
display: none;
}
.v1 form.formWizForm .option label {
padding: 20px;
height: auto;
margin: 0;
cursor: pointer;
transition: 0.2s ease all;
color: #fff;
}
.v1 form.formWizForm .option input:checked + label {
background-color: var(--main-color);
}
.v1 form.formWizForm .left {
float: none;
flex: 1;
}
.v1 form.formWizForm .left.sp2 {
margin-right: 5px;
}
.v1 form.formWizForm .left.sp2:last-child {
margin-right: 0;
margin-left: 5px;
}
.v1 form.formWizForm .submitBut {
margin: 0;
cursor: pointer;
transition: 0.2s ease all;
}
.v1 form.formWizForm .submitBut:hover {
background-color: var(--main-color);
color: #fff;
}
.v1 form.formWizForm .chosen-container {
width: 100% !important;
}
.v1 form.formWizForm .chosen-container-single .chosen-single {
padding: 10px 15px;
height: auto;
background: var(--main-color);
color: #fff;
border: none;
box-shadow: none;
font-size: 2rem;
}
.v1 form.formWizForm .chosen-container-single .chosen-single div {
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
}
.v1 form.formWizForm .chosen-container-single .chosen-single div:before {
content: "\f09e";
font-family: Gatesevengeneral;
font-size: 2rem;
}
.v1 form.formWizForm .chosen-container-single .chosen-single div b {
display: none;
}
.v1 form.formWizForm .chosen-container .chosen-drop {
background: var(--main-color);
color: #fff;
box-shadow: none;
border: none;
}
.v1 form.formWizForm .chosen-container .chosen-results {
color: #fff;
font-size: 1.4rem;
}
.v1 form.formWizForm .chosen-container .chosen-results li {
padding: 10px 15px;
}
.v1 div.formWizFormMessage {
border: none;
background: var(--main-color);
color: #FFF;
text-align: center;
margin: 60px 0 0;
font-size: 1.8rem;
font-weight: 700;
}
.v1 form.formWizForm textarea.medium {
height: 80px;
}/* Responsive.css | Jul 20, 2021 @3:26:44 PM */ 
@media only screen and (max-width:920px) {
.v1 header nav a {
font-size: 1.6rem;
}
.v1 header nav a:not(:first-child) {
margin-left: 20px;
}
.v1 .main-banner .slider-widget .mSCaption {
font-size: 2.2rem !important;
}
.v1 .main-banner .slider-widget .mSCaption img {
width: 500px;
}
.v1 .main-banner .slider-widget .mSCaption .btn {
font-size: 2rem;
}
.v1 .interactive-house .house .tooltip {
padding: 5px 10px;
}
.v1 .house-slider .mightyslider_modern_skin.horizontal .mSPrev::before,
.v1 .house-slider .mightyslider_modern_skin.horizontal .mSNext::before {
font-size: 6rem;
}
.v1 .house-slider .slider-widget .mSFrame .mSCover {
background-size: 20% auto !important;
background-position: 50px center;
}
.v1 .house-slider .slider-widget .mSCaption {
width: calc(80% - 120px) !important;
left: calc(20% + 70px) !important;
}
}
@media only screen and (min-width: 561px) and (max-width: 920px) {
.v1 .interactive-house .house .tooltip.outdoor-security {
top: 53.60%;
-webkit-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
}
.v1 .interactive-house .house .tooltip.outdoor-security::after {
top: auto;
bottom: 100%;
border-top: none;
border-bottom: 10px solid rgba(243,231,238,0.8);
}
.v1 .interactive-house .house .tooltip.outdoor-security:hover::after {
border-bottom-color: var(--secondary-color);
}
.v1 .interactive-house .house .tooltip.outdoor-security.active::after {
border-bottom-color: var(--main-color) !important;
}
.v1 .house-slider .mightyslider_modern_skin .mSButtons {
width: auto;
}
}
@media only screen and (max-width:820px) {
.v1 .alert a {
font-size: 1.4rem;
padding: 10px;
}
.v1 header .wrapper {
flex-direction: column;
}
.v1 header .logo {
margin: 20px 10px 0; 
}
.v1 header nav {
margin: 20px 10px;
}
.v1 section.telus-home .wrapper {
flex-direction: column;
}
.v1 section.telus-home .text {
margin: auto;
}
.v1 section.telus-home .image {
width: 100%;
max-width: 475px;
margin: auto;
}
.v1 footer .flex {
flex-direction: column;
}
.v1 footer a {
display: inline-block;
margin: 10px !important;
font-size: 1.8rem;
}
}
@media only screen and (max-width:670px) {
.v1 .main-banner .slider-widget .mSCaption {
bottom: 10px !important;
font-size: 1.8rem !important;
}
.v1 .main-banner .slider-widget .mSCaption img {
width: 300px;
}
.v1 .main-banner .slider-widget .mSCaption .btn {
margin-top: 10px;
padding: 10px 15px;
font-size: 1.6rem;
}
.v1 section {
padding: 30px 0;
}
.v1 .content-module.testimonial {
font-size: 1.6rem;
}
.v1 .content-module.testimonial strong {
font-size: 1.4rem;
}
.v1 .content-module.testimonial em {
font-size: 1.2rem;
}
.v1 .partners .column-widget.flex .column-wrapper {
flex-direction: column;
}
.v1 .partners .column-widget.three-columns .column {
width:50%;
margin: 10px 0;
}
.v1 .house-slider .slider-widget .mSFrame {
height: 200px !important;
}
.v1 .house-slider .slider-widget .mSFrame .mSCover {
background-position: 20px center;
}
.v1 .house-slider .slider-widget .mSCaption {
width: calc(80% - 40px) !important;
left: calc(20% + 40px) !important;
font-size: 1.6rem !important;
}
.v1 .house-slider .slider-widget .mSCaption h3 {
font-size: 1.8rem !important;
}
.v1 .house-slider .mightyslider_modern_skin .mSPages {
display: none;
}
}
@media only screen and (max-width:560px) {
.v1 header nav a.call {
font-size: 1.4rem;
}
.v1 header nav a.call span {
font-size: 1.2rem;
}
.v1 h1, .v1 h2, .v1 h3, .v1 h4, .v1 h5, .v1 h6 {
margin-bottom: 10px;
}
.v1 h1 {
font-size: 2.4rem;
}
.v1 h2 {
font-size: 2rem;
}
.v1 h3 {
font-size: 1.8rem;
}
.v1 h4 {
font-size: 1.6rem;
}
.v1 .main-banner .slider-widget .mSFrame {
min-height: 200px;
}
.v1 .interactive-house .house .tooltip {
font-size: 0;
padding: 10px;
background-color: #444;;
}
.v1 .interactive-house .house .tooltip:after {
border-top-color: #444;
}
.v1 .interactive-house .house .tooltip.outdoor-security::after {
border-bottom-color: #444;
}
@media only screen and (max-width:500px) {
.v1 {
font-size: 1.4rem;
}
.v1 h2 {
font-size: 1.6rem;
}
.v1 header .wrapper {
padding: 0;
}
.v1 header nav {
flex-wrap: wrap;
justify-content: center;
}
.v1 header nav a.call {
order: 1;
width: 100%;
text-align: center;
margin-left: 0;
}
.v1 header nav a.call span {
display: inline;
font-size: 1.4rem;
}
.v1 header nav a:first-child {
order: 2;
text-align: center;
margin: 10px;
}
.v1 header nav a:nth-child(2) {
order: 3;
text-align: center;
margin: 10px;
}
.v1 .main-banner .slider-widget .mSCaption {
font-size: 1.4rem !important;
}
.v1 .main-banner .slider-widget .mSCaption img {
margin-bottom: 0;
}
.v1 .main-banner .slider-widget .mSCaption .btn {
font-size: 1.2rem;
}
.v1 .content-module.testimonial {
padding-left: 0;
padding-top: 100px;
text-align: center;
}
.v1 .content-module.testimonial::before {
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.v1 form.formWizForm input, .v1 form.formWizForm textarea {
padding: 5px 10px;
}
.v1 footer a {
display: block;
text-align: center;
}
}/* Default | Sep 3, 2021 @2:32:23 PM */