@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

fieldset { 	padding:0; border:0; margin-top:25px;}div#users-contain {	width: 350px; margin: 20px 0;}div#users-contain table {	margin: 1em 0; border-collapse: collapse; width: 100%;}div#users-contain table td, div#users-contain table th {	border: 1px solid #eee; padding: .6em 10px; text-align: left;}.ui-dialog .ui-state-error {	padding: .3em;}.validateTips {	border: 1px solid transparent; padding: 0.3em;}.noclose .ui-dialog-titlebar-close {	display:none;}#dialog-form {	display:none;}.actionBtnLog {	background: none repeat scroll 0 0 #e67817;	border: 2px groove #dfa62f;	color: #ffffff !important;	float: right;	font-family: Arial,Helvetica,sans-serif;	font-size: 11px;	padding: 3px;	width: auto;	margin-left:3px;}.footer {	background: #E67817;	height: 50px;	padding-top:15px;	color: #fff;}.form-group {  margin-bottom: 2px;}.row {  margin-top: 2px;}.img-center {	margin:0 auto;}#myCarousel img {width:100%;height:150px;}.cart {  margin: 50px auto;  width: 300px;  overflow: hidden;  color: white;  text-shadow: 0 1px rgba(0, 0, 0, 0.6);  background: #525252;  border: 1px solid #202020;  border-radius: 3px;  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);}.cart-top {  position: relative;  z-index: 1;  height: 24px;  line-height: 24px;  padding: 8px 15px;  font-size: 14px;  font-weight: bold;  color: #eee;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);  background: #404040;  border-bottom: 1px solid #222;  border-radius: 2px 2px 0 0;  -webkit-font-smoothing: antialiased;  background-image: -webkit-linear-gradient(top, #525252, #3d3d3d 80%, #383838);  background-image: -moz-linear-gradient(top, #525252, #3d3d3d 80%, #383838);  background-image: -o-linear-gradient(top, #525252, #3d3d3d 80%, #383838);  background-image: linear-gradient(to bottom, #525252, #3d3d3d 80%, #383838);  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);}.cart-top-title {  float: left;}.cart-top-info {  float: right;}.cart-item {  position: relative;  line-height: 20px;  padding: 10px 80px 10px 15px;  font-weight: bold;  background: #525252;  border-bottom: 1px solid #222;  background-image: -webkit-linear-gradient(top, #575757, #4e4e4e);  background-image: -moz-linear-gradient(top, #575757, #4e4e4e);  background-image: -o-linear-gradient(top, #575757, #4e4e4e);  background-image: linear-gradient(to bottom, #575757, #4e4e4e);  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);}.cart-item:first-child {  margin-top: -1px;  padding-top: 11px;}.cart-item-pic {  position: relative;  float: left;  margin: -2px 12px 0 -7px;}.cart-item-pic > img {  display: block;  height: 44px;  width: 44px;  border-radius: 3px;}.cart-item-pic:before {  content: '';  position: absolute;  top: -1px;  bottom: -1px;  left: -1px;  right: -1px;  border: 1px solid #000;  border-radius: 4px;  background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.15) 50%, transparent 50%);  background-image: -moz-linear-gradient(top left, rgba(255, 255, 255, 0.15) 50%, transparent 50%);  background-image: -o-linear-gradient(top left, rgba(255, 255, 255, 0.15) 50%, transparent 50%);  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.15) 50%, transparent 50%);  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.12);  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.12);}.cart-item-desc {  display: block;  font-size: 12px;  font-weight: normal;  color: #b8c6cc;}.cart-item-price {  position: absolute;  top: 50%;  right: 15px;  margin-top: -10px;  color: #eee;}.cart-bottom {  line-height: 31px;  padding: 10px 10px 10px 15px;  font-weight: bold;  background: #484848;  background-image: -webkit-linear-gradient(top, #545454, #434343);  background-image: -moz-linear-gradient(top, #545454, #434343);  background-image: -o-linear-gradient(top, #545454, #434343);  background-image: linear-gradient(to bottom, #545454, #434343);  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);}.cart-bottom > .cart-button {  float: right;}.cart-button {  line-height: 29px;  padding: 0 25px;  color: white;  text-decoration: none;  text-shadow: 0 1px rgba(0, 0, 0, 0.3);  background: #5aa327 padding-box;  border: 1px solid #333;  border-radius: 4px;  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(0, 0, 0, 0.04));  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(0, 0, 0, 0.04));  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(0, 0, 0, 0.04));  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(0, 0, 0, 0.04));  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.1);  box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.1);}.cart-button:hover {  background-color: #5daa2d;}.cart-button:active {  background-image: none;  border-color: rgba(0, 0, 0, 0.4);  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.05);  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.05);}a:link {	color: #000;	font-size: 14px;}a:hover {	color: #f00;}a:active {	color: #000;}a:visited {	color: #000;}/*@media screen and (max-width: 320px) {	.footer {		background: #333;		height: 50px;		padding-top: 15px;		color: #f80;		font-size: 10px;	}	a {font-size: 10px;}}*/@media (max-width: 480px) {	.footer {		background-color: #333;		height: 50px;		padding-top: 15px;		color: #f80;		font-size: 8px;		padding: 25px auto;	}	a:link {		color: #f80;		font-size: 10px;	}	a:hover {		color: #f00;	}	a:active {		color: #fff;	}	a:visited {		color: #f80;	}}@media (min-width:320px) 	{} /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */@media (min-width:480px) 	{} /* smartphones, Android phones, landscape iPhone */@media (min-width:600px) 	{} /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */@media (min-width:801px) 	{} /* tablet, landscape iPad, lo-res laptops ands desktops */@media (min-width:1025px) {} /* big landscape tablets, laptops, and desktops */@media (min-width:1281px) {} /* hi-res laptops and desktops */@media (min-width:320px) 	{} /* smartphones, iPhone, portrait 480x320 phones */@media (min-width:481px) 	{} /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */@media (min-width:641px) 	{} /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */@media (min-width:961px) 	{} /* tablet, landscape iPad, lo-res laptops ands desktops */@media (min-width:1025px) {} /* big landscape tablets, laptops, and desktops */@media (min-width:1281px) {} /* hi-res laptops and desktops */#wrapings {	margin: 0px 2px;	-webkit-box-shadow: 0px 0px 7px 0px #aeaeae;	-moz-box-shadow: 0px 0px 7px 0px #aeaeae;	box-shadow: 0px 0px 7px 0px #aeaeae;	height: 100%;	display: block;	position: relative;}

 /* unvisited link */
a.footer:link, a.footer:visited {
  color: white;
  font-family: Verdana, sans-serif; 
  font-style: oblique;
  font-weight: normal;
  font-size: 13px;
}

/* visited link */
/*a.footer:visited {
  color: white;
}*/

/* mouse over link */
a.footer:hover {
  color: black;
}

/* selected link */
a.footer:active {
  color: white;
}

/* social media button */
.face-social {
    background-color: #3B5998; /* Blue background */
    border: none; /* Remove borders */
    color: white; /* White text */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
}
.tweet-social {
    background-color: #55ACEE; /* Blue background */
    border: none; /* Remove borders */
    color: white; /* White text */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
}
.insta-social {
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    border: none; /* Remove borders */
    color: white; /* White text */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.social:hover {
    background-color: RoyalBlue;
}
/* social media button */

ul > li, a {
    font-family: 'Oswald', sans-serif;
}

/*.nav {
  font-family: 'Oswald', sans-serif;
}*/



 /* unvisited link */
a.sort_link:link, a.sort_link:visited {
  color: white;
  font-family: 'Londrina Solid', cursive;
  white-space: nowrap;
}

/* mouse over link */
a.sort_link:hover {
    color: black;
    font-family: 'Londrina Solid', cursive;
    white-space: nowrap;
}

/* selected link */
a.sort_link:active {
    color: white;
    font-family: 'Londrina Solid', cursive;
    
}


/*.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #ed1411
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}*/

/* animated button starts  */
.button-highlight {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border: 0;
  position: relative;
  overflow: hidden;
  border-radius: 10rem;
  transition: all 0.02s;
  font-weight: bold;
  cursor: pointer;
  color: rgb(37, 37, 37);
  z-index: 0;
  box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5);
}

.button-highlight:hover {
  background: rgb(193, 228, 248);
  color: rgb(33, 0, 85);
}

.button-highlight:active {
  transform: scale(0.97);
}

.hoverEffect {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.hoverEffect div {
  background: rgb(222, 0, 75);
  background: linear-gradient(
    90deg,
    rgba(222, 0, 75, 1) 0%,
    rgba(191, 70, 255, 1) 49%,
    rgba(0, 212, 255, 1) 100%
  );
  border-radius: 40rem;
  width: 10rem;
  height: 10rem;
  transition: 0.4s;
  filter: blur(20px);
  animation: effect infinite 3s linear;
  opacity: 0.5;
}

.button-highlight:hover .hoverEffect div {
  width: 8rem;
  height: 8rem;
}

@keyframes effect {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
/* animated button end  */
/*No. of slider*/
.kgslider1, .kgslider2 {
	display: none;
}
img .kgslider1, .kgslider2{
	vertical-align: middle;
	display: block;
	width: 240px;
	height: 500px;
}
/* Slideshow container */
.slideshow-container {
    position: relative;
    margin-top: 2px;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

#cboxPrevious, #cboxNext{
    display: none;
}