/*
@font-face {font-family: "Maven Pro";
    src: url("http://db.onlinewebfonts.com/t/be9b3af682659445167820ec1ba6ee2d.eot"); 
    src: url("http://db.onlinewebfonts.com/t/be9b3af682659445167820ec1ba6ee2d.eot?#iefix") format("embedded-opentype"), 
    url("http://db.onlinewebfonts.com/t/be9b3af682659445167820ec1ba6ee2d.woff2") format("woff2"), 
    url("http://db.onlinewebfonts.com/t/be9b3af682659445167820ec1ba6ee2d.woff") format("woff"), 
    url("http://db.onlinewebfonts.com/t/be9b3af682659445167820ec1ba6ee2d.ttf") format("truetype"), 
    url("http://db.onlinewebfonts.com/t/be9b3af682659445167820ec1ba6ee2d.svg#Maven Pro") format("svg"); 
}
*/


@font-face {font-family: "Maven Pro";
    src: url("fontType/be9b3af682659445167820ec1ba6ee2d.eot"); /* IE9*/
    src: url("fontType/be9b3af682659445167820ec1ba6ee2dd41dd41d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fontType/be9b3af682659445167820ec1ba6ee2d.woff2") format("woff2"), /* chrome firefox */
    url("fontType/be9b3af682659445167820ec1ba6ee2d.woff") format("woff"), /* chrome firefox */
    url("fontType/be9b3af682659445167820ec1ba6ee2d.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/be9b3af682659445167820ec1ba6ee2d.svg#Maven Pro") format("svg"); /* iOS 4.1- */
}


body{background-color:#f1f1f1 !important;}
html, body, p, h1, h2, h3, div {font-family: Maven Pro, sans-serief !important;}


#Left_Bottom_Arrow_CommentBox:before {        content: "";    position: absolute;    left: 100%;    bottom: 175px;    width: 0;    height: 0;
    border-top: 28px solid transparent;    border-left: 26px solid #f1f1f1 ;    border-bottom: 28px solid transparent; }


#Left_Bottom_Arrow_CommentBox_eng:before {        content: "";    position: absolute;    left: 100%;    top: 110px;    width: 0;    height: 0;
    border-top: 28px solid transparent;    border-left: 26px solid #f1f1f1 ;    border-bottom: 28px solid transparent; }



#Left_Bottom_Arrow_CommentBox2:before {        content: "";    position: absolute;    left: 100%;    bottom: 329px;    width: 0;    height: 0;
    border-top: 28px solid transparent;    border-left: 26px solid #f1f1f1 ;    border-bottom: 28px solid transparent; }


#Left_Top_Arrow_CommentBox:before {
   content: "";  position: absolute; left: 100%; top: 86px;  width: 0;  height: 0;  border-top: 28px solid transparent;    border-left: 26px solid #f1f1f1 ;    border-bottom: 28px solid transparent;
}

#leftDirectionTop:before {
   content: "";    position: absolute;    left: 100%;    top: 140px;    width: 0;    z-index: 100;    height: 0;     border-top: 28px solid transparent;    border-left: 26px solid #f1f1f1 ;    border-bottom: 28px solid transparent;
}

#Right_Top_Arrow_CommentBox:before {
   content:""; position: absolute; right: 100%; top: 140px;  width: 0;   height: 0; border-top: 28px solid transparent;
   border-right: 30px solid #f1f1f1 ;  border-bottom: 33px solid transparent;
}
#Right_Top_Arrow_CommentBox_company:before {
   content:""; position: absolute; right: 100%; top: 180px;  width: 0;   height: 0; border-top: 28px solid transparent;
   border-right: 30px solid #f1f1f1 ;  border-bottom: 33px solid transparent;
}
.mobileImage{padding-top:5%;padding-bottom:5%;}
.happynessMobileImage{width:100%;}
.SecondSectionTitle{  color:#fff;}
 .SecondSectionTitle{ padding-top: 9%;    padding-bottom: 3%;  padding-left:9%; padding-right:24%;}
.ThirdSectionTitle, .companyThirdSectionPara{ padding-top: 6%;    padding-bottom: 3%;  padding-left:9%; padding-right:24%;}
.SecondSectionPara{padding-bottom:10%; padding-left:9%; padding-right:24%; color:#fff;}

.RecognitionSectionFirstTitle{ padding-top: 18%;    padding-bottom: 1%; color:#fff;text-align:center;}
.RecognitionSectionFirstPara{padding-bottom:13%;  font-size:20px; color:#5cb85c;text-align:center;}
.RecognitionSectionSecondTitle{ padding-top: 8%;    padding-bottom: 3%; padding-right:9%;color:#33adda;}
.RecognitionSectionSecondPara{padding-bottom:3%; padding-right:9%; }

.RecognitionSectionSixthTitle{padding-top: 13%;      padding-right:9%;color:#fff;}
.RecognitionSectionSixthPara{padding-bottom: 5%;     padding-right:9%;color:gray;}

.RecognitionSectionfourthTitle{ padding-top: 9%;   padding-right:9%;color:#33adda;}

.companySectionFirstTitle{padding-top: 20%;    padding-bottom: 5%;    color: #fff;    text-align: center;
    padding-left: 9%;    padding-right: 9%;}

.companySectionFirstDownArrow{padding-bottom:5%;  font-size:28px; color:#5cb85c;text-align:center;color:#fff;}
.myarrow2{margin-top:-10px;}

.companySectionTwotitle{    color: #33adda;
   
    text-align: center;
    padding: 3% 10% 3% 10%;margin-left: 10px;
    margin-right: 10px;
    margin-top: 9px;}


 .ThirdSectionSubPara{padding-bottom:10%; padding-left:9%; padding-right:24%; }
.ThirdSectionPara{padding-bottom:3%; padding-left:9%; padding-right:24%; }

.FifthSectionTitle{ padding-top: 11%; color:#fff;   padding-bottom: 3%;  padding-left:9%; padding-right:24%;}

.FeaturesIcon{width:50px;height:50px;float:right;}
.featureTitle{font-weight:bold;font-size:18px;padding-left:5%;padding-right:5%}
.featurepara{font-size:16px;color:gray;padding-left:5%;padding-right:5%}

.benepik_name{font-size: 45px;}
.laptopImage{position:relative;left: 10%;}

.savingHolder{   width: 300px;   padding: 1% 1% 1% 1%;background-color:rgba(245, 245, 240, 0.8);box-shadow:1px 1px 1px 1px #cdcdcd;}
.Company_Name{font-size:45px;}
.DiscountingText{   text-align: justify;    padding: 3% 10% 3% 10%;}

.employee_savingDiscountingText{   text-align: left;    padding: 3% 10% 3% 20%;}
.eng_textpritty{color:#fff;}
.hrDiscount{    border: 1px solid #33adda;    width: 33%}
.hrwhite{  border: 1px solid #fff;    width: 33%}


.UnbeatableEmployeeDiscounts{    padding: 5% 18% 6% 18%;    text-align: center;    font-size: 19px;}

.EngagementEmployeeDiscounts{    padding: 3% 15% 3% 15%;    text-align: center; }
.fixed-bg {        min-height: 300px;    background-attachment: fixed;    background-position: center;    background-repeat: no-repeat;    background-size: cover;margin-bottom:2px;}
.emp_saving_user{  padding: 15px;    margin-bottom: 3%;}
.user_heading {   padding: 4%;    font-size: 20px;    text-align: center;    color: #000; margin-top:1px; font-weight:bold;}

.user_text {    padding: 2%;    text-align: center;margin-top: -8px;min-height:134px; font-size:16px;}

 .UniquemodelText{padding-left:9%;padding-right:9%;text-align:center;font-weight:bold;}
.UniquemodelList{padding-left:9%;padding-right:9%;color:#fff;font-weight:bold;}

.eng_text_para{background-color: ;   padding: 22px; margin-left:9%;margin-right:9%;margin-top:2%;margin-bottom:3%;font-weight:500;text-align:center;}


.eng_text_para2{background-color: ;   padding: 22px; margin-left:15%;margin-right:15%;margin-top:2%;margin-bottom:3%;font-weight:500;text-align:center;}

.indexDivFirstSection{color:#fff;text-align:center;    padding: 8% 13% 4% 13%;}
.engment_down_Arrow{margin-top:50px;padding-bottom:7%;}
.ReconitionFirstSection1stRow{background-position: 0px 79px;  }
.savingPage{padding: 9% 9% 5% 18%;    text-align: center;}
.arrowwhite{color:#fff !important;}
.arrowwhite:hover{color:#5cb85c !important;}


.indexDivFirstSection h2{padding:19% 5% 0 5%;}
.indexDivFirstSectionDownArrow{margin-top:50px;padding-bottom:7%;}
.firstSectionH2{padding:19% 9% 0 9%;}

.indexSecondSectionTitle{ padding-top: 9%;
    padding-bottom: 3%;
    text-align: left;
    padding-left: 16%;
    padding-right: 24%;}

.indexThirdSectionPara, .indexSecondSectionPara{    padding-bottom: 3%;
    padding-left: 16%;
    padding-right: 24%;
    text-align: left;
    }




 .indexThirdSectionTitle{    padding-top: 9%;
    padding-bottom: 3%;
    padding-left: 16%;
    padding-right: 18%;
    text-align: left;}



.indexFourthSectionTitle{    padding-top: 13%;
    text-align: center;
    padding-bottom: 5%;
    color: #fff;
    font-size: 38px;}

.indexFourthSectionPara{    padding-bottom: 10%;
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    color: #fff;
    text-align: center;
    font-size: 24px;}

.SecondSectionPart2{margin-bottom:1%;}







.bg_ThemeBlue{background-color:#33adda;}
.bg_ThemeWhite{background-color:#f1f1f1;}
.bg_ThemeGreen{background-color:#5cb85c;}
.bg_ThemeGray{background-color: rgb(234, 234, 225)}
.bg_white{background-color:#fff;}

.footerHR{padding:0px;margin:7px 0px 0px 0px;}
.theme_whitetext{color:#fff;}
.theme_graytext{color:#000;}
.theme_greentext{color:#5cb85c;}
.theme_bluetext{color:#33adda;}

.padding0{padding:0px !important;}
.paddingTop{padding:0px !important;}
.paddingBottom{padding:0px !important;}
.paddingRight{padding:0px !important;}
.paddingLeft{padding:0px !important;}

sup{    color: #333 !important;    font-size: 18px !important;    top: 0 !important;}

.footertext_ben{    text-align: justify;    padding-left: 22%;    padding-right: 1%;}

.footer_subscribeDiv{    padding: 3%;
    margin: 2% 12% 2% 12%;
    border: 1px solid #fff;
    background: rgba(rgba(64, 64, 64, 0.1));
    border-radius: 2%;}


.indexSectionOne, .indexSectionFourth, .indexSectionfifth, .EmployeeSavingSevenSection, .EmployeeSavingEightSection, .companySectionFour, .companySectionthree, .EmployeeSavingSixthSection, .EmployeeSavingFourthSection,.EmployeeSavingSecondSection, .EmployeeSavingFirstSection, .engementFifthSection, .ThirdSection, .FourthSection, .ReconitionFirstSection, .ReconitionSixthSection, .companySectiontwo, .companySectionFour {margin-bottom:2px;}

.EmployeeSavingSixthSectionRow{padding-left:10%;padding-right:10%;}

.companySectionthree{margin-top:5px;}

.FeaturesContainerRow{    margin-left: 6%;    margin-right: 6%;}
.sendCVs{color: #000; background-color:#f2f2f2;  margin-left: 17%;    margin-right: 13%;    padding: 3%;}
.sendCVsTitle{}
.graphholder{   
    padding-left: 8%;
    padding-right: 7%;
    padding-top: 2%;
    padding-bottom: 2%;}
.graphTitle{    margin-bottom: 2%;}
.graphTxt{font-size:16px;}
.sourceIndexrules{font-size:9px;float:right;margin-right:2%;}
.employee_text_savingCharge{padding-left: 4%;}
.perksTxTTree{position: absolute;
    top: 48%;
    left: 14%;
    font-size: 60px;
    font-weight: 600;}
.f_icon{border-radius: 50%;
    border: 2px solid #fff;
    padding: 6px;
    font-weight: bold;
    width: 31px;
    height: 30px;}
.unbeatabletitle{font-size:36px;}
.glyphicon-menu-down:hover, .f_icon:hover{color:#5cb85c !important;}
.forMerchanttext{ color: #000;    font-size: 23px;    padding-left: 10%;    padding-right: 10%;}
.companyThirdSectionPara{color:#fff;}
.indexSecondSectionTitle, .indexThirdSectionTitle, .FifthSectionTitle, .ThirdSectionTitle, .SecondSectionTitle, .RecognitionSectionfourthTitle, .RecognitionSectionSecondTitle, .RecognitionSectionSixthTitle,  .UNIQmodelTitle, .text40, .companySectionTwotitle{font-size:40px;}
.SecondSectionPara, .UniquemodelText, .UniquemodelList, .text18 , .eng_textpritty, .companyThirdSectionPara{font-size:18px;}

.indexThirdSectionPara, .indexSecondSectionPara, .ThirdSectionPara, .ThirdSectionSubPara, .RecognitionSectionSecondPara, .RecognitionSectionSixthPara, .unbeatableTxt, .InStore_discounting_Text, .online_discounting_Text {font-size:18px;color:#000;}

.RecognitionSectionSecondTitle, .RecognitionSectionSecondPara, .RecognitionSectionfourthTitle, .RecognitionSectionSixthTitle, .RecognitionSectionSixthPara{padding-left:20%;}
.treeImage{margin-top:6%;}
.emp_saving_tree_text{margin-top:33%;}
.contactMessageReturn{font-size: 18px;    text-align: center;    color: #5cb85c;    font-weight: bold;       padding: 16px;}

.employee_benefits1stImage{background-position: 0px 80px;background-size: 100% 85%;   }
.employee_benefits1stTextHolder{padding:18% 13% 5% 13% ;}
.perksText1stDiv {font-size:50px;font-weight: 600;}