body{ position: relative; float: left; width: 100%; margin: 0; padding:0; font-size: 15px; 
	overflow-x: hidden; font-style: normal; }
image{ border: none; }
p{ font-weight: normal; font-size: 16px; line-height: 27px; }
a{ color: #f18a00; }

header{ position: relative; float: left; width: 100%; }
header .top-header{ position: relative; float: left; width: 100%; background:#fff; padding:3px 10px 39px 0px; }
.cont-list{ position: relative; float: left; width: 100%; padding: 0; margin:39px 0 0; }
.cont-list li{ float:left; list-style: none; display: inline-block; color: #333; margin: 0 0 0 20px;
width: 45%; }
.cont-list li a{ color:#333; }
.cont-list i{ font-size: 35px; }
.cont-list li span{ float: left; margin:0 12px 13px 0; }
.enq-btn{     background:#f18a00; color: #fff !important; }

.cont-list1{ float: right; width:74%; }
.cont-list1 li:last-child{ text-align: right; }
.menu-main-section{ position:relative; float:left; width:100%; }
.slider-bx{ position:relative; float:left; width:100%; }
.menubar{ position:absolute; bottom:-26px; z-index:100; width:100%;  }



.navbar-brand{ text-align: center; float: left; width: 100%; }
.navbar-brand img{ width: 126px; }

/* menu css */
.menubar nav{ background:#f18a00; padding: 0; }
.navbar-light .navbar-nav{ margin-left:auto!important; margin-right:auto !important; }
.navbar-light .navbar-nav .nav-link { color:#fff; text-transform: uppercase; font-size:15px;
 font-weight: 500; padding:17px 15px; border-bottom: solid 4px #f18a00;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show >.nav-link ,
.navbar-light .navbar-nav .nav-link:hover
{ color:#fff; text-transform: uppercase; border-bottom: solid 4px #fff; }

.carousel-caption {
    position: absolute;
    bottom: 32%;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    width: 100%;
}
.carousel-caption h5{ font-size: 72px; }
.carousel-caption p{ margin-bottom: 0; font-size: 20px; }
.slider-para{ position: relative; padding-left: 30px; }
.slider-para:before{ position: absolute; content: ""; width:20px; height: 24px;
 background:#f18a00; top: 4px; left: 0px; z-index: -1; border-radius: 10px 0 0 10px ; }

.slider-para span{ z-index: 100; }
.normal-section{ position:relative; width: 100%; float: left; padding: 100px 0; }
.title{ text-align: center; float: left; width: 100%; margin-bottom: 40px; }
.title span{ position: relative; }
.title span:before{ position: absolute; content: ""; width:20px; height: 24px;
 background:#f18a00; top: 0px; left: -25px; z-index: -1; border-radius: 10px 0 0 10px ; z-index: 10;}
.title h2{ font-size:50px; font-weight:700; }


.services-bx{ position: relative;
    float: left;
    width: 100%;
    margin: 15px 0;
    background: #fff;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 11%); }
.services-bx img{ width: 100%; margin:0 0 30px; }
.services-bx div{ padding: 0 30px 20px; }

.about-section{ position: relative; width: 100%; padding: 0; background:#d57b04; float: left; 
color:#fff;}
.about-img img{ width: 100%; }
.about-section .title{ text-align: left; content: #fff; }
.about-section .title span{ position: relative;  padding-left:30px;}
.about-section .title span:before{ left:3px ; }
.welcome-bx{ padding: 78px; }

.pack-section{ background:#d57b04; }
.pack-section .title{ color:#fff; }
.price-bx{ 
    background:#fff ; 
    padding: 40px 20px 40px 20px;
    border-radius: 20px 20px 20px 20px;
    box-shadow:0px 0px 15px 0px rgb(0 0 0 / 11%); text-align: center; }
.price-bx1 { background-color: #FFC0001A; }
.pricing{ font-size: 58px; font-weight: 700; color: #d39304; }
.pricing span{ font-size: 17px; }
.elementskit-pricing-lists{ padding: 0; margin:0 0 38px; }
.elementskit-pricing-lists li{ 
        list-style: none;
    padding: 14px 0;
    border-bottom: solid 2px #f4f4f4;
    font-weight: 400;
    font-size: 17px; }
.elementskit-pricing-lists li:last-child{ padding-bottom: 0; border: 0; }
.elementskit-pricing-lists li i{ font-size: 13px; color:#d39304; }
.price-bx .icon-bx{     
    color: #fff;
    background: #222;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 100px;
    font-size: 40px;
    text-align: center;
    line-height: 80px;
 }
.project-sec{ background:#FFC0001A; }

.sort-section{ background: url(../images/image_02-7.jpg) center no-repeat; background-size: 100% auto;
 }
.sort-section:before{ content: ""; position: absolute; background:#ffffffe0; height: 100%; width: 100%;
 top: 0; bottom: 0; left: 0; right: 0; }
 .sort-bx{ z-index: 100; text-align: center; }
 .sort-bx h3{ font-size: 60px; color: #d57b04; }
.sort-bx p{ font-size: 17px; font-weight: 500; }



footer{ background:#222; color:#fff; float: left; width: 100%; padding:15px 0px 15px; }
footer img{ width: 101px; }
footer ul{ margin:11px 0 10px; padding: 0; float: right; }
footer ul li{ list-style: none; display: inline-block; padding: 0 15px 0 0; font-size:15px; }
footer ul li a{ color:#fff; }
.copyright{ text-align: right;
    float: left;
    width: 100%;
    text-transform: uppercase;
    padding-right: 15px;
    font-size: 15px; }


/* about page */
.page-header-bx{ 
    position: relative;
    float: left;
    width: 100%;
    background: #d9dfdf url(../images/slider-img-1.jpg) no-repeat;
    background-size: auto 100%;
    background-position: right top;
   padding:100px 0 ;
   }
.bredcrm{ float: left; width: 100%; position: relative; }
.bredcrm h1{ font-size: 51px; font-weight: 700; }


.about-con-page .title{ text-align:left; padding-top: 30px; }

.about-img-page{
    border-style: solid;
    border-width: 8px 8px 8px 8px;
    border-color: #fff;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 13%);
}
.about-img-page img{ width: 100%;border-radius: 20px 20px 20px 20px; }

.about-con-page .title span{ padding:0 0 0 21px; }
.about-con-page .title span:before{ left: -8px; }

.why-head{ font-size: 22px; }

.vi-mi-bx{ padding: 40px 0; }
.mision{ text-align: center; }
.mision span{ font-size: 36px;
    color: #df9b03;
    margin: 33px 0 0;
    position: relative;
    top:3px; left: -7px; }
.mision h3{ font-size: 22px; }

.mision img{ width: 50%; margin-bottom: 20px; border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 13%); }
.vi-mi-bx h2{ text-align: center; margin:0 0 10px; color: #f18a00; }
.vi-mi-bx2{ border-top: solid 2px #f4f4f4; padding-bottom:40px; }
.vi-mi-bx3{ border-top: solid 2px #f4f4f4; padding-bottom:0px; }
.vi-mi-bx3 span {
     font-size: 33px;
    color: #f18a00;
    left: -5px;
    position: relative;
 }

/* Services page  */
.service-page{ background:#e18203; }
.ser-detail-head{ text-align: center; }
.ser-detail-head h2{ font-size:50px; margin-bottom:30px; }
.ser-detail-head p{ font-size: 22px; line-height:38px ; }

.services-item{ text-align:left; width: 100%; float: left; padding:25px 0 0; }
.services-item img{ margin: 0 auto 40px; width: 100%; }
.services-item h3{     
    margin-bottom: 30px;
    color: #f18a00;
    position: relative;
    padding: 0 0 20px; }

.services-item h3:before{     
    position: absolute;
    content: "";
    width:70px;
    height:4px;
    background: #f18a00;
    bottom: 0;
    border-radius: 40px; }

.services-item ul{ margin: 0; padding: 0; }
.services-item li{ list-style: none;
    position: relative;
    padding-left: 26px;
    margin: 10px 0;
    font-weight: 400;
    font-size: 17px; }
.services-item li:before{     
    position: absolute;
    content: "\f047";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    top: 6px;
    color: #f18a00;
 }



.client-list{ width: 100%; float: left; }
.client-list li{ list-style: none; display: inline-block; text-align: center;
width:18%; margin: 0 0 30px; }
.client-list li img{ width: 180px; }


.resto-gallery img{ width: 100%; margin: 0 0 30px; border-radius: 29px; }
.con-item {
    position: relative;
    float: left;
    width: 100%;
    border: solid 1px #f4f4f4;
    padding:30px 0;
    background: #f7f7f7;
    border-radius: 8px;
    text-align: center;
    border-bottom: solid 5px #f18a00;
}
.con-item .icon-con{  }
.con-item .icon-con {
    position: relative;
    width: 100%;
    left: auto;
    right: auto;
    text-align: center;
}

.con-item .icon-con span{ 
    font-size:64px;
    color:#f18a00;
    /* width: 160px; */
    /* height: 150px; */
    /* float: left; */
    padding:0 18px;
    border-radius: 120px;
}
.con-item p{ font-weight: 500; font-size: 16px; }

.map-bx{ margin:50px 0 0; }
.before-bx{ text-align: center; width: 100%; float: left; padding: 0 20px; }
.before-bx img{ width: 100%; border-radius: 8px; margin-bottom: 30px; }
.before-bx h3{ font-size:25px; }

/* --------------------------------------- 

Responsive CSS 

----------------------------------------- */

/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) { 


 }

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 


 }

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
.client-list li{ width: 100%; }
.cont-list{ display: none; }
.menubar {
    position: relative;
    bottom: 0;
    z-index: 100;
    width: 100%;
}
header .top-header { padding: 13px 0 10px 0; }
.page-header-bx{ background-position: right -72px top; }

.title { margin-bottom: 10px; }
.title h2 { font-size: 30px; }
.bredcrm h1 {  font-size: 32px; }
.sort-bx h3 {
    font-size: 44px;
    color: #d57b04;
}
.sort-bx{ border-bottom: solid 1px #d4d4d4; }

.sort-section {
    background: url(../images/image_02-7.jpg) center no-repeat;
    background-size: 100% 100%;
}

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

 
 }