@font-face {

 font-family: 'DinNextRegular';

 src: url("../fonts/DinNextRegular.eot") format("embedded-opentype"), 

 url("../fonts/DinNextRegular.woff") format("woff"),

 url("../fonts/DinNextRegular.ttf")  format("truetype");

 font-weight: normal;

 font-style: normal; 

} 

@font-face {

 font-family: 'DinNextMedium';

 src: url("../fonts/DinNextMedium.eot") format("embedded-opentype"), 

 url("../fonts/DinNextMedium.woff") format("woff"),

 url("../fonts/DinNextMedium.ttf")  format("truetype");

 font-weight: normal;

 font-style: normal; 

} 

@font-face {

 font-family: 'DinNextBold';

 src: url("../fonts/DinNextBold.eot") format("embedded-opentype"), 

 url("../fonts/DinNextBold.woff") format("woff"),

 url("../fonts/DinNextBold.ttf")  format("truetype");

 font-weight: normal;

 font-style: normal; 

}



/*

*

General 

*

*/



body {

 font-family: 'DinNextRegular';

 color:#444349;



}

.container {

    padding-right: 100px;

    padding-left: 100px;

    margin-right: auto;

    margin-left: auto;

}

@media screen and (min-width: 320px) and (max-width: 520px) {

.container {

    padding-right: 20px;

    padding-left: 20px;


}

}



/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
.container {

    padding-right: 50px;

    padding-left: 50px;

}
 
}




/*

breadcrumbig */



.breadcrumb {
    background-color: transparent;

    padding-bottom: 0px;

}

.breadcrumb a {

   color: #fff;

   font-size:16px;


}

.breadcrumb > .active {

  color:#f26824;

   font-size:16px;

}

.breadcrumb > li + li:before {

    padding: 0 5px;

    color: #f26824;

    content: "|\00a0";

}



.menu-left {

  float: left;

  height: 30px;

}


.menu-left ul >li {

  display: inline-block;

  margin-left: 15px;

}

.menu-left a {

  color: #f26824;

  font-size: 18px;

}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {
  .menu-left a {

  font-size: 15px;
}

}

/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
  .menu-left a {
  font-size: 17px;
}

}
@media screen and (min-width: 521px) {
 
#portfolio .portfolio-thumbnail img {
    max-height: 320px;
    min-height: 320px;
}  
#portfolio .second-line img {
    max-height: 160px;
    min-height: 160px;
}
#portfolio .first-line img {
    max-height: 123px;
    min-height: 123px;

}

}


/*icons menu*/

.icons-menu {

  float: right;

}

.icons-menu ul{

  padding-right:0px;

}


.icons-menu ul span{

margin-left: 5px;

}

.icons-menu ul >li {

  display: inline-block;

  margin-left: 15px;

}


.no-margin-up{

  margin-top: 0px;

}


/* 

*

start nav bar

*

*/

.navbar {

    min-height: 80px;

    background-color: transparent;

    margin-bottom: 0px;
    border-color: #fff;
}

ul.navbar-nav > li > a {

  padding-top:3px;

  padding-bottom: 40px;

 font-family: 'DinNextRegular';

 font-weight: 400;

 line-height: 15px;

 font-size:19px;

  color:#7b7b7b;

}

@media screen and (min-width: 320px) and (max-width: 520px) {

ul.navbar-nav > li > a {

  

 font-size:13px;


}

}

/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
ul.navbar-nav > li > a {


 font-size:13px;

}
 
}

.navbar-collapse {

    padding-right: 0px;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

 color:#f26824;

 background-color: transparent;;

}

img.logo {

    padding-top: 0px;

    width: 200px;

}


@media screen and (min-width: 320px) and (max-width: 520px) {

img.logo {

    width: 150px;
    margin-top: -15px;
}

}



/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
img.logo {

    width: 150px;

}
 
}



/* start carosousel*/


.carousel-control {
  font-size: 50px;

}

.carousel-control.right{

  background-image: none;

}

.carousel-control.left{

  background-image: none;

}

#myslide .item{

  height: 500px;

}



#myslide  .item .slide-img {
    position: absolute;

    top: 0;

    left: 0;

    min-height: 500px;
}



#myslide .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {

 top:40%;

 }

.head_title{

 font-family: 'DinNextBold';

 font-size:55px;

}

.eng_title{

 font-family: 'DinNextRegular';

 font-style: inherit;

 font-size:45px;

 font-weight: 100;


}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

.head_title{

 font-size:25px;

}

.eng_title{

 font-size:20px;

}

}

/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {

 .head_title{

 font-size:30px;

}

.eng_title{

 font-size:25px;

}
}

.lead{

 font-family: 'DinNextRegular';

 line-height: 30px;

 font-size:18px;

 margin:10px 0 40PX 0;

}

.grn_btn{

 background-color:#f26824;

  font-family: 'DinNextMedium';

 font-size:18px;

 border-radius: 25px;

 padding-bottom: 10px;

 margin:10px 0 40px 20px;

 border:none;

  border:2px solid #f26824;

}

.grn_btn_reverse{

 font-weight: 200;

 font-family: 'DinNextMedium';

 font-size:19px;

 border-radius: 25px;

 padding-bottom: 10px;

 margin:10px 0 40px 20px;

 border:2px solid #f26824;

 color: #f26824;

}




/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {

  .lead{ 

    line-height: 20px;

   font-size:15px;

  }


.grn_btn{


 font-size:18px;


}

.grn_btn_reverse{


 font-size:19px;


}

}
/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

.lead{ 

line-height: 20px;

font-size:10px;

}

.grn_btn{

 font-size:13px;
 border-radius: 25px;
 padding-bottom: 10px;
 margin:10px 0 40px 20px;

}

.grn_btn_reverse{

 font-size:12px;
 padding-bottom: 10px;
 margin:10px 0 40px 20px;
}


}



.carousel-indicators .active{

 /*background:url("../images/mouserool.png");

 height: 34px;

 width: 20px;

 border:none;

 margin-left: 10px; */
   height: 25px;
  width: 25px;
  background-color: #f26824;
   border-color: #f26824;
  border-radius: 50%;
  display: inline-block;

}

.carousel-indicators li {

/*background:url("../images/mouserool-white.png");

height: 34px;

width: 20px;

border:none;

margin-left: 10px;*/
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border-color: #f26824;
  display: inline-block;

 }

/*start about*/

#about{
 padding-top: 50px;
}

#about .main-head{

 font-family: 'DinNextBold';

 font-size: 30px;

 color:#444349;

 border-bottom: 4px solid #f26824;

 padding-bottom: 5px;

 padding-top: 5px;

}

#about .sub-head{

 color:#8f8e8e;

 font-weight: 100;

 font-size: 13px;

 margin-top:0px;

 margin-bottom:0px;

}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

#about{
 padding-top: 30px;
}

#about .main-head{
 font-size: 30px;
}

#about .sub-head{
 font-size: 13px;
}

}



/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
#about .main-head{
 font-size: 30px;
}

#about .sub-head{
 font-size: 13px;
}

}



#about .order-white{
  /*color:#fff;*/
}



#about .main-sub-head{
 border:none;
 margin-top: 0px;
}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

#about .main-sub-head{
 font-size: 30px;
}
}


/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {

#about .main-sub-head{
 font-size: 30px;
}

}





#about .about-text{
padding: 10px;
color:#666666;
font-weight: 200;
text-align: justify;
font-size:16px;
padding:10px 0px 0 0;
}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

#about .about-text{
font-size:13px;

}

}



/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
#about .about-text{
font-size:16px;

}
}


#about .pad_up{
 padding:30px 0 30px 30px;

}



#about .img_adv{
width:100px;
height:100px;

}



/*

*

start middle adv

*

*/



#about .adv_title{

 font-family: 'DinNextMedium';

 text-align: center;

 font-weight: 150;

 font-size:28px;

}



#about .adv_title span{

color:#f26824;

  }


/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {
#about .adv_title{

 font-size:25px;
}

}

/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
#about .adv_title{

 font-size:25px;
}
}


/*About adv*/

#about_adv {

  position: relative;
  background-image: url(../images/paralex1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 60px;
  text-transform: uppercase;
  padding: 100px 0;
  color: #fff;
}

#about_adv .img-right {

    float: right; 
    padding-top: 10px;

}

#about_adv .about-bg-wrapper {

  color: #fff;
  margin-top: 30px;
  text-align: center;
  z-index: -2;
  line-height: 50px;
}


#about_adv .about-bg-wrapper .count {

  font-family: 'DinNextBold';
  font-size: 57px;
  margin-right: 50px;
  letter-spacing: 1px;
  text-align: center;
  float: left;
  margin:0px;
}



#about_adv .about-bg-wrapper p {
  font-size: 40px;
  font-weight: lighter;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 10px;
}
/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

  #about_adv {

  margin-top: 40px;
 
  }

  .about-bg-wrapper {

    margin-right: 15%;
    margin-left: 15%;

  }

  #about_adv .about-bg-wrapper p {


  font-size: 35px;

}

#about_adv .about-bg-wrapper .count {


  font-size: 48px;

}

}



/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {

#about_adv {

  margin-top: 40px;
 
  }
  .about-bg-wrapper {
    margin-right: 20%;
    margin-left: 20%;
  }
  #about_adv .about-bg-wrapper p {
  font-size: 40px;
  }

#about_adv .about-bg-wrapper .count {
  font-size: 57px;
  margin-right: 50px;
  letter-spacing: 1px;
  text-align: center;
  float: left;
  margin:0px;
}

}

/*gallary news
*/


#about .gallary_news{
box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),

            0 5px 15px 0 rgba(0,0,0,0.08);

border:1px solid #aaaaaa;
border-radius: 2px;
margin-bottom:7px;
padding:0px;
width:100%;

}

#about .gal-text{
margin: 0 10px 0 10px;
}



#about .gal-desc{

padding-bottom:0px;



}



.gal_btn{



  margin-bottom: 0px;

  padding:10px 40px 15px 40px;

  font-size: 17px;

}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {
 .gal_btn{
   font-size: 13px;

  }
}



#about .gal-img{

  width:100%;

  max-width: 100%;

}



.icon_clr{
  color: #abce3c;

}



/*start portfilio*/

#portfolio {

  margin-top: 40px;

}

#portfolio .main-head{
 font-family: 'DinNextBold';
 font-size: 30px;
 color:#444349;
 border-bottom: 4px solid #f26824;
 padding-bottom: 5px;
 padding-top: 5px;

}

#portfolio .sub-head{
 color:#8f8e8e;
 font-weight: 100;
 font-size: 20px;
 margin-top:0px;
 margin-bottom:0px;
}

#portfolio .portfolio-heading {

  text-align: center;

}

#portfolio .portfolio-heading h2 {

  font-weight: 700;
  font-size: 45px;
  text-transform: uppercase;
}



#portfolio .portfolio-heading p {

  margin-top: 20px;

  line-height: 25px;

  color: #8e8e8e;

  margin-bottom: 50px;

}



#portfolio .portfolio-thumbnail {

  position: relative;

  margin-top: 50px;

}



#portfolio .portfolio-thumbnail img {

  width: 100%;

  height:auto;

}
#portfolio .portfolio-thumbnail .col-md-3 {

  padding: 0;

}

#portfolio .portfolio-thumbnail .caption {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: rgba(54, 64, 66, 0.7);

  opacity: 0;

  -moz-transition: opacity linear .3s;

  -webkit-transition: opacity linear .3s;

  -o-transition: opacity linear .3s;

  transition: opacity linear .3s;

     /*padding-left: ;*/

  padding-right: 5px;

}



#portfolio .portfolio-thumbnail .item:hover > .caption {

  opacity: 1;

}



#portfolio .caption i {

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  color: #000000;

  background-color: #d2d4d3;

  position: absolute;

  top: 45%;

  left: 50%;

  margin-top: -22px;

  margin-left: -22px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}



#portfolio .caption p {
  font-weight: 400;

  text-align: center;

  background-color: #d8d8da;

  color: #000;

  position: absolute;

  font-size: 17px;

  top: 75%;

  left: 0%;

  right: 0%;

  padding:10px;

}



.no-lfr-rht-padding{
  padding-left: 10px;

  padding-right: 5px;



}



.gal-item{

  overflow: hidden;

  padding: 8px;

}

.gal-item .box{

  height: 100%;

  overflow: hidden;

}

.box img{

  height: 100%;

  width: auto;

  object-fit:cover;

}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

  #portfolio {

    margin-top: 50px;

  }

  #portfolio .main-head{

   font-size: 30px;

  }



  #portfolio .portfolio-heading h2 {

    font-size: 27px;

  }



  #portfolio .portfolio-heading p {

    font-size: 13px;

  }


}



/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {

  #portfolio {

    margin-top: 50px;

  }

   #portfolio .main-head{

   font-size: 30x;

  }

  #portfolio .portfolio-heading h2 {

    font-size: 27px;

  }




  #portfolio .portfolio-heading h2 {

    font-size: 30px;

  }



}
/*start order service section in index pg

*/



.client-img{

  border:none;

}

#about .order_service{

  padding-top: 20px;
 

  border-bottom: 2px solid #f26824;
  /*background-color: #331e31;
  background-image:url(../images/order1.png);

  background-position: top;

  background-repeat: no-repeat;

  background-size: cover;*/



}

#about .order-title{

  margin-right: 25px;



}

#about .order-main{

 

  padding-right: 0px;

  padding-left: 0px;



}





.label-pro{



  margin-bottom: 20px;

  margin:20px 0px;

  font-size: 17px;

  font-weight: lighter;

}



#about .input-order{

  border-radius: 0px;

}



#about .form-control{



height: 40px;

color: #f1f1f1;

}



#about .controls{
margin:25px;
}



#about .order_btn{

  margin-top:10px;

  margin-bottom: 0px;

  padding:10px 40px 15px 40px;

  font-size: 17px;



}


/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {
 #about .order_btn{


  font-size: 13px;



}
}

/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
#about .order_btn{


  font-size: 13px;



}
}


/*Footer*/

#footer {

  margin-top: 0px;

  background-color: #f26824;

  padding:20px 0 0px 0;

/*  border-top:2px solid #000000; */

}



.list-clr{



  color:#f26824;

}







#footer .footer-middle-text{

  padding-top: 90px;

  color:#fff;

  text-align: justify;

}



#footer .footer-heading {

  font-family: 'DinNextMedium';

  font-weight: 700;

  padding: 0 20px;

  color: #fff;
  padding-bottom: 25px;

}



#footer .footer-heading h3 {

  font-size: 20px;

 

}



#footer .footer-heading .title{

  border-bottom: 2px solid #f26824;

  padding-bottom: 8px;

}



#footer .footer-heading p {

  font-family: 'Open Sans', sans-serif;

  word-spacing: 3px;

  font-weight: 300;

  margin-top: 40px;

  color: #7e7e7e;

}



#footer .footer-heading ul {

  list-style: none;

  margin: 0;

  padding: 0;

  margin-top: 30px;

}



#footer .footer-heading li {

  /*border-bottom: 1px solid #8b8b8b;*/

  padding: 10px 0;

}



#footer .footer-heading ul > li > a:before {

  padding-right: 10px;

}



#footer .footer-heading ul > li > a {

  

  font-weight: 300;

  font-size: 13px;

  padding:9px 7px 0 9px;

  color: #eeeeee;

}







#footer .iconfooter{

/* width:150px;

 height: 177px; */

  padding-top:20px;

}



#footer .footer-heading ul > li > a:hover {

  color: #000;

}



#footer .insta img {

  float: left;

  width: 100px;

  height: 100px;

}



.credits a {

    color: #fff;

}

.footer-copyright-text{

  color:#000;

  font-size: 18px;

  padding-top: 10px;

  margin-top: 10px;

}

.copy-text-only{

margin-top: 30px;

padding-left: 0px;

}





/*social media*/

.top-left {
 /* float: left;*/
  margin-left: 0px;
  margin-top: 17px;
}

.top-left ul >li {
  display: inline-block;
  margin-right: 15px;
}

.top-left a {
  color: #fff;
}

.top-left a:hover {
  color: #000;

}
.fa {
  padding: 5px;
  font-size: 25px;
  text-align: center;
  text-decoration: none;
 /* margin: 5px 2px;
  border-radius: 50%;
  border: 1px solid #777;*/
}
.fa:hover {
    border-color: #f26824; 
}
.fa-facebook {

     width: 14px;

}

/*
#down-media {
 
  margin-right: 0px;
  margin-top: 17px;
}

.down-media ul >li {
  display: inline-block;
  margin-right: 15px;
}

.down-media a {
  color: #fff;
}

.down-media a:hover {
  color: #000;

.down-media fa {
     font-size: 25px;
} */
/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {
 #footer .iconfooter{
margin-right: 100px;

 
}
#footer .footer-middle-text {
    padding-top: 60px;

}
}

/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {


 
}


/*

about us page

*/

#about_pg {

  position: relative;

  background-image: url(../images/baredcramp.png);

  background-position: bottom;

  background-repeat: no-repeat;

  background-size: cover;

  margin-top: 0px;

  color: #fff;
  height: 300px;

}



#about_pg  .h_title{

 font-family: 'DinNextBold';

 font-size:70px;

}





/*

services page

*/

#services{

 padding:80px 0;

}

.service_btn{



  margin-bottom: 0px;

  padding:7px 40px 7px 40px;

  font-size: 17px;

}

#services .service-txt{
  height:100px;
  max-height: 100px;
}


#services .img_adv{


max-height:100px;
}

#services .service-wrapper{
  margin-top:30px;
 
}

/* our works page

*/

#about .customer{
 

border:none;

margin-bottom:7px;

padding:0px;

width:100%;

}





/* profile */





#about .pad-top-bot{



  padding:40px 0;

}







.thumbnail .caption h3{



  margin-top: 0px;

}



/*

clients

#about .customer-img{

  width:170px;

  

}*/

.partner .thumbnail{        
    width: 300px; 
     width : 100%;
    height: 150px;
    overflow: hidden;
}

.partner .thumbnail img{
   
    width: 100%;
    height: auto;
    display: block;
}
.partner .partner-title{

  font-size: 20px;
  
}

#about .customer-type{

  color:#f26824;

}



/* branches */

#about .round-map{

  border:1px solid #f26824;

  border-radius: 30px;

  padding:5px 5px;

  font-size: 20px;

  color:#f26824;

  margin-left: 10px;

}



#about .branch-map-address{

  color:#f26824;

  font-size: 18px;

}



#about_branch{

  position: relative;

  background-image: url(../images/branch-map.png);

  background-position: bottom;

  background-repeat: no-repeat;

  background-size: cover;

  margin-top: 20px;

  color: #fff;

  width:100%;

  height: 400px;



}



/* order service page */

#about .order-textarea{

  height:auto;

}

/* contact us page */

#about .contact-title{



  font-weight: bold;

  padding-top: 20px;

}



#about .contact-icon{

  font-size: 23px;

}



#about .contact-border{



  border-color: #f26824;

}

.form-group {

  margin-bottom:0px;

}



/* Back to top button

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

#back-top {

    position: fixed;

    z-index: 1000;

    bottom: 300px;

    right: 90px;

}

#back-top a {

    width: 50px;

    height: 47px;

    display: block;

    text-align: center;

    color: #FFFFFF;

    background: #f26824;

    border-radius: 10px;

    /* background color transition */

    -webkit-transition: 1s;

    -moz-transition: 1s;

    transition: 1s;

}

#back-top a:hover {

    background: #fed136;

}

/* arrow icon (span tag) */

#back-top i {

    margin-top: 0px;

    font-size: 39px;

    border: none;
   
}



@media only screen

and (min-width : 320px)

and (max-width : 480px) {

#back-top {

    position: fixed;

    bottom: 30px;

    right: 20px;

}

#back-top a {

    width: 40px;

    height: 40px;

}

#back-top i {

    margin-top: 7px;

    font-size: 20px;

}

}



/*news detail page*/

#about .title-news{

  font-family: 'DinNextMedium';

}

#about .txt-news{

padding: 10px;

color:#666666;

font-weight: 200;

text-align: justify;

font-size:16px;

padding:10px 0px 0 0;

line-height: 35px;

margin-bottom: 30px;

}


.thumbnail > img, .thumbnail a > img{
  width:100%;
}

/* carousel of portfilio*/

.list-gal{
  list-style: none;
  margin:0px;
  padding:0px;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  width:100%;
}


/*****************************************/

a:hover{

  text-decoration: none;

}

.adv_title a,.no-margin-up a{

  color: #444349;

}

.adv_title a:hover,.no-margin-up a:hover{

  color: #f26824;

}



#order_service .form-control,#order_service select,#about .form-control{

  color: #555;

}

.branch-block{

  margin-bottom: 20px; 



}
/* partner carousel*/

.partner-img{

  max-width: 171px;
  height: auto;
}
/**************************************/
.news-block .item img{
  text-align: center;
  margin: 0 auto;
}

/*************************************************/
.gallary-item{
    background:#fff;
    margin:0;
    margin-bottom: 20px;
    border:1px solid #ccc;
    position: relative;
}

.gallary-item .item-desc
{
  padding:5px;
  overflow:hidden;
}

.gallary-item .item-desc h4
{
  font-size:16px;
  font-weight: bold;
  font-family: 'DinNextBold';
  
}

.gallary-item:hover
{
  box-shadow: 1px 3px 12px 2px #ccc;
}

.gallary_name
{
  position:absolute;
  bottom:10px;
  color:#fff;
  background:rgba(0,0,0,0.5);
  width:100%;
  padding:10px;
  text-align:center;
}

.item-view {
    position: relative;
}

.padding_5 {
    padding: 0 5px;
}
img{
  max-width: 100%;
}

@media (max-width: 1030px){
  img {
    margin: 0 auto;
}
.padding_5 {
    padding: 5px !important;
}
}
/***********************/
.breadcrumb a.active{
  color: #f26824;
}

.navbar-nav > li > a:hover{
  color: #f26824; 
}

.dropdown:hover>.dropdown-menu {
  display: block;
  min-width: 183px;
  font-size: 16px;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.60rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}
.dropdown-item:hover {
    background-color: #fff;
    color: black;
}
#about .view-page{
  margin-bottom: 50px; 
}
/***********************/
.gallery-block{
  padding-bottom: 60px;
  padding-top: 60px;
}

.gallery-block .heading{
    margin-bottom: 50px;
    text-align: center;
}

.gallery-block .heading h2{
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.gallery-block.compact-gallery .item{
  overflow: hidden;
  margin-bottom: 0;
  background: black;
  opacity: 1;
}

.gallery-block.compact-gallery .item .image{
  transition: 0.8s ease;
}

.gallery-block.compact-gallery .item .info{
  position: relative;
    display: inline-block;
}

.gallery-block.compact-gallery .item .description{
  display: grid;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    font-size: 17px;
    line-height: 18px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    opacity: 1;
    color: #fff;
    transition: 0.8s ease;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));
}

.gallery-block.compact-gallery .item .description .description-heading{
  font-size: 1em;
  font-weight: bold;
}

.gallery-block.compact-gallery .item .description .description-body{
  font-size: 0.8em;
  margin-top: 10px;
  font-weight: 300;
}

@media (min-width: 576px) {

  .gallery-block.compact-gallery .item .description {
    opacity: 0; 
  }

  .gallery-block.compact-gallery .item a:hover .description {
    opacity: 1; 
  } 

  .gallery-block .zoom-on-hover:hover .image {
    transform: scale(1.3);
    opacity: 0.7; 
  }
}


.partenrs-sec .item img {
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
}

.partenrs-sec .owl-dots{
  display: none;
}

.partenrs-sec .owl-theme .owl-nav .disabled {
    opacity: 1;
    cursor: default;
}
.partenrs-sec .owl-prev{
  position: absolute;
    right: 0;
    top: 50px;
    /*font-size: 50px !important;*/
    color: #241644 !important;
    /*border: 1px dashed #241644 !important;*/
    width: 50px;
    height: 50px;
}
.owl-prev:focus, .owl-next:focus{
  outline: 0px auto -webkit-focus-ring-color !important;
}
.partenrs-sec .owl-prev span, .partenrs-sec .owl-next span{
  font-size: 50px;
    top: -20px;
    position: absolute;
    left: 15px;
}
.partenrs-sec .owl-next{
  position: absolute;
    left: 0;
    top: 50px;
    /*font-size: 50px !important;*/
    color: #241644 !important;
    /*border: 1px dashed #241644 !important;*/
    width: 50px;
    height: 50px;
}
.partenrs-sec .owl-stage-outer{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-menu{
      background-color: #f26824;
}

.header-social .fa{
  padding: 7px;
  font-size: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
.header-top-img{
  /*background: url("../images/header_top.png") repeat-x;*/
  background-color: #f26824;
}
.socail-md-top{
  margin-bottom: 2px;
 /* margin-top: 2px;*/
  padding-right: 50%;
  background-color: #f26824;
  padding-bottom: 20px;
border-bottom-right-radius: 30px 20px;
  
}
.socail-md-top-sm{
  margin-bottom: 2px;
  width: 100%;
  background-color: #f26824;
}





#footer .fa:hover {
    border-color: #924176; 
}
#footer .top-left a:hover {
    color: #924176;
}


.social-icon li{
	float: none;
   /* margin-right: 20px;*/
    display: inline-block;
    margin-top: 10px;
   
}
.social-icon a {
  
    color: #ffffff;
    font-size: 23px;
    /* width: 35px;
    height: 35px;
    display: block;
    text-align: center;
   background: #ffffff;
    color: #333333;
    padding-top: 5px;
	border-radius: 50%; */
}
.social-icon a:hover {
       color: #000;
}


/*start about*/

#service{
 padding-top: 0px;
     background: #f6f6f6;
}

#service .main-head{

 font-family: 'DinNextBold';

 font-size: 30px;

 color:#444349;

 border-bottom: 4px solid #f26824;

 padding-bottom: 5px;

 padding-top: 5px;

}

#service .sub-head{

 color:#8f8e8e;

 font-weight: 100;

 font-size: 13px;

 margin-top:0px;

 margin-bottom:0px;

}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

#service{
 padding-top: 30px;
}

#service .main-head{
 font-size: 30px;
}

#service .sub-head{
 font-size: 13px;
}

}



/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
#service .main-head{
 font-size: 30px;
}

#service .sub-head{
 font-size: 13px;
}

}



#service .order-white{
  color:#fff;
}



#service .main-sub-head{
 border:none;
 margin-top: 0px;
}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

#service .main-sub-head{
 font-size: 30px;
}
}


/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {

#service .main-sub-head{
 font-size: 30px;
}

}





#service .about-text{
padding: 10px;
color:#666666;
font-weight: 200;
text-align: justify;
font-size:16px;
padding:10px 0px 0 0;
}

/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

#service .about-text{
font-size:13px;

}

}



/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
#service .about-text{
font-size:16px;

}
}


#service .pad_up{
 padding:30px 0 30px 30px;

}



#service .img_adv{
width:100px;
height:100px;

}



/*

*

start middle adv

*

*/



#service .adv_title{

 font-family: 'DinNextMedium';

 text-align: center;

 font-weight: 150;

 font-size:28px;

}



#service .adv_title span{

color:#f26824;

  }


/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {
#about .adv_title{

 font-size:25px;
}

}

/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {
#service .adv_title{

 font-size:25px;
}
}


/*About adv*/

#service_adv {

  position: relative;
  background-image: url(../images/paralex1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 60px;
  text-transform: uppercase;
  padding: 100px 0;
  color: #fff;
}

#service_adv .img-right {

    float: right; 
    padding-top: 10px;

}

#about_adv .about-bg-wrapper {

  color: #fff;
  margin-top: 30px;
  text-align: center;
  z-index: -2;
  line-height: 50px;
}


#service_adv .about-bg-wrapper .count {

  font-family: 'DinNextBold';
  font-size: 57px;
  margin-right: 50px;
  letter-spacing: 1px;
  text-align: center;
  float: left;
  margin:0px;
}



#service_adv .about-bg-wrapper p {
  font-size: 40px;
  font-weight: lighter;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 10px;
}
/*Media*/

@media screen and (min-width: 320px) and (max-width: 520px) {

  #service_adv {

  margin-top: 40px;
 
  }

  .about-bg-wrapper {

    margin-right: 15%;
    margin-left: 15%;

  }

  #service_adv .about-bg-wrapper p {


  font-size: 35px;

}

#service_adv .about-bg-wrapper .count {


  font-size: 48px;

}

}

#service_btn {
    background-color: #f26824;
    font-family: 'DinNextMedium';
       padding-bottom: 10px;
    margin: 10px 0 40px 20px;
    border: none;
    border: 2px solid #f26824;
}

/*Media*/

@media screen and (min-width: 521px) and (max-width: 980px) {

#service_adv {

  margin-top: 40px;
 
  }
  .about-bg-wrapper {
    margin-right: 20%;
    margin-left: 20%;
  }
  #service_adv .about-bg-wrapper p {
  font-size: 40px;
  }

#service_adv .about-bg-wrapper .count {
  font-size: 57px;
  margin-right: 50px;
  letter-spacing: 1px;
  text-align: center;
  float: left;
  margin:0px;
}

}


.box_btn {
   font-family: 'DinNextMedium';
    font-size: 18px;
    padding-bottom: 10px;
    margin: 10px 0 40px 20px;
    border: 2px solid #f26824;
    color: #f26824;
}

.contactinfo-ul li{
	color: #ffffff;
	text-align: right;
	display: block !important;
	margin-bottom: 30px;

}
.contactinfo-ul li p{
	color: #ffffff;
	font-size: 18px;
	
	/*float: left;*/
}
.contactinfo-ul li i{

	/*width: 35px;*/
	height: 35px;
	text-align: center;
	padding-top: 8px;
	float: right;
	margin-left: 10px;
}

.float{
	position:absolute;
	width:80px;
	height:80px;
	bottom:-20px;
	right:-5%;
	background-color:#25d366;
	color:#FFF;
	border-radius:30px;
	text-align:center;
    font-size:40;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
	font-size: 40px;
}
.counter_bg
{
   position: relative;
   background-image: url("../images/parlix.png"); 
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    color: #fff;
    height: 500px;
}
.btn-success a:hover
{
    color:#f6f6f6;
}
.btn-success:hover {
    background-color: #000 !important;
}
}

.div_hover {; }

.div_hover:hover { background-color: #f26824;
                  color:#ffffff; }
                 
                 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  width: 80%;
  opacity: 0;
  transition: .3s ease;
/*  background-color: #c5c2c2; */
  margin: 20px;
}

.container1:hover .overlay {
  opacity: 1;
}

.container1 {
  position: relative;
  width: 100%;
 
}

.image_hover {
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.close {
 
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0px #e67725;
    filter: alpha(opacity=20);
     opacity: 1;
     font-size: 60px;
}
#button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: white;
    border: 0;
    font-size: 40px;
    color: #b93321;
}
.modal-body {
    position: absolute;
     padding: 0px;
}