/*
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
/*
 yellow 	#F7C842 rgba(247, 200, 66, 0.5) 
dark blue	#333A56
light blue	#52658f
dark gray	#E8E8E8
light gray 	#F7F5F6
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');


@media (min-width: 1200px){ .container{ width: 1012px !important;} }
@media (max-width: 767px){ .pagePadding{ padding:15px 15px 0px;} }
h2,h3 { font-family: 'Open Sans', sans-serif; font-weight:bold; }
ul,li{ padding:0; margin:0; }
li{ list-style-type:none; }
a { text-decoration: none !important;}
:focus { outline: none !important;}
::-webkit-input-placeholder { /* WebKit browsers */ color: white; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color: white; }
::-moz-placeholder { /* Mozilla Firefox 19+ */      color: white; }
:-ms-input-placeholder { /* Internet Explorer 10+*/ color: white; }
@media (min-width: 450px) and (max-width:767px){
.col-xxs-1 { width: 8.33333333%; float: left !important; }
.col-xxs-2 { width: 16.66666667%; float: left !important; }
.col-xxs-3 { width: 25%; float: left !important;}
.col-xxs-4 { width: 33.33333333%; float: left !important; }
.col-xxs-5 { width: 41.66666667%; float: left !important;}
.col-xxs-6 { width: 50%; float: left !important;}
.col-xxs-7 { width: 58.33333333%; float: left !important;}
.col-xxs-8 { width: 66.66666667%; float: left !important; }
.col-xxs-9 { width: 75%; float: left !important; }
.col-xxs-10 { width: 83.33333333%; float: left !important;}
.col-xxs-11 { width: 91.66666667%; float: left !important;}
.col-xxs-12 { width: 100%; }
.col-xxs-1, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9 { float: left; }
}
.thumbnail { background:none; }

body { padding-top: 77px ; background-color: #E8E8E8;}
a, a img {border: none; text-decoration: none;}
.pagePadding{padding-top: 15px; }
.headerWrapper {padding: 10px 0px 5px;background: #158df5 !important;margin-bottom: 0;border-bottom: #000000 2px solid;}
.navS{background: #158df5 !important;}
.logo a img {width: auto; max-height: 34px; vertical-align: baseline; }
.logo a{ display:inline-block; }
@media (max-width: 620px){.logo a { margin-left: -54px; } }
@media (max-width: 400px){.logo a { margin-left: 0px; } }

.btn { margin-top: -1px; padding: 6.5px 12px }
.btn-primary {
    background-image: -webkit-linear-gradient(top,#52658f 0, #333A56 100%);
    background-image: -o-linear-gradient(top,#52658f 0,#333A56 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#52658f),to(#333A56));
    background-image: linear-gradient(to bottom,#52658f 0,#333A56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52658f', endColorstr='#ff333A56', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #52658f;
	border-radius: 0;
}

.form-control { border-radius: 0 !important;}
.form-control:focus {
    border-color: #52658f; outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(82, 101, 143, .075), 0 0 8px rgba(82, 101, 143, .075);
    box-shadow: inset 0 1px 1px rgba(82, 101, 143, .075), 0 0 8px rgba(82, 101, 143, .075);
}
@media (max-width: 620px){.input-group{ margin-bottom:5px;} }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; }
.btn-primary.focus, .btn-primary:focus { border-color: #52658f; }

/* menu */
.modal-open .headerWrapper { margin-left:-17px; }
.navbar-inverse { border:none; background: none; margin-bottom: 0px; }
.navbar-inverse .navbar-nav>li>a { color:#fff; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ color: #f7c842; background: none; box-shadow: none;}
.navbar-nav>li>a { line-height: 9px; }
.nav>li>a { padding: 13px 10px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {  background-color: #52658f;}
.navbar-toggle { margin: 10px 0px;}

@media (max-width:991px){
.navbar-collapse { display: none ;}
.navbar-nav { margin:0; }
.mobileNav { display:inline-block !important; }
.navbar-toggle { border: #fff solid 1px !important; margin: 0 10px 0 0 !important;  display:inline-block !important; }
.cbp-spmenu{ background:#333333; position:fixed; padding:0; margin:0 !important; overflow-x:hidden; overflow-y:visible; display:block; }
.cbp-spmenu a {display: block; }
.cbp-spmenu-vertical { min-height: 100%; top: 0; z-index: 1000; }
.cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; }
.cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; }

.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }
.cbp-spmenu-right.cbp-spmenu-open { right: 0px; }
.cbp-spmenu-top { top: -150px;}
.cbp-spmenu-bottom { bottom: -150px; }
.cbp-spmenu-top.cbp-spmenu-open { top: 0px;}
.cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; }
.cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0;  }

.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: left 1.3s ease; -moz-transition: left 0.3s ease; transition: left 0.3s ease; }

.navbar-toggle { border: none; background: transparent !important; }
.navbar-toggle:hover { background: transparent !important; }
.navbar-toggle.menu-active{ padding: 9px 5px 9px 10px; }
.navbar-toggle.menu-active .icon-bar { width: 22px; transition: all 0.2s; }
.navbar-toggle.menu-active .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }
.navbar-toggle.menu-active .middle-bar { opacity: 0; }
.navbar-toggle.menu-active .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; }
.navbar-toggle.collapsed .top-bar { transform: rotate(0); }
.navbar-toggle.collapsed .middle-bar { opacity: 1; }
.navbar-toggle.collapsed .bottom-bar { transform: rotate(0); }

body.cbp-spmenu-push-toright  {padding-top: 0px !important; }
.cbp-spmenu-push-toright .navbar-fixed-top { position: relative; }
.cbp-spmenu-vertical { width: 30%;}
.cbp-spmenu-left {left: -30%;}
.cbp-spmenu-right { right: -30%; }
.cbp-spmenu-push-toright {left: 30%; }
.cbp-spmenu-push-toleft { left: -30%; }
.navbar-nav {margin-top:10px;}
.navbar-nav>li { float: none;}

}
@media (max-width: 767px){
    .cbp-spmenu-vertical { width: 40%;}
    .cbp-spmenu-left {left: -40%;}
    .cbp-spmenu-right { right: -40%; }
    .cbp-spmenu-push-toright {left: 40%; }
    .cbp-spmenu-push-toleft { left: -40%; }
     .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
     .navbar-fixed-top { position: relative; }
      body{padding: 0px !important; } 
     .logo { padding-top:2px; padding-bottom: 0px;}
}

@media (max-width: 620px){
.cbp-spmenu-vertical { width: 50%;}
.cbp-spmenu-left {left: -50%;}
.cbp-spmenu-right { right: -50%; }
.cbp-spmenu-push-toright {left: 50%; }
.cbp-spmenu-push-toleft { left: -50%; }	

.headerWrapper .col-xs-1 { width: 100%; }
.headerWrapper .col-xs-2 { width: 100%; }
.headerWrapper .col-xs-3 { width: 100%; }
.headerWrapper .col-xs-4 { width: 100; }
.headerWrapper .col-xs-5 { width: 100%; }
.headerWrapper .col-xs-6 { width: 100%; }
.headerWrapper .col-xs-7 { width: 100%; }
.headerWrapper .col-xs-8 { width: 100%; }
.headerWrapper .col-xs-9 { width: 100%; }
.headerWrapper .col-xs-10 { width: 100%; }
.headerWrapper .col-xs-11 { width: 100%; }
.headerWrapper .col-xs-12 { width: 100%; }
.headerWrapper .col-xs-1, .col-xxs-10,.headerWrapper .col-xxs-11, .col-xxs-12,.headerWrapper .col-xxs-2, .headerWrapper .col-xxs-3, .headerWrapper .col-xxs-4, .headerWrapper .headerWrapper .col-xxs-5, .headerWrapper .col-xxs-6, .headerWrapper .col-xxs-7, .headerWrapper .col-xxs-8, .col-xs-9 { float: none; }
.logo { text-align:center;}
.mobileNav { float:left;  margin-bottom: 8px;}
}

@media (max-width: 400px){
.cbp-spmenu-vertical { width: 75%;}
.cbp-spmenu-left {left: -75%;}
.cbp-spmenu-right { right: -75%; }
.cbp-spmenu-push-toright {left: 75%; }
.cbp-spmenu-push-toleft { left: -75%; }
}
@media (max-width: 313px){ .logo img { max-height:25px !important; margin-top:5px } }

/*image slider*/
.carousel-control { width: 5% !important; }
.slider-wrapper { background:#333A56; padding:0px 0px 10px; border-bottom:1px dashed #E8E8E8; margin-bottom: 20px; margin-top: -20px; }
@media (max-width: 767px){ .slider-wrapper {margin-top: 0px; }}
 .slider-bg {
            background: url( ../images/slider-images_300.jpg);
        } 
.slider-bg-black{  
  background-image: -webkit-repeating-radial-gradient(center center, rgba(51, 58, 86,.5), rgba(51, 58, 86,.5) 1px, transparent 9px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(51, 58, 86,.5),  rgba(51, 58, 86,.5) 1px, transparent 9px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(51, 58, 86,.5),  rgba(51, 58, 86,.5) 1px, transparent 9px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(51, 58, 86,.5),  rgba(51, 58, 86,.5) 1px, transparent 9px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;}
.sliderPadding{ padding:10px 0px 12px; }
.sliderPadding .slider { padding-right: 0px;}
@media (max-width: 991px){.sliderPadding .slider { padding-right: 15px; } }
.silder-right { text-align: right;}
.silder-right img { max-height: 138px; }
.silder-right a:nth-child(n+1) img{ margin-bottom: 6px;}
@media (max-width: 1199px){.silder-right img {max-height: 120px;} }
@media (max-width: 400px){ .sliderPadding{ padding:0px 0px} }
	
/*coupon round*/
.coupon-round {
	outline: 2px dashed #e8e8e8;
    outline-offset: -1px;
	position: relative;
	overflow: hidden;
    background: 
	radial-gradient(circle at 0 100%, rgba(204,0,0,0) 15px, #FFF 15px),
	radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 15px, #FFF 15px), 
	radial-gradient(circle at 100% 0, rgba(204,0,0,0) 15px, #FFF 15px), 
	radial-gradient(circle at 0 0, rgba(204,0,0,0) 15px, #FFF 15px);
	background-position: bottom left, bottom right, top right, top left;
    background-size: 60% 60%;
    background-repeat: no-repeat;
}

.coupon-round-top-y {
	background: radial-gradient(circle at 0 100%, #F7C842 15px, #F7C842 15px), radial-gradient(circle at 100% 100%, #F7C842 15px, #F7C842 15px), radial-gradient(circle at 100% 0, rgba(204,0,0,0) 15px, #F7C842 15px), radial-gradient(circle at 0 0, rgba(204,0,0,0) 15px, #F7C842 15px);
	background-position: bottom left, bottom right, top right, top left;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    outline: 2px dashed #e8e8e8;
    outline-offset: -1px;
}

h2.coupon-round-top-y { font-size:20px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; margin: 0 -15px; padding: 12px 7px; text-align: center; color: #fff;}

.storeList h2.coupon-round-top-y { margin: 0px !important;}

.coupon-round-bottom-w {
    outline: 2px dashed #e8e8e8;
    outline-offset: -1px;
    position: relative;
    overflow: hidden;
    background: 
    radial-gradient(circle at 0 100%, rgba(204,0,0,0) 15px, #FFF 15px),
    radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 15px, #FFF 15px), 
    radial-gradient(circle at 100% 0, #FFF 15px, #FFF 15px), 
    radial-gradient(circle at 0 0, #FFF 15px, #FFF 15px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 60% 60%;
    background-repeat: no-repeat;
	margin-bottom: 15px;
	padding: 10px 15px; 
}

.coupon-round-bottom-w p { margin:15px; }

/************* social-icon ****************/
.footer-social { margin-bottom:20px;}
.footer-social li{ display: inline-block; }
.social-icon { width: 30px; height: 30px; font-size: 15px; color: #fff; text-align: center; margin-right: 0px; padding-top: 7px; }
.linkedin{ background-color:#007bb6; }
.facebook{ background-color:#3b5998; }
.twitter{ background-color:#326ada; }
.google-plus{ background-color:#d62d20;}
.flickr { background-color:#f40083 ;}
.instagram { background-color:#c32aa3 ;}
.odnoklassniki { background-color:#ed812b ;}
.pinterest-p { background-color:#cb2027 ;}
.snapchat-ghost { background-color:#fffc00 ;}
.tumblr  { background-color:#2C4762 ;}
.vimeo { background-color:#4EBBFF ;}
.youtube { background-color:#cc181e ;}

/*footer*/
.footerWrapper{background: #158df5;margin-top: 20px;clear: both;border-top: 1px dashed #E8E8E8;}
.footerBottom { color: #fff; padding: 20px 0 10px 0; border-top: 1px #52658f dashed; margin-top: 20px; }
.footerBottom p { margin: 10px 0px; }

.footer-bs .footer-social h4 { font-size: 11px;	text-transform: uppercase; letter-spacing: 3px; }
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {font-size: 11px; text-transform: uppercase; letter-spacing: 3px; margin-bottom:10px; }
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); } 
}

footer { font-family: 'Open Sans', sans-serif;}
#footer { margin: 10px -30px 15px -30px; }
@media (max-width: 768px) { #footer { margin: 10px 0px 15px 0px; } }
.logofooter { margin:10px 0px; font-size:25px; color:#fff; font-weight:700;}

.footer-col p { color:#fff; font-size:11px; font-family: 'Open Sans', sans-serif; margin-bottom:15px; text-align: justify;}
.footer-col p i { width:20px; color:#fff;}
.footer-col h2 { font-size:21px; font-weight:700; color:#f7c842; margin:10px 0;}
.post p { font-size:12px; color:#FFF; line-height:20px;}

.footer-ul { list-style-type:none;  padding-left:0; margin-left:2px;}
.footer-ul li { line-height:25px; font-size:12px;}
.footer-ul li a { color:#fff; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover { transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#52658f; }

.copyright { min-height:40px; background-color:#52658f; border-top: 1px dashed #333a56;}
.copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0; font-size: 12px;}
.post p span { display:block; color:#52658f;}
.bottom_ul { list-style-type:none; float:right; margin-bottom:0;}
.bottom_ul li { float:left; line-height:40px;}
.bottom_ul li:before { content:"-"; color:#FFF; margin-right:8px; margin-left:8px;}
.bottom_ul li:nth-child(1):before { content:""; }
.bottom_ul li a { color:#FFF;  font-size:12px;}

/*couopnDesign*/
.couopnDesign { margin: 0px 5px 10px; overflow: hidden; position: relative; }

.couopnDesign .img { text-align: center; line-height: 142px; max-height: 142px;  overflow: hidden; }
.couopnDesign .img img { display:inline-block;  width: 100%; max-width: 100px;}

.homePage .couopnDesign .img {line-height: 170px; }
.homePage .couopnDesign .img img { max-width: 100px; }

.couopnDesign .detail { margin-top: 15px; position: relative; }
.couopnDesign h2{ 
    margin-bottom: 5px; 
    margin-top: 10px; 
    font-size: 17px; 
    min-height: 36px; 
    color:#333A56; 
    text-transform: 
    capitalize;
    max-height: 36px; 
    overflow: hidden;
}

.couopnDesign .detail p { 
    font-family: 'Open Sans', sans-serif; 
    text-transform: capitalize; 
    margin: 0 0 8.22px; 
    min-height:44px;
    overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.couopnDesign .detail .fa { font-size: 15px; margin-right:7px;}
.couopnDesign .detail a { color:#636b6f; }

.couopnDesign .couponfooter { border-top:2px #E8E8E8 dashed; padding: 5px 0px; }
.couopnDesign .couponfooter i{color: #333A56; font-size:14px; margin-right: 3px; display: inline-block; vertical-align: baseline;}

.couopnDesign .couponfooter .bottomIcon { display: inline-block; width: 60%; font-size:12px; }
.couopnDesign .couponfooter .bottomIcon span {color: #333A56; font-size: 12px; font-weight: bold; font-family: 'Roboto', sans-serif;}

.couopnDesign .couponfooter .couponDetailBtn {display: inline-block; width: 40%; text-align: right; float:right;}
.couopnDesign .couponfooter .couponDetailBtn a{ color: #333A56; font-size: 12px; font-weight: bold; font-family: 'Roboto', sans-serif;}

.couopnDesign .couponfooter .deal-store-link a{ color:#636b6f;}

@media (max-width: 767px){ 
    .homePage .couopnDesign .img {line-height: 142px; }
    .homePage .couopnDesign .img img { max-width: 112px; }
    .homePage .couopnDesign .detail p { height:43px; }
}

@media (max-width: 535px){
    .couopnDesign.coupon .col-xs-2 { display: none; }
    .couopnDesign.coupon .col-xs-10 { width:100% }
    /* .couopnDesign.coupon .detail p { display: none; }  */
    .couopnDesign.coupon .detail a { display: block !important; line-height: 30px; }
}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){
	
}

/*dealDesign*/
.dealDesign { margin: 0px 5px 10px; overflow: hidden; position: relative;}
.dealDesign .img { line-height: 180px; text-align:center; border-bottom: 2px dashed #e8e8e8; margin: 0 -20px;}
.dealDesign img { max-height: 150px; display: inline-block; }
.dealDesign h2{ 
    font-family: Helvetica,Arial,sans-serif;
    color:#333A56; 
    font-size: 16px; 
    font-weight: 100;
    line-height: 20px; 
    overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin:10px 0px 0px; 
    min-height: 40px;
}

.dealDesign .deal-price { 
    font-family: 'Open Sans', sans-serif; 
    font-size: 20px; 
    font-weight: bold;
    color:#333A56;
}
.dealDesign .deal-price b { color:  #8d8d8d; font-size:15px; text-decoration: line-through; font-weight:100; }
.dealDesign .deal-link a{
    font-family: Helvetica,Arial,sans-serif;
    color:  #8d8d8d;;
    font-size: 12px;    
    font-weight: 100;
    max-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    margin-bottom: 5px;
}
.dealDesign .deal-link i {color:#333A56; }

.dealDesign .couponfooter { border-top:2px #E8E8E8 dashed; padding: 5px 10px; }
.dealDesign .couponfooter i{color: #333A56; font-size:14px; margin-right: 3px; display: inline-block; vertical-align: baseline;}

.dealDesign .couponfooter .bottomIcon { display: inline-block; font-size:12px; }
.dealDesign .couponfooter .bottomIcon span {color: #8d8d8d; font-size: 12px; font-family: 'Roboto', sans-serif;}

.dealDesign .couponfooter .couponDetailBtn {display: inline-block; width: 40%; text-align: right; float:right;}
.dealDesign .couponfooter .couponDetailBtn a{ color: #333A56; font-size: 12px; font-weight: bold; font-family: 'Roboto', sans-serif;}

/*coupon button*/
.couponButtonType { margin: 20px auto 10px; text-align:center; }
.couponButtonType .couponDeal, .couponButtonType .couponCode, .couponButtonType .storeBtn{ position: relative;}
.couponButtonType .couponCode.copied {
    font-size: 15px;
    line-height: 1.55;
    word-wrap: break-word;
    word-break: break-all;
}
.couponButtonType .couponCode.copied .getCode {
    line-height: 1;
}
.couponButtonType .couponCode {
    background: linear-gradient(315deg, rgba(0, 0, 0, 0.06) 10%, transparent 15%, transparent 35%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.06) 60%, transparent 65%, transparent 85%, rgba(0, 0, 0, 0.06) 90%) repeat scroll 0 0/6px 6px transparent;
    font-size: 0px;
	min-width: 90%;
	color: rgb(68, 68, 68);
    text-align: center;
    position: relative;
    border-image: initial;
	font-weight: 600;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	line-height: 1;
	outline: 2px dashed #333A56;
	outline-offset: 2px;
	margin: 0px;
}
.couponButtonType .couponCode .getCode {
	font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333A56;
    padding: 10px 6px ;
	width: 100%;
    text-align: center;
	display: block;
}
.couponButtonType .couponDeal, .couponButtonType .storeBtn {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding: 10px 8px;
	min-width: 90%;
	line-height: 1;
	background: #158df5;
	color: #fff !important;
	font-weight: 600;
	display: inline-block;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	outline: 2px dashed #333A56;
	outline-offset: 2px;
	margin: 5px;
}
.couponButtonType .couponDeal:after , .couponButtonType .couponCode:after, .couponButtonType .storeBtn:after{
	content: '';
	position: absolute;
    top: 2px;
    right: -10px;
    border-top: 23px solid #fff;
	border-left: 10px solid #fff;
	width: 0;
	background:#fff;
	border-radius:100px;
	z-index: 999;
}
.couponButtonType .couponDeal:before , .couponButtonType .couponCode:before, .couponButtonType .storeBtn:before{
	content: '';
	position: absolute;
    top: 2px;
    left: -10px;
    border-top: 23px solid #fff;
	border-left: 10px solid #fff;
	width: 0;
	background:#fff;
	border-radius:100px;
	z-index: 999;
}

.code-show { font-size:12px !important; padding:10px 0px !important; display: block; }

.homePage .couopnDesign.coupon.couponVertical .couponButtonType { margin: 10px 0px 10px 0px !important;}

/**************** thum slider *********/
.thum-slider h1 { text-align: center;  border-left: #333a56 10px solid; border-right: #333a56 10px solid;}
.thum-slider .slick-arrow:before {content:"";}
.thum-slider .slick-arrow, .slick-arrow:hover {
    font: normal normal normal 14px/1 FontAwesome; 
    display: inline-block; 
    font-size: 30px; 
    color: #333a56; 
    padding: 5px; 
    margin-left: 5px;
    top: -41px;
    position: absolute;
}
.thum-slider .slick-arrow.slick-prev { left:10px; }
.thum-slider .slick-arrow.slick-next{ right:25px; }

/************ deals-Home-slider **************/
.deals-Home-slider { position: relative; }

/*** blog post */
.blog-post { margin:0 5px 10px; position: relative;}
.blog-post .thum-round-img {position: relative; overflow: hidden; outline: 2px dashed #e8e8e8; outline-offset: -1px;}

.blog-post h2 { 
margin-bottom: 5px;
    margin-top: 10px;
    font-size: 14px;
    min-height: 32px;
    color: #333A56;
    text-transform: capitalize;
    max-height: 32px;
    overflow: hidden;
    }
.blog-post p { 
font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    margin: 0 0 8.22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-size:12px; 
    color: #636b6f;
    }
    
.blog-post .thum-round-top {
    position: absolute;
    top:0;
    left:0;
    background: radial-gradient(circle at 0 0, #E8E8E8 15px, rgba(204,0,0,0) 15px), radial-gradient(circle at 100% 0, #E8E8E8 15px, rgba(204,0,0,0) 15px);
    background-position: top left, top right;
    background-size: 10% 60%;
    background-repeat: no-repeat;
    padding:15px;
    width:100%;
}
.blog-post .thum-round-bottom {
    position: absolute;
    bottom:0;
    left:0;
    background: radial-gradient(circle at 0 100%, #E8E8E8 15px, rgba(204,0,0,0) 15px), radial-gradient(circle at 100% 100%, #E8E8E8 15px, rgba(204,0,0,0) 15px);
    background-position: bottom left, bottom right;
    background-size: 10% 60%;
    background-repeat: no-repeat;
    padding:15px;
    width:100%;
}
.blog-post .thum-round-img  img { width: 115%; height: auto; margin: 0 -15px; }
.blog-post .detail { padding-bottom: 10px; }

/*sitebar*/
.sideBar{ margin-bottom:20px;}
.sideBox li { border-top: 2px dashed #E8E8E8; }
.sideBox li:nth-child(1) { border:none;}
.sideBox li a {color: #333A56; padding:4px 0px; margin: 0px 8px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sideBox li a i { margin-right: 8px; color: #f7c842;}
.sideBox p { margin:0px;}

.categories li a:before{
    content: "\f138";
    margin-right: 8px;
    color: #f7c842;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.relatedStore li a:before{
    content: "\e116";
    margin-right: 8px;
    color: #f7c842;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sideBarContent {margin-bottom: 10px; }
.sideBarContent .storeThumb { line-height: 190px; text-align: center; }
.sideBarContent .storeThumb img { max-width:150px;  width: 100%; display:inline-block; }

.sideBarContent .sideBarContentBottom .storeLink { padding: 15px 0 15px 15px;}
.sideBarContent .sideBarContentBottom .storeLink a { 
     color: #333A56;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bolder;
    text-transform: capitalize;
}
.sideBarContent .sideBarContentBottom  .storeLink a i { margin-right:5px; }
.sideBarContent .sideBarContentBottom  h1 {margin:0px; line-height:25px; font-size:20px; font-weight:bold; font-family:'Roboto Condensed',sans-serif; color:#333A56;  text-transform: capitalize; }
.sideBarContent .sideBarContentBottom  p { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Open Sans', sans-serif; margin:11px 0px; }

.sideBarContent .sideBarContentBottom .footer-social { margin-bottom: 0px !important; text-align: center;}
.sideBarContent .sideBarContentBottom .footer-social li { margin-top: 15px !important;}

.sideBarContent .singleDealLink { padding: 0px 15px 15px; margin: 0px -15px; border-top: 2px dashed #e8e8e8; }
.sideBarContent .singleDealPrice { padding: 15px 10px; margin: 0px -15px; border-top: 2px dashed #e8e8e8; text-align: center; font-size: 20px; font-weight: bold; color:#333a56;}
.sideBarContent .singleDealPrice b { color: #8d8d8d; font-size: 15px; text-decoration: line-through; font-weight: 100;}

@media (max-width: 991px){
.sideBarContent .storeThumb { line-height: 128px; }
.sideBarContent .storeThumb img {  max-width: 112px;}
.sideBarContent .sideBarContentBottom .footer-social li { margin: 10px  0 !important;}
.sideBarContent .sideBarContentBottom .footer-social { text-align: left;}

.sideBarContent .singleDealLink { padding: 5px 15px 0px; margin: 0; border: none;}

.sideBar { margin-top:15px; } 
.sideBarContent .sideBarContentBottom .storeLink { padding: 0px 0px;}
.sideBarContent   { margin: 15px -15px;}
.sideBarContent .sideBarContentBottom  h2 { margin-bottom: 0px; text-transform: capitalize; }
.sideBarContent .sideBarContentBottom { min-height: 128px; padding: 12px; }
}
@media (max-width: 535px){  .sideBarContent .col-xs-2 , .sideBarContent .col-xs-10 { width:100%;}}

/* coupon-deal-tab */
.coupon-deal-tab {
    background: linear-gradient(315deg, rgba(0, 0, 0, 0.06) 10%, transparent 15%, transparent 35%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.06) 60%, transparent 65%, transparent 85%, rgba(0, 0, 0, 0.06) 90%) repeat scroll 0 0/6px 6px transparent;
    color: #333a56;
    margin-bottom:10px;
    }
.coupon-deal-tab .nav-tabs { border-bottom:none; }
.coupon-deal-tab .nav-tabs li { width:50%; text-align: center;}
.coupon-deal-tab .nav-tabs  a{
	font-size:15px;
    	color: #333a56;
    	font-weight: 700;
    	margin: 0;
    	padding: 10px 0px;
    	border: none; 
}
 
.coupon-deal-tab .nav-tabs>li>a:hover, .coupon-deal-tab .nav>li>a:focus {
	border:none;
	background: rgba(51, 58, 86, .5);
	color: #fff;
	border-radius:0px;
	margin: 0;
}
.coupon-deal-tab .nav-tabs .active a{
	color: #fff;
	border: none;
	cursor: default;
	background:#333a56;
	border-radius:0px;
    }
.coupon-deal-tab a:focus {
    outline: 0;
    outline-offset: 0px;
}

@media (max-width: 991px){ .coupon-deal-tab{margin:0px -10px 10px; }}

/*** single-deal ***/
.dealSinglePage .sideBarContent .sideBarContentBottom h1 { line-height: 20px; font-size: 15px; }
.dealSinglePage .single-deal-dec { margin-bottom: 15px; position: relative; font-size: 12px; }
.dealSinglePage .single-deal-dec .img { line-height: 440px; text-align:center; border-bottom: 2px dashed #e8e8e8; margin: 0 -30px;}
.dealSinglePage .single-deal-dec img { max-height: 400px; display: inline-block; margin:0 15px; }
.dealSinglePage .single-deal-dec .detail { margin:20px 0 15px;}
.dealSinglePage .single-deal-dec h2 {color:#333A56; font-size: 20px; line-height: 25px; }
.dealSinglePage .single-deal-dec h2 span { font-weight: 100;}
.dealSinglePage .single-deal-dec h2 b { color: red; text-decoration: line-through;  font-weight: 100;}
.dealSinglePage .single-deal-dec p, .dealSinglePage .single-deal-dec li {color:#000;}
@media (max-width: 991px){ 
.sideBarContent .sideBarContentBottom h1 { line-height: 30px !important; font-size: 20px !important; }
.sideBarContent .singleDealLink { padding: 0px 15px 15px; margin: 0px -15px; border-top: none; }
.sideBarContent .singleDealPrice { padding: 15px 10px; margin: 0px -15px; border-top: none; text-align: left; font-size: 20px; font-weight: bold; color:#333a56;}
.sideBarContent .couponButtonType {  margin: 5px auto 10px;  text-align: center;}
}
@media (max-width: 535px){ .sideBarContent .singleDealPrice, .sideBarContent .sideBarContentBottom h1 { text-align: center;}}
@media (max-width: 450px){ 
    .dealSinglePage .single-deal-dec .img { line-height: 0px; margin: 0px; } 
    .dealSinglePage .single-deal-dec img { padding:15px; margin: 0px;}
}
/*Store Page*/
.storeFullDec h2 { font-size: 20px; color: #333A56; text-transform: capitalize; font-family: 'Open Sans', sans-serif;}
.storeFullDec { padding:20px; margin:0 -10px 10px -10px; color:#000;  font-size:13px; }

/*Categories */
.categories .thum-list-wrapper { margin-top: 0px; }
.categories .categoriesDec h1 { font-size: 20px; color: #333A56; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: bold;}
.categories .categoriesDec { padding:20px; margin:0 -10px 10px -10px; color:#000; font-size:13px; }

/********** catSinglepage ************/
.catSinglepage .storeSideBarwrapper .coupon-round:nth-child(1) {
    background: radial-gradient(circle at 0 100%, rgba(204,0,0,0) 15px, #f7c842 15px), radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 15px, #f7c842 15px), radial-gradient(circle at 100% 0, rgba(204,0,0,0) 15px, #f7c842 15px), radial-gradient(circle at 0 0, rgba(204,0,0,0) 15px, #f7c842 15px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 60% 60%;
    background-repeat: no-repeat;
}
.catSinglepage .storeSideBarwrapper .coupon-round:nth-child(1) img{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}

.store-name-h{    font-size: 22px;
    background: linear-gradient(315deg, rgba(0, 0, 0, 0.06) 10%, transparent 15%, transparent 35%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.06) 60%, transparent 65%, transparent 85%, rgba(0, 0, 0, 0.06) 90%) repeat scroll 0 0/6px 6px transparent;
    color: #333a56;
    padding:5px 10px;
    margin: 4px 4px 15px;
    font-weight: 700;
    position: relative;
    border-left: #333a56 10px solid;
}
 
.store-name-h-e {margin:30px 4px 20px; }
 
.store-edit-btn{ position: absolute; right: 20px; top: 10px; font-size: 20px; color:#333A56; z-index: 999;}

/* thumb list */

.thum-list-wrapper { margin-top:15px;     margin-bottom: 20px;}
.thum-list-wrapper h2{ margin: 0px;  }
.thum-list-wrapper .coupon-round-bottom-w  {padding: 15px 25px;}

.thum-list-wrapper.cat-list img{max-width: 90px; width: 100%; height:auto; display: block; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin: 0px auto;}
.thum-list-wrapper.cat-list .category-wrapper {background: #333A56 !important; margin: 0px -10px 5px; text-align:center;padding:5px; min-height: 151px;}
.thum-list-wrapper.stores-list .category-wrapper { margin: 0px -10px 5px; text-align:center;padding:5px; min-height: 151px;}
.thum-list-wrapper img{ width: 100%; height:auto; display: block; margin: 0px auto;}

.thum-list-wrapper .thumCatName{text-align: center; display:table; width: 90%; margin: 10px 5%; font-size: 15px; line-height: 15px; height: 30px; overflow: hidden; color: #fff; }
.thum-list-wrapper .thumCatName span{display: table-cell; vertical-align: middle; text-align: center;}
/********* couponModal ***********/
.modal-content.coupon-round{
    border:none !important; border-radius:0px !important; box-shadow:none;outline: 0;
    background: radial-gradient(circle at 0 100%, rgba(204,0,0,0) 15px, #FFF 15px), radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 15px, #FFF 15px), radial-gradient(circle at 100% 0, rgba(255,255,255,1) 15px, #FFF 15px), radial-gradient(circle at 0 0, rgba(255,255,255,1) 15px, #FFF 16px);
}

button.close {
    z-index: 999;
    position: relative;
    color: #333a56;
    font-size: 30px;
    opacity: 1;
    margin-top: -10px;
}

.modal-content.coupon-round h1{ font-size: 26px;
background: linear-gradient(315deg, rgba(0, 0, 0, 0.06) 10%, transparent 15%, transparent 35%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.06) 60%, transparent 65%, transparent 85%, rgba(0, 0, 0, 0.06) 90%) repeat scroll 0 0/6px 6px transparent;
color: #333a56;
padding: 10px 10px;
margin: -20px -15px;
font-weight: 700;
position: relative;
}

.modal-content.coupon-round h2{
margin-bottom: 5px;
margin-top: 20px;
font-size: 20px;
color: #333A56;
text-transform: capitalize;
}

.modal-content.coupon-round  p {
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    margin: 0 auto 8.22px;
    font-size: 14px;
    max-width: 80%;
}

.couponToUseTxt p{font-size: 11px !important;}
.modal-content .form-control.input-lg{
    background: linear-gradient(315deg, rgba(0, 0, 0, 0.06) 10%, transparent 15%, transparent 35%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.06) 60%, transparent 65%, transparent 85%, rgba(0, 0, 0, 0.06) 90%) repeat scroll 0 0/6px 6px transparent;
    font-size: 16px;
    color: rgb(68, 68, 68);
    text-align: center;
    position: relative;
    border-image: initial;
    font-weight: 600;
    display: table-cell;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1;
    outline: 2px dashed #333A56;
    outline-offset: 2px;
    margin: 5px 5px 5px 2px;
    border: none;
}
.modal-content .input-group { position: relative; display: inline-flex; }
.modal-content .input-group:before{
    content: '';
    position: absolute;
    top: 11px;
    left: -10px;
    border-top: 36px solid #fff;
    border-left: 15px solid #fff;
    width: 0;
    background: #fff;
    border-radius: 100px;
    z-index: 999;
}
#couponModal .modal-body .copyCode{ line-height: 24px; }
#couponModal .modal-body .couponButtonType{ margin-left: -4px; }
#couponModal .modal-body .copyCode:after , #couponModal .modal-body .copyCode:before
{border-top: 36px solid #fff; top: 6px; }

.modal-content .input-group .couponButtonType { padding: 0px; margin: 0px; background:none; border:none; display: table-cell; }
.modal-content .input-group .storeBtn{ padding: 16px 20px; margin-top: 5.4px;  margin-left: 0px;}
.modal-content .input-group .storeBtn:before{ left: -10px; border-top: 42px solid #fff; border-left: 15px solid #fff;}
.modal-content .input-group .storeBtn:after { right: -10px; border-top: 42px solid #fff; border-left: 15px solid #fff; }
.modal-content .modalGoToStore .couponButtonType { width:50%;}

/*** page ****/
.pagePage .coupon-round{ padding:20px 30px; min-height: 500px;}
.pagePage .coupon-round h1{font-size: 30px;  color: #333a56; padding: 0px 0px 10px;  font-weight: 700; margin:0px 0px 30px; }
.pagePage .coupon-round h2{font-size: 20px;  color: #333a56; padding: 0px 0px 10px;  font-weight: 700; margin:0px; }
.pagePage .coupon-round ul { margin-left:15px; margin-bottom:20px; }
.pagePage .coupon-round ul li { list-style-type: disc; margin-left:15px; margin-bottom:8px;}

/* event page */
.event-related-stores-slider .dealDesign { overflow: hidden;  }
.event-related-stores-slider .dealDesign .thum-round-img {  text-align: center;  }


/* ajax-load */
.ajax-load{
    margin:0 auto;
    display:none;
    border-radius: 50%;
    border: 5px solid #E8E8E8;
    border-top: 5px solid #333A56;
    border-bottom: 5px solid #333A56;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*** Easy Autocomplete ***/
.easy-autocomplete {
    position: relative;
    width:100% !important;
}

.easy-autocomplete input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:hover,
.easy-autocomplete input:focus {
    box-shadow: none
}

.easy-autocomplete a {
    display: block;
    font-weight: bold;
    color: #333333;
}

.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul li,
.easy-autocomplete.eac-blue-light ul .eac-category {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul li.selected,
.easy-autocomplete.eac-blue-light ul .eac-category.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light input:focus {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul li,
.easy-autocomplete.eac-green-light ul .eac-category {
    border-color: #41DB00
}

.easy-autocomplete.eac-green-light ul li.selected,
.easy-autocomplete.eac-green-light ul .eac-category.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light input:focus {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul li,
.easy-autocomplete.eac-red-light ul .eac-category {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul li.selected,
.easy-autocomplete.eac-red-light ul .eac-category.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light input:focus {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul li,
.easy-autocomplete.eac-yellow-light ul .eac-category {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul li.selected,
.easy-autocomplete.eac-yellow-light ul .eac-category.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light input:focus {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul li,
.easy-autocomplete.eac-dark-light ul .eac-category {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul li.selected,
.easy-autocomplete.eac-dark-light ul .eac-category.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-dark {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:hover,
.easy-autocomplete.eac-dark input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
    border-color: #333
}

.easy-autocomplete.eac-dark ul li,
.easy-autocomplete.eac-dark ul .eac-category {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul li.selected,
.easy-autocomplete.eac-dark ul .eac-category.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:hover,
.easy-autocomplete.eac-dark-glass input:focus {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li,
.easy-autocomplete.eac-dark-glass ul .eac-category {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li.selected,
.easy-autocomplete.eac-dark-glass ul .eac-category.selected {
    background-color: rgba(64, 64, 64, 0.8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul li:last-child,
.easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
    color: #fff
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:hover,
.easy-autocomplete.eac-blue input:focus {
    border-color: #5A91CB;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li,
.easy-autocomplete.eac-blue ul .eac-category {
    background-color: #6d9ed1;
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li.selected,
.easy-autocomplete.eac-blue ul .eac-category.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-yellow input:hover,
.easy-autocomplete.eac-yellow input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li,
.easy-autocomplete.eac-yellow ul .eac-category {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li.selected,
.easy-autocomplete.eac-yellow ul .eac-category.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple {
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:hover,
.easy-autocomplete.eac-purple input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
    border-color: #333
}

.easy-autocomplete.eac-purple ul li,
.easy-autocomplete.eac-purple ul .eac-category {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul li.selected,
.easy-autocomplete.eac-purple ul .eac-category.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    top: 36px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 12px;
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
    font-weight: normal
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: normal;
    word-break: break-all
}

.easy-autocomplete-container ul li b {
    font-weight: bold
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: 0.9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}