/*
Theme Name: Rynobiz
Theme URI: https://www.wpazure.com/rynobiz/
Author: Wpazure
Author URI: https://www.wpazure.com/
Description: Rynobiz is a child theme of ConsultEra WordPress theme, It provides very unique look and extra home page section layouts. A flexibile, lightweight, multi-purpose theme.  It is fully responsive and is sure to make your website stand out from the crowd. Busipress is suitable for any type of WordPress sites such as business, law firms, personal blog, portfolio, startups, agencies, sports, magazines, lifestyle, fashion, shop, WooCommerce stores, finance, accounting, consulting. Rynobiz is highly customizable with powerful theme options.
Template: consultera
Version: 1.1
Tested up to: 5.6
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: rynobiz
Slug: rynobiz
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, portfolio, editor-style, grid-layout

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.

*/
body{
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
	font-family: 'Poppins', sans-serif;
}
a,
a:hover{
	text-decoration: none;
}
/*a:focus,*/ 
.site-header a:focus,
.main-slider a:focus,
a.default-button:focus,
a.read-more:focus,
select:focus, 
option:focus, 
.mainmenu a:focus,
.section-padding-100 a:focus,
.ce-portfolio a:focus,
.product-section a:focus,
.main-footer a:focus,
.mainmenu ul li a i:focus, 
.mainmenu.collapse ul ul > li.dropdown > a:focus, 
.mainmenu > ul > li > a:focus, 
.dropdown-caret-mobile:focus,
.form-control.focused,
.searchBar.focused,
.child-layout .mainmenu.collapse > ul > li ul > li a:focus {
    outline: 1px dotted #000000 !important;
}
.dropdown-caret-mobile:focus,
.searchModal .search-box button[type="submit"]:focus{
    outline: 1px dotted #ffffff !important;
}
.navbar-toggler:focus {
    outline: 2px dotted #582cd2 !important;
}
.searchBar{
    position: relative;
}
.grid-box.post-inner{
	margin-bottom: 30px;
	background-color: rgb(255, 255, 255);
  	box-shadow: 0px 0px 18.27px 2.73px rgba(17, 17, 17, 0.14);
}
.grid-box.post-inner .post-img {
    clear: both;
    display: block;
    margin-bottom: 20px;
}
.grid-box.post-inner .post-img img{
    width: 100%;
}
.grid-box.post-inner .post-info{
	padding: 0 25px;
}
.grid-box.post-inner .post-info .entry-header {
    margin-bottom: 15px;
}
.grid-box.post-inner .post-info .entry-header h2.entry-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 0;
}
.grid-box.post-inner .post-info .entry-header h2.entry-title a {
    color: #1b1a1a;
    -webkit-transition: all 0.5 ease;
    transition: all 0.5 ease;
}
.grid-box.post-inner .post-info .entry-content{
	font-size: 14px;
	color: #595959;
	line-height: 20px;
}
.grid-box.post-inner .post-info .entry-meta ul{
	list-style: none;
	margin: -30px 0 7px 0;
	padding: 0;
}
.grid-box.post-inner .post-info .entry-meta ul li{
	position: relative;
	display: inline-block;
	padding-right: 12px;
}
.grid-box.post-inner .post-info .entry-meta ul li:last-child{
	padding-right: 0;
}
.grid-box.post-inner .post-info .entry-meta ul li .author-img{
	width: 60px;
	height: 60px;
	position: relative;
	top: -10px;
	left: 0;
	background-color: #ffffff;
	border-radius: 50%;
	border: 5px solid #ffffff;
	box-shadow: 0px 0px 15.75px 2px rgba(17, 17, 17, 0.2);
}
.grid-box.post-inner .post-info .entry-meta .posted-on{
	font-size: 12px;
	color: #bfbfbf;
	line-height: 20px;
}
.grid-box.post-inner .post-info .entry-meta .posted-on a{
	color: #595959;
}
.grid-box.post-inner .entry-footer{
	border-top: 1px solid #eeeeee;
	padding: 10px 25px 10px 25px;
}
.grid-box.post-inner .entry-footer .entry-meta ul{
	margin: 0;
	padding: 0;
	list-style: none;
    word-break: break-all;
}
.grid-box.post-inner .entry-footer .entry-meta ul li{
	display: inline-block;
	font-size: 12px;
	color: #bfbfbf;
	padding-right: 10px;
}
.grid-box.post-inner .entry-footer .entry-meta ul li i{
    padding-right: 3px;
}
.grid-box.post-inner .entry-footer .entry-meta ul li:last-child{
	padding-right: 0;
}
.grid-box.post-inner .entry-footer .entry-meta ul li a{
	font-size: 12px;
	color: #595959;
	line-height: 20px;
}
.shadow-img {
    -webkit-box-shadow: 40px 40px 0 0 #582cd2;
    box-shadow: 40px 40px 0 0 #582cd2;
}
.admin-bar .searchModal.show {
    top: 32px;
}
.child-layout .navigation.pagination{
    width: 100%;
}
.child-layout .post-info figure{
    width: 100% !important;
}




@media (max-width: 576px){
    .child-layout .ce-logo {
        width: 200px !important;
    }
    .child-layout .ce-logo .site-title {
        font-size: 20px !important;
    }
	.grid-box.post-inner .post-info .entry-header h2.entry-title {
	    font-size: 18px;
	    line-height: 26px;
	}
	.grid-box.post-inner .post-info {
	    padding: 0 20px;
	}
}
@media (max-width: 400px){
    .child-layout .ce-logo {
        width: 170px !important;
    }
    .child-layout .ce-logo .site-title {
        font-size: 17px !important;
    }
}

/* Child Header CSS Start */
.child-layout.layout-2 .bg-red{
    background-color: #f70000;
}
.child-layout.layout-2 .header-style-2 .main-header{
    position: relative;
    background: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
}
.child-layout.layout-2 .header-style-2 .sticky-header.is-sticky{
    background: #ffffff;
}
.child-layout.layout-2 .header-style-2 .top-bar{
    background: #ffffff;
    border-bottom: 1px solid #f5f5f5;
}
.child-layout.layout-2 .mainmenu > ul > li > a{
    color: #373737;
}
.child-layout.layout-2 .default-button{
    border-radius: 50px;
    border: 1px solid transparent;
}
.child-layout.layout-2 .effect-1::before, 
.child-layout.layout-2 .effect-1::after{
    display: none;
}
.child-layout.layout-2 .default-button:hover{
    color: #ffffff;
    background: transparent;
    border: 1px solid;
}
.child-layout.layout-2 .header-style-2 .social-icons li a{
    color: #373737;
    /*border-color: #333333;*/
}
.child-layout.layout-2 .ce-logo > a.custom-logo-link {
    display: block;
    color: #373737;
}
.child-layout.layout-2 .ce-logo > p{
	color: #373737;
}
.child-layout.layout-2 .d-table-cell{
    padding-top: 0;
}
.child-layout.layout-2 .slider-text{
    text-align: center;
    width: 100%;
    max-width: 650px;
    margin: auto;
}
/*.child-layout.layout-2 .slider-text p{
    color: #849799;
}*/
/*.child-layout.layout-2 .slider-text h1{
    color: #373737;
}*/
.child-layout.layout-2 .search-bar > li > a{
    padding: 25px !important;
    font-size: 16px;
}
.child-layout.layout-2 .menu-area .mainmenu > ul > li{
    position: relative;
}
.child-layout.layout-2 .navbar-toggler{
    color: #ffffff;
}
/*.child-layout.layout-2 .menu-area .mainmenu > ul > li::before{
    content: '';
    width: 1px;
    height: 20px;
    background: #333333;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}*/
.child-layout.layout-2 .menu-area .mainmenu > ul > li:first-child::before{
    display: none;
}

/*.child-layout.layout-2 .mainmenu.collapse > ul > li ul > li:hover > a{
    background: #f9f9f9;
}*/
/*.child-layout.layout-2 .mainmenu.collapse > ul > li ul > li {
    border-bottom: 1px solid #f1f1f1;
}*/
.child-layout.layout-2 .extra-nav{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -ms-flex-direction: row;
    flex-direction: row;
}
.child-layout.layout-2 .extra-nav li{
    display: inline-block;
}
.child-layout.layout-2 .nav-cart{
    position: relative;
}
.child-layout.layout-2 .extra-nav a{
    padding: 16px 21px;
}
.child-layout.layout-2 .nav-cart span {
    position: absolute;
    top: 3px;
    left: 20px;
    color: #ffffff;
    background-color: #e70000;
    width: 15px;
    height: 15px;
    line-height: 16px;
    border-radius: 50px;
    text-align: center;
    font-size: 11px;
}
.child-layout.layout-2 .button-sm {
    padding: 5px 10px !important;
    font-size: 12px;
}
.child-layout.layout-2 .quote-btn{
    font-weight: 400;
    color: #ffffff !important;
}
.child-layout.layout-2 .quote-btn:hover{
    color: #373737 !important;
}
.child-layout.layout-2 .ce-logo{
    width: 230px;
}
.child-layout.layout-2 .searchField{
    position: absolute;
    top: 137%;
    display: none;
}
.child-layout.layout-2 .searchField input{
    height: 40px;
    width: 250px;
    padding: 10px;
    border: 1px solid #d8d8d8;
}
/* Child Header CSS End */



/* Search Modal Start */
.search-modal .search-modal-wrapper {
    visibility: visible;
    opacity: 1;
}
.search-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(0,0,0,.9);
    visibility: hidden;
    opacity: 0;
    cursor: url(light-close.png) 16 16,pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    z-index: 99999;
}
.search-modal .search-modal-wrapper .modal-inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.search-modal-wrapper .search-bar{
    position: relative;
}
.search-modal-wrapper .search-bar{
    width: 100%;
    margin-bottom: 0;
}
.search-modal-wrapper .search-bar input{
    width: 100%;
    height: 50px;
    padding: 10px;
    border: none;
    outline: none;
}
.search-modal-wrapper .search-bar .search-submit{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    outline: none;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    color: #849799;
}
.search-modal-wrapper .modal-inner {
    position: relative;
    width: 400px;
    max-width: 80%;
    height: 100%;
    text-align: left;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow-y: auto;
    padding-top: 85px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    cursor: default;
}
.search-modal-wrapper .modal-inner .search-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px 0 30px;
    /*height: 85px;*/
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
}
.search-modal-wrapper .modal-inner .search-header .logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.search-modal-wrapper .modal-inner .search-header .site-title{
	font-size: 26px;
	margin-bottom: 0px;
}
.search-modal-wrapper .modal-inner .search-header a.search-close {
    position: relative;
    cursor: pointer;
    height: 40px;
    width: 40px;
}
.search-modal-wrapper .modal-inner .search-header a.search-close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-modal-wrapper .modal-inner .search-header a.search-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.search-modal-wrapper .modal-inner .search-header a.search-close::after, 
.search-modal-wrapper .modal-inner .search-header a.search-close::before {
    position: absolute;
    top: 19px;
    left: 8px;
    content: "";
    width: 24px;
    height: 3px;
    background: #222;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.search-modal-wrapper .modal-inner .search-content {
    padding: 30px 40px;
}
.admin-bar .search-modal-wrapper{
	margin-top: 32px !important;
}
/* Search Modal End */





/*=========== =========== =========== ===========
   BANNER SLIDER STYLE START
  =========== =========== =========== ===========*/
.main-slider{
    position: relative;
}
.slider-image {
    position: relative;
    height: 85vh;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.single-item{
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.single-item{
    background-color: rgba(0,0,0,0.3);
}
.d-table {
    width: 100%;
    height: 100%;
    display: table;
}
.d-table-cell {
    padding-top: 100px;
    display: table-cell;
    vertical-align: middle;
}
.slider-text {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
/*slider formats*/
.slider-text.format-aside {
    background-color: rgba(0,0,0,.6);
    height: auto;
    left: 0;
    border-radius: 2px;
    margin: 0 auto;
    padding: 20px 30px;
    width: 100%;
    z-index: 0;
    border-radius: 3px;
}
.slider-text.video-format,
.slider-text.left-align{
    width: 100%;
    max-width: 100%;
}
.single-item iframe{
    width: 100%;
    height: 400px;
}
.slider-text.quote-format,
.bg-dark-transparent {
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border-radius: 2px;
    padding: 20px 30px;
}
.slider-text .bg-white-transparent {
    background-color: rgba(255,255,255,0.7);
    color: #373737;
    border-radius: 2px;
    padding: 20px 30px;
}
.video-format p {
    background-color: rgba(0,0,0,.6);
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    line-height: 25px;
    padding: 20px 30px;
}
.slider-text.quote-format p:before {
    font-family: fontawesome;
    content: "\f10d";
    font-size: 1.2em;
    line-height: .1em;
    margin-right: .4em;
    vertical-align: 0;
    position: relative;
    top: -2px;
}
.slider-text.format-aside p:before, 
.slider-text.format-aside p:after {
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 40px;
    line-height: 1;
}
.slider-text.format-aside p:before {
    top: 15px;
    left: 10px;
    content: "\201C";
}
.slider-text.format-aside p:after {
    top: 15px;
    right: 15px;
    content: "\201D";
}
.slider-text.format-aside p,
.slider-text.quote-format p{
    margin-bottom: 0;
}
/*slider formats*/
.slider-text.slide-left{
    float: left;
    text-align: left;
}
.slider-text.slide-right{
    float: right;
    text-align: right;
}
.slider-text h1{
    font-size: 52px;
    font-weight: 800;
    color: #ffffff;
    line-height: 62px;
    margin-bottom: 15px;
    -webkit-text-shadow: 4px 5px 5px rgba(0,0,0,0.2);
    text-shadow: 4px 5px 5px rgba(0,0,0,0.2);
}
.slider-text p{
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}
.slider-text iframe{
    width: 100%;
}
.main-slider .item .single-item.video-bg video{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    bottom: 0;
}
.main-slider .owl-nav button.owl-prev,
.main-slider .owl-nav button.owl-next,
.testimonial-wrapper .owl-nav button.owl-prev,
.testimonial-wrapper .owl-nav button.owl-next,
.clients-section .owl-nav button.owl-prev,
.clients-section .owl-nav button.owl-next,
.blog-carousel .owl-nav button.owl-next,
.blog-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 26px;
    border-radius: 100px;
    height: 50px;
    width: 50px;
}
.main-slider .owl-nav button.owl-prev {
    left: -50px;
}
.main-slider .owl-nav button.owl-next {
    right: -50px;
}
.main-slider:hover button.owl-prev{
    left: 50px;
}
.main-slider:hover button.owl-next{
    right: 50px;
}
.default-layout .main-slider .owl-carousel .owl-dots{
    text-align: center;
    margin-top: -30px;
    position: relative;
}
.layout-1 .main-slider .owl-carousel .owl-dots{
    text-align: center;
    position: absolute;
    bottom: 25px;
    right: 25px;
}

.main-slider .owl-carousel button.owl-dot,
.testimonial-wrapper .owl-carousel button.owl-dot {
    background-color: #ffffff;
    width: 15px;
    height: 15px;
    margin: 5px;
    border-radius: 50px;
}
.main-slider .owl-carousel button.owl-dot.active,
.testimonial-wrapper .owl-carousel button.owl-dot.active,
.clients-section .owl-carousel button.owl-dot.active{
    width: 40px;
}





/* Child Services CSS Start */
.featured-services-child{
    position: relative;
    padding: 30px 20px;
    border-radius: 5px;
    text-align: left;
    background-color: #ffffff;
    margin-bottom: 30px;
    cursor: pointer;
    box-shadow: 0px 4px 12px 5px rgba(0, 0, 0, 0.03);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.featured-services-child:hover{
    color: #ffffff;
    margin-top: -15px;
    box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.4);
}
.featured-services-child:hover .media > i,
.featured-services-child:hover h3,
.featured-services-child:hover p,
.featured-services-child:hover .read-more-child{
    color: #ffffff;
}
.featured-services-child .media{
    display: block;
}
.featured-services-child .media > i{
    font-size: 42px;
    margin-right: 0;
    margin-bottom: 20px;
}
.featured-services-child h3{
    margin-bottom: 15px;
}
.featured-services-child .read-more-child{
    color: #373737;
}
.featured-services-child .read-more-child i {
    vertical-align: middle;
    margin-left: -30px;
    opacity: 0;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.featured-services-child:hover .read-more-child i {
    margin-left: 0;
    opacity: 1;
}
/* Child Services CSS End */



/* Child-2 Testimonial CSS Start */
.testimonial-single-child-2{
    padding: 30px 25px;
    position: relative;
    float: none;
    clear: both;
    width: 100%;
    border-radius: 0 0 5px 5px;
    background-color: #ffffff;
    border-bottom: 5px solid;
    -webkit-box-shadow: 0px 23px 25px -15px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 23px 25px -15px rgba(0, 0, 0, 0.4);
}
.testimonial-single-child-2 .testimonial-text{
    font-size: 16px;
    clear: both;
}
.testimonial-single-child-2 p{
    margin-bottom: 0px;
}
.testimonial-detail-child-2{
    width: 100%;
    padding: 15px;
    border-radius: 5px 5px 0 0;
}
.testimonial-detail-child-2 strong{
    color: #373737;
    font-size: 18px;
}
.testimonial-detail-child-2 .testimonial-img-child-2{
    float: none;
    position: relative;
    display: block;
}
.testimonial-detail-child-2 .testimonial-img-child-2 img{
    border-radius: 50px;
    padding: 2px;
    background: #ffffff;
    box-shadow: 0px 7px 10px 2px rgba(0,0,0,0.1);
}
.testimonial-detail-child-2 .testimonial-designation-child-2{
    font-size: 13px;
    margin-top: 5px;
}
.testimonial-text-child-2 p{
    position: relative;
    padding-top: 40px;
}
.testimonial-text-child-2 p::before{
    content: "\f10d";
    position: absolute;
    top: 0;
    left: 50%;
    font-family: "FontAwesome";
    font-size: 35px;
    line-height: 20px;
}
.testimonial-text-child-2 p::before{
    content: "\f10d";
    position: absolute;
    top: 0;
    left: 45%;
    font-family: "FontAwesome";
    font-size: 35px;
}
/* Child Testimonial CSS End */




/* Child Portfolio CSS Start */
.child-2-portfolio .portfolio-card .card-content {
    width: 100%;
    padding: 30px 15px;
    -webkit-box-shadow: 0px 4px 12px 5px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 4px 12px 5px rgba(0, 0, 0, 0.03);
}
.child-2-portfolio .portfolio-card .card-content h4{
    font-size: 22px;
    line-height: 30px;
}
/* Child Portfolio CSS End */


/* Child Footer CSS Start */
.child-layout.layout-2 .main-footer{
    background: #212121;
    padding: 100px 0 0 0;
}
.child-layout.layout-2 .copyright-bar {
    padding: 30px 0;
    background-color: #212121;
    border-top: 1px solid #2d2d2d;
}
.child-layout.layout-2 .copyright-bar-left,
.child-layout.layout-2 .copyright-bar-right{
    display: flex;
}
.child-layout.layout-2 .copyright-bar-right{
    justify-content: flex-end;
}
.child-layout.layout-2 .copyright-bar-right ul{
    margin: 0;
    padding: 0;
}
.child-layout.layout-2 .copyright-bar-right li{
    position: relative;
    display: inline-block;
    list-style: none;
    padding-right: 15px;
}
.child-layout.layout-2 .copyright-bar-right li::after{
    content: "|";
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 12px;
}
.child-layout.layout-2 .copyright-bar-right li:last-child::after{
    display: none;
}
.child-layout.layout-2 .main-footer,
.child-layout.layout-2 .main-footer a,
.child-layout.layout-2 .main-footer .widget-about li .normal-text h6 {
    color: #949494 !important;
}
.child-layout.layout-2 .copyright-bar{
    margin-top: 40px;
}
.child-layout.layout-2 .main-footer .widget-about li.call-us .left-icon-block{
    display: inline-block;
    font-size: 22px;
    font-weight: 800;
    width: 35px;
    height: 35px;
    line-height: 35px;
    vertical-align: top;
}
.child-layout.layout-2 .main-footer .widget-about li .normal-text h6{
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 600;
}
.child-layout.layout-2 .main-footer .widget-about li .normal-text{
    font-size: 14px;
}
.child-layout.layout-2 .main-footer .widget-post .post .date-info {
    color: #696969;
}
.child-layout.layout-2 .main-footer a:hover{
    color: #ffffff !important;
}
.child-layout.layout-2 .main-footer .widget-links ul{
    margin: 0;
}
.child-layout.layout-2 .main-footer .widget-links ul li{
    display: block;
    padding-left: 25px;
    padding-bottom: 5px;
}
.child-layout.layout-2 .main-footer .widget-links ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    line-height: 23px;
    left: -25px;
    top: 6px;
    margin: 0;
}
/* Child Footer CSS End */



/* Child CTA CSS Start */
.child-cta{
    position: relative;
    background: #180b3a;
    background-size: cover;
    width: 100%;
}
.child-cta .child-cta-wrapper{
    padding: 0 20px 40px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 15px 25px -15px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 15px 25px -15px rgba(0, 0, 0, 0.4);
}
.child-cta .child-cta-wrapper h3{
    font-size: 55px;
    text-align: center;
    line-height: 75px;
    color: #ffffff;
}
.child-cta .child-cta-wrapper p{
    font-size: 18px;
}
/* Child CTA CSS End */




/* Child BLOG CSS Start */
.child-layout.layout-2 .ce-post-wrapper.post-overlay {
    position: relative;
    padding: 0;
    border: 0;
    z-index: 1;
    overflow: hidden;
}
.child-layout.layout-2 .ce-post-wrapper.post-overlay::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,0.5);
}
.child-layout.layout-2 .ce-post-wrapper:hover img{
    transform: scale(1.2) rotate(-5deg);
    -moz-transform: scale(1.2) rotate(-5deg);
    -webkit-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    -o-transform: scale(1.2) rotate(-5deg);
}
.child-layout.layout-2 .post-thumb{
    position: relative;
    overflow: hidden;
}
.child-layout.layout-2 .post-thumb img{
    width: 100%;
    display: block;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.child-layout.layout-2 .h-600{
    height: 600px;
}
.child-layout.layout-2 .h-300{
    height: 300px;
}
.child-layout.layout-2 .post-meta .post-category{
    display: inline-block;
}
.child-layout.layout-2 .post-meta .post-category a,
.child-layout.layout-2 .post-meta .post-category a:hover,
.child-layout.layout-2 .post-meta .post-category a:focus{
    float: left;
    padding: 5px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}
.child-layout.layout-2 .ce-post-wrapper .post-info{
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%,8%);
    z-index: 3;
    width: 100%;
    padding: 25px;
}
.child-layout.layout-2 .grid-box.post-inner .post-info{
    position: relative;
    bottom: auto;
    left: auto;
    transform: translate(0);
    z-index: 3;
    width: 100%;
    padding: 0 25px;
}
.child-layout.layout-2 .post-title a{
    color: #ffffff;
    font-size: 24px;
    line-height: 34px;
}
.child-layout.layout-2 .post-meta li{
    position: relative;
    display: inline-block;
}
.child-layout.layout-2 .post-meta .post-author,
.child-layout.layout-2 .post-meta .post-author a,
.child-layout.layout-2 .post-meta .post-comment,
.child-layout.layout-2 .post-meta .posted-on,
.child-layout.layout-2 .post-meta .posted-on a{
    color: #ffffff;
}
/* Child BLOG CSS End */


/* Woocommerce start */
.child-layout.layout-2 .wc-product-block-v1 .wc-add-to-cart-btn > a, 
.child-layout.layout-2 .wc-product-block-v2 .wc-add-to-cart-btn > a, 
.child-layout.layout-2 .wc-product-block-v3 .wc-add-to-cart-btn > a{
    border-radius: 50px;
}
/*Woocommerce End*/
.gallery-columns-3 .gallery-item{
    width: 30%;
    display: inline-block;
    margin-right: 10px;
    border: 2px solid #ffffff;
    border-radius: 3px;
}
.gallery-columns-3 .gallery-item:nth-child(3){
    margin-right: 0;
}



@media (max-width: 576px){
    .child-layout.layout-2 .h-600{
        height: auto;
    }
    .child-layout.layout-2 .h-300{
        height: auto;
    }
}
@media (max-width: 767.98px){
    .child-layout.layout-2 .copyright-bar-left,
    .child-layout.layout-2 .copyright-bar-right{
        justify-content: center;
    }
    .child-layout.layout-2 .ce-portfolio-grid-child .ce-item-child img.img-450,
    .child-layout.layout-2 .ce-portfolio-grid-child .ce-item-child img.img-225{
        width: 100%;
        height: auto;
    }
    .mb-30px{
        margin-bottom: 30px;
    }
    .ce-portfolio-grid-child .box-content-child h4.item-title-child{
        font-size: 20px;
    }
    .ce-portfolio-grid-child .box-content-child p{
        font-size: 14px;
    }
}
@media (max-width: 991.98px){
    /*.child-layout.layout-2 .mainmenu.collapse ul ul, 
    .child-layout.layout-2 .mainmenu.collapse ul ul.dropdown-menu {
        background-color: #1d1d1d;
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05) !important;
    }*/
    /*.mainmenu.collapse > ul > li ul > li:hover > a{
        background-color: #1d1d1d;
    }*/
    .child-layout.layout-2 .mainmenu ul li a:focus{
        outline: 1px dotted #ffffff !important;
    }
    .child-layout.layout-2 .searchField{
        top: 137%;
        right: 0;
        z-index: 1;
    }
    .extra-nav{
        margin-left: 10px;
    }
    /*.child-layout.layout-2 .menu-area .mainmenu > ul > li::before{
        display: none;
    }*/
    .child-layout.layout-2 .mainmenu > ul > li > a{
        color: #849799;
    }
    .child-layout.layout-2 .mainmenu .nav,
    .child-layout.layout-2 .mainmenu.collapse ul ul > li.dropdown > a, 
    .child-layout.layout-2 .mainmenu.collapse ul ul > li.dropdown > ul.dropdown-menu > li.dropdown > a{
        background: #292929;
    }
    .child-layout.layout-2 .mainmenu ul li a{
        border-bottom: 1px solid #333333;
    }
    .child-layout.layout-2 .mainmenu ul.dropdown-menu li a{
        border-bottom: 1px solid #dadee0;
    }
}
@media (max-width: 1200px){
    .child-layout.layout-2 .nav-cart span{
        left: 18px;
    }
    .child-layout.layout-2 .extra-nav a{
        color: #373737;
        padding: 16px 10px;
    }
}
@media only screen and (min-width: 992px){
    .child-layout.layout-2 .header-default .main-nav-bg {
        background: none;
    }
}