@import "bootstrap.css";
@import "font-awesome.css";

@import "primary_content.css";

@import "magnific-popup.css";
@import "datepicker.css";

@import url('//fonts.googleapis.com/css?family=Open+Sans:400,500,600,700,800');



/*font-family: 'Courgette', cursive;*/
/* - - - - - - - - - - - - - - - - - - - - -
TITLE    :   NAKCSS HTML 5 VERSION 3
- - - - - - - - - - - - - - - - - - - - - */



*{outline:0 !important;}

html{height:100%;}
body{height:100%;}

#nakainer, #primary-content{min-height:100%;}
body {     font-family: 'Open Sans', sans-serif; font-size:16px;overflow-x: hidden;}

:focus {outline: 0;}
a{ color: #4778d6;}
a:hover, a:focus { text-decoration:none;color:#0b45bb; z-index: 1; }
ul { list-style:none; }
.disabled, .disabled1 { display:none !important; }
.courgette{ font-family:'courgette'; }
.kg-font{font-family:'kg-all';}
.no-js #loader { display: none; }
.owl-theme .owl-controls {margin-top: 0px;}
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: rgba(188,50,37,.8); }
/* HEADER SLIDER */





#header {
    z-index: 200;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;background:#fff;
   
    
}
.top-mobile-head-bar{display:none;}

.head-menu { position:relative; z-index:999; width: 100%;    background: transparent;top: 0;     border-bottom: 2px solid #0b45bb;}

.head-menu.only_channel_header {
    border: 0;
}

/* End Header */

/*Social Links*/
.social-links{float:right;    margin-left: 15px;}
.social-links ul {
    padding: 0;
	margin:0;
}
.social-links ul li {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    transform: scale(.95);
    -webkit-transform: scale(.95);
	margin:0 3px;
}
.social-links ul li:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity;
}
.social-links ul li:hover, .social-links ul li:focus {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: scale(1);
    -webkit-transform: scale(1);
}
.social-links ul li:hover:before, .social-links ul li:focus:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.social-links ul li img {
    width: 36px;
}


.top-bar-header{    padding: 5px 0;
    background: #4778d6;}
.top-item-links{text-align:right;}
.sub-top-links, .top-social-links, .top-buttons, .app-icon-links {
     display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    margin-bottom: 0;
}
.top-social-links{margin-left:15px;}
.sub-top-links li, .top-social-links li, .top-buttons li, .app-icon-links li{display:inline-block;}
.left-top-text{line-height:32px; font-size:15px;}
.left-top-text a{color:#fff;}
.left-top-text a i{    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 8px;}
.left-top-text a:hover{color:#4e8cd9;}
.app-icon-links a:hover img{opacity:.75;}
.app-icon-links a img{max-width:80px;}
.sub-top-links a, .top-social-links a{color:#fff; font-size:12px;}
.sub-top-links{color:#fff; font-size:12px;}


.top-social-links a {
    padding: 2px 0px;
    width: 25px;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
}

.top-social-links a.fb-icon{background:#3b5998;}
.top-social-links a.instagram-icon{background:#6a453b;}
.top-social-links a.twitter-icon{background:#55acee;}
.top-social-links a.youtube-icon{background:#c4302b;}

.top-social-links a.linkdn-icon{background:#0077B5;}
.top-social-links a.pinterest-icon{background:#cb2026;}
.top-social-links a.tumblr-icon{background:#395976;}
.top-social-links a.blogger-icon{background:#F06A35;}

.top-social-links a.vimeo{background:#00ADEF;}
.top-social-links a.googleplus{background:#d34836;}


.top-social-links a i.fa-blogger-custom{    background: url(../images/blogger.png);
    width: 11px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    display: inline-block;
    margin-top: 3px;     margin-left: 5px;}
.top-social-links a.business-video-icon{background:#4778d6;}


.top-social-links a i{margin-left:4px;}

	
.sub-top-links a:hover{color:#0b45bb;}
.top-social-links a:hover{background:#4e8cd9; color:#fff;}

.top-social-links a.fb-icon:hover{background:#224080;}
.top-social-links a.instagram-icon:hover{background:#523128;}
.top-social-links a.twitter-icon:hover{background:#3b8fce;}
.top-social-links a.youtube-icon:hover{background:#a5231f;}

.top-social-links a.linkdn-icon:hover{background:#00659B;}
.top-social-links a.pinterest-icon:hover{background:#b8141a;}
.top-social-links a.tumblr-icon:hover{background:#35465D;}
.top-social-links a.blogger-icon:hover{background:#FF5722;}
.top-social-links a.business-video-icon:hover{background:#4778d6;}

.top-social-links a.vimeo:hover{background:#009bd6;}
.top-social-links a.googleplus:hover{background:#b73429;}


.top-buttons a:text-new-sign{display:block;}
.top-buttons a img{    max-width: 20px;
    margin-right: 6px;
    vertical-align: middle;
    display: inline-block;}
.top-buttons a:not(.text-new-sign) {
    display: block;
    padding: 4px 20px 5px;
    text-align: center;
    color: #0b45bb;
    font-weight: 600;
    border-radius: 30px;
    font-size: 15px;
    background: #fff;
 
}

.top-buttons a.text-new-sign{display:inline-block; vertical-align:middle;}


.sub-top-links li {margin: 0 10px;font-weight: 600;}
.top-social-links li {margin: 0 1px;}
.social-links-item .top-social-links li{margin-bottom:8px; margin-left:1px; margin-right:1px;}
.top-buttons li {margin: 0 5px; position:relative}
a.text-new-sign {
    font-size: 12px;
    position: absolute;
    left: -10px;
    bottom: -32px;
    display: block;
    text-align: center;
    font-weight: 600;
    z-index: 999;
    color: #333;
}

a.text-new-sign:hover, a.text-new-sign:focus{

    color: #06af4e;
}

.top-buttons li a:not(.text-new-sign):hover{background: #0b45bb; color:#fff;}

/* Social Links*/

/*Head top bar*/


.logopart{width:auto; display:inline-block;margin-right:10px;}

.contact-bar ul, .link-bar ul{padding:0;margin:0;}
.contact-bar ul li, .link-bar ul li {display:inline-block;padding:0 7px;font-size:14px;border-right:1px solid #fff;line-height: 1;margin-left: -4px;
color:#fff;}
.contact-bar ul li:last-child, .link-bar ul li:last-child{border:0;}
.link-bar ul{float:right;}
.contact-bar ul li a, .link-bar ul li a{color:#fff;}
.contact-bar ul li a:hover, .link-bar ul li a:hover{color:#ff7e00;}

/*Head top bar*/

/* Menu Part Start */
#cssmenu:hover #menu-line{display:none !important}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;    font-size: 14px; }
#cssmenu #menu-button { display: none; }
#cssmenu { width: auto; line-height: 1; }
#menu-line { display:none; }
#cssmenu:hover #menu-line { display:block; }
#menu-line { position: absolute; top: 0; left: 0; height: 2px; background: #fa6441; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
#cssmenu > ul > li { float: left; margin: 0 12px; }
#cssmenu > ul > li:last-child{margin-right:0;}
#cssmenu > ul > li.social-icon{margin:0 4px;}
#cssmenu > ul > li.social-icon:before{content:none;}
#cssmenu > ul > li.social-icon a{    padding: 10px 0;}
#cssmenu > ul > li.social-icon a img{max-width:32px;}
#cssmenu > ul > li.social-icon a:hover img{opacity:.8;}
#cssmenu.align-center > ul { font-size: 0; text-align: center; }
#cssmenu.align-center > ul > li { display: inline-block; float: none; }
#cssmenu.align-center ul ul { text-align: left; }
#cssmenu.align-right > ul > li { float: right; }
#cssmenu.align-right ul ul { text-align: right; }
#cssmenu > ul > li > a { font-size:16px; padding: 20px 5px; font-weight: 600; text-decoration: none; color: #000; -webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu > ul > li > a {outline: 0;}
#cssmenu > ul > li:before {
    content: "";
    border-bottom: 2px solid #0b45bb;
    width: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
	transition:.4s width ease-in-out;
}

#cssmenu > ul > li.search_icon::before{
    bottom: -6px;
}

#cssmenu > ul > li:hover:before{width: 100%;}
#cssmenu > ul > li.getinv:before{content:none;}
#cssmenu > ul > li.first.leaf > a.glyphicon-home:before {
    content: "\e021";
    border-bottom: 0;
    width: 100% !important;
    margin-bottom: 10px;
}
#cssmenu .glyphicon.glyphicon-home:before {
    float: left;
    text-indent: -3px;
}
#cssmenu .home {
    text-indent: -99999px;
	display:none;
	 
}
#cssmenu .home a{   width: 20px;    margin-top: 0px;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #0b45bb; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; }
#cssmenu > ul > li.has-sub > a { padding-right: 25px; }
#cssmenu > ul > li.has-sub > a::after {
position: absolute;
top: 23px;
right: 10px;
width: 6px;
height: 6px;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
border-color: #0b45bb;
}
#cssmenu ul ul { position: absolute; left: -9999px;    visibility: hidden;
    opacity: 0;
    margin-top: 20px;
    transition: .5s all; }
#cssmenu li:hover > ul { left: auto;     visibility: visible;
    opacity: 1;
    margin-top: 0;}
#cssmenu.align-right li:hover > ul { right: 0; }
#cssmenu ul ul ul { margin-left: 100%; top: 0; }
#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 99%; }
#cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease;
-moz-transition: height .2s ease;
-ms-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li { height: auto; }
#cssmenu ul li:hover > ul > li:first-child { margin-top:0px; }
#cssmenu ul li:hover > ul > li ul > li:first-child { margin-top:0px; }
#cssmenu ul ul li a { padding: 10px 20px; width: 200px; font-size: 16px; border: 1px solid #00a343; background: #0b45bb; text-decoration: none; color: #fff; -webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color:#0b45bb; background: #fff; }
#cssmenu ul ul li.has-sub > a::after {
position: absolute;
top: 16px;
right: 10px;
width: 6px;
height: 6px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content: "";
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
right: auto;
left: 10px;
border-bottom: 0;
border-right: 0;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
border-color: #0b45bb;
}
@media all and (max-width: 991px) {
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
background: #fff;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
}
#cssmenu ul ul li a {
border:none;
}
#menu-line {
display:none;
}
#cssmenu:hover #menu-line {
display:none;
}
#cssmenu {
width: 100%;
}
#cssmenu ul {
width: 100%;
display: none;
}
#cssmenu.align-center > ul, #cssmenu.align-right ul ul {
text-align: left;
}
#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {
width: 100%;
height: auto;
border-top: 1px solid rgba(255, 255, 255, 0.20);
}
#cssmenu ul li a, #cssmenu ul ul li a {
width: 100%;
}
#cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {
/*float: none;
display: block;*/
}
#cssmenu ul ul li a {
padding: 20px 20px 20px 30px;
font-size: 14px;
background: none;
background: rgba(0,0,0,.05);
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
color: #000000;
}
#cssmenu ul ul ul li a {
padding-left: 40px;
}
#cssmenu ul ul, #cssmenu ul ul ul {
position: relative;
left: 0;
right: auto;
width: 100%;
margin: 0;
visibility: visible;
opacity: 1;
}
#cssmenu > ul > li > a{color:#fff}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a{color:#0b45bb;}
#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {
display: none;
}
#menu-line {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 25px 30px;
color: #fff;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
float: right;
/*top: -8px;*/
}
#cssmenu #menu-button::after {
content: '';
position: absolute;
top: 15px;
right: 20px;
display: block;
width: 30px;
height: 4px;
background: #0b45bb;
}
#cssmenu #menu-button::before {
content: '';
position: absolute;
top: 25px;
right: 20px;
display: block;
width: 30px;
height: 14px;
border-top: 4px solid #0b45bb;
border-bottom: 4px solid #0b45bb;
}
#cssmenu .submenu-button {
position: absolute;
z-index: 10;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.15);
height: 55px;
width: 60px;
cursor: pointer;
}
#cssmenu .submenu-button::after {
content: '';
position: absolute;
top: 21px;
left: 26px;
display: block;
width: 1px;
height: 11px;
background: #fff;
z-index: 99;
}
#cssmenu .submenu-button::before {
content: '';
position: absolute;
left: 21px;
top: 26px;
display: block;
width: 11px;
height: 1px;
background: #fff;
z-index: 99;
}
#cssmenu > ul > li.has-sub:hover > .submenu-button::before, #cssmenu > ul > li.has-sub.active > .submenu-button::before{background: #0b45bb;}
#cssmenu > ul > li.has-sub:hover > .submenu-button::after, #cssmenu > ul > li.has-sub.active > .submenu-button::after{background: #0b45bb;}
#cssmenu ul ul li:hover > .submenu-button::before, #cssmenu ul ul li a:hover > .submenu-button::before{background: #0b45bb;}
#cssmenu ul ul li:hover > .submenu-button::after, #cssmenu ul ul li a:hover > .submenu-button::after{background: #0b45bb;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #0b45bb;}

#cssmenu .submenu-button.submenu-opened:after {
display: none;
}
#header {
    position: relative !important;
}
}
.medium-purple a{background:#5c3280;}
.medium-purple a:hover{background:#aa71c2;}
.light-purple a{background:#ae1329;}

#cssmenu ul li.getinv a {border: 2px solid #fff;font-size: 16px;padding:4px 8px;color:#fff;min-height:28px;border-radius: 8px;text-transform: uppercase;}
#cssmenu ul li.getinv.light-purple a:before{content: none;background: url(../images/get-ico1.png);background-size: 16px;background-repeat: no-repeat;width: 16px;height: 17px;display: inline-block;vertical-align: middle;margin-right: 3px;background-position: 0px 0px;}
#cssmenu ul li.getinv.medium-purple a:before{content: "";background: url(../images/get-ico2.png);background-size: 16px;background-repeat: no-repeat;width: 16px;height: 17px;display: inline-block;vertical-align: middle;margin-right: 3px;background-position: 0px 0px;}
#cssmenu ul li.getinv a:hover{background:transparent}

.social-icon{padding-top:10px;}
.mobrowleft { float:right; margin-top:10px;}
.fbicon { padding-bottom:5px; }
.fbicon a { color: #fff; font-size: 24px; }
.fbicon a:hover {color:#009ae1;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition:all .4s ease;}
.darkHeader .logopart img { width: auto; padding: 16px 0; }
.logopart img {     width: 330px;
    padding: 20px 0;
    z-index: 1;
    position: relative;}

#cssmenu .register-item a:after{    content: "";
    height: 2px;
    width: 40px;
    position: absolute;
    bottom: 14px;
    background: #0b45bb;
    right: 4px;}
.peals .logopart img{    width: 100px;}	
.peals span.slogan {width:50%}	
.pmpc .logopart img{    width: 100px;}
#cssmenu .search-icon {
    text-indent: -999px;
    overflow: hidden;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    font-weight: 500;
    line-height: 16px;
    display: inline-block;
    width: 57px;
    height: 50px;
    margin-top: 14px;
    margin-bottom: -15px;
    position: relative;
    z-index: 999;
}
#cssmenu .search-icon:before{    text-indent: 0;
    float: left;
    font-size: 32px;}
/* Menu Part End */

.mobile-top-head{display:none;}

.search_icon input{
        position: absolute;
    right: 0px;
    width: 0px;
    bottom: -5px;
    height: 45px;
    border: none;
    border-bottom: 2px solid #06af4e;
    padding: 0;
    z-index: 9;
    transition: all 0.5s;
}

.search_icon.search_active input{
    width: 650px;
    padding: 0 20px;

}



/* START SLIDER */

#slider {
   min-height: 500px;
    background-image: url(../images/visit-loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100px;
}
#slider.slick-initialized {
    height: auto;
    background-image: none;min-height: auto;
}

#slider img{height:auto;width:100%;}
#slider { list-style: none; padding: 0; }
.banner-section { position:relative;/*z-index: 1; */}



.banneroverlay { position:absolute; top:0; bottom:0; width:100%; left:0;
background:#000;
/*background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);
*/ opacity:.5;
    z-index: 99; }
.pager-custom {padding:20px;}
.pager-custom ul{padding-left:0;list-style:none;margin:0;text-align: center;}
.pager-custom li{display:inline-block;}
.pager-custom li a{padding:6px 10px;margin:0 2px;text-transform: uppercase;color:#fff;position:relative;font-size: 14px;display:inline-block;}
.pager-custom li a:hover{color:#FB5E39}
.bx-wrapper .bx-controls-direction a{z-index:998 !important}
#slider li{display:none;}
#slider li:first-child{display:block;}
#slider.slick-slider li{display:block;}
#slider{margin:0;}
.slide-item{position:relative;}
.banner-o-btn{margin: 0 auto;padding:30px;position:relative;}




/* End Slider */

.search-bar {
    position: relative;
    width: 60%;
    top: 30px;
    z-index: 100;margin:0 auto; left:0; right:0;-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* overflow:hidden; */    text-align: left;
}

.search-bar .form-wrapper {
    width: 100%;
    padding: 15px;
    margin: 0;
    background: #444;
    background: rgba(0,0,0,.2);
    
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
.search-bar .cf {
    zoom: 1;display:table;
}
.search-bar label {
    font-size: 16px;
    color: #fff;
    padding-bottom: 2px;
    font-weight: 600;
}
.form-group.select1{ position: relative;display:table-cell;padding:0 5px; vertical-align: middle; }
.form-group.select1.by-keyword-search{    min-width: 350px;}
.title-of-members-org{    font-weight: 600;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background: rgba(0,0,0,.6);}

.search-bar .cf:after {
    clear: both;
}
.search-bar .cf:before, .cf:after {
    content: "";
    display: table;
}

.search-bar .form-wrapper input {
    width: 100%;
    height: 38px;
    padding: 10px 12px;
    float: left;
    font: bold 15px 'open sans';
    border: 0;color:#000;
   
   
    border-radius: 3px;
}
.search-bar .form-wrapper input[type=text]{    border: 1px solid #999;}
.search-bar .form-wrapper input[type=text]:focus{    border-color: #0b45bb;}
.search-banner-btn{display:table-cell;vertical-align:bottom;padding:0 5px;}

.search-bar .form-wrapper button {

    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;

    min-width: 110px;
    font: bold 17px/38px 'open sans';
    color: #fff;
    text-transform: uppercase;
    background: #4778d6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.search-bar .form-wrapper button:active:focus{background:#0b45bb !important;color:#fff;}
.search-bar .form-wrapper button:hover{background:#0b45bb !important;color:#fff;}
.search-bar .form-wrapper button:hover:before{border-color:transparent #0b45bb transparent;}

/* Start Slider over Text */
.over-banner-box-section{background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);}
.banner-carousel-section{border-top: 1px solid #fff;margin-top:20px;}
.banner-carousel{padding:20px 0;}
.causes-sections{  
    text-align: center;
    padding: 15px 0;
    min-height: 140px;
    position: static;
    bottom: 0;
    width: 100%;
    z-index: 99;}
.causes-sections .slick-next, .causes-sections .slick-prev{    margin-top: -5px;}

.bannertextarea { position: absolute; top: 10%; width: 100%; text-align: center; color: #fff; z-index: 991; }

.bannertextarea h2{    font-size: 52px; font-weight:600;    margin-bottom: 20px;}

.bannertextarea .ft-18 {
    font-size: 18px;
}
.bannertextarea span.courgette { font-weight:500; }
.logo-baner{max-width:400px;margin:20px auto;}
.banner-o-btn a{border: 2px solid #fff;padding: 15px 25px;font-size: 24px;background: transparent;color: #fff;display: inline-block;font-weight:600;-webkit-transition: all 0.25s ease-out;position:relative;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;}
.banner-o-btn a:hover{}


.banner-details-field{background: rgba(0,0,0,.5);padding: 20px;width: 100%;max-width: 750px;margin: 50px auto;text-align: left;text-align:center;}
.banner-field-area{position: absolute;bottom: 10%;width: 100%;text-align: center;color: #fff;z-index: 997;}
.banner-details-field input[type=radio]{display:none;	}
.banner-details-field input[type=radio] + label{font-weight:500;margin: 0;}
.banner-details-field input[type=radio] + label:before {
	   content: "";
    display: inline-block;
    width: 25px;
    height: 20px;
	font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    background-color: transparent;
    border-radius: 4px;
    border: 2px solid #fff;
	}

	
.banner-details-field input[type=radio]:checked + label:before {
	content: "\2713";
    color: #f58634;
    background-color: transparent;
    font-size: 1.8em;
    text-align: center;
    padding: 2px;
    line-height: 0;
    transition: .3s font-size ease-in-out;
	-webkit-transition: .3s font-size ease-in-out;
	-moz-transition: .3s font-size ease-in-out;
	-ms-transition: .3s font-size ease-in-out;
	}
.banner-details-field .or-seperat{padding: 2px 4px;background: #fff;color: #000;margin: 5px 8px;border-radius: 4px;font-size: 12px;}
.banner-details-field .radio-btn-section, .banner-details-field .name-field-section, .banner-details-field .start-button-section{display:inline-block;margin: 5px 15px;}
.banner-details-field input[type=text] {background: transparent;border: 0;border-bottom: 2px solid #fff;transition: .5s border-color ease-in-out;-webkit-transition: .5s border-color ease-in-out;-moz-transition: .5s border-color ease-in-out;-ms-transition: .5s border-color ease-in-out; width: 100%; z-index: 11;position: relative;}
.banner-details-field input[type=text]:focus{border-color:#f58634;outline:0;}

.name-field-section{max-width: 210px; width: 100%;}
.banner-details-field input[type=text]::-webkit-input-placeholder {
   color: #fff;
}

.banner-details-field input[type=text]:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.banner-details-field input[type=text]::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.banner-details-field input[type=text]:-ms-input-placeholder {  
   color: #fff;  
}

#slider .slick-dots {
    bottom: 20px;
    text-align: right;
    padding: 10px;z-index:100;
}
#slider.slick-slider .slick-dots li {
    display: inline-block;margin:0 3px;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #fff;margin:0 auto;
}
.slick-dots li button:before{content:none;}
.slick-dots li.slick-active button {
    background: #fff;
}

.cus-container{width:100%; max-width:80%; margin:0 auto;}
.banner-carousel-section .service-item-img a{padding:10px 0; display: block;}
.banner-carousel-section .service-item-img img{max-width:60px;margin:0 auto; transition:.5s all; -webkit-transition:.5s all; -moz-transition:.5s all;}
.banner-carousel-section .item{padding:0 5px;}
.banner-carousel-section .service-item-name{font-size:13px;}
.banner-carousel-section .service-item-name a{color:#fff; display: block;}

.banner-carousel .slick-arrow{font-size:60px; color:#fff;width:auto; height:auto;}
.banner-carousel .slick-arrow:hover{color:#000;}
.banner-carousel .slick-arrow.slick-disabled{display:none !important;}
.banner-carousel .slick-arrow:before{content:none;}

.banner-carousel-section .item:hover .service-item-img img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
.banner-carousel-section .item:hover .service-item-name a{color:#ccc}

.banner-carousel > .item{display:none;}



.container-custom{padding:0 15px; margin:0 auto; width:96%;}
.banner-after-bottom-bar {
    padding: 10px 0;
    background: #eaebeb;
}

.banner-bottom-carousel-section .item{padding:0 5px;}
.banner-bottom-carousel > .item{display:none;}

.banner-bottom-carousel .slick-arrow{font-size:30px; color:#000;width:auto; height:auto;}
.banner-bottom-carousel .slick-arrow:hover{color:#000;}
.banner-bottom-carousel .slick-arrow.slick-disabled{display:none !important;}
.banner-bottom-carousel .slick-arrow:before{content:none;}

.over-banner-boxes{text-align:center}
.over-banner-boxes .box-over{    max-width: 310px;
    background: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 10px;
    cursor: pointer;
    transition: all 0.3s;
    padding: 15px;}

.box-over.box-left{color:#0b45bb}	
.box-over.box-middle{color:#d50673;}	
.box-over.box-right{color:#4778d6}	
	
.over-banner-boxes .box-over:hover{background:#f5f5f5; }
.over-banner-boxes .box-over-title{    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 2px;
    font-weight: 600;}
.over-banner-boxes .box-over-text{font-size:14px; font-weight:500;}
.over-banner-boxes .box-over-btn a{padding:4px 20px; background:#000; color:#fff; text-decoration:none; border-radius:20px; font-weight:600;display:inline-block; font-size:14px; margin:20px 0 5px; border:2px solid #fff; }

.over-banner-boxes .box-left .box-over-btn a{background:#0b45bb;}
.over-banner-boxes .box-middle .box-over-btn a{background:#d50673;}
.over-banner-boxes .box-right .box-over-btn a{background:#4778d6;}

.over-banner-boxes .box-over-btn a:hover{ background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);}

.over-banner-boxes {
margin-top:-6em; position:relative; z-index:1;
}
.over-banner-content {
   
    padding-top: .5em;
}



.banner-bottom-text{position: absolute;
    z-index: 991;
    bottom: 0;
    color: #fff;
    padding: 15px 0; 
    font-size: 14px;width:100%;}
.banner-bottom-text	.hafa-text{font-style: italic;font-size: 16px; margin-bottom: 5px;}



/*Snippet area*/

.snippet-item {
    background:#4778d6;
    width: 160px;
	height:160px;
    padding: 15px;
    text-align: center;
    border-radius:50%;
    position: relative;
    border: 2px solid #fff;
	font-size:16px;

}
.snippet-right {
    position: absolute;
    bottom: 25%;
    right: 6%;
    z-index: 992;
}
.snippet-right {
   /* -webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
    -moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
    box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);*/
}
.snippet-right.snippet-item:before {
      bottom: -22px;
    left: 111px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 42px solid #fff;
    transform: rotate(-36deg);
}
.snippet-right.snippet-item:after {
        bottom: -20px;
    left: 112px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 40px solid #4778d6;
    transform: rotate(-36deg);
}

.snippet-close {
    position: absolute;
    top: -15px;
    width: 30px;
    height: 30px;
    border: 2px solid;
    text-align: center;
    line-height: 26px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    color: #4778d6 !important;
}
.snippet-right-close {
    right: 0px;
}
.snippet-close i {
    margin-top: 3px;
}

.snippet-close:hover {
    border-color: #0b45bb;
    color: #0b45bb !important;
}

.snippet-left, .snippet-right {
    display: none;
}	

#counter ul {
    padding: inherit;
	color:#fff;margin:0;
}
#counter ul li{padding:5px 0;}

/*Snippet area*/	

.pay-on-guam-section{padding:3em 0;}
.pay-on-text{margin:20px 0; padding-top:10px;}
.red-gredient-title {    background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.green-gredient-title h2 {
        line-height: 1.5;
    font-size: 38px;
    font-weight: 600;margin-top:0;color:#fff !important
}

.pay-on-mid-icons ul{padding:0;}
.pay-on-mid-icons ul li{display:inline-block;padding:8px;}
.pay-on-mid-icons li img{max-width:60px;}
.pay-on-mid-icons li span{display:block; font-size:13px;margin-top:5px;}

.pay-on-app-btn{margin-top:2.2em;}
.pay-on-app-btn ul{padding:0 !important; margin:0;}
.pay-on-app-btn li{display:inline-block;margin:0 7px;}
.pay-on-app-btn li img{max-width:120px;}
.pay-on-app-btn li a:hover img{
    opacity: .75;
}

.pay-on-content, .pay-mid-items{margin:5em 0 0;}

.pay-right-phone img{padding: 0px 20px}


.why-should-bar{padding:10px 0; background:#4778d6; text-align:center;}

.why-should-text{display:inline-block; color:#fff;}
.why-should-bar .why-should-text{display:inline-block; padding-right:20px; margin:10px 0;}
.why-should-bar ul{display:inline-block; color:#fff;padding-left:0; margin-bottom:0;}
.why-should-bar ul li{display:inline-block; padding:0 10px;}


/*Service section*/

.capability-services {
    overflow: hidden;
    padding: 10px 0 50px;
}
	@media (min-width: 991px){
		.capability-services {
			display: flex;
			height: 100%;
			flex-wrap: wrap;
		}
		.capability-services > div {
    display: flex;
}

}

.capability-option {
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    padding: 20px;
    position: relative;
    margin: 0 7px;
}
.click-item {
    cursor: pointer;
}

.capability-option > img {
   
    padding: 30px 0px;
    max-height: 120px;
}

.capability-option h4 {
    color: #000;
}
.capability-option p {
    color: #9b9fa0;
}
.services-arrow-link {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.capability-overlay {
   
    position: relative;
    background-size: cover;
    text-align: center;
    padding: 20px;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
	    border: 6px solid #0b45bb;
    transition-property: all;
    transition-duration: 0.8s;
    transform-origin: top;
}

.capability-overlay-content > img {
   padding: 25px 0px;
    max-height: 110px;
}

.capability-overlay-content h4 {
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
	line-height:1.2;    padding-top: 2px

}

.capability-overlay-content p{color:#fff;margin-bottom:0;}

.capability-overlay-content a {
   padding: 4px 20px;
    background: #0b45bb;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    margin: 20px 0;
    border: 2px solid #fff;
}
.capability-overlay-content a:hover{background:transparent;}
.capability-overlay::after {
    position: absolute;
    content: "";
    background-color: rgba(140, 2, 78, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.capability-option:hover .capability-overlay {
    opacity: 1;
}

.services-section{padding:3em 0;    background: url(../images/pattern1.jpg);}

/*Service section*/

.section-title h2{position:relative; color:#000; font-size:36px;}
.section-title h2:after {
}
.section-title h2{font-weight:600;}

.brandSliderSubContainer{ 
   
	}

.sliderHeadingContainer{width: auto;
   
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;     padding: 0 20px;
       padding-top: 8px;
    padding-bottom: 8px;    border-bottom: 1px solid #ddd;}

.sliderHeadingContainer:after{content:""; display:table; clear:both;}

.sliderHeadingContainer .sliderHeading{float:left}
.sliderHeadingContainer .view-more-button-heading{float:right}

.sliderHeading, .sliderHeading>a {    color: #0b45bb;
    font-size: 22px;
    font-weight: 600;
    margin-top: 4px;
    padding-bottom: 3px;
}
.view-more-button-heading{text-align: center;margin-bottom: 30px;margin-top: 30px;}
.view-more-button-heading a{ padding: 8px 20px;
    display: inline-block;
    color: #0b45bb;
    border: 2px solid #0b45bb;
    border-radius: 34px;

    margin: 4px 0;
    font-weight: 600;}
.view-more-button-heading a:hover{background:#fff; border-color:#4778d6; color:#4778d6}

.gift-item .caption{    border-top: 1px solid #ddd;padding:5px;}

.gift-item-img{   
   

    overflow: hidden;}
.gift-item-img img{ 
  }	

.org_slider{    margin-top: 20px;
    margin-bottom: 20px;}

.gift-item-name-section a.title_name_item{    color: #000;
    font-size: 16px;
    font-weight: 600;display:block;    float: left;
}
.agency_thumb .caption.text-left .gift-item-name-section a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    display: block;
    float: left;
}
.agency_thumb .caption.text-left .gift-item-name-section a:hover {
    color: #0b45bb;
}
.video-post-details {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.video-post-details .ite{margin-bottom:4px;}

.gift-item{margin-bottom:30px;}
.ec-directory-list .gift-item{margin-bottom:30px;}
.ec-directory-list .gift-item-name-section a{min-height:inherit}
.gift-item-name-section a:hover{color:#0b45bb}

.gift-item-name-section .caption-text{display:block;font-weight:500;font-size: 14px;margin-top:10px;}
.gift-item-name-section .caption-text-desc{ display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #555 !important;
    margin-bottom: 0 !important;
    padding-top: 5px;
    border-top: 1px solid #ddd;
    margin-top: 10px;}
.by-merchants {
    font-size: 12px;
    color: #0b45bb;
    font-weight: 600;
}
.gift-item-price-section{    display: inline-block;
    font-size:16px;
    font-weight: 700;
    margin: 1px 0; float:right;color:#0b45bb}	
	
	
	span.label_video {
    display: inline-block;
    padding: 5px 10px;
    position: absolute;
    z-index: 9;
    background: #fff;
    top: 5px;
    font-size: 12px;
    right: 5px;
    font-weight: 600;
    border-radius: 3px;
    color: #000;
    min-width: 105px;
    text-align: center;
}
span.upcoming {
	left: 5px;
    right: inherit;
    color: #fff;
}
span.label_video.latest_broadcast {
    background: rgb(72 167 0 / 75%);
    color: #fff;
}
span.label_video.live_stream {
    background: rgb(185 0 0 / 75%);
    color: #fff;
}
span.label_video.recorded {
    background: rgb(11 69 187 / 75%);
    color: #fff;
}

.btn-ground:after{content:""; display:table; clear:both;}
.btn-ground .view-btn-item {
    float: left;
    padding: 10px 20px;
	padding-left:15px;
    background: #0b45bb;
    color: #fff;
    border-radius: 30px;
    font-weight: 600;font-size:14px;
}

.btn-ground.on-hover-btn{position:absolute; padding:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%);border:0;opacity:.5; visibility:visible; transition:.5s all; -webkit-transition:.5s all; -moz-transition:.5s all;z-index:1}

.gift-item:hover .btn-ground.on-hover-btn{opacity:1; visibility:visible;}
.gift-item:hover .btn-ground.on-hover-btn a{color:#ffffff}
.gift-item:hover .gift-item-img:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5)}
.btn-ground.on-hover-btn .view-btn-item{float: none;
    padding: 0;
    padding-left: 0;
    font-size: 50px;
    color:#cb4040;
    background: transparent; }
	.btn-ground.on-hover-btn{opacity:1}

.gift-item-name-section:after{content:"";display:table; clear:both;}
	
.btn-ground .view-btn-item:hover{}

.gift-item-name-section {
    margin: 5px 0;
}
.no-border{border:0 !important}


.view-btn-in-popup{text-align:center}
.view-btn-in-popup .view-btn-item{     border: 0;
    font-size: 18px;
    width: 220px;
    margin: 10px auto;
    float: none;
    padding: 12px;}

.gift-item img{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}	
	
.gift-item-img{overflow:hidden;}
	
.btn-ground{    display: inline-block;
    width: 100%;
    padding: 10px 5px;
    border-top: 1px solid #ddd;
    padding-bottom: 0;}

.gift-item:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.caption.text-left.merchant_name_item {
    background: #0b45bb;
}
.caption.text-left.merchant_name_item a {
    color:#fff;
}

.gift-item .mgs-quickview {
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 50% 100% 0;
    visibility: hidden;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    background-color: rgba(247,247,247,.9);
    border: none;
}
.gift-item .mgs-quickview span {
    border: medium none;
    box-shadow: none;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    display: block;
}
.gift-item-img{position:relative}
.gift-item:hover .mgs-quickview{opacity: 1;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    visibility: visible;}
	.mgs-quickview .fa {
    margin-right: 8px;
}

.gift-item:hover .mgs-quickview span:hover{color:#0b45bb}

.modal-large .modal-dialog{}

/*Start Footer Section*/

footer {background: #222;    padding: 3em 0 1em;color: #fff;    margin: 0px auto; display:block; width:100%;}


footer a {color: #fff;}
.footer-logo img.img-responsive {
    width: 70%;
    display: block;
    text-align: center;
    margin: 0px auto;max-width: 300px;
}
.social-media-footer {
    padding: 40px 0 20px 0;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
}
.social-media-footer a {
      padding: 8px 8px;
    display: inline-block;
    min-width: 40px;
}
.footer-text .footer-links {
    padding: 0 5px 10px 5px;
    width: 20%;
    float: left;
}
footer h5 {
        text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 700;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}


footer ul {     list-style: none;
    padding-left: 0;}
footer .footer-links a {
      margin-bottom: 4px;
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 4px;
}
footer .copyright {
      padding: 20px 0 0 0;
    text-align: center;
    border-top: 1px solid #333;
    margin-top: 10px;
}

.backlinks-footer {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    margin-top: 10px;
}
footer .backlinks-footer li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.backlinks-footer a {
      padding: 0px 10px;
    margin: 0;
    border-right: solid 2px #fff;
    line-height: 10px;
    font-size: 12px;
    display: block;
}
.backlinks-footer li:last-child a{border:0;} 


/*End Footer Section*/


/*Back To Top*/

#back-top { position: fixed; bottom: 20px; left: 20px; margin-left: 20px; z-index: 9999; _position: absolute; _top: expression(documentElement.scrollTop+body.scrollTop);
_margin-top: 500px; }
#back-top a, #back-top-prev a { width: 50px; display: block; text-align: center; font: 11px/100% lato, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top span#button { background-color: #CCCCCC; }
#back-top span#button, #back-top-prev span#button-prev { width: 50px; height: 50px; display: block; margin-bottom: 7px; background-color: #ddd; background-position: center center; background-repeat: no-repeat; opacity: 0.8; filter: alpha(opacity = 80); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
i.fa.fa-arrow-circle-o-up { font-size: 44px; color: #999; padding-top: 4px; }
/*End Back To top*/



/*Image Hover Effect*/




img {max-width: 100%; }
figure { margin: 0; padding: 0; position: relative; display: block; cursor: pointer; overflow: hidden; }
figure:hover figcaption {
-webkit-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-moz-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-o-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; bottom: 0; }
figcaption {
-webkit-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-moz-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-o-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; position: absolute; height: 100%; width: 100%; bottom: 100%; background: rgba(0, 0, 0, .5); color: #fff; -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;

}
figcaption h4 { font-family: 'Open sans'; font-weight: 400; color: #fff; padding: 10px 20px; margin-bottom: 0; position: relative; left: 0; opacity:0; top: 50%;margin-top:-30px; text-align:center; font-size: 30px; -webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
transition: opacity .3s;
transition-delay:.3s;
}
figure:hover h4 { left: 0; opacity:1; transition all 2s;
}
figure figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 1s;
-moz-transition: opacity 0.35s, -moz-transform 1s;
-ms-transition: opacity 0.35s, -ms-transform 1s;
-o-transition: opacity 0.35s, -o-transform 1s;
-webkit-transition: opacity 0.35s, -webkit-transform 1s;
transition: opacity 0.35s, transform 1s;
}
figure figcaption::before {
/*  border: 1px solid #fff;*/
-webkit-transform:scale(1, 0);
-moz-transform:scale(1, 0);
-ms-transform:scale(1, 0);
-o-transform:scale(1, 0);
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
figure:hover figcaption::before, figure:hover figcaption::after {
opacity: 1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
figcaption a { color: #fff; border: 2px solid #fff; padding: 4px 10px; text-decoration: none; }
figcaption a:hover { color: #fff; }
figure img { 
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
     -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
figure:hover img { -webkit-transform: scale3d(1.1, 1.1, 1);-moz-transform: scale3d(1.1, 1.1, 1);-ms-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.videoWrapper { margin: 0px; padding-bottom: 56.25%; z-index: -1; }
.videoWrapper iframe { top: 0; left: 0; width: 100%; height: 100%; display: block; position: absolute; z-index: 99; margin: 0px; padding: 0px; }
.bannerarea { display:block; overflow:hidden;position:relative}
.bannerarea:after {
    background-image: url(../images/curve_img.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
}
.videobanner { display:none;}

/*End Image Hover Effect*/


#cboxWrapper{background:transparent;}
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter{ visibility:hidden;}
#cboxClose{ top:0;}
#cboxLoadedContent{ margin-top:30px;}
#cboxContent{ border:5px solid #ae1329; padding:15px;}


.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-figure figure img{-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;}
	
.mfp-figure figcaption {background:transparent;}
.mfp-figure figure{cursor:auto;}




























.hover-view {
   
   background: #fff url(../images/bgimg.jpg) center center;
}
.hover-view .hover-mask,.hover-view .content {
   width: 100%;
  	height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.hover-view img {
   display: block;
   position: relative;width:100%;
}
.hover-view h3 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 21px;
       font-weight: 700;
   padding: 10px;
   background: rgba(78,140,217, 0.7);
   margin: 10px 0 40px 0;
}
.hover-view p {
   
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.hover-view a.info {
   text-decoration: none;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
    border: 1px solid #fff;
    padding: 6px 12px;
    background: #4e8cd9;
    color: #fff;
    min-width: 150px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0s ease-out;
    position: relative;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
	transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
}
.hover-view-first:hover a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
       background: transparent;
	   -webkit-transition: all 0s ease-out;
	   transition: all 0s ease-out;
    position: relative;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
	   
}

.hover-view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.hover-view-first .hover-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.hover-view-first h3 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.hover-view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.hover-view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.hover-view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.hover-view-first:hover .hover-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.hover-view-first:hover h3,
.hover-view-first:hover p,
.hover-view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.hover-view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.hover-view-first:hover a.info {
 
}

.fig-caption{position:absolute;top:50%; transform:translatey(-50%);-webkit-transform:translatey(-50%);-moz-transform:translatey(-50%);-ms-transform:translatey(-50%);width:100%;}


		
		
#testim .slick-arrow{display:none !important;}	

.testi-sec-item{    max-width: 70%;
    margin: 0 auto;}

@media(min-width:991px){
/* ---------------- For sticky header: class="float-panel"  ------------------*/
.not-sticking {
   transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}



/* when class="float-panel fixed" */
.sticking {animation: slide-down 0.7s;
  box-shadow:0 2px 6px rgba(0,0,0,0.2); background:#fff;z-index:995 !important}

@keyframes slide-down {
    0% {
    	
        transform: translateY(-300px);
    } 
    100% {
     	
        transform: translateY(0);
    } 
}









/*-------- Generic styles for the page ------------------*/

.stic.sticking .head-menu{padding:0; background:#fff;   }
/*.inner-page-header.stic.sticking .head-menu{ background: #fff;}*/
.stic.sticking .top-bar-header{display:none;}

.stic.sticking .logopart img{    width:245px;
    padding: 10px 0;
	}

.stic.sticking .menuicon .mobrowleft{margin-top:0;}


}




.mfp-bg1 {
    background-color: rgba(34,49,82,0.8);
}

.my-mfp-slide-bottom.mfp-wrap .mfp-content { 
  /* at start */
  opacity:0; 
  -webkit-transition:all 0.15s ease-out; 
  -moz-transition:all 0.15s ease-out; 
  transition:all 0.15s ease-out; 
}
.my-mfp-slide-bottom.mfp-wrap.mfp-ready .mfp-content { 
  /* animate it */
  opacity:1; 
}
.my-mfp-slide-bottom.mfp-wrap.mfp-removing .mfp-content { 
  /* animate out */
  opacity:0; 
}
.mfp-wrap{z-index: 99999;}




.mfp-content{vertical-align: top;top:10%;}
.mfp-close-btn-in .mfp-close {
    color: #fff;
    font-size: 44px;
    border: 2px solid #fff;
    border-radius: 30px;
    top: -50px;
    right: 2%;
	}
	.inline-popup {
    position: relative;
    width: auto;
    max-width:90%;
    margin: 20px auto;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    background-color: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px;
}


.open-panel .selected:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: 0 auto;
    border-bottom: 25px solid #223152;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -65px;
}


.form-control {
    display: block;
    height: auto;
	
    min-height: 38px;
    border-radius: 3px;
	padding: 7px 12px;
    border: 1px solid #999; box-shadow:none !important;
}
textarea.form-control{min-height:100px;}

.form-control:focus{border-color:#0b45bb;}





.event-organizations {
       margin: 0;
    z-index: 9;
    position: relative;
    padding: 20px 0 20px;
    background: #fff;
  
}
.event-organizations .section-title {
    font-size: 42px;
    text-align: left;
    color: #333;
    margin-bottom: 0px;    padding: 0 0px;
}
.org-box img{max-width:140px;}

.org-box {
    border-radius: 0;
    overflow: hidden;
    background: #ffffff;
    padding: 10px;
    text-align: center;
    width: 100%;
    
    display: table;
}
	
	.org-box img{transition:.5s all; -webkit-transition:.5s all; -moz-transition:.5s all; margin:0 auto;}
	
.org-name h2{margin:0;}
	
	.org-name h2 a{    color: #fff;
    padding: 15px;
    position: relative;
    font-size: 16px;
    display: block; border-top: 1px solid #ddd;
    text-align: center;
    font-weight:600;color:#000;}
	.org-name h2 a:hover{color:#fff}

	.org-item{margin:40px 0; cursor: pointer;}

	.org-item:hover .org-name h2 a {
  
    transition: all 0.3s;
}


.org-item{
  transition: all 0.5s;
  margin-top: 0;
  margin-bottom: 40px;
  background: #ffffff;
  margin: 10px 10px;    border: 1px solid #ccc;
}



	.org-item:hover .org-box img{/*transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);*/} 
.org-name {
     
    position: relative;
}


.org-item:before {
    content: "";
    position: absolute;
    

    transition: all 0.3s;
}



.event-organizations.org_sec-bg .org-name:after{
  background: #000;
}

.event-organizations.org_sec-bg .slick-prev:before, .event-organizations.org_sec-bg .slick-next:before{
  color: #0b45bb;
}

.event-organizations.org_sec-bg .org-name:before{
  background: #000;
}


.org-item:hover{

}


.org-item:hover:before{

  margin-top: -10px;
  bottom: 55px;
}

.org-item:hover {
  
}
.org-item:hover .org-name h2 a{color:#0b45bb}


a.btn-all-org_home {
    background: transparent;
    color: #0b45bb;
    font-size: 18px;
    border: 2px solid #0b45bb;
    padding: 12px 50px;
    border-radius: 200px;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 0px;
    text-transform: uppercase;
    transition: all 0.5s;
    font-weight: bold;
}
a.btn-all-org_home.wh-btn{color:#fff;border-color:#fff;}
a.btn-all-org_home:hover {
    background: #0b45bb;
	border-color:#0b45bb;
    color: #fff;
}

.slick-prev:before, .slick-next:before{
  font-size: 70px;
  color: #333;
  margin-top: -20px;
}


.slick-prev:before{
  content: "\f104";
  font-family: FontAwesome;
 
}


.slick-prev{
   margin-top: -20px;
   left: -50px;height:auto;
}

.slick-next:before{
  content: "\f105";
  font-family: FontAwesome;
  margin-top: -20px;
}


.slick-next{
  margin-top: -20px;
  right: -50px;height:auto;
}

.org_slider > .col-md-3 {display:none;}


.ec-merchant-list .org-box{   
    min-height: 140px;
      padding: 0px 15px;
    line-height: 140px;
    height: 140px;
  }
.ec-merchant-list .org-name h2 a{    font-size: 14px;} 
.ec-merchant-list .org-item{padding-bottom:25px;}

.ec-merchant-list .gift-item-img{    max-width: 220px;
    margin: 0 auto;    padding: 10px;}

/* Testimonial Css */

.testimonial_text{color:#fff;}
.tetimonial_wrapper:before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tetimonial_wrapper .rating_wrapper img{max-width:80px;margin:0 auto}
.tetimonial_wrapper .container{position:relative; z-index:1;}
.tetimonial_wrapper{
       padding: 60px 0;
    background-image: url(../images/testimional-bg-image.jpg);
    background-repeat: no-repeat;
    /* background-size: 100px; */
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.tetimonial_wrapper .slick-disabled{
    display: none!important;
} 
.rating_wrapper{
    text-align: center;
    color: #739ef1;
    font-size: 30px;
}

.quote_wrapper{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 25px 0;
}

.author_name_wrapper{
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    opacity: 0.8;
}

.tetimonial_wrapper .slick-next {
    right: -65px;
}

.tetimonial_wrapper .slick-prev {
    left: -65px;
}

.tetimonial_wrapper .slick-prev:before, .tetimonial_wrapper .slick-next:before{
        color: #a8a8a8;
        font-size: 50px;
}


/* Call to action Box Css */


.contact_wrapper{
     position: relative;
    
     width: 100%;
	 
	/* background: url('../images/contact.png');
    background-attachment: scroll;
    background-size: auto auto;*/
float: none;
background-size: cover;
background-attachment: fixed;
	 
}

.contact_wrapper .section-title h2{
    font-size: 55px;
    font-weight: 600;
	color:#fff; font-weight:600;
}

.contact_overlay .content p {
   color: #fff !important;
padding: 30px;
width: 100%;
max-width: 900px;
margin: 0 auto;
}

.contact_overlay {
background:url(../images/food-img-bg.jpg);
background-repeat: no-repeat;
    /* background-size: 100px; */
    background-position: center;
    background-attachment: fixed;
    position: relative;
   
    z-index: 99;
    padding: 75px 0;
   
}
.contact_overlay:before{content:""; position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;background:rgba(0,0,0,.6); width:100%; height:100%;}
.contact_overlay .container-fluid{position:relative; z-index:1;}
.contact_overlay .content {
     max-width: 1170px;
     display: table;
     margin: 0 auto;
     width: 100%;
}

/*.contact_overlay .content h3{
     font-weight: 500;
     font-size: 55px;
     color: #ffffff;
     margin-bottom: 40px;
}*/




.contact_overlay .content input[type="button"]{
    display: table;
    padding: 4px 30px 5px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    font-size: 20px;
    background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
    border: none;
    margin: 30px auto;
    text-transform: uppercase;border:2px solid #fff;
	
}

.contact_overlay .content input[type="button"]:hover, .contact_overlay .content input[type="button"]:focus{
    background: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%);
}



.image_wrapper_contact{
     width: 100%;
}

.image_wrapper_contact img{width:100%;}

.why-should-bar.contact_border{
        padding: 3px 0;
}


/* Call to action Box Css */






footer {
    width: 100%;
    float: left;
    padding: 40px 0;
}

.copyright_wrapper {
     text-align: center;
     color: #fff;font-size: 12px;
}


.copyright_wrapper .content a{
     color: #fff;
    
}
.copyright_wrapper .content .list-unstyled li {
    border-right: 1px solid #fff;
    display: inline-block;
    padding: 0 10px;
    margin-left: -4px;
    line-height: 10px;
    font-size: 12px;
}
.copyright_wrapper .content .list-unstyled li:last-child{border:0}

.gift-item-img > a {
    position: relative;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gift-item.thumbnail.agency_thumb .gift-item-img img {
        max-height: 130px;
    padding: 15px;
}
.gift-item.thumbnail.agency_thumb:hover .gift-item-img:after{content:none;}
.gift-item.thumbnail.agency_thumb:hover .gift-item-img a{position:relative}
.gift-item.thumbnail.agency_thumb:hover .gift-item-img a:after{    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:rgb(0 0 0 / 30%);}
	li.open-project-item-btn.active_btn a {
     background: #333333;
    color: #fff;
    border-color: #333333;
}
span.slogan {
    display: inline-block;
    text-align: left;
    color: black;
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px;vertical-align: middle;
}
.small_font_logo {
    font-size: 11px;
    font-weight: 600;
    color: #162d7f;
    line-height: 1.9;
}

.copyright_wrapper .content a:hover, .copyright_wrapper .content a:focus{
     text-decoration: none;
     color: #d2d2d2;
}
.copyright_wrapper .content li:first-child a{border:0;}

.copyright_wrapper .content img{
     display: table;
     margin: 0 auto;
     margin-top: 40px;
}


.copyright_wrapper .content ul{
     display: inline-block;margin-bottom:0;
}


.copyright_wrapper .content ul li{
     padding-left: 0;
     padding-right: 0;
}



/* Footer Design Ends Here */

.left_video_section .video-label{
	color: #fff;
    background: #6e6e6e;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
}
.left_video_section .video-title{
	font-size: 28px;
    font-weight: 600;
	margin-bottom: 20px;
}
.left_video_section .video-post-details{
	font-size: 14px;
	margin-bottom: 10px;
}
.left_video_section .video-description{
	font-size: 16px;
}
.right_video_scroll{
	height: 500px;
    overflow-y: auto;
	overflow-x: hidden;
}
.right_video_scroll .video_title{
	font-weight: 600;
	font-size: 14px;
}
.right_video_scroll .video-post-details{
	font-size: 12px;
}
.right-dropdown.top_header {
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 0px;
    padding-bottom: 30px;
	padding-top: 6px;
}
.right-dropdown.top_header a{
	text-decoration: none;
	color: #000;
}
.right-dropdown .board_select_dropdown{
	margin-right: 0px;
}
.right_video_scroll .video_row {
    border-bottom: 1px solid #000;
	padding: 10px 0;
	cursor: pointer;
}
.right_video_scroll .video_row:hover {
    background: #ddd;
}

.big-video{position: relative;}

.big-video .overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}
.big-video .overlay img{
	width: 85px;
cursor: pointer;	
}
#filter-options{
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}
#adv_search {
    padding: 25px 10px;
    clear: both;
    margin: 30px 0 50px;
    border: 1px solid #dee0df;
}
.closesearch {
    text-align: right;
    float: right;
    cursor: pointer;
    color: #162d7f;
    margin-right: 7px;
}
.video-filter a {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    /*color: #fff;
    background-color: #162d7f;
    border: 1px solid #162d7f;
    border-radius: 5px;
    padding: 6px 20px;
    text-decoration: none;*/
}

.video-filter a:hover {
    /*background: #61c5bd;
	border: 1px solid #61c5bd;*/
	color: #5b5b5b;
    text-decoration: none;
}
.closesearch:hover {
color: #61c5bd;
}
span.label-text {
    font-size: 12px;
    padding: 0 8px;
}
.left_video_section .video-label.red-label {
color: #fff;
    background: red;
    font-size: 12px;
    padding: 9px 10px;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
}
.left_video_section .video-label.recorded {
	background: rgb(11 69 187 / 100%);
}
.left_video_section .video-label.latest_broadcast {
	background: rgb(72 167 0 / 100%);
}
.page-node-350 .inner_page .inner_banner {
    background: #5b5b5b;
    background-size: cover;
    background-position: top;
    width: 100%;
    height: 200px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.page-node-350 .inner_page .inner_banner .overlay_img{
	display: none;
}
.page-node-429 .inner_page .inner_banner {
    background: #5b5b5b;
    background-size: cover;
    background-position: top;
    width: 100%;
    height: 200px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.page-node-429 .inner_page .inner_banner .overlay_img{
	display: none;
}

@media(min-width: 991px){
.right_section_heading{
	margin-top: -40px;
    margin-bottom: 8px;
}
}



.share-icons-section{
	text-align: center!important;
}
.share-icons-section ul{
	display: block;
}
.share-icons-section ul li{
	list-style: none;
	margin-right: 10px;
}
.share-icons-section ul li img{
	
}
.inline-popup {
    position: relative;
    width: auto;
    max-width: 90%;
    margin: 20px auto;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    background-color: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
.mfp-content {
   

}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-close-btn-in .mfp-close {
    color: #fff;
    font-size: 44px;
    border: 2px solid #fff;
    border-radius: 30px;
    top: -50px;
    right: 2%;    color: #fff !important;
}
.mfp-close:active {
     top: -50px !important;
}
.mfp-content {
    vertical-align: top !important;
    top: 10%;
}
.share-icons-section ul {
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
}
.share-icons-section li {
    display: inline-block;
    padding: 4px;
}
.share-icons-section li a {
    display: block;
}
.share-icons-section h2.post-title span{color:#fff;}
.share-icons-section li img {
    max-width:60px;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
}
.share-icons-section .post-title{color:#fff !important;}
a.share-magnific.magnific {
       font-size: 28px;
    position: fixed;
    right: 7px;
    top: 51%;z-index:9
}
.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    font-size: 44px;
    border: 2px solid #fff !important;
    border-radius: 30px;
    top: -50px;
    right: 2%;
}
.inline-popup {
    position: relative;
    width: auto;
    max-width: 90%;
    margin: 20px auto;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    background-color: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px;

}

.mfp-auto-cursor .mfp-content{}


.flex-row{    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}
.float-right {
    float: right!important;
}

.views-exposed-widgets {
    margin-bottom: .5em;
}
.views-exposed-widgets {
    margin-top: 15px;
}
.views-exposed-form .views-exposed-widget {
    max-width: 20%;
    width: 100%;
    margin: 0px;
    padding-bottom: 10px !important;

}
.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0;
}
.views-exposed-form label {
    font-weight: bold;
}
.views-exposed-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.views-exposed-form .views-widget input[type="text"], .views-exposed-form .views-widget select, .views-exposed-form .views-widget textarea {
    border: 1px solid #666;
    padding: 6px 8px;
    max-width: 450px;
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    min-height: 38px;
    margin-right: 0;
    line-height: 1;
    outline: none !important;
}

div#edit-field-happen-date-value-min-wrapper, div#edit-field-date-posted-value-min-wrapper {
    width: calc(50% - 8px);
    float: left;
}
.container-inline-date {
    clear: both;
}
.container-inline-date > .form-item {
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: top;
}
.views-exposed-form .form-item, .views-exposed-form .form-submit {
    margin-top: 0;
    margin-bottom: 0;
}
.container-inline-date .form-item {
    float: none;
    margin: 0;
    padding: 0;
}
.container-inline-date .form-item, .container-inline-date .form-item input, .container-inline-date .date-padding {
    width: 100% !important;
}
.views-exposed-form .form-item, .views-exposed-form .form-submit {
    margin-right: 0 !important;
}
.form-item-event-date-min > label, .form-item-date-posted-min > label, .form-item-event-date-max > label, .form-item-date-posted-max > label {
    display: none;
}
.container-inline-date .date-padding {
    float: left;
}
div#edit-field-happen-date-value-max-wrapper, div#edit-field-date-posted-value-max-wrapper {
    width: calc(50% - 8px);
    float: right;
}
.views-exposed-form label.element-invisible {
    display: none;
}
.form-item-event-date-min-date .description, .form-item-date-posted-min-date .description, .form-item-event-date-max-date .description, .form-item-date-posted-max-date .description {
    display: none;
}
.views-exposed-widget.views-submit-button {
    width: auto;
    padding-right: 0px;
    margin: 0px;float:right
}
div.views-widget-filter-field_date_posted_value {
    max-width: 40%!important; padding-right:0 !important
}
.views-exposed-form .views-exposed-widget .form-submit {
  
}

.upcoming-contdown { padding:20px 0;background-size: cover;background-position: center; }
.countdown h2 {
    color: #000;
    margin: 0px 0;
    font-size: 22px;
    margin-bottom: 0;
    line-height: normal;
    text-align: center;
}
.countdown { font-size: 36px; color:#000; display: block;}
.event-happen-timer {
         border-top: 1px solid #ddd;
    margin-top: 20px;
    padding: 10px 0;
}	

@media(max-width:480px){
	.countdown{padding:0;}
.countdown span{font-size: 26px;}
ul.countdown li p{font-size:10px !important}
ul.countdown li{min-width:66px;}
.great-agent-text-large{font-size: 24px;line-height: normal;}

.right-box .guests .fl {float: left;width: 100%;margin-bottom: 10px;}
.right-box .guests .fr{float:left; width:100%;}


}
@media(max-width:1199px){
.row.flex-row1 {display:block}
.row.flex-row1 .col-md-4{width:100%}
.countdown_section{margin:20px 0}

}
@media(max-width:480px){
ul.countdown li{padding-top:10px;}

.home-button-section::before{content:none}
}

.banner-o-btn {
    margin: 0 auto;
    padding-bottom: 40px;
    position: absolute;
    bottom: 40px;
    width: 100%;
}

.countdown span { font-size: 24px; font-weight: 900; color:#000; display: inline-block;line-height:1 }

@media(min-width:991px){
/*.gift-item-img img {
    min-height: 245px;
    object-fit: cover;
}*/
}


ul.countdown {
list-style: none;
    display: flex;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    justify-content: center;
    margin-top: 0px;    margin-top: 8px;

}
ul.countdown li {
       display: inline-block;
    margin: 0 2px;
    padding: 15px 5px;
    min-width: 70px;
    text-align: center;
    padding-bottom: 15px;
    line-height: 1;
    padding-top: 0;    background: #e8e8e8;
}

ul.countdown li.days-li{background:#000}
ul.countdown li.hours-li{background:#000}
ul.countdown li.minutes-li{background:#000}
ul.countdown li.seconds-li{background:#000}

ul.countdown li.seperator {
vertical-align: top;    display: none;

}
ul.countdown li p {
color: #000;
font-size: 10px !important;
text-transform:uppercase;
font-weight:600 !important;color:#000!important; margin-bottom:0 !important;line-height: 1;
    margin-top: 0px;

}


/* Inner Page Design **/


.page_title_wrapper{
        padding: 15px 0;
    background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
        font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
}



.content_wrapper_inner{
     float: left;
     width: 100%;
     padding: 40px 0;
}



.content_wrapper_inner .content input[type="button"]{

         display: block;
    padding: 4px 30px 5px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    font-size: 20px;
    background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
    text-transform: uppercase;
}


.content_wrapper_inner .content input[type="button"]:hover, .content_wrapper_inner .content input[type="button"]:focus{
    background: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%);
}

.content_wrapper_inner .content ul{
         list-style: initial;
}

.content_wrapper_inner .content ul, .content_wrapper_inner .content ol{
     padding-left: 19px;
     margin-bottom: 20px;

}


.content_wrapper_inner .content input, .content_wrapper_inner .content select{
     border-radius: 0;
     min-height: 40px;
     box-shadow: none;
     border: 1px solid #ddd;
}
.content_wrapper_inner .content input:focus, .content_wrapper_inner .content select:focus{
     outline: none;
    border-bottom: 1px solid #06af4e;
}

.content_wrapper_inner .content textarea{
     border-radius: 0;
     box-shadow: none;
     resize: none;
     border: 1px solid #ddd;
}

.content_wrapper_inner .content textarea:focus{
    border-bottom: 1px solid #06af4e;
}


.content_wrapper_inner .content a {
    color: #4778d6;
}

.content_wrapper_inner .content a:hover, .content_wrapper_inner .content a:focus {
    color: #4778d6;
    text-decoration: none;
}





/*Full width search*/
.full-width-search-wrapper {
  background: transparent;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  transform: scale(0.97);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 99999;
}

.full-width-search-wrapper:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
    opacity: .75;
}

.full-width-search-wrapper.search-wrapper-show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.full-width-search-form {
  position: absolute;
top: 50%;
transform: translateY(-50%);
width: 90%;
max-width: 800px;
margin: 0 auto;
left: 0;
right: 0;
}
.full-width-search-form > input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 24px;
  border-bottom: 2px solid #fff;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  text-align: left;
  color: #fff;
  padding-right: 50px;transition:.5s border ease; -moz-transition:.5s border ease; -webkit-transition:.5s border ease; -o-transition:.5s border ease;
}
.full-width-search-form > input:focus{border-color:#ccc}

.full-width-search-form > input::placeholder {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  opacity: 1;
}
.search-closer {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 100%;
  color: #0e8ccc;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  line-height: 38px;
  margin: 0;
  position: absolute;
  right: 30px;
  top: 30px;
  transition: all 0.3s ease-in-out 0s;
  width: 40px;
}
.search-closer:hover {
  background: #ffffff;
  color: #06af4e;
}
.full-width-search-form button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 26px;
  padding: 5px 10px;
  position: relative;
  right: 0px;
  top:-5px;
  position:absolute;
  transition: 0.3s;
  color: #ffffff;
}

.full-width-search-form button:hover {
    color: #ccc;
}

.testimonial_slider_wrapper > .testimonial-item{display:none;}
.testimonial_slider_wrapper > .testimonial-item:first-child{display:block;}


@media(max-width:767px){
	.full-width-search-form > input::placeholder, .full-width-search-form > input {
 font-size: 16px;
 
}
.full-width-search-form button{font-size:18px;top: -8px;}

}



@media(max-width:991px){
	.body-stick{padding-top:0 !important;}
	.mobile-top-head{display:block;}
	.desktop-top-head{display:none;}
	
	.staywell-advertisment{position: relative;margin-top: 15px;top: 0;}
	.adv-button{text-align:center; margin-top:15px;}
	
	#blue-opacity{width:100%; position:relative;}
	
	.interest-cat-item{display:inline-block;width:100%;}
	
	.staywell-adv-item .col-md-8{padding-right:15px;}
	.staywell-found-title h2 span{margin-left:0;}
	.content-panel-area{position:absolute;}
	.open-panel .selected::after {bottom:-30px;}
	
	
}



.preloader {
    position: fixed;
    z-index: 9999999999;
    background: rgba(0, 0, 0, 0.95);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
}


.front .preloader{
    display: block;
}


.front .preloader .hidden{
     display: none;
}

.preloader img{
     width: 250px;
}


/* Banner Loader */
.spinner {
    margin: 50px;
    height: 40px;
    width: 40px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: auto;
    margin-top: 0;
    margin-left: -20px;
    bottom: 0;
    margin-bottom: 0;
}
 @keyframes rotate {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/* .loader_wrapper {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #fafafa;
     z-index: 9999999;
     min-height: 548px;
}*/

.loader_wrapper{
         position: absolute;
    width: 300px;
    height: 160px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}




/*Loader Css Start*/

@charset "utf-8";
/*-- preloader --*/
/* loader wrapper */

#pre-loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
}

.front #pre-loader-wrapper{
    display: block;
}

#pre-loader-wrapper img{
    width: 100px;
}

#pre-loader-wrapper .pre-loader-section {
    position: fixed;
    left: 0;
    height: 50%;
    width: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
       background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
}
#pre-loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 170px;
    height: 170px;
    margin: -85px 0 0 -85px;
    border-radius: 50%;
    text-align: center;
    line-height: 170px;
    /*border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -ms-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;*/
    z-index: 9999;
}
/*#pre-loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    -ms-animation: spin 3s linear infinite;
    -o-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}*/
#pre-loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-left-color: transparent;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
.pre-loaded #pre-loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* slide animation */

#pre-loader-wrapper .pre-loader-section.section-left {
    top: 0;
}
#pre-loader-wrapper .pre-loader-section.section-right {
    bottom: 0;
}
.pre-loaded #pre-loader-wrapper .pre-loader-section.section-left {
    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    /* IE 9 */
    -o-transform: translateY(-100%);
    /* transform: translateY(-100%); */
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.pre-loaded #pre-loader-wrapper .pre-loader-section.section-right {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.pre-loaded #pre-loader-wrapper {
   visibility: hidden; 
     -webkit-transform: translateX(-100%); 
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    /* transform: translateX(-100%); */
    /* -webkit-transition: all 0.3s 1s ease-out; */
    -moz-transition: all 0.3s 1s ease-out;
    -ms-transition: all 0.3s 1s ease-out;
    -o-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

/*Loader Css End*/


.inner-content-area{
    padding-top: 40px;
}


/*.inner-content-area h2{
	color: #4778d6!important;
}

.inner-content-area h1{
	color: #0a9a96!important;
}

.inner-content-area h3{
	color: #08a571!important;
}

.inner-content-area h4{
	color: #3e9ac3!important;
}

.inner-content-area h5{
	color: #0aa086!important;
}

.inner-content-area h6{
	color: #4778d6!important;
}
*/


/*Sign up Forms*/

	/*Login Page Design Css Start*/



.login-block-section{    max-width: 550px;
    background: #f9f9f9;
    border-radius: 10px;
    margin: 50px auto;    overflow: hidden;width: 90%;border:2px solid #0b45bb;
	
	}

.login-block {
		text-align:center;
        padding: 25px 30px 40px 30px;

}
.login-block-title{    background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
  }

.login-block h1 {
    text-align: center;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.login-block input[type=text], .login-block input[type=password], .login-block input[type=number], .login-block input[type=email] {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 4px;
    font-size: 14px;
    
    padding: 0 35px 0 50px;
    outline: none;
}
.login-block .icon-left{    position: absolute;
    left: 12px;
    top: 11px;
    color: #999;}

.login-block input#username{
    background-color: #fff;
	
}

.merchant-login-section input[type=text], .merchant-login-section input[type=password], .merchant-login-section input[type=number], .merchant-login-section input[type=email] { padding: 0 35px 0 20px;}

.input-group-item{position:relative;}
.login-block input#username + span, .login-block input#FrontUserFirstName + span, .login-block input#FrontUserUsername + span, .login-block input#FrontUserLastName + span , .login-block input#FrontUserFirstName + .error-message + span, .login-block input#FrontUserLastName + .error-message + span, .login-block input#FrontUserUsername + .error-message + span{background-image:url('../images/login-user.png');
	background-position:20px top;
	background-repeat:no-repeat;
    background-size: 16px 80px;    position: absolute;
    top: 2px;
    width: 50px;
    height: 40px; left:0;}
	

.login-block input#FrontUserAddress + span, .login-block input#FrontUserCity + span, .login-block input#FrontUserState + span, .login-block input#FrontUserZipCode + span{background-image:url('../images/location-pin.png');
	background-position:20px top;
	background-repeat:no-repeat;
    background-size: 16px 80px;    position: absolute;
    top: 2px;
    width: 50px;
    height: 40px; left:0;}
	
.login-block input#FrontUserAddress:focus + span, .login-block input#FrontUserCity:focus + span, .login-block input#FrontUserState:focus + span, .login-block input#FrontUserZipCode:focus + span{background-image:url('../images/location-pin.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;}
.login-block input#FrontUserPhone + span, .login-block input#FrontUserPhone + .error-message + span{background-image:url('../images/phone-icon.png');
	background-position:20px top;
	background-repeat:no-repeat;
    background-size: 16px 80px;    position: absolute;
    top: 2px;
    width: 50px;
    height: 40px; left:0;}
	
.login-block input#FrontUserPhone:focus + span, .login-block input#FrontUserPhone:focus + .error-message + span{background-image:url('../images/phone-icon.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;}
	
.login-block input#FrontUserEmail + span, .login-block input#FrontUserEmailagain + span, .login-block input#FrontUserEmail + .error-message + span, .login-block input#FrontUserEmailagain + .error-message + span{background-image:url('../images/email-icon.png');
	background-position:20px top;
	background-repeat:no-repeat;
    background-size: 16px 80px;    position: absolute;
    top: 2px;
    width: 50px;
    height: 40px; left:0;}

.login-block input#username:focus + span, .login-block input#FrontUserFirstName:focus + span, .login-block input#FrontUserUsername:focus + span, .login-block input#FrontUserLastName:focus + span, .login-block input#FrontUserFirstName:focus + .error-message + span, .login-block input#FrontUserLastName:focus + .error-message + span, .login-block input#FrontUserUsername:focus + .error-message + span{background-image:url('../images/login-user.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;}
	
.login-block input#FrontUserEmail:focus + span, .login-block input#FrontUserEmailagain:focus + span, .login-block input#FrontUserEmail:focus + .error-message + span, .login-block input#FrontUserEmailagain:focus + .error-message + span{background-image:url('../images/email-icon.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;}

.login-block input#FrontUserPassword + span, .login-block input#FrontUserCpassword + span, .login-block input#FrontUserPassword + .error-message + span, .login-block input#FrontUserCpassword + .error-message + span{background-image:url('../images/login-password.png');
	background-position:20px top;
	background-repeat:no-repeat;
    background-size: 16px 80px;    position: absolute;
    top: 2px;
    width: 50px;
    height: 40px; left:0;}

.login-block input#FrontUserPassword:focus {
    background-color: #f9f9f9;
}
.login-block input#FrontUserPassword:focus + span, .login-block input#FrontUserCpassword:focus + span, .login-block input#FrontUserPassword:focus + .error-message + span, .login-block input#FrontUserCpassword:focus + .error-message + span{background-image:url('../images/login-password.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;}

.login-block input:active, .login-block input:focus {
    border: 1px solid #0b45bb;
}

#primary-content .login-block .login-submit {
    width: auto;
	    padding: 10px 50px;

  
    box-sizing: border-box;
  
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    
    outline: none;
    cursor: pointer;    margin: 15px 0;
}




.login-forget-link {
    text-align: center;
    font-size: 14px;
    background: rgba(0,0,0,.05) !important;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.8);
    margin-top: 30px;margin-bottom:20px;
    border-radius: 5px;
}
.login-forget-link a {
    color: #000;    margin-top: 0px;
    display: inline-block;
}
.login-forget-link a:hover {
    color: #0b45bb;
}

.eye-icon-field {
    position: absolute;
    float: right;
    right: 10px;
    top: 12px;
    font-size: 20px;
}
.eye-icon-field a {
    cursor: pointer;
}

.login-block .input-group-item{text-align:left;margin-bottom:16px;}
.login-block .input-group-item > label{text-align:left; font-size:14px; font-weight:600;}
.input-group-item div.error, .form-group div.error, .error-message{    background: #a94442;
    padding: 2px 5px; display:block;
    color: #fff;
    border-radius: 4px;
    font-size: 12px !important;
    border: 1px solid #ddd;    display: block;
    margin-top: 5px;
    margin-bottom: 5px;float:none !important;}
#primary-content .alert-danger h2,#primary-content .alert-success h2{font-size: 16px;margin: 0;padding: 0;text-align: left;}	

.signup-sub-title{    font-size: 14px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 15px; position:relative; color:#4778d6}
	
.signup-sub-title:after{    content: "";
    background: #4778d6;
    height: 2px;
    width: 35px;
    position: absolute;
    bottom: 5px;
    left: 0;}


.new-checkbox{    position: absolute;
    left: 20px;
    top: 16px;
    visibility: hidden;
    opacity: 0;}
	.new-checkbox + label {
    font-weight: 600;
    margin: 0;
    position: relative;
    line-height: 1;
    cursor: pointer;
    vertical-align: top;
    margin-top: 8px;
    max-width: 100%;
    font-size: 12px !important;margin-bottom: 10px;}
	
	.new-checkbox + label::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    background-color: rgba(255,255,255,.8);
    border-radius: 4px;
    border: 2px solid #4778d6;
    margin-top: -4px;
}
.red-check + label::before {
    content: "";
 
    border: 2px solid #4778d6;

}	
.new-checkbox + label::after {
    content: "\2713";
    color: #4778d6;
    font-size: 28px;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    padding: 2px;
    top: -12px;
    left: 2px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    position: absolute;
 
}
.red-check + label::after {
	 content: "\2714";
    color: #4778d6;
}
.new-checkbox:checked + label::before{background: #4778d6;}
.new-checkbox:checked + label::after {
content: "\f00c";
color: #4778d6;
font-size: 28px;
text-align: center;
padding: 2px;
top: -4px;
left: 0px;
opacity: 1;
visibility: visible;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
position: absolute;
font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
font-size: 18px;color:#fff;


}


.login-block-button{text-align:center;}
#primary-content .login-block .login-block-button .login-submit{margin:0 auto;}

.right-info {
    cursor: pointer;
    position: absolute;
    right: -25px;
    top: 14px;color:#4778d6;
}
.right-info:hover{color:#4778d6}

span.req{color:red;}
/*Login Page End*/


/*Sign up Forms*/


.inner-content-area .over-banner-boxes .box-over.box-left{border-color:#0f8bd3}
.inner-content-area .over-banner-boxes .box-over.box-right{border-color:#09af4b}


.inner-content-area .over-banner-boxes .box-over{    max-width: 300px;
    background: rgba(220,220,220,.5);
    border: 1px solid rgba(255,255,255,.8);
    display: inline-block;
    margin: 20px;
    padding: 30px; transition:.2s all; -webkit-transition:.2s all; -moz-transition:.2s all; cursor: pointer;}

.inner-content-area .over-banner-boxes .box-over:hover{background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );    color: #fff;}



.modal.fade{
  opacity:1;
}
.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}
.modal-content{border-radius:0;    background: #f5f5f5;}
 .modal-header {
    padding: 0;
    border-bottom: 0;
}
.modal-header .close {margin-top: 4px;margin-right: 10px;border-radius:0; background:transparent !important;outline:0 !important}
.modal-header .close span{font-size:32px;}



table.pay_bill-table {
    margin-bottom: 15px;
    border: 1px solid #ccc;
	    background: #fff;
}
table.pay_bill-table thead {
    background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
    color: #fff;
}

table.pay_bill-table thead th, table.pay_bill-table thead td {
    border: 0;
    text-align: center;
    padding: 12px 18px;
}
table.pay_bill-table.display > tbody > tr:nth-child(4n+1) {
    background-color: #f2f2f2;
}

table.pay_bill-table tbody th, table.pay_bill-table tbody td {
    padding: 8px 10px 0;
    line-height: 42px;
}
table.pay_bill-table tbody td:first-child {
    text-align: left;
	background:rgba(0,0,0,.03)
}

table.pay_bill-table tbody .collapsible td:first-child{background:transparent;}

table.pay_bill-table tbody td {
    text-align: center;
}

table.pay_bill-table thead th:first-child, table.pay_bill-table thead td:first-child {
    text-align: left;
	background:rgba(0,0,0,.4);
	width:35%;
}
table.pay_bill-table tbody th, table.pay_bill-table tbody td {
    border: 0;
    font-weight: 600;
}
.view-icon a, .pay-icon a, .tab-cart-icon a {
    display: block;
}
.view-icon img, .pay-icon img {
    max-width: 32px;    padding-bottom: 7px;
}

table.pay_bill-table.display > tbody > tr:nth-child(4n+1) + tr {
    background-color: #f2f2f2;
}


table.pay_bill-table tr.collapsible td {
    padding-top: 0;
    padding-bottom: 5px;
}
tr.active-open table {
    border: 1px solid #227466;
    margin-bottom: 15px;
}

table.pay_bill-table tr.collapsible td {
    padding-top: 0;
    padding-bottom: 5px;
}

table.pay_bill-table table, table.pay_bill-table table tbody, table.pay_bill-table table tbody tr, table.pay_bill-table table tbody td {
    display: block;
    width: 100%;
}

table.pay_bill-table table tbody td {
    display: table;
    width: 100%;
    padding: 0 10px;
}

table.pay_bill-table table tbody td > div {
    display: table-cell;
    padding: 10px 15px;
    vertical-align: top;
    position: relative;   
}
table.pay_bill-table table tbody td > div.cart-add-message{ font-size: 15px;}
.pay-partial {
    width: 38%;
}

.disabled-box {
    opacity: .5;
    pointer-events: none;
}

.partial-pay-box, .partial-reason-box, .field-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    width: 100%;
    max-width: 165px;
}

label.purpose-name-label {
    line-height: 1;
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
}

.partial-pay-box .form-control, .partial-reason-box .form-control, .field-item .form-control {
    border-radius: 0;
    border-color: #333;
    background: #f6f6f6;
    color: #333;
    font-weight: 500;
}

.fees-small-text {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 6px;
    font-weight: normal;
}

.partial-pay-box .input-group-addon {
    vertical-align: middle;
}

.partial-pay-box .input-group-addon {
    border: 1px solid #e0e5eb;
}

.partial-pay-box .input-group-addon {
    padding: 2px 6px;
    font-size: 20px;
    border-radius: 0;
    border-color: #333;
    background: #e0e5e9;
    color: #000;
}

.partial-pay-box.disabled-box .input-group-addon, .partial-pay-box.disabled-box .form-control {
    background: #f6f6f6;
    color: #333;
    font-weight: 600;
    border-color: #333;
}

.partial-pay-box.disabled-box {
    opacity: 1;
}

.partial-reason {
    width: 40%;
}

.partial-reason-box {
    max-width: 100%;
    margin: 0;
}
.partial-reason-box .input-group {
    width: 100%;
}

.add-to-cart-btn a, .remove-cart-btn a {
    display: block;
       background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
    padding: 10px 12px;
    border-radius: 15px;
    line-height: 1;
    text-align: center;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
	color:#fff;
}
.add-to-cart-btn a:hover, .remove-cart-btn a:hover {
        background: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%);
}

.add-to-cart-btn a i, .remove-cart-btn a i, .add-to-cart-btn a span, .remove-cart-btn a span{display:inline-block; vertical-align:middle;}
.add-to-cart-btn a img, .remove-cart-btn a img{    max-width: 32px; margin-right:5px;}

.close-row-btn {
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 1;
    margin-top: 20px;
    cursor: pointer;
}

.pay-to-cart-btn {
    width: 22%;
}

.partial-pay-box .input-group.focus .form-control, .partial-reason-box .input-group.focus .form-control, .field-item .input-group.focus .form-control {
    border-color: #0a7f6c;
    background: #f1f1f1;
}

table.pay_bill-table.display > tbody > tr:nth-child(4n+1) a.active-item:after {
    background: #f2f2f2;
}

a.active-item:after {
    content: "";
    height: 4px;
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
}
a.active-item {
    border: 1px solid #227466;
    border-bottom: 0;
    position: relative;
}

.top-gca-bar .pad-0{padding:0;}



.confirm-cart h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}
.modal-confirm-btn input{display:inline-block;}
.modal-confirm-btn {margin-top:30px;}
.modal-confirm-btn .clear-btn{margin-top:10px;}


.current-bill-title {
    display: inline-block;
}
.current-bill-title {
    margin: 25px 0;
}
.current-bill-title h2 {
    margin: 0;
    font-size: 24px !important;
    font-weight: 700;
    margin-bottom: 10px;
}

.cart-status {
    padding: 0;
    display: inline-block;
    float: right;
}
.cart-status-message {
    padding: 10px;
    border-radius: 5px;
    margin-top: 25px;
}

.cart-status-message h2 {
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 0;
    padding-left: 35px!important;
}

.cart-status-message.alert-success h2{color: #3c763d !important}
.cart-status-message.alert-danger h2{color: #a94442 !important}


.cart-status-message h2 span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    margin-top: -2px;
    text-indent: -38px;
}

.cart-status-message h2 span img {
    max-width: 28px;
}

.tab-cart-icon img {
    max-width: 32px;
}

.disabled-cart {
    pointer-events: none;
}

.shopping-cart.table thead{    background: #4778d6;
    color: #fff;}
	

.margin-bottom-2em {
    margin-bottom: 2em;
}
.margin-bottom-1em {
    margin-bottom: 1em;
}
.margin-top-1em {
    margin-top: 1em;
}

.left-box, .right-box {
    border: 1px solid #dee0df;
    background: #fff;
}
.box-title {
    padding: 5px;
    background: #e4eaf1;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.box-title i {
    display: inline-block;
    margin-right: 5px;
}
.box-title i img {
    max-height: 35px;
}
.box-title span {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
}
.box-wrapper-item {
    padding: 15px;
}


.box-title {
    padding: 5px 10px;
   background:#4778d6;
    font-size: 20px;
	
    font-weight: 600;
    color: #fff;
}
.left-box .box-title {background:#0b45bb}
.left-box.blue-color .box-title {background:#4778d6}

.left-box.blue-color .pay-receipt-information .title-meidum {
    background: #4778d6;
}

.dark-grey-bg-color {
    background: #4778d6;
    cursor: pointer;
    color: #fff;
}

.box-title span {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
}
.box-title i {
    display: inline-block;
    margin-right: 5px;
}

.dark-grey-bg-color a {
    color: #fff !important;
}
.paycheque-toggle-btn i.fa-plus-circle, .credit-card-toggle-btn i.fa-plus-circle {
    line-height: 35px;
}

.pay-active i.fa-plus-circle:before {
    content: "\f056";
}

.cpmt_Paytabbox {
    background: #fff;

}

.card-details {
    background-color: #e9eced;
    box-sizing: border-box;
    color: #666666;
    margin: 0;
    font-size: 1.2em;
    font-weight: 600;
    padding: 10px 10px;
    position: relative;
    width: 100% !important;
    border-radius: 5px;
    box-shadow: 0 -1px 3px -1px #e9eced;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
}
#primary-content .card-details h2 {
    margin: 0;
    font-size: 18px ;
    font-weight: 600;color:#666666 !important;
}

.payment-title {
    padding: 15px;
}
.ssl-icon img {
    height: 70px;
}
.card-icon {
    margin-top: 15px;
}

ul.noListStyle {
    margin-left: 0;
    list-style: none;
    padding: 0 !important;
}
.cpmt_listItem {
    width: 100%;
}
ul.noListStyle li {
    padding: 0 15px;
}
ul.noListStyle li {
    vertical-align: top;
    width: 50%;
    display: block;
    float: left;
    list-style: none;
}
.noListStyle:after {
    clear: both;
    display: table;
    content: "";
}
.credit-card-section.cpmt_Paytabbox .cpmt_cardLabel {
    font-size: 14px;
}

.cpmt_cardLabel {
    display: block;
    margin-bottom: 4px;
    margin-top: 10px;
    width: 100%;
    color: #3E4141;
    font-size: 16px;
    font-weight: 600;
}
#TransactionPaymentConfirmationForm .card-wrapr {
    overflow: inherit;
}
.card-wrapr {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.cpmt_Paytabbox input[type="text"], .cpmt_Paytabbox input[type="password"], .cpmt_Paytabbox select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CDCECF;
    color: #999999;
    font-size: 15px;
    margin-top: 0px;
    padding: 7px 12px;
    vertical-align: bottom;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 0px;
    color: #000;
    width: 100%;
    min-height: 38px;
}

.cpmt_Paytabbox input[type="text"]:focus, .cpmt_Paytabbox input[type="password"]:focus, .cpmt_Paytabbox select:focus {
    border: 1px solid #0b45bb;
    background: #f9f9f9;
}



.month-and-year {
    display: inline-block;
    vertical-align: top;
}
.cpmt_Paytabbox .blockEx {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
}
.cpmt_Paytabbox .blockEx {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
}
.full-width {
    width: 100% !important;
}
.cpmt_Paytabbox .blockEx.cpmt_CvvNo {
    width: 200px;
}
.cpmt_Paytabbox .blockEx.cpmt_CvvNo input {
    width: 120px;
}

.cpmt_listItem li {
    margin: 5px 0;
}

.card-wrapper {
    width: 100%;
    margin-bottom: 5px;
}

.contiue-section {
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.contiue-section .pay-now-btn input{display:inline-block;line-height:1.6}

.contiue-section p {
    color: #999;
    font-size: 12px;
    margin-top: 15px;
}

.right-side-wrapper {
    padding: 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bill-summary-table table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 15px;
}

.bill-summary-table th:first-child {
  
}

.bill-summary-table th, .bill-summary-table td {
    text-align: left;
    padding: 8px;
    font-size: 14px;
}
.bill-summary-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.span-for-item-name{ display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    margin-bottom: 0;
    width: calc(100% - 95px);}

.span-for-item-name .buy-option-cart {font-weight: 500;color: #000;margin-top: 5px;}

.checkout-activities-sidebar .total {
    text-align: right;
    font-weight: 600;
    font-size: 20px;
    color: #0b45bb;
}
.fl {
    float: left;
}
.fr {
    float: right;
}

.total-side-bar {
    background: #f1f1f1;
    padding: 10px;
    border: 1px solid #ddd;
}
.subtotal {
    margin-bottom: 5px;
}
.checkout-activities-sidebar .subtotal > div {
    float: left;
    color: #0b45bb;
    font-size: 16px;font-weight:600;
    margin-top: 2px;
}
.checkout-activities-sidebar .subtotal > div + div {
    float: right;
    font-size: 16px;
    color: black;
    margin-top: 0;
}
.checkout-activities-sidebar .taxes {
    border-bottom: 1px solid #c0c0c0;
    padding: 0 0 8px;font-weight:600;
    margin-bottom: 8px;
}
.checkout-activities-sidebar .taxes > div {
    float: left;
    font-size: 14px;
}
.checkout-activities-sidebar .taxes > div + div {
    float: right;
    font-size: 14px;
}
.checkout-activities-sidebar .total {
    text-align: right;
    font-weight: 600;
    font-size: 20px;
    color: #0b45bb;
    margin-bottom: 15px;
}
.checkout-activities-sidebar .total span {
    color: #000;
}


.bill-summary-table th {
    background-color: #4778d6;
    color: white;
    font-size: 14px;
}
.star{color:red;}

.help-block{background: #a94442;
    padding: 2px 5px;
    color: #fff !important;
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid #ddd;}
	
	#TransactionPaymentConfirmationForm .cpmt_CvvNo label ~ .form-control-feedback {
    top: 32px;
    left: 90px;
}

.title-confirm-text{font-size: 1.2em;
    font-weight: 600;color:#4778d6; margin-bottom:10px; border-bottom:1px solid #ddd}

.amount-each-item{font-size: 18px;
    color: #0b45bb;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;}

.pay-receipt-information {
    padding: 20px;
}
.pay-receipt-information {
    margin-top: 15px;
}

#gallerys > .item{display:none;}
#gallerys > .item:first-child{display:block;}

#gallerys .slick-prev{left: 5px;z-index: 9;}
#gallerys .slick-next{right: 8px;z-index: 9;}
#gallerys .slick-arrow:before{color:#0b45bb;}

.another-box-btn {
    background: #4778d6;
    color: #fff;
    border: 1px solid #dee0df;
    font-size: 20px;
}
.another-box-btn:hover{background:#0b45bb}
.another-box-btn a {
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fa-2-7x {
    font-size: 2.75em;
}
.another-box-btn a {
    display: block;
    color: #fff !important;
}

.thanks-msg {
    padding-bottom: 5px;

}
.thanks-msg h1 {
    font-size: 24px !important;
    color: #5c9717 !important;
    font-weight: 600;
    margin-bottom: 15px;
}

.title-meidum {
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
}
.pay-receipt-information .title-meidum {
      background: #0b45bb;
}

.receipt-item {
    margin: 5px 0;
}

.receipt-item > div {
    display: inline-block;
}

.pay-receipt-information .receipt-item > div {
    padding: 7px 10px;
    font-size: 14px;
}
.pay-receipt-information .receipt-item > div:first-child {
    padding-left: 4px;
    min-width: 220px;
}

.padding-left-half-em {
    padding-left: .5em;
}
.padding-top-half-em {
    padding-top: .5em;
}

.padding-bottom-half-em {
    padding-bottom: .5em;
}

.pay-receipt-information table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 15px;
    margin-top: 15px;
}
#primary-content .pay-receipt-information th, .pay-receipt-information td {
    text-align: left;
    padding: 10px;
    font-size: 14px;
}
.pay-receipt-information th {
    background-color: #4778d6;
    color: white;
    font-size: 14px;
}
.pay-receipt-information tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.amount-paid {
    font-size: 28px;
    color: #0b45bb;
}

.print-icon a{color:#fff !important;}

#TransactionPaymentConfirmationForm .form-group .help-block {
 
    margin: 0;
	margin-top:3px;
    padding: 2px 10px;
    font-size: 11px;
    width: 100%;
    color: #fff;
    border-radius: 3px;
    background: #a94442;
}

ul.noListStyle.user-detail-fill li:nth-child(2n - 1){clear:left;}

.top-paynow-btn{display:none;}

@media(max-width:991px){
.detail-list-items{font-size:13px; word-wrap:break-word;}
.col-sm-4-1{width:100%;}
#primary-content h2.post-title, h1.post-title{font-size:18px;}
.list-name-business .right-img1{text-align:center;}
#primary-content .inner-content-area .business-name h3{font-size:20px;}
.email a, .website a{word-wrap: break-word;}

.top-paynow-btn{display:block;}
.bottom-paynow-btn{display:none;}
.directory-left-paynow{max-width:100%;}
.directory_description_right{margin-top:60px;}

.directory_db_contact_info .top-social-links{float:none !important;}

.mobile-text-center{text-align:center !important;}

}
.list-name-business .pad-0{padding:0;}

@media(max-width:767px){
	table.pay_bill-table table tbody td > div {
    display: block;
    width: 100%;
}
.pay-partial .input-group {
    width: 100%;
}
.partial-pay-box, .partial-reason-box, .field-item{max-width:inherit;}
.close-row-btn{margin-bottom:10px;}
table.pay_bill-table tbody th, table.pay_bill-table tbody td{line-height:normal; font-size:12px;}
.pay-icon a{line-height:60px;padding: 0 8px;}

.cart-status .cart-status-message{margin-bottom:25px; margin-top:0;}

.box-title {
    font-size: 16px;
}
.credit-card-toggle-btn{font-size:13px;}
.box-title i img {
    max-height: 20px;
}
.ssl-icon img {
    height: auto;
}
ul.noListStyle li {
    width: 100%;
}
.cpmt_Paytabbox .blockEx.cpmt_expDate-dd{max-width:85px; margin-right:6px;}

.pay-now-btn.text-center-mobile{text-align:center;}
.pay-now-btn.text-center-mobile a{display:inline-block;}

.cpmt_Paytabbox .blockEx.cpmt_CvvNo{display: block;
margin-top: 30px;}

}
.social-links-item .top-social-links a{width: 26px;
height: 26px;
line-height: 20px;}
 
 @media(max-width:420px){
 	.pull-right.print-icon {
    float: none !important;
    text-align: right;
}

.login-block-section{margin:20px auto; width:100%;}
.login-forget-link{font-size: 12px;}
.login-block-title{font-size:16px;}


.sorting-feature-text{text-align:center; display:block;}
.sorting-feature-text label{display:block !important; margin-right:0 !important }


.cart-button-section .cart-img{max-width: 50px;height: 50px;}
.cart-button-section span.qty-add, .cart-button-section span.cart-amount{font-size:12px;}

.cart-button-section span.check-out-text{font-size:16px;}
.top-gca-bar .cart-button-section{max-width:210px;}

.gca-id .gca-title{font-size:16px;}
.gca-id{display:block;}
.current-bill-title h2{font-size:18px !important;}
.current-bill-title{display:block; text-align:center;}
table.pay_bill-table thead th, table.pay_bill-table thead td{padding:10px;}

.cart-total-section table tr td{text-align:center;}
.mobile-text-right .cart-btn{text-align:center;}
.checkout-activities-sidebar .total{text-align:center;}
.checkout-activities-sidebar .total .fl, .checkout-activities-sidebar .total .fr{float:none;}

.checkout-activities-sidebar .total .fr{padding-top: 6px;border-top: 1px dotted #ddd;margin-top: 10px;}

#primary-content .card-details h2{font-size:16px;}


 }
 
 
 .category_name::after {
    content: "|";
    display: inline-block;
    margin-left: 3px;    margin-right: 3px;
    vertical-align: middle;
	margin-top: -2px;
}
.category_name a {
   
    display: inline-block;
   
    vertical-align: middle;
}
.category_name:last-child:after{content:none;}
.detail-items .category_name{    display: inline-block;
    line-height: 1.2;}
.detail-items .category_name a{    font-size: 12px;
    line-height: 1;
    color: #000;}
.detail-items .category_name a:hover{    color: #4778d6;}
.detail-items .category_name:after{    margin-right: 2px;}

.actions-header a{
       color: #ffffff;
    font-size: 18px;
    padding-top: 5px;
    display: inline-block;
    transition: all 0.5s;
    font-size: 14px;
    font-weight: 600;
}

.page-title-small .actions-header a{padding-top:20px;}

.actions-header a:hover{
    color: #ccc;
}

.dr-filter-btn a{
    vertical-align: middle;
}

@media(max-width: 767px){

    .actions-header{
        width: 100%;
        display: inline-block;
}

.actions-header a{
    font-size: 12px;
    padding-top: 0;
}

.popover{
    max-width: 220px;
}

.actions-header{margin-top:10px;}

}


@media(max-width: 480px){
    .actions-header a{
       
    }  
}

.gift-item.thumbnail{border-color:#818181}

.partial-pay-box input[type=number] { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
	-moz-appearance:textfield; 
}

.ec-directory-list .ec-directory-option .fa-th-list{display: inline-block;vertical-align: middle;margin-top: 4px;}

.bannerarea .slide-item img{width:100%;}

.modal-open .overflow-hide-open-modal{overflow-x: hidden;}

.project-states-links {
    margin-top: 0px;
    margin-bottom: 15px;
}
.project-states-links {
    padding-left: 0 !important;
}
.project-states-links li {
    display: inline-block;
    margin: 4px 0;    margin-right: 5px;
}
.project-states-links li a {
	display: block;
    padding: 5px 12px;
    font-weight: 600;
    border: 2px solid #0b45bb;
    border-radius: 20px;
    color: #0b45bb;font-size: 14px;
}
.project-states-links li a:hover, .project-states-links li .active{background:#bc0a29; color:#fff; border-color:#bc0a29;}

.btn-fix-cart{
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 199;
}


.btn-fix-cart .cart_toggle {
    width: 115px;
    height: 65px;
    padding: 12px;
    background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
    border: 2px solid #ffffff;
    /* border-right: none; */
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: -87px;
    z-index: 999;
    border-radius: 20px;
    padding-right: 52px;
    padding-left: 14px;
    padding-top: 9px;
}

.item_in_cart {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    text-align: center;
    border-radius: 50%;
    font-weight: bolder;
    font-size: 14px;
    line-height: 19px;
    right: 45px;
    top: 7px;
}


.btn-fix-cart .cart_toggle img{
/*     -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: bounce;
  animation-name: bounce;*/
}


.btn-fix-cart .cart_toggle:hover{
	background: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%);
}



.btn-fix-cart .cart-button-section{
    width: 150px;
    border-radius: 0;
    border: 2px solid #ffffff;
    margin-right: -150px;
}


.btn-fix-cart.show_cart .cart-button-section{
    margin-right: 0;
}

.btn-fix-cart .cart-button-section a{
    color: #ffffff;
}

/*@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
*/



.profile_details_drop a.dropdown-toggle {
    display: block;
      background: #0b45bb;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 30px;
    border-radius: 20px;
    border: 2px solid #fff;
}
.profile_img span.prfil-img {
    float: left;    margin-top: 0px;
    margin-right: 0px;
}
.profile_img span.prfil-img img{max-width:26px;}
.profile_img .user-name {
      float: left;
    margin-top: 3px;
    margin-left: 4px;
	text-align: left;
}
.profile_img .user-name p, #primary-content .profile_img .user-name p{
    font-size: 14px;
    color: #fff;
    margin-bottom:0;
    font-weight: 700;
}

.profile_img  .user-name span {
       font-size: 12px;
    font-style: italic;
    color: #424f63;
    font-weight: normal;
    margin-top: 0;
    display: block;
}
.profile_details li a i.fa.lnr {
    position: absolute;
       top: 7px;
    right: 12px;
    color: #fff;
    font-size: 20px;
}
.profile_details_drop .fa.fa-angle-up {
    display: none;
}
.profile_details_drop.open .fa.fa-angle-up {
    display: block;
}
.profile_details_drop.open .fa.fa-angle-down {
    display: none;
}


.profile-button{    display: inline-block;
    padding-left: 15px;
    vertical-align: middle;
    margin-bottom: 0;}
	
.profile_details li ul.dropdown-menu.drp-mnu {
        padding: 0;
    min-width: 190px;
    top: 38px;
    right: 0;
    left: inherit;
}
.profile_details li ul.dropdown-menu.drp-mnu{}
.profile_details li ul.dropdown-menu.drp-mnu:before{    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238,238,238,0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;    top: -16px;}
	
.profile_details li ul.dropdown-menu.drp-mnu li a{padding: 8px 20px; border-bottom: 1px solid #ddd;}
.profile_details li ul.dropdown-menu.drp-mnu li:last-child a{border-bottom:0;}
.profile_details li ul.dropdown-menu.drp-mnu li a:hover, .profile_details li ul.dropdown-menu.drp-mnu li a:focus{background: #0b45bb;color: #fff;}



.inner-title-banner:before {
    content: "";
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
 
	background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
    opacity: .8;
    height: 100%;
    position: absolute;
}

.inner-title-banner {
    position: relative;
}

.dash-title-bg {
    background: url(../images/title-bg.jpg) no-repeat;
    background-size: cover;
	    background-position: center;
}

.inner-title-banner h2 {
    z-index: 9;
    position: relative;
}
.inner-title-banner h2 {
    margin: 0 !important;
    padding: 40px 15px;
    color: #fff !important;
}


/*Dashboard Pages*/

.page-content-area{padding:4em 0;}
/*
.icon-box{text-align:center;border:1px solid #ddd; position:relative;    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);

    margin-bottom: 30px;
    overflow: hidden; background:#fff;}




.icon-image{} 
.icon-image a{display:block; padding:30px;}
.icon-box-title {
    font-size: 18px;
    padding: 10px;
    font-weight: 600;
	color:#fff;
    background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
}
.icon-image i{font-size:62px; }
.icon-links ul{padding-left:0;margin-bottom:0;}
.icon-links {
   
    padding: 10px;
    border-top: 1px solid #ddd;
}
.icon-box .icon-box-item{position:relative;}
.icon-box .icon-box-item:before{content:""; width:100%; height:100%; position:absolute; top:0; left:0; background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 ); opacity:0; visibility:hidden; transition:.6s all; -webkit-transition:.6s all; -moz-transition:.6s all;}
.icon-box:hover .icon-box-item:before{opacity:1; visibility:visible;}
.icon-box .icon-image{position:relative; z-index:1; }
.icon-box:hover .icon-image a, .icon-box:hover .icon-image a i{    background: none;
    background: none;
    background: none;
    filter: none;
    -webkit-background-clip:unset;
    -webkit-text-fill-color: inherit; color:#fff;}
	*/

.icon-links li{display:block; padding:5px;margin-bottom:5px; font-size:14px;}

.icon-links li i{padding-right:6px;}

.icon-links li a{font-weight:600;}



.mas-snapshot{    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);

    margin-bottom: 30px;
    overflow: hidden;}

.mas-snap-title{  }
	
	.mas-snap-body {
    padding: 5px 20px;
   
}

.mas-snap-body ul {
    padding-left: 0 !important;
    margin: 0;
    list-style: none;
}
.mas-snap-body ul li {
    font-weight: 600;
    color: #606062;
    margin: 8px 0;
    font-size: 16px;
}
.mas-snap-body ul li span a {
    color: #000;
    font-size: 18px;
}
.mas-snap-body ul li span a:hover{color:#075b91;}


.whats-new {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);

    overflow: hidden;
}
.whats-new{    background: #fff;
    border-radius: 20px 20px 0px 0px;
    padding: 30px;}
.whats-new-title{    padding: 5px 20px;}
.whats-new-title h3{margin-top:0;margin-bottom:15px;color:#fff !important;}
.whats-new-date{margin-bottom:10px;font-size:12px;}
.whats-new p{font-size:14px;}
.whats-new-section{    background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);
    border: 3px solid #bbb;
    border-radius: 20px;
    margin-bottom: 2em;
    overflow: hidden;}
.manage-account-content{border-top:4px solid #e0e5eb; margin-top:3em;    padding: 2em 0 0;}
.manage-title h2{font-weight: 700;color: #606062;    font-size: 26px;}
.manage-title h2 span{    color: #003c6f;}
.manage-title h2 img{    max-width: 280px;margin-left:5px;}
.manage-acc-content{margin-top:20px;}

	
.whats-new-body{    padding: 20px;}
.whats-new-date{    font-size: 15px;
    display: inline-block;
    float: right;
    margin-top: 2px;
    font-weight: 500;}



.page-title-bar{padding: 15px 0;
    background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
    color: #fff;
    position: relative;
    z-index: 2;}
.page-title-bar	.page-title{display:inline-block;}
.page-title-bar	h2{color: #fff !important;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;}
	
	.back-to-page {
    padding-top: 15px;
    font-weight: 600;
	float:right;
}
.back-to-page a{color:#fff; font-size:14px;}
.back-to-page a:hover{color:#000}

.account-setting {
    padding-top: 0px;
}
.box-style {
    background: #f9f9f9;
    border: 1px solid #d7dfe3;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    overflow: hidden;
    /* margin-top: 20px; */
    padding: 20px;
}
.account-setting table tr {
    border-bottom: 1px solid #ddd;
}
.account-setting table tr:last-child{border-bottom:0;}
.account-setting table td {
    padding: 10px;
	font-size:14px;
}
.account-setting table td:first-child {
    font-weight: 600;
}
.account-setting table td:first-child {
    padding-left: 4px;
}

.loginBtnCont .ytBtn{font-size:16px !important; display:inline-block;}

.no-padding{padding:0;}

.support_form .form-group label{font-size:14px; font-weight:600;}
.support_form .form-group{margin-bottom:20px;}

.log-out-page-btn{display:inline-block; margin:0 15px;}

.receipt-heading {
    margin-top: 30px;
}
.example_length {
    width: auto;
    padding: 3px;
    font-size: 12px;
}
.search-icon a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2px;
    color: #0b45bb;
    background-color: transparent;
    border: 2px solid #0b45bb;
    border-radius: 30px;
    padding: 6px 20px;
}
.search-icon a:hover{border-color:#4778d6; color:#4778d6;}

#adv_search table {
    margin-top: 0px;
}
#adv_search td {
    padding: 0 7px;
}
#adv_search {
    padding: 20px 10px;
    background: #fff;
    margin: 20px 0;
    border: 1px solid #dee0df;clear: right;
}
#adv_search .search-form-item {
    padding: 7px 12px;
    font-size: 14px;
    min-height: 38px;
    border-radius: 5px;    width: 100%; border:1px solid #ddd; transition:.4s all;
}
#adv_search .search-form-item:focus{    border: 1px solid #4778d6;
    background: #f9f9f9;}
.closesearch {
    float: right;
    cursor: pointer;
    
    margin-right: 10px;
position: absolute;
right: 0;
top: -10px;
}
.closesearch:hover{color: #075b91;}
.member-table{margin-top:20px;}
.member-table table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 15px;
    margin-top: 10px;
}
.member-table thead {background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);}
.member-table th {
    
    color: white;
    font-size: 14px;
}
.member-table th, .member-table td {
    text-align: left;
    padding: 12px 8px;
    font-size: 14px;
}
.member-table table tr {
    border-bottom: 1px solid #eee;
}
.member-table table tr:nth-child(even){background:#fff;}



.search-btn .ytBtnOrange {
     
    min-height: 38px;
    width: auto;
    min-width: 120px;
    vertical-align: middle;
    margin-right: 5px;
    padding: 0px 14px;
    border: 0;
}
.clear_field_dashboard {
   text-decoration:underline; font-size:14px;
}

.search-btn {
    display: inline-block;
    vertical-align: middle;
}
.search-btn .ytBtn{font-size:14px}

.red{color:#a94442}	
.green{color:#0b45bb}	

.pop-delete{background:#a94442 !important}
.pop-cancel-btn{background:#999 !important}

.pop-delete:hover{background:#0b45bb !important}
.pop-cancel-btn:hover{background:#777 !important}

/*Dashboard Pages*/


.center-section{float:none; margin:0 auto;}
.center-section .account-setting table{    margin: 0 auto;
    width: 90%;}

.dashboard-heading .refresh-icon-btn {
    float: right;
    margin-right: 20px;
    padding: 4px 0px;
    font-size: 20px;
}

.refresh-icon-btn{color:#000;}

.search-content{position:relative; padding-top:20px;}


@media(max-width:767px){
	.whats-new-date{float:none;font-size: 12px;display: block;}
	.action-item a {
    padding: 3px;
    display: inline-block;
}
.logo-section, .top-menu.text-right{text-align:center;}
.logo-section .logopart{margin-right:0;}
.form-item{max-width:100%;margin-bottom: 2px;margin-top: 2px;}

}
@media(max-width:640px){

	.page-title-bar .page-title h2{margin:0 !important; font-size:24px !important;}
	.back-to-page{padding-top:5px;}

}

@media(max-width:480px){
	.menu-item a{font-size:11px;padding: 5px 0px;}
	.back-to-page a{font-size:12px;}
	.loginBtnCont .ytBtn{font-size:14px !important; padding: 6px 20px;}
	.log-out-page-btn{margin:0 4px;}
	
	.page-title-bar .page-title{display:block;}
	.back-to-page{float: left;
padding-top: 15px;}

.inner-title-banner.dash-title-bg h2{font-size:24px !important}
	
}



.icon-box {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
  
    margin-bottom: 30px;
    overflow: hidden; 
	transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;
}
.icon-box:hover{background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6); box-shadow: 0 7px 14px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.14);}

.icon-box-name-title.green-gredient-title {
  /* background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}



.icon-box:hover .icon-box-name-title .icon-box-title{color:#fff;}
.icon-box:hover .icon-box-name-title{-webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit; background:transparent !important;}
.icon-box-item {
    color: #000;
    padding: 20px 20px;
}
.icon-image {
    position: relative;
    
    width: 100px;
    opacity: .35;
    margin:0 auto;
}
.icon-box-item img {
    max-width: 100%;
}
.icon-box-name-title {
    position: relative;
    z-index: 1;
}
.icon-box-title {
    padding: 10px 0px 5px;
    color: #0b45bb;
    font-weight: 700;
    text-align: center;
    font-size: 24px;
}
.icon-box.orange-box .icon-links {
       background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
}
.icon-links a {
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}


.pay-table-section{    padding: 0 15px;
    background: #fff;

    padding-bottom: 20px; position:relative;    border: 1px solid #ddd; border-top:0;}
	
	.pay-table-section:before {
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
    position: absolute;
    left: 0;
    top: -2px;
}

.bannertextarea input[type=button], .bannertextarea input[type=submit]{border:2px solid #fff;}

.select-all-checkbox, .select-all-checkbox1 {
    color: #fff !important;
    font-weight: 700;
    float: right;
	    font-size: 14px;
}

.error-ms {
    float: left;
    color: red;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 5px;
}

.box-bg_category {
    background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
    color: #fff;
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 38px 20px 30px;
    border-radius: 5px;
    cursor: pointer;
    min-height: 170px;
    margin-bottom: 30px;
}


.box-bg_category img{
    width: 70px;
    margin-bottom: 20px;
    transition: all 0.5s;
}


.box-bg_category:hover img{
    transform: scale(1.15);
}


.box-bg_category  .service-item-name a{
    color: #ffffff;
}


.category_box_wrapper{
    margin-bottom: 100px;
}


.box-bg_category:hover {
    background: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%);
}


.box_main_cat_inner{
    width: 24.5%;
    display: inline-block;
    padding: 0 15px;
}


@media(max-width: 1199px){
    .box_main_cat_inner{
        width: 33%;
    }
}


@media(max-width: 767px){
    .box_main_cat_inner{
        width: 49.5%;
    }
}


@media(max-width: 480px){
    .box_main_cat_inner{
        width: 100%;
    }
}

@media(max-width:480px){

	.business_button input{font-size: 14px;padding: 6px 20px;margin-right: 10px;}
	.shopping-cart.table .tx-price span{display:block;}
 }
 
.banner-bottom-carousel-section .slick-track{ margin:auto;}

.amount-pay-box .form-control{ padding:11px 12px;}
.partial-pay-box .form-control{ min-height:44px;}

.post-title.with-fav .cta, .business-name.with-fav .cta{    color: #4778d6;
    font-size: 32px;
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

#favorites-loader {
    position: fixed !important;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(14,141,198,.8);
    background: -moz-linear-gradient(left, rgba(14,141,198,.8) 0%, rgba(10,157,141,.8) 50%, rgba(7,172,87,.8) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,.8) 0%,rgba(10,157,141,.8) 50%,rgba(7,172,87,.8) 100%);
    background: linear-gradient(to right, rgba(14,141,198,.8) 0%,rgba(10,157,141,.8) 50%,rgba(7,172,87,.8) 100%);
}
.loading-section {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 0px;
}

.post-title.with-fav .cta:hover i:before, .business-name.with-fav .cta:hover i:before{background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.post-title.with-fav .cta.favorites i:before, .business-name.with-fav .cta.favorites i:before{background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.my-favorites-section {
    padding: 0;
    text-align: center;
    margin-bottom: 25px;
    margin-top: -15px;
}
.my-favorites-section a {
    padding: 10px 20px;
    display: inline-block;
   
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
        color: #fff;
    background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
}
.my-favorites-section a:hover{    background: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%);}

.my-favorites-section i {
    font-size: 26px;
    vertical-align: middle;
}
.my-favorites-section span {
        font-size: 26px;
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    margin-top: -5px;
}

.cta .added-text{    font-size: 12px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #0b45bb;}
	

td.action-item.box-action a {
    font-size: 16px;
    padding: 5px;
    width: 34px;
    height: 34px;
    display: inline-block;
    text-align: center;
    border: 1px solid #4778d6;
    line-height: 32px;
    padding: 0;
    margin: 0 5px;
	color:#4778d6;
}

td.action-item.box-action a:hover{background:#4778d6; color:#fff;}

#primary-content .business-name.with-fav h3{font-size:22px;}

	
.title-of-merchant{    max-width: 225px;
    background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
    padding: 20px 20px 15px;
    display: inline-block;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 18px;
    font-size: 14px;
    float: left;}

.title-of-merchant h2{    font-size: 20px !important;
    margin: 0 !important;
    color: #fff !important;}
	
.for-merchant-cart tfoot{background:#eee;}
.for-merchant-cart{margin-bottom:0 !important;}
.button-for-each-merc input{font-size:14px; padding:4px 15px;}
.top-count-merchant{background:#fff;
    font-weight: 800;
    font-size: 18px;
   }
	
.top-count-merchant strong{background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4778d6', endColorstr='#4778d6',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.total-of-merc-row{background:#e5e5e5;}
.button-for-each-merc-btn{display: inline-block;
        font-size: 14px;
    padding: 4px 15px;
    text-align: center;
    color: #fff !important;
    font-weight: 600;
    border-radius: 30px;
   
    background: linear-gradient(to right,#4778d6 0%,#0a9d8d 50%,#4778d6 100%);
    text-transform: uppercase;
    border: 0;}
.button-for-each-merc-btn:hover{    background: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%); }

.paid-text span{    color: green;
    font-weight: 600;
    display: inline-block;margin-right:5px;}

span.top-paid-text {
    padding: 5px 20px;
    font-size: 14px;
    background: green;
    color: #fff;
    border-radius: 5px;
    margin-left: 15px;
}
.org-name-summary .org-name-sum{    font-size: 26px;
    font-weight: 700;
    color: #4778d6;}
.org-name-summary .org-slogan-sum{margin-bottom:10px;}
.org-name-summary .org-type-sum{color:#000;}
.org-log-summary{max-width:150px;}

ul.noListStyle.full-width li{width:100%;}

.organization-donation-banner{position:relative;}
.organization-donation-banner:after{content:""; position:absolute; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);top:0;}

.banner-over-inner{    position: absolute;
    top: 10%;
    z-index: 1;
    width: 100%;
    text-align: center;}

.logo-for-org{max-width:250px;margin:0 auto}
.inner-content-area.over-banner-top{    margin-top: -125px;
    z-index: 1;
    position: relative;}
.inner-content-area.over-banner-top	.list-name-business{box-shadow:none !important}
.inner-content-area.over-banner-top	.directory_listing{margin-top:0;}


	
	
.inner-content-area.over-banner-top	.row.bg-background{    background: rgba(245, 245, 245,.90);
    border-radius: 10px;}
	

.donation-summary-item .detail-items1{    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #ddd;}
.donation-summary-item .detail-items1 h3{    font-size: 16px !important;}
.donation-summary-item .detail-items1 .mar-top-1{padding-left:0;}
.donation-summary-item .detail-items1 .entry-details p{width:100%;}

.right-box .total-section{    padding: 15px;
      background:#4778d6;
    color: #fff;
    font-weight: 600;}
	
	.check-mark-thanks{    font-size: 70px;
    line-height: 1;
    color: green;}
	
	
	.new-checkbox{    position: absolute;
    left: 20px;
    top: 16px;
    visibility: hidden;
    opacity: 0;}
	.new-checkbox + label {
    font-weight: 600;
    margin: 0;
    position: relative;
    line-height: 1;
    cursor: pointer;
    vertical-align: top;
    margin-top: 8px;
    max-width: 170px;
    font-size: 14px;margin-bottom: 10px;}
	
	.new-checkbox + label::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    background-color: transparent;
    border-radius: 4px;
    border: 2px solid #4778d6;
    margin-top: -4px;
}
.new-checkbox + label::after {
    content: "\2713";
    color: #4778d6;
    font-size: 28px;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    padding: 2px;
    top: -12px;
    left: 2px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    position: absolute;
 
}

.new-checkbox:checked + label::after {
    content: "\2713";
    color: #4778d6;
    font-size: 28px;
    text-align: center;
    padding: 2px;
    top: -12px;
    left: 2px;
    opacity: 1;
    visibility: visible;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    position: absolute;

}




.new-radio{    position: absolute;
    left: 20px;
    top: 16px;
    visibility: hidden;
    opacity: 0;}

.new-radio + label {
    font-weight: 600;
    margin: 0;
    position: relative;
    line-height: 1;
    cursor: pointer;
    vertical-align: top;
    margin-top: 8px;
    max-width: 170px;
    font-size: 14px;margin-bottom: 10px;}
	
	.new-radio + label::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #4778d6;
    margin-top: -4px;
}
.new-radio + label::after {
   content: "";
color: #4778d6;
font-size: 28px;
text-align: center;
padding: 2px;
top: 2px;
left: 6px;
opacity:0;
visibility: visible;
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
position: absolute;
width: 10px;
height: 10px;
background: #4778d6;
border-radius: 50%;
 
}

.new-radio:checked + label::after {opacity: 1;}



.actionable-item{margin:20px 0;}
	.actionable-item a.tc-a-icon{    padding: 30px;
   border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    width: 140px; margin-bottom: 15px;
     position:relative;background:#fff;}
	
	.tc-a-icon{    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;}
	.tc-a-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
	.tc-a-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #0b45bb;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}
.tc-a-icon:hover {
        box-shadow: 0 0 0 5px #0b45bb;
		background:#f1f1f1 !important;
    
}
.tc-a-icon:hover:after {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
       opacity: 1;
    box-shadow: 0 0 0 3px #0b45bb;
}




.actionable-item a.tc-a-link{    display: block;
    margin-top: 5px;
    font-weight: 700;
    font-size: 18px;
	color:#000;
}
.actionable-item a.tc-sub-link{font-size:14px; display:block;}


.actionable-item a.tc-a-link:hover{color:#0b45bb;}


.mas-snapshot {
        background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);
    border: 3px solid #bbb;
    border-radius: 20px;
    margin-bottom: 2em;
    overflow: hidden;
}
.mas-snap-title {
    padding: 5px 20px;
}
.snaptitle {
    font-size: 24px;
    font-weight: 600;
    display: inline-block;
    color: #fff;
}
.more-snap {
    float: right;
    margin-top: 5px;
}
.more-snap a{color:#000;}
.more-snap a:hover{color:#6f1f44;}
.mas-snap-body {
    padding: 5px 20px;
    border-top-left-radius: 15px;
    background: #fff;
    border-top-right-radius: 15px;
}
.mas-snap-body ul {
    padding-left: 0 !important;
    margin: 0;list-style:none;
}
.mas-snap-body ul li {
    font-weight: 600;
    color: #606062;
    margin: 8px 0;    font-size: 16px;
}
.mas-snap-body ul li span {
    color: #003c6f;
    font-size: 18px;
}
.mas-snap-body ul li span a {
    color: #003c6f;
}
.mas-snap-body ul li span a:hover {
    color: #000;
}

.mar-bottom2 {
    margin-bottom: 2em;
}

.org-box a{
    display: table-cell;
    vertical-align: middle;
}

.manager-login-header {
    text-align: center;
    background: transparent !important;
}


ul.top-menu{    margin: 0;
    padding: 0;
    margin-top: 15px;}
ul.top-menu>li {
       position: relative;
    display: inline-block;
	    padding: 8px 0;
}
.dashboard-page .logopart img {
    padding: 10px 0;
	}
ul.top-menu > li > a.user-icon-menu {
    color: #666666;
    font-size: 16px;
    background: #f6f6f6;
    padding: 4px 8px;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
	    position: relative;
    display: block;
    padding: 10px 15px;
    padding-right: 8px !important;
}
.top-nav ul.top-menu>li>a.user-icon-menu {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 0px;
    background: none;
    margin-right: 0;
    border: 1px solid #F6F6F6;
    background: #F6F6F6;
}
.top-nav>li>a.user-icon-menu>img {
    max-width: none;
}
.top-nav img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 28px;
}
.top-nav .username {
    font-size: 13px;
    color: #555555;
}
.top-nav .nav .caret {
    border-bottom-color: #A4AABA;
    border-top-color: #A4AABA;
}
.top-nav ul.top-menu>li .dropdown-menu.logout {
    width: 190px !important;
}



.top-nav .dropdown-menu.extended.logout {
    top: 50px;
}

.top-nav li.dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto;
}

.dropdown-menu.extended.logout {
    padding: 0px;
}
.dropdown-menu.extended.logout li a{    padding: 8px 20px;}

.dropdown-menu.extended {
    max-width: 320px !important;
    min-width: 160px !important;
    top: 42px;
    width: 300px !important;
    padding: 0 10px;
    box-shadow: 0 0px 5px rgba(0,0,0,0.1) !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    border: none;
    left: -10px;
}
.top-menu .dropdown-menu:before {

	
	   bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	
   border-color: rgba(238,238,238,0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.dropdown-menu.extended.logout>li>a>i {
    padding-right: 10px;
}

.dropdown-menu.extended.logout>li>a i {
    font-size: 17px;
}


.ham-icon {
    height: 32px;
    margin-left: 15px;
    position: relative;
    float: right;
    width: 32px;
    z-index: 999;
}


.ham-icon:hover { outline: none; }

.ham-icon:focus { outline: none; }

.ham-icon:active { outline: none; }

.dropdown .ham-icon:before {
  -webkit-transform: translate3d(0, 0, 0);

  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.dropdown .ham-icon:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);

  display: block;
  opacity: 1;
}



.dropdown .ham-icon .hamb-top {

  background-color: #000;
  top: 3px;
}

.dropdown .ham-icon .hamb-middle {
  background-color: #000;
  margin-top: -2px;
  top: 50%;
}

.dropdown .ham-icon .hamb-bottom {

  background-color: #000;
  bottom: 3px;
}

.dropdown .ham-icon .hamb-top, .dropdown .ham-icon .hamb-middle, .dropdown .ham-icon .hamb-bottom, .dropdown.open .ham-icon .hamb-top, .dropdown.open .ham-icon .hamb-middle, .dropdown.open .ham-icon .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.dropdown.open .ham-icon .hamb-top {
  -webkit-transform: rotate(45deg);

  background-color: #000;
  margin-top: -2px;
  top: 50%;
}

.dropdown.open .ham-icon .hamb-middle {
  background-color: #000;
  display: none;
}

.dropdown.open .ham-icon .hamb-bottom {
  -webkit-transform: rotate(-45deg);

  background-color: #000;
  margin-top: -2px;
  top: 50%;
}

.dropdown.open .ham-icon:before {
  -webkit-transform: translate3d(0, 0, 0);

  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.dropdown.open .ham-icon:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);

  display: block;
  opacity: 1;
}

.top-nav ul.top-menu>li {
    vertical-align: middle;
}

.menu-item.logout-link a{    color: #000;}

.menu-item a {
    font-weight: 700;
    color: #000;
    padding: 4px 5px;
    margin: 0 5px;
    position: relative;
    font-size: 14px;
}
.menu-item a:hover{color: #0b45bb;}
ul.top-menu > li:nth-last-child(2) a:after{content:none;}
.menu-item a:after {
    content: "|";
    content: "|";
    position: absolute;
    right: -10px;
    top: 3px;
}


.welcome-bar {
    padding: 10px 0;background:#fff;

}
.welcome-bar h2 {
    display: inline-block;
    font-size: 24px !important;
}
.welcome-bar .login-status {
    float: right;
    margin-top: 15px;
}

.border-gredient{    background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);height:2px;}
	
	.view-tax-receipt{    text-align: right;
    margin-bottom: 10px;
    font-weight: 600;}
	

	.invoice-box{
	color:#000;
		max-width:850px;
		    border: 1px solid #eee;
    background: #fff;
		margin:auto;
		padding:30px;
		border:1px solid #eee;
		box-shadow:0 0 10px rgba(0, 0, 0, .15);
		font-size:14px;
		line-height:24px;
	
		
	}
	
	.invoice-box table{
		width:100%;
		line-height:inherit;
		text-align:left;
	}
	
	.invoice-box table td{
		padding:5px;
		vertical-align:top;
	}
	
	.invoice-box table tr td:nth-child(2){
		text-align:right;
	}
	
	.invoice-box table tr.top table td{
		padding-bottom:20px;
	}
	
	.invoice-box table tr.top table td.title{
		font-size:45px;
		line-height:45px;
		color:#333;
	}
	
	.invoice-box table tr.information table td{
		padding-bottom:40px;
	}
	
	.invoice-box table tr.heading td{
		background:#0b45bb;
		color:#fff;padding:8px 12px;
		font-weight:bold;
	}
	
	.invoice-box table tr.details td{
		padding-bottom:20px;
	}
	
	.invoice-box table tr.item td{
		border-bottom:1px solid #eee;
	}
	
	.invoice-box table tr.item.last td{
		border-bottom:none;
	}
	
	.invoice-box table tr.total td{
		font-size: 20px;
    color: #0b45bb;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	
	@media only screen and (max-width: 600px) {
		.invoice-box table tr.top table td{
			width:100%;
			display:block;
			text-align:center;
		}
		
		.invoice-box table tr.information table td{
			width:100%;
			display:block;
			text-align:center;
		}
	}

@media(min-width: 991px){	
.modal-large .modal-dialog {width: 900px;}
.donate-btn{width:230px;}
}
@media(min-width: 992px){	
.pay-now-details .donate-btn{width:230px;}
}
.invoice-box table tr td {
    vertical-align: middle;
}
.invoice-text {
    font-size: 18px;
}


.price-range-block {
    margin:60px;
}

.sliderText{
    width:40%;
    margin-bottom:30px;
    border-bottom: 2px solid red;
    padding: 10px 0 10px 0px;
    font-weight:bold;
}

.ui-slider-horizontal {
    height: .6em;
}
.ui-slider-horizontal {

    margin-bottom: 15px;
    width:100%;
}
.ui-widget-header {
    background: #3FE331;
}

.price-range-search {
    width:40.5%; 
    background-color: #f9f9f9; 
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom:20px;
    font-size:16px;
}
.price-range-field{
    
}
.search-results-block{
    position: relative;
    display: block;
    clear: both;
}


.directory-filter-section .ui-widget-content .ui-state-default {    background: #0b45bb;}
.directory-filter-section .ui-widget-content .ui-state-default.ui-state-hover{background:#4778d6;}
.directory-filter-section .ui-widget-content .ui-state-default.ui-state-focus{background:#4778d6;}
.directory-filter-section .ui-widget-content .ui-state-default.ui-state-active {    background: #0b45bb;    border: 0;}

.modal-header .modal--quick-title{ padding: 15px 15px;color: #fff;background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);margin: 0;margin-bottom: 15px;}

.product_view .modal-header .close{font-size: 26px;}

.product_content .prod-title{ margin:0;   margin-bottom: 10px;
    font-size: 26px;
    font-weight: 600;}
	

.prod-by-merchant{margin-bottom:10px;}
.product_content{font-size:14px;}
.product_content ul{list-style:disc}
.product_content ul li{margin-bottom:10px;}


#login_popup .modal-header, #rating_popup .modal-header, #message_popup .modal-header, #signup_success_popup .modal-header{background-image: linear-gradient(to right, #0b45bb, #8f2874, #87449a, #715fbb, #4778d6);}
	
#login_popup .modal-header h2, #rating_popup .modal-header h2, #message_popup .modal-header h2, #signup_success_popup .modal-header h2{padding: 0 10px;color: #fff;display: block;text-align: center;    font-size: 30px;
    line-height: 1.25;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 700;}
	
#login_popup .modal-header .close, #rating_popup .modal-header .close, #message_popup .modal-header .close, #signup_success_popupss .modal-header .close, #signup_success_popup .close{position: absolute;top: 0;right: 0;opacity:1;color:#fff;}	
	
#login_popup .login-forget-link{background:transparent;}

#add_err, #rate_err{color: rgb(169, 68, 66);
    width: 100%;
    position: relative;
    left: 0px;
    right: 0px;
    font-size: 12px;
    text-align: left;
    background: rgba(0, 0, 0, 0.1);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    border-image: initial;
    border-radius: 2px;
    padding: 3px 8px;
    margin: 1px auto;margin-bottom:5px;}
	

.popup-loader{    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,.85);
    z-index: 9;
    height: 100%;}
	
.popup-loader img{    max-width: 100px;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}	
	
h3.cost{margin:10px 0 !important}

.popup-image-view {
    position: relative;
}
.popup-image-view .fa-search{position: absolute;
    z-index: 1;
    right: 4px;
    padding: 6px;
    background: rgba(255,255,255,.8);
    bottom: 4px;}

.prod-by-merchant{font-size:14px;}	


.gift-send-field-item{margin-bottom:15px;padding-bottom:5px;}
.gift-send-field-item label{font-size:14px;}
.large-btn {display:block}
.large-btn .view-btn-item{font-size:18px; padding: 10px 35px; float: none; display: inline-block;    border: 0;}

.pull-left.paypal-icon img {
    max-height: 38px;
    margin-top: 8px;
}
.product-info.payment-title {
    display: inline-block;
    width: 100%;
}
.product-info.payment-title.visa-mc-card-item {
    float: right;
    width: auto;
    margin: 0;
}
.visa-mc-card-item .card-icon img {
    height: 50px;
}

.btn-ground.page-action-btn .view-btn-item{float:none;border:0;}
.btn-ground.page-action-btn{padding-bottom:20px;}

.prod-by-expire{font-size:14px; }



.ResLeftCol{    padding: 0 15px;
    width: 60%;
    float: left;}

.ResRightCol{   padding: 0 15px;
    width: 40%;
    float: left;}	
	
	.Pdng3 {
    padding: 0 8px 30px;
}
.Bg1 {
    background: #F4F4F4;
}
.Br1 {
    border: 1px solid #DDD;
}
.ResImgDiv {
    border-width: 0 0 1px!important;
}

.ResRightCol .HotelName {
    font-size: 21px;
    font-weight: 600;
    color: #0065a0;
    margin-bottom: 5px;
}

.voucher-code-section {    display: inline-block;
    width: 100%;
    max-width: 350px;
    border: 2px dashed #4778d6;
    margin: 20px 0;}
	
.gift-code-text{    font-size: 18px;
    background: #4778d6;
    color: #fff;
	font-weight:600;
    text-align: center;
    padding: 10px;}

.gift-code{     padding: 15px 10px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #0b45bb;}
	
.gift-expire{    background: #4778d6;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;}
	
	.sear-cat-title1{    padding: 10px;
    border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;
    font-weight: 600;}
	
.btn-ground .view-btn-item-login {
    float: left;
    padding: 10px 20px;
        padding-left: 20px;
    padding-left: 15px;
    background: #0b45bb;
    color: #fff;
    border-radius: 30px;
    font-weight: 600;
}

.btn-ground .view-btn-item-login:hover{    background: #4778d6;}

.redeem-input .form-control {
    padding: 12px 30px;
    
    font-size: 18px;
    text-align: center;
        color: #0b45bb;
    font-weight: 600;
}
.redeem-input{max-width: 320px;margin: 30px auto;}


.detail-items.detail-items-collapse {-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; border:0;padding: 0 15px;margin-bottom:5px;
}
.detail-items.detail-items-collapse .mar-top-1{padding-left: 0px;margin-bottom:0;margin-top:0px;}
.detail-items.detail-items-collapse .mar-top-1 ul{margin-bottom:0;}
.title-link-section{margin-bottom:5px;}
.title-link-section a{text-decoration:underline; font-size:14px;}


.title-link-section a[aria-expanded="true"]{color:#0b45bb}
.title-link-section a[aria-expanded="true"] i:before{
      content: "\f106";
}


.content-details{padding:5px 0 10px; border-bottom:1px solid #ddd;margin-bottom:5px;}

.img-with-name{float: left;
    clear: both;
    width: 100%;}
	
.img-with-name img{    max-width: 180px;
    float: left;    margin-right: 20px;}

.voucher-code-section-redeemable{padding:5px;}
.voucher-code-section-redeemable .gift-code-text{background:transparent; color:#000; border-bottom: 1px solid #e0e0e0;}

.voucher-code-section-redeemable .gift-expire{background:transparent; color:#000; border-top: 1px solid #e0e0e0;}

.confirm-info-section .ResRightCol{width:35%;}
.confirm-info-section .ResLeftCol{width:100%;}

.guest-title-info.in-success {

    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    cursor: default;

}
.guest-title-info {
font-size:16px;
    margin: 10px 0;
        margin-top: 10px;
 color: #000;
    margin-top: 20px;
    cursor: pointer;
    border-bottom: 1px solid #65B2A9;
    padding-bottom: 5px;

}



.customer-name{color: #0b45bb !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;}
	
.confirm-info-section{text-align:center}
.confirm-info-section .order-info-section{ display: inline-block;
    max-width: 100%;
    text-align: left;background:#fff;}
	
.confirm-info-section .Bg1.Br1{    margin-top: 20px;
    margin-bottom: 20px;
    min-width: 320px;}
	
.view-btn-item.blue-btn{background:#4778d6}

.view-btn-item.blue-btn:hover{background:#0b45bb}

.text-confirm{color: #0b45bb !important; font-size:18px; display:inline-block; width:100%; padding:5px 15px; text-align:center}

.section-for-buying-option{display:inline-block;width:33.33%;    vertical-align: top;}
.buying-option-section .form-group{margin-bottom:10px;}

.buying-option-section {margin-top: 5px;padding-top: 5px;}
.item-name-for-buying-option {margin-bottom:20px;}

.item-quentity-with-price{margin-bottom:15px;}
.form-control.qty-dropdown{display:inline; width:auto;margin-left: 5px;}

.merchants-banner-section{position:relative; }
.merchants-banner-section .banner-overlay{position:absolute; left:0; width:100%; height:100%; top:0; background:rgba(0,0,0,.5)}

.restaurantSummary-details {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;padding-bottom:30px;
}
.restaurantSummary-logoContainer{max-width:8%; float:left;}
.restaurant-logo-item{    background: #fff;border-radius: 10px; padding: 10px;}
.restaurantSummary-info{width:90%; float:left; padding-left:25px;}
#primary-content .restaurantSummary-info h1{color:#fff; font-size:24px;}

.cart-item .product-name{font-size:18px;}
.buy-option{font-size: 15px;}
.shopping-cart.table td, .shopping-cart.table th{vertical-align:top !important}



/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    width:500px;
    position: fixed;
    top: 0;
    right: -500px;
   /* height: 100vh;overflow-y: auto;*/
    z-index: 999;
    background: #fff;
    color: #000;
    transition: all 0.3s;
    
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar.active {
    right: 0;
}
#dismiss1 {
  
    line-height: 35px;
    text-align: center;
  
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss1:hover {
    background: #fff;
    color: #999;
}

.overlay1 {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;    top: 0;
}
.overlay1.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px 12px;
    background: #fff;border-bottom:1px solid #ddd
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

.woocommerce-mini-cart__empty-message.empty{padding: 15px;margin-top: 30px;text-align: center;font-size: 20px;font-weight: 600;}
.woocommerce-mini-cart__empty-message.empty .cart-icon{font-size: 80px;color: #ddd;}

.widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.cart-widget-side .widget_shopping_cart {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    flex-direction: column;
}
.cart-widget-side .widget_shopping_cart_content {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
}
.woodmart-scroll {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden;
    width: 100%;
    height: 100%;    
    padding-bottom: 0px;
}
.woodmart-scroll .woodmart-scroll-content {

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.cart-widget-side .widget_shopping_cart .woodmart-scroll-content {
   
    padding-right: 0;
    max-height: none;
}
.widget_shopping_cart .product_list_widget {
    margin-bottom: 0;
    text-align: left;    padding-left: 0;
}
.widget_shopping_cart .mini_cart_item {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}
.cart-widget-side .widget_shopping_cart .mini_cart_item {
    margin-bottom: 0;
    padding: 15px;
    transition: background-color .3s ease;    border-bottom: 1px solid #ddd;    padding-left: 35px;
}
.cart-widget-side .widget_shopping_cart .mini_cart_item:last-child{border-bottom:0}
.widget_shopping_cart .mini_cart_item a {
    margin-bottom: 0;
}
.widget_shopping_cart .remove {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 2;
    margin-bottom: 0;
    padding-right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: rgba(0,0,0,.8);
    text-align: center;
    font-size: 0;
    line-height: 20px;
}
.cart-widget-side .widget_shopping_cart .remove {
       bottom: 20px;
    top: inherit;
    right: 10px;
    font-size: 16px
}

.number-item{    position: absolute;
    left: 10px;
    top: 25px;}

.product_list_widget>li>a {
    display: block;
    margin-bottom: 8px;
}
.widget_shopping_cart .cart-item-image {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
    margin-right: 15px;    max-width:90px;
}
.widget_shopping_cart .cart-item-image img{max-width:100%;}
.widget_shopping_cart .mini_cart_item a {
    margin-bottom: 0;
}
.widget_shopping_cart .cart-info {
    flex: 1 1 auto;
    padding-right: 20px;
}
.product_list_widget>li .product-title {
  margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;}

.product_list_widget>li .product-sub-title{display:block}
.widget_shopping_cart .quantity {
     display: block;
    color: #000;
    font-size: 16px;
    vertical-align: top;
    white-space: nowrap;
    font-weight: 500;
    margin-top: 10px;
}

.cart-widget-side .shopping-cart-widget-footer {
    flex: 0 0 auto;
    padding-bottom: 15px;    position: relative;
      bottom: 0px;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ddd;    z-index: 9;
}

.cart-widget-side .widget_shopping_cart .shopping-cart-widget-footer {
    margin-top: 0;
}

.cart-widget-side .shopping-cart-widget-footer>p {
    padding-right: 15px;
    padding-left: 15px;
}
.widget_shopping_cart .shopping-cart-widget-footer>p {
    margin-bottom: 5px;    text-align: center;
}
.shopping-cart-widget-footert .total {
    margin-top: 0;
}

.shopping-cart-widget-footer .total strong {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}

.shopping-cart-widget-footer .total .amount {
    font-weight: 600;
    font-size: 18px;
}
.shopping-cart-widget-footer .total {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.button.checkout.wc-forward input {
    background: #333;
    padding: 14px 15px;
    display: block;
    width: 100%;
    color: #fff;
    border: 0;
    font-size: 16px;
    font-weight: 600;
}
.button.checkout.wc-forward input:hover {
    background: #000;
   
}
.button.checkout.wc-forward input:focus{border:0; outline:none}
.instruction a:hover{color:#000}
.instruction a{padding-bottom: 5px;
    display: inline-block;
    padding-top: 5px; color:#333}
.instruction a.active-inst i:before{    content: "\f106";}
	
.instruction .input-field textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px;
}
.instruction .input-field textarea:focus {

    border: 1px solid #999;

    outline: none;
}

#BookingEnterBookingForm label{font-weight:600}
.cart-head-block.view-header{padding:26px;}
.orderimg.with-icon-menu{    
    display: inline-block;
    vertical-align: middle;
    margin-left:0px;
    text-align: center;margin-left: 30px;
    padding-left: 30px; display:none
}
	
	.orderimg.with-icon-menu1{   
    display: inline-block;
    vertical-align: middle;
    margin-left:0px;
    text-align: center;
    margin-top: 0px;
    }
	
a#sidebarCollapse1 {
    display: block;
    font-weight: 600;
    font-size: 16px;    color: green;
}

#edit-submit-pata-directory{background:#666;     border: 2px solid #666;}
#edit-submit-pata-directory:hover{    background: transparent;
    color: #666;}
	span.caption-text {
    font-size: 13px;
}

.with-icon-menu1 a#sidebarCollapse1{ font-size: 26px; }
a#sidebarCollapse1:hover, a#sidebarCollapse:hover{color:#666}
.with-icon-menu1 a#sidebarCollapse1 span.shopping-cart-item,  .with-icon-menu1 a#sidebarCollapse1 span.shopping-cart-item1{font-size:16px;}

a#sidebarCollapse1:hover span, a#sidebarCollapse:hover span{color:#005a9b}
span.shopping-cart-item, span.shopping-cart-item1{    font-size: 12px;
    color: green;
    display: block;}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.filter_btn a {
    padding:5px 20px;
    background: transparent;
    color: #777;
    border-radius: 50px;
    font-size: 14px;
    margin-top: 8px;
    display: inline-block;    border: 2px solid #777;
}
.filter_btn a:hover{background:#bc0a29; color:#fff !important; border:2px solid #bc0a29;}

.cus_row:after{content:""; display:table; clear:both}

.load_more_btn_section{text-align:center; margin:30px; 0}
.load_more_btn_section a{padding:10px 30px; background:transparent; color:#666; border:2px solid #666; border-radius:30px; font-weight:600; display:inline-block}
.load_more_btn_section a:hover{background:#666; color:#fff}


/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.dot-flashing {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #666;
  color: #eee;
  -webkit-animation: dot-flashing 1s infinite linear alternate;
  animation: dot-flashing 1s infinite linear alternate;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;margin:20px auto
}

.dot-flashing::before, .dot-flashing::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
 left: -30px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  background-color: #666;
  color: #eee;
  -webkit-animation: dot-flashing 1s infinite alternate;
  animation: dot-flashing 1s infinite alternate;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.dot-flashing::after {
 left: 30px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  
  background-color: #666;
  color: #eee;
  -webkit-animation: dot-flashing 1s infinite alternate;
  animation: dot-flashing 1s infinite alternate;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes dot-flashing {
  0% {
    background-color: #666;
  }
  50%,
  100% {
    background-color: #eee;
  }
}

@keyframes dot-flashing {
  0% {
    background-color: #666;
  }
  50%,
  100% {
    background-color: #eee;
  }
}

.loader h5{    font-size: 16px;
    line-height: 1.15;
    margin-bottom: 4px;
    margin-top: 4px;
    font-weight: 700;
    color: #000;}
.logopart .emsc img {
    max-width: 180px;    padding: 5px 0;
}
.logopart .gbahe img {
    max-width: 120px;padding: 4px 0;
}
.logopart .gbbc img {
     max-width: 130px;
    padding: 5px;
}
.logopart .gbed img {
    max-width: 120px;padding: 5px 0;
}
.logopart .gbeo img {
    max-width: 120px;    padding: 5px 0;
}
.logopart .gbep img {
    max-width: 120px;    padding: 5px 0;
}
.logopart .gbme img {
    max-width: 120px;    padding: 5px 0;
}
.logopart .gbne img {
       max-width: 100px;
    padding: 5px 0;
}
.logopart .govguam img {
    max-width: 160px;
}

.logopart .csc img {
       max-width: 120px;
    padding: 4px 0;
}

.logopart .gswa img {
       max-width: 340px;
    padding: 4px 0;
}
.logopart .hplo img {
       max-width: 120px;
    padding: 4px 0;
}
.logopart .mcog img {
       max-width: 120px;
    padding: 4px 0;
}
.logopart .port img {
         max-width: 200px;
    padding: 10px 0;
}
.logopart .immun img {
       max-width: 120px;
    padding: 4px 0;
}
.logopart .sbdc img {
       max-width: 120px;
}
.logopart .sbdc .slogan {
       max-width: 50%;
}
.logopart .gbhwc img {
       max-width: 270px;
}
/*.logopart .grta img {
       max-width: 150px;
}*/
.logopart .ggrf img {
         max-width: 245px;
}
.logopart .gpa img {
       max-width: 120px;
    padding: 5px 0;
}
.logopart .pag img {max-width: 200px;
    padding: 5px 0;
}
.logopart .ghs img {
   max-width: 120px;
   padding: 10px 0;
}
.logopart .uog img {
   max-width: 200px;
   padding: 10px 0;
}
.logopart .gcc img {
   max-width: 150px;
   padding: 10px 0;
}
.logopart .opa img {
   max-width: 120px;
   padding: 10px 0;
}
.logopart .kumision img {
       max-width: 130px;
}
.logopart .kumision .slogan {
       max-width: 50%;
}
.menuicon .top-nav{display:inline-block; vertical-align:middle; margin-left:20px}

.page-title-small.only_channel_title_bar{background:#555 !important}

.channel_right_head .actions-header a{color:#000}
.channel_right_head .actions-header a:hover{color:#888}

.right_video_scroll .video_title a{color:#000}

span.label_video.only_channel_label {
  right: 5px;
    top: 40px;
    background: rgb(72 167 0 / 75%);
    color: #fff;
}


.dr-filter-btn{    
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ddd;
    padding-bottom: 10px;
    background: #fff;
    }
	
#directory-advance-search-form{height: 100vh;
    overflow-y: auto;
    padding-bottom: 50px;}	
span.upcoming_video {
    background: #e6990d!important;
}	

.video-filter.float-right.only_mobile{display:none;}

.only_mmb_show{display:none !important}

@media(max-width:991px){
.only-dess-show{display:none !important}
.only_mmb_show{display:block !important}
	.col-sm-8-1{width:100%;}
	.project-states-links li a{font-size:12px;}
	.project-states-links li{    width: 47%;
    text-align: center;}
	.project-states-links{text-align:center}
	.filter_btn a{margin-bottom:20px;}
	#sidebar{width:80%; max-width:500px;}
	.backtop{display:none !important}
	.menuicon.text-right.channel_right_head {
    position: relative; padding:0 15px;
}
.channel_left_head .logopart a{    display: flex;
    align-items: center;}
	.menuicon.text-right.channel_right_head{margin:0 !important}
	.channel_left_head .logopart{margin-right:0}
	
	.channel_right_head .actions-header{ margin-bottom:10px;}
	
	.channel_left_head .logopart img{padding:2px 0}
	
	.channel_right_head.menuicon .top-nav{float:right}
	.channel_right_head ul.top-menu{margin:0}
	.channel_right_head .gvtv_logo{float:left;    margin-top: 8px;}
	.channel_right_head .actions-header{text-align:center;    width: 100%;}
	.channel_right_head .menu_left_channel:after{content:""; display:table; clear:both}
	
	.menuicon.text-right.channel_right_head{position:static}
	.menu_left_channel{    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    padding: 0 15px;
    background: #f1f1f1;}
	
	.channel_left_head {
  
    padding-top: 50px;
    padding-bottom: 10px;

}
.channel_right_head{border-bottom: 1px solid #ddd;}
.big-video iframe{width:100%; }
.gift-item-img .big-video iframe {height: auto;}

.row.video_row .col-md-9, .row.video_row .col-md-7{padding-left:15px !important}
.right_video_scroll {
    border-top: 2px solid #999;
}

.right_section_heading.only-desktop .video-filter{display:none;}
.video-filter.float-right.only_mobile{display:block;}

.col-md-7.mobile-order-2{order:2; width:100%;}
.col-md-5.mobile-order-1{order:1;     margin-bottom: 20px; width:100%;}
.views-exposed-form .views-exposed-widget, div.views-widget-filter-field_date_posted_value{max-width:100% !important; padding-right:0}
.closesearch{    right: 20px;
    top: 10px;}
	.right_section_heading.only-desktop strong {
    font-size: 18px;
    margin-bottom: 10px !important;
    display: block;
}
.right_section_heading.only-desktop {
    margin-top: 30px;
}

.section-title.only_mmb_show{    
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
	
.section-title.only_mmb_show h2{font-size: 28px;}

.channel_left_head {
    float: none; width: 100%;
}
.channel_right_head{    width: 100%;
    float: none;}

.actions-header a{
    font-size: 12px;
    padding-top: 0;
}

.actions-header{margin-top:10px;}
.copyright_wrapper .content .list-unstyled li{border:0}
.page-title-small .actions-header a {
    padding-top: 0;
}

}


.right_video_scroll .col-md-5 .big-video iframe{    pointer-events: none;}

.big-video iframe {
        width: 100%;
   
}

.gift-item-img .big-video iframe {height: auto;}
.left_video_section .big-video iframe {
        width: 100%; padding: 5px;
    border: 1px solid #ddd !important;
}

.left_video_section .agency_logo_box{padding: 5px;
    border: 1px solid #ddd;}
	

.hide_play_icon{opacity:0; visibility:hidden}

.gift-item-img .btn-ground.on-hover-btn{    width: 100%;
    height: 100%;}
.gift-item-img .btn-ground.on-hover-btn .view-btn-item{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;    display: flex;
    align-items: center;
    justify-content: center;
}

.live_date_display{font-size: 20px;
    text-align: center;
    font-weight: bold;}
	
.myIframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; /*<<--- THIS IS THE KEY*/ 
}

.myIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}	

.filter_section ul{padding:0; margin:0}
.filter_section li{display:inline-block; margin:0 5px; }
.filter_section li a{display:block;padding:5px; color:#000; font-size:20px;}
.filter_section{padding-top: 0px;margin-top: 10px;text-align: right;}

span.more_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.li_for_jobs {padding:0;}
.li_for_jobs li{display:inline-block;}
.li_for_jobs li a {
    display: block;
    padding: 5px 0px;
    background: transparent;
    color: #000;
 
	margin-top: 2px;
    font-size: 14px;    margin-left: 8px; margin-right: 8px;
}
.li_for_jobs li.active a{border-bottom:2px solid #000;   color:#1f01ff;  border-color:#1f01ff !important}
.li_for_jobs li a:hover {
    color:#1f01ff;  border-color:#1f01ff !important
}



.project-meetings-links li{display: inline-block; margin-right: 5px;width: 100%;text-align: center;padding: 15px 0; /*max-width:180px;*/}
.project-meetings-links li a{display: block;padding: 10px 4px;font-weight: 600;border: 2px solid #eee;border-radius: 0;color: #040404;font-size: 16px;background:#eee}
.project-meetings-links li a:hover{background:#666; color:#fff;border: 2px solid #666;}
.project-meetings-links .open-project-item-btn.active-btn a{border: 2px solid #000000;color: #fff;background: #000000;}
.project-meetings-links {margin-top: 0px;margin-bottom: 15px;border-bottom: 1px solid #ddd; padding-left:0 !important;display: block;justify-content: space-between;}
.project-meetings-links li:last-child{margin-right:0}

.switch_buttons {margin-top: 10px;margin-bottom: 40px;}
.switch_buttons ul {padding-left: 0 !important;list-style: none !important;}
.switch_buttons ul li {display: inline-block;}
.switch_buttons ul li a {font-size: 12px;margin-right: 5px;padding-right: 10px;display: inline-block;border-radius: 0;background: #888;color: #fff;border-radius: 5px;overflow: hidden;}
.switch_buttons ul li a .fa {margin-right: 5px;padding: 12px 10px;background: rgba(0,0,0,.2);font-size: 16px;}
.switch_buttons ul li a:hover {background: #545454;}

.switch_buttons ul li a .fa {margin-right: 5px;padding: 12px 10px;background: rgba(0,0,0,.2);font-size: 16px;}
.switch_buttons{display:inline-block}
.quicklinks-section {margin-bottom: 15px;padding-bottom: 15px; float:right}
.quicklinks-section {text-align: center;}
.quicklinks-section ul {padding-left: 0;margin-top:10px;}
.quicklinks-section ul li {display: inline-block;padding: 0 10px;border-right: 1px solid #000;line-height: 1;margin-left: -4px;}
.quicklinks-section ul li:last-child{border:0;padding-right: 0;}
.quicklinks-section ul li a{color:#000}
.quicklinks-section ul li a:hover{color: #0b45bb;}

.table_details .item {display: flex;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ddd;font-size: 14px;}
.name-sep-colon {margin: 0 5px;}

.panel-title a[aria-expanded="true"]:before {
    content: "\f106";
}
.panel-heading a:before {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    font-size: 30px;
    transition: all 0.5s;
    position: absolute;
    right: 10px;
    top: 3px;
}

.event-organizations .main_section .dataTables_paginate.paging_simple_numbers .paginate_button{padding: 5px 12px !important;border: 1px solid #ddd!important;}
.event-organizations .main_section .dataTables_paginate.paging_simple_numbers .paginate_button.current{background: #000!important;padding: 5px 12px!important;color: #fff !important;border: 1px solid #000!important;color:#fff!important}
.event-organizations .main_section .dataTables_paginate.paging_simple_numbers .paginate_button:hover{background:#333!important; border-color:#333!important; color:#fff !important}

.name-entity{white-space: normal;}

.title_page_center{display: block;text-align: center;font-size: 32px;font-weight: 700;line-height: 1.2;margin-top:15px;}


@media all and (max-width: 991px) { 
    .filter_section, .quicklinks-section {text-align: left;}
    .filter_section li {display: block;}
    .switch_buttons {display: block;}
    .switch_buttons ul li { margin-bottom: 10px;}
    .quicklinks-section ul li {display: block;border-right: 0px; margin-bottom: 10px;line-height: normal;}
    .quicklinks-section {float: none;}
    .btn-group > .btn, .btn-group-vertical > .btn {float: none;margin-bottom: 14px !important;}
    .mobilepagehead .form-inline {float: none !important;display: block;text-align: left;margin: 0 auto;width: 100%;}
    .btn-group, .btn-group-vertical {display: block;}
    .btn-group > .btn:first-child {margin-left: 0;display: inline-block;padding: 9px 5px;font-size: 12px;}
    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {margin: 0 auto;}
    .mobilepagehead h3 {text-align: left;}
    .dataTables_wrapper .dataTables_filter {margin-top: 10px;margin-bottom: 10px;}
    
    .project-meetings-links li {margin-right: 0;}
	.table_details .item{display:block}
	.name-sep-colon{display:none}
}
.project-meetings-links .slick-arrow{height:auto; margin-top:0}
.slick-disabled{display:none !Important}
.project-meetings-links .slick-arrow:before{content:none !Important}
.project-meetings-links .slick-arrow i.fa{font-size: 48px;color: #000;}
.project-meetings-links .sr-only-clip{display:none}

.meeting_name a{color:#000}
.meeting_name a:hover{color:#666}
.action_btns > a{padding:5px 10px; margin:2px 1px; background:#666; color:#fff !important; display:inline-block; font-size:14px; border-radius:3px;    width: 100%;
    text-align: center; }
.action_btns > a:hover{background:#0b45bb}
table#example td {
    vertical-align: top;
}
th.action_btns {
    white-space: normal !important;
    width: auto;
}
td.action_btns {
    white-space: normal !important;
}
table.table_for_data thead th, table.table_for_data td {
    font-size: 16px !important;
}
table.table_for_data a{color:#000}
.project-meetings-links .open-project-item-btn.active-btn a{position:relative}
.project-meetings-links .open-project-item-btn.active-btn a:after {
    position: absolute;
    content: '\f0dd';
    font: normal normal normal 14px/1 FontAwesome;
	bottom: -13px;
    left: 0;
    color:#000000;
    font-size: 30px;
    text-align: center;
    width: 100%;
}

.color_gray1 {background:#444 !important}
.color_gray2 {background:#726e6e !important}
.color_gray3 {background:#8f8d8d !important}
.color_gray4 {background:#9d9d9d !important}
.color_gray5 {background:#afafaf !important}

.color_gray1:hover{background:#000 !important}
.color_gray2:hover{background:#000 !important}
.color_gray3:hover{background:#000 !important}
.color_gray4:hover{background:#000 !important}
.color_gray5:hover{background:#000 !important}



.active_switch_btn{position:relative}
.active_switch_btn a{background:#333 !important; position:relative}
.active_switch_btn:before{    position: absolute;
    content: '\f0dd';
    font: normal normal normal 14px/1 FontAwesome;
    bottom: -5px;
    left: 0;
    color: #333333;
    font-size: 30px;
    text-align: center;
    width: 100%;}

.channel_url a:after{content:" |";}
.channel_url a:last-child:after{content:"";}

.meeting_title{font-weight: 800;font-size: 40px;padding: 15px;top: 0px;margin-left: 10px;position: relative;color: #bc0a29;line-height: 1; display:inline-block}
.meeting_title:before{content: "";border: 2px solid #bdbdbd;position: absolute;left: -12px;height: 45px;top: 13px;}

.meeting_title_blue{font-weight: 800;font-size: 40px;padding: 15px;top: 0px;margin-left: 10px;position: relative;color: #0b45bb;line-height: 1; display:inline-block; padding-left:0; margin-left:0}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal !important;
}

@media(max-width:991px){
	.meeting_title{font-size: 20px;}
.meeting_title:before{content: "";height: 25px;}

.meeting_title_blue{font-size: 20px;}
}

.organization_list{max-width: 600px;margin: 0px auto;padding-bottom: 30px;}
.organization_list .form-text{font-size: 20px;margin-bottom: 30px;}

@media(min-width:991px){
#cssmenu .menulist{margin-top:15px;}
.logopart .default_logo{margin-top:25px !important;}

#cssmenu{display:inline-block;vertical-align:middle}
.accessibility_item{display:inline-block;vertical-align:middle;    margin-top: 14px;}
.accessibility_item ul{margin:0}

}

.header_top_bg {
    position: relative;
    z-index: 20;
    background: #ddd;
}
.content-panel-area {
    position: static;
    color: #fff;
}
.content-box {
    padding: 20px;
}
#accessibility ul {
    padding: 0px !important;
}
#accessibility ul li {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    list-style: none;
    padding: 0px;
}
#accessibility ul li a {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #000;
}
#accessibility ul li a:hover {
    color: #666;
}
#accessibility ul li.close-content-box {
    width: 2%;
}
.close-content-box {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    padding: 5px;
}
.sr-only-clip {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0 !important;
    border: 0! important;
    white-space: nowrap !important;
    clip: rect(1px 1px 1px 1px) !important;
    clip: rect(1px,1px,1px,1px) !important;
    clip-path: inset(50%) !important;
}


.dropdown-toggle.board_btn {
    padding: 12px 15px;
    border: 1px solid #999;
    font-weight: 600;
    background: #fff;
    border-radius: 5px;
}

.dropdown-toggle.board_btn{cursor:pointer}
.dropdown-toggle.board_btn i.fa{
	font-size: 26px;
    line-height: 0;
    float: right;
    padding: 10px 0;}
	
.dropdown.open .dropdown-toggle.board_btn i.fa:before{content:"\f106"}
.organization_list .dropdown-menu{width:100%; padding:0}
.organization_list .dropdown-menu a{display:block; padding:10px; color:#000; border-bottom:1px solid #ddd}
.organization_list .dropdown-menu a:hover{background:#f1f1f1}

.banner_meeting{max-width:85%; padding: 15px; margin:20px auto; position:relative}
.banner_item:before{background:#000; content:""; display:block; position:absolute; left:0; top:0; height:100%; width:100%; opacity:.5}
.banner_item{overflow: hidden;
    border-radius: 20px;
    border: 1px solid #ddd;position:relative}
	.banner_overlay_caption h1{font-size: 52px !important; color:#fff !important}
	.banner_overlay_caption h4{font-size: 28px !important; color:#fff !important; padding-top:15px;}
	.banner_overlay_caption{    position: absolute;
    top: 50%;
    left:60px;
    transform: translate(0, -50%);}
	
	.em-service.service-style-two {
    padding: 28px 15px 28px;
    text-align: center;
    position: relative;
    background: #fff;
    border-radius: 7px;
    transition: 0.5s;
    box-shadow: 2px 10px 50px rgb(158 158 158 / 25%);
    margin-bottom: 30px;
    z-index: 999;
    cursor: pointer;
}
.kc-elm {
    float: left;
    width: 100%;
}
.em-service.service-style-two:hover {
    background: #e3e3e3;
    transform: translateY(-8px);
}

.em-service-icon {
    color: #333;
    font-size: 35px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.em-service .em-service-icon i {
    margin-bottom: 20px;
    display: inline-block;
    color: #0c5adb;
    text-align: center;
}
.em-service.service-style-two .em-service-icon i {
    font-size: 48px;
    display: inline-block;
    color: #0b45bb;
    transition: 0.5s;
    line-height: 1;
}
.em-service-title h2 {
    font-size: 22px !important;
}
.kc_boxes_section{    margin-top: 4em;
    margin-bottom: 4em;}
.logopart .pmpc img {
    max-width: 120px;
    padding: 10px 0;
}

.text{
    text-align: right;
}

@media(max-width: 991px){

    .banner_meeting 
    {
    position: relative;
    max-width: 100%;
    padding: 0px;
    margin: 0;
    }

.banner_item {
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 0px;
    position: relative;
        
}
.banner_item img{

    object-fit: cover;
    height: 300px;

}

.banner_overlay_caption {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0, -50%);
}

.banner_overlay_caption h1{
    font-size: 30px!important;
}
.banner_overlay_caption h4 {

    font-size: 20px!important;
}

.banner_below_section{
    padding-top: 35px;
}
}


.table_for_data thead{    background: #666;
    color: #fff;}
	.meeting_name{min-width:150px;}
	.contact_info-list li{display:flex; margin-bottom:5px;}
	.contact_info-list li i.fa{margin-right: 4px;margin-top: 4px;}
.table_for_data th, .table_for_data td{    padding: 10px 10px;    border-top: 1px solid #ddd;
}
table.table_for_data{
    border: 1px solid #cfcfcf;
}

table.table_for_data tbody tr:nth-child(odd){
background-color: #f9f9f9;
}
.policy_number a{color:#000; text-decoration:underline}
.policy_number a:hover{color:#666; text-decoration:underline}
.table-responsive-text {
    font-size: 11px;
    text-align: center;
    padding: 10px;
    display: none;
}
.pager-right .pagination.page_ul{margin:0;}

@media(max-width:991px){
	.project-meetings-links li{max-width:100%;}
	.ggjobs_text_logo{font-size: 28px !important;}
	.logopart{display: block;margin-right: 0;text-align: center;}
	.sort_by{width:100%; text-align:center}
	
	.li_for_jobs {text-align: center;}
	.table-responsive-text{display:block}
	.action_btns > a{min-width:160px;font-size: 12px;}
	.pager-innner .flex-align-middle{    align-items: center;
    justify-content: center;}
	.pager-right .pagination.page_ul{margin-top:15px;}
	
}


.ggjobs_text_logo {
    font-size: 36px;
    font-weight: 700;
    color: #1f01ff;
    padding: 10px 0;
    display: inline-block;
}
.ggjobs_text_logo em{font-style:normal; color:#000}

#header{border-bottom:2px solid #1f01ff}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #000;
    border-color: #000;
}

.modal-body .event-organizations {
    background: #f5f5f5;
    padding: 0px;
}

#primary-content h5 {font-size: 14px;}
.col-md-6.show_page {
    font-size: 16px;
}
.row-section{display: flex;
    justify-content: space-between;
    align-items: center;}
@media(max-width: 991px){
    td.date-details {
    min-width: 140px;
}
.row-section{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.order-pagination{order: 1;
    margin-bottom: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;}
.order2{order: 2}
.order-pagination .li_for_jobs{margin-bottom: 20px;}
.pagination-border{border-bottom: 1px solid #ddd; margin-left: -10px;
    margin-right: -10px;}
.pager-innner .flex-align-middle {
    align-items: center;
    justify-content: center;
    text-align: center;
    display: block;
}
}

.org_name{font-size:13px;}
.org_logo img{ height:60px;margin-bottom: 10px; object-fit: contain;}
.org_button{padding: 5px 10px;margin: 2px 1px;background: #666;color: #fff !important;display: inline-block;    font-size: 11px;border-radius: 3px;text-align: center;}
.table_for_data .org_button:hover{background: #000 ;}
td.meeting_name {
    padding-right: 40px;
    width: 450px;
}
.space-between-column{width: 250px;}

.space-between-column1{width: 200px;}




@media(max-width: 991px){

 /*.dr-filter-btn{bottom: 60px;}*/
 .dr-filters.directory-advanced-search-content {
    padding: 10px;
    padding-bottom:30px;
}
.dr-filters li label {
    font-size: 13px;
    
    margin: 5px 0;
}
#directory-advance-search-form{padding-bottom: 0px;}

.channel_right_head .hide_on_mobile_only {
    display: unset;
}
body.sidebar_active_body{overflow:hidden;}

@supports (-webkit-touch-callout: none){
.dr-filters.directory-advanced-search-content{
overflow-y: scroll;padding-bottom: 0px;}

}
#sidebar{height: 100%;}
#directory-advance-search-form {
    height: unset;   
}

}

.logopart .chinfe img{
    width: 115px;
}

.logopart .GVB img{
    width: 150px;
}

.logopart .triplej img{width: 100px;}
.logopart .HSP img{width: 250px;}
.logopart .jpsuperstore img{width: 80px;}
.logopart .guamplaza img {
    width: 300px;
    max-width: 300px;
}
.logopart .lotte img{width: 100px;}
.logopart .slingstone img{width: 120px;}
.logopart .crave img{width: 120px;}

@media(max-width: 991px){
    span.slogan {font-size: 14px;}
	table.table_for_data thead th, table.table_for_data td {
		font-size: 12px !important;
	}
}


.page_container_custom {padding:15px;}
.jobs_accord1 .panel-default {
    margin-bottom: 15px;
    margin-top: 15px;
}
.panel-default .panel-title a {
    display: block;
    position: relative;
    padding: 10px;
    font-weight: 600;
    color: #000 !important;
    background: #ddd;
}
.panel-default > .panel-heading {
    padding: 0;
}
.panel-title{margin:0 !important}
.bids_file li::marker{display:none; content:none}
.event-organizations .section-title h3{font-size:32px !important;}

.right_side_links_top ul{padding:0;    text-align: right; margin-bottom:0}
.right_side_links_top li{display:inline-block;    vertical-align: middle; margin-left:15px;}
.dropdown-menu.extended.logout {
    padding: 0px;
    text-align: left;
    right: 0;
    left: auto;    max-width: 200px !important;
}
.dropdown-menu.extended.logout li{margin:0; width:100%;}
.dropdown-menu.extended.logout li a{    padding: 8px 10px;    white-space: normal;}

@media(min-width:991px){
	.actions-header{margin-top:15px;}
}

.logopart .gpls img, .logopart .decol img{max-width: 140px;padding: 5px 0;}
.logopart .grta img{max-width: 400px;width: 100%;}
.logopart .glsc-dlc img{width: 100%;max-width: 450px;padding: 8px 0;}
.logopart .alpha img{max-width: 300px;padding: 5px 0px;width: 100%;}
.logopart .slingstone img{width: 120px;    padding: 2px 0;}

.logopart .gswa img{max-width: 300px;padding: 5px 0px;width: 100%;}
.logopart .CNMI img{max-width: 300px;padding: 5px 0;width: auto;}
.logopart .gba img {max-width: 120px;padding: 2px 0;}
.logopart .chinfe img {width: 115px;padding: 2px 0;}
.logopart .pag img{    max-width: 300px !important;
    padding: 5px 0px !important;width: 100%;}



@media(max-width:991px){
.channel_left_head{padding-top: 60px;}
span.slogan{font-size:14px !important;}
.kumision.channel_left_head, 
.caha.channel_left_head, 
.grta.channel_left_head,
.ghura.channel_left_head,
.GBHWC.channel_left_head
{padding-top: 60px;}
}

.loader_for_selecing {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.dropdown-menu.extended a {
    font-size: 14px;
}

.panel-body {
    padding: 15px 10px;
}

.for_categories_show ul{padding-left:0}
.for_categories_show ul li{display:inline-block}

.for_categories_show ul li a {
    display: block;
    padding: 8px 20px;
    background: #fff;
    color: #000;
    border: 2px solid #000;
    margin-right: 10px; position:relative
}

.for_categories_show ul li.active a{
	background: #44ccd6;
    color: #fff;
    border: 2px solid #44ccd6;}
	
	.for_categories_show ul li.active a{background: #000 !important;
    color: #fff;
    border: 2px solid #000 !important;}
	.for_categories_show ul li.active a:after {
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -18px;
}

.for_categories_show ul li a:hover{background:#666; color:#fff; border-color:#666}

.for_categories_show ul li.active small{font-size: 12px;display: block;text-align: center;padding-bottom: 5px;}

.for_categories_show{    margin-bottom: 30px;}