/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Version: 2.16
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 5.9
Requires PHP: 5.6
Text Domain: sydney
Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
	font-family: 'SFUI';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Regular'), url('fonts/SFUIText-Regular.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Italic';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Italic'), url('fonts/SFUIText-RegularItalic.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Light';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Light'), url('fonts/SFUIText-Light.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Light Italic';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Light Italic'), url('fonts/SFUIText-LightItalic.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Medium';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Medium'), url('fonts/SFUIText-Medium.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Medium Italic';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Medium Italic'), url('fonts/SFUIText-MediumItalic.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Semibold';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Semibold'), url('fonts/SFUIText-Semibold.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Semibold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Semibold Italic'), url('fonts/SFUIText-SemiboldItalic.woff') format('woff');
}


@font-face {
	font-family: 'SFUI  Bold';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Bold'), url('fonts/SFUIText-Bold.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Bold Italic'), url('fonts/SFUIText-BoldItalic.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Heavy';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Heavy'), url('fonts/SFUIText-Heavy.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Text Heavy Italic';
	font-style: normal;
	font-weight: normal;
	src: local('SF UI Text Heavy Italic'), url('fonts/SFUIText-HeavyItalic.woff') format('woff');
}
body{
	overflow-x: hidden;
	font-family: 'SFUI',Arial,sans-serif !important;
}
@media (max-width: 1024px) {
	._mi._before._svg {
		display: none;
	}
}
@media (min-width: 1024px) {	
	.elementor-widget-container .sub-menu-columns ul.sub-menu {
		width: 480px !important;
	}
	.sub-menu-columns ul.sub-menu li {
	display: block;
	float: left;
	width: 220px;
	}
	.sub-menu-columns ul.sub-menu li:nth-child(odd) {
	float: left;
	margin-right: 10px;
	}
	.sub-menu-columns ul.sub-menu li:nth-child(even) {
	float: left;
	}
	ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
		border-left: 0 !important;
	}
	ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
		min-width: 16em !important;
	}
	.elementor .elementor-nav-menu--main .elementor-nav-menu a,
	.menu-item.menu-item-type-custom {
		padding: 5px 18px 5px 18px;
	}
	
	.elementor .elementor-nav-menu--main .elementor-nav-menu a:hover
	{
		background-color: #55595c47;
		padding: 5px 18px 5px 18px;
	}
}

.business_needs .elementor-element-populated{
	padding:0!important;
}
.elementor-section.elementor-section-boxed>.elementor-container {
	max-width: 1170px!important;
}
.business_needs .elementor-element-populated h3{
	color: #000000;
	font-size: 24px;
	font-family: 'SFUI',Arial,sans-serif;
	line-height: 1.35;
	font-weight: 600;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin:0 0 10px 0!important;
}
.business_needs .elementor-element-populated p{
	color: #000000;
	font-size: 14px;
	font-family: 'SFUI',Arial,sans-serif;
	line-height: 1.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
#block-2x2-white .elementor-widget-container{
	min-height: auto!important;
}
#business_button a{
	color: #000000;
	font-size: 18px;
	font-family: 'SFUI',Arial,sans-serif;
	line-height: 1.55;
	font-weight: 600;
	border-width: 2px;
	border-radius: 15px;
	background-color: #ffffff;
	background-position: center center;
	border-color: #000000;
	border-style: solid;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;

	text-align: center;
	z-index: 35;
	top: 553px;
	left: calc(50% - 600px + 451px);
	width: 298px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.js_framworks{
	margin: 0!important;
}
.js_framworks h2{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin-bottom: 40px!important;
}
/*#block-2x2-yellow .elementor-widget-container{*/
/*	background-color: transparent!important;*/
/*}*/
.php_frameworks h2{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin-bottom: 40px!important;
}
.php_frameworks p{
	color: #000000;
	font-size: 18px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.5;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.cms h2{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin-bottom: 20px!important;
}
.cms p{
	color: #000000;
	font-size: 18px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.aws h2{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin-bottom: 0!important;
}
.aws p{
	color: #000000;
	font-size: 18px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
#aws_icons .elementor-image-box-title{
	font-family: 'SFUI',sans-serif;
	font-weight: 900!important;
}
.api_testing h2{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin-bottom: 0!important;
}
.api_testing p{
	color: #000000;
	font-size: 18px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}

.databases h2{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin-bottom: 0!important;
}
.databases p{
	color: #000000;
	font-size: 18px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.databases_icons .make_white{
	background-color: white!important;
}
.about_title_2,
.about_title_3,
.about_title{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin-bottom: 30px!important;
	display: block;
}
.about_title_2{
	margin-top: 20px!important;
}
.about_title_3{
	margin-top: 20px!important;
	font-size:22px!important;
}
.our_company h1{
	color: #000000;
	font-size: 36px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;

}
#get_in_touch{
	width: auto!important;
	max-width: initial!important;
}
.our_work h2{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	margin-bottom: 0!important;
}
.our_work p{
	color: #000000;
	font-size: 18px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.transaction_processing_center .elementor-widget-container,
.sunday_school .elementor-widget-container,
.our_work_img .elementor-widget-container{
    width: 100%!important;
}
.features_header h2,
.hire_freelance_php_developers h2,
.technical_expertise h2,
.why_hire_back_end h2,
.benefits_of_working h2,
.technologies_we_offer h2,
.back_end_services h2,
.why_hire h2,
.benefits_of_working h2,
.technologies_we_offer h2,
.get_full h2,
.transaction_processing_center h2,
.bms h2,
.stargate_mobile h2,
.stargate h2,
.sunday_school h2,
.inventory_web_app h2{
    color: #000000;
    font-size: 32px;
    font-family: 'SFUI  ',sans-serif;
    line-height: 1.3;
    font-weight: 900!important;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.why_hire p{
    text-align: center;
    width: 70%;
    margin: 0 auto;
    color: #000000;
    font-size: 18px;
    font-family: 'SFUI',sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.features_header p,
.technical_expertise p,
.hire_freelance_php_developers p,
.why_hire_back_end p,
.benefits_of_working p,
.technologies_we_offer p,
.back_end_services p,
.benefits_of_working p,
.technologies_we_offer p,
.get_full p,
.transaction_processing_center p,
.bms p,
.stargate_mobile p,
.stargate p,
.sunday_school p,
.inventory_web_app p{
    color: #000000;
    font-size: 18px;
    font-family: 'SFUI',sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.transaction_processing_center a,
.bms a,
.stargate_mobile a,
.stargate a,
.sunday_school a,
.inventory_web_app a{
	color: #000000;
	font-size: 24px!important;
	font-family: 'SFUI',sans-serif;
	line-height: 1.55;
	font-weight: 600!important;
	border-width: 2px;
	border-radius: 15px;
	background-position: center center;
	border-color: #000000;
	border-style: dashed;
}


.hire_php_developer h1,
.back_end h1,
.services_web h1
{
	color: #ffffff!important;
	font-size: 32px!important;
	font-family: 'SFUI  ',sans-serif!important;
	font-weight: 900!important;
	line-height: 1.3;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.front_end .elementor-widget-container .tn-atom__sbs-anim-wrapper span{
	color: #fced5b;
	font-size: 14px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.5;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	width: 80%;
	display: block;
}
.hire_developer_header p,
.hire_php_developer p,
.back_end p,
.services_web .elementor-widget-container p span{
	color: #fced5b;
	font-size: 14px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.5;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}

.services_web .elementor-widget-container{
	width: 85%;
}

.hire_php_developer  .list,
.front_end  .list{
	margin-top: 30px;
}
.hire_developer_header  .list  span,
.hire_php_developer  .list  span,
.back_end  .list  span,
.front_end  .list  span{
    color: #ffffff!important;
    font-size: 16px!important;
    font-family: 'SFUI',sans-serif!important;
    line-height: 1.5!important;
    font-weight: 600!important;
    background-position: center center!important;
    border-color: transparent!important;
    border-style: solid!important;
}
.services_web  .list p span {
	color: #ffffff!important;
	font-size: 16px!important;
	font-family: 'SFUI',sans-serif!important;
	line-height: 1.5!important;
	font-weight: 600!important;
	background-position: center center!important;
	border-color: transparent!important;
	border-style: solid!important;
}
.why_choose h2,
.our_tech_stack h2{
	color: #000000!important;
	font-size: 32px!important;
	font-family: 'SFUI  ',sans-serif!important;
	line-height: 1.3!important;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.our_tech_stack .elementor-widget-container{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.why_choose p,
.our_tech_stack p{
    width: 75%;
	color: #000000;
	font-size: 18px;
	font-family: 'SFUI',sans-serif;
	line-height: 1.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    text-align: center;
}
.elementor-image-box-title{
    color: #cab333!important;
    font-size: 23px!important;
    font-family: 'SFUI',sans-serif!important;
    line-height: 1.55!important;
    font-weight: 500!important;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.explore_more .elementor-image-box-title{
    padding: 15px 30px!important;
    color: #ffffff!important;
    font-size: 14px!important;
    font-family: 'SFUI',sans-serif!important;
    line-height: 1.55;
    font-weight: 600;
    border-width: 1px;
    border-radius: 15px;
    background-color: #000000;
    background-position: center center;
}
.aplication_testing h3 strong{
	color: #000000;
	font-size: 32px;
	font-family: 'SFUI  ',sans-serif;
	line-height: 1.3;
	font-weight: 900!important;
	text-transform: uppercase;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.aplication_testing span{
	color: #000000!important;
	font-size: 16px!important;
	font-family: 'SFUI',sans-serif!important;
	line-height: 1.5!important;
	font-weight: 400!important;
	background-position: center center!important;
	border-color: transparent!important;
	border-style: solid!important;
}
.testing h4 span{
	color: #000000!important;
	font-size: 24px!important;
	font-family: 'SFUI',sans-serif!important;
	line-height: 1.55;
	font-weight: 600!important;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.testing p span{
	color: #000000!important;
	font-size: 14px!important;
	font-family: 'SFUI',sans-serif!important;
	line-height: 1.5;
	font-weight: 400!important;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.hire_developer_header h1,
.front_end h1{
    color: #ffffff!important;
    font-size: 32px!important;
    font-family: 'SFUI  ',sans-serif!important;
    font-weight: 900!important;
    line-height: 1.3;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.features_main  h3,
.technical_expertise_features  h3,
.technologies_we_offer  h3,
.back_end_services_features  h3,
.benefits_of_working_features  h3,
.technologies_we_offer_features h3,
.get_full_features h3{
	color: #000000!important;
	font-size: 24px!important;
	font-family: 'SFUI',sans-serif!important;
	line-height: 1.55;
	font-weight: 600!important;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}

.features_main p,
.technical_expertise_features p,
.technologies_we_offer p,
.back_end_services_features p,
.benefits_of_working_features p,
.technologies_we_offer_features p,
.get_full_features p{
	color: #000000!important;
	font-size: 14px;
	font-family: 'SFUI',sans-serif!important;
	line-height: 1.55;
	font-weight: 400!important;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.get_full_features .elementor-widget-container{
	padding: 20px 65px!important;
}

.hire_freelance_php_developers_features  h3,
.why_hire_back_end_features  h3,
.why_hire_features  h3{
    color: #000000!important;
    font-size: 24px!important;
    font-family: 'SFUI',sans-serif!important;
    line-height: 1.55;
    font-weight: 600!important;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 0!important;
}
.hire_freelance_php_developers_features  p,
.why_hire_back_end_features  p,
.why_hire_features  p{
    color: #000000!important;
    font-size: 14px!important;
    font-family: 'SFUI',sans-serif!important;
    line-height: 1.55;
    font-weight: 400!important;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.back_end h1{

}
.home_header h2{
	color: #000000!important;
	font-size: 32px!important;
	font-family: 'SFUI ',sans-serif!important;
	line-height: 1.3!important;
	font-weight: 800!important;
	text-transform: uppercase!important;
	background-position: center center!important;
	border-color: transparent!important;
	border-style: solid!important;
}
.header_main h4{
	color: #000000!important;
	font-size: 20px!important;
	font-family: 'SFUI ',sans-serif!important;
	line-height: 1.55!important;
	font-weight: 900!important;
	background-position: center center!important;
	border-color: transparent!important;
	border-style: solid!important;
}

.home_main ul li {
	color: #000000;
	font-size: 16px;
	font-family: 'SFUI ',sans-serif;
	line-height: 1.55;
	font-weight: 400;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
}
.fixed_header{
	position: fixed!important;
	width: 100% !important;
}


/*animation*/
#slick_animation {
	position: absolute;
	z-index: 0;
	top: 155px;
	right: 75px;
	width: 360px;
	height: 148px;
}
#slick_animation img {
	height: auto;
	object-fit: cover;
	width: 100%;
}
.slider_animation{

	width: 800px;
	height: 550px;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
.slider_animation--img{
	position: absolute;
	top: 0;
	left: -64px;
	z-index: 1;
	width: 1050px;
	object-fit: cover;
	height: 500px;
}
.slider_animation--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.elementor-256 .elementor-element.elementor-element-7a7f85d8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{
	justify-content: space-between!important;
}
.elementor-283 .elementor-element.elementor-element-32f72e6b .elementor-image-box-img img,
.elementor-282 .elementor-element.elementor-element-4f7c262 .elementor-image-box-img img{
	max-height: 100%!important;
}
.elementor-slides .swiper-slide-bg{
	background-color: transparent!important;
}
.elementor-element-a48e520 img,
.elementor-element-6e2b460 img,
.elementor-element .elementor-element-1549d70 img,
.elementor-element .elementor-element-d46bde5 img,
.elementor-1311 .elementor-element.elementor-element-f33f3d9 img,
.elementor-1281 .elementor-element.elementor-element-efab029 img{
	width: 500px;
	height: 330px;
}