/*
Theme Name: APServices
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0.1
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/* 1680px */
@media (max-width: 1680px) {
	#socket .avia-builder-widget-area {
    	display: none;
	}
}
/* CSS below 1420px */
@media (max-width: 1420px) {
	#top #home-banner.avia-section {
		background-position: 40% 0%;
		background-size: cover !important;
	}
}

/* 1138px */
@media (max-width: 1138px) {
	.av-main-nav>li>a {
    	padding: 0 10px;
	}
	#top #header .av-main-nav > li > a,
	#top #header .widget a {
	    font-size: 16px;
	}
}

/* 1300px */
@media (max-width: 1300px) {
	#top #wrap_all #home-banner .av-special-heading .av-special-heading-tag {
    	font-size: 76px;
	}
}

/* Activate mobile menu at */
 @media (max-width: 1014px) {
	#top #header .av-main-nav > li.menu-item  {
    	display: none;
	}
	#top #header .av-burger-menu-main {
	    cursor: pointer;
    	display: block;
	}
	#wrap_all #header .widget {
	    margin-left: unset;
	}
	#header .inner-container {
	    justify-content: space-between;
	}
	 .responsive #top #wrap_all .main_menu {
		position: unset;
	 }
	 div .logo {
		margin-right: auto;
	 }
	 #header .inner-container {
		gap: 20px;
	}
}

/*CSS below 1024px*/

@media (max-width:1024px){
	#top #wrap_all #home-banner .av-special-heading .av-special-heading-tag {
    	font-size: 56px;
	}
	#socket .av-special-heading {
		max-width: 150px;
	}
}

/* 990px*/
@media (max-width: 990px) {
	.responsive.html_mobile_menu_tablet #top #wrap_all #header { 
        position: absolute;
	}
	.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
		background: transparent;
	}
	#top #wrap_all #core-values .flex_column.av_one_third:not(.first) {
    	margin-top: 50px;
	}
	#top #wrap_all #industries .av_one_third h3.av-special-heading-tag {
	    text-align: center;
	}
	#top #wrap_all #industries .av_one_third:not(:last-child) h3.av-special-heading-tag {
    	margin-bottom: 50px;
	}
	.avia-image-container.avia-align-left {
		margin-right: 0;
	}
	#top:not(.home) .content-image {
		margin-top: 50px;
	}
	#top .project-phases-img {
    	left: calc((100% - 100lvw) / 2);
		max-width: 50%;
	}
}


/* CSS 767px */
@media (max-width: 767px) {
    #top #header .av-main-nav > li > a, #top #header .widget a {
        font-size: 15px;
    }
	#top .home-icon-box {
    	max-width: unset;
	}
	#top #socket .flex-socket {
		display: block;
	}
	#top #socket .flex-socket .av-special-heading,
	#top #socket .avia_textblock {
		text-align: center;
		max-width: 100%;
	}
    .responsive.html_header_transparency #top .avia-builder-el-0 .container {
        padding-top: 92px;
    }
	#top #wrap_all .custom-whitespace {
		height: 60px;
	}
}

/* 575px */
@media (max-width: 575px){
	.html_av-overlay-side .av-burger-overlay-scroll {
		width: 320px;
	}
	#top #wrap_all #home-banner .av-special-heading .av-special-heading-tag {
    	font-size: 40px;
	}
}

/* 480px */
@media (max-width: 480px) {
    .html_av-overlay-side .av-burger-overlay-scroll {
        width: 260px;
    }
	#top .avia_ajax_form .form_element_half:not(.first_form) {
    	margin-left: 0;
	}
}

/* General CSS */

#top .banner-heading h1 {
font-weight: 700;
}

#home-banner .av-section-color-overlay {
    background: linear-gradient(to right, #041c32 40%, transparent 100%);
}

#top .content .flex_column .widget_nav_menu #menu-main-menu li {
    border: none;
}

#top .widget_nav_menu ul {
display: flex;
gap: 50px;
justify-content: center;
}

#top .content .flex_column .widget_nav_menu li a:hover, #top .content .flex_column .widget_nav_menu ul:first-child>.current-menu-item, #top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item {
background: none;
}

#top .content .flex_column .widget_nav_menu li a,
div .widget_nav_menu,
#footer .widget {
padding: 0;
}

#header .widget {
padding: 0;
width: fit-content;
margin-left: auto;
}

div .logo,
.main_menu,
#header .widget {
position: unset;
}

.inner-container {
    display: flex;
    gap: 50px;
    align-items: center;
}

.logo, 
.logo a { 
height: auto;
}

#scroll-top-link { 
display: none;
}

.content-image img {
    border-radius: 30px;
}

#project-phase {
background-size: 40%;
}

.av-elegant-toggle .toggle_icon {
opacity: 1;
border: none;
}

.toggle_icon .hor_icon {
width: 20px;
}
.toggle_icon .vert_icon {
height: 20px;
}
.av-elegant-toggle .toggle_icon {
width: 50px;
height: 50px;
}
.toggler .toggle_icon, .toggler:hover .toggle_icon * {
transition: none;
}
.av-elegant-toggle.togglecontainer .av_toggle_section:first-of-type .toggler {
    border-top: none;
}

.project-phases-img {
	left: calc((100% - 100lvw) / 5);
}

.who-we-are-img img {
  aspect-ratio: 9 / 16;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 30px;
}

#top #wrap_all #about-img-col {
    display: flex;
    width: 100%;
    gap: 20px;
}

.who-we-are-img {
	width: 100%;
}

.avia-no-number {
	opacity: 1;
	font-weight: 600;
}

#top .avia-animated-number .avia-single-number,
#top .industries-headings { 
    font-family: 'sora-flex';
    font-weight: 600;
}

.content-img-br img {
  border-radius: 24px;
}

.svg-img {
	height: 50px;
}

#core-values .container {
    max-width: 75%;
}

.what-we-do-img img { 
aspect-ratio: 4 / 3;
    width: 100%;
    height: auto;
    object-fit: cover;
}


#socket .flex-socket {
    display: flex;
    column-gap: 50px;
    align-items: center;
    justify-content: space-between;
}

#socket .flex-socket:before,
#socket .flex-socket:after {
	display: none;
}
#socket .flex-socket #nav_menu-2 li {
    border: none;
}

#socket .flex-socket > *:nth-child(2),
#socket .flex-socket > *:nth-child(5),
#socket.contact-socket .flex-socket > *:nth-child(1),
#socket.contact-socket .flex-socket > *:nth-child(3) {
flex: 1;
}

#socket .flex-socket > *:nth-child(3),
#socket.contact-socket .flex-socket > *:nth-child(2) {
flex: 2;
}

.home-who-we-are-img img {
  aspect-ratio: 7 / 5;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 30px;
  object-position: 40% 50%;
}

.home-icon-box {
 max-width: 400px;
}

#home-services .flex_column_table {
    max-width: 1000px;
    margin: auto;
    float: none;
}

#top .home-icon-box:hover {
border-color: #00B696;
opacity: 0.8;
}

#top div .av-dark-form input[type=text],
#top div .av-dark-form input[type=email],
#top div .avia_ajax_form.av-dark-form textarea,
#top #wrap_all .gform_wrapper input:not([type="submit"]),
#top #wrap_all .gform_wrapper textarea {
	border: none;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 13px;
	min-height: 50px;
	color: #222;
}
#top #wrap_all .gform_wrapper input::placeholder,
#top #wrap_all .gform_wrapper textarea::placeholder {
	color: #222;
	opacity: 1;
}

#top .av-custom-form-color .button,
#top .gform_wrapper input[type="submit"] {
	color: #041c32;
	border-radius: 100px;
	background-color: #ffffff;
	margin-top: -10px;
}
#top .gform_wrapper input[type="submit"] {
    padding: 16px 20px;
    min-width: 142px;
	border: 2px solid #ffffff;
}
#top .av-custom-form-color .button:hover,
#top .gform_wrapper input[type="submit"]:hover {
	color: #ffffff;
	background-color: #041c32;
}

#top #wrap_all .gform-theme--foundation .ginput_counter,
#top #wrap_all .gform_confirmation_message {
	color: #ffffff;
}

#top fieldset {
	margin-bottom: 0;
}

#top #wrap_all .gform_wrapper textarea {
    height: 180px;
}

#top #wrap_all .gform-theme--foundation .gform_fields {
	row-gap: 20px;
}
#top .av-dark-form {
    padding: 30px 30px 5px 30px;
	background-color: #041c32;
	border-radius: 32px;
}

#top #wrap_all .avia_ajax_form input.captcha {
	padding-left: 70px; 
	min-height: auto;
	font-size: 15px;
}

#top .av-dark-form+.ajaxresponse .avia-form-success {
	border-radius: 20px;
}

.js_active .av-elegant-toggle .toggler,
.av-elegant-toggle .toggle_content {
	padding-left: 0;
}

.av-elegant-toggle .toggle_icon {
right: 0;
}

.avia_ajax_form .form_element_half {
    width: 48.9%;
}

.avia_ajax_form .form_element_half:not(.first_form) {
    margin-left: 2%;
}
#top .av_header_transparency .main_menu #av-burger-menu-ul a:hover {
	opacity: 1;
}

#top .main_color .button.av-sending-button {
    color: white;
    border: none;
    background: #00b695;
}