@import "bootstrap.css";
@import "animate.css";
@import "font-awesome.css";

@import "primary_content.css";
@import "slick.css";
@import "slick-theme.css";
@import "magnific-popup.css";
@import "jquery.datetimepicker.css";


@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700');



/*font-family: 'Courgette', cursive;*/
/* - - - - - - - - - - - - - - - - - - - - -
TITLE    :   NAKCSS HTML 5 VERSION 3
- - - - - - - - - - - - - - - - - - - - - */



*{outline:0 !important;}

html{height:100%;}
body{height:100%; color: #000;}

#nakainer, #primary-content{min-height:100%;}
body {     font-family: 'Open Sans', sans-serif; font-size:16px;overflow-x: hidden;}

:focus {outline: 0;}
a{ color: #01619d;}
a:hover, a:focus { text-decoration:none;color:#000; 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; }


#header.page-inside-dash{background:#ddd;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c6e', endColorstr='#012246',GradientType=1 );
padding: 10px 0;border-bottom: 4px solid #01619d;}

/*#header.page-inside-dash .logopart img {
    max-width: 75px;
    padding: 0;    position: absolute;    top: -5px;
}*/

#header.page-inside-dash .logopart .logo-name{    margin-left: 90px;}


/* 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: #999;}
.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:top;
        margin-top: 1px;
    margin-bottom: 0;
}
.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:#be1238;}


.top-social-links a i{margin-left:4px;}

	
.sub-top-links a:hover{color:#01619d;}
.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:#be1238;}

.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: #fff;
    font-weight: 600;
    border-radius: 30px;
    font-size: 15px;
    background: linear-gradient(to right,#be1238 0%,#0a9d8d 50%,#be1238 100%);
 
}

.top-buttons a.text-new-sign{display:inline-block; vertical-align:middle;}


.sub-top-links li {margin: 0 5px;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: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%);}

/* Social Links*/

/*Head top bar*/


.logopart{width:auto; display:inline-block;}

.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; }
#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 #01619d;
    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: #01619d; -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: #04af49;
}
#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: #04af49; 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:#04af49; 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: #04af49;
}
@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:#01619d;}
#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: 0px;
}
#cssmenu #menu-button::after {
content: '';
position: absolute;
top: 15px;
right: 20px;
display: block;
width: 30px;
height: 4px;
background: #000;
}
#cssmenu #menu-button::before {
content: '';
position: absolute;
top: 25px;
right: 20px;
display: block;
width: 30px;
height: 14px;
border-top: 4px solid #000;
border-bottom: 4px solid #000;
}
#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: #01619d;}
#cssmenu > ul > li.has-sub:hover > .submenu-button::after, #cssmenu > ul > li.has-sub.active > .submenu-button::after{background: #01619d;}
#cssmenu ul ul li:hover > .submenu-button::before, #cssmenu ul ul li a:hover > .submenu-button::before{background: #01619d;}
#cssmenu ul ul li:hover > .submenu-button::after, #cssmenu ul ul li a:hover > .submenu-button::after{background: #01619d;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #01619d;}

#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:35px;}
.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: 320px;
    z-index: 1;
    position: relative;
}

#cssmenu .register-item a:after{    content: "";
    height: 2px;
    width: 40px;
    position: absolute;
    bottom: 14px;
    background: #04af49;
    right: 4px;}

#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;
    opacity: .3; 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;z-index:1}
.banner-o-btn{margin: 0 auto;padding:30px;position:relative;}



/* End Slider */

.search-bar {
    position: absolute;
    max-width:550px;
    bottom: 28%;margin: 0 15px;
    z-index: 100;margin:0 auto; left:0; right:0;-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*overflow:hidden*/
}
.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);border-radius: 10px;
}
.search-bar .cf {
    zoom: 1;display:table;
}
.search-bar label {
    font-size: 16px;
    color: #fff;
    padding-bottom: 2px;
    font-weight: 600;
}
.form-group.select1{display:table-cell;min-width:200px;   vertical-align: middle;    width: 100%; position:relative;}

.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: 48px;
    padding: 10px 12px;
    float: left;
    font: bold 15px 'open sans';
    border: 0;
   
   
    border-radius: 3px;
}
.search-bar .form-wrapper input[type=text]{    border: 1px solid #999; }
.search-bar .form-wrapper input[type=text]:focus{    border-color: #01619d;}
.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/48px 'open sans';
    color: #fff;
    text-transform: uppercase;
    background: #01619d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.search-bar .form-wrapper button:hover{background:#000;}
.search-bar .form-wrapper button:hover:before{border-color:transparent #be1238 transparent;}

/* Start Slider over Text */


.causes-sections{    border-top: 1px solid #fff;
    text-align: center;
    padding: 15px 0;
    min-height: 140px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;}
.causes-sections .slick-next, .causes-sections .slick-prev{    margin-top: -5px;}

.bannertextarea { position: absolute; top: 8%; 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:30px; 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:250px; background:rgba(220,220,220,.5); border:1px solid rgba(255,255,255,.8); display:inline-block; margin:20px; cursor: pointer; transition: all 0.3s;}
.over-banner-boxes .box-over:hover{background:rgba(220,220,220,.7); }
.over-banner-boxes .box-over-title{font-size:30px;margin-bottom:2px; margin-top:2px;}
.over-banner-boxes .box-over-text{font-size:14px; font-weight:600;}
.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; border:2px solid #fff; }

.over-banner-boxes .box-left .box-over-btn a{background:#0f8bd3;}
.over-banner-boxes .box-right .box-over-btn a{background:#09af4b;}

.over-banner-boxes .box-over-btn a:hover{    background: linear-gradient(to right,#0c77ac 0%,#098077 50%,#068f42 100%);}

.over-banner-boxes {
    margin-top: 1.5em;
    padding-top: 1.5em;
}
.over-banner-content {
   
    padding-top: .5em;
}



.banner-bottom-text{position: absolute;
    z-index:1;
    bottom: 0px;
    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: #fff;
    width: 200px;
    padding: 15px;
    text-align: center;
    border-radius: 8px;
    position: relative;
    border: 1px solid #000;
    font-weight: 700;
    font-size: 14px;

}
.snippet-right {
    position: absolute;
    bottom: 15%;
    right: 5%;
    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 {
     top: 100%;
    left: 34px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left: 0px solid transparent;
    border-right: 54px solid transparent;
    border-top: 42px solid #000;
    box-shadow: 0px 0px 0px 0px #000;

}
.snippet-right.snippet-item:after {
    top: 100%;
    left: 25px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left: 0px solid transparent;
    border-right: 45px solid transparent;
    border-top: 36px solid #fff;
}

.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: #000 !important;
}
.snippet-right-close {
    right: -10px;
}
.snippet-close i {
    margin-top: 3px;
}

.snippet-close:hover {
    border-color: #01619d;
    color: #01619d !important;
}

.snippet-left, .snippet-right {
    display: none;
}	

#counter ul {
    padding: inherit;color:#01619d;
	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: rgb(188,19,58);
    background: -moz-linear-gradient(left, rgba(188,19,58,1) 0%, rgba(110,32,97,1) 51%, rgba(1,51,153,1) 100%);
    background: -webkit-linear-gradient(left, rgba(188,19,58,1) 0%,rgba(110,32,97,1) 51%,rgba(1,51,153,1) 100%);
    background: linear-gradient(to right, rgba(188,19,58,1) 0%,rgba(110,32,97,1) 51%,rgba(1,51,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc133a', endColorstr='#013399',GradientType=1 );
    -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:#01619d; 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 #01619d;
    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: #000;
    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(237, 79, 17, 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-color: #f9f6f4;border-top: 1px solid #01619d;
    border-bottom: 1px solid #01619d;}

/*Service section*/

/*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;  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; }
.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 #01619d; 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;}

@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: 15px;
    margin-bottom: 15px;}


}




.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;
}
.datepicker.form-control {padding: 7px 12px;}
textarea.form-control{min-height:100px;}

.form-control:focus{border-color:#01619d;}




.event-organizations.org_sec-bg {
 

    text-align: center;
    
}
.event-organizations {
       margin: 0;
    z-index: 9;
    position: relative;
    padding: 60px 0 60px;
    background: url(../images/pattern-bg.png);
  
}
.event-organizations .section-title {
    font-size: 42px;
    text-align: center;
    color: #01619d;
    margin-bottom: 20px;
}

.org-box {
   border-radius: 0;
    overflow: hidden;
    background: #ffffff;
    padding: 5px 5px;
    min-height: 140px;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    line-height: 140px;
    height: 140px;
    display: table;
}
	
	.org-box img{transition:.5s all; -webkit-transition:.5s all; -moz-transition:.5s all; margin:0 auto;}
	
.org-name h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    display: table;
    width: 100%;
    min-height: 45px;
    height: 45px;
}
	
	.org-name h2 a{color:#fff;     padding: 8px;
    background: #333; display: block; position: relative;   }
	.org-name h2 a:hover{color:#fff}

	.org-item{margin:40px 0; cursor: pointer;}

	.org-item:hover .org-name h2 a {
    color: #ffffff;
    background: #333;
    transition: all 0.3s;
}


.org-item{
  transition: all 0.5s;
  margin-top: 0;
  margin-bottom: 40px;
  background: #ffffff;
  padding-bottom: 20px;
  margin: 40px 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 {
    margin: 0 -10px;
    position: relative;
}



.event-organizations.org_sec-bg .org-name h2 a {
    background: #444;
    font-size: 16px;
    vertical-align: middle;
    display: table-cell;
    line-height: 23px;
}


.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: #01619d;
}



.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{background:#01619d}
.org-name:before {
    content: "";
    height: 20px;
    display: inline-block;
    position: absolute;
    background: #000;
    left: 7px;
    bottom: auto;
    right: auto;
    z-index: -1;
    transform: skew(-34deg);
    width: 50px;
    top: -20px;
}
.org-name:after {
    content: "";
    height: 20px;
    display: inline-block;
    position: absolute;
    background: #000;
    right: 7px;
    bottom: auto;
    left: auto;
    z-index: -1;
    transform: skew(34deg);
    width: 50px;
    top: -20px;
}

a.btn-all-org_home {
    background: transparent;
    color: #01619d;
    font-size: 18px;
    border: 2px solid #01619d;
    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: #be1238;
	border-color:#be1238;
    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: 0px;
   left: -50px;height:auto;
}

.slick-next:before{
  content: "\f105";
  font-family: FontAwesome;
  margin-top: -20px;
}


.slick-next{
  margin-top: 0px;
  right: -50px;height:auto;
}

.org_slider > .col-md-3 {display:none;}



/*Recent review section start*/

.recent-reviews {
   border-top:1px solid #01619d;
   border-bottom:1px solid #01619d;
	margin: 0;
    z-index: 9;
    position: relative;
    padding: 45px 0 45px;
        background-color: #f9f6f4;
}
.section-title {
	 text-align: center;
    font-size: 42px;
    text-align: center;
    color: #01619d;
    margin-bottom: 20px;position:relative;
}
.section-title:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background: #01619d;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 15px;
}

.item-for-review {
       padding: 10px 15px;
    border: 1px solid #ddd;
    background: #fff;-webkit-box-shadow: 6px 6px 10px -4px rgba(148,148,148,.2);
-moz-box-shadow: 6px 6px 10px -4px rgba(148,148,148,.2);
box-shadow: 6px 6px 10px -4px rgba(148,148,148,.2);
}

.recent-reviews .col-md-4.col-sm-6{padding-top:15px; padding-bottom:15px;}

.recent_review .slick-prev:before, .recent_review .slick-next:before{
  color: #01619d;
}


.recent_review{margin:15px 0; padding:15px 0;}


.testi-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;cursor:pointer;
}
.testi-header .post-thumbnail img {
    width: 80px;
}
.testi-header .post-thumbnail img {

}
.company-name-review h4{font-size:16px; color:#000;     font-weight: 600;}
.testimonial-rating {
    font-size: 16px;
    color: #01619d;    margin-bottom: 10px;
    margin-top: 10px;
}

.testimonial-rating span {
    padding: 0 2px;
}

.testimonial-item .testimonial-info {
       margin-top: 15px;
    padding-top: 5px;
    border-top: 1px dashed #ddd
}

.testimonial-item .testimonial-name {
    font-size: 16px;font-weight:600;color:#000;
    display: inline-block;
}

.testimonial-item .testimonial-name {
    font-size: 14px;
       margin-bottom: 5px;
    letter-spacing: 0;
    margin-top: 5px;    font-weight: 500;
}

.testimonial-item .testimonial-by-line {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #888;
}
.testimonial-item .testimonial-desc {
    color: #666;
    font-size: 14px;
    font-style: italic;
	min-height: 120px;
}

/*Recent review section end*/

.company-overall-rating {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}
.rtng {
    color: #01619d;
    white-space: nowrap;font-weight:600
}
.A1V4A {
    display: table-cell;vertical-align:middle
}
.score {
    font-size: 52px;
    line-height: 48px;
    margin-bottom: 16px;
}
.rates-n-review{     margin-left: 15px;
    font-size: 14px;
    color: #000;    margin-top: 8px;}

.rates-n-review .stars-rating [class*="rate-"]:after{font-size: 24px;letter-spacing: 1px;}

.post-thumbnail.image-for-review-details{ border: 1px solid #ccc;padding: 2px;border-radius: 5px;overflow: hidden;}

.post-thumbnail.image-for-review-details img{border-radius:5px;}
.rates-n-review #star_overall{cursor:default !important}

.hreview{
    margin: 10px 0;
    padding: 20px 0px;
    border-bottom: 1px #ddd dashed;}

.hreview:last-child{border-bottom:0;}

.hreview .date {
    font-size: 12px;
    color: #666;

    display: inline-block;
    
  
}
.hreview .review-title{font-size:24px; font-weight:600;margin-bottom:10px; color:#01619d;}
.hreview .author{display:inline-block;margin-left:5px;}
.hreview .author .authorInfo {font-size: 14px;color: #666;}
.hreview .reviewBodyCell {
    font-size: 14px;
    margin-top: 0px;
}


.recent_review > .col-md-4{display:none;}

.recent_review{    min-height: 215px;
    background: url(../images/loader.gif) no-repeat;
    background-position: 50% 40%;
    background-size: 70px;}

.recent_review.slick-initialized{min-height:inherit; background:none}

/* Testimonial Css */

.testimonial_text{color:#fff;}
.tetimonial_wrapper{
    padding: 60px 0;
   
    background-image: url(../images/quote-icon.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 50px 50px;    background-color: #01619d;
}

.tetimonial_wrapper .slick-disabled{
    display: none!important;
} 
.rating_wrapper{
    text-align: center;
    color: #0f8bd3;
    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;
padding: 30px;
width: 100%;
max-width: 900px;
margin: 0 auto;
}

.contact_overlay {
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    padding: 75px 0;
    background:rgba(0, 0,0, 0.60)
}

.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,#be1238 0%,#0a9d8d 50%,#be1238 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;
    background: #01619d;
    padding: 40px 0;
    position: relative;
}

.copyright_wrapper {
     text-align: center;
     color: #fff;font-size: 12px;
}


.copyright_wrapper .content a{
     color: #fff;
     display: inline-block;
     padding: 0 12px;
     position: relative;
     border-left: 1px solid #fff;
     line-height: 10px;
}

.copyright_wrapper .content li:first-child{
     margin-right: 12px;
}


.copyright_wrapper .content a:hover, .copyright_wrapper .content a:focus{
     text-decoration: none;
     color: #01619d;
}


.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 */


/* 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='#be1238', endColorstr='#be1238',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,#be1238 0%,#0a9d8d 50%,#be1238 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: #be1238;
}

.content_wrapper_inner .content a:hover, .content_wrapper_inner .content a:focus {
    color: #be1238;
    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='#be1238', endColorstr='#be1238',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: #be1238!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: #be1238!important;
}
*/


/*Sign up Forms*/

	/*Login Page Design Css Start*/

/*.dashlogopart img{width:70px;}
*/
.logopart .logo-name {
    display: inline-block;
    text-align: center;
    color: #fff;
vertical-align:middle;margin-left:10px;
    padding: 7px 0 7px 0;
    font-size: 18px;
}
.logopart .logo-name em {
    display: block;
    border-top: 0px solid #ffca18;
    height: 0;
    margin-top: 1px;
    margin-bottom: 1px;
}


.login-block-section{    max-width: 550px;
    background: #f9f9f9;
    border-radius: 10px;
    margin: 50px auto;    overflow: hidden;width: 90%;margin-top:4em;/*border:2px solid #01619d;*/
	
	}

.login-block {
		text-align:center;
        padding: 25px 30px 40px 30px;

}
.login-block-title{    background:#01619d;
    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;
   
    font-size: 14px;
    
    padding: 0 35px 0 15px;
    outline: none;
}
.login-block .icon-left{    position: absolute;
    left: 12px;
    top: 11px;
    color: #999;}

.login-block input#username{
    background-color: #fff;
	
}
.input-group-item{position:relative;}
.login-block input#username + span, .login-block input#FrontUserFirstName + span, .login-block input#FrontUserLastName + span , .login-block input#FrontUserFirstName + .error-message + span, .login-block input#FrontUserLastName + .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: 1px;
    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: 1px;
    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: 1px;
    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: 1px;
    width: 50px;
    height: 40px; left:0;}

.login-block input#username:focus + span, .login-block input#FrontUserFirstName:focus + span, .login-block input#FrontUserLastName:focus + span, .login-block input#FrontUserFirstName:focus + .error-message + span, .login-block input#FrontUserLastName: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: 1px;
    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 {

}

#primary-content .login-block .login-submit {
    width: auto;
	    padding: 8px 50px;

  
    box-sizing: border-box;
    border-radius: 5px;

  
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    
    outline: none;
    cursor: pointer;    margin: 15px 0;white-space: normal;
}

#primary-content .login-block .login-submit.dark-blue{background: #055282;border: 2px solid #055282;}
#primary-content .login-block .login-submit.midium-blue{background: #0073bb;border: 2px solid #0073bb;}
#primary-content .login-block .login-submit.light-blue{background: #2799fd;border: 2px solid #2799fd;}

#primary-content .login-block .login-submit.dark-blue:hover{background: transparent;border: 2px solid #055282; color:#055282}
#primary-content .login-block .login-submit.midium-blue:hover{background: transparent;border: 2px solid #0073bb; color:#0073bb}
#primary-content .login-block .login-submit.light-blue:hover{background: transparent;border: 2px solid #2799fd; color:#2799fd}


.login-block-title1{text-align: center;font-size: 24px;font-weight: 600; color:#000;}


.login-forget-link {
    text-align: center;
    font-size: 14px;
    background: rgba(0,0,0,.05);
    padding: 6px;
    border: 1px solid rgba(255,255,255,.4);
    margin-top: 30px;margin-bottom:20px;
    border-radius: 5px;
}
.login-forget-link a {
    color: #000;    margin-top: 5px;
    display: inline-block;
}
.login-forget-link a:hover {
    color: #01619d;
}

.eye-icon-field {
    position: absolute;
    float: right;
    right: 10px;
    top: 12px;
    font-size: 20px;
}
.eye-icon-field a {
    cursor: pointer;
}
label.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;font-weight:500 !important;clear:both
}
.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:not(:not(.btn-group)), .form-group div.error:not(:not(.btn-group)), .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;}
#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:#be1238}
	
.signup-sub-title:after{    content: "";
    background: #be1238;
    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%;
    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 #be1238;
    margin-top: -4px;
}
.red-check + label::before {
    content: "";
 
    border: 2px solid #be1238;

}	
.new-checkbox + label::after {
    content: "\2713";
    color: #be1238;
    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: #be1238;
}
.new-checkbox:checked + label::before{background: none;}
.new-checkbox:checked + label::after {
content: "\f00c";
color: #be1238;
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: 40px;color:#000;
}
.right-info:hover{color:#ffca18}

span.req{color:red;}
/*Login Page End*/


.common-btn{display: inline-block;
    padding: 8px 30px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    font-size: 16px;
    background: #01619d;
    border: 2px solid #01619d;margin-top: 5px;
margin-bottom: 5px;}

.common-btn:hover{    background: transparent;
    color: #01619d;}
.common-btn .fa{    font-weight: 600;
    margin-left: 2px; margin-right:2px;}


#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;text-align:center;padding-left:0 !important
}
#progressbar li {
    list-style-type: none;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    width: 33.33%;
    float: left;
    position: relative;font-weight:600;
}
#progressbar li:before {    content: counter(step);
    counter-increment: step;
    width: 30px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    color: #fff;
    background: #888;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    font-weight: 600;
}
#progressbar li.active:before, #progressbar li.active:after {
    background: #01619d;
    color: white;
}
#progressbar li:first-child:after {
    content: none;
}
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #888;
    position: absolute;
    left: -50%;
    top: 15px;
    z-index: -1;
}
#progressbar li.active:before, #progressbar li.active:after {
    background: #01619d;
    color: white;
}


.profile-photo-section {
        text-align: center;
    margin-bottom: 0px;
    padding-bottom: 10px;
}
.image-preview {
    max-width: 150px;
    margin: 10px auto 20px auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
	padding:4px;
}
.image-preview img{    border-radius: 8px;}


.upload-btn-wrapper {
  position: relative;

}
.upload-btn-wrapper:after{clear:both; display:table;content:"";}
.details-reviewer .fa {width:22px; text-align:center; font-size:14px;}
.file-upload__label {
  
    border: 2px solid #01619d;
  color: #01619d;
  background-color: white;
  padding: 8px 20px;
      border-radius: 30px;
  font-size: 16px;
  font-weight: bold;    position: relative;
    z-index: 1;cursor: pointer;
}
.file-upload__label:hover{
  background: #01619d;color:#fff;}


.upload-btn-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1;
  width: 0;
  height: 100%;
  opacity: 0;
}


.details-reviewer h3{    color: #000 !important;
    font-size: 16px !important;
    margin: 0 !important;
    line-height: normal !important;}

.details-reviewer{margin-bottom:5px; padding-bottom:5px;font-size:14px;}

.details-reviewer:last-child{border-bottom:0;}

.review-details{padding-top:15px;}


.logo-company{padding:15px; text-align:center;}
.logo-company img{max-width:150px;}

.customer-review-page .page-content-area { padding: 1em 0;}


.multi-star-rating{padding-left:0px !important}
.rating-label{display:inline-block; vertical-align:middle; margin-right:10px;}
.star-rating-add {
  
  text-align:center;margin-bottom:10px;
 
}
.star-rating-add > fieldset {
  border: none;
  display: inline-block;vertical-align:middle;
}
.star-rating-add > fieldset:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.star-rating-add > fieldset:not(:checked) > label {
  float: right;
      width: 1.3em;
    padding: 0 .18em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  color: #bbb; font-family: 'FontAwesome';margin-bottom:0;
}
.star-rating-add > fieldset:not(:checked) > label:before {
  content: '\f006  ';

}
.star-rating-add > fieldset:not(:checked) > label:hover,
.star-rating-add > fieldset:not(:checked) > label:hover ~ label {
  color: #01619d;
 
}
.star-rating-add > fieldset:not(:checked) > label:hover:before,
.star-rating-add > fieldset:not(:checked) > label:hover ~ label:before {
  content: '\f005  ';
   color: #01619d;
}
.star-rating-add > fieldset > input:checked ~ label:before {
  content: '\f005  ';
   color: #01619d;
}

.customer-review-page .detail-items{    padding: 0;
    background: transparent;
    box-shadow: none;
    border: 0;
    margin: 0;}

.customer-review-page ul.noListStyle li{padding-left:0; padding-right:0;}
.customer-review-page .loginBtnCont {padding:0 15px;}


.title-customer-review h3{font-weight:600 !important; font-size:20px !important;    line-height: 1.4 !important;}
.title-customer-review h4{font-weight:600 !important; font-size:16px !important;    line-height: 1.4 !important;}
.title-customer-review p{font-weight:600;margin-top:10px;}

/*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='#be1238', endColorstr='#be1238',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,#be1238 0%,#0a9d8d 50%,#be1238 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,#be1238 0%,#0a9d8d 50%,#be1238 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: 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='#be1238', endColorstr='#be1238',GradientType=1 );
    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:#be1238;
    font-size: 20px;
	
    font-weight: 600;
    color: #fff;
}
.left-box .box-title {background:#01619d}
.dark-grey-bg-color {
    background: #be1238;
    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;
    min-height: 100px;
}

.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: #000;
    font-size: 14px;
    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, .cpmt_Paytabbox textarea {
    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, .cpmt_Paytabbox textarea:focus {
    border: 1px solid #01619d;
    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;
}

.checkout-activities-sidebar .total {
    text-align: right;
    font-weight: 600;
    font-size: 20px;
    color: #000;
}
.fl {
    float: left;
}
.fr {
    float: right;
}

.bill-summary-table th {
    background-color: #be1238;
    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;
}


.pay-receipt-information {
    padding: 20px;
}
.pay-receipt-information {
    margin-top: 15px;
}

.thanks-msg {
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.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: #01619d;
}

.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: #be1238;
    color: white;
    font-size: 14px;
}
.pay-receipt-information tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.amount-paid {
    font-size: 24px;
    color: #be1238;
}

.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_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: #be1238;}
.detail-items .category_name:after{    margin-right: 2px;}

.actions-header a{
       color: #fff;
    font-size: 18px;
    padding-top: 20px;
    display: inline-block;
    transition: all 0.5s;
    font-size: 14px;
    font-weight: 600;
}

.actions-header a:hover{
    color:#c7b580;
}

.dr-filter-btn a{
    vertical-align: middle;
}

@media(max-width: 767px){

    .actions-header{
        width: 100%;
        display: inline-block;
}

.actions-header a{
    font-size: 14px;
    padding-top: 0;
}

.popover{
    max-width: 220px;
}



}


@media(max-width: 480px){
    .actions-header a{
        display: block;
    }  
}

.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;}


.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,#be1238 0%,#0a9d8d 50%,#be1238 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;
   padding: 0em 20px 0 0em;
}
.profile_img span.prfil-img {
    float: left;    margin-top: 7px;
    margin-right: 3px;
}
.profile_img span.prfil-img img{max-width:30px;}
.profile_img .user-name {
      float: left;
    margin-top: 4px;
    margin-left: 4px;
	text-align: left;
}
.profile_img .user-name p, #primary-content .profile_img .user-name p{
    font-size: 16px;
    color: #FC8213;
    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: 28%;
    right: 0;
    color: #04af49;
    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: 5px;
    vertical-align: middle;
    margin-bottom: 0;}
	
.profile_details li ul.dropdown-menu.drp-mnu {
        padding: 0;
    min-width: 190px;
    top: 45px;
    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: linear-gradient(to right,#be1238 0%,#0a9d8d 50%,#be1238 100%);
    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='#be1238', endColorstr='#be1238',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:3em 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='#be1238', endColorstr='#be1238',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='#be1238', endColorstr='#be1238',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: 16px;
}
.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: #01619d;
    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='#be1238', endColorstr='#be1238',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:#01619d; font-size:14px;}
.back-to-page a:hover{color:#000}

.account-setting {
    padding-top: 0px;
}
.box-style {
    background: #fff;
    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;}
.page-content-area .account-setting table td {
    padding: 10px ;
	font-size:14px;
}
.account-setting table td{border:0 !important;}
.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: 6px;
}
.search-icon a:not(.common-btn) {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2px;
    color: #01619d;
    background-color: transparent;
    border: 2px solid #01619d;
    border-radius: 30px;
    padding: 6px 20px;
}
.search-icon a:hover{border-color:#000; color:#000;}

#adv_search table {
    margin-top: 0px;
}
#adv_search td {
    padding: 0 7px;    width: 25%;
}
#adv_search {
    padding: 20px 10px;
    background: #fff;
    margin: 20px 0;
    border: 1px solid #dee0df;clear: both;
}
#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 #01619d;
    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: #01619d;}
.member-table th {
    
    color: white;
    font-size: 14px;
}
.member-table th, .member-table td {
    text-align: left;
    padding: 12px 4px;
    font-size: 14px;
}
.member-table table tr {
    border-bottom: 1px solid #eee;
}
.member-table table tr:nth-child(even){background:#fff;}


.form-item {
    float: left;
    max-width: 25%;
    width: 100%;
    padding: 10px 7px;
}	
.search-btn .ytBtnOrange {
     
    min-height: 38px;
    width: auto;
    min-width: 120px;
    vertical-align: middle;
    margin-right: 5px;
    padding: 0px 14px;
 
}
.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:#009900}	
.orange{color:#f5a005}

.pop-delete{background:#a94442 !important}
.pop-cancel-btn{background:#999 !important}

.pop-delete:hover{background:#04af49 !important}
.pop-cancel-btn:hover{background:#777 !important}



/*Dashboard Pages*/

.stars-rating{
    display: inline-block;
    vertical-align: baseline
}
.stars-rating [class*="rate-"]:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #01619d;
    font-size: 15px;
    vertical-align: baseline
}
.stars-rating .rate-0:after{
    content: "\f006" " " "\f006" " " "\f006" " " "\f006" " " "\f006"
}
.stars-rating .rate-1:after{
    content: "\f005" " " "\f006" " " "\f006" " " "\f006" " " "\f006"
}
.stars-rating .rate-2:after{
    content: "\f005" " " "\f005" " " "\f006" " " "\f006" " " "\f006"
}
.stars-rating .rate-3:after{
    content: "\f005" " " "\f005" " " "\f005" " " "\f006" " " "\f006"
}
.stars-rating .rate-4:after{
    content: "\f005" " " "\f005" " " "\f005" " " "\f005" " " "\f006"
}
.stars-rating .rate-5:after{
    content: "\f005" " " "\f005" " " "\f005" " " "\f005" " " "\f005"
}


.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: 6px 0px;
}

/*.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 #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);    min-height: 230px;    margin-bottom: 30px; overflow:hidden;}
.icon-box-item{text-align:center;    padding: 15px 10px;}
.icon-box-item img{    max-width: 120px;  width:75px;  margin-bottom: 10px;}
.icon-links a{    display: block;
    padding: 3px 0;
    font-size: 18px;
    font-weight: 600;}
	
.icon-box-title{    padding: 10px;
    background: #277db3;
    color: #fff;
    
    font-weight: 600;
    text-align: center;
    font-size: 18px;}


.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,#be1238 0%,#0a9d8d 50%,#be1238 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='#be1238', endColorstr='#be1238',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){
	.section-sidebar .dr-filters.dr-search-category ul li{width:100%;}
	.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: #be1238;
    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='#be1238', endColorstr='#be1238',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='#be1238', endColorstr='#be1238',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,#be1238 0%,#0a9d8d 50%,#be1238 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: #04af49;}
	

td.action-item.box-action a {
    font-size: 16px;
    padding: 5px;
    width: 34px;
    height: 34px;
    display: inline-block;
    text-align: center;
    border: 1px solid #be1238;
    line-height: 32px;
    padding: 0;
    margin: 0 5px;
	color:#be1238;
}

td.action-item.box-action a:hover{background:#be1238; color:#fff;}

#primary-content .business-name.with-fav h3{font-size:24px;}

	
.title-of-merchant{    max-width: 225px;
    background: linear-gradient(to right,#be1238 0%,#0a9d8d 50%,#be1238 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='#be1238', endColorstr='#be1238',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,#be1238 0%,#0a9d8d 50%,#be1238 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: #be1238;}
.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%;}
ul.noListStyle.full-width li.cus-md-6{width:50%;}
ul.noListStyle.full-width li.cus-md-4{width:33.33%;}

.cus-grid{float:left;}
.cus-6-1{width:16.66%;}

.check-box-type:after{content:""; display:table; clear:both;}
.check-box-type{border:1px solid #ddd;}
.check-box-type .cus-6-1{    padding: 10px 7px;
    border-right: 1px solid #ddd;}
.check-box-type .cus-6-1:last-child{border-right:0;}
.check-box-type label{margin-bottom:0;font-size: 12px;font-weight: 600;    color: #000;}

.sales-report-section-data{padding:0 15px;margin:30px 0 15px;}
.sales-report-section-data table{width:100%;}
.sales-report-section-data td {
    border: 1px solid #ddd;
    padding: 5px 15px;    vertical-align: top;
}
.sales-report-section-data td .form-group{font-size:14px;}

.cus-grid{float:left;}
.cus-md-6{width:50%;}

.half-section-in-sales-report{border:1px solid #ddd;}

.bg-for-section-report{    margin: 0;
    text-align: center;
    background: #ddd;
    padding: 10px !important;
    color: #003c71;
    font-weight: 600;
    margin-top: 15px;
    font-size: 14px;}

.ft-14{font-size:14px;}

li.section-heading-item {
    margin: 0;
    text-align: center;
    background: #003c71;
    padding: 10px !important;
}
li.section-heading-item h3{color:#fff !important;    margin: 0 !important;}

.content-table thead{background:#003c71; color:#fff; text-align:center}
.content-table thead th{text-align:center;}	

.pad-15-px{padding:15px;}

.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:#be1238;
    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 #be1238;
    margin-top: -4px;
}
.new-checkbox + label::after {
    content: "\2713";
    color: #be1238;
    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: "\2714";
    color: #01619c;
    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;
    font-weight: 900;

}


.inblock{display:inline-block;margin-right:15px;}

.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.4;
    cursor: pointer;
    vertical-align: top;
    margin-top: 8px;
    max-width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 40px;
	}
	
	.new-radio + label::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 0;
    vertical-align: middle;
    margin-right: 5px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #003c71;
    margin-top: -4px;
    margin-left: -45px;
}
.new-radio + label::after {
   content: "";

color:
#be1238;

font-size: 28px;

text-align: center;

padding: 2px;

top: 3px;

left: -1px;

opacity: 0;

visibility: visible;

position: absolute;

width: 14px;

height: 14px;

background:
#003c71;

border-radius: 50%;
 
}

@supports (-moz-appearance:none) {
.new-radio + label:after {top: 2px;}
	
}


.new-radio:checked + label::after {opacity: 1;}







.new-radio-style{    position: absolute;
    left: 20px;
    top: 16px;
    visibility: hidden;
    opacity: 0;}

.new-radio-style + label {
       font-weight: 600;
    margin: 0;
    position: relative;
    line-height: 1.4;
    cursor: pointer;
    vertical-align: top;
    margin-top: 15px;
    max-width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 55px; line-height: 1.2;
	}
	
	.new-radio-style + label::before {
      content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 0;
    vertical-align: middle;
    margin-right: 5px;
    background-color: transparent;
    border: 2px solid #000;
    margin-top: -4px;
    margin-left: 0;
    left: 5px;
    position: absolute;
}
.new-radio-style + label::after {
     content:"";
	 left: 16px;
    top: -2px;
    width: 12px;
    height: 24px;
    border: solid #000;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute; opacity:0; visibility:visible;
 
}

.new-radio-style:checked + label::after {opacity: 1;}
.new-radio-style:checked + label::before{background-color: #00cc99;}


.actionable-item{margin:20px 0;    display: inline-block;
    float: none;
        margin-left: -4px;
    vertical-align: top;}
	.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 #01619d;
    -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 #01619d;
		background:#eff9ff !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 #01619d;
}




.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:#01619d;}


.mas-snapshot {
    background:#01619d;
    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: #000;
}
.mas-snap-body ul li span a:hover {
    color: #01619d;
}

.mar-bottom2 {
    margin-bottom: 2em;
}

.org-box a{
    display: table-cell;
    vertical-align: middle;
}

.manager-login-header {
   

}
.center-of-header, #primary-content .center-of-header{    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0;
    width: 100%;
    margin-top: 25px;
    float: left;}

.dash-name{    font-size: 26px;
    color: #01619d;font-weight:600;
    padding-left: 15px;
    margin-left: 15px;
    vertical-align: middle;}

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: 200px !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;    white-space: inherit;}

.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:#01619d;
  top: 3px;
}

.dropdown .ham-icon .hamb-middle {
  background-color:#01619d;
  margin-top: -2px;
  top: 50%;
}

.dropdown .ham-icon .hamb-bottom {

  background-color:#01619d;
  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:#01619d;
  margin-top: -2px;
  top: 50%;
}


.dropdown.open .ham-icon .hamb-middle {
  background-color: #01619d;
  display: none;
}

.dropdown.open .ham-icon .hamb-bottom {
  -webkit-transform: rotate(-45deg);

  background-color:#01619d;
  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: #01619d;}

.menu-item a {
    font-weight: 700;
    color: #01619d;
    padding: 4px 5px;
    margin: 0 5px;
    position: relative;
    font-size: 14px;
}
.menu-item a:hover{color: #c7b580;}
ul.top-menu > li:nth-last-child(2) a:after{content:none;}
.menu-item a:after {
    content: "|";
    content: "|";
    position: absolute;
    right: -10px;
    top: 3px;color: #01619d;
}


.welcome-bar {
    padding: 15px 0;
  
    background: #06589c;
}
.welcome-bar h2 {
    display: inline-block;
    font-size: 24px !important;
}
.welcome-bar .login-status {
    float: right;
    margin-top: 15px;
}

.border-gredient{background: #01619d;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:#01619d;
		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: #01619d;
    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;
}


.star-rating-add div.error{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;text-align:center;}


.mfp-close-btn-in .mfp-close{    right: 0%;
    width: 44px;}
	
.flex-align-middle:after{content:""; display:table; clear:both;}
.pager-wrappper.clearfix{clear:both;}

.mfp-figure::after{background:transparent; box-shadow:none !important}

.mobile-review{width: auto;float: none !important;padding: 0;}
.hreview .author{display:block; margin-left:0;}




#header.manager-login-header{background:#ddd;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c6e', endColorstr='#012246',GradientType=1 );    padding: 10px;    border-bottom: 4px solid #01619d;
}

#primary-content .front-page-btns-box .login-submit{min-width:290px;}

.title-for-section{    margin-bottom: 20px;
    padding: 0 15px;padding-bottom:5px;position:relative}
.title-for-section:after{    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background: #003c71;
    left: 15px;
    bottom: -4px;
    margin: auto;}	

.title-for-section h3{font-size:18px !important;     color: #003c71 !important;}

.confirm-cart .loginBtnCont { display:inline-block;}
.confirm-cart .clear-btn{ display:inline-block;    padding-left: 20px;padding-right: 20px;}


.questions {
       margin-top: 20px;
    color: #000;
    font-size: 14px;
    display: block;
    background: #eeeeee;
    border: #ccc 1px solid;
    box-shadow: 0 6px 20px -10px rgba(0,0,0,.7);
    margin-bottom: 30px;
}
#questions {
   
    color: #000;
    font-size: 14px;
}

.questionnumber {
   font-size: 16px;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #eeeeee;
    font-weight: 600;
    text-indent: -18px;
}

.answer {
    width: 100%;
    border-top: #dcdcdc 1px solid;
    float: left;
    background: #f9f9f9;    padding: 10px;
}
.a_ans {
    float: left;
    margin-left: 20px;
    /*width: 250px;*/
	/*width:100%;*/
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 14px;
    word-wrap: break-word;
}

.timer-countdown{text-align:center;margin-bottom: 5px;color:#999;font-size:16px;}
.timer-countdown span{display:block; vertical-align:middle;}
.timer-countdown .timer{font-size: 30px; font-weight:700; color:#666
;}
.timer > div{display:inline-block;}
.timer .jst-hours{display:none;}

.disable{pointer-events: none;}
.disable input,.disable select{ background:#eee !important;}

.count_down{    margin-bottom: 15px;}

.top_submit{position: fixed;right: 10px;margin-top: 20px;top:60%;z-index: 9;}


.test_result span{ display:block;padding-bottom: 5px;}

#myModal_test_result .clear-btn{ margin-top:25px; display:block;}

.custom-error{    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;
    font-weight: 500 !important;}
	
.total-count-numbers {
    font-size: 18px;
    border: 3px solid #075b91;
    padding: 10px;
    background: #e6f0f7;
    line-height: 30px;
}
.search_option {
    font-size: 14px;
}
.span-shot-title {
    padding: 10px 0;
    border-bottom: 1px solid #bad4e4;
    cursor: pointer;
}
.lb_snp {
    color: #075b91;
}
.span-shot-title strong {
    font-size: 18px;
}
.span-shot-title i {
    font-size: 30px;
    font-weight: 600;
}
.total-count-numbers span strong {
    color: #075b91;
}
.span-shot-title.collapsed i.fa-angle-up:before {
    content: "\f107";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-up:before {
    content: "\f106";
}	

.confirm-cart ul{padding-left:0;}

@media screen and (max-width: 992px) {
    .dash-name{
		margin-top: 0px;
	}
	h2.center-of-header.login{
		float:initial !important;
	}
}
	
.dash-name {
	padding-left: 0px;
	margin-left: 0px;
}

span.dash-name-sidetext{
	margin-top: 10px;
	color: #01619d;
	font-size: 11px;
	margin-bottom: 0px;
	display:block;
	font-weight:bold;
}

.menu-item-remove-pipe a::after {
    content: "";
}


#loginForm small.form-text {
    font-size: 12px;
}

.menu-item.menu-item-pipe a::before {
    content: "|";
    position: absolute;
    right: -10px;
    top: 3px;
    color: #fff;
}

#employee_result_table{
	margin: 0 auto; width: 90%;
}
#employee_result_table tr{
	border-bottom: 1px solid #ddd;
}
#employee_result_table tr td {
	padding: 10px;
	padding-left: 10px;
	font-size: 14px;
}
#employee_result_table tr td:first-child {
	padding-left: 4px;
	font-weight: 600;
}

#employee_result_table th, #employee_result_table td{
	text-align:center !important;
}

#employee_result_divs{
	width:90%;
	margin:0px auto;
	font-size: 14px;
}
#employee_result_divs div.row{
	border-bottom:1px solid #ddd;
}
#employee_result_divs div.row div{
	padding:10px;
}
#employee_result_divs div.row div.col-md-5{
	font-weight:600;
}

#dashboard-topbar{
	background:#ddd;
}
#dashboard-topbar #dashboard-topbar-container{
	padding: 12px;
	width:60%;
	margin:0px auto;
}

#dashboard-topbar #dashboard-topbar-container {
	position: relative;
	top: -3px;
}

#dashboard-topbar-container a{
	text-decoration:underline;
	font-weight:600;
}
#dashboard-topbar-container span.pipe{
	font-size: 20px;
	margin-left: 4px;
	margin-right: 4px;
}

@media screen and (max-width: 992px) {
	#dashboard-topbar #dashboard-topbar-container span.anchor{
		display:block;
		padding:5px;
	}
	#dashboard-topbar #dashboard-topbar-container span.pipe{
		display:none;
	}
	#dashboard-topbar #dashboard-topbar-container{
		text-align:center;
		width:100%;
	}
	.center-of-header, #primary-content .center-of-header{
		padding-bottom: 15px;
	}
}

.confirm-cart h2 {

        font-size: 18px !important;
    text-align: center;
    font-weight: 600 !important;
}

.member-table table.colored-table tr.green-row{background:#ddffcf}
.member-table table.colored-table tr.yellow-row{background:#fcffcf}
.member-table table.colored-table tr.red-row{background:#ffdde2}
.member-table table.colored-table tr.blue-row{background:#dde9ff}
.member-table table.colored-table tr.grey-row{background:#ddd}
.member-table table.colored-table tr.white-row{background:#fff;}

.green_status{color:#2a9200}
.yellow_status{color:#a9ad00}
.red_status{color:#ff0000}
.blue_status{color:#0070e6}
.grey_status{color:#888}


.top-snapshot{padding: 10px 0;}
.total-count-numbers {

    font-size: 18px;
    border: 3px solid #075b91;
    padding: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    background: #e6f0f7;
    line-height: 30px;

}
.total-count-numbers {

    background: #eee;

}
.span-shot-title{    border-bottom: 1px solid #ddd;}
.top-snapshot-body ul{    border-bottom: 1px solid #ddd;}
.total-count-numbers{background:#eee;}
.top-snapshot-body{background:transparent;border:0}
.top-snapshot-body{padding:0 10px;}
.span-shot-title{padding:10px 0; cursor:pointer}
.span-shot-title i{font-size:30px; font-weight:600}
.span-shot-title strong {font-size:18px;}

.span-shot-title.collapsed i.fa-angle-up:before {
    content: "\f107";
}
.top-snapshot-body li{display: block;padding: 2px 0px;    border: 0;}
.top-snapshot-body ul{border-bottom:0}
.top-snapshot-body .snap-name, .top-snapshot-body .snap-count{font-size:14px;}
.top-snapshot {
    padding: 10px 0;

}
.top-snapshot-body {
    text-align: left;    padding: 10px;
  
}
.top-snapshot-body ul {
    padding-left: 0 !important;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}
.top-snapshot-body ul:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0;}
.top-snapshot-body li {
    display: inline-block;
    padding: 0 12px;
    border-left: 1px solid #bbb;
}
.snap-name {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.top-snapshot-body .snap-name {
    color: #085d94;
    font-size: 15px;font-weight:700;
}

.top-snapshot-body li:first-child {
    border: 0;
}
.snap-count {
   
  

}
.top-snapshot-body .snap-count {
    font-size: 15px;
    color: #075b91;
}
.top-snapshot-body a:hover span{color:#075b91 !important}

.title-of-section {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 3px 8px;
    background: #01619d;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 10px;
}

.mas-snap-body #nt-example1{max-height:265px; overflow-y:auto; margin-bottom: 15px;}
.mas-snap-body #nt-example1 li{color: #000; padding-bottom: 10px; border-bottom: 1px dashed #999;}
.mas-snap-body #nt-example1 li:last-child{border-bottom:0;}
.mas-snap-body #nt-example1 li a{margin-right:15px;text-decoration:underline;margin-top: 5px;display: inline-block;}
.mas-snap-body #nt-example1 li.new-item{}
.mas-snap-body #nt-example1 li.new-item {

}
.mas-snap-body #nt-example1 li.new-item span {
  color: #fff;
    font-size: 16px;
    background:linear-gradient(to right, #003c71 10%, #03244d 50%, #009234 60%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
	-ms-background-clip: text;
    -ms-text-fill-color: transparent;
	
    animation: textclip 1.5s linear infinite;
    display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


time.timer span{margin-left:4px; margin-right:8px;}
.addmore-message{    font-size: 20px;}

.cus-label{    margin: 15px 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    width: calc(100% - 60px);
    line-height: 1.2;}


#StaffFirstName, #StaffMiddleName, #StaffLastName, #StaffPosition{text-transform:uppercase}

.custom-container{width:100%; max-width:1280px;}

.pager-right .pagination{margin:0px 0;}


.no-box-style.account-setting {    background: transparent;
    border: 0;
    box-shadow: none;    padding: 10px;margin-bottom:0}
	

.no-box-style.account-setting .tr-row {
    border-bottom: 1px solid rgb(221, 221, 221);
}
.no-box-style.account-setting .tr-row:after{content:""; clear:both; display:table}
.no-box-style.account-setting{text-align:left}
.no-box-style.account-setting .tr-row .col-md-4, .no-box-style.account-setting .tr-row .col-md-8{    font-size: 14px;
    padding: 10px;    white-space: normal;} 
.no-box-style.account-setting .tr-row .col-md-4 {    font-weight: 600;
    padding-left: 4px;
}


.smaller-icons.actionable-item a.tc-a-icon{    width: 100px;
    padding: 20px;}

.smaller-icons.actionable-item a.tc-a-link{    font-size: 15px;}

.smaller-icons.actionable-item{float:none1; display:inline-block;}

#currentfilter{font-size:16px;}


.alert_popup-full-screen,.alert_popup-full-screen-requested{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff0000 !important;
    z-index: 999;font-size: 24px;}
	
.alert_popup-full-screen-ack{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #008000 !important;
    z-index: 999;font-size: 24px; color:#FFFFFF;}	
	

.model-alert-data{position:absolute; top:50%; width:100%; padding:15px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);}
.alert_popup-full-screen h3, .alert_popup-full-screen p,.alert_popup-full-screen-requested h3, .alert_popup-full-screen-requested p{color:#fff !important}

.alert_popup-full-screen #login-button,.alert_popup-full-screen-requested #login-button{border-color: #fff;background: transparent;}
.alert_popup-full-screen #login-button:hover,.alert_popup-full-screen-requested #login-button:hover{background:#fff;}

.close-popup-alert{    padding: 10px 20px;
    float: right;
    z-index: 11;
    position: relative;
    cursor: pointer;
    font-size: 32px;
    color: #fff;
    line-height: 1;}
	

.edit-phone-field{display:flex}
.edit-phone-field .phone-code-field {

    min-width: 100px;
    max-width: 100px;

}
.edit-phone-field .sep-dash{    padding-top: 52px;
    font-size: 20px;
    line-height: 0;
    padding-left: 10px;
    padding-right: 10px;}
	
.pull-right1.jq_top_link { display:block; text-align:right; clear:both; margin-top:20px;}	
.jq_top_link a.qu_btn input{    font-size: 11px;
    padding: 6px 15px;    margin-top: 4px;    margin-right: 4px;
    margin-left: 4px;}
	

.div2.table-oollapse{    border: 1px solid #01619d;margin-top: 0;}
.div2.table-oollapse th{color: #01619d;}
.div2.table-oollapse th, .div2.table-oollapse td{padding:8px;}
.div2.table-oollapse tr{border:0;}
.div2.table-oollapse tr:last-child{border-bottom:0}

.close-table-collapse{text-align:right}
.close-table-collapse a{margin: 8px 5px;
    display: inline-block;
    width: 28px;
    text-align: center;
    border: 2px solid;
    padding: 2px;
    border-radius: 50%;}
	
.showing-row > td{border:1px solid #ddd}
.act_link i.fa-angle-down:before{    content: "\f106";}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
   /* background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(26,54,126,0.125);
    border-radius: .25rem;*/
}
.bg-midnight-bloom {
   /* background: #fff;*/
}
.card {
    border-width: 0;
    transition: all .2s;
}
.widget-content {
   padding: 1rem;
    flex-direction: row;
    align-items: center;

    /*width: 100%;
    max-width: 325px;*/
    margin-top: 15px;
    margin-bottom: 15px;
	padding:0 15px;
	border-right: 1px solid #000;
}
.widget-content:last-child{border:0}
.section-upcoming-int{margin-bottom:20px;}
.card.mb-3 {
margin-bottom:20px;
}
.widget-content .widget-content-wrapper {
        display: flex;
    flex: 1;
    position: relative;
    align-items: center;
}
.text-blue {
    color: #000 !important
}

.widget-content .widget-content-left .widget-heading {
    font-size: 18px;
    font-weight: bold;
}
.widget-content .widget-content-left .widget-subheading {

}
.widget-content .widget-numbers {
       font-weight: bold;
    font-size: 28px;
    display: block;
    line-height: 1;
    border-bottom: 2px solid;
}

.widget-content .widget-content-right {
    margin-left: auto;
}

.section-upcoming-int{display:flex;
  justify-content: center;}
  
  @media(max-width:767px){
  	.widget-content{border-right:0; border-bottom:1px solid #ccc;padding-bottom:15px;}
	.widget-content .widget-content-left .widget-heading{font-size:16px;}
  }
 
/* .interaction-box {
    background: #01619d;
}

.need-processing-box {
    background: #02244d;
}*/

.loader-page-section{    position: fixed;
    z-index: 999;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;}

.loader-item{    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);}
	
.ssn-labels {
    display: inline-block;
    font-size: 16px;
    color: #555;
    font-weight: bold;    vertical-align: middle;    padding-right: 7px;
}
#AppointmentSsnNumber{    width: calc(100% - 80px);
    display: inline-block;    vertical-align: middle;}
	


.open-panel a .fa:before {
    content: "\f106";    top: -1px;
    position: relative;
}

.edit-phone-field .input-group{display:block}


	


.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;
}
.content-panel-area {position: relative;color: #fff;}
.content-box {padding: 30px;background: #f1f1f1;
    margin-bottom: 15px;}

#accessibility ul{padding:0 !important;}

#accessibility ul li {list-style: none;display: block;float: left;padding: 0 0px;width: 25%;text-align: center; font-size:14px;}
#accessibility ul li a {font-size: 18px;font-weight: bold;text-align: center;color: #000;}
#accessibility ul li a:hover{color:#1557a6;}
#accessibility ul li.close-content-box {width: 2%; font-size:20px;}
.close-content-box {position: absolute;right: 15px;top: 5px;font-size: 22px;font-weight: 600;padding: 5px;line-height: 1;cursor: pointer;}
.close-content-box a:hover{text-decoration:none;}

.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
    float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}
@media (max-width: 767px) {    
    .pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}
@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}

@media(max-width:991px){

	.accesible-pannel{left:15px;}
	#accessibility ul li {

    width: 100%;
    margin-bottom: 10px;padding-bottom:0 !important

}
.content-box{padding-bottom:10px;}
#accessibility ul li a{font-size:14px;}
	
}

.contrast-bg .top-bg-color{background:#000}
.contrast-bg .sign h1{color:#444 !important}
.contrast-bg .hafa h2{color:#777 !important}
.contrast-bg .new-radio-style:checked + label::before{    background-color: #ccc;}
.contrast-bg .forms .button-5 .next-step-btn{border: 2px solid #000;background-color: #000}
.contrast-bg .forms .button-5 .next-step-btn:hover{color: #000 !important;background-color: #fff;}
.contrast-bg .continue a:hover {color: #666;}
.contrast-bg input[type=button], .contrast-bg input[type=submit]{background:#000; border-color:#000}
.contrast-bg input[type=button]:hover, .contrast-bg input[type=submit]:hover{background:#fff; border-color:#000; color:#000}

@media(max-width:991px){
	.text-align-md{text-align:center}
	.top-bg-color .times{float:none;}
	.required-text{margin: 0;margin-top: 0px;display: block;text-align: center;margin-top: 20px;}
	.col-md-2.go-back-div {display: block;text-align: center;margin: 20px 0;}
}
@media(max-width:640px){
	.col-sm-3.form-input.label-custom-wider{width: 100%;}
	.col-sm-9.field-custom-wider{width: 100%;}
	form small.error{position:relative; bottom:0;display: block;}
	.col-sm-10.form-check {padding-left: 30px;padding-right: 30px;}
	.appient_no{margin-left: 0;width: 100%;}
	.form-check p{font-size:16px;}
}


.print-icon-btn-header {
    position: fixed;
    top: 200px;
    right: -3px;
    z-index: 9;
    background: #01619d;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.print-icon-btn-header a {
    color: #fff !important;
    text-decoration: none;
    display: block;
    padding: 10px;
}


.change_status{ text-align:center;}
.change_status .loginBtnCont { display:inline-block; margin:0 15px;}

.action-item{white-space: normal !important;    width: 140px; text-align:center !important;}
.action-item a{display:inline-block !important;}
.action-item a img{    margin: 5px 4px !important;}

.xdsoft_time.xdsoft_disabled{display:none !important}


@media(min-width:991px) and (max-width:1100px){
	.col-md-3.col-sm-12.logo-section {
    width: 100%;
}
.logopart .logo-name{font-size:16px;}
.menu-item a{padding: 4px 4px;margin: 0 4px;font-size: 12px;}
ul.top-menu{margin-top:8px;}
}

@media(max-width:991px){
.logopart.dashlogopart{width:100%; text-align:center}
.smaller-icons.actionable-item{display:block;margin-left: auto;float: left;}

#back-top{display:none !important}

}


@media(min-width:992px){
	.modal-wide .modal-dialog{width:900px;}
}

.modal-header .close{    font-size: 28px;
    width: 32px;
    border: 2px solid;
    border-radius: 50%;
    opacity: 1;
    line-height: 28px;
    color: #000;}
	

.modal-header .close:hover{color:#1557a6}


@media(max-width:991px)
{
	.top-snapshot-body li{display: block;
padding: 0 12px;
border-left: 1px solid #bbb;
text-align: left;
border: 0;
margin-bottom: 5px;}

.print-icon-btn-header{display:none;}


.visible-sm.visible-xs.top_text{text-align:center; margin-top:20px;}
.confirmation-links-top.pull-right > a{padding:10px 15px;}

.receipt-heading.dashboard-heading > div.sort_by{display: block !important;margin-left: 0 !important; text-align:center; margin-bottom: 15px;}


.receipt-heading.dashboard-heading > div.jq_small-btns{float: none !important;display: inline-block;width: 100%;margin-top: 10px;}
.receipt-heading.dashboard-heading > div.jq_small-btns .qu_btn {

    display: inline-block;
    width: 49%;

}
.receipt-heading.dashboard-heading > div.jq_small-btns .qu_btn input {
	width:100%;
}
.fil-sep {

    display: block;
    width: 100%;
    opacity: 1;
    height: 1px;
    background: #ccc;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;

}
form h3#processed{text-align: center;width: 100%;margin-bottom: 20px;}

form:after{content:""; display:table; clear:both}
#adv_search td{width:100%; display:block}
#adv_search tr, #adv_search table, #adv_search tbody{display:block}
#adv_search .mobile-qu-btn {text-align:center}
#adv_search .mobile-qu-btn .qu_btn input{font-size:14px;padding: 8px 10px;}

.flex-row.flex-align-middle .col-md-6.text-right{text-align:center; margin-top:15px;}

.phone-no-field{width:}

.section-hed.cus-row{text-align:center}
.section-hed.cus-row .page-section-title{width: 100%;margin-bottom: 20px !important;} 

.confirmation-links-top {width: 100%;}

h3.page-section-title{text-align:center}

}

@media(max-width:767px){
.widget-content{margin-left:0;margin-right: 0;}
.section-upcoming-int, .section-upcoming-int{display:block}
.confirmation-links-top.pull-right > a{padding:10px 0px;display: block;}
.receipt-heading.dashboard-heading > div.add-cat-section{display: inline-block;
width: 100%;
float: none !important;margin-right:0 !important;}
.receipt-heading.dashboard-heading > div.refresh-btn-section {
    float: left !important;
    text-align: center;
}
.dashboard-heading .refresh-icon-btn{text-align:center; width:100%;}
.receipt-heading.dashboard-heading > div.sort_by {
    text-align: center;
    margin-bottom: 15px;
}
.nbsp-gap{display:none;}
}

.dropdown.open .dropdown-backdrop{display:none;}



#header.manager-login-header.front-page-header{    padding: 5px 0; border-bottom:0}

@media(min-width:991px){
.front-page-header .dashlogopart{position:relative}
.front-page-header .logopart .logo-name{margin-left: 130px;font-weight: 600;}

.front-page-header .dashlogopart img{width: 120px; position:absolute; top:4px; left:0}
}

@media(max-width:991px){
	.back-web-link{text-align:center; margin-top:10px;}
	.section-for-main-box-content{padding-left: 25px;padding-right: 25px;}
}

.front-page-header .main-web-link{position:relative;display:inline-block; padding:6px 20px;}
.front-page-header .main-web-link {
    position: relative;
    display: inline-block;
    padding: 6px 20px;
    border: 2px solid #fff;
    color: #fff;
    margin: 12px 0;
}
.front-page-header .main-web-link:hover{    background: #1557a6;}

.content-box .sitewidth.clearfix{max-width: 90%; margin: 0 auto;}
.section-for-main-box-content{    margin: 60px 0;
    display: inline-block;
    width: 100%;}

.status_notified{display:none;}


@media print{
#header{ display:none;}
.actions-header.pull-right,.confirmation-links-top.pull-right{ display:none;}
.action-item{ width:auto;}
.action,.action-item, .no-print{ display:none;}
.pull-right.search-icon.jq_top_link{ display:none;}
.pull-right.jq_top_link{ display:none;}
#primary-content .page-section-title > div, #primary-content .sort_by { display:none!important;}
.pager-right{ display:none;}
footer{ display:none;}
.pager-wrappper.clearfix{ display:none;}
.backtop{display:none;}
.print-icon-btn-header{ display:none;}
.custom-container{ max-width:100%;}
.search_option{ display:none;}
.visible-sm.top_text{ display:none !important;}
.page-title-small{ display:none;}
.pull-right1.jq_top_link{ display:none;}
.section-upcoming-int{ display:none;}
.container.custom-container .cus-row{ display:none;}
.wrapper2,.wrapper1{ display:none;}
.page-content-area{ padding:0 !important;}
.member-table1 + br,.cus-row + br{ display:none;}
#PaymentLog + br, #PaymentLog + br + br ,.member-table1 + br, .member-table1 + br + br { display:none;}

.receipt-heading.dashboard-heading > div.jq_small-btns{display:none;}

.div3{display:none !important;}
.member-table table td, .member-table table th {
    font-size: 12px;
}

}
.print-each-btn {
    margin: 0 15px;
    background: #01619d !important;
    color: #fff !important;border:0;
}
.print-each-btn:hover{background:#124471 !important;}

@media print{
.notified-td img{display:none;}
.notified-td .status_notified{display:block;}
.member-table table td, .member-table table th {
    font-size: 9px;padding:3px 1px;
}
.page-section-title{margin: 0;display: inline-block;width: 100%;text-align: center;margin-bottom: 15px;}
.member-table1{clear:both}
.sort_by, .no-print-show{display:none !important;}
.no-print-margin-bottom{margin-bottom:0 !important;}
.no-print-margin-bottom-all{margin:0 !important}


}



@-webkit-keyframes new_appointment_request_active {
  0%, 50% {
    background-color: rgba(239, 193, 193, 1);
}
50%, 100% {
    background-color: rgba(242, 219, 219, .5)
}
}
@-moz-keyframes new_appointment_request_active {
   0%, 50% {
    background-color: rgba(239, 193, 193, 1);
}
50%, 100% {
    background-color: rgba(242, 219, 219, .5)
}
}
@-o-keyframes new_appointment_request_active {
   0%, 50% {
    background-color: rgba(239, 193, 193, 1);
}
50%, 100% {
    background-color: rgba(242, 219, 219, .5)
}
}
@keyframes new_appointment_request_active {
  0%, 50% {
    background-color: rgba(239, 193, 193, 1);
}
50%, 100% {
    background-color: rgba(242, 219, 219, .5)
}
}

.new_appointment_request, .new_interaction, .new_appointment_schedule_active {
  -webkit-animation: new_appointment_request_active 1.5s infinite alternate linear; /* Safari 4+ */
  -moz-animation:    new_appointment_request_active 1.5s infinite alternate linear; /* Fx 5+ */
  -o-animation:      new_appointment_request_active 1.5s infinite alternate linear; /* Opera 12+ */
  animation:         new_appointment_request_active 1.5s infinite alternate linear; /* IE 10+ */
  background:#efc1c1 !important;
}


@-webkit-keyframes new_appointment_schedule_active {
  0%, 50% {
    background-color: rgba(173, 252, 166, 1);
}
50%, 100% {
    background-color: rgba(188, 248, 182, .5)
}
}
@-moz-keyframes new_appointment_schedule_active {
   0%, 50% {
    background-color: rgba(173, 252, 166, 1);
}
50%, 100% {
    background-color: rgba(188, 248, 182, .5)
}
}
@-o-keyframes new_appointment_schedule_active {
   0%, 50% {
    background-color: rgba(173, 252, 166, 1);
}
50%, 100% {
    background-color: rgba(188, 248, 182, .5)
}
}
@keyframes new_appointment_schedule_active {
  0%, 50% {
    background-color: rgba(173, 252, 166, 1);
}
50%, 100% {
    background-color: rgba(188, 248, 182, .5)
}
}

.new_appointment_scheduled1 {
  -webkit-animation: new_appointment_schedule_active 1.5s infinite alternate linear; /* Safari 4+ */
  -moz-animation:    new_appointment_schedule_active 1.5s infinite alternate linear; /* Fx 5+ */
  -o-animation:      new_appointment_schedule_active 1.5s infinite alternate linear; /* Opera 12+ */
  animation:         new_appointment_schedule_active 1.5s infinite alternate linear; /* IE 10+ */
  background:#adfca6 !important;
}


@-webkit-keyframes new_ack_interaction_active {
  0%, 50% {
    background-color: rgba(111, 161, 255, 1);
}
50%, 100% {
    background-color: rgba(97, 151, 253, .5)
}
}
@-moz-keyframes new_ack_interaction_active {
   0%, 50% {
    background-color: rgba(111, 161, 255, 1);
}
50%, 100% {
    background-color: rgba(97, 151, 253, .5)
}
}
@-o-keyframes new_ack_interaction_active {
   0%, 50% {
    background-color: rgba(97, 151, 253, 1);
}
50%, 100% {
    background-color: rgba(97, 151, 253, .5)
}
}
@keyframes new_ack_interaction_active {
  0%, 50% {
    background-color: rgba(111, 161, 255, 1);
}
50%, 100% {
    background-color: rgba(97, 151, 253, .5)
}
}

.new_ack_interaction {
  -webkit-animation: new_ack_interaction_active 1.5s infinite alternate linear; /* Safari 4+ */
  -moz-animation:    new_ack_interaction_active 1.5s infinite alternate linear; /* Fx 5+ */
  -o-animation:      new_ack_interaction_active 1.5s infinite alternate linear; /* Opera 12+ */
  animation:         new_ack_interaction_active 1.5s infinite alternate linear; /* IE 10+ */
  background:#9497FF !important;
}

@-webkit-keyframes new_payment_interaction_active {
  0%, 50% {
    background-color: rgba(173, 252, 166, 1);
}
50%, 100% {
    background-color: rgba(188, 248, 182, .5)
}
}
@-moz-keyframes new_payment_interaction_active {
   0%, 50% {
    background-color: rgba(173, 252, 166, 1);
}
50%, 100% {
    background-color: rgba(188, 248, 182, .5)
}
}
@-o-keyframes new_payment_interaction_active {
   0%, 50% {
    background-color: rgba(173, 252, 166, 1);
}
50%, 100% {
    background-color: rgba(188, 248, 182, .5)
}
}
@keyframes new_payment_interaction_active {
  0%, 50% {
    background-color: rgba(173, 252, 166, 1);
}
50%, 100% {
    background-color: rgba(188, 248, 182, .5)
}
}

.new_payment_interaction {
  -webkit-animation: new_payment_interaction_active 1.5s infinite alternate linear; /* Safari 4+ */
  -moz-animation:    new_payment_interaction_active 1.5s infinite alternate linear; /* Fx 5+ */
  -o-animation:      new_payment_interaction_active 1.5s infinite alternate linear; /* Opera 12+ */
  animation:         new_payment_interaction_active 1.5s infinite alternate linear; /* IE 10+ */
  background:#adfca6 !important;
}

.page-section-title[aria-expanded="true"] i.fa:before{    content: "\f106";}

.subtext-accordion{display: block;font-size: 14px;margin-top: 10px;color: #01619d;}

.page-section-title[aria-expanded="true"] .subtext-accordion{display:none;}

.or-field{ text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;

    color: #1557a6;    max-width: 315px;
    margin-left: auto;
    margin-right: auto;position:relative;}
.or-field span{background: #ddd;
    padding: 0 7px;
    display: inline-block;
    position: relative;
    z-index: 1;
    line-height: 38px;
    font-size: 14px;
    border-radius: 50%;
    width: 38px;
    color: #000;}
.or-field:after{    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 40%;
    height: 1px;
    background: #000;    top: 19px;}
	.or-field:before{    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 40%;
    height: 1px;
    background: #000;    top: 19px;}
	
	@media(min-width:992px){
	.flex-row{    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
	}
	

.item-radio-info {
    display: inline-block;
    margin-right: 30px;
}
.check-for-info{    margin-top: 10px;
    margin-bottom: 10px;}
	
.check-for-info	.new-radio-style + label::before{    margin-top: -8px;}
.check-for-info .new-radio-style + label::after{    top: -6px;}


.appointment-alert-btn a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #01619d;
    background: #01619d;
    border-radius: 3px;
}
.appointment-alert-btn a:hover {
    border: 1px solid #022854;
    background: #022854;
}



/*Css create appointment start*/

.inside-appointment-create .hafa h3, .inside-appointment-create .appoint_item h3 {
    text-align: center;
    color: #1557a6 !important;
    font-size: 24px !important;
    margin-top: 32px !important;
	
    font-weight: bold;
    line-height: 34px;
}
.inside-appointment-create .appoint_item h3 {margin-bottom:30px !important; padding-bottom:15px;}






.inside-appointment-create .form-input label {
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.inside-appointment-create .ssn-label{display: inline-block;font-size: 16px;color:#555; font-weight:bold}
.inside-appointment-create .form-input label.no-top-margin{margin-top:0}

span.req-green {
    color: green;
}


.inside-appointment-create .form-mrgin {
    margin-bottom: 24px !important;
    margin-top: 0px
}
.inside-appointment-create .form-input label{margin-top:14px;}

.inside-appointment-create .add-more-field-link{margin-top:0px; margin-bottom:10px;}

.inside-appointment-create .float-label-control {
    position: relative;
    margin-bottom: 1.5em;
}
.inside-appointment-create .col-sm-3.form-input{padding:0 10px;}

.inside-appointment-create .float-label-control::-webkit-input-placeholder {
    color: transparent;
}

.inside-appointment-create .float-label-control:-moz-placeholder {
    color: transparent;
}

.inside-appointment-create .float-label-control::-moz-placeholder {
    color: transparent;
}

.inside-appointment-create .float-label-control:-ms-input-placeholder {
    color: transparent;
}

.inside-appointment-create .float-label-control input:-webkit-autofill,
.inside-appointment-create .float-label-control textarea:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -moz-box-shadow: 0 0 0 1000px white inset !important;
    box-shadow: 0 0 0 1000px white inset !important;
}

.inside-appointment-create .float-label-control input,
.inside-appointment-create .float-label-control textarea,
.inside-appointment-create .float-label-control label {
    font-size: 13px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.inside-appointment-create .float-label-control input:focus,
.inside-appointment-create .float-label-control textarea:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom-width: 2px;
   
}

.inside-appointment-create .float-label-control textarea:focus {
    padding-bottom: 4px;
}

.inside-appointment-create .float-label-control input,
.inside-appointment-create .float-label-control textarea {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #000 !important;
    padding: 0.1em 0em 1px 0em;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid #000;
    outline: none;
    margin: 0px;
    background: none;font-weight:600
}
.inside-appointment-create .form-control{    font-weight: 600;
    color: #000 !important;
    font-size: 16px !important;}

.inside-appointment-create .float-label-control textarea {
    padding: 0.1em 0em 5px 0em;
}

.inside-appointment-create .float-label-control label {
    position: absolute;
    font-weight: normal;
    top: -1.0em;
    left: 0.08em;
    color: #aaaaaa;
    z-index: -1;
    font-size: 0.85em;
    -moz-animation: float-labels 300ms none ease-out;
    -webkit-animation: float-labels 300ms none ease-out;
    -o-animation: float-labels 300ms none ease-out;
    -ms-animation: float-labels 300ms none ease-out;
    -khtml-animation: float-labels 300ms none ease-out;
    animation: float-labels 300ms none ease-out;
    /* There is a bug sometimes pausing the animation. This avoids that.*/
    animation-play-state: running !important;
    -webkit-animation-play-state: running !important;
}

.inside-appointment-create .float-label-control input.empty + label,
.inside-appointment-create .float-label-control textarea.empty + label {
    top: 0.1em;
    font-size: 1.5em;
    animation: none;
    -webkit-animation: none;
}

.inside-appointment-create .float-label-control input:not(.empty) + label,
.inside-appointment-create .float-label-control textarea:not(.empty) + label {
    z-index: 1;
}

.inside-appointment-create .float-label-control input:not(.empty):focus + label,
.inside-appointment-create .float-label-control textarea:not(.empty):focus + label {
    color: #aaaaaa;
}

.inside-appointment-create .float-label-control.label-bottom label {
    -moz-animation: float-labels-bottom 300ms none ease-out;
    -webkit-animation: float-labels-bottom 300ms none ease-out;
    -o-animation: float-labels-bottom 300ms none ease-out;
    -ms-animation: float-labels-bottom 300ms none ease-out;
    -khtml-animation: float-labels-bottom 300ms none ease-out;
    animation: float-labels-bottom 300ms none ease-out;
}

.inside-appointment-create .float-label-control.label-bottom input:not(.empty) + label,
.inside-appointment-create .float-label-control.label-bottom textarea:not(.empty) + label {
    top: 3em;
}


.inside-appointment-create .phone-no-code .phone-no-code{display:inline-block;    width: 60px;}
.inside-appointment-create .phone-no-code .phone-no{width: calc(100% - 84px);display:inline-block;margin-left:0px;}

.inside-appointment-create .sep-dash{    font-size: 28px;
    line-height: 0;
    margin: 0 5px;}
	

.bottom-label span {
    margin-right: 10px;
}
.bottom-label {
    bottom: 0;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 3px;
}


/*end first step css*/

.inside-appointment-create .land-repeated-form-section > .form-section.land_repeated_form .remove_item_repeat {
    display: none;
}
.inside-appointment-create .remove-section {
	position: absolute;
    top: 5px;
    right: 15px;

}
.inside-appointment-create .remove-section .remove_item_repeat{border: 0;border-radius: 5px;background: #000;color: #fff;width: 26px;line-height: 24px;cursor:pointer}
.inside-appointment-create .remove-section .remove_item_repeat:hover{background:#1557a6}
.inside-appointment-create .row.field-group{position:relative}

.inside-appointment-create{max-width:1050px; margin:0 auto}

.inside-appointment-create form small.error {
    color: #fff;
    background: #cb1919;
    padding: 0px 5px;
    margin-top: 2px;
    border-radius: 3px;
    font-weight: 500 !important;
    font-size: 12px !important;
    width: 100%;
    position: absolute;
    bottom: -32px;
    left: 0;
    margin-bottom: 10px;
}

.inside-appointment-create .new-radio-style + label{font-weight:700}

.error-summary .item-error {
    display: none;
    padding: 2px 10px;
    text-align: left;
    font-size: 13px;
}
.error-summary .item-error:last-child {
    display: block;
}

/*Css create appointment End*/


.listing-dash-title {
    margin-bottom: 15px;
    padding-bottom: 1px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
#primary-content .listing-dash-title h2 {
    font-size: 18px;
    color: #01619d;
}
.listing-dash-title:after {
    position: absolute;
    bottom: -1px;
    width: 50px;
    height: 2px;
    background: #01619d;
    left: 0;
    content: "";
}

.mas-edit .form-group {
    width: 50%;
    float: left;
    padding: 0 15px;
}


.btn-group.bootstrap-select{width:100% !important;}

.bootstrap-select > .dropdown-toggle{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;margin-bottom:5px;}
	
.account-setting .btn-group.open .dropdown-toggle{outline:none !important;     border: 1px solid #01619d !important;
    background: #f9f9f9 !important; box-shadow:none !important}

.account-setting .bootstrap-select .dropdown-toggle:focus{ outline:none !important;     border: 1px solid #01619d !important;
    background: #f9f9f9 !important; box-shadow:none !important}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.bootstrap-select .filter-option{color:#000}

.bootstrap-select .dropdown-menu{padding-bottom:0;}

.bootstrap-select .bs-searchbox, .bootstrap-select .bs-actionsbox, .bootstrap-select .bs-donebutton {
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    background: #f9f9f9;
}

.bootstrap-select .bs-donebutton .btn-group button{float:left; width:auto;}

.bootstrap-select.btn-group .dropdown-menu.inner{padding-left:0 !important;     max-height: 300px !important;}

.bootstrap-select.dropup .caret{    border-top: 4px dashed;    border-bottom: 0;}

.bootstrap-select.dropup.open .caret{    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;}
	
.bootstrap-select{    position: relative;
    background: #fcfcfc;}

	
.bootstrap-select .dropdown-menu > li > a{    padding: 8px 20px 8px 40px;}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{margin-top: 7px !important;}



.flex-group-half {display:flex}
.flex-group-half .inputGroupContainer{width:100%;}

.center-section .account-setting.mas-edit table{width:100%;}


.mas-edit .three-form-input .form-group{width:33.33%;}

.mas-edit input[type="file"]{
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;
}


.add-cat-section a.backbtn.add-item-btn u{text-decoration:none;} 

.add-cat-section a.backbtn.add-item-btn {
    padding: 5px 15px;
    background: #01619d;
    font-size: 14px;
    color: #fff;
    text-decoration: none !important;
    border-radius: 5px;
}

.add-cat-section a.backbtn.add-item-btn:hover{background: #bba86e;}