@import url('https://fonts.googleapis.com/css?family=Sniglet|Srisakdi');
ul{list-style:none;}
a{text-decoration:none;color:none;}
.use li{font-family: 'Srisakdi', cursive; font-size:18px;font-weight:bold;}
p {margin: 0;color: #777;font-size: 1em;line-height: 2;}
.productheading{font-family: 'Sniglet', cursive;font-size: 3rem;font-weight: bold;}
.pr1{color:#e29e6c;}
.pr2{color:#c51710;}
.pr3{color:red;}.w100{width:100%;}
.light{background-image:url("../img/light.png");background-size:contain;
background-position:center;background-repeat:no-repeat;}
.pr4{color:red;}
.product1{background-image: linear-gradient(90deg, #345db1 60%, #ffffff 48%);}
.product1 p{color:white;}.carousel-indicators li{background-color:#3b67b3;}
.menu > ul {
	display: flex;
	margin: 0;
    border-top: 5px solid #fac960;
	background: #345db1;
	list-style: none;
}
.menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 20px;
}
.navbar-nav li{ margin:5px; text-align:center; }
.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc;' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")!important;}
.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000;' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")!important;}
.use li{line-height:3em;}
footer h4{color: #3b67b3;
text-transform: capitalize;
font-size: 1.2em;
margin: 1em 0;
font-weight: 600;}
footer a{color:#777;}
footer a:hover{color:black;}
.quick{line-height:2em;}.contact{line-height:3.3em;}footer .fas{font-size:22px;color:#fac960;}
.footerlast p  {color:#283753;}.footerlast a{color:black;}.footerlast{background:#fac960;}
a.link {
    font-weight: bold;
    letter-spacing: 1px;float:right;
    word-spacing: 3px;
    padding: 10px 36px;
    border-radius: 20px;
}.ck{color:#3b67b3;}
.newsection{position: relative;
width: 100%;
display: inline-block;
height: 250px;}
.add{font-size: 1.5em;
font-weight: bold;
text-shadow: 0px 2px 2px #afa3a3;
letter-spacing: 1px;
word-spacing: 3px;}
.feature h3{font-size:3em;font-weight: bold;
text-shadow: 0px 2px 2px #000000;
    letter-spacing: 1px;
    word-spacing: 3px;}
a.link2{  color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
    word-spacing: 3px;
    padding: 8px 36px;
    border-radius: 20px;
    background: #fac960;
}a.link3{    background: #3b67b3 !important;}
.fullblue p{color:white;}
.vert{width:70%;padding:5%;border-radius:30px;}
.fullblue{background: #3b67b3 !important;}
.abt img{width:50%;padding:3%;}

.go-txt{font-size:2.2em;font-weight:bold;}
.three{text-align:center;}
.off{width:30%;}
.sub-title{font-size: 1em;color: #333;font-weight: 600;text-transform: capitalize;}

.fullwidth{width:100%;}
.cn{background: #fac960;padding: 15px;color: #000;border-radius: 34px;}
.banner2 {background: url(../img/candynew.jpg)no-repeat center;}
.banner3 {background: url(../img/sesame.jpg)no-repeat center;}
.banner4 {background: url(../img/kamar.jpg)no-repeat center;}
.banner5 {background: url(../img/thenmittai2.jpg)no-repeat center;}
.bannerfull{-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;}
.banner-text {text-align: center;padding: 8vw 0;box-sizing: border-box;}
.home-bottom h3 { text-shadow: 0px 2px 2px #770e0e61 ;}
.banner-sign {
	width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
border-radius: 50%;
}
.banner-text h3 {
	text-transform: capitalize;
	font-weight: 800;
	font-size: 3.2em;
	margin-top: 1em;
	color: #fff;
}.contact li{color:#777;word-break: normal;}
.start-title{color: #3b67b3;
text-transform: capitalize;
font-size: 3em;
font-weight: bold;
text-shadow: 0px 1px 1px #000000;}
.home-bottom{background:#fac960 ;}
textarea {height: 200px;resize: none;}
.register-top1 {margin-top: 4em;}
.carousel-inner img {max-width:300px;max-height: 300px;width:100%;height:100%;}
form.register-form .form-control {
	padding: 15px 20px;
	border: 1px solid #3b67b3;
	border-top: none;
	border-radius: 0;
	-webkit-box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
	-moz-box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
	box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
}@media only screen and (max-width: 992px) {
  .gone {display:none;  }
}
@media only screen and (min-width: 1250px){.banner-sign{position:absolute;top:1%;left:45%;}.health{padding-top:35px;}}
@media screen and (min-device-width: 900px) and (max-device-width: 1249px) {.banner-sign{position:absolute;top:0;left:60%;}}
@media screen and (min-device-width: 769px) and (max-device-width: 899px) {.banner-sign{position:absolute;top:0;left:75%;}}
#myImg {
  border-radius: 4%;
  padding:3% 2%;
  cursor: pointer;width:100%;
  transition: 0.3s;max-width:300px;
}
#myImg:hover {opacity: 0.7;}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding: 5% 0px;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.9);
}
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 480px;
}
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
.packet{width:55%;}
.home-bottom p{color:#4e0000;}
.close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #f1f1f1;opacity:0.9 !important;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.fact img{border-radius:4%;padding:3%;}
body {background: #f0f0f2;}
.navbar-brand{width:11%; text-align:center;}
.centernav{padding:0 10%;}
.navbar-blue{    background: #2250a0;
   border-top: 5px solid #fac960;}
	nav a{color:white; padding:20px;}
	nav a:hover{color:#f2f2f2;}.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #183c7c;
    border: 1px solid #0e1d36;
    border-radius: .25rem;
}.navbar-toggle {
    background: none;
    border: none;
    display: none;
}
.navbar-toggle i.fa {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    border: 2px solid #fac960;
    border-radius: 100%;
    vertical-align: middle;
    cursor: pointer;color:red;
    transition: all ease-in 0.5s;
}
.fa-bars{
	color: #fac960 !important;
}
.navbar-toggle i.fa::before {
    vertical-align: middle;
    display: inline-block;
    font-size: 20px;
    margin: 20% 0;
    transition: all ease-in 0.5s;
}