@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
/* ========== Commn Css Strat ========== */
@import url('../../css.css');
/*font-family: 'Roboto', sans-serif;
font-family: 'Cairo', sans-serif;
font-family: 'Josefin Sans', sans-serif;*/
body{font-family: 'Cairo', sans-serif; font-weight: 400; color: #484848; font-size: 14px;}
html,body{overflow-x: hidden;}
p {margin:0px; padding:0px 0px 22px 0px; font-size: 15px; line-height:22px;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#324268; outline:none;}
a:active, a:focus{ outline:none; text-decoration:none!important;}
a:hover, a.selected {text-decoration:none; color:#333333;}
ul {list-style:none; margin: 0px; padding: 0px;}
li {list-style:none;}
.nonebox_shadow{box-shadow:0 0px 0px rgba(0, 0, 0, 0.05)!important;}
h1,h2,h3,h4,h5,h6{font-family: 'Josefin Sans', sans-serif;}
img{max-width:100%;}
p.last{ padding-bottom: 0px;}

/* ========== Commn Css End ========== */
/* ========== Do Not Touch In Css End ========== */
/* ========== Style Css Strat ========== */
/* ------- Header Area Strat ------- */
.top_area{background-color:#000; color: #fff; padding: 8px 0px;}
.call span{ border: #fff solid 2px; border-radius: 100%; width: 27px; height: 27px; display: block; text-align: center; line-height: 24px;}
.call table tr td:first-child{ width: 34px;}
.logo img{max-width:207px; width: 100%;}
.call span i{margin-top: 4px;}
.top_social{}
.min270{min-height:253px;position: relative;display: table-cell!important;vertical-align: middle !important;height: 250px!important;}
.top_social ul{ float: right;}
.top_social ul li {float: left; padding-right: 12px;}
.top_social ul li:last-child{ padding-right: 0px;}
.top_social ul li a{height: 27px; width: 27px; display: block; border: #fff solid 2px; border-radius: 100%; text-align: center; color: #fff; line-height: 24px;}
.top_social ul li.youtube:hover a{background:#dc2424; border-color:#dc2424;}
.top_social ul li.instagram:hover a{ background-color:#7c3aad; border-color:#7c3aad;}
.top_social ul li.twitter:hover a{background:#00a7e6; border-color:#00a7e6;}
.top_social ul li.facebook:hover a{background:#395693; border-color:#395693;}
.bgcon_icon .top_social ul li:hover a{ color: #fff;}
.call span,.color_g .top_social ul li a{border: #969393 solid 2px;}
.header_area{ padding: 19px 0px 0px; position: relative; z-index: 2;}
/* ------- Header Area End ------- */
/* ------- Navigation Area Strat ------- */
.services_paddtop{margin-top:30px;}
.text_center p{text-align: center; padding-bottom:10px; }
.navigation{ padding: 9px 0px 0px 0px;}
.navbar .collapse:not(.show) { display: block;}
.navbar-collapse, .navbar{align-items: top!important; -ms-flex-align: top!important; -moz-flex-align: top!important; -webkit-flex-align: top!important;}
.hideclose{display: none;}
.manuright{float: right;/* margin: 28px 0px 30px 0px; */}
.manuright .dropdown-menu {top:57px;  color: #B3B3B3; background-color: #1A1A1A;border-top: 2px solid #d60000; border-radius:0px; }
.manuright .dropdown-item:hover {color:#DC300F !important;background:none; }
.manuright .dropdown-item{color: #B3B3B3 !important; padding: 10px 13px 10px 0px; }

.manuright nav#sidebar ul li .dropdown-menu .dropdown-item{padding: 10px 12px; border: 0px; text-transform: inherit!important;}
.manuright nav#sidebar ul li:hover .dropdown-menu .dropdown-item{border: 0px!important; text-transform: inherit!important;}
.manuright nav#sidebar ul li .dropdown-menu:after{content: ''; position: absolute; top:-4px; left:20px; background: url(../images/arrow_top.png) no-repeat left top; width: 4px; height: 2px; display: block;}
.call a{ color: #fff;}
.con_icon a{ color: #484848;}
.manuright nav#sidebar ul li .dropdown-item.active, .manuright nav#sidebar ul li .dropdown-item:active{ background: none!important; color: #DC300F!important;}
/* ------- Navigation Area End ------- */
/* ------- Home Banner Area Strat ------- */
.banner_area{ position: relative; color: #fff; overflow: hidden; text-align: center; z-index: 1;}
.hm_banner{ position: relative; z-index: 1;}
.banner_box{ position: relative;}
.banner_img{ position: relative; z-index: 1;}
.temp{ position: absolute; z-index: 2; left: 0px; top: 30%; width: 100%;}
.banner_area h1{ font-size: 38px;  font-weight: 400; padding-bottom: 50px; line-height: 20px;font-family: 'Josefin Sans', sans-serif;letter-spacing: 4px;}
.banner_area h1 span{ font-size: 64px;font-weight: 800; display: inline-block; letter-spacing: 5px; background: url(../images/brd_2.jpg) repeat-x left 43px; line-height: 54px;}
.banner_area .tital_h1 .hd_line{ background: #fff;}
.banner_area p{ max-width: 683px; color: #B7B7B7; padding-bottom: 0px; color: #fff; font-size: 20px;margin: 0px auto; letter-spacing: 2px;}
.banner_area .btn_read_more{ padding-top: 50px;}
.banner_area .slick-slide {transition: all ease-in-out .3s; opacity: 1; position:relative; }
.banner_area .slick-slide .temp{transition: all ease-in-out .8s; z-index:999; position:absolute; top:-10%; opacity: 0;}
.banner_area .slick-slide.slick-current .temp{transition: all ease-in-out .8s;top:35%; opacity: 1;}
.banner_area .slick-arrow{ position: absolute; z-index: 999; bottom: 40%; top: auto; font-size: 30px; width: 11px; height: 45px;}
.banner_area .slick-arrow.slick-prev{ right: auto; left: 30px; background: url(../images/arrow_left.png) no-repeat left top;}
.banner_area .slick-arrow.slick-next{ right: 30px; background: url(../images/arrow_right.png) no-repeat left top;}
.banner_area .slick-arrow.slick-prev:hover{ background-image:url(../images/arrow_left.png);}
.banner_area .slick-arrow.slick-next:hover{ background-image:url(../images/arrow_right.png);}
.banner_area .slick-prev:before, .banner_area .slick-next:before{ font-size: 0px;}
/*.banner_area .slick-dots{ display: none!important;}*/
.banner_area .slick-dots li button{border: #fff solid 1px; font-size: 0px;-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; width: 33px; height: 6px;}
.banner_area .slick-dots li.slick-active button{ background: #fff;}
.banner_area .slick-dots{bottom: 10px;}
.banner_area .slick-slide { margin: 0px 0px;}
/* ------- Home Banner Area End ------- */
/* ------- Inner Banner Area Strat ------- */
.bottom20{margin-bottom:  30px;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
 
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    
}
.pagination ul,.pagination ul li.last_li:first-child{width: 100%}

.btn_fleft{float: left; width: 50%; text-align: left;}
.btn_fright{float: left; width: 50%; text-align: right;}
.ptop20{padding-top:15px;}
.mp_contact_area_new .ptop20 h3{font-size:25px;}
.banner_area.inner_bannre h1{font-size: 25px; line-height: 6px; text-align: center;}
.banner_area.inner_bannre h1 span{font-size: 50px; line-height: 47px; background-position: left 36px; letter-spacing:3px;}
.banner_area.inner_bannre .temp{top:39%;}
.page_product .slick-prev.slick-disabled:before, .page_product.slick-next.slick-disabled:before, .page_product .slick-prev:before, .page_product .slick-next:before{ display: none;}
.page_product .slick-next{ background: url(../images/img_next.png) no-repeat left top; width: 50px; height: 50px; right: -50px;}
.page_product .slick-prev{ background: url(../images/img_prev.png) no-repeat left top; width: 50px; height: 50px; left: -50px;}
.page_product .slick-next:hover{ background: url(../images/img_next_hover.png) no-repeat left top;}
.page_product .slick-prev:hover{ background: url(../images/img_prev_hover.png) no-repeat left top;}
.radius50{padding: 40px 0px 0px 0px;}
.slider-single .gallery_img, .container2 #portfoliolist a{ position: relative;}
.zoom_icon{ position: absolute; z-index: 2; left: 48%; top: 48%; width: 5%; height: 5%; background: rgba(255,255,255,0.5); text-align: center; opacity: 0;-webkit-transition: all .25s ease-out;
    transform: rotateZ(180deg);
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.slider-single .gallery_img img, .gallery_page a img{ position: relative;z-index: 1;}
.zoom_icon i{ margin: 42% auto 0px auto; color: #ff0000; }
.slider-single .gallery_img:hover .zoom_icon, .gallery_page a:hover .zoom_icon{ 
font-size: 20px;    
    left: 0px; top: 0px;
    width: 100%; height: 100%;
     transform: rotateZ(0deg);
opacity: 1;-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.gallery_page a .zoom_icon{ font-size: 20px;}
/* ------- Inner Banner Area End ------- */
/* ------- Pages Contener Area Strat ------- */
.mpcontener{}
.mpcontener h2{font-size: 40px; color: #252525;}
.bggre{background-color: #f1f1f1; padding: 70px 0px;}
.img_responsive img{max-width: 100%;}
.hmimg{ text-align: right;}
.abimg{padding: 0px;}
.hd_class{ position: relative; z-index: 1;}
.later{ position:relative; z-index: 1; }
.laterrelative {position: absolute; z-index: 2; top: 18px; width: 100%; text-align: center;}

.later h1{text-align: center; font-size: 100px;color:#E5E5E5; font-weight: 700; line-height: normal; line-height: 100px;}
.laterrelative h2{text-align: center; font-size: 40px;font-weight: 600; color: #252525;font-style: normal;}
.max_with526{max-width: 526px; margin-left: auto; margin-right: auto;}
/*.aboutlater h1{text-align: center;font-size: 100px; color: #E5E5E5; font-size: 100px;margin-top: 70px;font-weight: 700;position: absolute;}*/ 
/*.Aboutlaterrelative h2{ font-size: 40px;font-weight: 600;position: relative; margin-top: 90px;padding-bottom: 25px; color: #252525}*/

 .Alater p{ margin: 0px; padding: 0px 0px 71px 0px; font-size:15px;}
.bgcol{background-color: #ffff; margin:50px 0px 38px 0px;}
 .plater p{margin: 0px; padding: 0px 0px 10px 0px;}
.paddtop20{padding-top: 15px;}
.button img{position:absolute; max-width: 100%; margin: 19px 34%;}
.svs{margin:20px 0;}
.button blater {position: relative;}
.hm_about_text p{ padding-bottom: 30px;}
.margin_top40{margin-top: 40px;}
/* ..... Home Page Contener Gallery Area Strat ..... */
.glater h1{text-align: center; font-size: 134px;color:#E5E5E5;font-size: 102px;width: 97%;margin-top: 72px;font-weight: 600; position:absolute; }
.glaterrelative h2{text-align: center; font-size: 50px;font-weight: 600; position:relative; margin-top: 103px;padding-bottom: 31px; }
.productimg img{max-width: 100%; padding-bottom: 30px;}
.gbutton img{ max-width: 100%;}
.hm_services{ padding: 10px 0px 0px 0px;}
.service_box{ position: relative; max-width: 571px; margin: 0px auto;}
.services_img{ position: relative; z-index: 1; border: #ddd solid 1px;}
.services_text{ position: absolute; z-index: 2; right: 0px; bottom: 0px; background: rgba(5,18,127,0.8); min-height: 40px; max-width: 310px; width: 100%; color: #fff; padding: 5px 0px 3px 0px;}
.brd1{ background: url(../images/brd_line.png) no-repeat left top; padding: 0px 15px 0px 30px;}
.service_box h3{ font-size: 17px; padding-bottom: 13px;}
.service_box a{ color: #fff; font-size: 16px; letter-spacing: 2px;}
.service_box p{padding-bottom: 8px;}
.container2{text-align: center;}
#filters{ display: inline-block; margin: 20px auto 45px auto;}
#filters li{ font-size: 15px;}
.container2{padding-bottom: 10px;}
/* ..... Home Page Contener Services Area Strat ..... */

.glater h1{text-align: center; font-size: 134px;color:#E5E5E5;font-size: 100px;width: 97%;margin-top: 72px;font-weight: 700; position:absolute; }
.glaterrelative h2{text-align: center; font-size: 40px;font-weight: 700; position: relative; margin-top: 102px;padding-bottom: 31px;}
.Services img{max-width: 100%;     padding-bottom: 80px;}
/* ..... Home Page Our Principals Services Area Strat ..... */

/*------- slick slider Start -------*/
.slider { width: 100%; margin:0px auto; }
.slick-slide { margin: 0px 12px;}
.slick-slide img {width: 100%; cursor: pointer;}
.slick-active { opacity: 1;}
.slick-current {opacity: 1; }
.slick-prev:before,.slick-next:before { color: black;}
.slick-dotted.slick-slider{ margin-bottom: 0px!important;}
.photo_gallery{min-height:270px!important;display: table-cell!important;
    vertical-align: middle !important;
    height: 250px!important;     border: 1px solid #e4e4e4;}

.regular div.slick-slide{ overflow:hidden;}
/*------- slick slider End -------*/
.commn_arrow .slick-slide{ margin-right: 30px;}
.commn_arrow .slick-active{ opacity: 1;}
/*.commn_arrow .slick-prev::before, .commn_arrow .slick-next::before{ font-size: 0px;}
.commn_arrow .slick-arrow{ position: absolute; z-index: 999; top: -30px; font-size: 0px; width: 40px; height: 19px;}
.commn_arrow .slick-arrow.slick-prev{ right: 90px; left: auto; background: url(../images/arrow_left.png) no-repeat left top;}
.commn_arrow .slick-arrow.slick-next{ right: 30px; background: url(../images/arrow_right.png) no-repeat left top;}
.commn_arrow .slick-arrow.slick-prev:hover{ background-image:url(../images/arrow_left_hover.png);}
.commn_arrow .slick-arrow.slick-next:hover{ background-image:url(../images/arrow_right_hover.png);}
.commn_arrow .slick-prev:before, .banner_area .slick-next:before{ font-size: 0px;}*/
.commn_arrow .slick-dots{ display: none!important;}
.commn_arrow .slick-slide img{ width: auto; max-width: 100%; margin: 0px auto;}
.hm_product{ padding-top: 30px;}

.box2{ position: relative;}
.img_box2{text-align: center;  border: #ddd solid 1px;}
.img_box2 img{ max-width: 100%;}
.padd70{padding: 70px 0px;}
/* ..... Home Page Contener Area End ..... */
/* ..... Inner Page Contener Area Strat ..... */
.about_thead_later .laterrelative  h2{text-align: left; padding-left: 8px;}
/*.about_thead_later .laterrelative{top: 18px;}*/
.about_thead_later .later h1{text-align:left;}
.padd123{padding: 45px 0px 70px 0px;}
.container_img img{max-width:100%; }
.contact_Content{padding: 20px 0px 0px 0px;}
.contact_Content .con_title h1{font-size:30px;color:#252525;}
.contact_Content .pad40 p{padding:0px;}
.contact_Content .pad40{    padding: 15px 0px 63px 0px;}
.contact_Content  .con_icon{color:#05127f;font-size:31px;padding: 0px 0px 10px 0px; }
.bgcon_icon .top_social ul li a{color:#666666;line-height: 24px;font-size: 13px; border: #666666 solid 1px;}
.bgcon_icon .top_social ul{float: none;}
.bgcon_icon {padding-top: 50px;}
.ppadding p{padding:0px;}
.maparea{text-align: center;}
.call_icon img{max-width: 100%;}
.pagination  ul li a,.btn_red{background:#05127f!important; padding:10px 30px!important; color: #fff!important; border-radius: 0px!important; border: none!important;  text-align: center; display: inline-block; margin: 0 auto; text-transform: uppercase;    max-width: 200px;}
.footerlogo img{max-width: 176px;}
.btn_red{position: relative;}
.btn_red span::before,.btn_red span::after {position: absolute;content: '';opacity: 1;}
.btn_red span::before {top: 6px;right: 0px;bottom: 6px;left: 0px;border-top: 1px solid #fff;
border-bottom: 1px solid #fff;-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0;transform-origin: 0 0;}
.btn_red span::after {top: 0px;right: 10px;bottom: 0px;left: 10px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);
-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.btn_red span::before,.btn_red span::after{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.btn_red:hover span::before,.btn_red:hover span::after,.btn_red span::before,.btn_red span::after {opacity: 1;-webkit-transform: scale(1);}
.btn_red :hover{-webkit-transform: scale(0);}
.btn_red:hover span::after {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.btn_red:hover{background:#5663ca!important;}
.boxedit .custom-file-label  ,.boxedit .form-control{border-radius: 20px !important; padding: 5px 15px; height: 50px}
.boxedit .custom-file-label{padding: 10px 15px; font-size: 18px; font-weight: 500;color: #6c757d;opacity:1; height: 50px; border-radius: 20px!important;}
.boxedit .custom-file-input.error + label + label{ border: #ff0000 solid 1px;}
.custom-file{height: 50px;}input{outline: none;}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 48px;
    /* padding: .375rem .75rem; */
    line-height: 1.5;
    color: #6c757d;
    content: "Browse";
    font-size: 18px;
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    padding: 10px 23px;
    border-radius: 0px 19px 19px 0px;
}
.boxedit .textarea .form-control{height: 206px; resize: none;}
.boxedit  .form-group {margin: 0px 0px 28px 0px; }
.msgbutton {text-align: center;}
.msgbutton img{max-width:100%;}
.boxedit .conttext{text-align: center;}
.boxedit .conttext h1{font-size: 30px; text-align:center;padding-bottom: 28px;}
.slick-dots li.slick-active button:before{font-size: 0px;}
.kitchendetaile img{max-width:100%;}
.kitchendetaile .show_img{ position: relative; overflow: hidden; transition:.25s; margin-bottom:30px;border: 1px solid #e4e4e4;}
.kitchendetaile .show_img .k_detaile .bg_margin{ margin: 5%;}
.kitchendetaile .show_img:hover .k_detaile{opacity: 1; visibility: visible;transition:.25s;}
.kitchendetaile .k_detaile{position: absolute;border: 2px solid #0006;width: 90%;top: 0;
left: 0;height: 90%; background: #fff9;box-shadow: 0px 0px 0px 16px #fff9; opacity: 0; visibility: hidden; transition:.25s; margin: 5%;     z-index: 2;} 
.kitchendetaile .k_detaile h4{text-align: center; font-size: 19px;padding-top: 38%;        color: #000;}
.kitchendetaile .k_detaile a{color:#000; margin: 3px auto;display: block;border-top: 2px solid #000;width: 84px;font-size: 18px;}
.kitchendetaile .k_detaile .bdr{background:url('../images/hbdr.jpg'); width: 33%;height: 2px;
position: absolute;top: 52%;left: 34%;}
/* ----------- Images Gallery Css Strat ----------- */
.mp_top{margin-top:25px; }
.addodintbox{ border-right:#000 solid 1px; position:relative; float:left; width:100%; max-width:300px;}
.addodintbox div{ position:relative; z-index:1;}
.addodintbox span{ position:absolute; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; text-align:center; background:url(../images/bg_black_tranfer.png) repeat left top; z-index:2;visibility:hidden; opacity: 0; 
-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.addodintbox:hover span{visibility:visible; opacity: 1; 
-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.addodintbox span i{ display:block; background:url(../images/icon_zoom.png) no-repeat center center; position:absolute; height:100%; width:100%;}
.addodintbox div img{ width:100%; max-width:332px;}
.lastbrdnone{ border-right:none!important;}
.contact_form{ max-width: 970px; margin: 0px auto;}
.contact_form .form-control:focus {box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);}
.contact_form .form-group{position: relative;}
.info2, .success, .warning2, .failure, .validation2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;}
.info2{color:#00529B;background-color:#BDE5F8;background-image:url(../../assets/images/info.png);}
.success{color:#4F8A10;background-color:#DFF2BF;background-image:url(../images/success.png);}
.warning2{color:#9F6000;background-color:#FEEFB3;background-image:url(../../assets/images/warning.png);}
.failure{color:#D8000C;background-color:#FFBABA;background-image:url(../images/error.png);}
.hm_client #owl-example1, .hm_client .owl-carousel .owl-stage-outer{height:110px!important;}
input[type="text"].error,textarea.error,.custom-file-label.error{border:1px solid #F00!important;}
.error .custom-file-input .msgerror{position: absolute;bottom: -28px;}
.custom-file-label .error ,label.error{color:#F00;}
.custom-file-label .error,.custom-file-label .error,label.error{!important;position:absolute;font-size:13px;font-weight:400; right: 20px; bottom: -30px;}

.alert-specialsuccess {
    color: #4f8a10;
    padding: 4px 0 3px 357px;
}

.alert-specialinfo {
    color: #3d8fd8;
    padding: 4px 0 3px 357px;
}
.btn-submit{padding: 0px; background: none; border: 0px;}
@media and (-webkit-min-device-pixel-ratio:0) {
  .laterrelative{top:18px;} 
}

/* ----------- Images Gallery Css End ----------- */
/* ---Error Messge Strat  --- */
.info2, .success2, .warning2, .failure, .validation2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;}
.info2{color:#00529B;background-color:#BDE5F8;background-image:url(../../assets/images/info.png);}
.success2{color:#4F8A10;background-color:#DFF2BF;background-image:url(../images/success.png);}
.warning2{color:#9F6000;background-color:#FEEFB3;background-image:url(../../assets/images/warning.png);}
.failure{color:#D8000C;background-color:#FFBABA;background-image:url(../images/error.png);}
/* ---Error Messge End  --- */

#sidebar ul li a, #sidebar ul li:hover a, .top_social ul li:hover a,.manu ul li:hover a ,.downloadbutton{-webkit-transition: all .25s ease-out;
-moz-transition: all .30s ease-out;
-ms-transition: all .30s ease-out;
-o-transition: all .30s ease-out;
transition: all .30s ease-out;}
/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */
/* ------- Footer Area Strat ------- */
.footer_area{ font-size: 13px;}
.bgfooter{background-color:#252525; padding:70px 0px 60px 0px;}
.footer_top{ padding-bottom: 30px;}
.footer_top .top_social{ padding-top: 9px;}
.footer_top .top_social ul{ float: none;}
.floatnone{ float: none;}
.footerlogo{ text-align: center;}
.downloadbutton{text-align: right;cursor:pointer;}
.footer_navi{ text-align: center; padding: 37px 0px 0px 0px;border-top:2px solid #373737;}
.manu{text-align: center;}
.manu ul{margin: 0px; padding: 0px auto; display: inline-block;}
.manu ul li {float: left; font-size: 16px; font-weight: 400; padding: 0px 50px 0px 0px;}
.manu ul li:last-child{ padding-right: 0px;}
.manu ul li a{color:#B3B3B3;}
.manu ul li a:hover, .manu ul li.active a{color:#fff; }
.bgblack{ background: #1A1A1A; color: #FFFFFF; border-radius: }

/* ------- Footer Area End ------- */
.bgblack{ font-size: 12px; padding: 12px 0px;}
.Copyright p{ margin: 0px; padding: 0px; font-size: 12px; }
.meghlogo img{float: right;}
.meghlogo table{float: right;}

/* ------- Footer Area End ------- */
#toTop { width:100px; border:1px solid #fdc3c8; background:#ffd8db; text-align:center; padding:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#000; font-family: 'Roboto', sans-serif; font-size:11px;}
.uploadresume .form-control{ -webkit-border-radius: 20px 0px 0px 20px!important;
-moz-border-radius: 20px 0px 0px 20px!important;
border-radius: 20px 0px 0px 20px!important; background: #fff;}
.uploadresume .btn-none,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{ background: #f0f0f0!important; border: #DDE5EB solid 2px; margin-left: -2px; color: #000; padding: 6px 10px;    padding: 4px 10px;border-radius: 0 20px 20px 0px;}
.uploadresume .btn-none .career_btn{ font-size: 16px!important;color: #80758f;}
.uploadresume .input-group-btn {position: relative; overflow: hidden; cursor: pointer;}
.uploadresume .custom-file-input{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; cursor: pointer;}
/* ========== Style Css End ========== */
::-webkit-scrollbar { -webkit-appearance: none;}
::-webkit-scrollbar:vertical { width: 12px;}
::-webkit-scrollbar:horizontal { height: 12px;}
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff;}
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff;}
.min_height400 {min-height: 600px;}
.min_height400 .mpcontener .bggre{ min-height: 600px;}
.mp_contact_area_new .filed { font-size: 20px; color: #000; padding-bottom: 5px 0px;}
.content{
	overflow: auto;
	position: relative;
	max-width: 97%;
	height: 380px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.padd_contact{padding-bottom: 50px;}
.con_title{position: relative;}
.btn_back{position: absolute; top: 5px; right: 45px;}
.btn_back a{ display: inline-block; background: #000; color: #fff; padding: 3px 7px;}
.paddtop{padding-top:20px;}
.mg_btm{margin-bottom: 30px;}
.row-offcanvas .visible-xs{ display: none;}
.gallery_page .mg_btm{ z-index: 0;}

/* ==================== Bootstrap Css Strat ==================== */

@media screen and (min-width : 1025px){
.navbar ul > li:hover > .dropdown-menu {display: block; top: 30px;}
.navbar .navbar-brand{ display:none;}
.navbar-collapse{ padding-left:0px; padding-right:0px;}
.dropdown-menu > li{ border-bottom:#dddddd solid 0px;}
.dropdown-menu > li:last-child{ border-bottom:none;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff!important; text-decoration: none; background-color: #5b5b5b;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff!important; text-decoration: none; background-color: #5b5b5b; outline: 0;}
    .manuright nav ul li:hover .dropdown-menu {display: block;}
}
@media only screen and (max-width:1280px) {
    .footer_top .top_social ul li{padding-right: 8px;}

}
@media screen and (min-width:1300px){
    .banner_img img{width:100%}
}
@media only screen and (max-width:1024px) {
    .page_product .slick-prev{width: 40px; height: 40px;left:-40px;background-size: cover;}
    .page_product .slick-prev:hover{background-size: cover;}
     .page_product .slick-next{width: 40px; height: 40px;right:-40px;background-size: cover;}
    .page_product .slick-next:hover{background-size: cover;}
    .later h1{font-size: 70px; line-height: 70px;}
    .laterrelative h2{ font-size: 34px;}
    .laterrelative{top: 11px;}
    .hd_class{padding-bottom: 10px;}
     .banner_area .slick-slide .temp{ top: -10%;}
    .contact_Content .pad40 { padding: 0px 0px 8px 0px;}
    .logo{padding-bottom: 20px;}
    /*.banner_area .slick-slide.slick-current .temp{ top: 10%;}*/
    .content{height: 296px;}
    
}
@media only screen and (max-width:1000px) {
    .header_area {padding: 19px 0px 19px;}
    .logo{ text-align: center;}
    .manuright{float: none;}
    .navigation{ padding: 15px 0px 0px 0px;}
    .header_area{padding-bottom: 0px;}
    .later h1{font-size: 50px;}
    .laterrelative h2{ font-size: 28px;}
    .laterrelative{top: 13px;}
    .margin_top40{ margin-top: 10px;}
    .marginbtm30_iped{ margin-bottom: 30px;}
    #filters{margin: 15px auto 20px auto;}
     .banner_area h1{ font-size: 40px; margin-bottom: 0px; padding-bottom: 15px;}
    .banner_area .btn_read_more{ padding-top: 26px;}
   /* .banner_area .slick-arrow.slick-next{ right: 10px;}
    .banner_area .slick-arrow.slick-prev{ right: 60px;}*/
    /*.banner_area .slick-arrow{ bottom: 15px;}*/  
    .max_with_set1{ max-width: 96%; margin: 0px auto; float: none;}
    .about_thead_later .later h1 { text-align: left;}
    .about_thead_later .laterrelative{top:8px;}
    .abimg{text-align:center;}
    .mpcontener h2 {font-size: 30px;font-weight: 600;color: #252525;}
    .container_img{text-align: center;}
    .about_later{padding-bottom: 30px;}
    .about_later p{padding: 0px;}
    .abt_banner_later .temp{top: 36px;} 
    .manuright .dropdown-menu {top: 49px;}
    .content1{padding-bottom:30px;}
    .contact_Content .con_icon{text-align: center;}
    .contact_Content .pad40 { padding: 0px 0px 8px 0px;}
    .ppadding p {padding: 0px;text-align: center;}
    .contact_Content .con_title h1{text-align: center;}
    .bgcon_icon .top_social{text-align: center;}
    .photo_gallery{min-height: 150px!important; height: 150px!important;}
    .min270 {min-height: 200px!important;height: 200px!important;}
     
    .bgcon_icon .top_social ul{display: inline-block; margin-left: auto; margin-right: auto;}
    .banner_area.inner_bannre .temp { top: 35%;}
    .content{height: 100%;}
    .page_product .slick-next {height: 30px;width: 30px;right: -4%;background-size: 30px;}
    .page_product .slick-prev {width: 30px;height: 30px;left: -4%;background-size: 30px;}
    .page_product .slick-next:hover, .page_product .slick-prev:hover{background-size: 30px;}
    .padd70.padd_spcial{padding-bottom: 50px;}
    .kitchendetaile .k_detaile h4 {font-size: 16px;}
    
   
}
@media screen and (min-width : 768px) and (max-width : 1020px) {
   .manuright .dropdown-menu {top: 51px;}
 
}
@media only screen and (max-width:768px) {
   

}
@media only screen and (max-width:767px) {
    .min270{height: 250px!important;}
    .paddtop20{text-align: center;}
    .row-offcanvas.active .btn-primary { margin-left: -72px!important;}
    .row-offcanvas-left .sidebar-offcanvas { left: -77%!important;}
    .mobile_center p{text-align: center;}
.hideclose{display: block; float: right;}  
    .navigation{ padding: 15px 0px 0px 15px;}
    #filters li {padding: 0px 1px;}
    .header_area{ padding: 15px 0px;}
    .navigation { padding-top: 6px;}
    .padd00 .contact_Content{padding: 20px 0px 30px 0px !important;}
    .logo{ text-align: left;}
    .footer_top .top_social, .downloadbutton{ text-align: center;}
    .footer_top .top_social ul{ display: inline-block; margin: 0px auto;}
    .footer_top .top_social{ padding: 15px 0px 25px 0px;}
    .footer_navi{padding: 0px 0px 0px 0px;}
    .footer_navi ul{ direction: }
    .manu ul{ display: block;}
    .manu ul li{ float: none; padding: 0px; border-bottom: #4c4b4b solid 1px;}
    .manu ul li:last-child{ border-bottom: none;}
    .manu ul li a{ display: block; padding: 5px 0px;}
    .manu ul li:last-child a{ padding-bottom: 0px;}
    .bgfooter{padding-bottom: 25px;}
    .hm_about_text{margin-bottom: 40px;}
    .hmimg{text-align: center;}
    .bggre{padding:30px 0px;}
    #filters li span,#filters li span.active{ color: #fff; background: #e95a44; padding: 3px 15px 5px 15px; display: block;}
    #filters li span{ background: #c9c3c3; color: #000;}
     #filters li {padding: 0px 5px;} 
    .padd70{ padding: 30px 0px;}
    .contact_Content .con_icon{text-align: center;}
    .ppadding p {padding: 0px;text-align: center;}
    .banner_area .container{ width: 100%; max-width: 100%;} 
    .banner_area h1{font-size: 31px;}
    .banner_area h1 span{font-size: 50px;}
    .about_later p {padding: 0px;}
    .about_thead_later .laterrelative h2, .about_thead_later .later h1{text-align: center; padding-left: 0px;}
    .mpcontener h2, .missionlater, .about_later{text-align: center;}
 .banner_area.inner_bannre h1 span{font-size:46px;line-height:43px;background-position:left 32px;}
    .contact_Content {padding: 20px 0px 35px 0px;}
    .page_product .slick-prev, .page_product .slick-next{top:auto; bottom:-60px}
    .page_product .slick-next {height: 30px;width: 30px;right: 40%;background-size: 30px;}
    .page_product .slick-prev {width: 30px;height: 30px;left: 40%;background-size: 30px;}
    .page_product .slick-next:hover, .page_product .slick-prev:hover{background-size: 30px;}
    .page_product .contact_Content{text-align: center;}
    .manuright .dropdown-menu{margin-top: 0px; border: none;}
    .   hm_gallery_area{ text-align: center;}
    .logo {padding-bottom: 0px;}
    .btn_back{ position: relative; left: auto; right: auto; top: auto; text-align: right; margin-bottom: 5px;}
    .row-offcanvas .visible-xs{ display: block;}
    .container2 .gallery_page span{text-align: center;width: 100%;}
    
}
@media only screen and (max-width:667px) {
   .row-offcanvas-left .sidebar-offcanvas {left: -65%!important;}
    .banner_area .btn_read_more{ display: none;}
    .banner_area .slick-slide .temp{ top: -10%;}
    .banner_area .slick-slide.slick-current .temp{ top: 35%;}
    .banner_area h1 span{font-size: 45px;}
    .banner_area .slick-arrow{bottom:36%;}
    .abt_banner_later .temp{top:23px;}
    .banner_area.inner_bannre h1 span {font-size: 37px;line-height: 40px; background-position: left 29px;}
    .banner_area.inner_bannre h1{font-size: 20px;line-height: 0px;text-align: center;}
     .padd123{padding: 50px 0px;}
    .bgcon_icon { padding-top: 47px;}
   
}
@media only screen and (max-width:640px) {
  
}
@media (max-width: 570px) {
    .row-offcanvas-left.active { left: 62% !important;}
 .abt_banner_later .temp{top:13px;}  
      #filters li {padding: 0px 5px;}
     .contact_Content .con_icon{text-align:center;}
.banner_area.inner_bannre h1 span{font-size: 30px;line-height: 36px;background-position: left 25px;}
    .contact_Content .con_title h1 ,.ppadding p {text-align: center;}
 .boxedit .form-group {margin: 0px 0px 12px 0px;}
    .banner_area.inner_bannre h1{font-size: 17px;}
    .banner_area.inner_bannre .temp { top: 29%;}
    .radius50{padding-top: 18px;}
    .logo {padding-bottom: 0px;}
    .mp_contact_area_new .ptop20 h3{font-size:20px!important;}
    .contact_Content .con_icon{padding: 0px;}
    .contact_Content .ppadding p{padding-bottom: 20px;}
    .bgcon_icon{padding-top: 0px;}
    .contact_Content .pad40 p{text-align:center;}
    .laterrelative {top: 15px;}
    .slick-dots li button{padding: 3px;}
    .banner_area .slick-dots li button{width: 20px;}
    .slick-dots li{width:20px; margin: 0 3px;}
   
    
}
@media (max-width: 480px) {
    .about_thead_later .laterrelative {top: 15px;}
    .later h1 {font-size: 40px;}
   .hm_product { padding-top: 14px;}
    #filters li{ width: 25%; margin-bottom: 8px; float: none; display: inline-block;}
    .services_text{ position: relative; max-width:100%;}
    .service_box h3{ font-size: 16px;}
  
    .abt_banner_later .temp{top:8px;}
     .banner_area table tr td:first-child{ width: 58px; padding-right: 10px; padding-top: 15px;}
     /*.banner_area .slick-arrow{ background-size: 30px!important; width: 30px;}*/
    /*.banner_area .slick-arrow.slick-prev{ right: 53px;}
    .banner_area .slick-arrow{ bottom: 8px; height: 15px;}*/
    .banner_area .slick-arrow{bottom:26%;}
    .banner_area h1{font-size: 20px;}
    .banner_area h1 span{font-size: 40px;}
    .banner_area .slick-slide.slick-current .temp{top: 22%;}
     .banner_area .slick-arrow.slick-next{ right: 15px;}
    .banner_area .slick-arrow.slick-prev{ left: 15px;}
     .boxedit .form-group {margin: 0px 0px 14px 0px;}
    .logo {padding-bottom: 0px;}
    .btn_back{text-align: center; margin-bottom: 15px;}
    .btn_back a{ padding: 5px 15px; font-size: 16px;}
    .contact_Content.paddset_top{ padding-top: 7px;}
    
    .row-offcanvas-left.active .sidebar-offcanvas {left: -65%!important;}
 .row-offcanvas.active .btn-primary {margin-left: 3px!important;}
    .min270 { height: 200px!important;}
    .banner_area .slick-dots {bottom: -3px;}
    .banner_area p{line-height:14px;font-size:18px;}
}
@media (max-width: 400px) {
   #filters li{ width: 25%; margin-bottom: 8px; float: none; display: inline-block;}
  .banner_area .slick-arrow{bottom:26%;}
    .banner_area h1{font-size: 18px;}
    .banner_area h1 span{font-size: 30px;}
    .banner_area .slick-slide.slick-current .temp{top: 18%;}  
    .banner_area.inner_bannre .temp{top:22%;}
    .banner_area.inner_bannre h1 span {font-size: 25px;line-height: 33px;background-position: left 23px;}
    .banner_area.inner_bannre h1 {font-size: 15px;}
   .kitchendetaile .col-6{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} 
    .kitchendetaile .col-6 .show_img{max-width: 270px; margin-left: auto; margin-right: auto;}
    .kitchendetaile .k_detaile h4 {font-size: 20px;}
    .row-offcanvas-left .sidebar-offcanvas {left: -70%!important;}
    .min270 { height: 270px!important;}
    .banner_area p{font-size: 18px;    line-height: 5px; letter-spacing: 0;}
}
@media (max-width: 375px) {
    .bgblack .col-8, .bgblack .col-4{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}
    .meghlogo table{float: none; margin: 0px auto;}
    #filters li span,#filters li span.active{ padding: 3px 7px 5px 7px}
    
    #portfoliolist .col-6.portfolio{ padding: 0px 5px; margin-bottom: 10px;}
    .banner_area .slick-dots li button{ width: 20px; height: 3px;}
    .banner_area .slick-dots { bottom:-2px;}
    .banner_area h1{font-size: 16px; line-height: 0px;}
    .banner_area h1 span{font-size: 25px; background-position: left 37px; line-height: 52px;}
    .banner_area .slick-arrow { bottom: 21%; display: none!important;}
    .abt_banner_later .temp{top:0px;}
    .boxedit .form-group {margin: 0px 0px 25px 0px;}
    .later h1 {font-size: 36px;}
    .contact_Content .con_title h1 {font-size: 25px;}
    .top_area .row .col-6:last-child{padding-left: 0px;}
    
   
}
@media (max-width: 330px) {
    .top_area .col-6:first-child{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
     .top_area .col-6:last-child{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
    .top_social ul li{ padding-right: 6px;}
    #filters li{ width: 32%; margin-bottom: 8px; float: none; display: inline-block;}
     .page_product .slick-next{right:38%;}
    .page_product .slick-prev{left: 38%}
    .banner_area.inner_bannre h1 span{ font-size: 20px;}
    .banner_area.inner_bannre h1{ font-size: 12px;}
    .banner_area.inner_bannre .temp { top: 13%;}
  
}
@media (max-width: 330px){
    .banner_area p{font-size: 16px;}
}