/**
 * Theme Name:     Zakra Child
 * Author:         ThemeGrill
 * Template:       zakra
 * Text Domain:	   zakra-child
 * Description:    Zakra is flexible, fast, lightweight and modern multipurpose theme that comes with many starter free sites (currently 10 free starter sites and more will be added later) that you can use to make your site beautiful and professional. Check all the starter sites at https://zakratheme.com/demos. Suitable for personal blog, portfolio, WooCommerce stores, business websites and niche-based sites (like Cafe, Spa, Charity, Yoga, Wedding, Dentist, Education etc) as well. Works with Elementor plus other major page builders so you can create any layout you want. The theme is responsive, Gutenberg compatible, SEO friendly, translation ready and major WordPress plugins compatible.
 */



/***home page css***/
/*.pad43984{padding-right:95px!important; padding-left:95px!important;}*/
#masthead .sub-menu{
    background-color: rgba(158,158,158,.7)!important;
    -webkit-font-smoothing: antialiased!important;
    padding:20px!important;
}

.pad43984 .elementor-container{padding-right:95px!important; padding-left:95px!important;}

#masthead .sub-menu li a{color:#fff!important; transition:0.4s; padding-bottom:10px!important;}
#masthead .sub-menu li a:hover{color:#000!important; transition:0.4s;}
#masthead .sub-menu li{border:0px!important; padding:0px!important; padding-bottom:15px!important;}
.elementor-16 .elementor-element.elementor-element-0435e94 ul.sub-menu {
    width: 350px!important;}
 .hfe-nav-menu .sub-menu li.menu-item{background-color:transparent!important;}
 .elementor-16 .elementor-element.elementor-element-0435e94 .menu-item a.hfe-sub-menu-item{
 	padding:0px!important;
 }
 .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow{
 	display:none!important;
 }
 #masthead .sub-menu li:last-child{padding-bottom:0px!important;}
 .wrap_ptag p{margin-bottom:10px!important;}

.number{padding:0px; list-style:none!important; margin:0px!important;}
.number li{display:inline-block; margin-right:10px; position:relative; padding-left:20px;}
.number li:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #fff;
}
.number li:last-child{margin-right:0px;}
.number li:first-child:before{content:"";
display:none!important;}
.number li:first-child{padding-left:0px!important;}

.footer_icon01 a{
	background-color:transparent!important;
	  border:1px solid #fff!important;
}

.footer_icon01 a:hover{
	background-color:#fff!important;
	color:#000!important;
}
.footer_icon01 a:hover i{
	color:#000!important;
}
.mail_id a span{border-bottom:1px solid #ffffff78!important;}
.swiper-slide{height:100%!important;}
.elementor-widget-htmega-scrollnavigation-addons .swiper-container{height:100%!important;}
.bg_size011{background-size:141%!important;}
.bg_size012{
	background-size:121%!important;
}
.bg_size04546{
	    background-size: 120%!important;
    background-position: -180px!important;
}

.scro_nav{
	    position: fixed;
    top: 25%;
    z-index: 9999;
    right: 23px;
}

.scro_nav ul li a{position:relative; display:inline-block; padding:0px!important; padding-top:20px!important;}
.scro_nav ul li a:before{
	    content: '';
    display: inline-block;
    width: 12px;
    height: 2px;
    background-color: rgba(255,255,255,.5)!important;
    -webkit-transition: background-color 170ms ease-out,width 170ms ease-out;
    -moz-transition: background-color 170ms ease-out,width 170ms ease-out;
    -ms-transition: background-color 170ms ease-out,width 170ms ease-out;
    -o-transition: background-color 170ms ease-out,width 170ms ease-out;
    transition: background-color 170ms ease-out,width 170ms ease-out;
    opacity:1!important;
}

.scro_nav ul li .active:before{
background-color:#fff!important;
width: 19.2px!important;
}

.scro_nav ul li a span{opacity:0; color:#fff!important;  right: 100vw;
    margin-right:20px;
    text-align: right;
    -webkit-transform: translatex(20%);
    -moz-transform: translatex(20%);
    -ms-transform: translatex(20%);
    -o-transform: translatex(20%);
    transform: translatex(20%);    display: inline-block;
    vertical-align: baseline;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 100%; color:#fff!important;  font-size:12px!important; text-transform:uppercase!important;}
.scro_nav ul li a:hover span{opacity:1; -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);   right: 100%;
    -webkit-transition: opacity 170ms ease-out,transform 170ms ease-out,right 0s 0s;
    -moz-transition: opacity 170ms ease-out,transform 170ms ease-out,right 0s 0s;
    -ms-transition: opacity 170ms ease-out,transform 170ms ease-out,right 0s 0s;
    -o-transition: opacity 170ms ease-out,transform 170ms ease-out,right 0s 0s;
    transition: opacity 170ms ease-out,transform 170ms ease-out,right 0s 0s;}

.form_name536{
  padding-left:0px!important;
    list-style: none;
    z-index: 1;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative; margin:0px!important;}

.form_name536 li{
  float: left;
    width: calc(100% /2);
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}
.no_show{opacity:0;}
.full01{width:100%!important;}
.form_name536 label{font-family: "proxima nova light", Sans-serif; font-size:18px!important; font-weight:normal!important; color:#fff!important;}

.form_name536 .small_name{
    font-family: "proxima nova light", Sans-serif; font-size:12px!important; font-weight:normal!important; color:#fff!important;
}
.input_box input{width:100%!important; border:1px solid #fff!important;}
.input_box textarea{width:100%!important; border:1px solid #fff!important; min-height:100px!important; height:100px;}
.submit input{width:auto!important;     background-color: #272727;
    border-color: #272727!important;font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .1em; font-family: "proxima nova light", Sans-serif; font-size:14px!important; transition:0.4s;     padding: 1em 2.5em;}

.submit input:hover{
    opacity: .8!important;
    transition:0.4s;
    cursor:pointer;
     background-color: #272727!important;
      border-color: #272727!important;
}
.contact_number{
    list-style:none;
    margin:0px!important;
    padding:0px!important;
    margin-bottom:15px!important;
}
.contact_number li{display:block; margin-top:15px;}
.contact_number li a{
        color: rgba(255,255,255,.6)!important;
    border-color: rgba(255,255,255,.15)!important;
    border-bottom:1px solid rgba(255,255,255,.15)!important;
    transition:0.4s;
}

.contact_number li a:hover{opacity:0.8!important; transition:0.4s;}
.elementor-icon-list-item a:hover{opacity:0.8!important; transition:0.4s;}

 /***end of home page css***/



 /***respsonive csss***/

@media only screen and (max-width: 1100px) {

#menu-1-0435e94 li a{font-size:11px!important;}


}




@media only screen and (max-width: 1025px) {

#menu-1-0435e94 li a{font-size:11px!important;}


}


@media only screen and (max-width: 991px) {

.bg_size012{background-size:cover!important;}
.bg_size011{background-size: 267% 123%!important;}
.footer044 .elementor-container{width:100%!important; max-width:100%!important; padding:0px!important;}
.elementor-element-6d1e631{display:none!important;}
#masthead{display:none!important;}



}


@media only screen and (max-width: 991px) {
.no_pad011 .elementor-container{padding:0px 20px!important;}


}


@media (max-width: 320px) {
.dimesnsion-block .elementor-image-box-title{
    font-size: 14px!important;
}
.dimesnsion-block .elementor-image-box-description{
    font-size: 13px!important;
}
}




/***end of respsonive csss***/