/*

Theme Name: Sydney Child

Theme URI: http://athemes.com/theme/sydney

Author: aThemes

Author URI: http://athemes.com

Template: sydney

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: sydney

*/

@import url('https://fonts.googleapis.com/css?family=Handlee&display=swap');/*font-family: 'Handlee', cursive;*/

body, #mainnav ul ul a {font-weight: 300;}

.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {

    padding: 0;

}
.elementor-element.elementor-element-0c1d9a9.elementor-widget.elementor-widget-image{
	margin:0px !important;
}
#change {

  position: fixed;

  top: 30%;

  right:10px;

  width: auto;

  z-index:999;

}

#change li{ list-style: none;

    

    float: right;

    clear: both;

    }

#change li a{ font-size: 0;

    color: #fff;

    margin-bottom: 20px;

    padding: 0 16px;

    border-right: 1px solid rgba(255,255,255,0.3);

    line-height: 40px;

	font-weight:400;

    display: block;}

#change li a.active,#change li a:hover{ font-size:16px; border-right:2px solid #FF7B46;}

.site-header,.header-clone{ display:none;}

#next-level{ font-size:22px; color:#fff; font-weight:400; letter-spacing:2px;}

#next-level h1{ font-size:52px; color:#fff; font-weight:900;}

a#learn-more{ font-size:14px; font-weight:900; letter-spacing:2px; position:relative;z-index:1;}
a#learn-more:after{ position:absolute; top:0; left:0; width:0; height:100%; background:#ff7b46; z-index:-1; content:'';
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
a#learn-more:hover{ color:#fff;}
a#learn-more:hover:after{ width:100%;}
#about h2{ font-size:52px; color:#fff; font-weight:900;}

#about{ font-size:16px; color:#fff; font-weight:300; letter-spacing:2px; line-height:normal;}

#about p{ padding:0; margin:0;}

.stylish-font{font-family: 'Handlee', cursive;}

#about .stylish-font{ font-size:24px;}

.expertise-list h4{ font-size:16px; font-weight:700; line-height:20px!important;}

#our-products h2{ font-size:40px; color:#000; font-weight:900;margin: 0 0 10px;}

#our-products{ font-size:16px; color:#fff; font-weight:300;}
#our-products .stylish-font{ font-size:22px;}

.our-products-list h4{ font-size:14px; font-weight:700; line-height:20px!important; color:#fff;}
.our-products-list ul{ padding:0; margin:0;}
.our-products-list li{ max-width:100px; margin:0 auto;}
.our-products-list img{ margin:0 auto;}

.our-products-list .elementor-column-wrap{ padding:0!important;}

#our-services{ font-size:24px; color:#FF7A46;}

#our-services .services-list{ padding:0; margin:0;}

#our-services .services-list li{ list-style:none; position:relative; margin-right:30px; cursor:pointer;}
#our-services .services-list li a{ display:block;}
#our-services .services-list li a:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,123,70,0.3);}

#our-services .services-list li a:hover:after{ background:rgba(0,0,0,0.5);}

.services-list h3{ position:absolute; font-size:18px; color:#fff; font-weight:700; width:100%; text-align:center; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); left:0; padding:0; margin:0; z-index:999; left:50%; max-width:194px; line-height:28px; opacity:0;}

.services-list h3 img{ margin:20px auto 0;}

.services-list li:hover h3{ opacity:1;}

.services-list .slick-dots li{width:100px; height:2px; margin-right:15px!important;}

.services-list .slick-dots li button{ width:100px; height:2px; background:rgba(255,255,255,0.2); padding:0;}

.services-list .slick-dots li:after{ display:none;}

.services-list .slick-dots li.slick-active button,.services-list .slick-dots li button:hover{ background:rgba(161,80,120,1);}

.services-list .slick-dots li button:before{ display:none;}

.services-list .slick-dots{ bottom:-70px;}

.services-list .slick-prev,.services-list .slick-next{ width:30px; height:30px;border-radius: 0;}

.services-list .slick-prev,.services-list .slick-prev:hover,.services-list .slick-prev:focus {

    left:auto;

	right:70px;

	top:-30px;

	display:inline-block!important;

	background:url(images/arrow-left.jpg) no-repeat;

}

.services-list .slick-next,.services-list .slick-next:hover,.services-list .slick-next:focus {

    left:auto;

	right:30px;

	top:-30px;

	display:inline-block!important;

	background:url(images/arrow-right.jpg) no-repeat;

}

.services-list .slick-prev:before,.services-list .slick-next:before{ display:none;}

#latest-news .stylish-font{ font-size:24px;}

h1, h2, h3, h4, h5, h6 {font-weight: 900;}

.news-four-box .swiper-slide{ float:left; width:50%;}

#latest-news .swiper-slide{ position:relative;}

#latest-news .swiper-slide h4{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; line-height:20px; margin:0 0 10px;}

#latest-news .swiper-slide h4 a{ font-size:24px; color:#fff; font-weight:700; line-height:normal;}

#latest-news .news-four-box .swiper-slide h4 a{ font-size:16px;}

#latest-news .cat-name a{position:absolute; top:0; left:0; font-size:14px; color:#fff; font-weight:900; background:#FF7B46; padding:9.5px 30px; text-transform:uppercase;pointer-events: none; letter-spacing:1px;}

#latest-news .cat-name .category-news a{background:#FF7B46!important;}
#latest-news .cat-name .category-blog a{background: #146CB8!important;}

#latest-news .cat-name ul{ padding:0; margin:0; list-style:none;}

#latest-news .swiper-slide img{ width:100%;}

#latest-news .entry-thumb{ position:relative;}

#latest-news .entry-thumb{ overflow:hidden;}

#latest-news .entry-thumb img {

	position: relative;

	display: block;

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .5s ease-in-out;

	transition: .5s ease-in-out;

}

#latest-news .swiper-slide:hover .entry-thumb img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

#latest-news .entry-thumb:after{ position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(14,19,28,0.5);}

#contact-us{ font-size:20px; color:#000;}

#contact-us th,#contact-us td {border: none; padding:0; font-size:16px;}

.day-time{ font-size:14px; color:#999;}

#contact-us a,#contact-us a .fa:hover{ color:#660066;}

#contact-us a:hover{ color:#333;}

#contact-us a .fa{ color:#333; font-size:28px; margin-right:15px; margin-top:20px;}

#contact-us a:last-child .fa{ margin-right:0;}

#our-colaborations ul{ padding:0; margin:0;}

#our-colaborations li{ list-style:none; display:inline-block; margin-right:3.49%;}

#our-colaborations li:last-child{ margin-right:0;}

.footer-widgets{ padding:0 0 50px; font-size:14px;}

#sidebar-footer a:hover{color:#660066;}

.site-footer{ font-size:14px; text-align:center; padding:0;}

.site-footer .site-info{ border-top:2px solid #ddd; padding:30px 0;} 

.widget-area .widget{ margin-bottom:0;}

.wpfm-template-1 ul li .wpfm-menu-name,.wpfm-template-1 .wpfm-position-right ul li a, .wpfm-template-1 .wpfm-position-top-right ul li a, .wpfm-template-1 .wpfm-position-bottom-right ul li a{ padding:0;}

.wpfm-template-1 ul li .wpfm-icon-block{ display:none;}

.wpfm-template-1 .wpfm-position-right ul li a, .wpfm-template-1 .wpfm-position-top-right ul li a, .wpfm-template-1 .wpfm-position-bottom-right ul li a {right: 0;transform: none; text-align:right;}
.our-products-list .elementor-widget-wrap:hover img,.our-products-list li:hover img,#about .elementor-image:hover img{ border:1px solid #fff; border-radius:100%;}

.wpfm-template-1 .wpfm-position-right ul li a:hover, .wpfm-template-1 .wpfm-position-top-right ul li a:hover, .wpfm-template-1 .wpfm-position-bottom-right ul li a:hover {

    right: 0;
	background:#000;

    padding-right: 0;

}
.wpfm-template-1 ul li.wpfm-active-nav a,.wpfm-template-1 ul li.wpfm-active a
{
	background:#FF7B46;
	color:#fff!important;
}

.wpfm-template-1 ul li{margin-bottom: 20px;}

.wpfm-template-1 ul li .wpfm-menu-name{ font-size:16px;}

.wpfm-template-1 ul li a{

	background:none;

    color: #fff;

    padding: 0 16px!important;

    border-right: 1px solid #FF7B46;

    line-height: 40px;

    font-weight: 400;

	font-size:16px;

    display: block;}

.wpfm-template-1 ul.revert li a,.wpfm-template-1 ul.revert2 li a {border-right: 1px solid rgba(0,0,0,0.3)!important;}	

.wpfm-template-1 ul li a:hover .wpfm-menu-name{font-size:16px;}

.wpfm-template-1 ul li a:hover,.wpfm-template-1 ul li.wpfm-active-nav a,.wpfm-template-1 ul li.wpfm-active a{ border-right:1px solid #FF7B46!important;}

.wpfm-template-1 ul li.wpfm-active-nav .wpfm-menu-name,.wpfm-template-1 ul li.wpfm-active .wpfm-menu-name{ opacity:1}

.wpfm-menu-nav.wpfm-position-right ul, .wpfm-position-top-right ul, .wpfm-position-bottom-right ul {right: 10px;z-index: 1; padding:0; margin:0;}

.wpfm-menu-nav.wpfm-position-right ul:after{ position:absolute; top:-23px; right:0; width:3px; height:3px; background:#fff; border-radius:50px; content:"";}

.wpfm-menu-nav.wpfm-position-right ul:before{ position:absolute; bottom:-5px; right:0; width:3px; height:3px; background:#fff; border-radius:50px; content:"";}

.wpfm-menu-nav.wpfm-position-right ul.revert:before,.wpfm-menu-nav.wpfm-position-right ul.revert:after,.wpfm-menu-nav.wpfm-position-right ul.revert2:before,.wpfm-menu-nav.wpfm-position-right ul.revert2:after{ background:#000;}

.wpfm-template-1 ul li.news-link.wpfm-active-nav .wpfm-menu-name,.wpfm-template-1 ul.revert li .wpfm-menu-name,.wpfm-template-1 ul.revert2 li .wpfm-menu-name,.wpfm-template-1 ul li.news-link.wpfm-active .wpfm-menu-name{ }

.top-header{ position:fixed; top:20px; right:0; z-index:999; text-align:right; width:100%;}
.home .top-header{ width:auto;}
.logo-box{ float:left; margin-left:20px;}
.home .logo-box{ display:none;}

.logged-in .top-header{ top:52px;}

.search-box .search-field{ display:none;}

.search-box .search-submit{    font-size: 0;

    background: url(images/search-icon.png) no-repeat center;

    padding: 10px;

    border: 1px solid rgba(255,255,255,0.10);

    width: 40px;

    height: 40px;border-radius: 0;}

#full-screen-search{ background:#fff!important;}

#full-screen-search form div { top:35%!important;}

#full-screen-search form div input {

    background: #fff!important;

    border-bottom: 2px solid #000!important;

	color: #000!important;

}

#full-screen-search form div input::placeholder{color: #000!important;}

#full-screen-search button.close {

    font-size: 22px!important;

    color: #fff!important;

    background: #000!important;

    padding: 12px 16px!important;

    border-radius: 50px!important;

}

.search-box{ float:right; margin-right:80px;}

.main-nav{ position:relative; margin-right:20px;}

#full-screen-search{ display:none;}

a.logo-link{

    display: block;

    text-align: center;

    max-width: 120px;

    margin: 0 0 20px;

}

a.logo-link:after,a.logo-link:before,.social-links a:after,.social-links a:before{ display:none;}

.social-links{ text-align:left;}

.social-links a{ margin-right:10px;}

.social-links a i:hover{ color:#FF7B46;}

.product-links{    margin-top: 80px;

    position: absolute!important;

    z-index: 1;

    right: 15%;}

.product-links ul{ padding:0; margin:0;}

.product-slider-inner .slick-dots li:nth-child(1) button{color: #F19B0C;
    border-color: #F19B0C;
    background: #F19B0C;}

.product-slider-inner .slick-dots li:nth-child(2) button{color: #0F954B;
    border-color: #0F954B;
    background: #0F954B;}
	
.product-slider-inner .slick-dots li:nth-child(3) button{
	color: #EC4743;
    border-color: #EC4743;
    background: #EC4743;
		}
		
.product-slider-inner .slick-dots li:nth-child(4) button{
	color: #1F608B;
    border-color: #1F608B;
    background: #1F608B;
		}
.product-slider-inner .slick-dots li.slick-active button,.product-slider-inner .slick-dots li:hover button{
    color: #fff!important;
    border-color: #fff!important;
    background: none!important;
}
.slick-dotted.slick-slider {
    margin-bottom: 0!important;
}
.product-slider-inner .slick-dots li button,.product-links li{ list-style:none; display:inline-block; font-size:19px; font-weight:700; color:#fff; border:5px solid #fff; border-radius:50px; line-height:10px; padding:10px; cursor:pointer; margin-right:10px;width: 40px;
    height: 40px;}
.product-slider-inner .slick-dots li {    width: 40px;
    height: 40px;}

.product-links li.product-link1{ color:#F19B0C; border-color:#F19B0C; background:#F19B0C;}

.product-links li.product-link2{ color:#0F954B; border-color:#0F954B; background:#0F954B;}

.product-links li.product-link1:hover,.product-links li.product-link2:hover,.product-links li.product-link3:hover,.product-links li.product-link4:hover,.product-links li.active{ color:#fff!important; border-color:#fff!important; background:none!important;}

.product-links li.product-link3{ color:#EC4743; border-color:#EC4743; background:#EC4743;}

.product-links li.product-link4{ color:#1F608B; border-color:#1F608B; background:#1F608B;}

.product2,.product3,.product4{ height:0; padding:0!important; opacity:0;}

.product1.active,.product2.active,.product3.active,.product4.active{ height:auto!important; padding:180px 15px 100px!important; opacity:1!important;}

.meet-team{ font-size:24px;}

.meet-team .elementor-slick-slider .slick-dots-inside .slick-dots {

    bottom: 70px!important;

}

.slick-slide-inner{ position:relative;}

.meet-team .elementor-image-carousel-caption{

    position: absolute;

    bottom: 20px;

    right: 20px;

    color: #fff;

    font-size: 24px;

	z-index:999;

}
.product-slider-inner .slick-dots {
       bottom: auto;
    top: 40px;
    right: 8%;
    width: auto;
}
.product-slider-inner .slick-dots li button:before{ display:none;}
.elementor-slick-slider ul.slick-dots li button{width:10px!important; height:10px!important;}

.elementor-slick-slider ul.slick-dots li button:before{ color:transparent!important; border:1px solid #fff;  border-radius:50px; line-height:8px!important;width:10px!important; height:10px!important; opacity:1!important;}

.elementor-slick-slider ul.slick-dots li.slick-active button:before,.elementor-slick-slider ul.slick-dots li:hover button:before{ color:#fff!important; border:1px solid #fff; width:20px; height:20px; border-radius:50px;}

.chief-excutive-box{ font-size:14px; color:#666;}

.chief-excutive-box b{ font-size:20px; color:#000;}

.chief-excutive-box .img-box,.chief-excutive-box .name-box,.chief-excutive-box .phone-box{ display:inline-block; vertical-align:middle;}

.chief-excutive-box .name-box,.chief-excutive-box .phone-box{padding:0 17px;}

.chief-excutive-box .phone-box{ padding-right:0; color:#136CB8;}

.chief-excutive-box .phone-box a{ color:#136CB8;}

.chief-excutive-box .phone-box a:hover{ color:#000;}

.chief-excutive-box .elementor-inner-column:after{ position:absolute; content:""; bottom:-2px; left:50%; transform:translateY(-50%); width:50px; height:4px; background:#ddd;}

.chief-excutive-box.team-box .elementor-inner-column:after{ display:none!important;}

.chief-excutive-box .elementor-inner-column:hover:after{ background:#FF7B46;}

.chief-excutive-box.team-box{ font-size:12px;}

.banner {
    position: relative;
    z-index: 0;
    max-height: 500px;
    overflow: hidden;
}
.page-id-884 .banner {margin-bottom:0;}

.banner img{ width:100%; height:auto;}

.banner:after{position:absolute; top:0; left:0; width:100%; height:100%; content:"";background: rgba(0,16,64,0.5); z-index:1;}
.page-id-826 .banner:after{background: rgba(15,149,75,0.4); }
.page-id-1058 .banner:after{background: rgba(0,0,255,0.5); }
.page-id-942 .banner:after{background: rgba(0,101,202,0.5); }
.page-id-944 .banner:after,.page-id-1061 .banner:after,.page-id-1068 .banner:after{background: rgba(0,0,0,0.5); }

.inner-heading {

    position: absolute;

    top: 50%;

    width: 100%;

    z-index: 9;

    transform: translateY(-50%);

    -moz-transform: translateY(-50);

    -webkit-transform: translateY(-50%);

}

.inner-heading h1 {

    color: #fff;

    text-transform: uppercase;
	
	text-align:center;

    font-weight: 900;

	margin:0;

}
h1, h2, h3, h4, h5, h6 {color: #000000;}
.single .entry-header{ display:none;}

.slider-contact-btn{ float:none; display:inline-block; margin-right:15px; width:auto!important;}

#about .elementor-background-overlay,#our-products .elementor-background-overlay{ display:none;}

#team-list{ padding:0; margin:0;}

#team-list.team-page li{ display:inline-block;}

#team-list li{ display:none;margin: 0px 15px 0px 15px;

    padding: 10px 10px 10px 10px; background:#fff; width:30.6%; margin-bottom:30px; position:relative;}

#team-list li:after{position:absolute; content:"";width:10px; height:10px; right:0px; bottom:0; left:auto; transform:none; background:url(images/team-arrow.png) no-repeat; filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);opacity: 0.4;}

#team-list li:before{position:absolute; content:""; width:10px; height:10px; left:0px; top:0; transform:none; background:url(images/team-arrow.png) no-repeat; filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);z-index: 1;transform: rotate(180deg);-mopz-transform: rotate(180deg);-webkit-transform: rotate(180deg);opacity: 0.4;}

#team-list li:hover:before,#team-list li:hover:after{opacity:1;filter: none;-webkit-filter: none;filter: none;}

#team-list li img {

  filter: gray; /* IE6-9 */

  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */

  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */

}

#latest-news .news-list .swiper-slide {
    display: inline-block;
    width: 32%;
    margin: 0 0.5% 1.5%;
}

/* Disable grayscale on hover */

#team-list li:hover img{

  -webkit-filter: grayscale(0);

  filter: none;

  opacity: 1;

}

.team-loadmore{ cursor:pointer;}	

.widget-area .widget-title{ font-size:20px; text-transform:capitalize; color:#000!important;}
.location-txt-box img{ margin-right:10px; margin-left:50px;}
.location-txt-box img:first-child{ margin-left:0;}
.search-results .banner{ display:none;}
.search-results .search-banner{ background:#334066; height:50vh; color:#fff;}
.search-results .search-banner .search-submit{ display:none;}
.search-results .search-banner form .search-field {
    background: none!important;
	border:none;
    border-bottom: 2px solid #fff!important;
    color: #fff!important;
	width: 100%;
    height: 100px;
    padding: 20px;
    font-size: 40px;
    line-height: 60px;
	margin-top:150px;
	margin-bottom:20px;
}
.search-results .search-banner label{ width:100%;}
.search-results .content-area .hentry:after,.search-results .page-header{ display:none;}
.search-results .hentry .title-post {font-size: 24px;}
.search-results .single .entry-header,.search-results .page .entry-header {margin-bottom: 0;}
.search-results .content-area .hentry {
    border: 1px solid #334066;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #f0f0f0;
}
#digital-box{
    position: absolute;
    background: #334066;
    padding: 0;
    height: 0;
    opacity: 0;
	top: 50%;
    transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
	font-size: 16px;
    line-height: 30px;
	z-index: -1;
}
.cross-icon{ position:absolute; top:10px; right:10px; color:#fff; border:2px solid #fff; border-radius:50px;    padding: 1px 10px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;}
#digital-box li{ margin-bottom:15px;}
ul.product-list{ padding:0; margin:0;}
.product-page ul.product-list li{border:1px solid rgba(0,0,0,0.15);color:#333; min-height:315px;}
.product-page ul.product-list li:hover{border:1px solid rgba(255,123,77,1);}
.elementor-tab-content .product-page ul.product-list li {min-height: 216px;}
ul.product-list li{ list-style:none;float: left; font-size:16px; color:#fff; font-weight:300; padding:15px;width: 48%; margin-right: 2%;}
.product-page ul.product-list li .product-title{color: #000; font-size:24px;}
ul.product-list li:hover .product-title{ color: #FF7B46;}
ul.product-list li .product-title{    font-size: 20px;
    color: #333;
    font-weight: 400;
    margin: 20px 0;
    line-height: 24px;
    min-height: 63px;}
ul.product-list li .product-title img{ float:left; margin-right:15px; margin-top: -17px;}
.product-page ul.product-list li a.learn-more-btn{ color:#146CB8;}
.product-page ul.product-list li a.learn-more-btn:hover{ color:#FF7A46;}
ul.product-list li a.learn-more-btn{ display:block; font-size:14px; font-weight:900; color:#fff;max-width: 112px;}
ul.product-list li a.learn-more-btn:hover{ color:#FFFF00;}
ul.product-list li a.learn-more-btn img{ margin-left:10px;}
ul.product-list li p:last-child{ margin-bottom:0;}
.overview-txt{ font-size:24px; font-weight:100; line-height:normal;}
.our-experience-box{ color:#fff;}
.our-experience-box h4{ font-weight:300; color:#fff;line-height: normal;letter-spacing: 1px;}
.our-experience-box h4 strong{ font-weight:700;}
.our-experience-box h2{ font-size:40px; color:#fff; background:#FF7B46;padding: 10px 17px!important;display: inline-block;}

.values-list .hovicon { margin:0 20px;}

.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    margin: 20px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}

.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
/* Effect 8 */
 .hovicon.effect-8 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
.hovicon.effect-8:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.hovicon.effect-8:hover {
    background: rgba(255, 255, 255, 0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}
.hovicon.effect-8:hover i {
    color: #fff;
}
.hovicon.effect-8:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
.values-list .hovicon.effect-8:hover:after {
    -webkit-animation: sonarEffect2 1.3s ease-out 75ms;
    -moz-animation: sonarEffect2 1.3s ease-out 75ms;
    animation: sonarEffect2 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #005C98, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #005C98, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #005C98, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #005C98, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #005C98, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #005C98, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes sonarEffect2 {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FF7B46, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FF7B46, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect2 {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FF7B46, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FF7B46, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect2 {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FF7B46, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #FF7B46, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
/* End Effect 8 */
.why-us-list ul{ padding:0; margin:0;}
.why-us-list li{ float:left; text-align:center;width: 30%;margin: 0 1% 10px; list-style:none;}
.why-us-list li h5 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    line-height: normal;
}
.top-header.fixed-header{ padding:10px 0; background:rgba(0,0,0,0.5); top:0;}
.logged-in .top-header.fixed-header{ top:32px;}
span.sub-title{ font-size:22px; color:#fff; text-align:center;display: block;margin: 10px auto 0;}
.mfi-challenges{ margin-bottom:-20px;}
.values-lrg-txt{ font-size:40px; font-weight:300;}
.values-list h5{ font-weight:400;}
.films-tabs ul.tabs{ padding:0; margin:0 0 35px 0; border-bottom:2px solid #FF7B46;}
.films-tabs ul.tabs li{ list-style:none; display:inline-block; font-size:20px; color:#000; font-weight:400; padding:8px 26px; cursor:pointer; position:relative;}
.films-tabs ul.tabs li:after{ position:absolute; width:10px; height:10px; background:#fff; border:2px solid #FF7B46; border-radius:50%; content:""; bottom:-6px; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}
.films-tabs ul.tabs li.current:after,.films-tabs ul.tabs li:hover:after{ background:#FF7B46;}
.films-tabs ul.tabs li:hover,.films-tabs ul.tabs li.current{ color:#FF7B46;}

.tab-content ul{ padding:0; margin:0;}
.tab-content li{ display:inline-block; list-style:none; border:1px solid #ddd; padding:40px 20px; margin:0 1% 40px; width:22.7%; text-align:center;    position: relative; max-height: 400px; vertical-align: top;}
.tab-content li .history-list-img{position:relative; padding-bottom:45px; margin-bottom:35px;}
.tab-content li .history-list-img:after{ content:""; position:absolute; bottom:0; width:100px; height:1px; background:#ccc; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
.tab-content li h3{ font-size:18px; color:#666; font-weight:700; margin-bottom:20px; min-height:54px;}
.histort-product-list img{ max-width:60px!important; margin:0 3px 10px;}
.popup-plus{
    position: absolute;
    bottom: -16.5px;
    left: 50%;
    transform: translateX(-50%);
}
.history-popup{ max-width:1200px; margin:0 auto; padding:10px 20px; font-size:18px; color:#000; font-weight:300; min-width:500px;}
.history-popup h6{ color:#666; font-weight:700;}
.history-popup h6 span{ color:#FF7F4C;}
.page-id-817 #fancybox-overlay{background-color: transparent!important;}
.page-id-817 #fancybox-outer{box-shadow: none;border: 1px solid #FF8554;}
.page-id-817 #fancybox-close {top: 10px; right: 10px; background:url(images/cross-icon.jpg) no-repeat;}
.home .page-wrap,.page-id-931 .page-wrap{
    background-image:none;
	padding-top: 0!important;
}
.page-wrap {
    background-image: url(images/services-txt-bg.png);
    background-position: top;
    background-repeat: repeat-x;
	padding-top: 30px!important;
}
.page-wrap .content-wrapper {
    background-color: transparent!important;
}
.page-id-821 .banner:after{ display:none;}
.products-tabs .elementor-tabs-wrapper {
    background: #333;
    border-radius: 8px;
    padding: 1px;
}
.products-tabs .elementor-tab-title a{ font-size:20px; color:#ccc; font-weight:400;}
.products-tabs .elementor-tab-title.elementor-active,.products-tabs .elementor-tab-title:hover{ background:#fff;  border-radius:8px; position:relative;}
.products-tabs .elementor-tab-title.elementor-active a:after,.products-tabs .elementor-tab-title:hover a:after{
    content: "";
    position: absolute;
    bottom: -8px;
    background: url(images/down-arrow.png) no-repeat;;
    width: 16px;
    height: 8px;
    left: 50%;
    margin-left: -8px;
}
.products-tabs.elementor-widget-tabs .elementor-tabs-wrapper {
    overflow: unset;
}
.products-tabs .elementor-tab-title.elementor-active a,.products-tabs .elementor-tab-title:hover a{color:#000;}
.products-tabs.elementor-widget-tabs .elementor-tab-desktop-title {padding: 13px 31px;}
.products-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {display: inline-block!important;}
.products-tabs.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active,.products-tabs.elementor-widget-tabs .elementor-tab-desktop-title:hover{border:1px solid #333;}
.products-tabs.elementor-widget-tabs .elementor-tab-content {
    padding: 0;
    margin-top:40px;
}
.overview-txtbox .blue-box{position: absolute;
    top: 50%;
    width: 69%;
    right: 0;
    background: #053786;
    color: #fff;
    padding: 20px;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.overview-txtbox .blue-box.white-box{ color:#333; background:#fff; border:1px solid #ccc;}
.overview-txtbox .orange-box{position: absolute;
    top: 50%;
    width: 69%;
    left: 0;
    background: #FF7B46;
    color: #fff;
    padding: 20px;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	
.wpcf7 textarea,.wpcf7  input[type="text"],.wpcf7  input[type="email"],.wpcf7  input[type="tel"]{ width:100%; margin-bottom:30px; font-size:16px; color:#666; font-weight:400; border:none;}
.wpcf7 textarea::placeholder,.wpcf7  input[type="text"]::placeholder,.wpcf7  input[type="email"]::placeholder,.wpcf7  input[type="tel"]::placeholder{ font-size:16px; color:#666; font-weight:400;}

.wpcf7  input[type="submit"]{ float:right; background:#FF7B46; font-size:16px; color:#fff; font-weight:700; text-transform:uppercase; border:none; border-radius:0;}

.wpcf7  input[type="submit"]:hover{ color:#333;}

div.wpcf7-mail-sent-ok,div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
    clear: both;
    margin: 20px 0 0;
    float: left;
    width: 100%;
}

.cd-primary-nav a {font-weight:400;}
.cd-primary-nav ul ul a {font-weight:300; text-transform:none;}

/************** TABS *******************/

ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		.tab-content{
			display: none;
		}

		.tab-content.current{
			display: inherit;
		}
		
/************** TABS END *******************/

.mfsys-hive-box{ font-size:22px; line-height:29px; font-weight:300;}
.mfsys-hive-box p{ margin-bottom:0;} 
.mfsys-hive-box:after{ position:absolute; top:-90px; right:-185px; content:''; width:301px; height:126px; background:url(images/cloud-img.png);}

.cbt-lite-gallery .gallery-item{ margin-bottom:20px!important;}
ul.screenshort-list{ padding:0; margin:0;}
ul.screenshort-list li {
    list-style: none;
    display: inline-block;
    border: 3px solid #eee;
    width: 30%;
    margin: 0 1% 20px;
}
@media (max-width:1500px){
.mfsys-hive-box:after {
    top: -55px;
    right: -20px;
    width: 217px;
    background-size: contain;
    background-repeat: no-repeat;
}
}

@media (max-width:1400px){
.wpfm-position-left.wpfm-menu-nav ul, .wpfm-position-right.wpfm-menu-nav ul {

    top: 150px;

    transform: none;

}	
}

@media (max-width:1200px){
.row{ margin-left:0; margin-right:0;}
.films-tabs ul.tabs li {padding: 8px 18px;}
.tab-content li {width: 31%;}
#our-colaborations li {margin-right:2%;}
.cd-primary-nav .main-nav-inner { width:35%!important;}
#team-list li{ width:46%;}
#our-colaborations .slick-slide img {margin: 0 auto;}
.mfsys-hive-box:after{ display:none;}
}

@media (max-width:1024px){

.wpfm-floating-wh-wrapper{ display:none;}

#about .elementor-background-overlay,#our-products .elementor-background-overlay{ display:block;}
.cd-primary-nav ul ul{ display:block!important; opacity:1!important;}
.cd-primary-nav .main-nav-inner{ height:auto!important;}
.mfsys-hive-box {
    max-width: 765px;
    margin: 0 auto;
}
	.expertise-list.about-page{ background:#111;}
}

@media (max-width:992px){

#next-level h1,#about h2,#our-products h2,#latest-news h2,#our-services h2,our-team h2,#careers h2,#contact-us h2 {font-size: 40px;}

#our-colaborations h5{ font-size:20px;}

#next-level {font-size: 18px;}

#latest-news .news-four-box .swiper-slide h4 a {font-size: 14px;}

#team-list li{ width:45%;}

.why-us-list li {
    width: 33%;
    margin: 0 0% 10px;
}
.our-experience-box h2 {font-size: 28px;}
	#latest-news .news-list .swiper-slide {width: 48%;}
.tab-content li {
    width: 47%;
}
.films-tabs ul.tabs li{ text-align:center;}
.films-tabs .slick-prev:before,.films-tabs .slick-next:before{ color:#FF7A46!important}
.films-tabs .slick-prev {
    left: -15px;
}
.films-tabs .slick-next {
    right: -15px;
}
.films-tabs ul.tabs li:after{ display:none;}
.films-tabs ul.tabs li.slick-current,.films-tabs ul.tabs li:hover{ color:#FF7A46;}
}

@media (max-width:768px){

.meet-team,#latest-news .stylish-font,#our-services,#our-products,#about .stylish-font{font-size: 20px;}

#next-level {font-size: 16px;}

#next-level h1, #about h2, #our-products h2, #latest-news h2, #our-services h2, our-team h2, #careers h2, #contact-us h2 {font-size: 30px;}

.chief-excutive-box.team-box .elementor-inner-column:before { top:15px;}

#contact-us table{ max-width:250px; margin:0 auto;} 

#sidebar-footer .col-xs-6 {

    width: 49%;

    float: none;

    display: inline-block;

    padding: 0;

    margin: 0;

    vertical-align: top;

}

#our-colaborations li {margin-bottom: 10px;}

#our-colaborations ul{ text-align:center;}

#team-list li {width: 96%;}

#digital-box{
	position: relative;
    top: auto;
    transform: none;
	}

.meet-team .elementor-slick-slider .slick-dots-inside .slick-dots {
    bottom: 30px!important;
}
ul.product-list li {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
    min-height: none;
    max-width: 400px;
}
.why-us-list li {width: 50%;}
.logo-box {margin-left: 10px;}
.logged-in .top-header.fixed-header {
    top: 0;
}
span.sub-title {font-size: 16px;}
.values-lrg-txt {
    font-size: 30px;
    font-weight: 300;
    color: #000!important;
}
.innovative-solutions-section h2{ line-height:normal!important;}
.products-tabs .elementor-tabs .elementor-tabs-wrapper {
    display: block!important;
}
.products-tabs.elementor-widget-tabs .elementor-tab-mobile-title {
    display: none!important;
}
.overview-txtbox .blue-box,.overview-txtbox .orange-box {
    position: relative;
    top: auto;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
	width:100%;
}
.overview-txtbox img{ display:block; margin:0 auto;float: none;}
.products-tabs.elementor-widget-tabs .elementor-tab-desktop-title {
    padding: 13px 25px;
}
.wpcf7 input[type="submit"] {float: none;}
}

@media (max-width:650px){

.meet-team .stylish-font br, #latest-news .stylish-font br, #our-services .stylish-font br, #our-products .stylish-font br, #about .stylish-font br{ display:none;}

.chief-excutive-box .phone-box{

    display: block;

    text-align: center;

    padding: 0;

}

.slick-slide img {

    width: 100%;

}

.cd-primary-nav .main-nav-inner{ width:50%!important;}
#contact-us,#contact-us th, #contact-us td{font-size: 14px;}
.services-list h3 {
    font-size: 14px;
    top: 100%;}
.services-list .slick-dots li button ,.services-list .slick-dots li{width: 20px;}
.top-header{
    position: relative;
    top: 0;
    padding: 10px 0;
    background: #000;
    float: left;
}
.home .top-header{
    position: fixed;
    top: 20px;;
    padding:0;
    background: none;
    float: none;
}
.logged-in .top-header {
    top: 0;
}
.home.logged-in .top-header {
    top: 52px;
}
.inner-heading {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    padding: 10px 0;
	background: rgba(0,16,64,0.5);
}
.overview-txt {font-size: 20px;}
.values-lrg-txt { font-size: 24px;}
#latest-news .news-list .swiper-slide {
    width: 100%;
    margin: 0 auto 15px;
}
.histort-product-list img {max-width: 50px!important;}
.innovative-solutions-section h2 br{ display:none;}
.films-tabs .slick-prev {
    left: -5px;
}
.films-tabs .slick-next {
    right: -5px;
}
.history-popup{ min-width:none;}
.history-popup h6{ line-height:normal;}
.history-popup h6 span{ display:block;}
.products-tabs.elementor-widget-tabs .elementor-tab-desktop-title {
    padding: 13px 10px;
}
	
.banner{ overflow:unset;}

}

@media (max-width:500px){

.news-four-box .swiper-slide {

    float: left;

    width: 100%;

}

.meet-team, #latest-news .stylish-font, #our-services, #our-products, #about .stylish-font,#latest-news .swiper-slide h4 a {font-size: 18px;}

.chief-excutive-box .img-box, .chief-excutive-box .name-box, .chief-excutive-box .phone-box {

    display: block;

    margin: 0 auto;

    float: none;

    text-align: center;

}
.cd-primary-nav .main-nav-inner{ width:80%!important;}
.why-us-list li {width: 100%;}
ul.product-list li .product-title,.product-page ul.product-list li .product-title{font-size: 15px;}
.tab-content li {
    width: 100%;
}
.products-tabs.elementor-widget-tabs .elementor-tab-desktop-title {padding: 10px 8px;}
.products-tabs .elementor-tab-title a {font-size: 12px;}
}