/* =============================================================================
Theme Name: Phlox Pro
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.averta.net
Description: Phlox is a modern, lightweight and customizable theme perfect for almost any type of website including, blog, portfolio, agency, startup, new & magazine, restaurant, travel, and photography as well as WooCommerce storefront. What makes the Phlox unbeatable is being fast, truly responsive, translation ready, RTL layout, built with SEO in mind, professional portfolio features, professional news and magazine features, 45 exclusive widgets and elements, WooCommerce Ready, WPML ready, 100% GDPR compliance, reliable with regular updates, and also integrated with Elementor and Visual Composer page builders.
Version: 5.8.8
Tested up to: 5.5.0
Requires at least: 5.3
Requires PHP: 5.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-colors, editor-style, featured-images, featured-image-header, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, translation-ready, blog, e-commerce, portfolio, threaded-comments, custom-logo
Text Domain: phlox-pro
==============================================================================*/
.single-portfolio .type-portfolio .entry-media img {
    height: unset !important;
    object-fit: contain;
}
.footer-partner-logos .elementor-image img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    border: 1px solid #ddd;
}
.chaty-i-trigger .chaty-channel {
/*     bottom: 0px !important; */
	bottom: 45px !important;
    right: -10px;
}

.form-col-1 .intl-tel-input.allow-dropdown {
    width: 100% !important;
    margin-bottom: 15px !important;
}
/* Apply styles only in Mozilla Firefox */
@-moz-document url-prefix() {
.form-col-1 .intl-tel-input.allow-dropdown {
    width: 100% !important;
    margin-bottom: 15px !important;
}
}
.client_logo img.attachment-full.size-full {
    height: 6em;
    object-fit: contain;
}
.counter_box .aux-widget-text .aux-text-widget-content{
    padding-top: 0px;
}
.counter_box .elementor-counter .elementor-counter-number-prefix{
    display: none;
}
.single-post .aux-media-frame.aux-media-image img{
    width: 1000px;
    height: auto !important;
}
.elementor-123 .elementor-element.elementor-element-543b7f3 input:not([type="submit"]) {
    border-radius: 5px 5px 5px 5px !important;
}
.elementor-123 .elementor-element.elementor-element-543b7f3 textarea {
    border-radius: 5px 5px 5px 5px !important;
}
#service-section .aux-widget-advanced-text .aux-text-inner .col-title {
/*     font-size: 24px !important; */
/*     height: 100px; */
}
.aux-fs-popup .aux-fs-menu, 
.aux-fs-popup .aux-fs-menu.aux-middle-aligned {
  top: 30%;
}
/* home page counter section start */
#counter-section1,#counter-section2,
#counter-section3,#counter-section4{
border-radius:20px;
background: #fff !important;
}
#counter-section1 .elementor-widget-container:hover{
/* 	background: rgb(110,147,251);
	background: radial-gradient(circle, rgba(110,147,251,1) 0%, rgba(0,65,255,1) 35%); */
	animation: gradientAnimation1 0.3s ease forwards;
}
@keyframes gradientAnimation1 {
    from {
        background: #fff;
    }
    to {
        background: radial-gradient(circle, rgba(110,147,251,1) 0%, rgba(0,65,255,1) 35%);
    }
}
#counter-section2 .elementor-widget-container:hover{
	 animation: gradientAnimation2 0.3s ease forwards;
}
@keyframes gradientAnimation2 {
    from {
        background: #fff;
    }
    to {
        background: radial-gradient(circle, rgba(248, 151, 175, 1) 0%, rgba(244, 69, 113, 1) 35%);
    }
}
#counter-section3 .elementor-widget-container:hover{
/* 	background: rgb(160,127,233);
	background: radial-gradient(circle, rgba(160,127,233,1) 0%, rgba(94,64,161,1) 35%); */
	animation: gradientAnimation3 0.3s ease forwards;
}
@keyframes gradientAnimation3 {
    from {
        background: #fff;
    }
    to {
        background: radial-gradient(circle, rgba(160,127,233,1) 0%, rgba(94,64,161,1) 35%);
    }
}
#counter-section4 .elementor-widget-container:hover{
/* 	background: rgb(255,234,171);
	background: radial-gradient(circle, rgba(255,234,171,1) 0%, rgba(255,208,70,1) 35%); */
	animation: gradientAnimation4 0.3s ease forwards;
}
@keyframes gradientAnimation4 {
    from {
        background: #fff;
    }
    to {
        background: radial-gradient(circle, rgba(255,234,171,1) 0%, rgba(255,208,70,1) 35%);
    }
}
#counter-section1:hover .elementor-counter-number-wrapper,
#counter-section2:hover .elementor-counter-number-wrapper,
#counter-section3:hover .elementor-counter-number-wrapper,
#counter-section4:hover .elementor-counter-number-wrapper,
#counter-section1:hover .elementor-counter-title,
#counter-section2:hover .elementor-counter-title,
#counter-section3:hover .elementor-counter-title,
#counter-section4:hover .elementor-counter-title{
	color:#fff !important;
	transition-delay:0.1s;
}
/* home page counter section end */
#services-box .aux-text-inner .col-title {
	font-size: 20px !important;
    /* height: 100px; */
    line-height: 26px !important;
}
#services-box .widget-content {
    height: 70px;
}
#testimonial-section .aux-testimonial-content {
    height: 120px;
}
#testimonial-section .entry-content {
    height: 105px;
}
/* @media screen and (min-width: 1150px) and (max-width: 1230px) {
 a.aux-item-content {
    padding: 0px 0px 0px 20px !important;
}
} */
.testimonial-section .aux-widget-testimonial.aux-testimonial-image-top {
    min-height: 350px;
}
.entry-media {
    margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .blog-section-home .entry-media {
    margin-left: 22px;
}
}
.service-section .elementor-element.elementor-element-c54b307:hover .aux-text-widget-header {
  background: transparent !important;
    box-shadow: -5px 15px 30px #ffffff66;
}
.aux-goto-top-btn{
    display: none !important;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required ,.service_list{
    border-radius: 5px 5px 5px 5px !important;
    margin: 0px -8px 15px 0px;
	width:100%;
    background-color: #FFFFFF24;
    border-style: solid;
    border-width: 0px 0px 0px px 0px;
	border:none;
	color:#ffffff8a;
}
.wpcf7-form-control option,.service_list option{
background-color: #fff;
color:#000 !important;
}
.icon-title-1 h4.col-title {
    padding: 32px 33px 31px 33px;
    display: inline-block;
    box-shadow: 5px 5px 40px #111F3D33;
    border-radius: 20px;
    background-color: var(--e-global-color-70d1dd11);
    color: white !important;
}
.icon-title-2 h4.col-title {
    padding: 32px 33px 31px 33px;
    display: inline-block;
    box-shadow: 5px 5px 40px #111F3D33;
    border-radius: 20px;
    background-color: #F44571;
    color: white !important;
}
select#service_list {
    color:#ffffff8a;
    border-radius: 5px 5px 5px 5px;
    margin: -5px 0px 0px 0px;
    background-color: #FFFFFF24;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    transition: all ease-out 0.3s;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.getin {
    width: 97% !important;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.getin {
    margin-top: 15px;
}
input[type="email"],input[type="text"]{
    height: 55px !important;
}
input.wpcf7-form-control.wpcf7-intl-tel.wpcf7-intl_tel.wpcf7-validates-as-required{
	 height: 55px !important;
}
.service-section .aux-widget-text .aux-text-widget-content {
    min-height: 352px;
}
/* .elementor-top-section .aux-widget-modern-heading .aux-modern-heading-primary {
  font-size: 24px;
} */

.elementor-126  .aux-widget-text .aux-text-widget-header {
    padding: 10% !important;
}
.elementor-374  .aux-widget-text .aux-text-widget-header {
    padding: 10% !important;
}
/* @media (min-width: 860px) and (max-width: 1024px){ 
.elementor-126  .aux-widget-text .aux-text-widget-header {
    padding: 10% !important;
}
.elementor-374  .aux-widget-text .aux-text-widget-header {
    padding: 10% !important;
}
} */
/* .our_recent_projects {
	overflow: hidden !important;
}
.our_recent_projects .elementor-container.elementor-column-gap-no {
	max-width: 1366px !important;
	width: auto !important;
} */
@media (min-width: 1025px) and (max-width: 1200px){ 
.elementor-126  .aux-widget-text .aux-text-widget-header {
    padding: 10% !important;
}
.elementor-374  .aux-widget-text .aux-text-widget-header {
    padding: 10% !important;
}
}
/* @media (min-width: 1201px) and (max-width: 1300px){ 
.elementor-126  .aux-widget-text .aux-text-widget-header {
    padding: 11% !important;
}
.elementor-374  .aux-widget-text .aux-text-widget-header {
    padding: 11% !important;
}
}
@media screen (min-width: 1301px) and (max-width: 1500px){ 
.elementor-126  .aux-widget-text .aux-text-widget-header {
    padding: 13% !important;
}
.elementor-374  .aux-widget-text .aux-text-widget-header {
    padding: 13% !important;
}
} */
.services-box-hovereffect {
    cursor: pointer!important;
}
/* portfolio page clent box secondary headline  */
.single-portfolio h3.aux-modern-heading-secondary {
    line-height: 24px;
    margin-top: 18px;
}
.aux-text-widget-header .aux-ico-box #Layer_1 {
    width: 100% !important;
}
.services-box-hovereffect .aux-text-widget-header {
    width: 34% !important;
}
@media screen and (max-width: 1380px){ 
.services-box-hovereffect .aux-text-widget-header {
    width: 37% !important;
}
}
section.aux-fs-popup.aux-fs-menu-layout-center.aux-indicator ul#menu-header-menu {
    padding-top: 165px;
}
section.aux-fs-popup.aux-fs-menu-layout-center.aux-indicator {
    padding-top: 50px;
}
/* footer form responsive start */
@media screen and (max-width: 539px){ 
.aux-elementor-footer .aux-widget-contact-form .aux-no-gutter .wpcf7-form .col.col-1 {
    width: 100%;
    margin-top: 10px;
}
.page-id-123 .aux-widget-contact-form .aux-no-gutter .wpcf7-form .col.col-1 {
    width: 100%;
}
}
/* footer form responsive end */
@media screen and (max-width: 1024px){ 
#yellow-section{
	top: -8% !important;
}
#logo-header{
    width: 64%;
    max-width: 70%;
}
#menu-header{
    width: 2%;
    max-width: auto;
}
#button-header{
    width: 15%;
}
}
@media screen and (max-width: 993px){ 
#logo-header{
    width: 45%;
    max-width: 70%;
}
#menu-header{
    width: 4%;
    max-width: auto;
}
#button-header{
    width: 20%;
}
}
@media screen and (max-width: 900px){ 
#logo-header{
    width: 33%;
}
#menu-header{
    width: 3%;
}
#button-header{
    width: 23%;
}
}
@media screen and (min-width: 1400px){ 
/* div#button-header {
    width: 14%;
}
.elementor-120 #menu-header {
    width: 55%;
}
.elementor-120 #logo-header{
    width: 15%;
    max-width: 15%;
} */
}
@media (min-width: 992px) and (max-width: 1300px){ 
div#logo-header {
    width: 15%;
}
div#button-header {
    width: 20%;
}
.elementor-120 #menu-header {
    width: 44%;
}
}
@media (min-width: 1300px) and (max-width: 1321px){
/* div#button-header {
    width: 15%;
}
div#menu-header {
	width:53%;
} */
}
.aux-elementor-footer .aux-widget-contact-form .aux-no-gutter span.wpcf7-not-valid-tip,
.aux-elementor-footer .aux-widget-contact-form .aux-no-gutter .wpcf7-response-output,
.page-id-123 .aux-widget-contact-form .aux-no-gutter .wpcf7-form span.wpcf7-not-valid-tip,
.page-id-123 .aux-widget-contact-form .aux-no-gutter .wpcf7-form .wpcf7-response-output{
    color: #fff;
}

.aux-elementor-footer .aux-widget-contact-form .aux-no-gutter span.wpcf7-not-valid-tip{
    position: absolute;
}

.aux-elementor-footer .aux-widget-contact-form .aux-no-gutter .col.col-1 {
    height: 82px;
}
.aux-elementor-footer .aux-widget-contact-form .aux-no-gutter .wpcf7-response-output {
    margin-top: -20px;
}
.page-id-110 .entry-media {
    margin-left: 0px !important;
}
/* portfolio box  */
.page-template-page-builder-content .aux-iso-item .type-portfolio .entry-media img {
    height: 270px;
    object-fit: cover;
}
.single-portfolio .aux-media-hint-frame .aux-media-image img {
    height: 300px !important;
    object-fit: cover;
}
.home .elementor-126 .elementor-element.elementor-element-636d061 article {
    padding-bottom: 20px !important;
	padding-top: 20px !important;
}
/* quick inquery button padding */
@media screen and (max-width: 1024px){
a.aux-modern-button.aux-black.aux-modern-button-md.aux-modern-button-normal.aux-modern-button-default.aux-icon- {
	padding:19px 40px 20px 40px;
}
}
.aux-elementor-header .aux-header #site-header .aux-parallax-section .elementor-column-wrap .elementor-widget-wrap {
	padding:1% 0% 1% 0% !important
}
.aux-elementor-header .aux-header #site-header .aux-has-logo img {
    width: 80% !important;
}
@media screen and (max-width: 768px){
#contactpage-map .elementor-widget-container {
    margin-left: 0;
}
}
.single-portfolio .aux-main .aux-container .aux-side-meta-normal .entry-main .entry-media {
    margin-left: 0px;
}
.aux-fs-popup .aux-fs-menu .menu-item-object-page .aux-item-content {
    padding: 0px 0px 0px 0px !important;
}
#agency-yellow{
	top: -5% !important;
}
#footer-office span.elementor-icon-list-icon {
    align-self: baseline;
    margin-top: 5px;
}
/* Style for the overlay/background */
#overlay {
/* 	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999; */
}
.popup-heading {
	color:#fff;
}
.aux-elementor-footer .aux-widget-contact-form .aux-no-gutter .wpcf7-response-output{
    background: #ffb900;
	border:0;
	margin-left: 0px;
	width: 97%;
}
.footer-logo-section img.attachment-full.size-full {
border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    object-fit: cover;
    background: no-repeat;
    height: 100% !important;
    width: 100%;
}
/* Start CSS By Khushali Narola  */
.translated-rtl .elementor-126 .elementor-element.elementor-element-8c3567f .widget-content{
   margin-bottom: 17px;
}
/* End CSS By Khushali Narola  */