@charset "utf-8";

/* CSS Document */



body{margin:0px; padding: 0px;  font-family: "Verdana","Trirong", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans",  "sans-serif"; background: #000;}

h1{font-size:32px; padding:20px 10px 20px 10px; margin: 0px; font-weight: 700; color:#F8AB06;}

h2{font-size:28px; padding:20px 10px 20px 10px; margin: 0px; font-weight: 700; color:#fff; text-align: center;}

h3{font-size:26px; padding:20px 10px 0px 10px; margin: 0px; font-weight: 700; color:#F8AB06; text-align: center;}

h4{font-size:24px; padding:20px 0px 0px 0px; margin: 0px; font-weight: 700; color:#fff; text-align: left;}

p{font-size:18px; padding:0px 0px 0px 10px; margin: 0px; text-align: justify; color:#fff}

a{ color:#FFCC00}

.container{width:100%; margin: 0 auto; padding: 0px;}

.top-header{ background:#6A1B9A; padding:5px 20px 5px 20px; margin: 0 auto; display:table; width: 97%;}

.logo{width:20%; float:left; margin:0 30px 0px 0px; padding: 0px;}

.logo img{width:100%; height: auto;}

.contact-area{width:30%; float:left; margin:0 0 0 100px; padding:0px; line-height: 50px;}

.contact-area a{margin:0px; padding: 0px; font-size:18px; color: #fff; text-decoration: none;}

.contact-area a:hover{margin:0px; padding: 0px; font-size:18px; color: #fff; text-decoration: none;}

.social-area{width:30%; float:right; margin:0px; padding: 0px; line-height: 50px;}

.social-area a{margin:0px; padding: 0px; font-size:18px; color: #fff; text-decoration: none;}

.social-area a:hover{margin:0px; padding: 0px; font-size:18px; color: #fff; text-decoration: none;}

.icon{  color: #000000;}

.w100{
	width:100%;
	height:auto;
}

/*Navigation*/

.nav {  overflow: hidden;background:#000000;  }

.nav ul {margin:0px 30px 10px 30px; padding: 0px; display:block;}

.nav ul li{margin: 0px; list-style: none; float: left; padding: 0px;}

.nav ul li a{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size:20px; font-weight:600; display: 						block; text-align: center;  padding: 25px 30px;}

.nav ul li a:active{color:#fff ; background-color:#E69E04;}

.nav ul li a:hover{color:#fff ; background-color:#E69E04;}

.nav ul li a:visited{color:#fff ; background-color:#E69E04;}

.nav ul li a.selected{color:#fff ; background-color:#E69E04;}

/*banner*/

.banner img{width: 100%; height: auto; margin: 0px; padding: 0px;}

/*conatint area*/

.row{width:100%; margin:0 auto; padding:0px; display: table;}

.catgory-left-section{width:33%; float:left; margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:40px; font-weight:900;}

.catgory-middel-section{width:33%; float:left;margin:1px; padding:50px 0 50px 0;  background:#d92c29;font-size:40px; text-align: center;font-weight:900; }

.catgory-right-section{width:34%; float:right;margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:40px; font-weight:900;}

.containe-left-area{width:46%; float:left; margin:10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

.containe-right-area{width:46%; float:right; margin:10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

.gallery-section{background:#000000; padding: 10px; clear: both; display: block;}

.col-gallery-sectoin{float:left; width: 20%; margin: 0px; padding:0px;}

.column {margin: 15px 15px 0;padding: 0;}

.column:last-child {padding-bottom:10px;}

.column::after {content: '';clear: both;display: block;}

.column div {margin: 0 0 0 25px;	padding: 0;}

.column div:first-child {	margin-left: 0;}

 figure {	width: 100%;	height: auto;	margin: 0;	padding: 0;		overflow: hidden;}

/* Zoom In #1 */


.model-text{font-size:18px; color: #fff; font-weight:700; text-align: center; background:#F20808; max-width:100%; padding:5px}

.model-text a{font-size:18px; color: #F4BDFA; font-weight:700; text-align: center; text-decoration:none}

.fig img {width:100%; height: auto;}

.containe-text-area{max-width:100%;  margin:10px; padding:10px; background:#363534; border:#F8AB06 solid 5px;}



.footer{width:100%;  margin:0px; padding:0px; background:#6A1B9A; }

.footer-col{width:17%; margin: 0px; padding: 10px 0 10px 20px; float:left;}

.footer p{font-size:16px; color:#fff; padding:0px 0px 0px 0px; margin: 0px; text-align: justify;}

.footer ul{list-style:url("img/bullet.webp");}

.footer ul li{ padding:0px 0px 10px 0px; margin: 0px; text-decoration: none; line-height: 25px;} 

.footer ul li a{font-size:16px; color:#fff; padding:0px 0px 0px 0px; margin: 10px; text-decoration: none; text-align: justify;} 

.footer  ul li a:hover{ color:#F8AB06;} 

.footer-bottom{background:#000000; padding:0px; width: 100%;  }

.footer-bottom p {color:#fff; padding: 10px; text-align: center;}

/* Responsive CSS Styles Table of Contents */





@media only screen and (min-width:999px) and (max-width:1200px){

  .logo{width:30%; float:left; margin:10px 30px 0px 0px; padding: 0px;}

.contact-area{width:40%; float:left; margin:20px 0 0 0px; padding:0px; line-height:normal;}

.social-area{width:20%; float:right; margin:20px 0 0 0px; padding: 0px; line-height:normal;}

.nav {  overflow: hidden;background:#000000;  }

.nav ul {margin:0px 30px 10px 30px; padding: 0px; display:block;}

.nav ul li{margin: 0px; list-style: none; float: left; padding: 0px;}

.nav ul li a{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size: 22px; display:block; text-align: center;  padding: 15px 20px;}

.catgory-left-section{width:33%; float:left; margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:30px; font-weight:900;}

.catgory-middel-section{width:33%; float:left;margin:1px; padding:50px 0 50px 0;  background:#d92c29;font-size:30px; text-align: center;font-weight:900; }

.catgory-right-section{width:34%; float:right;margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:30px; font-weight:900;}

.containe-left-area{width:96%; float:left; margin:10px 10px 0px 10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

.containe-right-area{width:96%; float:left; margin:10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

h1{font-size:30px; padding:20px 10px 0px 0px; margin: 0px; font-weight: 700; color:#F8AB06; text-align: center;}

p{font-size:18px; padding:0px 0px 0px 0px; margin: 0px; text-align: center;}

.gallery-section{background:#000000; padding: 10px; clear: both; display: block;}

.col-gallery-sectoin{float:left; width:25%; margin: 0px; padding:0px;}



}



@media only screen and (min-width:768px) and (max-width:998px){

 .logo{width:30%; float:left; margin:10px 30px 0px 0px; padding: 0px;}

.contact-area{width:30%; float:left; margin:0 0 0 0px; padding:0px; line-height:normal;}

.social-area{width:30%; float:right; margin:0px; padding: 0px; line-height:normal;}

/*Navigation*/

.nav {  overflow: hidden;background:#000000;  }

.nav ul {margin:0px 30px 10px 30px; padding: 0px; display:block;}

.nav ul li{margin: 0px; list-style: none; float: left; padding: 0px; width:100%; }

.nav ul li a:link{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size: 22px; display:block; text-align: center;  padding: 10px 0px;background:#000; width: 100%; border-bottom:solid 1px #6A1B9A;}

.catgory-left-section{width:33%; float:left; margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:30px; font-weight:900;}

.catgory-middel-section{width:33%; float:left;margin:1px; padding:50px 0 50px 0;  background:#d92c29;font-size:30px; text-align: center;font-weight:900; }

.catgory-right-section{width:34%; float:left;margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:30px; font-weight:900;}

.containe-left-area{width:96%; float:left; margin:10px 10px 0px 10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

.containe-right-area{width:96%; float:left; margin:10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

h1{font-size:30px; padding:20px 10px 0px 0px; margin: 0px; font-weight: 700; color:#F8AB06; text-align: center;}

p{font-size:18px; padding:0px 0px 0px 0px; margin: 0px; text-align: center;}

.gallery-section{background:#000000; padding:0px; clear: both; display: table; }

.col-gallery-sectoin{float:left; width:50%; margin: 0px; padding:0px;}

.model-text{font-size:20px; color: #442f00; font-weight:900; text-align: center; background:#F8AB06; max-width:93%;}



}



@media only screen and (min-width:480px) and (max-width:767px){

.logo{width:100%; float:left; margin:0 30px 0px 0px; padding: 0px;}

.top-header{ background:#6A1B9A; padding:5px 20px 5px 20px; margin: 0 auto; display:table; width:88%;}

.contact-area{width:100%; float:left; margin:0 0 0 0px; padding:0px; line-height: 50px;}

.social-area{width:100%; float:left; margin:0px; padding: 0px; line-height: 50px;}

.contact-area a{margin:0px; padding: 0px; font-size:14px; color: #fff; text-decoration: none;}

/*Navigation*/

.nav {  overflow: hidden;background:#000000;  }

.nav ul {margin:0px 30px 10px 30px; padding: 0px; display:block;}

.nav ul li{margin: 0px; list-style: none; float: left; padding: 0px; width:100%; }

.nav ul li a{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size: 22px; display:block; text-align: center;  padding: 10px 0px;background:#000; width: 100%; border-bottom:solid 1px #6A1B9A;}

.catgory-left-section{width:100%; float:left; margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:30px; font-weight:900;}

.catgory-middel-section{width:100%; float:left;margin:1px; padding:50px 0 50px 0;  background:#d92c29;font-size:30px; text-align: center;font-weight:900; }

.catgory-right-section{width:100%; float:right;margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:30px; font-weight:900;}

.containe-left-area{width:85%; float:left; margin:10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

.containe-right-area{width:85%; float:left; margin:10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

h1{font-size:30px; padding:20px 10px 0px 0px; margin: 0px; font-weight: 700; color:#F8AB06; text-align: center;}

p{font-size:18px; padding:0px 0px 0px 0px; margin: 0px; text-align: center;}

.gallery-section{background:#000000; padding:0px; clear: both; display: table; }

.col-gallery-sectoin{float:left; width:100%; margin: 0px; padding:0px;}

.model-text{font-size:20px; color: #442f00; font-weight:900; text-align: center; background:#F8AB06; max-width:94%;}	

.containe-text-area{width:96%;  margin:0px; padding:10px; background:#363534; border:#F8AB06 solid 5px;}

.footer-col{width:100%; margin: 0px; padding:0 0 0 10px; float:left; }

}



@media only screen and (max-width:479px){

.logo{width:100%; float:left; margin:0 30px 0px 0px; padding: 0px;}

.top-header{ background:#6A1B9A; padding:5px 20px 5px 20px; margin: 0 auto; display:table; width:88%;}

.contact-area{width:100%; float:left; margin:0 0 0 0px; padding:0px; line-height: 50px;}

.social-area{width:100%; float:left; margin:0px; padding: 0px; line-height: 50px;}

.contact-area a{margin:0px; padding: 0px; font-size:14px; color: #fff; text-decoration: none;}

/*Navigation*/

.nav {  overflow: hidden;background:#000000;  }

.nav ul {margin:0px 30px 10px 30px; padding: 0px; display:block;}

.nav ul li{margin: 0px; list-style: none; float: left; padding: 0px; width:100%; }

.nav ul li a{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size: 22px; display:block; text-align: center;  padding: 10px 0px;background:#000; width: 100%; border-bottom:solid 1px #6A1B9A;}

.catgory-left-section{width:100%; float:left; margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:30px; font-weight:900;}

.catgory-middel-section{width:100%; float:left;margin:1px; padding:50px 0 50px 0;  background:#d92c29;font-size:30px; text-align: center;font-weight:900; }

.catgory-right-section{width:100%; float:right;margin:1px; padding:50px 0 50px 0;  background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size:30px; font-weight:900;}

.containe-left-area{width:85%; float:left; margin:10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

.containe-right-area{width:85%; float:left; margin:10px; padding:10px; background:#363534; border:#6A1B9A solid 5px;}

h1{font-size:30px; padding:20px 10px 0px 0px; margin: 0px; font-weight: 700; color:#F8AB06; text-align: center;}

h3{font-size:26px; padding:20px 10px 0px 10px; margin: 0px; font-weight: 700; color:#F8AB06; text-align: center;}

h2{font-size:28px; padding:20px 10px 20px 10px; margin: 0px; font-weight: 700; color:#fff; text-align: center;}

p{font-size:18px; padding:0px 0px 0px 0px; margin: 0px; text-align: center;}

.gallery-section{background:#000000; padding:0px; clear: both; display: table; }

.col-gallery-sectoin{float:left; width:100%; margin: 0px; padding:0px;}

 .column {margin: 15px 15px 0 30px;padding: 0;}

.model-text{font-size:20px; color:#fff; font-weight:700; text-align: center; background:#F8AB06; max-width:94%;}

.containe-text-area{width:89%;  margin:4px; padding:10px; background:#363534; border:#F8AB06 solid 5px;}

.footer-col{width:98%; margin: 0px; padding:0 0 0 10px; float:left;}

}
.contact-area .call{
	background-image:url("img/callicon.webp"); background-position: left; background-repeat:no-repeat; padding-left:25px; padding-right:25px;
}
.contact-area .email{
	background-image:url("img/emailicon.webp"); background-position: left; background-repeat:no-repeat; padding-left:25px; padding-right:25px;
}
.social-area .twitter{
	background-image:url("img/twittericon.webp"); background-position: left; background-repeat:no-repeat; padding-left:25px; padding-right:25px; 
}
.social-area .facebook{
	background-image:url("img/fbicon.webp"); background-position: left; background-repeat:no-repeat; padding-left:25px; padding-right:25px;
}


  .botaozap{
	position:fixed;
	z-index:100;
	top:85%;
	left:5px;
	}
	.mobile{
	position:fixed;
	z-index:100;
	top:65%;
	left:5px;
	}
	
	
	
	.nowcalling {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}

.lcol, .rcol {
    float: left;
    width: 50%;
}
.lcol a, .rcol a {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
.lcol {
    background-color: #291B73;
}
.rcol {
    background-color: #9BB41A;
}