body { font-family: 'ralewayregular';font-weight: 400;font-style: normal;font-size: 14px;width: 100%; background-color: #fff;}
img{  max-width: 100%;}
li{ list-style: none;}
a:hover{ text-decoration: none !important;}
p:hover{ text-decoration: none !important; }
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
*{ padding: 0; margin: 0; box-sizing: border-box}
section{ float:left; width:100%}
a {text-decoration: none;}
@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
        url('../fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.woff2') format('woff2'),
        url('../fonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
        url('../fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
        url('../fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
        url('../fonts/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
        url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
        url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
        url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
        url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
        url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*------------Header---------------*/
.home-main{float:left; width:100%; position:relative;}
.menu_header .navbar {padding: 0; height: 100%;}
header {float: left;width: 100%;z-index: 9;}
header .menu_header li{ display: inline-flex; margin-left: 25px }
.menu_header .navbar-nav .nav-link { color: #000 ; font-size: 18px; font-family:'ralewayregular';padding:9px 14px; font-weight: normal; position: relative; }
.menu_header .navbar-nav .nav-item .nav-link:hover{ color: #00448f  }
.menu_header .navbar-nav .nav-item.active .nav-link { color: #00448f ;  font-family: 'ralewaysemibold';}
/*.menu_header .navbar-nav .nav-item.active .nav-link::before {position: absolute;left: 50%;bottom: 0;content: "";width: 56%;height: 3px;background: #ff4605;transform: translate(-50%,0);}*/
.menu_header {display: inline-block;width: 100%; padding:5px 0; }
.menu_header .container{ height: 100%;}
.header-inner .menu_header {padding: 15px 0;}
.show-mobile{ display:none !important}

.menu_header.fixed-me {position: fixed;top: 0;z-index: 888;width: 100%;border-bottom: none !important;
                       left: 0;border-radius: 0;color: #000; background:rgba(255,255,255,0.99); padding: 5px 0}
header .menu_header .mobile_sh{ display: none}
.menu_header .navbar-nav .nav-link.btn-primary {
    display: inline-block;
    padding: 8px 27px;
    height: 42px;
    margin-top: 5px;
    background-color: #fff;
    border: 2px solid #e67410;
    font-family: 'poppinsmedium';
    border-radius: 6px;
    font-size: 14px;
    text-transform: uppercase;
    color: #e67410;
}
.ViewAllBlog .btn-primary:hover, 
.AboutGenuine .btn-primary:hover,
.menu_header .navbar-nav .nav-link.btn-primary:hover {background-color: #233152;border-color: #233152; color: #fff}
.menu_header .navbar-nav .nav-link.btn-primary-white {
    background-color: #fff;
    border-color: #fff;
    color: #ff4605;
}
/*---------banner--------------*/
.banner-div{float:left; width:100%; position:relative;overflow: hidden ; background: url(../img/banner.webp) no-repeat center top; padding:90px 0; background-size: cover}
.bammer-txt {width: 100%;display: inline-block;padding:0px;}
.banner-div h1 {color: #fff;font-size: 80px; font-family: 'ralewaybold';  padding: 0 ;line-height: 130px; }
.banner-div h3 {color: #fff;font-size: 70px;  padding: 0;font-family: 'ralewaybold';line-height: 90px; }
.banner-div p{ font-size: 20px; color:#fff; padding-top: 10px; }
/*.menu_header.fixed-me .navbar-brand {}*/
.banner-div .btn-primary {color: #f03e16;border: none;border-radius: 0px;font-size: 18px;background: #fff;
                          font-family: 'robotomedium';padding: 10px 30px;  text-transform: uppercase }
.view-all .btn-primary:hover,
.banner-div .btn-primary:hover {color: #fff;border-color: #10141f;background: #10141f;}

.home-banner-txt {display: inline-block;width: 100%;text-align: center;}


/*----------------------about-section----------------*/
.AboutSection {
    padding: 70px 0; overflow: hidden
}
.AboutTxt {width: 100%;padding-top: 20px;}
.TopHadding h5,
.AboutTxt h5{ color: #333333; font-size: 20px}
.TopHadding h2,
.AboutTxt h2{ color: #333333; font-size: 50px; padding: 15px 0;font-family: 'ralewaybold';}
.TopHadding h2 span,
.AboutTxt h2 span{ font-family: 'ralewaybold';}
.TopHadding p,
.AboutTxt p{ color: rgba(51,51,51,0.8); font-size: 18px}
.AboutGenuine {display: inline-block;width: 100%;padding-top: 20px;}
.AboutGenuineTop {border-top: 1px #ddd solid;margin-top: 20px;}
.AboutTxt p{ padding-top: 20px}
.ViewAllBlog .btn-primary,
.AboutGenuine .btn-primary {display: inline-block;padding: 8px 17px;margin-top: 18px;background-color: #ff4605;border-color: #ff4605;font-family: 'robotomedium';border-radius: 0;
                            font-size: 16px;text-transform: uppercase;}

.JobBoardSection {background: #fde9e2;padding: 90px 0; position: relative; overflow: hidden}
.JobBoardImg {display: inline-block;width: 100%;background: #fbd5cc;border-radius: 25px;overflow: hidden;border: 7px #fbd5cc solid;}
.JobBoardImg img{width: 100%;}
.JobBoardRightBx{ float: right; padding-right: 50px}
.JobBoardLogo{background: url(../img/shape-img.png) no-repeat center top; padding:110px 0 0; background-size: cover;width: 251px; height: 228px; text-align: center}
.JobBoardTitle {margin-top: 40px;}
.JobBoardTitle h2 {color: #333333;font-size: 40px;font-family: 'ralewaybold';}
.JobBoardTitle h2 a {color: #333333;font-family: 'ralewaybold';}
.JobBoardTitle p{ color:#595858; font-size: 20px;padding: 10px 0 0;}
.JobBoardMenImg {position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);z-index: 99;}

.EventBookingSection {background: #fcd1d0;padding: 90px 0; position: relative;overflow: hidden}
.EventBookingImg {display: inline-block;width: 100%;background: #fdaeb3;border-radius: 25px;overflow: hidden;border: 7px #fdaeb3 solid;}
.EventBookingImg img{width: 100%;}
.EventBookingRightBx{ float: left; }
.EventBookingLogo{background: url(../img/shape-img.png) no-repeat center top; padding:110px 0 0; background-size: cover;width: 251px; height: 228px; text-align: center}
.EventBookingTitle {margin-top: 40px;}
.EventBookingTitle h2 {color: #333333;font-size: 40px;font-family: 'ralewaybold';}
.EventBookingTitle h2 a {color: #333333;font-family: 'ralewaybold';}
.EventBookingTitle p{ color:#595858; font-size: 20px;padding: 10px 0 0;}
.EventBookingMenImg {position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);z-index: 99;}
.MobileHide{ display: block}
.DesktopShow{ display: none}
/*---------------Footer-------------------*/
.footer { background: #333333; display: inline-block; width: 100%; padding:0 0 ; position: relative} 
.footer-social {float: right; }

.footer_center .list-unstyled {padding-left: 0;list-style: none;margin-top: 27px;}
.footer_center {display: inline-block;width: 100%;padding:15px 0;border-bottom: 1px #484848 solid}
.title-widget {color: #fff;font-size:30px;line-height: 1;position: relative; margin:0px; display: inline-block; width: 100%; }
.title-widget span {position: relative; display: inline-block; width: 100%}
.widget_nav_menu ul {list-style: outside none none;text-align: left;width: 100%;display: inline-block;}
.widget_nav_menu ul li {position: relative;display: inline-block;padding: 0 100px 0 0;  text-decoration: none ;}
.widget_nav_menu ul li a{ font-size: 18px; color: #fff; text-decoration: none ; font-family: "ralewaylight";}
.widget_nav_menu ul li.active a,
.widget_nav_menu ul li a:hover{  color: #ff833b; }
.widget_nav_menu ul li a i{ margin-right: 20px;}
.ContactNumber {
    margin: 10px 0;
}
.ContactNumber i {
    background: #e67410;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 17px;
    line-height: 29px;
}
.ContactNumber span{font-family: "robotolight"; color: #fff; font-size: 18px; padding-left: 10px;}
.ContactEmail i{ font-size: 15px}
.FooterBottom{ padding: 20px;  text-align: center;}
.FooterBottom p{ color: rgba(255,255,255,0.6);font-family: "robotolight"; font-size: 16px}
/*-----------------------------*/

/*--------Progress-Top-to---*/
.progress-wrap {position: fixed;right: 10px;bottom: 50px;height: 56px;width: 56px;cursor: pointer;display: block;border-radius: 50px;z-index: 10000;opacity: 0;
                box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;content: '';text-align: center;line-height: 56px;background: url(../img/totop.png) no-repeat center center;left: 0;top: 0;height: 51px;
                       width: 56px;cursor: pointer;display: block;z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::after {opacity: 0;}
.progress-wrap::before {position: absolute;content: '';text-align: center;line-height: 56px;opacity: 0;background: url(../img/totop.png) no-repeat center center;left: 0;top: 0;
                        height: 51px;width: 56px;cursor: pointer;display: block;z-index: 2;-webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke: #e67410;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear; transition: all 200ms linear;}

.AboutBannerSection{ padding: 30px 0;}
.AboutBannerSection h1 {
    font-size: 50px;
    line-height: 70px;
    color: #fff;
    padding: 0;
    font-family: 'ralewaybold';
}
.AboutInnerSection{padding-top: 10px;padding-bottom: 20px;}
.AboutInnerSection .AboutTxt p {
    padding-top: 0;
    padding-bottom: 20px;
}
.AboutTxtInner {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.AboutTxtInner h3 {
    color: #333333;
    font-size: 24px;
    padding: 5px 0;
    font-family: 'ralewaybold';
}
.AboutTxtInner ul {
    display: inline-block;
    width: 100%; padding: 10px 0 20px 22px
}
.AboutTxtInner ul li {
    width: 100%;
    color: rgba(51,51,51,0.8);
    font-size: 18px;
    padding: 3px 0;
    list-style-type: disc;
    float: left;
}
.AboutTxtInner ul li strong {
    font-weight: normal;
    font-family: 'ralewaysemibold';
    color: #333;
}
.OurBrandsSection {
    padding: 70px 0;
}
.OurBrands {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    border: 4px #fbd5cc solid;
    text-align: center;transition: all 0.4s ease 0s;position: relative
}
.OurBrands::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9;
    transition: all 0.4s ease 0s; opacity: 0; pointer-events: none
}
.OurBrands:hover::before { opacity: 1}
.OurBrandslogo {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s ease 0s;
    z-index: 9;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 70px;
    background: #fff;
    width: 240px;border-radius: 18px; opacity: 0
}
.OurBrands:hover .OurBrandslogo {
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.OurBrandslogo img {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s ease 0s;
    right: 0;
    bottom: 0;
    margin: auto;
}
.OurBrandsImg {
    display: inline-block;
    width: 100%;
    border-bottom: 2px #fbd5cc solid;
    overflow: hidden;
    position: relative;
}
.OurBrandsImg img{ width: 100%}
.OurBrandsTxt {
    padding: 20px ;
}
.OurBrandsTxt h3 a {
    color: #333333;
    font-size: 26px;
    font-family: 'ralewaybold';
}
.OurBrandsTxt p {
    color: #595858;
    font-size: 20px;
    padding: 10px 0 0;
    min-height: 75px;
}
/*-------------------Contact-Page---------*/
.user-contact-section{ padding:50px 0 50px}
.my-contact-information {float: left;width: 100%;text-align: center;margin-bottom: 70px;margin-top: 70px;}
.my-information {
    display: inline-block;
    width: 26%;
    text-align: left;
    padding: 20px 30px;
    position: relative;
    margin: 0 10px;
    -webkit-box-shadow: 0px 4px 16px rgba(125, 125, 125, 0.5);
    box-shadow: 0px 4px 16px rgba(125, 125, 125, 0.5);
    border-radius: 10px;
    vertical-align: top;
    min-height: 140px;
}
.my-information i {
    width: 65px;
    display: inline-block;
    position: absolute;
    left: 30px;
    top: -30px;
    background: #00448f;
    height: 65px;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
}
.my-information-bx {display: inline-block;vertical-align: middle; width: 100%;}	
.my-information-bx strong {
    display: block;
    font-weight: normal;
    font-size: 20px;
    color: #3d3d3d;
    padding: 20px 0 0;
    font-family: 'ralewaymedium';
}
.my-information-bx span {
    color: #666666;
    font-size: 16px;
}
.my-contact {display: inline-block;width: 94%; position: relative}
.my-contact {display: inline-block;width: 100%;}
.book-posts {padding: 30px 50px 30px 50px;border-radius: 10px 10px 10px 10px;box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.1);}
.my-contact .header-title {color: #2c2c2c;font-size: 32px;font-family: 'ralewaysemibold';}
.my-contact .well-sm {background: transparent;padding: 20px 0 0;border-radius: 0;box-shadow: none;border: none;}
.my-contact .well-sm label {width: 100%;color: #333;font-size: 16px;padding-bottom: 4px;font-family: 'poppinsmedium';}
.my-contact .form-select,
.my-contact .form-control {border: 1px solid #ddd;border-radius: 5px !important;box-shadow: none;color: #9d9d9d;font-size: 16px;height: 48px;
                           padding: 0px 20px; }
.my-contact textarea.form-control {height: 150px;max-width: 100%;min-width: 100%;resize: none;padding: 15px 20px;}
.get-in-touch .btn-primary {background: #e67410;border-radius: 4px;border: none;font-size: 16px;padding: 12px 30px;margin-top: 5px;
                            color: #fff;font-family: 'poppinsmedium';}
.get-in-touch .btn-primary:hover {background: #00448f;color: #fff;}

.mkdf-parallax-elements-top {position: absolute;left: 0;width: 100%;top: 20%;}
.mkdf-row-parallax-left {position: absolute;left: 0;top: 15%;}
.mkdf-row-parallax-right {position: absolute;right: 0;top: 10%;}
.gcerror, .getin-touch-input label.error, .getin-touch-input label.error, .EnquireModal .form-group label.error {position: relative;padding: 0;color: #f00;font-size: 14px;top: 0;
                                                                          transform: initial !important;opacity: 1 !important;}

.location-img {
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}
.my-information:hover .location-img{
    -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}


.get-in-touch--bx {width: 85%;background: #eeeeee;padding: 40px; margin: 0 auto}
.get-in-touch{}
.get-in-touch h2{ color: #e67410; font-size: 50px;font-family: 'ralewaybold'; position: relative}
.get-in-touch h2 span{ color: #00448f; font-family: 'ralewaysemibold';}
.get-in-touch p {color: #2e3337;font-size: 18px;padding-top: 10px;line-height: 22px;}
.get-in-touch-form {display: inline-block;width: 100%;margin-top: 40px;}
.getin-touch-textarea{}
.getin-touch-input {display: inline-block;width: 100%;margin-bottom: 20px;position: relative;}
.getin-touch-input .form-select,
.getin-touch-input .form-control {background-color: #eee;border-radius: 0;border: none;border-bottom: 1px #ccc solid; box-shadow: none;
                                  font-size: 17px}
.dots::after {display: block;content: "";background: #ff5722;width: 6px;height: 6px;position: absolute;top: .25em;right: .25em;z-index: 5;
              pointer-events: none;}
.getin-touch-textarea .form-control {background: #eee;border-radius: 0; height: 130px;border: 1px #ccc solid; box-shadow: none;
                                     font-size: 17px}
.contactimg {float: left;width: 100%;position: absolute;right: -70px;height: 100%;overflow: hidden;}

/*---------------Details-Page------------*/
.JobBoardBannerSection{background: url(../img/details-banner.jpg) no-repeat center top; background-size: cover; padding: 50px 0 0; overflow: hidden}
.EvevtBannerSection{background: url(../img/event-banner.jpg) no-repeat center top; background-size: cover; padding: 50px 0}
.JobBoardProducts {
    text-align: center; 
}
.EvevtBannerSection .JobBoardProducts {
    text-align: left;
}
.JobBoardBannerLeft{ display: inline-block; width: 100%; position: relative}
.ClientImg1{ position: absolute; top: 70px; left: -50px}
.ClientImg2{ position: absolute; bottom: 110px; left: -80px}
.ClientImg3{ position: absolute; top: 120px; right: 0}
.JobBoardBannerRight{ display: inline-block; width: 100%; position: relative}
.CompanyLogo1{ position: absolute; top: 100px; left: -20px}
.CompanyLogo2{ position: absolute; top: 50px; right: -60px}
.CompanyLogo3{ position: absolute; bottom: 70px; left: -70px}
.CompanyLogo4{ position: absolute; bottom: 80px; right: -80px}

.ProductRightImg {
    position: relative;
}
.JobBoardProducts h1 {
    color: #fff;
    font-family: 'robotobold';
    font-size: 40px;
}
.JobBoardProducts h3 {
    color: #fff;
    font-family: 'robotoregular';
    font-size: 25px; padding-top: 15px;
}
.ProducttPrice {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}
.ProducttPrice .srik_cls {
    padding: 0 2px;
    text-decoration: none;
    position: relative; font-size: 22px;font-family: 'robotoregular'; color: #fff
}
.ProducttPrice .srik_cls i {
    vertical-align: top;
    margin: 7px 3px 0 0;
}
.ProducttPrice .srik_cls::before {
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    background: #fff;
    width: 100%;
    height: 2px;
}
.ProducttPrice .sml_labl {
    font-size: 20px;
}
.ProducttPrice h4 {
    margin-top: 0;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 13px;
    font-size: 22px;font-family: 'robotobold';
}
.ProducttPrice h4 i {
    vertical-align: top;
    margin: 4px 3px 0 0;
}
.ProducttReviews {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}
.ProducttReviewsPoint {
    display: inline-block;
}
.ProducttReviewsPoint span {
    color: #fff;
    font-size: 16px;
    font-family: 'robotoregular';
    padding-left: 5px;
}

.SubscriptionModelBtn {
    display: inline-block;
    padding-left: 20px;
}
.SubscriptionModelBtn span {
    color: #fff;
    font-size: 16px;
    font-family: 'robotoregular';
    padding-left: 5px;text-decoration: underline;
}
.ProductBuyButton {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.ProductBuyButton .btn-primary {
    background: #e67410;
    border: 2px #e67410 solid;
    font-family: 'robotomedium';
    padding: 10px 0;
    width: 195px;margin: 0 8px
}
.ThankYouTxt .btn-primary,
.JobBoardTitle span, .EventBookingTitle span,
.EvevtBannerSection .ProductBuyButton .btn-primary { margin: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d42ea+0,495fd3+100 */
                                                     background: linear-gradient(to right,  #7d42ea 0%,#495fd3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                     border: none
}
.ThankYouTxt .btn-primary:hover,
.JobBoardTitle span:hover,
.EventBookingTitle span:hover,
.EvevtBannerSection .ProductBuyButton .btn-primary:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#495fd3+0,7d42ea+100 */
    background: linear-gradient(to right,  #495fd3 0%,#7d42ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.ProductBuyButton .btn-info {
    background: #00448f;
    border: 2px #fff solid;
    font-family: 'robotomedium';
    padding: 10px 0;
    width: 195px; color: #fff; 
}
.ProductWebApp {
    display: inline-block;
    width: 100%; padding-top: 10px
}
.ProductWebApp ul {
    display: inline-block;
    width: 100%;
}
.ProductWebApp ul li {
    display: inline-block;border-right: 1px #fff solid;padding: 0 12px;color: #fff;font-size: 45px;cursor: pointer; line-height: 45px
}
.ProductWebApp ul li:first-child {
    padding-left: 0;
}

.ProductWebApp ul li:last-child {
    border-right: none;
}
.JobBoardDescriptionSections{ padding: 50px 0}
.JobBoardDescriptionSections p{ font-size: 18px; color: rgba(94,95,95,0.9);font-family: 'robotoregular';}
.JobBoardDescriptionFeatures {
    padding-top: 40px;
    font-family: 'robotoregular';
}
.JobBoardFeaturesTop {
    display: inline-block;
    width: 100%;
    background: #fffcf9;
    border: 2px #e9832a solid;
    border-radius: 8px;
    padding: 20px;
    min-height: 230px;
}
.EventBookingDescriptionFeatures .JobBoardFeaturesTop{ min-height: 270px}
.JobBoardFeaturesTop ul {
    display: inline-block;
    width: 100%;
}
.JobBoardFeaturesTop ul li {display: inline-block;width: 100%;background: url(../img/yellow-arrow.png) no-repeat left 5px; color: #5e5f5f; font-size: 16px; padding-left: 25px;
                            margin: 7px 0;}
.JobBoardFeaturesTop2 ul li {background: url(../img/blue-arrow.png) no-repeat left 5px; }
.JobBoardFeaturesTop3 ul li {background: url(../img/orenge-arrow.png) no-repeat left 5px; }
.JobBoardFeaturesTop4 ul li {background: url(../img/purpal-arrow.png) no-repeat left 5px; }
.JobBoardFeaturesTop2{background: #f9fafd;border: 2px #00448f solid;}
.JobBoardFeaturesTop3{background: #fefaf9;border: 2px #dd512a solid;}
.JobBoardFeaturesTop4{background: #faf8fd;border: 2px #451095 solid;}
.JobBoardFeaturesSections{ background: #f5f5f5; padding: 50px 0; overflow: hidden}
.DetailTopHadding {
    text-align: center;
}
.DetailTopHadding h2{ color: #292929; font-size: 40px;font-family: 'robotomedium';}
.DetailTopHadding h3{ color: #292929; font-size: 24px;font-family: 'robotomedium'; }
.DetailTopHadding p{ font-size: 18px; color: rgba(94,95,95,0.9);font-family: 'robotoregular'; padding-bottom: 20px;}
.DetailTopHadding p strong{ color: rgba(230,116,16,0.9);font-family: 'robotomedium'; font-weight: normal}
.JobBoardFeaturesSections .DetailTopHadding h2 {
    margin-bottom: 30px;
}
.JobBoardFeaturesMain {
    display: inline-block;
    width: 100%;
    padding-top: 60px;
}
.NavFeaturesTabs {
    display: inline-block;
    width: 100%;
}
.NavFeaturesTabs li {
    display: inline-block;
    width: 100%;margin-bottom: 20px;
}
.NavFeaturesTabs li .nav-link {
    border: 1px transparent solid;
    background: transparent;
    border-radius: 8px;
    color: #5e5f5f;
    font-family: 'robotomedium';
    font-size: 18px;
    width: 90%;
    padding: 15px 12px; position: relative
}
.NavFeaturesTabs li .nav-link span{ display: block}
.NavFeaturesTabs li .nav-link.active {
    border: 1px #e67410 solid;
    color: #e67410;
}
.NavFeaturesTabs li .nav-link.active:before{ position: absolute; right: -13px ; top: 50%; content: ""; border-bottom: 13px transparent solid; border-top: 13px transparent solid;
                                             border-left: 13px #e67410 solid; transform: translate(0,-50%)}

.JobBoardFeaturesMain .tab-content {
    background: #fff;
    padding: 30px 50px;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); position: relative;
    width: 85%; height: 100%
}
.costomer_tab_left {
    margin-top: 0;
}
.costomer_tab_left ul {
    display: inline-block;
    width: 100%;
    border: none;
}
.costomer_tab_left ul li {
    float: left;
    width: 33%;
    font-size: 17px;
    font-family: 'robotomedium';
    text-align: left;
    margin-top: 20px;
    position: relative;
    margin-bottom: 20px; color: #484848
}
.costomer_tab_left ul li i {
    width: 47px;
    display: inline-block;
    height: 40px
}
.costomer_tab_left ul li span {
    padding-top: 0;
    vertical-align: middle;
    display: inline-block;
    text-transform: capitalize;
    width: 79%;
    line-height: 20px;
    position: relative;
}
.product-idea {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    height: 100%;
    vertical-align: middle;
    margin-left: 0px;
    position: absolute;
    left: 0px;
    top: 6px;
    z-index: 9;
}
.product-idea p {
    position: absolute;
    left: 0;
    top: 100%;
    background: #dbdbdb;
    width: 270px;
    border-radius: 5px;
    padding: 5px 10px;
    color: #484848;
    font-size: 13px;
    font-weight: normal;
    z-index: 9;
    text-align: left;
    display: none;
    text-transform: none;
    line-height: 17px;font-family: 'robotoregular';
}
.product-idea:hover p {
    display: inline-block;
}
.product-idea p::before {
    position: absolute;
    left: 14%;
    top: -8px;
    content: "";
    border-left: 8px transparent solid;
    border-right: 8px transparent solid;
    border-bottom: 8px #dbdbdb solid;
}
.JobseekerMobileImg {
    position: absolute;
    right: -210px;
    top: 50%;
    transform: translate(0,-50%);
}
.JobBoardFeaturesSections .container {
    max-width: 1500px;
}
.SubscriptionModelSections{ padding: 70px 0}
.SubscriptionModelBx {display: inline-block;width: 100%;background: #fffdfc;border: 2px #e67410 solid;border-radius: 15px;padding: 20px 20px 0; margin-top: 30px;}
.SubscriptionModelBx ul {display: inline-block;width: 100%;}
.SubscriptionModelBx ul li {display: inline-block;width: 100%; color: #333333; font-size: 17px;font-family: 'robotoregular'; position: relative;padding-left: 18px;margin: 4px 0;}
.SubscriptionModelBx ul li:before{ position: absolute; left: 0; top: 10px; content: ""; width: 6px; height: 6px; background:#e67410; border-radius: 50% }


.KeyBenefitsBx {display: inline-block;width: 100%;background: #fcfdfe;border: 2px #00448f solid;border-radius: 15px;padding: 20px 20px 0; margin-top: 30px;}
.KeyBenefitsBx ul {display: inline-block;width: 100%;}
.KeyBenefitsBx ul li {display: inline-block;width: 100%; color: #333333; font-size: 17px;font-family: 'robotoregular'; position: relative;padding-left: 18px;margin: 4px 0;}
.KeyBenefitsBx ul li:before{ position: absolute; left: 0; top: 10px; content: ""; width: 6px; height: 6px; background:#00448f; border-radius: 50% }

.KeyBenefitsBx p {display: inline-block;width: 100%; color: #333333; font-size: 17px;font-family: 'robotoregular'; position: relative;padding: 25px 0;}
.KeyBenefitsBx h4 { color: #00448f; font-size: 18px;font-family: 'robotomedium'; position: relative;padding:0 0 20px;}
.UsedTechnologiesSections{ padding: 50px 0; text-align: center}
.UsedTechnologies {
    display: inline-block;
    max-width: 100%;
    text-align: left;
}
.used_technology_section_dataa h3{ color: #292929; font-size: 24px;font-family: 'robotomedium';}
.SupportSections .DetailTopHadding h2,
.UsedTechnologiesSections .DetailTopHadding h2 {
    font-size: 30px;
}
.used_technology_section_dataa ul {
    text-align: center;
}
.used_technology_section_dataa ul li {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 20px;
}

.used_technology_section_dataa {
    margin-top: 50px; padding: 0 50px
}
.used_technology_section_desils {
    display: inline-block;
    width: 100%;
    border-top: 1px #d3d3d3 solid;
    margin-top: 10px;
    padding-top: 30px;
}
.list_detail {
    display: inline-block;
    width: 100%;
}
.list_detail li {
    display: inline-block;
    width: 100%;color: #3F3F3F;font-family: 'robotoregular'; font-size: 17px; margin-bottom: 10px
}
.list_detail li b{ font-weight: normal;font-family: 'robotomedium';}
.SupportSections{ background: #fff; padding: 50px 0}
.SupportBx {
    margin-top: 50px;
}
.SupportBx ul{ display: inline-block; width: 100%}
.SupportBx ul li span{display: block; font-size: 16px; color: #fff;font-family: 'robotomedium'; padding-top: 15px}
.SupportBx ul li {display: inline-block;border: 1px #fff solid; padding:40px 20px 20px 20px;text-align: center;border-radius: 7px;width: 170px;vertical-align: top;margin: 0 25px;min-height: 220px;}
.YellowBx{ background: #e67410;box-shadow: 20px 20px 45px 0 rgba(232,126,0,0.3);}
.BlueBx{ background: #00448f;box-shadow: 20px 20px 45px 0 rgba(0,68,143,0.3);}
.OrngeBx { background: #dd512a;box-shadow: 20px 20px 45px 0 rgba(221,81,42,0.3);}
.PurpalBx { background: #451095;box-shadow: 20px 20px 45px 0 rgba(69,16,149,0.3);}

.CustomerReviewsSections{background: url(../img/review-bg.jpg) no-repeat center top; padding: 50px 0; background-size: cover; background-attachment: fixed }

.review_rating_fjs {
    float: left;
    width: 100%;
    margin-bottom: 10px;font-family: 'robotoregular';
}
.review_rating_fjs .star_num {
    float: left;
    width: 15%;
}
.review_rating_fjs .progress {
    float: left;
    width: 70%;
    margin: 0;
    background: #fff;
    height: 20px;
    border-radius: 4px;
}
.progress-bar-danger {
    background-color: #451095;
}
.review_rating_fjs .people_star_num {
    float: left;
    width: 15%;
    text-align: right;
}
.ecommerce--review--btn .btn-primary {
    background-color: #451095;
    border: none;
    font-family: 'robotoregular';
    padding: 10px 10px;
    border-radius: 6px;
    width: 100%;
    text-transform: uppercase;
}
.ecommerce--review--point .main-rait {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.ecommerce--review--point .main-rait span {
    color: #484848;
    font-size: 20px;
    opacity: 0.9;
    vertical-align: top;font-family: 'robotoregular';
}
.main-rait .fa {
    color: #451095;
    font-size: 21px;
}
.ecommerce--review--btn {
    padding-top: 20px;
    display: inline-block;
    width: 100%; text-align: center
}
.ecommerce--review--point {
    display: inline-block;
    width: 100%;
    background: rgba(246,235,229,0.3);
    padding: 27px;
    border-radius: 17px;
    border: 3px #fff solid;
}
.outof_rating {
    padding: 0 20px;
}
.review_rating_fjs .star_num i {
    color: #3f3f3f;
}
.CustomerReviews {
    float: right;
    width: 65%;
    background: rgba(246,235,229,0.8);
    padding: 27px;
    border-radius: 17px;
    border: 3px #fff solid;
}
.CustomerReviews h2 {
    color: #292929;
    font-size: 40px;
    font-family: 'robotomedium'; text-align: center
}
.CustomerReviewsMainBx {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.CustomerReviewsBx {
    background: #fff;
    padding: 20px;
    font-size: 17px;
    color: #4f4f4f;
    font-weight: 300;
    position: relative;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.12);
    font-family: 'robotoregular';
}
.CustomerReviewsBx::before {
    position: absolute;
    right: 35px;
    bottom: -30px;
    content: "";
    border-left: 11px transparent solid;
    border-right: 11px transparent solid;
    border-top: 33px #fff solid;
}
.CustomerReviewsClient {
    text-align: right;
    padding: 8px 60px 0 0; color: #303030; font-size: 15px;font-family: 'robotomedium';
}
.CustomerReviewsClient i {
    display: inline-block;
    margin: 0 6px;
    vertical-align: top;
}
.CustomerReviewsClient span {
    display: inline-block;
    vertical-align: middle;
}
.ecommerce_faq_section {padding: 70px 0 50px;}
.ecommerce__Quick_FAQ .title_main {text-align: left;font-size: 42px;margin-bottom: 10px ;color: #303030;
                                   padding-bottom: 30px;position: relative;font-family: 'robotoregular'; padding-left: 50px }
/*.ecommerce__Quick_FAQ .title_main:before{ position: absolute; left:100px; bottom: -30px; content: "";
background: url(img/images/ecommerce/ecommerce_faq-img.png) left top no-repeat ;width: 110px;height: 120px;background-size: 100%;background-color: #fff;}*/

.ecommerce__Quick_FAQ .accordion-header .accordion-button {
    clear: both;
    display: block;
    padding: 18px 50px 18px 34px;
    font-size: 20px;
    color: #000;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: 'robotobold';
}
.ecommerce__Quick_FAQ .accordion-header .accordion-button{background: url(../img/up-arrow-menu.png) left center no-repeat ;}
.ecommerce__Quick_FAQ .accordion-header .accordion-button.collapsed {background: url(../img/down-arrow-menu.png) left center no-repeat; }

.FrequentlyQuestions {
    display: inline-block;
    width: 100%;
    /*	border-radius: 20px; padding: 30px 40px;background:#f6f9ff url(../img/pattern-img.png) no-repeat 96% 100px;*/
}
.FrequentlyQuestions #accordionExample {
    background: transparent !important;
}

.ecommerce__Quick_FAQ .accordion-body {
    padding: 0px 20px 0 55px;
    border: none !important;
    font-size: 18px;
    font-family: 'robotoregular';
    color: #3F3F3F;
    position: relative;
}
.ecommerce__Quick_FAQ .accordion-body::before {
    content: "";
    position: absolute;
    left: 36px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #00448f;
}
.ecommerce__Quick_FAQ .panel-default {
    /* border: none; */
    /* border-bottom: none; */
    border-radius: 10px;
    /* background: transparent; */
    margin-bottom: 20px;
    padding: 15px;
    border: 1px #ddd solid;
}
.ecommerce__Quick_FAQ .panel-default > .panel-heading {color: #333;background-color: #fff;border: none;border-radius: 0; padding: 0;}
.laravel_choose_details p {font-weight: 400;}
.laravel_service_box p,
.laravel_core_sub2 {font-weight: 400;}
.FaqUsedTechnologiesSection .used_technology_section_dataa {margin-top: 60px;}

.BrowsersBxmain {
    display: inline-block;
    width: 100%; margin-top: 15px
}
.BrowsersBx {
    float: left;
    width: 23.5%;
    cursor: pointer;
    background: #fff;
    padding: 14px 17px;
    border-radius: 10px;

    border: 1px #e67410 solid;
    box-shadow: 6px 6px 15px 0 rgba(230,116,16,0.14);
    margin-right: 2%;transition: all 0.4s ease 0s;
}
.BrowsersBx:hover {
    border: 1px transparent solid;
    box-shadow: 6px 6px 15px 0 rgba(76,76,76,0.14);
}
.BrowsersBx:last-child{ margin-right: 0}
.icntechimg {
    background: #fff;
    border-radius: 20px;
    height: 48px;
    position: relative;
    width: 55px;
    float: right;transition: all 0.4s ease 0s; text-align: left
}
.icntechimg img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s;
}
.BrowsersBx:hover .icntechimg img { filter: grayscale(100%);}
.icntechimg_nm {
    float: left;
    font-size: 17px;
    margin-top: 9px;
    color: #3F3F3F;
    font-family: 'robotoregular';
}
.BrowsersBx i {
    display: inline-block;
    margin: 11px;
    transition: all 0.4s ease 0s;
    opacity: 0;
}
.BrowsersBx:hover i {
    transition: all 0.4s ease 0s;
    opacity: 1;
}
.BrowsersSlider .BrowsersBx{ width: 100%;margin-right: 0;margin-bottom: 30px;margin-top: 16px;}
.TechnologyDataa {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.TechnologyDataaLeft {width: 75%;float: left;}
.TechnologyDataaLeft .BrowsersBx {width: 32%;}
.TechnologyDataaRight {float: right;width: 23.5%;}
.TechnologyDataaRight .BrowsersBx {width: 100%;}

.TechnologyDataaLeft2 {width: 50%;float: left;}
.TechnologyDataaLeft2 .BrowsersBx {width: 48%;}
.TechnologyDataaRight2 {float: right;width: 49%;}
.TechnologyDataaRight2 .BrowsersBx {width: 48%;}

.BrowsersDesignBx {
    width: 23.8%;
    vertical-align: top;
    margin-right: 19px;
    float: left;
}
.BrowsersDesignBx .BrowsersBx{ width: 100%; margin-right: 0}
.BrowsersDesignBx:last-child{ margin-right: 0}
.BrowsersDesignBx .DesignHadding {
    min-height: 44px;
}
.TechnologyDataa.BrowsersTechnologyDataa {
    margin-bottom: 0;
}
.BrowsersTechnologyDataa .BrowsersBxmain {
    margin-top: 0;
}


.ExploreOfferingsSection {
    padding: 50px 0;
    background: #ededed;
}
.ExploreOfferings {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}
.ExploreOfferings h3 {
    color: #292929;
    font-size: 20px;
    font-family: 'robotomedium';
}
.ExploreOfferings p {
    font-size: 18px;
    color: rgba(94,95,95,0.9);
    font-family: 'robotoregular';
    padding-bottom: 20px;
    padding-top: 5px
}

.EnquireModal {
    padding-top: 30px;

}
.EnquireModal .modal-content:before{ position: absolute; left: 0; top: 0; content: ""; background: #00448f; width: 100%; height: 270px}
.EnquireModal .btn-close {
    position: absolute;
    right: 0px;
    top: -10px;background:#fff url(../img/close-img.png) center center no-repeat;
    width: 30px;
    height: 30px;
    opacity: 1;
    border-radius: 50%;
    background-size: 16px; z-index: 9
}
.JobBoardPopImg {
    margin-top: 100px;
}
.product-details {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;margin-top: 30px; position: relative
}
.product-details h2 {
    color: #fff;font-family: 'robotomedium';font-size: 50px; 
}
    .product-details h2 span{font-size: 80px;font-family: 'robotobold'; display: block}
.EnquireModal .modal-dialog {
    max-width: 1300px;padding: 0 15px; pointer-events: auto;
}
.EnquireModal .modal-content {
	padding: 30px;
	overflow: hidden;
	border: none;
}
.EnquireModal .modal-content .modal-body {
	overflow: hidden;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 19px 0 rgba(0,0,0,0.15);padding: 40px
}
.EnquireModal .modal-content .modal-body:before{ position: absolute; left: 0; top: 0; content: ""; background: url(../img/pop-border.png) left top repeat-x; width: 100%; height: 4px}
.EnquireModal .modal-content .modal-body:after{ position: absolute; left: 0; bottom: 0; content: ""; background: url(../img/pop-border.png) left top repeat-x; width: 100%; height: 4px}
.EnquireModal .modal-content h3 {
    color: #333333;
    font-size: 37px;
    text-align: center;
    font-family: 'ralewaybold';
    padding-bottom: 40px;
}
.EnquireModal .modal-content h4 {
    color: #202020;
    font-size: 14px; text-transform: uppercase;
    font-family: 'ralewaybold';
    padding-bottom: 10px;
}
.EnquireModal .form-group {
    margin-bottom: 30px; position: relative
}
.EnquireModal .form-group .form-control {
    height: 44px;
    border-radius: 0; padding-left: 30px;border: none;border-bottom: 1px solid #ced4da;box-shadow: none !important;
}
.EnquireModal .form-group textarea.form-control {
    height: 100px; resize: none; padding-left: 30px
}
.EnquireModal .modal-footer{ border: none; padding-top: 0}
.EnquireModal .btn-primary {
    background: #00448f;
    border: 2px #00448f solid;
    font-family: 'robotomedium';
    padding: 10px 0;
    width: 195px;
}
.EnquireModal .modal-footer {
    border: none;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.EnquireModal .form-group i {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 17px;
    color: #666;
}
.JobBoardTitle span, .EventBookingTitle span {
    font-size: 17px;
    color: #fff;
    font-family: 'robotomedium';
    margin-top: 10px;
    display: inline-block;
    border: none;
    padding: 9px 30px;
}
.JobBoardTitle span:hover,
.EventBookingTitle span:hover {

}

.ecommerce__Quick_FAQ .accordion-header .accordion-button strong {
    color: #e67410;
    font-weight: normal;
    font-family: 'robotobold';
}

.ecommerce__Quick_FAQ .accordion-body strong {
    color: #00448f;
    font-weight: normal;
    font-family: 'robotomedium';
}
.breadcrumb-about {display: inline-block; padding: 10px 0 0; width: 100% }
.breadcrumb-about .breadcrumb-item {display: inline-block; }
.breadcrumb-about a {font-size: 18px;color: #fff;}
.breadcrumb-about .breadcrumb-item.active {color: #fff;font-size: 18px;font-family: 'ralewayregular';}


.ThankYouSection {
	border-top: 1px #ddd solid;
	padding-top: 0px;
}
.ThankYouTxt {
	margin-top: 180px;
	text-align: center;
}
.ThankYouTxt h2 {
	color: #333333;
	font-size: 65px;
	font-family: 'ralewaybold';
}
.ThankYouTxt p {
	color: #595858;
	font-size: 20px;
	padding: 10px 0 10px;
}
.ThankYouTxt h6 {
	color: #595858;
	font-size: 20px;
	padding: 0px 0 10px;font-family: 'robotomedium';
}
.ThankYouTxt .btn-primary {
	font-size: 17px;
	color: #fff;
	font-family: 'robotomedium';
	margin-top: 10px;
	display: inline-block;
	border: none;
	padding: 9px 40px;
	text-transform: uppercase;
}