#slvj-window{width:100%;min-height:100%;z-index:30;background:rgba(0,0,0,.8);position:fixed;top:0;left:0}#slvj-window,#slvj-window *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#slvj-background-close{width:100%;min-height:100%;z-index:31;position:fixed;top:0;left:0}#slvj-back-lightbox{width: 50%;height: auto;margin:auto;z-index:32;}.slvj-lightbox{position:relative;width:100%;height: 0;@charset "utf-8"; /* CSS Document */  body.notfound {     background-image: url(../images/products/houseguard01/bg.png);     background-size: 100% 140%;     padding-top: 5%;     padding-bottom: 57%;     background-repeat: no-repeat; }   footer{    position: relative;    bottom: 0;    width: 100%;    font-size: 0.9em;    padding: 3% 0 3% 0;    z-index: 1;    background: rgb(230, 230, 230); } footer a{   text-decoration: none;   color: rgb(132, 128, 118); }  footer a img{  width: 100%;     max-width: 200px; } .footer-left{  text-align: left;   color: #000;   width: 13%;   margin-right: 1%;  vertical-align: top;  display:inline-block } .footer-middle .fa{  font-size:1.6em;  margin-top:2%;  margin-right:1.5%; }  .footer-left .fa:hover{  color: #B7E0CD; }  .footer-left h3, .footer-middle h3{  font-weight: bold;  text-align: left;  font-size: 1.4em;  margin-bottom: 5%;  width:100%;  color: #3D6150; }  .footer-left h3 a, .footer-middle h3 a{  font-weight: bold;  text-align: right;  font-size: 0.6em;  margin-bottom: 5%;  padding: 0.8% 1.3%;  background: rgba(96, 150, 127, 1);  box-shadow: 0.1px 0px 3px #437660;  margin-right: -1%;  border-radius: 0.3em;  float:right;  color: #A0C5B4; } .footer-left img{  width:40%; }  .footer-middle{     text-align: left;      color: #000;      width: 27%;      vertical-align: top;     display:inline-block ; } .footer-middle p{  font-size: 1.1em;  line-height: 1.5em;  margin-top: -3%; }  .footer-right{     text-align: right;      color: #000;      width: 39%;      vertical-align: bottom;     display:inline-block }  .footer-right p.faq a{  font-size:4em;  line-height: 2em;  font-weight: 700;  text-shadow: 2px 2px rgba(60, 102, 84, 1); } .footer-right p.tos{  font-size:1em;  line-height: 1.5em;  color: #000; } .footer-right p.tos a{    color: #48735F;    font-weight: 700; }  nav li.logo{      width: 9%;     float: left;     margin-top: -1%; } nav li.logo img{  width: 100%; } @media screen and (min-width: 1300px){  html, body {     font-size:1.2em; } } @media screen and (max-width: 1299px){  html, body {     font-size:98%; } }  @media screen and (max-width: 1209px){ .wSelect-option-icon {     padding-left: 20%;     overflow: hidden;     text-align: left;     background-size: 20%; } .nav_body{  padding-bottom: 4%; } #tabs {     padding-top: 5%; }   }  @media screen and ( max-width:1412px){ nav li {     font-size: 0.4em; }   #guide .social-icons a i.fa{  width: 11%;  padding-bottom: 3%;  padding-top: 3%;  background: #81B9AE;  box-shadow: inset 0 -4px 15px rgba(0, 0, 0, 0.32);  color: #E4F1F0;  font-size: 1em;  border-radius:90px; }  #guide{ } .accordion_container{     margin-top: 5%;   } .container{  margin-top:-2%; } #faq{  width: 80%;   padding-top: 18%;   padding-bottom: 90%;  max-width: 1700px;  margin: 0 auto;   height: 0;  z-index: -1; }  .office_address p{   font-size: 0.5em;   line-height: 2em; }  .office_address b{   font-size: 01.1em;   line-height:49px;  } }  #product_detail{  padding-top: 7%;  padding-bottom: 110%;  margin: 0 auto;  margin-bottom: 0%;  height: 0; }  @media screen and ( min-width:1413px){     #guide .social-icons a i.fa{  width: 11%;  padding-bottom: 3%;  padding-top: 3%;  background: #81B9AE;  box-shadow: inset 0 -4px 15px rgba(0, 0, 0, 0.32);  color: #E4F1F0;  font-size: 2em;  border-radius:90px; } #guide{   width: 100%;     padding-bottom: 177%;            margin: 0 auto;       height: 0;   z-index: -1; }  #faq{   width: 80%;    padding-top: 8%;    padding-bottom: 90%;            margin: 0 auto;       height: 0;   z-index: -1; }  .office_address p{   font-size: 0.7em;   line-height: 2em; }  .office_address b{   font-size: 01.1em;   line-height:49px;  } }    #product_sub{  width: 100%;  padding-top: 1%;  padding-bottom: 120%;  margin: 0 auto;  height: 0; }  @media screen and ( max-width:1195px){   .products_bg h1{     font-size: 0.5em;     width: 25%;     background-color: rgba(109, 172, 144, 1);     padding: 0 1%;     margin-bottom: 3%;     font-style: normal;     color: #F0EEEE;     text-align: left; }  .products_bg{       } #product{  padding-top: 7%;  padding-bottom: 190%;  margin: 0 auto;  margin-bottom: 0%;  height: 0; }   #tabs ul a p {   padding-top: 60%;   font-size: 0.2em;   color: rgb(46, 46, 46); } #product_detail{      padding-top: 13%; } } @media screen and ( min-width:1196px){   .products_bg h1{     font-size: 1em;     width: 25%;     background-color: rgba(109, 172, 144, 1);     box-shadow: 1px 1px 5px #599279;     border-radius: 5px;     padding: 0.5% 2%;     margin-bottom: 1%;     font-style: normal;     color: #F0EEEE;     text-align: left; } {     padding: 0% 0.5%;     padding-top: 0%;     overflow: hidden;           width: 100%; } #product{  width: 100%;  padding-top: 6%;  padding-bottom: 150%;  margin: 0 auto;  height: 0; }   } .product_title{    text-align: left; } .product_title img{      width: 32%; } @media screen and (min-width: 300px) {   .vp .heart {     width: 30px;     height: 30px;     top: .66em;   } } @media screen and (min-width: 460px) {   .vp .heart {     top: .8em;     width: 50px;      height: 50px;   } }  @media screen and (min-width: 900px) {   .vp {     margin-top: 55px;   }  }  @media screen and (max-width: 1000px){    .tabs{    width:65%;    margin-left:17%;   }   #tabs{    padding-bottom:14%;   } }  @media screen and (max-width: 555px){ .column .ar_left p{  margin-left:5%;  width: 100%;  font-size: 0.7em;      height: 0;  margin-bottom:5%;  padding-bottom: 20%;  text-align: left;  color: #000; }  .column .ar_left .app_left{  margin-top:25%;  width: 25%;  float:left; } .column .ar_left .app_right{  width: 75%;   margin-top: 22%;  float: right; } .column_one_third b {  font-size:0.8em;  color: #000;  font-weight:700; }  .column .petent{  width: 90%;  margin-left: 5%;  float: left; }  .column .petent img{  width: 11%;  float:left;  box-shadow: 0px 1px 5px #1A262C;   border: 2px solid #64937E; } }        @media screen and (min-width: 1558px){  #noticePop u{  text-decoration:none;  font-size: 1em;  color: rgb(43, 83, 65); }  #noticePop .closePop{   font-size:0.5em;  text-decoration:none;  position: absolute;  right: 0%;  margin-right: -5%;  margin-top: -4%;  top: 0%;  }   #noticePop .closePop img{  width: 22%;    box-shadow: 0px 0px 8px #4B5156;  opacity: 1;  background: rgb(255, 255, 255);  border-radius:30px;  padding: 25%; }   #noticePop .imagebox p{  text-align: left;  padding-top: 12%;  color: #000; }  #noticePop{  position: absolute;  left: 20px; top:20px;   z-index: 999999999999999999999;  background: rgb(255, 253, 253);         border-radius: 5px;       box-shadow: 0 2px 12px rgba(0, 0, 0, 0.88);     padding:1%;     width: 25%;        height:0;  padding-bottom: 32%; }    #noticePop .imagebox p{  text-align: left;  padding-top: 20%;  color: #000; }   #noticePop .todayClose{  font-size:0.5em;  width: 100%;  padding-bottom: 0%;  text-align: right; } #noticePop .closePop img:hover{   -webkit-transform:rotate(180deg);  -webkit-transition: 0.3s; } } @media screen and (max-width: 1557px) and (min-width: 820px){  #noticePop u{  text-decoration:none;  font-size: 1em;  color: rgb(43, 83, 65); }  #noticePop .closePop{   font-size:0.5em;  text-decoration:none;  position: absolute;  right: 0%;  margin-right: -5%;  margin-top: -4%;  top: 0%;  }   #noticePop .closePop img{  width: 22%;    box-shadow: 0px 0px 8px #4B5156;  opacity: 1;  background: rgba(220, 232, 230, 0.62);  border-radius:30px;  padding: 25%; }   #noticePop .imagebox p{  text-align: left;  padding-top: 12%;  color: #000; }  #noticePop{  position: absolute;  left: 20px; top:20px;   z-index: 999999999999999999999;  box-shadow: 0px 3px 6px #101D23;  background: rgba(235, 235, 235, 1);      border: 2px solid #A1BDBB;     padding:1%;     width: 25%;        height:0;  padding-bottom: 35%; }    #noticePop .imagebox p{  text-align: left;  padding-top: 20%;  color: #000; }   #noticePop .todayClose{  font-size:0.5em;  width: 100%;  padding-bottom: 0%;  text-align: right; } #noticePop .closePop img:hover{   -webkit-transform:rotate(180deg);  -webkit-transition: 0.3s; }  } @media screen and (max-width: 819px){   #noticePop u{  text-decoration:none;  font-size: 1em;   color: rgb(43, 83, 65); }  #noticePop .closePop{   font-size:0.5em;  text-decoration:none;  position: absolute;     right: 0%;     margin-right: -17%;     margin-top: -12%;     top: 0%; }   #noticePop .closePop img{  width: 22%;    box-shadow: 0px 0px 8px #4B5156;  opacity: 1;  background: rgba(220, 232, 230, 0.62);  border-radius:30px;  padding: 15%; }   #noticePop .imagebox p{  text-align: left;  padding-top: 12%;  color: #000; }  #noticePop{  position: absolute;  left: 20px; top:20px;   z-index: 999999999999999999999;  box-shadow: 0px 3px 6px #101D23;  background: rgba(235, 235, 235, 1);      border: 2px solid #A1BDBB;     padding:1%;     width: 31%;        height:0;  padding-bottom: 47%; }   #noticePop .imagebox p{  text-align: left;  font-size: 0.4em;  padding-top: 26%;  color: #000; }   #noticePop .todayClose{  font-size:0.5em;  text-align: right; } #noticePop .closePop img:hover{   -webkit-transform:rotate(180deg);  -webkit-transition: 0.3s; }  }   @media screen and (min-width: 750px) {   .mobile-menu{    display: none;   }   h4.mobile{    display:none;   } }  @media screen and (max-width: 749px){    .nav_body{    display: none;   }     .fixed{    display: none;   }     h4.mobile{    display:block;    width: 86%;    margin: 0 auto;    padding: 9% 7%;    color: #636262;    font-size: 0.8em;    line-height: 1.6em;    background: #F3F2EF;   }   #section2 h4{     display: none;   }    #section2{    margin-top: 0%;    box-shadow: none;   }   #section3 {     width: 100%;     margin: 0 auto;     height: 0;     padding-bottom: 173%; }    .view .left{     width: 100%;         padding-bottom: 56%; }     .view .right {     width: 100%;     padding: 60% 0 0 0; } .view{  padding-bottom:00%; } #features_top {     padding-bottom: 120%; } .logos{  width: 100%; }  .column_one_third{  width: 90%;  float: none;  margin:0 auto; } .column_one_third img {     width: 31%;     border-radius: 300px;     border: 4px solid #FFFFFF;     box-shadow: 0px 2px 3px #737575;     margin-bottom: 7%;     display: inline-block;     float:left; } .column_one_third ul {     width: 63%;     display: inline-block;     font-size: 1em;     color: #3D3D3D;     line-height: 1.5em;     vertical-align: top;     padding-top:7%;     padding-left:3%;     text-align: left;     float:left; } .vimeo_clip iframe {     display: none;  } .vimeo_clip {     background-image: url(../images/main_video_mobile.jpg);     background-size: 100%;     margin-top: 9%;     position: absolute; } .overlay{   display: none; } .column_four_fifth{  padding-bottom:70%; } .column_four_fifth .left {     width: 100%;     font-size:90%;     text-align: left; }  .column_four_fifth .right {     width: 100%;     display: block;  }  .column_four_fifth .right img{  width: 80%; }  .parent {     width: 49.9%; }  .download a i {     font-size: 4em; } header.faq{     padding-top: 10%; } #tabs {     padding-top: 10%;     padding-bottom: 17%; } .tabs{  width: 80%;  margin-left: 9%; } .page{  margin-top: 65%; } .column_smaller{  width:90%; } .column_one_third ul li {     padding: 0 2%;  } #product{  font-size: 70%;  padding-top: 17%;  padding-bottom: 410%; }   .products_bg .display2, .products_bg .display3, .products_bg .display4, .products_bg .display5, .products_bg .display6, .products_bg .display7{  width: 100%;  padding-top: 49%;  font-size: 200%; } .products_bg p{  font-size:60% !important; } .products_bg .display1 img{  width:60%; } #tabs ul a p{  display: none }  #product_sub .top{  font-size:80%;  width:90%;  padding:25% 5% 0 5%; } .product_left{  width: 100%;  padding-bottom: 50%; } .es-carousel-wrapper{     margin-top: 52%;   } .product_right{      width: 55%;            padding-bottom: 60%;     margin-top: 30%;     margin-left: 21%;      background-color: none;      box-shadow: none; } #product_sub{  width: 100%;  padding-top: 6%;  padding-bottom: 230%;  margin: 0 auto;  height: 0; } #faq{  padding-top:40% } .container{     margin-top: 5%;       width: 60%;     margin-left: 22%; } #contact{  padding-top:16%;  font-size:90%;  padding-bottom: 290%; } #contact .social-icons a i.fa{  font-size:100%; } .address_ny{  width:100%; } .address_seoul{  width:100%; } .column .ar_left{  line-height:1.1em; }  body.notfound {     background-size: 170% 140%;     padding-top: 15%;     padding-bottom: 130%;     background-repeat: no-repeat; } #error img{  width: 30%;  display: block;  float: none;  margin: 0 auto; } #error .right{  width:90%;  float: none; } #error{     padding: 5% 5% 9% 5%;       margin-bottom: 40%; } .ih-item.square {     position: relative;     width: 100% !important;     display: inline-block; } .display2 a img{  margin-bottom: -1%; } #sample{  display: none; } #videos{  width:90%; }  .parent{  width:100% !important; } #contact .form .left{  width: 100%;  float:none !important; } #contact .form .right{  width:100%;  float:none !important;  margin-left: 0%;  margin-top: 3%; } .feedback-input{ padding: 1% 2%;font-size: 13px;margin-bottom: 5px;  }  #tos{  margin-top: 10%; }  }   @media screen and (max-width: 610px){  .column_four_fifth{   padding-bottom:75%;  } .column_four_fifth .left h2 {   } .column_four_fifth .left p {     font-size: 50%; }  #guide{  font-size:80%; }  }  @media screen and (max-width: 509px){   footer {     width: 60%;     padding: 3% 20%;     line-height:1.4em; } footer a img {     width: 100%;     max-width: 120px !important; } #features_top {     padding-bottom: 130%; }  .column_one_third ul {     width: 63%;     display: inline-block;     font-size: 0.8em;     color: #3D3D3D;     line-height: 1.5em;     vertical-align: top;     padding-top: 0%;     padding-left:3%;     text-align: left;     float:left; } .product_right {  margin-top:50%;  padding-bottom: 70%; } #product_sub {     width: 100%;     padding-top: 6%;     padding-bottom: 290%;     margin: 0 auto;     height: 0; } .container {     margin-top: 0%;     width: 70%;     margin-left: 14%; } #faq{     padding-bottom: 150%;       font-size: 80%; } .accordion_head{  padding:3% 0%;  font-size:76% } input[type=search]{  border-radius:2px; } };padding-bottom: 80%;margin:0;margin-top: 19% !important;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:0 2px 2px 2px rgba(0,0,0,.3);z-index:53}#slvj-close-icon{background-image:url(../images/close-icon.png);background-repeat:no-repeat;width: 20px;height: 20px;background-size: 20px;position:absolute;top: 2px;right: 0px;margin-top: -29px;z-index:551}#slvj-close-icon:hover{cursor:pointer}
iframe{width: 100%; height:100%;position: absolute;top: 0;left: 0;}