/*
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;
}

/**=======================================================================================
 * 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;
}
.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;
}

/* 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 */


header .fl-row-content-wrap .fl-col{
    width: auto;
}
header.fl-theme-builder-header-sticky{
    background-color: rgba(0,0,0,0.89);
    transition: 0.7s;
}
footer .fl-row-content-wrap .copyright-col .fl-col-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .fl-row-content-wrap .fl-module a:hover , footer .fl-row-content-wrap .copyright-col .fl-col-content .fl-module p a:hover{
    color: #F9E414;
}

/* 4.2.4  Others */

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

/* 4.3.1  Homepage */

.max-content-col{
    margin: 0 auto;
    float: none;
}
.max-left-content .fl-col-content .fl-module{
    max-width: 480px;
    margin-right: 80px;
    width: 100%;
    margin-left: auto;
}
.max-left-content.our-services .fl-col-content .fl-module{
    margin-left: 50px;
    max-width: 490px;
    margin-right: 0px;
    width: 100%;
}
.max-left-content.our-services .fl-col-content .fl-module.fl-module-photo{
    max-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
.max-right-content .fl-col-content .fl-module{
    max-width: 480px;
    margin-right: auto;
    margin-left: 80px;
}
.fl-col-group-equal-height.fl-col-group-align-center .align-start .fl-col-content{
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-align: flex-start;
    -ms-flex-pack: flex-start;
}
.fl-col-content .fl-module.content-description .fl-rich-text p a{
    color: #F9E414;
}
.fl-builder-content .fl-button-wrap .fl-button:active{
    top: 0px;
}
.fl-module.content-description.br-link .fl-rich-text p a{
    position: relative;
}
.fl-module.content-description.br-link .fl-rich-text p a::after{
    position: absolute;
    content: "";
    background-color: #F9E414;
    width: 40px;
    height: 3px;
    top: 40%;
    transform: translateY(-50%);
    right: -58px;
}
.fl-page .pp-infolist-wrap .pp-infolist-description p{
    margin-bottom: 1em;
}
.directors-list .pp-infolist-wrap a.pp-more-link {
    background-color: #F9E414;
    color: #0C0C0D;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
    padding: 16px 16px;
    line-height: normal;
    width: auto;
}
.directors-list .pp-infolist-wrap a.pp-more-link:hover{
    background-color: #FAFAFA;
}
.our-directors-section .fl-row-content-wrap , .contact-form-section .fl-row-content-wrap{
    position: relative;
}
.contact-page-section .fl-row-content-wrap{
    z-index: 9;
    position: relative;
}
.contact-page-section .fl-row-content-wrap .fl-col-content{
    z-index: 9;
    position: relative;
}
.our-directors-section .fl-row-content-wrap::before{
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 75%;
    background-color: #0C0C0D;
    bottom: 0;
    z-index: 0;
}
.contact-page-section .fl-row-content-wrap::after{
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: #0C0C0D;
    bottom: 0;
    z-index: 0;
}
.contact-form-section .fl-row-content-wrap::before{
  content: "";
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #0C0C0D;
    bottom: 0;
    z-index: 0;
}
.contact-form-section .fl-row-content-wrap .fl-col-content{
    z-index: 99;
}
.logo-slider .logo-slider-nav a svg , .testimonial-slider .fl-content-slider-navigation a svg{
    appearance: none;
    -webkit-appearance: none;
    display: none;
    position: relative;
}
.logo-slider .logo-slider-nav a {
    position: relative;
}
.directors-list .pp-infolist ul li.pp-list-item{
    padding: 0px;
}
.logo-slider .logo-slider-nav a.bx-prev::after, .testimonial-slider .fl-content-slider-navigation a.slider-prev::after{
    background-image: url(images/left-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}
.testimonial-slider .fl-content-slider-navigation a.slider-next::after, .testimonial-slider .fl-content-slider-navigation a.slider-prev::after{
    top: 20%;
}
.home .slider-section{
    display: none;
}
.logo-slider .logo-slider-nav a.bx-next::after, .testimonial-slider .fl-content-slider-navigation a.slider-next::after{
    background-image: url(images/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}
.testimonial-slider .fl-slide-content-wrap .fl-slide-text p:nth-child(2){
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}
.testimonial-slider{
    max-width: 1024px;
    margin: 0 auto;
}
.quote-section{
    position: relative;
}
.quote-section::after{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(images/quote.png);
    background-size: contain;
    background-position: center;
    width: 180px;
    height: 190px;
    content: "";
    opacity: 0.9;
    background-repeat: no-repeat;
    z-index: 0;
}
.quote-section .fl-module{
    position: relative;
    z-index: 99;
}
.custom_faqs .fl-accordion-item a:focus{
    outline: none;
}
body {
    counter-reset: faq;
}
.custom_faqs .fl-accordion-item{
    position: relative;
}
.custom_faqs .fl-accordion-item::before {
    counter-increment: faq;
    content: "" counter(faq) ". ";
    position: absolute;
    top: 30px;
    left: 0px;
    font-weight: 500;
    font-size: 16px;
    color: #0C0C0D;
}
.fl-row.home-banner-section {
    background-position: 20% center;
    background-size: 100%;
    background-repeat: repeat;
}
.home-banner-section .fl-row-content-wrap{
    position: relative;
}
.home-banner-section.fl-row-bg-video .fl-bg-video{
    height: 100vh;
}
.home-banner-section .fl-row-content-wrap .banner-content .fl-col-content .fl-module{
    z-index: 99;
    position: relative;
}
.home-banner-section .fl-row-content-wrap::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 38%);
    z-index: 9;
}
.fl-row-content-wrap .fl-col-content .info-box-div .uabb-infobox{
    padding: 0px;
}
.info-box-div .uabb-infobox .uabb-image .uabb-image-content, .info-box-div .uabb-infobox .uabb-image .uabb-image-content img{
    width: 100%;
    height: 100%;
}
.fl-row-content-wrap .fl-col-content .info-box-div .uabb-infobox .uabb-infobox-text{
    margin-bottom: 10px;
    padding-left: 115px;
    padding-right: 115px;
} 
.why-us-box .pp-infobox-wrap .pp-infobox{
    justify-content: space-between!important;
}
.right-part img{
    max-height: 470px;
    object-fit: cover;
    object-position: center;
}
.slider-section .slider-tab ul{
    padding: 0px 30px;
    justify-content: space-evenly;
}
.slider-section .slider-tab ul li{
    border-top: 6px solid #0C0C0D;
    padding: 0;
    margin-bottom: auto;
    font-size: 22px;
    line-height: 1.3;
    max-width: 200px;
}
.slider-section .slider-tab ul li a{
    padding: 30px 0px;
    display: block;
}
.slider-section .slider-tab ul li.active, .slider-section .slider-tab ul li.active_2{
    border-color: #F9E414;
}
.services-tab .slider-content .tab-title,
.products-tab .slider-content .tab-title{
    display: none;
}
.contact-list ul li a:hover{
    text-decoration: underline;
}
.contact-page-list ul li a{
    color: #0c0c0d;
}
.pp-infolist-wrap ul.pp-list-items li a.pp-more-link:hover .pp-infolist-title p{
    color: #FFF;
}
.technical-section .pp-infolist-wrap ul.pp-list-items li a.pp-more-link:hover .pp-infolist-title p{
	color: #0C0C0D;
}
.products-tab .thumb-slider .slick-track{
	float: left;
}

/**
 * 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  Footer */
.copyright {
	text-align: center;
}
.copyright a,
.copyright .developer {
	display: inline-block;
}
.uabb-info-list ul li.uabb-info-list-item:hover a.uabb-info-list-link ~ .uabb-info-list-content .uabb-info-list-title, .uabb-info-list ul li.uabb-info-list-item:hover span.uabb-icon {
    color: #F9E414;
}
footer .fl-menu .menu > li.current-menu-item > a:not(:hover){
    color: #fff;
}
header .pp-advanced-menu .pp-menu-nav .menu > li.current-menu-item > .pp-has-submenu-container > a:not(:hover),
header .pp-advanced-menu .sub-menu > li.current-menu-item > a:not(:hover){
    color: #fff;
}
header .pp-advanced-menu .pp-menu-nav .pp-toggle-arrows li.current-menu-item:not(:hover) > .pp-has-submenu-container .pp-menu-toggle:before{
        border-color: #fff;
}
.pp-advanced-menu .border-btn a{
    border: 1px solid #FFF!important;
    display: inline-block;
    margin: 10px;
    padding: 12px 20px!important;
}
.pp-advanced-menu .fill-btn a{
    background-color: #f9e414;
    padding: 12px 20px!important;
    display: inline-block;
    margin: 10px;
    font-weight: 500;
    color: #000!important;
}
nav.pp-menu-nav ul.menu li.border-btn, nav.pp-menu-nav ul.menu li.fill-btn{
    display: none;
} 
 header .fl-row-content-wrap .fl-col.btn-column{
        display: block;
}

/**
 * 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:1280px){
	.products-tab .product-nav{
		width: 100%;
	}
	.products-tab .container-custom .row{
		width: 100%;
	}
    .slider-section .slider-tab ul li{
        max-width: 180px!important;
    }
    .products-tab .container-custom .row, .container-custom .row{
        margin: 0 auto!important;
    }
    .left-part{
        margin-right: 0px;
        padding-right: 50px;
    }
    header .fl-row-content-wrap .fl-col.btn-column{
        display: none;
    }
   nav.pp-menu-nav ul.menu li.border-btn, nav.pp-menu-nav ul.menu li.fill-btn{
        display: block;
    }
}

@media only screen and (min-width:1120px) and (max-width: 1280px) and (orientation: landscape){
    .pp-advanced-menu ul{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
    }
    .fl-node-dqs8rhayn74j.fl-module-heading .fl-heading{
        font-size: 28px;
    }
    header .fl-row-content-wrap .fl-col.fl-node-rjxb2adk7t6z{
        width: 20%;
    }
    header .fl-row-content-wrap .fl-col.fl-node-3sc5wyakqb2r{
        width: calc(100% - 30%);
    }
    .pp-advanced-menu .menu .border-btn > a, .pp-advanced-menu .menu .fill-btn > a{
        padding: 8px 12px!important;
        font-size: 12px!important;
    }
    .pp-advanced-menu .menu > li > a{
        padding-left: 6px!important;
        padding-right: 6px!important;
    }
     .fl-row-content-wrap .btn-column{
        display: none;
    }
}

@media only screen and (max-width: 1180px) {
    .max-right-content .fl-col-content .fl-module, .max-left-content .fl-col-content .fl-module{
        max-width: 100%;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 0;
    }
     header .fl-row-content-wrap .fl-col.btn-column{
        display: none;
    }
    .fl-node-2y05wukmxg68 .pp-advanced-menu.off-canvas .menu > li, .fl-node-2y05wukmxg68 .pp-advanced-menu.off-canvas .sub-menu > li{
        text-align: left;
    }
    .max-left-content.our-services .fl-col-content .fl-module{
        padding-left: 0px;
        padding-right: 0px;
    }
    .pp-advanced-menu.off-canvas .menu > li{
        width: 100%!important;
        text-align: left;
    }
    .directors-list .pp-infolist ul li.pp-list-item .pp-infolist-icon .pp-infolist-icon-inner, 
    .directors-list .pp-infolist ul li.pp-list-item .pp-infolist-icon .pp-infolist-icon-inner img{
        width: auto;
        height: auto;
    }
    .pp-advanced-menu.off-canvas .pp-toggle-arrows .pp-menu-toggle{
        left: auto!important;
    }
    .pp-advanced-menu.off-canvas .pp-toggle-arrows .pp-has-submenu-container > a > span{
        padding-left: 0px!important;
    }
    .max-left-content.our-services .fl-col-content .fl-module{
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
	.fl-row-content-wrap .fl-col-content .info-box-div .uabb-infobox .uabb-infobox-text{
		padding-left: 20px;
		padding-right: 20px;
	}
    .container-custom .row{
        margin: 0px;
    }
    .products-tab .container-custom .row, .container-custom .row{
        width: 95%;
    }
    .fl-row.home-banner-section{
        background-size: cover;
        background-position: center;
    }

}

@media only screen and (max-width:1024px){
	.left-part{
		margin: 0px 40px;
	}
	.slider-section .slider-tab ul li{
		max-width: 180px;
	}
	.slider-section .slider-tab ul{
		padding: 0px;
	}
	.slider-tab ul{
		width: 98%;
	}
}

/**
 * 5.2  MEDIUM AND SMALL SCREENS
 * ---- (max-width: 992px)
 */
@media only screen and (max-width: 992px) {
	.footer-social-icon .fl-icon-group{
		display: flex;
	}
	.left-part h3{
		font-size: 30px;
	}
	.left-part{
		margin-left: 40px;
		margin-right: 20px;
	}
	.slider-tab ul{
		width: 100%;
	}
	.slider-section .slider-tab ul{
		padding-left: 40px;
		padding-right: 20px;
	}
	.slider-section .slider-tab ul li{
		max-width: 135px!important;
	}
	.slider-tab ul li a{
		font-size: 16px;
	}
	.slider-section .slider-tab ul li:last-child{
		margin-left: 20px;
	}
    
}


/**
 * 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 (min-width: 481px) and (max-width: 768px) {

}

@media only screen and (max-width: 767px) and (orientation: landscape){
    .our-directors-section .fl-row-content-wrap::before{
        height: 85%;
    }
    .video-details .fl-col-group .fl-col{
        width: 50%!important;
    }
    .video-details .fl-col-group .fl-col .video-div .fl-module-content{
        margin-top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .slider-section .slider-tab ul{
        width: 100%;
        padding: 0px;
    }
    .slider-section .slider-tab {
        display: none;
    }
    .services-tab .slider-content{
        display: block!important;
    }
    .contact-page-list ul li a{
        display: block;
    }
    .slider-section .container-custom p.next-link{
		display: none;
    }
    .right-part{
        margin-top: 10px;
    }
    .services-tab .slider-content .container-custom .tab-title,
	.products-tab .slider-content .container-custom .tab-title{
        position: relative;
        display: block;
        background-color: #0C0C0D;
        margin-bottom: 0px;
        border-bottom: 1px solid #FFF;
    }
    .services-tab .slider-content .container-custom .tab-title,
	.products-tab .slider-content .container-custom .tab-title{
		  position: relative;
    }
    .products-tab .slider-content .container-custom.active .tab-title h3,
    .services-tab .slider-content .container-custom.active .tab-title h3,
    .products-tab .slider-content .container-custom.active_2 .tab-title h3,
    .services-tab .slider-content .container-custom.active_2 .tab-title h3{
        color: #F9E414;
    }
	.services-tab .slider-content .container-custom.active_2 .tab-title:before,
    .products-tab .slider-content .container-custom.active_2 .tab-title:before,
    .services-tab .slider-content .container-custom.active .tab-title:before,
    .products-tab .slider-content .container-custom.active .tab-title:before
	{
		  position: absolute;
		  content: " ";
		  top: 0;
		  left: 35px;
		  width: 80%;
          width: calc(100% - 70px);
		  height: 3px;
		  background: #F9E414;
	}
    .our-directors-section .fl-row-content-wrap::before{
        height: 86%;
    }
    .products-tab .container-custom .row, .container-custom .row{
        width: 100%;
    }
	.thumb-slider{
		margin: 0px 10px;
	}
	
    .services-tab .slider-content .container-custom,
	.products-tab .slider-content .container-custom{
        display: block!important;
    }
    .max-div-content .video-div img, .max-div-content .video-div-mobile img{
        width: 100%;
    }
    .services-tab .slider-content .container-custom.active .left-part,
	.services-tab .slider-content .container-custom.active .right-part,
	.products-tab .slider-content .container-custom.active_2 .left-part,
	.products-tab .slider-content .container-custom.active_2 .right-part{
        display: block!important;
    }
    .services-tab .slider-content .container-custom .left-part,
	.services-tab .slider-content .container-custom .right-part,
	.products-tab .slider-content .container-custom .left-part,
	.products-tab .slider-content .container-custom .right-part{
        display: none!important;
    }
    .services-tab .slider-content .container-custom.active.active .tab-title{
        width: 100%;
        padding-bottom: 25px;
        padding-top: 25px;
    }
	.services-tab .slider-content .container-custom .tab-title,
	.products-tab .slider-content .container-custom .tab-title{
		width: 100%;
        padding-bottom: 25px;
        padding-top: 25px;
	}
    .services-tab .slider-content .container-custom.active .tab-title h3{
        color: #F9E414;
    }
    .services-tab .slider-content .container-custom .tab-title h3,
	.products-tab .slider-content .container-custom .tab-title h3{
        color: #FFF;
        padding-left: 35px;
        font-size: 18px;
        padding-right: 35px;
        margin: 0;
    }
    .container-custom .row .left-part{
        max-width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .max-right-content .fl-col-content .fl-module, .max-left-content .fl-col-content .fl-module{
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .container-custom .row{
        display: flex;
        flex-wrap: wrap;
    }
    .slider-content{
        padding-top: 10px;
    }
    .container-custom .row .left-part{
        width: 100%;
        order: 1;
        margin-right: 0px;
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 30px;
    }
    .container-custom .row .right-part{
        width: 100%;
        order: 0;
    }
    .logo-slider .logo-slider-nav a.bx-prev::after{
        left: 40px;
        top: 90px;
    }
    .logo-slider .logo-slider-nav a.bx-next::after{
        right: 40px;
        top: 90px;
    }
    .testimonial-slider .fl-content-slider-navigation{
        top: auto;
        bottom: 80px;
        margin: 0;
    }
    .testimonial-slider .fl-content-slider-navigation a.slider-next::after{
        left: 50%;
        transform: translate(-35%, -50%);
    }
    .testimonial-slider .fl-content-slider-navigation a.slider-prev::after{
        left: 50%;
        transform: translate(-35%, -50%);
        top: 50%
    }
    /*.testimonial-slider .fl-content-slider-navigation a.slider-prev::after{
        left: 40px;
        top: 190px;
    }
     .testimonial-slider .fl-content-slider-navigation a.slider-next::after{
        right: 40px;
        top: 190px;
    }*/
    .why-us-box .pp-infobox-wrap {
        border-bottom: 4px solid #f9e414;
    }
}

/**
 * 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) {
    .thumb-slider{
		display: none;   
	}
	.contact-form-section .fl-row-content-wrap::before {
		content: "";
		position: absolute;
		top: auto;
		left: 0;
		width: 100%;
		height: 80%;
		background-color: #0C0C0D;
		bottom: 0;
		z-index: 0;
	}
	footer .fl-row-content-wrap .copyright-col .fl-col-content{
		display: block;
	}
	.our-directors-section .fl-row-content-wrap::before{
		content: "";
		position: absolute;
		top: auto;
		left: 0;
		width: 100%;
		height: 90%;
		background-color: #0C0C0D;
		bottom: 0;
		z-index: 0;
	}
    .contact-page-section .fl-row-content-wrap::after{
        height: 50%;
    }
    .contact-list ul li.pp-icon-list-item a{
        display: inline-block;
    }
}