/**
 * Theme name:	Responsive Child
 * Template: 	responsive
 * Version:		5.0.5
 * Theme URI:	https://cyberchimps.com/responsive/
 * Author:		CyberChimps
 * Author URI:	https://cyberchimps.com
 * Description:	Responsive is a fast, lightweight, & fully customizable WordPress theme, which offers 100+ free ready-to-use Elementor & WordPress Block templates for websites of all types (blog, WooCommerce, Portfolio, Podcast, Startups, Consultancy, Education, LMS, Auctions, and more). The theme is easy to customize and you can create blog or eCommerce websites using a user-friendly drag and drop interface. It's optimized for SEO with support for Schema.org microdata, fast loading speed, and responsive layout designs. Responsive works with all popular WordPress plugins like WooCommerce, bbPress, LearnDash, BuddyPress, etc. Responsive theme is fully compatible with popular page builders like Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. It comes with ready to import websites: Built with Elementor & full site editing(FSE) features, it's an ideal theme to quickly launch a fully functional website. Features: #Responsive #Starter Templates #WooCommerce Ready #Import Pre-Built Elementor Websites (Elementor & Block editor) #LearnDash LMS Ready #RTL support #Translations Ready #WPML Compatible #Retina Logo #Layout Settings #Transparent Headers #Blog Layouts #Unlimited Colors. Check out the list of all 100+ Responsive Starter Templates: https://cyberchimps.com/wordpress-themes/
 * Tags: 		blog, grid-layout, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-colors, custom-logo, custom-menu, editor-style, featured-images, featured-image-header, flexible-header, footer-widgets, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, e-commerce, portfolio, rtl-language-support, post-formats, accessibility-ready, wide-blocks
 * License:		GNU General Public License v3 or later
 * License URI:	https://www.gnu.org/licenses/gpl-3.0.en.html
 * Text domain:	responsive
 * Tested up to: 6.4
 * Requires PHP: 5.6
 */
@font-face {
    font-family: 'Aharoni';
    src: url('fonts/AharoniBold.woff2') format('woff2'),
        url('fonts/AharoniBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BaskOldFace';
    src: url('fonts/BaskOldFace.woff2') format('woff2'),
        url('fonts/BaskOldFace.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BaskervilleOldFaceD';
    src: url('fonts/BaskervilleOldFacD.woff2') format('woff2'),
        url('fonts/BaskervilleOldFacD.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ADLaM-Display';
    src: url('fonts/ADLaMDisplay-Regular.woff2') format('woff2'),
        url('fonts/ADLaMDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LucidaCalligraphyEF';
    src: url('fonts/LucidaCalligraphyEF.woff2') format('woff2'),
        url('fonts/LucidaCalligraphyEF.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}






body, p {
    font-family: BaskervilleOldFaceD !important;
    font-size: 18px !important;
    line-height: 26px !important;
    color: #000 !important;
}
.text-center {
    text-align: center;
}
header#masthead {
    background-color: #f38eba;
    position: relative;
    height: 90px;
    z-index: 9;
}
.menu-container {
    background-color: #fff;
    position: absolute;
    height: 80px;
    width: 100%;
    top: 55px;
    border-radius: 20px;
}
header#masthead img.custom-logo {
    width: 150px;
}
.about-statement .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
    border: 2px solid #f38eba;
    border-radius: 20px;
    padding: 50px;
    min-height: 330px;
}
.about-statement h4.vc_custom_heading {
    color: #ed217c;
    font-family: ADLaM-Display;
    font-size: 20px;
}
.about-statement p {
    text-align: center;
    font-family: LucidaCalligraphyEF !important;
    font-size: 18px !important;
    font-weight: 600;
}
.menu-container .site-branding {
    float: left;
    position: absolute;
    left: 60px;
    top: 0px;
    z-index: 1;
}
.menu-container .site-branding:after {
    position: absolute;
    content: "";
    left: -5px;
    bottom: -25px;
    background-color: #fff;
    width: 190px;
    height: 170px;
    z-index: -1;
    border-radius: 100%;
}
header#masthead .main-navigation a {
    font-weight: 600;
    font-size: 16px;
    line-height: 80px;
    padding: 0 30px;
}
header#masthead .main-navigation .menu li > a:hover, header#masthead .main-navigation .menu > li.current_page_item > a, header#masthead .main-navigation .menu > li.current-menu-item > a {
    color: #f38eba;
    background-color: #ffffff;
}
.site-branding-wrapper {
    padding: 0 !important;
}
.home .give-wrap, .home .site-content {
    padding: 28px 0;
    margin-top: 90px;
}
.give-wrap, .site-content {
    padding: 28px 0;
}
.social-links {
    float: right;
}
.social-links ul, .phone-email ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-links ul li {
    display: inline-block;
    margin-left: 20px;
}
.social-links ul li i.fa {
    font-size: 18px;
}
.social-links ul li a, .phone-email ul li a {
    color: #fff;
}
.social-links ul li a:hover, .phone-email ul li a:hover {
    color: #eee !important;
}
.social-links {
    float: right;
    margin-top: 17px;
}
.phone-email {
    float: left;
    margin-top: 17px;
}
.phone-email ul li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}
.phone-email ul li:after {
    position: absolute;
    content: "";
    right: -18px;
    top: 3px;
    width: 2px;
    height: 20px;
    background-color: #fff;
}
.phone-email ul li:last-child:after {
    display: none;
}
.home-slider .item {
    height: 600px;
    background-size: cover;
    background-position: center;
    display: table;
    width: 100%;
}
.home div#wrapper {
    padding: 0;
    margin: 0;
}
div#wrapper {
    background-color: #fff;
}
.slide-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.slide-content h4 {
    color: #fff;
    font-size: 40px;
    font-family: Aharoni;
}
.slide-content .slide-desc {
    color: #fff;
    font-size: 20px;
    width: 50%;
    margin: auto;
    line-height: 25px;
}
.owl-dots {
    position: absolute;
    bottom: 80px;
    margin: auto;
    width: 100%;
    text-align: center;
}
.owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    background-color: #333 !important;
    border-radius: 100%;
    margin: 0 5px;
}
.owl-nav {
    display: none;
}
.home-services-section {
    position: relative;
    padding: 0 0 60px;
}
.home-services-section .curve {
    height: 110px;
    top: -110px;
    position: absolute;
    top: -82px;
    z-index: 999;
    width: 100%;
    height: 82px;
    overflow: hidden;
}
.home-services-section .curve:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -4%;
    width: 108%;
    height: 249px;
    border-radius: 100%;
    background: transparent;
    box-shadow: 0 0 0 100px #62c3e7;
}
.home-services-section .section-top {
    background-color: #62c3e7;
    padding: 40px 0 0px;
}
.home-services-section .section-bottom {
    margin-top: 30px;
    background: transparent;
}
.home-services-section .section-title {
    font-size: 48px;
    font-weight: 500;
    font-family: Aharoni;
    color: #fff;
    text-align: center;
}
.home-services-section .section-title span {
    color: #ed217c;
    position: relative;
    left: -8px;
    top: -10px;
}
header.section-header p {
    text-align: center;
    color: #555;
    font-size: 18px;
    margin-bottom: 35px;
}
.home-services-section .img-frame {
    width: 176px;
    height: 176px;
    border-radius: 50%;
    margin: 0 auto 4px;
    padding: 2px;
    border: 1px dashed #fff;
}
.home-services-section figure {
    border-radius: 50%;
    height: 100%;
    padding-top: 25px;
    background-color: #aae8db;
    background-color: rgba(255, 255, 255, 0.4);
    overflow: hidden;
}
.home-services-section h3, .home-features-two h3 {
    font-weight: normal;
    margin-bottom: 17px;
    font-family: Aharoni;
    text-align: center;
    font-size: 22px;
    margin-top: 0;
}
.home-services-section .img-frame img {
    height: 100px;
    width: auto;
}
.home-services-section h3 a {
    color: #000;
}
.home-services-section h3 a:hover {
    color: #f38eba;
}
article.service.col-md-3.col-sm-6.col-xs-12 {
    margin-bottom: 30px;
    width: 50%;
}
.home-services-section .section-bottom p {
    text-align: center;
    line-height: 24px;
    color: #555;
    border: 2px solid #f38eba;
    min-height: 180px;
    padding: 20px;
    border-radius: 15px;
}
.wpb_text_column.wpb_content_element.about-text img {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 20px;
}
.social-networks {
    font-family: sans-serif;
    font-size: 14px;
}
.slide-link a {
    background-color: #f38eba;
    color: #fff;
    width: 45px;
    height: 45px;
    display: block;
    margin: 22px auto 0;
    line-height: 45px;
    border-radius: 100%;
    font-size: 24px;
    transition: 0.4s;
}
.slide-link a:hover {
    background-color: #ed217c;
    color: #fff;
}
.home-work-section .section-title {
    font-size: 48px;
    font-weight: 500;
    font-family: Aharoni;
    color: #000;
    text-align: center;
}
.home section.home-work-section.clearfix {
    background-color: #f38eba12;
    padding: 40px 0;
}
section.home-work-section.clearfix {
    background-color: transparent;
    padding: 40px 0;
}

/* Settings start */
.justified-grid-gallery {
  --space: 4px;
  --min-height: 220px;
  --last-row-background: transparent;
}
/* Settings end */

.justified-grid-gallery {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--space);
  list-style: none;
  margin: 0 !important; /* We use !important to avoid gaps in some environments. */
  padding: 0 !important; /* We use !important to avoid gaps in some environments. */
}

.justified-grid-gallery > * {
  flex-grow: calc(var(--width) * (100000 / var(--height)));
  flex-basis: calc(var(--min-height) * (var(--width) / var(--height)));
  aspect-ratio: var(--width) / var(--height);
  position: relative;
  overflow: hidden;
  margin: 0 !important; /* We use !important to avoid gaps in some environments. */
  padding: 0 !important; /* We use !important to avoid gaps in some environments. */
}

.justified-grid-gallery > * > img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.justified-grid-gallery::after {
  content: " ";
  flex-grow: 1000000000;
  background: var(--last-row-background);
}
.home-work-section .overly {
    position: absolute;
    padding: 0;
    width: 0;
    height: 0;
    background: url("img/overlay-img.png") rgba(243, 142, 186, 1) no-repeat bottom right;
    right: 0;
    bottom: 0;
    transition: all 300ms ease 0s;
    overflow: hidden;
}
section.home-work-section.clearfix figure:hover .overly {
    width: 100%;
    height: 100%;
    padding: 22px 24px;
}
.home-work-section .overly h4 {
    margin-bottom: 0px;
}
.home-work-section .overly h4 a {
    color: #3a4543;
}
.home-work-section .link a {
    color: #333;
    width: 40px;
    height: 40px;
    border: 2px solid;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    margin: 3px;
}
.home-work-section .terms {
    margin-bottom: 15px;
}
.home-work-section .terms span {
    border: 1px solid;
    border-radius: 5px;
    padding: 3px 6px;
    margin-right: 10px;
    font-size: 13px;
}
address, blockquote, pre, code, kbd, tt, var {
    background-color: transparent !important;
}
.contact-details address {
    padding: 0;
    margin: 0 50px 0 0;
    font-style: normal;
    float: left;
}
.contact-details span {
    float: left;
    margin-right: 0px;
}
.contact-details {
    color: #fff;
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    float: left;
}
.social-networks p.invitation {
    color: #fff !important;
    font-size: 15px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
ul.social_networks {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.social_networks li {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
}
footer#footer {
    padding: 30px 0 10px;
}
.contact-details i.fa {
    font-size: 20px;
    margin-right: 5px;
}
ul#footer-menu a {
    font-size: 16px;
}
nav#footer-site-navigation {
    border-bottom: 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 0;
    padding-left: 0;
}
.copyright {
    text-align: center;
    padding: 0 !important;
    color: #ccc;
}
.copyright a {
    color: #62c3e7;
    text-decoration: underline;
}
footer#footer .col-lg-9.col-xs-12 {
    padding-right: 60px;
}
.inner-banner {
    background-image: url(img/R_1.jpg);
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    display: table;
    position: relative;
}
.inner-banner h1.entry-title.page-title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #000;
    font-size: 36px;
    font-family: Aharoni;
    font-weight: normal;
}
.title-underline {
    position: absolute;
    left: 70px;
    right: 0px;
    bottom: 77px;
    width: 100px;
    height: 2px;
    background-color: #f38eba;
    margin: auto;
}
.terms-tab ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.terms-tab ul li {
    display: inline-block;
    color: #f38eba;
    border: 2px solid #f38eba;
    padding: 5px 20px;
    margin: 0 5px 10px;
    cursor: pointer;
    transition: background-color 1s, color 1s;
}
.terms-tab ul li:hover {
    background-color: #f38eba;
    color: #fff;
}
.home-services-section .section-title img {
    width: 150px;
}
.all-works figure {
    transition: all 300ms ease 0s;
    box-shadow: 0px 0px 0px 1px #eee;
}
.terms-tab ul li.active {
    background-color: #f38eba;
    color: #fff;
    border-color: #f38eba;
    transition: all 500ms ease 0s;
}
.wpforms-field.one-third {
    width: 31.2%;
    display: inline-block;
    margin-right: 20px;
    float: left;
    clear: none;
}
.wpforms-field.one-third.last {
    margin-right: 0px;
}
.wpforms-field.one-third input {
    padding: 8px 10px !important;
}
.wpforms-field.wpforms-field-textarea textarea {
    padding: 10px !important;
}
h3.vc_custom_heading {
    font-family: Aharoni;
    font-weight: normal;
    font-size: 30px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
h2.vc_custom_heading {
    font-family: Aharoni;
    font-weight: normal;
    font-size: 30px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
button#wpforms-submit-74 {
    background-color: #f38eba;
    border: none;
    padding: 0 30px;
    border-radius: 2px;
}
ul.contact-address {
    margin: 0;
    list-style: none;
    padding: 0;
}
.address-area.wpb_column.vc_column_container {
    padding-left: 30px;
}
ul.contact-address li {
    margin-bottom: 15px;
    clear: both;
}
ul.contact-address li i.fa {
    margin-right: 20px;
    font-size: 22px;
    float: left;
    height: 60px;
}
.wpb_gmaps_widget.wpb_content_element {
    margin: 0;
}
.page-id-13 div#wrapper {
    padding-bottom: 0;
}
.single-img {
    text-align: center;
}
span.cats span.cat {
    line-height: 15px;
    display: inline-block;
    font-size: 13px;
    padding: 4px 10px;
    background-color: #ed217c;
    color: #fff;
    border-radius: 10px;
    margin: 10px 0;
}
img#sl-pl-brand-swing {
    width: 100px;
}

@media screen and (max-width: 768px) {
    .menu-container {
        width: 95%;
        left: 0;
        right: 0;
        margin: auto;
    }
    header#masthead .main-navigation a {
        padding: 0 25px;
    }
    .home-slider .item {
        height: 480px;
    }
    .slide-content .slide-desc {
        width: 90%;
    }
    footer#footer .col-lg-9.col-xs-12 {
        padding-right: 15px;
    }
    .contact-details span.email {
        margin-right: 0;
    }
    .contact-details span {
        margin-right: 15px;
    }
    .contact-details address {
        margin: 0 20px 0 0;
    }
}
@media screen and (max-width: 767px) {
    nav#site-navigation {
        display: none;
    }
    #rmp_menu_trigger-86 {
        top: 72px;
        right: 5%;
    }
    .address-area.wpb_column.vc_column_container {
        padding-left: 0;
    }
}
@media screen and (max-width: 651px) {
    .footer-navigation ul, .social-icon ul {
        text-align: center;
    }
    .contact-details address {
        width: 100%;
        text-align: center;
    }
    .contact-details span {
        margin-right: 0;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
    .social-networks p.invitation {
        text-align: center;
    }
    ul.social_networks {
        text-align: center;
    }
    ul.social_networks li {
        margin-right: 7px;
        margin-left: 7px;
    }
    .terms-tab ul li {
        margin: 0 5px 10px;
    }
    .wpforms-field.one-third {
        margin-right: 17px;
    }
    article.service.col-md-3.col-sm-6.col-xs-12 {
        margin-bottom: 30px;
        width: 100%;
    }
}
@media screen and (max-width: 481px) {
    .phone-email {
        width: 100%;
        text-align: center;
    }
    .social-links {
        display: none;
    }
    .wpforms-field.one-third {
        width: 100%;
        display: inline-block;
        margin-right: 0;
        float: left;
        clear: none;
    }
    .single-work_gallery .row {
        width: 100%;
        margin: auto;
    }
    .phone-email ul li {
        margin-right: 15px;
        margin-left: 15px;
    }
}