@font-face {
    font-family: 'Hot Pizza';
    src: url('../fonts/HotPizza.woff2') format('woff2'),
        url('../fonts/HotPizza.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Precious';
    src: url('../fonts/Precious.woff2') format('woff2'),
        url('../fonts/Precious.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Back to Black Demo';
    src: url('../fonts/BacktoBlackDemo.woff2') format('woff2'),
        url('../fonts/BacktoBlackDemo.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Back to Black Bold Demo';
    src: url('../fonts/BacktoBlackBoldDemo.woff2') format('woff2'),
        url('../fonts/BacktoBlackBoldDemo.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


@font-face {
  font-family: 'ChickenButt';
  src: url('../fonts/ChickenButt.eot?#iefix') format('embedded-opentype'),  url('../fonts/ChickenButt.woff') format('woff'), url('../fonts/ChickenButt.ttf')  format('truetype'), url('../fonts/ChickenButt.svg#ChickenButt') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{ font-family: 'Roboto';}

	a{text-decoration:none;}
	a:hover{text-decoration:none;}

	
	.logo{
		width: 150px;
	}
	
	/* .slide img{ */
		
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
	/* height:800px; */
   
  
	/* } */
	
		/* .slide{ */
			/* height:500px; */
		/* } */
	
	/* .slide h2{ */
	/* color: #fff; */
    /* font-size: 55px; */
    /* letter-spacing: 5px; */
    /* position: relative; */
    /* z-index: 100; */
    /* text-align: center; */
    /* /* top: 40%; */ */
	/* padding:300px 0px; */
	
	/* } */
	
	
.header{padding:0px;}
.navbar-default .navbar-nav > li > a {
    color: #000;
	font-family: 'Montserrat';
}
.navbar-default {
    background-color: inherit;
    /* border-color: inherit; */
	border-color: #fff;
}
.navbar{margin-bottom:0px;}
.nav > li > a {    padding: 30px 31px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color:#333;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#333;
    background-color: transparent;
}
.clr li a{color: #fff;     font-size: 38px;    font-family: 'Hot Pizza';}
.clr li:last-child {border: none;}
.welcome li {
    display: inline-block;
    border-right: 4px solid #fff;
    padding: 0px 10px;
}
.welcome-1{background-image: url(../images/bg-mysha.png);text-align:center; padding:50px 0px;color:#ooo;}
.welcome{background-image: url(../images/bg.webp);text-align:center; padding:50px 0px;color:#fff;}
.welcome h1{  font-family: 'Hot Pizza'; font-size:40px;}
.welcome h2{  font-family: 'Hot Pizza'; font-size:36px;}
.welcome p{font-family: 'Roboto'; font-size:16px;color:#e8e8e8;}
.w{font-family: 'Precious';font-size:0px;font-size:56px;}
.products{margin: 75px 0px;}
.products h2{font-family: 'Hot Pizza'; font-size:34px;    margin-bottom: 30px;} 
.products button{    overflow: visible;
    border-radius: 18px;
    height: 36px;
    width: 138px;
    background-color: #333;
    border-color: transparent;
    color: #fff;
    margin-top: 16px;
}
.products button:hover{ background-color: #fff;color: #333;}
.products .col-lg-4{padding:0;}


.gal{
   border-top: 7px solid #333;
    position: relative;
    background-color: rgba(255, 255, 255, 0.7490196078431373);
    margin-top: -77px;
}
.gal h3{font-family: 'Back to Black Bold Demo';margin:0px;padding:22px 0px;}

.welcome button {
	
    overflow: visible;
    border-radius: 23px;
    height: 36px;
    width: 138px;
	background-color:#f9f7f7;
	border-color: transparent;
	color:#333;
	margin-top:16px;
}
.welcome button:hover{background-color:#000;color:#fff;}




.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}



.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);

}
.hovereffect:hover .gal{display:none;}

.hovereffect:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info h3{  font-family: 'Back to Black Bold Demo';margin-bottom: 20px;    font-size: 26px;}

.hovereffect a.info {

  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  
  color: #fff;
  border: 1px transparent;
  margin: 81px 0 0 0;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  height: 85%;
  width: 85%;
  position: absolute;
  top: -20%;
  left: 8%;
  padding: 35px;

}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(0, 0, 0, 0.72);
}

.con{margin-top:25px;}
.con p{color:#000;font-size: 16px;
    line-height: 27px;}
.ola{height:5px;background-color:red;}
.gallery h1{text-align:center; font-family: 'Hot Pizza';}
.gallery p{text-align:center;}
.gallery{margin-bottom: 80px;}

.demo{list-style-type: none;text-align:center;} 
.demo li{display:inline-block;    font-size: 13px;
    color: #ccc;}
	.demo li a{color: #ccc;}

.footer h1{text-align:center;font-family: 'Hot Pizza';font-size:27px;} 
.footer h4{text-align:center; font-family: 'Roboto';font-size: 15px;	} 
.footer {background: url(../images/sli.webp) no-repeat center center / cover;color:#fff; padding: 79px 0px 0px 0px;}
.footer p{margin: 0 0 0px;}
.footer1 i:hover {
}

.footer1 i {
	
	text-align: center;
	color: #fff;
	
	padding: 0px 8px;
	line-height: 2;
}
.footer1 i:hover{color:#333;}
.footer1{text-align:center;margin-top:8px;}
.footer2{        border: 1px transparent;
    padding: 15px 0px 11px 0px;
background-color: #333;
margin:0 auto;
width:53%;margin-top:21px;}
.ftr{margin-top:28px;}
.brdr{margin-top:28px;}



.art .col-md-4{padding:0px;}
.art .col-md-3{padding:0px;}
.art h2{color:#fff;}


.sass{display:inline-block; width: 100%;text-align:center;}
.sass p{line-height:27px;font-size:16px;margin-bottom:20px;padding:0px 40px;text-align:center;}

.sass h1{color:#1e1e1e;font-weight:600;text-align:center;font-size: 34px;font-family: 'Hot Pizza';}

.single-project-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;     
}
.single-project-item .img-holder img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;      
}


.single-project-item .img-holder .overlay .box {
  
}
.single-project-item .img-holder .overlay .box .content {
  
}
.single-project-item .img-holder .overlay .box .content a h3 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
  transition: all 500ms ease;
}

.single-project-item .img-holder .overlay .box .content a h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
  transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content p {
  font-weight: 400;
  color: #d5ac63;
  margin: 0;
}
.single-project-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);      
}
.single-project-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-project-item .img-holder .overlay .box .content a h3:hover{
  color: #d5ac63;
}
.single-project-item:hover h5{display:none !important;}


/* Overlay styles */
.gallery .overlay{
  background-color:rgba(246, 13, 13, 0.6);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;	
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  transform: rotateY(180deg) scale(0.5,0.5);    
}
.gallery .overlay .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.gallery .overlay .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}
.gallery .overlay .box p{ text-align:center !important;}
.gallery .overlay .box h3{ color:#fff !important;}




#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
   
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}

.art .nbs-flexisel-item img {
  
    cursor: pointer;
    position: relative;
    margin: 0px;

     max-width:100%;
	 max-height:100%;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:220px;
    max-height:139px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.webp) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.webp) no-repeat;
}
.im{width:100%;}

.logo1{display:none;}
ul{margin:0px;padding:0px;}



.lgx-banner-inner {
    background: url(../images/about.webp) center center no-repeat fixed;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.lgx-page-inner {
    padding: 11rem 0;
}
.lgx-banner-inner .breadcrumb {
    background: 0 0;
    display: inline-block;
    padding: 0;
    position: relative;
    z-index: 1;
   
    margin-bottom: 0;
    border-radius: 0;
}
.lgx-banner-inner .breadcrumb li {
    font-size: 14px;
    line-height: 2.4000000000000004rem;
    
    color: #fff;
    text-transform: uppercase;
}
.breadcrumb>li {
    display: inline-block;
}
.lgx-banner-inner .breadcrumb li a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.lgx-banner-inner .breadcrumb li a i {
    margin-right: .5rem;
    color: #333;
}	
.lgx-heading-area h2{color:#fff;font-family: 'Hot Pizza';letter-spacing:1px;margin:0px;}
.lgx-banner-inner .breadcrumb .active {
    color: #333;
}

.about{padding:80px 0px ;   background: url(../images/back.webp);}
.about h1{color:#333;margin-top:0px;text-align:center;font-weight:600;text-transform:uppercase;font-size:30px;}


.line {
    margin-left: auto;
    margin-right: auto;
	    width: 186px;
		margin-bottom: 50px;
		    display: block;
}
.line.img-icon {
    height: 31px;
    line-height: 31px;
    background: none;
    position: relative;
   
}
.line.img-icon::before, .line.img-icon::after {
    content: '';
    height: 1px;
    width:65px;
    position: absolute;
    top: 16px;
    left: 0px;
    background-color: rgba(136, 136, 136, 0.2);
}
.line.img-icon img {
   
    margin: 0px;
}
.line.img-icon::after {
    left: auto;
    right: 0px;
}
form input[type=text], form input[type=password], form input[type=url], form input[type=email] {
    border: 1px solid rgba(136, 136, 136, 0.2);
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    width: 100%;
    letter-spacing: 0.7px;
    font-family: 'Merriweather';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
    font-style: italic;
    color: #888888;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
}
form textarea {
    border: 1px solid rgba(136, 136, 136, 0.2);
    background-color: #fff;
    width: 100%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    font-family: 'Merriweather';
    font-style: italic;
    font-size: 12px;
    font-weight: 100;
    color: #888888;
    padding: 20px;
    min-height: 125px;
}

.rectangle {
    box-shadow: none;
    color: #ffca47;
    border: 1px solid #ffca47;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat';
    font-style: normal;
    text-transform: uppercase;
    padding: 10px 35px;
    border-radius: 30px;
    background-color: transparent;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
	width: 100%;
	    background-color: #ffca47;
    color: #444444;
	    border-radius: 0px;
}
.rectangle:hover {border:1px solid #ffca47; background-color:#fff;color:#ffca47}
.address-box {
    background-color: #ffca47;
    position: relative;
    padding: 30px 40px;
	color:#fff;
}
.address-box::before, .address-box::after {
    content: '';
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 13px;
    right: 10px;
    bottom: 13px;
    left: 10px;
    z-index: 0;
}
.address-box h4 {
    text-align: center;
    position: relative;
    font-size: 25px;
   font-family: 'Montserrat';
    margin: 0px;
	
    margin:16px 0px;
}
.address-box table {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
.address-box::after {
    top: 10px;
    right: 13px;
    bottom: 10px;
    left: 13px;
}
.address-box table td {
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    vertical-align: middle;
    padding-bottom: 15px;
    padding-top: 15px;
	color:#222;
}
.address-box table td.entry-icon {
    width: 40px;
}
.address-box table td {
    font-size: 18px;
	color:#222;
    line-height: 28px;
    font-style: normal;
    vertical-align: middle;
    padding-bottom: 15px;
    padding-top: 15px;
}

.address-box table td a{
	color:#222;
	 cursor: pointer;
}

.address-box i{font-size:20px;}
.address-box h4::before, .address-box h4::after {
    content: '';
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -10px;
}
.address-box h4::after {
    left: 28px;
    right: 28px;
    bottom: -13px;
}
.image {
    overflow: hidden;
    box-shadow: 0px 2px 8px #ccc;
    margin-bottom: 30px;
    background-color: #f9f9f9;
    padding: 10px;
}
.image img {
    transition: 0.4s ease;
}
.image img:hover {
    transform: scale(1.15);
}
.ser {
    margin-left: 25px;
}
.ser li {
    list-style-image: url(../images/icon1.webp);
    line-height: 27px;
    font-size: 15px;
    color: #444444;
   
}
.about h4{color:#333;font-size:25px;font-family: 'Hot Pizza';}
.well{background-color:#fdfdfd;box-shadow:0px 2px 8px #ccc;}
.about p{text-align: justify;
    line-height: 27px;
    font-size: 15px;
    color: #626262;}
	.about h3{margin-top:0px;font-family: 'Hot Pizza';font-size:30px;color:#000;}
	

@media (max-width:1200px)
{
	.nav > li > a {
    padding: 30px 18px;
}
}

@media (max-width:991px)
{
	.nav > li > a {
    padding: 16px 11px;
}
	.logo{display:none;}
	.logo1{display:block; padding: 5px 10px;}
}

@media (max-width:767px)
{
	.navbar-header button{height: 36px;
width: 45px;}
.navbar-default .navbar-toggle {
    border-color: #333;
    background-color: #333;
}
.navbar-default .navbar-toggle:hover {
    border-color: #333;;
    background-color: #333;;
}
.welcome h1 {font-size: 26px;}
.clr li a {font-size: 22px;line-height: 20px;}
.welcome li {border-right: 2px solid #fff;}
.welcome h2 {font-size: 30px;}
.footer2{width:100%;}
}

@media (max-width:460px)
{
	.welcome h1 {font-size: 20px;}
.clr li a {font-size: 18px;line-height: 20px;}
.welcome li {border-right: 2px solid #fff;}
.welcome h2 {font-size: 25px;}
.welcome h1{line-height: 31px;}
.hovereffect a.info{margin: 65px 0 0 0;padding:0px;}
.products h2 {font-size: 25px;}
.sass h1{font-size: 25px;}
}

@media (max-width:360px){
	
	
}


.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:70px;
  font-family: 'Hot Pizza';
}

.slide{
	 position: relative;
  text-align: center;
  color: white;
}

.chicken{
	padding-bottom:50px!important;
}


@media only screen and (max-width: 600px) {
 .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-family: 'Hot Pizza';
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ser {
  
    margin-bottom: 20px;
}

.about h4 {
 
    font-size: 18px;
    line-height: 32px;
   
}

}