@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 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%;}

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

:focus {outline: 0;}
a{ color: #ed4f11;}
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 */



iframe {
    width: 100vw;  /* Full width of the viewport */
    height: 113vh; /* Full height of the viewport */
    border: none;  /* Remove iframe border */
}

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



/* 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: 2px 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:#ed4f11;}
.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 #ed4f11;
    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: 24px;    margin-top: 0px;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #ed4f11; -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:#ed4f11;}
#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: #ed4f11;}
#cssmenu > ul > li.has-sub:hover > .submenu-button::after, #cssmenu > ul > li.has-sub.active > .submenu-button::after{background: #ed4f11;}
#cssmenu ul ul li:hover > .submenu-button::before, #cssmenu ul ul li a:hover > .submenu-button::before{background: #ed4f11;}
#cssmenu ul ul li:hover > .submenu-button::after, #cssmenu ul ul li a:hover > .submenu-button::after{background: #ed4f11;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #ed4f11;}

#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:20px;}
.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: 225px;
    padding: 10px 0;
    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: 100; }
.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: #ed4f11;}
.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: #ed4f11;
    -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: 15%; 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: #ed4f11;
    color: #ed4f11 !important;
}

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

#counter ul {
    padding: inherit;color:#ed4f11;
	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:#ed4f11; 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 #ed4f11;
    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 #ed4f11;
    border-bottom: 1px solid #ed4f11;}

/*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 #ae1329; padding:15px;}


.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-figure figure img{-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;}
	
.mfp-figure figcaption {background:transparent;}
.mfp-figure figure{cursor:auto;}




























.hover-view {
   
   background: #fff url(../images/bgimg.jpg) center center;
}
.hover-view .hover-mask,.hover-view .content {
   width: 100%;
  	height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.hover-view img {
   display: block;
   position: relative;width:100%;
}
.hover-view h3 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 21px;
       font-weight: 700;
   padding: 10px;
   background: rgba(78,140,217, 0.7);
   margin: 10px 0 40px 0;
}
.hover-view p {
   
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.hover-view a.info {
   text-decoration: none;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
    border: 1px solid #fff;
    padding: 6px 12px;
    background: #4e8cd9;
    color: #fff;
    min-width: 150px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0s ease-out;
    position: relative;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
	transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
}
.hover-view-first:hover a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
       background: transparent;
	   -webkit-transition: all 0s ease-out;
	   transition: all 0s ease-out;
    position: relative;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
	   
}

.hover-view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.hover-view-first .hover-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.hover-view-first h3 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.hover-view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.hover-view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.hover-view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.hover-view-first:hover .hover-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.hover-view-first:hover h3,
.hover-view-first:hover p,
.hover-view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.hover-view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.hover-view-first:hover a.info {
 
}

.fig-caption{position:absolute;top:50%; transform:translatey(-50%);-webkit-transform:translatey(-50%);-moz-transform:translatey(-50%);-ms-transform:translatey(-50%);width:100%;}


		
		
#testim .slick-arrow{display:none !important;}	

.testi-sec-item{    max-width: 70%;
    margin: 0 auto;}

@media(min-width:991px){
/* ---------------- For sticky header: class="float-panel"  ------------------*/
.not-sticking {
   transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}



/* when class="float-panel fixed" */
.sticking {animation: slide-down 0.7s;
  box-shadow:0 2px 6px rgba(0,0,0,0.2); background:#fff;}

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

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




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



.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:#ed4f11}
.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: #ed4f11;
    font-size: 18px;
    border: 2px solid #ed4f11;
    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 #ed4f11;
   border-bottom:1px solid #ed4f11;
	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: #ed4f11;
    margin-bottom: 20px;position:relative;
}
.section-title:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background: #ed4f11;
    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: #ed4f11;
}


.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;
	height: 54px;
}
.testi-header .post-thumbnail img {

}
.company-name-review h4{font-size:16px; color:#000;     font-weight: 600;}
.testimonial-rating {
    font-size: 16px;
    color: #ed4f11;    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: #ed4f11;
    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: 4px 0;
    padding: 5px 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:#ed4f11;}
.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: #ed4f11;
}

.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: #444;
    padding: 40px 0;
}

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


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

	
	.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: 340px;margin-top:20px;}


.login-block-section{    max-width: 550px;
    background: #f9f9f9;
    border-radius: 10px;
    margin: 50px auto;    overflow: hidden;width: 90%;border:2px solid #ed4f11;
	
	}

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

}
.login-block-title{    background:#ed4f11;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
  }

.login-block h1 {
    text-align: center;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.login-block input[type=text], .login-block input[type=password], .login-block input[type=number], .login-block input[type=email] {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 4px;
    font-size: 14px;
    
    padding: 0 35px 0 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 {
   margin: 15px 0;
}




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

.eye-icon-field {
    position: absolute;
    float: right;
    right: 10px;
    top: 12px;
    font-size: 20px;
}
.eye-icon-field a {
    cursor: pointer;
}

.login-block .input-group-item{text-align:left;margin-bottom:25px;position: relative;}
.login-block .input-group-item > label{text-align:left; font-size:14px; font-weight:600;}
.input-group-item div.error, .form-group div.error, .error-message{    background: #a94442;
    padding: 2px 5px; display:block;
    color: #fff;
    border-radius: 4px;
    font-size: 12px !important;
    border: 1px solid #ddd;    display: block;
    margin-top: 5px;
    margin-bottom: 5px;}
	
#ContactUsContactUsForm .input.text.error,#ContactUsContactUsForm .input.email.error{background: none;padding: 0;border: none;margin: 0;}
#ContactUsContactUsForm .error-message{ margin-top:0;}
	
#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%;
    font-size: 12px !important;margin-bottom: 10px;}
	
	.new-checkbox + label::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    background-color: rgba(255,255,255,.8);
    border-radius: 4px;
    border: 2px solid #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: #be1238;}
.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-btn{
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    font-size: 16px;
    background: #ed4f11;
    border: 2px solid #ed4f11;
}

.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: 36px;color:#000;
}
.right-info:hover{color:#ed4f11}

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: #ed4f11;
    border: 2px solid #ed4f11;}

.common-btn:hover{    background: transparent;
    color: #ed4f11;}
.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: #ed4f11;
    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: #ed4f11;
    color: white;
}


.profile-photo-section {
        text-align: center;
    margin-bottom: 0px;
    padding-bottom: 10px;
}
.image-preview {
    
	
}
.overlay-img-text{transition:.5s all; -webkit-transition:.5s all; -moz-transition:.5s all;}
.remove_img{transition:.5s all; -webkit-transition:.5s all; -moz-transition:.5s all;}
.image-preview {cursor:pointer;}
.image-preview .image_for-upload{-webkit-filter: blur(7px);
	-moz-filter: blur(7px);
	filter: blur(7px); transition:.5s all; -webkit-transition:.5s all; -moz-transition:.5s all;}
	
.not_blur.image-preview .image_for-upload{-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	filter: blur(0px);}
.not_blur.image-preview .overlay-img-text{opacity:0; visibility:hidden;transition:.5s all; -webkit-transition:.5s all; -moz-transition:.5s all;}
.image-preview img{    border-radius: 8px;}
.image-preview{position:relative;}
.overlay-img-text{
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 14px;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
padding: 5px;
background: rgba(237,79,17,.75);
color: #fff;
width: 200px;
margin: 0 auto;
right: 0;
border-radius: 5px;
}
.remove_img{
position: absolute;
top: 0;
font-size: 18px;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
padding: 0px 8px;
background: #000;
color: #fff;
width: 26px;
    right: -10px;
border-radius: 20px;
float: right;
}

.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: 1px solid #ccc;color: #000;padding: 4px 20px;border-radius: 5px;font-size: 25px;position: relative;z-index: 1;cursor: pointer;line-height: 70px;background: #eee;width: 80px;}
.file-upload__label:hover{
  background: #ed4f11;color:#fff;border-color: #ed4f11}


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


.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: 59px;
    padding: 0 .18em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 260%;font-weight:100 !important;
  color: #b1b1b1; font-family: 'FontAwesome';margin-bottom:0;
}
.star-rating-add > fieldset:not(:checked) > label span{display:none;}
.star-rating-add > fieldset:not(:checked) > label:before {
  content: '\f006  ';

}
.multi-star-rating h3 i{font-size: 22px}
.multi-star-rating {text-align:center}
.multi-star-rating .star-rating-add{position:relative; display:inline-block}
/*.multi-star-rating .star-rating-add:before{content: "";
background: url(../images/Hand-RightFingre.png) no-repeat;

    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
width: 35px;
height: 35px;
background-size: 100%;
position: absolute;
left: -50px;
background-position: center;
top: 5px; }*/

@media(max-width:350px){
.multi-star-rating .star-rating-add:before{left: -35px;}
}


.review-details #ReviewReview::-webkit-input-placeholder {
	opacity:1;
  background-image: url(../images/placeholder-text.png);
  background-position: 50% 50%;
  background-repeat: no-repeat; font-size: 0;

background-size: auto 35px;    width: 100%;
    height: 90px;
}

.profile-photo-section {
   /* display: flex;
   
    justify-content: center;
    align-items: center;*/
    width: 100%;max-width:320px;
    margin: 0 auto;
}

.profile-photo-section .image-preview{width:70%; display:inline-block; vertical-align:middle; margin:0 auto}
.profile-photo-section .image-preview img{/* margin: 0px auto 0px auto;

border: 1px solid #ddd;

border-radius: 8px;

overflow: hidden;

padding: 4px; */

width: 100%;
max-width: inherit;    margin-bottom: 10px;
}


.profile-photo-section .or-sep{width:25%; display:inline-block; vertical-align:middle}
.profile-photo-section .upload-btn-wrapper{width:24%; display:inline-block; vertical-align:middle;    margin: 0 auto;}
.profile-photo-section .upload-btn-wrapper label{margin-bottom:0}

.review-details #ReviewReview::-moz-placeholder {
opacity:1;
background-image: url(../images/placeholder-text.png);
  background-position: 50% 50%;
  background-repeat: no-repeat; font-size: 0;

background-size: auto 35px;    width: 100%;
    height: 90px;
}
.review-details #ReviewReview:-moz-placeholder {
opacity:1;
  background-image: url(../images/placeholder-text.png);
  background-position: 50% 50%;
  background-repeat: no-repeat; font-size: 0;

background-size: auto 35px;    width: 100%;
    height: 90px;
}
.review-details #ReviewReview:-ms-input-placeholder {
opacity:1;
  background-image: url(../images/placeholder-text.png);
  background-position: 50% 50%;
  background-repeat: no-repeat; font-size: 0;

background-size: auto 35px;    width: 100%;
    height: 90px;
}


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

.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;margin-top: 18px;}


.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:#ed4f11}
.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 {
   
    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 #ed4f11!important;
    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: #ed4f11;
}

.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: #ffffff;
    font-size: 18px;
    padding-top: 20px;
    display: inline-block;
    transition: all 0.5s;
    font-size: 14px;
    font-weight: 600;
}

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

.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){

}

.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:4em 0;}
/*
.icon-box{text-align:center;border:1px solid #ddd; position:relative;    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);

    margin-bottom: 30px;
    overflow: hidden; background:#fff;}




.icon-image{} 
.icon-image a{display:block; padding:30px;}
.icon-box-title {
    font-size: 18px;
    padding: 10px;
    font-weight: 600;
	color:#fff;
    background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#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: 18px;
}
.mas-snap-body ul li span a:hover{color:#075b91;}


.whats-new {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);

    overflow: hidden;
}
.whats-new{    background: #fff;
    border-radius: 20px 20px 0px 0px;
    padding: 30px;}
.whats-new-title{    padding: 5px 20px;}
.whats-new-title h3{margin-top:0;margin-bottom:15px;color:#fff !important;}
.whats-new-date{margin-bottom:10px;font-size:12px;}
.whats-new p{font-size:14px;}
.whats-new-section{background: #ed4f11;
    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:#fff; font-size:14px;}
.back-to-page a:hover{color:#000}

.account-setting {
    padding-top: 0px;
}
.box-style {
    background: #f9f9f9;
    border: 1px solid #d7dfe3;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    overflow: hidden;
    /* margin-top: 20px; */
    padding: 20px;
}
.account-setting table tr {
    border-bottom: 1px solid #ddd;
}
.account-setting table tr:last-child{border-bottom:0;}
.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 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2px;
    color: #ed4f11;
    background-color: transparent;
    border: 2px solid #ed4f11;
    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;
}
#adv_search {
    padding: 20px 10px;
    background: #fff;
    margin: 20px 0;
    border: 1px solid #dee0df;clear: right;
}
#adv_search .search-form-item {
    padding: 7px 12px;
    font-size: 14px;
    min-height: 38px;
    border-radius: 5px;    width: 100%; border:1px solid #ddd; transition:.4s all;
}
#adv_search .search-form-item:focus{    border: 1px solid #ed4f11;
    background: #f9f9f9;}
.closesearch {
    float: right;
    cursor: pointer;
    
    margin-right: 10px;
position: absolute;
right: 0;
top: -10px;
}
.closesearch:hover{color: #ed4f11;}
.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: #888;}
.member-table th {
    
    color: white;
    font-size: 14px;
}
.member-table th, .member-table td {
    text-align: left;
    padding: 12px 8px;
    font-size: 14px;
}
.member-table table tr {
    border-bottom: 1px solid #eee;
}
.member-table table tr:nth-child(even){background:#fff;}


.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:#04af49}	

.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: #ed4f11;
    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: 4px 0px;
    font-size: 20px;
}

.refresh-icon-btn{color:#000;}

.search-content{position:relative; padding-top:20px;}


@media(max-width:767px){
	.whats-new-date{float:none;font-size: 12px;display: block;}
	.action-item a {
    padding: 3px;
    display: inline-block;
}
.logo-section, .top-menu.text-right{text-align:center;}
.logo-section .logopart{margin-right:0;}
.form-item{max-width:100%;margin-bottom: 2px;margin-top: 2px;}

}
@media(max-width:640px){

	.page-title-bar .page-title h2{margin:0 !important; font-size:24px !important;}
	.back-to-page{padding-top:5px;}

}

@media(max-width:480px){
	.menu-item a{font-size:11px;padding: 5px 0px;}
	.back-to-page a{font-size:12px;}
	.loginBtnCont .ytBtn{font-size:14px !important; padding: 6px 20px;}
	.log-out-page-btn{margin:0 4px;}
	
	.page-title-bar .page-title{display:block;}
	.back-to-page{float: left;
padding-top: 15px;}

.inner-title-banner.dash-title-bg h2{font-size:24px !important}
	
}



.icon-box {
    background: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 3px 10px rgba(0,0,0,0.08);
    margin-bottom: 30px;
    overflow: hidden; 
	transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;
}
.icon-box:hover{    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%); box-shadow: 0 7px 14px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.14);}
.icon-box:hover .icon-box-name-title .icon-box-title{color:#fff;}
.icon-box:hover .icon-box-name-title{-webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit; background:transparent !important;}
.icon-box-item {
    color: #000;
    padding: 20px 20px;
}
.icon-image {
    position: relative;
    
    width: 100px;
    opacity: .15;
    margin:0 auto;
}
.icon-box-item img {
    max-width: 100%;
}
.icon-box-name-title {
    position: relative;
    z-index: 1;
}
.icon-box-title {
    padding: 10px 0px 5px;
    color: #000;
    font-weight: 700;
    text-align: center;
    font-size: 24px;
}
.icon-box.orange-box .icon-links {
       background: rgb(14,141,198);
    background: -moz-linear-gradient(left, rgba(14,141,198,1) 0%, rgba(10,157,141,1) 50%, rgba(7,172,87,1) 100%);
    background: -webkit-linear-gradient(left, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    background: linear-gradient(to right, rgba(14,141,198,1) 0%,rgba(10,157,141,1) 50%,rgba(7,172,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1238', endColorstr='#be1238',GradientType=1 );
}
.icon-links a {
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}


.pay-table-section{    padding: 0 15px;
    background: #fff;

    padding-bottom: 20px; position:relative;    border: 1px solid #ddd; border-top:0;}
	
	.pay-table-section:before {
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(to right,#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%;}

.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;    margin-bottom: 40px;}
.inner-content-area.over-banner-top	.list-name-business{box-shadow:none !important}
.inner-content-area.over-banner-top	.directory_listing{margin-top:0;    min-height: 360px;}


	
	
.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: "\2713";
    color: #be1238;
    font-size: 28px;
    text-align: center;
    padding: 2px;
    top: -12px;
    left: 2px;
    opacity: 1;
    visibility: visible;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    position: absolute;

}




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

.new-radio + label {
    font-weight: 600;
    margin: 0;
    position: relative;
    line-height: 1;
    cursor: pointer;
    vertical-align: top;
    margin-top: 8px;
    max-width: 170px;
    font-size: 14px;margin-bottom: 10px;}
	
	.new-radio + label::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #be1238;
    margin-top: -4px;
}
.new-radio + label::after {
   content: "";
color: #be1238;
font-size: 28px;
text-align: center;
padding: 2px;
top: 2px;
left: 6px;
opacity:0;
visibility: visible;
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
position: absolute;
width: 10px;
height: 10px;
background: #be1238;
border-radius: 50%;
 
}

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



.actionable-item{margin:20px 0;}
	.actionable-item a.tc-a-icon{    padding: 30px;
   border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    width: 140px; margin-bottom: 15px;
     position:relative;background:#fff;}
	
	.tc-a-icon{    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;}
	.tc-a-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
	.tc-a-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #ed4f11;
    -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 #ed4f11;
		background:#fff3eb !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 #ed4f11;
}




.actionable-item a.tc-a-link{    display: block;
    margin-top: 5px;
    font-weight: 700;
    font-size: 16px;
	color:#000;
}
.actionable-item a.tc-sub-link{font-size:14px; display:block;}


.actionable-item a.tc-a-link:hover{color:#ed4f11;}


.mas-snapshot {
    background:#ed4f11;
    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:first-child {
    border: 0;
}
   .mas-snap-body ul li {
    font-weight: 600;
    color: #606062;
    margin: 8px 0;
    font-size: 16px;
    display: inline-block;
    padding: 5px 15px;
    border-left: 1px solid #bbb;
    line-height: 10px;
}
.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: #ed4f11;
}

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

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

.manager-login-header {
    text-align: center;
    background: transparent !important;
}


ul.top-menu{    margin: 0;
    padding: 0;
    margin-top: 15px;}
ul.top-menu>li {
       position: relative;
    display: inline-block;
	    padding: 8px 0;
}
.dashboard-page .logopart img {
    padding: 10px 0;
	}
ul.top-menu > li > a.user-icon-menu {
    color: #666666;
    font-size: 16px;
    background: #f6f6f6;
    padding: 4px 8px;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
	    position: relative;
    display: block;
    padding: 10px 15px;
    padding-right: 8px !important;
}
.top-nav ul.top-menu>li>a.user-icon-menu {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 0px;
    background: none;
    margin-right: 0;
    border: 1px solid #F6F6F6;
    background: #F6F6F6;
}
.top-nav>li>a.user-icon-menu>img {
    max-width: none;
}
.top-nav img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 28px;
}
.top-nav .username {
    font-size: 13px;
    color: #555555;
}
.top-nav .nav .caret {
    border-bottom-color: #A4AABA;
    border-top-color: #A4AABA;
}
.top-nav ul.top-menu>li .dropdown-menu.logout {
    width: 190px !important;
}



.top-nav .dropdown-menu.extended.logout {
    top: 50px;
}

.top-nav li.dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto;
}

.dropdown-menu.extended.logout {
    padding: 0px;
}
.dropdown-menu.extended.logout li a{    padding: 8px 20px;     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: #ed4f11;
  top: 3px;
}

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

.dropdown .ham-icon .hamb-bottom {

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

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

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

  background-color: #ed4f11;
  margin-top: -2px;
  top: 50%;
}

.dropdown.open .ham-icon:before {
  -webkit-transform: translate3d(0, 0, 0);

  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.dropdown.open .ham-icon:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);

  display: block;
  opacity: 1;
}

.top-nav ul.top-menu>li {
    vertical-align: middle;
}

.menu-item.logout-link a{    color: #000;}

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


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

.border-gredient{background: #ed4f11;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:#ed4f11;
		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: #ed4f11;
    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, div#ReviewReview-error.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}



.desktop-top-head.dash-top-head-bar{display:none}

@media(max-width:991px){
.desktop-top-head.dash-top-head-bar{display:block}
	.hide-on-mobile{display:none !important;}
	ul.top-menu > li.dropdown{margin-right:15px;}
	
	.welcome-bar .login-status .col-md-12{padding:0}

.mobile-top-gap {
    margin-top: 20px;
    padding-top: 20px;
}


#adv_search td{width:50%;display:inline-block; margin-right:-4px;margin-bottom: 20px;}
#adv_search .tr-gap{display:none;}


}

@media(max-width:767px){
#adv_search td{width:100%;display:inline-block; }
#adv_search td.td-gap{display:none;}
.filters-btn-section{text-align:center !important}
.filters-btn-section .search-btn{display:block;}
}
@media(max-width:710px){
.welcome-bar .login-status{float:left;margin-top: 0px;}
	#primary-content h2 {
	margin-bottom: 5px;
	margin-top: 5px;
	}
	.actionable-item {
    margin: 10px 0 !important;
    padding: 10px 0 !important;
}
}

@media(max-width:450px){
	.receipt-heading.dashboard-heading{text-align:center;}
	.receipt-heading.dashboard-heading > div:first-child{display:block !important}
	.receipt-heading.dashboard-heading > div{vertical-align: middle;margin: 20px 4px;margin-bottom: 20px;margin-left: 4px;margin-bottom: 0;
display: inline-block; float:none !important}
.dashboard-heading .refresh-icon-btn{margin-right:0;}

#primary-content h3{font-size:22px}
.modal-body .common-btn{padding: 8px 15px;font-size: 14px;}

.btn-one-by-one .common-btn{display: inline-block;

margin: 10px 0;}

}



/*Price Table Css Start*/

.subprice{margin-top:15px; font-size:16px;}

#primary-content .price-tabing #prices {

  margin: auto;
  width: 100%;

  font-weight: normal;
}

#primary-content .price-tabing #prices tbody{border:0;}

#primary-content .price-tabing #prices td{vertical-align:middle;    width: 25%;     padding: 0 10px;}

#primary-content .price-tabing .pricing-table {
  width: 100%;
  margin: auto auto 20px auto;
  position: relative;
  min-height: 340px;
  padding-bottom: 0px;
  text-align: center;
  background: #fff;    background: #f9f9f9;
}
#primary-content .price-tabing .popular .pricing-table{background:#fff;    padding-bottom: 0px;}
#primary-content .price-tabing .popular .pricing-table .price-table-button a{    bottom: 65px;}
#primary-content .price-tabing .pricing-table{
	-moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);

        -webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,.2);

        box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
		border:1px solid #ccc;  
}
#primary-content .price-tabing .pricing-table:after{ z-index: -1;

      position: absolute;

      content: "";

      bottom: 10px;

      right: 6px;
      width: 80%;
      top: 80%;
      -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);  
      -moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
      box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
      -webkit-transform: rotate(3deg);   
      -moz-transform: rotate(3deg);  
      -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
      transform: rotate(3deg); 
}

#primary-content .price-tabing .pricing-table:before{ z-index: -1;

      position: absolute;

      content: "";

      bottom: 10px;

      left: 8px;
      width: 80%;
      top: 80%;
      -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);  
      -moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
      box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
      -webkit-transform: rotate(-3deg);   
      -moz-transform: rotate(-3deg);  
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      transform: rotate(-3deg); 
}

#primary-content .price-tabing .pricing-table td {
  width: 33%;
  vertical-align: top;
}

#primary-content .price-tabing .pricing-table h2 {
  display: block;
  margin-top:0;
  margin-bottom: 0px;
  padding: 10px;
  font-size: 1.4em;
  
  font-weight: 800;
  text-transform: uppercase;
}


#primary-content .price-tabing .color1 .pricing-table h2{
	background: #ed4f11;
}

#primary-content .price-tabing .color1 .pricing-table p:before{color:#f60c93}

#primary-content .price-tabing #prices td:last-child h2 {

}

#primary-content .price-tabing .pricing-table h3 {
  display: block;
  margin: 0;
  padding: 0 0 10px;
  background: #102e5c;
  font-size: 0.9em;
}

#primary-content .price-tabing #prices td:last-child h3 {
  background: #018FFF;
}

#primary-content .price-tabing .pricing-table h4 {
  display: block;
  margin: 0;
  width: 90%;
  padding: 20px;
	margin:0 auto;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
  font-size: 1.75em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#primary-content .price-tabing .pricing-table h4 span{    font-size: 48px;
    display: inline-block;
    font-weight: 700;}

#primary-content .price-tabing .pricing-table h4 sup{    top: -1em;}

#primary-content .price-tabing .color1 .popular .pricing-table h4{color:#ed4f11;}

#primary-content .price-tabing .color1 .pricing-table h4{color:#666;}

#primary-content .price-tabing #prices td:last-child h4 {

}

#primary-content .price-tabing .pricing-table h5 {
  display: block;
  margin: 0 0 0px 0;
  font-weight: 700;
  padding: 10px;
 
}
#primary-content .price-tabing .pricing-table h5 {  font-size: 1.4em;padding-top:0;}
#primary-content .price-tabing .color1 .pricing-table h5 {    background: #0095da;}
#primary-content .price-tabing #prices td:last-child h5 {

}

#primary-content .price-tabing .pricing-table h2,
#primary-content .price-tabing .pricing-table h3,
#primary-content .price-tabing .pricing-table h4,
#primary-content .price-tabing .pricing-table h5 {
  color: #fff;
}

/* Popular Table */
#primary-content .price-tabing .popular .pricing-table {

  min-height: 400px;
}

#primary-content .price-tabing .popular .pricing-table h2 {
  font-size: 1.6em;    padding-bottom: 15px;

}
#primary-content .price-tabing .color1 .pricing-table h2 a{color:#fff !important;}
#primary-content .price-tabing .color1 .pricing-table h2 a:hover{color:#f1f1f1 !important;}
#primary-content .price-tabing .color1 .pricing-table h4 a{color:inherit !important;}
#primary-content .price-tabing .color2 .pricing-table h2{background:#ec008c;}
#primary-content .price-tabing .color2 .pricing-table h5{background:#ec008c;}
#primary-content .price-tabing .color2 .pricing-table h4{color:#ec008c;}
#primary-content .price-tabing .color2 .pricing-table h3 {background: #ec008c;}
#primary-content .price-tabing .color2 .pricing-table p:before {color: #ec008c;}
#primary-content .price-tabing .color2 .pricing-table .price-table-button a:hover {background: #ec008c;border-color: #ec008c;}

#primary-content .price-tabing .color3 .pricing-table h2{background:#f58220;}
#primary-content .price-tabing .color3 .pricing-table h5{background:#f58220;}
#primary-content .price-tabing .color3 .pricing-table h4{color:#f58220;}
#primary-content .price-tabing .color3 .pricing-table h3 {background: #f58220;}
#primary-content .price-tabing .color3 .pricing-table p:before {color: #f58220;}
#primary-content .price-tabing .color3 .pricing-table .price-table-button a:hover {background: #f58220;border-color: #f58220;}

#primary-content .price-tabing .color4 .pricing-table h2{background:#5bbf1d;}
#primary-content .price-tabing .color4 .pricing-table h5{background:#5bbf1d;}
#primary-content .price-tabing .color4 .pricing-table h4{color:#5bbf1d;}
#primary-content .price-tabing .color4 .pricing-table h3 {background: #5bbf1d;}
#primary-content .price-tabing .color4 .pricing-table p:before {color: #5bbf1d;}
#primary-content .price-tabing .color4 .pricing-table .price-table-button a:hover {background: #5bbf1d;border-color: #5bbf1d;}

#primary-content .price-tabing .color5 .pricing-table h2{background:#000;}
#primary-content .price-tabing .color5 .pricing-table h5{background:#000;}
#primary-content .price-tabing .color5 .pricing-table h4{color:#000;}
#primary-content .price-tabing .color5 .pricing-table h3 {background: #000;}
#primary-content .price-tabing .color5 .pricing-table p:before {color: #000;}
#primary-content .price-tabing .color5 .pricing-table .price-table-button a:hover {background: #000;border-color: #000;}


#primary-content .price-tabing .color1 #prices .pricing-table h3 {
    background: #ed4f11;
}

#primary-content .price-tabing .popular .pricing-table h4 {

}

#primary-content .price-tabing .popular .pricing-table h5 {
    font-size: 1.6em;
    padding-top: 0;
}

#primary-content .price-tabing .pricing-table p {
      margin: 5px auto;
    padding: 5px 0 5px;
    width: 90%;
    font-weight: 300;
    border-top: 0px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
	
    position: relative;text-align:center;
}
#primary-content .price-tabing .pricing-table p.cut-item, #primary-content .price-tabing .pricing-table p strike{    text-decoration: line-through;
    color: #999;}
#primary-content .price-tabing .pricing-table p:before {
    content: none;
    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;
    font-size: 8px;
    position: absolute;
    left: -5px;
    top: 12px;
}


#primary-content .price-tabing .pricing-table h4 + p {
  border-top: 1px solid rgba(0, 0, 0, 0);
}

#primary-content .price-tabing .pricing-table .price-table-button a {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 8px 15px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background: #666;
    border: 2px solid #666;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	    position: static;
    left: 0;
    right: 0;
    bottom: 30px;
}

.price-table-button{margin-top: 40px;
margin-bottom: 40px;}


#primary-content .price-tabing .pricing-table .price-table-button a:hover {
  background: #000; color:#fff;
}

#primary-content .price-tabing .color1 .pricing-table .price-table-button a:hover{background:#ed4f11; border-color:#ed4f11;}
/*------------------------------------*/
/*---------- MEDIA QUERIES -----------*/
/*------------------------------------*/
@media screen and (max-width: 700px) {
 #primary-content .price-tabing #prices td {
    display: block !important;
    width: 100% !important;
  }

  #primary-content .price-tabing .pricing-table {
    min-height: 0;
  }

  #primary-content .price-tabing .popular .pricing-table {
    margin-top: 0px;
  }
}


#primary-content .price-tabing.tab .nav-tabs{
       display: inline-block;
    background: #eee;
    border-radius: 60px;
    border: none;
    padding: 10px;
    text-align: center;
}

#primary-content .price-tabing.tab .nav-tabs li{
    float: none;
    display: inline-block;
    position: relative;    border-right: 1px solid #ccc;
}
#primary-content .price-tabing.tab .nav-tabs li:last-child{border:0;}
#primary-content .price-tabing{text-align:center;    position: relative;
    z-index: 1;padding: 40px 0px 60px 0px;}
#primary-content .price-tabing.tab .nav-tabs li a{
    font-size: 14px;
    font-weight: 700;
    background: none;
    color: #000;
    border: none;
    padding: 10px 15px;
    border-radius: 50px;
    transition: all 0.5s ease 0s;
}

#primary-content .price-tabing.tab .nav-tabs li a:hover{
   background: #000;
    color: #fff;
    border: none;
}

#primary-content .price-tabing.tab .nav-tabs li.active a,
#primary-content .price-tabing.tab .nav-tabs li.active a:focus,
#primary-content .price-tabing.tab .nav-tabs li.active a:hover{
    border: none;
        background: #535353;
    color: #fff;
}

#primary-content .price-tabing.tab .nav-tabs li.active:after{    content: "\f107";     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;    position: absolute;
    bottom: -40px;
    font-size: 30px;
    left: 0;
    right: 0;
    margin: 0 auto; color:#535353}




#primary-content .price-tabing .tab-content{position:relative;    padding: 60px 0 0px 0px;}


.membership-table {
    padding: 4em 0;
}

.member-title{    margin-bottom: 120px;}
.member-title .mem-title{display: inline-block;
    padding: 6px 20px;
    font-size: 24px;
    font-weight: 600;
    border: 3px solid #ccc;
    border-radius: 10px;}


.best-value{    position: absolute;
    top: -26px;
    width: 40px;
    left: -18px;}
	.best-value img{max-width:100%;}
	
@media only screen and (max-width: 700px){
    #primary-content .price-tabing.tab .nav-tabs{
        border-radius: 10px;
    }
    #primary-content .price-tabing.tab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 5px;border:0;margin-bottom:15px;
    }
	#primary-content .price-tabing.tab .nav-tabs li a {
    font-size: 13px;}
	#primary-content .price-tabing .tab-content {
    position: relative;
    padding: 20px 0;
}

}

@media(min-width:992px) and (max-width:1280px){
	#primary-content .price-tabing.tab .nav-tabs li a {
    font-size: 12px;
    font-weight: 500;
  
    padding: 10px 10px;
	}
}

@media(max-width:991px){
	#primary-content .price-tabing.tab .nav-tabs li.active::after{content:none;}
	#primary-content .price-tabing.tab .nav-tabs li{margin-bottom:15px;}
}
a.small-signup-link {
    font-size: 12px;
    display: block;
    text-decoration: underline;    margin-bottom: 7px;
}
.trial-code-package .checkout-btn{    border-radius: 0 !important;
    font-size: 14px !important;
    padding: 3px 10px !important;}
	
.trial-code-package	.form-control{display: inline-block;
    width: auto !important;}
	
.trial-code-package	.form-control:focus{    border: 1px solid #f60c93 !important;
    box-shadow: none !important;}

.trial-package-item{    position: absolute;
    top: -35px;
    left: -25px;
    background: url(../images/brust-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 22px 25px;
    color: #fff;
    font-size: 12px;
    background-position: center;
	height: 85px;
	width: 85px;

	}

.pricing-table ul{padding-left:0 !important}
.pricing-table ul li{margin-bottom: 20px;}
/*Price Table End*/

.thanks-for-message{    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;}
	

.with-border-orange{    border: 2px solid #ed4f11;
    border-radius: 10px;}
	
#paymentPanelForm hr{ margin-top:10px;}	

.add-user-btn{    padding: 5px 15px;
    vertical-align: middle;
    margin: 2px 15px;
    display: inline-block;
    color: #fff;
    background: #ed4f11;
    border-radius: 5px;}

.add-user-btn:hover, .add-user-btn:focus{background:#000;color:#fff;}

.action-item a{display:inline-block}


.btn-in-popup{margin:10px 0; padding:10px 0}
.btn-in-popup .inpopup-btn {
    display: inline-block;
    margin: 0 8px;
    padding: 8px 15px;
    font-size: 18px;
    line-height: 1;
    background: #ed4f11;
    color: #fff;
    border-radius: 5px;
    min-width: 110px;
}
.btn-in-popup .inpopup-btn:hover{background:#000;}

.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modal.fade .modal-dialog{
-webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
.modal.fade.in .modal-dialog{
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.modal-header.heading-modal{text-align:center}
.heading-modal h2 {
    margin: 14px 0;
    font-size: 22px !important;
    margin-right: -28px;
    color: #ed4f11 !important;
    display: inline-block;
}
.modal-header.heading-modal{border-bottom:1px solid #ddd;}

.social-share-btns-container{display:inline-block;vertical-align:middle}
.social-share-btns-container a{    font-size: 24px;
    line-height: 1;}
	

.social-share-btns .share-btn {
  float: left;
  margin: 0 5px;
  padding: 6px 4px;
  text-align: center;
    width: 30px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; text-decoration:none; font-weight:600;    clear: both;
    margin-bottom: 10px;
}
.social-share-btns .share-btn i {
  margin-right: 0px;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}

.share-btn {
  background-color: #95a5a6;
}
.share-btn:hover {
  background-color: #798d8f;
}

.share-btn-twitter {
  background-color: #00aced;
}
.share-btn-twitter:hover {
  background-color: #0087ba;
}

.share-btn-facebook {
  background-color: #3b5998;
}
.share-btn-facebook:hover {
  background-color: #2d4373;
}
.share-btn-google {
  background-color: #d14836;
}
.share-btn-google:hover {
  background-color: #b63827;
}

.share-btn-linkedin {
  background-color: #007bb6;
}
.share-btn-linkedin:hover {
  background-color: #005983;
}

.share-btn-reddit {
  background-color: #ED001C;
}
.share-btn-reddit:hover {
  background-color: #ba0016;
}

.share-btn-mail {
  background-color: #f1c40f;
}
.share-btn-mail:hover {
  background-color: #dab10d;
}


.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.service {
    text-align: center;
    color: #ffffff;
}
.service-one {
    background: #56c4da;
}
.service {
    padding: 30px 30px 45px;
}
.service i {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 29px;
}
.service h5 {
    ;padding-bottom: 10px;font-weight: bold;font-size: 18px;}
.service p {
    padding-bottom: 50px;
}
.service .btn-dark {
    padding: 13px 38px;
    font-size: 14px;
	 background: #000;
}
.btn-dark, .btn-light:hover {
    background: #3372f4;
    color: #ffffff;
    transition: all .5s ease;
}
.service-one {
    background: #ed4f11;
}

.service-two {
    background: #444;
}
.service-three {
    background: #ed4f11;
}
.service-four {
    background: #444;
}
.btn-dark:hover {
    background: #ffffff;
    color: #201f1f;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    transition: all .5s ease;
}

.menu-footer-links{display: inline-block;margin-bottom: 0;}
.menu-footer-links li{ font-size:16px; display:inline-block;}
.menu-footer-links li:first-child a{ border-left:0;}
.menu-footer-links li:first-child{margin-right:inherit!important;}

.disflex{display:flex}

/*Temp Video Slider Css*/

.slide-item{position: relative;
   /*  background:url('../images/bgnoise_lg.png') repeat; */
   
    width: 100%;
  text-align:center;}
	
.slide-item video {
background:#fff;
    width: 60%;
    border: 2px solid #ed4f11;
    margin: 15px;
}
.banneroverlay{display:none;}
	
/*Temp Video Slider Css*/


.price-tabing > .text-center > h2{color: #ed4f11 !important;}

@media(max-width:991px){
.disflex {
    display: block;
}
.bannertextarea{display:none;}

.slide-item video{display:block; width:100%; padding:0; border:0; margin:0}


.service p{padding-bottom: 0;}
.service .btn-dark{display: inline-block;margin-top: 10px;}
.service i {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0px;
}
.service {
    padding: 25px 30px 25px;
}
.membership-table{padding:1em 0;}
}


/*Form-steps*/

 #mhead{
 
} 
/*form styles*/
.msform {
	
	position: relative;
}
.msform .fieldset_item {
	
	
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
.msform .fieldset_item:not(:first-of-type) {
	display: none;
}
/*inputs*/

/*buttons*/

/*headings*/

/*progressbar*/
#progressbar {
margin-top:20px;
	margin-bottom: 20px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;    z-index: 1;
    position: relative;
}
#progressbar li {
	list-style-type: none;
	color: rgb(0,0,0);
	text-transform: uppercase;
	font-size: 11px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	    width: 40px;
    line-height: 40px;
	display: block;
	font-size: 18px;
	color: #fff;
	background: #666;
	    border-radius: 50%;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/

.previous.action-button{background:#fff; color:#ed4f11}
.previous.action-button:hover{background:#ed4f11; color:#fff}

input.action-button{font-size: 14px;padding: 8px 20px;}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #999;
	position: absolute;
	left: -50%;
	top: 18px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #ed4f11;
	color: white;
}


#myad {
width: 728px;
position: relative;
margin: 410px auto;
}
#myad2 {
width: 728px;
position: relative;
margin: 50px auto;
}

/*form-steps*/

@media(max-width:767px){
	#primary-content.main{min-height:inherit;}
}

#ReviewReviewRequestStep2Form .image-preview{    width: 100%;
    max-width: 220px;
    margin: 10px auto 20px auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    padding: 4px;}
	
#ReviewReviewRequestStep2Form .upload-btn-wrapper {
      position: relative;
    margin-bottom: 20px;
    width: 100%;
}
#ReviewReviewRequestStep2Form .file-upload__label {
    border: 2px solid #000;
    color: #000;
    background-color: white;
    padding: 4px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    cursor: pointer;line-height:inherit; width:auto;
}
#ReviewReviewRequestStep3Form .image-preview{margin-bottom: 20px;}
#ReviewReviewRequestStep3Form .common-btn{padding: 8px 20px;}
#ReviewReviewRequestStep3Form .common-btn .fa{    margin-left: -2px;}
.image-preview.photo-section-upload.not_blur{text-align:center; margin-top:15px;}
.image-preview.photo-section-upload.not_blur .imag_preview{    display: inline-block;
    position: relative;
}

@media screen and (max-width:991px){
	hr {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.page-content-area {
		padding: 0;
	}
	
	.member-table {
		margin-top: 15px;
	}
	
	#adv_search td {
		margin-bottom: 10px;
	}
	
	#progressbar li{
		font-size: 10px;
	}
	
	#primary-content h1{
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.actions-header a{
		padding-top: 0px;
		vertical-align: super;
	}
	
	.actions-header {
		width: unset;
		margin-top: 5px;
	}
	
	#primary-content .page-title-small {
		padding: 7px 0;
	}
	
	.login-block.mobile-view-cust{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.login-block.mobile-view-cust .input-group-item{
		margin-bottom: 0px;
	}
	
	.login-block.mobile-view-cust .cpmt_cardLabel{
		margin-top: 4px;
	}
	
	#primary-content.main > .container {
		padding-bottom: 0;
	}
	
}

@media screen and (max-width:448px){
	#primary-content .page-title-small h1.pull-left{
		display: block;
		float: unset !important;
	}
	
	#primary-content .page-title-small div.pull-right{
		display: block;
		float: unset !important;
		margin-top: 5px;
	}
}

@media screen and (max-width:991px){
	.logopart img {
		max-width: 225px !important;
	}
	
	ul.top-menu > li {
		padding: 6px 0;
	}
	
	#primary-content .page-title-small h1 {
		font-size: 22px;
	}
}

@media screen and (max-width:420px){
	.actions-header a{
		font-size: 12px;
	}
}

@media screen and (max-width:358px){
	#primary-content .page-title-small h1 {
		font-size: 18px;
	}
}

@media screen and (max-width:420px){
	.actions-header{ margin-top: 7px; }
}

@media screen and (max-width:991px){
	#give-review-header-cust{
		height: 70px;
	}
	
	#give-review-header-cust h3{
		padding-top: 18px !important;
	}
}
@media screen and (max-width:480px){
	.top-head-bar .logopart img {max-width: 190px !important;padding: 15px 0px 15px;}
	
}

.profile-photo-section{position:relative}
.upload-image-loader{    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #f9f9f9;
    height: 100%;}
	
.upload-image-loader img{max-width: 100px;}	
.support-form .row{
    display: flex;
    justify-content: center;
}
.support-form h3{
    text-align: center;
    padding-bottom: 25px;
}
.grecaptcha-badge {
    z-index: 9;
}
.member-table td {
    vertical-align: top;
}
.box-fixed {
    height: 270px;
}
#corporate_package_text {
    margin-top: -6px!important;
}
.form-group .confirm {
    position: relative;
}
.selected-option input {
    border: none !important;
    border-left: 1px solid #dedede !important;
    width: 88%!important;
}
.display-n{
    display: none;
}

.selected-option {
    background-color: #eee;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.selected-option {
    border: 1px solid #b3b3b3 !important;
    border-radius: 4px !important;
}
.selected-option div {
    position: relative;
    padding: 0 .5rem 0 .5rem;
    text-align: center;
    cursor: pointer;
}
.selected-option > div {
    flex: 1;
    text-align: center;
}
.selected-option div::after {
    position: absolute;
    content: "";
    right: .8rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: .8rem;
    height: .8rem;
    border-right: .12rem solid var(--primary);
    border-bottom: .12rem solid var(--primary);
    transition: .2s;
}
.selected-option div.active::after {
    transform: translateY(-50%) rotate(225deg);
}
.register .form-control {
    border-radius: 4px;
    padding: 10px;
}
.margin-2{
   margin: 10px 0px;
}
.select-box .options {
    background-color: #fff;
    border-radius: .5rem;
    display: none;
    position: relative;
}
.select-box .options::before {
    position: absolute;
    content: "";
    left: 1rem;
    top: -22px;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: #000;
}
.select-box .options.active {
    display: block;
}
.select-box .options input.search-box {
    padding: 0.3rem 0.5rem;
}
.select-box ol {
    padding-left: 0;
    border: 1px solid #eee;
}
.select-box ol {
    list-style: none;
    max-height: 19rem;
    overflow-y: auto;
}
.select-box ol li {
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.select-box ol li {
    padding: 5px 10px;
    font-size: 14px;
    margin: 0px;
}
.select-box ol li:not(:last-child) {
    border-bottom: .1rem solid #eee;
}
.select-box ol li .country-name {
    margin-left: .4rem;
}
.select-box .form-group {
    margin-bottom: 0px;
}
.select-box ol li:hover {
    background-color: #efefef;
}