@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');

*{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

a{

	text-decoration: none;

	transition: all .5s ease-in-out;

}

body {

	font-size: 16px;

	font-weight: 400;

	font-family: 'Karla', sans-serif;

	color: #535266;

}

.main {

	overflow-y: hidden;

	float: left;

	width: 100%;

}

.container{

	width: 1170px;

	margin: 0 auto;

}

.header_sec {
    float: left;
    width: 100%;
    background: #004a5b;
    box-shadow: 0 0 20px 0px #00000069;
    display: grid;
    grid-gap: 0%;
    grid-template-columns: 16.5% 83.5%;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
     /* background-image: url(../images/snow_falling3.gif);  */
}

.nav_box {

    float: left;

    width: 100%;

    padding: 5px 20px;

     background: #004a5b70;  
    /* background: #2bbef9; */ 

    min-height: 114px;

    display: flex;

    align-items: center;

}

.logo img {

    float: left;

    width: 80%;

}

.main_menu {

    float: left;

    width: 100%;

    background: #004a5b70;

    padding: 15px 25px;

    min-height: 40px;

}

.main_menu ul li {

    display: inline-block;

    margin-right: 20px;

}

.main_menu ul li:last-child {

    margin-right: 0;

}
.main_menu ul li a {
    /*color: #233a95;*/
    color: #fff;
}
.main_menu ul li a:hover {
    color: #2bbef9;
}

/*.main_menu ul li a {*/

/*	color: #fff;*/

/*}*/

.top_serch {

    position: relative;

    width: 100%;

    float: left;

}

.top_serch input[type="search"] {

    width: 100%;

    float: left;

    height: 45px;

    background: #f7f7f7;

    border-radius: 3px;

    color: #0b2c3d;

    padding: 0 10px;

    border: 1px solid #004a5b;

}



/*Store Search in Header Starts*/



.dropup, .dropdown{position: relative}.dropdown-toggle:focus{outline: 0}.dropdown-menu{position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 340px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175)}.dropdown-menu.pull-right{right: 0;left: auto}.dropdown-menu .divider{height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5}.dropdown-menu > li > a{display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333;white-space: nowrap}.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color: #262626;text-decoration: none;background-color: #f5f5f5}.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{color: #fff;text-decoration: none;background-color: #004a5b;outline: 0}.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus{color: #777}.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus{text-decoration: none;cursor: not-allowed;background-color: transparent;background-image: none;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)}.open > .dropdown-menu{display: block}.open > a{outline: 0}.dropdown-menu-right{right: 0;left: auto}.dropdown-menu-left{right: auto;left: 0}.dropdown-header{display: block;padding: 3px 20px;font-size: 12px;line-height: 1.42857143;color: #777;white-space: nowrap}.dropdown-backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 990}.pull-right > .dropdown-menu{right: 0;left: auto}.dropup .caret, .navbar-fixed-bottom .dropdown .caret{content: "";border-top: 0;border-bottom: 4px dashed;border-bottom: 4px solid \9}.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu{top: auto;bottom: 100%;margin-bottom: 2px}@media (min-width: 768px){.navbar-right .dropdown-menu{right: 0;left: auto}.navbar-right .dropdown-menu-left{right: auto;left: 0}}.nav-tabs.nav-justified > .dropdown .dropdown-menu{top: auto;left: auto}.nav-justified > .dropdown .dropdown-menu{top: auto;left: auto}.nav-tabs .dropdown-menu{margin-top: -1px;border-top-left-radius: 0;border-top-right-radius: 0}@media (max-width: 767px){.navbar-nav .open .dropdown-menu{position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none}.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding: 5px 15px 5px 25px}.navbar-nav .open .dropdown-menu > li > a{line-height: 20px}.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus{background-image: none}}.navbar-nav > li > .dropdown-menu{margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0}.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu{margin-bottom: 0;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 0;border-bottom-left-radius: 0}@media (max-width: 767px){.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #777;}.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color: #333;background-color: transparent}.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color: #555;background-color: #e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{color: #ccc;background-color: transparent}.dropdown-menu{min-width: 250px;}}@media (max-width: 850px){.dropdown-menu{min-width: 350px;} }@media (max-width: 767px){.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{border-color: #080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color: #080808}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color: #9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{color: #fff;background-color: transparent}.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{color: #fff;background-color: #080808}.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus{color: #444;background-color: transparent}}.panel-heading > .dropdown .dropdown-toggle{color: inherit}



/*Store Search in Header Ends*/





#button {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
#button img {
    width: 100%;
    border-radius: 100px;
}
/* Popup box BEGIN */

.borderClass {
    border: 1px solid #9a9696!important;
}

.pop_content{

    background:rgba(0,0,0,.4);

    cursor:pointer;

    display:none;

    height:100%;

    position:fixed;

    text-align:center;

    top:0;

    width:100%;

    z-index:10000;

}

.pop_content .helper{

    display:inline-block;

    height:100%;

    vertical-align:middle;

}

.pop_content > div {

    background-color: #fff;

    box-shadow: 10px 10px 60px #555;

    display: inline-block;

    height: auto;

    max-width: 500px;

    vertical-align: middle;

    width: 60%;

    position: relative;

    border-radius: 8px;

    padding: 15px;

    margin-top: 70px;

}

.popupCloseButton {

    background-color: #fff;

    border: 3px solid #999;

    border-radius: 50px;

    cursor: pointer;

    display: inline-block;

    font-weight: bold;

    position: absolute;

    top: 5px;

    right: 5px;

    font-size: 25px;

    line-height: 23px;

    width: 30px;

    height: 30px;

    text-align: center;

}

.popupCloseButton:hover {

    background-color: #ccc;
}
.pop-logo p {
    font-weight: 700;
    font-size: 14px;
}

.copy h3 {
    font-size: 20px;
    padding: 10px 0;
    margin-top: 10px;
    background: #233a95;
    border-radius: 10px 10px 0 0;
}

.copy h3 a {

    color: #fff;

}
.copy p {
    padding: 15px 0 15px 0;
    text-transform: uppercase;
    background: #f3f3f3;
    margin-bottom: 15px;
    border-radius: 0 0 10px 10px;
}

.copy h3 a:hover {

    color: #000;

}

.getDealBox {

    margin-bottom: 15px;

}

.linktoStore {
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
}

.linktoStore a {

    font-size: 15px;

    color: #5eb8d7;

}

.linktoStore a:hover {

    color: #000;

}

.subscribe_txt {

    margin-bottom: 5px;

}
.subscribe_txt p{
    padding: 10px 40px;
}

.pop_footer input[type="email"] {
    padding: 15px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 68%;
}

.storeD_logo span.sname_logo {
    font-size: 20px;
    color: #333;
    font-weight: 400;
    width: 80%;
    margin: 0 auto;
    display: table;
}

.pop_footer input[type="submit"] {

    padding: 15px;

    color: #fff;

    border: none;

    cursor: pointer;

    border-radius: 5px;

    background: #000;

}

.pop_footer input[type="submit"]:hover {

    background: #f79800;

}

.pcode {

    font-size: 15px;

    border-radius: 5px;

    padding: 15px 0;

    display: none;

    background: #f5f5f5;

    margin-bottom: 12px!important;

    border: 1px solid #ccc;

    width: 80%;

    margin: 0 auto;
}

.copy button {

    font-size: 15px;

    color: #fff;

    border: none;

    padding: 10px 15px;

    border-radius: 5px;

    margin-bottom: 7px;

    background: #233a95;

    cursor: pointer;

}

.poplogo {
    height: 90px;
    width: 140px;
    padding: 5px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 2px solid #233a95;
    box-shadow: 0 0 10px rgb(0 0 0 / 23%);
}

/* Popup box End */

.pop_trigger{

    cursor: pointer;    

}

.serachBtn {

    position: absolute;

    right: 1px;

    top: 1px;

    background: #004a5b;

    border: none;

    padding: 0 15px;

    cursor: pointer;

    height: 43px;

    border-radius: 0px 3px 3px 0px;

    transition: all .4s ease-in-out;

}

.serachBtn img {

    width: 20px;

    padding: 6px 0;

    transform: translateY(3px);

}

.event_day {

    display: flex;

    justify-content: end;

    align-items: center;

}

.event_day a {

    padding: 10px 20px;

    background: #233a95;

    color: #fff;

    transition: all .4s ease-in-out;

    box-shadow: 0 0 0px 2px #ffffff, 0 0 0px 4px #233a95;

} 

.searchNav {

    float: left;

    width: 100%;

    display: grid;

    padding: 10px 20px;

    grid-gap: 2%;

    grid-template-columns: 60% 38%;

    min-height: 60px;

}

.top_serch input[type="search"]:focus{

	outline: none;

}

.serachBtn:hover {

    background: #2bbef9;

}

.event_day a:hover {

    background: #2bbef9;

    box-shadow: 0 0 0px 2px #ffffff, 0 0 0px 4px #2bbef9;

}

.slider-sec {

    float: left;

    width: 100%;

}

.post_sec {

    float: left;

    width: 100%;

    padding: 50px 0;

}

.post_nav {

    float: left;

    width: 100%;

    display: grid;

    grid-gap: 2%;

    grid-row-gap: 25px;

    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;

}

.overlay {

    width: 100%;

    background: #fff;

    padding: 15px;

    border-radius: 3px;

    float: left;

    padding-top: 0;

    bottom: 0;

    backdrop-filter: blur(2px);

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

    flex-direction: column;

    flex-wrap: nowrap;

}

.post_box {

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);

}

.post_box img {

    float: left;

    width: 100%;

}

.main_heading {

    float: left;

    width: 100%;

    padding: 0 0 20px;

}

.main_heading h1 {

    font-size: 25px;
    /*color: #343644b0; */

}

.title_heading {

    position: absolute;

    top: 25px;

    right: 25px;

    padding: 6px 15px;

    background: #004a5b;

    border-radius: 100px;

    color: #fff;

    font-size: 16px;

}

.slectCategory {

    font-size: 20px;

    float: left;

    width: 100%;

    padding: 10px 0;

    color: #535266;

    font-weight: 700;

    min-height: 75px;

}
.slectCategory a {

    color: #535266;

}
.slectCategory a:hover {

    color:#233a95;

}
.expireDate {

    float: left;

    width: 100%;

    color: #949494;

}

/*navbar styling*/

.hamburger_menu {



    position: relative;



}

.hamburger_menu {

    position: relative;

/*    width: 30px;

    padding: 5px;*/

    margin-left: 20px;

    box-shadow: 0 0 0px 2px #ffffff, 0 0 0px 4px #233a95;

}

#sidebarMenu {



    height: 100%;



    position: fixed;



    right: 0;



    width: 250px;



    margin-top: 41px;



    z-index: 9;



    background: #2bbef9;



    transform: translateX(300px);



    transition: all .5s ease-in-out;



}



.sidebarMenuInner {



  margin: 0;



  padding: 0;



  border-top: 1px solid rgba(255, 255, 255, 0.10);



}



.sidebarMenuInner li {



  list-style: none;



  color: #fff;



  padding: 10px;



  cursor: pointer;



  border-bottom: 1px solid rgba(255, 255, 255, 0.10);



}



.sidebarMenuInner li span {



  display: block;



  font-size: 14px;



  color: rgba(255, 255, 255, 0.50);



}



.sidebarMenuInner li a {

    color: #fff;

    text-transform: none;

    font-weight: normal;

    cursor: pointer;

    text-decoration: none;

    padding: unset;

    background: transparent;

    border: none;

    box-shadow: none;

}

.sidebarMenuInner li a:hover {

    color: #fff;

    border: none;

}



input[type="checkbox"]:checked ~ #sidebarMenu { transform: translateX(0); }







input[type=checkbox] {



  transition: all 0.3s;



  box-sizing: border-box;



  display: none;



}



.sidebarIconToggle {

    transition: all 0.3s;

    box-sizing: border-box;

    cursor: pointer;

    position: unset;

    z-index: 99;

    background: #233a95;

    height: 35px;

    width: 35px;

    float: right;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    align-content: center;

}



.spinner {



  transition: all 0.3s;



  box-sizing: border-box;



  position: absolute;



  height: 3px;



  width: 100%;



  background-color: #fff;



}



.horizontal {



  transition: all 0.3s;



  box-sizing: border-box;



  position: relative;



  float: left;



  margin-top: 5px;



}



.diagonal.part-1 {



  position: relative;



  transition: all 0.3s;



  box-sizing: border-box;



  float: left;



}



.diagonal.part-2 {



  transition: all 0.3s;



  box-sizing: border-box;



  position: relative;



  float: left;



  margin-top: 6px;



}



input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {



  transition: all 0.3s;



  box-sizing: border-box;



  opacity: 0;



}



input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {



  transition: all 0.3s;



  box-sizing: border-box;



  transform: rotate(135deg);



  margin-top: 8px;



}



input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {



  transition: all 0.3s;



  box-sizing: border-box;



  transform: rotate(-135deg);



  margin-top: -9px;



}

/*footer styling*/



.footer_detal {

    float: left;

    width: 100%;

    background: #000;

    padding: 40px 0 30px;

}

.main_footer {

    float: left;

    width: 100%;

    display: grid;

    grid-gap: 2%;

    grid-template-columns: 28% 19% 19% 28%;

    padding: 60px 0px 30px;

    border-bottom: 1px solid #3c3c3c;

}

.footer_list h3 {

    font-size: 20px;

    margin-bottom: 10px;

    font-weight: 500;
    color:#fff;

}
.footer_list p {
    color: #949494;
}
.footer_list ul {

    float: left;

    width: 100%;

    margin-top: 10px;

}

.footer_list ul li {

    display: block;

    margin: 3px 0;

}

.footer_list ul li a {

    font-size: 14px;

    transition: all .5s ease-in-out;

    display: table;

    margin-bottom: 7px;

    color: #949494;

}

.social_icons {

    float: left;

    width: 100%;

    margin-top: 20px;

}

.social_icons a {

    display: inline-block;

    background: #3b61dc;

    margin-right: 10px;

    border-radius: 100px;

    height: 30px;

    width: 30px;

}

.social_icons a img {

    float: left;

    width: 100%;

}

.copybox {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    color: #949494;
}

.papular_store {

    float: left;

    width: 100%;

    padding: 0 0 50px;

}

.stores ul {

    float: left;

    width: 100%;

    display: grid;

    grid-gap: 10px;

    grid-template-columns: 19.3% 19.3% 19.3% 19.3% 19.3%;

}

.stores ul li {

    display: block;

    text-align: left;

    transition: all .5s ease-in-out;

    width: 100%;

    margin-bottom: 5px;

}

.stores ul li a {

    padding: 6px 10px 6px 0;

    background: transparent;

    color: #949494;

    transition: all .5s ease-in-out;

    border-radius: 100px;

}

.stores ul li a:hover {

    padding: 6px 10px;

    background: #004a5b;

    color: #fff;

}

.categoryDivider ul {

    display: grid;

    grid-gap: 2%;

    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;

    float: left;

    width: 100%;

    grid-row-gap: 20px;

}

.categoryDivider ul li {

    background: #fff;

    border-radius: 2px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0px 20px;

    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);

}

.popular_category {

    float: left;

    width: 100%;

    padding: 0 0 50px;

}

.categoryDivider ul li img {

    max-width: 100%;

    padding: 10px 40px;

}

/*coupon_styling*/

.couponsDivider {

    float: left;

    width: 100%;

    display: grid;

    grid-gap: 2%;

    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;

    grid-row-gap: 20px;

}

.coupon_item_header {

    padding: 10px;

    font-size: 25px;

    justify-content: center;

    text-align: center;

    background: #fff;

    border-radius: 10px 0 0 10px;

    align-items: center;

    display: grid;

}

.relted_txt_post {

    padding: 10px;

}

.relted_txt_post span.uper_txt {

    float: left;

    width: 100%;

    font-size: 32px;

    font-weight: 600;

    padding-top: 5px;

    color: #2bbef9;

}

.relted_txt_post span {

    color: #2bbef9;

}

.coupon_detail h3 {

    font-size: 21px;

    margin-bottom: 10px;

    font-weight: 600;

    cursor: pointer;

    line-height: 25px;

    color: #333;
    font-family: Georgia;

}
.coupon_detail h3 a {

    color: #333;

}
/*.coupon_detail h3 a:hover {*/

/*    color:#233a95;*/

/*}*/

.socialComments {

    display: flex;

    justify-content: space-between;

    margin: 10px 0 15px;

}

.slide_btn {

    float: left;

    position: relative;

    align-self: center;

    width: 100%;

    text-transform: uppercase;

    font-size: 1.143em;

    text-align: left;

}

.verify {
    top: 0;
    right: 0;
    width: 60px;
    color: #00ba00!important;
    font-size: 14px;
    position: absolute;
}
.verify img {
    width: 60px!important;
    max-width: 60px!important;
}

.coupon_get_link {

    z-index: 999;

    padding: 7px 10px;

    color: #ffffff;

    font-size: 14px;

    border-radius: 7px;

    width: 100%;

    float: left;

    text-align: center;

    cursor: pointer;

    background: #233a95;

    transition: all .4s ease-in-out;

    position: relative;

    height: 36px;

    line-height: 25px;

    box-shadow: 0 0 0px 2px #ffffff, 0 0 0px 4px #233a95;

}

.coupon_code {

    float: left;

    width: 100%;

    position: absolute;

    left: 0;

    color: #fff;

    background: #2bbef9;

    text-align: end;

    border-radius: 7px;

    height: 36px;

    padding: 0 10px 0 0;

    align-items: center;

    display: grid;

}

.relted_txt_post img {

    max-width: 50%;

    width: 100%;

    display: table;

    margin: 0 auto;

}

.relted_txt_post {

    padding: 10px;

    min-height: 110px;

    max-height: 110px;

}

.coupon_item {

    box-shadow: 0 0 5px 3px #cccccc54;

    float: left;

    width: 100%;

    padding: 15px;

    position: relative;

}

.coupon_get_link:hover {

    width: 86%;

}

.slide_btn .Get-Reward {

    padding: 7px 10px;

    color: #ffffff;

    border-radius: 7px;

    width: 100%;

    font-size: 14px;

    float: left;

    height: 36px;

    text-align: center;

    line-height: 25px;

    background: #233a95;

    cursor: pointer;

    transition: all .4s ease-in-out;

    box-shadow: 0 0 0px 2px #ffffff, 0 0 0px 4px #233a95;

}

.free {

    font-size: 12px;

    color: #ffffff !important;

    position: absolute;

    top: 24px;

    left: 0;

    background: #233a95 !important;

    padding: 4px 10px;

}

.couponsSec {

    float: left;

    width: 100%;

    padding: 0 0 50px;

}

.gridCol2 {

      padding: 10px;

}

.newsletterSec {

    float: left;

    width: 100%;

    padding: 30px 0 50px;

    background: #233a95;

}

.min_heading h3 {

    margin-bottom: 16px;

    font-size: 22px;

    font-weight: 900;

    color: #fff;

    text-align: center;

}

.min_heading p, .newletterFrom p {

    float: left;

    width: 100%;

    text-align: center;

    color: #fff;

    margin-bottom: 15px;

}

.newletterFrom {

    float: left;

    width: 100%;

    position: relative;

}

.newletterFrom input[type="email"] {

    float: left;

    width: 100%;

    height: 40px;

    padding: 10px;

}

.newletterFrom input[type="submit"] {

    position: absolute;

    top: 0;

    right: 0;

    height: 40px;

    cursor: pointer;

    border: none;

    background: #2B4BFA;

    padding: 10px 15px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

}

.gridCol2 img {

    width: 100%;

    max-width: 20%;

    display: table;

    margin: 0 auto;

    filter: invert(1);

}

.newsLetterBox {

    width: 60%;

    margin: 0 auto;

}

.newletterFrom p {

    margin-top: 20px;

}

.newletterFrom input[type="email"]:focus{

	outline: none;

}

/*error-page counts*/

.error_post {

    float: left;

    width: 100%;

}

.error_post img {

    float: none;

    width: 100%;

    margin: 0 auto;

    display: table;

    max-width: 40%;

}

.backtohome {

    display: table;

    margin: 0 auto;

    padding: 10px 20px;

    background: #233a95;

    border-radius: 0;

    box-shadow: 0 0 0px 2px #ffffff, 0 0 0px 4px #233a95;

    color: #fff;

    margin-bottom: 40px;

    transition: all .4s ease-in-out;

    margin-top: 20px;

}

.backtohome:hover{

	background-color: #2bbef9;

}

.breadcrumbs {

    float: left;

    width: 100%;

    padding: 35px 0;

}

.breadcrumbs li {

    color: #333;

    display: inline-block;

    margin-right: 20px;

    padding-right: 20px;

    float: left;

    height: 30px;

}

.breadcrumbs li a {

    color: #2bbef9;

    float: left;

    width: 100%;

    position: relative;

}

.breadcrumbs li a:after {

   	content: "||";

    position: absolute;

    top: 0;

    right: -20px;

    height: 20px;

    width: 10px;

    color: #ccc;

}

/*about us page*/

.coupons_sec {

    float: left;

    width: 100%;

    padding: 20px 0;

}

.abot_usBox {

    padding: 20px;

    background: #fff;

    border-radius: 5px;

    border: 1px solid #233a95;

    box-shadow: 0 0 7px #9b9b9b;

    float: left;

    width: 100%;

}

.abot_usBox h3 {

    float: left;

    width: 100%;

    padding-bottom: 10px;

    margin-top: 20px;

}

.abot_usBox .main_heading {

    padding: 0;

}

.aboutSec {

    float: left;

    width: 100%;

    padding: 0 0 50px;

}

.content_txt_Box {

    padding: 20px;

    background: #fff;

    border-radius: 5px;

    border: 1px solid #233a95;

    box-shadow: 0 0 7px #9b9b9b;

    float: left;

    width: 100%;

}


.main_headingBox {
    float: left;
    width: 100%;
    margin-bottom:15px;
} 

.content_txt_Box h3 {

    font-weight: 500;

    margin-top: 15px;

    margin-bottom: 5px;

}

.content_txt_Box p {

    color: #a5a4a4;

    font-size: 14px;

    line-height: 18px;

    margin-bottom: 10px;

}

.contact_formBox {

    float: left;

    width: 100%;

    margin-top: 25px;

}

.fieldBox {

    float: left;

    width: 100%;

    display: grid;

    grid-gap: 2%;

    margin-bottom: 15px;

    grid-template-columns: 49% 49%;

}

.contact_formBox label {

    float: left;

    width: 100%;

    color: #787575;

    margin-bottom: 5px;

}

.contact_formBox input:focus {

    outline-color: #233a95;

}



.contact_formBox input {

    float: left;

    width: 100%;

    border: none;

    padding: 15px;

    font-family: 'Poppins', sans-serif;

    box-shadow: 0 0 5px rgb(0 0 0 / 20%);

}

.contact_formBox input[type="submit"] {

    float: left;

    width: 300px;

    color: #233a95;

    font-size: 20px;

    padding: 10px 15px;

    border-radius: 10px;

    background: #ffffff;

    font-family: 'Poppins', sans-serif;

    box-shadow: 0 0 5px rgb(0 0 0 / 20%);

    border: 5px solid #233a95;

    cursor: pointer;

    transition: all .5s ease-in-out;

}

.contact_formBox input[type="submit"]:hover {

    color: #fff;

    background: #233a95;

    transition: all .5s ease-in-out;

}

.contact_formBox textarea {

    float: left;

    width: 100%;

    resize: none;

    height: 150px;

    border: none;

    padding: 15px;

    margin-bottom: 25px;

    font-family: 'Poppins', sans-serif;

    box-shadow: 0 0 5px rgb(0 0 0 / 20%);

}

.contact_formBox textarea:focus {

    outline-color: #233a95;

}

.contactSec {

    padding: 0 0 50px;

}

.postList .post_sec{

	padding-top: 0;

}

/*store list styling*/

.store_listing {

    float: left;

    width: 100%;

    margin-bottom: 30px;

}

.store_listing ul {

    display: table;

    float: left;

    width: 100%;

    margin-top: 12px;

}

.store_listing li {

    display: inline-block;

    margin-bottom: 4px;

    margin-right: 4px;

    text-align: center;

}

.store_listing li a {

    color: #fff;

    padding: 8px 14px;

    background: #233a95;

    width: 57px !important;

    display: block;

}

.storeList .coupons_sec {

    float: left;

    width: 100%;

    padding-top: 0;

}

.catpnl {

    float: left;

    width: 100%;

    padding: 15px 20px;

    margin-bottom: 15px;

    background: #fff;

    border-radius: 5px;

    border: 1px solid #233a95;

}

.catpnl ul li {

    float: left;

    width: 25%;

    padding: 0 10px;

    display: block;

    margin-bottom: 10px;

    padding-left: 10px;

}

.catpnl ul li a {

    color: #989898;

    position: relative;

    transition: all .5s ease-in-out;

}

.catpnl ul li a:hover {

    padding: 6px 10px;

    background: #004a5b;

    color: #fff;

}

/*stores styling*/

.main_colmuns {

    float: left;

    width: 100%;

    margin-top: 15px;

    display: grid;

    grid-gap: 2%;

    grid-template-columns: 75% 23%;

}

.storeDetailBox {

    display: grid;

    grid-gap: 2%;

    padding: 20px 0;

    background: #fff;

    border-radius: 3px;

    border: 1px solid #233a95;

    grid-template-columns: 20% 78%;

}

.storeD_logo {

    float: left;

    width: 100%;

    align-self: center;

}

.storeD_logo img {

    max-width: 50%;

    margin: 0 auto;

    display: block;

}

.storeD_txt h3 {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 10px;

    color: #333;

}

.storeD_txt p {

    color: #666;

    font-size: 16px;

}

.store_tabs {

    margin-top: 30px;

    margin-bottom: 15px;

}

.store_tabs ul {

    margin-bottom: 10px;

    border-bottom: 2px solid #989898;

}

.store_tabs li {

    display: inline-block;

    margin-right: 40px;

}

.store_tabs li div {

    font-size: 18px;

    font-weight: 500;

    padding-bottom: 10px;

    position: relative;

    cursor: pointer;

}

.store_tabs li div.active:after {

    content: "";

    position: absolute;

    float: left;

    width: 100%;

    border-bottom: 3px solid #233a95;

    bottom: -2px;

    left: 0px;

}



.store_tabs li div:after {

    content: "";

    position: absolute;

    float: left;

    width: 0%;

    border-bottom: 3px solid #233a95;

    bottom: -2px;

    left: 0px;

    transition: all.4s ease-in-out;

}

.widgetBox_post {

    float: left;

    width: 100%;

    border: 1px solid #233a95;

    margin-bottom: 15px;

    padding: 5px;

    border-radius: 3px;

}

.widgetBox_post img {

    float: left;

    width: 100%;

}

.rw_gap {

    margin-bottom: 15px;

}



.widgetBox {

    float: left;

    width: 100%;

    background: #233a95;

    padding: 10px;

    border-radius: 3px;

}

.widgetBox.chng_clr {

    background: #fff;

    border: 1px solid #233a95;

}



/*store styling*/

.couponsDivider.storeCoupon {

    display: block;

}

.storeCoupon .coupon_item {

    display: grid;

    grid-template-columns: 32% 66%;

    margin-bottom: 15px;

    grid-gap: 2%;

}

.storeCoupon .slide_btn {

    width: 50%;

}

.widgetBox.rw_gap h2 {

    color: #fff;

}

.widgetBox.rw_gap li {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.widgetBox.rw_gap li a {

    color: #fff;

    margin-bottom: 10px;

}

.fcategoriesBox li {

    display: block;

    padding-left: 0px;

    margin-bottom: 5px;

    transition: all .5s ease-in-out;

    position: relative;

}

.chng_clr .fcategoriesBox li a {

    color: #000;

}

.fcategoriesBox li a {

    font-size: 14px;

    position: relative;

}

.couponsDivider.storeCoupon h2 {

    float: left;

    width: 100%;

    padding: 20px 0;

}

.expireCoupon {

    filter: grayscale(1);

}

/*post styling*/

.blog_socialIcons {

    float: left;

    width: 100%;

    text-align: end;

    margin-bottom: 15px;

}

.blog_socialIcons li {

    display: inline-block;

    height: 40px;

    width: 40px;

    border-radius: 50px;

    align-self: center;

    align-items: center;

    overflow: hidden;

}

.blog_socialIcons li a {

    display: flex;

    justify-content: center;

    width: 100%;

    height: 100%;

    background: #233a95;

    transition: all .4s ease-in-out;

    align-items: center;

}

.blog_socialIcons li img {

    width: 25px;

    filter: invert(1);

    height: 25px;

}

.blog_detail img {

    width: 50;

    display: table;

    margin: 0 auto;

    margin-bottom: 25px;

    height: 500;

    max-width: 350;

}

.blog_detail p {

    font-size: 14px;

    margin-bottom: 15px;

}

.blog_detail h2 {

    margin-bottom: 10px;

}

.relaed_post {

    float: left;

    width: 100%;

    display: grid;

    grid-gap: 2%;

    grid-template-columns: 32% 32% 32%;

    margin-bottom: 30px;

}

.relaed_post li {

    display: block;

}

.relaed_post li img {

    max-width: 100%;

}

.relaed_post li a {

    font-size: 16px;

    font-weight: 700;

    float: left;

    width: 100%;

    color: #233a95;

    transition: all .4s ease-in-out;

}

.comment_box {

    display: grid;

    grid-gap: 29px;

    grid-template-columns: 15% 82%;

    margin-bottom: 10px;

    border-bottom: 1px solid #7777;

}

.client_dp {

    float: left;

    width: 100%;

    align-self: center;

}

.client_dp img {

    width: 50px;

    margin: 0 auto;

    display: block;

}

.personal_detail {

    padding: 10px 15px 10px 0px;

    float: left;

    width: 100%;

}

.personal_detail .name_person {

    font-size: 17px;

    font-weight: 600;

    display: block;

    padding: 0;

    line-height: 16px;

}

.personal_detail span.date {

    color: #777;

    line-height: 14px;

}

.fulwidt {

    padding: 5px;

}

.personal_detail .description_box {

    color: #777;

    line-height: 14px;

    font-size: 12px;

}

.commentForm {

    width: 70%;

    margin: 0 auto;

    display: table;

}

.comment_people {

    float: left;

    width: 100%;

}

.comment .form_heading {

    width: 100%;

}

.form_heading {

    padding-top: 20px;

    width: 70%;

    margin: 0 auto;

}

.commentForm label.divider {

    float: left;

    width: 100%;

    display: grid;

    grid-gap: 20px;

    grid-template-columns: 49% 49%;

    margin-bottom: 20px;

}

.commentForm label.divider input {

    height: 43px;

    border-radius: 0px;

    padding: 0 12px;

    border: none;

    float: left;

    width: 100%;



}

.commentForm label.new {

    float: left;

    width: 100%;

}

.comment input[type="submit"] {

    display: block;

    padding: 0 40px;

    margin: 0 auto;

    height: 40px;

    background: #0699eb;

    color: #fff;

    border: none;

    cursor: pointer;

    border-radius: 25px;

    transition: all .4s ease-in-out;

}

.commentForm {

    width: 70%;

    margin: 0 auto;

    background: #233a95;

    margin-bottom: 50px;

    padding: 20px;

}

.comment h2 {

    color: #fff;

    margin-bottom: 10px;

}

.fulwidt {

    float: left;

    width: 100%;

    resize: none;

    margin-bottom: 20px;

    height: 100px;

}

.storeBox_title h2 {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}

.about_home {

    float: left;

    width: 100%;

    border: 1px solid #233a95;

    border-radius: 6px;

    padding: 20px;

    margin-bottom: 30px;

}
.storeCoupon .coupon_detail h3 {
    padding-right: 45px;
}

@media (max-width: 1200px){

	.container {

	    width: 90%;

	}

}

@media (max-width: 1024px){
    .stores ul {
        grid-template-columns: 24.1% 24.1% 24.1% 24.1%;
    }
    .post_nav {
    grid-template-columns: 32% 32% 32%;
}
}

@media (max-width: 991px){
.logo {
    text-align: center;
}
.logo img {
    float: none;
    width: 55%;
    margin: 0 auto;
}
	.nav_box {

	    justify-content: center;

	}

	.header_sec{

		display: block;

	}

	.nav_box {

	    min-height: unset;

	}

	.main_colmuns {

	    grid-template-columns: 100%;

	    grid-row-gap: 20px;

	}

}

@media (max-width: 867px){

	.categoryDivider ul {

	    grid-template-columns: 32% 32% 32%;

	}

	.categoryDivider ul {

	    grid-template-columns: 49% 49%;

	}

	.couponsDivider {

	    grid-template-columns: 32% 32% 32%;

	}

	.stores ul {

	    grid-template-columns: 32.3% 32.3% 32.3%;

	}

}

@media (max-width: 830px){
        .post_nav {
    grid-template-columns: 49% 49%;
}
}

@media (max-width: 768px){
    .coupon_detail h3 {
    text-align: center;
}
.socialComments {
    display: block;
    text-align: center;
}
.storeCoupon .slide_btn {
    width: 50%;
    float: none;
    margin: 0 auto;
}

	.event_day a {

	    padding: 5px 5px;

	    font-size: 14px;

	}

	.searchNav {

	    grid-template-columns: 100%;

	}

	.top_serch input[type="search"] {

	    height: 35px;

	}

	.serachBtn img {

	    width: 13px;

	}

	.serachBtn {

	    height: 33px;

	}

	.categoryDivider ul li{

		padding: 0;

	}

	.couponsDivider {

	    grid-template-columns: 49% 49%;

	}

	.stores ul {

	    grid-template-columns: 49% 49%;

	}

	.newsLetterBox {

	    width: 100%;

	    margin: 0 auto;

	}

	.main_footer {

	    grid-template-columns: 100%;

	}

	.catpnl ul li {

	    width: 33%;

	}

	.storeCoupon .coupon_item {

	    display: block;

	}

	.fieldBox {

	    grid-row-gap: 20px;

	    grid-template-columns: 100%;

	}

	.commentForm {

	    width: 100%;

	}

	.relaed_post {

	    grid-template-columns: 100%;

	}

	.commentForm label.divider {

	    grid-template-columns: 100%;

	}

}

@media (max-width: 767px){
.main_menu {
    padding: 0 25px;
    min-height: auto;
}
.breadcrumbs {
    display: none;
}
.storeD_txt p {
    display: none;
}
.storeDetailBox {
    padding: 10px 0;
    margin-bottom: 15px;
    align-items: center;
}
.storeD_logo img {
    max-width: 70%;
}
.store_tabs {
    display: none;
}
.coupon_item_header {
    display: none;
}
.storeCoupon .coupon_detail h3 {
    padding-right: 0;
    line-height: 20px;
}
.coupon_detail h3 a {
    font-size: 15px;
    line-height: 20px;
}
}

@media (max-width: 667px){

		.catpnl ul li {

	    width: 50%;

	}

	.storeCoupon .slide_btn {

	    width: 100%;

	}

}

@media (max-width: 570px){
.stores ul {
    display: block;
}
.stores ul li {
    float: left;
}
.couponsDivider {

    grid-template-columns: 100%;

}
.relted_txt_post img {
    width: 200px;
}
.slide_btn {
    float: none;
    width: 250px;
    margin: 0 auto;
}
.post_nav {

    grid-template-columns: 100%;

}
}