@font-face{font-family:'LatoRegular';src:url('appFonts/Lato/Lato-Regular.ttf');}
*{margin:0;padding:0;box-sizing: border-box;}
html{min-height: 100vh;overflow-x: hidden;}
html,body{position:relative;width: 100%;min-height: 100vh;margin:0 auto;background-color:#F9F9F9/*#EFEFEF*/;overflow-x: hidden;}
/*a{-webkit-tap-highlight-color: transparent; outline: 0;}
btn:active {
background-color: transparent;
}*/


/*visibility: hidden;
opacity: 0;
width: 350px;
position: absolute;
padding: 15px;
right: 55px;
box-shadow: -14px 5px 20px rgba(3,27,78,.1);
background-color: #fff;
border-radius: 5px;
transition: opacity .1s ease-in;
border: #f1efef;
*/

/*border-radius: 50% 0 0 50%;
box-shadow: -14px 5px 20px rgba(3,27,78,.1);
width: 45px;
height: 45px;
overflow: hidden;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
transform: translateX(-45px);
position: absolute;
left: 0;
top: 50%;
background-color: #fff;
cursor: pointer;
*/

/*
#body {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  position: relative;
  margin-left: 300px;
  min-height: 100%;
  font-size: 18px;
  overflow: hidden;
  max-width: 1140px;
  margin: 0 auto;
  min-height: 900px;
}
*/

/*
body .table-of-contents #toc-toggle {
border-radius: 50% 0 0 50%;
box-shadow: -14px 5px 20px rgba(3,27,78,.1);
width: 45px;
height: 45px;
overflow: hidden;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
transform: translateX(-45px);
position: absolute;
left: 0;
top: 50%;
background-color: #fff;
cursor: pointer;
}

body .table-of-contents .wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
flex: 1;
overflow-x: auto;
overflow-y: auto;
flex-wrap: wrap;
}
*/

/*#body-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
transition: all .35s ease;
}*/

body{
animation: fadeInAnimation ease 3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;

}
/*body.fade{
opacity: 0;
}*/
@keyframes fadeInAnimation{
  0%{
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
}

.loadingLogo_contant{
position: absolute;
width: 165px;
z-index: 9999999;
top: 27%;
}
header{
position: fixed;
width: 100%;
height: 70px;
padding:0 30px 0 30px;
background-color: #ffffff;
top: 0px;
z-index: 999;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
box-shadow: 0 0 65px rgba(0,0,0,0.07);
transition: 0.6s;
-webkit-transition: 0.6s;
}
header.headerScrollActive {
position: fixed;
width: 100%;
height: 70px;
padding:0 30px 0 30px;
background-color: #ffffff;
top: 0px;
z-index: 999;
/*position: fixed;
width: 100%;
z-index: 21;
height: 115px;
top: 0;
background: #091a17;
opacity: 0.8;
left: 0;
padding: 0 0 0 80px;*/
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
box-shadow: 0 0 65px rgba(0,0,0,0.07);
transition: 0.6s;
-webkit-transition: 0.6s;
}
.headerTop_contant{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 1px 0 1px;
}
.signNav_containerMobile{
display:none;
}
a.topNav_logo{
display: block;
text-decoration: none;
font-size:1.4rem;
font-family: 'LatoRegular';
}
span.topNav_logo_span1{
color:#272727;
}
span.topNav_logo_span2{
color: #272727;
margin-left: 3px;
}
.top_rightHead_contant{
display: flex;
display:-webkit-flex;
align-items: center;
}
nav.topHeadNav{
position: relative;
margin-right: 30px;
}
ul.topHead_navul{
display: flex;
}
ul.topHead_navul li.top_navli{
position: relative;
list-style: none;
margin: 0 5px 0 5px;
padding: 18px 10px 18px 10px;
}
ul.topHead_navul li.top_navli a.top_nava{
display: block;
text-decoration: none;
color:#272727;
font-family: 'LatoRegular';
font-size: 1.1rem;
padding: 15px 5px 15px 5px;
transition: all .3s;
}
ul.topHead_navul li.top_navli:hover a.top_nava{
border-bottom: 1px solid #272727;
}
ul.topHead_navul li.serviceli:hover .serviceSub_navcontent{
display: block;
}
ul.serviceParent_categLists li a{
position: relative;
display: block;
text-decoration: none;
color:#000;
font-family: 'LatoRegular';
font-size: 1.1rem;
text-transform: capitalize;
}
.lang_container{
position: relative;
margin-right: 20px;
padding: 10px 0 10px 0;
cursor: pointer;
}
.lang_content{
display: flex;
display: -webkit-flex;
}
img.lang_btttom_raw{
margin-right: 5px;
}
a.active_lang{
text-decoration: none;
color:#272727;
font-family: 'LatoRegular';
}
.langsub_container{
display: none;
position: absolute;
top: 30px;
width: 94px;
background-color: #fff;
right: 0px;
padding: 6px 0 6px 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
}
a.inactive_lang{
display: block;
text-decoration: none;
color: #222222;
font-family: 'LatoRegular';
}
a.inactive_lang:hover{
color:#09c;
}
.langsub_container.langSubActive{
display: block;
}

.shopBag_contant{
position: relative;
margin-right: 15px;
}
span.shopPag_count{
color: #272727ff;
position: absolute;
left: 10px;
top: 6px;
font-family: 'LatoRegular';
}
a.bagShop_link{
display: block;
text-decoration: none;
}
a.signNav_linkhref{
margin-right: 30px;
}
a.topNav_signBtn{
display: block;
text-decoration: none;
margin-right: 15px;
font-family: 'LatoRegular';
color: #fff;
font-size: 19px;
font-weight: 600;
}
a.topNav_bookBtn{
display: block;
text-decoration: none;
font-family: 'LatoRegular';
color:#ffffff;
background-color: #272727;
padding: 7px;
border-radius: 6px;
-webkit-border-radius: 6px;
}

nav.service_subnav{
position: relative;
width: 210px;
margin-top:10px;
}
nav.service_subnav.serviceSubNavTop{
margin-top:1px;
}
ul.service_subul li.subServicenav_li a{
display: block;
text-decoration: none;
color: #222;
font-size:1rem;
padding-left:1.1rem;
font-family: 'LatoRegular';
}
.serviceSub_navBox{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
margin-top:10px;
}
.serviceSub_navcontent{
position: absolute;
width: 660px;
min-height: 300px;
height: auto;
right:0;
top: 75px;
background-color: #ffffff;
z-index: 1001;
border-radius: 6px;
-webkit-border-radius: 6px;
display: none;
padding: 10px 10px 30px 30px;
box-shadow: 0px 6px 6px 2px #0b1012;
-webkit-box-shadow: 0px 6px 6px 2px #0b1012;
}
.serviceSub_navHeadercontent{
width: 235px;
margin-left: 11px;
}
.serviceSub_goBack{
position: relative;
}
.serviceSub_goBack a{
text-decoration: none;
font-family: 'LatoRegular';
font-size: 1.1rem;
color:#000000;
}
h4.serviceSub_navheader{
font-size: 1.2rem;
font-family: 'LatoRegular';
color: #fff;
background: #101e22;
padding: 5px 0 5px 9px;
border-radius: 4px;
-webkit-border-radius:4px;
}

.signNav_container{
display: flex;
display: -webkit-flex;
align-items: center;
}
ul.service_subul{
position: relative;
margin: 0px 0 0 0;
}
ul.service_subul.hideServiceSubul{
display:none;
}
ul.service_subul li.subServicenav_li{
position: relative;
padding: 10px 0 10px 0;
list-style:none;
border-bottom: 1px solid #e3e7e7;
}

ul.serviceParent_categLists{
position: relative;
display: none;
}
ul.serviceParent_categLists.showserviceParentList{
display: block;
margin-top: 15px;
}
ul.serviceParent_categLists li{
list-style: none;
position: relative;
padding: 10px 0 10px 0;
list-style:none;
border-bottom: 1px solid #e3e7e7;
}
/*ul.serviceParent_categLists li a{
position: relative;
display: block;
text-decoration: none;
color:#000;
font-family: 'LatoRegular';
font-size: 14px;
text-transform: capitalize;
}*/

.serviceSub_navImgcontent{
position: relative;
width: 300px;
}
img.servicesub_navimg{
width: 100%;
border-radius: 5px;
object-fit: contain;
}


section.contact_section{
position: relative;
width: 100%;
min-height: 100vh;
margin-bottom: 20px;
}
.contact_content{
position: relative;
max-width: 1350px;
height:auto;
margin: 95px auto;
}
.contact_infoHeader h1{
font-family: 'LatoRegular';
font-size: 25px;
color:#272727;
text-align: center;
margin: 20px 0 20px 0;
}
.contact_boxs{
position: relative;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.contact_box1{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-around;
width:100%;
height: auto;
margin: 10px 0 20px 0;
}
.contact_box2{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
height: auto;
}
.contact_cityNameHeader{
margin-bottom: 15px;
}
.contact_cityNameHeader p{
font-size: 25px;
font-weight: 600;
font-family: 'LatoRegular';
color:#272727;
}
.contact_infoDiv{
position: relative;
margin: 15px 0 15px 0;
display: flex;
display: -webkit-flex;
}
.contact_infoDiv span{
font-size: 17px;
font-family: 'LatoRegular';
color:#272727;
}
span.contact_infoAddressSpan{
margin-left: 10px;
}
.contact_infoDiv a{
display: block;
text-decoration: none;
color:#272727;
font-size: 17px;
font-family: 'LatoRegular';
margin-left: 15px;
}
/*-------Mobile------*/
.mobileBurgerBtn_contant {
position: absolute;
display: none;
right: 25px;
top: 25px;
}
.mobileNavmenu_overlay{
position: fixed;
display: none;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
background-color: rgba(3, 4, 7, 0.89);
/*background-color: rgba(18, 19, 27, 0.7);*/
z-index: 99999999;
overflow: hidden;
}
.mobileNavmenu_overlay.mobileManuActive{
display: block;
}
.mobileNavmenu_contant{
position: absolute;
width: 100%;
min-height:100vh;
right: 0;
background-color: transparent;
}
.mobileNav_closeBtn{
position: absolute;
width: 35px;
height: 35px;
color: #000;
line-height: 35px;
text-align: center;
background-color: #fff;
border-radius: 50%;
-webkit-radius: 50%;
top: 15px;
left: 8px;
font-size: 17px;
font-weight: 600;
font-family: 'LatoRegular';
}
nav.mobile_nav{
position: relative;
width: 100%;
height: 100%;
margin: 60px 0 0 0;
padding: 10px;
}

ul.mobile_ul li{
list-style: none;
border-bottom: 0px solid #0c1214;
margin: 10px 0 10px 0;
text-align: left;
}
ul.mobile_ul li a{
display: block;
text-decoration: none;
font-size: 17px;
color: #ffffff;
text-transform: uppercase;
padding: 10px 6px 10px 6px;
font-family: 'LatoRegular';
font-weight: 600;
}
span.burger_line {
display: block;
width: 30px;
height: 3px;
margin-top: 6px;
margin-left: 3px;
background: #272727;
}
.mobileCalendar_iconContent{
display: none;
}
.mobileSoc_linksContainer{
display: none;
}
.mainSlider_container{
position: relative;
width: 100%;
height: 710px;
/*background-image: url('../../media/slides/slide_01.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;*/
}
.slider_contant{
position: relative;
width: 100%;
height: 710px;
}
.slider_boxs_contant {
position: relative;
width: 100%;
height: 100%;
}
img.slideimg{
width: 100%;
height: 100%;
}
.slider_boxs_texts{
position: absolute;
width: 100%;
left:35%;
top: 20%;
transform: translate(-10%, 15%);
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
h1.slider_texth1{
font-size: 60px;
color: #ecaa00;
text-align: left;
margin: 10px 0 10px 0;
font-family: 'LatoRegular';
}
.slider_textp_div p.slider_textp{
font-size: 21px;
font-family: 'LatoRegular';
color:#ecaa00;
}
a.slide_bookBtn{
display: block;
text-decoration: none;
width: 124px;
height: 43px;
background-color: #ecaa00;
color: #292929;
text-align: center;
line-height: 43px;
font-family: 'LatoRegular';
}
.slider_img_contant{
height: 500px;
overflow: hidden;
}
.slider_img_contant img{
height: 100%;
}
section.main_page{
position: relative;
width: 100%;
min-height: 100vh;
overflow: hidden;
}
.main_container{
position: relative;
height: auto;
min-height: 100vh;
margin:0px 0 0px 0;
}
.main_page_content{
position: relative;
max-width:100%;
margin: 0 auto;
}
section.mainPage_section1{
position: relative;
width: 100%;
height:275px;
margin-top:0px;
/*background-image: url('../../media/mainpage_firstbanner01.webp');*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mainPage_section1_container{
position: relative;
width: 100%;
height: 100%;
margin: 0px auto;
background-color: rgba(3, 4, 7, 0.89);
display: flex;
display: -webkit-flex;
align-items: center;
}
.section1_text_container{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
}
.mainPage_section1_content{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
padding:20px 0 20px 0;
}
.mainPage_contactText_content{
position: relative;
}
h1.contact_text{
color: #ffffff;
font-size: 19px;
font-family: 'LatoRegular';
}
.mainPage_contactBtn_content{
position: relative;
width: 120px;
margin: 25px auto;
border-radius: 5px;
-webkit-border-radius: 1px;
border-bottom: 0px solid #fff;
background-color: #ffffff;
box-shadow: 3px 3px 0px 2px #434349;
-webkit-box-shadow: 3px 3px 0px 2px #434349;

}
.mainPage_contactBtn_content > a{
display: block;
text-decoration: none;
color: #000000;
text-align: center;
padding: 8px;
font-family: 'LatoRegular';
font-size: 20px;
}

section.whysection{
position: relative;
width: 100%;
height: auto;
}
.why_container{
position: relative;
width: 100%;
height: auto;
}
.why_content{
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
}
.why_imgbox{
position: relative;
width: 90%;
height: auto;
overflow: hidden;
}
img.whyladyspace{
width: 100%;
height: 100%;
object-fit: cover;
}
.whytext_headercontent{
position: absolute;
right: 2px;
top: 40%;
}
h1.whytext_h1{
font-size: 40px;
font-family: 'LatoRegular';
}
.why_textbox{
position: relative;
width: 60%;
height: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
}
.whytextbox_content{
position: relative;
padding: 20px 0 0 0;
}
.whytextbox_content > p{
font-size: 1.1rem;
font-family: 'LatoRegular';
line-height: 70px;
}
.whytext_boxes{
position: relative;
border-bottom: 1px solid #e6e6e6;
padding: 15px;
}
.whytext_box_header {
padding: 0 0 5px 5px;
}
.whytext_box_header > p{
font-family: 'LatoRegular';
font-size: 1.1rem;
font-weight: 600;
text-align: center;
}
.whytext_box_text{
position: relative;
padding: 3px 0 0 30px;
}
.whytext_box_text > p{
font-family: 'LatoRegular';
font-size: 1.1rem;
}

/*------------Review----------------*/
section.reviewsection{
position: relative;
width: 80%;
min-height: 235px;
margin: 0 auto;
padding: 30px 0 30px 0;
}
.review_content{
position: relative;
margin: 25px 0 0 0;
}
.testimonial__container{
position: relative;
overflow: hidden;
}
h1.reviewheader_headerh1{
text-align: center;
color: #222323;
font-family: 'LatoRegular';
font-size: 40px;
}
.testimonial__content{
margin-bottom: 30px;
}
.testimonial__data,
.testimonial__header{
 display: flex;
}
.testimonial__data{
justify-content: space-between;
margin-bottom:10px;
}
.testimonial__img{
width:60px;
height: 60px;
border-radius: 50%;
-webkit-border-radius: 50%;
margin-right: 15px;
}
.testimonial__name{
font-size:17px;
font-weight: 600;
}
.testimonial__client{
font-size: 14px;
color: #000000;
}
.testimonial__description{
  margin-bottom:20px;
}
.testimonial__icon-star{
  color: #09c;
}
.swiper-container .swiper-pagination-testimonial{
  bottom:0;
}
.swiper-pagination-bullet{
width:12px;height:12px;
}

section.mainPage_section2{
position: relative;
width: 100%;
height: auto;
background-image: url('../../media/why_you_should.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mainPage_section2_header{
position: relative;
text-align: center;
margin: 0 auto;
padding: 50px 0 15px 0;
width: 250px;
border-bottom:1px solid #272727;
}
h4.mainPage_section2_h2{
font-family: 'LatoRegular';
text-transform: uppercase;
font-size: 18px;
}
.swiper-navBtn{
color:#000000;
height:38px;
width: 38px;
background: #fff;
border-radius: 50%;
-webkit-border-radius:50%;
z-index: 999;
}
.swiper-navBtn::before,
.swiper-navBtn::after{
font-size:21px;
font-weight: 600;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 35%;
}
.mainPage_section2_container{
position: relative;
max-width: 1350px;
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 35px 0 35px 0;
}
.mainPage_section2_content{
display: flex;
display: -webkit-flex;
display: -webkit-box;
justify-content: space-around;
align-items: center;
}
.section2_box{
position: relative;
width: 315px;
height: 340px;
margin: 5px 0 5px 0;
text-align: center;
border: 1px solid #c9cdce;
}
.section2Box_img_contant{
position: relative;
width: 295px;
height: 200px;
border: 1px solid transparent;
margin: 0 auto;
overflow: hidden;
}
.section2Box_img_contant img{
width: 100%;
height: 100%;
object-fit: cover;
}
.section2Box_title_contant{
position: relative;
width: 200px;
margin: 10px auto;
padding-bottom: 9px;
border-bottom: 1px solid #272727;
}
.section2Box_title_contant p{
font-family: 'LatoRegular';
font-size: 1.1rem;
overflow: hidden;
text-overflow: ellipsis;
}
.section2Box_text_contant p{
font-size: 15px;
font-family: 'LatoRegular';
}
a.section2Box_bookvisit_btn{
text-decoration: none;
color: #fff;
font-size: 1rem;
font-family: 'LatoRegular';
background: #dda113;
padding: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.section2Box_btnview_contant{
position: absolute;
bottom:15px;
width: 95%;
left: 8px;
background-color: #272727;
height: 38px;
line-height: 38px;
}
.section2Box_btnview_contant a{
display: block;
text-decoration: none;
color:#ffffff;
font-family: 'LatoRegular';
}
section.mainPage_section3{
position: relative;
width: 100%;
height: auto;
background-image: url('../../media/why_you_should.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 30px 0 30px 0;
}
.mainPage_shopProducts_header_contant{
position: relative;
text-align: center;
margin: 0 auto;
padding: 10px 0 15px 0;
width: 250px;
border-bottom:1px solid #272727;
}
h4.mainPage_section3_h4{
font-family: 'LatoRegular';
text-transform: uppercase;
font-size: 18px;
}
.mainPgae_shopProducts_container{
position: relative;
max-width:1350px;
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 35px 0 35px 0;
}
/*.mainPgae_shopProducts_contant{
position: relative;
margin: 20px 0 0px 0;
width: 100%;
height: auto;
}*/
.mainPage_shopProducts_boxs{
display: flex;
display: -webkit-box;
justify-content: space-around;
}
.shopProduct_box{
position: relative;
width: 315px;
border: 1px solid #c9cdce;
border-radius:5px;
-webkit-border-radius:5px;
height: 335px;
margin: 5px 0 5px 0;
}
.shopBox_img_contant{
position: relative;
width: 295px;
height: 200px;
margin: 0 auto;
overflow: hidden;
}
img.shopimage{
width: 100%;
height: 100%;
object-fit: cover;
}
.shopBox_item_title{
position: relative;
text-align: center;
margin: 5px 0 5px 0;
height: 25px;
overflow: hidden;
}
p.shopitem_name{
font-family: 'LatoRegular';
font-size: 1.1rem;
overflow: hidden;
text-overflow: ellipsis;
}
.shopBox_price_contant{
position: relative;
text-align: center;
margin: 5px 0 5px 0;
}
p.shopitem_price{
font-family: 'LatoRegular';
font-size: 1.1rem;
color: #040404;
font-weight: 600;
}
.shopBox_itemCartBtn_contant{
position: relative;
width: 95%;
margin: 25px auto;
text-align: center;
background:#272727;
padding: 0 10px 0 10px;
}
a.shopBox_addCartBtn{
display: block;
text-decoration: none;
font-family: 'LatoRegular';
font-size: 1rem;
/*background:#272727;*/
color: #ffffff;
padding: 12px 0 12px 0;
}
a.itemViewDetails_btn{
display: block;
text-decoration: none;
font-family: 'LatoRegular';
font-size: 1rem;
color: #ffffff;
padding: 12px 0 12px 0;
}

section.mainPage_section5{
position: relative;
width: 100%;
background-color: #f1d180;
}
.workingTime_container{
position: relative;
width: 100%;
height: auto;
background-color: #272727;
padding: 30px 0 30px 0;
}
.workingTime_contant{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
align-items: center;
}
.workingTime_box{
border: 1px solid transparent;
padding: 5px;
}
.workingTime_box_1{
border-bottom: 1px solid #ffffff;
}
.workingTime_text_contant{
margin-bottom: 6px;
}
p.workingTime_text{
font-size: 17px;
font-family: 'LatoRegular';
color:#ffffff;
}
section.mainPage_section6{
position: relative;
width: 100%;
height: auto;
background-image: url('../../media/why_you_should.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.newsMainPage_container{
position: relative;
width: 1375px;
margin: 0 auto;
overflow: hidden;
}
.newsMainPage_contant{
position: relative;
width: 100%;
height: auto;
margin-bottom: 25px;
}
.newsMainPage_header{
position: relative;
text-align: center;
margin: 0 auto;
padding: 50px 0 15px 0;
width: 250px;
border-bottom: 1px solid #272727;
}
h4.newsArticle{
font-family: 'LatoRegular';
text-transform: uppercase;
font-size: 18px;
}
.newsArticles_boxes{
position: relative;
display: flex;
display: -webkit-flex;
}
.newsArticles_boxes a{
text-decoration: none;
color:#292929;
}
.newsArticle_box{
position: relative;
display: flex;
display:-webkit-flex;
flex-direction: column;
width: 415px;
height: auto;
margin: 5px 1px 45px 1px;
/*flex: auto;*/
}
.newsArtcl_img_contant{
width: 100%;
height: 240px;
overflow: hidden;
}
img.newsImg{
width: 100%;
height: 100%;
object-fit: cover;
border-top-right-radius:10px;
border-top-left-radius:10px;
transition: transform 2000ms cubic-bezier(.19, 1, .22, 1);
-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.newsArtcl_img_contant:hover .news_img_overlay {
  opacity: 1;
}
.newsArtcl_img_contant:hover img.img.newsImg {
transform: scale(1.08);
-webkit-transform: scale(1.08);
}

.news_img_overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 250px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(94, 94, 94, 0) 100%);
z-index: 1;
opacity: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
}
.newsArtcl_text_contant{
position: relative;
background-color: #ffffff;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding: 10px 15px 15px 15px;
}
.newsArtcl_text_contant h3{
text-align: center;
padding: 5px 0 10px 0;
font-family: 'LatoRegular';
font-size:1.1rem;
height:70px;
}
.newsArtcl_text_contant p{
text-align: left;
text-align: left;
padding: 0 0 5px 0;
font-family: 'LatoRegular';
border-bottom: 1px solid #222;
height: 25px;
overflow: hidden;
}
.newsArticle_readMore{
position: relative;
text-align: right;
padding: 10px 0 5px 0;
}
.newsArticle_readMore a{
display: block;
text-decoration: none;
font-family: 'LatoRegular';
color:#292929;
}
.news-swiper-prev-btn,.news-swiper-next-btn{
position: absolute;
top:40%;
}

/*------Item Details---------------*/
.itemview_container{
position: relative;
width: 100%;
min-height: 100vh;
margin:95px auto;
overflow: hidden;
}
.itemview_content{
position: relative;
max-width: 1200px;
height: auto;
margin: 0 auto;
border-bottom: 1px solid #d1d7d9;
padding: 20px 20px 20px 20px;
}
section.itemview_section{
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.itemview_bigImg_box{
position: relative;
width: 570px;
height: auto;
border-right: 1px solid transparent;
}
.itemBigImg_content{
position: relative;
width: 570px;
height:480px;
overflow: hidden;
}
img.itemView_img{
width: 100%;
height: auto;
object-fit: contain;
cursor: zoom-in;
}
.itemview_galleryList{
position: relative;
width: 100%;
height:95px;
margin-top: 10px;
overflow: hidden;
}
.itemview_gallery_boxes{
position: relative;
width: 100%;
height: 95px;
display: flex;
display: -webkit-box;
overflow-x: auto;
border: 1px solid #e5e4e2;
}
.itemview_gallery_box{
position: relative;
width: 100px;
height: auto;
margin: 2px 5px 4px 0px;
overflow: hidden;
}
img.gallery_img_small{
width: 100%;
height: 100%;
cursor: pointer;
}
.itemview_details_box{
position: relative;
width: calc(100% - 600px);
height: auto;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.itemview_itemName_header{
position: relative;
margin-top: 10px;
padding-left: 2px;
}
h1.itemview_itemName{
font-size:1.2rem;
font-family: 'LatoRegular';
}
h4.itemview_itemName{
font-size:22px;
font-family: 'LatoRegular';
}
.itemView_itemCode{
position: relative;
margin: 15px 0 15px 0;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 7px;
}
.itemView_itemCode span{
font-size: 18px;
font-family: 'LatoRegular';
}
.itemview_price_header{
position: relative;
margin-top: 20px;
padding-left: 10px;
}
p.itemview_price{
font-size: 25px;
font-family: 'LatoRegular';
}

.itemview_qty_header{
position: relative;
display: flex;
display: -webkit-flex;
margin-top:20px;
align-items: center;
}
.itemviewQty_text span{
font-size: 19px;
font-family: 'LatoRegular';
}
.itemQtySelect_box{
position: relative;
display: flex;
display:-webkit-flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
margin-left:4px;
}
.qtyMinus_content{
position: relative;
width: 30px;
height: 33px;
text-align: center;
line-height: 34px;
background: #222;
color: #fff;
}

input.itemQty_value{
position: relative;width: 70px;text-align: center;
height: 35px;border: 1px solid transparent;background: #f2f2f2;font-size: 20px;
}
.qtyPlus_content{
position: relative;
width: 30px;
height: 33px;
text-align: center;
line-height: 34px;
background: #222;
color: #fff;
}

.itemView_addBtnBasket_content{
position: relative;
background-color:#272727;
width: 210px;
height: 50px;
line-height: 10px;
margin-top: 20px;
}
a.itemViewAdd_toCartBtn{
position: relative;
display: block;
text-decoration: none;
text-align: center;
padding: 20px 0 20px 0;
color: #fff;
font-size: 18px;
font-family: 'LatoRegular';
outline: none;
}
section.itemdesc_section{
position: relative;
margin-top:30px;
}
.itemView_addItemMessageContent{
position: relative;
padding-left:4px;
}
.itemAddBasket_messagecontent{
position:absolute;
top:120px;
width: 90%;
left: 32px;
}
p.itemAddBasket_message{
font-size: 19px;
font-family: 'LatoRegular';
}
.itemsimilar_section{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
}
.itemssimilar_container{
position: relative;
width: 1375px;
margin:30px auto;
}
/*---------Login Reg Modal-------*/
.loginreg_modalbox_overlay{
position: fixed;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(3, 4, 7, 0.89);
z-index: 99999999;
overflow: hidden;
}
.loginreg_modalbox_overlay.loginRegBoxActive{
display:block;
}
.loginreg_container_modalbox{
position: fixed;
display: none;
top: 42%;
left: 50%;
width: 410px;
height: auto;
padding: 0 20px 20px 20px;
background: #ffffff;
border-radius: 6px;
-webkit-border-radius: 6px;
transform: translate(-50%, -50%) scale(0.9);
opacity: 1;
z-index: 999999;
}
.loginreg_container_modalbox.loginRegPopUpActive {
display: block;
animation: bounceIn 0.6s ease forwards;
  animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.loginregmodalbox_close{
position: absolute;
right: 8px;
top: 6px;
font-family: 'LatoRegular';
font-size: 16px;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #d3d5d6;
height: 25px;
width: 25px;
text-align: center;
line-height: 24px;
cursor: pointer;
outline: none;
}

.loginreg_div_header{
text-align: center;
margin: 10px 0 10px 0;
padding: 10px 10px 10px 10px;
}
span.loginreg_span_header{
text-align: center;
font-size: 1.1rem;
font-family: 'LatoRegular';
color: #626769;
}
.loginForm_container{
display: block;
}
.signInForm_container{
 display:none; 
}

.tabFromActive{
display:block;
}
.tabFromInActive{
display:none;
}

.loginForm_tabBtn{
padding: 5px 10px 5px 10px;
margin: 0 15px 0 15px;
cursor: pointer;
outline:none;
font-size: 1rem;
}
.regForm_tabBtn{
padding: 5px 10px 5px 10px;
margin: 0 15px 0 15px;
cursor: pointer;
outline:none;
font-size: 1rem;
}
.tabActiveBtn{
border-bottom: 1px solid orange;
color:#21201d;
background-color:#ffffff;
}
.tabInActiveBtn{
background-color: #020206;
color: #ffffff;
border-radius:4px;
-webkit-border-radius:4px;
}

/*-------------------OverLay Project----*/
.overlay_project_gallery {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
}
.popup_project_gallery {
position: relative;
width: 940px;
height: 648px;
background: #fff;
padding: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
.popup_project_gallery img{
width:100%;
height: 100%;
object-fit: contain;
}
.gallery-list-prev-btn {
position: absolute;
z-index: 1111;
top: 45%;
left: 22px;
cursor: pointer;
}
.gallery-list-next-btn {
position: absolute;
z-index: 1111;
top: 45%;
right: 22px;
cursor: pointer;
}

.close {
  position: absolute;
  top: 1px;
  right: 0px;
  font-size: 18px;
  background: #222222;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  z-index: 1111111;
  font-family: 'NotoSansBold';
}

/*-------Items Comments---------*/
section.item_comments_section{
position: relative;
width:100%;
height: auto;
}
.item_comment_container{
position: relative;
width: 1250px;
height: auto;
margin: 0 auto;
}
.item_comment_contanet h2{
font-family: 'LatoRegular';
font-size:1.3rem;
}
.commentForm_content{
position: relative;
margin:10px 0 0 0;
}
.comment_label label{
font-family: 'LatoRegular';
font-size:1.1rem;
}
.comment_text_container{
margin:5px 0 0 0;
}
textarea.comment_text{
outline:none;
resize: none;
border: 1px solid #c6c8c8;
border-radius: 5px;
padding: 5px 0 0 5px;
font-family: 'LatoRegular';
}
input.commetnSbtBtn{
outline:none;
border-radius: 5px;
-webkit-border-radius:5px;
background-color: #020206;
color:#ffffff;
font-size: 1rem;
cursor: pointer;
border:none;
padding:5px;
height: 45px;
margin:10px 0 0 0;
font-family: 'LatoRegular';
}
#comments_list{
position: relative;
margin: 20px 0 0 0;
background: #fff;
padding: 20px;
border-radius: 5px;
}
#fetchComment_container{
border-bottom: 1px solid #dfe3e5;
padding-bottom: 20px;
}
img.commentAvatar{

}
.commentUser_name_content p{
font-family: 'LatoRegular';
font-size:1.1rem;
}
.commentDate_content span{
font-size:0.9rem;
font-family: 'LatoRegular';
color:#6a6e71;
}
.user_comment_text p{
font-family: 'LatoRegular';
font-size: 1.05rem;
}
.addCommentLink{
position: relative;
margin:10px 0 10px 0;
}
.addCommentLink a{
text-decoration: none;
color:#ffffff;
background-color: #020206;
padding:10px;
border-radius:5px;
font-family: 'LatoRegular';
font-size: 1.05rem;
}
/*----Rating---*/
.rating {
  display: flex;
  display:-webkit-flex;
  align-items:center;
  gap: 5px;
}

.star {
cursor: pointer;
display: inline-block;
width: 24px; /* Adjust based on your SVG size */
height: 24px;
}

.star svg {
fill: #ccc; /* Default color (gray) */
transition: fill 0.2s ease; /* Smooth color transition */
}

.star:hover svg,
.star.active svg {
  fill: orange; /* Color on hover or when selected */
}
/*--------------------Basket Order Modal PopUp----------------------*/
.basketOrder_modalBoxContainer{
position: fixed;
display: none;
width: 345px;
height: 200px;
background-color: #ffffff;
border: 1px solid #ffffff;
border-radius: 6px;
-webkit-border-radius: 15px;
top: 35%;
left:50%;
z-index: 999999999;
box-shadow: 10px 9px 5px 0px #24282a;
-webkit-box-shadow: 10px 9px 5px 0px #24282a;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.basketOrder_modalBoxContainer.modalBoxActive{
display:block;
}
.basketModal_closeBtn{
display: block;
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
background: #272d2e;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
line-height: 32px;
text-align: center;
top: -17px;
right: -11px;
font-family: 'LatoRegular';
font-size: 19px;
}

.backetOrder_modalContent{
position: relative;
width: 100%;
height: auto;
}
.backetOrder_modalTextContent{
position: relative;
padding: 55px 10px 0 20px;
text-align: center;
}
.backetOrder_modalTextContent p:first-child{
font-size: 20px;
font-family: 'LatoRegular';
color: #518d08;
}
.backetOrder_modalTextContent p:last-child{
font-size: 20px;
font-family: 'LatoRegular';
}
a.gotoCart_boxhref{
text-decoration: none;
color: #050507;
font-size: 23px;
font-family: 'LatoRegular';
border-bottom: 1px solid #050507;
}
a.continueShoping_href{
text-decoration: none;
color: #050507;
}

.cartBasketIcon_overlay{
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.7);
z-index: 999999;
}
.cartBasketIcon_overlay.activeCartBasketOverlay{
display: block;
}
.cartItemBar_container{
position: absolute;
right: 0;
top: 65px;
width: 300px;
min-height: 100vh;
background-color: #ffffff;
}
/*.cartItemBar_content{
position: relative;
margin-top: 35px;
width: 100%;
min-height: 100vh;
}*/
.itemBar_contentGoTocart_header {
position: relative;
margin: 50px 5px 0 5px;
}
.itemBar_contentGoTocart_header a {
display: block;
text-decoration: none;
color: #ffffff;
font-size: 17px;
font-weight: 600;
font-family: 'LatoRegular';
background-color: #000000;
text-align: center;
padding: 14px;
outline: none;
cursor: pointer;
}
.cartItemBar_content{
  position: relative;
  margin-top: 35px;
  width: 100%;
  min-height: 100vh;
  }
  .cartItemBasket_box{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  margin: 15px 0 10px 0;
  border-bottom: 1px solid #f3f3f3;
  }
  .cartItemBasket_box_1{
  display: flex;
  display: -webkit-flex;
  }
  .cartItemBasket_imgContent{
  position: relative;
  margin-left: 10px;
  }
  .cartItemBasket_namePriceQty_box{
  position: relative;
  margin-left: 5px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  }
  .cartItemBasket_NameContent{
  position: relative;
  margin-left: 1px;
  }
  span.cartbasket_itemname{
  font-family: 'LatoRegular';
  font-size: 15px;
  }
  .cartbasket_price{
  font-family: 'LatoRegular';
  font-size: 15px;
  }
  .cartbasket_qty{
  font-family: 'LatoRegular';
  font-size: 15px;
  }
  img.cartbasket_img{
  width: 80px;
  height: 76px;
  }
.cartItemBar_closeBtn{
position: absolute;
width: 35px;
height: 35px;
color: #fff;
line-height: 35px;
text-align: center;
background-color:#23211e;
border-radius: 50%;
-webkit-radius: 50%;
top: -12px;
left: -13px;
font-size: 17px;
font-weight: 600;
font-family: 'LatoRegular';
}
.shop_container{
position: relative;
width: 100%;
min-height: 100vh;
margin: 95px auto;
}
.shop_contant{
position: relative;
width: 1375px;
height: auto;
margin: 0 auto;
border-bottom:1px solid #eaeced;
}
section.shop_section_details{
position: relative;
display: flex;
display: -webkit-flex;
width: 100%;
min-height: 100vh;
margin: 10px auto;
}
aside.shop_details_leftbar{
position: relative;
width: 240px;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
}
.shop_details_leftbar h1{
font-size: 1.1rem;
text-align: center;
font-family: 'LatoRegular';
}
.shop_right_side{
position: relative;
width: 75%;
margin-left: 30px;
}

.shop_header{
text-align: center;
font-family: 'LatoRegular';
font-size: 1rem;
border-bottom: 1px solid #dfe2e3;
min-width: 320px;
margin: 0 auto;
}
.shop_boxes{
position: relative;
width: 100%;
height: auto;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 20px 0 90px 0;
}
.shop_box{
position: relative;
display: flex;
display: -webkit-flex;
flex-direction: column;
width: 330px;
height: auto;
margin: 5px 5px 5px 7px;
flex: 0 1 auto;
padding:5px;
border: 1px solid #eee;
border-radius: 6px;
-webkit-border-radius: 6px;
}
nav.shop_subnav{
position: relative;
width: 210px;
margin-top:10px;
}
ul.shop_subul {
position: relative;
margin: 0px 0 0 0;
}
ul.shop_subul li.subShopnav_li {
position: relative;
padding: 10px 0 10px 0;
list-style: none;
border-bottom: 1px solid #e3e7e7;
}
ul.shop_subul li.subShopnav_li a {
display: block;
text-decoration: none;
color: #222;
font-size: 1rem;
padding-left: 1.1rem;
font-family: 'LatoRegular';
}
.shop_imgcontant {
position: relative;
width: 299px;
height: 220px;
border: 1px solid transparent;
margin: 0 auto;
overflow: hidden;
}
img.shop_img {
width: 100%;
height: 100%;
object-fit: cover;
}
.shop_title_contant {
position: relative;
text-align: center;
margin: 5px 0 5px 0;
border-bottom: 1px solid #e1e4e5;
padding-bottom: 8px;
height: 28px;
overflow: hidden;
}
p.shop_title{
font-family: "LatoRegular";
font-size: 1.1rem;
overflow: hidden;
text-overflow: ellipsis;
}
.shop_price_contant{
position: relative;
text-align: center;
margin: 10px 0 5px 0;
}
.shop_price_contant span{
font-family: 'LatoRegular';
color: #272727;
font-weight: 600;
font-size: 1.1rem;
}

/*-------Services---*/
.service_container{
position: relative;
width: 100%;
min-height: 100vh;
margin:95px auto;
}
.service_contant{
position: relative;
width: 1375px;
height: auto;
margin: 0 auto;
border-bottom:1px solid #eaeced;
}
section.service_section{
position: relative;
width: 100%;
min-height: 100vh;
margin: 10px auto;
}
section.service_section_details{
position: relative;
display: flex;
display: -webkit-flex;
width: 100%;
min-height: 100vh;
margin: 10px auto;
}
aside.service_details_leftbar{
position: relative;
width: 240px;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
}
aside.service_details_leftbar h1{
font-size: 1.1rem;
text-align: center;
font-family: 'LatoRegular';
}
.service_right_side{
position: relative;
width: 75%;
margin-left: 30px;
}
.service_header{
text-align: center;
border-bottom: 1px solid #dfe2e3;
min-width: 320px;
margin: 0 auto;
}
.service_header h1{
font-family: 'LatoRegular';
font-size: 1.4rem;
}
.service_header h3{
font-family: 'LatoRegular';
font-size: 1.1rem;
  }
.service_filter_container{
position: relative;
margin: 20px 0 0 0;
}
.service_filter_content{
position: relative;
margin-left: 10px;
}
.service_filter_boxes{
display: flex;
display: -webkit-flex;
border-bottom: 1px solid #eef0f0;
align-items: center;
width: 99%;
height: auto;
}

select.service_filter{
position: relative;
width: 200px;
margin: 0 10px 10px 0;
height: 38px;
background: #fff;
border: 1px solid #e1e2e2;
border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 17px;
box-shadow: 0px 2px 4px 2px #e2e2e2;
-webkit-box-shadow: 0px 2px 4px 2px #e2e2e2;
}
.serviceFilter_btn_content{
position: relative;
height: 47px;
}
input.serviceFilter_btn{
position: relative;
height: 34px;
width: 90px;
background-color: #111;
color: #fff;
border: 1px solid #1b1e20;
border-radius: 6px;
-webkit-border-radius: 6px;
outline: none;
font-size: 17px;
font-family: 'LatoRegular';
box-shadow: 0px 2px 4px 2px #e2e2e2;
-webkit-box-shadow: 0px 2px 4px 2px #e2e2e2;
cursor: pointer;
}
.service_boxes{
position: relative;
width: 100%;
height: auto;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 20px 0 90px 0;
}
.service_box{
position: relative;
display: flex;
display: -webkit-flex;
flex-direction: column;
width: 330px;
height: auto;
margin: 5px 5px 5px 7px;
flex: 0 1 auto;
padding:5px;
border: 1px solid #eee;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.service_imgcontant{
position: relative;
width: 295px;
height: 200px;
border: 1px solid transparent;
margin: 0 auto;
overflow: hidden;
}
img.service_img{
width: 100%;
height: 100%;
object-fit: cover;
}
.service_title_contant{
position: relative;
text-align: center;
margin: 5px 0 5px 0;
border-bottom: 1px solid #e1e4e5;
padding-bottom: 8px;
}
.service_title_contant p.service_title{
font-family: 'LatoRegular';
font-size:1.1rem;
overflow: hidden;
text-overflow: ellipsis;
}
.serviceprice_contant{
position: relative;
text-align: center;
margin: 10px 0 5px 0;
}
.serviceprice_contant span{
font-family: 'LatoRegular';
color: #272727;
font-weight: 600;
font-size: 1.1rem;
}
.service_viewbtn_contant{
position: relative;
position: relative;
text-align: center;
margin: 5px 0 5px 0;
background: #272727;
border-radius: 6px;
-webkit-border-radius:6px;
}
a.serviceViewBtn{
display: block;
text-decoration: none;
color:#fff;
padding: 10px 0 10px 0;
font-family: 'LatoRegular';
font-weight: 600;
}
/*-------About Conainer--------------*/
.about_container{
position: relative;
width: 100%;
height: auto;
margin:95px auto;
}
.about_header{
width: 320px;
margin: 0 auto;
padding-bottom: 10px;
}
.about_header h1{
text-align: center;
font-family: 'LatoRegular';
font-size: 28px;
border-bottom: 1px solid #272727;
padding-bottom: 15px;
}
.about_contant{
position: relative;
max-width:1350px;
height: auto;
margin: 35px auto;
border-bottom:1px solid #eaeced;
}
.about_boxes-flex{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.about_boximg_content{
width: 540px;
border: 1px solid transparent;
}
img.aboutImg_left{
width: 100%;
border-radius: 6px;
-webkit-border-radius:6px;
}
.about_box_right{
padding:0 20px 0 20px;
}
.about_box_right p{
font-size: 19px;
font-weight: 500;
font-family: 'LatoRegular';
}
.about_box_rightimg{
width: 560px;
border: 1px solid transparent;
margin: 30px auto;
}
img.aboutImg_right{
width: 100%;
border-radius: 6px;
-webkit-border-radius:6px;
}
/*------News View----------------*/
.newsView_container{
position: relative;
width: 100%;
min-height: 100vh;
margin: 95px 0 0 0;
}
.newsView_navHeader{
position: relative;
width: 100%;
margin: 0 auto;
display: flex;
border-bottom: 1px solid #ebebeb;
}
.newsView_content{
position: relative;
width: 1375px;
height: auto;
min-height: 100vh;
margin: 15px auto;
margin-bottom: 20px;
display: flex;
display: -webkit-flex;
margin-bottom: 10px;
}
.newsView_header h1{
text-align: center;
font-size:1.5rem;
color: #000;
font-family: 'LatoRegular';
}
.newsListsArticles_boxes{
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.newsListArticle_box{
position: relative;
display: flex;
display: -webkit-flex;
flex-direction: column;
width: 415px;
height: auto;
margin: 5px 12px 45px 15px;
box-shadow: 2px 6px 2px 1px #e2e5e7;
-webkit-box-shadow: 2px 6px 2px 1px #e2e5e7;
border-radius: 6px;
-webkit-border-radius:6px;
}
.newsListArticle_box a{
text-decoration: none;
padding: 5px 0 10px 0;
font-family: 'LatoRegular';
font-size: 1.1rem;
color: #000;
}
aside.newsView_asideLeft{
position: relative;
width: 225px;
height: auto;
}
section.newsView_section{
position: relative;
width: 100%;
padding: 20px;
border-left: 1px solid #ebebeb;
border-right:1px solid #ebebeb;
}
aside.newsView_asideRight{
position: relative;
width: 225px;
height: auto;
}

/*---News Details Content--*/
.newsDetailsView_container{
position: relative;
width:1100px;
margin:95px auto;
}
.newsDetailsView_navHeader{
position: relative;
width: 100%;
margin: 0 auto;
display: flex;
border-bottom: 1px solid #ebebeb;
}
a.newsView_navHref{
display: block;
text-decoration: none;
color: #000;
margin: 0 0px 0 7px;
font-family: 'LatoRegular';
font-size: 1.2rem;
}
a.newsView_navHref1{
display: block;
text-decoration: none;
color: #ff9b00;
margin: 0 0px 0 7px;
font-family: 'LatoRegular';
font-size: 1.2rem;
}
.newsDetailsView_content{
position: relative;
width:100%;
height: auto;
margin: 15px auto;
}
section.newsDetailsView_section{
position: relative;
width: 100%;
padding: 20px;
}
.newsText_content {
font-family: 'LatoRegular';
font-size: 1.2rem;
color: #040708;
}
/*------Booking------*/
.serviceDetails__booking__container{
position: relative;
margin-top: 20px;
border-top: 1px solid #e7e9e9;
padding-top: 12px;
}
.serviceBooking_header{
padding-left:0px;
}
.serviceBooking_header p{
font-size: 1.2rem;
font-family: 'LatoRegular';

}
.serviceBooking_header h3{
font-size: 1.2rem;
font-family: 'LatoRegular';

}
.serviceDetails_booking_boxs{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
margin-top: 10px;
align-items: center;
}
.serviceDetails_booking_boxs span{
font-family: 'LatoRegular';
font-size: 1.05rem;
color: #707576;
}
span.serviceDetails_icon{
margin: 0 5px 0 5px;
}
.bookService_box{
margin: 10px 10px 10px 10px;
}
a.booking-service-btn{
position: relative;
display: flex;
display:-webkit-flex;
text-decoration: none;
padding: 10px 0 10px 0;
color: #fff;
font-size: 1.1rem;
font-family: 'LatoRegular';
outline: none;
align-items: center;
justify-content: center;
}
select.bookingService_select{
width: 150px;
height: 35px;
border: 1px solid #D0D2E0;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.servicedesc_container{
position: relative;
margin-top: 15px;
padding-left: 10px;
}
/*-----BookingOrder----*/
.bookingorder_container{
position: relative;
width: 100%;
min-height: 100vh;
margin: 0 auto;
}
.bookingorder_content{
position: relative;
max-width: 1200px;
height: auto;
margin: 0 auto;
border-bottom: 1px solid #d1d7d9;
padding: 20px 20px 20px 20px;
}
.serviceBooking_order_name{
padding-left: 10px;
margin-top: 20px;
}
.serviceBooking_order_name h4{
font-size: 17px;
font-family: 'LatoRegular';
}

.servicebooking_order_boxs{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
margin-top: 10px;
}
.servicebooking_order_message_content{
padding-left: 10px;
}
textarea.bookingmssg{
resize: none;
width: 450px;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #dee0e1;
outline: none;
padding: 10px 0 0 10px;
}
.bookingorder_btn_content{
position: relative;
margin-top:20px;
padding-left: 10px;
}
.bookService_box label{
font-family: 'LatoRegular';
}
input.bookingBtn{
background-color: #272727;
width: 210px;
color:#ffffff;
font-family: 'LatoRegular';
border-radius: 5px;
-webkit-border-radius:5px;
border: 1px solid transparent;
outline: none;
height: 50px;
font-size: 18px;
cursor: pointer;
}
.bookingService_info_box{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 20px;
}
.booking-input-label-fields{
margin-left: 10px;
}
.label-col label{
color:#222222;
font-family: 'LatoRegular';

}
.input-col input{
width: 270px;
height: 38px;
padding-left: 10px;
border: 1px solid #D0D2E0;
border-radius: 5px;
-webkit-border-radius: 5px;
outline: none;
}

.booking-service-boxs{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
margin:10px 0 10px 0;
}
.booking-service-select-fields {
margin-left: 10px;
}
.select-label label{
font-family: 'LatoRegular';
}
.select-field select{
width: 270px;
height: 35px;
border: 1px solid #D0D2E0;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/*----Login Content-----------*/
section.login_section{
position: relative;
width: 100%;
min-height: 100vh;
margin: 0 auto;
}
.login_container {
position: relative;
height: auto;
min-height: 100vh;
margin: 95px 0 25px 0;
}
.login_content{
position: relative;
width: 385px;
height: 400px;
margin: 50px auto;
padding: 10px;
}
.logIn_regeIsterFlex{
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.logIn_regeIsterFlex > a{
display: block;
text-decoration: none;
font-weight: 600;
font-family: 'LatoRegular';
font-size: 19px;
}
a.logIn_hrefLogin{
color: #272727;
}
a.activeLoginScreen{
color: #272727;
padding: 5px 25px 5px 25px;
border-bottom: 1px solid #272727;
}
a.register_hrefRegister{
color: #222;
}
.input-label-column {
position: relative;
margin: 20px 0 20px 0;
}
.label-column {
position: relative;
margin: 5px 0 5px 0;
}
.label-column label {
color: #020206;
font-family: 'LatoRegular';
font-size: 17px;
}
.input-column input {
position: relative;
width: 100%;
height: 45px;
padding-left: 5px;
outline: none;
color: #222222;
font-family: 'LatoRegular';
border: 1px solid #ebecec;
border-radius: 11px;
-webkit-border-radius: 11px;
}
input.userPhone{
width: 260px;
}
input.phoneDialing_code{
width: 100px;
height: 45px;
padding-left: 5px;
outline: none;
color: #222222;
font-family: 'LatoRegular';
border: 1px solid #ebecec;
border-radius: 11px;
-webkit-border-radius: 11px;
}
.dialingPrefix_lists{
position: absolute;
display: none;
width: 100px;
background: #ffffff;
z-index: 1;
max-height: 490px;
overflow:hidden;
border: 1px solid #D0D2E0;
border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 0 15px 6px;
overflow-y: scroll;
}
.dialingPrefix_lists.prefixActive{
display: block;
}
li.prefixList_value{
font-family: 'LatoRegular';
padding: 4px 0 2px 3px;
margin: 5px 0 5px 0;
list-style: none;
font-size: 1rem;
cursor: pointer;
}

input.userLogin_sbtBtn {
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #272727;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
.forgotPassword_content {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: flex-end;
}
a.forgotPasswd_link {
display: block;
text-decoration: none;
color: #222222;
font-family: 'LatoRegular';
}
.loginSbt_btncontent {
position: relative;
margin: 20px 0 15px 0;
}

.gmailLogin_content a{
display: flex;
display: -webkit-flex;
align-items: center;
color: #222222;
font-family: 'LatoRegular';
cursor: pointer;
width: 180px;
background: #ffffff;
box-shadow: 2px 2px 2px 2px #efefef;
-webkit-box-shadow: 2px 2px 2px 2px #efefef;
}


/*---------Registration----------*/
input.userReg_sbtBtn{
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #272727;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
input.paswdEmailCheck_sbtBtn{
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #272727;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
.popupOverlay {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 999999999;
}
.popUp_container{
position: fixed;
display: none;
width: 420px;
min-height: 200px;
top:38%;
left: 49%;
background: #ffffff;
transform: translate(-50%,-50%);z-index: 999999;border-radius:10px}
.popUp_container.popUpActive{
display:block;
}
.popupOverlay.popupOverlayActive{
display:block;
}
.successAdd__apptext{
position:relative;
text-align: center;
margin-top: 5px;
}
.successAdd__apptext p{
font-size: 17px;
font-family: 'LataRegular';
}
.succes__icon_app{width: 50pt;margin: 12pt auto;}
img.success_icon{width: 40pt;}

.reg_log_errorOverlay_container {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 1000;
}
.reg_log_errorOverlay_container.active {
display: block;
}
.reglog_errorbox {
display: none;
position: fixed;
width: 420px;
top: 38%;
left: 49%;
padding: 30px 5px 30px 5px;
background-color: #ffffff;
transform: translate(-50%, -50%);
-webkit-transform: translate(-49%, -50%);
border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 1005;
}
.reglog_errorbox.active {
display: block;
}
.regLog_errorcloseBtn {
position: absolute;
width: 30px;
height: 30px;
background-color: #121210;
top: -7px;
right: -2px;
line-height: 30px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1006;
}
.regLog_errorcloseBtn span {
color: #fff;
font-family: 'LataRegular';
}
.reglog_errorbox p {
font-family: 'LatoRegular';
font-weight: 600;
text-align: center;
color: #0f0f13;
font-size: 17px;
}
input.userActivt_sbtBtn{
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #272727;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
input.newPasswd_SbtBtn{
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: #000000;
color: #ffffff;
font-size: 17px;
font-family: 'LatoRegular';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
/*--------------------Cart Basket Page-----------*/
.cartpage_content{
position: relative;
max-width: 1350px;
height: auto;
margin: 95px auto;
}
.cart_table_content{
position: relative;
width: 100%;
height: auto;
margin-top: 20px;
}
table.cart_table{
position: relative;
width: 100%;
border-collapse: collapse;
}
table.cart_table tr th{
border: 1px solid #c7d4d8;
padding: 20px;
font-family: 'LatoRegular';
}
table.cart_table tr td{
border: 1px solid #c7d4d8;
padding: 15px;
font-family: 'LatoRegular';
}
a.itemDel_btn{
text-align: center;
}
.cartPageTotal_amountcontent {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
.goToOrder_BtnContent {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
a.goToOrderBtn {
display: block;
text-decoration: none;
color: #ffffff;
background-color: #000000;
padding: 15px;
width: 250px;
text-align: center;
font-family: 'LatoRegular';
font-size: 20px;
}
.cartPage_header{
position: relative;
}
.cartPage_header h3{
font-family: 'LatoRegular';
font-size: 25px;
}

/*------------User Profile-------------*/
section.profile_section{
position: relative;
width: 100%;
min-height: 100vh;
margin: 0 auto;
}
.profile_container{
position: relative;
width: 1350px;
height: auto;
margin: 100px auto;
}
.profile_content{
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.profile_left_content{
position: relative;
width: 250px;
min-height: 100vh;
border-right: 1px solid #dcdfe1;
padding: 20px;
}
.profile_left_content h1{
font-family: 'LatoRegular';
}
.profile_right_content{
position: relative;
width: calc(100% - 350px);
padding: 20px;
}
.mobile_profile_nav_container{
display: none;
}
.profile_right_content h1{
font-family: 'LatoRegular';
}

.profile-label-input-content .input-col input{
position: relative;
width: 350px;
height: 38px;
padding: 0 0 0 10px;
outline: none;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #dee0e1;
}
a.profile-nav-active{
color: #cdbd26;
}
table.invoice_table{
position: relative;
width: 100%;
border-collapse: collapse;
border: 1px solid #d6d6d7;
margin: 10px 0 0 0;
}
table.invoice_table tr th{
border: 1px solid #d6d6d7;
text-align: center;
padding: 7px 0 7px 0;
font-family: 'LatoRegular';
}
table.invoice_table tr td{
border: 1px solid #d6d6d7;
padding: 15px 0 15px 9px;
font-family: 'LatoRegular';
font-size: 15px;
}
a.invoiceView_hrfBtn{
display: block;
text-decoration: none;
text-align: center;
}

/*------Invoice details------*/
.infoiceInfo_header{
position: relative;
}
.invoice_info-content a{
display: block;
text-decoration: none;
color: #cdbd26;
font-family: 'LatoRegular';
font-size: 19px;
width: 100px;
border-bottom: 1px solid #ced3d4;
margin: 0 0 20px 0;
text-align: center;
}
.infoiceInfo_header p{
font-family: 'LatoRegular';
font-size: 18px;
border-bottom: 1px solid #cccdce;
padding-bottom: 10px;
}
.invoice_info_details{
position: relative;
margin: 10px 0 10px 0;
}
.invoice_info_details p{
font-family: 'LatoRegular';
font-size: 17px;
margin: 5px 0 5px 0;
}
.profileLeft_nav_container{
position: relative;
margin-top:20px;
}

ul.profileLeft_ul{
list-style: none;
}
ul.profileLeft_ul li{
margin: 10px 0 10px 0;
border-bottom: 1px solid #dcdfe1;
padding: 0 0 10px 0;
}
ul.profileLeft_ul li a{
display: block;
text-decoration: none;
color:#272727;
font-family: 'LatoRegular';
font-size: 18px;
}
/*----------------Order--------*/
section.order_section{
position: relative;
width: 100%;
min-height: 100vh;
margin: 0 auto;
}
.order_container{
position: relative;
width: 1350px;
height: auto;
margin: 100px auto;
}
.order_content{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.order_left_content{
position: relative;
width: calc(100% - 420px);
height: auto;
border-right: 1px solid #dcdfe1;
}
.order_left_content h1{
font-family: 'LatoRegular';
padding-left: 60px;
}
.order_right_content{
position: relative;
width: 350px;
min-height: 100vh;
}
.order_right_content h1{
font-family: 'LatoRegular';
padding-left: 20px;
}
.label-input-container{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}

.label-input-row{
position: relative;
margin: 10px 0 10px 0;
}
.orderInfo_contentSbtBtn{
position: relative;
width: 350px;
margin: 20px auto;
}
input.orderInfo_sbtBtn{
width: 100%;
height: 42px;
cursor: pointer;
outline: none;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #272727;
color: #ffffff;
background-color: #272727;
font-size: 19px;
font-family: 'LatoRegular';
}
.orderForm_container .label-col label{
font-size: 17px;
font-family: 'LatoRegular';
}
.orderForm_container .input-col input{
position: relative;
width: 350px;
height: 38px;
padding: 0 0 0 10px;
outline: none;
border-radius: 5px;
-webkit-border-radius:5px;
border: 1px solid #dee0e1;
}
textarea.userOrderMessage{
resize: none;
width: 350px;
border-radius: 5px;
-webkit-border-radius:5px;
border: 1px solid #dee0e1;
outline: none;
padding: 10px 0 0 10px;
}
.cartItem_totalSum_content{
padding-left: 10px;
}
p.cartItem_totalSum_value{
font-size: 22px;
font-weight: 600;
font-family: 'LatoRegular';
}
.finishCheckoutForm_content{
position: relative;
margin-top:30px;
padding: 0 10px 0 10px;
}
input.finishCheckout_SbtBtn{
width: 100%;
height: 42px;
cursor: pointer;
outline: none;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #272727;
color: #ffffff;
background-color:#272727;
font-size: 19px;
font-family: 'LatoRegular';
}
/*------Order success page----*/
.order_success_content{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: center;
flex-direction: column;
text-align: center;
margin-top: 50px;
}
.order_succes_text_1{
margin: 10% 0 0 0;
}
h1.success_order_text{
font-size: 24px;
font-family: 'LatoRegular';
}
.order_succes_text_2{
margin: 20px 0 0 0;
}
.order_succes_text_2 a{
display: block;
text-decoration: none;
color: #060b06;
font-size: 22px;
font-family: 'LatoRegular';
margin: 0 auto;
width: 280px;
border-bottom: 1px solid #acb0b3;
}
.order_succes_text_3{
margin: 20px 0 0 0;
}
.order_succes_text_3 a{
text-decoration: none;
color: #060b06;
font-size: 20px;
font-family: 'LatoRegular';
border-bottom: 1px solid #acb0b3;
padding-bottom: 5px;
}
/*---Footer---*/
footer{
position: relative;
width: 100%;
height: auto;
background: #272727;
padding: 35px 0 50px 0;
clear: both;
}
.footer_container{
position: relative;
width: 1375px;
height: auto;
margin: 10px auto;
}
.footer_logo_contant{
text-align: center;
margin-bottom: 30px;
}
.footer_contant{
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-around;
padding: 0 20px 0 20px;
}
.footer_nav{
position: relative;
width: 70%;
height: auto;
margin: 0 auto;
}
ul.footer_ul{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
list-style: none;
}
ul.footer_ul li{
list-style: none;
margin: 0 7px 0 7px;
}
ul.footer_ul li a{
display: block;
text-decoration: none;
font-size: 17px;
color: #ffffff;
text-transform: uppercase;
padding: 5px 6px 5px 6px;
font-family: 'LatoRegular';
}
.footer_contact_box li{
list-style: none;
margin: 0 0 7px 0;
}
.footer_contact_box li a{
display: block;
text-decoration: none;
color:#ffffff;
font-size: 17px;
font-family: 'LatoRegular';
}
.shop_mobile_category{
display: none;
}
.shopFilter_container{
display:none;
}
.shopFiltr_btns_container{
position: relative;
display:flex;
display:-webkit-flex;
justify-content: space-between;
width: 320px;
margin-top:10px;
}
.shopFilter_cancelBtn_content input, .shopFilter_submitBtn_content input{
position: relative;
width: 145px;
height:36px;
border: none;
cursor:pointer;
outline:none;
}

input.shopFilter_sbtBtn{
color: #fff;
background: #e4952e;
font-size: 1.1rem;
border-radius: 17px;
font-family: 'LatoRegular';
}
input.shopFilter_cancelBtn{
color: #fff;
background: #1c160e;
font-size: 1.1rem;
border-radius: 17px;
font-family: 'LatoRegular';
}

.search_box_container{
position:fixed;
top:0;
left: 0;
width:100%;
display: none;
background-color:#ffffff;
min-height: 100vh;
z-index: 999999;
}
.search_box_container.activeSearchContent{
display: block;
}
.search_closeBtn{
  position: absolute;
  right: 50px;
  top: 35px;
  background: #222;
  color: #fff;
  border-radius: 50%;
  width: 49px;
  height: 49px;
  text-align: center;
  line-height: 49px;
  cursor: pointer;
  font-size: 1rem;
  font-family: 'LatoRegular';
}
.search_box_content{
position: relative;
width:600px;
margin:90px auto;
}
input.ladySpaceSearch{
width: 600px;
height: 42px;
padding-left: 10px;
border:none;
border-bottom:1px solid #222222;
outline: none;
font-size:1.5rem;
font-family: 'LatoRegular';
}
.mobileSearch_btn{
display:none;
}
.serviceFilter_container{
display:none;
}
/*-------------Mobile CSS*---------------*/
@media screen and (min-width:320px) and (max-width:768px){
.loading-message {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #333;
margin: 10px 0;
}
.mobileSearch_btn{
display:block;
position: absolute;
top: 18px;
left: 65px;
}

.search_closeBtn {
position: absolute;
right: 10px;
top: 15px;
background: #222;
color: #fff;
border-radius: 50%;
width: 45px;
height: 45px;
text-align: center;
line-height: 41px;
cursor: pointer;
font-size: 1rem;
font-family: 'LatoRegular';
}

.shopFilter_container{
display:block;
width: 100%;
height: auto;
position: relative;
}
.shop-filter-select-fields select{
width:95%;
height: 42px;
padding: 0 0 0 5px;
margin:5px 0 5px 0;
border: 1px solid #D0D2E0;
border-radius: 5px;
-webkit-border-radius: 5px;
outline: none;
background: #cfd7e1;
font-size: 1rem;
font-family: 'LatoRegular';
}
/*-----Shop Sort By container---*/
.shopSortBy_container{
display: flex;
display:-webkit-flex;
position: relative;
justify-content: end;
margin: 20px 10px 20px 0;
align-items: center;
}
.shop_sortby_text{
margin:0 1px 0 0;
font-size: 1rem;
font-family: 'LatoRegular';
font-weight: 700;
}
.shop_sortby_select{
margin:0 10px 0 0;
}
select.shop_sortby{
font-size: 1rem;
font-family: 'LatoRegular';
border: 1px solid transparent;
width: 160px;
height: 30px;
margin-left:10px;
box-shadow: 2px 3px 2px 1px #f9f9f9;
-webkit-box-shadow: 2px 3px 2px 1px #f9f9f9;
border-radius: 5px;
-webkit-border-radius: 5px;
outline:none;
}

header {
position: fixed;
width: 100%;
height: 60px;
padding: 0 2px 0 2px;
  }
.cartpage_content{
width: 100%;
}
.cart_table_content{
overflow-x: scroll;
}
.top_rightHead_contant{
display: block;
}
nav.topHeadNav{
display: none;
}
.lang_container{
display:none;
}
.signNav_container{
display:none;
/*display: flex;
display: -webkit-flex;
justify-content: space-around;
border-bottom: 1px solid #e0e4e5;
padding: 0 0 10px 0;*/
}
.signNav_containerMobile{
display: block;
}
.mobileSoc_linksContainer{
display: block;
width: 97%;
margin:20px auto;
}
.mobileSocLink_header{
position:relative;
margin:5px 0 17px 0;
}
.mobileSocLink_header p{
color:#ffffff;
font-size:1.1rem;
font-family: 'LatoRegular';
}
.mobileSoc_linksContent{
display: flex;
display: -webkit-flex;
justify-content: space-between;
}

.shopBag_contant {
position: relative;
position: absolute;
top: 15px;
right: 50px;
}
.mobileBurgerBtn_contant {
position: absolute;
display: block;
left: 10px;
top: 15px;
width: 35px;
}
.headerTop_contant {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 1px 0 1px;
}
img.logo_img{
display:none;
}
.mobileCalendar_iconContent{
position: absolute;
display: block;
z-index: 1012;
top: 9px;
right: 6px;
background: #fff;
border-radius:3px;
}
.mobileCalendar_iconContent a{
display: block;
height: 41px;
}
.mobileCalendar_iconContent img.mobileCalendarIcon{
width: 100%;
height: 100%;
}

.mainSlider_container{
position: relative;
width: 100%;
max-height: 100%;
/*height: 100%;*/
height: 290px;
display: block;
margin: 60px 0 5px 0;
}
.slider_boxs_contant {
position: relative;
width: 100%;
height: 100%;
left:0%;
top:0%;
right: 0%;
display: flex;
/*display: -webkit-flex;*/
/*justify-content: space-between;
align-items: center;*/
}
.slider_image{
position: relative;
width: 100%;
height: 290px;
}
img.slideimg{
width: 100%;
height: 100%;
object-fit: cover;
}
.slider_boxs_texts{
position: absolute;
width: 100%;
left:0%;
top: 2%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.slider_contant {
position: relative;
width: 100%;
height: auto;
}
.slider_text_contant{
position: relative;
z-index: 999;
margin: 30px auto;
}
h1.slider_texth1 {
font-size: 25px;
color: #ecaa00;
text-align: left;
margin: 10px 0 10px 0;
font-family: 'LatoRegular';
}
.mainPage_section1_container{
width: 100%;
height: auto;
}
section.mainPage_section1 {
position: relative;
width: 100%;
height: auto;
}
.section1_text_container {
padding: 0 0 0 0px;
}
.why_content {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.why_imgbox {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.whytext_headercontent {
position: absolute;
top: 20%;
right: 5%;
}
.why_textbox {
position: relative;
width: 100%;
height: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
}

.mainPage_section2_container {
position: relative;
width: 100%;
margin: 0 auto;
}
.workingTime_contant {
flex-wrap: wrap;
}
.newsMainPage_container {
position: relative;
width: 95%;
margin: 0 auto;
/*overflow-x: hidden;*/
overflow-x: scroll;
}
.newsMainPage_contant {
position: relative;
width: 100%;
height: 500px;
}
.newsArticles_boxes {
display: flex;
display: -webkit-box;
}
.newsArticle_box {
position: relative;
width: 300px;
height: 290px;
margin: 5px 5px 5px 1px;
flex: auto;
}
img.newsImg{
object-fit:fill;
}
.newsView_content{
width:100%;
}
.newsDetailsView_container{
width:95%;
}
/*-----Shop----*/
.service_contant{
width: 100%;
}
aside.service_details_leftbar{
display: none;
}
.service_right_side {
position: relative;
width: 100%;
margin-left: 1px;
}

.service_header {
width: 96%;
margin: 0 auto;
}
.serviceFilter_container{
display:block;
width: 100%;
height: auto;
position: relative;
}
.shopFilter_content{
margin: 0 auto;
width: 90%;
}
.service-filter-select-fields select{
width:95%;
height: 42px;
padding: 0 0 0 5px;
margin:5px 0 5px 0;
border: 1px solid #D0D2E0;
border-radius: 5px;
-webkit-border-radius: 5px;
outline: none;
background: #cfd7e1;
font-size: 1rem;
font-family: 'LatoRegular';
}
.serviceFiltr_btns_container {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
width: 95%;
margin-top: 10px;
}
.shopFilter_cancelBtn_content input, .shopFilter_submitBtn_content input {
position: relative;
width: 145px;
height: 36px;
border: none;
cursor: pointer;
outline: none;
}
input.shopFilter_cancelBtn {
color: #fff;
background: #1c160e;
font-size: 1.1rem;
border-radius: 17px;
font-family: 'LatoRegular';
}
input.shopFilter_sbtBtn {
color: #fff;
background: #e4952e;
font-size: 1.1rem;
border-radius: 17px;
font-family: 'LatoRegular';
}
.service_boxes {
width: 100%;
}
.service_box {
width: 49%;
margin: 5px 1px 5px 1px;
}
.service_imgcontant {
width: 100%;
}
.service_title_contant p.service_title{
font-size: 0.9rem;
}
.shop_mobile_category{
display: block;
}
.shop_contant{
width:100%;
}
.shop_right_side {
width:99%;
margin-left:3px;
}
.shop_box {
width: 49%;
margin: 5px 1px 5px 1px;
}
.shop_imgcontant {
position: relative;
width:100%;
overflow: hidden;
}
.shop_title_contant {
height: 60px;
}
p.shop_title {
font-size:0.9rem;
}
a.shopBox_addCartBtn{
font-size:0.8rem;
}
a.itemViewDetails_btn {
font-size:0.8rem;
}
.shop_details_leftbar{
display:none;
}
.shopFiltr_btns_container{
width:95%;
}
.shop_header{
width:95%;
}
/*-----Login Registr----*/
.login_content{
width:95%;
}
.input-column{
width:100%;
}
.input-column input.userPhone{
width:100%;
}
.facebook_loginbtn button.social-btn{
width:99%;
}
.popUp_container{
width:96%;
}
.reglog_errorbox{
width:96%;
}
/*-----------About Us-----*/
.about_contant {
position: relative;
max-width: 100%;
height: auto;
margin: 35px auto;
border-bottom: 1px solid #eaeced;
}
.about_boxes-flex {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
flex-wrap: wrap;
}
.about_boximg_content {
width: 100%;
border: 1px solid transparent;
padding: 10px;
}
.about_box_right {
padding: 0 20px 0 20px;
width: 100%;
}
.about_box_rightimg {
width: 100%;
border: 1px solid transparent;
margin: 30px auto;
}

/*-----Item view page---*/
.itemview_content {
position: relative;
width:100%;
}
.itemview_bigImg_box {
width:100%;
}
.itemBigImg_content {
position: relative;
width: 100%;
height:330px;
overflow: hidden;
}
.itemview_details_box {
position: relative;
width:100%;
margin-top:13px;
}
.itemssimilar_container{
width:100%;
}
/*---Profile and invoice pages*/
.profile_container{
width:100%;
}
.profile_left_content{
display: none;
}
.profile_right_content {
position: relative;
width: 99%;
padding: 20px;
}
.invoice_continer{
position: relative;
width: 100%;
}
.mobile_profile_nav_container{
display: block;
width: 220px;
margin: 0 0 20px 0;
}
nav.mobile_profile_nav{
position: relative;
margin-bottom: 20px;
display:none;
background: #fff;
box-shadow: 1px 2px 2px 1px #d2d7db;
-webkit-box-shadow: 1px 2px 2px 1px #d2d7db;
margin-top: 3px;
border-radius: 5px;
-webkit-border-radius:5px;
}
nav.mobile_profile_nav.profileMobNavActive{
display:block;
}
.profileMob_btun_content{
background: #fff;
padding: 10px;
box-shadow: 2px 2px 2px 2px #ededed;
-webkit-box-shadow: 2px 2px 2px 2px #ededed;
border-radius:5px;
-webkit-border-radius:5px;
}
a.profile_mobileNavBtn{
display:flex;
display: -webkit-flex;
justify-content: space-between;
text-decoration:none;
color:#020206;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
ul.mobile_profile_ul{
list-style: none;
}
ul.mobile_profile_ul li{
margin: 0 0 5px 0;
}
ul.mobile_profile_ul li a{
display: block;
text-decoration: none;
color: #222222;
font-family: 'LatoRegular';
font-size: 1rem;
padding: 5px 0 5px 2px;
border-bottom: 1px solid #d0d7d9;
}
.invoice_content{
position: relative;
width: 100%;
overflow-x: auto;
}
table.invoice_table {
position: relative;
width: 100%;
}
.profile-label-input-content .input-col input{
width:100%;
}
.orderInfo_contentSbtBtn{
width:100%;
}
/*-----Order Section page-----*/
section.order_section{
width: 100%;
}
.order_container {
width: 95%;
}
.order_content {
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
flex-direction: column;
}
.order_left_content {
position: relative;
width: 100%;
}
.label-input-container {
position: relative;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.order_right_content {
position: relative;
width: 100%;
min-height:auto;
margin-bottom: 30px;
}

.popup_project_gallery {
position: relative;
width: 95%;
height: 350px;
background: #fff;
padding: 5px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
/*----Contact mobile-----*/
.contact_content{
position: relative;
max-width:100%;
height:auto;
margin: 10px auto;
}
.contact_box1{
flex-wrap: wrap-reverse;
}
iframe{
width: auto;
}
.footer_container {
position: relative;
max-width: 100%;
height: auto;
margin: 10px auto;
}
.footer_contant {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
padding: 0 20px 0 20px;
flex-wrap: wrap;
}
ul.footer_ul li a{
font-size: 15px;
}
}