body{
font-family: "Asap", sans-serif!important;
color: #8F8F8F;
font-size: 16px;
line-height:26px;
font-weight: 500;
letter-spacing: -0.3px!important;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
color: #3b3b3b;
}
.footer_background {
background: #f8a001;
}
.bottom .container-inside{ }
#mainnav ul.sub-menu > li > a:hover{
color: #ffa500!important;
}
#mainnav ul.sub-menu > li > a {
text-transform: capitalize;
}
#header.header-default .container, .header-default .themesflat-top .container {
max-width: 1240px;
}
#header #logo a img, .modal-menu__panel-footer .logo-panel a img {
max-width: 350px;
}
#mainnav ul li a, .header-modal-menu-left-btn .text, header .flat-information li {
font-size: 15px;
text-transform: uppercase;
}
#mainnav > ul > li {
margin-left: 15px;
margin-right: 15px;
}
.widget_infor .icon-box .content a{
font-family: "Asap", sans-serif!important;  
}
.page-title.center .page-title-container h1, .page-title.center .breadcrumbs{
font-family: "Rasa", Sans-serif;
}
.page-title .page-title-heading {
line-height: 45px;
margin-bottom: 10px !important;
}
.sidebar .widget ul li a {
font-weight: 600;
letter-spacing: -0.2px;
}
.sidebar .widget ul li a:hover {
background: #ffffff!important;
}
.page-title .page-title-heading {
font-size: 32px;
}
.blg p{
margin-bottom: 10px;
}
ul, ol {
padding: 0;
margin: 0 0 10px 25px;
}
.header-absolute #themesflat-box-header {
top: 0;
}
.show-search > a{
display: none;
}
article .entry-title a {
color: #191919 !important;
}
article .entry-title a, .widget .tagcloud a, .woocommerce-MyAccount-navigation ul li.is-active a, .wishlist_table .product-add-to-cart a:hover, .themesflat-button, .widget.widget-recent-news li .text .post-date i, .item article .entry-title a, .widget.widget_categories ul li a, .widget.widget_archive ul li a, .widget.widget_block .wp-block-archives li a, .widget.widget_block .wp-block-categories li a, article .post-meta .item-meta a, .tags-links a, .logged-in-as a, blockquote em a, .wp-block-search .wp-block-search__button:after, .footer-widgets .widget.widget_themesflat_socials ul li:hover a i, .mc4wp-form .btn-submit, .project-post .content .tf-button, .project-filter li.active a, .project-filter li a, .navigation.loadmore.project a, .block-company-profile a.btn, button, .product_list_widget .amount, .woocommerce-pagination ul li a, .woo-single-post-class .woocommerce-tabs ul li>a, .woo-single-post-class .woocommerce-product-details__short-description li:before, .woocommerce-page .cart_totals .shop_table .order-total td, .woocommerce-page .shop_table th, .woocommerce-page .shop_table td, .woocommerce-page .woocommerce-checkout-payment p {
color: #797979;
}
#mainnav ul.sub-menu > li > a:hover, #mainnav ul.sub-menu > li.current-menu-item > a, #mainnav_canvas ul li.current-menu-item > a:hover, #mainnav_canvas ul li a:hover, #mainnav_canvas ul li.current-menu-item > a, #mainnav_canvas ul li.current_page_item > a, #mainnav_canvas ul li.current-menu-ancestor > a, #mainnav_canvas ul li.current-menu-parent > a, #mainnav-mobi ul li.current-menu-item > a, #mainnav-mobi ul li.current-menu-ancestor > a, #mainnav ul.sub-menu > li.current-menu-ancestor > a, #mainnav-mobi ul li .current-menu-item > a, #mainnav-mobi ul li.current-menu-item .btn-submenu:before, #mainnav-mobi ul li .current-menu-item .btn-submenu:before {
color: #ffa500;
}
a:hover, .footer-widgets .widget.widget_themesflat_socials ul li a i, .mc4wp-form .btn-submit:hover, .wishlist_table .product-add-to-cart a, .comment-list .comement_reply a, .themesflat-button i, .themesflat-button:hover, .wp-block-pullquote cite, blockquote em, blockquote em a:hover, blockquote i, blockquote cite, blockquote cite a, article .entry-title a:hover, .navigation.posts-navigation .nav-links a:hover, .widget_calendar table #today:hover, .widget_calendar table #today a:hover, .widget_calendar table tbody tr a:hover, .widget_calendar nav a:hover, article .post-meta .item-meta a:hover, .social-share-article ul li a:hover, .widget.widget_latest_news li .text .post-date i, .widget.widget-recent-news li .text h6 a:hover, .widget.widget_latest_news li .text h6 a:hover, .themesflat-services-taxonomy .services-post .post-icon i, .portfolios-post .content .post-meta a:hover, .portfolios-post .content .title a:hover, .project-post .content .post-meta a:hover, .project-post .content .title a:hover, .tf-posts .blog-post .tf-button, .tf-posts .blog-post .title a:hover, .tf-services-wrap.style2 .services-post:hover .post-icon i, .tf-services-wrap.style2 .services-post .tf-button-container a, .breadcrumbs a:hover, .breadcrumbs span a:hover, .breadcrumbs a:hover span, .breadcrumbs span a:hover span, blockquote a:hover, .widget.widget_recent_entries ul li a:hover, .widget.widget_block ul.wp-block-latest-posts li a:hover, .tags-links a:hover, .logged-in-as a:hover, .comments-area ol.comment-list article .comment_content .comment_meta .comment_author a:hover, .single-portfolios .entry-content .meta-post a:hover, .single-project .entry-content .meta-post a:hover, .services-post .title a:hover, .services-post .tf-button-container a:hover, .info-header .phone:hover, .post-meta a:hover, article .entry-title a:hover, .item article .entry-title a:hover, .widget ul li a:hover, .widget ol li a:hover, .sidebar .widget.widget_nav_menu ul li a:hover, .widget.widget_meta ul li a:hover, .tf-posts.style3 .content .post-meta a:hover, .tf-posts.style3 .blog-post .tf-button:hover, .tf-posts.style3 .blog-post .tf-button:hover:after, .tf-posts.style4 .content .post-meta a:hover, .tf-posts.style4 .blog-post .tf-button:hover, .tf-posts.style4 .blog-post .tf-button:hover:after, .navigation.loadmore.project a:hover, .contact-home2.style-3 .contact-get-quote button:hover, button:hover, btn-header:hover, .widget .tagcloud a:hover, .products li h2:hover, .product_list_widget .product-title:hover, .widget_recent_reviews .product_list_widget a:hover {
color: #ffa500;
}
.double-bounce3, .double-bounce4, .navigation.paging-navigation .current, .navigation.paging-navigation a:hover, .navigation.paging-navigation a.next:hover, .widget .widget-title:after, .go-top:hover, .search-form .search-submit, .footer-widgets .widget.widget_themesflat_socials ul li a:hover, .footer .mc4wp-form input[type="submit"]:hover, .info-footer .wrap-info-item, a.btn.s2:before, .portfolio-filter li.active a, .services-filter li.active a, .project-filter li.active a, .portfolio-filter li a:hover, .services-filter li a:hover, .project-filter li a:hover, .single-portfolios .entry-footer .social-share-article a:hover, .portfolios-post .content .tf-button:hover, .single-project .entry-footer .social-share-article a:hover, .project-post .content .tf-button:hover, .tf-posts.style1 .post-meta a, .tf-posts.style2 .blog-post:after, .tf-posts.style2 .bg-overlay, .tf-posts.style3 .featured-post .post-meta, .tf-posts.style3 .blog-post .tf-button:hover:before, .tf-posts.style4 .blog-post .tf-button:hover:before, .widget_search form button, .wp-block-search .wp-block-search__button {
background: #ffa500;
}
article .entry-title {
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.2px;
}
.sidebar .widget ul li a:hover {
background: #ffa500;
}
.block-company-profile a.btn{
color:#1f1f1f;
font-weight: 600;
}
.block-company-profile a:hover.btn{
color: #fff;
border-color: #ffa500;
}
.block-company-profile {
background-color: #3a3a3a !important;
padding: 4px 32px 26px 32px;
}
.single-services .entry-content .post-title{
font-family: "Rasa", Sans-serif!important;
font-size: 32px!important;
font-weight:700!important;
line-height: 30px!important;
color: #1F1F1F!important;
}
.single-services .entry-content p {
margin: 0px 0px 20px 0px;
color: #8F8F8F;
font-family: "Asap", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
#mainnav ul.sub-menu > li > a {
padding: 10px 20px;
}
.servc-box .tf-heading-section .heading, .servc-box .tficonbox .content .title{
font-family: "Rasa", Sans-serif!important;
font-size: 24px!important;
font-weight:700!important;
line-height: 30px!important;
color: #1F1F1F!important;
}
body.elementor-page-1117 #header .header-wrap {
height: 90px;
}
.page-id-8076 .page-header, .page-id-8076 .header, .page-id-8076 .footer, .page-id-8076 .bottom,
.page-id-8076 .themesflat-top{
display: none!important;
}
body.elementor-page-1117 #footer, body.elementor-page-1937 #footer,
body.elementor-page-5101 #footer, body.elementor-page-7115 #footer,
body.elementor-page-5021 #footer, body.elementor-page-5025 #footer,
body.elementor-page-8076 #footer{
display: block;
padding-top: 60px;
padding-bottom: 30px;
}
body.elementor-page-1117 .themesflat-top .container-inside {
padding: 10px 0px 10px 0px;
background-color: #ffa500;
color: #fff;
}
#header.header-default .header-wrap .nav-wrap {
margin-right: 0;
margin-left: 50px;
}
#mainnav > ul > li.current-menu-item > a, #mainnav > ul > li.current-menu-ancestor > a, #mainnav > ul > li.current-menu-parent > a {
color: #ffa500;
}
body.elementor-page-1117 .themesflat-top {
background-color: #ffa500;
color: #fff;
}
body.elementor-page-1117 .themesflat-top a {
color: #ffffff;
}
body.elementor-page-1117 #header.header-default .draw-border a {
color: #2a2a2a;
font-family: "Asap", sans-serif !important;
font-size: 15px;
padding: 16px 38px;
}
body.elementor-page-1117 #header.header-default .draw-border a:hover {
color: #ffffff;
}
body.elementor-page-1117 #mainnav > ul > li > a:hover {
color: #ffa500;
}
body.elementor-page-1117 #mainnav > ul > li > a:after {
background-color: #ffa500;
}
.footer_background .overlay-footer {
background-image: url(http://joynets.co.in/wp-content/uploads/2024/05/footer-bg.jpg);
}
.info-header .icon-info svg, .themesflat-services-taxonomy .services-post .post-icon svg, .tf-services-wrap.style2 .services-post:hover .post-icon svg, .list-infor ul li svg {
fill: #fff;
}
.widget {
margin-bottom: 20px;
}
.footer-widgets .list-infor ul li {
line-height: 26px;
font-family: "Asap", sans-serif !important;
font-weight: 500;
}
.tf-posts .blog-post .featured-post .blog-plus {
background-color: rgb(255 165 0 / 30%)!important;
}
#header.header-default, #header.header-style1 .header-wrap, #header.header-style2 .header-wrap, #header.header-style4 .header-wrap, #header.header-style3 .header-ct-center, #header.header-style3 .header-ct-right, #header.header-style3:before {
background: #ffffff;
}
#mainnav > ul > li > a{
letter-spacing: 0;
}
#mainnav > ul > li > a:hover {
color: #ffa500;
}
#mainnav > ul > li > a:after {
background: #ffa500;
}
#header.header-default .draw-border .btn-header {
color: #2a2a2a;
font-family: "Asap", sans-serif !important;
font-size: 15px;
padding: 16px 38px;
background: #fff;
}
#header.header-default .draw-border .btn-header:hover {
color: #ffffff;
}
.item-testimonial{
min-height: 400px;
}
.prod-bx .wrap-icon {
background: #fff;
width: 90px;
height: 90px;
line-height: 100px;
text-align: center;
box-shadow: 0px 10px 30px 3px rgba(0, 0, 0, 0.05);
margin-top: -70px;
right: 50px;
position: absolute;
}
.sticky-buttons.-medium .sb-label {
font-size: 14px!important;
font-weight: 600!important;
}
.sticky-buttons.-right-center .sb-label, .sticky-buttons.-right-center .sb-label:before{
background-color: #efefef!important;
}
@media only screen and (max-width: 767px) {
#header #logo a img {
max-width: 250px !important;
}
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
padding: 12px 10px;
height: 50px;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
background-color: #ffa500;
border: 1px solid #ddd;
color: #fff;
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
padding: 14px 40px;
border-radius: 5px;
}
#sticky-buttons-1{
visibility:hidden;
}
.go-top.show {
visibility: hidden;
}
.floating_btn.call-btn{
right: 5px;
padding-top:60px;
}
.floating_btn.call-btn .contact_icon {
background: linear-gradient(45deg, #135278, #1146a7);
box-shadow: 0 0 0 0 #124e88;
}
.floating_btn {
position: fixed;
bottom: 30px;
right: 30px;
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
align-items:center;
justify-content:center;
z-index: 1000;
}
@keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(41, 175, 55, 0);
}
}
.contact_icon {  
background: linear-gradient(45deg, #29af37, #65b575);
color: #fff;
width: 60px;
height: 60px;
font-size:30px;
border-radius: 50px;
text-align: center;
box-shadow: 2px 2px 3px #999;
display: flex;
align-items: center;
justify-content: center;
transform: translatey(0px);
animation: pulse 1.5s infinite;
box-shadow: 0 0 0 0 #37b046;
-webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
font-weight: normal;
font-family: sans-serif;
text-decoration: none !important;
transition: all 300ms ease-in-out;
}
.text_icon {
margin-top: 8px;
color: #707070;
font-size: 13px;
}  @media only screen and (max-width:767px) {  #slider-7-slide-17-layer-8, #slider-7-slide-18-layer-8, #slider-7-slide-19-layer-8, #slider-7-slide-20-layer-8, #slider-7-slide-21-layer-8, #slider-7-slide-22-layer-8{
background-color: rgb(255 255 255 / 75%)!important;
}
}
@media only screen and (min-width:768px) {
.ftr{
display: none;
}
}
@media (max-width: 1199px){
.header-style-6 .site-header .main-navigation ul li a {
padding: 40px 8px!important;
font-size: 14px!important;
}
}
body.elementor-page-8973 .themesflat-top {
background-color: #ffa500 !important;
color: #ffffff !important;
}
body.elementor-page-8973 .themesflat-top .container-inside {
background-color: #ffa500 !important;
color: #ffffff !important;
}