.navbar ul li{display:inline-block;text-align:center;padding-bottom:10px;}
.navbar ul li a{display:block;font-size:16px;color:#272727;padding:5px 15px;font-family:'Lato', sans-serif;;position:relative; z-index:1;   transition:all 0.5s;text-align:center;text-transform:uppercase;    font-weight: bold; line-height:21px;}
/*.sticky .navbar ul li a{color:#4f4f4f;}
*/.navbar ul li a:hover{color:#DE4044;}
.dropdown-menu{padding-left:0;visibility:hidden;transform:translatey(50px);transition:all 0.3s;opacity:0;min-width: 450px !important;}
.dropdown-menu li ul li{display: block !important;padding-bottom: 0 !important;display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;position:relative;}
.dropdown-menu li a{text-align: left !important;padding: 8px 20px 8px 15px !important;font-size: 14px !important; font-family: 'Lato', sans-serif;}
.dropdown-menu li ul li:before{content: "\f101"; position:absolute; left:1px; top:12px; font-size:12px;}
#myModal .close{width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.62); color: #fff; border-radius: 50%; right: -10px; top: -10px; z-index: 20000; position: absolute; opacity: 1;}
.dropdown:hover .dropdown-menu{visibility:visible;transform:translatey(0px);opacity:1;}
.dropdown-menu ul{ padding-left:0;}
.navbar .dropdown-menu h4{ text-align:left; position:relative; padding-bottom:10px; text-transform:capitalize !important; font-size:16px !important; font-weight:bold}
.dropdown-menu h4:before, .dropdown-menu h4:after{ content:''; position:absolute; display:block; border-bottom:1px solid #DAC7A3; left:0; right:0;}
.dropdown-menu h4:before{ bottom:0px;}
.dropdown-menu h4:after{ bottom:-2px;}
.responsiveImg{width:100%;}
header{transition:all 1s;z-index:300;position:fixed;top:0;left:0;width:100%;box-shadow: 0 0 5px #ccc;background-color:rgba(256,256,256,1);-webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);}
.sticky {position:fixed;top:0;left:0;width:100%;box-shadow: 0 0 5px #ccc;background-color:rgba(256,256,256,1);-webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);}
.paddR0{padding-right:0!important}
.navigator{margin-bottom: 0;margin-top: 40px;transition:all 0.5s;}
.bgn{ background:#F6E8CD;}
/*.sticky .navigator{margin-top: 20px !important;}
.sticky .dropdown{padding-bottom:15px !important;}
*/.sticky .logo img{max-width: 240px;padding: 5px 0;}
.logo img{transition:all 1s;width:100%;padding:5px 0;max-width: 327px;}

.TopSpace{ margin-top:120px;position:relative;display:block;}
.MarTopSpace{ margin-top:120px;}
@font-face {
    font-family: jaapokki;
    src: url('../fonts/web/jaapokki-regular.ttf');
}

/*.bann-back{background-image:url(../images/stick.jpg);}*/

.padd0{padding-left:0 !important;padding-right:0 !important;}
.paddtop{padding-top:90px;}.paddbot{padding-bottom:70px;}
.f1f1f1{ background-color:#EDE9E1}
.about-index h2{font-size:36px;line-height:1.33333;letter-spacing:0.2em;text-transform:uppercase;margin-top:0;margin-bottom:0;font-family:"Jaapokki", Helvetica, Arial, sans-serif;font-weight:400;color:#242423;}
.about-index p{font-size:14px;line-height:26px;color: #404040;margin-top:20px;margin-bottom:20px;}
.about-index a{display: inline-block;padding: 8px 50px;border-radius: 25px;background-color: #90181B;font-family: 'Jaapokki';color: #fff;    text-transform: uppercase;font-size: 14px;}
.about-index a:hover{color:#fff;background-color: #F3BD13;}

.back-image{background-image:url(../images/service-back.jpg);background-size:100% 100%;}
.back-color{background-color:#8C6344;}
/*.banner-stick{transform: scale(1.3);}*/
.banner-content{position:absolute;top:40%;left:6%;max-width:709px;}
.banner-content h2{color:#fff;font-family:"Jaapokki", Helvetica, Arial, sans-serif;font-size:62px;font-weight:400;line-height:0.923333;}
.banner-content p{color:#fff;font-size:16px;font-weight:400;font-family:"roboto mono";margin-top:38px;margin-bottom:50px;}
.banner-content a{display: inline-block;padding: 8px 50px;border-radius: 25px;background-color: #90181B;font-family: 'Jaapokki';color: #fff;    text-transform: uppercase;font-size: 14px;}
.banner-content a:hover{color:#000;background-color: #fff;}

.services h2{color:#FFF;font-family:'jaapokki';letter-spacing:1.2px;font-size:36px;/*margin-bottom:30px;*/line-height: 1.2;letter-spacing:.2em;}
.services p{color:#FFF;font-family:"roboto mono";font-size:14px;letter-spacing:0.1em;font-weight:300;margin-top:28px;margin-bottom:35px;}
.services a{display: inline-block;padding: 8px 50px;border-radius: 25px;background-color: #90181B;font-family: 'Jaapokki';color: #fff;    text-transform: uppercase;font-size: 14px;}
.services a:hover{color:#fff;background-color: #000;}
.serviceIcon{max-width:90px;}
.padd20{padding: 20px !important;}
.services1 p{color:#FFF;font-family:"roboto mono";font-size:13px;text-align:center;font-weight: 300;}
.services1 h4{margin-bottom:0;font-family: "Jaapokki", Helvetica, Arial, sans-serif;font-weight:400;color:#fff;font-size:14px;line-height:1.42857;text-transform: uppercase;margin-top:55px;}
.services1 a h4:hover{color: #F2BD12;}
.padd31{padding:30px 30px 30px 10px !important;}
.bor-right{border-right:1px solid #ccc;} .bor-bottom{border-bottom:1px solid #ccc;}

.back-banner{background-image:url(../images/banner.jpg);background-size:100% 100%;    background-attachment: fixed;}
.bak-banner{height:300px;}

.content-title{text-align:center;font-family: "Jaapokki", Helvetica, Arial, sans-serif;font-weight:400;color:#4F4F4F;text-transform:uppercase; font-size:36px;letter-spacing:.2em;line-height:1.3333;}
.content-title-text{text-align:center;font-family:'Poppins';font-size:13px;font-weight:300;color:#999;max-width:750px;margin:0 auto;    margin-top: 20px;    letter-spacing: 0.05em; font-size:18px;}
.imge{background-image:url(../images/image1.jpg);background-size:cover;background-position:center top;background-repeat: no-repeat;}
.white{color: #fff;  }
.EDE9E1{background-color:#EDE9E1}
.testimonials{text-align:center;}
.testimonials h3{color:#242423;text-align:center;font-family:"Jaapokki", Helvetica, Arial, sans-serif;font-weight:400;margin-top:55px;   line-height: 1.33333;font-size: 24px;}
.testimonials img{border-radius:50%;}
.testimonials p{font-style:italic;color:#242423;text-align:center;font-family:"roboto mono";font-size:12px;font-weight:300;letter-spacing:0.05em;margin-bottom:0;margin-top:14px;}

.social-icons{padding-left:0;margin-top:47px;margin-bottom:0;}
.social-icons li{display:inline-block;}
.social-icons li a{color:#4f4f4f;width:42px;display: block;text-align:center;font-size:16px;height:29px;padding-top:8px;}
.social-icons li a:hover{color: #90181B;}
.marg-bot{margin-bottom:50px;}
.product-back{background-color:#fff;padding:20px !important}
.product-back a {margin-top:0;margin-bottom:0;font-family:'Poppins', Helvetica, Arial, sans-serif;font-weight:bold;color:#242423;font-size:13px;line-height:2.14286;text-transform:uppercase;letter-spacing:.05em;}
.product-back p{margin-top:10px;margin-bottom:0;font-family:'Poppins';color:#999;font-size:12px;line-height:2.14286;letter-spacing:.05em;text-align:center;line-height:20px;    min-height: 60px;}
.edge{max-width:20px;    margin-top: -1px;}
.product-back .social-icons{margin-top:40px;}
.map-padd{padding:50px 30px !important;box-shadow:0 0 3px #C5C5C5;border-radius: 5px;}
.paddlo{padding-left:0 !important;}
.paddr20{padding-right:20px;}
.padd15{padding:15px !important;}
/*.address{max-width:204px;}*/
.address h3{font-family:"Jaapokki", Helvetica, Arial, sans-serif;font-size:24px;line-height:1.33333;margin-top:0;margin-bottom:0;font-weight:400;color:#242423;letter-spacing:0.05em;}
.address p{margin-top:17px;color:#444;font-size:12px;font-style:normal;line-height:1.75;letter-spacing:0.05em;font-family:'Poppins';position:relative;    margin-bottom: 0px;}
.padd-top{padding-top:50px !important;}
.loc{position:absolute;top:4px;left:-23px;font-size:14px !important;width:20px;text-align:center;}
/*.index-formbox{margin-top:28px;}*/
.index-formbox label{/*margin-bottom:8px;*/font:400 13px/18px "Jaapokki", Helvetica, Arial, sans-serif;color:#ce6d06;}
.index-formbox input, .index-formbox textarea{margin-bottom:10px;padding: 6.95px 19px 10.95px;border-radius: 3px;-webkit-appearance: none;line-height: 22.1px;    background: #f8f8f8;color: #999;}
.index-formbox a{display: inline-block;padding: 8px 10px;border-radius: 25px;background-color: #90181B;font-family: 'Jaapokki';color: #fff;    text-transform:uppercase;width:100%;text-align:center;font-size:14px;/*margin-top:10px;*/}
.index-formbox a:hover{color:#fff;background-color:#000;}

footer{background-color:#403832;padding:40px 0;}
.footr h4{font-size:24px;line-height:1.33333;color:#fff;font-family:'jaapokki', sans-serif;padding-bottom:14px;border-bottom:1px solid rgba(207,219,213,0.2);margin: 0;}
.footi{padding-left:0;    margin-top: 24px;margin-bottom:0;}
.footi li{display:inline-block;width:49%;line-height: 22px;}
.footi li a{color:#a29d9a;font-family:'jaapokki', sans-serif;font-size:12px;text-transform:uppercase;letter-spacing: 0.05em;}
.footr p{line-height:22px;color:#a29d9a;font-family:'roboto mono';font-size:12px;font-style:italic;margin-top:24px;margin-bottom:0;}

.footer-social-icons{padding-left:0;margin-top:24px;}
.footer-social-icons li{ display:inline-block;}
.footer-social-icons li a{width:40px;height:40px;display:block;border-radius:50%;text-align:center;background-color:#BC7828;padding-top:12px;   color:#fff;margin-right:10px;}
.footer-social-icons li a:hover{color:#BC7828;background-color:#fff;}
/*------------scroll button-------------*/
.cd-top {
    z-index: 200;
    display: inline-block;
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 50%;
    background: rgb(188, 120, 40) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
/*--------------end-------------*/
.menubar{    position: absolute;
    top: 15px;
    right: 5px;
    width: 45px;
    height: 35px;
    border: 1px solid #fff;
    background-color: #fff; 
    padding: 3px 6px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;display:none;}
.menubar span{ width: 100%;    height:4px;    background-color: #BC7828;    margin-top: 4px;    display: block;  border-radius: 5px;opacity:1;transition:all 1s;}
.custome{margin-bottom:20px;}
.custome1{position:relative;}
.custome1 span{    position: absolute;
    bottom: 0;
    left: 0;
   /* width: 100%;
    display: block;
    height: 100%;
    background-color: #fff;*/}.custome4{right:0;}

.custome1 span img{max-width:270px;}
.custome2{max-width:300px !important;}.custome3{max-width:330px !important;}
/****************About-page start*********************/
.paddtop1{padding-top:50px;}.padLo{padding-left:0 !important}
.about-back{background-image:url(../images/about-back.jpg);background-size: cover;
    background-position: center right;}
.back-bg{padding:20px 0 20px;background-color:rgba(0,0,0,0.5);}
.back-bg h2{text-align:center;color:#fff;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Lato';margin-top:0;position: relative;}
.about-page h2{    font-size: 32px;
    font-family: 'Lato';
    font-weight: bold;
    color: #BC7E35;
    position: relative;text-transform: capitalize;}
.about-page p{    line-height: 27px;}
.about-page h3{    color: #9F3F3F;
    font-family: 'Lato';
    font-size: 18px;    margin-top: 25px;}
.about-page h4{    font-size: 18px;
    font-family: 'Lato';
    color: #BC7828;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin: 5px 0 10px;
    padding-bottom: 7px;
    text-transform: uppercase;
    font-weight: 600;}.about-page h4 span{    font-size: smaller;
    text-transform: capitalize;
    color: #2b2b2b;
    font-weight: 600;}
.about-page img{max-width:350px;}
.team p{    margin-top: 0;
    margin-bottom: 7px;
    line-height: 24px;}.team p strong{    color: #6B6B6B;
    font-weight: 700;}
.listt li{display: block;
    font-size: 15px;
    font-family: 'Poppins';
    padding-left: 20px;
    position: relative;    color: #454545;}
.listt li:before{    content: "\f0da";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #DCAD00;}
.listt{padding-left:0;}
.our-company address{    color: #454545;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 15px;
    letter-spacing: 0.5px;}
.team{padding: 20px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;    min-height: 273px !important;box-shadow:0 0 8px #ccc;}
	.mapp iframe{width:100%;    margin-top: 20px;}
	.enquiryImg{max-width:350px;}
	.form-button{display: inline-block;
    padding: 9px 20px 5px;
    font-size: 15px;
    color: #FFF;
    font-family: 'Poppins';
    border: 1px solid #0D2742;
    text-transform: uppercase;    margin-top: 15px;
    background-color: #0D2742;transition:all 0.5s;}
.form-button:hover{ background-color: #fff; color:#454545;}
.left-list{padding-left:0;    background-color: #EFEFEF;}
.left-list li{display:block;position:relative;}
.left-list li a{    color: #333333;
    font-family: 'Poppins';
    display: block;
    border-bottom: 1px solid #D0D0D0;
    padding: 3px;
    font-size: 14px;
    padding-left: 15px;
    font-weight: 500;}
.left-list h3{font-family: Jaapokki;
    margin: 0 0 8px;
    padding: 15px;
    color: #4C4C4C;
    font-size: 22px;
    font-weight: 600;}
.left-list li a:hover{    background-color: #D8D8D8;}
.left-list li.active a{    background-color: #D8D8D8;position:relative;}
/*.left-list li.active a:after{content: '';
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    /* color: #f00; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: none;
    border-right: 10px solid #FFF;z-index:10;}
.left-list li.active a:before{content: '';
    display: block;
    position: absolute;
    top: 8px;
    right: 0px;
    /* color: #f00; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: none;
    border-right: 10px solid #000;z-index:1}*/
	.product-Image{max-width:350px;}
.product-title h2{    margin: 0;
    font-size: 30px;    margin-bottom: 11px;
    font-family: 'Lato';
    font-weight: 600;
    color: #952929;}
.specs td{     padding: 10px 10px 10px 15px;
    color: #454545;
    font-family: 'Lato';
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #b7a27a;}
.specs{ background-color: #ceb990;    margin: 0 auto;width:100%;min-width:400px;}
.specs h4{ font-weight:bold;}
.specific{    padding: 5px 0;
    margin-bottom: 5px;
    font-size: 21px;
    font-family: 'Lato';
    font-weight: 600;
    color: #952929;
    font-style: italic;}
.listt1 li{display:inline-block;width:49%;}
.company-name{font-family:'Lato' !important;}
.tab-menu{display:none !important;}
@media (max-width: 991px) {
	.product-back p{min-height:80px;}
	.desk-menu{display:none !important;}
	.tab-menu{display:block !important;}
	.paddpo{padding:0 !important}
	.team{    min-height: auto !important;
    margin-bottom: 20px;}
	.bor-right{    border-right: 1px solid transparent;
    border-bottom: 1px solid #ccc;}
	.marg-top{margin-top:30px;}
	.desk-navi{display:none !important;}
	.tab-navi{display:block !important; }
	.logo img{max-width:100%;max-height:120px;width:inherit;}
	.menubar{display:block;z-index:30000;}
	.container, .about-page p, .about-page h2, .product-title h2, .product-title p, .our-company address, .about-index p, .about-index{text-align:center;}
.navbar{display: none;z-index: 3000;background-color:rgba(186, 119, 38, 0.78);position:fixed !important;top:0;width:260px;height:auto;
    left: 0;overflow-y: auto;padding-top: 12%;}
	.navbar .navigator{width:250px;}
	.navbar ul li{display:block;padding-bottom:0;}
	.navbar ul{margin-top:0 !important;    padding-left: 0;}
	.navbar ul li a{color: #fff !important;padding-left: 10%;border-bottom:1px solid #D5862A;display: block;text-align: left;}
	.navbar ul li a:before{display:none;}.navbar ul li a:hover:before{display:none;}


}
@media (max-width:768px) {
.logo img{max-width:100%;max-height:90px;width:inherit;}	
.TopSpace{margin-top:90px;}
.listt1 li{width:100%;display:block;}
#menu h4{ text-align:left !important;}
.navbar{ height:400px; overflow-y:scroll; overflow-x:hidden;}
}
@media (max-width: 400px) {
.content-title{letter-spacing:0;}
}