/*-----------------------------body---------------------------------*/

html {
  overflow-x: hidden;
}

body {
  font-family: "Roboto", sans-serif;
  color: #333
}

a {
  color: #777;
  transition: .3s all ease;
}

a:hover {
  color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading {
  font-family: "Roboto", sans-serif, Arial, Helvetica;
}


/*-----------------------------back to top---------------------------------*/

.back-to-top {
  position: fixed;
  display: none;
  background: #AE5700 ;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  color: #fff;
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 10px;
}
/*-----------------------------end back to top---------------------------------*/






/*-------------Sticky Wrapper---------*/

.sticky-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%;
}

.sticky-wrapper .site-navbar {
  transition: .3s all ease;
}

.sticky-wrapper .site-navbar .site-menu-toggle {
  color: #fff;
}

.sticky-wrapper .site-navbar .site-logo a {
  color: #333;
  text-shadow: 2px 2px 4px #ccc;
}

.sticky-wrapper .site-navbar .site-menu > li > a {
 /* color: rgba(255, 255, 255, 0.8) !important;*/
}

.sticky-wrapper .site-navbar .site-menu > li > a:hover,
.sticky-wrapper .site-navbar .site-menu > li > a.active {
  color: #333 !important;
}

.sticky-wrapper.is-sticky .sidebar:before,
.sticky-wrapper.is-sticky .sidebar span,
.sticky-wrapper.is-sticky .sidebar:after {
  background: #000000;
  transition: .0s all ease;
}

.sticky-wrapper.is-sticky .site-navbar {
  /*background: #fff;*/
  background-color:#199EB8;
  border-bottom: 1px solid transparent;
  /*box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);*/
  box-shadow: 1px 0px 4px 0px #333;
}

.sticky-wrapper.is-sticky .site-navbar .site-logo a {
 /* color:#0075C4 !important;*/
  color:#333333;
  text-shadow: 2px 2px 4px #ccc;
}

.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {
  color:#000000 !important;
}

.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover,
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {
  color:#2d71a1 !important;
}

.sticky-wrapper.is-sticky .site-navbar .site-menu > li.active a {
  /*color:#0075C4 !important;*/
}

.sticky-wrapper .shrink {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
/*-------------end Sticky Wrapper---------*/


/*-------------Navbar---------*/

.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: absolute;
  top: 0;
  width: 100%;
  /*background:#333;*/
  /*background-color: #75C8FF;*/
  /*background-image: linear-gradient(180deg, #5B5B5B 98%, #20A6FF 2%);*/
  background-color:#199EB8;
  box-shadow: 1px 0px 4px 0px #333;
  transition: .3s all ease-in-out;
}

.site-navbar .site-logo {
  position: relative;
  font-size: 1.9em;
}

.site-navbar .site-logo a {
  color: #333;
  text-shadow: 2px 2px 4px #ccc;
}

.site-navbar .site-logo a:hover {
  text-decoration: none;
}

.site-navbar .site-navigation .site-menu {
  margin-bottom: 0;
}

.site-navbar .site-navigation .site-menu a {
  text-decoration: none !important;
  display: inline-block;
}

.site-navbar .site-navigation .site-menu > li {
  display: inline-block;
}

.site-navbar .site-navigation .site-menu > li > a {
  padding: 30px 20px;
  color: #000000;
  display: inline-block;
  text-decoration: none !important;
}

.site-navbar .site-navigation .site-menu > li > a:hover {
  color: #2d71a1;
}

.site-navbar .site-navigation .site-menu > li.active > a {
  color: #fff !important;
}

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  transform: translateX(110%);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  transition: .3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.site-mobile-menu .site-mobile-menu-header {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
  float: right;
  margin-top: 8px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
  font-size: 30px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 0px;
  line-height: 1;
  cursor: pointer;
  transition: .3s all ease;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
  float: left;
  margin-top: 10px;
  margin-left: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
  display: inline-block;
  text-transform: uppercase;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
  max-width: 70px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
  text-decoration: none;
}

.site-mobile-menu .site-mobile-menu-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 50px 20px 20px 20px;
  height: calc(100vh - 52px);
  padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

.site-mobile-menu .site-nav-wrap a {
  padding: 0px 20px;
  display: block;
  position: relative;
}

.site-mobile-menu .site-nav-wrap a:hover {
  color: #2d71a1;
}

.site-mobile-menu .site-nav-wrap li {
  position: relative;
  display: block;
}

.site-mobile-menu .site-nav-wrap li.active > a {
  color:#AE5700;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 20;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
  font-size: 12px;
  z-index: 20;
  font-family: "icofont";
  content: "\ea99";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
  transition: .3s all ease;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.site-mobile-menu .site-nav-wrap > li {
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

.site-mobile-menu .site-nav-wrap > li > a {
  padding-left: 20px;
  font-size: 20px;
}

.site-mobile-menu .site-nav-wrap > li > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-mobile-menu .site-nav-wrap > li > ul > li {
  display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > a {
  padding-left: 40px;
  font-size: 16px;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
  padding: 0;
  margin: 0;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
  display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
  font-size: 16px;
  padding-left: 60px;
}

/*-------------end Navbar---------*/

/*-------------sidebar---------*/

.sidebar {
  width: 28px;
  height: 32px;
  cursor: pointer;
  position: relative;
  z-index: 99;
  float: right;
}

.sidebar:before,
.sidebar span,
.sidebar:after {
  width: 100%;
  height: 2px;
  display: block;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  opacity: 1;
}

.sidebar:before,
.sidebar:after {
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  content: "";
}

.sidebar:before {
  top: 4px;
}

.sidebar span {
  top: 15px;
}

.sidebar:after {
  top: 26px;
}

/* Hover */

.sidebar:hover:before {
  top: 7px;
}

.sidebar:hover:after {
  top: 23px;
}

/* Click */

.sidebar.active span {
  opacity: 0;
}

.sidebar.active:before,
.sidebar.active:after {
  top: 40%;
}

.sidebar.active:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
  /*for IE*/
}

.sidebar.active:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
  /*for IE*/
}

.sidebar:focus {
  outline: none;
}
.pad_top li i{
font-size:1.1em;
color:#199EB8;
font-weight:400;
margin-left:-40px;
}
.message{
text-align:justify; 
font-weight:400; 
line-height:1.4em;
font-size:1em;
}




@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
  #ban{
  height:60vh !important;
}
.nabh{
	display:none !important;
}
}
@media (max-width: 1024px) {
  #ban{
  height:80vh !important;
}
.site-navbar .site-logo {
  font-size: 1.3em !important;
}
.site-navbar .site-navigation .site-menu > li > a {
  padding: 30px 10px !important;
  }
  .ban{
font-size:1.4em !important;
}
.nabh{
	display:none !important;
}
}


/*-------------Banner---------*/

#ban{
  /*background:linear-gradient(45deg, rgba(29, 224, 153, 0.5), rgba(29, 200, 205, 0.8)),url(../img/banner_2.jpg) center top no-repeat;*/
  background-size:cover;
  height:100vh;
  width:100%;
  position:relative;
}
.cont-display{
  text-align:center;
  z-index:100;
  color:#363636;
  padding-top:230px;
  font-size:50px;
  font-weight:400;
}
#ban p{
  font-size:25px;
  font-weight:200;
}
.get a{
  padding:7px 25px;
  border:2px solid #fff;
  color:#fff;
  background:none;
  font-size:18px;
  border-radius:50px;
  font-weight:400;
  letter-spacing:1px;
}
.get a:hover{
  padding:7px 25px;
  border:2px solid #333;
  color:#333;
  background:#fff;
  text-decoration:none;
  font-size:18px;
  border-radius:50px;
  font-weight:400;
  letter-spacing:1px;
}

@media(max-width:768px){
.site-navbar .site-logo {
  position: relative;
  font-size: 22px;
}

.cont-display{
  text-align:center;
  z-index:100;
  color:#363636;
  padding-top:230px;
  font-size:40px;
  font-weight:800;
}
#ban p{
  font-size:17px;
  font-weight:200;
}
}

/*-------------Product---------*/

/*-------------Top Label---------*/
.top_label h3{
  text-align:left;
  font-weight:400;
}
.top_label h3::after{
  left:15px;
  right:0;
  bottom:-8px;
  color:#333;
  content:"";
  border-bottom:3px solid #199EB8;
  width:5%;
  position:absolute;
}

.top_label h4{
  text-align:left;
  font-weight:400;
  font-size:1.3em;
}
.top_label h4::after{
  left:15px;
  right:0;
  bottom:-1px;
  color:#333;
  content:"";
  border-bottom:2px solid #199EB8;
  width:10%;
  position:absolute;
}

.top_label1 h4{
  text-align:left;
  font-weight:400;
  font-size:1.3em;
}
.top_label1 h4::after{
  left:15px;
  right:0;
  bottom:-1px;
  color:#333;
  content:"";
  width:10%;
  position:absolute;
}

/*-------------End Top Label---------*/

.pad_left{
  padding-left:0 !important;
}
#product .box_bg{
  background:#fff;
  box-shadow:0px 0px 30px #ccc;
  padding:20px;
  transition:0.4s ease;
}
#product .box_bg:hover{
  transition:0.4s ease;
  box-shadow:0px 0px 30px #aaa;
}
#product .box_bg img{
  color:#FF6600;
}
.fa_col{
  color:#FF9900;
}
#product h4{
  color:#199EB8;
}
#product p{
  font-size:14px;
  color:#8F8F8F;
}
#product .box_bg i{
  color:#333;
  padding-top:20px;
  padding-bottom:40px;
}
#product h5{
  font-size:16px;
  color:#666666;
}

/*-------------About Luxsh---------*/

#about h4{
  color:#199EB8;
}

/*-------------Footer---------*/

#fot{
  background:#f9f9f9 ;
}
#fot h3, h2{
color:#199EB8;
}
#fot h5{
  font-size:14px;
  color:#199EB8;
  font-weight:600;
}

.ban{
line-height:50px;
font-size:1.6em;
border-bottom:1px solid #333;
text-align:left;
}
.para1{
padding-left:-30px;
}
/*#fot h4{
text-align:center;
font-size:1.5em;
color: #5B5B5B;
font-weight:400;
}
#fot h4:after{
left:0;
right:0;
bottom:25px;
border-bottom:1px solid #006FA4;
content:"";
margin:0 auto;
width:5%;
position:absolute;
}
*/
.pad_top{
padding-top:50px;
}
.top_pad{
padding-top:0px;
}
.about_mar{
margin-top:-15px;
}
.about_mar2{
margin-top:-50px;
}
/*--gallery--*/
.gallery {
  padding: 0 0;
}
.gallery-grids-left{
	float:left;
	width: 33.33%;
}
.gallery-grids-left img {
  display: block;
  width: 100%;
}
img.img-responsive {
  display: inline-block;
}
img.zoom-img {
	webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: .5s;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: .5s;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.08);
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.05);
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
.glry-img{
overflow:hidden;
}
/*--gallery--*/
.gallery1 {
  padding: 1em 0 2em 0;
}
.gallery1 h3 {
	font-size: 1.8em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	line-height:2.0em;
}
.gallery-grids1 .thumbnail {
  border: none;
  padding: 0;
  margin-bottom: 2.5em;
  overflow:hidden;
  border:1px solid #ddd;
  padding:1px;
}

img.zoom-img {
     transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
}
img.zoom-img:hover {
     transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 750ms;
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-duration: 750ms;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-ms-transition-duration: 750ms;
	-o-transition-duration: 750ms;
	overflow: hidden;
}
.fancybox-skin {
  background-color: rgba(53, 98, 114, 0.61) !important;
}
.fancybox-nav {
  width: 10% !important;
}
.img-thumbnail {
border-radius:0 !important;
}
/*.top_2{
margin-top:30px;
}*/
.btn-primary {
    color: #fff;
    background-color: #199EB8 !important;
    border-color: #199EB8 !important;
}
.owl-carousel img{
border:1px solid #ccc;
}
#cover{
      position:fixed;
      top:0;
      left:0;
      background:rgba(0,0,0,0.6);
      z-index:5;
      width:100%;
      height:100%;
      display:none;
    }