/*
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Template: 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.
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
Version: 1.71.1603430904
Updated: 2020-10-23 05:28:24

*/
.preloader {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    opacity: 1;
    position: fixed;
    text-align: center;
    transition: opacity 0.2s ease 0s;
    width: 100%;
    z-index: 9999;
}
.about-container {background:none!important}
#masthead {border-top:4px solid #313ff4!important}
.preloader .spinner {
    background: url(https://www.phanesthera.com/wp-content/uploads/2020/10/phanes-loader.gif) center center;
    background-size: contain;
    width: 100% !important;
    background-repeat: no-repeat;
    height: 50px !important;
    left: 0 !important;
    margin-left: 0 !important;
}

.preloader .spinner div {
    background: none!important;
}
.wp-modal-header {
background-size: cover !important;
color: #fff!important;
height: 480px;
position: relative;
}
div.wpcf7-validation-errors, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: 0;
    color: #fff;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    background: #f77e7e;
    width: 100%;
	float:left;
	margin-bottom:10px;
}

div.wpcf7-mail-sent-ok, .wpcf7 form.sent .wpcf7-response-output {
    border: 0;
    color: #6bc048;
    margin: 0;
    font-weight: bold;
    text-align: center;
    width: 100%;
    font-size: 16px;
	float:left;
	margin-bottom:10px;
} 
body {background:#d3e8f3;}
#page{background: rgb(255,255,255);
background: linear-gradient(56deg, rgba(255,255,255,1) 0%, rgba(221,235,255,1) 100%);}
.page-wrap {background:none!important}
.tech-container {background:none!important}
.page-wrap .content-wrapper {background:none!important}
.home .bread-crumb {display:none!important}
.content-area .hentry{padding-bottom:0}
#main .entry-header {display:none!important}
.row {margin:0!important}
.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {padding:0!important}
.home .entry-header {display:none!important}
#masthead {background:#fff!important; padding:10px 0!important;}
#masthead .row {display:block!important; width:100%!important}
#mainnav ul li a, #mainnav ul li::before {color:#8cb535!important; font-size:16px!important}
.custom-menu-class li.current-menu-item a {color:#313ff4!important}
#mainnav ul li.current-menu-item a, #mainnav ul li a:hover {color:#313ff4!important}
#mainnav ul li.current-menu-item li a {color:#fff!important}
#mainnav ul li.current-page-parent a {color:#313ff4!important}
#mainnav ul li.current-page-parent li.current-menu-item a {color:#313ff4!important}
#mainnav ul li.current-page-parent li a {color:#fff!important}
#mainnav ul li li.current-menu-item a {color:#313ff4!important}
.site-header #mainnav ul li ul li ul {
    left: -100%!important;
}
.site-header #mainnav ul li ul {left:0!important; right:inherit!important; width:250px!important; border-color:#a0cc44!important;}
#mainnav ul li ul:after{background-color:#a0cc44!important}
.site-header #mainnav ul li li {width:100%!important}
.site-header #mainnav ul li li a {width:100%!important}
#mainnav .sub-menu li a {background:#8cb535!important; color:#fff!important;border-top: 1px solid #a0cc44!important;}
.custom-menu-class {float:right; margin:15px 0 10px}
.custom-menu-class ul {list-style:none; margin:0; padding:0;}
.custom-menu-class li {float:left; margin:0 0 0 20px; color:#8cb535}
.custom-menu-class li a {color:#8cb535; font-size:16px!important}
#mainnav ul li:last-child {padding-right:0!important}
#mainnav {clear:both; margin:20px 0 0}
.metaslider .caption-wrap {background:none!important; opacity:1!important; z-index:100; bottom:110px!important}
.metaslider .caption-wrap h3 {color:#fff!important; font-size:48px!important; font-weight:700!important; text-shadow:0 0 3px #000; margin-bottom:15px!important}
.metaslider .caption {margin:0 auto; max-width:1200px; font-size:30px; line-height:32px}
.flexslider:before {position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:10}
.metaslider li {z-index:inherit!important}
.about-container .sow-image-container {position:relative; padding-right:25px}
.about-container .sow-image-container:after {position:absolute; right:0; top:5px; content:""; width:4px; height:80%; background:#fff}
.about-container h3.widget-title {text-align:left!important; color:#313ef4!important; text-transform:none!important; margin-bottom:0!important}
.about-container {color:#000!important; font-size:14px!important; line-height:28px}
.about-container h3.widget-title:after {content:none!important}
.about-container .ow-button-hover {background:none!important; box-shadow:none!important; border:none!important; padding:0!important; color:#8cb535!important; margin:110px 0 0!important}
.about-container .ow-button-hover span {color:#8cb535!important; font-weight:700}
.technology-container .sow-image-container:after {position:absolute; left:0; right:inherit; top:5px; content:""; width:4px; height:80%; background:#fff}
.technology-container .sow-image-container img {max-width:42%!important}
.technology-container {position:relative}
.technology-container:before {position:absolute; top:5px; content:""; width:100%; height:20px; background-image: linear-gradient(-89deg, #313df4 0%, #8bb535 100%); left:0}
.footer-widgets {background:#1f2020!important}
.metaslider .flexslider {margin-bottom:0!important}
#sidebar-footer{background:#1f2020 url(https://www.phanesthera.com/wp-content/uploads/2020/10/footer-bg.png) no-repeat 0 0!important; background-size:237px!important; background-position:60px 40px!important; padding:50px 0!important; position:relative; border:none!important}
#sidebar-footer:after {content:""; position:absolute; right:0; height:1px; background:#313df3!important; bottom:11px; width:calc(100% - 290px)}
#sidebar-footer .container {padding-left:290px!important;}
.home-slider {overflow:hidden!important;}
#sidebar-footer li a {color:#fff!important;}
#sidebar-footer li {padding:0 0 3px!important}
#sidebar-footer li:first-child a {color:#8cb535!important; font-weight:700; margin-bottom:15px; font-size:20px}
#sidebar-footer .widget {margin-bottom:35px!important}
.site-footer {background:#1f2020!important; color:#fff!important; font-size:14px!important}
.site-footer a {color:#fff!important;}
.footer-links {float:left; width:50%}
.copyright {float:right; width:50%; text-align:right}
.entry-footer {margin:0!important}
.home .inner-banner {display:none!important}

#heateor_sss_sharing_more_providers, #heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content, #heateor_sss_sharing_more_providers .all-services {height:auto!important}
#heateor_sss_sharing_more_providers .footer-panel {display:none!important}
#heateor_sss_sharing_more_providers .filter input.search {display:none!important}
#heateor_sss_sharing_more_content .all-services ul li {display:none!important}
#heateor_sss_sharing_more_content .all-services ul li:nth-child(1), #heateor_sss_sharing_more_content .all-services ul li:nth-child(2), #heateor_sss_sharing_more_content .all-services ul li:nth-child(5), #heateor_sss_sharing_more_content .all-services ul li:nth-child(3) {display:block!important} 
.bread-crumb {float:left; width:100%; position:relative; z-index:100}
.bread-inner {
    padding:30px 0 30px 0;
	font-size: 14px;
	font-weight:300;
	color:#5c5c5c
}
.bread-inner a {color:#5c5c5c}
.like-share-container li.heateorSssSharingRound {display:none!important}
.like-share-container li.heateorSssSharingRound i {width:100%!important}
.heateor_sss_horizontal_sharing{
    position: absolute;
    top: 0;
    width: 100%;
    height: 27px; 
    opacity:0;}
.like-share-container li.heateorSssSharingRound:last-child {
    display: block !important;
    width: 100% !important;
}
.like-share-container {float:right; width:auto; list-style:none; margin:0; padding:0;}
.like-share-container li {float:left; margin:0 0 0 10px; position:relative; font-size:14px; color:#5c5c5c; line-height:25px;}
.like-share-container li div.printfriendly {display:block!important;  float:left; margin:0;}
 .like-share-container li a .fa {color:#fff; font-size:14px; float:left; margin:0 4px 0 0; width:26px; height:26px; border:1px solid #313ef4; background:#313ef4; border-radius:100%; line-height:26px; text-align:center}
 .like-share-container li .fa-print {color:#fff; font-size:14px; float:left; margin:0 4px 0 0; width:26px; height:26px; border:1px solid #313ef4; background:#313ef4; border-radius:100%; line-height:26px; text-align:center}
.like-share-container li a {font-size:14px; color:#5c5c5c;}
div.printfriendly a, div.printfriendly a:link, div.printfriendly a:visited {
    font-size: 14px!important;
    color: #5c5c5c!important;
    vertical-align: bottom;
	font-weight:300;
	width:30px;
	height:30px;
	position:absolute;
}
.inner-banner {position:relative;}
.inner-banner:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgb(0, 0, 0, 0.20);
z-index: 99;
}
.news-content .date-post {
    width: 11%;
    float: left;
    text-align: center;
	border: 1px dotted #C0C0C0;
	border-radius: 12px;
	margin-top: 12px;
}
.news-content .date-post span {
    display: block;
    color: #222;
    font-size: 26px;
    margin: 0px 0px 2px;
    padding: 10px;
}
.inner-banner img {width:100%;margin-top: -60px;}
.inner-banner .entry-title {position:absolute; left:0; bottom:0; color:#fff!important; text-shadow:-1px -1px 8px #2f2f2f; font-size:44px; z-index:990}
.entry-content {clear:both}
.about-link ul {list-style:none; margin:0; padding:0;}
.about-link li {float:left; padding:0 0 0 0; margin:0 20px 0 15px; position:relative; clear:both;}
.about-link li a {color:#8cb535;}
.about-link li:before {
    content: "\2022";
    color:#8cb535;
    font-weight: bold;
    display: inline-block;
    margin-left:0;
	font-size:30px;
	line-height:20px;
	position:absolute;
	top:4px;
	left:0;
	content:none;
}
.about-link li:first-child {margin-left:0;}
.about-link li.active:before {color:#313ef4;font-size:40px; top:5px} 
.about-link li.active a {color:#313ef4; font-size:17px; font-weight:700; }
.about-link {padding-bottom:40px!important}
.default-content h3.widget-title {text-align:left; color:#313ef4!important; text-align:left!important; font-size:30px; margin-bottom:0!important; text-transform:none!important}
.default-content h4 {font-size:20px!important; margin:10px 0 10px; color:#000!important}
.default-content hr {border-top:1px solid #98b8ff}
.default-content h3.widget-title:after {content:none!important}
.tech-container h3.widget-title {text-align:left; color:#313ef4!important; text-align:left!important; font-size:32px; margin-bottom:0!important; text-transform:none!important}
.tech-container h3.widget-title:after {content:none!important}
.tech-container .ow-button-hover {background:none!important; box-shadow:none!important; border:none!important; padding:0!important; color:#8cb535!important; margin:30px 0 0!important}
.tech-container .ow-button-hover span {color:#8cb535!important; font-weight:700}
.member-popup-info .member-job {font-size:12px;}
.white-popup-block .wp-modal-body {font-size:14px; padding-bottom:30px; min-height:400px}
.mfp-wrap {top:50px!important}
.mfp-close {right:10px; top:-39px!important}
.white-popup-block .wp-modal-body p {margin-bottom:10px;font-size: 14px;line-height: 24px;}
.mfp-bg {animation-delay: 0s;
animation-duration: 2s;
animation-iteration-count: 1; -webkit-transition: height .5s;
transition: height .5s; }
.white-popup-block {min-height:330px}
.wp_teamshowcase_grid.design-1 .member-name {color:#313ef4; font-size:18px; line-height:20px; font-weight:700}
.wp_teamshowcase_grid.design-1 .wp-tsas-medium-4 .teamshowcase-image-bg {
    height: 230px;
    width: 230px;
    border-radius:100%;
    border:none;
	text-align:left
}
.who-we-are li a {font-weight:700; color:#000}
.wp_teamshowcase_grid .team-grid{
	float:none!important; display:inline-block!important; width:32.33333%; vertical-align:top;
}
.wp_teamshowcase_grid.design-1 .wp-tsas-medium-4 .teamshowcase-image-bg {margin:0 auto}
.wp_teamshowcase_grid {text-align:center}
.wp_teamshowcase_grid.design-1 .member-content .member-desc {display:none}
.home .tech-container{display:none!important}
.tech-container {position:relative}
.tech-container:before {
    position: absolute;
    top: 5px;
    content: "";
    width: 100%;
    height: 20px;
    background-image: linear-gradient(-89deg, #313df4 0%, #8bb535 100%);
    left: 0;
}
.pipeline-con img {box-shadow:0 0 10px #9c9c9c}
.contact-row h3.widget-title {font-size:20px!important}
.contact-row textarea, .contact-row input[type="text"], .contact-row input[type="email"], .contact-row input[type="tel"] {width:100%;}
.input-wrap {width:100%; float:left; width:100%; margin:0 0 10px}
.single-title h1.entry-title {font-size:28px!important; margin:40px 0 20px}
.page-id-84 .tech-container {display:none!important}
.contactus--btn, .career-btn {display:none!important}

/*@media only screen and (min-width:1024px) and (max-width:1366px) and (orientation:landscape){ 
#mainnav li {
    float: left;
    padding: 0 6px;
}*/

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){
#mainnav li, #mainnav-mobi ul li {
    float: left;
    padding: 0 6px!important;
}		
		
}
@media screen and (max-width: 1366px) {
	#mainnav li {padding:0 7px}
	#masthead .container {width: 92%;}
}
@media screen and (max-width: 1178px) {
	.tech-container {padding:40px 30px!important}
}
@media screen and (max-width: 1024px) {
.btn-menu {
    display: block;
    clear: both;
	margin:23px 0 0;
	float:right
}
.btn-menu .sydney-svg-icon {
    fill:#000458!important;
}
#mainnav-mobi {top:38px!important}
.custom-menu-class {display:none!important}	
.about-container .ow-button-hover {margin-top:0!important}	
.contactus--btn, .career-btn {display:block!important}	
	.inner-banner img {
    margin-top: 0px;
}
}
@media screen and (max-width: 780px) {
	.about-container .sow-image-container::after {top:inherit!important; bottom:0!important; width:100%; height:4px!important}
	.about-container .sow-image-container {padding:0 0 25px!important}
	.technology-container .sow-image-container:after {bottom:inherit!important; top:0!important}
	.technology-container .sow-image-container {padding:25px 0 0!important}
	.bread-inner {padding: 10px 15px 10px 15px;}
.tech-container {padding: 40px 0!important;}
.inner-banner .entry-title {left:15px!important}
.btn-menu {margin: 35px 0 0;}
#sidebar-footer:after {
    content: "";
    position: absolute;
    right: 0;
    height: 1px;
    background: #313df3!important;
    bottom: 11px;
    width: calc(100%);
}
#sidebar-footer .container {padding-left:15px!important}	
#sidebar-footer {background-image:none!important}	
	.footer-links, .copyright {width:100%!important; text-align:center; line-height:18px}
	.home-slider .panel-grid-cell {padding:0!important}
#mainnav-mobi {
    top: 52px !important;
    left: 0;
}
	.about-container {padding:26px 0px!important;}
	.wp_teamshowcase_grid .team-grid {width:100%!important}
	#masthead .col-md-9 {position:inherit!important}
	.metaslider .caption-wrap {bottom: 20px!important;}
.metaslider .caption {
    margin: 0 auto;
    max-width: 1200px;
    font-size: 18px;
    line-height: 21px;
}
.metaslider .caption-wrap h3 {
    color: #fff!important;
    font-size: 30px!important;
    font-weight: 700!important;
    text-shadow: 0 0 3px #000;
    margin-bottom: 15px!important;
}
	.inner-banner .entry-title {font-size:23px!important}
	#mainnav-mobi ul > li > a {padding:10px 20px}
	#mainnav-mobi ul.sub-menu > li > a{padding:10px 30px}
	.inner-banner img {
    margin-top: 0px;
}
.news-content .date-post {width:80px;}	
.post-content-text {
	width: calc(100% - 100px); word-break: break-all;}	
	
}
@media screen and (max-width: 600px) {
	.btn-menu{margin:17px 0 0}
	.inner-banner img {
    margin-top: 0px;
}
.post-content-text {width:100%}
}
@media screen and (max-width: 479px) {
.btn-menu {
    margin: 8px 0 0;
}	
.inner-banner img {
    margin-top: 0px;
}
}