@charset "UTF-8";

/*
Theme Name: AlarmTek Smart Security
Theme URI: https://alarmtek.us/
Author: AlarmTek Smart Security team
Author URI: https://alarmtek.us/
Description: AlarmTek was built from the ground up—literally. Every system we installed was a step toward our vision: to create the best security products and services on the planet. 
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.6
*/

iframe{width:100%;border:none;}
video{width:100%;}

.iframe-width-right iframe{width:100%;border:none;height:210px;}
 /* Loader overlay */
    #loader {
      position: fixed;
      width: 100%;
      height: 100%;
      background:rgba(255,255,255,0.9);
      z-index: 9999;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Spinner animation */
/*     .spinner {
      border: 8px solid #f3f3f3;
      border-top: 8px solid #3498db;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
    } */

/*     @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    } */

.spinner {
animation: bounce 1s ease infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-25px);
  }
  60% {
    transform: translateY(-15px);
  }
}

    /* Hide loader when page is loaded */
    body.loaded #loader {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease;
    }



.product-page-block .video-content-wrap .media-block{gap:0;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); border-radius: 12px 12px 0 0;}
.product-page-block .video-content-wrap .media-block video{      border-radius: 12px 12px 0 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    margin-bottom: -4px;
    position: relative;}
.product-page-block .video-content-wrap .media-block .video-titles-new{position:relative;width:100%;}
.product-page-block .video-content-wrap .media-block .video-in{position:relative;}
.product-page-block .video-content-wrap .media-block .play-icon{
	    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-page-block .video-content-wrap .media-block .play-icon img{
	    height: 100px;
    width: 100px;
    position: relative;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.let-get_block .flex{justify-content:space-between;    align-items: center;}
.let-get_block .video-side, .let-get_block .content-side{width:48%;margin:0;}
.let-get_block .video-side .hm_about-inner{width:100%;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    border-radius: 12px 12px 0 0;}
.let-get_block .video-side .videoimg{width:100%;    border-radius: 12px 12px 0 0 !important;box-shadow:none !important;    height: 300px;
    object-fit: cover;
    object-position: top;}
.let-get_block .video-side .hm_about-inner .video-titles-new {position:relative;}
.let-get_block .video-side .video-titles{
	left: 0;
    right: 0;
    bottom: 90px;
    background: #ffffff;
    text-align: center;
    color: #375cac;
    padding: 10px 0;
    font-size: 18px;
}
.let-get_block .video-side .img-video{position:relative;}
.let-get_block .video-side .img-video .play-btn{
	    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.let-get_block .video-side .img-video .play-btn img.video-icon1{
	position: relative;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
    box-shadow: none;
}

.wpcf7 form .wpcf7-response-output{width:100%;color:#fff;}
.wpcf7 form.validating .wpcf7-response-output{display:none;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #f90101;
    background: #f90101;
}
.wpcf7 form.sent .wpcf7-response-output{
	border-color: #00bb4b;
    background: #00bb4b;
}

.sb-btn{position:relative;}
.sb-btn .wpcf7-spinner{    margin: 12px 0;
    position: absolute;
    left: 50%;}

.form-inner .form-row .form-group-full .get-radiso .wpcf7-list-item,
.form-inner .form-row .form-group-full .get-radiso .wpcf7-not-valid-tip,
.form-inner .get-radiso-heading,
.form-inner h2,
.form-inner p{text-align:left;}


@media (max-width: 991px){
	.let-get_block .video-side, .let-get_block .content-side {
    width: 100%;
    margin: 15px 0;
}
}