/*
Theme Name:    CKP Website Child Theme V2
Description:   CKP Child Theme V2
Version:       2.0.1
Author:        CKP Creative
Author URI:    https://www.ckpcreative.com.au/
Template:      bb-theme
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html


==========================================================================================
TABLE OF CONTENTS
==========================================================================================
1.0     AT-RULES
        1.1     Fonts
        1.2     Animations
2.0     RESET
3.0     REUSABLE CLASSES
4.0     LAYOUT AND DESIGN
        4.1     Common styles
                4.1.1     Rows
                4.1.2     Accordions
                4.1.3     Carousels
                4.1.4     Forms
                4.1.5     Popups
                4.1.6     Tabs
                4.1.7     Others
        4.2     Header
                4.2.1     Rows
                4.2.2     Branding
                4.2.3     Menu
                4.2.4     Others
        4.3     Content
                4.3.1     Rows
                4.3.2     Forms
                4.3.3     Popups
                4.3.4     Carousels
                4.3.5     Others
        4.4     Footer
                4.4.1     Rows
                4.4.2     Branding
                4.4.3     Menu
                4.4.4     Others
        4.5     Others
5.0     RESPONSIVE
        5.1     Large screens only (min-width: 993px)
        5.2     Medium and small screens (max-width: 992px)
        5.3     Medium screens only (min-width: 769px and max-width: 992px)
        5.4     Medium and large screens (min-width: 769px)
        5.5     Small and smaller screens (max-width: 768px)
        5.6     Small screens only (min-width: 481px and max-width: 768px)
        5.7     Gravity Forms Desktop (min-width: 641px)
        5.8     Gravity Forms Responsive (max-width: 640px)
        5.9     Smaller screens only (max-width: 480px)
==========================================================================================
*/

/**=======================================================================================
 * 1.0  AT-RULES
 * ---------------------------------------------------------------------------------------
 * At-rules are CSS statements that instruct CSS how to behave.
 *
 * Only include the following at-rules in this area:
 * - @font-face: Describes the aspect of an external font to be downloaded
 * - @keyframes: Describes the aspect of intermediate steps in a CSS animation sequence
 =======================================================================================*/

/**
 * 1.1  FONTS
 * ---- Custom fonts to apply to the website
 */

/**
 * 1.2  ANIMATIONS
 * ---- @keyframes at-rules for CSS animations
 */

/* 1.2.1  Slide down effect */
@-webkit-keyframes slide-down { 
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}
@-moz-keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}
@keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}

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

/**=======================================================================================
 * 2.0  RESET
 * ---------------------------------------------------------------------------------------
 * Set default styles for elements
 =======================================================================================*/
 .fl-page p {
    margin-bottom: 1.5em;
}
 .fl-page p:last-child {
    margin-bottom: 0;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Regular.eot');
    src: url('assets/fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Regular.woff') format('woff'),
        url('assets/fonts/BrandonGrotesque-Regular.ttf') format('truetype'),
        url('assets/fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Bold.eot');
    src: url('assets/fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Bold.woff') format('woff'),
        url('assets/fonts/BrandonGrotesque-Bold.ttf') format('truetype'),
        url('assets/fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Medium.eot');
    src: url('assets/fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BrandonGrotesque-Medium.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Medium.woff') format('woff'),
        url('assets/fonts/BrandonGrotesque-Medium.ttf') format('truetype'),
        url('assets/fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


.fl-row-content-wrap .fl-module-content .fl-button-wrap a.fl-button{
    font-family: 'Brandon Grotesque',sans-serif;
    font-weight: bold;
}
.fl-row-content-wrap .fl-module-content .fl-button-wrap a.fl-button:focus{
    top: 0;
}
.fl-module h3, .fl-module h4, .fl-module h2, .custom-text .fl-rich-text p{
    font-family: 'Brandon Grotesque',sans-serif;
    font-weight: normal;
}
.fl-row-content-wrap .max-col-content{
    float: none;
    margin: 0 auto;
}
header.fl-theme-builder-header-sticky .fl-row-content-wrap{
    background-color: #031489;
    padding: 15px 0px;
}
nav.pp-menu-nav ul li.menu-item.responsive-btn{
    display: none;
}
.fl-row-content-wrap .pp-advanced-menu li.current-menu-item > a{
    color: #FFF;
}
.fl-row-content-wrap .pp-advanced-menu li.current-menu-item a:hover , .pp-advanced-menu nav ul.menu li.current-menu-item a:hover{
    color: #6F94D9;
}

/**=======================================================================================
 * 3.0  REUSABLE CLASSES
 * ---------------------------------------------------------------------------------------
 * CSS classes that can be re-used althroughout the website
 =======================================================================================*/


/**=======================================================================================
 * 4.0  LAYOUT AND DESIGN
 * ---------------------------------------------------------------------------------------
 * General and specific CSS styles for layouts, pages, and/or features
 =======================================================================================*/

/**
 * 4.1  COMMON STYLES
 * ---- Styles that are commonly used on multiple pages
 */

/* 4.1.1  Rows */

/* 4.1.2  Accordions */

/* 4.1.3  Carousels */

/* 4.1.4  Forms */

/* 4.1.4.1  Gravity Forms */
.fl-module .gform_wrapper .gform_validation_errors {
	background: #c02b0a;
	border: 0;
	margin-bottom: 20px;
}
.contact-form .fl-module-content .gform_wrapper .gform_validation_errors{
    min-height: 50px;
    display: flex!important;
    align-items: center;
} 
.contact-form .gform_wrapper.gravity-theme .gform_fields{
    grid-column-gap: 3.5%;
}
.fl-module .gform_wrapper .gform_validation_errors > h2 {
	color: #FFF;
}
.fl-module .gform_wrapper div.gfield {
	padding: 0;
	margin-top: 0;
}
.fl-module .gform_wrapper .gfield.gfield_error {
	background: none;
	border: 0;
}
.fl-module .gform_wrapper .top_label .gfield_label {
	line-height: normal;
}
.fl-module .gform_wrapper .gfield_required {
	color: inherit;
}
.fl-module .gform_wrapper .gfield textarea {
	resize: vertical;
}
.fl-module .gform_wrapper.gravity-theme .gfield_validation_message,
.fl-module .gform_wrapper.gravity-theme .validation_message {
	background: none;
	padding: 0;
	border: 0;
	margin-top: 5px;
}
.gform_ajax_spinner {
	margin-left: 20px;
	border: 4px solid rgba(145, 125, 125, 0.3);
	border-left: 4px solid rgba(110, 73, 217, 0.7);
	animation: spinner 1.1s infinite linear;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.pp-social-icons span.pp-social-icon:last-child{
    position: relative;
}
.pp-social-icons span.pp-social-icon:last-child i.ua-icon-GooglePlus::before{
    content: "";
    position: absolute;
    background-image: url(assets/images/icon-picfair.svg);
    background-size: contain;
    width: 35px;
    height: 35px;
    left: 0;
    top: 5px;
    background-repeat: no-repeat;
}
.follow-us-title .fl-heading{
    position: relative;
}
.follow-us-title .fl-heading::after{
    content: "";
    background-image: url(assets/images/Icon-instagram.svg);
    background-position: right center;
    background-size: contain;
    width: 32px;
    height: 32px;
    filter: brightness(100);
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transform: translateY(-28%);
}
.testimonial-section .fl-row-content-wrap{
    position: relative;
}
.testimonial-section .fl-row-content-wrap::before{
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    background-image: url(assets/images/testimonial-left.png);
    width: 220px;
    height: 414px;
    background-size: contain;
    background-position: left center;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.testimonial-section .fl-row-content-wrap::after{
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    background-image: url(assets/images/testimonial-right.png);
    width: 230px;
    height: 414px;
    background-size: contain;
    background-position: right center;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}




/* 4.1.4.2  UABB Gravity Forms */
.fl-module .uabb-gf-style input[type] {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* 4.1.4.3  Powerpack Gravity Forms */

/* 4.1.5  Popups */

/* 4.1.6  Tabs */

/* 4.1.7  Others */

/**
 * 4.2  HEADER
 * ---- Styles that apply to the header area
 */

/* 4.2.1  Rows */

/* 4.2.2  Branding */

/* 4.2.3  Menu */

/* 4.2.4  Others */

/**
 * 4.3  CONTENT
 * ---- Styles that apply to the content area of specific pages
 */

/* 4.3.1  Homepage */

.home-banner.row-has-video-bg{
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: cover!important;
}
.description-link .fl-module-content p a, .description-link .fl-module-content p a:hover{
    color: #6F94D9!important;
    text-decoration: underline;
    font-weight: bold!important;
}
.max-left-content .fl-col-content .fl-module{
    max-width: 560px;
    margin-left: auto;
    margin-right: 100px;
}
.gform_required_legend{
    display: none;
}
.fl-col-content .map-section{
    height: 100%;
}
.contact-description p a, .contact-description p a:hover{
    text-decoration: underline;
    font-weight: bold!important;
}
#WidgetFloaterPanels ~ div {
    z-index: 999;
    position: relative;
}
.why-us-section .fl-row-content-wrap, .how-works-section .fl-row-content-wrap{
    position: relative;
}
.why-us-section .fl-row-content-wrap::before , .how-works-section .fl-row-content-wrap::before{
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    background-image: url(assets/images/why-left.png);
    width: 230px;
    height: 600px;
    background-size: contain;
    background-position: left center;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.why-us-section .fl-row-content-wrap::after, .how-works-section .fl-row-content-wrap::after{
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    background-image: url(assets/images/why-right.png);
    width: 260px;
    height: 600px;
    background-size: contain;
    background-position: right center;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.why-list-item ul.pp-list-items li.pp-list-item {
    align-items: flex-start;
}
.gallery-section .uabb-photo-gallery .uabb-photo-gallery-item{
    position: relative;
}
.gallery-section .uabb-photo-gallery .uabb-photo-gallery-item h4{
    position: absolute;
    bottom: 15px;
    background-color: transparent;
    left: 15px;
	font-weight: 500;
}
.gallery-section .uabb-photo-gallery .uabb-photo-gallery-item .uabb-photo-gallery-link{
    border: 8px solid #FFF;
    transition: 0.4s ease-in-out 0.1s;
}
.gallery-section .uabb-photo-gallery .uabb-photo-gallery-item .uabb-photo-gallery-link:hover{
    border: 8px solid #ccdeff;
}
.gallery-section.no-border .uabb-photo-gallery .uabb-photo-gallery-item .uabb-photo-gallery-link{
	border: none;
}
.gallery-section.no-border .uabb-photo-gallery .uabb-photo-gallery-item .uabb-photo-gallery-link:hover{
	border: none;
}
.drone-service-slider .single-service{
    position: relative;
    border: 8px solid transparent;
}
.drone-service-slider .single-service img{
    position: relative;
    height: 100%;
    object-fit: cover;
}
.drone-service-slider .single-service::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(15 20 29 / 37%);
    z-index: 9;
}
.drone-service-slider .single-service .service-info{
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 30px;
    justify-content: space-between;
    z-index: 9;
}
.drone-service-slider .single-service .service-info h6{
    margin-left: 20px;
    margin-right: auto;
}
.drone-services h5{
    font-family: 'Brandon Grotesque',sans-serif;
}
.drone-service-slider .single-service .service-info h5, .drone-service-slider .single-service .service-info h6{
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Brandon Grotesque',sans-serif;
    font-weight: 500;
}
.drone-service-slider .single-service.slick-current{
    border: 8px solid #ccdeff;
}
.drone-service-slider .single-service .service-info a{
    color: #FFF;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 14px;
    font-family: 'Brandon Grotesque',sans-serif;
    font-weight: normal;
}
.drone-service-slider .slick-track, .drone-service-slider .slick-list{
    display: flex;
    overflow: visible;
}
.dots-slider{
    display: grid;
    margin: 60px 10px 0px;
    grid-template-columns: repeat(7,1fr);
    border-bottom: 1px solid #CCCCCC;
    grid-gap: 40px;
}
.dots-slider .tab-dot{
    cursor: pointer;
    border-bottom: 3px solid transparent;
    top: 1px;
    position: relative;
}
.dots-slider .tab-dot.active{
    border-bottom: 3px solid #6F94D9;
}
.dots-slider .tab-dot:last-child{
    padding-right: 0px;
}
.dots-slider .tab-dot h5{
    color: #A7A7A7;
    font-size: 16px;
    margin: 14px 0px;
}
.dots-slider .tab-dot.active h5, .dots-slider .tab-dot.active h6{
    color: #0F141D;
}
.dots-slider .tab-dot h6{
    font-size: 14px;
    text-transform: uppercase;
    color: #A7A7A7;
    font-family: 'Brandon Grotesque',sans-serif;
    line-height: normal;
    font-weight: 500;
    margin: 14px 0px;
}
.slider-nav{
    display: flex;
    justify-content: space-between;
    height: 1px;
    visibility: hidden;
    margin: 0;
}
.testimonial-slider a svg{
    appearance: none;
    -webkit-appearance: none;
    display: none;
}
.testimonial-slider a.slider-prev{
    background-image: url(assets/images/icon-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    width: 21px;
    height: 14px;
    top: 50%;
    transform: translateY(-220%);
    left: 100px;
}
.testimonial-slider a.slider-next{
    background-image: url(assets/images/icon-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    width: 21px;
    height: 14px;
    top: 50%;
    transform: translateY(-220%);
    right: 100px;
}
.testimonial-slider .fl-content-slider .fl-content-slider-svg-container{
    width: auto;
    height: auto;
}
.testimonial-slider p.zw-paragraph{
	margin-bottom: 0px !important;
}
.contact-form .gform_validation_errors{
    padding: 15px 10px;
}
.footer-col-3 .fl-module-content li.pp-list-item-0 p:hover,
.footer-col-3 .fl-module-content li.pp-list-item-1 p:hover{
	color: #6F94D9;
}
.fl-row-content-wrap .how-works-item .pp-infolist-description p{
    font-family: 'Brandon Grotesque',sans-serif;
    line-height: 1.3em;
}
.fl-row-content-wrap .custom-title h2{
    font-family: 'Brandon Grotesque',sans-serif;
    text-transform: uppercase;
    line-height: normal;
}
.how-works-section .fl-row-content-wrap .how-works-item ul li.pp-list-item{
    width: 50%;
    margin-right: 0px;
    padding-bottom: 60px;
    margin-bottom: 0px;
    position: relative;
}
.how-works-section .fl-row-content-wrap .how-works-item ul li.pp-list-item .pp-heading-wrapper{
    max-width: 275px;
}
.how-works-section .fl-row-content-wrap .how-works-item ul{
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 900px;
    margin: auto;
}
.how-works-section ul li.pp-list-item:nth-child(2n+1){
    position: relative;
}
.how-works-section ul li.pp-list-item:nth-child(2n+1)::before {
    content: "";
    position: absolute;
    width: 28px;
    height: calc(100% - 26px);
    background-image: url(assets/images/dot.png);
    background-repeat: repeat-y;
    background-size: 24px;
    left: 100%;
    overflow-x: hidden;
    z-index: 0;
    background-position: 50% 0px;
    top: 50px;
    margin-left: -1px;
}
.how-works-section ul li.pp-list-item:nth-child(5)::before{
    content: none;
}
.how-works-section ul li.pp-list-item .pp-infolist-icon {
    background-color: #FFF;
    z-index: 0;
}
.how-works-section ul li.pp-list-item:nth-child(2n+1)::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 24px;
    background-image: url(assets/images/dot.png);
    background-repeat: repeat;
    background-size: contain;
    left: 50%;
    overflow-x: hidden;
    top: 25px;
    z-index: 0;
    background-position: center;
}
.drone-services .max-left-cont-div > .fl-col-content {
    max-width: 570px;
    margin-left: auto;
    margin-right: 20px;
}
.drone-services .max-right-content-div > .fl-col-content {
    max-width: 570px;
    margin-left: 20px;
    margin-right: auto;
}
.fl-col-content .fl-module.custom-link a{
    color: #031489;
    position: relative;
    text-transform: uppercase;
}
.fl-col-content .fl-module.custom-link a::after{
    position: absolute;
    content: "";
    background-color: #031489;
    width: 20px;
    height: 2px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}
.list-item ul li{
    padding: 10px 0px;
}
.drone-services .list-item ul{
    padding-left: 20px;
}
.list-item ul li:last-child strong{
    display: inline-block;
}
.fl-rich-text p strong a{
    font-weight: 700!important;
}
.list-item ul li strong{
    display: block;
}
.inspection-service-col ul.pp-list-items li .pp-list-item-content{
    padding-left: 0px;
    padding-right: 0px;
}
.inspection-service-col ul.pp-list-items li .pp-infolist-description ul{
    list-style: none;
    padding-left: 20px;
}
.inspection-service-col ul.pp-list-items li .pp-infolist-description ul li{
    position: relative;
}
.inspection-service-col ul.pp-list-items li .pp-infolist-description ul li::before{
    position: absolute;
    content: "";
    background: #4E4E4E;
    width: 5px;
    height: 5px;
    left: -15px;
    top: 40%;
    border-radius: 16px;
    transform: translateY(-50%);
}
.inspection-service-col .sub-list-item ul{
    flex-wrap: wrap!important;
}
.inspection-service-col .sub-list-item ul li{
    width: 100%!important;
    padding-bottom: 15px!important;
}
.inspection-service-col .inspection-service-child-col .fl-col-content{
    flex-direction: row;
    justify-content: space-between!important;
    align-items: flex-start!important;
}
.next-text strong{
    display: block;
}
.custom-accordian .pp-accordion-item span.pp-accordion-button-label, 
.gallery-child-col .fl-col-content .fl-module-heading h5, 
.custom-gallery-col .fl-col-content .gallery-title h5.fl-heading{
    font-family: 'Brandon Grotesque',sans-serif;
    font-weight: 500;
}
.custom-accordian .pp-accordion-item {
    border-bottom: 1px solid #6F94D9;
}
.custom-accordian .pp-accordion-item:last-child{
    border-bottom: none;
}
.custom-accordian .pp-accordion-item .pp-accordion-content{
    display: block!important;
}
.custom-accordian .pp-accordion-item .pp-accordion-content ul{
    padding-left: 20px;
}
.custom-accordian .pp-accordion-item .pp-accordion-content p a{
    color: #031489;
}
.custom-accordian .pp-accordion-item span.pp-accordion-button-icon{
    display: none;
}
.pp-advanced-menu .sub-menu > li.current-menu-item > a{
    color: #031489;
}
.gallery-child-col .fl-col-content, .fl-row-content-wrap .custom-gallery-col .fl-col-content{
    position: relative;
}
.gallery-child-col .fl-col-content .fl-module-heading , .fl-row-content-wrap .custom-gallery-col .fl-col-content .gallery-title{
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.fl-row-content-wrap .gallery-child-col{
    width: 50%!important;
}
.gallery-child-col .fl-col-content .child-col-img img{
    border: 8px solid #FFFFFF;
}
.gallery-child-col .fl-col-content .child-col-img:hover img{
    border: 8px solid #ccdeff;
}
.custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-photo-gallery-item{
    display: none;
}
.custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-photo-gallery-item:first-child{
    display: block;
}
.custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
    height: 340px!important;
    object-fit: cover;
    object-position: center;
}
.fl-row-content-wrap .custom-gallery-col{
    position: relative;
}
.list-item ul{
    padding-left: 20px;
}
.works-gallery-col .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
    height: 250px!important;
    object-fit: cover;
    object-position: center;
}
 


/**
 * 4.4  FOOTER
 * ---- Styles that apply to the footer area
 */

/* 4.4.1  Rows */

/* 4.4.2  Branding */

/* 4.4.3  Menus */

/* 4.4.4  Others */
.copyright {
	text-align: center;
}
.copyright a,
.copyright .developer {
	display: inline-block;
}
.copyright span .fas{
    font-family: "Font Awesome 5 Free"!important;
}
.menu-col .fl-col-content{
    align-items: center;
}
.footer-menu ul.menu li.current-menu-item a{
    color: #FFF;
}
.fl-module-content .pp-social-icon a:hover{
    color: #FFF!important
}
.pp-social-icons span.pp-social-icon:last-child:hover i.ua-icon-GooglePlus::before{
    filter: brightness(100)!important;
}
header .fl-row-content-wrap .fl-button-group-button .fl-button-right a:hover{
    border-color: #031489!important;
}
header.fl-theme-builder-header-sticky .fl-row-content-wrap .fl-button-group-button .fl-button-right a:hover{
    border-color: #FFF!important;
}
.gform_wrapper.gravity-theme .gform_validation_errors{
    background: #c02b0a!important;
}
.home-banner.row-has-video-bg .fl-row-content-wrap video{
        scale: 1.1;
    }

/**
 * 4.5  OTHERS
 * ---- Styles for elements that does not meet the criteria above
 */

/**=======================================================================================
 * 5.0  RESPONSIVE
 * ---------------------------------------------------------------------------------------
 * CSS styles that apply to different media types.
 * 
 * Only include the following at-rules in this area:
 * - @media   : A conditional group rule that will apply its content if the device meets
                the criteria of the condition defined using a media query.
 * - @page    : Describes the aspect of layout changes that will be applied when printing
                the document.
 * - @supports: A conditional group rule that will apply its content if the browser meets
                the criteria of the given condition.
 =======================================================================================*/

/**
 * 5.1  LARGE SCREENS ONLY
 * ---- (min-width: 993px)
 */
@media only screen and (max-width: 1180px) {
    .contact-us-col .fl-module-content a.fl-button{
        width: auto;
    }
    .pp-advanced-menu.off-canvas .pp-toggle-arrows .pp-menu-toggle{
        left: auto!important;
    }
    nav.pp-menu-nav ul li.menu-item.responsive-btn{
        display: block!important;
        text-align: left;
        margin-bottom: 20px;
        margin-left: 10px!important;
        margin-top: 10px;
    }
    nav.pp-menu-nav ul li.menu-item.responsive-btn:hover a{
        background-color: #03127b;
        border-color: #03127b;
    }
    .home-banner.row-has-video-bg{
        background-repeat: no-repeat!important;
        background-position: center!important;
        background-size: cover!important;
    }
    nav.pp-menu-nav ul li.menu-item.responsive-btn a{
        background-color: #6f94d9;
        border-color: #6f94d9;
        color: #FFF;
        display: inline-block;
        padding: 10px 30px!important
    }
    .pp-advanced-menu.off-canvas .pp-toggle-arrows .pp-has-submenu-container > a > span{
        padding-left: 0px!important;
    }
    .dots-slider{
        margin-top: 30px;
        border-bottom: none;
    }
    .dots-slider .tab-dot{
        display: flex;
    }
    .dots-slider .tab-dot h5{
        padding-right: 10px;
    }
    .drone-service-slider .single-service .service-info{
        padding: 5px 10px;
    }
    .drone-service-slider .single-service .service-info h6{
        margin-left: 15px;
        max-width: 160px;
        line-height: 1.6em;
    }
    .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
        height: 224px!important;
        border: 8px solid #FFF;
    }
    .works-gallery-col .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
        height: 175px!important;
    }
    .dots-slider .tab-dot.active{
        border-bottom: 1px solid #6F94D9;
    }
    .why-list-item .pp-infolist-wrap .pp-list-item-content{
        align-items: flex-start;
    }
    
     .testimonial-slider .fl-content-slider-navigation{
        top: auto;
        margin-top: 30px;
    }
    .testimonial-slider .fl-slide-content-wrap{
        width: 90%!important;
    }
    .max-left-content .fl-col-content .fl-module{
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .testimonial-slider a.slider-next{
        right: 180px;
    }
    .testimonial-section .fl-row-content-wrap::after{
        width: 155px;
    }
    .testimonial-section .fl-row-content-wrap::before{
        width: 155px;
    }
    .testimonial-slider a.slider-prev{
        left: 180px;
    }
    .why-us-section .fl-row-content-wrap::before{
        width: 110px;
    }
    .why-us-section .fl-row-content-wrap::after{
        width: 130px;
    }
    #our-vision .fl-row-content-wrap{
        overflow-x: hidden;
    }
    .how-works-section .fl-row-content-wrap::before{
        top: 12%;
        width: 170px;
        height: 280px;
    }
    .how-works-section .fl-row-content-wrap::after{
        top: 12%;
        width: 170px;
        height: 280px;
    }
    .pp-advanced-menu nav ul.menu li.current-menu-item a{
        color: #FFF;
    }
    .custom-gallery-col .video-example .fl-module-content img{
        height: 155px;
        object-fit: cover;
    }
    
}

/**
 * 5.2  MEDIUM AND SMALL SCREENS
 * ---- (max-width: 992px)
 */
@media only screen and (max-width: 1024px) {
    
}


@media only screen and (max-width: 1180px) and (orientation: landscape){
    .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
        height: 320px!important;
    }
    .custom-gallery-col .video-example .fl-module-content img{
        height: 226px;
    }
     .works-gallery-col .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
        height: 245px!important;
    }
}


@media only screen and (max-width: 992px) {
    .dots-slider{
        display: block;
    }
    body{
        overflow-x: hidden;
    }
    .testimonial-section .fl-row-content-wrap::before{
        width: 130px;
        height: 220px;
        top: auto;
        bottom: -70px;
    }
    .testimonial-section .fl-row-content-wrap::after{
        width: 130px;
        height: 220px;
        top: auto;
        bottom: -70px;
    }
}

/**
 * 5.3  MEDIUM SCREENS ONLY
 * ---- (min-width: 769px and max-width: 992px)
 */
@media only screen and (min-width: 769px) and (max-width: 992px) {

}

/**
 * 5.4  MEDIUM AND LARGE SCREENS
 * ---- (min-width: 769px)
 */
@media only screen and (min-width: 769px) {

}

/**
 * 5.5  SMALL AND SMALLER SCREENS
 * ---- (max-width: 768px)
 */
@media only screen and (max-width: 768px) {
    header.sticky-activated {
		width: 100%;
		position: fixed !important;
		left: 0;
		right: 0;
		top: 0;
		z-index: 100;
		-webkit-animation: slide-down 0.7s;
		-moz-animation: slide-down 0.7s;
		animation: slide-down 0.7s;
	}
	header.sticky-activated .fl-row-content-wrap {
		-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
	}
}

/**
 * 5.6  SMALL SCREENS ONLY
 * ---- (min-width: 481px and max-width: 768px)
 */

@media only screen and (max-width: 767px){
    .drone-service-slider .single-service .service-info{
        padding: 5px 10px;
    }
    .drone-service-slider .single-service .service-info h5, .drone-service-slider .single-service .service-info h6{
        font-size: 10px;
    }
    .drone-service-slider .single-service .service-info a{
        font-size: 10px;
    }
    .fl-row-content-wrap .gallery-child-col{
        width: 100%!important;
    }
    .testimonial-slider .fl-slide .fl-slide-text *{
        line-height: 1.4em;
    }
    .testimonial-slider .fl-slide .fl-slide-content{
        padding-top: 0px;
    }
    .testimonial-section .fl-row-content-wrap::before{
        background-image: url(assets/images/rstestimonial_left.png);
        width: 100px;
        height: 190px;
        top: auto;
        bottom: -75px;
    }
    .testimonial-section .fl-row-content-wrap::after{
        background-image: url(assets/images/rstestimonial_right.png);
        width: 100px;
        height: 190px;
        top: auto;
        bottom: -75px;
    }
    .inspection-service-child-col.two-list-col .sub-list-item ul li{
        min-height: 150px;
    }
    .pp-gf-content .gform_wrapper .gform_validation_errors .gform_submission_error{
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
    .max-left-content .fl-col-content .fl-module{
        max-width: 100%;
    }
    .why-us-section .fl-row-content-wrap::before{
        background-image: url(assets/images/rswhy_left.png);
        width: 75px;
        height: 163px;
        top: 0px;
        transform: translateY(0px);
    }
    .why-us-section .fl-row-content-wrap::after{
        background-image: url(assets/images/rswhy_right.png);
        width: 90px;
        height: 154px;
        top: 0px;
        transform: translateY(0px);
    }
    .dots-slider .tab-dot h6, .dots-slider .tab-dot h5{
        margin: 10px 0px 8px;
    }
    .menu-col .fl-col-content{
        align-items: flex-start;
    }
    .menu-col .footer-menu .pp-advanced-menu .menu{
        display: flex;
        flex-wrap: wrap;
    }
    .menu-col .footer-menu .pp-advanced-menu .menu li{
        width: 50%;
    }
    .testimonial-slider a.slider-next{
        right: 100px;
    }
    .testimonial-slider a.slider-prev{
        left: 100px;
    }
    .gallery-child-col .fl-col-content .fl-module-heading, .fl-row-content-wrap .custom-gallery-col .fl-col-content .gallery-title{
        left: 15px;
    }
    .fl-row-content-wrap .custom-gallery .uabb-photo-gallery{
        margin: 0px;
    }
    .drone-services .max-left-cont-div > .fl-col-content, .drone-services .max-right-content-div > .fl-col-content{
        max-width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .testimonial-section .fl-col-content .fl-button-wrap{
        z-index: 99;
        position: relative;
    }
    .how-works-section .fl-row-content-wrap::before{
        top: 8%;
        width: 190px;
        height: 276px;
    }
    .how-works-section .fl-row-content-wrap::after{
        top: 8%;
        width: 190px;
        height: 276px;
    }
    .how-works-section .fl-row-content-wrap .how-works-item ul li.pp-list-item{
        width: 100%;
    }
    .how-works-section .fl-row-content-wrap .fl-col-content h2{
        max-width: 160px;
        margin: 0 auto!important;
    }
    .how-works-section ul li.pp-list-item{
        position: relative;
    }
    .how-works-section .fl-row-content-wrap .how-works-item ul li.pp-list-item{
        padding-bottom: 20px;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item::before{
        left: 0px;
        width: 18px;
        content: "";
        position: absolute;
        background-image: url(assets/images/dot.png);
        height: 100%;
        background-repeat: repeat-y;
        background-size: 24px;
        overflow-x: hidden;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item::after{
        content: "";
        position: absolute;
        width: 160px;
        height: 24px;
        background-image: url(assets/images/dot.png);
        background-repeat: repeat-x;
        background-size: 24px;
        left: 0;
        overflow-x: hidden;
        top: 20%;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(1)::before {
        height: 100%;
        top: 20%;
        background-position: 50% 0px;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(2)::before{
        left: 0px;
        height: calc(100% + 15px);
        overflow-x: hidden;
        top: 26%;
        background-position: 50% 0px;
    }
    body .how-works-section .how-works-item .pp-infolist{
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(2)::after{
        left: -3px;
        top: 35%;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(3)::after{
        left: 0px;
        top: 35%;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(3)::before{
        left: 0px;
        height: calc(100% + 5px);
        overflow-x: hidden;
        top: 35%;
        background-position: 50% 0px;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(4)::after{
        left: -3px;
        top: 40%;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(4)::before{
        left: 0px;
        height: calc(100% + 15px);
        overflow-x: hidden;
        top: 40%;
        background-position: 50% 0px;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(5)::after{
        left: 1px;
        top: 36%;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(5)::before{
        left: 0px;
        height: calc(100% - 15px);
        overflow-x: hidden;
        top: 46%;
        background-position: 50% 0px;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(6)::after{
        left: -3px;
        top: 40%;
        background-size: 27px;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:last-child::before{
        content: none;
    }
    .custom-gallery-col .video-example .fl-module-content img{
        height: 220px;
    }
    .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
        height: 375px!important;
    }
    .works-gallery-col .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
        height: 320px!important;
    }
    .home-banner.row-has-video-bg{
        background-image: url(assets/images/responsive-hero.png)!important;
    }
    .home-banner.row-has-video-bg{
        background-repeat: no-repeat!important;
        background-position: center center!important;
        background-size: cover!important;
    }
    
}


@media only screen and (min-width: 481px) and (max-width: 768px) {

}

/**
 * 5.7  GRAVITY FORMS DESKTOP
 * ---- (min-width: 641px)
 */
@media only screen and (min-width: 641px) {

}

/**
 * 5.8  GRAVITY FORMS RESPONSIVE
 * ---- (max-width: 640px)
 */
@media only screen and (max-width: 640px) {
	
}

/**
 * 5.9  SMALLER SCREENS ONLY
 * ---- (max-width: 480px)
 */
@media only screen and (max-width: 480px) {
    
    .pp-advanced-menu-mobile-toggle{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .gallery-section .uabb-photo-gallery .uabb-photo-gallery-item .uabb-photo-gallery-link{
        border-bottom: none;
    }
    .testimonial-slider .fl-slide-content-wrap{
        width: 100%!important;
    }
    .testimonial-slider .fl-slide .fl-slide-text p:last-child{
        max-width: 200px;
        margin: 30px auto 0px!important;
    }
    .gallery-child-col .fl-col-content .child-col-img img{
        border-top-width: 4px;
        border-bottom-width: 4px;
    }
    #sb_instagram #sbi_images .sbi_item{
        padding: 5px!important;
    }
    .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
        height: 224px!important;
        border-top-width: 4px;
        border-bottom-width: 4px;
    }
    .works-gallery-col .custom-gallery-col .custom-gallery .uabb-photo-gallery .uabb-gallery-img{
        height: 210px!important;
    }
    .inspection-service-child-col .fl-col-content{
        flex-wrap: wrap;
    }
    .inspection-service-child-col .fl-col-content .fl-module{
        width: 50%;
    }
    .inspection-service-child-col.two-list-col .sub-list-item ul li{
        min-height: 175px;
    }
    .inspection-service-child-col .fl-col-content .fl-module .fl-module-content{
        margin-left: 0px;
    }
    .inspection-service-child-col.assest-service-col .fl-col-content .fl-module:last-child{
        margin-top: -170px;
    }
    .custom-btn-group .fl-button-group-buttons{
        display: block;
        text-align: center;
    }
    .how-works-section .fl-row-content-wrap::before{
        width: 75px;
        height: 170px;
    }
    .how-works-section .fl-row-content-wrap::after{
        width: 90px;
        height: 164px;
    }
    body .how-works-section .fl-row-content-wrap ul li.pp-list-item:nth-child(6)::after{
        background-size: 24px;
    }
}