@import "bootstrap.css";
@import "font-awesome.css";
@import "primary_content.css";
@import "slick.css";
@import "slick-theme.css";
@import "magnific-popup.css";
@import "../js/plugins/datepicker/datepicker3.css";

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


*{outline:0 !important;}
body
{
    font-size: 16px;
    font-family: "Lato" !important;
    overflow-x: hidden;
}
a{color:#2686c0}
img
{
    max-width: 100%;
    height: auto;
}
p
{
    font-size: 15px;
    line-height: 23px;
}
a:hover
{
   color: #000 !important;
   text-decoration: none;
}


.top-header
{
    width: 100%;
    float: left;
    background-color: #0175c0;
}
.top-header ul li
{
    display: inline-block;
}
.top-header ul
{
    margin-bottom: 0px;
    padding: 5px 0px;
}
.cus-row:after{content:""; display:table; clear:both;}
/* Menu Part Start */
.license{float: right; padding-top: 12px; color: #000; margin-right: 20px;}
.license img{margin-right: 5px;}
#footer .license{margin-top: 43px;float: none;color:#000;}
.join-us-btn{color: #fff; background:#e3b609;
padding: 2px 10px;
display: inline-block;
margin: 15px 0px 0 15px;
border-radius: 5px;
font-size: 19px;
text-align: right;
float: right;}
a.join-us-btn:hover{background:#0175c0; color:#fff !important;}
#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: 0px; padding: 5px 0px;}
#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 { padding: 6px 5px; margin:0 5px; font-size: 16px; border: 1px solid transparent; font-weight: normal; text-decoration: none; color: #0175c0; -webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
text-transform: uppercase;
}
#cssmenu > ul.open > li > a {color:#fff;}
#cssmenu > ul > li > a {outline: 0;}
/*#cssmenu > ul > li:before {
    content: "";
    border-bottom: 2px solid #b4112c;
    width: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition:.4s width ease-in-out;
}*/
/*#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: -2px;
}
#cssmenu .home {
    text-indent: -99999px;
    display:none;
     
}
#cssmenu .home a{   width: 20px;    margin-top: -1px;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a.active, #cssmenu > ul > li.active > a { color: #000;border-color:#000; -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: 9px;
right: 10px;
width: 6px;
height: 6px;
border-bottom: 2px solid #0175c0;
border-right: 2px solid #0175c0;
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: #000;
}
#cssmenu ul ul { position: absolute; left: -9999px;    visibility: hidden;
    opacity: 0;
    margin-top: 20px;
    transition: .5s all; 
    margin-top: 4px !important;
    background-color: #0175c0;
    border-top: 3px solid #ccc;
}
#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: 230px; top: 0px; }
#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: 230px; font-size: 15px; border: 1px solid #a1662d; text-align: left; background: #fda855; text-decoration: none;text-transform: uppercase; 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 a
{
    background-color: transparent;
    border: none;
    text-transform: capitalize;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #32def4; text-align: left;}
#cssmenu ul ul li.has-sub > a::after {
position: absolute;
top: 14px;
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: #32def4;
}
#banner .slider-content a { padding: 7px 30px !important; font-size: 17px;}
@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: 12px;
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:hover > a, #cssmenu > ul > li.active > a{color:#b90f2a;}
#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: #0175c0;
}
#cssmenu #menu-button::before {
content: '';
position: absolute;
top: 25px;
right: 20px;
display: block;
width: 30px;
height: 14px;
border-top: 4px solid #0175c0;
border-bottom: 4px solid #0175c0;
}
#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: #022e64;}
#cssmenu > ul > li.has-sub:hover > .submenu-button::after, #cssmenu > ul > li.has-sub.active > .submenu-button::after{background: #022e64;}
#cssmenu ul ul li:hover > .submenu-button::before, #cssmenu ul ul li a:hover > .submenu-button::before{background: #022e64;}
#cssmenu ul ul li:hover > .submenu-button::after, #cssmenu ul ul li a:hover > .submenu-button::after{background: #022e64;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #022e64;}

#cssmenu .submenu-button.submenu-opened:after {
display: none;
}
#header {
    position: absolute !important; border-bottom: 1px solid #0175c0;
}
#cssmenu > ul > li > a:hover{
    background-color: #fff !important;
}
#cssmenu > ul > li:hover > a {
    color: #0175c0 !important;
}
}
.medium-purple a{background:#5c3280;}
.medium-purple a:hover{background:#aa71c2;}
.light-purple a{background:#022e64;}

#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(../img/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(../img/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: none; display: inline-block; margin-top: 21px;}
.fbicon { padding-bottom:5px; }
.banner-top-header{background-color: #fff;clear: both;}
.menuicon{ text-align: center;  z-index:3; }
.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: 150px;padding: 5px 0;z-index: 1;position: relative;}

@media(min-width:991px){
.body-stick .logo-part img {   
    padding: 5px;}

}
.mobrowleft{margin-top:10px}
.body-stick	.mobrowleft{margin-top:20px;}
/* Menu Part End */

@media(max-width:991px){
		
	.body-stick .mobrowleft{margin-top: 10px;}
}

#banner
{
    float: left;
    width: 100%;
    position: relative;
}
.slider-content {
    position: absolute;
    top: 30px;
    width: auto;
    transform: translate(-50% ,-50%);
    right: 0px;
    z-index: 99999;
    text-align: center;    max-width: 650px;
   /* background: rgba(0,0,0,.3);border: 2px solid rgba(255,255,255,.2);    padding: 10px;*/
}
.banner-slider
{
    text-align: center;
    color: #fff;
}
.orange-text
{
    color: #f6ab58;
}
.slider-content h1
{
    font-size: 55px;
    line-height: 90px;
    margin-top: 10px;
    letter-spacing: 1px;
    color: #fff;
}
.banner-slider .item img
{
    max-height: 600px;
    width: 100%;
    display: inline-block;
}
.slider-content .brown-gredient-btn a
{
    margin-top: 30px;
    padding: 7px 30px;
}
.slider-content h4
{
    font-size: 25px;
    font-weight: normal;
    color: #fbfcfe;
}
.brown-gredient-btn a, .slider-content a
{
    padding: 10px 20px;
    border-radius: 20px;
    margin: 20px auto;
    display: inline-block;
    background: linear-gradient(to right, #32def4 0%, #87f1ff 50%, #0099ac 100%);
    color: #fff;
    font-weight: 600;
    position: relative;
    font-size: 25px;
}
.center-btn
{
    text-align: center;
}
.brown-gredient-btn a:hover,  .slider-content a:hover
{
    color: #fff !important;
}
.brown-gredient-btn a:hover span.text,  .slider-content a:hover span.text
{
    position: relative;
    z-index: 2;
}
.brown-gredient-btn a .darker-background, .slider-content a .darker-background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity .2s linear;
    margin: 0;
    border-radius: 20px;
    z-index: 1;
}
.brown-gredient-btn a:hover .darker-background, .slider-content a:hover .darker-background
{
    opacity: 1;
}
.logo-part
{
    position: static;
   
    margin: 0px auto;

    display: block;
   
}
.header-section{clear:both;}
.header-section.stic.stick-me.sticking .logo-part
{
    top: 0px;
}
.banner-slider .brown-gredient-btn a, .connect-us .brown-gredient-btn a, .slider-content a
{
    padding: 7px 30px;
}
.special-item
{
    width: 100%;
    float: left;
    background-color: #32def4;
    text-align: right;
    position: relative;
    height: 20px;
    z-index: 3;
}
.special-item .special-item-text {
    color: #fff;
    position: absolute;
    right: 0px;
    background-color: #32def4;
    padding: 16px 50px;
    top: -42px;
    text-align: center;
}
.special-item-text h3
{
    font-size: 23px !important;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
}
.special-item-text h3 a{
	color: #fff;border: 1px solid #000;
display: inline-block;
padding: 2px 5px;
border-radius: 5px;
}
.special-item-text h3 a:hover{
	color: #000 !important;
}
.combine-exp
{
    width: 100%;
    float: left;
    padding: 70px 0px;
    background-color: #fbffff;
}
.combine-exp p
{
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 25px;

}



.top-link-bar li a
{
    color: #fff;
    font-size: 14px;
}
.top-link-bar li:nth-child(2) 
{
    padding-right: 25px;
    line-height: 23px;
    padding-left: 20px;
}
.top-link-bar li img.call-img
{
    margin-right: 5px;
    max-width: 16px;
}
.combine-exp-link
{
    color: #000;
    border: 1px solid #32def4;
    border-radius: 15px;
    padding: 15px;
    line-height: 32px;
    display: inline-block;
    margin-top: 0px;
}
.banner-slider .slick-arrow
{
    display: inline-block;
    z-index: 9;
    color: #000 !important;
    font-size: 30px !important;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    border: 2px solid #000;
    height: 40px;
    width: 40px;
    line-height: 36px;
    cursor: pointer;
}
.banner-slider .slick-arrow.fa-angle-left
{
    left:20px;
}
.banner-slider .slick-arrow.fa-angle-right
{
    right:20px;
}
.combine-exp-link h3
{
    font-size: 24px;
    margin: 0px;
}
.combine-exp-link span
{
    font-weight: bolder;
}
.orange-border-text
{
    color: #9d9ea0;
    position: relative;
    margin-bottom: 45px;
}
.orange-border-text h4
{
    line-height: 24px;
    font-size: 20px;
}
.orange-border-text::after {
    position: absolute;
    content: "";
    border-bottom: 4px solid #32def4;
    width: 100px;
    bottom: -17px;
    left: 0px;
}
.combine-exp a
{
    color: #f88e5e;
    text-decoration: underline;
}
.distinguished
{
    background: #e6e7e9 url('../img/arrow_bg_right.png');
    float: left;
    width: 100%;
    padding: 90px 0px;
    background-size: 160px 100%;
    background-repeat: no-repeat;
}
.distinguish-section .grey-text-with-border
{
    margin-bottom: 80px;
}
.distinguish-section .brown-gredient-btn a, .sucess-section .brown-gredient-btn a
{
    margin-top: 40px;
}
.header-section.stic.stick-me.sticking
{
    width: 100%;
    z-index: 99;
   
}
.distinguished-slider .slick-slide .item img, .distinguished-slider .slick-slide
{
    margin: 0 auto;
    text-align: center;
    border-radius: 30px;
}
.distinguished .brown-gredient-title h2
{
    margin-top: 0px;
}
.brown-gredient-title{
    /*background: -webkit-linear-gradient(right, #04b1c7, #01717f 100%);
    background: -o-linear-gradient(left, #04b1c7, #01717f 50%);
    background: -moz-linear-gradient(left, #04b1c7, #01717f 50%);
    background: linear-gradient(to left, #04b1c7, #01717f 50%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: #000;
}
.brown-gredient-title h2
{
    line-height: 110px;
    font-size: 90px;
}
.capabilities-services .brown-gredient-title h2
{
    font-size: 80px;
}
.grey-text-with-border
{
    position: relative;
    margin-bottom: 50px;
}
.grey-text-with-border h3
{
    font-size: 26px;
    color: #727377;
    line-height: 36px;
}
.grey-text-with-border:after
{
    position: absolute;
    content: "";
    border-bottom: 4px solid #f7ad54;
    width: 120px;
    bottom: -25px;
    left: 0px;
}
.distinguish-section
{
    max-width: 450px;
}
.distinguish-section .grey-text-with-border:after
{
    bottom: -35px;
}
.distinguished-slider .slick-arrow {
    height: 35px !important;
}
.distinguished-slider
{
    padding: 20px 20px 0px;
    box-sizing: border-box;
}
.distinguished-slider .slick-slide h4 a
{
    font-size: 18px;
    font-weight: bolder;
    color: #000;
}
.distinguished-slider .slick-slide h4
{
    margin-bottom: 0px;
}
.distinguished-slider .slick-slide h5
{
    margin: 0px;
}
.distinguished-slider .slick-slide h5 a
{
    color: #fb8851;
    font-size: 18px;
    line-height: 25px;
}
.sucess-section .col-md-5 img
{
    border-radius: 50%;
}
.client-spoken {
        background: url(../img/testimonial-bg.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    padding: 70px 0px;
    background-position: center;
    text-align: center;
    position: relative;
}
.client-spoken:before{content: "";
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;}
.client-spoken-title
{
    margin-bottom: 100px;
    position: relative;    color: #fff;
}
.client-spoken-title h2 {
    font-weight: normal;
    font-size: 30px;
}
.client-spoken-title::after {
    position: absolute;
    content: "";
    width: 150px;
    border: 1px solid #fff;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -40px;
}
.client-text p{
    color: #fff;
    font-size: 28px;
    font-weight: bolder;
    line-height: 39px;
}
.client-name p
{
    color: #fff;
    font-size: 17px;
    font-weight: bolder;
}
.client-name
{
    margin-top: 30px;
}
.client-name p span
{
    font-weight: normal;
}
.clients-slider .slick-arrow
{
    height: 40px;
    width: 25px;
}
.sucess-section {
    float: left;
    width: 100%;
    padding: 90px 0px;
    background: #fefefe url('../img/bg_right.png');
    background-size: 120px 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.sucess-section .col-md-offset-1.col-md-6
{
    max-width: 440px;
}
.capabilities-services {
    background-color: #e6e7e9;
    /*padding: 60px 0 200px;*/
    float: left;
    width: 100%;
    /*position: relative;*/
    border-bottom: 20px solid #0175c0;
}
.capabilities-services .brown-gredient-title
{
    text-align: center;
    font-size: 80px;
}
.capabilities-services .grey-text-with-border {
    text-align: center;
}
.capabilities-services .grey-text-with-border:after {
    content: none;
}
.capability-option {
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    padding: 20px;
    position: relative;
    min-height: 300px;
    /*max-width: 240px;*/
    margin: 0 7px;
}
.capability-option p {
    color: #9b9fa0;
}
.services-arrow-link
{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.capability-option > img {
    /*max-width: 120px;
    padding: 30px 0px;
    max-height: 120px;*/
    padding: 20px 0px;
}
.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;
    transition-property: all;
    transition-duration: 0.8s;
    transform-origin: top;
}
.capability-overlay::after {
    position: absolute;
    content: "";
    /*background-color: rgba(50,222,244,0.7);*/
    background-color:#0175c0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.capability-overlay-content > img
{
    /*max-width: 120px;
    padding: 30px 0px;
    max-height: 120px;*/
    padding: 20px 0px;
}
.capability-overlay-content h4
{
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
}
.capability-overlay-content a
{
    color: #fff;
    padding: 7px 20px;
    background-color: #000;
    margin: 0px 0px;
    display: inline-block;
    border: 1px solid #fff;
}
.capability-option:hover .capability-overlay
{
    opacity: 1;
}
.capability-services
{
    overflow: hidden;
    padding: 10px 0 50px;
}
.capability-overlay-content a:hover{
    color: #fff !important;
}
.item-costs{
    background-color: #e6e7e9;
    padding: 50px 0 50px;
    float: left; width: 100%
}
.plan-boxes{position:relative;z-index:1}
.item-option {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;position:relative;
    margin: 0 7px;    -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 #999;
}
.video-section{padding: 50px 20px 50px;text-align: center;}
.video-section h1{margin-bottom:40px;}

@media(max-width:991px){
	.item-option{margin-bottom:40px;}
	
}
.item-option: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);}
	.item-option: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);}
.item-option img {    max-width: 100px;
    margin-bottom: 15px;} 
.linked-in-icon a i
{
    font-size: 18px;
    line-height: 22px;
}
.connect-us {
    background-image: url(../img/footer_image.jpg);
    background-size: cover;
    text-align: center;
    float: left;
    width: 100%;
    padding: 60px 0px;
    position: relative;
    background-position: bottom;
    z-index: 1;
    background-attachment: fixed;
}
.connect-us h1
{
    color: #fff;
    font-size: 70px;
    line-height: 130px;
    letter-spacing: 1px;
}
.connect-us p
{
    color: #fff;
    max-width: 720px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 28px;
}
.connect-us::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(84,77,67,0.5);
    z-index: -1;
}
.center-text
{
    text-align: center;
}

#footer.ppb_wrapper {
    margin-top: 0;    color: #fff;    width: 100%;
    margin: auto;
    padding-bottom: 50px;
    word-wrap: break-word;
    margin-bottom: 0;
    padding-top: 50px;
    float: left;
    clear: both;
    background-color: #0175c0;
}
#footer .sidebar_widget.three > li {
    list-style:none;
}
#footer .sidebar_widget li h2.widgettitle {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;    color: #ffffff;
}
#footer p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.footer-contact-info a{color: #fff;}
.quick-links-footer li a{    color: #fff; padding: 4px; display: block; font-size: 14px;}

.footer-bottom{background:#0175c0; color:#fff;clear: both;border-top: 1px solid #ccc;padding: 20px 0;}
.backlinks-footer{text-align:center;}
.backlinks-footer li{list-style:none;display:inline-block;padding-left:0 !important;}
.backlinks-footer li a{font-size:13px; color:#fff;padding:0 10px;border-right:1px solid #fff;}
.backlinks-footer li:last-child a{border-right:0px;}
.quick-action-bar{display:none;}
.textwidget img {
    max-width: 95%;
    height: auto;
}
.social_wrapper {
    width: 100%;
    margin: 20px 0 5px 0;
}
.social_wrapper.shortcode, .social_wrapper.shortcode ul {
    margin: 0;padding-left:0 !important;
}
.social_wrapper.shortcode ul li {
    clear: none !important;
    float: none !important;
    width: auto !important;
    display: inline-block !important;
}
.social_wrapper.shortcode ul li, .social_wrapper.small.shortcode ul li {
    margin: 0 5px 10px 5px !important;
}
.social_wrapper.shortcode ul li a {
    display: block;
    width: 40px;
    height: 40px;
    color: #fff !important;
    background: #000;
    border-radius: 250px;
    line-height: 40px;
    text-align: center;
}
.social_wrapper.shortcode ul li a i {
    position: relative;
    top: 1px;
}
.social_wrapper.shortcode ul li.facebook a {
    background: #2D5F9A;
}
.social_wrapper.shortcode ul li.twitter a {
    background: #000;
}
.social_wrapper.shortcode ul li.youtube a {
    background: #cc181e;
}
.social_wrapper.shortcode ul li.pinterest a {
    background: #bd081c;
}
.social_wrapper.shortcode ul li.instagram a {
    background: #D52B8D;
}.social_wrapper.shortcode ul li.tripadvisor a {
    background: #00AF87;
}
.top-link-bar, .top-header .social_wrapper{display:inline-block; width:auto;}
.top-header{    padding: 5px 0px;}
.top-header .social_wrapper.shortcode ul li{margin-bottom:0 !important;}
.top-header .social_wrapper.shortcode ul li a{width: 33px; height: 33px; line-height: 33px;}
.social_wrapper.shortcode ul li.twitter a svg{ position: relative; top: 3px;}

.banner-overlay
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}
/*.capabilities-services:after {
    background-image: url(../img/footer_bg1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    content: "";
    width: 100%;
    height: 155px;
    right: 0;
    left: 0;
    bottom: 0;
    top: auto;
}*/
.banner-slider .slick-prev {
    left: 30px;
    z-index: 99999999999999999;
    width: 20px;
    height: 30px;
}
.banner-slider .slick-next
{
    right: 30px;
    z-index: 99999999999999999;
    width: 20px;
    height: 30px;
}
.connect-us .brown-gredient-btn
{
    margin-top: 30px;
}
.slider-content a, .brown-gredient-btn a
{
    position: relative;
    transition-duration: 0.5s;
    transition-property: all;
    margin-top: 40px;
    display: inline-block;
}
.slider-content a:hover, .brown-gredient-btn a:hover
{
    background : linear-gradient(to right, #0099ac 0%, #87f1ff 50%, #32def4  100%);
    transition-duration: 0.5s;
    transition-property: all;
}
/*.distinguished-slider .slick-slide .item .slider-item-image:hover
{
    width: 100% !important;
}*/
.slider-item-image {
    position: relative;
    cursor:pointer;
}
.slider-item-image:after {
    position: absolute;
    content: "";
    background: rgba(0,0,0,0.2);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 35px;
    transition-property: all;
    transition-duration: 0.4s;
}
.slider-item-image:hover:after
{
    opacity: 1;
}

/*
.distinguished-slider .slick-slide .item .img-overlay {
    position: absolute;
    width: 100%;
    height: 355px;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 35px !important;
    opacity: 0;
    transition-property: all;
    transition-duration: 0.5s;
    cursor:pointer;
}

.distinguished-slider .slick-slide .item:hover .img-overlay
{
    opacity: 1;
}
*/
/******* Responsive Style Here  *******/

@media(max-width:991px)
{

.slider-content h1 
{
    font-size: 30px;
    line-height: 40px;
}
.slider-content h4 
{
    font-size: 16px;
}
.distinguish-section 
{
    max-width: 100%;
}
.sucess-section .col-md-5 img {
    width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 350px;
}
.brown-gredient-title h2 {
    line-height: 70px;
    font-size: 60px;
    word-wrap: break-word;
}
.grey-text-with-border h3 {
    font-size: 22px;
    line-height: 30px;
    word-wrap: break-word;
}
.connect-us h1
{
    font-size: 50px;
    line-height: 80px;
}
.connect-us p
{
    max-width: 100%;
}
.capabilities-services
{
    padding: 60px 0 20px;
}
.capabilities-services::after
{
    content: none;
}
.footer
{
    padding-top: 70px;
}
.capability-services .col-md-3
{
    float: left;
    margin: 20px;
}
.menuicon
{
    background-color: #ea9e50 !important;
}
#cssmenu #menu-button {
    padding: 0px;
    z-index: 99999999999999999999;
}
}

@media(max-width: 767px)
{
.clients-slider .slick-arrow
{
    display: none !important;
}
.capability-option
{
    max-width: 100%;
    margin: 20px auto;
}
.quick-action-bar{display:block; background:#fff;position:fixed; bottom:0px;width:100%;z-index:1;}
.quick-action-bar a{color:#333;}
.quick-action-bar i{display:block; padding:10px 0 1px;}
.quick-action-bar i.fa-phone{color:#0175c0;}
.quick-action-bar i.fa-envelope{color:#BE1867;}
.quick-action-bar i.fa-facebook-square{color:#3C5A99;}
.footer-bottom{margin-bottom:50px;}
#banner .slider-content a { padding: 7px 14px !important; font-size: 13px;}
}


.content-area{clear:both; padding:30px 0}

/*.page-title-small {
      position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
}*/


.page-title-small h1 {
    /*color: #fff;
    font-size: 36px;
    margin: 0px;*/
    font-weight: 700;
    line-height: normal;
    letter-spacing: .8px;
    text-transform: capitalize;
}
.page-title-small .container{position:relative; z-index:1;}
.page-title-small .breadcrumb {
    background: none;
}
.page-title-small .breadcrumb {
    -webkit-padding-start: 0;
    margin: 0;
    padding-top: 0;
    font-size: 14px;
}

.page-title-small .breadcrumb a {
    color: #fff;
}

.page-title-small .breadcrumb a:hover {color:#333 !important}


.inner-page-title-section{    position: relative;}
/*.inner-page-title-section:before {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 1;
    content: "";
    opacity: .5;
}
*/

div.contact-us-block input{padding: 0 10px 0 10px;}
div.contact-us-block textarea{height: 150px;}
.contact-us-block .login-block-section{min-width: 100%;margin: 0;}

.login-block-section{    max-width: 500px;
    background: #f9f9f9;
    border-radius: 5px;
    margin: 50px auto;    overflow: hidden;width: 90%;border:2px solid #0175c0;}

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

}
.login-block-title{    background: #0175c0;
    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 textarea{ width: 100%; box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    font-size: 14px;padding:10px;font-weight: normal;}
	

.login-block textarea:focus{border:1px solid #32def4;    box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.vendor-signup-block{max-width: 700px;}
.vendor-signup-block .vendor-signup-block input{padding: 6px 12px;}

.login-block input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    /*margin-bottom: 30px;*/
    font-size: 14px;
    padding: 0 35px 0 50px;
    outline: none;
}
.subscriber-form textarea {
    width: 100%;
    min-height: 70px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    font-size: 14px;
    
    padding: 10px 35px 0 50px;
    outline: none;
}
.login-block input#username{
    background-color: #fff;
	
}
.input-group-item{position:relative; margin-bottom: 45px;}
.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, #FrontUserUsername + span, #FrontUserUsername + .error-message + span {background-image:url('../img/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#SubscribeFirstName + span, .login-block input#SubscribeLastName + span, .login-block input#SubscribeFirstName + .error-message + span, .login-block input#SubscribeLastName + .error-message + span {background-image:url('../img/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#SubscribeFromWhere + span, .login-block input#SubscribeFromWhere + .error-message + span{background-image:url('../img/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#SubscribeFirstName:focus + span, .login-block input#SubscribeLastName:focus + span , .login-block input#SubscribeFirstName:focus + .error-message + span, .login-block input#SubscribeLastName:focus + .error-message + span, #FrontUserUsername:focus + span , #FrontUserUsername:focus + .error-message + span{background-image:url('../img/login-user.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;    position: absolute;
    top: 1px;
    width: 50px;
    height: 40px; left:0;}	
.login-block input#SubscribeFromWhere:focus + span, .login-block input#SubscribeFromWhere:focus + .error-message +  span {background-image:url('../img/location-pin.png');
	background-position:20px bottom;
	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('../img/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('../img/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('../img/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('../img/phone-icon.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;}
.login-block input#SubscribeEmail + span, .login-block input#SubscribeEmailagain + span, .login-block input#SubscribeEmail + .error-message + span, .login-block input#SubscribeEmailagain + .error-message + span{background-image:url('../img/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#SubscribeEmail:focus + span, .login-block input#SubscribeEmailagain:focus + span, .login-block input#SubscribeEmail:focus + .error-message + span, .login-block input#SubscribeEmailagain:focus + .error-message + span{background-image:url('../img/email-icon.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;    position: absolute;
    top: 1px;
    width: 50px;
    height: 40px; left:0;}	
	
.login-block #SubscribeComment + span{background-image:url('../img/edit-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 #SubscribeComment:focus + span{background-image:url('../img/edit-icon.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;    position: absolute;
    top: 1px;
    width: 50px;
    height: 40px; left:0;}		
	
.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('../img/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 {
    background-color: #f9f9f9;
}
.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('../img/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('../img/email-icon.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;}

.login-block input#FrontUserPassword + span, .login-block input#ManagerPassword + span, .login-block input#FrontUserCpassword + span, .login-block input#FrontUserPassword + .error-message + span, .login-block input#FrontUserCpassword + .error-message + span{background-image:url('../img/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#ManagerPassword: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('../img/login-password.png');
	background-position:20px bottom;
	background-repeat:no-repeat;
    background-size: 16px 80px;}

.login-block input:active, .login-block input:focus {
    border: 1px solid #32def4;
}
.login-block .login-submit, .dashboard_page .login-submit {
    width: auto;
	padding: 0 30px;
    height: 40px;
    background: #e3b609;
    box-sizing: border-box;
    border-radius: 5px;
    border: 2px solid #e3b609;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    
    outline: none;
    cursor: pointer;    margin: 15px 0;
}

.login-block .login-submit:hover, .dashboard_page .login-submit:hover {
    background: #0175c0;
	border-color:#0175c0;
}


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

.eye-icon-field {
    position: absolute;
    float: right;
    right: 10px;
    top: 12px;
    font-size: 20px;
}
.eye-icon-field a {
    cursor: pointer;color:#000;
}
.pass-active {
    color: #32def4 !important
}

.special {
  color: #f44336;
  position: relative;
  text-decoration: none;
  transition: all 0.15s ease-out;
}



.ms_row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.ms_column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.ms_column img, .ms_column iframe {
    margin-top: 8px;
    vertical-align: middle;
}
.ms_column iframe{width:98%;}
.ms_column > a{display:block;position:relative}

.ms_column > a .view{position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    padding: 7px;
    width: 36px;
    background: #d7bf4e;
    border-radius: 4px;
    color: #fff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); opacity:0; transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;}
.ms_column > a:hover .view{opacity:1;}
.gallery-title{position: absolute;top: 13px; width: 100%; text-align: center;}
.gallery-title span{background: #0175c0; color: #fff; padding: 3px 15px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);}
.inner-page-title-section .booknow-btn.brown-gredient-btn{position: absolute;top:150px; left: 50%; transform:translate(-50% ,-50%);}
.booknow-btn a {font-weight: bold; padding: 10px 40px; background: linear-gradient(to top, #e3b609 0%, #cc6637 50%);}
.booknow-btn a:hover{background: linear-gradient(to top, #cc6637 0%, #c68567 50%, #e3b609 100%);}
/***********dashboard css***********/
.dashboard_page .input-group-item{margin-bottom: 25px;}
.dashboard_page ul.tab li{list-style: none;float: left;border-right: 1px solid #dac34f;}
.dashboard_page ul.tab {list-style-type: none;margin: 0;padding: 0;overflow: hidden;border: 1px solid #dac34f;background-color: #dac34f;}
.dashboard_page ul.tab li a {display: inline-block;color: #fff;text-align: center;padding: 14px 16px; text-decoration: none;transition: 0.3s; }
.dashboard_page ul.tab li a:hover {background-color: #32def4; color:#fff!important;}
.dashboard_page ul.tab li a:focus, .dashboard_page ul.tab li a.active {background-color: #32def4;}
.dashboard_page .tabcontent { display: none;padding: 6px 12px;border: 1px solid #dac34f;border-top: none;}
.dashboard_page .tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
.dashboard_page .heading{margin: 10px 0 10px;}
.dashboard_page .heading h4{display: inline-block; border-bottom: 2px solid #32def4 ;padding-bottom: 4px; font-weight: bold;}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .ms_column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .ms_column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

/**********vendor booking css**********/
.btn-number{color: #01BBE9; width: 35px; border: 1px solid #01BBE9; text-align: center;
border-radius: 100%; background-color: #fff; padding:8px;}
.add_booking .input-number{width: 60px; display: inline; margin: 0 10px 0 13px;
text-align: center; border-width: 0 0 1px; border-color: #01BBE9;}
.seat-label{margin-left:20px; font-weight:bold; display:inline-block;}
.required-field{border-color:#f00 !important;}
label.required-field{color:#f00;}
label.radio{display: inline-block; width: 60px; padding: 5px 10px; border: solid 2px #01BBE9;
  transition: all 0.3s; border-radius:5px; text-align:center; margin-right:10px; cursor:pointer;}
.booking_info input[type="radio"] {display: none;}
.booking_info input[type="radio"]:checked + label { background:#01BBE9; color:#fff; cursor:default;}
.ticket_no{margin-bottom:15px;}
.recommend-badge {position: absolute; top: 0; right: 0; width: 40px; }
.best-seller-badge {position: absolute; top: 0; left: 0; width: 40px; }